/*!
Theme Name: ANKARA Design
Theme URI: http://underscores.me/
Author: eTCSPL
Author URI: http://etcsfzc.com
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: ankara-design
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

ANKARA Design is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
 @charset "utf-8";

 @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap');
 
 
 /*
		 Resets
 */
 
 body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin:0; padding:0 }
 table { border-collapse:collapse; border-spacing:0 }
 fieldset, img { border:0 }
 address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
 caption, th { text-align:left }
 q:before, q:after { content:'' }
 abbr, acronym { border:0 }
 :focus { outline:0 }
 ins { text-decoration:none }
 del { text-decoration:line-through }
 .clear { clear: both; }
 /*
		 body Structure
 */
 html,body {
	 height: 100%;    
 }
 body {
	 background: #131313;    
	 font-family: 'Montserrat', sans-serif;
	 font-size: 14px;
	 line-height: 22px;
	 font-weight:500;
	 color: #fff;
 }
 /*
		 Typography
 */
 div, p, a, li, td { -webkit-text-size-adjust:none; }
 html, html a {
	 -webkit-font-smoothing: antialiased !important;
 }
 h1,h2,h3,h4,h5,h6 {    
	 margin:0 0 15px 0;
	 line-height: normal !important;
 }
 h1 {
	 font-size:54px;
	 font-weight:800;
 }
 h2 {
	 font-size:40px;
/* 	 font-weight:800; */
 }
 h3 {
	 font-size:22px;
/* 	 font-weight:700; */
 }
 h4 {
	 font-size:22px;
	 font-weight:400;
 }
 h5 {
	 font-size:18px;
	 font-weight:400;
 }
 h6 {
	 font-size:16px;
	 font-weight:400;
 }
 p {    
	 font-size:14px;
	 font-weight:500;
	 color: #fff;
	 margin: 0 0 15px 0;
 }
 p span, p strong {
	 font-weight:800;
 }
 img {
	 border:none;
	 max-width:100%;
 }
 a {
	 text-decoration: none;
	 color:#333;
 }
 a:hover,a:focus,a:active {
	 text-decoration: none;
	 outline: none;
	 color: #000;
 }
 .fancybox-custom .fancybox-skin {
	 box-shadow: 0 0 50px #222;
 }
 
 .navigationBar {
	 display: block;
	 width: auto;
	 position: fixed;
	 top: 0;
	 left: 0;
	 right: 0;
	 z-index: 200;
	 height: 100px;   
	 padding: 0;
	 /* opacity: 0.7; */
	 /* background: #000; */
	 background: transparent;
/* 	 box-shadow: 0 5px 50px rgba(0,0,0,0.15); */
	 /*transition: all 500ms;*/
 }
 /*navigationBarContent*/
 .navigationBarContent {
	 position: relative;
	 height: auto;
 }
 .navbar {
	 min-height: 40px;
 }
 .navbar-brand {
	 display: inline-block;
	 margin-top: 10px;
	 height: auto;
	 padding: 0;
	 position: relative;
	 top: 0;
 }
 .navbar-brand img {
	 height: 110px;
	 position: relative;
 }
 .navbar-nav {
	 margin-top: 0;
 }
 .navbar-collapse {
	 float: right;
	 padding-right: 0;
 }
 .navbar-default {
	 background: transparent;
	 border: none;
	 margin: 0;
 }
 /*navbar-collapse*/
 .navbar-collapse > ul > li {
	 margin: 0;
	 color: #D3AF37;
	 height: 100px;
	 line-height: 100px;
	 padding: 0;
	 position: relative;
	 text-transform: capitalize;
 }
 .navbar-collapse > ul > li:last-child {
	 border: none;
 }
 .navbar-collapse > ul > li > a {
	 display: block;
	 color: inherit !important;
	 padding: 0 15px;
	 margin: 0;
	 height: inherit;
	 line-height: inherit;
	 font-size: 14px;    
	 text-transform: capitalize;
 }
 .navbar-collapse > ul > li:before {
	 content: '';
	 display: block;
	 position: absolute;
	 bottom: 0;
	 left: 1px;
	 right: 1px;
	 height: 20px;
	 background: #fff;
	 transition: all 300ms;
	 visibility: hidden;
	 opacity: 0;
 }
 .navbar-collapse > ul > li:hover:before,
 .navbar-collapse > ul > li.active:before {
	 /*width: 100%;
	 left: 0;*/
	 bottom: 0;
	 height: 5px;
	 visibility: visible;
	 opacity: 1;
 }
 .navbar-collapse > ul > li:hover > a,
 .navbar-collapse > ul > li.active > a {
	 /*background: #000 !important;
	 color: #fff !important;*/
	 background: transparent !important;
	 color: #fff !important;
 }
 .navbar-collapse.in {
	 overflow-y: initial !important;
 }
 /*drop down menu*/
 .navbar-collapse > ul > li > ul {
	 /*display: block;*/
	 width: 180px;
	 height: auto;
	 position: absolute;
	 top: 100%;
	 left: 0;
	 margin: 0;
	 background: #fff;
	 z-index: 10;
	 box-shadow: 0 6px 30px rgba(0,0,0,0.15);
	 transition: all 300ms ease-in-out;
	 padding: 0;
	 border-radius: 0;
	 border: none;
	 visibility: hidden;
	 opacity: 0;
 }
 .navbar-collapse > ul > li:hover > ul {
	 left: 0;
	 visibility: visible;
	 opacity: 1;
 }
 .navbar-default .navbar-nav>.open>a,
 .nav .open>a {
	 background: transparent !important;
 }
 .navbar-collapse > ul > li > ul > li {
	 display: block;
	 border-bottom: solid 1px #ddd;
	 font-size: 13px;
	 transition: all 300ms ease-in-out;
	 position: relative;
	 line-height: normal;
	 height: auto;
 }
 .navbar-collapse > ul > li > ul > li > a {
	 display: block;
	 padding: 15px;
	 color: #222;
	 font-size: 15px;
	 font-size: inherit;
	 height: auto;
	 line-height: normal;
	 transition: all 300ms ease-in-out;
 }
 .navbar-collapse > ul > li > ul > li:hover {
	 background: #000;
 }
 .navbar-collapse > ul > li > ul > li:hover > a {
	 color: #fff;
	 background: transparent;
 }
 .navbar-collapse > ul > li > ul > li > span.separator {
	 display: block;
	 padding: 5px 0;
	 text-transform: uppercase;
	 text-align: center;
 }
 .navbar-collapse > ul > li > ul > li:hover > span.separator {
	 color: #fff;
 }
 .navbar-collapse > ul > li > ul > li > a > .fa-angle-right {
	 display: inline-block;
	 float: right;
	 position: relative;
	 top: 5px;
 }
 .navbar-collapse > ul > li > ul > li:last-child {
	 border-bottom: none;
 }
 /*double dropdown*/
 .navbar-collapse > ul > li > ul > li > ul {
	 display: block;
	 width: 180px;
	 height: auto;
	 position: absolute;
	 left: 100%;
	 line-height: normal;
	 top: 0;
	 background: #fff;
	 box-shadow: 0 6px 30px rgba(0,0,0,0.15);
	 transition: all 300ms;
	 visibility: hidden;
	 opacity: 0;
 }
 .navbar-collapse > ul > li > ul > li:hover > ul {
	 visibility: visible;
	 opacity: 1;
 }
 .navbar-collapse > ul > li > ul > li > ul > li {
	 display: block;
	 border-bottom: solid 1px #ddd;
	 font-size: 13px;
	 transition: all 300ms ease-in-out;
	 position: relative;
 }
 .navbar-collapse > ul > li > ul > li > ul > li > a {
	 display: block;
	 padding: 5px 15px;
	 color: #222;
	 font-size: 15px;
	 font-size: inherit;
	 transition: all 300ms ease-in-out;
 }
 .navbar-collapse > ul > li > ul > li> ul > li:hover {
	 background: #000;
 }
 .navbar-collapse > ul > li > ul > li> ul > li:hover > a {
	 color: #fff;
 }
 /*callbackBtn*/
 .navbar-collapse > ul > li.callbackBtn {
	 color: #fff;
 }
 .navbar-collapse > ul > li.callbackBtn > a {
	 background: #000;
	 color: inherit;
	 text-transform: none;
 }
 .navbar-collapse > ul > li.callbackBtn:hover {
	 background: #404041;
	 color: #fff !important;
 }
 .navbar-collapse > ul > li.callbackBtn:hover > a {
	 color: inherit !important;
 }
 .navbar-collapse > ul > li.callbackBtn:before {
	 display: none;
 }
 /*navigationBarScroll*/
 .navigationBarScroll {
	 height: 80px;
 }
 .navigationBarScroll-Dark {
	 background-color: #131313;
/* 	 background-color: transparent; */
 }
 .navigationBarScroll .navbar-brand {
	 margin-top: 5px;
 }
 .navigationBarScroll .navbar-brand img {
	 height: 90px;
 }
 .navigationBarScroll .navbar-collapse > ul > li {
	 height: 80px;
	 line-height: 80px;
 }
 /*searchbox*/
 .searchbox {
	 display: none;
	 width: auto;
	 height: auto;
	 position: fixed;
	 top: 150px;
	 right: 150px;
	 left: 150px;
	 bottom: 150px;
	 z-index: 100;
	 background: rgba(0,0,0,0.8);
 }
 .searchbox .searchboxInner {
	 display: flex;
	 align-items: center;
	 width: 100%;
	 height: 100%;
	 position: relative;    
 }
 .searchbox .searchboxClose {
	 display: block;
	 position: absolute;
	 width: 50px;
	 height: 50px;
	 line-height: 50px;
	 text-align: center;
	 background: #000;
	 top: 50px;
	 right: 50px;
	 color: #fff;
	 font-size: 32px;
	 text-align: center;
	 border-radius: 50%;
	 cursor: pointer;
 }
 .searchboxForm {
	 width: 700px;
	 height: auto;
	 position: relative;
	 margin: 0 auto;
 }
 .searchbox input {
	 display: block;
	 width: 100%;
	 height: 70px;
	 border: none;
	 text-indent: 15px;
	 background: #fff;
	 color: #222;
	 font-size: 26px;
	 box-shadow: 0 10px 30px rgba(0,0,0,0.3);
 }
 .searchbox button {
	 display: block;
	 width: 70px;
	 height: 70px;
	 line-height: 70px;
	 text-align: center;
	 background: #000;
	 color: #fff;
	 cursor: pointer;
	 border: none;
	 position: absolute;
	 top: 0;
	 right: 0;
	 font-size: 32px;
	 z-index: 2;
 }
 .searchbox button:hover,
 .searchbox .searchboxClose:hover {
	 background: #404041;
	 color: #fff;
 }
 
 /* sidebar footer */
 .sidebar-footer {
	 position: fixed;
	 top: 0;
	 display: none;
	 left: 0;
	 width: 150px;
	 height: auto;
	 /* opacity: 0.7; */
	 /* background: #000; */
	 background: transparent;
	 z-index: 600;
 }
