/******************************************************************
  Theme Name: Staging
  Description: Staging bootstrap tamplate
  Author: Colorib
  Author URI: https://www.colorib.com//
  Version: 1.0
  Created: Colorib
******************************************************************/

/*------------------------------------------------------------------
[Table of contents]

1.  Template default CSS
	1.1	Variables
	1.2	Mixins
	1.3	Flexbox
	1.4	Reset
2.  Helper Css
3.  Header Section
4.  Hero Section
5.  Banner Section
6.  Product Section
7.  Intagram Section
8.  Latest Section
9.  Contact
10.  Footer Style
-------------------------------------------------------------------*/

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

/* Template default CSS
/*----------------------------------------*/

html,
body {
	height: 100%;
	font-family: "calibri", calibri light;
	-webkit-font-smoothing: antialiased;
	/* overflow-x: hidden !important; */
}

.content {
	color: #fff !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	color: #111111;
	font-weight: 600;
	font-family: "calibri", calibri light;
}

h1 {
	font-size: 33px;
}

h2 {
	font-size: 34px;
}

h3 {
	font-size: 28px;
}

h4 {
	font-size: 27px;
}

h5 {
	font-size: 21px;
}

h6 {
	font-size: 19px;
}

p {
	font-size: 17px;
	font-family: "calibri", calibri light;
	color: #000;
	font-weight: 400;
	line-height: 28px;
	margin: 0 0 15px 0;
}

/* .tawk-custom-color .tawk-custom-border-color .tawk-button .-button-circle .tawk-button-large { */
.tawk-min-container .tawk-button {
	width: 50px !important;
	height: 50px !important;
}

img {
	/* max-width: 100%; */
}

.grecaptcha-badge {
	display: none;
}

input:focus,
select:focus,
button:focus,
textarea:focus {
	outline: none;
}

a:hover,
a:focus {
	text-decoration: none;
	outline: none;
	color: #b7cdf9;
}

.color-black:hover {
	color: #666;
}

.color-white {
	color: #fff;
}

ul,
ol {
	padding: 0;
	margin: 0;
}

/*---------------------
  Helper CSS
-----------------------*/

.section-title {
	/* margin-bottom: 40px; */
}

.section-title span {
	color: #dfa667;
	font-size: 16px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 1px;
	display: block;
	margin-bottom: 12px;
}

.section-title h2 {
	/* font-size: 42px; */
	font-size: 35px;
	font-weight: 700;
	color: #111111;
	line-height: 50px;
	/* text-transform: uppercase; */
}

.set-bg {
	background-repeat: no-repeat;
	background-size: cover;
	/* width: 95% !important; */

	background-position: top center;

}

.banner {
	margin-top: 71px;
}


/* 
.spad {
	padding-top: 91px;
	padding-bottom: 32px;
} */

.text-white h1,
.text-white h2,
.text-white h3,
.text-white h4,
.text-white h5,
.text-white h6,
.text-white p,
.text-white span,
.text-white li,
.text-white a {
	color: #fff;
}

/* buttons */

.primary-btn {
	display: inline-block;
	font-size: 16px;
	font-weight: 700;
	padding: 16px 50px;
	color: #ffffff;
	position: relative;
}

.primary-btn.normal-btn {
	color: #111111;
}

.primary-btn.normal-btn:before {
	border-color: #c4c4c4;
}

.primary-btn.normal-btn:after {
	border-color: #c4c4c4;
}

.primary-btn:before {
	position: absolute;
	left: 0;
	bottom: 0;
	height: 28px;
	width: 28px;
	border-left: 2px solid rgba(255, 255, 255, 0.2);
	border-bottom: 2px solid rgba(255, 255, 255, 0.2);
	content: "";
	border-radius: 0 0 0 4px;
	-webkit-transition: all, 0.5s;
	-o-transition: all, 0.5s;
	transition: all, 0.5s;
}

.primary-btn:after {
	position: absolute;
	right: 0;
	top: 0;
	height: 28px;
	width: 28px;
	border-right: 2px solid rgba(255, 255, 255, 0.2);
	border-top: 2px solid rgba(255, 255, 255, 0.2);
	content: "";
	border-radius: 0 4px 0 0;
	-webkit-transition: all, 0.5s;
	-o-transition: all, 0.5s;
	transition: all, 0.5s;
}

.primary-btn:hover:before {
	height: 100%;
	width: 100%;
	border-radius: 4px;
}

.primary-btn:hover:after {
	height: 100%;
	width: 100%;
	border-radius: 4px;
}

.site-btn {
	font-size: 16px;
	color: #ffffff;
	background: #000;
	font-weight: 600;
	border: none;
	display: inline-block;
	padding: 14px 36px;
}

/* Preloder */

#preloder {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 999999;
	background: #000;
}

.loader {
	width: 40px;
	height: 40px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -13px;
	margin-left: -13px;
	border-radius: 60px;
	animation: loader 0.8s linear infinite;
	-webkit-animation: loader 0.8s linear infinite;
}

@keyframes loader {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
		border: 4px solid #f44336;
		border-left-color: transparent;
	}

	50% {
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg);
		border: 4px solid #673ab7;
		border-left-color: transparent;
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
		border: 4px solid #f44336;
		border-left-color: transparent;
	}
}

@-webkit-keyframes loader {
	0% {
		-webkit-transform: rotate(0deg);
		border: 4px solid #f44336;
		border-left-color: transparent;
	}

	50% {
		-webkit-transform: rotate(180deg);
		border: 4px solid #673ab7;
		border-left-color: transparent;
	}

	100% {
		-webkit-transform: rotate(360deg);
		border: 4px solid #f44336;
		border-left-color: transparent;
	}
}

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

.header {
	position: fixed;
	/* background: #616161; */
	background: #fff;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 999;
	padding: 17px 36px 0;
	box-shadow: 0 10px 6px -6px #999;
}

.header.header-normal {
	position: relative;
	padding: 30px 0 30px;
}

.header__logo a {
	display: inline-block;
}

.header__logo img {
	padding-left: 17px;
	padding-bottom: 6px;
}

.header__menu {
	text-align: right;
	margin-top: -69px;
	margin-left: 240px;
	margin-right: 64px;
}

.header__menu ul li {
	list-style: none;
	display: inline-block;
	position: relative;
	margin-right: 19px;
}

.header__menu ul li.active a:after {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}

.header__menu ul li:hover a:after {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}

.header__menu ul li:hover .dropdown {
	top: 32px;
	opacity: 1;
	visibility: visible;
}

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

.header__menu ul li .dropdown {
	position: absolute;
	left: 0;
	top: 62px;
	width: 190px;
	background: #ffffff;
	text-align: left;
	padding: 5px 0;
	z-index: 9;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s;
}

.header__menu ul li .dropdown li {
	display: block;
	margin-right: 0;
}

.header__menu ul li .dropdown li a {
	font-size: 15px;
	font-weight: 600;
	color: #111111;
	font-weight: 6 00;
	padding: 8px 20px;
	text-transform: capitalize;
}

.header__menu ul li .dropdown li a:after {
	display: none;
}

.header__menu ul li a {
	font-size: 16px;
	/* color: #ffffff; */
	color: #000;
	display: block;
	font-weight: 600;
	padding: 12px 0;
	position: relative;
	text-decoration: none;
}

.header__menu ul li a:after {
	position: absolute;
	left: 0;
	bottom: 0;
	height: 2px;
	width: 100%;
	background: #dfa667;
	content: "";
	-webkit-transition: all, 0.4s;
	-o-transition: all, 0.4s;
	transition: all, 0.4s;
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
}

.header__menu ul li .dropdown li a:after {

	border-bottom: #dfa667;

}

.header__widget {
	text-align: right;
}

.header__widget span {
	font-size: 14px;
	font-family: "calibri", calibri light;
	color: #b7b7b7;
	display: block;
	margin-bottom: 10px;
}

.header__widget h4 {
	font-size: 22px;
	color: #dfa667;
}

.offcanvas-menu-wrapper {
	display: none;
}

.canvas__open {
	display: none;
}

/*---------------------
  Hero
-----------------------*/

.hero {
	position: relative;
}

