/* Gonet - Broadband Internet Service HTML Template */

/************ TABLE OF CONTENTS ***************

1. Fonts
2. Reset
3. Global
4. Main Header / Two / Three / Four / Five / Six
5. Main Slider / Two / Three / Four / Five
6. Ride One
7. Price One / Two
8. Broadband One
9. Package One
10. Switch One
11. Faq One / Two
12. Testimonial One / Two / Three
13. Info One
14. Main Footer / Two / Three / Four
15. Banner One
16. Service One / Two
17. Shows One
18. Score One
19. About One / Two
20. Featured One / Two
21. CTA One / Two / Three
22. Satellite One
23. Network One
24. Switch One
25. News One / Two
26. Channel One
27. Gallery One
28. Media One
29. Area One
30. Play One
31. App One
32. Upgrade One
33. Page Title
34. Pricing One
35. Service Detail
36. Our Shop
37. Shop Widgets
38. Shop Sidebar
39. Our Blog
40. Blog Widgets
41. Blog Comments
42. Contact Form
43. Map

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

/* 
	
	font-family: 'Lexend Deca', sans-serif;
    font-family: 'Plus Jakarta Sans', sans-serif;
	
*/

/*** 

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

***/

/* Theme Color */

:root {
	
	/* #1044C1 in decimal RGB */
    --main-color: rgb(16,68,193);
    --main-color-rgb:16,68,193;
  
    /* #F97103 in decimal RGB */
    --color-two: rgb(29,35,50);
    --color-two-rgb:29,35,50;
  
    /* #EEF0F4 in decimal RGB */
    --color-three: rgb(238,240,244);
    --color-three-rgb:238,240,244;
    
    /* #1D2332 in decimal RGB */
    --color-four: rgb(29,35,50);
    --color-four-rgb:29,35,50;

    /* #050A16 in decimal RGB */
    --color-five: rgb(5,10,22);
    --color-five-rgb:5,10,22;

    /* #717171 in decimal RGB */
    --color-six: rgb(113,113,113);
    --color-six-rgb:113,113,113;

    /* #B0B0B0 in decimal RGB */
    --color-seven: rgb(176,176,176);
    --color-seven-rgb:176,176,176;

    /* #FED928 in decimal RGB */
    --color-eight: rgb(254,217,40);
    --color-eight-rgb:254,217,40;
    
    /* #EDEDEF in decimal RGB */
    --color-nine: rgb(237,237,239);
    --color-nine-rgb:237,237,239;

    /* #0099FE in decimal RGB */
    --color-ten: rgb(0,153,254);
    --color-ten-rgb:0,153,254;
    
    /* #ECEEF5 in decimal RGB */
    --color-eleven: rgb(236,238,248);
    --color-eleven-rgb:236,238,248;
    
    /* #B1B6C0 in decimal RGB */
    --color-twelve: rgb(177,182,192);
    --color-twelve-rgb:177,182,192;

    /* #00B67A in decimal RGB */
    --color-thirteen: rgb(0,182,122);
    --color-thirteen-rgb:0,182,122;

    /* #BCBFC5 in decimal RGB */
    --color-fourteen: rgb(188,191,197);
    --color-fourteen-rgb:188,191,197;

    /* #82848B in decimal RGB */
    --color-fifteen: rgb(130,132,139);
    --color-fifteen-rgb:130,132,139;

    /* #171719 in decimal RGB */
    --color-sixteen: rgb(23,23,25);
    --color-sixteen-rgb:23,23,25;
    
    /* #D21519 in decimal RGB */
    --color-seventeen: rgb(210,21,25);
    --color-seventeen-rgb:210,21,25;

    /* #181818 in decimal RGB */
    --color-eighteen: rgb(24,24,24);
    --color-eighteen-rgb:24,24,24;

    /* #070506 in decimal RGB */
    --color-nineteen: rgb(7,5,6);
    --color-nineteen-rgb:7,5,6;

    /* #FF2227 in decimal RGB */
    --color-twenty: rgb(255,34,39);
    --color-twenty-rgb:255,34,39;

    /* #737373 in decimal RGB */
    --color-twentyone: rgb(115,115,115);
    --color-twentyone-rgb:115,115,115;

    /* #171C44 in decimal RGB */
    --color-twentytwo: rgb(23,28,68);
    --color-twentytwo-rgb:23,28,68;
    
    /* #242225 in decimal RGB */
    --color-twentythree: rgb(36,34,37);
    --color-twentythree-rgb:36,34,37;
    
    /* #B9BAC0 in decimal RGB */
    --color-twentyfour: rgb(185,186,192);
    --color-twentyfour-rgb:185,186,192;

    /* #1C1C1C in decimal RGB */
    --color-twentyfive: rgb(28,28,28);
    --color-twentyfive-rgb:28,28,28;

    /* #838282 in decimal RGB */
    --color-twentysix: rgb(131,130,130);
    --color-twentysix-rgb:131,130,130;
    
    /* #3A53E3 in decimal RGB */
    --color-twentyseven: rgb(58,83,227);
    --color-twentyseven-rgb:58,83,227;

    /* #F73D80 in decimal RGB */
    --color-twentyeight: rgb(247,61,128);
    --color-twentyeight-rgb:247,61,128;

    /* #29282B in decimal RGB */
    --color-twentynine: rgb(41,40,43);
    --color-twentynine-rgb:41,40,43;

    /* #F7F7FA in decimal RGB */
    --color-thirty: rgb(247,247,250);
    --color-thirty-rgb:247,247,250;

    /* #5F6168 in decimal RGB */
    --color-thirtyone: rgb(95,97,104);
    --color-thirtyone-rgb:95,97,104;
    
    /* #C3D2F6 in decimal RGB */
    --color-thirtytwo: rgb(195,210,246);
    --color-thirtytwo-rgb:195,210,246;
    
    /* #696C73 in decimal RGB */
    --color-thirtythree: rgb(105,108,115);
    --color-thirtythree-rgb:105,108,115;

    /* #0B0B0D in decimal RGB */
    --color-thirtyfour: rgb(11,11,13);
    --color-thirtyfour-rgb:11,11,13;

    /* #212121 in decimal RGB */
    --color-thirtyfive: rgb(33,33,33);
    --color-thirtyfive-rgb:33,33,33;
    
    /* #A5ABB8 in decimal RGB */
    --color-thirtysix: rgb(165,171,184);
    --color-thirtysix-rgb:165,171,184;
    
    /* #ff9935 in decimal RGB */
    --color-thirtyseven: rgb(255,153,53);
    --color-thirtyseven-rgb:255,153,53;

    /* #F3242E in decimal RGB */
    --color-thirtyeight: rgb(243,36,46);
    --color-thirtyeight-rgb:243,36,46;
    
    /* #151821 in decimal RGB */
    --color-thirtynine: rgb(21,24,33);
    --color-thirtynine-rgb:21,24,33;
    
    /* #CDCDCD in decimal RGB */
    --color-fourty: rgb(21,24,33);
    --color-fourty-rgb:21,24,33;

	/* #777B86 in decimal RGB */
    --color-fourtyone: rgb(119,123,134);
    --color-fourtyone-rgb:119,123,134;
	
	/* #EDEEF3 in decimal RGB */
    --color-fourtytwo: rgb(237,238,243);
    --color-fourtytwo-rgb:237,238,243;

	/* #797881 in decimal RGB */
    --color-fourtythree: rgb(121,120,129);
    --color-fourtythree-rgb:121,120,129;
	
	/* #EDEDED in decimal RGB */
    --color-fourtyfour: rgb(237,237,237);
    --color-fourtyfour-rgb:237,237,237;
	
	/* #787C81 in decimal RGB */
    --color-fourtyfive: rgb(120,124,129);
    --color-fourtyfive-rgb:120,124,129;
	
	/* #F8F8F9 in decimal RGB */
    --color-fourtysix: rgb(248,248,249);
    --color-fourtysix-rgb:248,248,249;
	
	/* #777B83 in decimal RGB */
    --color-fourtyseven: rgb(119,123,131);
    --color-fourtyseven-rgb:119,123,131;
	
	/* #F9FAFB in decimal RGB */
    --color-fourtyeight: rgb(249,250,251);
    --color-fourtyeight-rgb:249,250,251;

	/* #8A879F in decimal RGB */
    --color-fourtynine: rgb(138,135,159);
    --color-fourtynine-rgb:138,135,159;

	/* #6B6B71 in decimal RGB */
    --color-fifty: rgb(107,107,113);
    --color-fifty-rgb:107,107,113;

	/* #020014 in decimal RGB */
    --color-fiftyone: rgb(2,0,20);
    --color-fiftyone-rgb:2,0,20;




  /* #ffffff in decimal RGB */
  --white-color:rgb(255,255,255);
  --white-color-rgb:255,255,255;
  
  /* #000000 in decimal RGB */
  --black-color:rgb(0,0,0);
  --black-color-rgb:0,0,0;
  
    

  /* Fonts */
  --font-family-LexendDeca: 'Lexend Deca', sans-serif;
  --font-family-PlusJakarta: 'Plus Jakarta Sans', sans-serif;
  
/* Fonts Size's */
  
  --font-8: 8px;
  --font-10: 10px;
  --font-11: 11px;
  --font-12: 12px;
  --font-13: 13px;
  --font-14: 14px;
  --font-15: 15px;
  --font-16: 16px;
  --font-17: 17px;
  --font-18: 18px;
  --font-20: 20px;
  --font-21: 21px;
  --font-22: 22px;
  --font-24: 24px;
  --font-25: 25px;
  --font-26: 26px;
  --font-28: 28px;
  --font-30: 30px;
  --font-32: 32px;
  --font-34: 34px;
  --font-35: 35px;
  --font-36: 36px;
  --font-37: 37px;
  --font-38: 38px;
  --font-40: 40px;
  --font-42: 42px;
  --font-44: 44px;
  --font-45: 45px;
  --font-46: 46px;
  --font-48: 48px;
  --font-49: 49px;
  --font-50: 50px;
  --font-52: 52px;
  --font-54: 54px;
  --font-55: 55px;
  --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-75: 75px;
  --font-76: 76px;
  --font-78: 78px;
  --font-80: 80px;
  --font-85: 85px;
  --font-90: 90px;
  --font-93: 93px;
  --font-95: 95px;
  --font-100: 100px;
  --font-110: 110px;
  --font-115: 115px;
  --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-left-120: 120px;
  
  /* Margin Top Variables */
  --margin-top-5: 5px;
  --margin-top-10: 10px;
  --margin-top-15: 15px;
  --margin-top-20: 20px;
  --margin-top-21: 21px;
  --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-top-120: 120px;
  --margin-top-140: 140px;
  --margin-top-150: 150px;
  
  /* 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-130: 130px;
  --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-110: 110px;
  --padding-left-115: 115px;
  --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-125: 125px;
  --padding-top-130: 130px;
  --padding-top-140: 140px;
  --padding-top-150: 150px;
  --padding-top-180: 180px;
  --padding-top-200: 200px;
  --padding-top-240: 240px;
  
  /* 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-120: 120px;
  --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-110: 110px;
  --padding-bottom-120: 120px;
  --padding-bottom-130: 130px;
  --padding-bottom-140: 140px;
  --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-LexendDeca);
	font-size:14px;
	color:var(--dark-color);
	line-height:1.6em;
	font-weight:400;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
}

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

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

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

/* Preloader */

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

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

section{
    z-index: 1;
}

.text-right{
	text-align:right;
}

.mCSB_inside > .mCSB_container{
	margin-right:var(--margin-zero) !important;
}

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-family:var(--font-family-LexendDeca);
}

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;
	font-size:var(--font-16);
	color:var(--color-seven);
}

