/* kanstr Construction HTML Template*/

/************ TABLE OF CONTENTS ***************
1. Fonts
2. Reset
3. Global
4. Main Header / Style Two / Style Three
5. Main Slider / Two / Three
6. About Section / Two
7. Services Section / Two / Three
8. Counter Section / Two
9. Skill Section
10. Project Section / Two
11. CTA Section / Two / Three
12. Testimnial Section / Two
13. Team Section / Two
14. News Section / Two / Three
15. Clients Section
16. Newsletter Section
17. Main Footer Section / Two
18. Goal Section
19. Process Section
20. Quote Section
21. Faq Section
22. Price Section
23. Clients Section
24. Choose Section
25. Page Title Section
26. Faq's Section
27. Price Section
28. Team Section
29. Team Detail Section
30. Testimonial Section
31. Coming Soon Section
32. Terms & Condition
33. Privacy Policy
34. Service Detail Section
35. Project Detail Section
36. Our Blogs
37. Blog Sidebar Widgets
38. Our Shops
39. Cart Section
40. Checkout Section
41. LOgin / Register Section
42. Contact Form Section
43. Map Section
44. Contact Info Section

**********************************************/

/* 

	font-family: 'Montserrat', sans-serif;
	font-family: 'Roboto', sans-serif;

 */

@import url("font-awesome.css");
@import url("flaticon.css");
@import url("animate.css");
@import url("owl.css");
@import url("jquery-ui.css");
@import url("custom-animate.css");
@import url("jquery.fancybox.min.css");
@import url("jquery.bootstrap-touchspin.css");
@import url("jquery.mCustomScrollbar.min.css");

/*** 

====================================================================
	Reset
====================================================================

 ***/

* {
  margin: 0px;
  padding: 0px;
  border: none;
  outline: none;
}

/*** 

====================================================================
	Global Settings
====================================================================

 ***/

body {
  font-size: 14px;
  color: #777777;
  line-height: 1.7em;
  font-weight: 400;
  background: #ffffff;
  font-family: "Roboto", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
}

.bordered-layout .page-wrapper {
  padding: 0px 50px 0px;
}

a {
  text-decoration: none;
  cursor: pointer;
  color: #f26a42;
}

button {
  cursor: pointer;
  text-decoration: none;
  outline: none !important;
}

a:hover,
a:focus,
a:visited {
  text-decoration: none;
  outline: none !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  position: relative;
  font-weight: normal;
  margin: 0px;
  background: none;
  line-height: 1.6em;
  font-family: "Montserrat", sans-serif;
}

input,
button,
select,
textarea {}

textarea {
  overflow: hidden;
}

p {
  position: relative;
  line-height: 1.8em;
}

.auto-container {
  position: static;
  max-width: 1200px;
  padding: 0px 15px;
  margin: 0 auto;
}

.medium-container {
  max-width: 850px;
}

.page-wrapper {
  position: relative;
  margin: 0 auto;
  width: 100%;
  min-width: 300px;
}

ul,
li {
  list-style: none;
  padding: 0px;
  margin: 0px;
}

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

.theme-btn {
  display: inline-block;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}

.centered {
  text-align: center;
}

/* Typography */

h1 {
  position: relative;
  font-size: 72px;
  font-weight: 700;
  line-height: 1.1em;
}

h2 {
  position: relative;
  font-size: 33px;
  font-weight: 700;
  line-height: 1.5em;
}

h3 {
  position: relative;
  color: #222222;
  font-size: 28px;
  font-weight: 700;
  line-height: 1.3em;
}

h4 {
  position: relative;
  font-size: 24px;
  color: #222222;
  line-height: 1.3em;
  font-weight: 700;
}

h5 {
  position: relative;
  font-size: 20px;
  color: #222222;
  font-weight: 700;
  line-height: 1.3em;
}

h6 {
  position: relative;
  font-size: 18px;
  color: #222222;
  font-weight: 700;
  line-height: 1.3em;
}

/* List Style One */

.list-style-one {
  position: relative;
}

.list-style-one li {
  position: relative;
  color: #ffffff;
  font-size: 14px;
  padding-left: 30px;
  font-weight: 400;
  line-height: 1.6em;
  margin-bottom: 20px;
}

.list-style-one li .icon {
  position: absolute;
  left: 0px;
  top: 5px;
  color: #f05626;
  font-size: 18px;
  line-height: 1em;
  font-weight: 300;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

/* List Style Two */

.list-style-two {
  position: relative;
}

.list-style-two li {
  position: relative;
  color: #ffffff;
  font-size: 16px;
  padding-left: 30px;
  font-weight: 400;
  line-height: 1.6em;
  margin-bottom: 12px;
}

.list-style-two li .icon {
  position: absolute;
  left: 0px;
  top: 5px;
  color: #f26a42;
  font-size: 18px;
  line-height: 1em;
  font-weight: 300;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.list-style-two li a {
  position: relative;
  color: #ffffff;
}

/*new Code*/

.list-style {
  position: relative;
}

.list-style li {
  position: relative;
  color: #000;
  font-size: 16px;
  padding-left: 30px;
  font-weight: 400;
  line-height: 1.6em;
  margin-bottom: 12px;
}

.list-style li .icon {
  position: absolute;
  left: 0px;
  top: 5px;
  color: #f26a42;
  font-size: 18px;
  line-height: 1em;
  font-weight: 300;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.list-style li a {
  position: relative;
  color: #000;
}

/* List Style Three */

.list-style-three {
  position: relative;
}

.list-style-three li {
  position: relative;
  color: #555555;
  font-size: 16px;
  padding-left: 30px;
  font-weight: 400;
  line-height: 1.6em;
  margin-bottom: 12px;
}

.list-style-three li:before {
  position: absolute;
  content: "\f139";
  left: 0px;
  top: 5px;
  color: #f26a42;
  font-size: 16px;
  line-height: 1em;
  font-family: "Flaticon";
}

.list-style-three li:last-child {
  margin-bottom: 0px;
}

/*Btn Style One*/

.btn-style-one {
  position: relative;
  display: inline-block;
  font-size: 18px;
  line-height: 30px;
  color: #fff;
  font-weight: 600;
  overflow: hidden;
  background: none;
  border-radius: 0px;
  padding: 15px 42px 15px;
  text-transform: capitalize;
  background-color: #f26a42;
}

.btn-style-one:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  -webkit-transform: scale(0.2, 1);
  transform: scale(0.2, 1);
  background-color: #00a85a;
}

.btn-style-one .txt {
  position: relative;
  z-index: 1;
}

.btn-style-one:hover::before {
  opacity: 1;
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
}

.btn-style-one:hover {
  color: #ffffff;
}

/* Btn Style Two */

.btn-style-two {
  position: relative;
  display: inline-block;
  font-size: 16px;
  line-height: 30px;
  color: #111111;
  padding: 12px 32px 12px;
  font-weight: 400;
  overflow: hidden;
  background: #ffffff;
  letter-spacing: 1px;
  border-radius: 3px;
  text-transform: capitalize;
}

.btn-style-two:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  -webkit-transform: scale(0.2, 1);
  transform: scale(0.2, 1);
  background-color: #f26a42;
}

.btn-style-two .txt {
  position: relative;
  z-index: 1;
}

.btn-style-two:hover::before {
  opacity: 1;
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
}

.btn-style-two:hover {
  color: #ffffff;
}

/* Btn Style Three */

.btn-style-three {
  position: relative;
  display: inline-block;
  font-size: 16px;
  line-height: 30px;
  color: #fff;
  font-weight: 700;
  overflow: hidden;
  background: #f26a42;
  border-radius: 3px;
  padding: 14px 40px 14px;
  text-transform: capitalize;
}

.btn-style-three:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  -webkit-transform: scale(0.2, 1);
  transform: scale(0.2, 1);
  background-color: #ffffff;
}

.btn-style-three .txt {
  position: relative;
  z-index: 1;
}

.btn-style-three:hover::before {
  opacity: 1;
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
}

.btn-style-three:hover {
  color: #f26a42;
}

/* Btn Style Four */

.btn-style-four {
  position: relative;
  display: inline-block;
  font-size: 16px;
  line-height: 30px;
  color: #fff;
  font-weight: 700;
  overflow: hidden;
  background: none;
  letter-spacing: 1px;
  padding: 11px 35px;
  text-transform: capitalize;
  background-color: #f26a42;
  border-radius: 18px 0px 0px 0px;
  font-family: "Roboto", sans-serif;
}

.btn-style-four:before {
  position: absolute;
  content: "";
  top: 0;
  left: 97%;
  width: 100%;
  height: 100%;
  z-index: 1;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  background-color: #00a85a;
}

.btn-style-four .txt {
  position: relative;
  z-index: 1;
}

.btn-style-four:hover::before {
  opacity: 1;
  left: 0%;
  width: 100%;
}

.btn-style-four:hover {
  color: #ffffff;
}

/* Btn Style Five */

.btn-style-five {
  position: relative;
  display: inline-block;
  font-size: 16px;
  line-height: 30px;
  color: #ffffff;
  padding: 14px 38px 14px;
  font-weight: 600;
  overflow: hidden;
  background: none;
  letter-spacing: 1px;
  text-transform: capitalize;
  border: 2px solid #ffffff;
  border-radius: 15px 0px 0px 0px;
}

.btn-style-five:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0;
  background-color: #f26a42;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  -webkit-transform: scale(0.2, 1);
  transform: scale(0.2, 1);
}

.btn-style-five .txt {
  position: relative;
  z-index: 1;
}

.btn-style-five:hover::before {
  opacity: 1;
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
}

.btn-style-five:hover {
  color: #ffffff;
  border-color: #f26a42;
}

/* Btn Style Six */

.btn-style-six {
  position: relative;
  display: inline-block;
  font-size: 16px;
  line-height: 30px;
  color: #fff;
  font-weight: 700;
  overflow: hidden;
  background: none;
  letter-spacing: 1px;
  padding: 12px 34px;
  text-transform: capitalize;
  background-color: #f26a42;
  border-radius: 18px 0px 0px 0px;
  font-family: "Roboto", sans-serif;
}

.btn-style-six:hover {
  color: #fff !important;
}

.btn-style-six:before {
  position: absolute;
  color: #fff !important;
  content: "";
  top: 0;
  left: 98%;
  width: 100%;
  height: 100%;
  z-index: 1;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  background-color: #00a85a;
}

.btn-style-six .txt {
  position: relative;
  z-index: 1;
}

.btn-style-six:hover::before {
  opacity: 1;
  left: 0%;
  width: 100%;
}

.btn-style-six:hover {
  color: #f26a42;
}

/* Social Icon One */

.social-icon-one {
  position: relative;
  display: block;
}

.social-icon-one .title {
  position: relative;
  font-size: 20px;
  line-height: 26px;
  color: #ffffff;
  font-weight: 700;
  display: block;
  margin-bottom: 12px;
}

.social-icon-one li {
  position: relative;
  display: inline-block;
  font-size: 16px;
  line-height: 24px;
  color: #ffffff;
  margin-right: 4px;
}

.social-icon-one li:last-child {
  margin-right: 0;
}

.social-icon-one li a {
  position: relative;
  font-size: 16px;
  color: #f26a42;
  width: 40px;
  height: 40px;
  line-height: 36px;
  text-align: center;
  display: inline-block;
  border: 2px solid #f26a42;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.social-icon-one li a:hover {
  color: #ffffff;
  border-color: #222222;
  background-color: #222222;
}

.preloader {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 999999;
  background-color: #ffffff;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url(../images/icons/preloader.svg);
  background-size: 100px;
}

.theme_color {
  color: #f26a42;
}

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

/*** 

====================================================================
	Scroll To Top style
====================================================================

***/

.back-to-top {
  position: fixed;
  right: 1.5%;
  bottom: -7.5%;
  height: 15px;
  cursor: pointer;
  width: 40px;
  padding: 3px 5px;
  font-size: 10px;
  font-weight: bold;
  color: transparent;
  text-align: center;
  z-index: 3;
  visibility: hidden;
  outline: 0 !important;
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  background-color: #434343;
}

.back-to-top::before,
.back-to-top::after {
  content: "";
  position: absolute;
  left: 0;
  width: 0;
  height: 0;
  border: 20px solid transparent;
  border-top: 0;
}

.back-to-top::before {
  top: -20px;
  z-index: 4;
  border-bottom: 20px solid #434343;
}

.back-to-top::after {
  bottom: 0;
  z-index: 5;
  border-bottom: 20px solid #f26a42;
}

.back-to-top:hover,
.back-to-top:focus {
  opacity: 1;
  text-decoration: none;
  height: 40px;
  color: #ffffff;
}

.back-to-top.show-back-to-top {
  display: block;
  bottom: 1.25%;
  visibility: visible;
}

/*** 

====================================================================
	Section Title
====================================================================

***/

.sec-title {
  position: relative;
  margin-bottom: 40px;
}