.hero__items {
	height: 730px;
	padding: 0 40px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.hero__text {
	max-width: 820px;
	text-align: center;
}

.hero__text h2 {
	color: #ffffff;
	font-size: 72px;
	line-height: 80px;
	text-transform: uppercase;
	margin-bottom: 45px;
	position: relative;
	top: 100px;
	opacity: 0;
	-webkit-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s;
}

.hero__text .primary-btn {
	position: relative;
	top: 100px;
	opacity: 0;
	-webkit-transition: all, 0.6s;
	-o-transition: all, 0.6s;
	transition: all, 0.6s;
}

.hero__text .more_btn {
	font-size: 14px;
	color: #b7b7b7;
	position: absolute;
	left: 50%;
	margin-left: -50px;
	bottom: 55px;
}

.hero__text .hero__social {
	position: absolute;
	right: 145px;
	bottom: 55px;
}

.hero__text .hero__social a {
	display: inline-block;
	font-size: 18px;
	color: #ffffff;
	margin-right: 36px;
	-webkit-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s;
}

.hero__text .hero__social a:hover {
	color: #dfa667;
}

.hero__text .hero__social a:last-child {
	margin-right: 0;
}

.hero__slider.owl-carousel .owl-item.active .hero__text h2 {
	top: 0;
	opacity: 1;
}

.hero__slider.owl-carousel .owl-item.active .hero__text .primary-btn {
	top: 0;
	opacity: 1;
}

.hero__slider.owl-carousel .owl-dots {
	display: none;
}

.hero__slider.owl-carousel .owl-nav button {
	font-size: 28px;
	color: #ffffff;
	position: absolute;
	left: 145px;
	top: 50%;
	display: inline-block;
	height: 50px;
	width: 50px;
	margin-top: -25px;
}

.hero__slider.owl-carousel .owl-nav button.owl-next {
	left: auto;
	right: 145px;
}

.hero__slider.owl-carousel .owl-nav button:before {
	position: absolute;
	left: 0;
	bottom: 0;
	height: 20px;
	width: 20px;
	border-left: 2px solid rgba(255, 255, 255, 0.2);
	border-bottom: 2px solid rgba(255, 255, 255, 0.2);
	content: "";
	border-radius: 0 0 0 4px;
	-webkit-transition: all, 0.5s;
	-o-transition: all, 0.5s;
	transition: all, 0.5s;
}

.hero__slider.owl-carousel .owl-nav button:after {
	position: absolute;
	right: 0;
	top: 0;
	height: 20px;
	width: 20px;
	border-right: 2px solid rgba(255, 255, 255, 0.2);
	border-top: 2px solid rgba(255, 255, 255, 0.2);
	content: "";
	border-radius: 0 4px 0 0;
	-webkit-transition: all, 0.5s;
	-o-transition: all, 0.5s;
	transition: all, 0.5s;
}

.hero__slider.owl-carousel .owl-nav button:hover:before {
	height: 100%;
	width: 100%;
	border-radius: 4px;
}

.hero__slider.owl-carousel .owl-nav button:hover:after {
	height: 100%;
	width: 100%;
	border-radius: 4px;
}

.slide-num {
	position: absolute;
	left: 145px;
	bottom: 55px;
	z-index: 9;
}

.slide-num span {
	font-size: 16px;
	color: #ffffff;
	font-weight: 600;
	margin-right: 140px;
}

.slide-num span:last-child {
	margin-right: 0;
}

.slider__progress {
	width: 100px;
	height: 1px;
	background: rgba(255, 255, 255, 0.3);
	position: absolute;
	left: 180px;
	bottom: 67px;
	z-index: 9;
}

.slider__progress span {
	background: #ffffff;
	height: 2px;
	display: block;
	-webkit-transition: all, 0.4s;
	-o-transition: all, 0.4s;
	transition: all, 0.4s;
	position: relative;
	top: -1px;
}

/*---------------------
  Project Slider
-----------------------*/

.project {
	padding: 0 15px;
}

.project__slider__item {
	height: 300px;
	position: relative;
	overflow: hidden;
}

.project__slider__item:hover .project__slider__item__hover {
	bottom: 30px;
}

.project__slider__item:hover .project__slider__item__hover span {
	left: 0;
}

.project__slider__item:hover .project__slider__item__hover h5 {
	right: 0;
}

.project__slider.owl-carousel .col-lg-3 {
	max-width: 100%;
}

.project__slider.owl-carousel .owl-nav button {
	height: 50px;
	width: 50px;
	background: #ffffff;
	border-radius: 30px;
	font-size: 28px;
	color: #111111;
	position: absolute;
	left: 35px;
	top: 50%;
	margin-top: -25px;
	line-height: 54px;
	text-align: center;
}

.project__slider.owl-carousel .owl-nav button.owl-next {
	left: auto;
	right: 35px;
}

.project__slider__item__hover {
	text-align: center;
	background: #ffffff;
	position: sticky;
	left: 59px;
	top: 330px;
	width: calc(86% - 58px);
	padding: 8px 31px 5px 76px;
	-webkit-transition: all, 0.5s;
	-o-transition: all, 0.5s;
	transition: all, 0.5s;
	overflow: hidden;
}

/* .project__slider__item h5 {
	color: #000;
	margin: 346px 119px;
	background-color: #fff;
	padding: 4px 2px;
} */


.project__slider__item__hover span {
	color: #dfa667;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 2px;
	text-transform: uppercase;
	display: block;
	margin-bottom: 10px;
	position: relative;
	left: 30px;
	-webkit-transition: all, 1s;
	-o-transition: all, 1s;
	transition: all, 1s;
}

.project__slider__item__hover h5 {
	color: #060606;
	font-size: 20px;
	text-transform: uppercase;
	font-weight: 600;
	position: relative;
	right: 30px;
	-webkit-transition: all, 1s;
	-o-transition: all, 1s;
	transition: all, 1s;
}

/*---------------------
  Testimonial
-----------------------*/

.testimonial__carousel {
	position: relative;
	overflow: hidden;
	background: #ffffff;
	padding: 75px 60px 90px;
	margin-bottom: 20px;
	-webkit-box-shadow: 0px 15px 60px rgba(67, 69, 70, 0.1);
	box-shadow: 0px 15px 60px rgba(67, 69, 70, 0.1);
}

.testimonial__carousel:after {
	position: absolute;
	content: "";
	left: calc(50% - 85px);
	bottom: -115px;
	width: 170px;
	height: 170px;
	background: rgba(255, 255, 255, 0.2);
	border-radius: 50%;
	-webkit-box-shadow: inset 0 0 21px rgba(0, 0, 0, 0.2);
	box-shadow: inset 0 0 21px rgba(0, 0, 0, 0.2);
}

.testimonial__carousel button.slick-arrow {
	font-size: 28px;
	color: #111111;
	position: absolute;
	left: 30px;
	top: 50%;
	display: inline-block;
	height: 50px;
	width: 50px;
	margin-top: -25px;
	background: transparent;
	border: none;
}

.testimonial__carousel button.slick-arrow.slick-next {
	left: auto;
	right: 30px;
}

.testimonial__carousel button.slick-arrow:before {
	position: absolute;
	left: 0;
	bottom: 0;
	height: 20px;
	width: 20px;
	border-left: 2px solid rgba(0, 0, 0, 0.2);
	border-bottom: 2px solid rgba(0, 0, 0, 0.2);
	content: "";
	border-radius: 0 0 0 4px;
	-webkit-transition: all, 0.5s;
	-o-transition: all, 0.5s;
	transition: all, 0.5s;
}

.testimonial__carousel button.slick-arrow:after {
	position: absolute;
	right: 0;
	top: 0;
	height: 20px;
	width: 20px;
	border-right: 2px solid rgba(0, 0, 0, 0.2);
	border-top: 2px solid rgba(0, 0, 0, 0.2);
	content: "";
	border-radius: 0 4px 0 0;
	-webkit-transition: all, 0.5s;
	-o-transition: all, 0.5s;
	transition: all, 0.5s;
}

.testimonial__carousel button.slick-arrow:hover:before {
	height: 100%;
	width: 100%;
	border-radius: 4px;
}

.testimonial__carousel button.slick-arrow:hover:after {
	height: 100%;
	width: 100%;
	border-radius: 4px;
}

.testimonial__item {
	text-align: center;
}

.testimonial__item p {
	font-size: 21px;
	color: #111111;
	font-weight: 300;
	font-style: italic;
	line-height: 48px;
}

.testimonial__client {
	margin-top: -75px;
	margin-bottom: 50px;
}

.testimonial__client .slick-track {
	-webkit-transition: all 0.1s;
	-o-transition: all 0.1s;
	transition: all 0.1s;
}

.testimonial__client .slick-slide {
	padding-top: 80px;
}

.testimonial__client .slick-slide {
	width: 100px;
	-webkit-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s;
}

.testimonial__client .slick-slide.slick-center {
	width: 180px;
}

.testimonial__client .testimonial__client__pic img {
	-webkit-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s;
}

.slick-active.slick-center {
	padding-top: 35px;
}

.slick-active.slick-center .testimonial__client__pic {
	height: 150px;
	width: 150px;
	position: absolute;
	left: 0px;
	top: -30px;
	right: -15px;
	margin: 0 auto;
	position: relative;
	z-index: 1;
	padding-top: 5px;
}

.slick-active.slick-center .testimonial__client__pic img {
	margin: 0 auto;
	width: 150px;
	height: 150px;
}

.slick-active.slick-center .testimonial__client__text {
	display: block;
	margin-top: -8px;
}

.testimonial__client__item {
	text-align: center;
	cursor: pointer;
}

.testimonial__client__item .testimonial__client__pic {
	height: 70px;
	width: 70px;
	margin: 0 auto;
}

.testimonial__client__item .testimonial__client__pic img {
	border-radius: 50%;
}

.testimonial__client__item .testimonial__client__text {
	display: none;
}

.testimonial__client__item h5 {
	color: #111111;
	font-weight: 600;
	font-family: "calibri", calibri light;
	font-size: 15px;
	margin-bottom: 5px;
}

.testimonial__client__item span {
	font-size: 14px;
	color: #dfa667;
	display: block;
}

.logo__carousel.owl-carousel .owl-item img {
	display: inline-block;
	width: auto;
}

.logo__carousel .logo__carousel__item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 62px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

/*---------------------
  Team
-----------------------*/

.team {
	padding-top: 50px;
	padding-bottom: 2px;
	text-align: center;
}

.team__btn {
	text-align: right;
}

.team__item {
	height: 270px;
	width: 270px;
	margin-left: 12px;
	position: relative;
	z-index: 1;
	margin-bottom: 30px;
	border-radius: 50%;
}

/* .team__item:after {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background: rgb(55 55 55 / 90%);
	content: "";
	z-index: -1;
	opacity: 0;
	-webkit-transition: all, 0.5s, ease-out, 0.5s;
	-o-transition: all, 0.5s, ease-out, 0.5s;
	transition: all, 0.5s, ease-out, 0.5s;
} */

/* .team__item:hover:after {
	opacity: 1;
} */
/* 
.team__item:hover .team__text .team__title {
	border-bottom: 1px solid rgba(183, 183, 183, 0.2);
	padding: 0 0 32px;
	margin-bottom: 34px;
	opacity: 0;
	visibility: hidden;
	position: relative;
	bottom: initial;
	opacity: 1;
	visibility: visible;
} */

/* .team__item:hover .team__text p {
	opacity: 1;
	visibility: visible;
} */

/* .team__item:hover .team__text .team__social {
	opacity: 1;
	visibility: visible;
	bottom: 34px;
} */

.team__text {
	height: 100%;
	position: relative;
	padding: 35px 30px 40px;
}

.team__text .team__title {
	position: absolute;
	left: 0;
	bottom: 42px;
	width: 100%;
	padding: 0 30px;
	-webkit-transition: all, 0.7s, ease-out, 0.7s;
	-o-transition: all, 0.7s, ease-out, 0.7s;
	transition: all, 0.7s, ease-out, 0.7s;
}

.team__text .team__title h5 {
	color: #ffffff;
	font-weight: 600;
	font-family: "calibri", calibri light;
	margin-bottom: 6px;
}

.team__title a {
	color: #ffff;
}

.team__text .team__title span {
	font-size: 14px;
	color: #dfa667;
}

.team__text p {
	color: #b7b7b7;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all, 0.7s, ease-out, 0.7s;
	-o-transition: all, 0.7s, ease-out, 0.7s;
	transition: all, 0.7s, ease-out, 0.7s;
}

.team__text .team__social {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	padding: 0 30px;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all, 0.7s, ease-out, 0.7s;
	-o-transition: all, 0.7s, ease-out, 0.7s;
	transition: all, 0.7s, ease-out, 0.7s;
}

.team__text .team__social a {
	display: inline-block;
	font-size: 20px;
	color: #ffffff;
	margin-right: 34px;
	-webkit-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s;
}

.team__text .team__social a:last-child {
	margin-right: 0;
}

.team__text .team__social a:hover {
	color: #dfa667;
}

/*---------------------
  Call To Action
-----------------------*/

.callto {
	/* padding-top: 340px !important; */
	/* padding-bottom: 135px; */
}

.callto__text span {
	font-size: 25px;
	color: #fff;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 1px;
	display: block;
	margin-top: -60px;
}

.callto__text h2 {
	font-size: 42px;
	color: #ffffff;
	line-height: 52px;
	text-transform: uppercase;
	margin-bottom: 6px;
}

.callto__text .primary-btn {
	background: #dfa667;
	color: #ffffff;
	border-radius: 4px;
}

.callto__text .primary-btn:before {
	display: none;
}

.callto__text .primary-btn:after {
	display: none;
}

/*---------------------
  Latest
-----------------------*/

.latest {
	/* padding-top: 40px; */
	padding-bottom: 1px;
}

.latest__btn {
	text-align: right;
}

.latest__item {
	-webkit-box-shadow: 0px 15px 60px rgba(67, 69, 70, 0.1);
	box-shadow: 0px 15px 60px rgba(67, 69, 70, 0.1);
	margin-bottom: 30px;
}

.latest__item img {
	min-width: 100%;
}

.latest__item:hover a {
	padding-left: 0;
}

.latest__item:hover a:after {
	left: auto;
	right: -50px;
}

.latest__item__text {
	padding-top: 25px;
	background: #ffffff;
	padding: 7px 5px 11px;
	text-align: center;
}

.latest__item__text span {
	color: #b7b7b7;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: 2px;
	text-transform: uppercase;
	display: block;
	margin-bottom: 10px;
}

.latest__item__text h4 {
	color: #111111;
	font-size: 22px;
	font-family: "calibri", calibri light;
	font-weight: 600;
	line-height: 32px;
	margin-bottom: 12px;
}

.latest__item__text a {
	font-size: 14px;
	color: #111111;
	font-weight: 600;
	position: relative;
	padding-left: 40px;
	-webkit-transition: all, 0.5s;
	-o-transition: all, 0.5s;
	transition: all, 0.5s;
}

.latest__item__text a:after {
	position: absolute;
	left: 0;
	top: 8px;
	height: 1px;
	width: 30px;
	background: #dfa667;
	content: "";
	-webkit-transition: all, 0.5s;
	-o-transition: all, 0.5s;
	transition: all, 0.5s;
}

/*---------------------
  Project
-----------------------*/

.project__item {
	margin-bottom: 50px;
	text-align: center;
}

.project__item img {
	min-width: 100%;
	margin-bottom: 26px;
}

.project__item h4 a {
	color: #111111;
	text-transform: uppercase;
}

/*---------------------
  Project Details
-----------------------*/

.project-details {
	padding-top: 120px;
	padding-bottom: 90px;
}

.project-details img {
	margin-bottom: 30px;
	min-width: 100%;
}

.project__sidebar__about {
	margin-bottom: 35px;
}

.project__sidebar__about h2 {
	color: #111111;
	line-height: 50px;
	text-transform: uppercase;
	margin-bottom: 20px;
}

.project__sidebar__about p {
	margin-bottom: 26px;
}

.project__sidebar__about p:last-child {
	margin-bottom: 0;
}

.product__details__widget__item {
	margin-bottom: 30px;
}

.product__details__widget__item span {
	color: #707070;
	font-size: 15px;
	display: block;
	margin-bottom: 10px;
}

.product__details__widget__item h4 {
	color: #111111;
	text-transform: uppercase;
}

.product__details__widget__item p {
	color: #111111;
	font-size: 24px;
	line-height: 36px;
}

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

.footer {
	padding-top: 90px;
}

.footer__top {
	border-bottom: 1px solid rgba(183, 183, 183, 0.2);
	padding-bottom: 75px;
	margin-bottom: 85px;
}

.footer__top__text h2 {
	color: #ffffff;
	font-size: 38px;
	text-transform: uppercase;
}

.footer__top__newslatter form {
	position: relative;
}

.footer__top__newslatter form input {
	width: 100%;
	height: 50px;
	color: #b7b7b7;
	padding-left: 30px;
	font-size: 14px;
	border: none;
}

.footer__top__newslatter form input::-webkit-input-placeholder {
	color: #b7b7b7;
}

.footer__top__newslatter form input::-moz-placeholder {
	color: #b7b7b7;
}

.footer__top__newslatter form input:-ms-input-placeholder {
	color: #b7b7b7;
}

.footer__top__newslatter form input::-ms-input-placeholder {
	color: #b7b7b7;
}

.footer__top__newslatter form input::placeholder {
	color: #b7b7b7;
}

.footer__top__newslatter form button {
	font-size: 14px;
	color: #ffffff;
	background: #dfa667;
	border: none;
	height: 100%;
	padding: 0 20px;
	position: absolute;
	right: 0;
	top: 0;
}

.footer__about {
	margin-bottom: 30px;
}

.footer__about .footer__logo {
	margin-bottom: 0px;
}

.footer__about .footer__logo a {
	display: inline-block;
}

.footer__about p {
	margin-bottom: 30px;
}

.footer__about ul {
	margin-bottom: 38px;
}

.footer__about ul li {
	font-size: 15px;
	list-style: none;
	line-height: 26px;
	color: #707070;
}

.footer__about .footer__social a {
	font-size: 18px;
	color: #ffffff;
	-webkit-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s;
	margin-right: 29px;
}

.footer__about .footer__social a:hover {
	color: #b7cdf9;
}

.footer__about .footer__social a:last-child {
	margin-right: 0;
}

.footer__widget {
	margin-bottom: 30px;
}

.footer__widget h4 {
	color: #ffffff;
	font-weight: 600;
	font-family: "calibri", calibri light;
	/* margin-bottom: 30px; */
}

.myfooter__widget h4 {
	color: #ffffff;
	font-weight: 600;
	font-family: "calibri", calibri light;
	/* margin-bottom: 30px; */
}

.footer__widget h6 {
	color: #ffffff;
	font-weight: 500;
	font-family: "calibri", calibri light;
	/* margin-bottom: 30px; */
}

.footer__widget ul li {
	list-style: none;
}

.footer__widget ul li a {
	font-size: 17px;
	color: #fff;
	line-height: 36px;
}

.footer__widget ul li a:hover {
	color: #b7cdf9;
	transform: scale(1.05);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-ms-transition: all 0.3s;
	transition: all 0.3s;
}

.footer__address p:hover {
	color: #b7cdf9;
}

.footer__address {
	margin-bottom: 30px;
}

.footer__address h6 {
	color: #ffffff;
	font-weight: 600;
	font-family: "calibri", calibri light;
	margin-bottom: 30px;
}

.footer__address h4 {
	color: #ffffff;
	font-weight: 600;
	font-family: "calibri", calibri light;
	/* margin-bottom: 30px; */
}

.footer__address p {
	/* margin-bottom: 30px; */
	font-size: 15px;

}



.footer__address ul li {
	font-size: 17px;
	list-style: none;
	line-height: 26px;
	color: #707070;
}

.copyright {
	border-top: 1px solid rgba(183, 183, 183, 0.2);
	/* padding: 25px 0; */
	padding: 25px 25px 48px 25px
		/* margin-top: 60px; */
}

.copyright__text p {
	margin-bottom: 0;
	font-size: 15px;
}

.copyright__text p i {
	color: #dfa667;
}

.copyright__text p a {
	/* color: #ffffff; */
	color: #cbc0c0;
}

.copyright__text p a:hover {
	/* color: #ffffff; */
	color: #b7cdf9;
}

.copyright__widget {
	text-align: right;

}

.copyright__widget a {
	font-size: 14px;
	color: #707070;
	margin-right: 36px;
	position: relative;
}

.copyright__widget a:after {
	position: absolute;
	right: -22px;
	top: -3px;
	content: "|";
}

.copyright__widget a:last-child {
	margin-right: 0;
	color: #fff;
	font-size: 17px;
}

.copyright__widget a:last-child:hover {
	color: #b7cdf9;
}

.copyright__widget a:last-child:after {
	display: none;
}

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

.breadcrumb-option {
	margin-top: 90px;
	padding-top: 170px;
	padding-bottom: 286px;
}

.black {
	color: #000 !important;
}

.breadcrumb__text h2 {
	font-size: 42px;
	color: #ffffff;
	text-transform: uppercase;
	margin-bottom: 12px;
}

.breadcrumb__links a {
	font-size: 15px;
	color: #ffffff;
	display: inline-block;
	position: relative;
	margin-right: 12px;
}

.breadcrumb__links a:after {
	position: absolute;
	right: -13px;
	top: 1px;
	content: "~";
}

.breadcrumb__links span {
	font-size: 15px;
	color: #dfa667;
	display: inline-block;
}

/*---------------------
  About
-----------------------*/

.about {
	padding-top: 45px;
	/* padding-bottom: 165px; */
	overflow: hidden;
}

.about-page {
	padding-top: 0;
	padding-bottom: 90px;
}

.about__text {
	/* padding-top: 80px; */
}

.about__text.about__page__text {
	padding-top: 0;
}

.about__text.about__page__text .section-title {
	margin-bottom: 12px;
}

.about__text .section-title {
	margin-bottom: 35px;
}

.about__para__text {
	margin-bottom: 70px;
}

.about__para__text p {
	margin-bottom: 26px;
}

.about__para__text p:last-child {
	margin-bottom: 0;
}

.about__pic {
	padding-left: 34px;
}

.about__pic__inner {
	position: relative;
	display: inline-block;
}

.about__pic__inner:after {
	position: absolute;
	left: 50px;
	top: 50px;
	height: 498px;
	width: 470px;
	border: 15px solid rgba(185, 175, 134, 0.2);
	content: "";
	z-index: -1;
}

.about__page__services__text {
	margin-bottom: 30px;
}

/*---------------------
  Services
-----------------------*/

.services {
	padding-top: 45px;
	padding-bottom: 90px;
	text-align: center;
	background-color: #e3e1d79c;
}

.services.services-page {
	padding-bottom: 80px;
}

.services.services-page .services__item p {
	margin-bottom: 12px;
}

.services.services-page .services__item ul li {
	color: #111111;
	font-size: 15px;
	line-height: 36px;
	list-style: none;
}

.services__item {
	margin-bottom: 30px;
	text-align: center;
}

.services__item h4 {
	color: #111111;
	text-transform: uppercase;
	margin-top: 35px;
	margin-bottom: 22px;
}

.myservices__item h4 {
	color: #ffffff;

	margin-top: 0x;
	margin-bottom: 22px;
}

.services__item p {
	margin-bottom: 0;
}

/*---------------------
  Counter
-----------------------*/

.counter {
	padding-bottom: 70px;
}

.counter .counter__content {
	border: none;
	padding-top: 0;
	margin-top: 0;
}

.counter .counter__item .counter__item__text h5 {
	color: #ffffff;
}

.counter__content {
	/* border-top: 1px solid rgba(183, 183, 183, 0.2); */
	padding-top: 0;

}

.counter__item {
	margin-bottom: 30px;
}

.counter__item__number {
	float: left;
	margin-right: 28px;
}

.counter__item__number h2 {
	color: #dfa667;
	font-size: 60px;
	line-height: 52px;
}

.counter__item__text {
	overflow: hidden;
}

.counter__item__text h5 {
	color: #111111;
	line-height: 24px;
	text-transform: uppercase;
}

/*---------------------
  Clients
-----------------------*/

.clients {
	padding-top: 120px;
	padding-bottom: 60px;
}

.clients img {
	margin-bottom: 60px;
}

/*---------------------
    Blog
-----------------------*/

.blog {
	padding-top: 120px;
	padding-bottom: 120px;
}

.blog__item__list .blog__item:first-child {
	border: none;
	margin-bottom: 0;
}

.blog__item__list .blog__item:last-child {
	margin-bottom: 0;
}

.blog__item {
	margin-bottom: 55px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	padding-bottom: 55px;
}

.blog__item img {
	-webkit-box-shadow: 0px 15px 60px rgba(67, 69, 70, 0.1);
	box-shadow: 0px 15px 60px rgba(67, 69, 70, 0.1);
}

.blog__item ul {
	margin-bottom: 18px;
}

.blog__item ul li {
	list-style: none;
	font-size: 14px;
	color: #b7b7b7;
	font-weight: 500;
	text-transform: uppercase;
	display: inline-block;
	margin-right: 50px;
	position: relative;
	letter-spacing: 2px;
}

.blog__item ul li:after {
	position: absolute;
	right: -30px;
	top: -16px;
	content: ".";
	font-size: 15px;
	color: #b7b7b7;
	font-size: 25px;
}

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

.blog__item ul li:last-child:after {
	display: none;
}

.blog__item h2 {
	color: #111111;
	font-weight: 600;
	font-family: "calibri", calibri light;
	line-height: 48px;
	margin-bottom: 30px;
}

.blog__item img {
	min-width: 100%;
}

.blog__item__text {
	padding: 35px 50px 0;
}

.blog__item__text a {
	font-size: 14px;
	color: #111111;
	font-weight: 600;
	position: relative;
	padding-left: 40px;
	-webkit-transition: all, 0.5s;
	-o-transition: all, 0.5s;
	transition: all, 0.5s;
}

.blog__item__text a:after {
	position: absolute;
	left: 0;
	top: 8px;
	height: 1px;
	width: 30px;
	background: #111111;
	content: "";
	-webkit-transition: all, 0.5s;
	-o-transition: all, 0.5s;
	transition: all, 0.5s;
}

.blog__item__quote {
	background: #212529;
	padding: 35px 50px;
	position: relative;
	margin-bottom: 55px;
}

.blog__item__quote:after {
	position: absolute;
	right: 50px;
	bottom: 26px;
	content: "“";
	font-family: "Aldrich", sans-serif;
	font-size: 120px;
	color: #ffffff;
	opacity: 0.5;
	line-height: 0px;
}

.blog__item__quote p {
	color: #ffffff;
	font-size: 20px;
	font-family: "Aldrich", sans-serif;
	line-height: 32px;
	text-transform: uppercase;
}

.blog__item__quote span {
	color: #ffffff;
	display: block;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: 4px;
}

.blog__pagination {
	padding-top: 30px;
}

.blog__pagination a {
	font-size: 15px;
	color: #111111;
	font-weight: 600;
	display: inline-block;
	height: 40px;
	width: 40px;
	line-height: 40px;
	text-align: center;
	border: 2px solid transparent;
	-webkit-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s;
	margin-right: 12px;
}

.blog__pagination a i {
	font-size: 15px;
	font-weight: 600;
}

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

.blog__pagination a:hover {
	border: 2px solid #dfa667;
}

/*---------------------
  Blog Sidebar
-----------------------*/

.blog__sidebar__about {
	text-align: center;
	margin-bottom: 60px;
}

.blog__sidebar__about .author__pic {
	height: 140px;
	width: 140px;
	border-radius: 50%;
}

.blog__sidebar__about p {
	color: #353535;
	margin-top: 22px;
	margin-bottom: 25px;
}

.blog__sidebar__search {
	margin-bottom: 55px;
}

.blog__sidebar__search form {
	position: relative;
}

.blog__sidebar__search form input {
	width: 100%;
	font-size: 15px;
	color: #b7b7b7;
	border: none;
	background: transparent;
	border-bottom: 1px solid #b7b7b7;
	padding-bottom: 12px;
}

.blog__sidebar__search form input::-webkit-input-placeholder {
	color: #b7b7b7;
}

.blog__sidebar__search form input::-moz-placeholder {
	color: #b7b7b7;
}

.blog__sidebar__search form input:-ms-input-placeholder {
	color: #b7b7b7;
}

.blog__sidebar__search form input::-ms-input-placeholder {
	color: #b7b7b7;
}

.blog__sidebar__search form input::placeholder {
	color: #b7b7b7;
}

.blog__sidebar__search form button {
	font-size: 15px;
	color: #b7b7b7;
	border: none;
	background: transparent;
	position: absolute;
	right: 0;
	top: 0;
}

.blog__sidebar__categories {
	margin-bottom: 40px;
}

.blog__sidebar__categories h5 {
	font-size: 20px;
	color: #111111;
	text-transform: uppercase;
	margin-bottom: 10px;
}

.blog__sidebar__categories ul li {
	list-style: none;
	font-size: 15px;
	color: #b7b7b7;
	line-height: 42px;
}

.blog__sidebar__feature {
	margin-bottom: 55px;
}

.blog__sidebar__feature h5 {
	font-size: 20px;
	color: #111111;
	text-transform: uppercase;
	margin-bottom: 30px;
}

.blog__sidebar__feature__item {
	display: block;
	overflow: hidden;
	margin-bottom: 25px;
}

.blog__sidebar__feature__item:last-child {
	margin-bottom: 0;
}

.blog__sidebar__feature__item__pic {
	float: left;
	margin-right: 20px;
}

.blog__sidebar__feature__item__text {
	overflow: hidden;
}

.blog__sidebar__feature__item__text span {
	font-size: 12px;
	color: #b7b7b7;
	font-weight: 600;
	letter-spacing: 2px;
	display: block;
	text-transform: uppercase;
	margin-bottom: 10px;
}

.blog__sidebar__feature__item__text h6 {
	color: #111111;
	font-size: 15px;
	font-family: "calibri", calibri light;
	font-weight: 600;
	line-height: 26px;
}

.blog__sidebar__tag {
	margin-bottom: 60px;
}

.blog__sidebar__tag h5 {
	font-size: 20px;
	color: #111111;
	text-transform: uppercase;
	margin-bottom: 15px;
}

.blog__sidebar__tag a {
	display: inline-block;
	font-size: 13px;
	color: #b7b7b7;
	letter-spacing: 1px;
	font-weight: 600;
	text-transform: uppercase;
	margin-right: 12px;
	-webkit-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s;
	position: relative;
	margin-bottom: 4px;
}

.blog__sidebar__tag a:after {
	position: absolute;
	right: -10px;
	top: 7px;
	height: 4px;
	width: 4px;
	background: #b7b7b7;
	border-radius: 50%;
	content: "";
}

.blog__sidebar__tag a:last-child:after {
	display: none;
}

.blog__sidebar__tag a:hover {
	color: #111111;
}

.blog__sidebar__social {
	margin-bottom: 55px;
}

.blog__sidebar__social h5 {
	font-size: 20px;
	color: #111111;
	text-transform: uppercase;
	margin-bottom: 18px;
}

.blog__sidebar__social a {
	display: inline-block;
	height: 34px;
	width: 34px;
	font-size: 18px;
	color: #707070;
	line-height: 34px;
	text-align: center;
	border: 1px solid transparent;
	-webkit-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s;
	margin-right: 46px;
	position: relative;
}

.blog__sidebar__social a:after {
	position: absolute;
	right: -40px;
	top: 15px;
	height: 1px;
	width: 30px;
	background: rgba(0, 0, 0, 0.2);
	content: "";
}

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

.blog__sidebar__social a:last-child:after {
	display: none;
}

.blog__sidebar__social a:hover {
	color: #dfa667;
	border-color: #dfa667;
}

.blog__sidebar__newslatter h5 {
	font-size: 20px;
	color: #111111;
	text-transform: uppercase;
	margin-bottom: 18px;
}

.blog__sidebar__newslatter form {
	position: relative;
}

.blog__sidebar__newslatter form input {
	width: 100%;
	font-size: 15px;
	color: #b7b7b7;
	border: none;
	background: transparent;
	border-bottom: 1px solid #b7b7b7;
	padding-bottom: 12px;
}

.blog__sidebar__newslatter form input::-webkit-input-placeholder {
	color: #b7b7b7;
}

.blog__sidebar__newslatter form input::-moz-placeholder {
	color: #b7b7b7;
}

.blog__sidebar__newslatter form input:-ms-input-placeholder {
	color: #b7b7b7;
}

.blog__sidebar__newslatter form input::-ms-input-placeholder {
	color: #b7b7b7;
}

.blog__sidebar__newslatter form input::placeholder {
	color: #b7b7b7;
}

.blog__sidebar__newslatter form button {
	font-size: 18px;
	color: #111111;
	border: none;
	background: transparent;
	position: absolute;
	right: 0;
	top: 0;
}

/*---------------------
  Blog Details
-----------------------*/

.blog__details {
	padding-top: 120px;
	padding-bottom: 120px;
}

.blog__details__content .blog__item__quote {
	margin-bottom: 40px;
}

.blog__details__content .blog__item__quote p {
	text-transform: none;
	font-size: 24px;
	line-height: 36px;
}

.blog__details__title {
	margin-bottom: 32px;
}

.blog__details__title ul {
	margin-bottom: 18px;
}

.blog__details__title ul li {
	list-style: none;
	font-size: 14px;
	color: #b7b7b7;
	font-weight: 500;
	text-transform: uppercase;
	display: inline-block;
	margin-right: 50px;
	position: relative;
	letter-spacing: 2px;
}

.blog__details__title ul li:after {
	position: absolute;
	right: -30px;
	top: -16px;
	content: ".";
	font-size: 15px;
	color: #b7b7b7;
	font-size: 25px;
}

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

.blog__details__title ul li:last-child:after {
	display: none;
}

.blog__details__title h2 {
	color: #111111;
	font-size: 48px;
	font-family: "calibri", calibri light;
	line-height: 60px;
	font-weight: 600;
	margin-bottom: 30px;
}

.blog__details__title img {
	margin-bottom: 32px;
	min-width: 100%;
	-webkit-box-shadow: 0px 15px 60px rgba(67, 69, 70, 0.1);
	box-shadow: 0px 15px 60px rgba(67, 69, 70, 0.1);
}

.blog__details__title p {
	font-size: 18px;
	color: #7d8184;
	line-height: 32px;
	margin-bottom: 0;
}

.blog__details__text {
	margin-bottom: 35px;
}

.blog__details__text p {
	font-size: 18px;
	color: #7d8184;
	line-height: 32px;
}

.blog__details__text p:last-child {
	margin-bottom: 0;
}

.blog__details__pic {
	margin-bottom: 35px;
}

.blog__details__pic img {
	min-width: 100%;
	margin-bottom: 30px;
}

.blog__details__widget {
	margin-bottom: 45px;
}

.blog__details__tags {
	margin-bottom: 20px;
}

.blog__details__tags span {
	font-size: 13px;
	color: #111111;
	margin-right: 6px;
}

.blog__details__tags a {
	display: inline-block;
	font-size: 13px;
	color: #b7b7b7;
	letter-spacing: 1px;
	font-weight: 600;
	text-transform: uppercase;
	margin-right: 12px;
	-webkit-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s;
	position: relative;
	margin-bottom: 4px;
}

.blog__details__tags a:after {
	position: absolute;
	right: -10px;
	top: 7px;
	height: 4px;
	width: 4px;
	background: #b7b7b7;
	border-radius: 50%;
	content: "";
}

.blog__details__tags a:last-child:after {
	display: none;
}

.blog__details__tags a:hover {
	color: #111111;
}

.blog__details__social {
	text-align: right;
	margin-bottom: 20px;
}

.blog__details__social a {
	display: inline-block;
	font-size: 18px;
	color: #353535;
	margin-right: 28px;
}

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

.blog__details__author {
	background: #f8f8f8;
	padding: 50px;
	overflow: hidden;
	margin-bottom: 40px;
}

.blog__details__author__pic {
	float: left;
	margin-right: 50px;
	height: 140px;
	width: 140px;
	border-radius: 50%;
}

.blog__details__author__text {
	overflow: hidden;
}

.blog__details__author__text h5 {
	color: #111111;
	font-weight: 600;
	font-family: "calibri", calibri light;
	margin-bottom: 12px;
}

.blog__details__author__text p {
	color: #7d8184;
	font-size: 18px;
	line-height: 32px;
	margin-bottom: 0;
}

.blog__details__btns {
	margin-bottom: 50px;
}

.blog__details__btns__item {
	margin-bottom: 25px;
	display: block;
	overflow: hidden;
}

.blog__details__btns__item.blog__details__btns__item--next .blog__details__btns__item__pic {
	float: right;
	margin-left: 30px;
	margin-right: 0;
}

.blog__details__btns__item.blog__details__btns__item--next .blog__details__btns__item__text {
	text-align: right;
}

.blog__details__btns__item__pic {
	float: left;
	margin-right: 30px;
}

.blog__details__btns__item__text {
	overflow: hidden;
	padding-top: 16px;
}

.blog__details__btns__item__text h6 {
	font-size: 15px;
	font-family: "calibri", calibri light;
	color: #8d8d8d;
	margin-bottom: 6px;
}

.blog__details__btns__item__text h6 span {
	font-size: 20px;
	position: relative;
	top: 3px;
}

.blog__details__btns__item__text h5 {
	font-size: 20px;
	font-family: "calibri", calibri light;
	color: #353535;
	font-weight: 600;
}

.blog__details__comment__form h4 {
	color: #111111;
	text-transform: uppercase;
	margin-bottom: 35px;
}

.blog__details__comment__form form input {
	font-size: 15px;
	color: #b7b7b7;
	width: 100%;
	height: 50px;
	border: 1px solid rgba(0, 0, 0, 0.1);
	padding-left: 20px;
	margin-bottom: 30px;
}

.blog__details__comment__form form input::-webkit-input-placeholder {
	color: #b7b7b7;
}

.blog__details__comment__form form input::-moz-placeholder {
	color: #b7b7b7;
}

.blog__details__comment__form form input:-ms-input-placeholder {
	color: #b7b7b7;
}

.blog__details__comment__form form input::-ms-input-placeholder {
	color: #b7b7b7;
}

.blog__details__comment__form form input::placeholder {
	color: #b7b7b7;
}

.blog__details__comment__form form textarea {
	font-size: 15px;
	color: #b7b7b7;
	width: 100%;
	height: 130px;
	border: 1px solid rgba(0, 0, 0, 0.1);
	padding-left: 20px;
	padding-top: 12px;
	resize: none;
	margin-bottom: 24px;
}

.blog__details__comment__form form textarea::-webkit-input-placeholder {
	color: #b7b7b7;
}

.blog__details__comment__form form textarea::-moz-placeholder {
	color: #b7b7b7;
}

.blog__details__comment__form form textarea:-ms-input-placeholder {
	color: #b7b7b7;
}

.blog__details__comment__form form textarea::-ms-input-placeholder {
	color: #b7b7b7;
}

.blog__details__comment__form form textarea::placeholder {
	color: #b7b7b7;
}

.blog__details__comment__form form button {
	background: #111111;
}

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

.contact {
	padding-top: 120px;
	padding-bottom: 120px;
}

.contact__text {
	margin-bottom: 50px;
}

.contact__text .section-title {
	margin-bottom: 12px;
}

.contact__text p {
	margin-bottom: 0;
}

.contact__widget__item {
	position: relative;
	margin-bottom: 30px;
}

.contact__widget__item.last__item:after {
	display: none;
}

.contact__widget__item:after {
	position: absolute;
	right: 50px;
	top: 0px;
	width: 1px;
	height: 50px;
	background: #e1e1e1;
	content: "";
}

.contact__widget__item__icon {
	float: left;
	margin-right: 20px;
}

.contact__widget__item__text {
	overflow: hidden;
}

.contact__widget__item__text h5 {
	color: #dfa667;
	text-transform: uppercase;
	margin-bottom: 10px;
}

.contact__widget__item__text span {
	color: #111111;
	display: block;
}

.map {
	height: 460px;
	margin-top: 40px;
	margin-bottom: 75px;
	-webkit-box-shadow: 0px 3px 15px rgba(0, 59, 85, 0.1);
	box-shadow: 0px 3px 15px rgba(0, 59, 85, 0.1);
}

.map iframe {
	width: 100%;
}

.contact__form__text {
	margin-bottom: 35px;
}

.contact__form__text .section-title {
	margin-bottom: 12px;
}

.contact__form__text p {
	margin-bottom: 0;
}

.contact__form form input {
	height: 50px;
	width: 100%;
	font-size: 15px;
	color: #b7b7b7;
	padding-left: 20px;
	border: 1px solid #e1e1e1;
	margin-bottom: 30px;
}

.contact__form form input::-webkit-input-placeholder {
	color: #b7b7b7;
}

.contact__form form input::-moz-placeholder {
	color: #b7b7b7;
}

.contact__form form input:-ms-input-placeholder {
	color: #b7b7b7;
}

.contact__form form input::-ms-input-placeholder {
	color: #b7b7b7;
}

.contact__form form input::placeholder {
	color: #b7b7b7;
}

.contact__form form textarea {
	height: 170px;
	width: 100%;
	font-size: 15px;
	color: #b7b7b7;
	padding-left: 20px;
	padding-top: 12px;
	border: 1px solid #e1e1e1;
	resize: none;
	margin-bottom: 24px;
}

.contact__form form textarea::-webkit-input-placeholder {
	color: #b7b7b7;
}

.contact__form form textarea::-moz-placeholder {
	color: #b7b7b7;
}

.contact__form form textarea:-ms-input-placeholder {
	color: #b7b7b7;
}

.contact__form form textarea::-ms-input-placeholder {
	color: #b7b7b7;
}

.contact__form form textarea::placeholder {
	color: #b7b7b7;
}

/*--------------------------------- Responsive Media Quaries -----------------------------*/

@media only screen and (min-width: 1200px) {
	.container {
		max-width: 1170px;
	}
}

@media only screen and (min-width: 1450px) {
	.container {
		max-width: 1170px;
	}

	.header {
		padding: 30px 130px 0;
	}
}

/* Medium Device = 1200px */

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.about__pic {
		padding-left: 0;
	}

	.about__pic__inner:after {
		left: 8px;
		top: 8px;
	}

	.header__menu ul li {
		margin-right: 25px;
	}

	.hero__slider.owl-carousel .owl-nav button {
		left: 15px;
	}

	.hero__slider.owl-carousel .owl-nav button.owl-next {
		right: 15px;
	}
}

