/************ TABLE OF CONTENTS ***************
1. Fonts
2. Reset
3. Global Settings
4. Content Elements 
5. Main Header
6. Search Popup
7. Sticky Header
8. Mobile Header
9. Header Style Two / Three / Four
10. Page Title
11. Section Title
12. Main Slider
13. Banner Section Two / Three / Four
14. Top Features
15. Features Section 
16. Welcome Section
17. About Section / Two / Three / Four
18. Skills Section
19. Services Section / Two / Three / Four / Five
20. Service Detail
21. Why Choose Us 
22. Portfolio Section
23. Team Section / Two
24. Doctor Detail Section
25. Pricing Section
26. Appointment Section / Two / Three 
27. Appointment Form Section
28. Time Table Section
29. Fun Fact Section / Two / Three / Four
30. Testimonial Section / Two / Three
31. Call To Action / Two
32. News Section / Two / Three
33. Blog Section
34. Blog Single
35. Comment Area
36. Comment Form
37. Contact Section
38. Map Section
39. Clients Section
40. Main Footer / Two / Three / Four
41. Sidebar Page Container
42. Our Shop
43. Product Details
44. Product Tabs
45. Cart Section
46. CheckOut Section
47. Login Section
48. Coming Soon
49. Error Section
50. Terms And Conditions
**********************************************/
/*** 
====================================================================
		Fonts
====================================================================
***/
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&family=Titillium+Web:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700&display=swap');
/*
font-family: 'Open Sans', sans-serif;
font-family: 'Titillium Web', sans-serif;
*/
@import url("flaticon.css");
@import url("fontawesome-all.css");
@import url("animate.css");
@import url("owl.css");
@import url("jquery-ui.min.css");
@import url("mmenu.css");
@import url("jquery.fancybox.min.css");
/* @import url("jquery.modal.min.css"); */
/* @import url("jquery.bootstrap-touchspin.css"); */
/*** 
====================================================================
	Reset
====================================================================
***/
* {

  margin: 0px;

  padding: 0px;

  border: none;

  outline: none;

  font-size: 100%;

}



/*** 



====================================================================

Global Settings

====================================================================



***/



body {

  font-size: 16px;

  color: #363636;

  line-height: 28px;

  font-weight: 400;

  background: #ffffff;

  -webkit-font-smoothing: antialiased;

  -moz-font-smoothing: antialiased;

  font-family: 'Open Sans', sans-serif;

}



a {

  text-decoration: none;

  cursor: pointer;

}



a:hover,

a:focus,

a:visited {

  text-decoration: none;

  outline: none;

}



h1,

h2,

h3,

h4,

h5,

h6 {

  position: relative;

  margin: 0px;

  background: none;

  font-weight: 600;

  line-height: 1.2em;

  font-family: 'Titillium Web', sans-serif;

}



h1 {

  font-size: 50px;

}



h2 {

  font-size: 40px;

}



h3 {

  font-size: 30px;

}



h4 {

  font-size: 24px;

}



h5 {

  font-size: 20px;

}



h6 {

  font-size: 17px;

}





section {

  position: relative;

}



.error{

  color:red;

}



textarea {

  overflow: hidden;

  resize: none;

}



button {

  background-color: transparent;

  outline: none !important;

  cursor: pointer;

  min-width: auto;

}



p,

.text {

  font-size: 15px;

  line-height: 26px;

  color: #666666;

  font-weight: 400;

  margin: 0;

}



::-webkit-input-placeholder {

  color: inherit;

}



::-moz-input-placeholder {

  color: inherit;

}



::-ms-input-placeholder {

  color: inherit;

}



.auto-container {

  position: static;

  /* max-width: 1200px; */

  /* padding: 0px 15px; */

  margin: 0 auto;

  width: 100%;

}



.small-container {

  position: static;

  max-width: 900px;

  padding: 0px 15px;

  margin: 0 auto;

}



.page-wrapper {

  position: relative;

  margin: 0 auto;

  width: 100%;

  min-width: 300px;

  overflow: hidden;

  z-index: 1;

  background-color: #ffffff;

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}



.section {

  padding: 60px 0 30px;

}



.bg_alice {

  background-color: #f9fafc;

}



ul,

li {

  list-style: none;

  padding: 0px;

  margin: 0px;

}



.fancybox-can-drag .fancybox-image-wrap {

  border: 10px solid #ffffff;

}



/***

=======================

   List Styles

=======================

***/





/* List Style Two */



.list-style-one {

  position: relative;

  display: block;

  margin-bottom: 20px;

}



.list-style-one li {

  position: relative;

  font-weight: 400;

  padding-left: 25px;

  margin-bottom: 5px;

}



.list-style-one li:before {

  position: absolute;

  top: 0;

  left: 0;

  font-family: "Font Awesome 5 Free";

  content: "\f00c";

  color: #1370b5;

  font-weight: 900;

  font-size: 14px;

}



/* List Style Two */



.list-style-two {

  position: relative;

  display: block;

  margin-bottom: 20px;

}



.list-style-two li {

  position: relative;

  font-size: 16px;

  line-height: 28px;

  color: #363636;

  font-weight: 400;

  padding-left: 20px;

  margin-bottom: 5px;

}



.list-style-two li:before {

  position: absolute;

  top: 10px;

  left: 0;

  height: 7px;

  width: 7px;

  background-color: #1370b5;

  border-radius: 50%;

  content: "";

}



.list-style-two.light li {

  font-weight: 300;

}



/*** 

==========================

	Social Icons

==========================

***/



.social-icon-one {

  position: relative;

  display: -webkit-box;

  display: flex;

  -webkit-box-align: center;

  align-items: center;

}



.social-icon-one li {

  position: relative;

  margin-right: 10px;

}



.social-icon-one li:last-child {

  margin-right: 0;

}



.social-icon-one li a {

  position: relative;

  display: block;

  font-size: 14px;

  color: #777777;

  height: 30px;

  width: 30px;

  border: 1px solid transparent;

  line-height: 28px;

  text-align: center;

  border-radius: 50%;

  -webkit-transition: all 500ms ease;

  transition: all 500ms ease;

}



.social-icon-one li a:hover {

  background-color: #1370b5;

  border-color: #1370b5;

  color: #ffffff;

}



.social-icon-one.light li a {

  color: #ffffff;

}



.social-icon-one.light li a:hover {

  color: #000000;

}



/* Social Icon Two*/



.social-icon-two {

  position: relative;

  display: flex;

}



.social-icon-two li {

  position: relative;

  margin-right: 15px;

}



.social-icon-two li a {

  position: relative;

  display: block;

  font-size: 14px;

  color: #dddde1;

  height: 35px;

  width: 35px;

  border: 1px solid #ffffff;

  line-height: 33px;

  text-align: center;

  border-radius: 50%;

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}



.social-icon-two li a:hover {

  background-color: #1370b5;

  border-color: #1370b5;

  color: #ffffff;

}



/* Social Icon Three*/



.social-icon-three {

  position: relative;

  display: flex;

}



.social-icon-three li {

  position: relative;

  margin-right: 15px;

}



.social-icon-three li a {

  position: relative;

  display: block;

  font-size: 14px;

  color: #ffffff;

  height: 35px;

  width: 35px;

  border: 1px solid #ffffff;

  line-height: 33px;

  text-align: center;

  border-radius: 50%;

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}



.social-icon-three li a:hover {

  background-color: #ffffff;

  border-color: #ffffff;

  color: #1370b5;

}



/* Social Icon Four*/



.social-icon-four {

  position: relative;

  display: flex;

}



.social-icon-four li {

  position: relative;

  margin-right: 15px;

}



.social-icon-four li a {

  position: relative;

  display: block;

  font-size: 14px;

  color: #777777;

  height: 35px;

  width: 35px;

  border: 1px solid #e1e1e1;

  line-height: 33px;

  text-align: center;

  border-radius: 50%;

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}



.social-icon-four li a:hover {

  background-color: #ef5b3f;

  border-color: #ef5b3f;

  color: #ffffff;

}



/* Social Icon Five*/



.social-icon-five {

  position: relative;

  display: flex;

}



.social-icon-five li {

  position: relative;

  margin-right: 15px;

}



.social-icon-five li a {

  position: relative;

  display: block;

  font-size: 14px;

  color: #777777;

  height: 35px;

  width: 35px;

  border: 1px solid #e1e1e1;

  line-height: 33px;

  text-align: center;

  border-radius: 50%;

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}



.social-icon-five li a:hover {

  background-color: #7fc540;

  border-color: #7fc540;

  color: #ffffff;

}



/*** 

==========================

  Social Icons Colored

==========================

***/



.social-icon-colored {

  position: relative;

  display: -webkit-box;

  display: flex;

  -webkit-box-align: center;

  align-items: center;

  flex-wrap: wrap;

}



.social-icon-colored li {

  position: relative;

  margin-left: 10px;

}



.social-icon-colored li:first-child {

  margin-left: 0;

}



.social-icon-colored li a {

  position: relative;

}



.social-icon-colored li a span {

  position: relative;

  display: block;

  font-size: 18px;

  color: #ffffff;

  height: 40px;

  width: 40px;

  line-height: 40px;

  text-align: center;

  border-radius: 50%;

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}



.social-icon-colored li a:hover span {

  box-shadow: 0 5px 10px rgba(0, 0, 0, .20);

}



.social-icon-colored .fa-whatsapp {

  background-color: #25d366;

}



.social-icon-colored .fa-adn {

  background-color: #504e54;

}



.social-icon-colored .fa-apple {

  background-color: #aeb5c5;

}



.social-icon-colored .fa-android {

  background-color: #A5C63B;

}



.social-icon-colored .fa-bitbucket,

.social-icon-colored .fa-bitbucket-square {

  background-color: #003366;

}



.social-icon-colored .fa-bitcoin,

.social-icon-colored .fa-btc {

  background-color: #F7931A;

}



.social-icon-colored .fa-css3 {

  background-color: #1572B7;

}



.social-icon-colored .fa-dribbble {

  background-color: #F46899;

}



.social-icon-colored .fa-dropbox {

  background-color: #018BD3;

}



.social-icon-colored .fa-facebook,

.social-icon-colored .fa-facebook-f,

.social-icon-colored .fa-facebook-square {

  background-color: #3C599F;

}



.social-icon-colored .fa-flickr {

  background-color: #FF0084;

}



.social-icon-colored .fa-foursquare {

  background-color: #0086BE;

}



.social-icon-colored .fa-github,

.social-icon-colored .fa-github-alt,

.social-icon-colored .fa-github-square {

  background-color: #070709;

}



.social-icon-colored .fa-google-plus,

.social-icon-colored .fa-google-plus-square {

  background-color: #CF3D2E;

}



.social-icon-colored .fa-html5 {

  background-color: #E54D26;

}



.social-icon-colored .fa-instagram {

  background-color: #A1755C;

}



.social-icon-colored .fa-linkedin,

.social-icon-colored .fa-linkedin-in,

.social-icon-colored .fa-linkedin-square {

  background-color: #0085AE;

}



.social-icon-colored .fa-linux {

  background-color: #FBC002;

  color: #333;

}



.social-icon-colored .fa-maxcdn {

  background-color: #F6AE1C;

}



.social-icon-colored .fa-pagelines {

  background-color: #241E20;

  color: #3984EA;

}



.social-icon-colored .fa-pinterest,

.social-icon-colored .fa-pinterest-p,

.social-icon-colored .fa-pinterest-square {

  background-color: #CC2127;

}



.social-icon-colored .fa-renren {

  background-color: #025DAC;

}



.social-icon-colored .fa-skype {

  background-color: #01AEF2;

}



.social-icon-colored .fa-stack-exchange {

  background-color: #245590;

}



.social-icon-colored .fa-stack-overflow {

  background-color: #FF7300;

}



.social-icon-colored .fa-trello {

  background-color: #265A7F;

}



.social-icon-colored .fa-tumblr,

.social-icon-colored .fa-tumblr-square {

  background-color: #314E6C;

}



.social-icon-colored .fa-twitter,

.social-icon-colored .fa-twitter-square {

  background-color: #32CCFE;

}



.social-icon-colored .fa-vimeo-square {

  background-color: #229ACC;

}



.social-icon-colored .fa-vk {

  background-color: #375474;

}



.social-icon-colored .fa-weibo {

  background-color: #D72B2B;

}



.social-icon-colored .fa-windows {

  background-color: #12B6F3;

}



.social-icon-colored .fa-xing,

.social-icon-colored .fa-xing-square {

  background-color: #00555C;

}



.social-icon-colored .fa-youtube,

.social-icon-colored .fa-youtube-play,

.social-icon-colored .fa-youtube-square {

  background-color: #C52F30;

}



/*** 



====================================================================

Content Elements

====================================================================



***/



.content-elements {

  position: relative;

  padding: 120px 0 120px;

}



.content-elements .sec-title {

  margin-bottom: 50px;

}



.typography {

  position: relative;

  margin-bottom: 30px;

}



.content-elements hr.divider-one {

  margin-top: 0px !important;

  margin-bottom: 80px !important;

}



.typography h1:not(:first-child) {

  margin-top: 35px;

}



.typography h1:not(:last-child) {

  margin-bottom: 35px;

}



.typography h2:not(:first-child) {

  margin-top: 30px;

}



.typography h2:not(:last-child) {

  margin-bottom: 30px;

}



.typography h3:not(:first-child) {

  margin-top: 25px;

}



.typography h3:not(:last-child) {

  margin-bottom: 25px;

}



.typography h4:not(:first-child) {

  margin-top: 22px;

}



.typography h4:not(:last-child) {

  margin-bottom: 22px;

}



.typography h5:not(:first-child) {

  margin-top: 19px;

}



.typography h5:not(:last-child) {

  margin-bottom: 19px;

}



.typography h6:not(:first-child) {

  margin-top: 15px;

}



.typography h6:not(:last-child) {

  margin-bottom: 15px;

}



.typography p:not(:last-child) {

  margin: 0 0 1.7em;

  padding: 0;

}



.typography p:not(:last-child):empty {

  margin: 0;

}







.content-elements .buttons .column {

  margin-bottom: 30px;

}



.content-elements .buttons .theme-btn {

  margin-right: 3px;

  margin-bottom: 5px;

}



.content-elements .buttons .theme-btn:last-child {

  margin-right: 0;

}



/*==========================

  Message Box

===========================*/



.message-box {

  position: relative;

  padding: 16px 10px;

  min-height: 50px;

  margin-bottom: 30px;

  border-radius: 50px 0 0 50px;

}



.message-box p {

  color: #ffffff;

  font-size: 14px;

  line-height: 18px;

}



.message-box h4 {

  color: #ffffff;

  font-family: "Roboto", sans-serif;

  font-size: 18px;

  font-weight: 500;

  margin-bottom: 5px;

}



.message-box h4 a {

  text-decoration: underline;

}



.message-box a {

  color: #ffffff;

  text-decoration: underline;

  -webkit-transition: all 300ms ease;

  -moz-transition: all 300ms ease;

  -ms-transition: all 300ms ease;

  -o-transition: all 300ms ease;

  transition: all 300ms ease;

}



.message-box .close-btn {

  position: absolute;

  display: block;

  z-index: 1;

  top: 0px;

  right: 0px;

  height: 100%;

  width: 50px;

  background: rgba(0, 0, 0, 0.1);

  text-align: center;

  display: flex;

  justify-content: center;

  align-items: center;

  text-decoration: none;

  -webkit-transition: all 300ms ease;

  -moz-transition: all 300ms ease;

  -ms-transition: all 300ms ease;

  -o-transition: all 300ms ease;

  transition: all 300ms ease;

}