/*  .sidebar-footer-Scroll {
	 top: 80px;
 } */
 .sidebar-footer-Scroll-Dark {
	 background-color: transparent;
 }
 .sidebar-title {
	 position: fixed;
	 width: 300px;
	 top: 380px;
	 padding-top: 26px;
	 cursor: default;
	 -webkit-transform: rotate(-90deg);
	 -moz-transform: rotate(-90deg);
	 -o-transform: rotate(-90deg);
	 -ms-transform: rotate(-90deg);
	 transform: rotate(-90deg);
	 -webkit-transform-origin: left top;
	 -ms-transform-origin: left top;
	 -moz-transform-origin: left top;
	 -o-transform-origin: left top;
	 transform-origin: left top;
	 z-index: 12;
 }
 .sidebar-title h2 {
	 font-size: 10px;
	 text-transform: uppercase;
	 letter-spacing: 1px;
	 color: #fff;    
	 font-weight: 600;
	 text-align: center;
 }
 .sidebar-title a {
	 position: relative;
	 z-index: 3;
	 -webkit-transition: all 200ms linear;
	 -moz-transition: all 200ms linear;
	 -o-transition: all 200ms linear;
	 -ms-transition: all 200ms linear;
	 transition: all 200ms linear;
	 color: #fff;
	 text-decoration: none !important;
 }
 .sidebar-title a:hover {
	 color: rgb(135, 135, 135);
 }
 .sidebar-social {
 position: absolute;
 top: 50px;
 left: 0;
 width: 100%;
 }
 .sidebar-social-Scroll {
	 top: 45px;
 }
 .sidebar-social ul {
	 padding-left: 0px;
 }
 .sidebar-footer .sidebar-social li {
	 float: left;
	 width: 50%;
	 list-style: none;
	 margin-bottom: 10px;
	 text-align: center;
 }
 
 .sidebar-footer .sidebar-social li a {
	 font-size: 22px;
	 color: #fff;
	 width: 100%;
	 float: left;
	 transition: all 200ms linear;
 }
 .sidebar-footer .sidebar-social li a:hover {
	 color: rgb(135, 135, 135);
 }
 
 /*bannerSection*/
 .bannerSection {
	 display: block;
	 position: relative;
	 width: 100%;
	 height: 100%;
	 overflow: hidden;
	 background: #fff;
 }
 .bannerSection::before {
	 content: '';
/* 	 background: url('assets/images/slide-bg.png'); */
	 background: #000;
	 position: absolute;
	 width: 100%;
	 height: 100%;
	 left: 0;
	 top: 0;
	 z-index: 1;
	 opacity: 0.3;
 }
 .bannerSection .bannerSectionContainer {
	 display: block;
	 position: absolute;
	 top: 0;
	 left: 0;
	 right: 0;
	 bottom: 0;
 }
 #bannerSlider,
 #bannerSlider .owl-wrapper-outer,
 #bannerSlider .owl-wrapper-outer .owl-wrapper,
 #bannerSlider .owl-wrapper-outer .owl-wrapper .owl-item,
 #bannerSlider .owl-wrapper-outer .owl-wrapper .owl-item .item {
	 height: 100%;
 }
 #bannerSlider .owl-wrapper-outer .owl-wrapper .owl-item .item {
	 width: 100%;
	 overflow: hidden;
 }
 #bannerSlider .owl-controls {
	 position: absolute;
	 width: auto;
	 bottom: 50px;
	 right: 50px;
	 text-align: right;
	 z-index: 2;
 }
 #bannerSlider .owl-controls .owl-page span {
	 width: 50px !important;
	 height: 10px !important;
	 margin: 0 3px !important;
	 border-radius: 0 !important;
	 background: #000 !important;
 }
 #bannerSlider .item {
	 position: relative;
	 overflow: hidden;
 }
 .bannerSection .bannerSlideImg {
	 display: block;
	 width: 100%;
	 height: 100%;
	 position: relative;
	 background-size: cover !important;
 }
 .bannerSection .bannerSlideImg:before {
	 content: '';
	 display: none;
	 position: absolute;
	 left: 0;
	 right: 0;
	 bottom: 0;
	 height: 200px;
	 background: -linear-gradient(bottom, rgba(0,0,0,0.9), rgba(0,0,0,0.0));
	 background: -webkit-linear-gradient(bottom, rgba(0,0,0,0.9), rgba(0,0,0,0.0));
	 background: -o-linear-gradient(bottom, rgba(0,0,0,0.9), rgba(0,0,0,0.0));
	 background: -moz-linear-gradient(bottom, rgba(0,0,0,0.9), rgba(0,0,0,0.0));
	 background: -ms-linear-gradient(bottom, rgba(0,0,0,0.9), rgba(0,0,0,0.0));
 }
 .bannerSection .bannerSlideBlock {
	 display: block;
	 position: absolute;
	 z-index: 2;
	 bottom: 10%;
	 right: 10%;        
	 /* top: 50%;
	 left: 50%;    
	 transform: translate(-50%, -50%); */
 }
 .bannerSection .bannerSlideBlock:before {
	 content: '';
	 display: block;
	 position: absolute;
	 top: 0;
	 left: 0;
	 right: 0;
	 height: 100%;
	 background: transparent;
	 opacity: 0.4;
	 z-index: -1;
	 transform: skew(0deg) rotate(0deg);
	 border-radius: 0 0 0 0;
	 transition: all 1000ms;
 }
 .bannerSection .owl-item.active .bannerSlideBlock:before {
	 transform: skew(0deg) rotate(0deg);
	 border-radius: 100px;
 }
