/*
================================================
/* Table of Content
==================================================

1. Fonts - Roboto and Lato
2. Common CSS
3. Loader CSS
4. Top Wrapper
5. Header Inner
6. Home Services Wrapper
7. Counters Wrapper
8. Award Winning Wrapper
9. Our Best Garden Wrapper
10. Home Services Wrapper
11. Our Testimonials Wrapper
12. Call to Action
13. House Design Wrapper
14. Inner Page Banner Wrapper
15. Breadcromb Text
16. Inner Page Wrapper
17. About Us Page
18. Services Page
19. Gallery Page
20. Our Team
21. FAQ
22. 404 Page
23. Coming Soon Wrapper
24. Single Blog Wrapper
25. Contact Wrapper
26. Footer Wrapper
27. Media Quires 

/*
================================================
1. Fonts - Roboto and Lato
================================================
*/
@import url('https://fonts.googleapis.com/css?family=Roboto+Slab:400,700|Roboto:300,400,500,700');
@import url('../css/meanmenu.css');
@import url('../css/owl.css');
@import url('../css/animate.css');
@import url('../css/magnific-popup.css');
@import url('../css/font-awesome.min.css');
@import url('../css/et-line.css');
/*
================================================
2. Common CSS
================================================
*/
* {
	margin: 0;
	padding: 0;
}
body {
	font-family: 'Roboto', sans-serif;
	font-size: 15px;
	line-height: 1.57143;
	font-weight: 400;
	color: #2d2e2e;
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'Roboto Slab', sans-serif;
	margin-top: 0;
}
a {
	color: #2d2e2e;
	transition: all 0.3s ease 0s;
}
a:hover {
	color: #242c42;
	text-decoration: none;
}
a, a:hover, a:active, a:focus {
	outline: none;
	text-decoration: none;
}
.btn, .btn * {
	transition: all 0.3s ease 0s;
}
.bg-dark-1 {
	background: #242c42;
}
.bg-white {
  background-color: #ffffff;
  color: #3d4051;
}
i {
	transition: all 0.4s ease-in-out 0s;
}
.transition3s {
	transition: all 0.3s ease-in-out 0s;
}
ul, li {
	list-style: outside none none;
}
.bg-img {
  background-position: center center;
  background-size: cover; }