.message-box .close-btn .icon {

  color: #ffffff;

  font-size: 18px;

  opacity: .7;

}



.message-box .close-btn:hover {

  background: rgba(0, 0, 0, 0.2);

}



.message-box.with-icon {

  padding-left: 50px;

  padding-right: 65px;

}



.message-box .icon-box {

  position: absolute;

  z-index: 1;

  top: 50%;

  left: 10px;

  width: 30px;

  height: 30px;

  color: #24bb79;

  border-radius: 50%;

  background-color: #ffffff;

  margin-top: -15px;

}



.message-box .icon-box .icon {

  font-size: 14px;

  position: absolute;

  z-index: 1;

  top: 0;

  left: 1px;

  width: 100%;

  height: 100%;

  border-radius: 50%;

  line-height: 30px;

  text-align: center;

  color: #24bb79;

}



/* Message Info */



.message-box.info {

  border-color: #5bc0de;

  background-color: #5bc0de;

}



.message-box.info h4,

.message-box.info a {

  color: #ffffff;

}



.message-box.info .icon-box .icon {

  color: #5bc0de;

}



/* Message success */



.message-box.success {

  border-color: #5cb85c;

  background-color: #5cb85c;

}



.message-box.success h4,

.message-box.success a {

  color: #ffffff;

}



.message-box.success .icon-box .icon {

  color: #5cb85c;

}



/* Message warning */



.message-box.warning {

  border-color: #f0ad4e;

  background-color: #f0ad4e;

}



.message-box.warning h4,

.message-box.warning a {

  color: #ffffff;

}



.message-box.warning .icon-box .icon {

  color: #f0ad4e;

}



/* Message Error */



.message-box.error {

  border-color: #d9534f;

  background-color: #d9534f;

}



.message-box.error h4,

.message-box.error a {

  color: #ffffff;

}



.message-box.error .icon-box .icon {

  color: #d9534f;

}



/*==========================

	Default Tabs

===========================*/



.default-tabs {

  position: relative;

  overflow: hidden;

  border: 1px solid #dddde1;

  margin-bottom: 30px;

}



.default-tabs .tab-buttons {

  position: relative;

  padding: 10px 10px;

  background: #1370b5;

  border-radius: 5px;

}



.default-tabs .tab-buttons li {

  position: relative;

  float: left;

  font-weight: 600;

  font-size: 16px;

  padding: 11px 24px;

  color: #ffffff;

  line-height: 20px;

  border-radius: 5px;

  cursor: pointer;

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}



.default-tabs .tab-buttons li.active-btn {

  background-color: #ffffff;

  color: #1370b5;

}



.default-tabs .tabs-content {

  position: relative;

  width: 100%;

  padding: 25px 25px;

  background-color: #ffffff;

}



.default-tabs .tabs-content p {

  font-size: 14px;

  line-height: 26px;

  font-weight: 300;

}



/* Style Two */



.default-tabs.style-two .tab-buttons {

  background: #ffffff;

  padding: 0 10px;

  border-bottom: 1px solid #dddde1;

}



.default-tabs.style-two .tab-buttons li {

  padding: 20px 24px;

  color: #5c6770;

  border-radius: 0;

  border-bottom: 2px solid transparent;

}



.default-tabs.style-two .tab-buttons li.active-btn {

  color: #1370b5;

  border-color: #1370b5;

}



/*==========================

Accordian Box

===========================*/



.accordion-box {

  position: relative;

  margin-bottom: 30px;

}



.accordion-box .block {

  position: relative;

  margin-bottom: 15px;

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

  background: #ffffff;

  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.09);

}



.accordion-box .block .acc-btn {

  position: relative;

  font-size: 16px;

  padding: 15px 20px;

  padding-left: 24px;

  line-height: 30px;

  color: #222222;

  font-weight: 600;

  cursor: pointer;

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}



.accordion-box .block .acc-btn.active {

  background: #1370b5;

  color: #ffffff;

}



.accordion-box .block .acc-btn .icon {

  position: absolute;

  right: 0;

  top: 0;

  height: 60px;

  width: 60px;

  line-height: 60px;

  text-align: center;

  color: #222;

  font-size: 12px;

  border-radius: 50px;

  transition: all 300ms ease;

}



.accordion-box .block .acc-btn.active .icon {

  -webkit-transform: rotateX(-180deg);

  transform: rotateX(-180deg);

  color: #ffffff;

}



.accordion-box .block .acc-content {

  position: relative;

  display: none;

}



.accordion-box .block .acc-content.current {

  display: block;

}



.accordion-box .block .content {

  position: relative;

  padding: 30px 25px 15px;

}



.accordion-box .block .content p {

  position: relative;

  font-size: 14px;

  line-height: 26px;

  color: #5c6770;

  font-weight: 400;

  margin-bottom: 26px;

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}



.accordion-box .block .content p:last-child {

  margin-bottom: 0;

}



.accordion-box.style-two .active-block {

  background-color: #1370b5;

}



.accordion-box.style-two .acc-btn.active {

  background-color: #ffffff !important;

  color: #222222;

}



.accordion-box.style-two .block .content p {

  color: #ffffff;

}



.accordion-box.style-two .block .acc-btn.active .icon {

  color: #222222;

}



/*==========================

default table

===========================*/



.default-table {

  position: relative;

  background: #ffffff;

  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.09);

  border-radius: 5px;

  margin-bottom: 30px;

  overflow: hidden;

  width: 100%;

  min-width: 600px;

}



.default-table thead {

  background: #1370b5;

  color: #ffffff;

}



.default-table thead th {

  position: relative;

  padding: 20px 30px;

  font-size: 16px;

  color: #ffffff;

  font-weight: 400;

  line-height: 30px;

}



.default-table tbody tr {

  position: relative;

  border-bottom: 1px solid #ededed;

}



.default-table tr td {

  position: relative;

  padding: 26px 30px;

  font-size: 16px;

  color: #5c6770;

  font-weight: 400;

}



.content-elements .btn-column {

  display: flex;

  flex-direction: column;

  justify-content: center;

  align-items: center;

}



.content-elements .btn-column .theme-btn {

  margin-bottom: 20px;

}



/*======================

Theme Btn

=======================*/



.theme-btn {

  display: inline-block;

  text-align: center;

  border-radius: 5px;

  -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;

}



.theme-btn .btn-title {

  position: relative;

  z-index: 9;

  color: inherit;

}



.theme-btn span:not(.btn-title) {

  position: absolute;

  left: 0;

  bottom: 0;

  width: 20%;

  height: 100%;

  border-radius: 50%;

  transform: translateY(150%);

  transition: all 500ms ease;

  background-color: #ffffff;

  z-index: 0;

}



.theme-btn span:nth-child(2) {

  left: 20%;

  transition-delay: 100ms;

}



.theme-btn span:nth-child(3) {

  left: 40%;

  transition-delay: 200ms;

}



.theme-btn span:nth-child(4) {

  left: 60%;

  transition-delay: 300ms;

}



.theme-btn span:nth-child(5) {

  left: 80%;

  transition-delay: 400ms;

}



.theme-btn:hover span {

  transform: translateY(0) scale(2);

}



/*Btn Style One*/



.btn-style-one {

  position: relative;

  font-size: 16px;

  line-height: 30px;

  color: #ffffff;

  padding: 10px 30px;

  font-weight: 600;

  background: #1370b5;

  overflow: hidden;

  min-width: 150px;

}



.btn-style-one:hover {

  color: #f11d1d;

  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.10);

}



/*Btn Style One*/



.btn-style-two {

  position: relative;

  font-size: 15px;

  line-height: 30px;

  color: #1370b5;

  padding: 10px 40px;

  font-weight: 600;

  background: #ffffff;

  overflow: hidden;

  min-width: 170px;

  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.10);

}



.btn-style-two:hover {

  color: #ffffff;

  box-shadow: 0 10px 15px rgba(0, 0, 0, 0.09);

}



.btn-style-two span:not(.btn-title) {

  background: #1370b5;

}



/*Btn Style Three*/



.btn-style-three {

  position: relative;

  font-size: 15px;

  line-height: 30px;

  color: #ffffff;

  padding: 10px 40px;

  font-weight: 600;

  background: #222222;

  overflow: hidden;

  min-width: 170px;

}



.btn-style-three:hover {

  color: #222222;

  box-shadow: 0 10px 15px rgba(0, 0, 0, 0.09);

}



/*Btn Style Four*/



.btn-style-four {

  position: relative;

  font-size: 15px;

  line-height: 30px;

  color: #222222;

  padding: 10px 40px;

  font-weight: 600;

  background: #ffffff;

  overflow: hidden;

  min-width: 170px;

  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.10);

}



.btn-style-four:hover {

  color: #ffffff;

  box-shadow: 0 10px 15px rgba(0, 0, 0, 0.09);

}



.btn-style-four span:not(.btn-title) {

  background: #222222;

}



.theme-btn.large {

  padding: 15px 70px;

  min-width: 20px;

  font-size: 18px;

  line-height: 30px;

}



.theme-btn.small {

  padding: 10px 18px;

  font-size: 14px;

  font-weight: 400;

  line-height: 20px;

  border-radius: 5px;

  min-width: 100px;

}



/*==========================

Owl Carousel Arrows

===========================*/



.owl-carousel.no-arrows .owl-nav {

  display: none;

}



.default-arrows .owl-nav {

  position: absolute;

  left: 0;

  top: 50%;

  width: 100%;

  opacity: 0;

  margin-top: -22px;

  -webkit-transition: all 500ms ease;

  -moz-transition: all 500ms ease;

  -ms-transition: all 500ms ease;

  -o-transition: all 500ms ease;

  transition: all 500ms ease;

}



.default-arrows:hover .owl-nav {

  opacity: 1;

}



.default-arrows .owl-next,

.default-arrows .owl-prev {

  position: absolute;

  left: -50px;

  top: 0;

  height: 45px;

  width: 45px;

  color: #ffffff;

  font-size: 18px;

  font-weight: 600;

  text-align: center;

  background: rgba(255, 255, 255, 0.4);

  line-height: 45px;

  border-radius: 7px;

  -webkit-transition: all 500ms ease;

  -moz-transition: all 500ms ease;

  -ms-transition: all 500ms ease;

  -o-transition: all 500ms ease;

  transition: all 500ms ease;

}



.default-arrows .owl-next {

  left: auto;

  right: -50px;

}



.default-arrows:hover .owl-next {

  right: 30px;

}



.default-arrows:hover .owl-prev {

  left: 30px;

}



.default-arrows .owl-next:hover,

.default-arrows .owl-prev:hover {

  background: #ffffff;

  color: #1370b5;

  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.10);

}



.default-arrows.dark .owl-next,

.default-arrows.dark .owl-prev {

  background-color: rgba(0, 0, 0, 0.20);

}



.default-arrows.dark .owl-next:hover,

.default-arrows.dark .owl-prev:hover {

  background-color: #ffffff;

}



.owl-carousel.disable-arrow .owl-nav {

  display: none;

}



.owl-carousel.disable-dots .owl-dots {

  display: none;

}



.default-dots .owl-dots {

  position: relative;

  display: flex;

  justify-content: center;

  align-items: center;

}



.default-dots .owl-dot {

  position: relative;

  height: 8px;

  width: 8px;

  background-color: #000000;

  margin: 0 4px;

  border-radius: 10px;

  transition: all 300ms ease;

}



.default-dots .owl-dot.active {

  width: 32px;

  background-color: #1370b5;

}



.default-dots.light .owl-dot {

  background-color: #ffffff !important;

}



.theme_color {

  color: #1370b5;

}



.pull-right {

  float: right;

}



.pull-left {

  float: left;

}



/*==========================

	Preloader

  ===========================*/



/* .preloader {

  position: fixed;

  left: 0;

  top: 0;

  height: 100%;

  width: 100%;

  background-color: #fafafa;

  

  z-index: 9999;

  background-image: url(../assets/images/hair-and-beard-ratio-vector-01.gif);

  background-size: 200px;

  background-repeat: no-repeat;

  background-position: center;

  content: none;

}



.preloader:before {

  position: absolute;

  top: 50%;

  left: 0;

  right: 0;

  width: 100%;

  text-align: center;

  margin: 0 auto;

  margin-top: 30px;

  color: #1370b5;

  font-size: 1.2em;

  opacity: .30;

  font-weight: 700;

  letter-spacing: 1px;

  content: "Loading";

  text-transform: uppercase;

  transition: none;

} */





img {

  display: inline-block;

  max-width: 100%;

  height: auto;

}



hr {

  -webkit-appearance: none;

  position: relative;

  height: 1px;

  margin: 30px auto;

  background: #e6e8ed;

  border-style: none;

  outline-style: none;

}



.tabs-box {

  position: relative;

}



.tabs-box .tab {

  display: none;

}



.tabs-box .active-tab {

  display: block;

}



/*=== Default Form ===*/



.default-form {

  position: relative;

}



.default-form .form-group {

  position: relative;

  margin-bottom: 20px;

}



.default-form .form-group:last-child {

  margin-bottom: 0;

}



.default-form .form-group input[type="text"],

.default-form .form-group input[type="password"],

.default-form .form-group input[type="number"],

.default-form .form-group input[type="email"],

.default-form .form-group input[type="url"],

.default-form .form-group textarea,

.default-form .form-group select {

  position: relative;

  width: 100%;

  display: block;

  color: #5c6770;

  font-size: 14px;

  line-height: 30px;

  padding: 10px 20px;

  height: 52px;

  background-color: #ffffff;

  border: 1px solid #e1e1e1;

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}



.default-form .form-group input[type="text"]:focus,

.default-form .form-group input[type="email"]:focus,

.default-form .form-group input[type="url"]:focus,

.default-form .form-group select:focus,

.default-form .form-group textarea:focus {

  border-color: #1370b5;

}



.default-form .form-group textarea {

  height: 184px;

  resize: none;

  padding-top: 15px;

}



.default-form .form-group input[type="submit"],

.default-form .form-group button {

  position: relative;

  display: inline-block;

  min-width: 160px;

}



.default-form input.error:focus,

.default-form select.error:focus,

.default-form textarea.error:focus {

  border-color: #ff0000;

}



.default-form label.error {

  display: block;

  font-weight: 500;

  font-size: 13px;

  text-transform: capitalize;

  line-height: 24px;

  color: #ff0000;

  margin-bottom: 0;

}



.default-form .form-group .icon {

  position: absolute;

  right: 20px;

  bottom: 0;

  color: #9fa9b8;

  font-size: 14px;

  line-height: 54px;

}



/*** 



====================================================================

  Scroll To Top

====================================================================



***/



.scroll-to-top {

  position: fixed;

  right: 30px;

  bottom: 30px;

  z-index: 999;

  width: 40px;

  height: 40px;

  font-size: 18px;

  color: #1b2032;

  background-color: #ffffff;

  line-height: 40px;

  border-radius: 50px 50px 0 0;

  text-align: center;

  display: none;

  cursor: pointer;

  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.10);

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}



.play-now {

  position: relative;

  display: inline-block;

  z-index: 9;

  -webkit-transition: all 300ms ease;

  -moz-transition: all 300ms ease;

  -ms-transition: all 300ms ease;

  -o-transition: all 300ms ease;

  transition: all 300ms ease;

}