/*  .bannerSection .bannerSlideBlockInner {
	 display: block;
	 position: relative;
	 padding: 30px;
 } */
 .bannerSection .bannerSlideBlock h2 {
	 display: block;
	 font-size: 46px;
	 position: relative;
	 color: #000;
	 transition: all 900ms;
 }
 .bannerSection .bannerSlideBlock p {
	 font-size: 20px;
 }
 .bannerSection .bannerSlideBlock .btn {
	 height: 50px;
	 line-height: 50px;
	 padding: 0 35px;
	 font-size: 18px;
 }
 .bannerSection .bannerSlideBlock .btn:hover {
	 text-shadow: none;
 }

.branding-logo {
	 display: block;
	 position: absolute;	 	 	 
	 bottom: 10px;	 
	 right: 50px;
	 z-index: 10;
	 text-align: center;
}

.branding-logo img {
    width: 90px;
}


 /*scrollToDown*/
 .scrollToDown {
	 display: block;
	 position: absolute;
	 width: 70px;
	 height: 70px;
	 line-height: 70px;
	 margin: 0 auto;
	 bottom: 0;
	 background: rgba(0,0,0,0.5);
	 left: 0;
	 right: 0;
	 z-index: 10;
	 text-align: center;
 }
 .scrollToDown a {
	 display: block;
	 position: relative;
	 width: inherit;
	 height: inherit;
	 line-height: inherit;
	 text-align: center;
	 font-size: 32px;
	 color: #fff;
	 background: url('assets/images/scrollToDown.png') no-repeat center;
	 animation: scrollToDownAnim 1s infinite;
 }
 @-webkit-keyframes scrollToDownAnim {
	 0% {
		 bottom: 0;
	 }
	 50% {
		 bottom: -6px;
	 }
	 100% {
		 bottom: 0;
	 }
 }
 @-o-keyframes scrollToDownAnim {
	 0% {
		 bottom: 0;
	 }
	 50% {
		 bottom: -6px;
	 }
	 100% {
		 bottom: 0;
	 }
 }
 @-moz-keyframes scrollToDownAnim {
	 0% {
		 bottom: 0;
	 }
	 50% {
		 bottom: -6px;
	 }
	 100% {
		 bottom: 0;
	 }
 }
 @-ms-keyframes scrollToDownAnim {
	 0% {
		 bottom: 0;
	 }
	 50% {
		 bottom: -6px;
	 }
	 100% {
		 bottom: 0;
	 }
 }
 /*overviewSection*/

.about-section h1 {
	color: #D3AF37;
}
 .overviewSection {
	 display: block;
	 position: relative;
	 width: 100%;
	 height: auto;
	 overflow: hidden;
	 padding: 70px 0;
 }
 .overviewSection .overviewCol {
	 display: block;
	 position: relative;
	 z-index: 2;
	 padding: 50px;
	 margin: 0 0 0 -100px;
	 background: #fff;
 }
 .overviewSection .overviewCol .heading:after {
	 width: 130%;
	 left: -30%;
 }
 .overviewSectionBg {
	 display: block;
	 width: 50%;
	 position: absolute;
	 top: 0;
	 bottom: 0;
	 left: 0;
	 background: url('assets/images/aboutSectionImg1.jpg') no-repeat center;
	 background-size: cover;
 }
 .videoPlayBtn {
	 display: block;
	 position: absolute;
	 left: -55px;
	 /*right: 0;*/
	 padding-top: 45%;
	 width: 100px;
	 height: 100px;
	 line-height: 100px;
	 color: #fff;
	 border-radius: 50%;
	 font-size: 100px;
	 /*margin: 0 auto;*/
 }
 .videoPlayBtn > a {
	 display: block;
	 width: 110px;
	 height: 110px;
	 border-radius: 50%;
	 margin: 0 auto;
	 background: url('assets/images/videoplay.png') no-repeat center #fff;
	 box-shadow: 0 10px 50px rgba(0,0,0,0.4);
	 z-index: 2;
	 position: relative;
 }
 .videoPlayBtn > a:before {
	 content: '';
	 display: block;
	 position: absolute;
	 top: 0;
	 left: 0;
	 right: 0;
	 bottom: 0;
	 border: solid 20px #fff;
	 opacity: 0.3;
	 transition: all 500ms;
	 transform: scale(1.8);
	 z-index: -1;
	 border-radius: 50%;
 }
 .videoPlayBtn > a:hover:before {
	 opacity: 0;
	 border-color: transparent;
	 transform: scale(0.5);
 }
 /*videoSection1*/
 .videoSection1 {
	 display: block;
	 width: 100%;
	 height: auto;
	 position: relative;
	 overflow: hidden;
	 clear: both;
	 /*padding: 50px 0;*/
	 /*background: #eee;*/
	 /*border-top: solid 1px #ddd;*/
	 background: url('assets/images/videoSection1.jpg') no-repeat fixed 100% 0;
	 background-size: cover;
 }
 .videoSection1:before {
	 content: '';
	 display: block;
	 position: absolute;
	 top: 0;
	 left: 0;
	 bottom: 0;
	 width: 50%;
	 background: rgba(247,147,31,0.8);
 }
 .videoSection1 .videoSection1Col {
	 display: block;
	 position: relative;
	 width: 100%;
	 height: auto;
	 position: relative;
	 min-height: 300px;
 }
 .videoSection1ColInner {
	 display: block;
	 position: relative;
	 padding: 70px 100px 70px 0;
	 color: #fff;
 }
 /*productsSection*/
 .productsSection {
	 display: block;
	 width: 100%;
	 height: auto;
	 clear: both;
	 position: relative;
	 overflow: hidden;
	 padding: 70px 0;
 }
 .productsSection .row {
	 margin-left: -3px;
	 margin-right: -3px;
 }
 .productsSection .row .owl-carousel .item {
	 padding-left: 3px;
	 padding-right: 3px;
 }
 .productBlock {
	 display: block;
	 position: relative;
	 overflow: hidden;
	 width: 100%;
	 height: 0px;
	 padding-bottom: 100%;
	 margin-bottom: 6px;
 }
 .productBlock .productBlockInner {
	 display: block;
	 position: absolute;
	 z-index: 2;
	 left: 0;
	 right: 0;
	 bottom: 0;
	 text-align: center;
	 padding: 30% 10px 30px 10px;
	 color: #fff;
 }
 .productBlock .productBlockInner:before {
	 content: '';
	 display: block;
	 position: absolute;
	 top: 0;
	 left: 0;
	 right: 0;
	 bottom: -150px;
	 background: #000;
	 opacity: 0.5;
	 z-index: -1;
	 transition: all 500ms;
	 transform: skewY(-20deg);
	 border-radius: 100px 0 0 0;
 }
 .productBlock:hover .productBlockInner:before {
	 transform: skewY(-10deg);
	 border-radius: 0 0 0 0;
	 opacity: 0.7;
 }