/* Typography */

h1{
	line-height:80px;
	font-size:var(--font-70);
}

h2{
	line-height:65px;
	font-weight:500;
	font-size:var(--font-55);
}

h3{
	line-height:1.3em;
	font-weight:400;
	font-size:var(--font-40);
}

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

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

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

/***

====================================================================
	Social Icon One
====================================================================

***/

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

.social-icon-one li{
	position:relative;
	display:inline-block;
	margin-right:var(--margin-right-10);
}

.social-icon-one li a{
	position:relative;
	width:48px;
	height:48px;
	line-height:46px;
	text-align:center;
	border-radius:50px;
	display:inline-block;
	color:var(--white-color);
	border:1px solid rgba(var(--white-color-rgb), 0.1);
}

.social-icon-one li a:hover{
	color:var(--white-color);
	border-color:var(--main-color);
	background-color:var(--main-color);
}

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

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

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

/***

====================================================================
	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-20);
	text-transform:uppercase;
	line-height:38px;
	text-align:center;
	z-index:100;
	cursor:pointer;
	display:none;
	background:var(--white-color);
	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;
    font-family: 'Font Awesome 5 Pro';
}

.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(--black-color);
	font-size:var(--font-16);
	margin-bottom:var(--margin-bottom-10);
	padding-left:var(--padding-left-40);
}

.list-style-one li strong{
	display:block;
}

.list-style-one li a{
	position:relative;
	color:var(--black-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:8px;
	line-height:1em;
	font-family: 'Font Awesome 5 Pro';
	color:var(--main-color);
	font-size:var(--font-24);
	-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;
	font-weight:500;
    overflow: hidden;
	text-align:center;
    border-radius: 5px;
	padding: 18px 50px;
	display:inline-block;
    letter-spacing: 1px;
	color: var(--white-color);
	font-size: var(--font-14);
	text-transform: uppercase;
    background-color: var(--color-five);
    font-family:var(--font-family-LexendDeca);
}

.btn-style-one::before{
	-webkit-transition-duration: 800ms;
	transition-duration: 800ms;
	position: absolute;
	left: -50px;
    top: 100%;
	content: "";
	right: -50px;
    bottom: -50px;
	
	border-radius: 50%;
	background-color: var(--main-color);
    transition:all 600ms ease;
	-moz-transition:all 600ms ease;
	-webkit-transition:all 600ms ease;
	-ms-transition:all 600ms ease;
	-o-transition:all 600ms ease;
}

.btn-style-one:hover::before{
    top: -20px;
}

.btn-style-one .btn-wrap{
	position:relative;
	z-index:1;
	float:left;
    overflow: hidden;
    display: inline-block;
}

.btn-style-one .btn-wrap .text-one{
	position: relative;
	display: block;
	color: var(--white-color);
	transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
}

.btn-style-one:hover .btn-wrap  .text-one:first-child{
	-webkit-transform: translateY(-150%);
    -ms-transform: translateY(-150%);
    transform: translateY(-150%);
}

.btn-style-one .btn-wrap .text-two{
	position: absolute;
    top: 100%;
    display: block;
	color: var(--white-color);
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.btn-style-one:hover .btn-wrap .text-two{
	top: 50%;
    -webkit-transform: translateY(-50%); 
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.btn-style-one:hover .btn-wrap .text-two{
	color: var(--white-color);
}

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

/* Btn Style Two */