/* Tablet Device = 768px */

@media only screen and (min-width: 768px) and (max-width: 1441px) {
	.hero__slider.owl-carousel .owl-nav button {
		left: 0;
	}

	.hero__slider.owl-carousel .owl-nav button.owl-next {
		right: 0;
	}

	.about__text {
		padding-top: 0;
		margin-bottom: 40px;
	}

	.about__pic {
		padding-left: 0;
	}

	.blog__sidebar {
		padding-top: 50px;
	}

	.hero__text .hero__social {
		right: 80px;
	}

	.slide-num {
		left: 70px;
	}

	.slider__progress {
		left: 106px;
	}



	.offcanvas-menu-overlay {
		position: fixed;
		left: 0;
		top: 0;
		height: 100%;
		width: 100%;
		background: rgba(0, 0, 0, 0.7);
		content: "";
		z-index: 98;
		-webkit-transition: all, 0.5s;
		-o-transition: all, 0.5s;
		transition: all, 0.5s;
		visibility: hidden;
	}

	.offcanvas-menu-overlay.active {
		visibility: visible;
	}

	.offcanvas-menu-wrapper {
		position: fixed;
		left: -300px;
		width: 300px;
		height: 100%;
		background: #111111;
		padding: 50px 20px 30px 30px;
		display: block;
		z-index: 99;
		overflow-y: auto;
		-webkit-transition: all, 0.5s;
		-o-transition: all, 0.5s;
		transition: all, 0.5s;
		opacity: 0;
	}

	.offcanvas-menu-wrapper.active {
		opacity: 1;
		left: 0;
	}

	.offcanvas__logo {
		margin-bottom: 30px;
	}

	.offcanvas__logo a {
		display: inline-block;
	}

	.slicknav_btn {
		display: none;
	}

	.slicknav_menu {
		background: transparent;
		padding: 0;
		margin-bottom: 30px;
	}

	.slicknav_nav ul {
		margin: 0;
	}

	.slicknav_nav .slicknav_row,
	.slicknav_nav a {
		padding: 7px 0;
		margin: 0;
		color: #ffffff;
		font-weight: 600;
	}

	.slicknav_nav .slicknav_arrow {
		color: #ffffff;
	}

	.slicknav_nav .slicknav_row:hover {
		border-radius: 0;
		background: transparent;
		color: #ffffff;
	}

	.slicknav_nav a:hover {
		border-radius: 0;
		background: transparent;
		color: #ffffff;
	}

	.slicknav_nav {
		display: block !important;
	}

	.offcanvas__widget span {
		font-size: 14px;
		font-family: "Aldrich", sans-serif;
		color: #b7b7b7;
		display: block;
		margin-bottom: 10px;
	}

	.offcanvas__widget h4 {
		font-size: 22px;
		color: #dfa667;
	}

	/* .header__menu {
		display: none;
	} */

	.header__widget {
		display: none;
	}
}