.play-now .icon {

  position: relative;

  display: inline-block;

  height: 80px;

  width: 80px;

  text-align: center;

  line-height: 80px;

  background-color: #ffffff;

  color: #222222;

  z-index: 1;

  font-size: 42px;

  display: block;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  -ms-border-radius: 50%;

  -o-border-radius: 50%;

  border-radius: 50%;

  -webkit-box-shadow: 0 0px 10px 0 rgba(255, 255, 255, .3);

  -moz-box-shadow: 0 0px 10px 0 rgba(255, 255, 255, .3);

  -ms-box-shadow: 0 0px 10px 0 rgba(255, 255, 255, .3);

  -o-box-shadow: 0 0px 10px 0 rgba(255, 255, 255, .3);

  box-shadow: 0 0px 10px 0 rgba(255, 255, 255, .3);

  -webkit-transform-origin: center;

  transform-origin: center;

}



.play-now .ripple,

.play-now .ripple:before,

.play-now .ripple:after {

  position: absolute;

  top: 50%;

  left: 50%;

  height: 70px;

  width: 70px;

  -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%;

  -moz-border-radius: 50%;

  -ms-border-radius: 50%;

  -o-border-radius: 50%;

  border-radius: 50%;

  -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);

  -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);

  -ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);

  -o-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);

  box-shadow: 0 0 0 0 rgba(255, 255, 255, .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;

}



.play-now .ripple:before {

  -webkit-animation-delay: .9s;

  -moz-animation-delay: .9s;

  -ms-animation-delay: .9s;

  -o-animation-delay: .9s;

  animation-delay: .9s;

  content: "";

  position: absolute;

}



.play-now .ripple:after {

  -webkit-animation-delay: .6s;

  -moz-animation-delay: .6s;

  -ms-animation-delay: .6s;

  -o-animation-delay: .6s;

  animation-delay: .6s;

  content: "";

  position: absolute;

}



@-webkit-keyframes ripple {

  70% {

    box-shadow: 0 0 0 70px rgba(255, 255, 255, 0);

  }



  100% {

    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);

  }

}



@keyframes ripple {

  70% {

    box-shadow: 0 0 0 70px rgba(255, 255, 255, 0);

  }



  100% {

    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);

  }

}





/*** 



====================================================================

  Main Header

====================================================================



***/



.main-header {

  position: relative;

  left: 0;

  top: 0;

  width: 100%;

  height: auto;

  z-index: 99;

}



/* Header Top */



.header-top {

  position: relative;

}



.header-top .inner-container {

  position: relative;

  display: flex;

  justify-content: space-between;

  align-items: center;

}



.header-top .top-left {

  position: relative;

}



.header-top .top-left .contact-list {

  position: relative;

  padding: 15px 0;

}



.header-top .top-left .contact-list li {

  position: relative;

  float: left;

  font-size: 14px;

  line-height: 20px;

  color: #777777;

  font-weight: 400;

  margin-right: 30px;

}



.header-top .top-left .contact-list li:last-child {

  margin-right: 0;

}



.header-top .top-left .contact-list li i {

  float: left;

  font-size: 20px;

  line-height: 20px;

  margin-right: 8px;

  color: #1370b5;

}



.header-top .top-left .contact-list li a {

  color: #1370b5;

  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;

}



.header-top .top-right {

  position: relative;

  float: right;

}



/* Header Lower */

.main-header .header-lower {

  position: relative;

  background: #e6e5e100;

}



.main-header .main-box {

  position: relative;

  display: -webkit-box;

  display: flex;

  -webkit-box-pack: justify;

  -webkit-box-align: center;

  align-items: center;

  margin-bottom: 30px;

  border-radius: 12px;

  height: 70px;
  justify-content: space-evenly;

  padding: 0px 50px 0px 50px;

}



.main-header .main-box:before {

  position: absolute;

  left: 0;

  right: 60px;

  height: 100%;

  background: #f5f5f5;

  content: "";

  border-radius: 50px;

  border: 1px solid #dddde1;

}



.main-header .nav-outer {

  position: static;

  display: -webkit-box;

  display: flex;

  -webkit-box-pack: justify;

  justify-content: space-between;

  -webkit-box-align: center;

  align-items: center;

  width: 100%;

  padding-left: 135px;

}



.main-header .logo-box {

  position: relative;

  display: -webkit-box;

  display: flex;

  -webkit-box-align: center;

  align-items: center;



}



.main-header .logo {

  position: relative;

  z-index: 9;

  padding: 0px 0;

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

  width: 86px;

}



.main-header .menu-box {

  position: static;

  display: -webkit-box;

  display: flex;

  -webkit-box-pack: justify;

  justify-content: space-between;

  -webkit-box-align: center;

  align-items: center;

}



.main-menu {

  position: static;

}



.main-menu .navbar-header {

  display: none;

}



.main-menu .navbar-collapse {

  padding: 0px;

}



.main-menu .navigation {

  position: static;

  display: -webkit-box;

  display: flex;

  -webkit-box-align: center;

  align-items: center;

  padding-left: 36px;

}



.main-menu .navigation>li {

  position: relative;

  margin: 17px 0px 0px 35px;

  padding: 20px 20px;

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}



.sticky-header .main-menu .navigation>li {

  position: relative;

  margin: 17px 0px 0px 35px;

  padding: 20px 30px;

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}



.main-menu .navigation>li>span,

.main-menu .navigation>li>a {

  position: relative;

  display: block;

  text-align: center;

  opacity: 1;

  font-size: 14px;

  line-height: 30px;

  font-weight: 600;

  color: #222222;

  cursor: pointer;

  text-transform: uppercase;

  font-family: "Open Sans", sans-serif;

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}



.main-menu .navigation>li.current span.current,

.main-menu .navigation>li.current>a,

.main-menu .navigation>li.current>span {

  color: #1370b5;

}



.main-menu .navigation>li.dropdown>span {

  padding-right: 10px;

}



.main-menu .navigation>li.dropdown>span:after {

  position: absolute;

  right: -2px;

  top: 50%;

  margin-top: -10px;

  font-family: "Font Awesome 5 Free";

  content: "\f0d7";

  display: block;

  line-height: 20px;

  font-size: 12px;

  font-weight: 900;

  color: #222222;

  z-index: 5;

}



.main-menu .navigation>li>a>span {

  position: relative;

}



.main-menu .navigation>li>ul {

  position: absolute;

  top: 100%;

  left: -15px;

  background-color: #fff;

  border-radius: 8px;

  padding: 10px 0;

  opacity: 0;

  z-index: 1;

  min-width: 200px;

  -webkit-transition: all 0.5s;

  transition: all 0.5s;

  -webkit-transform: translateY(50px);

  transform: translateY(50px);

  -ms-box-shadow: 0px 7px 10px -1px rgba(0, 0, 0, 0.2);

  -o-box-shadow: 0px 7px 10px -1px rgba(0, 0, 0, 0.2);

  box-shadow: 0px 7px 10px -1px rgba(0, 0, 0, 0.2);

}



.main-menu .navigation>li>ul:before {

  position: absolute;

  left: 20px;

  top: -8px;

  border-left: 8px solid transparent;

  border-right: 8px solid transparent;

  border-bottom: 8px solid #ffffff;

  content: "";

}



.main-menu .navigation>li>ul.from-right {

  left: auto;

  right: 0;

}



.main-menu .navigation>li>ul .from-right {

  left: auto;

  right: 100%;

  margin-right: 2px;

}



.main-menu .navigation>li>ul>li {

  position: relative;

  display: block;

  z-index: 1;

}



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

  border-bottom: none;

}



.main-menu .navigation>li>ul>li>span,

.main-menu .navigation>li>ul>li>a {

  position: relative;

  display: block;

  padding: 10px 30px;

  z-index: 1;

  font-weight: 600;

  font-size: 16px;

  line-height: 20px;

  color: #363636;

  white-space: nowrap;

  text-transform: capitalize;

  cursor: pointer;

  -webkit-transition: all 0.3s ease;

  transition: all 0.3s ease;

}



.main-menu .navigation>li.current.dropdown>span:after,

.main-menu .navigation>li li>a:hover,

.main-menu .navigation>li>ul>li>ul>li.current>a,

.main-menu .navigation>li>ul>li.current>a {

  color: #1370b5;

}



.main-menu .navigation>li>ul>li>ul {

  position: absolute;

  top: 100%;

  left: 100%;

  background-color: #fff;

  border-radius: 8px;

  padding: 10px 0;

  min-width: 200px;

  margin-top: -40px;

  opacity: 0;

  z-index: 1;

  -webkit-transition: all 0.5s;

  transition: all 0.5s;

  -webkit-transform: translateY(50px);

  transform: translateY(50px);

  -ms-box-shadow: 0px 7px 10px -1px rgba(0, 0, 0, 0.2);

  -o-box-shadow: 0px 7px 10px -1px rgba(0, 0, 0, 0.2);

  box-shadow: 0px 7px 10px -1px rgba(0, 0, 0, 0.2);

}



.main-menu .navigation>li>ul>li>ul>li {

  position: relative;

  width: 100%;

}



.main-menu .navigation>li>ul>li>ul>li>a {

  position: relative;

  display: block;

  padding: 10px 30px;

  z-index: 1;

  font-weight: 600;

  font-size: 16px;

  line-height: 20px;

  color: #363636;

  white-space: nowrap;

  text-transform: capitalize;

  -webkit-transition: all 0.3s ease;

  transition: all 0.3s ease;

}



.main-menu .navigation>li>ul>li>ul>li>span:hover {

  color: #5c6770;

}



.main-menu .navigation>li>ul>li.dropdown>span:before {

  position: absolute;

  right: 20px;

  top: 50%;

  margin-top: -10px;

  font-family: "Font Awesome 5 Free";

  content: "\f105";

  display: block;

  color: inherit;

  line-height: 20px;

  font-size: 16px;

  font-weight: 900;

  z-index: 5;

}



.main-menu .navigation>li.dropdown:hover>ul {

  opacity: 1;

  visibility: visible;

  -webkit-transform: translate(0px);

  transform: translate(0px);

}



.main-menu .navigation li>ul>li.dropdown:hover>ul {

  opacity: 1;

  visibility: visible;

  -webkit-transform: translate(0px);

  transform: translate(0px);

}



.main-menu .navigation li.dropdown .dropdown-btn {

  position: absolute;

  right: 10px;

  top: 8px;

  width: 34px;

  height: 30px;

  border: 1px solid #ffffff;

  text-align: center;

  font-size: 16px;

  line-height: 26px;

  color: #ffffff;

  cursor: pointer;

  z-index: 5;

  display: none;

}



.main-header .outer-box {

  position: relative;

  display: -webkit-box;

  display: flex;

  -webkit-box-pack: center;

  justify-content: center;

  -webkit-box-align: center;

  align-items: center;

}



/* Search btn */

.main-header .search-btn {

  position: relative;

  height: 40px;

  width: 40px;

  background: #ffffff;

  border-radius: 50%;

  line-height: 40px;

  font-size: 14px;

  color: #222222;

  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.10);

}



.main-header .theme-btn {

  padding: 8px;

  margin-left: 50px;

  font-size: 15px;

}



/* Cart btn */



.main-header .cart-btn {

  position: relative;

  display: block;

  z-index: 1;

  color: #ffffff;

  font-size: 24px;

  line-height: 40px;

}



.main-header .cart-btn .count {

  position: absolute;

  right: -7px;

  top: -4px;

  height: 18px;

  width: 18px;

  text-align: center;

  line-height: 18px;

  font-size: 10px;

  color: #ffffff;

  background-color: #1370b5;

  border-radius: 50%;

}



/*** 



====================================================================

  Search Popup

====================================================================



***/



.search-popup {

  position: fixed;

  left: 0;

  top: 0;

  height: 100vh;

  width: 100%;

  z-index: 99;

  opacity: 0;

  visibility: hidden;

  -webkit-transition: all 500ms ease;

  transition: all 500ms ease;

  overflow: hidden;

  transform: scale(.95);

}



.search-popup .search-back-drop {

  position: absolute;

  left: 0;

  top: 0;

  height: 100%;

  width: 100%;

  background-color: #f5f5f5;

  opacity: .95;

}



.moblie-search-active .search-popup {

  opacity: 1;

  visibility: visible;

  transform: scale(1);

  border-radius: 0%;

}



.search-popup .close-search {

  position: absolute;

  top: 30px;

  right: 30px;

  font-size: 26px;

  color: #777777;

  z-index: 3;

  border-radius: 50%;

  -webkit-transition: all 500ms ease;

  transition: all 500ms ease;

}



.search-popup .search-inner {

  position: relative;

  display: block;

  top: 40%;

  height: auto;

  z-index: 1;

  width: calc(100% - 60px);

  max-width: 800px;

  margin: auto;

  opacity: 0;

  -webkit-transform: translateY(-50px);

  transform: translateY(-50px);

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}



.moblie-search-active .search-popup .search-inner {

  opacity: 1;

  -webkit-transform: translateY(0);

  transform: translateY(0);

  -webkit-transition-delay: 500ms;

  transition-delay: 500ms;

}



.search-popup .form-group form {

  position: relative;

}



.search-popup .form-group {

  position: relative;

  margin: 0px;

}



.search-popup .form-group input[type="text"],

.search-popup .form-group input[type="search"] {

  position: relative;

  display: block;

  width: 100%;

  font-size: 18px;

  line-height: 30px;

  color: #333333;

  padding: 15px 30px;

  height: 60px;

  width: 100%;

  background-color: #ffffff;

  border-radius: 5px;

  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.10);

  -webkit-transition: all 500ms ease;

  transition: all 500ms ease;

}



.search-popup .form-group input[type="submit"],

.search-popup .form-group button {

  position: absolute;

  right: 0px;

  top: 0px;

  height: 60px;

  width: 60px;

  line-height: 60px;

  color: #ffffff;

  background-color: #1370b5;

  text-align: center;

  font-size: 22px;

  -webkit-transition: all 500ms ease;

  transition: all 500ms ease;

}



.search-popup input::-webkit-input-placeholder,

.search-popup textarea::-webkit-input-placeholder {

  color: inherit;

}



.search-popup input::-moz-placeholder,

.search-popup textarea::-moz-placeholder {

  color: inherit;

}



.search-popup input:-ms-input-placeholder,

.search-popup textarea:-ms-input-placeholder {

  color: inherit;

}



.search-popup input::-ms-input-placeholder,

.search-popup textarea::-ms-input-placeholder {

  color: inherit;

}



.search-popup input::placeholder,

.search-popup textarea::placeholder {

  color: inherit;

}



.jquery-modal {

  z-index: 999;

}



.model {

  padding: 0;

  border-radius: 0;

  overflow: unset;

  max-width: 1000px;

  height: auto;

}





/*=== Shopping Cart ===*/



.cart-widget {

  position: relative;

  padding: 30px;

  border: 1px solid #DADCE2;

  border-radius: 7px;

  overflow: hidden;

}



.shopping-cart .cart-item {

  position: relative;

  width: 100%;

  padding-left: 75px;

  min-height: 60px;

  margin-bottom: 20px;

}



.shopping-cart .cart-item:last-child {

  border-bottom: 0;

}



.shopping-cart .cart-item .thumb {

  position: absolute;

  left: 0;

  top: 0;

  width: 60px;

  -webkit-transition: all 300ms ease;

  -moz-transition: all 300ms ease;

  -ms-transition: all 300ms ease;

  -o-transition: all 300ms ease;

  transition: all 300ms ease;

}



.shopping-cart .cart-item:hover .thumb {

  opacity: 0.7;

}



.shopping-cart .item-name {

  display: block;

  color: #333333;

  font-weight: 600;

  font-size: 15px;

  line-height: 22px;

  -webkit-transition: all 300ms ease;

  -moz-transition: all 300ms ease;

  -ms-transition: all 300ms ease;

  -o-transition: all 300ms ease;

  transition: all 300ms ease;

}



