/* ================================================================
   GLOBAL CSS
   Combined into main.css - original rules preserved
================================================================ */

/* NextBit HTML Template */

/************ TABLE OF CONTENTS ***************
1. Fonts
2. Reset
3. Global
4. Main Header / Style Two
5. Banner Section / Style Two
6. Appointment Section / Two
7. Services Section / Two
8. Pricing Section / Two
9. Facility Section
10. Internet Section / Two
11. Testimonial Section
12. Clients Section
13. Featured Section
14. Store Section
15. CTA Section
16. Main Footer Section
17. Network Section
18. Faq Section
19. Streming Section
20. News Section
21. Page Title Section
22. Team Section
23. Movie Section
24. Services Detail Page Section
25. Services Widgets Section
26. Oir Products Section
27. Shop Detail Section
28. Cart Section
29. Checkout Section
30. Blog Detail Section
31. Blog Sidebar Widgets
32. Not Found / 404
33. Contact Info Section
34. Map Section
35. Contact Form Section

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

/* 

	font-family: 'Poppins', sans-serif;
	font-family: 'Jost', sans-serif;
	
*/

/*** 

====================================================================
	Root Code Variables
====================================================================

 ***/

/* Theme Color */

:root {
	
	/* #df0303 in decimal RGB */
  --main-color: rgb(223,3,3);
  
  /* #010c3a in decimal RGB */
  --main-color-two: rgb(1,12,58);
  
  /* #002d5b in decimal RGB */
  --main-color-three: rgb(0,45,91);
  
  /* #ff6206 in decimal RGB */
  --main-color-four: rgb(255,98,6);
  
  /* #f28e27 in decimal RGB */
  --main-color-five: rgb(242,142,39);
  
  /* #173fcf in decimal RGB */
  --main-color-six: rgb(23,63,207);
  
  /* #e503ee in decimal RGB */
  --main-color-seven: rgb(229,3,238);
  
  /* #FFF1FF in decimal RGB */
  --main-color-eight: rgb(255,241,255);
  
  /* #15005f in decimal RGB */
  --main-color-nine: rgb(21,0,95);
  
  /* #00caff in decimal RGB */
  --main-color-ten: rgb(0,202,255);
  
  /* #013eff in decimal RGB */
  --main-color-eleven: rgb(1,62,255);
  
  /* #D54022 in decimal RGB */
  --main-color-twelve: rgb(213,64,31);
  
  /* #189cfc in decimal RGB */
  --main-color-thirteen: rgb(24,156,252);
  
  /* #333333 in decimal RGB */
  --main-color-fourteen: rgb(51,51,51);
  
  /* #e62a5b in decimal RGB */
  --main-color-fifteen: rgb(230,42,91);
  
  /* #bb0b0b in decimal RGB */
  --main-color-sixteen: rgb(187,11,11);
  
  /* #432568 in decimal RGB */
  --main-color-seventeen: rgb(67,37,104);
  
  /* #e52a5b in decimal RGB */
  --main-color-eighteen: rgb(229,42,91);
  
  /* #e92a5b in decimal RGB */
  --main-color-nineteen: rgb(233,42,91);
  
  /* #444445 in decimal RGB */
  --main-color-twenty: rgb(68,68,69);
  
  /* #777778 in decimal RGB */
  --main-color-twentyone: rgb(119,119,120);
  
  /* #322668 in decimal RGB */
  --main-color-twentytwo: rgb(50,38,104);
  
  
  
  
  
  
  
  
  
  /* #00162b in decimal RGBA */
  --main-color-rgba: rgb(223,3,3,0.40);
  
  /* #ffffff in decimal RGB */
  --white-color:rgb(255,255,255);
  
  /* #ffffff in decimal RGBA */
  --white-color-opicity:rgba(255,255,255,0.80);
  
  /* #ffffff in decimal RGBA Two */
  --white-color-opicity-two:rgba(255,255,255,0.40);
  
  /* #ffffff in decimal RGBA Three */
  --white-color-opicity-three:rgba(255,255,255,0.20);
  
  /* #000000 in decimal RGB */
  --black-color:rgb(0,0,0);
  
  /* #ffffff in decimal RGBA Two */
  --black-color-opicity:rgba(0,0,0,0.80);
  
  /* #ffffff in decimal RGBA Three */
  --black-color-opicity-two:rgba(0,0,0,0.40);
  
  /* #252525 in decimal RGB */
  --dark-color:rgb(37,37,37);
  
  /* #222222 in decimal RGB */
  --dark-color-two:rgb(34,34,34);
  
  /* #000522 in decimal RGB */
  --dark-color-three:rgb(0,5,34);
  
  /* #010101 Heading Color in decimal RGB */
  --heading-color:rgb(1,1,1);
  
  /* #010101 Dark Color Two in decimal RGB */
  --dark-color-two:rgb(1,1,1);
  
  /* #060b13 Dark Color Two in decimal RGB */
  --dark-color-three:rgb(6,11,19);
  
  /* #010048 Dark Color Two in decimal RGB */
  --dark-color-four:rgb(1,0,72);
  
  /* #0E163D in decimal RGB */
  --dark-color-five:rgb(14,22,61);
  
  /* #0B1339 in decimal RGB */
  --dark-color-six:rgb(11,19,57);
  
  /* #070D31 in decimal RGB */
  --dark-color-seven:rgb(7,13,49);
  
  /* #181F43 in decimal RGB */
  --dark-color-eight:rgb(24,31,67);
  
  /* Fonts */
  --font-family-poppins: 'Poppins', sans-serif;
  --font-family-Jost: 'Jost', sans-serif;
  
  --font-family-DM-Sans: 'DM Sans', sans-serif;
  --font-family-Sen: 'Sen', sans-serif;
  
/* Fonts Size's */
  
  --font-10: 10px;
  --font-12: 12px;
  --font-13: 13px;
  --font-14: 14px;
  --font-15: 15px;
  --font-16: 16px;
  --font-18: 18px;
  --font-20: 20px;
  --font-22: 22px;
  --font-24: 24px;
  --font-26: 26px;
  --font-28: 28px;
  --font-30: 30px;
  --font-34: 34px;
  --font-36: 36px;
  --font-40: 40px;
  --font-42: 42px;
  --font-44: 44px;
  --font-48: 48px;
  --font-50: 50px;
  --font-52: 52px;
  --font-54: 54px;
  --font-56: 56px;
  --font-58: 58px;
  --font-60: 60px;
  --font-62: 62px;
  --font-64: 64px;
  --font-65: 65px;
  --font-66: 66px;
  --font-68: 68px;
  --font-70: 70px;
  --font-72: 72px;
  --font-74: 74px;
  --font-76: 76px;
  --font-78: 78px;
  --font-80: 80px;
  --font-90: 90px;
  --font-100: 100px;
  --font-110: 110px;
  --font-120: 120px;
  --font-150: 150px;
  --font-200: 200px;
  
  --margin-zero: 0px;
  
  /* Margin Left Variables */
  --margin-left-5: 5px;
  --margin-left-10: 10px;
  --margin-left-15: 15px;
  --margin-left-20: 20px;
  --margin-left-25: 25px;
  --margin-left-30: 30px;
  --margin-left-35: 35px;
  --margin-left-40: 40px;
  --margin-left-45: 45px;
  --margin-left-50: 50px;
  --margin-left-55: 55px;
  --margin-left-60: 60px;
  --margin-left-65: 65px;
  --margin-left-70: 70px;
  --margin-left-75: 75px;
  --margin-left-80: 80px;
  --margin-left-85: 85px;
  --margin-left-90: 90px;
  --margin-left-95: 95px;
  --margin-left-100: 100px;
  
  /* Margin Top Variables */
  --margin-top-5: 5px;
  --margin-top-10: 10px;
  --margin-top-15: 15px;
  --margin-top-20: 20px;
  --margin-top-25: 25px;
  --margin-top-30: 30px;
  --margin-top-35: 35px;
  --margin-top-40: 40px;
  --margin-top-45: 45px;
  --margin-top-50: 50px;
  --margin-top-55: 55px;
  --margin-top-60: 60px;
  --margin-top-65: 65px;
  --margin-top-70: 70px;
  --margin-top-75: 75px;
  --margin-top-80: 80px;
  --margin-top-85: 85px;
  --margin-top-90: 90px;
  --margin-top-95: 95px;
  --margin-top-100: 100px;
  
  /* Margin Right Variables */
  --margin-right-5: 5px;
  --margin-right-10: 10px;
  --margin-right-15: 15px;
  --margin-right-20: 20px;
  --margin-right-25: 25px;
  --margin-right-30: 30px;
  --margin-right-35: 35px;
  --margin-right-40: 40px;
  --margin-right-45: 45px;
  --margin-right-50: 50px;
  --margin-right-55: 55px;
  --margin-right-60: 60px;
  --margin-right-65: 65px;
  --margin-right-70: 70px;
  --margin-right-75: 75px;
  --margin-right-80: 80px;
  --margin-right-85: 85px;
  --margin-right-90: 90px;
  --margin-right-95: 95px;
  --margin-right-100: 100px;
  --margin-right-110: 110px;
  
  /* Margin Bottom Variables */
  --margin-bottom-5: 5px;
  --margin-bottom-10: 10px;
  --margin-bottom-15: 15px;
  --margin-bottom-20: 20px;
  --margin-bottom-25: 25px;
  --margin-bottom-30: 30px;
  --margin-bottom-35: 35px;
  --margin-bottom-40: 40px;
  --margin-bottom-45: 45px;
  --margin-bottom-50: 50px;
  --margin-bottom-55: 55px;
  --margin-bottom-60: 60px;
  --margin-bottom-65: 65px;
  --margin-bottom-70: 70px;
  --margin-bottom-75: 75px;
  --margin-bottom-80: 80px;
  --margin-bottom-85: 85px;
  --margin-bottom-90: 90px;
  --margin-bottom-95: 95px;
  --margin-bottom-100: 100px;
  --margin-bottom-150: 150px;
  --margin-bottom-200: 200px;
  
  
  --padding-zero: 0px;
  
  /* Padding Left Variables */
  --padding-left-5: 5px;
  --padding-left-10: 10px;
  --padding-left-15: 15px;
  --padding-left-20: 20px;
  --padding-left-25: 25px;
  --padding-left-30: 30px;
  --padding-left-35: 35px;
  --padding-left-40: 40px;
  --padding-left-45: 45px;
  --padding-left-50: 50px;
  --padding-left-55: 55px;
  --padding-left-60: 60px;
  --padding-left-65: 65px;
  --padding-left-70: 70px;
  --padding-left-75: 75px;
  --padding-left-80: 80px;
  --padding-left-85: 85px;
  --padding-left-90: 90px;
  --padding-left-95: 95px;
  --padding-left-100: 100px;
  --padding-left-100: 110px;
  --padding-left-120: 120px;
  --padding-left-130: 130px;
  --padding-left-140: 140px;
  --padding-left-150: 150px;
  --padding-left-160: 160px;
  --padding-left-170: 170px;
  --padding-left-180: 180px;
  --padding-left-190: 190px;
  --padding-left-200: 200px;
  --padding-left-240: 240px;
  --padding-left-290: 290px;
  
  /* Padding Top Variables */
  --padding-top-5: 5px;
  --padding-top-10: 10px;
  --padding-top-15: 15px;
  --padding-top-20: 20px;
  --padding-top-25: 25px;
  --padding-top-30: 30px;
  --padding-top-35: 35px;
  --padding-top-40: 40px;
  --padding-top-45: 45px;
  --padding-top-50: 50px;
  --padding-top-55: 55px;
  --padding-top-60: 60px;
  --padding-top-65: 65px;
  --padding-top-70: 70px;
  --padding-top-75: 75px;
  --padding-top-80: 80px;
  --padding-top-85: 85px;
  --padding-top-90: 90px;
  --padding-top-95: 95px;
  --padding-top-100: 100px;
  --padding-top-110: 110px;
  --padding-top-120: 120px;
  --padding-top-130: 130px;
  --padding-top-140: 140px;
  --padding-top-150: 150px;
  --padding-top-200: 200px;
  
  /* Padding Right Variables */
  --padding-right-5: 5px;
  --padding-right-10: 10px;
  --padding-right-15: 15px;
  --padding-right-20: 20px;
  --padding-right-25: 25px;
  --padding-right-30: 30px;
  --padding-right-35: 35px;
  --padding-right-40: 40px;
  --padding-right-45: 45px;
  --padding-right-50: 50px;
  --padding-right-55: 55px;
  --padding-right-60: 60px;
  --padding-right-65: 65px;
  --padding-right-70: 70px;
  --padding-right-75: 75px;
  --padding-right-80: 80px;
  --padding-right-85: 85px;
  --padding-right-90: 90px;
  --padding-right-95: 95px;
  --padding-right-100: 100px;
  --padding-right-110: 110px;
  --padding-right-150: 150px;
  --padding-right-160: 160px;
  --padding-right-170: 170px;
  --padding-right-180: 180px;
  --padding-right-200: 200px;
  --padding-right-220: 220px;
  --padding-right-240: 240px;
  --padding-right-250: 250px;
  --padding-right-260: 260px;
  
  /* Padding Bottom Variables */
  --padding-bottom-5: 5px;
  --padding-bottom-10: 10px;
  --padding-bottom-15: 15px;
  --padding-bottom-20: 20px;
  --padding-bottom-25: 25px;
  --padding-bottom-30: 30px;
  --padding-bottom-35: 35px;
  --padding-bottom-40: 40px;
  --padding-bottom-45: 45px;
  --padding-bottom-50: 50px;
  --padding-bottom-55: 55px;
  --padding-bottom-60: 60px;
  --padding-bottom-65: 65px;
  --padding-bottom-70: 70px;
  --padding-bottom-75: 75px;
  --padding-bottom-80: 80px;
  --padding-bottom-85: 85px;
  --padding-bottom-90: 90px;
  --padding-bottom-95: 95px;
  --padding-bottom-100: 100px;
  --padding-bottom-150: 150px;
  --padding-bottom-200: 200px;
  --padding-bottom-250: 250px;
  
}