.btn-style-two{
	position: relative;
	font-weight:500;
    overflow: hidden;
	text-align:center;
    border-radius: 5px;
	padding: 18px 35px;
	display:inline-block;
    letter-spacing: 1px;
	color: var(--white-color);
	font-size: var(--font-14);
	text-transform: uppercase;
    background-color: var(--main-color);
    font-family:var(--font-family-LexendDeca);
}

.btn-style-two::before{
	-webkit-transition-duration: 800ms;
	transition-duration: 800ms;
	position: absolute;
	left: -50px;
    top: 100%;
	content: "";
	right: -50px;
    bottom: -50px;
	
	border-radius: 50%;
	background-color: var(--color-five);
    transition:all 600ms ease;
	-moz-transition:all 600ms ease;
	-webkit-transition:all 600ms ease;
	-ms-transition:all 600ms ease;
	-o-transition:all 600ms ease;
}

.btn-style-two:hover::before{
    top: -20px;
}

.btn-style-two .btn-wrap{
	position:relative;
	z-index:1;
	float:left;
    overflow: hidden;
    display: inline-block;
}

.btn-style-two .btn-wrap .text-one{
	position: relative;
	display: block;
	color: var(--white-color);
	transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
}

.btn-style-two:hover .btn-wrap  .text-one:first-child{
	-webkit-transform: translateY(-150%);
    -ms-transform: translateY(-150%);
    transform: translateY(-150%);
}