.shopping-cart .cart-item:hover .item-name {

  color: #333333;

}



.shopping-cart .item-quantity {

  position: relative;

  display: block;

  font-size: 14px;

  line-height: 22px;

  color: #4C4C4D;

}



.shopping-cart .item-amount {

  font-size: 14px;

}



.shopping-cart .product-detail {

  position: absolute;

  left: 0;

  top: 0;

  height: 100%;

  width: 100%;

}



.shopping-cart .remove-item {

  position: absolute;

  right: 0;

  top: 0;

  font-size: 10px;

  z-index: 2;

  color: #4C4C4D;

  -webkit-transition: all 300ms ease;

  -moz-transition: all 300ms ease;

  -ms-transition: all 300ms ease;

  -o-transition: all 300ms ease;

  transition: all 300ms ease;

}



.shopping-cart .remove {

  position: relative;

  font-size: 13px;

  line-height: 17px;

  text-decoration: underline;

}



.shopping-cart .cart-item .remove-item:hover {

  color: #4C4C4D;

}



.shopping-cart .cart-footer {

  position: relative;

  margin-top: 16px;

}



.shopping-cart .shopping-cart-total {

  width: 100%;

  margin: 0 0 20px;

  padding-top: 15px;

  border-top: 1px solid #e5e5e5;

  font-size: 17px;

  display: inline-flex;

  -webkit-justify-content: space-between;

  -moz-justify-content: space-between;

  -ms-justify-content: space-between;

  justify-content: space-between;

}



.shopping-cart .shopping-cart-total span {

  font-size: 15px;

}



.shopping-cart .btn-box {

  position: relative;

  display: flex;

  align-items: center;

  justify-content: center;

}



.sidebar-cart {

  position: fixed;

  left: 0;

  top: 0;

  height: 100%;

  width: 100%;

  z-index: 999;

  opacity: 0;

  visibility: hidden;

  -webkit-transition: all 300ms ease;

  -moz-transition: all 300ms ease;

  -ms-transition: all 300ms ease;

  -o-transition: all 300ms ease;

  transition: all 300ms ease;

}



.sidebar-cart-active {

  overflow: hidden;

}



.sidebar-cart-active .sidebar-cart {

  opacity: 1;

  visibility: visible;

}



.sidebar-cart .cart-back-drop {

  position: fixed;

  left: 0;

  top: 0;

  height: 100%;

  width: 100%;

  background-color: rgba(0, 0, 0, 0.5);

}



.sidebar-cart .shopping-cart {

  position: fixed;

  right: 0;

  top: 0;

  height: 100%;

  width: 300px;

  background-color: #ffffff;

  padding: 20px 20px 50px;

  overflow-y: auto;

  -webkit-transform: translateX(50%);

  -moz-transform: translateX(50%);

  -ms-transform: translateX(50%);

  -o-transform: translateX(50%);

  transform: translateX(50%);

  -webkit-transition: all 300ms ease;

  -moz-transition: all 300ms ease;

  -ms-transition: all 300ms ease;

  -o-transition: all 300ms ease;

  transition: all 300ms ease;

}



.sidebar-cart-active .sidebar-cart .shopping-cart {

  -webkit-transform: translateX(0%);

  -moz-transform: translateX(0%);

  -ms-transform: translateX(0%);

  -o-transform: translateX(0%);

  transform: translateX(0%);

}



.shopping-cart .cart-header {

  position: relative;

  display: flex;

  justify-content: space-between;

  align-items: center;

  margin-bottom: 15px;

}



.shopping-cart .cart-header .title {

  text-align: left;

  width: 100%;

  font-size: 15px;

  font-weight: 600;

  line-height: 21px;

  padding-bottom: 10px;

  border-bottom: 1px solid #eeeeee;

}



.shopping-cart .close-cart {

  position: relative;

  top: -5px;

  line-height: 22px;

  font-size: 16px;

  font-weight: 600;

  transform: rotate(45deg);

}



.sidebar-cart .cart-item {

  padding-left: 100px;

  padding-bottom: 20px;

  border-bottom: 1px dashed #e5e5e5;

  margin-bottom: 20px;

}



.sidebar-cart .shopping-cart .cart-item .thumb {

  width: 75px;

  height: 74px;

}



.sidebar-cart .shopping-cart .theme-btn {

  margin: 0 0 15px;

  display: block;

  width: 100%;

}



/*** 



====================================================================

	Sticky Header

====================================================================



***/



.sticky-header {

  position: fixed;

  visibility: hidden;

  opacity: 0;

  left: 0px;

  top: 0px;

  width: 100%;

  padding: 0px 0px;

  z-index: 99;

  background: rgba(255, 255, 255, 0.952941);

  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.10);

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}



.fixed-header .sticky-header {

  opacity: 1;

  z-index: 99;

  visibility: visible;

}



.sticky-header .main-box {

  padding: 0;

  margin: 0;

  background: #ffffffc4 !important;

  padding-left: 60px;

  height: 60px;

}



.sticky-header .main-menu {

  padding-left: 0px;

}



.read-more {

  padding-top: 20px;

}



.main-header .sticky-header .main-menu .navigation>li.current>a {

  color: #d50000;

}



.header-style-two .sticky-header .logo-box:before {

  display: none;

}



/*** 



====================================================================

	Mobile Header

====================================================================



***/



.mobile-header {

  position: relative;

  padding: 13px 15px;

  display: none;

  z-index: 99;

}



.mobile-header:after {

  display: table;

  clear: both;

  content: "";

}



.mobile-header .logo {

  position: relative;

  float: left;

  margin: 0;

  padding: 0 !important;

  left: 0;

}



.mobile-header .logo img {

  max-height: 50px;

}



.mobile-header .nav-outer {

  position: relative;

  float: right;

  margin-top: 5px;

}



.mobile-header .outer-box {

  position: relative;

  float: right;

}



.mobile-header .search-box {

  margin: 0;

}



.mobile-header .cart-btn {

  font-size: 20px;

  height: 40px;

  width: 40px;

  text-align: center;

  background: #fff;

  border-radius: 50%;

  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.10);

}



.mobile-header .cart-btn {

  margin-left: 10px;

}



.nav-outer .mobile-nav-toggler {

  position: relative;

  float: right;

  font-size: 32px;

  line-height: 30px;

  cursor: pointer;

  margin-left: 20px;

  color: #1370b5;

  -webkit-box-ordinal-group: 4;

  order: 3;

  display: none;

}



.mm-panels .mm-counter {

  position: absolute;

  right: 45px;

  top: 50%;

  text-indent: 0;

  display: block;

  margin-top: -10px;

  background-color: #999999;

  height: 20px;

  width: 20px;

  text-align: center;

  border-radius: 50%;

  color: #fff;

  line-height: 22px;

  font-size: 12px;

  font-weight: 600;

  padding: 0;

}



.mm-navbar__title>span {

  font-size: 16px;

  line-height: 22px;

  color: #ffffff;

  font-weight: 600;

}



.mm-listview .current {

  background-color: rgba(0, 0, 0, 0.10);

}



#toggle-user-sidebar {

  margin-left: 20px;

}



#toggle-user-sidebar .thumb {

  display: block;

  height: 30px;

  width: 30px;

  border: 2px solid rgba(255, 255, 255, .15);

  border-radius: 50%;

}



.mm-add-listing {

  margin-top: 30px;

  padding: 0 10px;

  border: transparent;

  display: none;

}



.mm-add-listing .theme-btn {

  width: auto;

  min-width: auto;

  flex: 0 0 auto;

  color: #1370b5 !important;

  border-radius: 50px;

  line-height: 25px;

  font-weight: 400;

}



.mm-add-listing .theme-btn span {

  margin-left: 0;

  margin-right: 10px;

}



/*** 



====================================================================

	Header Style Two

====================================================================



***/



.header-style-two {

  position: relative;

}



.header-top-two {

  position: relative;

  background-color: #ffffff;

}



.header-top-two .inner-container {

  position: relative;

  display: flex;

  justify-content: space-between;

  align-items: center;

  padding-left: 200px;

  min-height: 100px;

}



.header-top-two .top-left {

  position: relative;

}



.header-top-two .top-left .contact-list {

  position: relative;

  display: flex;

  align-items: center;

}



.header-top-two .top-left .contact-list li {

  position: relative;

  padding-left: 60px;

  font-size: 14px;

  line-height: 20px;

  color: #777777;

  font-weight: 400;

  margin-left: 40px;

  display: flex;

  align-items: center;

  min-height: 50px;

}



.header-top-two .top-left .contact-list li i {

  position: absolute;

  left: 0;

  top: 0;

  font-size: 48px;

  line-height: 50px;

  margin-right: 8px;

  color: #1370b5;

}



.header-top-two .top-left .contact-list li a {

  color: #1370b5;

  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;

}



.header-top-two .top-right {

  position: relative;

  display: flex;

  justify-content: center;

  align-items: center;

}



/* Header Lower */



.header-style-two .main-box {

  margin: 0;

  padding: 0;

  padding-left: 200px;

}



.header-style-two .logo-box {

  position: absolute;

  left: 0;

  top: -100px;

  min-height: 160px;

  width: 200px;

  display: flex;

  justify-content: center;

  align-items: center;

}



.header-style-two .logo-box:before {

  position: absolute;

  right: 0px;

  height: 100%;

  width: 1000%;

  background: #f5f5f5;

  content: "";

}



.header-style-two .main-box:before {

  background-color: #1370b5;

  width: 1000%;

  right: auto;

}



.header-style-two .main-menu .navigation>li {

  padding: 15.5px 0;

}



.header-style-two .header-lower .main-menu .navigation>li.dropdown>span:after,

.header-style-two .header-lower .main-menu .navigation>li>span,

.header-style-two .header-lower .main-menu .navigation>li>a {

  color: #ffffff !important;

}



.header-style-two .main-menu .navigation>li.current:after {

  position: absolute;

  bottom: 20px;

  left: 0;

  height: 1px;

  width: 100%;

  background-color: #ffffff;

  content: "";

}



.header-style-two .nav-outer {

  padding-left: 40px;

  display: flex;

  width: 100%;

  align-items: center;

}



.header-style-two .search-btn {

  background-color: transparent;

  border: 2px dashed #ffffff;

  line-height: 36px;

  color: #ffffff;

  margin-left: 20px;

  box-shadow: none;

  transition: all 300ms ease;

}



.header-style-two .search-btn:hover {

  background-color: #ffffff;

  color: #222222;

}



.header-style-two .cart-btn .count {

  background-color: #222222;

  color: #ffffff;

}



.header-style-two .mobile-header .cart-btn {

  color: #222222;

  font-size: 24px;

}



.header-style-two .mobile-header .search-btn {

  color: #222222;

  box-shadow: 0 0 10px rgba(0, 0, 0, 0.10);

}



.header-style-two .sticky-header .logo-box {

  position: relative;

  left: 0;

  top: 0;

  min-height: auto;

}



.header-style-two .sticky-header .main-box {

  padding-left: 0;

}



.header-style-two .sticky-header .main-menu .navigation>li.dropdown>span:after,

.header-style-two .sticky-header .main-menu .navigation>li>span,

.header-style-two .sticky-header .main-menu .navigation>li>a,

.header-style-two .sticky-header .main-menu .navigation>li.dropdown>span {

  color: #222222;

}



.header-style-two .sticky-header .main-menu .navigation>li.current>span:after,

.header-style-two .sticky-header .main-menu .navigation>li.current>span {

  color: #1370b5;

}



/*** 



====================================================================

  Header Style Three

====================================================================



***/



.header-style-three {

  position: relative;

  border: 0;

  box-shadow: 0 0 30px rgba(0, 0, 0, 0.10);

}



/*== Header Top Three ==*/



.header-top-three {

  position: relative;

}



.header-top-three .inner-container {

  position: relative;

  display: flex;

  justify-content: space-between;

  align-items: center;

}



.header-top-three {

  position: relative;

  background-color: #ef5b3f;

}



.header-top-three .top-left {

  position: relative;

}



.header-top-three .top-left .contact-list {

  position: relative;

  padding: 15px 0;

}



.header-top-three .top-left .contact-list li {

  position: relative;

  float: left;

  font-size: 14px;

  line-height: 20px;

  color: #ffffff;

  font-weight: 400;

  margin-right: 30px;

}



.header-top-three .top-left .contact-list li:last-child {

  margin-right: 0;

}



.header-top-three .top-left .contact-list li i {

  float: left;

  font-size: 20px;

  line-height: 20px;

  margin-right: 8px;

  color: #ffffff;

}



.header-top-three .top-left .contact-list li a {

  color: #ffffff;

  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;

}



.header-top-three .top-right {

  position: relative;

  float: right;

}



.header-style-three .main-box {

  margin-bottom: 0;

  padding-left: 0;

}



.header-style-three .main-box:before {

  display: none;

}



/*** 



====================================================================

  Header Style Four

====================================================================



***/



.header-style-four {

  position: relative;

}



.header-style-four .header-top .top-left .contact-list {

  position: relative;

  padding: 15px 0;

}



.header-style-four .main-box {

  margin-bottom: 0px;



  background-color: #ffffff;



}



.header-style-four .main-box:before {

  display: none;

}



.header-style-four .sticky-header {

  box-shadow: none;

  background-color: transparent;

}



.header-style-four .sticky-header .main-box {

  /* border-radius: 30px;

  box-shadow: 0 0px 30px rgba(0, 0, 0, .10); */

}



/*** 



====================================================================

  Page Title

====================================================================



***/



.page-title {

  position: relative;

  padding: 80px 0px;

  background-repeat: no-repeat;

  background-position: center;

  background-size: cover;

  text-align: right;

  z-index: 2;

}



.page-title:before {

  position: absolute;

  left: 0;

  top: 0;

  height: 100%;

  width: 100%;

  /* background-color: #ffffff;*/

  content: "";

  opacity: .50;

}



.page-title .title-outer {

  position: relative;

  display: inline-block;



  border-radius: 10px;





}



.page-title h1 {

  color: #1370b5;

  font-size: 48px;

  font-weight: 700;

  line-height: 1.2em;

  margin: 0 0px;

  word-break: break-word;

}



.page-title .title_divider {

  display: inline-block;

  width: 30px;

  height: 3px;

  -webkit-border-radius: 2px;

  border-radius: 2px;

  position: relative;

  background: #cbcfd4;

}



.page-breadcrumb {

  font-size: 15px;

  line-height: initial;

  margin: 5px -15px 10px;

}



.page-breadcrumb li {

  position: relative;

  display: inline-block;

  color: rgba(0, 0, 0, 0.75);

  font-size: 18px;

  font-weight: 500;

  padding: 0 18px;

  line-height: 24px;

  text-transform: capitalize;

}



.page-breadcrumb li:after {

  position: absolute;

  top: 0;

  right: -10px;

  content: "\f179";

  font-family: 'flaticon';

  display: inline-block;

  font-size: 18px;

  color: #000;

}



.page-breadcrumb li:last-child::after {

  display: none;

}



.page-breadcrumb li a {

  color: rgba(0, 0, 0, 0.75);

  text-transform: capitalize;

  -webkit-transition: all 0.3s ease;

  -moz-transition: all 0.3s ease;

  -ms-transition: all 0.3s ease;

  -o-transition: all 0.3s ease;

  transition: all 0.3s ease;

}



.page-breadcrumb li a:hover {

  opacity: .9;

  color: #1370b5;

}