/*** 

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

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

/*** 

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

***/

body {
	font-family: var(--font-family-poppins);
	font-size:14px;
	color:var(--dark-color);
	line-height:1.6em;
	font-weight:400;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
}

.dark-body{
	background-color:var(--dark-color-three);
}

.theme-bg-color{
	background-color:#002d5b;
}

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

a{
	text-decoration:none;
	cursor:pointer;
	color:var(--main-color);
}

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

h1,h2,h3,h4,h5,h6 {
	position:relative;
	margin:0px;
	background:none;
	font-weight:700;
	color:var(--heading-color);
	font-family:var(--font-family-poppins);
}

input,button,select,textarea{
	
}

textarea{
	overflow:hidden;
}

a{
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.text,
p{
	position:relative;
	line-height:1.8em;
	font-size:var(--font-15);
	color:var(--dark-color);
	font-family: var(--font-family-poppins);
}

/* Typography */

h1{
	line-height:1.1em;
	font-size:var(--font-80);
}

h2{
	line-height:1.2em;
	font-size:var(--font-42);
}

h3{
	line-height:1.3em;
	font-size:var(--font-36);
}

h4{
	line-height:1.4em;
	font-size:var(--font-24);
}

h5{
	line-height:1.4em;
	font-size:var(--font-22);
}

h6{
	line-height:1.6em;
	font-size:var(--font-18);
}

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

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

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

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

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

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

.centered{
	text-align:center;	
}

::-webkit-input-placeholder{color: inherit;}
::-moz-input-placeholder{color: inherit;}
::-ms-input-placeholder{color: inherit;}

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

/***

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

***/

.scroll-to-top{
	position:fixed;
	bottom:15px;
	right:15px;
	width:40px;
	height:40px;
	color:var(--main-color);
	font-size:var(--font-16);
	text-transform:uppercase;
	line-height:38px;
	text-align:center;
	z-index:100;
	cursor:pointer;
	background:var(--white-color);
	display:none;
	box-shadow:0px 0px 10px rgba(0,0,0,0.15);
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.scroll-to-top:hover{
	color:var(--white-color);
	background:var(--main-color);
}

/* List Style One */

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

.list-style-one li{
	position:relative;
	font-weight:400;
	line-height:1.8em;
	color:var(--white-color);
	font-size:var(--font-14);
	margin-bottom:var(--margin-bottom-10);
	padding-left:var(--padding-left-30);
}

.list-style-one li a{
	position:relative;
	color:var(--white-color);
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
}

.list-style-one li a:hover{
	color:var(--main-color);
}

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

/* List Style Two */

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

.list-style-two li{
	position:relative;
	font-weight:400;
	line-height:1.8em;
	color:var(--dark-color);
	font-size:var(--font-14);
	margin-bottom:var(--margin-bottom-5);
	padding-left:var(--padding-left-30);
}

.list-style-two li:before{
	position:absolute;
	left:0px;
	content: "\f187";
	font-weight:600;
	color:var(--main-color);
	font-family: "Flaticon";
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
}

/* Btn Style One */

.btn-style-one{
	position: relative;
	display: inline-grid;
	font-size: var(--font-16);
	line-height: 30px;
	color: var(--white-color);
	font-weight: 600;
	overflow: hidden;
	background:none;
	text-align:center;
	border-radius:4px;
	padding: 14px 42px 14px;
	text-transform: capitalize;
	background-color:var(--main-color);
}

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

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

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

.btn-style-one:hover{
	color:var(--main-color-two);
}

/* Btn Style Two */

.btn-style-two{
	position: relative;
	line-height: 30px;
	font-weight:500;
	overflow: hidden;
	background:none;
	text-align:center;
	border-radius:3px;
	display: inline-grid;
	padding: 13px 40px 13px;
	font-size: var(--font-16);
	text-transform: capitalize;
	color: var(--white-color);
	background-color:var(--main-color);
}

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

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

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

.btn-style-two i{
	position:relative;
	top:2px;
	font-style:normal;
	line-height:1em;
	margin-left:5px;
}

.btn-style-two:hover{
	color:var(--main-color-two);
}

/* Btn Style Three */

.btn-style-three{
	position: relative;
	line-height: 30px;
	font-weight:500;
	overflow: hidden;
	background:none;
	text-align:center;
	border-radius:3px;
	display: inline-grid;
	padding: 13px 35px 13px;
	font-size: var(--font-16);
	text-transform: capitalize;
	color: var(--main-color);
	background-color:var(--white-color);
}

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

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

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

.btn-style-three i{
	position:relative;
	top:2px;
	font-style:normal;
	line-height:1em;
	margin-left:5px;
}

.btn-style-three:hover{
	color:var(--white-color);
}

/* Btn Style Four */

.btn-style-four{
	position: relative;
	line-height: 30px;
	font-weight:500;
	overflow: hidden;
	background:none;
	text-align:center;
	border-radius:3px;
	display: inline-grid;
	padding: 13px 40px 13px;
	font-size: var(--font-16);
	text-transform: capitalize;
	color: var(--white-color);
	background-color:var(--main-color);
}

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

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

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

.btn-style-four i{
	position:relative;
	top:2px;
	font-style:normal;
	line-height:1em;
	margin-left:5px;
}

.btn-style-four:hover{
	color:var(--white-color);
}

/* Btn Style Five */

.btn-style-five{
	position: relative;
	line-height: 30px;
	font-weight:500;
	overflow: hidden;
	background:none;
	text-align:center;
	border-radius:3px;
	display: inline-grid;
	padding: 13px 44px 13px;
	font-size: var(--font-16);
	text-transform: capitalize;
	color: var(--white-color);
	background-color:var(--main-color-two);
}

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

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

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

.btn-style-five i{
	position:relative;
	top:2px;
	font-style:normal;
	line-height:1em;
	margin-left:5px;
}

.btn-style-five:hover{
	color:var(--main-color);
}

/* Btn Style Six */

.btn-style-six{
	position: relative;
	line-height: 30px;
	font-weight:500;
	overflow: hidden;
	background:none;
	text-align:center;
	border-radius:0px 8px 0px 8px;
	display: inline-grid;
	padding: 13px 44px 13px;
	font-size: var(--font-16);
	text-transform: capitalize;
	color: var(--white-color);
	background-color:var(--main-color);
}

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

.btn-style-six:before{
	webkit-transition-duration: 800ms;
	transition-duration: 800ms;
	position: absolute;
	width: 200%;
	height: 200%;
	content: "";
	top: 110%;
	left: 50%;
	background-color: var(--white-color);
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	border-radius: 50%;
	z-index: 1;
}

.btn-style-six:hover{
	color:var(--main-color);
}

.btn-style-six:hover:before{
  top: -40%;
}

/* Btn Style Seven */

.btn-style-seven{
	position: relative;
	line-height: 30px;
	font-weight:500;
	overflow: hidden;
	background:none;
	text-align:center;
	border-radius:0px 8px 0px 8px;
	display: inline-grid;
	padding: 13px 38px 13px;
	font-size: var(--font-16);
	text-transform: capitalize;
	color: var(--white-color);
	
	background: var(--main-color-four);
	background: -webkit-linear-gradient(to right, var(--main-color-four) 0%, var(--main-color-five) 100%);
	background: -moz-linear-gradient(to right, var(--main-color-four) 0%, var(--main-color-five) 100%);
	background: linear-gradient(to right, var(--main-color-four) 0%, var(--main-color-five) 100%);
}

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

.btn-style-seven:before{
	webkit-transition-duration: 800ms;
	transition-duration: 800ms;
	position: absolute;
	width: 200%;
	height: 200%;
	content: "";
	top: 110%;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	border-radius: 50%;
	z-index: 1;
	
	background: var(--main-color-two);
	
	/* background: var(--main-color-four);
	background: -webkit-linear-gradient(to left, var(--main-color-four) 0%, var(--main-color-five) 100%);
	background: -moz-linear-gradient(to left, var(--main-color-four) 0%, var(--main-color-five) 100%);
	background: linear-gradient(to left, var(--main-color-four) 0%, var(--main-color-five) 100%); */
}

.btn-style-seven:hover{
	color:var(--white-color);
}

.btn-style-seven:hover:before{
	top: -40%;
}

/* Btn Style Eight */

.btn-style-eight{
	position: relative;
	line-height: 30px;
	font-weight:500;
	overflow: hidden;
	background:none;
	text-align:center;
	display: inline-grid;
	padding: 11px 38px 11px;
	font-size: var(--font-16);
	text-transform: capitalize;
	color: var(--main-color-four);
	border-radius:0px 7px 0px 7px;
	border:1px solid var(--main-color-four);
}

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

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

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

.btn-style-eight i{
	position:relative;
	top:2px;
	font-style:normal;
	line-height:1em;
	margin-left:5px;
}

.btn-style-eight:hover{
	color:var(--white-color);
}

/* Btn Style Nine */

.btn-style-nine{
	position: relative;
	line-height: 30px;
	font-weight:500;
	overflow: hidden;
	background:none;
	text-align:center;
	border-radius:3px;
	display: inline-grid;
	padding: 14px 36px;
	font-size: var(--font-16);
	text-transform: capitalize;
	color: var(--white-color);
	background: var(--main-color-six);
	background: -webkit-linear-gradient(to right, var(--main-color-six) 0%, var(--main-color-seven) 100%);
	background: -moz-linear-gradient(to right, var(--main-color-six) 0%, var(--main-color-seven) 100%);
	background: linear-gradient(to right, var(--main-color-six) 0%, var(--main-color-seven) 100%);
}

.btn-style-nine:before{
	position: absolute;
	content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    -webkit-transform: scale(0.2, 1);
    transform: scale(0.2, 1);
	background: var(--main-color-six);
	background: -webkit-linear-gradient(to left, var(--main-color-six) 0%, var(--main-color-seven) 100%);
	background: -moz-linear-gradient(to left, var(--main-color-six) 0%, var(--main-color-seven) 100%);
	background: linear-gradient(to left, var(--main-color-six) 0%, var(--main-color-seven) 100%);
}

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

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

.btn-style-nine i{
	position:relative;
	top:2px;
	font-style:normal;
	line-height:1em;
	margin-left:5px;
	transform:rotate(-45deg);
	display:inline-block;
	-webkit-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transition:all 500ms ease;
}

.btn-style-nine:hover{
	color:var(--white-color);
}

.btn-style-nine:hover i{
	transform:rotate(0deg);
}

/* Btn Style Ten */

.btn-style-ten{
	position: relative;
	line-height: 30px;
	font-weight:500;
	overflow: hidden;
	background:none;
	text-align:center;
	border-radius:3px;
	display: inline-grid;
	padding: 14px 36px;
	font-size: var(--font-16);
	text-transform: capitalize;
	color: var(--white-color);
	background: var(--main-color-six);
	background: -webkit-linear-gradient(to right, var(--main-color-six) 0%, var(--main-color-seven) 100%);
	background: -moz-linear-gradient(to right, var(--main-color-six) 0%, var(--main-color-seven) 100%);
	background: linear-gradient(to right, var(--main-color-six) 0%, var(--main-color-seven) 100%);
}

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

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

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

.btn-style-ten:hover{
	color:var(--dark-color-four);
}

/* Btn Style Eleven */

.btn-style-eleven{
	position: relative;
	line-height: 30px;
	font-weight:700;
	overflow: hidden;
	background:none;
	text-align:center;
	border-radius:50px;
	display: inline-grid;
	padding: 11px 37px;
	font-size: var(--font-16);
	text-transform: capitalize;
	color: var(--white-color);
	font-family:var(--font-family-DM-Sans);
	border:2px solid var(--main-color-eleven);
}

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

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

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

.btn-style-eleven:hover{
	color:var(--white-color);
}

/* Btn Style Twelve */

.btn-style-twelve{
	position: relative;
	line-height: 30px;
	font-weight:700;
	overflow: hidden;
	background:none;
	text-align:center;
	border-radius:50px;
	display: inline-grid;
	padding: 14px 36px;
	font-size: var(--font-15);
	text-transform: capitalize;
	color: var(--white-color); 
	background: var(--main-color-ten);
	font-family:var(--font-family-Sen);
	background: -webkit-linear-gradient(to right, var(--main-color-ten) 0%, var(--main-color-eleven) 100%);
	background: -moz-linear-gradient(to right, var(--main-color-ten) 0%, var(--main-color-eleven) 100%);
	background: linear-gradient(to right, var(--main-color-ten) 0%, var(--main-color-eleven) 100%);
}

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

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

.btn-style-twelve i{
	position:relative;
	top:2px;
	font-style:normal;
	line-height:1em;
	margin-left:5px;
	transform:rotate(-45deg);
	display:inline-block;
	-webkit-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transition:all 500ms ease;
}

.btn-style-twelve:hover i{
	transform:rotate(0deg);
}

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

.btn-style-twelve:hover{
	color:var(--main-color-eleven);
}

/* Btn Style Thirteen */

.btn-style-thirteen{
	position: relative;
	line-height: 30px;
	font-weight:700;
	overflow: hidden;
	background:none;
	text-align:center;
	border-radius:50px;
	display: inline-grid;
	padding: 11px 37px;
	font-size: var(--font-16);
	text-transform: capitalize;
	color: var(--white-color);
	font-family:var(--font-family-Sen);
	border:2px solid var(--white-color);
	-webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

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

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

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

.btn-style-thirteen:hover{
	color:var(--white-color);
	border-color:var(--dark-color-four);
}

/* Btn Style Fourteen */

.btn-style-fourteen{
	position: relative;
	line-height: 30px;
	font-weight:700;
	overflow: hidden;
	background:none;
	text-align:center;
	border-radius:50px;
	display: inline-grid;
	padding: 13px 37px;
	font-size: var(--font-16);
	text-transform: capitalize;
	color: var(--white-color);
	font-family:var(--font-family-Sen);
	background-color:var(--dark-color-four);
	-webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

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

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

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

.btn-style-fourteen:hover{
	color:var(--dark-color-four);
}

/* Btn Style Fifteen */

.btn-style-fifteen{
	position: relative;
	line-height: 30px;
	font-weight:500;
	overflow: hidden;
	background:none;
	text-align:center;
	border-radius:3px;
	display: inline-grid;
	padding: 14px 36px 14px;
	font-size: var(--font-16);
	text-transform: capitalize;
	color: var(--white-color);
	font-family:var(--font-family-poppins);
	background: linear-gradient(to right, var(--main-color-twentytwo) 0%, var(--main-color-eighteen) 100%);
}

.btn-style-fifteen:before{
	position: absolute;
	content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    -webkit-transform: scale(0.2, 1);
    transform: scale(0.2, 1);
	background: linear-gradient(to left, var(--main-color-twentytwo) 0%, var(--main-color-eighteen) 100%);
}

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

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

.btn-style-fifteen i{
	position:relative;
	top:2px;
	font-style:normal;
	line-height:1em;
	margin-left:5px;
}

.btn-style-fifteen:hover{
	color:var(--white-color);
}

/* Btn Style Sixteen */

.btn-style-sixteen{
	position: relative;
	line-height: 30px;
	font-weight:500;
	overflow: hidden;
	background:none;
	text-align:center;
	border-radius:3px;
	display: inline-grid;
	padding: 14px 36px 14px;
	font-size: var(--font-16);
	text-transform: capitalize;
	color: var(--white-color);
	font-family:var(--font-family-poppins);
	background-color:var(--main-color-two);
}

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

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

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

.btn-style-sixteen i{
	position:relative;
	top:2px;
	font-style:normal;
	line-height:1em;
	margin-left:5px;
}

.btn-style-sixteen:hover{
	color:var(--white-color);
}

/* Btn Style Seventeen */

.btn-style-seventeen{
	position: relative;
	line-height: 30px;
	font-weight:500;
	overflow: hidden;
	background:none;
	text-align:center;
	border-radius:3px;
	display: inline-grid;
	padding: 14px 36px 14px;
	font-size: var(--font-16);
	text-transform: capitalize;
	color: var(--main-color-two);
	font-family:var(--font-family-poppins);
	background-color:var(--white-color);
}

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

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

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

.btn-style-seventeen i{
	position:relative;
	top:2px;
	font-style:normal;
	line-height:1em;
	margin-left:5px;
}

.btn-style-seventeen:hover{
	color:var(--white-color);
}

.theme_color{
	color:#0060ff;
}

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

/*** 

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

***/

.sec-title{
	position:relative;
	margin-bottom:var(--margin-bottom-40);
}

.sec-title .separator{
	position:relative;
	width:88px;
	height:5px;
	background-color:var(--main-color);
	margin-bottom:var(--margin-bottom-25);
}

.sec-title .separator:before{
	position:absolute;
	content:'';
	left:-1px;
	top:-2px;
	width:10px;
	height:10px;
	border-radius:50px;
	display:inline-block;
	background-color:var(--main-color);
}

.sec-title .separator:after{
	position:absolute;
	content:'';
	right:-1px;
	top:-2px;
	width:10px;
	height:10px;
	border-radius:50px;
	display:inline-block;
	background-color:var(--main-color);
}

.sec-title h2,
.sec-title h1{
	
}

.sec-title .title{
	position: relative;
    font-weight: 600;
	letter-spacing:1px;
	color:var(--main-color);
	font-size:var(--font-18);
	text-transform:uppercase;
	margin-bottom:var(--margin-bottom-15);
}

.sec-title .text{
	margin-top:var(--margin-top-15);
}

.sec-title.light .text,
.sec-title.light h2{
	color:var(--white-color);
}

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

.sec-title.centered .separator{
	margin:0 auto;
	margin-bottom:var(--margin-bottom-25);
}

.sec-title.style-two h2{
	color:var(--main-color-two);
}

.sec-title.style-two .title{
	font-weight:400;
	letter-spacing:0px;
	color:var(--main-color-four);
	text-transform:capitalize;
}

/*** 

====================================================================
	Section Title Two
====================================================================

***/

.sec-title-two{
	position:relative;
	margin-bottom:var(--margin-bottom-40);
}

.sec-title-two .icon{
	position:relative;
	width:50px;
	height:50px;
	line-height:1em;
	display:inline-block;
	margin-bottom:var(--margin-bottom-25);
}

.sec-title-two .icon:before{
	position:absolute;
	content:'';
	left:-65px;
	top:33px;
	width:50px;
	height:2px;
	display:none;
	border-radius:50px;
	background-color:var(--main-color);
}

.sec-title-two .icon:after{
	position:absolute;
	content:'';
	right:-65px;
	top:33px;
	width:50px;
	height:2px;
	border-radius:50px;
	background-color:var(--main-color);
}

.sec-title-two h2{
	
}

.sec-title-two .text{
	margin-top:var(--margin-top-15);
}

.sec-title-two.light .text,
.sec-title-two.light h2{
	color:var(--white-color);
}

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

.sec-title-two.centered .icon{
	margin:0 auto;
	margin-bottom:var(--margin-bottom-25);
}

.sec-title-two.centered .icon:before{
	display:block;
}

/*** 

====================================================================
	Section Title Three
====================================================================

***/

.sec-title-three{
	position:relative;
	margin-bottom:var(--margin-bottom-40);
}

.sec-title-three .title{
	position:relative;
	font-weight:700;
	display:inline-block;
	font-size:var(--font-20);
	color:var(--main-color-six);
	margin-bottom:var(--margin-bottom-25);
	font-family:var(--font-family-Sen);
}

.sec-title-three .title:before{
	position:absolute;
	content:'';
	left:-65px;
	top:16px;
	width:50px;
	height:2px;
	display:none;
	border-radius:50px;
	background-color:var(--main-color-six);
}

.sec-title-three .title:after{
	position:absolute;
	content:'';
	right:-65px;
	top:16px;
	width:50px;
	height:2px;
	border-radius:50px;
	background-color:var(--main-color-six);
}

.sec-title-three h2{
	color:var(--dark-color-four);
	font-family:var(--font-family-Sen);
}

.sec-title-three .text{
	color:#666666;
	margin-top:var(--margin-top-15);
	font-family:var(--font-family-DM-Sans);
}

.sec-title-three.light .title,
.sec-title-three.light .text,
.sec-title-three.light h2{
	color:var(--white-color);
}

.sec-title-three.light .title:after{
	background-color:var(--white-color);
}

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

.sec-title-three.centered .title{
	margin:0 auto;
	margin-bottom:var(--margin-bottom-25);
}

.sec-title-three.centered .title:before{
	display:block;
}

/*** 

====================================================================
	Section Title Four
====================================================================

***/

.sec-title-four{
	position:relative;
	margin-bottom:var(--margin-bottom-40);
}

.sec-title-four .title{
	position:relative;
	font-weight:600;
	display:inline-block;
	font-size:var(--font-18);
	text-transform:uppercase;
	color:var(--main-color-nineteen);
	font-family:var(--font-family-poppins);
}

.sec-title-four h2{
	color:var(--main-color-two);
	margin-top:var(--margin-top-10);
	font-family:var(--font-family-poppins);
}

.sec-title-four .text{
	color:#666666;
	margin-top:var(--margin-top-5);
	font-family:var(--font-family-poppins);
}

.sec-title-four.light .title,
.sec-title-four.light .text,
.sec-title-four.light h2{
	color:var(--white-color);
}

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


/* ================================================================
   HEADER CSS
   Combined into main.css - original rules preserved
================================================================ */

/*** 

====================================================================
	Header style One
====================================================================

***/

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

/* Header Top */

.main-header .header-top{
	position:relative;
	overflow:hidden;
	background-color:var(--main-color-two);
}

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

.main-header .header-top .info{
	position:relative;
	padding:13px 0px;
}

.main-header .header-top .info li{
	position:relative;
	display:inline-block;
	font-size:var(--font-15);
	color:var(--white-color);
	margin-right:var(--margin-right-20);
}

.main-header .header-top .info li .icon{
	position:absolute;
	left:0px;
	color:var(--white-color);
}

.main-header .header-top .info li:last-child{
	margin-right:0px;
}

.main-header .header-top .info li a{
	position:relative;
	color:var(--white-color);
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
	padding-left:var(--padding-left-25);
}

.main-header .header-top li a:hover{
	color:var(--main-color);
}

.main-header .header-top .social-box{
	position: relative;
	padding:13px 0px;
}

.main-header .header-top .social-box:before{
	position: absolute;
	content:'';
	left:-170px;
	top:0px;
	right:-1200px;
	bottom:0px;
	 transform: skewX(-30deg);
	background-color:var(--main-color);
}

.main-header .header-top .social-box li{
	position: relative;
	display:inline-block;
	margin-left:var(--margin-left-25);
}

.main-header .header-top .social-box li a{
	position: relative;
	color:var(--white-color);
	font-size:var(--font-16);
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.main-header .header-top .social-box li a:hover{
	color:var(--main-color-two);
}

.main-header .header-upper{
	position:relative;
	background-color:var(--white-color);
}

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

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

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

.main-header .logo-box .logo img{
	display:inline-block;
	max-width:100%;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;	
}

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

.main-header .header-lower .nav-outer{
	position:relative;
	float:right;
}

.main-header .header-upper .logo-box{
	position: relative;
	padding:10px 0px 10px;
}

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

/* Main Menu */

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

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

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

.main-header .main-menu .navigation > li{
	position:relative;
	float:left;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	margin-right:var(--margin-right-35);
}

.main-header .sticky-header .main-menu .navigation > li:hover > a,
.main-header .sticky-header .main-menu .navigation > li.current > a{
	color:var(--main-color);
}

.main-header .sticky-header .nav-outer .options-box{
	margin-top:var(--margin-top-40);
}

/*Sticky Header*/

.main-header .sticky-header{
	position:fixed;
	opacity:0;
	visibility:hidden;
	left:0px;
	top:0px;
	width:100%;
	padding:0px 0px;
	z-index:0;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	background-color:var(--white-color);
	box-shadow:0px 0px 10px rgba(0,0,0,0.10);
}

.main-header .sticky-header .mobile-nav-toggler{
	display:none;
	cursor:pointer;
	color:var(--black-color);
	font-size:var(--font-30)
}

.main-header .sticky-header .logo{
	position:relative;
	padding:25px 0px;
}

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

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

.main-header .main-menu .navigation > li:last-child{
	margin-right:var(--margin-zero);
}

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

.main-header .sticky-header .main-menu .navigation > li{
	position:relative;
}

.main-header .sticky-header .main-menu .navigation > li:last-child{
	margin-right:var(--margin-zero);
}

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

.main-header .main-menu .navigation > li:hover > a,
.main-header .main-menu .navigation > li.current > a{
	opacity:1;
	color:var(--main-color);
}

.main-header .main-menu .navigation > li > ul{
	position:absolute;
	width:15rem;
	-webkit-transform: scaleY(0);
	-ms-transform: scaleY(0);
	-o-transform: scaleY(0);
	transform: scaleY(0);
	-webkit-transform-origin: top;
	-ms-transform-origin: top;
	-o-transform-origin: top;
	transform-origin: top;
	opacity: 0;
	visibility: hidden;
    visibility: hidden;
    transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
	border-radius:0px;
	background-color:var(--main-color);
	box-shadow: 0px 0px 10px rgba(0,0,0,0.10);
}

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

.main-header .main-menu .navigation > li > ul > li{
	position:relative;
	width:100%;
	text-align:left;
	border-bottom:1px solid rgba(255,255,255,0.10);
}

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

.main-header .main-menu .navigation > li > ul > li > a{
	position:relative;
	display:block;
	padding:12px 18px;
	line-height:24px;
	font-weight:500;
	font-size:var(--font-15);
	text-transform:capitalize;
	color:var(--white-color);
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.main-header .main-menu .navigation > li > ul > li > a:before{
	position:absolute;
	content:'//';
	left:10px;
	top:11px;
	opacity:0;
	font-weight:700;
	font-size:var(--font-12);
	color:var(--main-color);
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.main-header .main-menu .navigation > li > ul > li:hover > a::before{
	opacity:1;
}

.main-header .sticky-header .main-menu .navigation > li > a:before{
	
}

.main-header .main-menu .navigation > li > ul > li:hover > a{
	padding-left:30px;
	color:var(--white-color);
	background-color:var(--main-color-two);
}

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

.main-header .main-menu .navigation > li > ul > li > ul{
	position:absolute;
	left:100%;
	top:0px;
	width:15rem;
	-webkit-transform: scaleY(0);
	-ms-transform: scaleY(0);
	-o-transform: scaleY(0);
	transform: scaleY(0);
	-webkit-transform-origin: top;
	-ms-transform-origin: top;
	-o-transform-origin: top;
	transform-origin: top;
	opacity: 0;
	visibility: hidden;
    visibility: hidden;
    transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
	border-radius:0px;
	background-color:var(--main-color);
	box-shadow: 0px 0px 10px rgba(0,0,0,0.10);
}

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

.main-header .main-menu .navigation > li > ul > li > ul > li{
	position:relative;
	width:100%;
	text-align:left;
	border-bottom:1px solid rgba(255,255,255,0.10);
}

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

.main-header .main-menu .navigation > li > ul > li > ul > li > a{
	position:relative;
	display:block;
	padding:12px 18px;
	line-height:24px;
	font-weight:500;
	font-size:var(--font-15);
	text-transform:capitalize;
	color:var(--white-color);
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.main-header .main-menu .navigation > li > ul > li > ul > li:hover > a{
	color:var(--white-color);
	background-color:var(--white-color-two);
}

.main-header .main-menu .navigation > li > ul > li > ul > li > a:before{
	position:absolute;
	content:'//';
	left:10px;
	top:11px;
	opacity:0;
	font-weight:700;
	font-size:var(--font-12);
	color:var(--main-color);
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.main-header .main-menu .navigation > li > ul > li > ul > li:hover > a::before{
	opacity:1;
}

.main-header .main-menu .navigation > li > ul > li > ul > li:hover > a{
	padding-left:30px;
	color:var(--white-color);
	background-color:var(--main-color-two);
}

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

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

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

.main-menu .navigation > li > ul > li.updates{
	padding:12px 15px;
	color:#ffffff;
	left:0px;
	right:0px;
	width:auto;
	font-weight:600;
	font-size:var(--font-16);
	background-color:var(--main-color);
}

/*** 

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

***/

.main-header .nav-outer .mobile-nav-toggler{
	position: relative;
	float: right;
	padding:2px 0 0px;
	font-size: var(--font-26);
	line-height: 44px;
	cursor: pointer;
	color:var(--black-color);
	display: none;
}

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

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

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

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

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

.mobile-menu .menu-backdrop{
	position: fixed;
	right: 0;
	top: 0;
	width: 0%;
	height: 100%;
	z-index: 1;
	background: rgba(0,0,0,0.90);
	-webkit-transform: translateX(101%);
	-ms-transform: translateX(101%);
	transform: translateX(101%);
	transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
	
	-webkit-transition-delay: 300ms;
	-moz-transition-delay: 300ms;
	-ms-transition-delay: 300ms;
	-o-transition-delay: 300ms;
	transition-delay: 300ms;
}

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

}

.mobile-menu .menu-box{
	position: absolute;
	right: -400px;
	top: 0px;
	width: 100%;
	height: 100%;
	max-height: 100%;
	overflow-y: auto;
	background: #ffffff;
	padding: 0px 0px;
	z-index: 5;
	border-radius: 0px;
	
	transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
}

.mobile-menu-visible .mobile-menu .menu-box{
	right:0px;
	-webkit-transition-delay: 600ms;
	-moz-transition-delay: 600ms;
	-ms-transition-delay: 600ms;
	-o-transition-delay: 600ms;
	transition-delay: 600ms;
}

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

.mobile-menu-visible .mobile-menu .close-btn{
	-webkit-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform: translateY(0px);
	-webkit-transition-delay: 900ms;
	-moz-transition-delay: 900ms;
	-ms-transition-delay: 900ms;
	-o-transition-delay: 900ms;
	transition-delay: 900ms;
}

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

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

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

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

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

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

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

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

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

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

.mobile-menu .navigation li > ul > li > a{
	padding-left:30px;
}

.mobile-menu .navigation li > ul > li > ul{
	padding-left:0px;
}

.mobile-menu .navigation li > ul > li > ul > li > a{
	padding-left:40px;
}

.main-header .mobile-menu .close-btn:hover{
	opacity: 0.50;
}

.main-header .mobile-menu .navigation{
	position: relative;
	display: block;
	width:100%;
	border-top: 1px solid #dddddd;
}

.main-header .mobile-menu .navigation li{
	position: relative;
	display: block;
	border-bottom: 1px solid #dddddd;
}

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

.main-header .mobile-menu .navigation li > ul > li:first-child{
	border-top: 1px solid #dddddd;
}

.main-header .mobile-menu .navigation li > a{
	position: relative;
	display: block;
	line-height: 24px;
	padding: 10px 20px;
	font-size: var(--font-16);
	color: var(--dark-color);
	text-transform: capitalize;
}

.main-header .mobile-menu .navigation li:hover > a,
.main-header .mobile-menu .navigation li.current > a{
	color: var(--dark-text-color-two);
}

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

.main-header .mobile-menu .navigation li.dropdown .dropdown-btn:after{
	content:'';
	position:absolute;
	left:0px;
	top:10px;
	width:1px;
	height:24px;
	border-left:1px solid #dddddd;
}

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

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

.main-header .outer-box{
	position: relative;
	float:right;
	padding: 37px 0px;
	margin-left:var(--margin-left-35);
}

/* Search Box Outer */

.main-header .search-box-outer{
	position:relative;
	float:left;
	border-right:1px solid #999999;
	margin-right:var(--margin-right-20);
	padding-right:var(--padding-right-20);
}

.main-header .search-box-btn{
	position:relative;
	top: 0px;
	display:block;
	float:left;
	font-size:var(--font-20);
	color:var(--main-color-two);
	line-height:20px !important;
	cursor:pointer;
	background:none;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.main-header .outer-box .nav-btn{
	position:relative;
	float:left;
	cursor:pointer;
	line-height:1em;
	font-size:var(--font-22);
	color:var(--main-color-two);
	margin-left:var(--margin-left-35);
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.main-header .outer-box .nav-btn:hover,
.main-header .outer-box .search-box-btn:hover{
	color:var(--main-color);
}

/* Cart Box */

.main-header .cart-box{
	position:relative;
	float:left;
	line-height:1em;
	background:none;
	padding-top:3px;
	display:inline-block;
	color:var(--main-color);
	font-size:var(--font-16);
}

.main-header .cart-box .cart-box-btn{
	background:none;
	cursor: pointer;
	color:var(--main-color);
	font-size:var(--font-24);
	transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
}

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

.main-header .cart-box .cart-box-btn .total-cart{
	position:absolute;
	right: -8px;
	top: -8px;
	width:18px;
	height:18px;
	color:var(--white-color);
	font-size:var(--font-10);
	font-weight:700;
	border-radius:50%;
	text-align:center;
	line-height:18px;
	background-color:var(--dark-color-two);
}

.main-header .cart-box .cart-box-btn:hover{
	
}

.main-header .cart-product{
	position:relative;
	margin-bottom:var(--margin-bottom-20);
	min-height:90px;
	border-bottom:1px solid #e4e4e4;
}

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

.main-header .cart-product .inner .cross-icon{
	position:absolute;
	right:0px;
	top:-2px;
	z-index:1;
	cursor:pointer;
	color:var(--dark-color);
	font-size:var(--font-18);
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.main-header .cart-product .inner .cross-icon:hover{
	color:var(--main-color);
}

.main-header .cart-product .inner .image{
	position:absolute;
	width:70px;
	height:70px;
	left:0px;
	top:0px;
}

.main-header .cart-product .inner h3{
	position:relative;
	font-weight:600;
	letter-spacing: 1px;
	font-size:var(--font-15);
	margin:var(--margin-zero);
	text-transform:capitalize;
}

.main-header .cart-product .inner h3 a{
	color:var(--dark-color-two);
	transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
}

.main-header .cart-product .inner h3 a:hover{
	color:var(--main-color);
}

.main-header .cart-product .inner .quantity-text{
	position:relative;
	font-weight:300;
	color:var(--dark-color);
	font-size: var(--font-14);
	margin-top:var(--margin-top-5);
	margin-bottom: var(--margin-zero);
}

.main-header .cart-product .inner .price{
	position:relative;
	font-weight:700;
	font-size:var(--font-16);
	margin-top:var(--margin-top-5);
	color:var(--dark-color);
}

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

.main-header .cart-box .cart-panel .cart-total{
	color:var(-dark-color-two);
	font-size:var(--font-15);
	font-weight:400;
	text-align:center;
	text-transform:capitalize;
}

.main-header .cart-box .cart-panel .cart-total span{
	font-weight:800;
	font-size:var(--font-16);
}

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

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

.main-header .cart-box .cart-panel .btns-boxed li a{
	position:relative;
	color:var(--white-color);
	font-weight:500;
	font-size:var(--font-12);
	padding:10px 20px 8px;
	border-radius: 2px;
	display:inline-block;
	background-color:var(--main-color);
	border:1px solid var(--main-color);
	text-transform:uppercase;
	transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
}

.main-header .cart-box .cart-panel .btns-boxed li a:hover{
	color:var(--main-color);
	background:none;
}

.main-header .cart-box .icon a{
	color:var(--main-color);
}

.main-header .button-box{
	position:relative;
	float:left;
	margin-top:-17px;
	margin-left:var(--margin-left-30);
}

/*** 

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

***/


.search-popup{
	position: fixed;
	left: 0;
	top: 0;
	height: 100vh;
	width: 100%;
	z-index: 99999;
	margin-top: -540px;
	transform: translateY(-100%);
    -webkit-transition: all 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -moz-transition: all 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -o-transition: all 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
    transition: all 1500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
    transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
}

.search-popup .color-layer{
	position: absolute;
	content:'';
	left: 0;
	top: 0;
	height: 100vh;
	width: 100%;
	background-color: rgba(0,0,0,0.90);
    -webkit-transition: all 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -moz-transition: all 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -o-transition: all 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
    transition: all 1500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
    transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
}

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

.search-popup:after{
	position: absolute;
	left: 0;
	top: 100%;
	width: 100%;
	height: 560px;
	background-image: url(../images/icons/waves-shape.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	margin-top: 0px;
	content: "";
}

.search-active .search-popup{
	transform: translateY(0%);
	margin-top:var(--margin-zero);
}

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

.search-popup .close-search span{
	position: relative;
	display: block;
	height: 70px;
	width: 70px;
	font-size:var(--font-30);
	line-height: 70px;
	color: var(--white-color);
}

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

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

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

.search-popup .form-group{
	position:relative;
	margin:var(--margin-zero);
	overflow: hidden;
}

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

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

.search-popup .form-group input[type="submit"]:hover,
.search-popup .form-group button:hover{
	color: var(--black-color);
}

.search-popup input::placeholder,
.search-popup textarea::placeholder{
	color: var(--black-color);
}

.search-popup .close-search.style-two{
	position: absolute;
	right: 25px;
	left: auto;
	color: var(--white-color);
	width:auto;
	height:auto;
	top:25px;
	margin:0px;
	border:none;
	background:none !important;
	box-shadow:none !important;
	-webkit-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transition:all 500ms ease;
}

.search-popup .close-search.style-two span{
	font-size:var(--font-20);
	color: var(--white-color);
}

.main-header .mobile-menu .menu-box .mCSB_scrollTools{
	width:3px;
}

/* Header Style Two */

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

.header-style-two .header-lower .inner-container{
	padding:0px 40px;
	background-color:var(--white-color);
}

/* Header Style Three */

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

.header-style-three .search-box-outer{
	border-color:var(--white-color);
}

.header-style-three .cart-box .cart-box-btn,
.header-style-three .search-box-btn{
	color:var(--white-color);
}

.header-style-three .header-lower .mobile-nav-toggler{
	display:block;
	line-height:1em;
	margin-top:-3px;
	color:var(--white-color);
	margin-left:var(--margin-left-30);
	-webkit-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transition:all 500ms ease;
}

.header-style-three .header-lower .mobile-nav-toggler:hover{
	color:var(--main-color);
}

.header-style-three #navbarSupportedContent{
	display:block;
}

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

.header-style-three .sticky-header{
	background-color:var(--dark-color-two);
}

.header-style-three .sticky-header .outer-box{
	padding:27px 0px;
}

.header-style-three .sticky-header .main-menu,
.header-style-three .header-lower .nav-outer .main-menu{
	opacity:0;
	visibility:hidden;
}

.header-style-three .sticky-header .mobile-nav-toggler{
	display:block;
	float:left;
	color:var(--white-color);
	font-size:var(--font-24);
	margin-left:var(--margin-left-25);
}

.header-style-three .cart-box .cart-box-btn .total-cart{
	background-color:var(--main-color);
}

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

/* Header Style Four */

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

.header-style-four .header-top{
	background:none;
	border-bottom:1px solid #ebebeb;
}

.header-style-four .auto-container{
	max-width:1680px;
}

.header-style-four .header-top .social-box:before{
	display:none;
}

.header-style-four .header-top .info li a{
	color:#64676c;
}

.header-style-four .header-top .info li a .icon{
	color:var(--main-color-four);
}

.header-style-four .header-top .social-box li a{
	color:#64676c;
}

.header-style-four .main-menu .navigation > li > a{
	color:#64676c;
	font-weight:500;
}

.header-style-four .search-box-btn,
.header-style-four .cart-box .cart-box-btn{
	color:var(--main-color-four);
}

.header-style-four .main-menu .navigation > li:hover > a,
.header-style-four .main-menu .navigation > li.current > a,
.header-style-four .main-menu .navigation > li > ul > li > a:before,
.header-style-four .main-menu .navigation > li > ul > li > ul > li > a:before,
.header-style-four .sticky-header .main-menu .navigation > li:hover > a,
.header-style-four .sticky-header .main-menu .navigation > li.current > a{
	color:var(--main-color-four);
}

.header-style-four .main-menu .navigation > li > ul,
.header-style-four .main-menu .navigation > li > ul > li > ul{
	background-color:var(--main-color-four);
}

/* Header Style Five */

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

.header-style-five .inner-container{
	position:relative;
	padding-left:250px;
	border-radius:8px;
	background-color:var(--white-color);
}

.header-style-five .inner-container .logo-box{
	position:absolute;
	left:0px;
	top:0px;
	padding:var(--padding-zero);
	background: var(--main-color-six);
	background: -webkit-linear-gradient(to right, var(--main-color-six) 0%, var(--main-color-seven) 100%);
	background: -moz-linear-gradient(to right, var(--main-color-six) 0%, var(--main-color-seven) 100%);
	background: linear-gradient(to right, var(--main-color-six) 0%, var(--main-color-seven) 100%);
}

.header-style-five .inner-container .logo-box:before{
	position:absolute;
	content:'';
	right:-15px;
	bottom:0px;
	border-top: 9px solid var(--main-color-seven);
    border-right: 15px solid transparent;
}

.header-style-five .info-box{
	position:relative;
	padding:15px 0px 15px 40px;
	border-bottom:1px solid #dddddd;
}

.header-style-five .info-box li{
	position:relative;
	display:inline-block;
	font-size:var(--font-16);
	margin-right:var(--margin-right-25);
}

.header-style-five .info-box li .icon{
	position:absolute;
	left:0px;
	top:0px;
	width:30px;
	height:30px;
	line-height:30px;
	border-radius:50px;
	text-align:center;
	display:inline-block;
	font-size:var(--font-14);
	color:var(--main-color-six);
	background-color:var(--main-color-eight);
	
	/* color:var(--main-color-six);
	background: linear-gradient(to left, var(--main-color-six) 0%, var(--main-color-seven) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; */
}

.header-style-five .info-box li:last-child{
	margin-right:0px;
}

.header-style-five .info-box li a{
	position:relative;
	padding-top:3px;
	font-weight:500;
	color:var(--dark-color-four);
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
	padding-left:var(--padding-left-40);
	font-family:var(--font-family-DM-Sans);
}

.header-style-five .info-box li a:hover{
	color:var(--main-color-seven);
}

.header-style-five .header-lower .nav-outer{
	width:100%;
}

.header-style-five .main-menu .navigation > li > a{
	padding:10px 0px;
	color:#010048;
	font-weight:500;
	font-family:var(--font-family-DM-Sans);
}

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

.header-style-five .main-menu .navigation > li.dropdown::before{
	font-family: 'FontAwesome';
    content: "\f107";
    position: absolute;
    right: 0px;
	top:15px;
    font-size: var(--font-16);
	color:var(--dark-color-four);
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.header-style-five .main-menu .navigation > li:hover > a,
.header-style-five .main-menu .navigation > li.current > a{
	color:var(--main-color-six);
	background: linear-gradient(to left, var(--main-color-six) 0%, var(--main-color-seven) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.header-style-five .main-menu .navigation > li:hover::before,
.header-style-five .main-menu .navigation > li.current::before{
	-webkit-text-fill-color: inherit !important;
	color:var(--main-color-six);
}

.header-style-five .main-menu .navigation > li{
	margin-right:var(--margin-right-25);
}

.header-style-five .header-lower .main-menu{
	padding-left:var(--padding-left-40);
}

.header-style-five .header-lower .outer-box{
	position:absolute;
	right:0px;
	top:0px;
	padding:var(--padding-zero);
}

.header-style-five .outer-box .phone-box{
	position:relative;
	padding:25px 20px 24px 0px;
	font-weight:700;
	font-size:var(--font-14);
	color:var(--white-color);
	font-family:var(--font-family-Sen);
}

.header-style-five .outer-box .phone-box .box-inner{
	position:relative;
	padding-left:var(--padding-left-75);
}

.header-style-five .outer-box .phone-box:before{
	position:absolute;
	content:'';
	left:29px;
	top:0px;
	right:0px;
	bottom:0px;
	background: var(--main-color-six);
	background: -webkit-linear-gradient(to right, var(--main-color-six) 0%, var(--main-color-seven) 100%);
	background: -moz-linear-gradient(to right, var(--main-color-six) 0%, var(--main-color-seven) 100%);
	background: linear-gradient(to right, var(--main-color-six) 0%, var(--main-color-seven) 100%);
}

.header-style-five .outer-box .phone-box a{
	position:relative;
	font-size:var(--font-26);
	color:var(--white-color);
	display:inline-block;
	margin-top:var(--margin-top-5);
}

.header-style-five .outer-box .phone-box .icon{
	position:absolute;
	left:0px;
	top:-3px;
	width:58px;
	height:58px;
	line-height:58px;
	text-align:center;
	border-radius:50px;
	display:inline-block;
	font-size:var(--font-24);
	background: var(--main-color-six);
	background: -webkit-linear-gradient(to right, var(--main-color-six) 0%, var(--main-color-seven) 100%);
	background: -moz-linear-gradient(to right, var(--main-color-six) 0%, var(--main-color-seven) 100%);
	background: linear-gradient(to right, var(--main-color-six) 0%, var(--main-color-seven) 100%);
}

.header-style-five .sticky-header .main-menu .navigation > li > a{
	padding:25px 0px;
}

.header-style-five .sticky-header .main-menu .navigation > li.dropdown::before{
	top:30px;
}

.header-style-five .sticky-header .logo{
	padding:15px 0px;
}

.header-style-five .sticky-header .outer-box{
	padding:27px 0px;
}

.header-style-five .search-box-btn,
.header-style-five .cart-box .cart-box-btn{
	color:var(--main-color-seven);
}

.header-style-five .main-menu .navigation > li:hover > a,
.header-style-five .main-menu .navigation > li.current > a,
.header-style-five .main-menu .navigation > li > ul > li > a:before,
.header-style-five .main-menu .navigation > li > ul > li > ul > li > a:before,
.header-style-five .sticky-header .main-menu .navigation > li:hover > a,
.header-style-five .sticky-header .main-menu .navigation > li.current > a{
	color:var(--main-color-seven);
}

.header-style-five .main-menu .navigation > li > ul,
.header-style-five .main-menu .navigation > li > ul > li > ul{
	background-color:var(--main-color-six);
}

/* Header Style Six */

.header-style-six{
	background-color:var(--main-color-nine);
}

.header-style-six .main-menu .navigation > li > a{
	font-weight:700;
	padding:30px 0px;
	color:var(--white-color);
	font-family:var(--font-family-DM-Sans);
}

.header-style-six .main-menu .navigation > li:hover > a,
.header-style-six .main-menu .navigation > li.current > a,
.header-style-six .main-menu .navigation > li > ul > li > a:before,
.header-style-six .main-menu .navigation > li > ul > li > ul > li > a:before,
.header-style-six .sticky-header .main-menu .navigation > li:hover > a,
.header-style-six .sticky-header .main-menu .navigation > li.current > a{
	color:var(--main-color-ten);
}

.header-style-six .main-menu .navigation > li > ul,
.header-style-six .main-menu .navigation > li > ul > li > ul{
	background-color:var(--main-color-nine);
}

.header-style-six .search-box-outer{
	border:0px;
	padding:var(--padding-zero);
	margin-right:var(--margin-zero);
	margin-left:var(--margin-left-25);
	padding-left:var(--padding-left-20);
	border-left:1px dashed var(--white-color);
}

.header-style-six .search-box-outer .search-box-btn{
	color:var(--white-color);
}

.header-style-six .cart-box .cart-box-btn{
	color:var(--white-color);
}

.header-style-six .cart-box .cart-box-btn .total-cart{
	font-weight:700;
	font-family:var(--font-family-DM-Sans);
	background-color:var(--main-color-twelve);
}

.header-style-six .outer-box{
	padding:34px 0px 17px;
}

.header-style-six .cart-product .inner .cross-icon:hover,
.header-style-six .cart-product .inner h3 a:hover{
	color:var(--main-color-twelve);
}

.header-style-six .cart-box .cart-panel{
	border-color:var(--main-color-twelve);
}

.header-style-six .cart-box .cart-panel .btns-boxed li a{
	border-color:var(--main-color-twelve);
	background-color:var(--main-color-twelve);
}

.header-style-six .outer-box .nav-btn:hover,
.header-style-six .outer-box .search-box-btn:hover{
	color:var(--main-color-ten);
}

.header-style-six .sticky-header .search-box-outer{
	border-color:var(--main-color-nine);
}

.header-style-six .sticky-header .search-box-outer .search-box-btn{
	color:var(--main-color-nine);
}

.header-style-six .sticky-header .cart-box .cart-box-btn,
.header-style-six .sticky-header .main-menu .navigation > li > a{
	color:var(--main-color-nine);
}

.header-style-six .sticky-header .logo{
	padding:10px 0px;
}





.main-header.header-style-seven{
	position:absolute;
	left:0px;
	right:0px;
}

.main-header.header-style-seven .auto-container{
	max-width:1200px;
}

.header-style-seven .header-top{
	background:none;
}

.header-style-seven .auto-container{
	max-width:1680px;
}

.header-style-seven .header-top .social-box:before{
	display:none;
}

.header-style-seven .header-top .info li a{
	color:#64676c;
}

.header-style-seven .header-top .info li a .icon{
	opacity:0.50;
	color:var(--black-color);
}

.header-style-seven .header-top .social-box{
	margin-left:var(--margin-left-40);
}

.header-style-seven .header-top .social-box li{
	margin-left:var(--margin-left-15);
}

.header-style-seven .header-top .social-box li a{
	color:#64676c;
}

.header-style-seven .main-menu .navigation > li > a{
	color:var(--main-color-fourteen);
}

.header-style-seven .main-menu .navigation > li:hover > a,
.header-style-seven .main-menu .navigation > li.current > a{
	color:var(--main-color-fifteen);
}

.header-style-seven .search-box-btn,
.header-style-seven .cart-box .cart-box-btn{
	color:var(--main-color-sixteen);
}

.header-style-seven .outer-box .nav-btn{
	top:-5px;
}

.main-header.header-style-seven .main-menu .navigation > li > ul,
.main-header.header-style-seven .main-menu .navigation > li > ul > li > ul{
	background-color:var(--main-color-fifteen);
}

.main-header.header-style-seven .main-menu .navigation > li > ul > li > a:before,
.main-header.header-style-seven .main-menu .navigation > li > ul > li > ul > li > a:before{
	color:var(--main-color-fifteen);
}

/*** 

====================================================================
	Hidden Sidebar style
====================================================================

***/

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

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

.sidebar-info-contents .content-inner .logo {
	padding-bottom:var(--padding-bottom-20);
}

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

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

.sidebar-info-contents .content-inner h5{
	color:var(--white-color);
	margin-bottom:var(--margin-top-20);
}

.sidebar-info-contents .content-inner .content-box .text{
	color:var(--white-color);
	margin-bottom:var(--margin-top-25);
}

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

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

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

.sidebar-info-contents .content-inner .social-box li a{
	position:relative;
	width:36px;
	height:36px;
	color:var(--main-color-two);
	z-index:1;
	font-size:var(--font-14);
	line-height:36px;
	text-align:center;
	border-radius:50%;
	display:inline-block;
	background-color:var(--white-color);
	-webkit-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transition:all 500ms ease;
}

.sidebar-info-contents .content-inner .social-box li a:hover{
	color:var(--white-color);
	background-color:var(--main-color);
}

.close-side-widget,
.close-side-widget:hover{
	color:var(--white-color) !important;
	font-size:var(--font-24);
}


/* ================================================================
   NEW / SLIDER CSS
   Combined into main.css - original rules preserved
================================================================ */

/* ================================
   MAIN SLIDER FIVE - RESPONSIVE FIX
================================ */

.main-slider-five {
    overflow: hidden;
}

.main-slider-five .slide {
    background-size: cover;
    background-position: center;
}

.main-slider-five .content-boxed {
    display: flex;
    align-items: center;
}

.main-slider-five .content-boxed .inner-box {
    width: 100%;
}

.main-slider-five .content-boxed .title {
    font-size: 24px;
    line-height: 1.3;
    margin-bottom: 8px;
}

.main-slider-five .content-boxed h1,
.main-slider-five .content-boxed .slide-word {
    font-size: 70px;
    line-height: 1;
    margin-bottom: 10px;
}

.main-slider-five .content-boxed .text {
    font-size: 28px;
    line-height: 1.3;
    margin-bottom: 25px;
}

.main-slider-five .image img {
    width: 100%;
    max-width: 500px;
    height: auto;
    display: block;
    margin: 0 auto;
}

.main-slider-five .btns-box {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.main-slider-five .btns-box a {
    white-space: nowrap;
}

@media only screen and (max-width: 991px) {
    .main-slider-five .slide {
        padding: 70px 0;
    }

    .main-slider-five .content-boxed {
        text-align: center;
        justify-content: center;
        margin-bottom: 35px;
    }

    .main-slider-five .content-boxed .title {
        font-size: 22px;
    }

    .main-slider-five .content-boxed h1,
    .main-slider-five .content-boxed .slide-word {
        font-size: 55px;
    }

    .main-slider-five .content-boxed .text {
        font-size: 24px;
    }

    .main-slider-five .btns-box {
        justify-content: center;
    }

    .main-slider-five .image img {
        max-width: 500px;
    }
}

@media only screen and (max-width: 767px) {
    .main-slider-five .slide {
        padding: 45px 15px;
        min-height: auto;
    }

    .main-slider-five .content-boxed {
        margin-bottom: 25px;
    }

    .main-slider-five .content-boxed .title {
        font-size: 17px;
        line-height: 1.4;
        margin-bottom: 5px;
    }

    .main-slider-five .content-boxed h1,
    .main-slider-five .content-boxed .slide-word {
        font-size: 42px;
        line-height: 1.05;
        margin-bottom: 8px;
    }

    .main-slider-five .content-boxed .text {
        font-size: 19px;
        line-height: 1.3;
        margin-bottom: 20px;
    }

    .main-slider-five .btns-box {
        justify-content: center;
        gap: 8px;
    }

    .main-slider-five .btns-box a {
        font-size: 13px;
        padding: 10px 15px;
    }

    .main-slider-five .image-column {
        width: 100%;
    }

    .main-slider-five .image img {
        width: 100%;
        max-width: 500px;
        height: auto;
    }
}

@media only screen and (max-width: 480px) {
    .main-slider-five .slide {
        padding: 35px 12px;
    }

    .main-slider-five .content-boxed .title {
        font-size: 15px;
    }

    .main-slider-five .content-boxed h1,
    .main-slider-five .content-boxed .slide-word {
        font-size: 34px;
    }

    .main-slider-five .content-boxed .text {
        font-size: 17px;
    }

    .main-slider-five .btns-box {
        flex-direction: column;
        align-items: center;
    }

    .main-slider-five .btns-box a {
        width: auto;
        font-size: 12px;
        padding: 9px 14px;
    }

    .main-slider-five .image img {
        max-width: 100%;
    }
}

.main-slider-five .content-boxed h1 {
    letter-spacing: 3px;
}


/* ================================================================
   CUSTOM CSS
   Combined into main.css - original rules preserved
================================================================ */

/* The old floating WhatsApp button styles that lived here were wrapped in
   <style> tags, which made this file invalid CSS and stopped the first rule
   from applying. They now live in css/whatsapp-float.css. */


/* ================================================================
   CUSTOM ANIMATE CSS
   Combined into main.css - original rules preserved
================================================================ */

.empty-animation{
    animation-name: zoomInStable; 
    animation-duration: 3s; 
    animation-iteration-count: 1;
    animation-timing-function: linear;
  
  -webkit-animation-name: zoomInStable; 
    -webkit-animation-duration: 3s; 
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
  
  -moz-animation-name: zoomInStable; 
    -moz-animation-duration: 3s; 
    -moz-animation-iteration-count: 1;
    -moz-animation-timing-function: linear;
  
  -ms-animation-name: zoomInStable; 
    -ms-animation-duration: 3s; 
    -ms-animation-iteration-count: 1;
    -ms-animation-timing-function: linear;
  
  -o-animation-name: zoomInStable; 
    -o-animation-duration: 3s; 
    -o-animation-iteration-count: 1;
    -o-animation-timing-function: linear;
}

.empty-animation{
    animation-name: zoomInStable; 
    animation-duration: 3s; 
    animation-iteration-count: infinite;
    animation-timing-function: linear;
  
  -webkit-animation-name: zoomInStable; 
    -webkit-animation-duration: 3s; 
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
  
  -moz-animation-name: zoomInStable; 
    -moz-animation-duration: 3s; 
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
  
  -ms-animation-name: zoomInStable; 
    -ms-animation-duration: 3s; 
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
  
  -o-animation-name: zoomInStable; 
    -o-animation-duration: 3s; 
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear;
}

.empty-animation{
    animation-name: slideInUp; 
    animation-duration: 2s; 
    animation-iteration-count: 1;
    animation-timing-function: linear;
  
  -webkit-animation-name: slideInUp; 
    -webkit-animation-duration: 2s; 
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
  
  -moz-animation-name: slideInUp; 
    -moz-animation-duration: 2s; 
    -moz-animation-iteration-count: 1;
    -moz-animation-timing-function: linear;
  
  -ms-animation-name: slideInUp; 
    -ms-animation-duration: 2s; 
    -ms-animation-iteration-count: 1;
    -ms-animation-timing-function: linear;
  
}

.empty-animation{
    animation-name: slideInRight; 
    animation-duration: 2s; 
    animation-iteration-count: 1;
    animation-timing-function: linear;
  
  -webkit-animation-name: slideInRight; 
    -webkit-animation-duration: 2s; 
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
  
  -moz-animation-name: slideInRight; 
    -moz-animation-duration: 2s; 
    -moz-animation-iteration-count: 1;
    -moz-animation-timing-function: linear;
  
  -ms-animation-name: slideInRight; 
    -ms-animation-duration: 2s; 
    -ms-animation-iteration-count: 1;
    -ms-animation-timing-function: linear;
  
}

.empty-animation{
    animation-name: slideInLeft; 
    animation-duration: 2s; 
    animation-iteration-count: 1;
    animation-timing-function: linear;
  
  -webkit-animation-name: slideInLeft; 
    -webkit-animation-duration: 2s; 
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
  
  -moz-animation-name: slideInLeft; 
    -moz-animation-duration: 2s; 
    -moz-animation-iteration-count: 1;
    -moz-animation-timing-function: linear;
  
  -ms-animation-name: slideInLeft; 
    -ms-animation-duration: 2s; 
    -ms-animation-iteration-count: 1;
    -ms-animation-timing-function: linear;
  
}

.empty-animation{
    animation-name: slideInUp; 
    animation-duration: 2s; 
    animation-iteration-count: 1;
    animation-timing-function: linear;
  
  -webkit-animation-name: slideInUp; 
    -webkit-animation-duration: 2s; 
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
  
  -moz-animation-name: slideInUp; 
    -moz-animation-duration: 2s;
    -moz-animation-iteration-count: 1;
    -moz-animation-timing-function: linear;
  
  -ms-animation-name: slideInUp; 
    -ms-animation-duration: 2s; 
    -ms-animation-iteration-count: 1;
    -ms-animation-timing-function: linear;
  
}

@keyframes rotateme {
    
     0% {
        transform: rotate(0deg);
        opacity: 1;
      }

    50% {
        transform: rotate(180deg);
      }
    100% {
        transform: rotate(360deg);
        opacity: 1;
      }
}

.about-section .image-column .pattern-layer,
.experiance-section .image-column .border-one,
.experiance-section .image-column .border-three,
.internet-section-two .image-column .icon-layer-one,
.testimonials-thumbs-carousel .pagers-column .circle-one,
.testimonials-thumbs-carousel .pagers-column .circle-three{
    animation-name: rotateme; 
    animation-duration: 15s; 
    animation-iteration-count: infinite;
    animation-timing-function: linear;
	
	-webkit-animation-name: rotateme; 
    -webkit-animation-duration: 15s; 
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
	
	-moz-animation-name: rotateme; 
    -moz-animation-duration: 15s; 
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
	
	-ms-animation-name: rotateme; 
    -ms-animation-duration: 15s; 
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
	
	-o-animation-name: rotateme; 
    -o-animation-duration: 15s; 
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear;
}

@keyframes rotateme2 {
    
     0% {
        transform: rotate(0deg);
        opacity: 1;
      }

    50% {
        transform: rotate(-180deg);
      }
    100% {
        transform: rotate(-360deg);
        opacity: 1;
      }
}

.experiance-section .image-column .border-two,
.internet-section-two .image-column .icon-layer-two,
.testimonials-thumbs-carousel .pagers-column .circle-two{
    animation-name: rotateme2;
    animation-duration: 15s; 
    animation-iteration-count: infinite;
    animation-timing-function: linear;
	
	-webkit-animation-name: rotateme2; 
    -webkit-animation-duration: 15s; 
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
	
	-moz-animation-name: rotateme2; 
    -moz-animation-duration: 15s; 
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
	
	-ms-animation-name: rotateme2; 
    -ms-animation-duration: 15s; 
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
	
	-o-animation-name: rotateme2; 
    -o-animation-duration: 15s; 
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear;
}

/* Bob Up Down*/

@-webkit-keyframes float_up_down {
  0% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    opacity: 1;
  }

  50% {
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    opacity: 1;
  }
}

@keyframes float_up_down {
  0% {
    transform: translateY(0px);
    transform: translateY(0px);
    opacity: 1;
  }

  50% {
    transform: translateY(30px);
    transform: translateY(30px);
    opacity: 1;
  }

  100% {
    transform: translateY(0px);
    transform: translateY(0px);
    opacity: 1;
  }
}

.main-slider-four .options,
.main-slider .pattern-layer,
.main-footer .pattern-layer-one,
.main-footer .pattern-layer-two,
.main-slider-two .pattern-layer-one,
.featured-section-two .pattern-layer-two,
.services-section-two .pattern-layer-one,
.services-section-two .pattern-layer-two,
.about-section .image-column .mb-box,
.tv-section .image-column .image,
.tv-section.style-two .image-column .image img,
.broadband-section .image-column .mb-box{
    animation-name: float_up_down; 
    animation-duration: 5s; 
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    
    -webkit-animation-name: float_up_down; 
    -webkit-animation-duration: 5s; 
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    
    -moz-animation-name: float_up_down; 
    -moz-animation-duration: 5s; 
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    
    -ms-animation-name: float_up_down; 
    -ms-animation-duration: 5s; 
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    
    -o-animation-name: float_left_right; 
    -o-animation-duration: 5s; 
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear;
}

/* Bob */
@-webkit-keyframes float_left_right {
  0% {
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
    opacity: 1;
  }

  50% {
    -webkit-transform: translateX(100px);
    transform: translateX(100px);
    opacity: 0.40;
  }

  100% {
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
    opacity: 1;
  }
}

@keyframes float_left_right {
  0% {
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
    opacity: 1;
  }

  50% {
    -webkit-transform: translateX(100px);
    transform: translateX(100px);
    opacity: 0.40;
  }

  100% {
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
    opacity: 1;
  }
}

.empty-animation{
    animation-name: float_left_right; 
    animation-duration: 30s; 
    animation-iteration-count: infinite;
    animation-timing-function: linear;
  
  -webkit-animation-name: float_left_right; 
    -webkit-animation-duration: 30s; 
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
  
  -moz-animation-name: float_left_right; 
    -moz-animation-duration: 30s; 
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
  
  -ms-animation-name: float_left_right; 
    -ms-animation-duration: 30s; 
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
  
  -o-animation-name: float_left_right; 
    -o-animation-duration: 30s; 
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear;
}

@-webkit-keyframes float_left_right_two {
  0% {
    -webkit-transform: translateX(-30px);
    opacity: 1;
  }

  50% {
    -webkit-transform: translateX(0px);
    opacity: 0.80;
  }

  100% {
    -webkit-transform: translateX(-30px);
    opacity: 1;
  }
}

@keyframes float_left_right_two {
  0% {
    transform: translateX(-30px);
    opacity: 1;
  }

  50% {
    transform: translateX(0px);
    opacity: 0.80;
  }

  100% {
    transform: translateX(-30px);
    opacity: 1;
  }
}


.author-slider-section .pattern-layer{
    animation-name: float_left_right_two; 
    animation-duration: 5s; 
    animation-iteration-count: infinite;
    animation-timing-function: linear;
  
  -webkit-animation-name: float_left_right_two; 
    -webkit-animation-duration: 5s; 
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
  
  -moz-animation-name: float_left_right_two; 
    -moz-animation-duration: 5s; 
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
  
  -ms-animation-name: float_left_right_two; 
    -ms-animation-duration: 5s; 
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
  
  -o-animation-name: float_left_right_two; 
    -o-animation-duration: 5s; 
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear;
}


@-webkit-keyframes zoom-fade {
  0% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }

  50% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  100% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
}

.video-block-three .inner-box .image .video-box,
.banner-section .circle-layer{
    animation-name: zoom-fade; 
    animation-duration: 6s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
	
	-webkit-animation-name: zoom-fade; 
    -webkit-animation-duration: 6s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
	
	-moz-animation-name: zoom-fade; 
    -moz-animation-duration: 6s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
	
	-ms-animation-name: zoom-fade; 
    -ms-animation-duration: 6s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
	
	-o-animation-name: zoom-fade; 
    -o-animation-duration: 6s; 
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear;
}


/* ================================================================
   FOOTER CSS
   Combined into main.css - original rules preserved
================================================================ */


/*** 

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

***/

.main-footer{
	position:relative;
	background-color:var(--main-color-two);
}

.main-footer .pattern-layer-one{
	position:absolute;
	left:0px;
	bottom:140px;
	width:449px;
	height:350px;
	background-repeat:no-repeat;
}

.main-footer .pattern-layer-two{
	position:absolute;
	right:0px;
	bottom:140px;
	width:472px;
	height:388px;
	background-repeat:no-repeat;
}

.main-footer .widgets-section{
	position:relative;
	text-align:center;
	padding:210px 0px 110px;
}

.main-footer .logo{
	position:relative;
	line-height:1em;
	margin-bottom:var(--margin-bottom-50);
}

.main-footer .contact-info-list{
	position:relative;
}

.main-footer .contact-info-list li{
	position:relative;
	text-align:left;
	line-height:1.9em;
	color:var(--white-color);
	padding-left:var(--padding-left-60);
	margin-right:var(--margin-right-100);
	margin-bottom:var(--margin-bottom-30);
	display:inline-table;
}

.main-footer .contact-info-list li:last-child{
	margin-right:var(--margin-zero);
}

.main-footer .contact-info-list li a{
	position:relative;
	display:inline-block;
	color:var(--white-color);
}

.main-footer .contact-info-list li .icon{
	position:absolute;
	left:0px;
	top:0px;
	line-height:1em;
}

.main-footer .contact-info-list li a:hover{
	color:var(--main-color);
}

.main-footer .social-box{
	position:relative;
	margin-top:var(--margin-top-40);
}

.main-footer .social-box li{
	position:relative;
	margin:0px 6px;
	display:inline-block;
}

.main-footer .social-box li a{
	position:relative;
	width:40px;
	height:40px;
	line-height:40px;
	border-radius:50px;
	display:inline-block;
	color:var(--white-color);
	background-color:var(--main-color);
}

.main-footer .social-box li a:hover{
	color:var(--main-color);
	background-color:var(--white-color);
}

.main-footer .social-box.style-two li a{
	background: linear-gradient(to left, var(--main-color-twentytwo) 0%, var(--main-color-eighteen) 100%);
}

.main-footer .social-box.style-two li a:hover{
	background-image:none;
	background-color:var(--white-color) !important;
}

.main-footer .footer-bottom{
	position:relative;
	padding:34px 0px;
	text-align:center;
	background-color:#010a2e;
}

.main-footer .footer-bottom .copyright{
	position:relative;
	font-size:var(--font-15);
	color:var(--white-color);
}

.main-footer .footer-bottom .copyright a{
	position:relative;
	color:var(--main-color);
}

.main-footer .footer-bottom .copyright a:hover{
	color:var(--white-color);
}

.main-footer.style-two{
	background-color:var(--main-color-three);
}

.main-footer.style-two .widgets-section{
	padding-top:190px;
}

.main-footer.style-two .footer-bottom{
	background-color:#01274e
}

/* Style Three */

.main-footer.style-three{
	background-color:var(--dark-color-three);
}

.main-footer.style-three .footer-bottom{
	background-color:#080f19;
}

.main-footer.style-three .social-box li a{
	background-color:var(--main-color-four);
}

.main-footer.style-three .social-box li a:hover{
	color:var(--white-color);
	background-color:var(--main-color-five);
}

.main-footer.style-three .contact-info-list li a:hover{
	color:var(--main-color-four);
}

.main-footer.style-three .footer-bottom .copyright a{
	color:var(--main-color-four);
}

/*** 

====================================================================
	Footer Style Two
====================================================================

***/

.footer-style-two{
	position:relative;
	padding:260px 0px 0px;
	margin-top:-180px;
	background-position:left bottom;
	background-repeat:no-repeat;
	background-color: var(--dark-color-four);
}

.footer-style-two .pattern-layer{
	position:absolute;
	right:0px;
	bottom:0px;
	width:100%;
	height:670px;
	background-position:right bottom;
	background-repeat:no-repeat;
}

.footer-style-two .footer-widget{
	position:relative;
	margin-bottom:40px;
}

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

.footer-style-two .footer-widget h5{
	color:var(--white-color);
	margin-top:var(--margin-top-25);
	margin-bottom:var(--margin-bottom-25);
	font-family:var(--font-family-Sen);
}

.footer-style-two .logo-widget{
	position:relative;
}

.footer-style-two .logo-widget .logo{
	position:relative;
	margin-bottom:var(--margin-bottom-20);
}

.footer-style-two .logo-widget .text{
	position:relative;
	color:var(--white-color);
	font-size: var(--font-16);
	font-family:var(--font-family-DM-Sans);
	margin-bottom:var(--margin-bottom-25);
}

.footer-style-two .logo-widget .social-box{
	position:relative;
}

.footer-style-two .logo-widget .social-box li{
	position:relative;
	margin-right:5px;
	margin-bottom:4px;
	display:inline-block;
}

.footer-style-two .logo-widget .social-box li a{
	position:relative;
	width:40px;
	height:40px;
	line-height:40px;
	text-align:center;
	border-radius:50px;
	display:inline-block;
	color:var(--white-color);
	font-size:var(--font-14);
	transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
	background-color:var(--white-color-opicity-three);
}

.footer-style-two .logo-widget .social-box li a:hover{
	background-color:var(--white-color);
	color:var(--main-color-seven);
}

/* List Link Three */

.quick-links{
	position:relative;
}

.quick-links li{
	position:relative;
	margin-bottom:var(--margin-bottom-15);
}

.quick-links li a{
	position:relative;
	font-weight:500;
	color:var(--white-color);
	font-size:var(--font-16);
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
	font-family:var(--font-family-DM-Sans);
}

.quick-links li a:hover{
	color:var(--main-color-seven);
	text-decoration:underline;
}

.footer-style-two .newsletter-widget .text{
	font-weight:400;
	color:var(--white-color);
	font-size:var(--font-16);
	margin-bottom:var(--margin-bottom-25);
	font-family:var(--font-family-DM-Sans);
}

/* Email Form */

.newsletter-form-two{
	position:relative;
}

.newsletter-form-two .form-group{
	position:relative;
	margin:0px;
	width:100%;
}

.newsletter-form-two .form-group input[type="text"],
.newsletter-form-two .form-group input[type="email"]{
	position:relative;
	line-height:24px;
	display:block;
	font-size:var(--font-14);
	height:60px;
	width:100%;
	z-index:1;
	color:var(--white-color);
	box-shadow:inherit;
	border-radius:5px;
	font-weight:400;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	background:none;
	padding:7px 15px 7px 25px;
	border:1px solid var(--white-color-opicity-two)
}

.newsletter-form-two .form-group input::placeholder,
.newsletter-form-two .form-group textarea::placeholder{
	color:var(--white-color);
}

.newsletter-form-two .form-group input[type="text"]:focus,
.newsletter-form-two .form-group input[type="email"]:focus{
	
}

.newsletter-form-two .form-group .theme-btn{
	position:absolute;
	right:5px;
	top:5px;
	padding:10px 28px;
	font-size:var(--font-14);
}

.footer-style-two .footer-bottom{
	position:relative;
}

.footer-style-two .footer-bottom .inner-container{
	position:relative;
	padding:22px 0px;
	border-top:1px solid var(--white-color-opicity-three);
}

.footer-style-two .footer-bottom .copyright-column{
	position:relative;
}

.footer-style-two .footer-bottom .copyright-column .copyright{
	position:relative;
	color:var(--white-color);
	font-size:var(--font-16); 
}

.footer-style-two .footer-bottom .copyright-column .copyright a{
	position:relative;
	color:var(--white-color);
}

.footer-style-two .footer-bottom .nav-column{
	position:relative;
	text-align:right;
}

.footer-style-two .footer-bottom .nav-column .footer-bottom-nav{
	position:relative;
}

.footer-style-two .footer-bottom .nav-column .footer-bottom-nav li{
	position:relative;
	line-height:1em;
	display:inline-block;
	margin-right:var(--margin-right-15);
	padding-right:var(--padding-right-15);
	border-right:1px solid var(--white-color-opicity-three);
}

.footer-style-two .footer-bottom .nav-column .footer-bottom-nav li a{
	position:relative;
	color:var(--white-color);
	font-size:var(--font-16);
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.footer-style-two .footer-bottom .nav-column .footer-bottom-nav li a:hover{
	color:var(--main-color-seven);
}

.footer-style-two .footer-bottom .nav-column .footer-bottom-nav li:last-child{
	padding-right:var(--padding-zero);
	margin-right:var(--margin-zero);
	border:0px;
}

/*** 

====================================================================
	Footer Style Three
====================================================================

***/

.footer-style-three{
	position:relative;
	padding:260px 0px 0px;
	margin-top:40px;
	background-color: var(--dark-color-seven);
}

.footer-style-three .shadow-layer{
	position:absolute;
	right:0px;
	bottom:0px;
	width:100%;
	height:50px;
	background-position:right bottom;
	background-repeat:no-repeat;
}

.footer-style-three .footer-widget{
	position:relative;
	padding-bottom:var(--padding-bottom-40);
}

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

.footer-style-three .footer-widget h5{
	color:var(--white-color);
	margin-top:var(--margin-top-25);
	padding-bottom:var(--padding-bottom-10);
	margin-bottom:var(--margin-bottom-25);
	font-family:var(--font-family-Sen);
}

.footer-style-three .footer-widget h5:before{
	position:absolute;
	content:'';
	left:0px;
	bottom:0px;
	width:40px;
	height:3px;
	background: var(--main-color-ten);
	background: -webkit-linear-gradient(to right, var(--main-color-ten) 0%, var(--main-color-eleven) 100%);
	background: -moz-linear-gradient(to right, var(--main-color-ten) 0%, var(--main-color-eleven) 100%);
	background: linear-gradient(to right, var(--main-color-ten) 0%, var(--main-color-eleven) 100%);
}

.footer-style-three .logo-widget{
	position:relative;
}

.footer-style-three .logo-widget .logo{
	position:relative;
	margin-bottom:var(--margin-bottom-20);
}

.footer-style-three .logo-widget .text{
	position:relative;
	color:#CECECE;
	line-height:1.7em;
	font-size: var(--font-16);
	font-family:var(--font-family-DM-Sans);
	margin-bottom:var(--margin-bottom-25);
}

.footer-style-three .logo-widget .social-box{
	position:relative;
}

.footer-style-three .logo-widget .social-box li{
	position:relative;
	margin-right:5px;
	margin-bottom:4px;
	display:inline-block;
}

.footer-style-three .logo-widget .social-box li a{
	position:relative;
	width:40px;
	height:40px;
	line-height:40px;
	text-align:center;
	border-radius:50px;
	display:inline-block;
	color:var(--white-color);
	font-size:var(--font-14);
	transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
	background-color:var(--white-color-opicity-three);
}

.footer-style-three .logo-widget .social-box li a:hover{
	background-color:var(--white-color);
	color:var(--main-color-thirteen)
}

/* List Link Three */

.quick-links-two{
	position:relative;
}

.quick-links-two li{
	position:relative;
	margin-bottom:var(--margin-bottom-10);
}

.quick-links-two li a{
	position:relative;
	font-weight:400;
	color:#CECECE;
	font-size:var(--font-16);
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
	font-family:var(--font-family-DM-Sans);
}

.quick-links-two li a:hover{
	color:var(--main-color-thirteen);
	text-decoration:underline;
}

.footer-style-three .newsletter-widget .text{
	font-weight:400;
	line-height:1.6em;
	color:var(--white-color);
	font-size:var(--font-16);
	margin-bottom:var(--margin-bottom-25);
	font-family:var(--font-family-DM-Sans);
}

/* Email Form */

.newsletter-form-four{
	position:relative;
}

.newsletter-form-four .form-group{
	position:relative;
	margin:0px;
	width:100%;
}

.newsletter-form-four .form-group input[type="text"],
.newsletter-form-four .form-group input[type="email"]{
	position:relative;
	line-height:24px;
	display:block;
	font-size:var(--font-14);
	height:56px;
	width:100%;
	z-index:1;
	color:var(--white-color);
	box-shadow:inherit;
	border-radius:50px;
	font-weight:400;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	background:none;
	padding:7px 15px 7px 25px;
	border:1px solid var(--white-color-opicity-two)
}

.newsletter-form-four .form-group input::placeholder,
.newsletter-form-four .form-group textarea::placeholder{
	color:var(--white-color);
}

.newsletter-form-four .form-group input[type="text"]:focus,
.newsletter-form-four .form-group input[type="email"]:focus{
	
}

.newsletter-form-four .form-group .theme-btn{
	position:absolute;
	right:8px;
	top:8px;
	width:40px;
	height:40px;
	line-height:40px;
	border-radius:50px;
	text-align:center;
	font-size:var(--font-14);
	color:var(--white-color);
	background: var(--main-color-ten);
	background: -webkit-linear-gradient(to right, var(--main-color-ten) 0%, var(--main-color-eleven) 100%);
	background: -moz-linear-gradient(to right, var(--main-color-ten) 0%, var(--main-color-eleven) 100%);
	background: linear-gradient(to right, var(--main-color-ten) 0%, var(--main-color-eleven) 100%);
}

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

.footer-style-three .contact-list li{
	position:relative;
	color:#cecece;
	padding-left:var(--padding-left-50);
	margin-bottom:var(--margin-bottom-15);
}

.footer-style-three .contact-list li .icon{
	position:absolute;
	left:0px;
	top:0px;
	width:35px;
	height:35px;
	line-height:33px;
	border-radius:50px;
	text-align:center;
	display:inline-block;
	color:var(--white-color);
	border:1px solid var(--white-color-opicity-two);
}

.footer-style-three .footer-bottom{
	position:relative;
	text-align:center;
}

.footer-style-three .footer-bottom .inner-container{
	padding:22px 0px;
	border-top:1px solid var(--white-color-opicity-three);
}

.footer-style-three .footer-bottom .copyright{
	position:relative;
	color:var(--white-color);
	font-size:var(--font-16);
	font-family:var(--font-family-DM-Sans);
}

.footer-style-three .footer-bottom .copyright a{
	position:relative;
	color:var(--white-color);
}

/*** 

====================================================================
	Footer Style four
====================================================================

***/
.footer-style-four{
	position:relative;
	background-color:var(--main-color-two);
}

.footer-style-four .pattern-layer-one{
	position:absolute;
	left:0px;
	bottom:140px;
	width:449px;
	height:350px;
	background-repeat:no-repeat;
}

.footer-style-four .pattern-layer-two{
	position:absolute;
	right:0px;
	bottom:140px;
	width:472px;
	height:388px;
	background-repeat:no-repeat;
}

.footer-style-four .widgets-section{
	position:relative;
	text-align:center;
	padding:210px 0px 110px;
}
  .cspir-curve-footer:before {
	position: absolute;
	content: '';
	right: -3%;
	left: -3%;
	border-radius: 0 0 100% 100%;
	overflow-x: hidden;
	background-color: #1685b500;
	height: 250px;
	bottom: 0;
	box-shadow: 2px 0 0 115px #080523;
  }
  .cspir-curve-footer {
	position: relative;
	overflow: hidden;
	min-height: 100px;
  }
  .footer-wrap {
	padding: 100px 0 50px;
  }
  .footer-widget.post-widget {
	padding-right: 45px;
  }
  .footer-widget .cspir-logo {
	padding-bottom: 23px;
  }
  .footer-widget {
	color: #ffffff;
	padding-bottom: 35px;
  }
  .footer-widget p {
	color: #ffffff;
	line-height: 26px;
	margin-bottom: 0;
	padding-bottom: 20px;
  }
  .woocommerce .footer-widget p {
	color: #dcdcdc;
  }
  .footer-widget h3 {
	font-size: 22px;
  }
  .footer-widget .cspir-btns-group {
	padding-top: 17px;
  }
  .footer-widget ul li {
	padding: 0 0 8px 24px;
	position: relative;
  }
  .footer-widget ul li:last-child {
	padding-bottom: 0;
  }
  .footer-widget ul li a {
	color: #d4d4d4;
  }
  .footer-widget ul li a:hover {
	color: #ff5c97;
  }
  .footer-widget ul {
	padding: 0;
	margin: 0;
	list-style: none;
  }
  .footer-widget strong,
  .footer-widget b {
	color: #d4d4d4;
  }
  .footer-widget ul ul {
	padding: 8px 0 0;
  }
  .widget_text .nice-select {
	margin-bottom: 0;
  }
  .footer-widget ul li:before {
	position: absolute;
	top: 11px;
	left: 0;
	width: 6px;
	height: 6px;
	content: "";
	background-color: #4c25c4;
	-webkit-border-radius: 100%;
	-ms-border-radius: 100%;
	border-radius: 100%;
	z-index: 1;
  }
  .footer-widget .nice-select ul li:before {
	content: none;
  }
  .footer-widget.featured-project-widget ul li:before {
	content: none;
  }
  span.cspir-menu-badge {
	background: #ff5c97;
	margin-left: 8px;
	font-size: 12px;
	text-transform: uppercase;
	padding: 2px 10px;
	border-radius: 10px;
	position: relative;
	top: -4px;
  }
  .footer-link ul li i {
	min-width: 18px;
	margin-right: 3px;
  }
  .cspir-contact {
	padding-top: 11px;
  }
  .cspir-contact h6 {
	font-size: 16px;
  }
  .contact-link {
	padding-bottom: 5px;
	font-weight: 600;
  }
  .footer-widget .contact-link {
	font-weight: 500;
	float: left;
  }
  .contact-link a {
	color: inherit;
  }
  .footer-widget .caspiar-contact .contact-link a {
	display: block;
	width: auto;
	font-size: 17px;
	font-weight: 400;
	
  }
  .footer-widget .contact-link {
	font-weight: 500;
	width: auto;
	float: left;
	display: inline-block;
	margin: 0;
	padding-right: 55px;
  }
  .footer-widget .contact-link:last-child {
	padding-right: 0;
  }
  .footer-widget .caspiar-contact {
	display: inline-block;
	width: 100%;
	background: #191732;
	padding: 22px 30px 18px;
	border-radius: 10px;
  }
  .footer-widget .contact-link h6 {
	color: #ff5c97;
	font-size: 15px;
	text-transform: uppercase;
	display: inline-block;
	float: left;
  }
  .first-widget-item {
	padding-right: 60px;
  }
  .third-widget-item {
	padding-left: 40px;
  }
  .footer-widget .widget-title {
	padding-bottom: 30px;
	font-weight: 600;
	margin-bottom: 0;
	color: #ff5c97;
  }
  .footer-link ul {
	padding: 0;
	margin: 0;
	list-style: none;
  }
  .footer-link ul li {
	padding: 0 0 14px 0;
	position: relative;
  }
  .footer-link ul li:before {
	content: none;
  }
  .footer-link ul li a {
	display: inline-block;
	color: #ece9e9;
	
  }
  .post-item {
	padding-bottom: 17px;
  }
   .post-item h6 {
	font-size: 16px;
	line-height: 26px;
	padding-bottom: 4px;
  }
   .post-date {
	font-size: 14px;
  }
  .post-title {
	padding-bottom: 4px;
	color: #999999;
  }
  .post-title a {
	color: inherit;
  }
  .post-date {
	color: #777777;
  }
  .footer-widget .post-date {
	color: #d9d9d9;
  }
  .featured-projects {
	padding-top: 5px;
  }
  .featured-projects ul {
	padding: 0;
	margin: 0 -7px;
	list-style: none;
  }
  .featured-projects ul:before, 
  .featured-projects ul:after {
	display: table;
	content: "";
  }
  .featured-projects ul:after {
	clear: both;
  }
  .featured-projects ul li {
	float: left;
	width: 50%;
	padding: 0 7px 12px;
  }
  .cspir-post {
	padding-right: 45px;
  }
  .footer-spacer {
	padding-right: 10px;
  }
  .cspir-copyright {
	padding: 16px 0 16px;
	display: inline-block;
	width: 100%;
	color: #ffffff;
	font-size: 16px;
  }
  .cspir-copyright p {
	padding-bottom: 0;
	color: #c7c7c7;
	font-size: 16px;
	margin-bottom: 0;
	padding-top: 10px;
  }
  .cspir-copyright p a,
  .cspir-copyright a {
	color: #ffffff;
  }
  .cspir-copyright a:hover {
	color: #fff;
  }
  /* Cspir Sticky Footer */
  .cspir-sticky-footer .main-wrap-inner {
	background: #ffffff;
	position: relative;
	z-index: 1;
  }
  .cspir-sticky-footer .cspir-footer {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 0;
  }


/* ================================================================
   WHATSAPP FLOAT CSS
   Combined into main.css - original rules preserved
================================================================ */

/* ================================
   Floating WhatsApp Button
   Markup is injected by js/whatsapp-float.js
   ================================ */

a.wa-float {
    position: fixed;
    bottom: 20px;
    left: 20px;
    z-index: 9999;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 18px 10px 10px;
    border-radius: 50px;
    background: #25D366;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: .3px;
    text-decoration: none;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    transition: background .3s ease, box-shadow .3s ease, transform .3s ease;
}

a.wa-float:hover,
a.wa-float:focus,
a.wa-float:active,
a.wa-float:visited {
    color: #fff;
    text-decoration: none;
}

a.wa-float:hover,
a.wa-float:focus {
    background: #1ebe5b;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.22);
    transform: translateY(-2px);
}

a.wa-float:focus-visible {
    outline: 3px solid #fff;
    outline-offset: 2px;
}

.wa-float__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 6px;
    border-radius: 50%;
    background: #fff;
    flex: 0 0 auto;
}

.wa-float__icon img {
    display: block;
    width: 20px;
    height: 20px;
}

@media (max-width: 480px) {
    a.wa-float {
        bottom: 16px;
        left: 16px;
        padding: 8px;
        gap: 0;
    }

    .wa-float__label {
        display: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    a.wa-float,
    a.wa-float:hover,
    a.wa-float:focus {
        transition: none;
        transform: none;
    }
}

/* ================================================================
   LARGER MODERN LOGO
================================================================ */

.modern-logo {
    width: 76px;
    height: 76px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.modern-logo img {
    width: 76px;
    height: 76px;
    object-fit: contain;
    display: block;
}

@media (max-width: 768px) {
    .modern-logo,
    .modern-logo img {
        width: 68px;
        height: 68px;
    }
}