.productBlock .WorkBlockInner:before {
	 content: '';
	 display: block;
	 position: absolute;
	 top: 0;
	 left: 0;
	 right: 0;
	 bottom: -150px;
	 background: #000;
	 opacity: 0.5;
	 z-index: -1;
	 transition: all 500ms;
	 transform: skewY(-20deg);
	 border-radius: 100px 0 0 0;
 }
 .productBlock:hover .WorkBlockInner:before {
	 transform: skewY(-10deg);
	 border-radius: 0 0 0 0;
	 opacity: 0.7;
 }

 .productBlock .productBlockImg {
	 display: block;
	 position: absolute;
	 width: 100%;
	 height: 100%;
	 top: 0;
	 left: 0;
	 background-size: cover !important;
 }
 .productsSection .carouselWithArrows.owl-theme .owl-controls .owl-buttons {
	 top: -60px !important;
	 right: 0 !important;
 }
 /*projectsGallerySection*/
 .projectsGallerySection {
	 display: block;
	 clear: both;
	 width: 100%;
	 height: auto;
	 padding: 70px 0 0 0;
	 border-top: solid 1px #ddd;
 }
 .projectsGallerySection .item {
	 width: 100%;
	 height: auto;
 }
 .projectsGallerySection .item .projectsGalleryImg,
 .projectsGallerySection .item .projectsGalleryCol {
	 display: block;
	 height: 600px;
	 position: relative;
	 float: left;
 }
 .projectsGallerySection .item .projectsGalleryImg {
	 /*background-size: cover !important;*/
	 width: 60%;
 }
 .projectsGallerySection .item .projectsGalleryCol {
	 z-index: 2;
	 width: 40%;
 }
 .projectsGallerySection .item .projectsGalleryCol .projectsGalleryDesc {
	 display: block;
	 padding-top: 100px;
	 color: #fff;
 }
 .projectsGallerySection .item .projectsGalleryCol .projectsGalleryDesc h5 {
	 margin-bottom: 20px;
 }
 .projectsGallerySection .item .projectsGalleryCol:before,
 .projectsGallerySection .item .projectsGalleryCol:after {
	 content: '';
	 display: block;
	 position: absolute;
	 z-index: -1;
	 transform: skew(20deg);
 }
 .projectsGallerySection .item .projectsGalleryCol:before {
	 background: #404041;
	 right: -150px;
	 left: -150px;
	 top: 0;
	 bottom: 0;
 }
 .projectsGallerySection .item .projectsGalleryCol:after {
	 background: #000;
	 left: -350px;
	 top: 50px;
	 bottom: 50px;
	 width: 200px;
	 opacity: 0.8;
	 transition: all 1000ms;
 }
 .projectsGallerySection .owl-item.active .item .projectsGalleryCol:after {
	 left: -250px;
	 opacity: 0.8;   
 }
 .carouselWithArrows.owl-theme .owl-controls .owl-buttons {
	 position: absolute;
	 top: 15px;
	 right: 15px;
	 z-index: 2;
 }
 .carouselWithArrows.owl-theme .owl-controls .owl-buttons div {
	 width: 50px;
	 height: 50px;
	 line-height: 50px;
	 text-align: center;
	 padding: 0;
	 margin: 2px;
	 border-radius: 0;
	 background: rgb(16 16 15 / 90%) !important;
	 opacity: 1;
	 font-size: 30px;
 }
 .carouselWithArrows.owl-theme .owl-controls .owl-buttons div:hover {
	 background: #404041 !important;
	 box-shadow: 0 5px 30px rgba(0,0,0,0.2);
 }
 .projectsGallerySection .carouselWithArrows.owl-theme .owl-controls .owl-buttons {
	 /*top: 0;
	 right: initial;
	 left: 50%;*/
 }
 
 /* project section */
 .project-section {
	 width: 100%;
	 padding: 50px 0 50px 0;
 }
 
 .project-item {
	 margin-bottom: 70px;
 }
 
 .project-item, .project-media {
	 float: left;
	 width: 100%;
	 position: relative;
 }
 
 .project-wrap {
	 float: left;
	 width: 100%;
	 opacity: 0.6;
	 padding-top: 50px;
 }
 
 .projectimg {
	 max-width: 100%;
	 width: 100%;
	 height: auto;
 }
 
 .project-left .project-deck {
	 right: -40%;
 }
 
 .project-right .project-deck {
	 left: -40%;
 }
 
 .project-deck {
	 position: absolute;
	 bottom: 50px;
	 padding: 50px;
	 z-index: 3;
 }
 
 .project-deck-item {
	 float: left;
	 max-width: 550px;
 }
 
 .project-deck-item h3 {
	 font-size: 50px;    
	 text-transform: uppercase;
	 float: left;
	 text-align: left;
	 width: 100%;
	 color: #000;
	 font-weight: 300;
	 position: relative;        
 }
 
 .project-deck-item h3:before {
	 content: '';
	 position: absolute;
	 top: -20px;
	 left: 0;
	 width: 50px;
	 height: 1px;
	 background: #000;
 }
 
 .project-section hr {
	 border-top: 1px solid #000;
	 width: 50%;
	 float: left;
 }
 
 .project-btn {
	 background: #fff!important;
	 color: #000!important;
	 border: 1px solid #000!important;
	 padding: 10px 15px;
	 transition: 0.5s ease-in-out;
 }
 .project-btn:hover {
	 background: #000!important;
	 color: #fff!important;
 }
 
 
 /*contactUsSection*/
 .contactUsSection {
	 display: block;
	 clear: both;
	 width: 100%;
	 height: auto;
	 position: relative;
	 padding: 70px 0 70px 0;
	 background: url('assets/images/slide2.jpg') no-repeat fixed 100% 0;
	 background-size: cover;
 }
 .contactUsSection .contactUsSectionCol {
	 display: block;
	 padding: 70px;    
	 min-height: 400px;
	 position: relative;
	 color: #fff;
 }
 .contactUsSectionCol:before {
	 content: '';
	 display: block;
	 position: absolute;
	 top: 0;
	 left: 0;
	 right: 0;
	 bottom: 0;
	 background: #000;
	 opacity: 0.8;
 }
 .contactUsSectionCol h3 {
	 font-weight: normal;
	 margin-bottom: 0;
 }
 /*addressDetails*/
 .contactUsSectionCol .addressDetails {
	 display: block;
	 text-align: left;
	 border-top: solid 1px rgba(255,255,255,0.2);
	 float: left;
	 clear: both;
	 padding-top: 20px;
	 margin-top: 20px;
 }
 .contactUsSectionCol .addressDetails h4 {
	 position: relative;
	 padding-left: 30px;
	 font-size: 15px;
 }
 .contactUsSectionCol .addressDetails h4 i {
	 position: absolute;
	 left: 0;
	 top: 6px;
	 color: #fff;
	 font-size: 18px;
 }
 .contactUsSectionCol .addressDetails h4 a {
	 color: inherit;
 }
 .contactUsSectionCol .addressDetails h4 a:hover {
	 text-decoration: underline;
 }
 /*contact us form*/
 .contactUsSectionCol .row {
	 margin-left: -6px;
	 margin-right: -6px;
 }
 .contactUsSectionCol .row .col-sm-6,
 .contactUsSectionCol .row .col-sm-12 {
	 padding-left: 6px;
	 padding-right: 6px;
 }
 .contactUsSectionCol .formField {
	 display: block;
	 position: relative;
	 width: 100%;
	 height: 50px;
	 color: #000;
	 margin-bottom: 12px;
 }
 .contactUsSectionCol .formField i {
	 display: block;
	 width: 40px;
	 height: 50px;
	 line-height: 50px;
	 position: absolute;
	 top: 0;
	 left: 0;
	 bottom: 0;
	 text-align: center;
	 font-size: 18px;
	 color: #000;
	 z-index: 2;
 }
 .contactUsSectionCol .formField input,
 .contactUsSectionCol .formField textarea {
	 display: block;
	 width: 100%;
	 position: relative;
	 border: none;
	 text-indent: 40px;
 }
 .contactUsSectionCol .formField input {
	 height: 100%;
 }
 .contactUsSectionCol .formField.formFieldTextarea,
 .contactUsSectionCol .formField textarea {
	 height: auto;
 }
 .contactUsSectionCol .formField textarea {
	 padding-top: 10px;
 }
 .contactUsSectionCol button.btn-rounded {
	 padding-left: 50px;
	 padding-right: 50px;
	 float: right;
 }
 
 /*footerSection*/
 .footerSection {
	 display: block;
	 clear: both;
	 width: 100%;
	 height: auto;
	 position: relative;
	 padding: 70px 0;	 
 }
 .logofooter {
	 display: block;
	 text-align: center;
	 margin-bottom: 50px;
 }
 .footerMenu {
	 display: block;
	 text-align: center;
	 margin-bottom: 30px;
 }
 .footerMenu ul {
	 margin: 0;
	 padding: 0;
 }
 .footerMenu ul li {
	 display: inline-block;
	 margin: 0 0;
	 list-style-type: none;
 }
 .footerMenu ul li a {
	 display: inline-block;
	 font-size: 16px;
 }
 .footerMenu ul li a:hover {
	 color: #000;
 }
 .footerMenu ul li a:after {
	 content: '|';
	 display: inline-block;
	 margin: 0 15px;
	 color: #ddd;
 }
 .footerMenu ul li:last-child a:after {
	 display: none;
 }
 /*copyright*/
 .copyright {
	 display: block;
	 padding: 30px 0 15px 0;
	 border-top: solid 1px #ddd;
 }
 /*footerSocial*/
 .footerSocial {
	 display: block;
	 clear: both;
	 width: 100%;
	 text-align: center;
 }
 .footerSocial ul {
	 display: block;
	 margin: 0;
	 padding: 0 0 0 0;
 }
 .footerSocial ul li {
	 list-style-type: none;
	 display: inline-block;
	 margin: 0 3px;
 }
 .footerSocial ul li a {
	 display: inline-block;
	 width: 35px;
	 height: 35px;
	 line-height: 35px;
	 text-align: center;
	 color: #fff;
	 font-size: 16px;
	 background: #000;
	 border-radius: 50%;
	 transition: all 400ms;
 }
 .footerSocial ul li a:hover {
	 background: #404041;
	 color: #fff;
	 border-color: transparent;
 }
 
 /*misc*/
 .heading-center {
	 display: block;
	 text-align: center;
	 position: relative;
	 text-transform: capitalize;
	 padding-bottom: 10px;
	 margin-bottom: 20px;
	 color: #d3af37!important;
 }
 .heading-center h2 {
	 margin-bottom: 0;
 }
 .heading,
 .heading2 {
	 display: inline-block;
	 position: relative;
	 padding-bottom: 5px;
	 font-weight: normal;
	 font-size: 40px;
 }
 .heading small,
 .heading2 small {
	 font-size: 18px;
	 color: #000;
 }
 .heading small a,
 .heading2 small a {
	 color: inherit;
 }
 .heading:after,
 .heading-center:after,
 .heading2:after {
	 content: "";
	 display: block;
	 width: 100px;
	 height: 3px;
	 background: #d3af37;
	 position: absolute;
 }
 .heading-center:after {
	 margin: 0 auto;
	 left: 0%;
	 right: 0%;
	 bottom: 0;
 }
 .heading2:after {
	 left: -120px;
	 top: 10px;
 }
 .heading:after {
	 bottom: 0;
	 left: 0;
 }
 .heading small {
	 display: block;
	 font-size: 26px;
	 text-transform: uppercase;
	 letter-spacing: 10px;
	 padding-bottom: 15px;
	 font-weight: 300;
 }
 .heading span,
 .heading-center span,
 .heading2 span {
	 color: #000;
 }
 .btn-transparent {
	 display: inline-block;
	 padding: 8px 15px;
	 border: solid 2px #fff;
	 color: #fff;
	 font-size: 18px;
	 font-weight: bold;
	 transition: all 300ms ease-in-out;
 }
 .btn-transparent:hover,.btn-transparent:focus,.btn-transparent:active,
 .btn-default:hover,.btn-default:focus,.btn-default:active {
	 background: #404041 !important;
	 border-color: transparent !important;
	 color: #fff;
 }
 .btn {
	 transition: all 300ms ease-in-out;
	 border-radius: 0 !important;
 }
 .btn:hover,
 .btn:focus,
 .btn:active {
	 box-shadow: 0 6px 50px rgba(0,0,0,0.2);
 }
 .btn-primary {
	 background: #000 !important;
	 color: #fff;
	 border: none;
	 border-color: transparent;
 }
 .btn-primary:hover,.btn-primary:focus,.btn-primary:active {
	 background: #404041 !important;
	 color: #fff;
 }
 .btn-rounded {
	 border-radius: 10px!important;
 }
 .space5 {
	 display: block;
	 clear: both;
	 padding: 5px 0;
 }
 .space10 {
	 display: block;
	 clear: both;
	 padding: 10px 0;
 }
 .space50 {
	 display: block;
	 padding: 50px 0;
	 clear: both;
 }
 .space30 {
	 display: block;
	 padding: 30px 0;
	 clear: both;
 }
 .space15 {
	 display: block;
	 padding: 15px;
	 clear: both;
 }
 .centertext,.center {
	 text-align: center;
 }
 .white {
	 color: white;
 }
 .container {
	 position: relative;
	 z-index: 10;
 }
 
 /*keyIndicatorsSection*/
 .keyIndicatorsSection {
	 display: block;
	 clear: both;
	 position: relative;
	 width: 100%;
	 height: auto;    
	 padding: 40px 0;
	 /* background: url(assets/images/overviewSection.jpg) no-repeat fixed #000 100% 0; */
	 background-size: cover;
	 overflow: hidden;
	 border-top: solid 1px #ddd;
	 border-bottom: solid 1px #ddd;
 }
 
 .keyIndicatorsSection:before {
	 content: '';
	 display: block;
	 position: absolute;
	 top: 0;
	 left: 0;
	 right: 0;
	 bottom: 0;
	 background: #050505;    
 }
 
 .project-fig {
	 display: flex;
	 -moz-display: flex;
	 -webkit-display: flex;
	 -ms-display: flex;
	 -o-display: flex;
	 justify-content: center;
	 -webkit-justify-content: center;
	 -moz-justify-content: center;
	 -ms-justify-content: center;
	 -o-justify-content: center;
	 align-items: center;
	 -moz-align-items: center;
	 -webkit-align-items: center;
	 -ms-align-items: center;
	 -o-align-items: center;
	 text-align: center;
	 height: 100%;
	 position: relative;
	 overflow: hidden;
	 z-index: 10;
	 color: #000;
 }
 
 .project-fig>div {
	 display: block;
	 padding: 10px;
 }
 
 .project-fig h2,
 .project-fig h4 {
	 margin: 0;
 }
 
 .project-fig h2>div {
	 display: inline-block;
 }
 
 .project-fig h4 {
	 color: #fff;
	 font-size: 18px;
	 padding-top: 8px;
 }
 
 .project-fig h2 {
	 font-weight: 300;
	 color: #fff;
 }
 
 .project-fig i {
	 display: block;
	 margin: 0 auto 10px auto;
	 width: 80px;
	 height: 80px;
	 line-height: 76px;
	 border-radius: 100%;
	 background: #fff;
	 color: #000;
	 font-size: 36px;
 }
 
 .keyIndicatorsSection .col5 {
	 width: 20%;
	 float: left;
	 position: relative;
	 padding: 0 15px;
 }
 
 /*end of key indicators*/
 
 .keyIndicatorsSection .container {
	 position: relative;
	 z-index: 10;
 }
 
 
 /**********scrollUp**********/
 .scrollup {
	 width:40px;
	 height:40px;
	 line-height: 36px;
	 text-align: center;
	 opacity:0.9;
	 position:fixed;
	 bottom:50px;
	 right:20px;
	 color: #fff;
	 font-size: 26px;
	 display:none;
	 background: #000;
	 z-index: 200;
 }
 .scrollup:hover {
	 background: #404041;
	 opacity:1;
	 color: #fff;
 }
 
 /* About section */
 .about-section {
	 padding: 100px 0;
 }
 .about-section p {
	 text-align: justify;
	 font-size: 14px;
 }
 .about-img {
/* 	 padding: 3px;
	 border: solid 1px #ddd;
	 height: 100%;
	 object-fit: cover;
	 margin-bottom: 15px; */
/* 	padding: 3px;    
    height: 100%;
	box-shadow: 0px 9px 13px #000;
    object-fit: cover;
    margin-bottom: 15px; */	 
    height: 100%;
    box-shadow: 2px 2px 12px #7c7c7c;
    border: none;
    object-fit: cover;
    margin-bottom: 15px;
    background: #646464;
 }
 
 .about-service {
	 padding: 10px 0;
 }
 .about-service h4 {
	 margin-bottom: 30px;
	 margin-top: 20px;
	 letter-spacing: 3px;
 }
 
 .about-service p {
	 text-align: center;
 }
 
 /* whatsapp button */
 .btn-whatsapp-pulse {
	 background: #4ac659;
	 color: white;
	 position: fixed;
	 bottom: 20px;
	 right: 20px;
	 font-size: 40px;
	 display: none;
	 justify-content: center;
	 align-items: center;
	 width: 0;
	 height: 0;
	 padding: 35px;
	 text-decoration: none;
	 border-radius: 50%;
	 animation-name: pulse;
	 animation-duration: 1.5s;
	 animation-timing-function: ease-out;
	 animation-iteration-count: infinite;
	 z-index: 5000;
 }
 
 .btn-call {	
	 bottom: 20px;
	 left: 100px;
	 font-size: 40px;
	 display: flex;
	 justify-content: center;
	 align-items: center;
	 width: 0;
	 height: 0;
	 padding: 35px;
	 text-decoration: none;
	 border-radius: 50%;
	 animation-name: pulse;
	 animation-duration: 1.5s;
	 animation-timing-function: ease-out;
	 animation-iteration-count: infinite;
 }
 
 .btn-whatsapp-pulse:hover {
	 background: #fff;
	 color: #4ac659;
 }
 
 .btn-whatsapp-pulse-Scroll {
	 display: flex;
 }
 
 @keyframes pulse {
	 0% {
		 box-shadow: 0 0 0 0 rgba(19, 26, 21, 0.5);
	 }
	 80% {
		 box-shadow: 0 0 0 14px rgba(37, 211, 102, 0);
	 }
 }
 
 .btn-whatsapp-pulse i {
	 animation-name: tossing;
	 -webkit-animation-name: tossing;
	 animation-duration: 1.5s;
	 -webkit-animation-duration: 1.5s;
	 animation-iteration-count: infinite;
	 -webkit-animation-iteration-count: infinite
 }
 
 
 @keyframes tossing {
	 0% {
		 -webkit-transform: rotate(-8deg);
		 transform: rotate(-8deg)
	 }
	 50% {
		 -webkit-transform: rotate(8deg);
		 transform: rotate(8deg)
	 }
	 100% {
		 -webkit-transform: rotate(-8deg);
		 transform: rotate(-8deg)
	 }
 }
 
 @-webkit-keyframes tossing {
	 0% {
		 -webkit-transform: rotate(-8deg)
	 }
	 50% {
		 -webkit-transform: rotate(8deg)
	 }
	 100% {
		 -webkit-transform: rotate(-8deg)
	 }
 }
 
 .btn-whatsapp-pulse-border {
	 bottom: 120px;
	 right: 20px;
	 animation-play-state: paused;
 }
 
 .btn-whatsapp-pulse-border::before {
	 content: "";
	 position: absolute;
	 border-radius: 50%;
	 padding: 25px;
	 border: 5px solid #4ac659;
	 opacity: 0.75;
	 animation-name: pulse-border;
	 animation-duration: 1.5s;
	 animation-timing-function: ease-out;
	 animation-iteration-count: infinite;
 }
 
 @keyframes pulse-border {
	 0% {
		 padding: 25px;
		 opacity: 0.75;
	 }
	 75% {
		 padding: 50px;
		 opacity: 0;
	 }
	 100% {
		 opacity: 0;
	 }
 }
 