/*** 



====================================================================

	Section Title

====================================================================



***/



.sec-title {

  position: relative;

  margin-bottom: 70px;

}



.sec-title .sub-title {

  display: block;

  font-size: 18px;

  color: #666666;

  margin-bottom: 15px;

}



.sec-title .title {

  font-size: 16px;

  color: #666666;

}



.sec-title h2 {

  display: block;

  font-size: 36px;

  line-height: 1.2em;

  font-weight: 700;

}



.sec-title .text,

.sec-title p {

  position: relative;

  margin-top: 30px;

}



.sec-title .divider {

  position: relative;

  display: block;

  width: 60px;

  height: 20px;

  margin-top: 30px;

}



.sec-title .divider svg {

  display: block;

  width: 100%;

  transform: translateY(-50%);

  top: 50%;

  position: relative;

  fill: #1370b5;

}



.sec-title.text-center .divider {

  margin: 30px auto 0;

}



.sec-bottom-text {

  position: relative;

  text-align: center;

  font-size: 14px;

  color: 666666;

  line-height: 24px;

  margin-top: 15px;

}



.sec-bottom-text a {

  color: #1370b5;

}



.sec-title.light .title,

.sec-title.light h2,

.sec-title.light p,

.sec-title.light .text,

.sec-title.light .sub-title {

  color: #ffffff;

}



.sec-title.light .divider svg {

  fill: #ffffff;

}



/*** 



====================================================================

  Main Slider

====================================================================



***/



.main-slider {

  position: relative;

}



.main-slider .tp-dottedoverlay {

  position: absolute;

  left: 0;

  top: 0;

  height: 100%;

  width: 100%;

  background-color: rgba(0, 0, 0, 0.1);

}



.main-slider .title {

  position: relative;

  display: inline-block;

  color: #1370b5;

  font-size: 18px;

  font-weight: 700;

  line-height: 1.5em;

  border-radius: 5px;

}



.main-slider h2 {

  position: relative;

  display: block;

  font-size: 48px;

  line-height: 1.2em;

  color: #25304c;

  font-weight: 700;

  text-transform: capitalize;

}



.main-slider .text {

  position: relative;

  display: block;

  font-size: 16px;

  line-height: 26px;

  color: #25304c;

  font-weight: 600;

}



.main-slider .btn-box {

  position: relative;

}



.main-slider .btn-box a {

  display: inline-block;

  text-align: center !important;

  margin-right: 20px !important;

  min-width: 180px !important;

}



.main-slider .btn-box a:last-child {

  margin-right: 0px !important;

}







/*** 



====================================================================

  Banner Section One

====================================================================



***/



.banner-section-one {

  position: relative;

}



.banner-section-one .banner-carousel {

  position: relative;

}



.banner-section-one .slide-item {

  position: relative;

  background-repeat: no-repeat;

  background-position: center;

  background-size: cover;

}



.banner-section-one .slide-item:before {

  position: absolute;

  left: 0;

  top: 0;

  height: 100%;

  width: 100%;

  background-color: rgba(0, 0, 0, 0.1);

  content: "";

}



.banner-section-one .content-outer {

  position: relative;

  display: flex;

  align-items: center;

  min-height: 780px;

}



.banner-section-one .content-box {

  position: relative;

  max-width: 600px;

  width: 100%;

  transition: all 300ms ease;

}



.banner-section-one .content-box .title {

  position: relative;

  display: inline-block;

  color: #1370b5;

  font-size: 18px;

  font-weight: 700;

  line-height: 1.5em;

  border-radius: 5px;

  opacity: 0;

  visibility: hidden;

  -webkit-transform: translateY(100px);

  -moz-transform: translateY(100px);

  -ms-transform: translateY(100px);

  -o-transform: translateY(100px);

  transform: translateY(100px);

  -webkit-transition: all 300ms ease;

  -moz-transition: all 300ms ease;

  -ms-transition: all 300ms ease;

  -o-transition: all 300ms ease;

  transition: all 300ms ease;

}



.banner-section-one .active .content-box .title {

  opacity: 1;

  visibility: visible;

  transform: translateY(0px);

  transition-delay: 400ms;

}



.banner-section-one .content-box h2 {

  position: relative;

  display: block;

  font-size: 48px;

  line-height: 1.2em;

  color: #25304c;

  font-weight: 700;

  text-transform: capitalize;

  margin-bottom: 20px;

  opacity: 0;

  visibility: hidden;

  -webkit-transform: translateY(100px);

  -moz-transform: translateY(100px);

  -ms-transform: translateY(100px);

  -o-transform: translateY(100px);

  transform: translateY(100px);

  -webkit-transition: all 300ms ease;

  -moz-transition: all 300ms ease;

  -ms-transition: all 300ms ease;

  -o-transition: all 300ms ease;

  transition: all 300ms ease;

}



.banner-section-one .active .content-box h2 {

  opacity: 1;

  visibility: visible;

  transform: translateY(0px);

  transition-delay: 500ms;

}



.banner-section-one .content-box .text {

  position: relative;

  display: block;

  font-size: 16px;

  line-height: 26px;

  color: #25304c;

  font-weight: 600;

  opacity: 0;

  visibility: hidden;

  margin-bottom: 30px;

  -webkit-transform: translateY(100px);

  -moz-transform: translateY(100px);

  -ms-transform: translateY(100px);

  -o-transform: translateY(100px);

  transform: translateY(100px);

  -webkit-transition: all 300ms ease;

  -moz-transition: all 300ms ease;

  -ms-transition: all 300ms ease;

  -o-transition: all 300ms ease;

  transition: all 300ms ease;

}



.banner-section-one .active .content-box .text {

  opacity: 1;

  visibility: visible;

  transform: translateY(0px);

  transition-delay: 600ms;

}



.banner-section-one .content-box .btn-box {

  opacity: 0;

  visibility: hidden;

  -webkit-transform: translateY(100px);

  -moz-transform: translateY(100px);

  -ms-transform: translateY(100px);

  -o-transform: translateY(100px);

  transform: translateY(100px);

  -webkit-transition: all 300ms ease;

  -moz-transition: all 300ms ease;

  -ms-transition: all 300ms ease;

  -o-transition: all 300ms ease;

  transition: all 300ms ease;

}



.banner-section-one .active .content-box .btn-box {

  opacity: 1;

  visibility: visible;

  transform: translateY(0px);

  transition-delay: 700ms;

}





.banner-section-one .content-box .btn-box a {

  display: inline-block;

  margin-right: 20px;

  min-width: 180px;

}



.banner-section-one .content-box .btn-box a:last-child {

  margin-right: 0px !important;

}





/*** 



====================================================================

  Banner Section

====================================================================



***/



.banner-section {

  position: relative;

}



.banner-section .banner-carousel {

  position: relative;

}



.banner-section .slide-item {

  position: relative;

  background-repeat: no-repeat;

  background-position: center;

  background-size: cover;

}



.banner-section .content-outer {

  position: relative;

  display: flex;

  justify-content: center;

  align-items: center;

  height: 100vh;

  min-height: 700px;

}



.banner-section .content-box {

  position: relative;

  background-color: rgba(255, 255, 255, .90);

  padding: 50px 50px;

  max-width: 600px;

  width: 50%;

  margin-left: 50%;

  border: 0;

  border-left-width: 10px;

  border-color: #1370b5;

  border-style: solid;

  box-shadow: 0 0 20px rgba(0, 0, 0, 0.10);

  transform: translateX(-30%);

  opacity: 0;

  visibility: hidden;

  transition: all 300ms ease;

}



.banner-section .active .content-box {

  transform: translateX(0%) scale(1);

  opacity: 1;

  visibility: visible;

  transition-delay: 300ms;

}



.banner-section .content-box .title {

  position: relative;

  display: block;

  font-size: 18px;

  color: #666666;

  margin-bottom: 10px;

  opacity: 0;

  visibility: hidden;

  -webkit-transform: translateY(100px);

  -moz-transform: translateY(100px);

  -ms-transform: translateY(100px);

  -o-transform: translateY(100px);

  transform: translateY(100px);

  -webkit-transition: all 300ms ease;

  -moz-transition: all 300ms ease;

  -ms-transition: all 300ms ease;

  -o-transition: all 300ms ease;

  transition: all 300ms ease;

}



.banner-section .active .content-box .title {

  opacity: 1;

  visibility: visible;

  transform: translateY(0px);

  transition-delay: 400ms;

}



.banner-section .content-box h2 {

  font-size: 42px;

  line-height: 1.2em;

  font-weight: 700;

  color: #222222;

  margin-bottom: 20px;

  opacity: 0;

  visibility: hidden;

  -webkit-transform: translateY(100px);

  -moz-transform: translateY(100px);

  -ms-transform: translateY(100px);

  -o-transform: translateY(100px);

  transform: translateY(100px);

  -webkit-transition: all 300ms ease;

  -moz-transition: all 300ms ease;

  -ms-transition: all 300ms ease;

  -o-transition: all 300ms ease;

  transition: all 300ms ease;

}



.banner-section .content-box h2 span {

  color: #1370b5;

}



.banner-section .active .content-box h2 {

  opacity: 1;

  visibility: visible;

  transform: translateY(0px);

  transition-delay: 500ms;

}



.banner-section .content-box .text {

  margin-bottom: 30px;

  font-size: 18px;

  line-height: 24px;

  opacity: 0;

  visibility: hidden;

  -webkit-transform: translateY(100px);

  -moz-transform: translateY(100px);

  -ms-transform: translateY(100px);

  -o-transform: translateY(100px);

  transform: translateY(100px);

  -webkit-transition: all 300ms ease;

  -moz-transition: all 300ms ease;

  -ms-transition: all 300ms ease;

  -o-transition: all 300ms ease;

  transition: all 300ms ease;

}



.banner-section .active .content-box .text {

  opacity: 1;

  visibility: visible;

  transform: translateY(0px);

  transition-delay: 600ms;

}



.banner-section .content-box .btn-box {

  opacity: 0;

  visibility: hidden;

  -webkit-transform: translateY(100px);

  -moz-transform: translateY(100px);

  -ms-transform: translateY(100px);

  -o-transform: translateY(100px);

  transform: translateY(100px);

  -webkit-transition: all 300ms ease;

  -moz-transition: all 300ms ease;

  -ms-transition: all 300ms ease;

  -o-transition: all 300ms ease;

  transition: all 300ms ease;

}



.banner-section .active .content-box .btn-box {

  opacity: 1;

  visibility: visible;

  transform: translateY(0px);

  transition-delay: 700ms;

}



/*** 



====================================================================

  Banner Section Two

====================================================================



***/



.banner-section-two {

  position: relative;

}



.banner-section-two .banner-carousel {

  position: relative;

}



.banner-section-two .slide-item {

  position: relative;

  background-repeat: no-repeat;

  background-position: center;

  background-size: cover;

}



.banner-section-two .content-outer {

  position: relative;

  display: flex;

  justify-content: center;

  align-items: center;

  min-height: 700px;

}



.banner-section-two .content-box {

  position: relative;

  max-width: 600px;

  width: 50%;

  margin-left: 50%;

  transition: all 300ms ease;

}



.banner-section-two .content-box .icon-box {

  position: relative;

  display: inline-block;

  height: 100px;

  width: 100px;

  line-height: 100px;

  border-radius: 50%;

  background-color: #ffffff;

  text-align: center;

  font-size: 52px;

  color: #ef5b3f;

  box-shadow: 0 15px 20px rgba(0, 0, 0, 0.10);

  margin-bottom: 10px;

  opacity: 0;

  visibility: hidden;

  -webkit-transform: translateY(100px);

  -moz-transform: translateY(100px);

  -ms-transform: translateY(100px);

  -o-transform: translateY(100px);

  transform: translateY(100px);

  -webkit-transition: all 300ms ease;

  -moz-transition: all 300ms ease;

  -ms-transition: all 300ms ease;

  -o-transition: all 300ms ease;

  transition: all 300ms ease;

}



.banner-section-two .active .content-box .icon-box {

  opacity: 1;

  visibility: visible;

  transform: translateY(0px);

  transition-delay: 400ms;

}



.banner-section-two .content-box h1 {

  position: relative;

  display: block;

  line-height: 1em;

  font-size: 96px;

  font-weight: 700;

  color: #222222;

  margin-bottom: 10px;

  opacity: 0;

  visibility: hidden;

  -webkit-transform: translateY(100px);

  -moz-transform: translateY(100px);

  -ms-transform: translateY(100px);

  -o-transform: translateY(100px);

  transform: translateY(100px);

  -webkit-transition: all 300ms ease;

  -moz-transition: all 300ms ease;

  -ms-transition: all 300ms ease;

  -o-transition: all 300ms ease;

  transition: all 300ms ease;

}



.banner-section-two .active .content-box h1 {

  opacity: 1;

  visibility: visible;

  transform: translateY(0px);

  transition-delay: 500ms;

}



.banner-section-two .content-box h3 {

  font-size: 36px;

  line-height: 1.1em;

  font-weight: 600;

  color: #30302f;

  opacity: 0;

  visibility: hidden;

  margin-bottom: 10px;

  -webkit-transform: translateY(100px);

  -moz-transform: translateY(100px);

  -ms-transform: translateY(100px);

  -o-transform: translateY(100px);

  transform: translateY(100px);

  -webkit-transition: all 300ms ease;

  -moz-transition: all 300ms ease;

  -ms-transition: all 300ms ease;

  -o-transition: all 300ms ease;

  transition: all 300ms ease;

}



.banner-section-two .active .content-box h3 {

  opacity: 1;

  visibility: visible;

  transform: translateY(0px);

  transition-delay: 600ms;

}



.banner-section-two .content-box .text {

  font-size: 18px;

  line-height: 30px;

  color: #222222;

  font-weight: 500;

  opacity: 0;

  visibility: hidden;

  margin-bottom: 30px;

  -webkit-transform: translateY(100px);

  -moz-transform: translateY(100px);

  -ms-transform: translateY(100px);

  -o-transform: translateY(100px);

  transform: translateY(100px);

  -webkit-transition: all 300ms ease;

  -moz-transition: all 300ms ease;

  -ms-transition: all 300ms ease;

  -o-transition: all 300ms ease;

  transition: all 300ms ease;

}



.banner-section-two .active .content-box .text {

  opacity: 1;

  visibility: visible;

  transform: translateY(0px);

  transition-delay: 600ms;

}



.banner-section-two .content-box .btn-box {

  opacity: 0;

  visibility: hidden;

  -webkit-transform: translateY(100px);

  -moz-transform: translateY(100px);

  -ms-transform: translateY(100px);

  -o-transform: translateY(100px);

  transform: translateY(100px);

  -webkit-transition: all 300ms ease;

  -moz-transition: all 300ms ease;

  -ms-transition: all 300ms ease;

  -o-transition: all 300ms ease;

  transition: all 300ms ease;

}



.banner-section-two .active .content-box .btn-box {

  opacity: 1;

  visibility: visible;

  transform: translateY(0px);

  transition-delay: 700ms;

}



/*** 



====================================================================

  Banner Section Three

====================================================================



***/



.banner-section-three {

  position: relative;

}



.banner-section-three .banner-carousel {

  position: relative;

}



.banner-section-three .slide-item {

  position: relative;

  background-repeat: no-repeat;

  background-position: center;

  background-size: cover;

}



.banner-section-three .content-outer {

  position: relative;

  display: flex;

  align-items: center;

  min-height: 700px;

}



.banner-section-three .content-box {

  position: relative;

  max-width: 600px;

  width: 100%;

  transition: all 300ms ease;

}