.width-55 {
  width: 55%;
}
.no-padding {
  padding:0 !important;
}
.padding-four-all {
  padding: 4%;
}
.bg-light-grey {
  background-color: rgba(0, 0, 0, 0.5);
}
.absolute-middle-center {
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
}
.space-30 {
	padding-top: 30px;
	padding-bottom: 30px;
}
.m-bot-40 {
	margin-bottom: 40px;
}
.m-top-40 {
	margin-top: 40px;
}
.m-top-20 {
	margin-top: 20px;
}
.border-none {
  border:none !important;
}
.pad-bottom-0 {
	padding-bottom: 0 !important;
}
ul {
	list-style: outside none none;
	margin: 0;
	padding: 0;
}
section {
	float: left;
	width: 100%;
	padding: 60px 0;
}
.section-title {
	margin-bottom: 40px;
}
.section-title p {
	font-size: 16px;
	margin-bottom: 5px;
}
.section-title h2 {
	font-size: 45px;
	font-weight: 300;
	margin-top: 0;
	position: relative;
	text-transform: capitalize;
	text-align:center;
	color:#6b2b33;
}
.section-title span::before {
	position: absolute;
	content: '';
	background: #2d2d2d;
	height: 7px;
	width: 7px;
	left: 13px;
	top: 0;
	border-radius: 50%;
}
.section-title span {
	background: #2d2d2d;
	height: 7px;
	width: 7px;
	display: block;
	margin: auto;
	margin-top: 20px;
	margin-bottom: 20px;
	position: relative;
	border-radius: 50%;
}
.section-title span::after {
	position: absolute;
	content: '';
	background: #2d2d2d;
	height: 7px;
	width: 7px;
	right: 13px;
	top: 0;
	border-radius: 50%;
}
#scrollUp {
	background: #6b2b33;
	border-radius: 50%;
	bottom: 100px;
	color: #fff;
	display: block;
	font-size: 25px;
	height: 40px;
	line-height: 0;
	position: fixed;
	right: 20px;
	text-align: center;
	text-decoration: none !important;
	transition: all 0.5s cubic-bezier(0, 0, 0, 1) 0s;
	width: 40px;
	z-index: 1000;
	border-bottom: 3px solid #945159;
}
#scrollUp:hover {
	background: #000;
	border-bottom: 3px solid #77333c;
	color: #fff;
}
#scrollUp i {
	display: block;
	padding-top: 5px;
}
.no-padding {
	padding: 0;
}
.readmore {
	color: #6b2b33;
	font-weight: 400;
	text-transform: capitalize;
	text-decoration: none;
	display: inline-block;
	margin-top: 10px;
	position: relative
}
.readmore:after {
	content: '>>';
	position: absolute;
	font-size: 13px;
	right: 0;
	bottom: 0;
	opacity: 0;
	transition: all .3s ease
}
.readmore:hover:after {
	right: -20px;
	opacity: 1
}
.clearfix {
	clear:both;
}
/* Overlay styles */
.overlay-style-one {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	overflow: hidden;
	transform: rotateX(150deg);
	transition: all 500ms ease;
	background-color: rgba(0, 0, 0, 0.70);
}
.overlay-style-one .box {
	display: table;
	height: 100%;
	width: 100%;
}
.overlay-style-one .box .content {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}
.overlay-style-one .box .content a {
}
/* Button Effects */
.btn-one {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	position: relative;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
	border-radius: 0;
	padding: 11px 40px 12px;
	font-size: 19px;
	color: #fff;
	font-weight: 500;
	background: #a6a414;
	border: none;
}
.btn-one:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #000;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: 0 50%;
	transform-origin: 0 50%;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}
.btn-one:hover, .btn-one:focus, .btn-one:active {
	color: #fff;
}
.btn-one:hover:before, .btn-one:focus:before, .btn-one:active:before {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
	-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
	transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
/*
================================================
3. Loader CSS
================================================
*/
#dvLoading {
	background: url(../images/loader.gif) no-repeat center center #fff;
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 9999999;
}
/*
================================================
4. Loader CSS
================================================
*/
.header-top {
	padding: 0;
	position: relative;
}
.header-top:before {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 44px;
	content: "";
	background-color: #6b2b33;
	opacity: .8;
}
.header-contact {
  padding: 15px 0 0;
}
@media only screen and (max-width: 767px) {
.header-top:before {
	height: 100%;
}
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
.header-top:before {
	height: 46px;
}
}
.header-contact ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