.sec-title .title {
  position: relative;
  z-index: 1;
  color: #f26a42;
  font-size: 16px;
  font-weight: 700;
  padding-left: 45px;
  margin-bottom: 15px;
  display: inline-block;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.sec-title .title .separator {
  position: absolute;
  left: 0px;
  top: 7px;
  width: 30px;
  height: 7px;
}

.sec-title .title .separator:before {
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  width: 25px;
  height: 2px;
  background-color: #111111;
}

.sec-title .title .separator:after {
  position: absolute;
  content: "";
  left: 0px;
  bottom: 0px;
  width: 100%;
  height: 2px;
  background-color: #111111;
}

.sec-title .title .separator-two {
  position: absolute;
  right: 0px;
  top: 7px;
  width: 30px;
  height: 7px;
}

.sec-title .title .separator-two:before {
  position: absolute;
  content: "";
  right: 0px;
  top: 0px;
  width: 25px;
  height: 2px;
  background-color: #111111;
}

.sec-title .title .separator-two:after {
  position: absolute;
  content: "";
  right: 0px;
  bottom: 0px;
  width: 100%;
  height: 2px;
  background-color: #111111;
}

.sec-title.light .title .separator:before,
.sec-title.light .title .separator:after,
.sec-title.light .title .separator-two:before,
.sec-title.light .title .separator-two:after {
  background-color: #ffffff;
}

.sec-title h2 {
  position: relative;
  color: #00a85a;
  font-weight: 700;
  line-height: 1.3em;
  text-transform: capitalize;
}

.sec-title .text {
  position: relative;
  color: #555555;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.8em;
  margin-top: 15px;
}

.sec-title.light h2 {
  color: #ffffff;
}

.sec-title.light .text {
  color: #ffffff;
}

.sec-title.centered {
  text-align: center !important;
}

.sec-title.centered .title {
  padding-right: 45px;
}

/*** 

====================================================================
	Main Header style
====================================================================

***/

.main-header {
  position: relative;
  z-index: 20;
  width: 100%;
}

.header-top {
  position: relative;
  overflow: hidden;
  background-color: #f5f5f5;
}

.header-top .inner-container {
  position: relative;
  margin-left: 200px;
  padding: 14px 0px 0px 25px;
}

.header-top .inner-container:before {
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  bottom: 0px;
  right: -350px;
  background-color: #f26a42;
}

.header-top .top-left {
  position: relative;
  float: left;
}

.header-top .top-left .text {
  position: relative;
  color: #ffffff;
  font-size: 16px;
  margin-bottom: 15px;
}

.header-top .top-list {
  position: relative;
  float: left;
  padding-right: 30px;
}

.header-top .top-list li {
  position: relative;
  font-size: 14px;
  color: #ffffff;
  margin-right: 20px;
  padding-left: 25px;
  display: inline-block;
}

.header-top .top-list li a {
  position: relative;
  color: #ffffff;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  transition: all 300ms ease;
}

.header-top .top-list li .icon {
  position: absolute;
  left: 0px;
  top: 0px;
  color: #111111;
  font-size: 14px;
}

.header-top .top-list li a:hover {
  color: #111111;
}

.header-top .top-right {
  position: relative;
  float: right;
}

.header-top .top-right .social-box {
  position: relative;
  float: left;
}

.header-top .top-right .social-box:before {
  position: absolute;
  content: "";
  left: 0px;
  top: -15px;
  right: -3000px;
  bottom: -15px;
  background-color: #222222;
}

.header-top .top-right .social-box li {
  position: relative;
  margin-left: 20px;
  display: inline-block;
}

.header-top .top-right .social-box li a {
  position: relative;
  color: #ffffff;
  font-size: 14px;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  transition: all 300ms ease;
}

.header-top .top-right .social-box li a:hover {
  color: #f26a42;
}

.header-style-one {
  border-top: 6px solid #00a85a;
}

.header-style-one:before {
  position: absolute;
  content: "";
  left: 0px;
  top: -6px;
  width: 35%;
  height: 6px;
  background-color: #f26a42;
}

/* Main Header */

.main-header .main-box {
  position: relative;
  padding: 0px 0px;
  left: 0px;
  top: 0px;
  width: 100%;
  background: none;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  transition: all 300ms ease;
}

.main-header .main-box .outer-container {
  position: relative;
  padding: 0px 40px;
}

.main-header .logo-box {
  position: absolute;
  float: left;
  left: 64px;
  z-index: 10;
  padding: 5px 0px;
}

.main-header .logo-box .logo img {
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  transition: all 300ms ease;
  width: 100%;
  margin-top: 2px;
}

.main-header .logo-box .logo img {
  height: 60px;
}

.main-header .nav-toggler {
  position: absolute;
  top: 50%;
  margin-top: 0px;
  display: block;
}

.main-header .nav-toggler button {
  position: relative;
  display: block;
  color: #444444;
  text-align: center;
  font-size: 24px;
  line-height: 34px;
  font-weight: normal;
  background: none;
}

.main-header .header-upper {
  position: relative;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  transition: all 300ms ease;
}

.main-header .header-upper .upper-right {
  position: relative;
  padding-top: 15px;
}

.main-header .nav-outer {
  position: relative;
  padding-left: 60px;
}

.main-header .main-menu .navigation>li.dropdown>a {
  padding-right: 15px !important;
}

.main-header .main-menu .navigation>li.dropdown>a:before {
  font-family: "FontAwesome";
  content: "\f107";
  position: absolute;
  right: 0px;
  font-size: 14px;
  line-height: 32px;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}

.main-header .main-menu .navigation>li:before {
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  height: 5px;
  right: 0px;
  opacity: 0;
  background-color: #f26a42;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transform: scale(0.5, 1);
}

.main-header .main-menu .navigation>li:hover::before,
.main-header .main-menu .navigation>li.current::before {
  opacity: 1;
  transform: scale(1, 1);
}

.main-header .header-lower {
  position: relative;
  border-top: 1px solid #dddddd;
}

.main-header .header-lower .logo-box {
  position: relative;
}

.main-header .header-lower .logo-box .logo {
  position: relative;
}

.main-header .header-lower .nav-btn {
  position: absolute;
  left: 0px;
  top: 0px;
  cursor: pointer;
  color: #000000;
  font-size: 26px;
  padding: 17px 0px;
}

.main-header .info-box {
  position: relative;
  float: left;
  z-index: 1;
  min-height: 56px;
  margin-left: 40px;
  font-size: 15px;
  color: #777777;
  text-align: left;
  padding: 0px 35px 0px 65px;
  border-right: 1px solid rgba(0, 0, 0, 0.1);
}

.main-header .info-box:last-child {
  padding-right: 0px;
  border: 0px;
}

.main-header .info-box .icon-box {
  position: absolute;
  left: 0px;
  top: 3px;
  font-size: 42px;
  color: #f26a42;
  line-height: 1em;
  -moz-transition: all 300ms ease;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.main-header .info-box ul li {
  position: relative;
  line-height: 20px;
  color: #222222;
  font-size: 16px;
  margin-bottom: 8px;
  font-weight: 400;
  text-transform: capitalize;
}

.main-header .info-box strong {
  position: relative;
  font-weight: 600;
  color: #00a85a;
  font-size: 18px;
  text-transform: capitalize;
}

.main-header .info-box ul li a {
  position: relative;
  color: #00a85a;
}

.main-menu {
  position: static;
  float: left;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  transition: all 300ms ease;
}

.main-menu .navbar-collapse {
  padding: 0px;
  float: left;
  display: block !important;
}

.main-menu .navigation {
  position: static;
  margin: 0px;
}

.main-menu .navigation>li {
  position: relative;
  float: left;
  margin-right: 20px;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}

.main-menu .navigation>li:last-child {
  margin-right: 0px;
}

.sticky-header .main-menu .navigation>li>a {
  padding: 20px 0px !important;
  color: #444444 !important;
}

.sticky-header .main-menu .navigation>li.dropdown>a:before {
  font-family: "FontAwesome";
  content: "\f107";
  position: absolute;
  right: 0px;
  color: #222222;
  font-size: 14px;
  line-height: 32px;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}

.sticky-header .main-menu .navigation>li:hover>a,
.sticky-header .main-menu .navigation>li.current>a {
  color: #f26a42;
  background-color: inherit !important;
}

.sticky-header .nav-outer .options-box {
  margin-top: 26px;
}

/*Sticky Header*/

.sticky-header {
  position: fixed;
  opacity: 0;
  visibility: hidden;
  left: 0px;
  top: 0px;
  width: 100%;
  padding: 0px 0px;
  background: #ffffff;
  z-index: 0;
  border-bottom: 1px solid #e6e6e6;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}

.sticky-header .logo {
  padding: 9px 0px 9px;
  width: 22%;
  /* margin-top: 15px; */
}

.fixed-header .sticky-header {
  z-index: 999999;
  opacity: 1;
  visibility: visible;
  -ms-animation-name: fadeInDown;
  -moz-animation-name: fadeInDown;
  -op-animation-name: fadeInDown;
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
  -ms-animation-duration: 500ms;
  -moz-animation-duration: 500ms;
  -op-animation-duration: 500ms;
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
  -ms-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  -op-animation-timing-function: linear;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -ms-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -op-animation-iteration-count: 1;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

.main-header .sticky-header .options-box {
  padding: 5px 0px;
}

.main-menu .navigation>li>a {
  position: relative;
  display: block;
  color: #222222;
  text-align: center;
  line-height: 30px;
  text-transform: capitalize;
  letter-spacing: 0px;
  opacity: 1;
  font-weight: 500;
  padding: 15px 0px;
  font-size: 16px;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}

.sticky-header .main-menu .navigation>li {
  margin-left: 30px;
  margin-right: 0px !important;
}

.sticky-header .main-menu .navigation>li::before {
  bottom: -1px;
}

.main-menu .navigation>li:hover>a,
.main-menu .navigation>li.current>a {
  opacity: 1;
}

.main-menu .navigation>li>ul {
  position: absolute;
  left: -30px;
  top: 100%;
  width: 285px;
  z-index: 100;
  display: none;
  opacity: 0;
  visibility: hidden;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  padding: 20px 15px;
  border-radius: 10px;
  background-color: #ffffff;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
}

.main-menu .navigation>li>ul.from-right {
  left: auto;
  right: 0px;
}

.main-menu .navigation>li>ul>li {
  position: relative;
  width: 100%;
  font-weight: 500;
  font-size: 15px;
  text-transform: capitalize;
  color: #222222;
}

.main-menu .navigation>li>ul>li.updates {
  padding: 8px 10px;
  color: #ffffff;
  left: 10px;
  right: 10px;
  width: auto;
  margin-right: 20px;
  background-color: #f26a42;
}

.main-menu .navigation>li>ul>li>a {
  position: relative;
  display: block;
  padding: 6px 18px;
  line-height: 24px;
  font-weight: 500;
  font-size: 15px;
  text-transform: capitalize;
  color: #222222;
  padding-left: 10px;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}

.main-menu .navigation>li>ul>li>a:before {
  position: absolute;
  top: -6px;
  left: 8px;
  color: transparent;
  content: ".";
  text-shadow: 0 0 transparent;
  font-size: 2em;
  line-height: 1em;
  -webkit-transition: text-shadow 0.3s, color 0.3s;
  -moz-transition: text-shadow 0.3s, color 0.3s;
  transition: text-shadow 0.3s, color 0.3s;
  pointer-events: none;
  animation: opacitychange 1s ease-in-out infinite;
}

.main-menu .navigation>li>ul>li:hover>a::before {
  opacity: 1;
  color: #000000;
  text-shadow: 8px 0 #f26a42, -8px 0 #f26a42;
}

.main-menu .navigation>li>ul>li:hover>a {
  color: #f26a42;
  padding-left: 30px;
}

.main-menu .navigation>li>ul>li.dropdown>a:after {
  font-family: "FontAwesome";
  content: "\f105";
  position: absolute;
  right: 10px;
  top: 10px;
  width: 10px;
  height: 20px;
  display: block;
  color: #253d4a;
  line-height: 20px;
  font-size: 16px;
  font-weight: normal;
  text-align: center;
  z-index: 5;
}

.main-menu .navigation>li>ul>li.dropdown:hover>a:after {
  color: #222222;
}

.main-menu .navigation>li>ul>li>ul {
  position: absolute;
  left: 120%;
  top: 0%;
  width: 230px;
  z-index: 100;
  display: none;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  padding: 20px 15px;
  border-radius: 10px;
  background-color: #ffffff;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
}

.main-menu .navigation>li>ul>li>ul.from-right {
  left: auto;
  right: 0px;
}

.main-menu .navigation>li>ul>li>ul>li {
  position: relative;
  width: 100%;
}

.main-menu .navigation>li>ul>li>ul>li:last-child {}

.main-menu .navigation>li>ul>li>ul>li>a {
  position: relative;
  display: block;
  padding: 6px 18px;
  line-height: 24px;
  font-weight: 500;
  font-size: 15px;
  text-transform: capitalize;
  color: #222222;
  padding-left: 10px;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}

.main-menu .navigation>li>ul>li>ul>li>a:before {
  position: absolute;
  top: -6px;
  left: 8px;
  color: transparent;
  content: ".";
  text-shadow: 0 0 transparent;
  font-size: 2em;
  line-height: 1em;
  -webkit-transition: text-shadow 0.3s, color 0.3s;
  -moz-transition: text-shadow 0.3s, color 0.3s;
  transition: text-shadow 0.3s, color 0.3s;
  pointer-events: none;
  animation: opacitychange 1s ease-in-out infinite;
}

.main-menu .navigation>li>ul>li>ul>li:hover>a::before {
  opacity: 1;
  color: #000000;
  text-shadow: 8px 0 #f26a42, -8px 0 #f26a42;
}

.main-menu .navigation>li>ul>li>ul>li:hover>a {
  color: #f26a42;
  padding-left: 30px;
}

.main-menu .navigation>li>ul>li>ul>li.dropdown>a:after {
  font-family: "FontAwesome";
  content: "\f105";
  position: absolute;
  right: 10px;
  top: 11px;
  width: 10px;
  height: 20px;
  display: block;
  color: #272727;
  line-height: 20px;
  font-size: 16px;
  font-weight: normal;
  text-align: center;
  z-index: 5;
}

.main-menu .navigation>li>ul>li>ul>li.dropdown:hover>a:after {
  color: #ffffff;
}

.main-menu .navigation>li.dropdown:hover>ul {
  visibility: visible;
  opacity: 1;
  top: 100%;
  left: 0px;
}

.main-menu .navigation li>ul>li.dropdown:hover>ul {
  visibility: visible;
  opacity: 1;
  top: 0;
  left: 107%;
  transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
}

.main-menu .navbar-collapse>ul li.dropdown .dropdown-btn {
  position: absolute;
  right: 10px;
  top: 6px;
  width: 30px;
  height: 30px;
  text-align: center;
  color: #ffffff;
  line-height: 28px;
  border: 1px solid #ffffff;
  background-size: 20px;
  cursor: pointer;
  z-index: 5;
  display: none;
}

.main-header .options-box {
  position: relative;
  float: right;
  padding: 0px 0px;
  margin-left: 0px;
}

.main-header .options-box .nav-btn {
  position: relative;
  float: left;
  cursor: pointer;
  color: #111111;
  font-size: 28px;
  padding: 16px 0px;
}

/* Button Box */

.main-header .options-box .btn-box {
  position: relative;
  float: left;
  height: 60px;
}

.main-header .search-box-outer {
  position: relative;
  float: left;
  margin-top: 10px;
  margin-left: 25px;
  margin-right: 25px;
}

.main-header .search-box-outer:before {
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  transform: skewX(-10deg);
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  background-image: -ms-linear-gradient(left, #444344 0%, #000101 100%);
  background-image: -moz-linear-gradient(left, #444344 0%, #000101 100%);
  background-image: -o-linear-gradient(left, #444344 0%, #000101 100%);
  background-image: -webkit-gradient(linear,
      left top,
      right top,
      color-stop(0, #444344),
      color-stop(100, #000101));
  background-image: -webkit-linear-gradient(left, #444344 0%, #000101 100%);
  background-image: linear-gradient(to right, #f26a42 0%, #00a85a 100%);
}

.main-header .search-box-outer:hover::before {
  transform: skewX(10deg);
  background-image: -ms-linear-gradient(right, #444344 0%, #000101 100%);
  background-image: -moz-linear-gradient(right, #444344 0%, #000101 100%);
  background-image: -o-linear-gradient(right, #444344 0%, #000101 100%);
  background-image: -webkit-gradient(linear,
      right top,
      left top,
      color-stop(0, #444344),
      color-stop(100, #000101));
  background-image: -webkit-linear-gradient(right, #444344 0%, #000101 100%);
  background-image: linear-gradient(to right, #f26a42 0%, #00a85a 100%);
}

.main-header .search-box-btn {
  position: relative;
  float: left;
  width: 40px;
  height: 40px;
  display: block;
  font-size: 16px;
  color: #ffffff;
  padding: 0px;
  margin: 0px;
  cursor: pointer;
  line-height: 38px;
  text-align: center;
  border-radius: 50px;
  background: none;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}

.main-header .search-box-btn:after {
  display: none;
}

.main-header.fixed-header {}

.main-header .options-box .cart-box {
  position: relative;
  float: left;
  color: #ffffff;
  font-size: 16px;
  background: none;
  margin-top: 20px;
  display: inline-block;
}

.main-header .options-box .cart-box .cart-box-btn {
  background: none;
  color: #ffffff;
  cursor: pointer;
  font-size: 24px;
  transition: all 300ms ease;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
}

.main-header .options-box .cart-box .cart-box-btn:after {
  display: none;
}

.main-header .options-box .cart-box .cart-box-btn .total-cart {
  position: absolute;
  right: -8px;
  top: -8px;
  width: 18px;
  height: 18px;
  color: #ffffff;
  font-weight: 700;
  font-size: 12px;
  border-radius: 50%;
  text-align: center;
  line-height: 18px;
  background-color: #f7951c;
}

.main-header .options-box .cart-box .cart-box-btn:hover {
  color: #f7951c;
}

.main-header .options-box .cart-product {
  position: relative;
  margin-bottom: 18px;
  min-height: 90px;
  border-bottom: 1px solid #e4e4e4;
}

.main-header .options-box .cart-product .inner {
  position: relative;
  padding-left: 90px;
  min-height: 70px;
}

.main-header .options-box .cart-product .inner .cross-icon {
  position: absolute;
  right: 0px;
  top: -2px;
  z-index: 1;
  color: #263120;
  font-size: 16px;
  cursor: pointer;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}

.main-header .options-box .cart-product .inner .cross-icon:hover {
  color: #f7951c;
}

.main-header .options-box .cart-product .inner .image {
  position: absolute;

  left: 0px;
  top: 0px;
  overflow: hidden;
  border-radius: 50px;
}

.main-header .options-box .cart-product .inner .image img {
  width: 100%;
  display: block;
  width: 66px;
  height: 66px;
}

.main-header .options-box .cart-product .inner h3 {
  position: relative;
  font-weight: 600;
  font-size: 15px;
  margin: 0px;
  letter-spacing: 1px;
  text-transform: capitalize;
}

.main-header .options-box .cart-product .inner h3 a {
  color: #222222;
  transition: all 300ms ease;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
}

.main-header .options-box .cart-product .inner h3 a:hover {
  color: #f7951c;
}

.main-header .options-box .cart-product .inner .quantity-text {
  position: relative;
  font-weight: 300;
  color: #666666;
  font-size: 13px;
  margin-bottom: 0px;
}

.main-header .options-box .cart-product .inner .price {
  position: relative;
  font-weight: 700;
  font-size: 16px;
  margin: 0px;
  color: #222222;
}

.main-header .options-box .cart-box .cart-panel {
  left: auto !important;
  right: 0px !important;
  border-radius: 10px;
  padding: 20px 20px;
  min-width: 300px;
  margin-top: 70px;
  z-index: 1;
  border: 0px;
  box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.15);
  -webkit-transform: translate3d(0px, 0px, 0px) !important;
  transform: translate3d(0px, 0px, 0px) !important;
}

.main-header .options-box .cart-box .cart-panel .cart-total {
  color: #000000;
  font-size: 15px;
  font-weight: 400;
  text-align: center;
  text-transform: capitalize;
}

.main-header .options-box .cart-box .cart-panel .cart-total span {
  font-weight: 800;
  font-size: 18px;
}

.main-header .options-box .cart-box .cart-panel .btns-boxed {
  position: relative;
  text-align: center;
  margin-top: 20px;
}

.main-header .options-box .cart-box .cart-panel .btns-boxed li {
  position: relative;
  margin: 0px 5px;
  display: inline-block;
}

.main-header .options-box .cart-box .cart-panel .btns-boxed li a {
  position: relative;
  color: #ffffff;
  font-weight: 500;
  font-size: 12px;
  border-radius: 50px;
  padding: 9px 20px 8px;
  border-radius: 50px;
  display: inline-block;
  background-color: #f7951c;
  border: 2px solid #f7951c;
  text-transform: uppercase;
  transition: all 300ms ease;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
}

.main-header .options-box .cart-box .cart-panel .btns-boxed li a:hover {
  color: #f7951c;
  background: none;
}

.main-header .options-box .cart-box .icon a {
  color: #999999;
}

/************************ Mega Menu ***************************/

.main-menu .navigation>li.has-mega-menu {
  position: static;
}

.main-menu .navigation>li>.mega-menu {
  position: absolute;
  left: 0px;
  right: 0;
  margin: auto;
  width: 100%;
  max-width: 1170px;
  background-color: #ffffff;
  padding: 45px 40px 30px 45px;
  top: 100%;
  z-index: 100;
  opacity: 0;
  -webkit-transform: scaleY(0);
  -moz-transform: scaleY(0);
  -ms-transform: scaleY(0);
  -o-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: top;
  -moz-transform-origin: top;
  -ms-transform-origin: top;
  -o-transform-origin: top;
  transform-origin: top;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  -webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05),
    -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
  -ms-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05),
    -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
  -o-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05),
    -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05),
    -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05),
    -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
}

.main-menu .navigation>li:hover>.mega-menu {
  opacity: 1;
  visibility: visible;
  -webkit-transform: scaleY(1);
  -moz-transform: scaleY(1);
  -ms-transform: scaleY(1);
  -o-transform: scaleY(1);
  transform: scaleY(1);
}

.main-menu .navigation>li>.mega-menu .mega-menu-bar {
  position: relative;
}

.main-menu .navigation>li .mega-menu-bar h3 {
  position: relative;
  color: #020e28;
  font-size: 16px;
  font-weight: 500;
  padding-bottom: 12px;
  margin-bottom: 10px;
  border-bottom: 1px solid #f2f2f2;
}

.main-menu .navigation>li .mega-menu-bar>ul {
  position: relative;
}

.main-menu .navigation>li .mega-menu-bar .column>ul>li {
  position: relative;
  width: 100%;
  padding: 7px 0px;
  text-transform: capitalize;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}

.main-menu .navigation>li .mega-menu-bar .column {
  position: relative;
  margin-bottom: 10px;
}

.main-menu .navigation>li .mega-menu-bar .column>ul>li:last-child {
  border: none;
}

.main-menu .navigation>li .mega-menu-bar .column>ul>li>a {
  position: relative;
  display: block;
  line-height: 20px;
  font-weight: 500;
  font-size: 15px;
  color: #222222;
  text-transform: capitalize;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}

.main-menu .navigation>li .mega-menu-bar .column>ul>li>a:before {
  position: absolute;
  top: -11px;
  left: 8px;
  color: transparent;
  content: ".";
  text-shadow: 0 0 transparent;
  font-size: 2em;
  line-height: 1em;
  -webkit-transition: text-shadow 0.3s, color 0.3s;
  -moz-transition: text-shadow 0.3s, color 0.3s;
  transition: text-shadow 0.3s, color 0.3s;
  pointer-events: none;
  animation: opacitychange 1s ease-in-out infinite;
}

.main-menu .navigation>li .mega-menu-bar .column>ul>li>a:hover {
  color: #f26a42;
  padding-left: 30px;
}

.main-menu .navigation>li .mega-menu-bar .column>ul>li>a:hover::before {
  opacity: 1;
  color: #000000;
  text-shadow: 8px 0 #f26a42, -8px 0 #f26a42;
}

/* Header Style Two */

.header-style-two .logo-box {
  padding: 10px 0px;
}

.main-header.header-style-two .nav-outer {
  padding-left: 0px;
}

.header-style-two .header-upper .upper-right {
  padding-top: 0px;
}

.header-style-two .main-menu .navigation>li>a {
  padding: 30px 0px;
}

.header-style-two .options-box {
  padding: 15px 0px;
  margin-left: 30px;
}

.main-header.header-style-two .main-menu .navigation>li:before {
  bottom: 0px;
  top: auto;
}

/* Header Style Three */

.header-style-three {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
}

.main-header.header-style-three .info-box {
  border-color: rgba(255, 255, 255, 0.15);
}

.main-header.header-style-three .header-lower {
  border: 0px;
}

.header-style-three .inner-container {
  position: relative;
  padding: 0px 30px;
  background-color: #222222;
}

.header-style-three .logo-box {
  padding: 13px 0px;
}

.header-style-three .info-box strong,
.header-style-three .info-box ul li,
.header-style-three .info-box ul li a {
  color: #ffffff;
}

.header-style-three .header-upper .upper-right {
  padding: 20px 0px 0px;
}

.main-header.header-style-three .header-lower .inner-container {
  background-color: #f26a42;
}

.header-style-three .main-menu .navigation>li>a {
  color: #ffffff;
}

.header-style-three .header-lower .nav-btn {
  color: #ffffff;
}

.header-style-three .social-box {
  position: relative;
  padding: 18px 0px;
  float: left;
}

.header-style-three .social-box li {
  position: relative;
  margin-left: 15px;
  display: inline-block;
}

.header-style-three .social-box li a {
  position: relative;
  color: #ffffff;
  font-size: 16px;
}

/*Search Box Widget*/

.header-style-three .search-box {
  position: relative;
  float: left;
  padding: 5px 0px;
}

.header-style-three .search-box .form-group {
  position: relative;
  margin: 0px;
}

.header-style-three .search-box .form-group input[type="text"],
.header-style-three .search-box .form-group input[type="search"] {
  position: relative;
  line-height: 28px;
  padding: 10px 50px 10px 20px;
  background: none;
  display: block;
  font-size: 15px;
  width: 100%;
  height: 50px;
  color: #ffffff;
  border-radius: 0px;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  border: 1px solid rgba(255, 255, 255, 0.4);
}

.header-style-three .search-box .form-group input::placeholder,
.header-style-three .search-box .form-group textarea::placeholder {
  color: #ffffff;
}

.header-style-three .search-box .form-group button {
  position: absolute;
  right: 0px;
  top: 0px;
  height: 50px;
  width: 50px;
  display: block;
  font-size: 16px;
  color: #f26a42;
  line-height: 100%;
  font-weight: normal;
  background: #ffffff;
  border-radius: 0px;
}

/* Sidebar Info Contents */

.sidebar-info-contents {
  position: relative;
}

.sidebar-info-contents .content-inner {
  position: relative;
}

.sidebar-info-contents .content-inner .logo {
  padding: 0px 0px 40px;
}

.sidebar-info-contents .content-inner .logo img {
  display: inline-block;
  max-width: 100%;
}

.sidebar-info-contents .content-inner .content-box {
  position: relative;
}

.sidebar-info-contents .content-inner .content-box h2 {
  position: relative;
  font-size: 20px;
  color: #ffffff;
  font-weight: 500;
  margin-bottom: 20px;
}

.sidebar-info-contents .content-inner .content-box .text {
  position: relative;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.9);
  margin-bottom: 25px;
}

.sidebar-info-contents .content-inner .contact-info {
  position: relative;
  margin-top: 60px;
}

.sidebar-info-contents .content-inner .contact-info h2 {
  position: relative;
  font-size: 20px;
  color: #ffffff;
  font-weight: 500;
  margin-bottom: 20px;
}

.sidebar-info-contents .content-inner .social-box {
  position: relative;
  margin-top: 20px;
  margin-bottom: 30px;
}

.sidebar-info-contents .content-inner .social-box li {
  position: relative;
  display: inline-block;
  margin-right: 6px;
  transition: all 900ms ease;
  -moz-transition: all 900ms ease;
  -webkit-transition: all 900ms ease;
  -ms-transition: all 900ms ease;
  -o-transition: all 900ms ease;
}

.sidebar-info-contents .content-inner .social-box li a {
  position: relative;
  width: 36px;
  height: 36px;
  color: #222222;
  z-index: 1;
  font-size: 13px;
  line-height: 36px;
  text-align: center;
  border-radius: 50%;
  display: inline-block;
  background-color: #ffffff;
}

.close-side-widget,
.close-side-widget:hover {
  color: #ffffff;
  font-size: 24px;
}

/*Custom Select*/

.form-group .ui-selectmenu-button.ui-button {
  width: 100%;
  font-size: 14px;
  font-style: normal;
  height: 50px;
  padding: 10px 20px 10px 20px;
  line-height: 28px;
  color: #777777;
  border: none;
  border-radius: 0px;
  background: #ffffff;
  border: 1px solid #cccccc;
}

.form-group .ui-button .ui-icon {
  background: none;
  position: relative;
  top: 2px;
  text-indent: 0px;
  color: #333333;
}

.form-group .ui-button .ui-icon:before {
  font-family: "FontAwesome";
  content: "\f107";
  position: absolute;
  right: 0px;
  top: 2px !important;
  top: 13px;
  width: 10px;
  height: 20px;
  display: block;
  color: #999999;
  line-height: 20px;
  font-size: 16px;
  font-weight: normal;
  text-align: center;
  z-index: 5;
  font-weight: 800;
}

.ui-widget.ui-widget-content {}

.ui-menu .ui-menu-item {
  font-size: 14px;
}

.ui-menu .ui-menu-item:last-child {
  border: none;
}

.ui-state-active,
.ui-widget-content .ui-state-active {
  background: #f26a42;
  border-color: #f26a42;
}

.ui-menu .ui-menu-item-wrapper {
  position: relative;
  display: block;
  padding: 8px 20px;
  font-size: 14px;
  line-height: 24px;
}

.ui-menu-item:hover {
  background-color: #f26a42;
}

/*** 

====================================================================
	Search Popup
====================================================================

***/

.search-popup {
  position: fixed;
  left: 0;
  top: 0;
  height: 100vh;
  width: 100%;
  z-index: 99999;
  transform: scale(0, 1);
  -webkit-transition: all 500ms cubic-bezier(0.86, 0, 0.07, 1);
  -moz-transition: all 500ms cubic-bezier(0.86, 0, 0.07, 1);
  -o-transition: all 500ms cubic-bezier(0.86, 0, 0.07, 1);
  transition: all 1500ms cubic-bezier(0.86, 0, 0.07, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  -moz-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  -o-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
}

.sidenav-bar-visible .search-popup {
  width: 80%;
}

.search-popup:before {
  position: absolute;
  left: 0px;
  top: 0%;
  width: 100%;
  height: 100%;
  content: "";
  transform: scale(0, 1);
  background-color: rgba(0, 0, 0, 0.85);
  transition: all 900ms ease;
  -moz-transition: all 900ms ease;
  -webkit-transition: all 900ms ease;
  -ms-transition: all 900ms ease;
  -o-transition: all 900ms ease;
}

.search-active .search-popup:before {
  transform: scale(1, 1);
}

.search-active .search-popup {
  transform: scale(1, 1);
  margin-top: 0;
}

.search-popup .close-search {
  position: absolute;
  left: 0;
  right: 0;
  top: 75%;
  margin: 0 auto;
  margin-top: -200px;
  border-radius: 50%;
  text-align: center;
  background-color: #f26a42;
  width: 70px;
  cursor: pointer;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  border-bottom: 3px solid #ffffff;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
  opacity: 0;
  visibility: hidden;
}

.search-popup .close-search span {
  position: relative;
  display: block;
  height: 70px;
  width: 70px;
  font-size: 20px;
  line-height: 70px;
  color: #ffffff;
}

.search-active .search-popup .close-search {
  visibility: visible;
  opacity: 1;
  top: 50%;
  -webkit-transition-delay: 1500ms;
  -moz-transition-delay: 1500ms;
  -ms-transition-delay: 1500ms;
  -o-transition-delay: 1500ms;
  transition-delay: 1500ms;
}

.search-popup form {
  position: absolute;
  max-width: 700px;
  top: 50%;
  left: 15px;
  right: 15px;
  margin: -35px auto 0;
  transform: scaleX(0);
  transform-origin: center;
  background-color: #111111;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.search-active .search-popup form {
  transform: scaleX(1);
  -webkit-transition-delay: 1200ms;
  -moz-transition-delay: 1200ms;
  -ms-transition-delay: 1200ms;
  -o-transition-delay: 1200ms;
  transition-delay: 1200ms;
}

.search-popup .form-group {
  position: relative;
  margin: 0px;
  overflow: hidden;
}

.search-popup .form-group input[type="text"],
.search-popup .form-group input[type="search"] {
  position: relative;
  display: block;
  font-size: 18px;
  line-height: 50px;
  color: #000000;
  height: 70px;
  width: 100%;
  padding: 10px 30px;
  background-color: #ffffff;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
  font-weight: 500;
  text-transform: capitalize;
}

.search-popup .form-group input[type="submit"],
.search-popup .form-group button {
  position: absolute;
  right: 30px;
  top: 0px;
  height: 70px;
  line-height: 70px;
  background: transparent;
  text-align: center;
  font-size: 24px;
  color: #000000;
  padding: 0;
  cursor: pointer;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}

.search-popup .form-group input[type="submit"]:hover,
.search-popup .form-group button:hover {
  color: #000000;
}

.search-popup input::placeholder,
.search-popup textarea::placeholder {
  color: #000000;
}

/*** 

====================================================================
	Mobile Menu
====================================================================

***/

.nav-outer .mobile-nav-toggler {
  position: relative;
  float: right;
  font-size: 40px;
  line-height: 50px;
  cursor: pointer;
  color: #111111;
  display: none;
}

.mobile-menu {
  position: fixed;
  right: 0;
  top: 0;
  width: 300px;
  padding-right: 30px;
  max-width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  z-index: 999999;
}

.mobile-menu .nav-logo {
  position: relative;
  padding: 20px 20px;
  text-align: left;
}

.mobile-menu .nav-logo img {
  max-width: 200px;
}

.mobile-menu-visible {
  overflow: hidden;
}

.mobile-menu-visible .mobile-menu {
  opacity: 1;
  visibility: visible;
}

.mobile-menu .menu-backdrop {
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: rgba(0, 0, 0, 0.9);
  -webkit-transform: translateX(101%);
  -ms-transform: translateX(101%);
  transform: translateX(101%);
}

.mobile-menu-visible .mobile-menu .menu-backdrop {
  opacity: 1;
  visibility: visible;
  -webkit-transition: all 0.7s ease;
  -moz-transition: all 0.7s ease;
  -ms-transition: all 0.7s ease;
  -o-transition: all 0.7s ease;
  transition: all 0.7s ease;
  -webkit-transform: translateX(0%);
  -ms-transform: translateX(0%);
  transform: translateX(0%);
}

.mobile-menu .menu-box {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  max-height: 100%;
  overflow-y: auto;
  background: #ffffff;
  padding: 0px 0px;
  z-index: 5;
  opacity: 0;
  visibility: hidden;
  border-radius: 0px;
  -webkit-transform: translateX(101%);
  -ms-transform: translateX(101%);
  transform: translateX(101%);
}

.mobile-menu-visible .mobile-menu .menu-box {
  opacity: 1;
  visibility: visible;
  -webkit-transition: all 0.7s ease 500ms;
  -moz-transition: all 0.7s ease 500ms;
  -ms-transition: all 0.7s ease 500ms;
  -o-transition: all 0.7s ease 500ms;
  transition: all 0.7s ease 500ms;
  -webkit-transform: translateX(0%);
  -ms-transform: translateX(0%);
  transform: translateX(0%);
}

.mobile-menu .close-btn {
  position: absolute;
  right: 3px;
  top: 3px;
  line-height: 30px;
  width: 30px;
  text-align: center;
  font-size: 14px;
  color: #202020;
  cursor: pointer;
  z-index: 10;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-transform: translateY(-50px);
  -ms-transform: translateY(-50px);
  transform: translateY(-50px);
}

.mobile-menu-visible .mobile-menu .close-btn {
  -webkit-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px);
}

.mobile-menu .close-btn:hover {
  opacity: 0.5;
}

.mobile-menu .navigation {
  position: relative;
  display: block;
  width: 100%;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.mobile-menu .navigation li {
  position: relative;
  display: block;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.mobile-menu .navigation li>ul>li:last-child {
  border-bottom: none;
}

.mobile-menu .navigation li>ul>li:first-child {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.mobile-menu .navigation li>a {
  position: relative;
  display: block;
  line-height: 24px;
  padding: 10px 20px;
  font-size: 15px;
  color: #404040;
  text-transform: capitalize;
}

.mobile-menu .navigation li:hover>a,
.mobile-menu .navigation li.current>a {
  color: #f26a42;
}

.mobile-menu .navigation li.dropdown .dropdown-btn {
  position: absolute;
  right: 0px;
  top: 0px;
  width: 44px;
  height: 44px;
  text-align: center;
  font-size: 16px;
  line-height: 44px;
  color: #404040;
  cursor: pointer;
  z-index: 5;
}

.mobile-menu .navigation li.dropdown .dropdown-btn:after {
  content: "";
  position: absolute;
  left: 0px;
  top: 10px;
  width: 1px;
  height: 24px;
  border-left: 1px solid rgba(0, 0, 0, 0.1);
}

.mobile-menu .navigation li>ul,
.mobile-menu .navigation li>ul>li>ul {
  display: none;
}

.sticky-header .navbar-header {
  display: none;
}

/*** 

====================================================================
	Main Slider Section
====================================================================

***/

.main-slider {
  position: relative;
  overflow: hidden;
}

.main-slider .slide {
  position: relative;
  overflow: hidden;
  padding: 140px 0px 0px;
  background-size: cover;
}

.main-slider .slide:before {
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  background: #000000;
  background: -webkit-linear-gradient(to top right,
      #000000 0%,
      rgba(255, 255, 255, 0) 100%);
  background: -moz-linear-gradient(to top right,
      #000000 0%,
      rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(to top right,
      #000000 0%,
      rgba(255, 255, 255, 0) 100%);
}

.main-slider .content-column {
  position: relative;
}

.main-slider .content-column .inner-column {
  position: relative;
  padding-top: 80px;
}

.main-slider .title {
  font-weight: 400;
  margin-bottom: 20px;
  opacity: 0;
  color: #ffffff;
  font-size: 18px;
  padding-left: 40px;
  transform: scaleY(0);
  transform-origin: top;
  -webkit-transition: all 1000ms ease;
  -moz-transition: all 100ms ease;
  -ms-transition: all 1000ms ease;
  -o-transition: all 1000ms ease;
  transition: all 1000ms ease;
}

.main-slider .active .title {
  opacity: 1;
  transform: scaleY(1);
  -webkit-transition-delay: 300ms;
  -moz-transition-delay: 300ms;
  -ms-transition-delay: 300ms;
  -o-transition-delay: 300ms;
  transition-delay: 300ms;
}

.main-slider .title:before {
  position: absolute;
  content: "";
  left: 0px;
  top: 7px;
  width: 30px;
  height: 7px;
  border-top: 2px solid #f26a42;
  border-bottom: 2px solid #f26a42;
}

.main-slider h1 {
  color: #ffffff;
  margin-bottom: 22px;
  opacity: 0;
  transform: scaleY(0);
  transform-origin: top;
  -webkit-transition: all 1000ms ease;
  -moz-transition: all 100ms ease;
  -ms-transition: all 1000ms ease;
  -o-transition: all 1000ms ease;
  transition: all 1000ms ease;
}

.main-slider .active h1 {
  opacity: 1;
  transform: scaleY(1);
  transition-delay: 300ms;
}

.page-title h1{
        color: #ffffff;
    margin-bottom: 0px;
    text-transform: uppercase;
        font-size: 40px;
}
}
.main-slider .text {
  font-weight: 400;
  margin-bottom: 35px;
  opacity: 0;
  color: #ffffff;
  font-size: 18px;
  line-height: 1.8em;
  transform: scaleY(0);
  transform-origin: top;
  -webkit-transition: all 1000ms ease;
  -moz-transition: all 100ms ease;
  -ms-transition: all 1000ms ease;
  -o-transition: all 1000ms ease;
  transition: all 1000ms ease;
}

.main-slider .active .text {
  opacity: 1;
  transform: scaleY(1);
  -webkit-transition-delay: 600ms;
  -moz-transition-delay: 600ms;
  -ms-transition-delay: 600ms;
  -o-transition-delay: 600ms;
  transition-delay: 600ms;
}

.main-slider .btns-box {
  opacity: 0;
  float: left;
  transform: scaleY(0);
  transform-origin: top;
  display: inline-block;
  -webkit-transition: all 900ms ease;
  -moz-transition: all 900ms ease;
  -ms-transition: all 900ms ease;
  -o-transition: all 900ms ease;
  transition: all 900ms ease;
}

.main-slider .active .btns-box {
  opacity: 1;
  transform: scaleY(1);
  transition-delay: 900ms;
}

.main-slider .btns-box .theme-btn {
  margin-right: 25px;
}

.main-slider .play-box {
  position: relative;
  float: left;
  color: #ffffff;
  font-size: 16px;
  padding-left: 70px;
  margin-top: 15px;
  opacity: 0;
  transform: scaleY(0);
  transform-origin: top;
  -webkit-transition: all 900ms ease;
  -moz-transition: all 900ms ease;
  -ms-transition: all 900ms ease;
  -o-transition: all 900ms ease;
  transition: all 900ms ease;
}

.main-slider .active .play-box {
  opacity: 1;
  transform: scaleY(1);
  transition-delay: 900ms;
}

.main-slider .play-box .play-button {
  position: absolute;
  left: 0px;
  top: -18px;
}

.main-slider .play-box .play-button span {
  position: relative;
  width: 60px;
  height: 60px;
  z-index: 10;
  color: #f26a42;
  font-weight: 400;
  font-size: 16px;
  text-align: center;
  padding-left: 4px;
  display: inline-block;
  line-height: 60px;
  border-radius: 50%;
  transition: all 900ms ease;
  -moz-transition: all 900ms ease;
  -webkit-transition: all 900ms ease;
  -ms-transition: all 900ms ease;
  -o-transition: all 900ms ease;
  background-color: #ffffff;
}

.main-slider .play-box .play-button .ripple,
.main-slider .play-box .play-button .ripple:before,
.main-slider .play-box .play-button .ripple:after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 60px;
  height: 60px;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-border-radius: 50% 50% 50% 50%;
  -moz-border-radius: 50% 50% 50% 50%;
  -ms-border-radius: 50% 50% 50% 50%;
  -o-border-radius: 50% 50% 50% 50%;
  border-radius: 50% 50% 50% 50%;
  -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
  -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
  -ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
  -o-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
  box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
  -webkit-animation: ripple 3s infinite;
  -moz-animation: ripple 3s infinite;
  -ms-animation: ripple 3s infinite;
  -o-animation: ripple 3s infinite;
  animation: ripple 3s infinite;
}

.main-slider .play-box .play-button .ripple:before {
  -webkit-animation-delay: 0.9s;
  -moz-animation-delay: 0.9s;
  -ms-animation-delay: 0.9s;
  -o-animation-delay: 0.9s;
  animation-delay: 0.9s;
  content: "";
  position: absolute;
}

.main-slider .play-box .play-button .ripple:after {
  -webkit-animation-delay: 0.6s;
  -moz-animation-delay: 0.6s;
  -ms-animation-delay: 0.6s;
  -o-animation-delay: 0.6s;
  animation-delay: 0.6s;
  content: "";
  position: absolute;
}

@-webkit-keyframes ripple {
  70% {
    box-shadow: 0 0 0 70px rgba(253, 167, 0, 0);
  }

  100% {
    box-shadow: 0 0 0 0 rgba(253, 167, 0, 0);
  }
}

@keyframes ripple {
  70% {
    box-shadow: 0 0 0 70px rgba(253, 167, 0, 0);
  }

  100% {
    box-shadow: 0 0 0 0 rgba(253, 167, 0, 0);
  }
}

.main-slider .image {
  position: relative;
  opacity: 0;
  top: 10px;
  transform: scaleX(0);
  transform-origin: top;
  display: inline-block;
  -webkit-transition: all 900ms ease;
  -moz-transition: all 900ms ease;
  -ms-transition: all 900ms ease;
  -o-transition: all 900ms ease;
  transition: all 900ms ease;
}

.main-slider .active .image {
  opacity: 1;
  transform: scaleX(1);
  transition-delay: 200ms;
}

.main-slider .owl-carousel .owl-stage-outer {
  overflow: visible;
}

.main-slider .image-column {
  position: relative;
}

.main-slider .image-column .inner-column {
  position: relative;
}

.main-slider .owl-dots {
  position: absolute;
  left: 40px;
  top: 50%;
  display: none;
  margin-top: -60px;
}

.main-slider .owl-dots .owl-dot {
  position: relative;
  width: 12px;
  height: 12px;
  opacity: 0.2;
  margin: 15px 0px;
  border-radius: 50px;
  display: block;
  background-color: #71758c;
  transition: all 300ms ease;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
}

.main-slider .owl-dots .owl-dot:hover,
.main-slider .owl-dots .owl-dot.active {
  opacity: 1;
  background-color: #ff9138;
}

.main-slider .owl-nav {
  display: none;
}

/*** 

====================================================================
	Main Slider Section Two
====================================================================

***/

.main-slider-two {
  position: relative;
  overflow: hidden;
}

.main-slider-two .slide {
  position: relative;
  overflow: hidden;
  padding: 170px 0px 260px;
  background-size: cover;
}

.main-slider-two .slide:before {
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  opacity: 0.8;
  background: #000000;
}

.main-slider-two .content-box {
  position: relative;
}

.main-slider-two .content-box .inner-box {
  position: relative;
  text-align: center;
}

.main-slider-two h1 {
  color: #ffffff;
  margin-bottom: 22px;
  opacity: 0;
  font-size: 54px;
  transform: scaleY(0);
  transform-origin: top;
  -webkit-transition: all 1000ms ease;
  -moz-transition: all 100ms ease;
  -ms-transition: all 1000ms ease;
  -o-transition: all 1000ms ease;
  transition: all 1000ms ease;
}

.main-slider-two h1 span {
  color: #f26a42;
}

.main-slider-two .active h1 {
  opacity: 1;
  transform: scaleY(1);
  transition-delay: 300ms;
}

.main-slider-two .text {
  font-weight: 400;
  margin-bottom: 35px;
  opacity: 0;
  color: #ffffff;
  font-size: 18px;
  line-height: 1.8em;
  transform: scaleY(0);
  transform-origin: top;
  -webkit-transition: all 1000ms ease;
  -moz-transition: all 100ms ease;
  -ms-transition: all 1000ms ease;
  -o-transition: all 1000ms ease;
  transition: all 1000ms ease;
}

.main-slider-two .active .text {
  opacity: 1;
  transform: scaleY(1);
  -webkit-transition-delay: 600ms;
  -moz-transition-delay: 600ms;
  -ms-transition-delay: 600ms;
  -o-transition-delay: 600ms;
  transition-delay: 600ms;
}

.main-slider-two .btns-box {
  opacity: 0;
  text-align: center;
  transform: scaleY(0);
  transform-origin: top;
  -webkit-transition: all 900ms ease;
  -moz-transition: all 900ms ease;
  -ms-transition: all 900ms ease;
  -o-transition: all 900ms ease;
  transition: all 900ms ease;
}

.main-slider-two .active .btns-box {
  opacity: 1;
  transform: scaleY(1);
  transition-delay: 900ms;
}

.main-slider-two .btns-box .theme-btn {
  margin: 0px 10px;
}

.main-slider-two .owl-dots {
  display: none;
}

.main-slider-two .owl-nav {
  position: absolute;
  left: 0px;
  top: 50%;
  z-index: 99999;
  width: 100%;
  opacity: 0;
  margin-top: -50px;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}

.main-slider-two:hover .owl-nav {
  opacity: 1;
}

.main-slider-two .owl-nav .owl-prev {
  position: absolute;
  left: 20px;
  width: 60px;
  height: 60px;
  color: #ffffff;
  line-height: 56px;
  font-size: 24px;
  text-align: center;
  border-radius: 5px;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  border: 2px solid rgba(255, 255, 255, 0.6);
}

.main-slider-two .owl-nav .owl-next {
  position: absolute;
  right: 20px;
  color: #ffffff;
  font-size: 24px;
  width: 60px;
  height: 60px;
  color: #ffffff;
  line-height: 56px;
  border-radius: 5px;
  text-align: center;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  border: 2px solid rgba(255, 255, 255, 0.6);
}

.main-slider-two .owl-nav .owl-prev:hover,
.main-slider-two .owl-nav .owl-next:hover {
  color: #ffffff;
  border-color: #f26a42;
  background-color: #f26a42;
}

.waves {
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
  height: 15vh;
  z-index: 1;
  margin-bottom: -8px;
  min-height: 100px;
  max-height: 150px;
}

.waves .content {
  position: relative;
  height: 20vh;
  text-align: center;
  background-color: white;
}

/* Animation */
.parallax>use {
  -webkit-animation: move-forever 25s cubic-bezier(0.55, 0.5, 0.45, 0.5) infinite;
  animation: move-forever 25s cubic-bezier(0.55, 0.5, 0.45, 0.5) infinite;
}

.parallax>use:nth-child(1) {
  -webkit-animation-delay: -2s;
  animation-delay: -2s;
  -webkit-animation-duration: 7s;
  animation-duration: 7s;
}

.parallax>use:nth-child(2) {
  -webkit-animation-delay: -3s;
  animation-delay: -3s;
  -webkit-animation-duration: 10s;
  animation-duration: 10s;
}

.parallax>use:nth-child(3) {
  -webkit-animation-delay: -4s;
  animation-delay: -4s;
  -webkit-animation-duration: 13s;
  animation-duration: 13s;
}

.parallax>use:nth-child(4) {
  -webkit-animation-delay: -5s;
  animation-delay: -5s;
  -webkit-animation-duration: 20s;
  animation-duration: 20s;
}

/*** 

====================================================================
	Main Slider Section Three
====================================================================

***/

.main-slider-three {
  position: relative;
  overflow: hidden;
}

.main-slider-three .slide {
  position: relative;
  overflow: hidden;
  padding: 220px 0px 0px;
  background-size: cover;
}

.main-slider-three .slide:before {
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  opacity: 0.5;
  background: #000000;
}

.main-slider-three .content-column {
  position: relative;
}

.main-slider-three .content-column .inner-column {
  position: relative;
  padding-top: 140px;
  text-align: right;
}

.main-slider-three .title {
  font-weight: 400;
  margin-bottom: 20px;
  opacity: 0;
  color: #ffffff;
  font-size: 18px;
  padding-right: 40px;
  transform: scaleY(0);
  transform-origin: top;
  -webkit-transition: all 1000ms ease;
  -moz-transition: all 100ms ease;
  -ms-transition: all 1000ms ease;
  -o-transition: all 1000ms ease;
  transition: all 1000ms ease;
}

.main-slider-three .active .title {
  opacity: 1;
  transform: scaleY(1);
  -webkit-transition-delay: 300ms;
  -moz-transition-delay: 300ms;
  -ms-transition-delay: 300ms;
  -o-transition-delay: 300ms;
  transition-delay: 300ms;
}

.main-slider-three .title:before {
  position: absolute;
  content: "";
  right: 0px;
  top: 7px;
  width: 30px;
  height: 7px;
  border-top: 2px solid #f26a42;
  border-bottom: 2px solid #f26a42;
}

.main-slider-three h1 {
  color: #ffffff;
  margin-bottom: 22px;
  opacity: 0;
  font-size: 60px;
  transform: scaleY(0);
  transform-origin: top;
  -webkit-transition: all 1000ms ease;
  -moz-transition: all 100ms ease;
  -ms-transition: all 1000ms ease;
  -o-transition: all 1000ms ease;
  transition: all 1000ms ease;
}

.main-slider-three .active h1 {
  opacity: 1;
  transform: scaleY(1);
  transition-delay: 300ms;
}

.main-slider-three .text {
  font-weight: 400;
  margin-bottom: 35px;
  opacity: 0;
  color: #ffffff;
  font-size: 18px;
  line-height: 1.8em;
  transform: scaleY(0);
  transform-origin: top;
  -webkit-transition: all 1000ms ease;
  -moz-transition: all 100ms ease;
  -ms-transition: all 1000ms ease;
  -o-transition: all 1000ms ease;
  transition: all 1000ms ease;
}

.main-slider-three .active .text {
  opacity: 1;
  transform: scaleY(1);
  -webkit-transition-delay: 600ms;
  -moz-transition-delay: 600ms;
  -ms-transition-delay: 600ms;
  -o-transition-delay: 600ms;
  transition-delay: 600ms;
}

.main-slider-three .btns-box {
  opacity: 0;
  float: right;
  transform: scaleY(0);
  transform-origin: top;
  display: inline-block;
  -webkit-transition: all 900ms ease;
  -moz-transition: all 900ms ease;
  -ms-transition: all 900ms ease;
  -o-transition: all 900ms ease;
  transition: all 900ms ease;
}

.main-slider-three .active .btns-box {
  opacity: 1;
  transform: scaleY(1);
  transition-delay: 900ms;
}

.main-slider-three .btns-box .theme-btn {
  margin-left: 25px;
}

.main-slider-three .play-box {
  position: relative;
  float: right;
  color: #ffffff;
  font-size: 16px;
  padding-left: 70px;
  margin-top: 15px;
  opacity: 0;
  transform: scaleY(0);
  transform-origin: top;
  -webkit-transition: all 900ms ease;
  -moz-transition: all 900ms ease;
  -ms-transition: all 900ms ease;
  -o-transition: all 900ms ease;
  transition: all 900ms ease;
}

.main-slider-three .active .play-box {
  opacity: 1;
  transform: scaleY(1);
  transition-delay: 900ms;
}

.main-slider-three .play-box .play-button {
  position: absolute;
  left: 0px;
  top: -18px;
}

.main-slider-three .play-box .play-button span {
  position: relative;
  width: 60px;
  height: 60px;
  z-index: 10;
  color: #f26a42;
  font-weight: 400;
  font-size: 16px;
  text-align: center;
  padding-left: 4px;
  display: inline-block;
  line-height: 60px;
  border-radius: 50%;
  transition: all 900ms ease;
  -moz-transition: all 900ms ease;
  -webkit-transition: all 900ms ease;
  -ms-transition: all 900ms ease;
  -o-transition: all 900ms ease;
  background-color: #ffffff;
}

.main-slider-three .play-box .play-button .ripple,
.main-slider-three .play-box .play-button .ripple:before,
.main-slider-three .play-box .play-button .ripple:after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 60px;
  height: 60px;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-border-radius: 50% 50% 50% 50%;
  -moz-border-radius: 50% 50% 50% 50%;
  -ms-border-radius: 50% 50% 50% 50%;
  -o-border-radius: 50% 50% 50% 50%;
  border-radius: 50% 50% 50% 50%;
  -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
  -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
  -ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
  -o-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
  box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
  -webkit-animation: ripple 3s infinite;
  -moz-animation: ripple 3s infinite;
  -ms-animation: ripple 3s infinite;
  -o-animation: ripple 3s infinite;
  animation: ripple 3s infinite;
}

.main-slider-three .play-box .play-button .ripple:before {
  -webkit-animation-delay: 0.9s;
  -moz-animation-delay: 0.9s;
  -ms-animation-delay: 0.9s;
  -o-animation-delay: 0.9s;
  animation-delay: 0.9s;
  content: "";
  position: absolute;
}

.main-slider-three .play-box .play-button .ripple:after {
  -webkit-animation-delay: 0.6s;
  -moz-animation-delay: 0.6s;
  -ms-animation-delay: 0.6s;
  -o-animation-delay: 0.6s;
  animation-delay: 0.6s;
  content: "";
  position: absolute;
}

.main-slider-three .image {
  position: relative;
  opacity: 0;
  top: 10px;
  transform: scaleX(0);
  transform-origin: top;
  display: inline-block;
  -webkit-transition: all 900ms ease;
  -moz-transition: all 900ms ease;
  -ms-transition: all 900ms ease;
  -o-transition: all 900ms ease;
  transition: all 900ms ease;
}

.main-slider-three .active .image {
  opacity: 1;
  transform: scaleX(1);
  transition-delay: 200ms;
}

.main-slider-three .owl-carousel .owl-stage-outer {
  overflow: visible;
}

.main-slider-three .image-column {
  position: relative;
}

.main-slider-three .image-column .inner-column {
  position: relative;
}

.main-slider-three .owl-dots {
  display: none;
}

.main-slider-three .owl-nav {
  position: absolute;
  left: 0px;
  top: 50%;
  z-index: 99999;
  width: 100%;
  opacity: 0;
  margin-top: -50px;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}

.main-slider-three:hover .owl-nav {
  opacity: 1;
}

.main-slider-three .owl-nav .owl-prev {
  position: absolute;
  left: 20px;
  width: 60px;
  height: 60px;
  color: #ffffff;
  line-height: 56px;
  font-size: 24px;
  text-align: center;
  border-radius: 0px;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  border: 2px solid rgba(255, 255, 255, 0.6);
}

.main-slider-three .owl-nav .owl-next {
  position: absolute;
  right: 20px;
  color: #ffffff;
  font-size: 24px;
  width: 60px;
  height: 60px;
  color: #ffffff;
  line-height: 56px;
  border-radius: 0px;
  text-align: center;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  border: 2px solid rgba(255, 255, 255, 0.6);
}

.main-slider-three .owl-nav .owl-prev:hover,
.main-slider-three .owl-nav .owl-next:hover {
  color: #ffffff;
  border-color: #f26a42;
  background-color: #f26a42;
}

/*** 

====================================================================
	About Section
====================================================================

***/

.about-section {
  position: relative;
  padding: 50px 0px 50px;
}

.about-section .inner-container {
  position: relative;
  background-color: #f5f5f5;
  background-position: left bottom;
  background-repeat: no-repeat;
}

.about-section .content-column {
  position: relative;
}

.about-section .content-column .inner-column {
  position: relative;
  padding: 70px 55px;
}

.about-section .content-column .sec-title {
  margin-bottom: 25px;
}

.about-section .content-column .text {
  position: relative;
  margin-bottom: 35px;
}

.about-section .content-column .text p {
  position: relative;
  font-size: 16px;
  color: #555555;
  line-height: 1.7em;
  margin-bottom: 20px;
}

.about-section .content-column .text p:last-child {
  margin-bottom: 0px;
}

.about-section .content-column .signature {
  margin-left: 40px;
}

.about-section .image-column {
  position: relative;
}

.about-section .image-column .inner-column {
  position: relative;
}

.about-section .image-column .image {
  position: relative;
}

.about-section .image-column .image img {
  position: relative;
  width: 100%;
  display: block;
}

.about-section .image-column .experiance-box {
  position: absolute;
  right: -25px;
  bottom: 30px;
}

.about-section .image-column .experiance-box:before {
  position: absolute;
  content: "";
  right: 0px;
  bottom: -25px;
  width: 0;
  height: 0;
  z-index: 1;
  border-top: 25px solid #111111;
  border-right: 25px solid transparent;
}

.about-section .image-column .experiance-box .box-inner {
  position: relative;
  padding: 30px 45px;
  text-align: center;
  border-radius: 20px 0px 0px 0px;
  background-color: rgba(240, 85, 35, 0.95);
}

.about-section .image-column .experiance-box .count-box {
  position: relative;
  color: #fff;
  font-size: 60px;
  font-weight: 700;
  line-height: 1em;
}

.about-section .image-column .experiance-box h6 {
  position: relative;
  color: #fff;
  font-weight: 700;
  margin-top: 10px;
  text-transform: uppercase;
}

/*** 

====================================================================
	Services Section
====================================================================

***/

.services-section {
  position: relative;
  padding-bottom: 100px;
}

.services-section .side-image {
  position: absolute;
  right: 0px;
  bottom: 0px;
}

.services-section .owl-nav {
  display: none;
}

.services-section .owl-dots {
  position: relative;
  margin-top: 50px;
  text-align: center;
}

.services-section .owl-dots .owl-dot {
  position: relative;
  width: 15px;
  height: 15px;
  margin: 0px 7px;
  border-radius: 50px;
  display: inline-block;
  border: 2px solid #111111;
  transition: all 300ms ease;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
}

.services-section .owl-dots .owl-dot:hover,
.services-section .owl-dots .owl-dot.active {
  background-color: #f26a42;
  border-color: #f26a42;
}

.services-section .owl-carousel .owl-stage-outer {
  position: static;
  padding: 20px 0px;
}

.services-section .owl-theme .service-block {
  margin: 0px 15px;
}

.services-section .owl-carousel {
  margin: 0px -15px;
  width: auto;
}

.services-section .sec-title .text {
  margin-top: 65px;
}

.service-block {
  position: relative;
  margin-bottom: 60px;
}

.service-block .inner-box {
  position: relative;
  padding: 30px 30px 40px;
  background-color: #ffffff;
  border-bottom: 4px solid #f26a42;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
}

.service-block .inner-box .pattern-layer {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  opacity: 0;
  transition: all 300ms ease;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
}

.service-block .inner-box:hover .pattern-layer {
  opacity: 1;
}

.service-block .inner-box .icon {
  position: absolute;
  right: 0px;
  top: 0px;
  color: #f26a42;
  line-height: 1em;
  font-size: 60px;
}

.service-block .inner-box .content {
  position: relative;
}

.service-block .inner-box h4 a {
  position: relative;
  color: #00a85a;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
  font-size: 21px;
  font-weight: 700;
}

.service-block .inner-box h4 a:hover {
  color: #f26a42;
}

.service-block .inner-box .text {
  position: relative;
  color: #555555;
  font-size: 16px;
  line-height: 1.7em;
  margin-top: 25px;
}

.service-block .inner-box .read-more {
  position: absolute;
  right: 30px;
  bottom: -25px;
  color: #ffffff;
  font-weight: 600;
  padding: 12px 24px;
  background-color: #00a85a;
  border-radius: 15px 0px 0px 0px;
  border-right: 2px solid #f26a42;
  transition: all 300ms ease;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
}

.service-block .inner-box:hover .read-more {
  background-color: #f26a42;
  border-color: #222222;
}

/*** 

====================================================================
	Counter Section
====================================================================

***/

.counter-section {
  position: relative;
  padding: 60px 0px 250px;
}

.counter-section:before {
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  background-color: rgba(0, 0, 0, 0.8);
}

/* Fact Counter */

.fact-counter {
  position: relative;
  z-index: 1;
}

.fact-counter .column {
  position: relative;
  margin-bottom: 30px;
}

.fact-counter .column .inner {
  position: relative;
  padding: 30px 20px;
  border-left: 3px solid #f26a42;
  background-color: rgba(255, 255, 255, 0.1);
}

.fact-counter .column .inner .content {
  position: relative;
  padding-left: 90px;
}

.fact-counter .column .inner .icon {
  position: absolute;
  left: 8px;
  top: 0px;
  color: #f26a42;
  font-size: 60px;
  text-align: center;
  line-height: 1em;
  font-weight: 400;
  transition: all 600ms ease;
  -moz-transition: all 600ms ease;
  -webkit-transition: all 600ms ease;
  -ms-transition: all 600ms ease;
  -o-transition: all 600ms ease;
}

.fact-counter .column .inner:hover .icon {
  color: #ffffff;
  -webkit-transform: scale(-1) rotate(180deg);
  -moz-transform: scale(-1) rotate(180deg);
  -ms-transform: scale(-1) rotate(180deg);
  -o-transform: scale(-1) rotate(180deg);
  transform: scale(-1) rotate(180deg);
}

.fact-counter .count-outer .percentage {
  position: relative;
  font-weight: 600;
  color: #ffffff;
  font-size: 30px;
  line-height: 1em;
}

.fact-counter .column .inner .count-outer {
  position: relative;
  font-weight: 600;
  color: #ffffff;
  font-size: 36px;
  line-height: 1em;
}

.fact-counter .column .inner .counter-title {
  position: relative;
  color: #ffffff;
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 7px;
}

/*** 

====================================================================
	Skill Section
====================================================================

***/

.skill-section {
  position: relative;
}

.skill-section.style-two {
  padding-bottom: 50px;
}

.skill-section.style-two .inner-container {
  margin-top: 0px;
}

.skill-section .inner-container {
  position: relative;
  padding: 60px 60px;
  margin-top: -210px;
  background-color: #ffffff;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
}

.skill-section .image-column {
  position: relative;
}

.skill-section .image-column .inner-column {
  position: relative;
  padding-right: 40px;
}

.skill-section .image-column .image {
  position: relative;
  padding-left: 30px;
  padding-top: 30px;
}

.skill-section .image-column .image img {
  position: relative;
  width: 100%;
  display: block;
}

.skill-section .image-column .image .pattern-layer {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 246px;
  height: 264px;
  background-repeat: no-repeat;
}

.skill-section .image-column .image .text {
  position: absolute;
  left: 0px;
  bottom: 30px;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  padding: 10px 30px 10px 30px;
  background-color: #f26a42;
  border-radius: 0px 50px 50px 0px;
}

.skill-section .image-column .image .text:before {
  position: absolute;
  content: "";
  left: 0px;
  bottom: -30px;
  border-top: 30px solid #a2a2a2;
  border-left: 30px solid transparent;
}

.skill-section .skill-column {
  position: relative;
}

.skill-section .skill-column .inner-column {
  position: relative;
  margin-left: -30px;
}

.skill-section .skill-column .sec-title {
  margin-bottom: 25px;
}

.skill-section .skill-column .btn-box {
  margin-top: 27px;
}

/* Skills Section */

.skills .skill-item {
  position: relative;
  margin-bottom: 20px;
  padding-bottom: 6px;
  border-bottom: 2px solid #d7d7d7;
}

.skills .skill-item:last-child {
  margin-bottom: 0px;
}

.skills .skill-item .skill-bar {
  position: relative;
  width: 100%;
  height: 7px;
}

.skills .skill-item .skill-bar .bar-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
  height: 7px;
}

.skills.style-two .skill-item .skill-bar .bar-inner {
  background-color: #eeeeee;
}

.skills .skill-item .skill-bar .bar-inner .bar {
  position: absolute;
  left: 0px;
  top: 0px;
  height: 7px;
  width: 0px;
  border-bottom: 7px solid #f26a42;
  -webkit-transition: all 2000ms ease;
  -ms-transition: all 2000ms ease;
  -o-transition: all 2000ms ease;
  -moz-transition: all 2000ms ease;
  transition: all 2000ms ease;
}

.skills .skill-item .skill-header {
  position: relative;
  margin-bottom: 12px;
}

.skills .skill-item .skill-header .skill-title {
  position: relative;
}

.skills .skill-item .skill-header .skill-title {
  float: left;
  color: #222222;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.4em;
  text-transform: capitalize;
  font-family: "Montserrat", sans-serif;
}

.skills .skill-item .skill-header .skill-percentage {
  position: relative;
  float: right;
  font-weight: 700;
  color: #222222;
  font-size: 16px;
  text-transform: uppercase;
}

/*** 

====================================================================
	Project Section
====================================================================

***/

.project-section {
  position: relative;
  padding: 50px 0px 50px;
}

.project-section .side-image {
  position: absolute;
  left: 30px;
  bottom: 0px;
}

.project-section .filters {
  position: relative;
  margin-bottom: 60px;
  text-align: center;
}

.project-section .filters .filter-tabs {
  position: relative;
}

.project-section .filters li {
  position: relative;
  display: inline-block;
  color: #222222;
  cursor: pointer;
  font-size: 16px;
  font-weight: 700;
  margin: 0px 20px 0px;
  transition: all 300ms ease;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
}

.project-section .filters .filter.active,
.project-section .filters .filter:hover {
  color: #f26a42;
}

.project-section .btn-box {
  position: relative;
  margin-top: 20px;
}

.gallery-block.mix {
  display: none;
}

/* Gallery Block */

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

.gallery-block .inner-box {
  position: relative;
}

.gallery-block .inner-box .image-box {
  position: relative;
  margin-bottom: 0px;
}

.gallery-block .inner-box .image-box img {
  position: relative;
  width: 100%;
  display: block;
}

.gallery-block .inner-box .image-box .overlay-box {
  position: absolute;
  left: 20px;
  top: 20px;
  right: 20px;
  bottom: 20px;
  color: #ffffff;
  text-align: center;
  background-color: rgba(240, 85, 35, 0.9);
  transition: -webkit-transform 0.4s ease;
  transition: transform 0.4s ease;
  transition: transform 0.4s ease, -webkit-transform 0.4s ease;
  -webkit-transform: scale(0, 1);
  -ms-transform: scale(0, 1);
  transform: scale(0, 1);
  -webkit-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
}

.gallery-block .inner-box:hover .overlay-box {
  -webkit-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  transform: scale(1, 1);
  -webkit-transform-origin: right center;
  -ms-transform-origin: right center;
  transform-origin: right center;
}

.gallery-block .inner-box .overlay-inner {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  display: table;
  vertical-align: middle;
  padding: 10px 0px;
}

.gallery-block .inner-box .overlay-inner .content {
  position: relative;
  display: table-cell;
  vertical-align: middle;
}

.gallery-block .inner-box .image-box .overlay-box .icon {
  position: relative;
  width: 60px;
  height: 60px;
  color: #ffffff;
  line-height: 60px;
  font-size: 22px;
  text-align: center;
  border-radius: 0px;
  font-weight: 700;
  margin: 0px 4px;
  display: inline-block;
  background-color: #222222;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  transition: all 300ms ease;
}

.gallery-block .inner-box .image-box .overlay-box .icon:hover {
  background-color: #ffffff;
  color: #fe4c1c;
}

.gallery-block .inner-box .lower-content {
  position: relative;
  margin-right: 50px;
  margin-top: -60px;
  background-color: #ffffff;
  padding: 28px 30px 28px 30px;
  border-left: 4px solid #f26a42;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
}

.gallery-block .inner-box .lower-content .title {
  position: relative;
  color: #555555;
  font-size: 14px;
  text-transform: uppercase;
}

.gallery-block .inner-box .lower-content h5 {
  margin-top: 8px;
  text-transform: uppercase;
}

.gallery-block .inner-box .lower-content h5 a {
  position: relative;
  color: #00a85a;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  transition: all 300ms ease;
  font-size: 18px;
}

.gallery-block .inner-box .lower-content h5 a:hover {
  color: #f26a42;
}

.gallery-block.style-two .inner-box .lower-content {
  margin: 0px;
  background-color: #f5f5f5;
  box-shadow: inherit;
}

/*** 

====================================================================
	CTA Section
====================================================================

***/

.cta-section {
  position: relative;
  padding: 100px 0px 100px;
  background-attachment: fixed;
  background-size: cover;
}

.cta-section:before {
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  background-color: rgba(0, 0, 0, 0.6);
}

.cta-section .title-box {
  position: relative;
  text-align: center;
  margin-bottom: 40px;
}

.cta-section .title-box h2 {
  color: #ffffff;
}

.cta-section .cta-list {
  position: relative;
  text-align: center;
}

.cta-section .cta-list li {
  position: relative;
  color: #ffffff;
  font-size: 18px;
  font-weight: 700;
  margin-right: 30px;
  padding-left: 50px;
  letter-spacing: 1px;
  margin-bottom: 12px;
  display: inline-block;
  text-transform: uppercase;
}

.cta-section .cta-list li:before {
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  width: 20px;
  height: 20px;
  border: 2px solid #f26a42;
}

.cta-section .cta-list li:last-child {
  margin-right: 0px;
}

.cta-section .btn-box {
  position: relative;
  margin-top: 40px;
}

.cta-section .btn-box .theme-btn {
  margin: 0px 10px;
}

/*** 

====================================================================
	Testimnial Section
====================================================================

***/

.testimonial-section {
  position: relative;
  padding: 100px 0px 100px;
  background-color: #f5f5f5;
  background-position: center center;
  background-repeat: no-repeat;
}

.testimonial-section .owl-nav {
  position: absolute;
  right: 15px;
  top: -90px;
}

.testimonial-section .owl-nav .owl-prev,
.testimonial-section .owl-nav .owl-next {
  position: relative;
  width: 40px;
  height: 40px;
  color: #222222;
  font-size: 18px;
  border-radius: 2px;
  line-height: 38px;
  margin-left: 15px;
  text-align: center;
  display: inline-block;
  border: 1px solid #222222;
  background-color: #ffffff;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  transition: all 300ms ease;
}

.testimonial-section .owl-nav .owl-prev:hover,
.testimonial-section .owl-nav .owl-next:hover {
  background-color: #f26a42;
  border-color: #f26a42;
  color: #ffffff;
}

.testimonial-section .owl-dots {
  display: none;
}

.testimonial-section .owl-carousel .owl-stage-outer {
  position: static;
  padding: 20px 0px;
}

.testimonial-section .owl-theme .testimonial-block {
  margin: 0px 15px;
}

.testimonial-section .owl-carousel {
  margin: 0px -15px;
  width: auto;
}

.testimonial-block {
  position: relative;
  z-index: 1;
}

.testimonial-block .inner-box {
  position: relative;
  padding: 40px 45px;
  border-radius: 10px;
  background-color: #ffffff;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15);
}

.testimonial-block .inner-box:before {
  position: absolute;
  content: "";
  left: 30px;
  right: 30px;
  bottom: -10px;
  height: 50px;
  z-index: -1;
  border-radius: 50px;
  background-color: #ffffff;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  transition: all 300ms ease;
}

.testimonial-block .inner-box:hover::before {
  background-color: #e75222;
}

.testimonial-block .inner-box .quote-icon {
  position: absolute;
  right: 60px;
  bottom: 60px;
  color: #e5e5e5;
  font-size: 60px;
}

.testimonial-block .inner-box .author-image-outer {
  position: relative;
}

.testimonial-block .inner-box .author-image-outer .author-image {
  position: absolute;
  right: 0px;
  top: -65px;
  width: 115px;
  height: 135px;
  border-radius: 0%;
}

.testimonial-block .inner-box .author-image-outer h6 {
  position: relative;
  color: #222222;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.3em;
  text-transform: capitalize;
}

.testimonial-block .inner-box .author-image-outer .designation {
  position: relative;
  color: #f26a42;
  font-size: 14px;
  margin-top: 8px;
}

.testimonial-block .inner-box .author-image-outer .quote-icon {
  position: absolute;
  right: 0px;
  top: 5px;
  color: #dbdbdb;
  line-height: 1em;
  font-size: 40px;
}

.testimonial-block .inner-box .text {
  position: relative;
  color: #555555;
  font-size: 16px;
  line-height: 1.9em;
  margin-top: 20px;
  padding-right: 40px;
}

.testimonial-block .inner-box .rating {
  position: relative;
  color: #ffaa01;
  font-size: 16px;
  margin-top: 10px;
}

/*** 

====================================================================
	Team Section
====================================================================

***/

.team-section {
  position: relative;
  padding: 100px 0px 80px;
}

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

.team-block .inner-box {
  position: relative;
  padding-right: 40px;
}

.team-block .inner-box .pattern-layer {
  position: absolute;
  left: 0px;
  top: 75px;
  width: 100%;
  height: 111px;
  background-repeat: repeat-x;
}

.team-block .inner-box:before {
  position: absolute;
  content: "";
  left: 35px;
  bottom: 0px;
  right: 0px;
  top: 185px;
  background-color: #f5f5f5;
  border-radius: 0px 0px 0px 20px;
}

.team-block .inner-box .image {
  position: relative;
  overflow: hidden;
  background-color: #f26a42;
}

.team-block .inner-box .image img {
  position: relative;
  width: 100%;
  display: block;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  transition: all 500ms ease;
}

.team-block .inner-box:hover .image img {
  opacity: 0.6;
  transform: scale(1.07, 1.07);
}

.team-block .inner-box .social-box {
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: -60px;
  text-align: center;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  transition: all 500ms ease;
}

.team-block .inner-box .social-box li {
  position: relative;
  margin: 0px 4px;
  display: inline-block;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  transition: all 500ms ease;
}

.team-block .inner-box .social-box li:nth-child(1),
.team-block .inner-box .social-box li:nth-child(2) {
  left: -200px;
}

.team-block .inner-box .social-box li:nth-child(3) {
  bottom: -50px;
}

.team-block .inner-box .social-box li:nth-child(4),
.team-block .inner-box .social-box li:nth-child(5) {
  right: -200px;
}

.team-block .inner-box:hover .social-box li:nth-child(1),
.team-block .inner-box:hover .social-box li:nth-child(2) {
  left: 0px;
}

.team-block .inner-box:hover .social-box li:nth-child(3) {
  bottom: 0px;
}

.team-block .inner-box:hover .social-box li:nth-child(4),
.team-block .inner-box:hover .social-box li:nth-child(5) {
  right: 0px;
}

.team-block .inner-box:hover .image .social-box {
  bottom: 40px;
}

.team-block .inner-box .social-box li a {
  position: relative;
  width: 44px;
  height: 44px;
  color: #111111;
  text-align: center;
  font-size: 16px;
  line-height: 44px;
  border-radius: 50px;
  background-color: #ffffff;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  transition: all 300ms ease;
}

.team-block .inner-box .social-box li a:hover {
  color: #ffffff;
  background-color: #f26a42;
}

.team-block .inner-box .lower-content {
  position: relative;
  text-align: center;
  padding-top: 30px;
  padding-bottom: 30px;
}

.team-block .inner-box h4 {
  margin-bottom: 5px;
}

.team-block .inner-box h4 a {
  position: relative;
  color: #222222;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  transition: all 300ms ease;
}

.team-block .inner-box h4 a:hover {
  color: #f26a42;
}

.team-block .inner-box .designation {
  position: relative;
  color: #222222;
  font-size: 14px;
  margin-top: 5px;
}

/*** 

====================================================================
	Team Section Two
====================================================================

***/

.team-section-two {
  position: relative;
  padding: 100px 0px 70px;
}

.team-section-two .side-icon {
  position: absolute;
  left: 60px;
  top: -30px;
}

.team-block-two {
  position: relative;
  margin-bottom: 30px;
}

.team-block-two .inner-box {
  position: relative;
}

.team-block-two .inner-box .image {
  position: relative;
  overflow: hidden;
  background-color: #f26a42;
}

.team-block-two .inner-box .image img {
  position: relative;
  width: 100%;
  display: block;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  transition: all 500ms ease;
}

.team-block-two .inner-box:hover .image img {
  opacity: 0.6;
  transform: scale(1.07, 1.07);
}

.team-block-two .inner-box .social-box {
  position: absolute;
  bottom: -90px;
  left: 0px;
  right: 0px;
  padding: 0px 25px;
  text-align: center;
  border-radius: 0px;
  display: inline-block;
  background-color: #f26a42;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  transition: all 500ms ease;
}

.team-block-two .inner-box .social-box li {
  position: relative;
  margin: 0px 10px;
  display: inline-block;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  transition: all 500ms ease;
}

.team-block-two .inner-box:hover .image .social-box {
  bottom: 0px;
}

.team-block-two .inner-box .social-box li a {
  position: relative;
  color: #ffffff;
  font-size: 16px;
  line-height: 44px;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  transition: all 300ms ease;
}

.team-block-two .inner-box .social-box li a:hover {
  color: #ffffff;
  background-color: #f26a42;
}

.team-block-two .inner-box .lower-content {
  position: relative;
  margin-top: 35px;
  padding-left: 25px;
  border-left: 15px solid #dddddd;
}

.team-block-two .inner-box .lower-content:before {
  position: absolute;
  content: "";
  left: -15px;
  top: 0px;
  width: 2px;
  bottom: 0px;
  background-color: #f26a42;
}

.team-block-two .inner-box h5 {
  margin-bottom: 5px;
}

.team-block-two .inner-box h5 a {
  position: relative;
  color: #222222;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  transition: all 300ms ease;
}

.team-block-two .inner-box h5 a:hover {
  color: #f26a42;
}

.team-block-two .inner-box .designation {
  position: relative;
  color: #222222;
  font-size: 14px;
  margin-top: 5px;
}

/*** 

====================================================================
	News Section
====================================================================

***/

.news-section {
  position: relative;
  padding: 100px 0px 80px;
  background-color: #f5f5f5;
  background-position: left bottom;
  background-repeat: no-repeat;
}

.blog-page-section .news-block {
  margin-bottom: 60px;
}

.news-block {
  position: relative;
  margin-bottom: 40px;
}

.news-block .inner-box {
  position: relative;
  background-color: #ffffff;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
}

.news-block .inner-box .image {
  position: relative;
  background-color: #f26a42;
}

.news-block .inner-box .image img {
  position: relative;
  width: 100%;
  display: block;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  transition: all 500ms ease;
}

.news-block .inner-box:hover .image img {
  opacity: 0.6;
}

.news-block .inner-box .image .post-date {
  position: absolute;
  left: 25px;
  bottom: -15px;
  width: 75px;
  height: 80px;
  color: #ffffff;
  font-size: 36px;
  padding-top: 16px;
  font-weight: 800;
  text-align: center;
  background-color: #f26a42;
}

.news-block .inner-box .image .post-date span {
  font-size: 16px;
  color: #ffffff;
  display: block;
  font-weight: 400;
  margin-top: 10px;
}

.news-block .inner-box .lower-content {
  position: relative;
  padding: 40px 30px 45px;
}

.news-block .inner-box .lower-content .post-info {
  position: relative;
  margin-bottom: 15px;
}

.news-block .inner-box .lower-content .post-info li {
  position: relative;
  color: #f26a42;
  font-size: 16px;
  line-height: 1.2em;
  padding-right: 14px;
  margin-right: 15px;
  display: inline-block;
  border-right: 1px solid #f26a42;
}

.news-block .inner-box .lower-content .post-info li:last-child {
  margin-right: 0px;
  padding-right: 0px;
  border-right: 0px;
}

.news-block .inner-box h4 {
  margin-bottom: 25px;
  font-weight: 600;
  padding-bottom: 25px;
  border-bottom: 2px solid #dddddd;
}

.news-block .inner-box h4:before {
  position: absolute;
  content: "";
  left: 0px;
  bottom: -2px;
  width: 50px;
  height: 4px;
  background-color: #f26a42;
}

.news-block .inner-box h4 a {
  position: relative;
  color: #222222;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  transition: all 300ms ease;
}

.news-block .inner-box h4 a:hover {
  color: #f26a42;
}

.news-block .inner-box .text {
  position: relative;
  color: #222222;
  font-size: 16px;
  line-height: 1.8em;
}

.news-block .inner-box .read-more {
  position: absolute;
  left: 30px;
  bottom: -25px;
  color: #ffffff;
  font-weight: 600;
  padding: 12px 24px;
  background-color: #222222;
  border-radius: 15px 0px 0px 0px;
  border-right: 2px solid #f26a42;
  transition: all 300ms ease;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
}

.news-block .inner-box:hover .read-more {
  background-color: #f26a42;
  border-color: #222222;
}

/*** 

====================================================================
	Clients Section
====================================================================

***/

.clients-section {
  position: relative;
  padding: 15px 0px 50px;
}

.clients-section .sponsors-outer .owl-dots,
.clients-section .sponsors-outer .owl-nav {
  position: relative;
  display: none;
}

.clients-section .sponsors-outer .image-box {
  position: relative;
  text-align: center;
  margin: 0px;
}

.clients-section .sponsors-outer .image-box img {
  max-width: 100%;
  width: auto;
  opacity: 0.7;
  display: inline-block;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  transition: all 300ms ease;
}

.clients-section .sponsors-outer .image-box img:hover {
  opacity: 1;
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
}

/*** 

====================================================================
	Newsletter Section
====================================================================

***/

.newsletter-section {
  position: relative;
  background-color: #f26a42;
}

.newsletter-section .logo-column {
  position: relative;
}

.newsletter-section .logo-column .inner-column {
  position: relative;
  padding: 60px 0px;
}

.newsletter-section .logo-column .inner-column:before {
  position: absolute;
  content: "";
  right: 0px;
  top: 0px;
  bottom: -17px;
  width: 800%;
  background-color: #222222;
}

.newsletter-section .logo-column .logo {
  position: relative;
  left: -20px;
}

.newsletter-section .form-column {
  position: relative;
}

.newsletter-section .form-column .inner-column {
  position: relative;
  padding-top: 65px;
}

.newsletter-section .form-column .title-box {
  position: absolute;
  left: 0px;
  top: 0px;
}

.newsletter-section .form-column .title-box .box-inner {
  position: relative;
  color: #000;
  font-size: 28px;
  font-weight: 500;
  padding-left: 95px;
  line-height: 1.3em;
}

.newsletter-section .form-column .title-box .icon {
  position: absolute;
  left: 0px;
  top: 4px;
  color: #222222;
  font-size: 60px;
  line-height: 1em;
  font-weight: 400;
}

.newsletter-section .form-column .content {
  position: relative;
  padding-left: 360px;
}

/* Newslettter Form */

.newsletter-form {
  margin-bottom: 35px;
}

.newsletter-form .form-group {
  position: relative;
  display: block;
  margin-bottom: 10px;
}

.newsletter-form .form-group input[type="text"],
.newsletter-form .form-group input[type="email"] {
  position: relative;
  display: block;
  width: 100%;
  line-height: 26px;
  height: 60px;
  font-size: 15px;
  color: #000000;
  border-radius: 6px;
  background: #ffffff;
  padding: 10px 85px 10px 20px;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  transition: all 300ms ease;
}

.newsletter-form .form-group .submit-btn {
  position: absolute;
  right: 0px;
  top: 0px;
  color: #ffffff;
  cursor: pointer;
  font-size: 16px;
  font-weight: 500;
  padding: 19px 36px;
  display: inline-block;
  background-color: #00a85a;
  border-radius: 0px 6px 6px 0px;
}

.newsletter-form.style-two .form-group .submit-btn {
  background-color: #f26a42;
}

/*** 

====================================================================
	Main Footer
====================================================================

***/

.main-footer {
  position: relative;
  padding: 50px 0px 0px;
  background-size: cover;
}

.main-footer .side-image {
  position: absolute;
  left: 0px;
  bottom: 50px;
  z-index: 1;
}

.main-footer .footer-widget {
  position: relative;
  z-index: 1;
  /* margin-bottom: 40px; */
}

.main-footer .widgets-section {
  position: relative;
  padding-bottom: 40px;
}

.main-footer .footer-widget h4 {
  color: #ffffff;
  margin-bottom: 25px;
  text-transform: capitalize;
}

/* Recent Posts */

.main-footer .news-widget {
  position: relative;
}

.main-footer .news-widget .post {
  position: relative;
  min-height: 80px;
  padding-left: 100px;
  margin-bottom: 25px;
}

.main-footer .news-widget .post:last-child {
  margin-bottom: 0;
}

.main-footer .news-widget .post .thumb {
  position: absolute;
  left: 0px;
  top: 4px;
  height: 80px;
  width: 80px;
  overflow: hidden;
}

.main-footer .news-widget .post .thumb a {
  display: block;
}

.main-footer .news-widget .post .thumb img {
  display: block;
  width: 100%;
  height: auto;
}

.main-footer .news-widget .post h6 {
  position: relative;
  color: #ffffff;
  line-height: 1.7em;
  font-weight: 700;
  font-size: 16px;
}

.main-footer .news-widget .post h6 a {
  color: #ffffff;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.main-footer .news-widget .post h6 a:hover {
  color: #f26a42;
}

.main-footer .news-widget .post .date {
  position: relative;
  display: block;
  font-size: 14px;
  line-height: 1.3em;
  color: #ffffff;
  margin-top: 8px;
  text-transform: uppercase;
}

/* List Link */

.list-link {
  position: relative;
}

.list-link li {
  position: relative;
  margin-bottom: 13px;
}

.list-link li a {
  position: relative;
  color: #ffffff;
  font-size: 16px;
  padding-left: 26px;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  transition: all 300ms ease;
}

.list-link li a:hover {
  color: #fe4c1c;
}

.list-link li a:before {
  position: absolute;
  content: "\f121";
  left: 0px;
  top: 2px;
  font-size: 14px;
  line-height: 1em;
  font-family: "flaticon";
}

.main-footer .request-widget .phone {
  position: relative;
  color: #ffffff;
  font-weight: 700;
  font-size: 30px;
  line-height: 1.3em;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  transition: all 300ms ease;
}

.main-footer .request-widget .phone:hover {
  color: #f26a42;
}

.main-footer .request-widget .text {
  position: relative;
  color: #ffffff;
  font-size: 16px;
  opacity: 0.8;
  line-height: 1.8em;
  margin-top: 15px;
  margin-bottom: 25px;
}

.main-footer .request-widget .theme-btn {
  padding: 12px 22px;
}

.main-footer .footer-bottom {
  position: relative;
  padding: 12px 0px;
  background-color: #00a85a;
}

.main-footer .footer-bottom .copyright {
  position: relative;
  color: #ffffff;
  font-size: 16px;
  font-weight: 400;
}

.main-footer .footer-bottom .copyright a {
  position: relative;
  font-weight: 600;
  color: #ffffff;
}

.main-footer .footer-bottom .social-box {
  position: relative;
  text-align: right;
}

.main-footer .footer-bottom .social-box li {
  position: relative;
  margin-left: 15px;
  display: inline-block;
}

.main-footer .footer-bottom .social-box li a {
  position: relative;
  color: #ffffff;
  font-size: 15px;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.main-footer .footer-bottom .social-box li a:hover {
  color: #f26a42;
}

.main-footer .logo-widget .logo {
  margin-bottom: 30px;
}

.main-footer .logo-widget .text {
  position: relative;
  color: #ffffff;
  opacity: 0.8;
  line-height: 1.9em;
}

.main-footer .lower-form-box {
  position: relative;
  padding: 50px 0px 0px;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.main-footer .lower-form-box .title-column {
  position: relative;
}

.main-footer .lower-form-box .title-column .inner-column {
  position: relative;
  color: #ffffff;
  font-size: 27px;
  font-weight: 500;
  line-height: 1.4em;
  padding-left: 80px;
}

.main-footer .lower-form-box .title-column .icon {
  position: absolute;
  left: 0px;
  top: 8px;
  color: #f26a42;
  font-size: 60px;
  line-height: 1em;
  font-weight: 400;
}

.main-footer .lower-form-box .newsletter-form-two {
  margin-top: 10px;
}

/* Newslettter Form */

.newsletter-form-two {
  margin-bottom: 35px;
}

.newsletter-form-two .form-group {
  position: relative;
  display: block;
  margin-bottom: 10px;
}

.newsletter-form-two .form-group input[type="text"],
.newsletter-form-two .form-group input[type="email"] {
  position: relative;
  display: block;
  width: 100%;
  line-height: 26px;
  height: 60px;
  font-size: 15px;
  color: #000000;
  border-radius: 6px;
  background: #ffffff;
  padding: 10px 85px 10px 20px;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  transition: all 300ms ease;
}

.newsletter-form-two .form-group .submit-btn {
  position: absolute;
  right: 0px;
  top: 0px;
  color: #ffffff;
  cursor: pointer;
  font-size: 16px;
  font-weight: 500;
  padding: 19px 36px;
  display: inline-block;
  background-color: #f26a42;
  border-radius: 0px 6px 6px 0px;
}

/*** 

====================================================================
	Services Section Two
====================================================================

***/

.services-section-two {
  position: relative;
  padding: 30px 0px 90px;
  background-position: left bottom;
  background-repeat: no-repeat;
}

.services-section-two .side-icon {
  position: absolute;
  right: 0px;
  z-index: 1;
  bottom: -130px;
}

.services-section-two .owl-nav {
  display: none;
}

.services-section-two .owl-dots {
  position: relative;
  margin-top: 20px;
  text-align: center;
}

.services-section-two .owl-dots .owl-dot {
  position: relative;
  width: 13px;
  height: 13px;
  margin: 0px 7px;
  border-radius: 50px;
  display: inline-block;
  border: 2px solid #111111;
  transition: all 300ms ease;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
}

.services-section-two .owl-dots .owl-dot:hover,
.services-section-two .owl-dots .owl-dot.active {
  background-color: #f26a42;
  border-color: #f26a42;
}

.services-section-two .owl-carousel .owl-stage-outer {
  position: static;
  padding: 20px 0px;
}

.services-section-two .owl-carousel .owl-stage-outer .service-block-two {
  margin: 0px 15px;
}

.services-section-two .owl-carousel {
  margin: 0px -15px;
  width: auto;
}

.services-section-two .pattern-layer {
  position: absolute;
  left: -50px;
  bottom: 0px;
  width: 1070px;
  height: 794px;
}

.service-block-two {
  position: relative;
  margin-bottom: 30px;
}

.service-block-two .inner-box {
  position: relative;
  padding: 0px 20px 30px;
}

.service-block-two .inner-box:before {
  position: absolute;
  content: "";
  left: 0px;
  top: 30px;
  right: 0px;
  bottom: 0px;
  border-radius: 10px;
  background-color: #ffffff;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.12);
}

.service-block-two .inner-box .image {
  position: relative;
  border-radius: 8px;
  overflow: hidden;
}

.service-block-two .inner-box .image img {
  position: relative;
  width: 100%;
  display: block;
}

.service-block-two .inner-box .overlay-box {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  background-color: rgba(34, 34, 34, 0.9);
  transition: -webkit-transform 0.4s ease;
  transition: transform 0.4s ease;
  transition: transform 0.4s ease, -webkit-transform 0.4s ease;
  -webkit-transform: scale(0, 1);
  -ms-transform: scale(0, 1);
  transform: scale(0, 1);
  -webkit-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
}

.service-block-two .inner-box .overlay-box .overlay-inner {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  display: table;
  vertical-align: middle;
  padding: 10px 30px;
}

.service-block-two .inner-box .overlay-box .overlay-inner .content {
  position: relative;
  display: table-cell;
  vertical-align: middle;
}

.service-block-two .inner-box:hover .overlay-box {
  -webkit-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  transform: scale(1, 1);
  -webkit-transform-origin: right center;
  -ms-transform-origin: right center;
  transform-origin: right center;
}

.service-block-two .inner-box .overlay-box .text {
  position: relative;
  color: #ffffff;
  font-size: 16px;
  line-height: 1.7em;
  margin-bottom: 25px;
}

.service-block-two .inner-box .overlay-box .read-more {
  position: relative;
  color: #ffffff;
  font-size: 15px;
  line-height: 24px;
  padding: 11px 24px;
  border: 1px solid #ffffff;
  border-radius: 15px 0px 0px 0px;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.service-block-two .inner-box .overlay-box .read-more:hover {
  border-color: #f26a42;
  background-color: #f26a42;
}

.service-block-two .inner-box .lower-box {
  position: relative;
  margin-top: -25px;
  padding-top: 15px;
  padding-left: 30px;
}

.service-block-two .inner-box .lower-box .box-inner {
  position: relative;
  padding: 30px 10px 0px 80px;
}

.service-block-two .inner-box .lower-box .icon {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 60px;
  height: 60px;
  color: #ffffff;
  font-size: 34px;
  line-height: 60px;
  border-radius: 4px;
  text-align: center;
  display: inline-block;
  background-color: #f26a42;
}

.service-block-two .inner-box .lower-box h6 {}

.service-block-two .inner-box .lower-box h6 a {
  position: relative;
  color: #222222;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.service-block-two .inner-box .lower-box h6 a:hover {
  color: #f26a42;
}

/*** 

====================================================================
	Goal Section
====================================================================

***/

.goal-section {
  position: relative;
  padding: 100px 0px 80px;
  background-color: #f5f5f5;
}

.goal-section .dark-layer {
  position: absolute;
  right: 120px;
  top: -100px;
  width: 500%;
  bottom: 100px;
  background-color: #222222;
}

.goal-section:before {
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  width: 25%;
  height: 100%;
  background-color: #ffffff;
}

.goal-section .image-column {
  position: relative;
  z-index: 1;
}

.goal-section .image-column .inner-column {
  position: relative;
  padding-top: 90px;
  padding-right: 50px;
  margin-left: -320px;
}

.goal-section .image-column .image {
  position: relative;
}

.goal-section .image-column .image img {
  position: relative;
  width: 100%;
  display: block;
}

.goal-section .image-column .image .icon-button {
  position: absolute;
  right: -50px;
  top: -50px;
}

.goal-section .image-column .image .icon-button span {
  position: relative;
  width: 100px;
  height: 100px;
  z-index: 10;
  color: #ffffff;
  font-weight: 400;
  font-size: 50px;
  text-align: center;
  padding-left: 0px;
  display: inline-block;
  line-height: 100px;
  border-radius: 50%;
  transition: all 900ms ease;
  -moz-transition: all 900ms ease;
  -webkit-transition: all 900ms ease;
  -ms-transition: all 900ms ease;
  -o-transition: all 900ms ease;
  background-color: #f26a42;
}

.goal-section .image-column .image .icon-button .ripple,
.goal-section .image-column .image .icon-button .ripple:before,
.goal-section .image-column .image .icon-button .ripple:after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100px;
  height: 100px;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-border-radius: 50% 50% 50% 50%;
  -moz-border-radius: 50% 50% 50% 50%;
  -ms-border-radius: 50% 50% 50% 50%;
  -o-border-radius: 50% 50% 50% 50%;
  border-radius: 50% 50% 50% 50%;
  -webkit-box-shadow: 0 0 0 0 rgba(240, 85, 35, 0.6);
  -moz-box-shadow: 0 0 0 0 rgba(240, 85, 35, 0.6);
  -ms-box-shadow: 0 0 0 0 rgba(240, 85, 35, 0.6);
  -o-box-shadow: 0 0 0 0 rgba(240, 85, 35, 0.6);
  box-shadow: 0 0 0 0 rgba(240, 85, 35, 0.6);
  -webkit-animation: ripple 3s infinite;
  -moz-animation: ripple 3s infinite;
  -ms-animation: ripple 3s infinite;
  -o-animation: ripple 3s infinite;
  animation: ripple 3s infinite;
}

.goal-section .image-column .image .icon-button .ripple:before {
  -webkit-animation-delay: 0.9s;
  -moz-animation-delay: 0.9s;
  -ms-animation-delay: 0.9s;
  -o-animation-delay: 0.9s;
  animation-delay: 0.9s;
  content: "";
  position: absolute;
}

.goal-section .image-column .image .icon-button .ripple:after {
  -webkit-animation-delay: 0.6s;
  -moz-animation-delay: 0.6s;
  -ms-animation-delay: 0.6s;
  -o-animation-delay: 0.6s;
  animation-delay: 0.6s;
  content: "";
  position: absolute;
}

.goal-section .image-column .pattern-layer {
  position: absolute;
  right: 0px;
  bottom: -80px;
  width: 115px;
  height: 445px;
  z-index: -1;
  background-repeat: no-repeat;
}

.goal-section .content-column {
  position: relative;
}

.goal-section .content-column .inner-column {
  position: relative;
  padding-left: 50px;
}

.goal-section .content-column .signature {
  margin-left: 40px;
}

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

.goal-block .inner-box {
  position: relative;
}

.goal-block .inner-box .icon {
  position: relative;
  font-size: 60px;
  color: #111111;
  line-height: 1em;
}

.goal-block .inner-box h4 {
  position: relative;
  color: #222222;
  margin: 15px 0px 15px;
}

.goal-block .inner-box .goal-text {
  position: relative;
  color: #555555;
  font-size: 16px;
  line-height: 1.8em;
}

/*** 

====================================================================
	Goal Section
====================================================================

***/

.process-section {
  position: relative;
  padding: 100px 0px 80px;
  background-position: left bottom;
  background-repeat: no-repeat;
}

.process-section .side-icon {
  position: absolute;
  right: 0px;
  bottom: 0px;
}

.process-block {
  position: relative;
  z-index: 1;
  margin-bottom: 30px;
}

.process-block .inner-box {
  position: relative;
  padding: 55px 15px;
  text-align: center;
}

.process-block .inner-box .process-number {
  position: absolute;
  left: 35px;
  top: 30px;
  width: 70px;
  height: 70px;
  z-index: 1;
  color: #ffffff;
  font-size: 24px;
  line-height: 70px;
  font-weight: 700;
  border-radius: 50px;
  display: inline-block;
  background-color: #222222;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.process-block .inner-box:hover .process-number {
  background-color: #ed5423;
}

.process-block .inner-box .color-layer {
  position: absolute;
  left: 30px;
  top: 0px;
  right: 30px;
  bottom: 0px;
  background-color: #fbfbfb;
  clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
}

.process-block .inner-box .color-layer-two {
  position: absolute;
  left: 60px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: -1;
  background-color: #212121;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
  clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
}

.process-block .inner-box:hover .color-layer-two {
  background-color: #ed5423;
}

.process-block .inner-box .icon {
  position: relative;
  color: #f26a42;
  font-size: 60px;
  line-height: 1em;
  margin-bottom: 15px;
}

.process-block .inner-box h5 {
  position: relative;
  color: #212121;
}

/*** 

====================================================================
	Project Section Two
====================================================================

***/

.project-section-two {
  position: relative;
  padding: 100px 0px 100px;
}

.project-section-two .tab-btns-box {
  position: relative;
  text-align: right;
  margin-top: -70px;
}

.project-section-two .tab-btns-box .p-tab-btn {
  position: relative;
  color: #222222;
  cursor: pointer;
  font-size: 16px;
  margin-left: 25px;
  font-weight: 600;
  margin-bottom: 22px;
  display: inline-block;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}

.project-section-two .tab-btns-box .p-tab-btn:hover,
.project-section-two .tab-btns-box .p-tab-btn.active-btn {
  color: #f26a42;
}

.project-section-two .project-tab .p-tabs-content {
  position: relative;
  display: block;
  padding-top: 35px;
  padding-left: 15px;
  padding-right: 15px;
}

.project-section-two .project-tab .p-tabs-content .owl-nav,
.project-section-two .project-tab .p-tabs-content .owl-dots {
  display: none;
}

.project-section-two .project-tab .p-tab {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: auto;
  visibility: hidden;
}

.project-section-two .project-tab .p-tab.active-tab {
  position: relative;
  visibility: visible;
  z-index: 5;
}

.project-section-two .p-tab.active-tab .gallery-block {
  -webkit-transform: scaleY(1);
  -ms-transform: scaleY(1);
  -o-transform: scaleY(1);
  -moz-transform: scaleY(1);
  transform: scaleY(1);
}

.project-section-two .p-tab .gallery-block {
  transition: all 0.7s ease;
  -moz-transition: all 0.7s ease;
  -webkit-transition: all 0.7s ease;
  -ms-transition: all 0.7s ease;
  -o-transition: all 0.7s ease;
  -webkit-transform: scaleY(0);
  -ms-transform: scaleY(0);
  -o-transform: scaleY(0);
  -moz-transform: scaleY(0);
  transform: scaleY(0);
}

.project-section-two .lower-text {
  position: relative;
  text-align: center;
}

.project-section-two .lower-text .text {
  position: relative;
  color: #555555;
  font-size: 16px;
  text-align: center;
  margin-top: 20px;
  padding: 15px 45px;
  margin-bottom: 30px;
  display: inline-block;
  border: 1px dashed #dddddd;
}

/*** 

====================================================================
	Request Quote Section Two
====================================================================

***/

.request-quote-section {
  position: relative;
  padding: 100px 0px 100px;
}

.request-quote-section.style-two {
  padding-bottom: 0px;
}

.request-quote-section.style-three {
  padding-bottom: 0px;
  margin-top: -400px;
}

.request-quote-section .auto-container {
  position: relative;
}

.request-quote-section .image-layer {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 700px;
  background-attachment: fixed;
  background-size: cover;
}

.request-quote-section .image-layer:before {
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  opacity: 0.8;
  background-color: #000000;
}

.request-quote-section .content-box {
  position: relative;
}

.request-quote-section .content-box .play-box {
  position: absolute;
  right: 0px;
  top: 0px;
  z-index: 1;
  color: #ffffff;
  font-size: 24px;
  line-height: 70px;
  font-weight: 700;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}

.request-quote-section .content-box .play-box .play-btn {
  position: relative;
  width: 70px;
  height: 70px;
  color: #ffffff;
  font-weight: 400;
  font-size: 24px;
  text-align: center;
  border-radius: 0px;
  padding-left: 0px;
  margin: 0 auto;
  display: block;
  margin-bottom: 25px;
  background-color: #f26a42;
  transition: all 900ms ease;
  -moz-transition: all 900ms ease;
  -webkit-transition: all 900ms ease;
  -ms-transition: all 900ms ease;
  -o-transition: all 900ms ease;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
}

.request-quote-section .content-box .play-box .ripple,
.request-quote-section .content-box .play-box .ripple:before,
.request-quote-section .content-box .play-box .ripple:after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 70px;
  height: 70px;
  margin-left: -2px;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-border-radius: 0%;
  -moz-border-radius: 0%;
  -ms-border-radius: 0%;
  -o-border-radius: 0%;
  border-radius: 0%;
  -webkit-box-shadow: 0 0 0 0 rgba(240, 85, 35, 0.4);
  -moz-box-shadow: 0 0 0 0 rgba(240, 85, 35, 0.4);
  -ms-box-shadow: 0 0 0 0 rgba(240, 85, 35, 0.4);
  -o-box-shadow: 0 0 0 0 rgba(240, 85, 35, 0.4);
  box-shadow: 0 0 0 0 rgba(240, 85, 35, 0.4);
  -webkit-animation: ripple 3s infinite;
  -moz-animation: ripple 3s infinite;
  -ms-animation: ripple 3s infinite;
  -o-animation: ripple 3s infinite;
  animation: ripple 3s infinite;
}

.request-quote-section .content-box .play-box .ripple:before {
  -webkit-animation-delay: 0.9s;
  -moz-animation-delay: 0.9s;
  -ms-animation-delay: 0.9s;
  -o-animation-delay: 0.9s;
  animation-delay: 0.9s;
  content: "";
  position: absolute;
}

.request-quote-section .content-box .play-box .ripple:after {
  -webkit-animation-delay: 0.6s;
  -moz-animation-delay: 0.6s;
  -ms-animation-delay: 0.6s;
  -o-animation-delay: 0.6s;
  animation-delay: 0.6s;
  content: "";
  position: absolute;
}

.request-quote-section .content-box h2 {
  color: #ffffff;
  margin-top: 35px;
}

.request-quote-section .content-box .text {
  position: relative;
  font-weight: 400;
  color: #ffffff;
  margin-top: 20px;
  font-size: 16px;
  line-height: 1.9em;
  margin-bottom: 40px;
}

.request-quote-section .inner-container {
  position: relative;
  padding: 70px 70px;
  margin-top: 100px;
  border-radius: 15px;
  background-color: #ffffff;
  background-position: left bottom;
  background-repeat: no-repeat;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
}

.request-quote-section .inner-container .cap-icon {
  position: absolute;
  left: 0px;
  top: -150px;
  right: 0px;
  text-align: center;
}

/*Default Form*/

.default-form {
  position: relative;
}

.default-form .form-group {
  position: relative;
  margin-bottom: 20px;
}

.default-form input[type="text"],
.default-form input[type="email"],
.default-form input[type="password"],
.default-form select,
.default-form textarea {
  display: block;
  width: 100%;
  line-height: 28px;
  height: 56px;
  font-size: 15px;
  padding: 8px 22px;
  color: #777777;
  border-radius: 5px;
  border: 1px solid #cccccc;
  transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}

.default-form .form-group textarea::-webkit-input-placeholder,
.default-form .form-group input::-webkit-input-placeholder {
  color: #777777;
}

.default-form textarea {
  height: 125px;
  resize: none;
  font-size: 15px;
  padding-top: 18px;
}

.default-form input[type="text"]:focus,
.default-form input[type="email"]:focus,
.default-form input[type="password"]:focus,
.default-form select:focus,
.default-form textarea:focus {
  border-color: #f26a42;
}

.default-form .theme-btn {
  cursor: pointer;
}

/*** 

====================================================================
	FAQ Section
====================================================================

***/

.faq-section {
  position: relative;
  padding-bottom: 60px;
}

.faq-section .image-column {
  position: relative;
  padding-bottom: 40px;
}

.faq-section .image-column .inner-column {
  position: relative;
  padding-top: 60px;
  margin-left: -170px;
}

.faq-section .accordion-column {
  position: relative;
  padding-bottom: 40px;
}

.faq-section .accordion-column .inner-column {
  position: relative;
}

.accordion-box {
  position: relative;
}

.accordion-box .block {
  position: relative;
  margin-bottom: 10px;
  border-radius: 0px;
  border: 1px solid #e1e1e1;
}

.accordion-box .block.active-block {
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
}

.accordion-box .block .acc-btn {
  position: relative;
  font-size: 16px;
  line-height: 35px;
  color: #222222;
  line-height: 1.8em;
  font-weight: 600;
  cursor: pointer;
  padding: 16px 30px;
  padding-right: 45px;
  margin-bottom: 0px;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}

.accordion-box .block .acc-btn.active {
  color: #ffffff;
  margin-bottom: 0px;
  background-color: #f26a42;
}

.accordion-box .block .icon {
  position: absolute;
  right: 10px;
  top: 12px;
  height: 35px;
  width: 35px;
  font-size: 20px;
  line-height: 35px;
  color: #f26a42;
  text-align: center;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}

.accordion-box .block .acc-btn.active .icon {
  color: #ffffff;
  transform: rotate(90deg);
}

.accordion-box .block .acc-content {
  position: relative;
  display: none;
}

.accordion-box .block .content {
  position: relative;
  padding: 25px 30px 25px;
}

.accordion-box .block .acc-content.current {
  display: block;
}

.accordion-box .block .content .text {
  display: block;
  font-size: 16px;
  line-height: 1.8em;
  color: #777777;
}

/*** 

====================================================================
	Pricing Section
====================================================================

***/

.price-section {
  position: relative;
  padding: 0px 0px 100px;
}

.price-section.style-two {
  padding-top: 100px;
}

.price-section .side-icon {
  position: absolute;
  right: 40px;
  bottom: 0px;
}

.pricing-tabs {
  position: relative;
  z-index: 2;
}

.pricing-tabs .tabs-content .tab {
  position: relative;
  display: none;
}

.pricing-tabs .tabs-content .tab.active-tab {
  display: block;
}

.pricing-tabs .buttons-outer {
  text-align: center;
}

.pricing-tabs .tab-buttons {
  position: relative;
  overflow: hidden;
  text-align: center;
  margin-top: 40px;
  border-radius: 15px 0px 15px 0px;
  display: inline-block;
  background-color: #222222;
}

.pricing-tabs .tab-buttons .tab-btn {
  position: relative;
  color: #ffffff;
  font-size: 16px;
  font-weight: 700;
  float: left;
  cursor: pointer;
  padding: 17px 48px;
  text-transform: uppercase;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  transition: all 300ms ease;
}

.pricing-tabs .tab-buttons .tab-btn:first-child {
  margin-right: 1px;
}

.pricing-tabs .tab-buttons .tab-btn:hover,
.pricing-tabs .tab-buttons .tab-btn.active-btn {
  color: #ffffff;
  background-color: #f26a42;
}

.pricing-tabs .tabs-content .tab .price-block {
  transform: rotateY(90deg);
}

.pricing-tabs .tabs-content .tab.active-tab .price-block {
  transform: rotateY(0deg);
}

/* Price Block */

.price-block {
  position: relative;
  margin-bottom: 30px;
  -webkit-transition: all 900ms ease;
  -ms-transition: all 900ms ease;
  -o-transition: all 900ms ease;
  -moz-transition: all 900ms ease;
  transition: all 900ms ease;
}

.price-block .inner-box {
  position: relative;
  border-radius: 12px;
  padding: 60px 40px 50px;
  background-color: #ffffff;
  background-position: right bottom;
  background-repeat: no-repeat;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
}

.price-block .inner-box:before {
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  opacity: 0;
  border-radius: 12px;
  background: #060504;
  transform: rotateY(90deg);
  -webkit-transition: all 900ms ease;
  -ms-transition: all 900ms ease;
  -o-transition: all 900ms ease;
  -moz-transition: all 900ms ease;
  transition: all 900ms ease;
  background: -webkit-linear-gradient(to top, #060504 0%, #ed5522 100%);
  background: -moz-linear-gradient(to top, #060504 0%, #ed5522 100%);
  background: linear-gradient(to top, #060504 0%, #ed5522 100%);
}

.price-block .inner-box:hover::before,
.price-block.active .inner-box:before {
  opacity: 1;
  transform: rotateY(0deg);
}

.price-block .inner-box .title {
  position: relative;
  color: #222222;
  font-size: 24px;
  font-weight: 600;
  text-transform: capitalize;
}

.price-block .inner-box .text {
  position: relative;
  color: #555555;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.8em;
  margin-top: 15px;
  text-transform: capitalize;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  transition: all 300ms ease;
}

.price-block .inner-box .image {
  position: relative;
  margin-top: 15px;
  margin-bottom: 20px;
  -webkit-transition: all 600ms ease;
  -ms-transition: all 600ms ease;
  -o-transition: all 600ms ease;
  -moz-transition: all 600ms ease;
  transition: all 600ms ease;
}

.price-block .inner-box:hover .image {
  transform: rotateY(180deg);
}

.price-block .inner-box .price {
  position: relative;
  color: #f26a42;
  font-size: 48px;
  font-weight: 700;
  line-height: 1.3em;
  margin-top: 15px;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  transition: all 300ms ease;
}

.price-block .inner-box .price-list {
  position: relative;
  margin-top: 20px;
  margin-bottom: 35px;
}

.price-block .inner-box .price-list li {
  position: relative;
  padding-left: 30px;
  color: #555555;
  font-size: 16px;
  margin-bottom: 12px;
  display: block;
  text-align: left;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  transition: all 300ms ease;
}

.price-block .inner-box .price-list li:before {
  position: absolute;
  content: "\f00c";
  left: 0px;
  top: 0px;
  color: #f26a42;
  font-family: "FontAwesome";
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  transition: all 300ms ease;
}

.price-block .inner-box .price-list li:last-child {
  margin-bottom: 0px;
}

.price-block .inner-box:hover .text,
.price-block .inner-box:hover .price-list li,
.price-block .inner-box:hover .price,
.price-block.active .inner-box .text,
.price-block.active .inner-box .price-list li,
.price-block.active .inner-box .price {
  color: #ffffff;
}

.price-block.active .inner-box .price-list li:before,
.price-block .inner-box:hover .price-list li:before {
  color: #ffffff;
}

/*** 

====================================================================
	News Section Two
====================================================================

***/

.news-section-two {
  position: relative;
  padding: 100px 0px 70px;
  background-color: #f5f5f5;
  background-position: right bottom;
  background-repeat: no-repeat;
}

.news-section-two .side-icon {
  position: absolute;
  left: 30px;
  bottom: 0px;
}

.news-block-two {
  position: relative;
  margin-bottom: 40px;
}

.news-block-two .inner-box {
  position: relative;
  min-height: 285px;
  padding-left: 380px;
  background-color: #ffffff;
}

.news-block-two .inner-box .image {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 370px;
  background-color: #f26a42;
}

.news-block-two .inner-box .image img {
  position: relative;
  width: 100%;
  display: block;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  transition: all 500ms ease;
}

.news-block-two .inner-box:hover .image img {
  opacity: 0.6;
}

.news-block-two .inner-box .image .post-date {
  position: absolute;
  right: 25px;
  bottom: 25px;
  width: 75px;
  height: 80px;
  color: #ffffff;
  font-size: 36px;
  padding-top: 16px;
  font-weight: 800;
  text-align: center;
  background-color: #f26a42;
}

.news-block-two .inner-box .image .post-date span {
  font-size: 16px;
  color: #ffffff;
  display: block;
  font-weight: 400;
  margin-top: 10px;
}

.news-block-two .inner-box .content {
  position: relative;
  padding: 30px 30px 20px;
}

.news-block-two .inner-box .content .post-info {
  position: relative;
  margin-bottom: 15px;
}

.news-block-two .inner-box .content .post-info li {
  position: relative;
  color: #f26a42;
  font-size: 16px;
  line-height: 1.2em;
  padding-right: 14px;
  margin-right: 15px;
  display: inline-block;
  border-right: 1px solid #f26a42;
}

.news-block-two .inner-box .content .post-info li:last-child {
  margin-right: 0px;
  padding-right: 0px;
  border-right: 0px;
}

.news-block-two .inner-box h4 {
  margin-bottom: 25px;
  font-weight: 600;
  padding-bottom: 25px;
  border-bottom: 2px solid #dddddd;
}

.news-block-two .inner-box h4:before {
  position: absolute;
  content: "";
  left: 0px;
  bottom: -2px;
  width: 50px;
  height: 4px;
  background-color: #f26a42;
}

.news-block-two .inner-box h4 a {
  position: relative;
  color: #222222;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  transition: all 300ms ease;
}

.news-block-two .inner-box h4 a:hover {
  color: #f26a42;
}

.news-block-two .inner-box .text {
  position: relative;
  color: #222222;
  font-size: 16px;
  line-height: 1.8em;
}

.news-block-two .inner-box .read-more {
  position: absolute;
  right: 30px;
  bottom: -50px;
  color: #ffffff;
  font-weight: 600;
  padding: 12px 24px;
  background-color: #222222;
  border-radius: 15px 0px 0px 0px;
  border-right: 2px solid #f26a42;
  transition: all 300ms ease;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
}

.news-block-two .inner-box:hover .read-more {
  background-color: #f26a42;
  border-color: #222222;
}

/*** 

====================================================================
	CTA Section Two
====================================================================

***/

.cta-section-two {
  position: relative;
}

.cta-section-two .inner-container {
  position: relative;
  padding: 80px 100px 80px 270px;
}

.cta-section-two .pattern-layer {
  position: absolute;
  right: 0px;
  top: 0px;
  bottom: 0px;
  width: 200%;
  background-repeat: repeat;
}

.cta-section-two .icon-image {
  position: absolute;
  left: -80px;
  top: 20px;
}

.cta-section-two .btn-box {
  position: absolute;
  right: 80px;
  top: 80px;
}

/*** 

====================================================================
	About Section
====================================================================

***/

.about-section-two {
  position: relative;
  padding: 100px 0px 60px;
}

.about-section-two .pattern-layer-one {
  position: absolute;
  right: 50px;
  bottom: 0px;
  width: 580px;
  height: 662px;
  background-repeat: no-repeat;
}

.about-section-two .content-column {
  position: relative;
  margin-bottom: 40px;
}

.about-section-two .content-column .inner-column {
  position: relative;
}

.about-section-two .content-column .sec-title {
  margin-bottom: 20px;
}

.about-section-two .content-column .bold-text {
  position: relative;
  color: #f26a42;
  line-height: 1.3em;
  font-weight: 600;
  font-size: 24px;
  margin-bottom: 20px;
}

.about-section-two .content-column .author-box {
  position: relative;
  margin-top: 30px;
}

.about-section-two .content-column .author-box .box-inner {
  position: relative;
  min-height: 120px;
  padding-top: 15px;
  padding-left: 150px;
}

.about-section-two .content-column .author-box .author-image {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  overflow: hidden;
  padding: 2px 2px;
  border: 2px solid #ffffff;
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
}

.about-section-two .content-column .author-box .author-image img {
  border-radius: 50%;
}

.about-section-two .images-column {
  position: relative;
  margin-bottom: 40px;
}

.about-section-two .images-column .inner-column {
  position: relative;
  text-align: right;
}

.about-section-two .images-column .image {
  position: relative;
  border-radius: 15px;
  overflow: hidden;
  display: inline-block;
}

.about-section-two .images-column .image-two {
  position: absolute;
  left: -100px;
  bottom: 0px;
  display: inline-block;
}

.about-section-two .images-column .image-two img {
  position: relative;
  overflow: hidden;
  border-radius: 15px;
}

.about-section-two .images-column .image-two .play-box {
  position: absolute;
  right: 40px;
  top: -50px;
  color: #ffffff;
  font-size: 16px;
  padding-left: 70px;
  margin-top: 15px;
  -webkit-transition: all 900ms ease;
  -moz-transition: all 900ms ease;
  -ms-transition: all 900ms ease;
  -o-transition: all 900ms ease;
  transition: all 900ms ease;
}

.about-section-two .images-column .image-two .play-box .play-button {
  position: relative;
  width: 80px;
  height: 80px;
  z-index: 10;
  color: #ffffff;
  font-weight: 400;
  font-size: 16px;
  text-align: center;
  padding-left: 4px;
  display: inline-block;
  line-height: 80px;
  border-radius: 50%;
  transition: all 900ms ease;
  -moz-transition: all 900ms ease;
  -webkit-transition: all 900ms ease;
  -ms-transition: all 900ms ease;
  -o-transition: all 900ms ease;
  background-color: #f26a42;
}

.about-section-two .images-column .image-two .play-box .play-button .ripple,
.about-section-two .images-column .image-two .play-box .play-button .ripple:before,
.about-section-two .images-column .image-two .play-box .play-button .ripple:after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 80px;
  height: 80px;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-border-radius: 50% 50% 50% 50%;
  -moz-border-radius: 50% 50% 50% 50%;
  -ms-border-radius: 50% 50% 50% 50%;
  -o-border-radius: 50% 50% 50% 50%;
  border-radius: 50% 50% 50% 50%;
  -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
  -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
  -ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
  -o-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
  box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
  -webkit-animation: ripple 3s infinite;
  -moz-animation: ripple 3s infinite;
  -ms-animation: ripple 3s infinite;
  -o-animation: ripple 3s infinite;
  animation: ripple 3s infinite;
}

.about-section-two .images-column .image-two .play-box .play-button .ripple:before {
  -webkit-animation-delay: 0.9s;
  -moz-animation-delay: 0.9s;
  -ms-animation-delay: 0.9s;
  -o-animation-delay: 0.9s;
  animation-delay: 0.9s;
  content: "";
  position: absolute;
}

.about-section-two .images-column .image-two .play-box .play-button .ripple:after {
  -webkit-animation-delay: 0.6s;
  -moz-animation-delay: 0.6s;
  -ms-animation-delay: 0.6s;
  -o-animation-delay: 0.6s;
  animation-delay: 0.6s;
  content: "";
  position: absolute;
}

.about-section-two .images-column .text {
  position: relative;
  color: #f26a42;
  line-height: 1.3em;
  font-weight: 600;
  font-size: 24px;
  padding-left: 300px;
  margin-top: 25px;
  text-align: left;
}

/*** 

====================================================================
	Counter Section Two
====================================================================

***/

.counter-section-two {
  position: relative;
  padding: 0px 0px 70px;
}

/* Fact Counter */

.fact-counter-two {
  position: relative;
  border-top: 1px solid #e9e9e9;
}

.fact-counter-two .column {
  position: relative;
  margin-bottom: 30px;
}

.fact-counter-two .column .inner {
  position: relative;
}

.fact-counter-two .column .inner .content {
  position: relative;
  text-align: center;
}

.fact-counter-two .column .inner .icon {
  position: relative;
  color: #000;
  font-size: 50px;
  text-align: center;
  line-height: 1em;
  font-weight: 400;
  margin-bottom: 25px;
  display: inline-block;
  padding: 25px 20px 20px;
  transition: all 600ms ease;
  -moz-transition: all 600ms ease;
  -webkit-transition: all 600ms ease;
  -ms-transition: all 600ms ease;
  -o-transition: all 600ms ease;
  background-color: #f26a42;
  border-radius: 0px 0px 50px 50px;
}

.fact-counter-two .column .inner:hover .icon {
  color: #1821fc;
  -webkit-transform: scale(-1) rotate(180deg);
  -moz-transform: scale(-1) rotate(180deg);
  -ms-transform: scale(-1) rotate(180deg);
  -o-transform: scale(-1) rotate(180deg);
  transform: scale(-1) rotate(180deg);
}

.fact-counter-two .count-outer .percentage {
  position: relative;
  font-weight: 600;
  color: #555555;
  font-size: 30px;
  line-height: 1em;
}

.fact-counter-two .column .inner .count-outer {
  position: relative;
  font-weight: 600;
  color: #555555;
  font-size: 36px;
  line-height: 1em;
}

.fact-counter-two .column .inner .counter-title {
  position: relative;
  color: #555555;
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 12px;
}

/*** 

====================================================================
	Services Section Two
====================================================================

***/

.services-section-three {
  position: relative;
  overflow: hidden;
  padding: 100px 0px 110px;
  background-color: #f5f5f5;
}

.services-section-three .pattern-layer-one {
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 728px;
  height: 972px;
  background-repeat: no-repeat;
}

.services-section-three .pattern-layer-two {
  position: absolute;
  right: 0px;
  bottom: 0px;
  width: 552px;
  height: 987px;
  background-repeat: no-repeat;
}

.services-section-three .side-icon {
  position: absolute;
  right: 0px;
  bottom: 0px;
}

.services-section-three .lower-text {
  position: relative;
  text-align: center;
}

.services-section-three .lower-text .text {
  position: relative;
  color: #555555;
  font-size: 16px;
  text-align: center;
  margin-top: 20px;
  padding: 15px 45px;
  margin-bottom: 30px;
  display: inline-block;
  border: 1px dashed #dddddd;
  background-color: #ffffff;
}

.service-block-three {
  position: relative;
  margin-bottom: 30px;
}

.service-block-three .inner-box {
  position: relative;
  padding: 40px 40px;
  transition: all 600ms ease;
  -moz-transition: all 600ms ease;
  -webkit-transition: all 600ms ease;
  -ms-transition: all 600ms ease;
  -o-transition: all 600ms ease;
  border-left: 2px solid #cccccc;
}

.service-block-three .inner-box:before {
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  bottom: 0px;
  width: 0%;
  background-color: #ffffff;
  transition: all 600ms ease;
  -moz-transition: all 600ms ease;
  -webkit-transition: all 600ms ease;
  -ms-transition: all 600ms ease;
  -o-transition: all 600ms ease;
}

.service-block-three .inner-box:hover {
  border-color: #f26a42;
}

.service-block-three .inner-box:hover::before {
  width: 100%;
}

.service-block-three .inner-box .icon {
  position: relative;
  color: #f26a42;
  font-size: 60px;
  line-height: 1em;
  margin-bottom: 20px;
  display: inline-block;
  transition: all 600ms ease;
  -moz-transition: all 600ms ease;
  -webkit-transition: all 600ms ease;
  -ms-transition: all 600ms ease;
  -o-transition: all 600ms ease;
}

.service-block-three .inner-box .big-icon {
  position: absolute;
  right: 30px;
  top: 60px;
  opacity: 0;
  font-size: 90px;
  color: #eeeeee;
  transition: all 600ms ease;
  -moz-transition: all 600ms ease;
  -webkit-transition: all 600ms ease;
  -ms-transition: all 600ms ease;
  -o-transition: all 600ms ease;
}

.service-block-three .inner-box:hover .big-icon {
  opacity: 1;
}

.service-block-three .inner-box:hover .icon {
  -webkit-transform: scale(-1) rotate(180deg);
  -moz-transform: scale(-1) rotate(180deg);
  -ms-transform: scale(-1) rotate(180deg);
  -o-transform: scale(-1) rotate(180deg);
  transform: scale(-1) rotate(180deg);
}

.service-block-three .inner-box h5 {
  margin-bottom: 20px;
}

.service-block-three .inner-box h5 a {
  position: relative;
  color: #222222;
  transition: all 600ms ease;
  -moz-transition: all 600ms ease;
  -webkit-transition: all 600ms ease;
  -ms-transition: all 600ms ease;
  -o-transition: all 600ms ease;
}

.service-block-three .inner-box:hover h5 a {
  color: #f26a42;
}

.service-block-three .inner-box .text {
  position: relative;
  color: #555555;
  line-height: 1.7em;
  font-size: 16px;
}

/*** 

====================================================================
	Choose Section
====================================================================

***/

.choose-section {
  position: relative;
  padding: 100px 0px 70px;
}

.choose-section .image-column {
  position: relative;
  margin-bottom: 30px;
}

.choose-section .image-column .inner-column {
  position: relative;
}

.choose-section .image-column .image {
  position: relative;
  padding-left: 35px;
  padding-right: 50px;
}

.choose-section .image-column .image img {
  position: relative;
  width: 100%;
  display: block;
}

.choose-section .image-column .image:before {
  position: absolute;
  content: "";
  left: 0px;
  top: 100px;
  width: 400px;
  height: 460px;
  border: 6px solid #00a85a;
  background-color: #ffffff;
}

.choose-section .image-column .pattern-layer-one {
  position: absolute;
  right: 0px;
  top: 220px;
  width: 282px;
  height: 450px;
}

.choose-section .image-column .award-box {
  position: absolute;
  left: 80px;
  bottom: -55px;
  background-color: #f26a42;
  padding: 25px 45px 25px 25px;
}

.choose-section .image-column .award-box .icon {
  position: absolute;
  left: 0px;
  top: 0px;
  color: #000000;
  line-height: 1em;
  font-size: 60px;
}

.choose-section .image-column .award-box .inner-box {
  position: relative;
  padding-left: 80px;
  color: #000;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.4em;
}

.choose-section .content-column {
  position: relative;
  margin-bottom: 30px;
}

.choose-section .content-column .inner-column {
  position: relative;
  padding-left: 30px;
}

.choose-section .content-column .blocks-outer {
  position: relative;
}

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

.choose-block .inner-box {
  position: relative;
  padding-left: 90px;
}

.choose-block .inner-box .icon {
  position: absolute;
  left: 0px;
  top: 0px;
  color: #f26a42;
  line-height: 1em;
  font-size: 60px;
}

.choose-block .inner-box h5 {
  color: #222222;
  font-weight: 600;
  margin-bottom: 10px;
}

.choose-block .inner-box .block-text {
  position: relative;
  color: #555555;
  font-size: 16px;
  line-height: 1.7em;
}

/*** 

====================================================================
	Testimnial Section Two
====================================================================

***/

.testimonial-section-two {
  position: relative;
  padding: 100px 0px 100px;
  background-color: #222222;
  background-position: center center;
  background-repeat: no-repeat;
}

.testimonial-section-two .owl-dots {
  display: none;
}

.testimonial-section-two .owl-nav {
  position: absolute;
  right: 0px;
  top: -70px;
}

.testimonial-section-two .owl-nav .owl-prev,
.testimonial-section-two .owl-nav .owl-next {
  position: relative;
  width: 40px;
  height: 40px;
  color: #f26a42;
  font-size: 20px;
  line-height: 40px;
  text-align: center;
  border-radius: 5px;
  margin-left: 15px;
  display: inline-block;
  background-color: #ffffff;
  transition: all 600ms ease;
  -moz-transition: all 600ms ease;
  -webkit-transition: all 600ms ease;
  -ms-transition: all 600ms ease;
  -o-transition: all 600ms ease;
}

.testimonial-section-two .owl-nav .owl-prev:hover,
.testimonial-section-two .owl-nav .owl-next:hover {
  background-color: #f26a42;
  color: #ffffff;
}

.testimonial-section-two .lower-text {
  position: relative;
  color: #ffffff;
  font-size: 18px;
  text-align: center;
  margin-top: 20px;
}

.testimonial-section-two .lower-text a {
  position: relative;
  color: #f26a42;
  font-weight: 600;
}

.testimonial-block-two {
  position: relative;
  margin-bottom: 30px;
}

.testimonial-block-two .inner-box {
  position: relative;
  padding: 35px 35px 0px;
}

.testimonial-block-two .inner-box .quote-icon {
  position: absolute;
  right: 40px;
  top: 60px;
  font-size: 70px;
  line-height: 1em;
  color: rgba(0, 0, 0, 0.1);
}

.testimonial-block-two .inner-box:before {
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 30px;
  border-radius: 20px;
  background-color: #ffffff;
}

.testimonial-block-two .inner-box .text {
  position: relative;
  color: #222222;
  font-size: 16px;
  line-height: 1.8em;
  margin-bottom: 20px;
}

.testimonial-block-two .inner-box .rating {
  position: relative;
  color: #fdd000;
  font-size: 18px;
  padding-top: 5px;
}

.testimonial-block-two .inner-box .designation {
  position: relative;
  color: #f26a42;
  margin-top: 6px;
}

.testimonial-block-two .inner-box .author-box {
  position: relative;
  margin-top: 15px;
  border: 2px solid #f26a42;
  display: inline-block;
}

/*** 

====================================================================
	CTA Section Two
====================================================================

***/

.cta-section-three {
  position: relative;
  padding-bottom: 100px;
}

.cta-section-three .inner-container {
  position: relative;
  border-radius: 15px;
  padding: 60px 60px 30px 60px;
  background: #e95323;
  background: -webkit-linear-gradient(to top, #e95323 0%, #232222 100%);
  background: -moz-linear-gradient(to top, #e95323 0%, #232222 100%);
  background: linear-gradient(to top, #e95323 0%, #232222 100%);
}

.cta-section-three .title-column {
  position: relative;
}

.cta-section-three .title-column .inner-column {
  position: relative;
  color: #ffffff;
  font-size: 14px;
  padding-left: 100px;
}

.cta-section-three .title-column .icon {
  position: absolute;
  left: 0px;
  top: 0px;
  color: #ffffff;
  line-height: 1em;
  font-size: 64px;
}

.cta-section-three .title-column .inner-column strong {
  position: relative;
  color: #ffffff;
  display: block;
  font-weight: 600;
  font-size: 28px;
  margin-top: 10px;
}

.cta-section-three .title-column .inner-column strong a {
  position: relative;
  color: #ffffff;
}

/*** 

====================================================================
	News Section Three
====================================================================

***/

.news-section-three {
  position: relative;
  padding: 100px 0px 70px;
  background-color: #f5f5f5;
  background-position: right bottom;
  background-repeat: no-repeat;
}

.news-section-three .side-icon {
  position: absolute;
  right: 30px;
  bottom: 0px;
}

.news-block-three {
  position: relative;
  margin-bottom: 40px;
}

.news-block-three .inner-box {
  position: relative;
  background-color: #ffffff;
}

.news-block-three .inner-box .image {
  position: relative;
  background-color: #f26a42;
}

.news-block-three .inner-box .image img {
  position: relative;
  width: 100%;
  display: block;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  transition: all 500ms ease;
}

.news-block-three .inner-box:hover .image img {
  opacity: 0.6;
}

.news-block-three .inner-box .image .post-date {
  position: absolute;
  left: 25px;
  bottom: -15px;
  color: #ffffff;
  font-size: 16px;
  font-weight: 400;
  padding: 6px 15px;
  background-color: #f26a42;
}

.news-block-three .inner-box .image .post-date span {
  font-size: 16px;
  color: #ffffff;
  display: block;
  font-weight: 400;
  margin-top: 10px;
}

.news-block-three .inner-box .lower-content {
  position: relative;
  padding: 40px 30px 30px;
}

.news-block-three .inner-box .lower-content .post-info {
  position: relative;
}

.news-block-three .inner-box .lower-content .post-info li {
  position: relative;
  color: #555555;
  font-size: 16px;
  line-height: 1.2em;
  padding-left: 25px;
  padding-right: 20px;
  margin-right: 15px;
  display: inline-block;
  border-right: 1px solid #dddddd;
}

.news-block-three .inner-box .lower-content .post-info li .icon {
  position: absolute;
  left: 0px;
  bottom: 0px;
  color: #f26a42;
}

.news-block-three .inner-box .lower-content .post-info li:last-child {
  margin-right: 0px;
  padding-right: 0px;
  border-right: 0px;
}

.news-block-three .inner-box h4 {
  margin-bottom: 25px;
  font-weight: 600;
  padding-bottom: 25px;
  border-bottom: 2px solid #dddddd;
}

.news-block-three .inner-box h4:before {
  position: absolute;
  content: "";
  left: 0px;
  bottom: -2px;
  width: 50px;
  height: 4px;
  background-color: #f26a42;
}

.news-block-three .inner-box h4 a {
  position: relative;
  color: #222222;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  transition: all 300ms ease;
}

.news-block-three .inner-box h4 a:hover {
  color: #f26a42;
}

/*** 

====================================================================
	Footer Style Two
====================================================================

***/

.footer-style-two {
  position: relative;
  padding: 100px 0px 0px;
}

.footer-style-two:before {
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  opacity: 0.5;
  background-color: #000000;
}

.footer-style-two .footer-widget {
  position: relative;
  z-index: 1;
  margin-bottom: 40px;
}

.footer-style-two .widgets-section {
  position: relative;
  padding-bottom: 40px;
}

.footer-style-two .footer-widget h4 {
  color: #ffffff;
  margin-bottom: 25px;
  text-transform: capitalize;
}

/* Recent Posts */

.footer-style-two .news-widget {
  position: relative;
}

.footer-style-two .news-widget .post {
  position: relative;
  min-height: 80px;
  padding-left: 100px;
  margin-bottom: 25px;
}

.footer-style-two .news-widget .post:last-child {
  margin-bottom: 0;
}

.footer-style-two .news-widget .post .thumb {
  position: absolute;
  left: 0px;
  top: 4px;
  height: 80px;
  width: 80px;
  overflow: hidden;
}

.footer-style-two .news-widget .post .thumb a {
  display: block;
}

.footer-style-two .news-widget .post .thumb img {
  display: block;
  width: 100%;
  height: auto;
}

.footer-style-two .news-widget .post h6 {
  position: relative;
  color: #ffffff;
  line-height: 1.7em;
  font-weight: 700;
  font-size: 16px;
}

.footer-style-two .news-widget .post h6 a {
  color: #ffffff;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.footer-style-two .news-widget .post h6 a:hover {
  color: #f26a42;
}

.footer-style-two .news-widget .post .date {
  position: relative;
  display: block;
  font-size: 14px;
  line-height: 1.3em;
  color: #ffffff;
  margin-top: 8px;
  text-transform: uppercase;
}

.footer-style-two .logo-widget .logo {
  margin-bottom: 30px;
}

.footer-style-two .logo-widget .text {
  position: relative;
  color: #ffffff;
  opacity: 0.8;
  font-size: 16px;
  line-height: 1.9em;
}

.footer-style-two .footer-info-section {
  position: relative;
  padding-top: 50px;
  padding-bottom: 30px;
  border-top: 1px solid rgba(255, 255, 255, 0.15);
}

.footer-style-two .info-column {
  position: relative;
  margin-bottom: 30px;
}

.footer-style-two .info-column .inner-column {
  position: relative;
  padding-top: 2px;
  padding-left: 90px;
}

.footer-style-two .info-column .icon {
  position: absolute;
  left: 0px;
  top: 0px;
  color: #f05626;
  font-size: 60px;
  line-height: 1em;
}

.footer-style-two .info-column .text {
  position: relative;
  color: #ffffff;
  font-size: 16px;
  line-height: 1.7em;
}

.footer-style-two .info-column .info-list {
  position: relative;
}

.footer-style-two .info-column .info-list li {
  position: relative;
  color: #ffffff;
  font-size: 18px;
  margin-bottom: 8px;
}

.footer-style-two .info-column .info-list li strong {
  position: relative;
  font-weight: 600;
}

.footer-style-two .info-column .info-list li a {
  position: relative;
  color: #ffffff;
}

.footer-style-two .info-column .timing {
  position: relative;
  color: #ffffff;
  font-size: 16px;
  line-height: 1.9em;
}

.footer-style-two .info-column .timing strong {
  position: relative;
  font-weight: 600;
  display: block;
  font-size: 20px;
}

.footer-style-two .footer-bottom {
  position: relative;
  padding: 20px 0px;
  background-color: #f05626;
}

.footer-style-two .footer-bottom .copyright {
  position: relative;
  color: #ffffff;
  font-size: 16px;
  font-weight: 400;
}

.footer-style-two .footer-bottom .copyright a {
  position: relative;
  font-weight: 600;
  color: #ffffff;
}

.footer-style-two .footer-bottom .social-box {
  position: relative;
  text-align: right;
}

.footer-style-two .footer-bottom .social-box li {
  position: relative;
  margin-left: 15px;
  display: inline-block;
}

.footer-style-two .footer-bottom .social-box li a {
  position: relative;
  color: #ffffff;
  font-size: 15px;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.footer-style-two .footer-bottom .social-box li a:hover {
  color: #111111;
}

/*** 

====================================================================
	Page Title
====================================================================

***/

.page-title {
  position: relative;
  text-align: center;
  overflow: hidden;
  padding: 20px 0px 20px;
}

.page-title:before {
  position: absolute;
  content: "";
  left: 0px;
  bottom: 0px;
  top: 0px;
  right: 0px;
  background-color: rgba(0, 0, 0, 0.8);
}

.page-title .auto-container {
  position: relative;
}

.page-title h2 {
  color: #ffffff;
  margin-bottom: 0px;
  text-transform: uppercase;
}

.page-breadcrumb {
  position: relative;
  margin-bottom: 10px;
}

.page-breadcrumb li {
  position: relative;
  display: inline-block;
  margin-right: 10px;
  padding-right: 15px;
  color: #ffffff;
  font-size: 18px;
  font-weight: 400;
  text-transform: capitalize;
}

.page-breadcrumb li:after {
  position: absolute;
  content: "/";
  right: -2px;
  top: -1px;
  color: #ffffff;
  font-size: 18px;
  font-weight: 700;
  font-family: "FontAwesome";
}

.page-breadcrumb li:last-child::after {
  display: none;
}

.page-breadcrumb li:last-child {
  padding-right: 0px;
  margin-right: 0px;
}

.page-breadcrumb li a {
  color: #f26a42;
  font-weight: 400;
  text-transform: capitalize;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}

.page-breadcrumb li a:hover {
  color: #ffffff;
}

/*** 

====================================================================
	Faq Page Section
====================================================================

***/

.faq-page-section {
  position: relative;
  padding: 100px 0px 0px;
}

.faq-page-section .accordian-column {
  position: relative;
  margin-bottom: 30px;
}

.faq-page-section .accordian-column .inner-column {
  position: relative;
}

/*** 

====================================================================
	Faq Form Section
====================================================================

***/

.faq-form-section {
  position: relative;
  padding: 100px 0px 70px;
}

.team-page-section {
  position: relative;
  padding: 100px 0px 0px;
}

/*** 

====================================================================
	Team Single Section
====================================================================

***/

.team-single-section {
  position: relative;
  padding-top: 110px;
  padding-bottom: 60px;
}

.team-single-section .image-column {
  position: relative;
  margin-bottom: 40px;
}

.team-single-section .image-column .inner-column {
  position: relative;
}

.team-single-section .image-column .image {
  position: relative;
  border-radius: 5px;
  overflow: hidden;
}

.team-single-section .image-column .image img {
  position: relative;
  width: 100%;
  display: block;
}

.team-single-section .content-column {
  position: relative;
  margin-bottom: 40px;
}

.team-single-section .content-column .inner-column {
  position: relative;
  padding-top: 0px;
  padding-left: 20px;
}

.team-single-section .content-column h2 {
  position: relative;
  color: #222222;
  font-size: 30px;
  font-weight: 700;
  line-height: 1.3em;
}

.team-single-section .content-column h2 span {
  position: relative;
  top: -3px;
  color: #ffffff;
  font-size: 15px;
  padding: 6px 28px;
  border-radius: 4px;
  margin-left: 15px;
  background-color: #f26a42;
}

.team-single-section .content-column .post-meta {
  position: relative;
  margin-top: 15px;
  margin-bottom: 10px;
}

.team-single-section .content-column .post-meta li {
  position: relative;
  margin-right: 50px;
  color: #677077;
  font-size: 15px;
  font-weight: 500;
  margin-bottom: 5px;
  padding-left: 30px;
  display: inline-block;
}

.team-single-section .content-column .post-meta li .icon {
  position: absolute;
  left: 0px;
  color: #f26a42;
  top: 1px;
  margin-right: 12px;
  font-size: 20px;
}

.team-single-section .content-column .post-meta li a {
  position: relative;
  color: #677077;
}

.team-single-section .content-column .text {
  position: relative;
  margin-bottom: 20px;
}

.team-single-section .content-column .text p {
  position: relative;
  color: #222222;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.9em;
  margin-bottom: 10px;
}

.team-single-section .content-column .text p:last-child {
  margin-bottom: 0px;
}

.team-single-section .content-column .social-icon-one {
  margin-top: 18px;
}

.testimonial-page-section {
  position: relative;
  padding: 120px 0px 0px;
}

.testimonial-page-section .testimonial-block {
  margin-bottom: 70px;
}

/*** 

====================================================================
	Styled Pagination
====================================================================

***/

.testimonial-page-section .styled-pagination {
  margin-top: 30px;
}

.styled-pagination {
  position: relative;
}

.styled-pagination li {
  position: relative;
  display: inline-block;
  margin: 0px 6px 6px 0px;
}

.styled-pagination li a {
  position: relative;
  display: inline-block;
  line-height: 40px;
  height: 40px;
  font-size: 16px;
  min-width: 40px;
  color: #666666;
  font-weight: 400;
  text-align: center;
  background: #ffffff;
  border: 1px solid #cccccc;
  text-transform: capitalize;
  transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
}

.styled-pagination li.prev a,
.styled-pagination li.next a {
  color: #666666;
  font-size: 14px;
  width: 100px;
}

.styled-pagination li a:hover,
.styled-pagination li a.active {
  color: #ffffff;
  border-color: #222222;
  background-color: #222222;
}

/*** 

====================================================================
			Coming Soon
====================================================================

***/

.coming-soon {
  position: fixed;
  width: 100%;
  height: 100%;
  display: block;
  overflow-y: auto;
  background-repeat: no-repeat;
  background-position: center right;
  background-size: cover;
  text-align: center;
}

.coming-soon .content {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  display: table;
  vertical-align: middle;
}

.coming-soon .content:before {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: #000000;
  content: "";
  opacity: 0.6;
}

.coming-soon .content .content-inner {
  position: relative;
  padding: 90px 15px;
  display: table-cell;
  vertical-align: middle;
}

.coming-soon .content .content-inner .logo {
  position: relative;
  margin-bottom: 200px;
}

.coming-soon .content .content-inner .sec-title {
  display: none;
  margin-bottom: 50px;
}

.coming-soon .content .content-inner h2 {
  position: relative;
  font-size: 48px;
  font-weight: 700;
  color: #ffffff;
  line-height: 1.2em;
  padding-bottom: 0;
  font-variant: small-caps;
}

.coming-soon .content .content-inner h2:after {
  display: none;
}

.time-counter {
  position: relative;
}

.time-counter .time-countdown {
  position: relative;
  margin-bottom: 180px;
}

.time-counter .time-countdown .counter-column {
  position: relative;
  display: inline-block;
  width: 180px;
  height: 180px;
  font-size: 20px;
  line-height: 1em;
  color: #ffffff;
  text-transform: uppercase;
  font-weight: 600;
  text-align: center;
  z-index: 7;
  border-radius: 20px;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.25);
  background-color: rgba(54, 54, 54, 0.7);
  margin: 0 15px 20px;
}

.time-counter .time-countdown .counter-column .count {
  position: relative;
  display: block;
  font-size: 72px;
  line-height: 30px;
  padding: 60px 0px 30px;
  color: #ffffff;
  font-weight: 600;
}

.coming-soon .emailed-form {
  position: relative;
  margin-bottom: 40px;
}

.coming-soon .emailed-form h3 {
  line-height: 1.2em;
  font-weight: 600;
  color: #ffffff;
  margin-bottom: 20px;
}

.coming-soon .emailed-form .text {
  position: relative;
  display: block;
  font-size: 18px;
  font-weight: 400;
  color: #ffffff;
  line-height: 1.8em;
  margin-bottom: 40px;
}

.coming-soon .emailed-form .form-group {
  position: relative;
  display: block;
  max-width: 540px;
  width: 100%;
  margin: 0 auto;
}

.coming-soon .emailed-form .form-group input[type="text"],
.coming-soon .emailed-form .form-group input[type="tel"],
.coming-soon .emailed-form .form-group input[type="email"],
.coming-soon .emailed-form .form-group textarea {
  position: relative;
  display: block;
  width: 100%;
  line-height: 28px;
  height: 60px;
  font-size: 16px;
  color: #000000;
  overflow: hidden;
  padding: 15px 50px 15px 20px;
  background: #ffffff;
  border: 1px solid #f1f1f1;
  box-shadow: 0 0 13px rgba(0, 0, 0, 0.1);
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.coming-soon .emailed-form .form-group input:focus,
.coming-soon .emailed-form .form-group select:focus,
.coming-soon .emailed-form .form-group textarea:focus {}

.coming-soon .emailed-form .form-group input[type="submit"],
.coming-soon .emailed-form button {
  position: absolute;
  right: 0px;
  top: 0px;
  width: 60px;
  height: 60px;
  line-height: 40px;
  font-size: 18px;
  color: #f26a42;
  background-color: transparent;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.coming-soon .emailed-form .form-group input[type="submit"]:hover,
.coming-soon .emailed-form button:hover {
  color: #353535;
}

.coming-soon .copyright-text {
  position: relative;
  font-size: 18px;
  line-height: 26px;
  color: #ffffff;
  font-weight: 400;
}

.coming-soon .copyright-text a {
  color: #ff9600;
}

.coming-soon .copyright-text a:hover {
  text-decoration: underline;
}

.clock-wrapper {
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  width: 250px;
  height: 250px;
  margin: auto;
  margin-top: -145px;
  border-radius: 50%;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
  background-color: rgba(0, 0, 0, 0.4);
  transform: scale(2);
}

.clock-base {
  width: 250px;
  height: 250px;
  border-radius: 50%;
}

.click-indicator {
  position: absolute;
  z-index: 1;
  top: 10px;
  left: 10px;
  width: 230px;
  height: 230px;
}

.click-indicator div {
  position: absolute;
  width: 2px;
  height: 4px;
  margin: 113px 114px;
}

.click-indicator div>span {
  height: 5px;
  width: 5px;
  background-color: #ffffff;
  display: inline-block;
  border-radius: 50%;
  margin-left: -1px;
  margin-top: -1px;
}

.click-indicator div:nth-child(1) {
  transform: rotate(30deg) translateY(-120px);
}

.click-indicator div:nth-child(2) {
  transform: rotate(60deg) translateY(-120px);
}

.click-indicator div:nth-child(3) {
  transform: rotate(90deg) translateY(-120px);
  background-color: #f26a42;
}

.click-indicator div:nth-child(4) {
  transform: rotate(120deg) translateY(-120px);
}

.click-indicator div:nth-child(5) {
  transform: rotate(150deg) translateY(-120px);
}

.click-indicator div:nth-child(6) {
  transform: rotate(180deg) translateY(-120px);
  background-color: #f26a42;
}

.click-indicator div:nth-child(7) {
  transform: rotate(210deg) translateY(-120px);
}

.click-indicator div:nth-child(8) {
  transform: rotate(240deg) translateY(-120px);
}

.click-indicator div:nth-child(9) {
  transform: rotate(270deg) translateY(-120px);
  background-color: #f26a42;
}

.click-indicator div:nth-child(10) {
  transform: rotate(300deg) translateY(-120px);
}

.click-indicator div:nth-child(11) {
  transform: rotate(330deg) translateY(-120px);
}

.click-indicator div:nth-child(12) {
  transform: rotate(360deg) translateY(-120px);
  background-color: #f26a42;
}

.clock-hour {
  position: absolute;
  z-index: 2;
  top: 75px;
  left: 123px;
  width: 4px;
  height: 65px;
  background-color: #f26a42;
  border-radius: 2px;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
  transform-origin: 2px 50px;
  transition: 0.5s;
  -webkit-animation: rotate-hour 43200s linear infinite;
  -moz-animation: rotate-hour 43200s linear infinite;
}

.clock-minute {
  position: absolute;
  z-index: 3;
  top: 55px;
  left: 123px;
  width: 4px;
  height: 85px;
  background-color: #f26a42;
  border-radius: 2px;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
  transform-origin: 2px 70px;
  transition: 0.5s;
  -webkit-animation: rotate-minute 3600s linear infinite;
  -moz-animation: rotate-minute 3600s linear infinite;
}

.clock-second {
  position: absolute;
  z-index: 4;
  top: 15px;
  left: 124px;
  width: 2px;
  height: 130px;
  background-color: #ffffff;
  opacity: 0.9;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
  transform-origin: 1px 110px;
  transition: 0.5s;
  -webkit-animation: rotate-second 60s linear infinite;
  -moz-animation: rotate-second 60s linear infinite;
}

.clock-second:after {
  content: "";
  display: block;
  position: absolute;
  left: -3px;
  bottom: 16px;
  width: 8px;
  height: 8px;
  background-color: #222222;
  border: solid 2px #222222;
  border-radius: 50%;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}

.clock-center {
  position: absolute;
  z-index: 1;
  width: 150px;
  height: 150px;
  top: 50px;
  left: 50px;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
  border-radius: 50%;
}

.clock-center:after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  margin: 65px;
  background-color: #ddd;
  border-radius: 50%;
}

/*** 

====================================================================
	Privacy Section
====================================================================

***/

.privacy-section {
  position: relative;
  padding: 110px 0px 80px;
}

.privacy-section .pattern-layer {
  position: absolute;
  top: 50px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: right top;
}

.privacy-section .privacy-content {
  position: relative;
  padding-bottom: 15px;
  margin-bottom: 25px;
  border-bottom: 1px solid #e2e2e2;
}

.privacy-section .privacy-content:last-child {
  padding-bottom: 0px;
  margin-bottom: 0px;
  border: none;
}

.privacy-section h2 {
  position: relative;
  color: #000000;
  line-height: 1.2em;
  margin-bottom: 22px;
  font-weight: 800;
}

.privacy-section p {
  position: relative;
  color: #4a4a4a;
  font-size: 16px;
  line-height: 1.7em;
  margin-bottom: 15px;
  font-weight: 400;
}

.privacy-section .date {
  position: relative;
  color: #f26a42;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 15px;
}

.privacy-section h4 {
  position: relative;
  color: #000000;
  line-height: 1.5em;
  margin-bottom: 22px;
  font-weight: 700;
}

.privacy-section .privacy-list {
  position: relative;
  text-align: left;
  margin-left: 22px;
}

.privacy-section .privacy-list li {
  position: relative;
  margin-bottom: 12px;
  color: #626262;
  font-size: 16px;
  font-weight: 400;
  padding-left: 26px;
  line-height: 1.7em;
}

.privacy-section .privacy-list li:before {
  position: absolute;
  content: "";
  left: 0px;
  top: 10px;
  width: 7px;
  height: 7px;
  border-radius: 50px;
  background-color: #f26a42;
}

/*** 

====================================================================
	Sidebar Page Container
====================================================================

***/

.sidebar-page-container {
  position: relative;
  padding: 40px 0px 0px;
}

.sidebar-page-container .content-side,
.sidebar-page-container .sidebar-side {
  margin-bottom: 40px;
}

.sticky-top {
  top: 30px;
  z-index: 1;
}

.sidebar-widget {
  margin-bottom: 50px;
}

.sidebar .sidebar-widget {
  position: relative;
}

.sidebar .sidebar-widget .widget-content {
  position: relative;
  padding: 25px 30px 25px;
  border: 1px solid #e1e1e1;
}

.sidebar .sidebar-title {
  position: relative;
  margin-bottom: 10px;
}

.sidebar .sidebar-title h4 {
  padding-bottom: 15px;
  border-bottom: 1px solid #d7d7d7;
}

.sidebar .sidebar-title h4:before {
  position: absolute;
  content: "";
  left: 0px;
  bottom: -1px;
  width: 80px;
  height: 5px;
  background-color: #f26a42;
}

/* Search Box Widget */

.sidebar .search-box .form-group {
  position: relative;
  margin: 0px;
}

.sidebar .search-box .form-group input[type="text"],
.sidebar .search-box .form-group input[type="search"] {
  position: relative;
  line-height: 43px;
  padding: 10px 50px 10px 25px;
  border: 1px solid #dddddd;
  background: #f5f5f5;
  display: block;
  font-size: 14px;
  width: 100%;
  height: 54px;
  color: #000000;
  border-radius: 0px;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}

.sidebar .search-box .form-group button {
  position: absolute;
  right: 0px;
  top: 0px;
  height: 54px;
  width: 60px;
  display: block;
  font-size: 16px;
  color: #f26a42;
  border-radius: 0px;
  line-height: 100%;
  font-weight: normal;
  background: none;
}

.service-list {
  position: relative;
}

.service-list li {
  position: relative;

  color: #555555;
  font-size: 14px;
 
  padding: 12px 0px;
  border-bottom: 2px solid #ebebeb;
}

.service-list li a {
  color: #555555;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}
.service-list li i{
  margin-left: 12px;
}
.service-list li a:hover {
  color: #ef5523;
}

.service-list li .icon {
  position: absolute;
  left: 0px;
  top: 0px;
  color: #f26a42;
  line-height: 1em;
  font-size: 48px;
}

.service-list li strong {
  display: block;
  color: #222222;
  font-size: 18px;
  margin-bottom: 4px;
}

.service-list li:last-child {
  margin-bottom: 0px;
  padding-bottom: 0px;
  border-bottom: 0px;
}

.social-widget .social-box li {
  position: relative;
  margin-right: 7px;
  display: inline-block;
}

.social-widget .social-box li a {
  position: relative;
  width: 50px;
  height: 50px;
  color: #222222;
  font-size: 20px;
  line-height: 48px;
  text-align: center;
  display: inline-block;
  background-color: #f5f5f5;
  border: 1px solid #ebebeb;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}

.social-widget .social-box li a:hover {
  color: #ffffff;
  border-color: #f26a42;
  background-color: #f26a42;
}

.banner-widget {
  position: relative;
  text-align: center;
  padding: 100px 30px 100px;
  background-size: cover;
  outline: 2px solid rgba(255, 255, 255, 1);
  outline-offset: -20px;
}

.banner-widget:before {
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  background-color: rgba(0, 0, 0, 0.9);
}

.banner-widget .title {
  position: relative;
  color: #f26a42;
  font-size: 16px;
  margin-bottom: 15px;
}

.banner-widget h3 {
  color: #ffffff;
  margin-bottom: 30px;
}

.service-detail {
  position: relative;
}

.service-detail .inner-box {
  position: relative;
}

.service-detail .inner-box .image {
  position: relative;
}

.service-detail .inner-box .image img {
  position: relative;
  width: 100%;
  display: block;
}

.service-detail .inner-box .lower-content {
  position: relative;
  padding-top: 30px;
}

.service-detail .inner-box .lower-content h3 {
  margin-bottom: 20px;
}

.service-detail .inner-box .lower-content h4 {
  margin-bottom: 20px;
}

.service-detail .inner-box .lower-content p {
  position: relative;
  color: #222222;
  font-size: 16px;
  line-height: 1.8em;
  margin-bottom: 20px;
}

.service-detail .feature-column {
  position: relative;
  margin-bottom: 20px;
}

.service-detail .feature-column .inner-column {
  position: relative;
  padding-left: 80px;
}

.service-detail .feature-column .inner-column .icon {
  position: absolute;
  left: 0px;
  top: 0px;
  color: #f26a42;
  font-size: 54px;
  line-height: 1em;
}

.service-detail .two-column {
  margin-top: 20px;
  margin-bottom: 30px;
}

/*** 

====================================================================
	Service Tabs Style
====================================================================

***/

.service-detail .service-tabs {
  position: relative;
  margin-top: 25px;
}

.service-detail .service-tabs .tab-btns {
  position: relative;
  text-align: center;
  margin-bottom: 30px;
}

.service-detail .service-tabs .tab-btns .tab-btn {
  position: relative;
  display: block;
  width: 32.9%;
  margin-right: 0px;
  font-size: 16px;
  background: none;
  color: #111111;
  font-weight: 500;
  line-height: 24px;
  cursor: pointer;
  margin-bottom: 12px;
  display: inline-block;
  padding: 16px 40px;
  transition: all 500ms ease;
  text-transform: capitalize;
  background-color: #dcd9d9;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}

.service-detail .service-tabs .tab-btns .tab-btn:before {
  position: absolute;
  content: "";
  left: 50%;
  bottom: 15px;
  opacity: 0;
  margin-left: -7px;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 15px solid #f26a42;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}

.service-detail .service-tabs .tab-btns .tab-btn:hover,
.service-detail .service-tabs .tab-btns .tab-btn.active-btn {
  color: #ffffff;
  background-color: #f26a42;
}

.service-detail .service-tabs .tab-btns .tab-btn:hover::before,
.service-detail .service-tabs .tab-btns .tab-btn.active-btn::before {
  bottom: -15px;
  opacity: 1;
}

.service-detail .service-tabs .tabs-content {
  position: relative;
}

.service-detail .service-tabs .tabs-content .tab {
  position: relative;
  display: none;
}

.service-detail .service-tabs .tabs-content .tab.active-tab {
  display: block;
}

.service-detail .service-tabs .tabs-content .content {
  position: relative;
  padding: 30px 30px;
  border-radius: 10px;
  border: 1px solid #e1e1e1;
}

.service-detail .service-tabs .tabs-content .tab p {
  font-size: 16px;
  line-height: 1.9em;
  color: #222222;
  margin-bottom: 20px;
}

.service-detail .service-tabs .tabs-content .tab p:last-child {
  margin-bottom: 0px;
}

/*** 

====================================================================
	Project Detail Section
====================================================================

***/

.project-detail-section {
  position: relative;
  padding: 100px 0px 70px;
}

.project-detail-section .social-box {
  position: relative;
  margin-bottom: 50px;
}

.project-detail-section .social-box .box-inner {
  position: relative;
  padding: 30px 40px;
  background-color: #f5f5f5;
}

.project-detail-section .social-box .social-list {
  position: relative;
}

.project-detail-section .social-box .social-list li {
  position: relative;
  margin-right: 2px;
  display: inline-block;
}

.project-detail-section .social-box .social-list li.share {
  position: relative;
  color: #111111;
  font-weight: 600;
  margin-right: 20px;
  text-transform: uppercase;
}

.project-detail-section .social-box .social-list li a {
  position: relative;
  color: #111111;
  width: 40px;
  height: 40px;
  line-height: 38px;
  text-align: center;
  border: 1px solid rgba(0, 0, 0, 0.1);
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}

.project-detail-section .social-box .social-list li a:hover {
  color: #ffffff;
  border-color: #f26a42;
  background-color: #f26a42;
}

.project-detail-section .content-column {
  position: relative;
  margin-bottom: 30px;
}

.project-detail-section .content-column .inner-column {
  position: relative;
}

.project-detail-section .content-column h3 {
  margin-bottom: 15px;
}

.project-detail-section .content-column .text {
  position: relative;
  color: #555555;
  font-size: 16px;
  line-height: 1.7em;
  margin-bottom: 25px;
}

.project-detail-section .carousel-column {
  position: relative;
  margin-bottom: 30px;
}

.project-detail-section .carousel-column .inner-column {
  position: relative;
}

.project-detail-section .carousel-column .image {
  position: relative;
  border-radius: 0px;
  overflow: hidden;
}

.project-detail-section .carousel-column .owl-dots {
  display: none;
}

.project-detail-section .carousel-column .owl-nav {
  position: absolute;
  right: 40px;
  top: -120px;
}

.project-detail-section .carousel-column .owl-nav .owl-prev,
.project-detail-section .carousel-column .owl-nav .owl-next {
  position: relative;
  width: 40px;
  height: 40px;
  color: #222222;
  font-size: 20px;
  line-height: 38px;
  text-align: center;
  margin-left: 10px;
  display: inline-block;
  border: 1px solid #222222;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}

.project-detail-section .carousel-column .owl-nav .owl-prev:hover,
.project-detail-section .carousel-column .owl-nav .owl-next:hover {
  color: #ffffff;
  border-color: #f26a42;
  background-color: #f26a42;
}

/*** 

====================================================================
	Project Summery Section
====================================================================

***/

.project-summery-section {
  position: relative;
  padding: 90px 0px 60px;
  background-color: #f5f5f5;
}

.project-summery-section .column {
  position: relative;
  margin-bottom: 30px;
}

.project-summery-section h3 {
  margin-bottom: 20px;
}

.project-summery-section p {
  position: relative;
  color: #555555;
  font-size: 16px;
  line-height: 1.7em;
}

/*** 

====================================================================
	Project Challenge Section
====================================================================

***/

.project-challenge-section {
  position: relative;
}

.project-challenge-section .inner-container {
  position: relative;
  padding-bottom: 40px;
  padding-right: 80px;
}

.project-challenge-section .inner-container:before {
  position: absolute;
  content: "";
  right: 0px;
  top: 0px;
  bottom: 0px;
  width: 300%;
  background-color: #f26a42;
}

.project-challenge-section .image-column {
  position: relative;
  margin-bottom: 30px;
}

.project-challenge-section .image-column .image {
  position: relative;
  margin-top: -40px;
}

.project-challenge-section .content-column {
  position: relative;
}

.project-challenge-section .content-column .inner-column {
  position: relative;
  padding-top: 60px;
  padding-left: 30px;
}

.project-challenge-section h3 {
  color: #ffffff;
  margin-bottom: 20px;
}

.project-challenge-section p {
  position: relative;
  color: #ffffff;
  font-size: 16px;
  line-height: 1.7em;
}

/*** 

====================================================================
	Project Challenge Section
====================================================================

***/

.project-mission-section {
  position: relative;
  padding: 100px 0px 100px;
}

.project-mission-section h3 {
  margin-bottom: 20px;
}

.project-mission-section .text {
  position: relative;
}

.project-mission-section .text p {
  position: relative;
  color: #555555;
  font-size: 16px;
  margin-bottom: 15px;
}

.project-mission-section .new-posts {
  position: relative;
  padding: 25px 0px 0px;
  border-top: 1px solid #cccccc;
}

.project-mission-section .new-posts a {
  position: relative;
  color: #ffffff;
  font-size: 16px;
  padding: 12px 30px;
  display: inline-table;
  background-color: #111111;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}

.project-mission-section .new-posts a:hover {
  background-color: #f26a42;
}

.related-project-section {
  padding-bottom: 80px;
}

.blog-page-section {
  position: relative;
  padding: 100px 0px 100px;
}

.blog-cat {
  position: relative;
}

.blog-cat li {
  position: relative;
  margin-bottom: 15px;
}

.blog-cat li a {
  position: relative;
  color: #666666;
  font-size: 16px;
  display: block;
  font-weight: 400;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}

.blog-cat li a:hover {
  color: #f26a42;
}

.blog-cat li:last-child {
  margin-bottom: 0px;
}

.blog-cat li a span {
  position: absolute;
  right: 0px;
}

/* Post Widget */

.sidebar .popular-posts .post {
  position: relative;
  font-size: 14px;
  color: #666666;
  padding: 0px 0px;
  padding-left: 100px;
  min-height: 70px;
  margin-bottom: 25px;
}

.sidebar .popular-posts .post:last-child {
  margin-bottom: 0px;
  border-bottom: none;
}

.sidebar .popular-posts .post .post-thumb {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 80px;
  border-radius: 0px;
  overflow: hidden;
}

.sidebar .popular-posts .post .post-thumb .overlay-box {
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  display: block;
  color: #ffffff;
  font-size: 18px;
  opacity: 0;
  text-align: center;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  background-color: rgba(0, 0, 0, 0.7);
}

.sidebar .popular-posts .post .post-thumb .overlay-box .fa {
  top: 50%;
  position: relative;
  margin-top: -12px;
  display: block;
}

.sidebar .popular-posts .post:hover .post-thumb .overlay-box {
  opacity: 1;
}

.sidebar .popular-posts .post .post-thumb img {
  display: block;
  width: 100%;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}

.sidebar .popular-posts .post .text {
  position: relative;
  top: 0px;
  font-size: 18px;
  margin: 0px 0px 0px;
  font-weight: 600;
  color: #222222;
  line-height: 1.5em;
  text-transform: capitalize;
}

.sidebar .popular-posts .post .text a {
  color: #222222;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}

.sidebar .popular-posts .post a:hover {
  color: #f26a42;
}

.sidebar .popular-posts .post-info {
  position: relative;
  font-size: 16px;
  color: #777777;
  font-weight: 400;
  margin-top: 4px;
}

/* Popular Tags */

.sidebar .popular-tags a {
  position: relative;
  display: inline-block;
  line-height: 24px;
  padding: 10px 26px 10px;
  margin: 0px 6px 10px 0px;
  color: #555555;
  text-align: center;
  font-size: 16px;
  background: none;
  font-weight: 400;
  border-radius: 0px;
  border: 1px solid #a2a2a2;
  text-transform: capitalize;
  transition: all 300ms ease;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
}

.sidebar .popular-tags a:hover {
  border-color: #f26a42;
  background-color: #f26a42;
  color: #ffffff;
}

.sidebar-page-container.style-two {
  padding-bottom: 60px;
}

.blog-classic .styled-pagination {
  margin-top: 90px;
}

.news-block-four {
  position: relative;
  margin-bottom: 60px;
}

.news-block-four .inner-box {
  position: relative;
  background-color: #ffffff;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
}

.news-block-four .inner-box .image {
  position: relative;
  background-color: #f26a42;
}

.news-block-four .inner-box .image img {
  position: relative;
  width: 100%;
  display: block;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  transition: all 500ms ease;
}

.news-block-four .inner-box:hover .image img {
  opacity: 0.6;
}

.news-block-four .inner-box .image .post-date {
  position: absolute;
  right: 35px;
  bottom: -35px;
  width: 75px;
  height: 80px;
  color: #ffffff;
  font-size: 36px;
  padding-top: 16px;
  font-weight: 800;
  text-align: center;
  background-color: #f26a42;
}

.news-block-four .inner-box .image .post-date span {
  font-size: 16px;
  color: #ffffff;
  display: block;
  font-weight: 400;
  margin-top: 10px;
}

.news-block-four .inner-box .lower-content {
  position: relative;
  padding: 40px 30px 45px;
}

.news-block-four .inner-box .lower-content .post-info {
  position: relative;
  margin-bottom: 15px;
}

.news-block-four .inner-box .lower-content .post-info li {
  position: relative;
  color: #f26a42;
  font-size: 16px;
  line-height: 1.2em;
  padding-right: 14px;
  margin-right: 15px;
  display: inline-block;
  border-right: 1px solid #f26a42;
}

.news-block-four .inner-box .lower-content .post-info li:last-child {
  margin-right: 0px;
  padding-right: 0px;
  border-right: 0px;
}

.news-block-four .inner-box h3 {
  margin-bottom: 25px;
  font-weight: 700;
  padding-bottom: 25px;
  border-bottom: 2px solid #dddddd;
}

.news-block-four .inner-box h3:before {
  position: absolute;
  content: "";
  left: 0px;
  bottom: -2px;
  width: 50px;
  height: 4px;
  background-color: #f26a42;
}

.news-block-four .inner-box h3 a {
  position: relative;
  color: #222222;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  transition: all 300ms ease;
}

.news-block-four .inner-box h3 a:hover {
  color: #f26a42;
}

.news-block-four .inner-box .text {
  position: relative;
  color: #222222;
  font-size: 16px;
  line-height: 1.8em;
}

.news-block-four .inner-box .read-more {
  position: absolute;
  left: 30px;
  bottom: -25px;
  color: #ffffff;
  font-weight: 600;
  padding: 12px 24px;
  background-color: #222222;
  border-radius: 15px 0px 0px 0px;
  border-right: 2px solid #f26a42;
  transition: all 300ms ease;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
}

.news-block-four .inner-box:hover .read-more {
  background-color: #f26a42;
  border-color: #222222;
}

.sticky-top {
  top: 90px;
}

.blog-detail {
  position: relative;
}

.blog-detail .inner-box {
  position: relative;
  background-color: #ffffff;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
}

.blog-detail .inner-box .image {
  position: relative;
  background-color: #f26a42;
}

.blog-detail .inner-box .image img {
  position: relative;
  width: 100%;
  display: block;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  transition: all 500ms ease;
}

.blog-detail .inner-box:hover .image img {
  opacity: 0.6;
}

.blog-detail .inner-box .image .post-date {
  position: absolute;
  right: 35px;
  bottom: -35px;
  width: 75px;
  height: 80px;
  color: #ffffff;
  font-size: 36px;
  padding-top: 16px;
  font-weight: 800;
  text-align: center;
  background-color: #f26a42;
}

.blog-detail .inner-box .image .post-date span {
  font-size: 16px;
  color: #ffffff;
  display: block;
  font-weight: 400;
  margin-top: 10px;
}

.blog-detail .inner-box .lower-content {
  position: relative;
  padding: 40px 30px 45px;
}

.blog-detail .inner-box .lower-content .post-info {
  position: relative;
  margin-bottom: 15px;
}

.blog-detail .inner-box .lower-content .post-info li {
  position: relative;
  color: #f26a42;
  font-size: 16px;
  line-height: 1.2em;
  padding-right: 14px;
  margin-right: 15px;
  display: inline-block;
  border-right: 1px solid #f26a42;
}

.blog-detail .inner-box .lower-content .post-info li:last-child {
  margin-right: 0px;
  padding-right: 0px;
  border-right: 0px;
}

.blog-detail .inner-box h3 {
  margin-bottom: 25px;
  font-weight: 700;
  padding-bottom: 25px;
  border-bottom: 2px solid #dddddd;
}

.blog-detail .inner-box h3:before {
  position: absolute;
  content: "";
  left: 0px;
  bottom: -2px;
  width: 50px;
  height: 4px;
  background-color: #f26a42;
}

.blog-detail .inner-box h4 {
  margin-bottom: 15px;
}

.blog-detail .inner-box p {
  position: relative;
  color: #222222;
  font-size: 16px;
  line-height: 1.8em;
}

.blog-detail .inner-box .two-column {
  position: relative;
  margin-top: 25px;
}

.blog-detail .inner-box .two-column .column {
  margin-bottom: 30px;
}

.blog-detail .inner-box blockquote {
  position: relative;
  color: #222222;
  font-size: 18px;
  line-height: 1.8em;
  padding: 30px 40px;
  font-style: italic;
  margin-top: 25px;
  margin-bottom: 30px;
  background-color: #f5f5f5;
  border-left: 4px solid #f26a42;
}

.blog-detail .inner-box blockquote .quote-author {
  position: relative;
  display: block;
  color: #f26a42;
  text-align: right;
  font-size: 18px;
  font-weight: 600;
  font-style: normal;
}

/* Post Share Options */

.blog-detail .post-share-options {
  position: relative;
  margin-top: 40px;
  padding: 22px 0px;
  border-top: 2px solid #e1e1e1;
}

.blog-detail .post-share-options .tags span {
  font-size: 15px;
  color: #f26a42;
  font-weight: 400;
  margin-right: 10px;
  text-transform: capitalize;
}

.blog-detail .post-share-options .tags a {
  position: relative;
  color: #777777;
  font-size: 15px;
  font-weight: 400;
  line-height: 1em;
  margin-right: 10px;
  display: inline-block;
  text-transform: capitalize;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}

.blog-detail .post-share-options .tags a:last-child {
  border-right: none;
  margin-right: 0px;
  padding-right: 0px;
}

.blog-detail .post-share-options .tags {
  position: relative;
  color: #ff4800;
  font-size: 16px;
  font-weight: 400;
  margin-top: 3px;
}

.blog-detail .post-share-options .tags a:hover {
  color: #f26a42;
}

.blog-detail .post-share-options .social-box {
  position: relative;
}

.blog-detail .post-share-options .social-box li.share {
  position: relative;
  color: #777777;
  font-weight: 700;
}

.blog-detail .post-share-options .social-box li {
  position: relative;
  margin-left: 15px;
  display: inline-block;
}

.blog-detail .post-share-options .social-box li a {
  position: relative;
  font-size: 16px;
  color: #777777;
  display: inline-block;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  transition: all 300ms ease;
}

.blog-detail .post-share-options .social-box li a:hover {
  color: #f26a42;
}

.blog-detail .more-posts {
  position: relative;
  padding: 18px 0px;
  border-radius: px;
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
}

.blog-detail .more-posts .prev {
  position: relative;
  color: #222222;
  font-size: 16px;
  font-weight: 700;
}

.blog-detail .more-posts .next {
  position: relative;
  color: #222222;
  font-size: 16px;
  font-weight: 700;
}

.blog-detail .more-posts .prev a,
.blog-detail .more-posts .next a {
  color: #222222;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  transition: all 300ms ease;
}

.blog-detail .more-posts .prev a:hover,
.blog-detail .more-posts .next a:hover {
  color: #f26a42;
}

/*** 

====================================================================
	Comments Area
====================================================================

 ***/

.sidebar-page-container .comments-area {
  position: relative;
  margin-top: 60px;
  margin-bottom: 50px;
}

.sidebar-page-container .group-title {
  position: relative;
}

.sidebar-page-container .group-title h4 {
  position: relative;
  color: #161e39;
  font-weight: 700;
  margin-bottom: 25px;
  text-transform: capitalize;
}

.sidebar-page-container .comments-area .comment-box {
  position: relative;
  margin-bottom: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid #e5e5e5;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  transition: all 300ms ease;
}

.sidebar-page-container .comments-area .comment-box:last-child {
  margin-bottom: 0px;
}

.sidebar-page-container .comments-area .comment {
  position: relative;
  font-size: 14px;
  min-height: 120px;
  padding: 0px 0px 0px 110px;
}

.sidebar-page-container .comments-area .reply-comment {
  margin-left: 100px;
}

.sidebar-page-container .comments-area .comment-box .author-thumb {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 90px;
  height: 90px;
  border-radius: 50%;
  margin-bottom: 20px;
  overflow: hidden;
  background-color: #7a7a7a;
}

.sidebar-page-container .comments-area .comment-box .author-thumb img {
  width: 100%;
  display: block;
}

.sidebar-page-container .comments-area .comment-info {
  margin-bottom: 10px;
}

.sidebar-page-container .comments-area .comment-box strong {
  font-size: 18px;
  font-weight: 600;
  color: #161e39;
  display: block;
  line-height: 1.3em;
  display: inline-block;
  text-transform: capitalize;
}

.sidebar-page-container .comments-area .comment-box .text {
  color: #626262;
  font-size: 16px;
  line-height: 1.7em;
  margin-bottom: 10px;
}

.sidebar-page-container .comments-area .comment-info .comment-time {
  position: absolute;
  right: 0px;
  font-size: 15px;
  color: #626262;
  padding-left: 24px;
  display: inline-block;
}

.sidebar-page-container .comments-area .comment-info .comment-time:before {
  position: absolute;
  content: "\f133";
  left: 0px;
  top: 0px;
  color: #f26a42;
  font-family: "FontAwesome";
}

.sidebar-page-container .comments-area .comment-box .theme-btn {
  position: relative;
  font-size: 16px;
  color: #f26a42;
  font-weight: 600;
  text-transform: uppercase;
}

.sidebar-page-container .comments-area .comment-box .theme-btn:hover {
  color: #3d415b;
}

/*** 

====================================================================
	Comment Form
====================================================================

***/

.comment-form .group-title h4 {
  margin-bottom: 20px;
}

.comment-form .form-group {
  margin-bottom: 30px;
}

.comment-form .form-group input[type="text"],
.comment-form .form-group input[type="password"],
.comment-form .form-group input[type="tel"],
.comment-form .form-group input[type="email"],
.comment-form .form-group select {
  position: relative;
  display: block;
  width: 100%;
  line-height: 28px;
  padding: 10px 20px;
  color: #888888;
  border: 1px solid #e1e1e1;
  height: 54px;
  font-size: 14px;
  border-radius: 0px;
  background: #ffffff;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  transition: all 300ms ease;
}

.comment-form .form-group input[type="text"]:focus,
.comment-form .form-group input[type="password"]:focus,
.comment-form .form-group input[type="tel"]:focus,
.comment-form .form-group input[type="email"]:focus,
.comment-form .form-group select:focus,
.comment-form .form-group textarea:focus {
  border-color: #f26a42;
}

.comment-form .form-group textarea {
  position: relative;
  display: block;
  width: 100%;
  line-height: 24px;
  padding: 15px 20px 25px;
  color: #888888;
  border: 1px solid #e1e1e1;
  height: 180px;
  background: #ffffff;
  resize: none;
  border-radius: 0px;
  font-size: 14px;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  transition: all 300ms ease;
}

/*Error Section*/

.error-section {
  position: relative;
  padding: 100px 0px 100px;
}

.error-section .content {
  position: relative;
  text-align: center;
}

.error-section h1 {
  position: relative;
  color: #222222;
  font-size: 180px;
  font-weight: 600;
  line-height: 1em;
  margin-bottom: 10px;
}

.error-section h2 {
  position: relative;
  color: #222222;
  font-size: 50px;
  font-weight: 300;
  line-height: 1.2em;
  margin-bottom: 10px;
}

.error-section .text {
  position: relative;
  color: #222222;
  font-size: 20px;
  font-weight: 300;
  margin-top: 20px;
  line-height: 1.5em;
  margin-bottom: 30px;
}

.contact-info-section {
  position: relative;
  padding: 100px 0px 70px;
}

.contact-info-section.style-two {
  padding-bottom: 20px;
}

.contact-info-section .info-column {
  position: relative;
  margin-bottom: 30px;
}

.contact-info-section .info-column .inner-column {
  position: relative;
  color: #555555;
  font-size: 16px;
  line-height: 1.7em;
  padding-left: 90px;
}

.contact-info-section .info-column .icon {
  position: absolute;
  left: 0px;
  top: 0px;
  color: #f26a42;
  font-size: 60px;
  line-height: 1em;
}

.contact-info-section .info-column strong {
  position: relative;
  color: #222222;
  font-size: 22px;
  display: block;
  margin-bottom: 10px;
}

.contact-info-section .info-column .inner-column a {
  position: relative;
  color: #555555;
}

.map-section-section {
  position: relative;
}

.map-section-section iframe {
  position: relative;
  width: 100%;
  height: 650px;
}

.contact-form input.error,
.contact-form select.error,
.contact-form textarea.error {
  border-color: #ff0000 !important;
}

.contact-form label.error {
  display: block;
  line-height: 24px;
  padding: 5px 0px 0px;
  margin: 0px;
  text-transform: uppercase;
  font-size: 12px;
  color: #ff0000;
  font-weight: 500;
}

/*** 

====================================================================
	Contact Page Section
====================================================================

***/

.contact-page-section {
  position: relative;
  padding: 100px 0px 70px;
}

.contact-page-section .form-column {
  position: relative;
  margin-bottom: 30px;
}

.contact-page-section .form-column .inner-column {
  position: relative;
}

.contact-page-section .contact-info {
  position: relative;
  margin-bottom: 0px;
}

.contact-page-section .contact-info li {
  position: relative;
  padding-left: 40px;
  font-size: 16px;
  line-height: 24px;
  color: #404040;
  font-weight: 400;
  margin-bottom: 35px;
}

.contact-page-section .contact-info li .icon {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 24px;
  line-height: 1.4em;
  color: #f26a42;
}

.fact-counter-two .column .inner:hover .icon {
  color: #fff;
}

.contact-page-section .contact-info li strong {
  display: block;
  font-size: 24px;
  line-height: 26px;
  color: #111111;
  font-weight: 600;
  margin-bottom: 5px;
}

.contact-page-section .contact-info li a {
  color: #404040;
  display: inline-block;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

/*** 

====================================================================
	Shop Page Section
====================================================================

***/

.shops-page-section {
  position: relative;
  padding-top: 110px;
  padding-bottom: 110px;
}

.shops-page-section .styled-pagination {
  margin-top: 20px;
}

/****** Shop Style *********/

.single-product-item {
  position: relative;
  display: block;
  transition: all 500ms ease;
  margin-bottom: 50px;
}

.single-product-item .img-holder {
  position: relative;
  display: block;
  overflow: hidden;
  border-radius: 0px;
  background-color: #f9f9f9;
}

.single-product-item .img-holder a {
  position: relative;
  display: block;
}

.single-product-item .img-holder img {
  transform: scale(1);
  transition: all 0.7s ease 0s;
  width: 100%;
}

.single-product-item:hover .img-holder img {
  transform: scale(1.1);
}

.single-product-item .title-holder {
  position: relative;
  display: block;
  background: #ffffff;
  padding: 22px 0 24px;
  -webkit-box-shadow: 0 2px 27px rgba(54, 54, 54, 0.13);
  box-shadow: 0 2px 27px rgba(54, 54, 54, 0.13);
  margin-left: 20px;
  margin-right: 20px;
  margin-top: -30px;
  z-index: 9;
}

.single-product-item .title-holder:before {
  position: absolute;
  content: "";
  left: 0px;
  bottom: 0px;
  height: 5px;
  right: 0px;
  opacity: 0;
  z-index: 1;
  background-color: #f26a42;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transform: scale(0.5, 1);
}

.single-product-item:hover .title-holder:before {
  opacity: 1;
  transform: scale(1, 1);
}

.single-product-item .title-holder .static-content {
  position: relative;
  display: block;
}

.single-product-item .title-holder .title {
  position: relative;
  display: block;
  font-size: 20px;
  line-height: 22px;
  font-weight: 600;
  padding: 0 0 3px;
}

.single-product-item .title-holder .title a {
  color: #1b1b1b;
  transition: all 500ms ease;
}

.single-product-item .title-holder .static-content span {
  display: inline-block;
  padding-right: 0px;
  color: #666666;
  margin-top: 2px;
}

.single-product-item .title-holder .static-content del {
  position: relative;
  display: inline-block;
  color: #c2c2c2;
  font-size: 16px;
  font-weight: 700;
}

.single-product-item .title-holder .overlay-content {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: #ffffff;
  text-align: center;
  transform: scaleX(0);
  -webkit-transform: scaleX(0);
  transition: all 700ms ease 300ms;
}

.single-product-item:hover .title-holder .overlay-content {
  transform: scaleY(1);
  -webkit-transform: scaleY(1);
  transition: all 700ms ease 100ms;
}

.single-product-item .title-holder .overlay-content ul {
  position: relative;
  display: block;
  padding: 23px 0 23px;
  width: 153px;
  margin: 0 auto;
  transform: scale(0);
  transition: all 700ms ease 100ms;
}

.single-product-item:hover .title-holder .overlay-content ul {
  transform: scale(1);
  transition: all 700ms ease 600ms;
}

.single-product-item .title-holder .overlay-content ul li {
  position: relative;
  display: inline-block;
  float: left;
  width: 51px;
  text-align: center;
  border-right: 1px solid #ededed;
}

.single-product-item .title-holder .overlay-content ul li:last-child {
  border: none;
}

.single-product-item .title-holder .overlay-content ul li a {
  position: relative;
  display: block;
}

.single-product-item .title-holder .overlay-content ul li a span {
  position: relative;
  display: block;
}

.single-product-item .title-holder .overlay-content ul li a span:before {
  position: relative;
  display: block;
  width: 100%;
  height: 45px;
  color: #666666;
  font-size: 18px;
  line-height: 45px;
  margin: 0;
  transition: all 500ms ease;
}

.single-product-item .title-holder .overlay-content ul li a:hover span:before {
  color: #ffffff;
  background: #666666;
}

.single-product-item .title-holder .overlay-content ul li a .toltip-content {
  position: absolute;
  left: -50%;
  right: 0;
  top: -25px;
  margin-left: -15px;
  opacity: 0;
  visibility: hidden;
  padding: 0;
  text-align: center;
  background-color: #0a0a0a;
  transition: all 300ms ease 100ms;
  z-index: 999;
  min-width: 130px;
}

.single-product-item .title-holder .overlay-content ul li a .toltip-content:before {
  font-family: FontAwesome;
  position: absolute;
  left: 0;
  bottom: -8px;
  right: 0;
  content: "\f0d7";
  color: #0a0a0a;
  font-size: 25px;
  text-align: center;
  line-height: 10px;
}

.single-product-item .title-holder .overlay-content ul li a .toltip-content p {
  color: #ffffff;
  font-size: 14px;
  line-height: 30px;
  margin: 0;
}

.single-product-item .title-holder .overlay-content ul li a:hover .toltip-content {
  top: -40px;
  visibility: visible;
  opacity: 1;
}

/*** 

====================================================================
	Shop Single Section
====================================================================

***/

.shop-single-section {
  position: relative;
  padding-top: 110px;
  padding-bottom: 100px;
}

.shop-single-section .image-column {
  position: relative;
}

.shop-single-section .image-column .inner-column {
  position: relative;
}

.shop-single-section .image-column .image {
  position: relative;
  background-color: #f9f9f9;
}

.shop-single-section .image-column .image img {
  position: relative;
  width: 100%;
  display: block;
}

.shop-single-section .info-column {
  position: relative;
}

.shop-single-section .info-column .inner-column {
  position: relative;
  padding-left: 40px;
}

.shop-single-section .info-column .details-header {
  position: relative;
}

.shop-single-section .info-column .details-header h2 {
  font-weight: 700;
  margin: 0px 0px;
  line-height: 1.4em;
  color: #222222;
  margin-bottom: 8px;
}

.shop-single-section .info-column .details-header h2 a {
  color: #333333;
}

.shop-single-section .info-column .details-header .rating {
  color: #161e39;
  font-size: 16px;
  margin-bottom: 15px;
  display: inline-block;
}

.shop-single-section .info-column .details-header .rating span {
  color: #f26a42;
}

.shop-single-section .info-column .details-header .rating .fa {
  display: inline-block;
  margin-right: 1px;
}

.shop-single-section .info-column .details-header .rating .fa.light {
  color: #dadada;
}

.shop-single-section .info-column .details-header .item-price {
  position: relative;
  font-size: 24px;
  font-weight: 700;
  color: #f26a42;
  line-height: 24px;
  letter-spacing: 1px;
  margin-bottom: 20px;
}

.bootstrap-touchspin .input-group-btn-vertical {
  width: 30px;
  border-left: 1px solid #dddddd;
}

.shop-single-section .info-column .bootstrap-touchspin .input-group-btn-vertical>.btn,
.cart-section .bootstrap-touchspin .input-group-btn-vertical>.btn {
  padding: 13px 10px;
  background: none;
  left: 4px;
}

.product-details .bootstrap-touchspin .input-group-btn-vertical i,
.cart-section .bootstrap-touchspin .input-group-btn-vertical i {
  top: 1px;
}

.bootstrap-touchspin .glyphicon-chevron-up:before {
  content: "\f0d8";
  font-size: 18px;
  font-style: normal;
  font-weight: 800;
  font-family: "FontAwesome";
}

.bootstrap-touchspin .glyphicon-chevron-down:before {
  content: "\f0d7";
  font-size: 18px;
  font-style: normal;
  font-weight: 800;
  font-family: "FontAwesome";
}

.shop-single-section .info-column .text {
  position: relative;
  color: #404040;
  font-size: 18px;
  line-height: 1.6em;
  margin-bottom: 30px;
}

.shop-single-section .info-column .availablity {
  position: relative;
  float: left;
  padding-right: 40px;
  line-height: 32px;
  margin-bottom: 27px;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 1px;
  color: #777777;
}

.shop-single-section .info-column .availablity strong {
  font-size: 14px;
  letter-spacing: 2px;
  color: #11da61;
  font-weight: 600;
  text-transform: uppercase;
}

.shop-single-section .info-column .item-quantity {
  position: relative;
  float: left;
  width: 120px;
  margin-bottom: 15px;
  margin-right: 25px;
  box-shadow: none;
  border: 1px solid #dddddd;
  border-radius: 50px 0px 0px 50px;
}

.shop-single-section .info-column .btns-box {
  position: relative;
}

.shop-single-section .info-column .quantity-spinner,
.cart-section input.quantity-spinner {
  line-height: 24px;
  padding: 10px 15px !important;
  height: 54px !important;
  box-shadow: none !important;
  border-radius: 50px 0px 0px 50px;
  border: 0px;
}

.shop-single-section .info-column .shop-list {
  position: relative;
  margin-top: 20px;
}

.shop-single-section .info-column .shop-list li {
  position: relative;
  color: #666666;
  font-size: 18px;
  margin-bottom: 10px;
}

.shop-single-section .info-column .shop-list li strong {
  color: #161e39;
  font-size: 18px;
  margin-right: 5px;
  text-transform: capitalize;
}

.shop-single-section .info-column .shop-list li a {
  position: relative;
  color: #f26a42;
  font-size: 14px;
  font-weight: 700;
  margin-top: 0px;
  display: inline-block;
  text-transform: uppercase;
}

/*** 

====================================================================
	Product Tabs Style
====================================================================

***/

.shop-page .prod-tabs {
  position: relative;
  margin-top: 50px;
  padding-bottom: 35px;
  border-bottom: 1px solid #e6ebee;
}

.shop-page .prod-tabs .tab-btns {
  position: relative;
  margin-bottom: 15px;
}

.shop-page .prod-tabs .tab-btns .tab-btn {
  position: relative;
  display: block;
  margin-right: 20px;
  font-size: 16px;
  background: none;
  color: #161e39;
  border-bottom: 1px solid transparent;
  text-transform: capitalize;
  font-weight: 600;
  line-height: 24px;
  cursor: pointer;
  margin-bottom: 12px;
  display: inline-block;
  padding: 0px 0px 9px;
  transition: all 500ms ease;
}

.shop-page .prod-tabs .tab-btns .tab-btn:hover,
.shop-page .prod-tabs .tab-btns .tab-btn.active-btn {
  border-color: #222222;
}

.shop-page .prod-tabs .tabs-content {
  position: relative;
}

.shop-page .prod-tabs .tabs-content .tab {
  position: relative;
  display: none;
}

.shop-page .prod-tabs .tabs-content .tab.active-tab {
  display: block;
}

.shop-page .prod-tabs .tabs-content .tab p {
  font-size: 16px;
  line-height: 1.9em;
  color: #404040;
}

.shop-page .prod-tabs .tabs-content .tab p:last-child {
  margin-bottom: 0px;
}

.shop-page .prod-tabs .tabs-content .tab h3,
.shop-page .prod-tabs .tabs-content .tab h4,
.shop-page .prod-tabs .tabs-content .tab h5,
.shop-page .prod-tabs .tabs-content .tab h6 {
  margin-bottom: 15px;
}

.shop-page .prod-tabs .tabs-content .tab h4 {
  font-weight: 700;
  color: #222222;
}

.shop-page .prod-tabs .reviews-container {
  position: relative;
  padding-bottom: 1px;
}

.shop-page .prod-tabs .reviews-container .review-box {
  position: relative;
  margin-bottom: 30px;
  padding-left: 120px;
  min-height: 130px;
  padding-bottom: 30px;
  border-bottom: 1px solid #f0f0f0;
}

.shop-page .prod-tabs .reviews-container .review-box:last-child {
  margin-bottom: 0px;
  padding-bottom: 0px;
  border: none;
}

.bootstrap-touchspin .input-group-btn-vertical {
  right: 0px;
  position: absolute;
}

.bootstrap-touchspin .glyphicon-chevron-up:before {
  content: "\f106";
  font-size: 18px;
  font-style: normal;
  font-family: "FontAwesome";
}

.bootstrap-touchspin .glyphicon-chevron-down:before {
  content: "\f107";
  font-size: 18px;
  font-style: normal;
  font-family: "FontAwesome";
}

.shop-page .prod-tabs .reviews-container .rev-thumb {
  position: absolute;
  left: 0px;
  top: 5px;
  width: 100px;
  height: 100px;
  overflow: hidden;
  background: #ffffff;
  border-radius: 3px;
  margin-bottom: 20px;
}

.shop-page .prod-tabs .reviews-container .rev-thumb img {
  display: block;
  width: 100%;
  border-radius: 3px;
}

.shop-page .prod-tabs .reviews-container .rev-content {
  position: relative;
}

.shop-page .prod-tabs .reviews-container .rev-header {
  position: relative;
}

.shop-page .prod-tabs .reviews-container .rev-header h4 {
  float: left;
  line-height: 30px;
  margin-bottom: 10px;
}

.shop-page .prod-tabs .reviews-container .rev-header .rating {
  position: relative;
  float: left;
  margin-left: 40px;
  color: #f26a42;
  line-height: 30px;
  font-size: 14px;
  margin-bottom: 10px;
}

.shop-page .prod-tabs .reviews-container .rev-header .rating .fa {
  margin-right: 3px;
}

.shop-page .prod-tabs .reviews-container .rev-header .time {
  position: relative;
  float: right;
  color: #000000;
  line-height: 30px;
  font-size: 14px;
}

.shop-page .prod-tabs .reviews-container .rev-option {
  font-size: 14px;
  color: #9e9e9e;
}

.shop-page .prod-tabs .reviews-container .rev-option a {
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 700;
}

.shop-page .prod-tabs .reviews-container .rev-text {
  font-size: 14px;
  color: #9e9e9e;
  line-height: 1.8em;
  margin-bottom: 15px;
}

/*Add Review*/

.shop-page .prod-tabs .add-review {
  position: relative;
  margin: 30px 0px 20px;
  font-size: 14px;
}

.shop-page .prod-tabs .add-review h4 {
  color: #000000;
  font-weight: 700;
}

.shop-page .prod-tabs .add-review .rating {
  position: relative;
  padding-top: 8px;
}

.shop-page .prod-tabs .add-review .rating .rate-box {
  position: relative;
  display: inline-block;
  margin-right: 10px;
  font-size: 14px;
  color: #555555;
}

.shop-page .prod-tabs .add-review .rating .rate-box:hover,
.shop-page .prod-tabs .add-review .rating .rate-box:focus,
.shop-page .prod-tabs .add-review .rating .rate-box:active {
  color: #f26a42;
}

.shop-page .prod-tabs .add-review label {
  position: relative;
  display: block;
  font-size: 14px;
  margin-bottom: 5px;
  font-weight: 400;
  color: #303030;
}

.shop-page .prod-tabs .add-review h3 {
  margin-bottom: 20px;
}

.shop-page .prod-tabs .add-review .form-group {
  position: relative;
  margin-bottom: 20px;
}

.shop-page .prod-tabs .add-review .form-group input[type="text"],
.shop-page .prod-tabs .add-review .form-group input[type="password"],
.shop-page .prod-tabs .add-review .form-group input[type="tel"],
.shop-page .prod-tabs .add-review .form-group input[type="email"],
.shop-page .prod-tabs .add-review .form-group select {
  position: relative;
  display: block;
  width: 100%;
  line-height: 22px;
  padding: 9px 15px;
  color: #222222;
  border: 1px solid #e0e0e0;
  transition: all 300ms ease;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
}

.shop-page .prod-tabs .add-review .form-group textarea {
  position: relative;
  display: block;
  width: 100%;
  line-height: 22px;
  padding: 8px 15px;
  color: #222222;
  border: 1px solid #e0e0e0;
  height: 150px;
  resize: none;
  transition: all 300ms ease;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
}

.shop-page .prod-tabs .add-review button {
  padding: 8px 35px;
}

.related-projects {
  position: relative;
  padding-top: 40px;
}

/*** 

====================================================================
	Cart Section style
====================================================================

***/

.cart-section {
  position: relative;
  padding: 100px 0px 110px;
}

.cart-outer {
  position: relative;
}

.checkout-page .cart-outer {
  margin-bottom: 40px;
}

.cart-outer .table-outer {
  position: relative;
  width: 100%;
  margin-bottom: 50px;
}

.cart-outer .cart-table {
  width: 100%;
  min-width: 900px;
  border-bottom: 1px solid #e9e9e9;
}

.cart-outer .cart-table tbody {
  padding-bottom: 30px;
}

.cart-table .cart-header {
  position: relative;
  width: 100%;
  font-size: 13px;
  color: #1c1c1c;
  border-bottom: 1px solid #ebebeb;
}

.cart-table thead tr th {
  line-height: 24px;
  padding: 15px 28px;
  font-weight: 700;
  font-size: 18px;
  color: #161e39;
  text-align: center;
  letter-spacing: 1px;
}

.cart-table thead tr th .fa {
  font-size: 18px;
}

.cart-table tbody tr td {
  line-height: 24px;
  padding: 25px 50px 25px;
}

.cart-table tbody tr .qty {
  width: 225px;
  padding-right: 80px;
}

.cart-table tbody tr .qty .item-quantity {
  border: 1px solid #dddddd;
}

.cart-table tbody tr .qty .quantity-spinner {
  background: #ffffff;
}

.cart-table tbody tr .prod-column .column-box {
  position: relative;
  min-height: 120px;
  padding-top: 45px;
  padding-left: 150px;
}

.cart-table tbody tr .prod-column .column-box .prod-thumb {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 120px;
  float: left;
}

.cart-table tbody tr .prod-column .column-box .prod-thumb img {
  display: block;
  max-width: 100%;
}

.cart-table tbody tr .prod-column .column-box h4 {
  position: relative;
  font-size: 18px;
  color: #161e39;
  font-weight: 700;
}

.cart-table tbody tr .prod-column .column-box .text {
  position: relative;
  font-size: 16px;
  color: #777777;
  font-weight: 400;
  margin-top: 15px;
}

.cart-table tbody tr .prod-column .author {
  font-size: 13px;
  color: #333333;
  margin-bottom: 0px;
}

.cart-table tbody tr .sub-total {
  font-weight: 700;
  color: #161e39;
  font-size: 18px;
}

.cart-table tbody tr .remove-btn {
  position: relative;
  font-size: 18px;
  color: #f26a42;
  line-height: 30px;
  font-weight: 500;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  transition: all 500ms ease;
}

.cart-table tbody tr .remove-btn .fa {
  position: relative;
  font-size: 24px;
  line-height: 30px;
}

.cart-table tbody tr .remove-btn:hover {
  color: #222222;
}

.cart-table tbody tr td {
  vertical-align: middle;
  color: #797979;
  font-size: 17px;
}

.cart-table tbody tr .total-price {
  font-weight: 700;
  color: #161e39;
  font-size: 18px;
}

.cart-table tbody tr td .prod-title {
  position: relative;
  font-size: 17px;
  color: #797979;
}

.cart-table tbody tr td .quantity-spinner {
  padding: 5px 0px 5px 20px;
  line-height: 24px;
  height: 34px;
  display: block;
  width: 100%;
  position: relative;
}

.cart-table tbody .available-info {
  position: relative;
  padding-left: 50px;
}

.cart-table tbody .available-info .icon {
  position: absolute;
  left: 0px;
  top: 5px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 18px;
  color: #ffffff;
  background: #223555;
  border-radius: 50%;
}

.cart-section .cart-options {
  position: relative;
  padding: 28px 35px 15px;
  margin-bottom: 50px;
  background-color: #f9f9f9;
  border: 1px solid #ebebeb;
  border-top: 0px;
}

.cart-section .apply-coupon {
  position: relative;
}

.cart-section .apply-coupon .form-group {
  position: relative;
  float: left;
  margin-right: 10px;
}

.cart-section .apply-coupon .form-group input[type="text"] {
  display: block;
  line-height: 15px;
  padding: 8px 25px 8px 0px;
  border-bottom: 1px solid #e0e0e0;
  width: 230px;
  height: 50px;
  color: #161e39;
  font-size: 16px;
  font-weight: 400;
  background: none;
}

.cart-section .theme-btn {
  margin-right: 15px;
}

.cart-section .btn-style-two:hover {
  color: #ffffff;
}

.cart-section .cart-options .btn-style-one {
  top: -4px;
  font-weight: 500;
  font-size: 15px;
  padding: 5px 32px;
}

.cart-section .totals-table {
  position: relative;
  margin-top: 0px;
}

.cart-section h3 {
  position: relative;
  color: #161e39;
  font-size: 36px;
  font-weight: 700;
  margin-top: 30px;
  line-height: 1.3em;
  margin-bottom: 0px;
}

.cart-section .totals-table li {
  line-height: 24px;
  padding: 14px 0px;
  border-bottom: 1px solid #dee4e8;
}

.cart-section .totals-table .col {
  position: relative;
  display: block;
  float: left;
  line-height: 24px;
  width: 30%;
  color: #161e39;
  font-size: 18px;
  font-weight: 600;
  padding-left: 0px;
  text-transform: capitalize;
}

.cart-section .totals-table li .col:last-child {
  color: #161e39;
}

.cart-section .checkout-btn {
  margin-top: 35px;
}

.cart-section .cart-btn {
  padding: 8px 34px;
  margin-top: 110px;
}

.cart-table tbody tr .qty .input-group-btn-vertical {
  position: absolute;
  right: 0px;
  top: 0px;
}

/*Check Out Page*/

.checkout-page {
  position: relative;
  z-index: 9;
  background-color: #ffffff;
  padding: 100px 0px 80px;
}

.checkout-page .default-links {
  position: relative;
  margin-bottom: 40px;
}

.checkout-page .default-links li {
  margin-bottom: 15px;
  line-height: 24px;
  padding: 18px 28px;
  background: #f9f9f9;
  color: #797979;
  font-size: 17px;
  font-weight: 600;
  border: 1px solid #ebebeb;
}

.checkout-page .default-links li a {
  color: #f26a42;
  text-decoration: underline;
}

.shop-form .billing-inner {
  position: relative;
  padding-right: 100px;
}

.shop-form .sec-title h2 {
  font-size: 24px;
}

.shop-form .form-group {
  position: relative;
  margin-bottom: 20px;
}

.billing-details .shop-form .sec-title {
  margin-bottom: 20px;
}

.billing-details .shop-form .form-group.sec-title {
  margin-bottom: 10px;
  padding-bottom: 30px;
  margin-top: 20px;
}

.shop-form .form-group .field-label {
  display: block;
  line-height: 24px;
  margin-bottom: 8px;
  color: #797979;
  font-size: 15px;
  font-weight: 500;
  text-transform: capitalize;
}

.shop-form .form-group .field-label sup {
  position: relative;
  top: 0px;
  color: #797979;
  font-size: 16px;
}

.shop-form input[type="text"],
.shop-form input[type="email"],
.shop-form input[type="password"],
.shop-form input[type="tel"],
.shop-form input[type="number"],
.shop-form input[type="url"],
.shop-form select,
.shop-form textarea {
  position: relative;
  display: block;
  width: 100%;
  background: #ffffff;
  line-height: 16px;
  padding: 10px 15px;
  height: 50px;
  border: 1px solid #eeeeee;
  transition: all 300ms ease;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
}

.shop-form input.address-two {
  margin-top: 12px;
}

.shop-form input::-webkit-input-placeholder,
.shop-form select::-webkit-input-placeholder,
.shop-form textarea::-webkit-input-placeholder {
  color: #c6c6c6;
}

.shop-form select {
  -webkit-appearance: none;
  -ms-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  background: #ffffff url(../images/icons/icon-select.png) right center no-repeat;
  cursor: pointer;
}

.shop-form select option {
  text-indent: 15px;
}

.shop-form textarea {
  resize: none;
  height: 100px !important;
  overflow: hidden;
}

.shop-form input:focus,
.shop-form select:focus,
.shop-form textarea:focus {
  border-color: #f26a42;
}

/* Shop Order Box */

.shop-order-box {
  position: relative;
  padding: 20px 28px 50px;
  border: 1px solid #d9d9d9;
  background-color: #fdfdfd;
}

.shop-order-box .order-list {
  position: relative;
}

.shop-order-box .order-list li {
  position: relative;
  color: #797979;
  font-size: 15px;
  font-weight: 500;
  margin-bottom: 12px;
  text-transform: uppercase;
}

.shop-order-box .order-list li span {
  float: right;
  width: 35%;
  text-align: left;
  font-size: 17px;
  text-transform: capitalize;
}

.shop-order-box .order-list li span.dark {
  color: #242424;
}

.shop-order-box .order-list li.total {
  padding: 8px 0px;
  border-top: 1px solid #e2e2e2;
  border-bottom: 1px solid #e2e2e2;
}

.payment-options {
  position: relative;
  margin-top: 20px;
  margin-bottom: 20px;
}

.checkout-page .payment-options li {
  position: relative;
  margin-bottom: 15px;
}

.checkout-page .payment-options li .radio-option {
  position: relative;
}

.checkout-page .payment-options li .radio-option label {
  position: relative;
  display: block;
  padding-left: 30px;
  font-weight: 600 !important;
  text-transform: capitalize;
  letter-spacing: 1px;
  color: #797979;
  cursor: pointer;
  font-size: 15px;
}

.checkout-page .payment-options li .radio-option label strong {
  font-weight: 500;
  display: inline-block;
  color: #797979;
  font-size: 15px;
}

.checkout-page .payment-options li .radio-option input[type="radio"] {
  position: absolute;
  left: 0px;
  top: 3px;
}

.checkout-page .payment-options li .radio-option #payment-3 {
  top: 9px;
}

.checkout-page .payment-options li .what-paypall {
  display: block;
  font-size: 13px;
  font-weight: 600;
  margin-left: 0px;
  color: #f26a42;
  margin-top: 20px;
}

.checkout-page .payment-options li .radio-option label .small-text {
  position: relative;
  display: none;
  padding: 18px 26px;
  letter-spacing: 0px;
  text-transform: none;
  font-weight: normal;
  font-size: 15px;
  color: #8e8d8d;
  border-radius: 4px;
  line-height: 20px;
  line-height: 1.8em;
  margin-top: 20px;
  margin-left: -30px;
  background-color: #ececec;
}

.checkout-page .payment-options li .radio-option label .small-text:before {
  position: absolute;
  content: "";
  left: 24px;
  top: -10px;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 15px solid #ececec;
}

.checkout-page .payment-options li .radio-option input[type="radio"]:checked+label .small-text {
  display: block;
}

.checkout-page .payment-options li .radio-option label img {
  position: relative;
  top: -3px;
  display: inline-block;
  max-width: 100%;
  padding-left: 30px;
}

.checkout-page .payment-options li .radio-option label img {
  position: relative;
  display: inline-block;
  max-width: 100%;
  padding-left: 30px;
}

/*** 

====================================================================
	Login Page Section
====================================================================

***/

.login-page-section {
  position: relative;
  padding: 110px 0px 0px;
}

.login-page-section .auto-container {
  position: relative;
}

.login-page-section.signup-section .auto-container {
  border-bottom: 0px;
}

.login-page-section .inner-container {
  position: relative;
  max-width: 580px;
  margin: 0 auto;
  padding-bottom: 100px;
}

.styled-form {
  position: relative;
}

.styled-form .form-group {
  position: relative;
  margin-bottom: 25px;
}

.styled-form .form-group label {
  position: relative;
  color: #666666;
  font-size: 16px;
  margin-bottom: 10px;
}

.styled-form .form-group input {
  position: relative;
  height: 50px;
  padding: 6px 15px;
  width: 100%;
  color: #222222;
  border: 1px solid #ebebeb;
}

.styled-form .forgot {
  position: relative;
  font-weight: 600;
  color: #161e39;
  font-size: 16px;
  margin-top: 10px;
  display: inline-block;
}

.styled-form .form-group .check-box {
  position: relative;
  margin-top: -15px;
}

.styled-form .form-group .check-box label {
  position: relative;
  display: block;
  height: 30px;
  width: 100%;
  line-height: 20px;
  padding: 5px 10px;
  padding-left: 20px;
  font-size: 16px;
  font-weight: 600;
  color: #161e39;
  cursor: pointer;
  margin-bottom: 0;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.styled-form .form-group input[type="checkbox"]:checked+label {
  border-color: #25a9e0;
}

.styled-form .form-group .check-box label:before {
  position: absolute;
  left: 0;
  top: 9px;
  height: 12px;
  width: 12px;
  content: "";
  border-radius: 0px;
  background: #0c0f48;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.styled-form .form-group .check-box input[type="checkbox"] {
  display: none;
}

.styled-form .form-group .check-box input[type="checkbox"]:checked+label:before {
  background: #f26a42;
}

.styled-form .form-group .check-box input[type="checkbox"]:checked+label:after {
  max-width: 20px;
  opacity: 1;
}

.styled-form .form-group .check-box .terms {
  color: #f26a42;
}

/* Radio Box */

.styled-form .form-group .radio-box {
  position: relative;
  margin-top: -15px;
}

.styled-form .form-group .radio-box label {
  position: relative;
  display: block;
  height: 30px;
  width: 100%;
  line-height: 20px;
  padding: 5px 10px;
  padding-left: 20px;
  font-size: 16px;
  font-weight: 600;
  color: #161e39;
  cursor: pointer;
  margin-bottom: 0;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.styled-form .form-group input[type="radio"]:checked+label {
  border-color: #25a9e0;
}

.styled-form .form-group .radio-box label:before {
  position: absolute;
  left: 0;
  top: 9px;
  height: 12px;
  width: 12px;
  content: "";
  border-radius: 0px;
  background: #f26a42;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.styled-form .form-group .radio-box input[type="radio"] {
  display: none;
}

.styled-form .form-group .radio-box input[type="radio"]:checked+label:before {
  background: #090f56;
}

.styled-form .form-group .radio-box input[type="radio"]:checked+label:after {
  max-width: 20px;
  opacity: 1;
}

.styled-form .theme-btn {
  width: 100%;
  font-size: 15px;
  border-radius: 0px;
  font-weight: 600;
}

.styled-form .or-box {
  position: relative;
  margin-top: 45px;
  text-align: center;
  margin-bottom: 20px;
}

.styled-form .or-box:before {
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  height: 1px;
  width: 100%;
  background-color: #dcdcdb;
}

.styled-form .or-box .or {
  position: relative;
  font-weight: 600;
  color: #161e39;
  font-size: 16px;
  padding: 0px 20px;
  display: inline-block;
  top: -10px;
  background-color: #ffffff;
}

.styled-form .account-btn {
  position: relative;
  font-weight: 700;
  letter-spacing: 1px;
  padding: 14px 15px;
  width: 100%;
  display: block;
  border: 1px solid #dcdcdb;
  text-transform: uppercase;
  background: none;
  cursor: pointer;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.styled-form .account-btn:hover {
  background-color: #f26a42;
  color: #ffffff;
  border-color: #f26a42;
}

/* RTL Style Code */

.rtl .main-header .logo-box {
  float: right;
}

.rtl .main-header .header-lower .nav-outer {
  float: right;
  width: 100%;
  padding-left: 0px;
  padding-right: 50px;
}

.rtl .main-header .nav-btn {
  right: 0px;
  left: auto;
}

.rtl .main-header .header-upper .upper-right {
  float: left;
}

.rtl .main-header .info-box {
  margin-left: 0px;
  margin-right: 40px;
  padding-right: 65px;
  padding-left: 35px;
  text-align: right;
  border-right: 0px;
  border-left: 1px solid rgba(0, 0, 0, 0.1);
}

.rtl .main-header .info-box:first-child {
  padding-left: 0px;
  border: 0px;
}

.rtl .main-header .info-box .icon-box {
  right: 0px;
  left: auto;
}

.rtl .main-header .header-top .top-left .text {
  text-align: right;
}

.rtl .main-menu .navigation>li {
  float: right;
}

.rtl .sticky-header .logo {
  float: right;
  padding-left: 25px;
}

.rtl .main-menu {
  float: right;
}

.rtl .main-header .header-lower .options-box {
  position: absolute;
  left: 0px;
}

.rtl .main-menu .navigation>li:last-child {
  margin-right: 20px;
}

.rtl .main-header .search-box-outer {
  margin-left: 0px;
}

.rtl .main-menu .navigation>li>ul>li {
  text-align: right;
}

.rtl .main-menu .navigation>li>ul>li:hover>a {
  padding-left: 0px;
  padding-right: 30px;
}

.rtl .main-menu .navigation>li>ul>li>a:before {
  left: auto;
  right: 8px;
}

.rtl .main-menu .navigation>li>ul>li.dropdown>a:after {
  right: auto;
  left: 10px;
  transform: rotate(180deg);
}

.rtl .main-menu .navigation>li>ul>li>ul {
  left: auto;
  right: 120%;
}

.rtl .main-menu .navigation li>ul>li.dropdown:hover>ul {
  right: 107%;
  left: auto;
}

.rtl .main-menu .navigation>li>ul {
  left: auto;
  right: -30px;
}

.rtl .main-menu .navigation>li.dropdown:hover>ul {
  left: auto;
  right: 0px;
}

.rtl .main-menu .navigation>li>ul>li>ul>li:hover>a {
  padding-left: 0px;
  padding-right: 30px;
}

.rtl .main-menu .navigation>li>ul>li>ul>li>a:before {
  left: auto;
  right: 8px;
}

.rtl .main-slider .content-column {
  order: 2;
  text-align: right;
}

.rtl .main-slider .image-column {
  order: 1;
}

.rtl .main-slider .title {
  padding-left: 0px;
  padding-right: 40px;
}

.rtl .main-slider .title:before {
  right: 0px;
  left: auto;
}

.rtl .main-slider .play-box,
.rtl .main-slider .btns-box {
  float: right;
}

.rtl .main-slider .btns-box .theme-btn {
  margin-right: 0px;
  margin-left: 25px;
}

.rtl .about-section .image-column {
  order: 1;
}

.rtl .about-section .content-column {
  order: 2;
}

.rtl .about-section .content-column .inner-column {
  text-align: right;
}

.rtl .about-section .content-column .inner-column .pull-left {
  float: right;
}

.rtl .about-section .content-column .signature {
  margin-left: 0px;
  margin-right: 25px;
}

.rtl .sec-title,
.rtl .main-footer,
.rtl .news-block .inner-box,
.rtl .testimonial-block .inner-box,
.rtl .gallery-block .inner-box .lower-content,
.rtl .skill-section .image-column .image .text,
.rtl .skill-section .skill-column .inner-column,
.rtl .service-block .inner-box .content {
  text-align: right;
}

.rtl .newsletter-form .form-group input[type="text"],
.rtl .newsletter-form .form-group input[type="email"] {
  padding-right: 20px;
  text-align: right;
}

.rtl .service-block .inner-box .icon {
  left: 0px;
  right: auto;
}

.rtl .fact-counter .column .inner .content {
  text-align: right;
  padding-left: 0px;
  padding-right: 90px;
}

.rtl .fact-counter .column .inner .icon {
  right: 0px;
  left: auto;
}

.rtl .cta-section .cta-list li {
  text-align: right;
  padding-left: 0px;
  padding-right: 50px;
}

.rtl .cta-section .cta-list li:before {
  right: 0px;
  left: auto;
}

.rtl .testimonial-section .owl-nav {
  left: 0px;
  right: auto;
}

.rtl .testimonial-block .inner-box .author-image-outer .author-image {
  left: 0px;
  right: auto;
}

.rtl .testimonial-block .inner-box .text {
  padding-right: 0px;
  padding-left: 40px;
}

.rtl .testimonial-block .inner-box .quote-icon {
  right: auto;
  left: 60px;
}

.rtl .news-block .inner-box .image .post-date {
  right: 25px;
  left: auto;
}

.rtl .newsletter-section .form-column .content {
  padding-left: 0px;
  padding-right: 360px;
}

.rtl .newsletter-section .form-column .title-box {
  right: 0px;
  left: auto;
}

.rtl .newsletter-section .form-column .title-box .box-inner {
  padding-left: 0px;
  text-align: right;
  padding-right: 95px;
}

.rtl .newsletter-section .form-column .title-box .icon {
  right: 0px;
  left: auto;
}

.rtl .newsletter-form .form-group .submit-btn {
  left: 0px;
  right: auto;
  border-radius: 6px;
}

.rtl .list-style-two li {
  text-align: right;
  padding-left: 0px;
  padding-right: 30px;
}

.rtl .list-style-two li .icon {
  right: 0px;
  left: auto;
}

.rtl .main-footer .news-widget .post {
  text-align: right;
  padding-left: 0px;
  padding-right: 100px;
}

.rtl .main-footer .news-widget .post .thumb {
  right: 0px;
  left: auto;
}

.rtl .list-link li a {
  padding-left: 0px;
  padding-right: 26px;
  text-align: right;
}

.rtl .header-top .top-list li .icon,
.rtl .list-link li a:before {
  right: 0px;
  left: auto;
}

.rtl .header-top .top-list li {
  text-align: right;
  padding-left: 0px;
  padding-right: 25px;
}

.rtl .header-style-two .options-box {
  margin-left: 0px;
  margin-right: 30px;
}

.rtl .header-style-two .search-box-outer {
  margin-left: 25px;
}

.rtl .price-block .inner-box,
.rtl .accordion-box .block,
.rtl .default-form input[type="text"],
.rtl .default-form input[type="email"],
.rtl .default-form input[type="password"],
.rtl .default-form select,
.rtl .default-form textarea,
.rtl .request-quote-section .content-box,
.rtl .goal-block .inner-box,
.rtl .sidebar-info-contents .content-inner,
.rtl .news-block-two .inner-box .content,
.rtl .service-block-two .inner-box {
  text-align: right;
}

.rtl .goal-section .content-column .inner-column .pull-left {
  float: right;
}

.rtl .goal-section .content-column .signature {
  margin-left: 0px;
  margin-right: 30px;
}

.rtl .project-section-two .tab-btns-box {
  text-align: left;
}

.rtl .project-section-two .tab-btns-box .p-tab-btn {
  margin-left: 0px;
  margin-right: 25px;
}

.rtl .request-quote-section .content-box .play-box {
  left: 0px;
  right: auto;
}

.rtl .price-block .inner-box .price-list li {
  text-align: right;
  padding-left: 0px;
  padding-right: 30px;
}

.rtl .price-block .inner-box .price-list li:before {
  right: 0px;
  left: auto;
}

.rtl .main-footer .lower-form-box .title-column {
  order: 2;
}

.rtl .main-footer .lower-form-box .newsletter-column {
  order: 1;
}

.rtl .main-footer .lower-form-box .title-column .inner-column {
  text-align: right;
  padding-left: 0px;
  padding-right: 80px;
}

.rtl .main-footer .lower-form-box .title-column .icon {
  right: 0px;
  left: auto;
}

.rtl .newsletter-form-two .form-group input[type="text"],
.rtl .newsletter-form-two .form-group input[type="email"] {
  text-align: right;
  padding-right: 20px;
}

.rtl .newsletter-form-two .form-group .submit-btn {
  left: 0px;
  right: auto;
  border-radius: 5px;
}

.rtl .header-style-three .search-box .form-group input[type="text"],
.rtl .header-style-three .search-box .form-group input[type="search"] {
  padding-right: 20px;
  padding-left: 60px;
  text-align: right;
}

.rtl .header-style-three .search-box .form-group button {
  left: 0px;
  right: auto;
}

.rtl .list-style-one li {
  padding-left: 0px;
  padding-right: 30px;
}

.rtl .list-style-three li:before,
.rtl .list-style-one li .icon {
  right: 0px;
  left: auto;
}

.rtl .about-section-two .content-column .inner-column,
.rtl .cta-section-two .inner-container {
  text-align: right;
}

.rtl .cta-section-two .btn-box {
  left: 0px;
  right: auto;
}

.rtl .about-section-two .content-column {
  order: 2;
}

.rtl .about-section-two .image-column {
  order: 1;
}

.rtl .list-style-three li {
  text-align: right;
  padding-left: 0px;
  padding-right: 30px;
}

.rtl .about-section-two .content-column .author-box .box-inner {
  text-align: right;
  padding-left: 0px;
  padding-right: 150px;
}

.rtl .about-section-two .content-column .author-box .author-image {
  right: 0px;
  left: auto;
}

.rtl .footer-style-two,
.rtl .team-block-two .inner-box .lower-content,
.rtl .testimonial-block-two .inner-box,
.rtl .news-block-three .inner-box .lower-content,
.rtl .testimonial-block-two .inner-box .text,
.rtl .service-block-three .inner-box,
.rtl .privacy-section .privacy-content,
.rtl .team-single-section .content-column .inner-column,
.rtl .about-section-two .images-column .text {
  text-align: right;
}

.rtl .service-block-three .inner-box .big-icon {
  right: auto;
  left: 30px;
}

.rtl .choose-block .inner-box {
  text-align: right;
  padding-left: 0px;
  padding-right: 90px;
}

.rtl .choose-section .image-column .award-box .inner-box .icon,
.rtl .choose-block .inner-box .icon {
  right: 0px;
  left: auto;
}

.rtl .choose-section .image-column .award-box .inner-box {
  text-align: right;
  padding-left: 0px;
  padding-right: 80px;
}

.rtl .testimonial-section-two .owl-nav {
  left: 0px;
  right: auto;
}

.rtl .testimonial-section-two .owl-nav .owl-prev,
.rtl .testimonial-section-two .owl-nav .owl-next {
  margin-left: 0px;
  margin-right: 15px;
}

.rtl .cta-section-three .title-column .inner-column {
  text-align: right;
  padding-left: 0px;
  padding-right: 100px;
}

.rtl .cta-section-three .title-column .inner-column {
  right: 0px;
  left: auto;
}

.rtl .cta-section-three .title-column .icon {
  right: 0px;
  left: auto;
}

.rtl .news-block-three .inner-box .lower-content .post-info li {
  padding-left: 0px;
  padding-right: 25px;
}

.rtl .privacy-section .privacy-list li:before,
.rtl .footer-style-two .info-column .icon,
.rtl .footer-style-two .news-widget .post .thumb,
.rtl .team-single-section .content-column .post-meta li .icon,
.rtl .news-block-three .inner-box .lower-content .post-info li .icon {
  right: 0px;
  left: auto;
}

.rtl .footer-style-two .news-widget .post {
  text-align: right;
  padding-left: 0px;
  padding-right: 100px;
}

.rtl .footer-style-two .info-column .inner-column {
  padding-left: 0px;
  text-align: right;
  padding-right: 90px;
}

.rtl .team-single-section .content-column .post-meta li {
  text-align: right;
  padding-left: 0px;
  padding-right: 40px;
  margin-right: 0px;
  margin-left: 30px;
}

.rtl .coming-soon .emailed-form .form-group input[type="text"],
.rtl .coming-soon .emailed-form .form-group input[type="tel"],
.rtl .coming-soon .emailed-form .form-group input[type="email"],
.rtl .coming-soon .emailed-form .form-group textarea {
  text-align: right;
  padding-right: 20px;
}

.rtl .coming-soon .emailed-form .form-group input[type="submit"],
.rtl .coming-soon .emailed-form button {
  left: 0px;
  right: auto;
}

.rtl .privacy-section .privacy-list li {
  text-align: right;
  padding-left: 0px;
  padding-right: 26px;
}

.rtl .sidebar .search-box .form-group input[type="text"],
.rtl .sidebar .search-box .form-group input[type="search"] {
  text-align: right;
  padding-right: 20px;
}

.rtl .sidebar .search-box .form-group button {
  left: 0px;
  right: auto;
}

.rtl .sidebar-widget,
.rtl .news-block-four .inner-box,
.rtl .project-mission-section,
.rtl .project-challenge-section .content-column .inner-column,
.rtl .project-summery-section,
.rtl .project-detail-section,
.rtl .service-detail .inner-box,
.rtl .sidebar .sidebar-title h4 {
  text-align: right;
}

.rtl .sidebar .sidebar-title h4:before {
  right: 0px;
  left: auto;
}

.rtl .service-list li {
  text-align: right;
  padding-left: 0px;
  padding-right: 70px;
}

.rtl .service-list li .icon {
  right: 0px;
  left: auto;
}

.rtl .service-detail .feature-column .inner-column {
  text-align: right;
  padding-left: 0px;
  padding-right: 80px;
}

.rtl .service-detail .feature-column .inner-column .icon {
  right: 0px;
  left: auto;
}

.rtl .news-block-four .inner-box .image .post-date {
  left: 30px;
  right: auto;
}

.rtl .styled-form,
.rtl .blog-detail,
.rtl .blog-cat li a,
.rtl .cart-section h3,
.rtl .shop-page .prod-tabs,
.rtl .styled-form .form-group input,
.rtl .comment-form .form-group input[type="text"],
.rtl .comment-form .form-group input[type="password"],
.rtl .comment-form .form-group input[type="tel"],
.rtl .comment-form .form-group input[type="email"],
.rtl .comment-form .form-group select,
.rtl .cart-section .totals-table,
.rtl .shop-form .billing-inner,
.rtl .shop-order-box .order-list li span,
.rtl .comment-form .form-group textarea,
.rtl .checkout-page .default-links li,
.rtl .cart-section .apply-coupon .form-group input[type="text"],
.rtl .shop-page .prod-tabs .add-review .form-group input[type="text"],
.rtl .shop-page .prod-tabs .add-review .form-group input[type="password"],
.rtl .shop-page .prod-tabs .add-review .form-group input[type="tel"],
.rtl .shop-page .prod-tabs .add-review .form-group input[type="email"],
.rtl .shop-page .prod-tabs .add-review .form-group textarea,
.rtl .shop-single-section .info-column .inner-column,
.rtl .shop-form input[type="text"],
.rtl .shop-form input[type="email"],
.rtl .shop-form input[type="password"],
.rtl .shop-form input[type="tel"],
.rtl .shop-form input[type="number"],
.rtl .shop-form input[type="url"],
.rtl .shop-form select,
.rtl .shop-order-box,
.rtl .shop-form textarea {
  text-align: right;
}

.rtl .blog-cat li a span {
  left: 0px;
  right: auto;
}

.rtl .sidebar .popular-posts .post {
  padding-left: 0px;
  text-align: right;
  padding-right: 100px;
}

.rtl .sidebar .popular-posts .post .post-thumb {
  right: 0px;
  left: auto;
}

.rtl .blog-detail .inner-box .image .post-date {
  left: 30px;
  right: auto;
}

.rtl .sidebar-page-container .comments-area .comment {
  text-align: right;
  padding-left: 0px;
  padding-right: 110px;
}

.rtl .sidebar-page-container .comments-area .comment-box .author-thumb {
  right: 0px;
  left: auto;
}

.rtl .sidebar-page-container .comments-area .comment-info .comment-time {
  left: 0px;
  right: auto;
}

.rtl .shop-single-section .info-column .pull-left {
  float: right;
}

.rtl .shop-single-section .info-column .item-quantity {
  margin-right: 0px;
  margin-left: 25px;
}

.rtl .shop-page .prod-tabs .reviews-container .review-box {
  padding-left: 0px;
  padding-right: 120px;
}

.rtl .shop-page .prod-tabs .reviews-container .rev-thumb {
  right: 0px;
  left: auto;
}

.rtl .cart-section .totals-table .col {
  float: right;
  text-align: right;
}

.rtl .checkout-page .payment-options li .radio-option label {
  padding-left: 0px;
  padding-right: 30px;
}

.rtl .checkout-page .payment-options li .radio-option input[type="radio"] {
  right: 0px;
  left: auto;
}

.rtl .checkout-page .payment-options li .radio-option label .small-text {
  right: -30px;
}

.rtl .contact-info-section .info-column .inner-column {
  text-align: right;
  padding-left: 0px;
  padding-right: 90px;
}

.rtl .contact-page-section .contact-info li .icon,
.rtl .contact-info-section .info-column .inner-column .icon {
  right: 0px;
  left: auto;
}

.rtl .contact-page-section .contact-info li {
  padding-left: 0px;
  padding-right: 50px;
  text-align: right;
}

.rtl .header-style-three .main-menu .navigation>li {
  margin-right: 0px;
  margin-left: 20px;
}

.rtl .project-detail-section .carousel-column .owl-nav {
  left: -15px;
  right: auto;
}

/*Boxed Layout Style*/

.box-layout {
  position: relative;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2);
}

.box-layout:before {
  position: fixed;
  content: "";
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  display: block;
  background: url(../images/background/1.jpg);
}

.box-layout .page-wrapper {
  max-width: 1170px;
  width: 100%;
  margin: 0 auto;
  padding: 15px;
  overflow: hidden;
  background-color: #ffffff;
}

.box-layout .main-footer .request-widget .theme-btn {
  padding: 16px 22px;
  font-size: 14px;
}

.want-sticky-header .main-header .sticky-header {
  position: relative;
  display: none;
}

/* Dark Mode */

.dark-body,
.dark-body .styled-form .or-box .or,
.dark-body .news-block-two .inner-box,
.dark-body .goal-section:before,
.dark-body .news-block-three .inner-box,
.dark-body .testimonial-block .inner-box,
.dark-body .service-block-three .inner-box:before,
.dark-body .testimonial-block-two .inner-box:before,
.dark-body .process-block .inner-box .process-number {
  background-color: #2d3049;
}

.dark-body .project-summery-section,
.dark-body .services-section-three,
.dark-body .news-section-two,
.dark-body .goal-section,
.dark-body .header-top,
.dark-body .news-section,
.dark-body .faq-form-section,
.dark-body .news-section-three,
.dark-body .blog-detail .inner-box,
.dark-body .choose-section .image-column .image:before,
.dark-body .price-block .inner-box,
.dark-body .testimonial-section,
.dark-body .news-block .inner-box,
.dark-body .service-block .inner-box,
.dark-body .skill-section .inner-container,
.dark-body .about-section .inner-container,
.dark-body .team-block .inner-box:before,
.dark-body .process-block .inner-box .color-layer,
.dark-body .service-block-two .inner-box:before,
.dark-body .services-section-three .lower-text .text,
.dark-body .main-menu .navigation>li>ul>li>ul,
.dark-body .gallery-block .inner-box .lower-content,
.dark-body .project-section-two .lower-text .text,
.dark-body .request-quote-section .inner-container,
.dark-body .news-block-four .inner-box,
.dark-body .single-product-item .title-holder,
.dark-body .project-detail-section .social-box .box-inner,
.dark-body .sidebar .search-box .form-group input[type="text"],
.dark-body .sidebar .search-box .form-group input[type="search"],
.dark-body .main-menu .navigation>li>ul {
  background-color: #22253c;
}

.dark-body .testimonial-page-section {
  background-color: #22253c;
  padding-bottom: 100px;
}

.dark-body .styled-form .form-group input,
.dark-body .shop-page .prod-tabs .add-review .form-group input[type="text"],
.dark-body .shop-page .prod-tabs .add-review .form-group input[type="password"],
.dark-body .shop-page .prod-tabs .add-review .form-group input[type="tel"],
.dark-body .shop-page .prod-tabs .add-review .form-group input[type="email"],
.dark-body .shop-page .prod-tabs .add-review .form-group select,
.dark-body .shop-page .prod-tabs .add-review .form-group textarea,
.dark-body .comment-form .form-group input,
.dark-body .comment-form .form-group textarea,
.dark-body .default-form input[type="text"],
.dark-body .default-form input[type="email"],
.dark-body .default-form input[type="password"],
.dark-body .default-form select,
.dark-body .default-form textarea {
  color: #ffffff;
  background-color: #2d3049;
  border-color: rgba(255, 255, 255, 0.3);
}

.dark-body .header-style-one {
  border-color: #ffffff;
}

.dark-body .main-header .info-box ul li a,
.dark-body .cart-section h3,
.dark-body .error-section h1,
.dark-body .error-section h2,
.dark-body .error-section .text,
.dark-body .blog-cat li a,
.dark-body .cart-table thead tr th,
.dark-body .service-list li,
.dark-body .privacy-section h2,
.dark-body .sec-title .text,
.dark-body .sec-title h2,
.dark-body .styled-form .or-box .or,
.dark-body .cart-section .totals-table .col,
.dark-body .project-mission-section .text p,
.dark-body .project-mission-section h3,
.dark-body .project-summery-section p,
.dark-body .project-summery-section h3,
.dark-body .service-list li a,
.dark-body .service-list li strong,
.dark-body .privacy-section h4,
.dark-body .privacy-section p,
.dark-body .news-block-four .inner-box h3 a,
.dark-body .sidebar .popular-tags a,
.dark-body .news-block-four .inner-box .text,
.dark-body .choose-block .inner-box h5,
.dark-body .list-style-three li,
.dark-body .blog-detail .inner-box h4,
.dark-body .blog-detail .inner-box p,
.dark-body .blog-detail .inner-box h3,
.dark-body .price-block .inner-box .price-list li,
.dark-body .price-block .inner-box .text,
.dark-body .price-block .inner-box .title,
.dark-body .process-block .inner-box h5,
.dark-body .goal-block .inner-box h4,
.dark-body .goal-block .inner-box .goal-text,
.dark-body .goal-block .inner-box .icon,
.dark-body .main-header .options-box .nav-btn,
.dark-body .news-block .inner-box h4 a,
.dark-body .team-block .inner-box .designation,
.dark-body .team-block .inner-box h4 a,
.dark-body .styled-form .form-group label,
.dark-body .styled-form .forgot,
.dark-body .service-block .inner-box .text,
.dark-body .service-block .inner-box h4 a,
.dark-body .news-block-two .inner-box h4 a,
.dark-body .news-block-two .inner-box .text,
.dark-body .about-section .content-column .text p,
.dark-body .shop-page .prod-tabs .add-review label,
.dark-body .shop-page .prod-tabs .add-review .rating .rate-box,
.dark-body .project-detail-section .social-box .social-list li.share,
.dark-body .main-menu .navigation>li>ul>li>ul>li>a,
.dark-body .main-menu .navigation>li>ul>li>ul>li:hover>a::before,
.dark-body .main-menu .navigation>li>ul>li.dropdown:hover>a:after,
.dark-body .main-menu .navigation>li>ul>li.dropdown>a:after,
.dark-body .main-menu .navigation>li>ul>li:hover>a::before,
.dark-body .main-menu .navigation>li>ul>li>a,
.dark-body .main-menu .navigation>li>a,
.dark-body .main-header .info-box ul li,
.dark-body .main-header .info-box strong,
.dark-body .project-section .filters li,
.dark-body .sidebar .sidebar-title h4,
.dark-body .news-block .inner-box .text,
.dark-body .accordion-box .block .acc-btn,
.dark-body .accordion-box .block .content .text,
.dark-body .service-block-two .inner-box .lower-box h6 a,
.dark-body .testimonial-block .inner-box .text,
.dark-body .testimonial-block .inner-box .author-image-outer h6,
.dark-body .gallery-block .inner-box .lower-content h5 a,
.dark-body .project-section-two .lower-text .text,
.dark-body .service-block-three .inner-box h5 a,
.dark-body .service-block-three .inner-box .text,
.dark-body .news-block-three .inner-box h4 a,
.dark-body .sidebar .popular-posts .post-info,
.dark-body .sidebar .popular-posts .post .text a,
.dark-body .team-single-section .content-column h2,
.dark-body .team-single-section .content-column .post-meta li a,
.dark-body .team-single-section .content-column .text p,
.dark-body .news-block-three .inner-box .lower-content .post-info li,
.dark-body .fact-counter-two .column .inner .counter-title,
.dark-body .fact-counter-two .column .inner .count-outer,
.dark-body .project-section-two .tab-btns-box .p-tab-btn,
.dark-body .gallery-block .inner-box .lower-content .title,
.dark-body .skills .skill-item .skill-header .skill-percentage,
.dark-body .services-section-three .lower-text .text,
.dark-body .skills .skill-item .skill-header .skill-title,
.dark-body .services-section .sec-title .text,
.dark-body .team-block-two .inner-box h5 a,
.dark-body .privacy-section .privacy-list li,
.dark-body .project-detail-section .social-box .social-list li a,
.dark-body .service-detail .inner-box .lower-content h3,
.dark-body .service-detail .inner-box .lower-content p,
.dark-body .service-detail .inner-box .lower-content h4,
.dark-body .service-detail .inner-box .lower-content h5,
.dark-body .team-block-two .inner-box .designation,
.dark-body .testimonial-block-two .inner-box .text,
.dark-body .testimonial-block-two .inner-box h6,
.dark-body .choose-block .inner-box .block-text,
.dark-body .main-header .header-lower .nav-btn,
.dark-body .blog-detail .post-share-options .tags a,
.dark-body .blog-detail .post-share-options .social-box li.share,
.dark-body .blog-detail .post-share-options .social-box li a,
.dark-body .project-detail-section .content-column h3,
.dark-body .blog-detail .more-posts .prev a,
.dark-body .blog-detail .more-posts .next a,
.dark-body .sidebar-page-container .group-title h4,
.dark-body .single-product-item .title-holder .title a,
.dark-body .single-product-item .title-holder .static-content span,
.dark-body .shop-single-section .info-column .details-header h2,
.dark-body .shop-single-section .info-column .details-header .rating,
.dark-body .sidebar-page-container .comments-area .comment-box .text,
.dark-body .shop-single-section .info-column .text,
.dark-body .shop-single-section .info-column .shop-list li strong,
.dark-body .shop-single-section .info-column .shop-list li,
.dark-body .shop-page .prod-tabs .tab-btns .tab-btn,
.dark-body .shop-page .prod-tabs .tabs-content .tab h4,
.dark-body .shop-page .prod-tabs .tabs-content .tab p,
.dark-body .cart-table tbody tr .prod-column .column-box h4,
.dark-body .cart-table tbody tr .sub-total,
.dark-body .cart-table tbody tr .total-price,
.dark-body .contact-info-section .info-column .inner-column a,
.dark-body .contact-page-section .contact-info li strong,
.dark-body .contact-page-section .contact-info li,
.dark-body .contact-page-section .contact-info li a,
.dark-body .contact-page-section .contact-info li .icon,
.dark-body .contact-info-section .info-column strong,
.dark-body .contact-info-section .info-column .inner-column,
.dark-body .cart-section .totals-table li .col:last-child,
.dark-body .shop-page .prod-tabs .reviews-container .rev-header .time,
.dark-body .sidebar-page-container .comments-area .comment-box strong,
.dark-body .project-detail-section .carousel-column .owl-nav .owl-prev,
.dark-body .sidebar .search-box .form-group input[type="text"],
.dark-body .sidebar-page-container .comments-area .comment-info .comment-time,
.dark-body .sidebar .search-box .form-group input[type="search"],
.dark-body .project-detail-section .carousel-column .owl-nav .owl-next {
  color: #ffffff;
}

.dark-body .sec-title .title .separator-two:after,
.dark-body .sec-title .title .separator-two:before,
.dark-body .sec-title .title .separator:before,
.dark-body .sec-title .title .separator:after {
  background-color: rgba(255, 255, 255, 0.7);
}

.dark-body .service-list li,
.dark-body .fact-counter-two,
.dark-body .accordion-box .block,
.dark-body .sidebar .sidebar-title h4,
.dark-body .sidebar .sidebar-widget .widget-content,
.dark-body .service-block-three .inner-box,
.dark-body .services-section .owl-dots .owl-dot,
.dark-body .main-header .header-lower,
.dark-body .sidebar .popular-tags a,
.dark-body .project-mission-section .new-posts,
.dark-body .blog-detail .post-share-options,
.dark-body .blog-detail .more-posts,
.dark-body .shop-page .prod-tabs,
.dark-body .cart-table .cart-header,
.dark-body .cart-section .totals-table li,
.dark-body .shop-page .prod-tabs .reviews-container .review-box,
.dark-body .shop-page .prod-tabs .tab-btns .tab-btn:hover,
.dark-body .shop-page .prod-tabs .tab-btns .tab-btn.active-btn,
.dark-body .sidebar-page-container .comments-area .comment-box,
.dark-body .project-detail-section .carousel-column .owl-nav .owl-prev,
.dark-body .project-detail-section .carousel-column .owl-nav .owl-next,
.dark-body .project-detail-section .social-box .social-list li a,
.dark-body .service-detail .service-tabs .tabs-content .content,
.dark-body .sidebar .search-box .form-group input[type="text"],
.dark-body .sidebar .search-box .form-group input[type="search"] {
  border-color: rgba(255, 255, 255, 0.15);
}

.dark-body .main-header .search-box-outer:before {
  background: #ffffff;
  background: -webkit-linear-gradient(to right, #ffffff 0%, #cccccc 100%);
  background: -moz-linear-gradient(to right, #ffffff 0%, #cccccc 100%);
  background: linear-gradient(to right, #ffffff 0%, #cccccc 100%);
}

.dark-body .main-header .search-box-btn {
  color: #111111;
}

.dark-body .service-block .inner-box:hover .pattern-layer {
  opacity: 0.2;
}

.dark-body .styled-form .account-btn {
  color: #ffffff;
  border-color: rgba(255, 255, 255, 0.4);
}

.color-palate {
  display: none;
}

/* COMPACT CAPTCHA */

.capbox {
  background-color: #bbbbbb;
  background-image: linear-gradient(#bbbbbb, #9e9e9e);
  border: #2a7d05 0px solid;
  border-width: 2px 2px 2px 20px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: inline-block;
  padding: 5px 8px 5px 8px;
  border-radius: 4px 4px 4px 4px;
}

.capbox-inner {
  font: bold 12px arial, sans-serif;
  color: #000000;
  background-color: #e3e3e3;
  margin: 0px auto 0px auto;
  padding: 3px 10px 5px 10px;
  border-radius: 4px;
  display: inline-block;
  vertical-align: middle;
}

#CaptchaDiv {
  color: #000000;
  font: normal 25px Impact, Charcoal, arial, sans-serif;
  font-style: italic;
  text-align: center;
  vertical-align: middle;
  background-color: #ffffff;
  user-select: none;
  display: inline-block;
  padding: 3px 14px 3px 8px;
  margin-right: 4px;
  border-radius: 4px;
}

#CaptchaDiv1 {
  color: #000000;
  font: normal 25px Impact, Charcoal, arial, sans-serif;
  font-style: italic;
  text-align: center;
  vertical-align: middle;
  background-color: #ffffff;
  user-select: none;
  display: inline-block;
  padding: 3px 14px 3px 8px;
  margin-right: 4px;
  border-radius: 4px;
}

#CaptchaInput {
  border: #38b000 2px solid;
  margin: 3px 0px 1px 0px;
  width: 105px;
}

#CaptchaInput1 {
  border: #38b000 2px solid;
  margin: 3px 0px 1px 0px;
  width: 105px;
}

.call-btn img {
  height: 45px;
  width: 45px;
  position: fixed;
  left: 30px;
  bottom: 150px;
  z-index: 9999;
}

.whatsapp-link img {
  height: 45px;
  width: 45px;
  position: fixed;
  left: 30px;
  bottom: 100px;
  z-index: 9999;
}

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

.auto-container.clearfix {
  display: flex;
  align-items: center;
  justify-content: center;
}

.my-size p {

  color: #000 !important;
  font-size: 14px !important;
}
table {
  font-family: arial, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

td, th {
  border: 1px solid #dddddd;
  text-align: left;
  padding: 8px;
}

tr:nth-child(even) {
  background-color: #dddddd;
}
/* .my-img{
  width: 400px;
  height: 400px;
} */