.circle-btn {
    background: #fff;
	width: 13rem;
    height: 13rem;
    border-radius: 50%;
    overflow: hidden;
    display: flex;    
    align-items: center;
    text-align: center;    
    justify-content: center;
	font-size: 20px;
	transition: .5s
}

.circle-btn:hover {
	background: #000;
	color: #fff;
	
}

.circle-btn-block {
	position: absolute;
    z-index: 2;
    bottom: 20%;
    right: 2%;
}

 
 
 
 /*media queries*/
 @media (max-width: 1366px) {
	 .bannerSection .bannerSlideBlock h2 {
		 font-size: 34px;
		 line-height: 40px !important;
	 }
	 .bannerSection .bannerSlideBlock p {
		 font-size: 16px;
	 }
	 .bannerSection .bannerSlideBlock .btn {
		 height: 45px;
		 line-height: 45px;
		 padding: 0 30px;
	 }
	 .projectsGallerySection .item .projectsGalleryCol .projectsGalleryDesc {
		 padding-right: 100px;
	 }
 }
 
 @media (max-width: 1280px) {
	 .videoSection1ColInner h5 {
		 font-size: 16px;
	 }
 }
 
 @media (max-width: 1200px) {
	 .container {
		 width: auto;
		 padding: 0 40px;
	 }
	 .bannerSection .bannerSlideBlockInner {
		 padding: 50px 40px;
	 }
	 .bannerSection .bannerSlideBlock .bannerSlideCaption .bannerSlideCaptionInner {
		 padding: 30px 0;
	 }
	 .bannerSection .bannerSlideBlock > h2 {
		 font-size: 32px;
	 }
	 .bannerSection .bannerSlideBlock > .btn {
		 height: 50px;
		 line-height: 50px;
		 font-size: 18px;
	 }
 }

 @media (max-width: 1400px) {
	.sidebar-social {
    top: 150px;
}
 }
 
 @media (max-width: 1150px) {
	 .navbar-collapse > ul > li > a {
		 padding-left: 10px;
		 padding-right: 10px;
		 font-size: 14px;
	 }
 }
 
 @media (max-width: 1024px) {
	 h1 {
		 font-size: 40px;
	 }
	 h2 {
		 font-size: 32px;
	 }
 }
 
 @media (max-width: 991px) {
	 .container {
		 padding-left: 15px;
		 padding-right: 15px;
	 }
	 .navbar-collapse > ul > li > a {
		 font-size: 13px;
		 padding-left: 8px;
		 padding-right: 8px;
	 }
	 .navbar-collapse > ul > li > a.searchBtn {
		 width: 50px;
		 text-align: center;
	 }
	 .searchbox {
		 left: 100px;
		 right: 100px;
	 }
	 .searchboxForm {
		 width: 95%;
	 }
	 .searchbox .searchboxClose {
		 top: 10px;
		 right: 10px;
	 }
	 .overviewSection .overviewCol {
		 margin-left: 0;
	 }
	 .videoSection1::before {
		 left: 0;
		 right: 0;
		 width: 100%;
	 }
	 .videoSection1ColInner {
		 text-align: center;
		 padding: 50px;
	 }
	 .productsSection {
		 padding-top: 30px;
		 padding-bottom: 30px;
	 }
	 .project-deck {
		 position: relative !important;
		 bottom: 0;
		 padding: 0;
		 float: left;
		 width: 100%;
	 }
	 .project-left .project-deck {
		 left: 0;
	 }
	 .project-right .project-deck {
		 left: 0;
	 }
	 .project-deck h3 {
		 font-size: 34px;
		 line-height: 40px;
		 padding-top: 15px;
		 margin-bottom: 5px;
	 }
	 .project-wrap {
	 padding-top: 50px;
	 }
	 .project-item {
		 margin-bottom: 0;
	 }
 
 }
 
 @media (max-width: 875px) {
	 .navigationBar {
		 height: auto;
	 }
	 .navbar-brand {
		 margin-bottom: 12px;
	 }
	 .navbar-collapse {
		 float: none;
		 clear: both;
		 width: 100%;
		 padding: 0;
		 border-top: solid 1px rgba(0,0,0,0.3);
	 }
	 .navbar-collapse > ul > li {
		 height: 40px;
		 line-height: 40px;
	 }
 }
 
 @media (max-width: 768px) {
	 .navigationBarContent {
		 padding-bottom: 0;
	 }
	 .navbar-nav {
		 width: 100%;
	 }
	 .navbar-collapse > ul > li.callbackBtn {
		 float: right;
	 }
	 .scrollToDown {
		 display: none;
	 }
	 .bannerSection .bannerSectionContainer {
		 top: 143px;
	 }
	 .contactUsSection .contactUsSectionCol {
		 padding: 40px;
	 }
	 .bannerSection .bannerSlideBlock h2 {
		 font-size: 24px;
		 line-height: 28px !important;
	 }
	 .bannerSection .bannerSlideBlock p {
		 font-size: 14px;
	 }
	 .bannerSection .bannerSlideBlock .btn {
		 height: auto;
		 line-height: normal;
		 padding: 5px 15px;
		 font-size: 16px;
	 }
	 .overviewSectionBg {
		 width: 100%;
	 }
 }
 
 @media (max-width: 767px) {
	 .circle-btn {
		 width: 8rem;
    	height: 8rem;
	 }
	 .circle-btn-block {
		 bottom: 35%;
	 }
	 .branding-logo {
    right: 10px;
	}
	 .about-section {
		 padding: 20px 10px!important;
	 }
	 .about-section h1 {
		 font-size: 25px;
		 font-weight: bold;
	 }
	 .about-section span {
		 font-size: 15px!important;
	 }
	 #bannerSlider .owl-wrapper-outer .owl-wrapper .owl-item .item {
		 width: 100%;
		 overflow: hidden;
		 height: 300px;
	 }
	 .sidebar-footer {
		 display: none;
	 }
	 .navigationBar {
		 position: relative;
	 }
	 .navbar-toggle {
		 border-radius: 0;
		 margin-right: 0;
		 border: none;
		 margin-top: 38px;
	 }
	 .navbar-nav {
		 margin: 0;
	 }
	 .navbar-collapse > ul > li::before {
		 display: none;
	 }
	 .navbar-collapse > ul > li {
		 border-bottom: solid 1px #ddd;
		 height: auto;
		 line-height: normal;
	 }
	 .navbar-collapse > ul > li > a {
		 padding: 15px;
		 text-align: center;
	 }
	 .navbar-collapse > ul > li.callbackBtn {
		 float: none;
	 }
	 .navbar-collapse > ul > li > a.searchBtn {
		 width: auto;
	 }
	 .searchbox {
		 left: 20px;
		 right: 20px;
		 top: 20px;
		 bottom: 20px;
		 z-index: 200;
	 }
	 .searchbox .searchboxClose {
		 width: 40px;
		 height: 40px;
		 line-height: 40px;
		 font-size: 22px;
	 }
	 .searchbox input {
		 font-size: 20px;
	 }
	 .scroll-down-arrow {
		 display: none;
	 }
	 .bannerSection .bannerSectionContainer {
		 position: relative;
		 top: 0;
	 }
	 .bannerSection .bannerSlideBlock {
		 position: relative;
		 width: 100%;
		 bottom: 0;
		 left: 0;
		 right: 0;
	 }
	 .bannerSection .bannerSlideBlock:before {
		 display: none;
	 }
	 .bannerSection {
		 height: auto;
	 }
	 .bannerSection .bannerSlideImg {
		 height: 400px;
	 }
	 .bannerSection .bannerSlideBlockInner {
		 padding: 0;
	 }
	 #bannerSlider .owl-controls {
		 bottom: 0;
		 right: 10px;
	 }
	 #bannerSlider .owl-controls .owl-page span {
		 width: 20px !important;
	 }
	 .overviewSection {
		 padding: 30px 0;
	 }
	 .overviewSection .col-md-offset-6.col-md-6 {
		 padding-left: 0;
		 padding-right: 0;
	 }
	 .overviewSection .overviewCol {
		 padding: 30px;
	 }
	 .contactUsSection .contactUsSectionCol {
		 padding: 20px;
	 }
	 .contactUsSectionCol .row {
		 clear: both;
	 }
	 .projectsGallerySection .item .projectsGalleryImg {
		 width: 100%;
		 float: none;
		 clear: both;
		 height: 450px;
	 }
	 .projectsGallerySection .item .projectsGalleryCol {
		 height: auto;
		 width: 100%;
		 float: none;
		 clear: both;
	 }
	 .projectsGallerySection .item .projectsGalleryCol .projectsGalleryDesc {
		 padding: 30px;
	 }
	 .projectsGallerySection .item .projectsGalleryCol {
		 background: #404041;
	 }
	 .projectsGallerySection .item .projectsGalleryCol:after,
	 .projectsGallerySection .item .projectsGalleryCol:before {
		 display: none;
	 }
	 .projectsGallerySection {
		 padding: 15px 0 0 0;
	 }
	 .contactUsSection {
		 padding: 10px 0;
	 }
	 .scrollup {
		 right: 0;
		 bottom: 0;
	 }
	 .footerMenu ul li {
		 margin: 10px 0;
	 }
	 .social-header-link {
		 display: none!important;
	 }
 }
 
 @media (max-width: 650px) {
	 .navbar-brand img {
		 height: 60px;
	 }
	 .navbar-toggle {
		 margin-top: 26px;
	 }
	 .bannerSection .bannerSlideImg {
		 height: 300px;
	 }
	 .bannerSection .bannerSlideBlock .bannerSlideCaption .bannerSlideCaptionInner {
		 padding: 20px;
	 }
	 .bannerSection .bannerSlideBlock > h2 {
		 font-size: 20px;
	 }
	 .bannerSection .bannerSlideBlock > .btn {
		 padding: 10px 15px;
		 font-size: 13px;
		 height: auto;
		 line-height: normal;
	 }
	 #bannerSlider .owl-controls {
		 bottom: 0;
		 right: 10px;
	 }
	 .videoSection1ColInner {
		 padding: 30px 0;
	 }
 }
 
 @media (max-width: 500px) {
	 
 }
 
 /*navigationBar*/
 @media only screen and (min-width: 876px) {
	 .navigationBar {
		 /* width: 70%!important; */
	 }
	 .navbar-collapse {
		 float: right;
		 margin-left: 30px;
	 }
	 .cursor{
		position: fixed;
		width: 50px;
		height: 50px;
		border: 1px solid #000;
		border-radius: 50%;
		left: 0;
		top: 0;
		pointer-events: none;
		transform: translate(-50%, -50%);
		transition: .1s;
		z-index: 500;
	  }

	  .cursor2{
		position: fixed;
		width: 12px;
		height: 12px;
		background-color: #000;
		border-radius: 50%;
		left: 0;
		top: 0;
		pointer-events: none;
		transform: translate(-50%, -50%);
		transition: .15s;
		z-index: 500;
	  }

	  .content:hover ~ .cursor{
		transform: translate(-50%, -50%) scale(1.5);
		background-color: #000;
		opacity: .5;
	  }

	  .content:hover ~ .cursor2{
		opacity: 0;
	  }
   }
 
   