.banner-section-three .content-box .title {

  position: relative;

  display: inline-block;

  font-size: 18px;

  line-height: 1.2em;

  color: #7fc540;

  font-weight: 500;

  padding: 5px 20px;

  margin-bottom: 25px;

  background-color: #ffffff;

  border-radius: 3px;

  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.10);

  opacity: 0;

  visibility: hidden;

  -webkit-transform: translateY(100px);

  -moz-transform: translateY(100px);

  -ms-transform: translateY(100px);

  -o-transform: translateY(100px);

  transform: translateY(100px);

  -webkit-transition: all 300ms ease;

  -moz-transition: all 300ms ease;

  -ms-transition: all 300ms ease;

  -o-transition: all 300ms ease;

  transition: all 300ms ease;

}



.banner-section-three .active .content-box .title {

  opacity: 1;

  visibility: visible;

  transform: translateY(0px);

  transition-delay: 400ms;

}



.banner-section-three .content-box h4 {

  position: relative;

  display: block;

  line-height: 1em;

  font-size: 36px;

  font-weight: 400;

  color: #222222;

  margin-bottom: 10px;

  opacity: 0;

  visibility: hidden;

  -webkit-transform: translateY(100px);

  -moz-transform: translateY(100px);

  -ms-transform: translateY(100px);

  -o-transform: translateY(100px);

  transform: translateY(100px);

  -webkit-transition: all 300ms ease;

  -moz-transition: all 300ms ease;

  -ms-transition: all 300ms ease;

  -o-transition: all 300ms ease;

  transition: all 300ms ease;

}



.banner-section-three .active .content-box h4 {

  opacity: 1;

  visibility: visible;

  transform: translateY(0px);

  transition-delay: 500ms;

}



.banner-section-three .content-box h2 {

  font-size: 52px;

  line-height: 1.1em;

  font-weight: 700;

  color: #222222;

  opacity: 0;

  visibility: hidden;

  margin-bottom: 15px;

  -webkit-transform: translateY(100px);

  -moz-transform: translateY(100px);

  -ms-transform: translateY(100px);

  -o-transform: translateY(100px);

  transform: translateY(100px);

  -webkit-transition: all 300ms ease;

  -moz-transition: all 300ms ease;

  -ms-transition: all 300ms ease;

  -o-transition: all 300ms ease;

  transition: all 300ms ease;

}



.banner-section-three .content-box h2 span {

  color: #7fc540;

}



.banner-section-three .active .content-box h2 {

  opacity: 1;

  visibility: visible;

  transform: translateY(0px);

  transition-delay: 600ms;

}



.banner-section-three .content-box .text {

  font-size: 18px;

  line-height: 30px;

  color: #222222;

  font-weight: 500;

  opacity: 0;

  visibility: hidden;

  margin-bottom: 30px;

  -webkit-transform: translateY(100px);

  -moz-transform: translateY(100px);

  -ms-transform: translateY(100px);

  -o-transform: translateY(100px);

  transform: translateY(100px);

  -webkit-transition: all 300ms ease;

  -moz-transition: all 300ms ease;

  -ms-transition: all 300ms ease;

  -o-transition: all 300ms ease;

  transition: all 300ms ease;

}



.banner-section-three .active .content-box .text {

  opacity: 1;

  visibility: visible;

  transform: translateY(0px);

  transition-delay: 600ms;

}



.banner-section-three .content-box .btn-box {

  opacity: 0;

  visibility: hidden;

  -webkit-transform: translateY(100px);

  -moz-transform: translateY(100px);

  -ms-transform: translateY(100px);

  -o-transform: translateY(100px);

  transform: translateY(100px);

  -webkit-transition: all 300ms ease;

  -moz-transition: all 300ms ease;

  -ms-transition: all 300ms ease;

  -o-transition: all 300ms ease;

  transition: all 300ms ease;

}



.banner-section-three .active .content-box .btn-box {

  opacity: 1;

  visibility: visible;

  transform: translateY(0px);

  transition-delay: 700ms;

}



.banner-section-three .top-features {

  position: relative;

  margin-top: -70px;

  z-index: 1;

}



.banner-section-three .top-features:before {

  position: absolute;

  left: 0;

  top: 0;

  height: 100%;

  width: 100%;

  background-color: #7fc540;

  content: "";

  display: none;

}



/*** 



====================================================================

  Banner Section Four

====================================================================



***/



.banner-section-four {

  position: relative;

}



.banner-section-four .banner-carousel {

  position: relative;

}



.banner-section-four .slide-item {

  position: relative;

  background-repeat: no-repeat;

  background-position: center;

  background-size: cover;

  padding-top: 50px;

}



.banner-section-four .content-outer {

  position: relative;

  display: flex;

  justify-content: center;

  align-items: center;

  min-height: 700px;

}



.banner-section-four .content-box {

  position: relative;

  max-width: 600px;

  width: 45%;

  margin-right: 65%;

  margin-top: 30%;

  transition: all 300ms ease;

}



.banner-section-four .content-box-1 {

  position: relative;

  max-width: 600px;

  width: 45%;

  margin-right: 65%;

  transition: all 300ms ease;

}



.banner-section-four .content-box .title {

  position: relative;

  display: block;

  font-size: 22px;

  line-height: 1.2em;

  color: #105abf;

  font-weight: 700;

  margin-bottom: 15px;

  opacity: 0;

  visibility: hidden;

  -webkit-transform: translateY(100px);

  -moz-transform: translateY(100px);

  -ms-transform: translateY(100px);

  -o-transform: translateY(100px);

  transform: translateY(100px);

  -webkit-transition: all 300ms ease;

  -moz-transition: all 300ms ease;

  -ms-transition: all 300ms ease;

  -o-transition: all 300ms ease;

  transition: all 300ms ease;

}



.banner-section-four .active .content-box .title {

  opacity: 1;

  visibility: visible;

  transform: translateY(0px);

  transition-delay: 400ms;

}



.banner-section-four .content-box h1 {

  position: relative;

  display: block;

  line-height: 1em;

  font-size: 96px;

  font-weight: 700;

  color: #222222;

  margin-bottom: 10px;

  opacity: 0;

  visibility: hidden;

  -webkit-transform: translateY(100px);

  -moz-transform: translateY(100px);

  -ms-transform: translateY(100px);

  -o-transform: translateY(100px);

  transform: translateY(100px);

  -webkit-transition: all 300ms ease;

  -moz-transition: all 300ms ease;

  -ms-transition: all 300ms ease;

  -o-transition: all 300ms ease;

  transition: all 300ms ease;

}



.banner-section-four .active .content-box h1 {

  opacity: 1;

  visibility: visible;

  transform: translateY(0px);

  transition-delay: 500ms;

}



.banner-section-four .content-box h3 {

  font-size: 48px;

  line-height: 1.1em;

  font-weight: 500;

  color: #000;

  opacity: 0;

  visibility: hidden;

  margin-bottom: 10px;

  -webkit-transform: translateY(100px);

  -moz-transform: translateY(100px);

  -ms-transform: translateY(100px);

  -o-transform: translateY(100px);

  transform: translateY(100px);

  -webkit-transition: all 300ms ease;

  -moz-transition: all 300ms ease;

  -ms-transition: all 300ms ease;

  -o-transition: all 300ms ease;

  transition: all 300ms ease;

}



.banner-section-four .active .content-box h3 {

  opacity: 1;

  visibility: visible;

  transform: translateY(0px);

  transition-delay: 600ms;

}



.banner-section-four .content-box .text {

  font-size: 18px;

  line-height: 30px;

  color: #222222;

  font-weight: 500;

  opacity: 0;

  visibility: hidden;

  margin-bottom: 30px;

  -webkit-transform: translateY(100px);

  -moz-transform: translateY(100px);

  -ms-transform: translateY(100px);

  -o-transform: translateY(100px);

  transform: translateY(100px);

  -webkit-transition: all 300ms ease;

  -moz-transition: all 300ms ease;

  -ms-transition: all 300ms ease;

  -o-transition: all 300ms ease;

  transition: all 300ms ease;

}



.banner-section-four .active .content-box .text {

  opacity: 1;

  visibility: visible;

  transform: translateY(0px);

  transition-delay: 600ms;

}



.banner-section-four .content-box .btn-box {

  opacity: 0;

  visibility: hidden;

  -webkit-transform: translateY(100px);

  -moz-transform: translateY(100px);

  -ms-transform: translateY(100px);

  -o-transform: translateY(100px);

  transform: translateY(100px);

  -webkit-transition: all 300ms ease;

  -moz-transition: all 300ms ease;

  -ms-transition: all 300ms ease;

  -o-transition: all 300ms ease;

  transition: all 300ms ease;

}



.banner-section-four .active .content-box .btn-box {

  opacity: 1;

  visibility: visible;

  transform: translateY(0px);

  transition-delay: 700ms;

}



.form-sage p {

  text-align: left;

}



.form-sage .options {

  text-align: left;

}



.why-sage h1 {

  margin-top: 0;

  margin-bottom: 30px;

  font-family: Poppins, sans-serif;

  color: #000;

  font-size: 4.79vh;

  /* line-height: .8; */

  font-weight: 300;

  text-align: center;

}



body {

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

  font-size: 16px;

  font-weight: 300;

  color: #888;

  line-height: 30px;

  text-align: center;

}



strong {

  font-weight: 500;

}



a {

  color: #d60000;

  text-decoration: none;

  transition: all .3s;

}



a:hover,

a:focus {

  color: #d60000;

  border: 0;

  text-decoration: none;

}



h1,

h2 {

  margin-top: 10px;

  font-size: 38px;

  font-weight: 100;

  color: #555;

  line-height: 50px;

}



h3 {

  font-size: 22px;

  font-weight: 300;

  color: #555;

  line-height: 30px;

}



h4 {

  font-size: 18px;

  font-weight: 300;

  color: #555;

  line-height: 26px;

}



img {

  max-width: 100%;

}



.medium-paragraph {

  font-size: 18px;

  line-height: 34px;

  font-weight: 600;

  color: #d60000;

}



::-moz-selection {

  background: #d60000;

  color: #fff;

  text-shadow: none;

}



::selection {

  background: #d60000;

  color: #fff;

  text-shadow: none;

}





/***** Wrapper *****/



.wrapper {

  display: block;

}





/***** Sidebar *****/



.sidebar {

  width: 250px;

  height: 100vh;

  position: fixed;

  top: 0;

  right: -255px;

  z-index: 999;

  background: #333;

  color: #fff;

  transition: all .3s;

  box-shadow: 3px 3px 3px rgba(51, 51, 51, 0.5);

  text-align: left;

}



.sidebar.active {

  right: 0;

}



.dismiss {

  width: 35px;

  height: 35px;

  position: absolute;

  top: 10px;

  right: 204px;

  transition: all .3s;

  background: #444;

  border-radius: 4px;

  text-align: center;

  line-height: 35px;

  cursor: pointer;

}



.dismiss:hover,

.dismiss:focus {

  background: #555;

  color: #fff;

}



.sidebar .logo {

  padding: 40px 20px;

  border-bottom: 1px solid #444;

  transition: all .3s;

}



.sidebar .logo a {

  display: inline-block;

  width: 172px;

  height: 34px;

  background: url(../images/logo-menu.png) left top no-repeat;

  border: 0;

  text-indent: -999999px;

}



.sidebar ul.menu-elements {

  padding: 10px 0;

  border-bottom: 1px solid #444;

  transition: all .3s;

}



.sidebar ul li a {

  display: block;

  padding: 10px 20px;

  border: 0;

  color: #fff;

}



.sidebar ul li a:hover,

.sidebar ul li a:focus,

.sidebar ul li.active>a:hover,

.sidebar ul li.active>a:focus {

  outline: 0;

  background: #555;

  color: #fff;

}



.sidebar ul li a i {

  margin-right: 5px;

}



.sidebar ul li.active>a,

a[aria-expanded="true"] {

  background: #444;

  color: #fff;

}



.sidebar ul ul a {

  background: #444;

  padding-left: 30px;

  font-size: 14px;

}



.sidebar ul ul li.active>a {

  background: #555;

}



.sidebar a[data-toggle="collapse"] {

  position: relative;

}



.sidebar .dropdown-toggle::after {

  display: block;

  position: absolute;

  top: 50%;

  right: 20px;

  transform: translateY(-50%);

}



.sidebar .to-top {

  padding: 20px;

  text-align: center;

}



.sidebar .dark-light-buttons {

  padding: 10px 20px 30px 20px;

  text-align: center;

}



/* sidebar light */



.sidebar.light {

  background: #fff;

  color: #888;

}



.sidebar.light .dismiss {

  background: #ddd;

  color: #888;

}



.sidebar.light .dismiss:hover,

.sidebar.light .dismiss:focus {

  background: #ccc;

  color: #888;

}



.sidebar.light .logo {

  border-color: #eee;

}



.sidebar.light .logo a {

  background-image: url(../img/logo-dark.png);

}



.sidebar.light ul.menu-elements {

  border-color: #eee;

}



.sidebar.light ul li a {

  color: #888;

}



.sidebar.light ul li a:hover,

.sidebar.light ul li a:focus,

.sidebar.light ul li.active>a:hover,

.sidebar.light ul li.active>a:focus {

  background: #ccc;

  color: #888;

}



.sidebar.light ul li.active>a,

.sidebar.light a[aria-expanded="true"] {

  background: #ddd;

  color: #888;

}



.sidebar.light ul ul a {

  background: #ddd;

}



.sidebar.light ul ul li.active>a {

  background: #ccc;

}



.sidebar.light a.btn-customized-3 {

  background: #ddd;

  color: #888;

}



.sidebar.light a.btn-customized-3:hover,

.sidebar.light a.btn-customized-3:active,

.sidebar.light a.btn-customized-3:focus,

.sidebar.light a.btn-customized-3:active:focus,

.sidebar.light a.btn-customized-3.active:focus,

.sidebar.light a.btn-customized-3.btn.btn-primary:not(:disabled):not(.disabled):active,

.sidebar.light a.btn-customized-3.btn.btn-primary:not(:disabled):not(.disabled):active:focus {

  background: #ccc;

  color: #888;

}



.sidebar.light a.btn-customized-4.btn-customized-dark {

  background: #555;

}



.sidebar.light a.btn-customized-4.btn-customized-light {

  background: #eee;

}



.sidebar.light a.btn-customized-4.btn-customized-dark:hover,

.sidebar.light a.btn-customized-4.btn-customized-dark:active,

.sidebar.light a.btn-customized-4.btn-customized-dark:focus,

.sidebar.light a.btn-customized-4.btn-customized-dark:active:focus,

.sidebar.light a.btn-customized-4.btn-customized-dark.active:focus,

.sidebar.light a.btn-customized-4.btn-customized-dark.btn.btn-primary:not(:disabled):not(.disabled):active,

.sidebar.light a.btn-customized-4.btn-customized-dark.btn.btn-primary:not(:disabled):not(.disabled):active:focus {

  background: #ccc;

  color: #fff;

}



.sidebar.light a.btn-customized-4.btn-customized-light:hover,

.sidebar.light a.btn-customized-4.btn-customized-light:active,

.sidebar.light a.btn-customized-4.btn-customized-light:focus,

.sidebar.light a.btn-customized-4.btn-customized-light:active:focus,

.sidebar.light a.btn-customized-4.btn-customized-light.active:focus,

.sidebar.light a.btn-customized-4.btn-customized-light.btn.btn-primary:not(:disabled):not(.disabled):active,