/* Wide Mobile = 480px */

@media only screen and (max-width: 769px) {
	.hero__text h2 {
		font-size: 34px;
		line-height: 45px;
	}

	.hero__items {
		height: 710px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		padding: 0 40px;
	}

	.about__text {
		padding-top: 0;
		margin-bottom: 40px;
	}

	.about__pic {
		padding-left: 0;
	}

	.blog__sidebar {
		padding-top: 50px;
	}

	.canvas__open {
		display: block;
		font-size: 22px;
		/* color: #ffffff; */
		height: 35px;
		width: 35px;
		line-height: 35px;
		text-align: center;
		border: 1px solid #ffffff;
		border-radius: 2px;
		cursor: pointer;
		position: absolute;
		right: 15px;
		top: 34px;
	}

	.offcanvas-menu-overlay {
		position: fixed;
		left: 0;
		top: 0;
		height: 100%;
		width: 100%;
		background: rgba(0, 0, 0, 0.7);
		content: "";
		z-index: 98;
		-webkit-transition: all, 0.5s;
		-o-transition: all, 0.5s;
		transition: all, 0.5s;
		visibility: hidden;
	}

	.offcanvas-menu-overlay.active {
		visibility: visible;
	}

	.offcanvas-menu-wrapper {
		position: fixed;
		left: -300px;
		width: 300px;
		height: 100%;
		background: #111111;
		padding: 50px 20px 30px 30px;
		display: block;
		z-index: 99;
		overflow-y: auto;
		-webkit-transition: all, 0.5s;
		-o-transition: all, 0.5s;
		transition: all, 0.5s;
		opacity: 0;
	}

	.offcanvas-menu-wrapper.active {
		opacity: 1;
		left: 0;
	}

	.offcanvas__logo {
		margin-bottom: 30px;
	}

	.offcanvas__logo a {
		display: inline-block;
	}

	.slicknav_btn {
		display: none;
	}

	.slicknav_menu {
		background: transparent;
		padding: 0;
		margin-bottom: 30px;
	}

	.slicknav_nav ul {
		margin: 0;
	}

	.slicknav_nav .slicknav_row,
	.slicknav_nav a {
		padding: 7px 0;
		margin: 0;
		color: #ffffff;
		font-weight: 600;
	}

	.slicknav_nav .slicknav_arrow {
		color: #ffffff;
	}

	.slicknav_nav .slicknav_row:hover {
		border-radius: 0;
		background: transparent;
		color: #ffffff;
	}

	.slicknav_nav a:hover {
		border-radius: 0;
		background: transparent;
		color: #ffffff;
	}

	.slicknav_nav {
		display: block !important;
	}

	.offcanvas__widget span {
		font-size: 14px;
		font-family: "Aldrich", sans-serif;
		color: #b7b7b7;
		display: block;
		margin-bottom: 10px;
	}

	.offcanvas__widget h4 {
		font-size: 22px;
		color: #dfa667;
	}

	.header__menu {
		display: none;
	}

	.header__widget {
		display: none;
	}

	.about__pic__inner {
		display: block;
	}

	.about__pic__inner img {
		min-width: 100%;
	}

	.about__pic__inner:after {
		left: 0;
		width: 100%;
	}

	.hero__slider.owl-carousel .owl-nav button {
		left: 0;
	}

	.hero__slider.owl-carousel .owl-nav button.owl-next {
		right: 0;
	}

	.hero__text h2 {
		font-size: 46px;
		line-height: 58px;
	}

	.hero__text .hero__social {
		right: 0;
		left: 0;
		margin: 0 auto;
		bottom: 100px;
	}

	.slide-num {
		bottom: 25px;
		left: 0;
		width: 100%;
		text-align: center;
	}

	.slider__progress {
		left: 0;
		bottom: 35px;
		right: 0;
		margin: 0 auto;
	}

	.hero__text .more_btn {
		bottom: 62px;
	}

	.footer__top__text {
		margin-bottom: 35px;
	}

	.copyright__text {
		text-align: center;
		margin-bottom: 20px;
	}

	.copyright__widget {
		text-align: center;
	}

	.project__sidebar {
		padding-top: 20px;
	}

	.blog__details__tags {
		text-align: center;
	}

	.blog__details__social {
		text-align: center;
	}

	.blog__details__author__pic {
		float: none;
		margin-right: 0;
	}

	.blog__details__author__text {
		padding-top: 40px;
	}

	.project {
		padding: 0;
		margin-top: 55px;
	}

	.about__para__text {
		margin-bottom: 35px;
	}

	.clients {
		padding-bottom: 90px;
	}

	.clients a {
		margin-bottom: 30px;
	}

	.testimonial__carousel.owl-carousel .owl-nav button {
		left: 0;
	}

	.testimonial__carousel.owl-carousel .owl-nav button.owl-next {
		right: 0;
	}
}