/* Modal */
.modal-backdrop {
z-index: 0;
}

.modal {
  text-align: center;
  padding: 0!important;
}

.modal:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px;
}

.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}

div#wpcf7-f37-o1 {
    position: relative;
}

/* Inner Page */
/*internalBannerSection*/
.internalBannerSection {
    display: block;
    width: 100%;
    height: 300px;
    min-height: 200px;
    position: relative;
    overflow: hidden;
    background: #eee;
    text-align: center;
    color: #fff;
    /*margin-bottom: 30px;*/
}
.internalBannerSection:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    bottom: 0;    
    /*background: -linear-gradient(bottom, rgba(0,0,0,0.7), rgba(0,0,0,0.0));*/
    background: -webkit-linear-gradient(bottom, rgb(0 0 0 / 30%), rgb(19 19 19 / 60%));
    background: -moz-linear-gradient(bottom, rgb(0 0 0 / 30%), rgb(19 19 19 / 60%));
    background: -o-linear-gradient(bottom, rgb(0 0 0 / 30%), rgb(19 19 19 / 60%));
    background: -ms-linear-gradient(bottom, rgb(0 0 0 / 30%), rgb(19 19 19 / 60%));
}
.internalBannerSection .bannerText {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding-bottom: 30px;
    z-index: 2;
}
.internalBannerSection .bannerText h1 {
    display: inline-block;
    padding: 10px;
    text-transform: uppercase;
    font-weight: 300;
}
.internalBannerSection img {
    width: 100%;
    height: auto;
}