.sidebar.light a.btn-customized-4.btn-customized-light.btn.btn-primary:not(:disabled):not(.disabled):active:focus {

  background: #ccc;

  color: #fff;

}





/***** Dark overlay *****/



.overlay {

  display: none;

  position: fixed;

  width: 100vw;

  height: 100vh;

  background: rgba(51, 51, 51, 0.7);

  z-index: 998;

  opacity: 0;

  transition: all .5s ease-in-out;

}



.overlay.active {

  display: block;

  opacity: 1;

}





/***** Content *****/



.content {

  width: 100%;

  transition: all 0.3s;

}



.open-menu {

  position: fixed;

  top: 20px;

  right: 230px;

  z-index: 997;

  box-shadow: 3px 3px 3px rgba(51, 51, 51, 0.2);

}



.open-menu.btn-customized,

.open-menu.btn-customized:hover,

.open-menu.btn-customized:active,

.open-menu.btn-customized:focus,

.open-menu.btn-customized:active:focus,

.open-menu.btn-customized.active:focus,

.open-menu.btn-customized.btn.btn-primary:not(:disabled):not(.disabled):active,

.open-menu.btn-customized.btn.btn-primary:not(:disabled):not(.disabled):active:focus {

  box-shadow: 3px 3px 3px rgba(51, 51, 51, 0.2);

}





/***** Buttons *****/



a.btn-customized {

  margin-left: 5px;

  margin-right: 5px;

  padding: .75rem 1.5rem;

  background: #d6000087;

  border: 0;

  border-radius: 4px;

  font-size: 16px;

  font-weight: 300;

  color: rgb(255, 255, 255);

  box-shadow: none;

}



a.btn-customized:hover,

a.btn-customized:active,

a.btn-customized:focus,

a.btn-customized:active:focus,

a.btn-customized.active:focus,

a.btn-customized.btn.btn-primary:not(:disabled):not(.disabled):active,

a.btn-customized.btn.btn-primary:not(:disabled):not(.disabled):active:focus {

  outline: 0;

  background: #cd533d;

  background: rgba(243, 91, 63, 0.7);

  border: 0;

  color: #fff;

  box-shadow: none;

}



a.btn-customized-2 {

  margin-left: 5px;

  margin-right: 5px;

  padding: .75rem 1.5rem;

  background: #fff;

  border: 0;

  border-radius: 4px;

  font-size: 16px;

  font-weight: 300;

  color: #555;

  box-shadow: none;

}



a.btn-customized-2:hover,

a.btn-customized-2:active,

a.btn-customized-2:focus,

a.btn-customized-2:active:focus,

a.btn-customized-2.active:focus,

a.btn-customized-2.btn.btn-primary:not(:disabled):not(.disabled):active,

a.btn-customized-2.btn.btn-primary:not(:disabled):not(.disabled):active:focus {

  outline: 0;

  background: #ccc;

  background: rgba(255, 255, 255, 0.5);

  border: 0;

  color: #555;

  box-shadow: none;

}



a.btn-customized-3 {

  display: inline-block;

  width: 100%;

  margin: 0;

  padding: .75rem 1.5rem;

  background: #444;

  border: 0;

  border-radius: 4px;

  font-size: 16px;

  font-weight: 300;

  color: #fff;

  box-shadow: none;

}



a.btn-customized-3:hover,

a.btn-customized-3:active,

a.btn-customized-3:focus,

a.btn-customized-3:active:focus,

a.btn-customized-3.active:focus,

a.btn-customized-3.btn.btn-primary:not(:disabled):not(.disabled):active,

a.btn-customized-3.btn.btn-primary:not(:disabled):not(.disabled):active:focus {

  outline: 0;

  background: #555;

  border: 0;

  color: #fff;

  box-shadow: none;

}



a.btn-customized i,

a.btn-customized-2 i,

a.btn-customized-3 i {

  margin-right: 5px;

}





a.btn-customized-4 {

  display: inline-block;

  width: 28px;

  height: 28px;

  margin: 0 3px;

  padding: 0;

  background: #444;

  border: 0;

  border-radius: 50%;

  font-size: 16px;

  font-weight: 300;

  color: #fff;

  box-shadow: none;

  text-indent: -999999px;

}



a.btn-customized-4.btn-customized-dark {

  background: #222;

}



a.btn-customized-4.btn-customized-light {

  background: #fff;

}



a.btn-customized-4.btn-customized-dark:hover,

a.btn-customized-4.btn-customized-dark:active,

a.btn-customized-4.btn-customized-dark:focus,

a.btn-customized-4.btn-customized-dark:active:focus,

a.btn-customized-4.btn-customized-dark.active:focus,

a.btn-customized-4.btn-customized-dark.btn.btn-primary:not(:disabled):not(.disabled):active,

a.btn-customized-4.btn-customized-dark.btn.btn-primary:not(:disabled):not(.disabled):active:focus {

  outline: 0;

  background: #555;

  border: 0;

  color: #fff;

  box-shadow: none;

}



a.btn-customized-4.btn-customized-light:hover,

a.btn-customized-4.btn-customized-light:active,

a.btn-customized-4.btn-customized-light:focus,

a.btn-customized-4.btn-customized-light:active:focus,

a.btn-customized-4.btn-customized-light.active:focus,

a.btn-customized-4.btn-customized-light.btn.btn-primary:not(:disabled):not(.disabled):active,

a.btn-customized-4.btn-customized-light.btn.btn-primary:not(:disabled):not(.disabled):active:focus {

  outline: 0;

  background: #555;

  border: 0;

  color: #fff;

  box-shadow: none;

}





/***** General style, all sections *****/



.section-container {

  margin: 0 auto;

  padding-bottom: 80px;

}



.section-container-gray-bg {

  background: #f8f8f8;

}



.section-container-image-bg,

.section-container-image-bg h2,

.section-container-image-bg h3 {

  color: #fff;

}



.section-container-image-bg .divider-1 span {

  border-color: #fff;

  border-color: rgba(255, 255, 255, 0.8);

}



.section-description {

  margin-top: 60px;

  padding-bottom: 10px;

}



.section-description p {

  margin-top: 20px;

  padding: 0 120px;

}



.section-container-image-bg .section-description p {

  opacity: 0.8;

}



.section-bottom-button {

  padding-top: 20px;

}





/***** Divider *****/



.divider-1 span {

  display: inline-block;

  width: 200px;

  border-bottom: 1px dotted #aaa;

}





/***** Top content *****/



.top-content {

  width: 100%;

  padding: 60px 0 120px 0;

}



.top-content h1 {

  padding-top: 60px;

  color: #fff;

}



.top-content .description {

  margin: 30px 0 0 0;

  padding-bottom: 30px;

}



.top-content .description p {

  color: #fff;

  color: rgba(255, 255, 255, 0.8);

}



.top-content .description a {

  color: #fff;

  color: rgba(255, 255, 255, 0.8);

  border-color: #fff;

  border-color: rgba(255, 255, 255, 0.8);

}



.top-content .description a:hover,

.top-content .description a:focus {

  color: #fff;

  color: rgba(255, 255, 255, 0.8);

}





/***** Section 1 *****/



.section-1-box {

  padding-top: 30px;

  text-align: left;

}



.section-1-box .section-1-box-icon {

  width: 80px;

  height: 80px;

  margin: 0 auto;

  border: 1px solid #f35b3f;

  font-size: 40px;

  color: #f35b3f;

  line-height: 78px;

  text-align: center;

  border-radius: 50%;

}



.section-1-box h3 {

  margin-top: 0;

  padding: 0 0 10px 0;

}





/***** Section 2 *****/



.section-2-box {

  margin-top: 30px;

  text-align: left;

}



.section-2-box h3 {

  margin-top: 0;

}



.section-2-box-text .medium-paragraph {

  margin-top: 20px;

  margin-bottom: 20px;

}



.section-2-box img {

  border-radius: 6px;

}





/***** Section 3 *****/



.section-3-box {

  margin-top: 30px;

  text-align: left;

}



.section-3-box .section-3-box-icon {

  width: 60px;

  height: 60px;

  margin: 0 auto;

  background: #f35b3f;

  font-size: 28px;

  color: #fff;

  line-height: 60px;

  text-align: center;

  border-radius: 50%;

}



.section-3-box h3 {

  margin-top: 0;

  padding: 0 0 10px 0;

}





/***** Section 5 *****/



.section-5-box {

  padding-top: 30px;

  text-align: left;

}



.section-5-box-image {

  overflow: hidden;

  border-radius: 6px;

}



.section-5-box-image img {

  transition: all .8s;

}



.section-5-box-image:hover img {

  transform: scale(1.25);

}



.section-5-box h3 {

  margin-top: 30px;

}



.section-5-box h3 a {

  color: #555;

  border: 0;

}



.section-5-box h3 a:hover,

.section-5-box h3 a:focus {

  color: #f35b3f;

}



.section-5-box h3 i {

  padding-left: 10px;

  color: #ccc;

  transition: all .3s;

}



.section-5-box h3:hover i {

  padding-left: 15px;

}



.section-5-box-date {

  padding-bottom: 10px;

  font-size: 14px;

  color: #aaa;

  text-transform: uppercase;

}



.section-5-box-date i {

  padding-right: 5px;

  color: #ddd;

}



.section-5-container .section-bottom-button {

  padding-top: 40px;

}





/***** Section 6 *****/



.section-6-box {

  padding-top: 30px;

  text-align: left;

}



.section-6-box h3 {

  margin-top: 0;

}



/* contact form */

.section-6-form {

  padding-top: 20px;

  text-align: left;

}



.section-6-form input[type="text"],

.section-6-form textarea {

  background: none;

  border: 1px solid #fff;

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

  font-size: 16px;

  font-weight: 300;

  color: #fff;

  box-shadow: none;

  transition: all .3s;

}



.section-6-form textarea {

  height: 90px;

}



.section-6-form input[type="text"]:focus,

.section-6-form textarea:focus {

  outline: 0;

  background: #fff;

  border: 1px solid #fff;

  color: #888;

  box-shadow: none;

}



.section-6-form input[type="text"].input-error,

.section-6-form textarea.input-error {

  border-color: #f35b3f;

}



.section-6-form input[type="text"]::-moz-placeholder,

.section-6-form textarea::-moz-placeholder {

  color: #ccc;

  font-style: italic;

}



.section-6-form input[type="text"]:-ms-input-placeholder,

.section-6-form textarea:-ms-input-placeholder {

  color: #ccc;

  font-style: italic;

}



.section-6-form input[type="text"]::-webkit-input-placeholder,

.section-6-form textarea::-webkit-input-placeholder {

  color: #ccc;

  font-style: italic;

}



.section-6-form button.btn-customized {

  padding: .75rem 1.5rem;

  background: #f35b3f;

  border: 0;

  border-radius: 4px;

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

  font-size: 16px;

  font-weight: 300;

  color: #fff;

  box-shadow: none;

}



.section-6-form button.btn-customized:hover,

.section-6-form button.btn-customized:active,

.section-6-form button.btn-customized:focus,

.section-6-form button.btn-customized:active:focus,

.section-6-form button.btn-customized.active:focus,

.section-6-form button.btn.btn-primary:not(:disabled):not(.disabled):active,

.section-6-form button.btn.btn-primary:not(:disabled):not(.disabled):active:focus {

  outline: 0;

  background: #cd533d;

  background: rgba(243, 91, 63, 0.7);

  border: 0;

  color: #fff;

  box-shadow: none;

}



.section-6-form button.btn-customized i {

  margin-right: 5px;

}



/* end contact form */



.section-6-social {

  padding-top: 20px;

}



.section-6-social a {

  display: inline-block;

  width: 46px;

  height: 46px;

  margin: 0 10px 10px 0;

  background: #fff;

  border: 0;

  border-radius: 50%;

  color: #555;

  text-align: center;

  line-height: 46px;

}



.section-6-social a:hover,

.section-6-social a:focus {

  background: #ccc;

  background: rgba(255, 255, 255, 0.5);

  border: 0;

  color: #555;

}





/***** Footer *****/



footer {

  padding: 40px 0;

}



.logo-header {

  width: 100px;

}



.open-menu-1 {

  position: fixed;

  top: 20px;

  z-index: 997;

}



.middle-1 {

  padding: 80px 90px 90px 90px;

  border-right: 1px solid rgb(62, 61, 61);

  height: 550px;

  background: #e6e5e1;

}



.middle {

  padding: 80px 90px 90px 90px;

  background: #e6e5e1;

}



.sage-video {

  bottom: 0px;

  background: #e6e5e1;

}



.sage-video video {

  width: 100%;

}



.hair-fall-1 img {

  width: 150px;

}



.hair-fall img {

  width: 100px;

  padding-top: 30px;

}



.hair-fall-content {

  padding: 80px;

}



.home-content {

  background: #e6e5e1

}



.center-text {

  padding: 80px 213px 80px 213px;

  background: #e6e5e1;

}



.contact-us-background {

  background: url(../assets/images/hair-cut.jpg)no-repeat top left;

  padding: 38px;

}



.carousel-indicators li {

  background-color: #444;

}



.carousel-indicators {

  top: 325px;

}



/* .map-sage{

  padding: 10px

} */

/* .map-sage iframe{

  border-radius: 50px

} */

/* Importing fonts from Google */

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap');



/* Reseting */







.owl-carousel .owl-item img {

  object-fit: cover;

  border-radius: 6px;

}



.owl-carousel .owl-item .card .name {

  position: absolute;

  top: 0px;

  width: 100%;

  color: #d60000;

  font-size: 1.1rem;

  font-weight: 600;

  background-color: #ffff;

  padding: 0.3rem 0.4rem;

  border-radius: 5px;

  box-shadow: 2px 3px 15px #3c405a;

}



.owl-carousel .owl-item .card {

  opacity: 2 !important;

  transform: scale3d(0.8, 0.8, 0.8);

  transition: all 0.3s ease-in-out;

  height: 230px !important;

}





.owl-carousel .owl-item.active.center .card {

  opacity: 1;

  transform: scale3d(1, 1, 1);

}



/* .owl-carousel .owl-dots {

    display: inline-block;

    width: 100%;

    text-align: center;

} */



.owl-theme .owl-dots .owl-dot span {

  height: 20px;

  background: #918a8a !important;

  border-radius: 2px !important;

  opacity: 0.8;

}



.owl-theme .owl-dots .owl-dot.active span,

.owl-theme .owl-dots .owl-dot:hover span {

  height: 13px;

  width: 13px;

  opacity: 1;

  transform: translateY(2px);

  background: #d60000 !important;

}



@media(min-width: 480.6px) and (max-width: 575.5px) {

  .owl-carousel .owl-item .card .name {

    left: 24%;

  }

}



@media(max-width: 360px) {

  .owl-carousel .owl-item .card .name {

    left: 30%;

  }

}





.why-sage img:hover {

  background: url(../images/contactus.jpg) no-repeat;

}



.card-body {

  height: 310px;

}



.card-title {

  padding-top: 10px;

  color: #fffbfb;

  font-weight: 600;

}



.center-text h1 {

  /* color: #d60000; */

  margin-top: 0;

  margin-bottom: 30px;

  font-family: Poppins, sans-serif;

  color: #000;

  /* font-size: 7.79vh; */

  line-height: .8;

  font-weight: 300;

  text-align: center;



}



.hair-fall p {

  font-weight: 500;

}



.background-sage {

  background: url(../images/update-background-1) no-repeat center center fixed;

  -webkit-background-size: cover;

  -moz-background-size: cover;

  -o-background-size: cover;

  background-size: cover;

  height: 500px;

}