@media only screen and (max-width: 575px) {
	.team__btn {
		margin-bottom: 40px;
		text-align: left;
	}

	.latest__btn {
		margin-bottom: 40px;
		text-align: left;
	}
}

/* Small Device = 320px */

@media only screen and (max-width: 479px) {
	.section-title h2 {
		font-size: 28px;
		line-height: 1;
	}

	.hero__text h2 {
		font-size: 28px;
		line-height: 42px;
	}

	.hero__items {
		height: 610px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		padding: 0 40px;
	}

	.testimonial__item p {
		font-size: 16px;
		line-height: normal;
	}

	.about__pic__inner:after {
		display: none;
	}

	.callto__text h2 {
		font-size: 30px;
		line-height: 46px;
	}

	.project__slider.owl-carousel .owl-nav button {
		left: 15px;
	}

	.project__slider.owl-carousel .owl-nav button.owl-next {
		right: 15px;
	}

	.project {
		padding: 0;
	}

	.breadcrumb__text h2 {
		font-size: 32px;
	}

	.testimonial__carousel {
		padding: 60px 45px 65px;
	}

	.slick-active.slick-center .testimonial__client__pic img,
	.slick-active.slick-center .testimonial__client__pic {
		width: 110px;
		height: 110px;
		opacity: 1;
	}

	.testimonial__client__item .testimonial__client__pic {
		width: 110px;
		height: 110px;
		opacity: 0;
	}

	.testimonial__carousel:after {
		left: calc(50% - 70px);
		bottom: -80px;
		width: 140px;
		height: 140px;
	}

	.testimonial__carousel button.slick-arrow {
		left: 10px;
		height: 40px;
		width: 40px;
	}

	.testimonial__carousel button.slick-arrow.slick-next {
		left: auto;
		right: 10px;
	}

	.testimonial__client .slick-slide {
		padding-top: 30px;
	}

	.about .section-title h2 {
		font-size: 28px;
		line-height: 45px;
	}

	.footer__top__text h2 {
		font-size: 32px;
	}
}

.disp {
	display: none;
}

.myform {
	background-color: #fff !important;
	/* background-color: #131e4a87 !important; */
	max-width: 470px;
	padding: 22px 45px;
	border-radius: 20px;
	margin-top: 20%;
	margin-left: 47%;
	position: absolute;
	top: calc(50% - 313px);
	left: -85px;
	-webkit-box-shadow: 0px 9px 42.32px 3.68px rgba(25, 38, 62, 0.1);
	box-shadow: 0px 9px 42.32px 3.68px rgba(25, 38, 62, 0.1);
}

.myform input {
	/* border: 1px solid #e1dfdd; */
	/* height: 44px; */
	/* border-radius: 50px; */
	-webkit-box-shadow: none;
	box-shadow: none;
	margin-bottom: 25px;
}

@media (min-width: 319px) and (max-width: 480px) {
	.myform {
		background-color: #ffffff !important;
		width: 289px;
		padding: 17px 13px;
		margin-top: 86px;
		position: absolute;
		left: -434%;
		top: calc(50% - 283px);
	}
}

.heading {
	display: none;
}

.myform input {
	/* border: 1px solid #e1dfdd; */
	/* height: 40px; */
	/* border-radius: 50px; */
	-webkit-box-shadow: none;
	box-shadow: none;
	margin-bottom: 11px;
}

.europe {
	position: absolute;
	margin-left: 27% !important;
	margin-top: -225px !important;
}

.callto {
	padding-top: 20px;
	/* padding-bottom: 135px; */
	padding-bottom: 20px;
}


@media (min-width: 481px) and (max-width: 2561px) {
	.centere {
		font-size: 15px;
		padding-bottom: 0px !important;
		background-color: white;
		padding: 6px;
		width: 46%;
		box-shadow: 20px 20px 10px grey;
		text-align: initial;
		box-shadow: 9px 8px 10px grey;
		margin-left: 25%;
		margin-top: 32%;
	}

	.europe {
		position: absolute;
		margin-left: 0%;
		width: 37%;
		margin-top: -29%;
	}

	.callto {
		/* padding-top: 470px; */
		/* padding-bottom: 135px; */
	}
}

@media (min-width: 481px) and (max-width: 2561px) {
	.mycallto {
		padding-top: 150px;
		padding-bottom: 312px;
	}
}

@media (min-width: 320px) and (max-width: 769px) {
	.mycallto {
		padding-top: 386px;
		padding-bottom: 286px;
	}
}

.heading {
	margin-bottom: 6%;
	color: #ffff;
}

.submit-area .mytheme-btn {
	background-color: #fff;
	color: #000;
	text-align: center;
	font-weight: 600;
	padding: 8px 12px;
	border-color: #dfa667;
	border-radius: 4px;
}


.disp {
	display: none;
}

.color-red {
	color: red;
}

.ourform {
	background-color: #fff !important;
	/* background-color: #131e4a87 !important; */
	max-width: 470px;
	padding: 22px 45px;
	border-radius: 20px;
	margin-top: 1%;
	margin-left: 30%;
	position: absolute;
	top: calc(50% - 313px);
	left: -85px;
	-webkit-box-shadow: 0px 9px 42.32px 3.68px rgba(25, 38, 62, 0.1);
	box-shadow: 0px 9px 42.32px 3.68px rgba(25, 38, 62, 0.1);
}

.ourform input {
	/* border: 1px solid #e1dfdd; */
	/* height: 44px; */
	/* border-radius: 50px; */
	-webkit-box-shadow: none;
	box-shadow: none;
	margin-bottom: 25px;
}

.ourform li {
	/* border: 1px solid #e1dfdd; */
	height: 28px;
	/* border-radius: 50px; */
	-webkit-box-shadow: none;
	box-shadow: none;
	margin-bottom: 8px;
}

.containe {
	position: relative;


}

.bottom-right {
	position: absolute;
	bottom: 30px;
	right: 7%;
}

.bottom-rights {
	position: absolute;
	bottom: 30px;
	right: 3%;

}

.containerim {
	position: relative;
	text-align: center;
}

.centeredvideo {
	position: absolute;
	top: 50%;
	left: 50%;
	left: 50%;
	width: 64%;
	transform: translate(-50%, -50%);
}


* Bottom left text */ .bottom-left {
	position: absolute;
	bottom: 8px;
	left: 16px;
}

/* Top left text */
.top-leftwar {

	position: absolute;
	top: 44%;
	left: 19%;

}

/* Top right text */
.top-right {
	position: absolute;
	top: 8px;
	right: 16px;
}

/* Bottom right text */
.bottom-rightwar {
	position: absolute;
	bottom: 9%;
	right: 44%;
}

/* Bottom right text */
.bottom-leftwar {
	position: absolute;
	bottom: 9%;
	left: 19%;
}


/* Centered text */
.centeredwar {
	position: absolute;
	top: 46%;
	right: 30%;
	transform: translate(-50%, -50%);
}

.viewproductlist {
	color: white;
	/*text-decoration: overline 2px #ffcb05 !important;*/
	border-top: 2px solid #ffcb05 !important;
	font-size: 15px;
	font-weight: bold;
}

.viewproductlist:hover {
	color: black !important;
}

.mobilemenus {
	display: none !important;

}

/* Centered text */
.centeredwar {
	position: absolute;
	top: 46%;
	right: 30%;
	transform: translate(-50%, -50%);
}

.viewproductlist {
	color: white;
	/*text-decoration: overline 2px #ffcb05 !important;*/
	border-top: 2px solid #ffcb05 !important;
	font-size: 15px;
	font-weight: bold;
}

.viewproductlist:hover {
	color: black !important;
}

.centere {
	font-size: 15px;
	padding-bottom: 0px !important;
	background-color: white;
	padding: 6px;
	/* width: 46%; */
	box-shadow: 20px 20px 10px grey;
	text-align: initial;
	box-shadow: 9px 8px 10px grey;
	margin-left: 25%;
	margin-top: 32%;
}

.contra {
	border-left: 1px solid #ffcb05;
	padding: 18px 8px 12px;
	margin-bottom: 0px;
	color: black !important;


}

.contra p {
	margin-bottom: 0px;
	color: #000000a1;
	/* padding-left: 22%; */
	font-size: 1rem;
	/* padding-right: 22%; */
	line-height: initial;
	font-weight: 300;

}

.contra b {
	color: #595757;
	font-weight: 600 !important;
	font-size: 19px;
	font-family: 'Montserrat medium', sans-serif;
}

.contra a {
	color: black;
	font-family: 'Montserrat-Light';
	padding-top: 5px;
	margin-bottom: 0px;
	background: #fadb00;
	padding: 10px 14px;
}

/* .icon-bar {
	position: fixed;
	top: 71%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 1000;
  } */
/* .icon-bar a {
	display: block;
	text-align: center;
	padding: 10px;
	transition: all 0.3s ease;
	color: white;
	font-size: 33px;
  } */
.icon-bar a {
	position: fixed;
	width: 50px;
	height: 50px;
	/* bottom: 40px; */
	top: 75%;
	right: 15px;
	background-color: #25d366;
	color: #fff;
	border-radius: 50px;
	text-align: center;
	font-size: 27px;
	box-shadow: 2px 2px 3px #999;
	z-index: 100;
}

@media only screen and (max-width: 666px) {
	.icon-bar a {
		display: none;
	}
}

.my-float {
	margin-top: 12px;
}

/* .whatsapp {
	background: #4dc247;
  } */
.footer__social {
	font-size: 12px;
}


@media only screen and (max-device-width: 1150px) {

	.site-blocks-cover,
	.site-blocks-cover .row {
		min-height: 500px !important;
	}
}

site-blocks-cover,
.site-blocks-cover .row {
	min-height: 600px;
	height: calc(100vh) !important;
}

@media only screen and (max-device-width: 1150px) {

	.site-blocks-cover,
	.site-blocks-cover .row {
		min-height: 500px !important;
	}
}