/*innerPageSection*/
.innerPageSection {
    display: block;
    clear: both;
    padding: 20px 0;
    position: relative;
    height: auto;
    min-height: 300px;
}

.modal-header {   
    background: #000;
	color: #fff;
}
.modal-title {
	font-weight: bold;
}

img.swiper-slide-image {
	padding: 15px;
}

.elementor-swiper-button {
	color: #fff;
    padding: 15px;
    background: #000;
	transition: 0.3 ease-in-out;
}

.elementor-swiper-button:hover {
	color: #000;    
    background: #ccc;
}

.swiper-pagination-bullet {
    width: 12px!Important;
    height: 12px!important;
}

.close {
	color: #fff;
	opacity: 1;
}
.close:hover {	
	opacity: 0.5;
}

.close:focus,.close:hover {
	color:#fff;
	text-decoration:
	none;
	cursor:pointer;
	filter:alpha(opacity=50);
	opacity:.5}


@media (min-width: 800px) {

.elementor-swiper-button-next {
    right: -60px!important;
}

.elementor-swiper-button-prev {
    left: -60px!important;
}
}

.logofooter img {
    width: 400px;
    max-width: 90%;
}

.swiper-pagination-bullet {
	background: #fff!important;
}

.social-header-link:before {
    background: transparent!important;
}

.social-header-link a {
    font-size: 22px!important;
}

.how-we-work h3 {
	color: #d3af37;
}