@media only screen and (max-width: 767px) {
.header-contact ul {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-bottom: 5px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.header-contact ul {
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	margin-bottom: 0px;
}
}
.header-contact ul li {
	color: #fff;
	font-size: 14px;
	font-weight: 500;
	margin-right: 48px;
	line-height: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
@media only screen and (max-width: 767px) {
.header-contact ul li {
	margin-right: 18px;
	font-size: 12px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.header-contact ul li {
	font-size: 14px;
}
}
.header-contact ul li i {
	font-size: 15px;
	margin-right: 10px;
}
.header-contact ul li:last-child {
	margin-right: 0px;
}
.header-contact ul li a {
	color: #fff;
}
.header-contact ul li a:hover {
	color: #eaeaea;
}
.social-icons {
	float: right;
}
.social-icons_list {
  float: left;
  margin-bottom: 0;
  width: 100%;
}
.social-icons_list li {
  border-right: 1px solid #616161;
  float: left;
  margin-right: 0;
}
.social-icons .social-icons_list li:hover {
  background-color:#893e48;
}
.social-icons_list li a {
  color: #ffffff;
  display: inline-block;
  text-align: center;
  padding: 10px 15px;  
}
.logo {
	margin-top: 18px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.logo {
	margin-top: 0px;
}
}
@media only screen and (max-width: 767px) {
.logo {
	margin-top: 0px;
}
}
.menu-cart-wrap {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
.menu-cart-wrap {
	margin-right: 38px;
}
}

@media only screen and (max-width: 767px) {
.menu-cart-wrap {
	margin-right: 38px;
}
}
.main-menu nav ul li {
	display: inline-block;
	margin-left: 20px;
	position: relative;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
.main-menu nav ul li {
	margin-left: 15px;
}
}
.main-menu nav ul li ul.submenu {
	background: #fff none repeat scroll 0 0;
	-webkit-box-shadow: 0 0 7px 0.5px rgba(0, 0, 0, 0.15);
	box-shadow: 0 0 7px 0.5px rgba(0, 0, 0, 0.15);
	display: block;
	left: 0;
	padding: 20px 0px 22px;
	position: absolute;
	top: 100%;
	-webkit-transform: rotateX(90deg);
	transform: rotateX(90deg);
	-webkit-transform-origin: center top 0;
	-ms-transform-origin: center top 0;
	transform-origin: center top 0;
	-webkit-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
	visibility: hidden;
	width: 190px;
	z-index: 999;
}
.main-menu nav ul li ul.submenu li {
	display: block;
	padding: 0 20px;
	margin-left: 0px;
}
.main-menu nav ul li ul.submenu li a {
	color: #333;
	display: block;
	font-size: 14px;
	font-weight: 400;
	line-height: 32px;
	text-align: left;
	text-transform: capitalize;
	padding-top: 0px;
}
.main-menu nav ul li ul.submenu li a:hover {
	color: #00a651;
}
.main-menu nav ul li ul.submenu li a::before {
	background: #00a651 none repeat scroll 0 0;
	border-radius: 50%;
	content: "";
	height: 7px;
	left: 15px;
	opacity: 0;
	position: absolute;
	top: 13px;
	-webkit-transition: all 0.3s ease-in-out 0s;
	-o-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
	width: 7px;
	z-index: 999;
}
.main-menu nav ul li ul.submenu li:hover a::before {
	opacity: 1;
}
.main-menu nav ul li ul.submenu li:hover a {
	padding-left: 12px;
}
.main-menu nav ul li:hover > ul.submenu {
	-webkit-transform: rotateX(0deg);
	transform: rotateX(0deg);
	visibility: visible;
}
 > .main-menu nav ul li:first-child {
 margin-left: 0px;
}
.main-menu nav ul li:hover a, .main-menu nav ul li.active a {
	color: #a6a414;
}
.main-menu nav ul li a {
	font-size: 14px;
	color: #333;
	text-transform: uppercase;
	display: inline-block;
	line-height: 87px;
	font-weight:600;
	letter-spacing:1px;
}
.main-menu nav ul li a i {
	color: #00a651;
	font-size: 12px;
	margin-left: 9px;
}
.main-menu nav ul li.mega-menu-position {
	position: static;
}
.main-menu nav ul li.mega-menu-position ul.mega-menu {
	background-color: #fff;
	display: block;
	left: 0;
	padding: 33px 30px 30px 0;
	position: absolute;
	text-align: left;
	top: 100%;
	-webkit-transform: rotateX(90deg);
	transform: rotateX(90deg);
	-webkit-transform-origin: center top 0;
	-ms-transform-origin: center top 0;
	transform-origin: center top 0;
	-webkit-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
	visibility: hidden;
	width: 100%;
	z-index: 999;
	-webkit-box-shadow: 0 1px 7px -2px rgba(0, 0, 0, 0.3);
	box-shadow: 0 1px 7px -2px rgba(0, 0, 0, 0.3);
}
.main-menu nav ul li.mega-menu-position ul.mega-menu > li {
	display: inline-block;
	float: left;
	padding-left: 60px;
	margin-left: 0;
	width: 25%;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
.main-menu nav ul li.mega-menu-position ul.mega-menu > li {
	padding-left: 30px;
}
}
.main-menu nav ul li.mega-menu-position ul.mega-menu > li ul li.mega-menu-title {
	float: inherit;
	width: 100%;
}
.main-menu nav ul li.mega-menu-position ul.mega-menu > li ul li.mega-menu-title a {
	color: #242424;
	margin: 0 0 10px;
	text-transform: uppercase;
}
.main-menu nav ul li.mega-menu-position ul.mega-menu > li ul li.mega-menu-title a::before {
	display: none;
}
.main-menu nav ul li.mega-menu-position ul.mega-menu > li ul li.mega-menu-title:hover a {
	padding-left: 0px;
}
.main-menu nav ul li.mega-menu-position ul.mega-menu > li ul li {
	display: block;
	float: inherit;
	padding: 0px;
}
.main-menu nav ul li.mega-menu-position ul.mega-menu > li ul li a {
	color: #333;
	display: block;
	font-size: 14px;
	font-weight: 400;
	line-height: 32px;
	text-align: left;
	text-transform: capitalize;
	padding-top: 0px;
}
.main-menu nav ul li.mega-menu-position ul.mega-menu > li ul li a:hover {
	color: #00a651;
}
.main-menu nav ul li.mega-menu-position ul.mega-menu > li ul li a::before {
	background: #00a651 none repeat scroll 0 0;
	border-radius: 50%;
	content: "";
	height: 7px;
	left: 0px;
	opacity: 0;
	position: absolute;
	top: 13px;
	-webkit-transition: all 0.3s ease-in-out 0s;
	-o-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
	width: 7px;
	z-index: 999;
}
.main-menu nav ul li.mega-menu-position ul.mega-menu > li ul li:hover a::before {
	opacity: 1;
}
.main-menu nav ul li.mega-menu-position ul.mega-menu > li ul li:hover a {
	padding-left: 12px;
}
.main-menu nav ul li.mega-menu-position:hover > ul.mega-menu {
	-webkit-transform: rotateX(0deg);
	transform: rotateX(0deg);
	visibility: visible;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
.main-menu {
	display: none;
}
}

@media only screen and (max-width: 767px) {
.main-menu {
	display: none;
}
}
.mobile-menu-area {
	display: none;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
.mobile-menu-area {
	display: block;
}
}

@media only screen and (max-width: 767px) {
.mobile-menu-area {
	display: block;
}
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
.mobile-menu-area {
	display: block;
}
}
.mean-container a.meanmenu-reveal {
	top: -42px;
}
#mobile-menu-active {
	display: none;
}
.mobile-menu .mean-nav ul.menu-overflow {
	height: 215px;
	margin-top: 10;
	overflow-y: auto;
}
.mobile-menu.mean-container .mean-nav ul {
	margin: 14px 0 0;
}
/*
================================================
5. Main Slider
================================================
*/
.main-slider {
	position: relative;
	padding:0;
}
.main-slider .slide {
	position: relative;
	padding: 235px 0px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}
.main-slider .slide:before {
	position: absolute;
	content: '';
	background: rgba(0, 0, 0, 0.4);
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
}
.main-slider h1 {
	position: relative;
	text-transform: uppercase;
	opacity: 0;
	margin-bottom: 30px;
	-webkit-transition: all 1000ms ease;
	-moz-transition: all 100ms ease;
	-ms-transition: all 1000ms ease;
	-o-transition: all 1000ms ease;
	transition: all 1000ms ease;
	-webkit-transform: translateY(50px);
	-moz-transform: translateY(50px);
	-ms-transform: translateY(50px);
	-o-transform: translateY(50px);
	transform: translateY(50px);
	font-size:2rem;
}
.main-slider .active h1 {
	opacity: 1;
	color:#fff;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	transition-delay: 1300ms;
}
.main-slider .tp-btn {
	position: relative;
	opacity: 0;
	-webkit-transition: all 1000ms ease;
	-moz-transition: all 100ms ease;
	-ms-transition: all 1000ms ease;
	-o-transition: all 1000ms ease;
	transition: all 1000ms ease;
	-webkit-transform: translateY(50px);
	-moz-transform: translateY(50px);
	-ms-transform: translateY(50px);
	-o-transform: translateY(50px);
	transform: translateY(50px);
}
.main-slider .active .tp-btn {
	opacity: 1;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	transition-delay: 1000ms;
}
.main-slider .owl-dots {
	display: none !important;
}
.main-slider .owl-nav {
	position: absolute;
	left: 0px;
	top: 50%;
	z-index: 1;
	width: 100%;
	margin-top: -20px;
}
.owl-carousel .owl-controls .owl-nav .owl-prev {
  position: absolute;
  right: 0;
  top: 50%;
}
.main-slider .owl-carousel .owl-controls .owl-nav .owl-prev {
	left: 50px;
}
.owl-carousel .owl-controls .owl-nav .owl-next {
  position: absolute;
  right: 0;
  top: 50%;
}
.main-slider .owl-carousel .owl-controls .owl-nav .owl-next {
	right: 50px;
}
/*
================================================
6. About Us
================================================
*/
.about-items img {
  width:100%;
}
.about-content ul {
	margin:0 0 20px 15px;
	list-style:disc;
	float:left;
	width:100%;
}
.about-content ul li {
	list-style:disc;
	width:40%;	
	float:left;
}
/*
================================================
7. Our Services
================================================
*/
.our-services-wrapper {
   background:#f7f9f8	
}
.our-services-wrapper .section-title {
	margin-bottom: 0;
}
/** Service block Item **/
.our-services-wrapper .box-shadow-block {
	margin-top:40px;
}
.box-shadow-block {
	-webkit-box-shadow: 0px 0px 32px 0px rgba(122,122,122,0.1);
	-moz-box-shadow: 0px 0px 32px 0px rgba(122,122,122,0.1);
	-ms-box-shadow: 0px 0px 32px 0px rgba(122,122,122,0.1);
	-o-box-shadow: 0px 0px 32px 0px rgba(122,122,122,0.1);
	box-shadow: 0px 0px 32px 0px rgba(122,122,122,0.1);
	-webkit-transition: box-shadow 0.3s, transform 0.3s;
	-moz-transition: box-shadow 0.3s, transform 0.3s;
	-ms-transition: box-shadow 0.3s, transform 0.3s;
	-o-transition: box-shadow 0.3s, transform 0.3s;
	transition: box-shadow 0.3s, transform 0.3s;
	padding: 0;
	background: #fff;
	position: relative;
}

.box-shadow-block:hover,
.box-shadow-block:focus,
.box-shadow-block:active {
	-webkit-box-shadow: 1px 4px 20px -2px rgba(0,0,0,0.2);
	box-shadow: 1px 4px 20px -2px rgba(0,0,0,0.2);
	transform: translateY(-8px);
}
.box-shadow-block:before {
	pointer-events: none;
	position: absolute;
	z-index: -1;
	content: '';
	top: 100%;
	left: 5%;
	height: 10px;
	width: 90%;
	opacity: 0;
	background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
	background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform, opacity;
	transition-property: transform, opacity;
}
.box-shadow-block:hover:before, .box-shadow-block:focus:before, .box-shadow-block:active:before {
	opacity: 1;
	-webkit-transform: translateY(5px);
	transform: translateY(5px);
}
.our-services-wrapper .service-block-inner {
	position: relative;
	z-index: 9;
	padding: 35px 30px;
	background-color: #fff;
	text-align: center;
	min-height:440px;
}
.our-services-wrapper .service-item-title {
	margin-bottom: 10px;
}
.our-services-wrapper .service-item-title a {
	color:#6b2b33;
}
.our-services-wrapper .service-block-item a.service-icon {
	background: #f5f5f5;
	line-height: 0.6;
	transition: transform 0.2s ease 0s, opacity 0.2s ease 0s;
	font-size: 28px;
	color: #000;
	text-align: center;
	border-radius: 100%;
	margin: 0 auto 20px;
	position: relative;
	display: inline-block;
	height: 75px;
	width: 75px;
	line-height:75px;
}
.our-services-wrapper .service-icon-shadow {
	display: block;
	position: absolute;
	left: 30px;
	top: 10px;
	font-size: 140px;
	color: #f7f7f7;
	z-index: -1;
	line-height: 1;
}
/*
================================================
8. Social Service
================================================
*/
.our-gallery-wrapper {
	float: left;
	width: 100%;
	padding: 60px 0 0;
}
.glry-img {
	width: 25%;
	float: left;
	position: relative;
	overflow: hidden;
	cursor: pointer;
}
.glry-layer, .glry-img img {
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
	width:100%;
}
.glry-img:hover img {
	-webkit-transform: scale(1.3) rotate(10deg);
	transform: scale(1.3) rotate(10deg);
}
.glry-img:hover .glry-layer a {
	-webkit-animation: galryview 1s linear infinite;
	animation: galryview 1s linear infinite;
}
@-webkit-keyframes galryview {
 0% {
 -webkit-transform: translate(-50%, -50%) rotate(0deg);
 transform: translate(-50%, -50%) rotate(0deg);
}
 50% {
 -webkit-transform: translate(-50%, -50%) rotate(180deg);
 transform: translate(-50%, -50%) rotate(180deg);
}
 100% {
 -webkit-transform: translate(-50%, -50%) rotate(360deg);
 transform: translate(-50%, -50%) rotate(360deg);
}
}
@keyframes galryview {
 0% {
 -webkit-transform: translate(-50%, -50%) rotate(0deg);
 transform: translate(-50%, -50%) rotate(0deg);
}
 50% {
 -webkit-transform: translate(-50%, -50%) rotate(180deg);
 transform: translate(-50%, -50%) rotate(180deg);
}
 100% {
 -webkit-transform: translate(-50%, -50%) rotate(360deg);
 transform: translate(-50%, -50%) rotate(360deg);
}
}
.glry-img:hover .glry-layer {
	visibility: visible;
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.glry-img:hover .glry-layer:after {
	width: 100%;
}
.glry-layer, .glry-layer a, .glry-layer:after, .glry-layer a:after, .glry-layer a:before {
	position: absolute;
}
.glry-layer {
	height: 80%;
	width: 80%;
	background: rgba(0, 0, 0, 0.7);
	top: 0;
	left: 0;
	visibility: hidden;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.glry-layer, .glry-layer a, .glry-layer a:after, .glry-layer a:before {
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.glry-layer a {
	height: 40px;
	width: 40px;
	line-height: 40px;
	display: block;
	border-radius: 50%;
	background: #fff;
	z-index: 1;
}
.glry-layer a:after, .glry-layer a:before {
	content: '';
	background: #212121;
}
.glry-layer a:after {
	height: 20px;
	width: 2px;
}
.glry-layer a:before {
	height: 2px;
	width: 20px;
}

.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
	cursor: pointer;
	margin: 0 9px 0 0;
}
/*
================================================
9. About Us
================================================
*/
.page-title {
	position: relative;
	width: 100%;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	padding: 73px 0px 72px 0px;
}
.page-title .title {
	position: relative;
	font-size: 48px;
	line-height: 55px;
	color: #fff;
	font-weight: 500;
}
.breadcromb-overlay {
	background: rgba(0, 33, 71, 0.65);
	height: 100%;
	position: absolute;
	top: 0;
	width: 100%;
}
/*
================================================
10. Bread Crumb
================================================
*/
.bread-crumb {
	position: relative;
	background: #f7f7f7;
	padding: 18px 0px 16px 0px;
	box-shadow: 0 0px 5px 0px rgba(0, 0, 0, 0.3);
}
.bread-crumb a {
	position: relative;
	display: inline-block;
	font-size: 16px;
	line-height: 25px;
	color: #222;
	font-weight: 600;
}
.bread-crumb .list {
	position: relative;
	display: inline-block;
	float: left;
}
.bread-crumb .list li {
	position: relative;
	display: inline-block;
	font-size: 16px;
	font-weight: 600;
	padding-right: 15px;
	margin-right: 2px;
}
.bread-crumb .list li:last-child{
  padding-right: 0px;
  margin-right: 0px;
  color:#a6a414;
}
.bread-crumb .list li:first-child:before{
  position: absolute;
  content: '/';
  font-size: 16px;
  right: 0px;
  top: 1px;
}
/*
================================================
11. Ineer Wrapper
================================================
*/
.inner-wrapper {
	float: left;
	width: 100%;
	background: #fff;
	padding: 60px 0
}
.address a {
	color:#6b2b33;
}
/*
================================================
12. Contact Us
================================================
*/
#contact-form  {
	margin:20px 0 0;
	float:left;
}
.contact-form input, .contact-form textarea {
	width: 100%;
	background: transparent;
	border: 1px solid #ccc;
	margin-bottom: 30px;
	padding: 10px;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	border-radius:0;
	box-shadow:none;
}
.contact-form textarea {
	height: 150px;
	max-width: 100%;
}
.contact-info {
	position: relative;
	border-left-width: 0px;
	border-left-style: solid;
	padding: 50px 30px 20px;
	background: #F7F7F7;
}
.contact-info h3 {
	margin-bottom: 20px;
}
.contact-line i {
	font-size: 16px;
	margin-right: 5px;
}
.contact-line h4 {
	display: inline-block;
	font-size: 18px;
	margin-bottom: 10px;
}
.single-contact {
	margin-bottom: 30px;
}
#successmsg {
	margin: 15px 0 0;
	border: 2px solid #1a910a;
	padding: 5px;
	text-align: center;
}
#errormsg {
	margin: 15px 0 0;
	border: 2px solid #ff0000;
	padding: 5px;
	text-align: center;
}
.hidden {
	display: none !important;
}
/*
================================================
13. Footer
================================================
*/
footer {
   padding:15px 10px;
   text-align:center;
   float:left;
   width:100%;
   background: #f7f7f7;
   padding: 18px 0px 16px 0px; 
}
footer.one {
   position:absolute;
   bottom:0;	
}
footer p {
   margin:0;
   color:#333;
}
/** Responsive **/
@media (min-width: 1200px) and (max-width: 1399px) { 

}
@media (min-width: 992px) and (max-width: 1199px) { 

}
@media (min-width: 768px) and (max-width: 991px) {
	
}
@media (max-width:767px) {
/** Header Top **/	
.social-icons {
  float:none;
  display:inline-block;
  margin:5px 0;
  width:100%;
  text-align:center;
}	
.social-icons_list li {
  border:none;
  float:none;
  display:inline-block;
}
.header-bottom {
  padding:10px 0;
}
/** Banner **/	
.main-slider .owl-nav .owl-prev,
.main-slider .owl-nav .owl-next  {
  display:none !important;
}
.main-slider .slide {
  padding: 100px 0px;
}
.main-slider h1 {
  font-size:45px;
}
/** About **/	
.about-items {
  margin:0 0 20px;
}
.about-content ul li {
	width:100%;
}
/** Services **/	
.our-services-wrapper .service-block-inner {
	min-height:auto;
}
/** Gallery **/	
.glry-img {
	width: 100%;
}
/** Footer **/
footer.one {
   position:inherit;
}
footer {
   font-size:13px;
   padding:15px 10px;   
}
}