.items {
	height: 500px;
	padding: 0 40px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.yourform {
	background-color: #fff !important;
	/* background-color: #131e4a87 !important; */
	max-width: 470px;
	padding: 22px 45px;
	border-radius: 20px;
	margin-top: 30%;
	margin-left: 30%;
	position: absolute;
	top: calc(50% - 313px);
	left: -85px;
	-webkit-box-shadow: 0px 9px 42.32px 3.68px rgba(25, 38, 62, 0.1);
	box-shadow: 0px 9px 42.32px 3.68px rgba(25, 38, 62, 0.1);
}

.yourform input {
	/* border: 1px solid #e1dfdd; */
	/* height: 44px; */
	/* border-radius: 50px; */
	-webkit-box-shadow: none;
	box-shadow: none;
	margin-bottom: 25px;
}

.yourform li {
	/* border: 1px solid #e1dfdd; */
	height: 28px;
	/* border-radius: 50px; */
	-webkit-box-shadow: none;
	box-shadow: none;
	margin-bottom: 8px;
}

.contact-pg-section {
	padding-bottom: 35px;
}

@media (max-width: 991px) {
	.contact-pg-section {
		padding-bottom: 100px;
	}
}

@media (max-width: 767px) {
	.contact-pg-section {
		padding-bottom: 80px;
	}
}

.contact-pg-section form input,
.contact-pg-section form select,
.contact-pg-section form textarea {
	background: #fff;
	/* width: 100%; */
	/* height: 55px; */
	border: 2px solid #ebedef;
	border-radius: 0;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}

.content input {
	height: 55px;
}

.content .input {
	height: 55px;
}

@media (max-width: 991px) {

	.contact-pg-section form input,
	.contact-pg-section form select,
	.contact-pg-section form textarea {
		/* height: 45px; */
	}
}

.contact-pg-section form input:focus,
.contact-pg-section form select:focus,
.contact-pg-section form textarea:focus {
	border-color: #fd5f17;
}

.contact-pg-section form textarea {
	height: 120px;
}

.contact-pg-section form {
	margin: 0 -15px;
	overflow: hidden;
}

.contact-pg-section form ::-webkit-input-placeholder {
	font-style: 15px;
	font-style: normal;
	color: #9d9c9c;
}

.contact-pg-section form :-moz-placeholder {
	font-style: 15px;
	font-style: normal;
	color: #9d9c9c;
}

.contact-pg-section form ::-moz-placeholder {
	font-style: 15px;
	font-style: normal;
	color: #9d9c9c;
}

.contact-pg-section form :-ms-input-placeholder {
	font-style: 15px;
	font-style: normal;
	color: #9d9c9c;
}

.contact-pg-section form select {
	display: inline-block;
	color: #a9a9a9;
	cursor: pointer;
	opacity: 1;
	padding: 6px 12px;
	font-size: 15px;
	font-size: 0.9375rem;
}

.contact-pg-section form>div {
	width: calc(50% - 30px);
	float: left;
	margin: 0 15px 30px;
}


@media (max-width: 600px) {
	.contact-pg-section form>div {
		width: calc(100% - 30px);
		float: none;
	}
}

.contact-pg-section form .fullwidth {
	width: calc(100% - 30px);
	float: none;
	clear: both;
}

.fullwidth {
	margin-bottom: 10px;
}

.contact-pg-section .office-info {
	background-color: #000000;
	position: relative;
	padding: 19px 55px;
	/* margin-top: -77px; */
	margin-left: 50px;
}

@media (max-width: 1199px) {
	.contact-pg-section .office-info {
		margin-left: 0;
	}
}

@media (max-width: 991px) {
	.contact-pg-section .office-info {
		margin-top: 0;
	}
}

.contact-pg-section .office-info>div {
	position: relative;
}

.contact-pg-section .office-info>div+div {
	padding-top: 30px;
	margin-top: -11px;
	border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.contact-pg-section .office-info h3 {
	font-size: 18px;
	font-size: 1.125rem;
	font-weight: normal;
	color: #fff;
	margin: 0 0 0.8em;
}

.contact-pg-section .office-info li {
	font-size: 14px;
	font-size: 0.94rem;
	color: #fff;
}

.office-info li p {
	font-size: 14px;
	font-size: 0.94rem;
	color: #fff;
}

.contact-pg-section .office-info li i {
	color: #fd5f17;
	display: inline-block;
	padding-right: 5px;
}

.contact-pg-section .office-info ul>li+li {
	margin-top: 8px;
}

.contact-map-section .contact-map {
	height: 550px;
}

.contact-map-section iframe {
	width: 100%;
	height: 100%;
	border: 0;
	outline: 0;
}

.contact-map-section h2 {
	text-align: center;
	margin-bottom: 25px;
}

.mu-course-content-area h2 {
	text-align: center;
}

.mu-course-content-area span {
	color: #fd5f17;
}

.office-info p {
	color: white;
}

.office-info i {
	color: #fff;
}

.europe {
	position: absolute;
	margin-left: 0%;
}

.europe p {
	font-size: 18px;
	font-weight: 100;
	text-align: left;
	font-size: 15px;
	line-height: initial;
	font-weight: 300;
	color: #ffff;
	/* font-family:'Montserrat', sans-serif; */
}

.europe span {
	padding-bottom: 5px;
	width: auto;
	border-bottom: 1.3px solid #ffcb05;
}

.europe b {
	font-family: 'Montserrat medium', sans-serif;
	font-weight: 900;
}

.europe a {
	color: white !important;
	font-family: 'Montserrat-Light';
	background: #dfa667;
	padding: 10px 14px;
	border-radius: 4px;
}

.accordions {
	width: 100%;
	margin: 48px auto;
}

.accordions h3 {
	text-align: center;
	font-family: "Roboto", sans-serif;
	/* font-weight: bold; */
}

.accordion-item {
	/* background-color: #0b3791; */
	margin-bottom: 20px;
	border: 1px solid #100e34;
	border-radius: 5px;
	color: #ffffff;
}

.accordion-item .accordion-title {
	cursor: pointer;
	padding: 10px;
	transition: transform 0.4s ease-in-out;
}

.accordion-item .accordion-title.active-title {
	/* background-color: #100e34; */
	color: #ffffff;
}

.accordion-item .accordion-title h3 {
	font-weight: 700;
	margin: 0;
	font-size: 18px;
	display: flex;
	justify-content: space-between;
	font-weight: bold;
	text-align: left;
}

.accordion-item .accordion-title i.fa-chevron-down {
	transform: rotate(0);
	transition: 0.4s;
}

.accordion-item .accordion-title i.fa-chevron-down.chevron-top {
	transform: rotate(-180deg);
	color: #fa5019;
}

.accordion-item .accordion-content {
	display: none;
	line-height: 1.7;
	padding: 20px;
	background-color: #ffffff;
	border-radius: 0 0 5px 5px;
	color: #100e34;
}

.accordion-item .accordion-content.active {
	display: block;
}

.accordion-item .accordion-content p {
	margin: 0;
	font-family: "Nunito Sans", sans-serif;
	font-size: 16px;
}

.details {
	background: #dce1f2;
}

.details .detailed_info {
	margin: 50px auto;
}

.details img {
	margin: 0 auto;
	display: block;
	/* margin-top: 120px; */
}

.details h3 {
	font-family: "Poppins", sans-serif;
	font-weight: bold;
	font-size: 20px;
}

.details p {
	font-family: "Nunito Sans", sans-serif;
	font-size: 16px;
	line-height: 1.5em;
}

.details ul li {
	font-family: "Nunito Sans", sans-serif;
	font-size: 16px;
	line-height: 1.7em;
}

.product {
	padding-top: 130px;
	padding-bottom: 135px;
}

.containe {
	padding: 45px;
	padding-bottom: 0px !important;
}

.containe img {
	width: 100%;
}

.batch {
	font-size: 15px;
	padding-bottom: 0px !important;
	background-color: white;
	text-align: center !important;
	padding: 6px;
	width: 50%;
	box-shadow: 20px 20px 10px grey;
	text-align: initial;
	box-shadow: 9px 8px 10px grey;
	margin-left: auto;
	margin-right: auto;
	margin-top: -17px;
}

.branch {
	text-align: center;
	margin-bottom: 0px;
	color: #414042 !important;
	margin-right: 0px !important;
	padding-bottom: 8px;
}

.branch p {
	margin-bottom: 0px;
}

.branch b {
	font-weight: 500 !important;
	font-size: 18px;
}

.branch a {
	color: black;
}

.ban {
	text-align: justify;
	margin-bottom: 23px;
}

.ban p {
	font-size: 15px;
}

.ban a {
	color: black;
	padding-top: 5px;
	/* background: #dfa667; */
	padding: 10px 14px;
	border-radius: 3px;
}

.ban b {
	font-family: 'Montserrat medium', sans-serif;
	/* font-weight: 900; */
}

.page-top .row {
	margin: 15px;
}

.page-top a {
	margin-bottom: 7px;
}

.page-top h3 {
	text-align: center;
	margin-top: 8px;
}


@mixin color-div($color1, $color2) {
	background-color: $color1;
	color: $color2;
}

/* .container {
  padding: 2rem 0rem;
} */

h4 {
	margin: 1rem 0rem;
}

.panel {
	border-radius: 4px;
	padding: 1rem;
	margin-top: 0.2rem;

	@include color-div($grey, $dark-grey);

	.panel-blue {
		@include color-div($light-blue, $dark-blue);
	}

	.panel-big-height {
		min-height: 150px;
	}
}

.item {
	border-radius: 4px;
	padding: 0.5rem;
	margin: 0.2rem;

	.item-blue {
		@include color-div($blue, $dark-blue);
	}

	.item-green {
		@include color-div($green, $dark-green);
	}

	.item-lime {
		@include color-div($lime, $dark-lime);
	}

	&.item-yellow {
		@include color-div($yellow, $dark-yellow);
	}

	&.item-pink {
		@include color-div($pink, $dark-pink);
	}

	&.item-red {
		@include color-div($red, $dark-red);
	}

	.item-big-width {
		min-width: 380px;
	}
}

.elementor-html5-video {
	-o-object-fit: cover;
	object-fit: cover;
}



.get-app-box ul li {
	position: relative;
	display: block;
	float: left;

}

.get-app-box ul li a {
	bottom: 107px;
	margin-left: -32px;

}

.text h3 {
	font-size: 1.5rem;
}

.link-text {
	color: #fff;
	font-size: 1.2rem;
}

.mediaKit a {
	display: block;
	color: #fff;
	margin-bottom: 1rem;
}

.panel-box {
	background: url(img/stripes-dark-10.png);
	margin: 5px;
	padding: 0;
	display: inline-block;
	clear: none;
	float: left;
	min-height: 200px;
	position: relative;
	text-align: center;
}

.mediaKit {
	border-radius: 1rem;
	background-color: #dfa667;
}

.about-media h1 {
	font-size: 1.5rem;

}

.media-btn {
	background-color: #dfa667;
	font-size: 0.9rem;
	padding: 13px 12px;
	border: 0;
	border-radius: 4px;
	text-transform: uppercase;
	display: inline-block;
	line-height: initial;
}

.media-btn a {
	font-size: .7rem;
	color: #fff;
}

@media (max-width: 768px) {
	.get-app-box ul li a {
		bottom: 11px;
	}
}

@media (max-width: 600px) {
	.slide-title {
		display: none;
	}
}

.slide-title h1 {
	color: #fff;
}

.color-black {
	color: #666;
}

/* 
@media (max-width: 600px) {
	.icon-bar {
		display: none;
	}
} */

.secondary-btn {
	color: #fff;
	font-size: 1.5rem;
}

/* left of products  */
.service-details {
	position: relative;
	font-family: "calibri", calibri light;
	display: block;
	/* padding: 120px 0 120px; */
	padding: 80px 0 80px;
	background-color: #fff;
}

.service-details__left {
	position: relative;
	display: block;
}

.service-details__service {
	position: relative;
	display: block;
	background-color: #000;
	/* padding: 46px 30px 38px; */
	padding: 16px 6px 6px;
	overflow-y: scroll;
	height: 333px;

}

.myservice-details__service {
	position: relative;
	display: block;
	background-color: #000;
	/* padding: 46px 30px 38px; */
	padding: 16px 6px 6px;
	height: 668px;
	overflow-y: scroll;
}

.service-details__title {
	/* padding-left: 20px; */
	margin-bottom: 7px;
	font-size: 20px;
	font-weight: 700;
}

.service-details__service-list {
	margin: 0;
}

.service-details__service-list li+li {
	margin-top: 4px;
}

.service-details__service-list li a {
	color: var(--notech-gray);
	font-size: 15.5px;
	position: relative;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
	display: block;
	background: none;
	padding: 2px 6px 2px;
	color: #fff;
	text-decoration: none;
}

.service-details__service-list li a:hover {
	background-color: white;
	-webkit-box-shadow: 0px 8px 50px 0px rgba(0, 0, 0, 0.05);
	box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.05);
	color: var(--notech-black);
}

.service-details__service-list li.active a {
	background-color: white;
	-webkit-box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.05);
	box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.05);
	color: var(--notech-black);
}

.service-details__service-list li a span {
	position: absolute;
	top: 50%;
	right: 20px;
	-webkit-transform: translateY(-50%) scale(0);
	transform: translateY(-50%) scale(0);
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
	color: var(--notech-base);
	text-align: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	font-size: 15px;
}

.service-details__service-list li a:hover span {
	color: var(--notech-base);
	-webkit-transform: translateY(-50%) scale(1);
	transform: translateY(-50%) scale(1);
}

.service-details__service-list li.active a span {
	-webkit-transform: translateY(-50%) scale(1);
	transform: translateY(-50%) scale(1);
	color: var(--notech-base);
}

.service-details__need-help {
	position: relative;
	display: block;
	padding: 50px 50px 42px;
	margin-top: 30px;
	margin-bottom: 30px;
	text-align: center;
	z-index: 1;
	background-color: var(--notech-black);
}