.background-sage-1 {

  background: url(../images/update-background-2) no-repeat center center fixed;

  -webkit-background-size: cover;

  -moz-background-size: cover;

  -o-background-size: cover;

  background-size: cover;

  height: 500px;

}



.blog-1 {

  background: url(../assets/images/web_sat-ban-3.jpg) no-repeat center center fixed;

  -webkit-background-size: cover;

  -moz-background-size: cover;

  -o-background-size: cover;

  background-size: cover;

  height: 500px;

}



.gif-img {

  padding: 65px 100px 200px 100px;

}





.ft-jack {

  font-family: BlackJack;

  font-weight: 700;

}



.form-group label {

  text-align: left;

}



.footer-address h3 {

  color: #222;

  font-size: 25px;

  font-weight: 600;

}



.footer-address span {

  font-size: 10px;

}



.footer-contact {

  border-top: 1px solid black;

}



.footer-contact i {

  padding-left: 60px;

}



.mnb {

  position: relative;

  display: flex;

  align-items: center;

  justify-content: center;

  flex-warp: warp;

  padding: 10px;

}



.mnb .card {

  position: relative;

  max-width: 300px;

  height: 120px;

  background-color: #fff;

  margin: 30px 10px;

  padding: 20px 15px;



  display: flex;

  flex-direction: column;

  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.5);

  transition: 0.3s ease-in-out;

  border-radius: 15px;

}



.mnb .card:hover {

  height: 320px;

}





.mnb .card .image {

  position: relative;

  top: 10%;

  box-shadow: 0 5px 20px rgb(0 0 0 / 20%);

  z-index: 1;

  border-radius: 10px;

  background: #d60000;

}



.mnb .card .image img {

  max-width: 50%;

  border-radius: 15px;

}



.mnb .card .content {

  position: relative;

  top: 0px;

  padding: 10px 15px;

  color: #111;

  text-align: center;



  visibility: hidden;

  opacity: 0;

  transition: 0.3s ease-in-out;



}



.mnb .card:hover .content {

  margin-top: 30px;

  visibility: visible;

  opacity: 1;

  transition-delay: 0.2s;



}







.button-sec-2:hover {

  background: #cc0000;

  color: #ffff;

}



.button-sec-2 a {

  color: #000;

}



.btn-primary {

  color: #fff;

  background-color: #cc0000 !important;

  border-color: #cc0000 !important;

  padding: 10PX;

  width: 50%;

}



.contact-down-arrow img {

  width: 5%;

}





.heading {

  text-align: center;

  color: #454343;

  font-size: 30px;

  font-weight: 700;

  position: relative;

  margin-bottom: 70px;

  text-transform: uppercase;

  z-index: 999;

}



.white-heading {

  color: #ffffff;

}



.heading:after {

  content: ' ';

  position: absolute;

  top: 100%;

  left: 50%;

  height: 40px;

  width: 180px;

  border-radius: 4px;

  transform: translateX(-50%);

  background: url(img/heading-line.png);

  background-repeat: no-repeat;

  background-position: center;

}



.white-heading:after {

  /* background: url(assets/images/logo-menu.png); */

  background-repeat: no-repeat;

  background-position: center;

}



.heading span {

  font-size: 18px;

  display: block;

  font-weight: 500;

}



.white-heading span {

  color: #ffffff;

}



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



.testimonial:after {

  position: absolute;

  top: -0 !important;

  left: 0;

  content: " ";

  background: url(img/testimonial.bg-top.png);

  background-size: 100% 100px;

  width: 100%;

  height: 100px;

  float: left;

  z-index: 99;

}



.testimonial {

  min-height: 375px;

  position: relative;

  background: url(../assets/images/testimonial-background.jpg);

  background-color: #454343;

  padding-top: 50px;

  padding-bottom: 50px;

  background-position: center;

  background-size: cover;

}



#testimonial4 .carousel-inner:hover {

  cursor: -moz-grab;

  cursor: -webkit-grab;

}



#testimonial4 .carousel-inner:active {

  cursor: -moz-grabbing;

  cursor: -webkit-grabbing;

}



#testimonial4 .carousel-inner .item {

  overflow: hidden;

}



.testimonial4_indicators .carousel-indicators {

  left: 0;

  margin: 0;

  width: 100%;

  font-size: 0;

  height: 20px;

  bottom: 15px;

  padding: 0 5px;

  cursor: e-resize;

  overflow-x: auto;

  overflow-y: hidden;

  position: absolute;

  text-align: center;

  white-space: nowrap;

}



.testimonial4_indicators .carousel-indicators li {

  padding: 0;

  width: 14px;

  height: 14px;

  border: none;

  text-indent: 0;

  margin: 2px 3px;

  cursor: pointer;

  display: inline-block;

  background: #ffffff;

  -webkit-border-radius: 100%;

  border-radius: 100%;

}



.testimonial4_indicators .carousel-indicators .active {

  padding: 0;

  width: 14px;

  height: 14px;

  border: none;

  margin: 2px 3px;

  background-color: #9dd3af;

  -webkit-border-radius: 100%;

  border-radius: 100%;

}



.testimonial4_indicators .carousel-indicators::-webkit-scrollbar {

  height: 3px;

}



.testimonial4_indicators .carousel-indicators::-webkit-scrollbar-thumb {

  background: #eeeeee;

  -webkit-border-radius: 0;

  border-radius: 0;

}



.testimonial4_control_button .carousel-control {

  top: 175px;

  opacity: 1;

  width: 40px;

  bottom: auto;

  height: 40px;

  font-size: 10px;

  cursor: pointer;

  font-weight: 700;

  overflow: hidden;

  line-height: 38px;

  text-shadow: none;

  text-align: center;

  position: absolute;

  background: transparent;

  border: 2px solid #ffffff;

  text-transform: uppercase;

  -webkit-border-radius: 100%;

  border-radius: 100%;

  -webkit-box-shadow: none;

  box-shadow: none;

  -webkit-transition: all 0.6s cubic-bezier(0.3, 1, 0, 1);

  transition: all 0.6s cubic-bezier(0.3, 1, 0, 1);

}



.testimonial4_control_button .carousel-control.left {

  left: 7%;

  top: 50%;

  right: auto;

}



.testimonial4_control_button .carousel-control.right {

  right: 7%;

  top: 50%;

  left: auto;

}



.testimonial4_control_button .carousel-control.left:hover,

.testimonial4_control_button .carousel-control.right:hover {

  color: #000;

  background: #fff;

  border: 2px solid #fff;

}



.testimonial4_header {

  top: 0;

  left: 0;

  bottom: 0;

  width: 550px;

  display: block;

  margin: 30px auto;

  text-align: center;

  position: relative;

}



.testimonial4_header h4 {

  color: #ffffff;

  font-size: 30px;

  font-weight: 600;

  position: relative;

  letter-spacing: 1px;

  text-transform: uppercase;

}



.testimonial4_slide {

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  width: 70%;

  margin: auto;

  padding: 20px;

  position: relative;

  text-align: center;

}



.testimonial4_slide img {

  top: 0;

  left: 0;

  right: 0;

  height: 136px;

  margin: auto;

  display: block;

  color: #f2f2f2;

  font-size: 18px;

  line-height: 46px;

  text-align: center;

  position: relative;

  border-radius: 50%;

  /* box-shadow: -6px 6px 6px rgba(0, 0, 0, 0.23);

  -moz-box-shadow: -6px 6px 6px rgba(0, 0, 0, 0.23);

  -o-box-shadow: -6px 6px 6px rgba(0, 0, 0, 0.23);

  -webkit-box-shadow: -6px 6px 6px rgba(0, 0, 0, 0.23); */

}



.testimonial4_slide p {

  color: #ffffff;

  font-size: 20px;

  line-height: 1.4;

  margin: 40px 0 20px 0;

}



.testimonial4_slide h4 {

  color: #ffffff;

  font-size: 22px;

}



.testimonial .carousel {

  padding-bottom: 50px;

}



.testimonial .carousel-control-next-icon,

.testimonial .carousel-control-prev-icon {

  width: 35px;

  height: 35px;

}



.why-sage-1 h1 {

  color: white;

}



.testimonial-1 p {

  font-size: 18px;

  padding: 20px;

}



.testimonial-1 p {

  font-size: 18px;

  padding: 63px 20px 20px 20px;

}



.contact-us {

  padding: 10px;

}



.contact-us h1 {

  padding: 10px;

}



.contact-us img {

  width: 17%;
  padding-bottom: 10px;

}



.middle-3 {

  padding: 80px 90px 90px 90px;

  border-right: 1px solid rgb(62, 61, 61);

  height: 550px;

  background: #ffffff;

}



.sticky-header animated slideInDown .main-menu .navigation>li {

  position: relative;

  margin: 17px 0px 0px 44px;

  padding: 20px 20px;

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}



.about-us-background {

  background: #e6e5e1;

}



.sage-section-1 {

  padding: 60px 90px 70px 90px;

}



.about-us-background-2 {

  background: url(../assets/images/about-us-background.jpg)no-repeat top left;

}



.middle-4 {

  padding: 60px 90px 70px 90px;

  background: #ffffff;

}



.middle-4 h1 {

  /* color: #000; */

  font-size: 4.50vh;

  line-height: 1.4;

  font-weight: 300;

  padding-bottom: 30px;

  /* padding-top: 70px; */

}



.middle-5 {

  padding: 25px 0px 20px 0px;

}



.franchise {

  background: #e6e5e1;

  padding: 10px;

}



.franchise-content h3{

  margin-top: 0;

  margin-bottom: 30px;

  font-family: Poppins,sans-serif;

  color: #000;

  font-size: 5.79vh;

  font-weight: 300;

  text-align: center;

}

.franchise-content p {

  justify-content: center;

  padding-top: 15px;

}

.franchise-2 {

  background: #ffffff;

  padding: 10px;

}



.blog-back-white {

  background: white;

}



.background-color-theme {

  background: #e6e5e1;

}



.blog-content {

  padding: 80px 90px 90px 90px;

  border-right: 1px solid rgb(62, 61, 61);

  background: white;

}



.blog-content-2 {

  padding: 80px 90px 90px 90px;

  background: white;

}



.franchise h2 {

  padding: 15px 0px;

}



.why-sage-slide {

  background: url(../assets/images/home-why-sage.jpg) no-repeat top right;

}



.why-sage-img {

  padding: 15px 70px 20px 70px;

}



.why-sage-content {

  padding: 50px;

}



.why-sage-content h2 {

  color: white;

  padding-top: 20px;

}



.why-sage-content p {

  color: white;

  padding-top: 20px;

}



.label-head {

  float: left;

  font-size: 17px;

  font-weight: 500;

  color: #555;





}



#label-clm {

  border: 35px;

  overflow: visible;

  block-size: 35px;

  inline-size: inherit;



}



#label-sub {

  border: 35px;

  overflow: visible;

  block-size: 120px;

  inline-size: inherit;

}



#submit {

  background-color: red;

  color: white;

  block-size: 35px;

  inline-size: inherit;



} 

.form-control{

  padding: 5px;

  /* margin: 0px 0px 30px 0px; */

}

.franchise-form{

  padding-top: 25px;

}

.franchise h3 {

  margin-top: 30px;

  margin-bottom: 30px;

  font-family: Poppins,sans-serif;

  color: #000;

  font-size: 5.79vh;

  font-weight: 300;

  text-align: center;

}

.modal-head center img {

  float: left;

  width: 80%;

  padding: 10px;

}

.modal-head button{

  padding: 20px;

}

.appointment-btn{

  background: #d60000;

  color: white;

  font-weight: 700;

}

.appointment-btn:hover{

  background: white;

  color:#d60000;

  box-shadow: 0 5px 10px rgba(0, 0, 0, .20);

  font-weight: 700;

}

.my-iframe .gm-style .place-card-large {

  display: none !important;

}





.main-menu .navigation > li {

  position: relative;

  margin-right: 25px;

  padding: 20px 0;

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}

.main-menu .navigation > li.dropdown > span {

  padding-right: 10px;

}

.main-menu .navigation > li > span, .main-menu .navigation > li > a {

  position: relative;

  display: block;

  text-align: center;

  opacity: 1;

  font-size: 14px;

  line-height: 30px;

  font-weight: 600;

  color: #222222;

  cursor: pointer;

  text-transform: uppercase;

  font-family: "Open Sans", sans-serif;

  -webkit-transition: all 300ms ease;

  transition: all 300ms ease;

}

.main-menu .navigation > li.dropdown > span:after {

  position: absolute;

  right: -2px;

  top: 50%;

  margin-top: -10px;

  font-family: "Font Awesome 5 Free";

  content: "\f0d7";

  display: block;

  line-height: 20px;

  font-size: 12px;

  font-weight: 900;

  color: #222222;

  z-index: 5;

}

.header-highlight a {

  color: black;

}

.main-menu .navigation > li > ul {

  position: absolute;

  top: 100%;

  left: -15px;

  background-color: #fff;

  border-radius: 8px;

  padding: 10px 0;

  opacity: 0;

  z-index: 99;

  min-width: 200px;

  -webkit-transition: all 0.5s;

  transition: all 0.5s;

  -webkit-transform: translateY(50px);

  transform: translateY(50px);

  -ms-box-shadow: 0px 7px 10px -1px rgba(0, 0, 0, 0.2);

  -o-box-shadow: 0px 7px 10px -1px rgba(0, 0, 0, 0.2);

  box-shadow: 0px 7px 10px -1px rgb(0 0 0 / 20%);

}



.main-menu .navigation > li > ul, .main-menu .navigation > li > ul > li > ul, .main-menu .navigation > li > .mega-menu {

  display: block !important;

  visibility: hidden;

  opacity: 0;

}

.main-menu .navigation > li > ul:before {

  position: absolute;

  left: 20px;

  top: -8px;

  border-left: 8px solid transparent;

  border-right: 8px solid transparent;

  border-bottom: 8px solid #ffffff;

  content: "";

}

.main-menu .navigation > li > ul > li {

  position: relative;

  display: block;

  z-index: 1;

}

.main-menu .navigation > li > ul > li > span, .main-menu .navigation > li > ul > li > a {

  position: relative;

  display: block;

  padding: 10px 30px;

  z-index: 1;

  font-weight: 600;

  font-size: 16px;

  line-height: 20px;

  color: #363636;

  white-space: nowrap;

  text-transform: capitalize;

  cursor: pointer;

  -webkit-transition: all 0.3s ease;

  transition: all 0.3s ease;

}

.about-services{

  padding: 80px 0px;

}

.about-services ul li{

text-align: left;

color: #000;

list-style: auto;

}

.services-img{

  background: url(../assets/images/service-1.jpg) no-repeat left top;

  width: 100%;

  background-position: center;

  background-size: cover;

}

.services-benefits{

  background: url(../assets/images/service-2.jpg) no-repeat left top;

  width: 100%;

  background-position: center;

  background-size: cover;

}

.accordion-services .accordion .accordion-item{

  background: #e6e5e1;

}

.accordion-services{

  padding: 80px 90px;

  background: #e6e5e1;

}

.accordion-services .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) {

  color:  #666666 !important;

  background-color: white !important;

}

.bridal-content {

  padding: 80px 90px 90px 90px;

  border-left: 1px solid rgb(62, 61, 61);

  height: 560px;

}

.bridal-accordion-header button{

  background: #f9f9f9;

}
.whatsapp-int {
  position: fixed;
  bottom: 10px;
  margin-bottom: 25px;
  right: 5px;
  z-index: 200;
  margin-right: 20px;
  height: 55px;
  width: 55px;
}