.btn-style-two .btn-wrap .text-two{
	position: absolute;
    top: 100%;
    display: block;
	color: var(--white-color);
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.btn-style-two:hover .btn-wrap .text-two{
	top: 50%;
    -webkit-transform: translateY(-50%); 
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.btn-style-two:hover .btn-wrap .text-two{
	color: var(--white-color);
}

/* Btn Style Three */

.btn-style-three{
	position: relative;
	font-weight:500;
    overflow: hidden;
	text-align:center;
    border-radius: 5px;
	padding: 18px 55px;
	display:inline-block;
    letter-spacing: 1px;
	color: var(--white-color);
	font-size: var(--font-14);
	text-transform: uppercase;
    background-color: var(--color-seventeen);
    font-family:var(--font-family-LexendDeca);
}

.btn-style-three::before{
	-webkit-transition-duration: 800ms;
	transition-duration: 800ms;
	position: absolute;
	left: -50px;
    top: 100%;
	content: "";
	right: -50px;
    bottom: -50px;
	border-radius: 50%;
	background-color: var(--white-color);
    transition:all 600ms ease;
	-moz-transition:all 600ms ease;
	-webkit-transition:all 600ms ease;
	-ms-transition:all 600ms ease;
	-o-transition:all 600ms ease;
}

.btn-style-three:hover::before{
    top: -20px;
}

.btn-style-three .btn-wrap{
	position:relative;
	z-index:1;
	float:left;
    overflow: hidden;
    display: inline-block;
}

.btn-style-three .btn-wrap .text-one{
	position: relative;
	display: block;
	color: var(--white-color);
	transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
}

.btn-style-three:hover .btn-wrap  .text-one:first-child{
	-webkit-transform: translateY(-150%);
    -ms-transform: translateY(-150%);
    transform: translateY(-150%);
}

.btn-style-three .btn-wrap .text-two{
	position: absolute;
    top: 100%;
    display: block;
	color: var(--color-seventeen);
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.btn-style-three:hover .btn-wrap .text-two{
	top: 50%;
    -webkit-transform: translateY(-50%); 
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.btn-style-three:hover .btn-wrap .text-two{
	color: var(--color-seventeen);
}

/* Btn Style Four */

.btn-style-four{
	position: relative;
	font-weight:500;
    overflow: hidden;
	text-align:center;
    border-radius: 5px;
	padding: 18px 55px;
	display:inline-block;
    letter-spacing: 1px;
	color: var(--black-color);
	font-size: var(--font-14);
	text-transform: uppercase;
    background-color: var(--white-color);
    font-family:var(--font-family-LexendDeca);
}

.btn-style-four::before{
	-webkit-transition-duration: 800ms;
	transition-duration: 800ms;
	position: absolute;
	left: -50px;
    top: 100%;
	content: "";
	right: -50px;
    bottom: -50px;
	border-radius: 50%;
	background-color: var(--color-seventeen);
    transition:all 600ms ease;
	-moz-transition:all 600ms ease;
	-webkit-transition:all 600ms ease;
	-ms-transition:all 600ms ease;
	-o-transition:all 600ms ease;
}

.btn-style-four:hover::before{
    top: -20px;
}

.btn-style-four .btn-wrap{
	position:relative;
	z-index:1;
	float:left;
    overflow: hidden;
    display: inline-block;
}

.btn-style-four .btn-wrap .text-one{
	position: relative;
	display: block;
	color: var(--black-color);
	transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
}

.btn-style-four:hover .btn-wrap  .text-one:first-child{
	-webkit-transform: translateY(-150%);
    -ms-transform: translateY(-150%);
    transform: translateY(-150%);
}

.btn-style-four .btn-wrap .text-two{
	position: absolute;
    top: 100%;
    display: block;
	color: var(--white-color);
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.btn-style-four:hover .btn-wrap .text-two{
	top: 50%;
    -webkit-transform: translateY(-50%); 
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

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

/* Btn Style Five */ 

.btn-style-five{
	position: relative;
	font-weight:500;
    overflow: hidden;
	text-align:center;
	padding: 18px 50px;
	display:inline-block;
    letter-spacing: 1px;
	color: var(--color-nineteen);
	font-size: var(--font-14);
	text-transform: uppercase;
    border-radius: 0px 25px;
    background-color: var(--color-eight);
    font-family:var(--font-family-LexendDeca);
}

.btn-style-five::before{
	-webkit-transition-duration: 800ms;
	transition-duration: 800ms;
	position: absolute;
	left: -50px;
    top: 100%;
	content: "";
	right: -50px;
    bottom: -50px;
	border-radius: 50%;
	background-color: var(--white-color);
    transition:all 600ms ease;
	-moz-transition:all 600ms ease;
	-webkit-transition:all 600ms ease;
	-ms-transition:all 600ms ease;
	-o-transition:all 600ms ease;
}

.btn-style-five:hover::before{
    top: -20px;
}

.btn-style-five .btn-wrap{
	position:relative;
	z-index:1;
	float:left;
    overflow: hidden;
    display: inline-block;
}

.btn-style-five .btn-wrap .text-one{
	position: relative;
	display: block;
	color: var(--black-color);
	transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
}

.btn-style-five:hover .btn-wrap  .text-one:first-child{
	-webkit-transform: translateY(-150%);
    -ms-transform: translateY(-150%);
    transform: translateY(-150%);
}

.btn-style-five .btn-wrap .text-two{
	position: absolute;
    top: 100%;
    display: block;
	color: var(--color-nineteen);
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.btn-style-five:hover .btn-wrap .text-two{
	top: 50%;
    -webkit-transform: translateY(-50%); 
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.btn-style-five:hover .btn-wrap .text-two{
	color: var(--color-nineteen);
}

/* Btn Style Six */ 

.btn-style-six{
	position: relative;
	font-weight:500;
    overflow: hidden;
	text-align:center;
	padding: 18px 50px;
	display:inline-block;
    letter-spacing: 1px;
	color: var(--white-color);
	font-size: var(--font-14);
	text-transform: uppercase;
    border-radius: 0px 25px;
    background-color: var(--color-eighteen);
    font-family:var(--font-family-LexendDeca);
}

.btn-style-six::before{
	-webkit-transition-duration: 800ms;
	transition-duration: 800ms;
	position: absolute;
	left: -50px;
    top: 100%;
	content: "";
	right: -50px;
    bottom: -50px;
	border-radius: 50%;
	background-color: var(--white-color);
    transition:all 600ms ease;
	-moz-transition:all 600ms ease;
	-webkit-transition:all 600ms ease;
	-ms-transition:all 600ms ease;
	-o-transition:all 600ms ease;
}

.btn-style-six:hover::before{
    top: -20px;
}

.btn-style-six .btn-wrap{
	position:relative;
	z-index:1;
	float:left;
    overflow: hidden;
    display: inline-block;
}

.btn-style-six .btn-wrap .text-one{
	position: relative;
	display: block;
	color: var(--white-color);
	transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
}

.btn-style-six:hover .btn-wrap  .text-one:first-child{
	-webkit-transform: translateY(-150%);
    -ms-transform: translateY(-150%);
    transform: translateY(-150%);
}

.btn-style-six .btn-wrap .text-two{
	position: absolute;
    top: 100%;
    display: block;
	color: var(--color-nineteen);
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.btn-style-six:hover .btn-wrap .text-two{
	top: 50%;
    -webkit-transform: translateY(-50%); 
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.btn-style-six:hover .btn-wrap .text-two{
	color: var(--color-nineteen);
}

/* Btn Style Seven */ 

.btn-style-seven{
	position: relative;
	font-weight:500;
    overflow: hidden;
	text-align:center;
	padding: 18px 50px;
	display:inline-block;
    letter-spacing: 1px;
	color: var(--white-color);
	font-size: var(--font-14);
	text-transform: uppercase;
    border-radius: 5px;
    font-family:var(--font-family-LexendDeca); 
    background: linear-gradient(90deg, var(--color-twentyseven) 0%, var(--color-twentyeight) 100%);
}

.btn-style-seven::before{
	-webkit-transition-duration: 800ms;
	transition-duration: 800ms;
	position: absolute;
	left: -50px;
    top: 100%;
	content: "";
	right: -50px;
    bottom: -50px;
	border-radius: 50%;
    transition:all 600ms ease;
	-moz-transition:all 600ms ease;
	-webkit-transition:all 600ms ease;
	-ms-transition:all 600ms ease;
	-o-transition:all 600ms ease;
    background: linear-gradient(90deg, var(--color-twentyeight) 0%, var(--color-twentyseven) 100%);
}

.btn-style-seven:hover::before{
    top: -20px;
}

.btn-style-seven .btn-wrap{
	position:relative;
	z-index:1;
	float:left;
    overflow: hidden;
    display: inline-block;
}

.btn-style-seven .btn-wrap .text-one{
	position: relative;
	display: block;
	color: var(--white-color);
	transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
}

.btn-style-seven:hover .btn-wrap  .text-one:first-child{
	-webkit-transform: translateY(-150%);
    -ms-transform: translateY(-150%);
    transform: translateY(-150%);
}

.btn-style-seven .btn-wrap .text-two{
	position: absolute;
    top: 100%;
    display: block;
	color: var(--white-color);
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.btn-style-seven:hover .btn-wrap .text-two{
	top: 50%;
    -webkit-transform: translateY(-50%); 
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

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

/* Btn Style Eight */

.btn-style-eight{
	position: relative;
	line-height: 30px;
	font-weight:600;
	overflow: hidden;
	text-align:center;
	border-radius:4px;
	display: inline-grid;
	padding: 13px 40px;
	letter-spacing: 0.02em;
	color: var(--white-color);
	font-size: var(--font-14);
	text-transform: uppercase;
	background-color:var(--color-seventeen);
}

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

.btn-style-eight: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(--white-color);
}

.btn-style-eight i{
	position:relative;
	z-index:1;
	top:3px;
	font-style:normal;
	display:inline-block;
	margin-left:var(--margin-left-5);
	font-family: "flaticon";
	-webkit-transition-duration: 800ms;
	transition-duration: 800ms;
}

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

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

/* Btn Style Nine */

.btn-style-nine{
	position: relative;
	line-height: 30px;
	font-weight:600;
	overflow: hidden;
	text-align:center;
	border-radius:4px;
	display: inline-grid;
	padding: 13px 40px;
	letter-spacing: 0.02em;
	color: var(--white-color);
	font-size: var(--font-14);
	text-transform: uppercase;
	background-color:var(--color-thirtyfive);
}

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

.btn-style-nine: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-color:var(--color-seventeen);
}

.btn-style-nine i{
	position:relative;
	z-index:1;
	top:3px;
	font-style:normal;
	display:inline-block;
	margin-left:var(--margin-left-5);
	font-family: "flaticon";
	-webkit-transition-duration: 800ms;
	transition-duration: 800ms;
}

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

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

/* Btn Style Ten */

.btn-style-ten{
	position: relative;
	line-height: 30px;
	font-weight:600;
	overflow: hidden;
	text-align:center;
	border-radius:4px;
	display: inline-grid;
	padding: 13px 40px;
	letter-spacing: 0.02em;
	color: var(--white-color);
	font-size: var(--font-14);
	text-transform: uppercase;
	background-color:var(--color-seventeen);
}

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

.btn-style-ten: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(--color-two);
}

.btn-style-ten i{
	position:relative;
	z-index:1;
	top:3px;
	font-style:normal;
	display:inline-block;
	margin-left:var(--margin-left-5);
	font-family: "flaticon";
	-webkit-transition-duration: 800ms;
	transition-duration: 800ms;
}

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

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

/* Btn Style Eleven */

.btn-style-eleven{
	position: relative;
	line-height: 30px;
	font-weight:600;
	overflow: hidden;
	text-align:center;
    padding: 12px 44px;
	display: inline-grid;
	letter-spacing: 0.02em;
	color: var(--white-color);
	font-size: var(--font-14);
	text-transform: uppercase;
	background-color:var(--color-seventeen);
    background: linear-gradient(90deg, var(--color-twenty) 9.03%, var(--color-thirtyseven) 100%);
}

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

.btn-style-eleven:before{
	-webkit-transition-duration: 400ms;
	transition-duration: 400ms;
	position: absolute;
	width: 4px;
	height: 22px;
	content: "";
	top: 50%;
	left: 0%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 1;
	background: var(--color-two);
}

.btn-style-eleven:after{
	-webkit-transition-duration: 400ms;
	transition-duration: 400ms;
	position: absolute;
	width: 4px;
	height: 22px;
	content: "";
	bottom: 50%;
	right: 0%;
	-webkit-transform: translateY(50%);
	transform: translateY(50%);
	z-index: 1;
	background: var(--color-two);
}

.btn-style-eleven i{
	position:relative;
	z-index:10;
	top:3px;
	font-style:normal;
	display:inline-block;
	margin-left:var(--margin-left-5);
	font-family: "flaticon";
	-webkit-transition-duration: 800ms;
	transition-duration: 800ms;
}

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

.btn-style-eleven:hover:before{
	top: 0px;
    width: 100%;
}

.btn-style-eleven:hover:after{
	bottom: 0px;
    width: 100%;
}

/* Btn Style Twelve */

.btn-style-twelve{
	position: relative;
	line-height: 30px;
	font-weight:600;
	overflow: hidden;
	text-align:center;
    padding: 12px 44px;
	display: inline-grid;
	letter-spacing: 0.02em;
	color: var(--white-color);
	font-size: var(--font-14);
	text-transform: uppercase;
	background-color:var(--color-thirtyeight);
}

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

.btn-style-twelve:before{
	-webkit-transition-duration: 400ms;
	transition-duration: 400ms;
	position: absolute;
	width: 4px;
	height: 22px;
	content: "";
	top: 50%;
	left: 0%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 1;
	background: var(--color-two);
}

.btn-style-twelve:after{
	-webkit-transition-duration: 400ms;
	transition-duration: 400ms;
	position: absolute;
	width: 4px;
	height: 22px;
	content: "";
	bottom: 50%;
	right: 0%;
	-webkit-transform: translateY(50%);
	transform: translateY(50%);
	z-index: 1;
	background: var(--color-two);
}

.btn-style-twelve i{
	position:relative;
	z-index:10;
	top:3px;
	font-style:normal;
	display:inline-block;
	margin-left:var(--margin-left-5);
	font-family: "flaticon";
	-webkit-transition-duration: 800ms;
	transition-duration: 800ms;
}

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

.btn-style-twelve:hover:before{
	top: 0px;
    width: 100%;
}

.btn-style-twelve:hover:after{
	bottom: 0px;
    width: 100%;
}

.theme_color{
	color:var(--main-color);
}

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

/*** 

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

***/

.sec-title{
	position:relative;
	z-index:1;
	margin-bottom:var(--margin-bottom-45);
}

.sec-title_title{
    position: relative;
    font-size: var(--font-18);
    color: var(--color-five);
}

.sec-title_heading{ 
    color: var(--color-five);
	margin-top:var(--margin-top-10);
}

.sec-title_text{
	line-height:32px;
    color:var(--color-seven);
	font-size:var(--font-18);
	margin-top:var(--margin-top-25);
}

.sec-title_text span{
    font-weight: 500;
    color:var(--white-color);
}

.sec-title.light .sec-title_text{
	color:var(--color-twelve);
}

.sec-title.light .sec-title_heading{
	color:var(--white-color);
}

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

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

/* Custom Select */

.form-group .ui-selectmenu-button.ui-button{
	width:100%;
	font-style:normal;
	line-height:28px;
	font-weight:500;
	font-size:var(--font-16);
	color:var(--color-six);
	padding: 0px 0px;
	border:0px;
    background-color: var(--white-color);
}

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

.form-group .ui-button .ui-icon:before{
	font-family: 'Font Awesome 5 Pro';
	content: "\f107";
	position:absolute;
	right:0px;
	top:2px !important;
	top:13px;
	width:10px;
	height:20px;
	display:block;
	line-height:20px;
	font-size:var(--font-16);
	font-weight:normal;
	text-align:center;
	z-index:5;
	color:var(--color-fiftyfour);
}

.ui-menu .ui-menu-item{
	font-size:var(--font-14);
}

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

.ui-state-active, .ui-widget-content .ui-state-active{
	background-color:var(--main-color) !important;
	border-color:var(--main-color) !important;
}

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

.ui-menu-item:hover{
	background-color:var(--main-color);
}