@media only screen and (min-width: 320px) and (max-width:429px) {
	.mysite-btn1 {
		font-size: 12px !important;
		/* color: #ffffff; */
		border: 2px solid black;
		font-weight: 200;
		border: none;
		padding: 15px 10px 60px 10px;
		border-radius: 46px;
		width: 230px;
		background-color: white;
		border: 3px solid;
		/* margin-left: -30px; */
	}

	.mysite-btn2 {
		font-size: 12px !important;
		/* color: #ffffff; */
		border: 2px solid black;
		font-weight: 200;
		border: none;
		/* padding: 15px 10px 60px 10px; */
		padding: 25px 29px 26px 29px;
		border-radius: 46px;
		width: 230px;
		background-color: white;
		border: 3px solid;
		margin-left: 74px;
		margin-top: -65px;
	}
}

@media only screen and (min-width: 430px) and (max-width:2560px) {
	.mysite-btn1 {
		font-size: 16px;
		border: 2px solid black;
		font-weight: 600;
		border: none;
		padding: 25px 17px 30px 17px;
		border-radius: 46px;
		width: 235px;
		background-color: white;
		border: 3px solid;
		margin-left: 80px;
	}

	.mysite-btn2 {
		font-size: 16px;
		border: 2px solid black;
		font-weight: 600;
		border: none;
		/* padding: 25px 17px 25px 17px; */
		padding: 25px 29px 26px 29px;
		border-radius: 46px;
		width: 230px;
		background-color: white;
		border: 3px solid;
		margin-left: 180px;
		margin-top: -65px;

	}

}

/* @media only screen and (min-width: 320px) and (max-width:428px) {
	.set-bg {
		background-repeat: no-repeat;
		background-size: cover;
		width: 96% !important;
		background-position: top center;
	}
} */

element.style {
	background-image: url(img/footer-bg.jpg);
}

.footer {
	padding-top: 30px;
}


/* Bead Crumb */
.breadcrumb-navigation {
	padding: 10px 18px;
	background-color: rgb(238, 238, 238);
	text-align: right;
}

.breadcrumb-navigation>li {
	display: inline;
}

.breadcrumb-navigation>li>a {
	color: #000;
	text-decoration: none;
}

.breadcrumb-navigation>li>a:hover {
	color: #5f79fa;
	text-decoration: underline;
}

.breadcrumb-navigation li+li:before {
	padding: 4px;
	content: "/";
}

.box1 {
	/* display: inline-block; */
}

@media only screen and (min-width: 769px) and (max-width:2560px) {
	.left1 {

		background-color: #000;
		color: #fff !important;
		/* display: flex; */
		padding: 6%;
		padding: 10% 8%;
		/* align-items: center; */
	}

}

@media only screen and (min-width: 430px) and (max-width:768px) {
	.left2 {

		background-color: #000;
		color: #fff !important;
		/* display: flex; */
		padding: 6%;

		padding: 19% 10%;
		/* align-items: center; */
	}

}

@media only screen and (min-width: 320px) and (max-width:430px) {
	.left2 {
		text-align: center !important;
		background-color: #000;
		color: #fff !important;
		display: flex;
		padding: 7%;
		align-items: center;
	}
}

@media only screen and (min-width: 769px) and (max-width:2560px) {
	.left2 {

		background-color: #000;
		color: #fff !important;
		/* display: flex; */
		padding: 6%;
		padding: 19% 2%;
		/* align-items: center; */
	}

}

@media only screen and (min-width: 430px) and (max-width:768px) {
	.left1 {

		background-color: #000;
		color: #fff !important;
		/* display: flex; */


		padding: 19% 2%;
		/* align-items: center; */
	}

}

@media only screen and (min-width: 320px) and (max-width:430px) {
	.left1 {
		text-align: center !important;
		background-color: #000;
		color: #fff !important;
		display: flex;
		padding: 7%;
		align-items: center;
	}
}

.about-text {
	position: absolute;
	top: 50;
}

.right {
	background-color: #c3c3c3;
	padding: 11% 8%;
	margin-bottom: 0px;
}

.left {

	background-color: #000;
	color: #fff !important;
	/* display: flex; */
	/* padding: 2%; */
	/* padding: 19% 2%; */
	/* align-items: center; */
}

.font {
	font-weight: 700;
}

/* FLoat left icon product */
.float-left {
	float: left !important
}

.float-right {
	float: right !important
}

.float-none {
	float: none !important
}

@media (min-width: 576px) {
	.float-sm-left {
		float: left !important
	}

	.float-sm-right {
		float: right !important
	}

	.float-sm-none {
		float: none !important
	}
}

@media (min-width: 768px) {
	.float-md-left {
		float: left !important
	}

	.float-md-right {
		float: right !important
	}

	.float-md-none {
		float: none !important
	}
}

@media (min-width: 992px) {
	.float-lg-left {
		float: left !important
	}

	.float-lg-right {
		float: right !important
	}

	.float-lg-none {
		float: none !important
	}
}

@media (min-width: 1200px) {
	.float-xl-left {
		float: left !important
	}

	.float-xl-right {
		float: right !important
	}

	.float-xl-none {
		float: none !important
	}
}

.floating {
	position: fixed;
	top: 215px;
	font-size: 14px;
	right: 0px;
	border: 1px solid;
	padding: 5px;
	background-color: #ffcb0f;
	color: #000;
	font-weight: 600;
	z-index: 1000;
}

.myheading {
	font-size: 32px;
	/* color: #ffffff; */
	color: #000;
	display: block;
	font-weight: 600;
	padding: 5px 0;
	position: relative;
}

.mfontsize {
	/* font-size: 44px; */
	font-size: 35px;
	font-weight: 700;
}

.img-responsive {
	max-width: 100%;
	height: auto;

}

.img-res {
	max-width: 100%;
	height: auto;
	margin-bottom: 25px;
}

@media (min-width: 320px) and (max-width: 1024px) {
	h2 {
		/* margin-top: 25px; */
		font-size: 25px;
	}

	p {
		font-size: 18px;
	}

	/* .float-xl-right {
		float: right !important
	}

	.float-xl-none {
		float: none !important;
	} */
}

/* .required-star::after {
	content: '*';
	color: rgb(0, 0, 0);
	margin-left: 5px;
} */

.error-header {
	margin-bottom: 20px;
}

.centered-image {
	padding-left: 130px;
}

.modal-content {
	/* background-color: #815379 !important; */
	background-color: #00000030 !important;

	color: #fff !important;
	width: 90% !important;
	border-radius: 1.3rem !important;
	top: 75px !important;
}

.btn-dark {
	background-color: #fff !important;
	border-color: #fff !important;
	color: #000 !important;
}

.modal-body {
	padding: 1rem 2rem !important;
}

.white {
	color: #fff;
}

.btn-dark:hover {
	color: #fff !important;
	background-color: #23272b !important;
	border-color: #23272b !important;
	transition: all 0.5s linear;
}

.close {
	color: #fff !important;
}

.modal-header {
	border-bottom: none !important;
}

.form-control:hover {
	border: 1px solid #5595cd;
	background-color: #e6e7e9;
}

.dropdown-menu {
	display: block;
	visibility: hidden;
	opacity: 0;
	transform: translateY(50px);
	transition: .5s ease all;
}

.dropdown-menu.show {
	display: block;
	visibility: visible;
	opacity: 1;
	transform: translateY(0px);
	transition: .5s ease all;
}

.icon:hover {
	transform: rotate(180deg);
}

.icon {
	font-size: 13px;
}

.visionmision {
	font-size: 18px;
}

.mytext {
	color: #fff;
}

.margin {
	margin-left: 20px;
}

.video {
	margin-top: 80px;
}

/* Other Section */
.featured-project-section {
	padding-bottom: 0;
	/* margin-top: -143px; */
}

.featured-project-section .project-grids {
	background: url("../img/breadcrumb.png") center center/cover no-repeat local;
}

.featured-project-section .project-grids .grid {
	width: 25%;
	float: left;
	border-right: 1px solid rgba(255, 255, 255, 0.2);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-ms-transition: all 0.3s;
	transition: all 0.3s;
	overflow: hidden;
}

@media (max-width: 1199px) {
	.featured-project-section .project-grids .grid {
		width: 50%;
		border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	}
}

@media (max-width: 991px) {
	.featured-project-section .project-grids .grid {
		background-color: #000;
	}
}

@media (max-width: 600px) {
	.featured-project-section .project-grids .grid {
		width: 100%;
		float: none;
	}
}

.featured-project-section .project-grids .overlay {
	/* padding: 280px 60px 60px; */
	padding: 6px 28px 94px;
	position: relative;
	top: 60px;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
	padding-top: 40px;
}

@media (max-width: 991px) {
	.featured-project-section .project-grids .overlay {
		padding: 80px 30px 50px;
		top: 0;
	}
}

.featured-project-section .project-grids .grid:hover .overlay {
	/* background-color: #000; */
	top: 0;
}

.featured-project-section .project-grids .count {
	font-family: "Poppins", sans-serif;
	font-size: 40px;
	font-size: 2.5rem;
	font-weight: bold;
	color: #fff;
}

@media (max-width: 991px) {
	.featured-project-section .project-grids .count {
		font-size: 30px;
		font-size: 1.875rem;
	}
}

.featured-project-section .project-grids h3 {
	font-size: 22px;
	font-size: 1.375rem;
	color: #fff;
	margin-bottom: 1em;
}

@media (max-width: 991px) {
	.featured-project-section .project-grids h3 {
		font-size: 18px;
		font-size: 1.125rem;
	}
}

.featured-project-section .project-grids p {
	color: #ffffff;
	margin-bottom: 0;
	padding-bottom: 2em;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-ms-transition: all 0.3s;
	transition: all 0.3s;
}

@media (max-width: 991px) {
	.featured-project-section .project-grids p {
		font-size: 14px;
		font-size: 17px;
	}
}

.featured-project-section .project-grids .overlay>a {
	position: relative;
	top: 100px;
}

@media (max-width: 991px) {
	.featured-project-section .project-grids .overlay>a {
		top: 0;
	}
}

.featured-project-section .project-grids .grid:hover .overlay>a {
	top: 0;
}

/* Other Section2 */
.service-section {
	padding-bottom: 0px;
}

@media (max-width: 991px) {
	.service-section {
		padding-bottom: 80px;
	}
}

@media (max-width: 767px) {
	.service-section {
		padding-bottom: 70px;
	}
}

.service-section .title-text {
	text-align: right;
	padding-top: 20px;
}

@media (max-width: 991px) {
	.service-section .title-text {
		text-align: left;
		margin-bottom: 50px;
		padding-top: 0;
	}
}

.service-section .service-grids {
	margin: 0 -15px;
}

@media (max-width: 767px) {
	.service-section .service-grids {
		margin: 0 -7.5px;
	}
}

.service-section .service-grids .grid {
	width: calc(33.33% - 30px);
	float: left;
	margin: 0 15px 30px;
	padding: 20px 35px;
	text-align: center;
	-webkit-box-shadow: 0px 5px 47.2px 11.8px rgba(19, 30, 74, 0.1);
	box-shadow: 0px 5px 47.2px 11.8px rgba(19, 30, 74, 0.1);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-ms-transition: all 0.3s;
	transition: all 0.3s;
	position: relative;
	top: 0;
}

.service-section .service-grids .grid-service {
	width: calc(20.33% - 123px);
	float: left;
	margin: 0 7px 24px;
	padding: 10px 0;
	text-align: center;
	border: 2px solid #d6d5d5;
	transition: all 0.3s;
	position: relative;
}

.myservice-section .service-grids .grid {
	width: calc(33.33% - 30px);
	float: left;
	/* margin: 0 15px 30px; */
	padding: 20px 35px;
	text-align: center;
	-webkit-box-shadow: 0px 5px 47.2px 11.8px rgba(19, 30, 74, 0.1);
	box-shadow: 0px 5px 47.2px 11.8px rgba(19, 30, 74, 0.1);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-ms-transition: all 0.3s;
	transition: all 0.3s;
	position: relative;
	top: 0;
}

.myservice-section .service-grids .grid-service {
	width: calc(20.33% - 123px);
	float: left;
	margin: 0 7px 24px;
	padding: 10px 0;
	text-align: center;
	border: 2px solid #d6d5d5;
	transition: all 0.3s;
	position: relative;
}

@media (max-width: 1199px) {
	.myservice-section .service-grids .grid {
		padding: 40px 35px;
		width: calc(33.33% - 30px);
	}
}

@media (max-width: 991px) {
	.myservice-section .service-grids .grid {
		width: calc(200% - 30px);
	}
}

@media (max-width: 767px) {
	.myservice-section .service-grids .grid {
		width: calc(50% - 15px);
		padding: 30px 20px;
		margin: 0 7.5px 15px;
	}
}

@media (max-width: 600px) {
	.myservice-section .service-grids .grid {
		width: calc(100% - 15px);
		float: none;
	}
}

.myservice-section .service-grids .grid:hover {
	top: -10px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-ms-transition: all 0.3s;
	transition: all 0.3s;
}

.myservice-section .service-grids .grid>.fi:before {
	font-size: 50px;
	font-size: 3.125rem;
	color: #fc320b;
}

.myservice-section .service-grids h4 {
	font-size: 18px;
	font-size: 0.9rem;
	margin: 1em 0;
}

@media (max-width: 767px) {
	.myservice-section .service-grids h4 {
		font-size: 16px;
		font-size: 1rem;
	}
}

.myservice-section .service-grids h4 a {
	color: #131e4a;
}

.myservice-section .service-grids h4 a:hover {
	color: #fc320b;
}

.myservice-section .service-grids p {
	font-size: 15px;
	font-size: 17px;
	margin: 0 0 1em;
}

@media (max-width: 767px) {
	.myservice-section .service-grids p {
		font-size: 17px;

	}
}

.myservice-section .service-grids .read-more {
	font-size: 15px;
	font-size: 0.9375rem;
	font-weight: 500;
	color: #131e4a;
}

@media (max-width: 767px) {
	.myservice-section .service-grids .read-more {
		font-size: 14px;
		font-size: 0.875rem;
	}
}

.myservice-section .service-grids .read-more:hover {
	color: #fc320b;
}

.myservice-section .service-grids .read-more .fi:before {
	font-size: 15px;
	font-size: 0.9375rem;
}

.myservice-section .view-all {
	text-align: center;
}

.myservice-section .view-all p {
	color: #131e4a;
	margin: 25px 0 0;
}

.myservice-section .view-all a {
	text-decoration: underline;
	color: #fc320b;
}

.myservices-pg-section {
	padding-bottom: 80px;
}

@media (max-width: 991px) {
	.myservices-pg-section {
		padding-bottom: 70px;
	}
}

@media (max-width: 767px) {
	.myservices-pg-section {
		padding-bottom: 60px;
	}
}

.fountsize {
	font-size: 22px !important;
}

@media (min-width: 767px) {
	.myleft {
		margin-top: 100px !important;

	}
}

.myleft {
	padding: 16px;
}

@media (max-width: 769px) {
	.fa-chevron-down:before {
		display: none;
	}
}

/*  ---------------*/
@media (max-width: 1199px) {
	.service-section .service-grids .grid {
		padding: 40px 35px;
		width: calc(33.33% - 30px);
	}
}

@media (max-width: 991px) {
	.service-section .service-grids .grid {
		width: calc(200% - 30px);
	}
}

@media (max-width: 767px) {
	.service-section .service-grids .grid {
		width: calc(50% - 15px);
		padding: 30px 20px;
		margin: 0 7.5px 15px;
	}
}

@media (max-width: 600px) {
	.service-section .service-grids .grid {
		width: calc(100% - 15px);
		float: none;
	}
}

.service-section .service-grids .grid:hover {
	top: -10px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-ms-transition: all 0.3s;
	transition: all 0.3s;
}

.service-section .service-grids .grid>.fi:before {
	font-size: 50px;
	font-size: 3.125rem;
	color: #fc320b;
}

.service-section .service-grids h4 {
	font-size: 18px;
	font-size: 0.9rem;
	margin: 1em 0;
}

@media (max-width: 767px) {
	.service-section .service-grids h4 {
		font-size: 16px;
		font-size: 1rem;
	}
}

.service-section .service-grids h4 a {
	color: #131e4a;
}

.service-section .service-grids h4 a:hover {
	color: #fc320b;
}

.service-section .service-grids p {
	font-size: 15px;
	font-size: 17px;
	margin: 0 0 1em;
}

@media (max-width: 767px) {
	.service-section .service-grids p {
		font-size: 17px;

	}
}

.service-section .service-grids .read-more {
	font-size: 15px;
	font-size: 0.9375rem;
	font-weight: 500;
	color: #131e4a;
}

@media (max-width: 767px) {
	.service-section .service-grids .read-more {
		font-size: 14px;
		font-size: 0.875rem;
	}
}

.service-section .service-grids .read-more:hover {
	color: #fc320b;
}

.service-section .service-grids .read-more .fi:before {
	font-size: 15px;
	font-size: 0.9375rem;
}

.service-section .view-all {
	text-align: center;
}

.service-section .view-all p {
	color: #131e4a;
	margin: 25px 0 0;
}

.service-section .view-all a {
	text-decoration: underline;
	color: #fc320b;
}

.services-pg-section {
	padding-bottom: 80px;
}

@media (max-width: 991px) {
	.services-pg-section {
		padding-bottom: 70px;
	}
}

@media (max-width: 767px) {
	.services-pg-section {
		padding-bottom: 60px;
	}
}

.fountsize {
	font-size: 22px !important;
}

@media (min-width: 767px) {
	.myleft {
		margin-top: 100px !important;

	}
}

.myleft {
	padding: 16px;
}

@media (max-width: 769px) {
	.fa-chevron-down:before {
		display: none;
	}
}

/* Banner Form  */
.myform {
	/* background-color: #fff !important; */
	background-color: #0000007d !important;
	max-width: 470px;
	padding: 16px 45px;
	margin-top: 31%;
	margin-left: 46%;
	position: absolute;
	top: calc(50% - 313px);
	left: -85px;
	-webkit-box-shadow: 0px 9px 42.32px 3.68px rgba(25, 38, 62, 0.1);
	box-shadow: 0px 9px 42.32px 3.68px rgba(25, 38, 62, 0.1);
}

.myform input {
	border: 1px solid #e1dfdd;
	border-radius: 8px;
	-webkit-box-shadow: none;
	box-shadow: none;
	margin-bottom: 11px;
}

.disp {
	display: none;
}

.color-black {
	color: #000;
}

/* .color-white {
	color: #fff !important;
} */

.color-red {
	color: red;
}

.mytheme-btn {
	background-color: #fc320b;
	color: #fff;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	padding: 17px 30px;
	border: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-o-border-radius: 0;
	-ms-border-radius: 0;
	border-radius: 0;
	text-transform: uppercase;
	display: inline-block;
	line-height: initial;
	margin-top: 9px;
	width: 100%;
}

@media (max-width: 500px) {
	.myform {
		background-color: #12283b !important;
		max-width: 406px;
		padding: 16px 54px;
		margin-top: 15%;
		/* margin-left: 10%; */
		margin-left: -41%;
		position: absolute;
		top: calc(50% - 313px);
		left: -85px;
	}
}


@media ((min-width: 768px)and (max-width: 991px)) {
	.myform {
		background-color: #12283bc7 !important;
		max-width: 406px;
		padding: 16px 54px;
		margin-top: 3%;
		margin-left: 56%;
		position: absolute;
		top: calc(50% - 313px);
		left: -85px;
	}
}

@media (max-width: 1199px) {
	.service-section .service-grids .grid-service {
		padding: 40px 35px;
	}
}

@media (max-width: 991px) {
	.service-section .service-grids .grid-service {
		width: calc(210% - 30px);
	}
}

@media (max-width: 767px) {
	.service-section .service-grids .grid-service {
		width: calc(50% - 15px);
		padding: 30px 20px;
		margin: 0 7.5px 15px;
	}
}

@media (max-width: 600px) {
	.service-section .service-grids .grid-service {
		width: calc(100% - 15px);
		float: none;
	}
}

.service-section .service-grids .grid-service:hover {
	top: -10px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-ms-transition: all 0.3s;
	transition: all 0.3s;
}

.service-section .service-grids .grid-service>.fi:before {
	font-size: 50px;
	font-size: 3.125rem;
	color: #fc320b;
}

.text-dark {
	color: #000 !important;
}

.french {
	font-size: 40px !important;
}

.contactbanner {
	margin-top: -116px;
}

.rc-anchor-normal-footer {
	z-index: -1 !important;
}



.footer .footer__widget ul {
	width: 50%;
	float: left;
}

.footer .footr .myfooter__address {
	width: 50%;
	float: left;

}



/* mobile enquiry whats icon */
.col-4 {
	flex: 0 0 auto;
	width: 33.33333333%;
}

.border-right {
	border-right: 1px solid #fff;
}

.border-right {
	border-right: 1px solid #dee2e6 !important;
}

.col-4 {
	-ms-flex: 0 0 33.333333%;
	flex: 0 0 33.333333%;
	max-width: 33.333333%;
}

.col-4 {
	position: relative;
	width: 100%;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
}

.bottom-footer {
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	background-color: #2d3647;
	color: white;
	text-align: center;
	z-index: 9999;
	border-radius: 15px;
}

.bottom-footer a {
	color: #fff;
}

@media only screen and (min-width: 2560px) {
	.bottom-footer {
		display: none;
	}
}

@media only screen and (min-width: 1440px) {
	.bottom-footer {
		display: none;
	}
}

@media only screen and (min-width: 1024px) {
	.bottom-footer {
		display: none;
	}
}

.img-hover-zoom {
	height: 350px;

	overflow: hidden;

}


.img-hover-zoom img {
	transition: transform .5s ease;
}


.img-hover-zoom:hover img {
	transform: scale(1.05);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-ms-transition: all 0.3s;
	transition: all 0.3s;
}

/* crousal
@media (max-width: 768px) {
	.carousel-inner .carousel-item>div {
		display: none;
	}

	.carousel-inner .carousel-item>div:first-child {
		display: block;
	}
}

.carousel-inner .carousel-item.active,
.carousel-inner .carousel-item-next,
.carousel-inner .carousel-item-prev {
	display: flex;
}


@media (min-width: 768px) {

	.carousel-inner .carousel-item-right.active,
	.carousel-inner .carousel-item-next {
		transform: translateX(33.333%);
	}

	.carousel-inner .carousel-item-left.active,
	.carousel-inner .carousel-item-prev {
		transform: translateX(-33.333%);
	}
}

.carousel-inner .carousel-item-right,
.carousel-inner .carousel-item-left {
	transform: translateX(0);
} */
/*
    code by Iatek LLC 2018 - CC 2.0 License - Attribution required
    code customized by Azmind.com
*/
@media (min-width: 768px) and (max-width: 991px) {

	/* Show 4th slide on md if col-md-4*/
	.carousel-inner .active.col-md-4.carousel-item+.carousel-item+.carousel-item+.carousel-item {
		position: absolute;
		top: 0;
		right: -33.3333%;
		/*change this with javascript in the future*/
		z-index: -1;
		display: block;
		visibility: visible;
	}
}

@media (min-width: 576px) and (max-width: 768px) {

	/* Show 3rd slide on sm if col-sm-6*/
	.carousel-inner .active.col-sm-6.carousel-item+.carousel-item+.carousel-item {
		position: absolute;
		top: 0;
		right: -50%;
		/*change this with javascript in the future*/
		z-index: -1;
		display: block;
		visibility: visible;
	}
}

@media (min-width: 576px) {
	.carousel-item {
		margin-right: 0;
	}

	/* show 2 items */
	.carousel-inner .active+.carousel-item {
		display: block;
	}

	.carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left),
	.carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left)+.carousel-item {
		transition: none;
	}

	.carousel-inner .carousel-item-next {
		position: relative;
		transform: translate3d(0, 0, 0);
	}

	/* left or forward direction */
	.active.carousel-item-left+.carousel-item-next.carousel-item-left,
	.carousel-item-next.carousel-item-left+.carousel-item,
	.carousel-item-next.carousel-item-left+.carousel-item+.carousel-item {
		position: relative;
		transform: translate3d(-100%, 0, 0);
		visibility: visible;
	}

	/* farthest right hidden item must be also positioned for animations */
	.carousel-inner .carousel-item-prev.carousel-item-right {
		position: absolute;
		top: 0;
		left: 0;
		z-index: -1;
		display: block;
		visibility: visible;
	}

	/* right or prev direction */
	.active.carousel-item-right+.carousel-item-prev.carousel-item-right,
	.carousel-item-prev.carousel-item-right+.carousel-item,
	.carousel-item-prev.carousel-item-right+.carousel-item+.carousel-item {
		position: relative;
		transform: translate3d(100%, 0, 0);
		visibility: visible;
		display: block;
		visibility: visible;
	}
}

/* MD */
@media (min-width: 768px) {

	/* show 3rd of 3 item slide */
	.carousel-inner .active+.carousel-item+.carousel-item {
		display: block;
	}

	.carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left)+.carousel-item+.carousel-item {
		transition: none;
	}

	.carousel-inner .carousel-item-next {
		position: relative;
		transform: translate3d(0, 0, 0);
	}

	/* left or forward direction */
	.carousel-item-next.carousel-item-left+.carousel-item+.carousel-item+.carousel-item {
		position: relative;
		transform: translate3d(-100%, 0, 0);
		visibility: visible;
	}

	/* right or prev direction */
	.carousel-item-prev.carousel-item-right+.carousel-item+.carousel-item+.carousel-item {
		position: relative;
		transform: translate3d(100%, 0, 0);
		visibility: visible;
		display: block;
		visibility: visible;
	}
}

/* LG */
@media (min-width: 991px) {

	/* show 4th item */
	.carousel-inner .active+.carousel-item+.carousel-item+.carousel-item {
		display: block;
	}

	.carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left)+.carousel-item+.carousel-item+.carousel-item {
		transition: none;
	}

	/* Show 5th slide on lg if col-lg-3 */
	.carousel-inner .active.col-lg-3.carousel-item+.carousel-item+.carousel-item+.carousel-item+.carousel-item {
		position: absolute;
		top: 0;
		right: -25%;
		/*change this with javascript in the future*/
		z-index: -1;
		display: block;
		visibility: visible;
	}

	/* left or forward direction */
	.carousel-item-next.carousel-item-left+.carousel-item+.carousel-item+.carousel-item+.carousel-item {
		position: relative;
		transform: translate3d(-100%, 0, 0);
		visibility: visible;
	}

	/* right or prev direction //t - previous slide direction last item animation fix */
	.carousel-item-prev.carousel-item-right+.carousel-item+.carousel-item+.carousel-item+.carousel-item {
		position: relative;
		transform: translate3d(100%, 0, 0);
		visibility: visible;
		display: block;
		visibility: visible;
	}
}

.check {
	margin: 17px 0px 0px -48px;
}

.events {
	padding: 18px 1px !important;
	/* background-color: ; */
}

.blink_me {
	animation: blinker 1.2s linear infinite;
	font-size: 16px;
	/* color: #ffffff; */
	/* color: #000; */
	display: block;
	font-weight: 600;
	/* padding: 12px 0; */
	position: relative;
	text-decoration: none;
}

.vbtn {
	font-size: 16px;
	color: #ffffff !important;
	background: #000;
	font-weight: 600;
	border: none;
	display: inline-block;
	padding: 14px 20px !important;
	border-radius: 1%;
}

@keyframes blinker {
	50% {
		opacity: 0;
	}
}