/* Flaxoc Fashion Ecommerce Business HTML Template */
/************ TABLE OF CONTENTS ***************
1. Fonts
2. Reset
3. Global
4. Main Header
5. Main Slider / Two / Three / Four
6. Featured Section / Two / Three
7. Fashion Section / Two
8. Testimonial Section / Two / Three
9. Product Section / Two / Three / Four / Five
10. Sponsors Section / Two
11. Dress Section / Two
12. Brand Section / Two / Three / Four / Five
13. Fluid Section One
14. News Section
15. Newsletter Section / Two
16. Main Footer
17. Sale Section
18. Address Section
19. Info Section
20. CTA Section
21. Collection Section
22. Video Section
23. Category Section
24. Mega Section
25. Page Title
26. Cart Section
27. Checkout Section
28. Register Section
29. Wishlist Section
30. Blog Widgets
31. Not Found
32. About Section
33. Info Section
34. Map Section
35. Form Section
**********************************************/
/*
font-family: 'Outfit', sans-serif;
font-family: 'Jost', sans-serif;
font-family: 'Josefin Sans', sans-serif;
font-family: 'Archivo', sans-serif;
*/
/***
====================================================================
Root Code Variables
====================================================================
***/
/* Theme Color */
:root {
/* #EA1B25 in decimal RGB */
--main-color: rgb(234,27,37);
--main-color-rgb:234,27,37;
/* #00C34E in decimal RGB */
--color-two: rgb(0,195,78);
--color-two-rgb:0,195,78;
/* #6D6F78 in decimal RGB */
--color-three: rgb(109,111,120);
--color-three-rgb:109,111,120;
/* #f2f3f6 in decimal RGB */
--color-four: rgb(242,243,246);
--color-four-rgb:242,243,246;
/* #020202 in decimal RGB */
--color-five: rgb(2,2,2);
--color-five-rgb:2,2,2;
/* #272727 in decimal RGB */
--color-six: rgb(39,39,39);
--color-six-rgb:39,39,39;
/* #FF7425 in decimal RGB */
--color-seven: rgb(225,116,37);
--color-seven-rgb:225,116,37;
/* #FDAD11 in decimal RGB */
--color-eight: rgb(253,173,17);
--color-eight-rgb:253,173,17;
/* #212123 in decimal RGB */
--color-nine: rgb(33,33,35);
--color-nine-rgb:33,33,35;
/* #f6f7f8 in decimal RGB */
--color-ten: rgb(246,247,248);
--color-ten-rgb:246,247,248;
/* #F8F8F9 in decimal RGB */
--color-eleven: rgb(248,248,249);
--color-eleven-rgb:248,248,249;
/* #787981 in decimal RGB */
--color-twelve: rgb(120,121,129);
--color-twelve-rgb:120,121,129;
/* #FFB41B in decimal RGB */
--color-thirteen: rgb(255,180,27);
--color-thirteen-rgb:255,180,27;
/* #121416 in decimal RGB */
--color-fourteen: rgb(18,20,22);
--color-fourteen-rgb:18,20,22;
/* #1B1A1A in decimal RGB */
--color-fifteen: rgb(27,26,26);
--color-fifteen-rgb:27,26,26;
/* #888686 in decimal RGB */
--color-sixteen: rgb(136,134,134);
--color-sixteen-rgb:136,134,134;
/* #f7f7f9 in decimal RGB */
--color-seventeen: rgb(247,247,249);
--color-seventeen-rgb:247,247,249;
/* #0E0A0A in decimal RGB */
--color-eighteen: rgb(14,10,10);
--color-eighteen-rgb:14,10,10;
/* #f1f1f3 in decimal RGB */
--color-nineteen: rgb(241,241,243);
--color-nineteen-rgb:241,241,243;
/* #050505 in decimal RGB */
--color-twenty: rgb(5,5,5);
--color-twenty-rgb:5,5,5;
/* #131F35 in decimal RGB */
--color-twentyone: rgb(19,31,53);
--color-twentyone-rgb:19,31,53;
/* #9695A0 in decimal RGB */
--color-twentytwo: rgb(150,149,160);
--color-twentytwo-rgb:150,149,160;
/* #F3F3F3 in decimal RGB */
--color-twentythree: rgb(243,243,243);
--color-twentythree-rgb:243,243,243;
/* #F9F5F2 in decimal RGB */
--color-twentyfour: rgb(249,245,242);
--color-twentyfour-rgb:249,245,242;
/* #FF9316 in decimal RGB */
--color-twentyfive: rgb(255,147,22);
--color-twentyfive-rgb:255,147,22;
/* #9197A3 in decimal RGB */
--color-twentysix: rgb(145,151,163);
--color-twentysix-rgb:145,151,163;
/* #FF7A00 in decimal RGB */
--color-twentyseven: rgb(255,122,0);
--color-twentyseven-rgb:255,122,0;
/* #e4f8f8 in decimal RGB */
--color-twentyeight: rgb(228,248,248);
--color-twentyeight-rgb:228,248,248;
/* #07CCE7 in decimal RGB */
--color-twentynine: rgb(7,204,231);
--color-twentynine-rgb:7,204,231;
/* #445658 in decimal RGB */
--color-thirty: rgb(68,86,88);
--color-thirty-rgb:68,86,88;
/* #F6F6FC in decimal RGB */
--color-thirtyone: rgb(246,246,252);
--color-thirtyone-rgb:246,246,252;
/* #DCDDE1 in decimal RGB */
--color-thirtytwo: rgb(220,221,225);
--color-thirtytwo-rgb:220,221,225;
/* #404040 in decimal RGB */
--color-thirtythree: rgb(64,64,64);
--color-thirtythree-rgb:64,64,64;
/* #999999 in decimal RGB */
--color-thirtyfour: rgb(153,153,153);
--color-thirtyfour-rgb:153,153,153;
/* #E6E9EF in decimal RGB */
--color-thirtyfive: rgb(230,233,239);
--color-thirtyfive-rgb:230,233,239;
/* #4D4B4B in decimal RGB */
--color-thirtysix: rgb(77,75,75);
--color-thirtysix-rgb:77,75,75;
/* #F5F6FC in decimal RGB */
--color-thirtyseven: rgb(245,246,252);
--color-thirtyseven-rgb:245,246,252;
/* #1EB1DF in decimal RGB */
--color-thirtyeight: rgb(30,177,223);
--color-thirtyeight-rgb:30,177,223;
/* #FF622E in decimal RGB */
--color-thirtynine: rgb(255,98,46);
--color-thirtynine-rgb:255,98,46;
/* #e8edf3 in decimal RGB */
--color-fourty: rgb(232,237,243);
--color-fourty-rgb:232,237,243;
/* #A8ABB9 in decimal RGB */
--color-fourtyone: rgb(168,171,185);
--color-fourtyone-rgb:168,171,185;
/* #797881 in decimal RGB */
--color-fourtytwo: rgb(121,120,129);
--color-fourtytwo-rgb:121,120,129;
/* #EDEEF3 in decimal RGB */
--color-fourtythree: rgb(237,238,243);
--color-fourtythree-rgb:237,238,243;
/* #E7EAF0 in decimal RGB */
--color-fourtyfour: rgb(231,234,240);
--color-fourtyfour-rgb:231,234,240;
/* #f9f9fd in decimal RGB */
--color-fourtyfive: rgb(249,249,253);
--color-fourtyfive-rgb:249,249,253;
/* #DAD6D6 in decimal RGB */
--color-fourtysix: rgb(218,214,214);
--color-fourtysix-rgb:218,214,214;
/* #060605 in decimal RGB */
--color-fourtyseven: rgb(6,5,5);
--color-fourtyseven-rgb:6,5,5;
/* #E2E2E2 in decimal RGB */
--color-fourtyeight: rgb(226,226,226);
--color-fourtyeight-rgb:226,226,226;
/* #3E4044 in decimal RGB */
--color-fourtynine: rgb(62,64,68);
--color-fourtynine-rgb:62,64,68;
/* #D9D9D9 in decimal RGB */
--color-fifty: rgb(217,217,217);
--color-fifty-rgb:217,217,217;
/* #444446 in decimal RGB */
--color-fiftyone: rgb(68,68,70);
--color-fiftyone-rgb:68,68,70;
/* #CCCCCC in decimal RGB */
--color-fiftytwo: rgb(204,204,204);
--color-fiftytwo-rgb:204,204,204;
/* #0F0E0E in decimal RGB */
--color-fiftythree: rgb(15,14,14);
--color-fiftythree-rgb:15,14,14;
/* #444141 in decimal RGB */
--color-fiftyfour: rgb(68,65,65);
--color-fiftyfour-rgb:68,65,65;
/* #363944 in decimal RGB */
--color-fiftyfive: rgb(54,57,68);
--color-fiftyfive-rgb:54,57,68;
/* #8D8884 in decimal RGB */
--color-fiftysix: rgb(141,136,132);
--color-fiftysix-rgb:141,136,132;
/* #0B0B0B in decimal RGB */
--color-fiftyseven: rgb(11,11,11);
--color-fiftyseven-rgb:11,11,11;
/* #E5E5E5 in decimal RGB */
--color-fiftyeight: rgb(229,229,229);
--color-fiftyeight-rgb:229,229,229;
/* #F6F6F6 in decimal RGB */
--color-fiftynine: rgb(246,246,246);
--color-fiftynine-rgb:246,246,246;
/* #77787B in decimal RGB */
--color-sixty: rgb(119,120,123);
--color-sixty-rgb:119,120,123;
/* #14212B in decimal RGB */
--color-sixtyone: rgb(20,33,43);
--color-sixtyone-rgb:20,33,43;
/* #696866 in decimal RGB */
--color-sixtytwo: rgb(105,104,102);
--color-sixtytwo-rgb:105,104,102;
/* #F9F9F9 in decimal RGB */
--color-sixtythree: rgb(249,249,249);
--color-sixtythree-rgb:249,249,249;
/* #EDEDED in decimal RGB */
--color-sixtyfour: rgb(237,237,237);
--color-sixtyfour-rgb:237,237,237;
/* #F2F6F7 in decimal RGB */
--color-sixtyfive: rgb(242,246,247);
--color-sixtyfive-rgb:242,246,247;
/* #555555 in decimal RGB */
--color-sixtysix: rgb(85,85,85);
--color-sixtysix-rgb:85,85,85;
/* #08151F in decimal RGB */
--color-sixtyseven: rgb(8,21,31);
--color-sixtyseven-rgb:8,21,31;
/* #E2E4ED in decimal RGB */
--color-sixtyeight: rgb(226,228,237);
--color-sixtyeight-rgb:226,228,237;
/* #807A7A in decimal RGB */
--color-sixtynine: rgb(128,122,122);
--color-sixtynine-rgb:128,122,122;
/* #949392 in decimal RGB */
--color-seventy: rgb(148,147,146);
--color-seventy-rgb:148,147,146;
/* #F8F8FB in decimal RGB */
--color-seventyone: rgb(248,248,251);
--color-seventyone-rgb:248,248,251;
/* #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;
/* #010101 Heading Color in decimal RGB */
--heading-color:rgb(1,1,1);
/* Fonts */
--font-family-Outfit: 'Outfit', sans-serif;
--font-family-Jost: 'Jost', sans-serif;
--font-family-Josefin: 'Josefin Sans', sans-serif;
--font-family-Inter: 'Inter', sans-serif;
--font-family-Roboto: 'Roboto', sans-serif;
--font-family-Archivo: 'Archivo', sans-serif;
--font-family-DMSans: 'DM Sans', sans-serif;
/* Fonts Size's */
--font-8: 8px;
--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-21: 21px;
--font-22: 22px;
--font-23: 23px;
--font-24: 24px;
--font-26: 26px;
--font-28: 28px;
--font-30: 30px;
--font-32: 32px;
--font-34: 34px;
--font-35: 35px;
--font-36: 36px;
--font-38: 38px;
--font-40: 40px;
--font-42: 42px;
--font-44: 44px;
--font-45: 45px;
--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-76: 76px;
--font-78: 78px;
--font-80: 80px;
--font-85: 85px;
--font-90: 90px;
--font-95: 95px;
--font-100: 100px;
--font-110: 110px;
--font-120: 120px;
--font-130: 130px;
--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-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-110: 110px;
--margin-top-120: 120px;
--margin-top-140: 140px;
--margin-top-150: 150px;
--margin-top-160: 160px;
/* 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-120: 120px;
--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-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-170: 170px;
--padding-top-180: 180px;
--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-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-120: 120px;
--padding-bottom-150: 150px;
--padding-bottom-200: 200px;
--padding-bottom-250: 250px;
}
@font-face {
font-family: 'Pecita';
src: url('../fonts/Pecita.eot');
src: url('../fonts/Pecita.eot?#iefix') format('embedded-opentype'),
url('../fonts/Pecita.woff2') format('woff2'),
url('../fonts/Pecita.woff') format('woff'),
url('../fonts/Pecita.ttf') format('truetype');
font-weight: normal;
font-style: normal;
font-display: swap;
}
/***
====================================================================
Reset
====================================================================
***/
* {
margin:0px;
padding:0px;
border:none;
outline:none;
}
/***
====================================================================
Global Settings
====================================================================
***/
body {
font-family:var(--font-family-Jost);
color:var(--dark-color);
font-weight:400;
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
}
.bordered-layout .page-wrapper{
padding:0px 50px 0px;
}
a{
text-decoration:none;
cursor:pointer;
color:var(--main-color);
}
.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-Archivo);
color:var( --color-eighteen );
}
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:28.8px;
color:var(--color-six);
font-size:var(--font-16);
}
/* Typography */
h1{
line-height:58px;
font-weight:500;
font-size:var(--font-50);
}
h2{
line-height:50px;
font-weight:500;
font-size:var(--font-34);
}
h3{
line-height:1.3em;
font-size:var(--font-30);
}
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);
}
/***
====================================================================
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:1340px;
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;
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
====================================================================
***/
/* Backto Up */
.progress-wrap {
position: fixed;
right: 30px;
bottom: 40px;
height: 40px;
width: 40px;
cursor: pointer;
display: block;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
box-shadow: inset 0 0 0 2px rgba(255, 23, 73, 0.2);
z-index: 99;
opacity: 0;
visibility: hidden;
-webkit-transition: all 200ms linear;
transition: all 200ms linear;
transform: translateY(15px);
-webkit-transform: translateY(15px);
-moz-transform: translateY(15px);
-ms-transform: translateY(15px);
-o-transform: translateY(15px);
}
.progress-wrap.active-progress {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.progress-wrap::after {
position: absolute;
content: '\f062';
font-family: 'FontAwesome';
text-align: center;
line-height: 40px;
font-size: 17px;
color: var(--main-color);
left: 0;
top: 0;
height: 40px;
width: 40px;
cursor: pointer;
display: block;
z-index: 1;
-webkit-transition: all 200ms linear;
transition: all 200ms linear;
}
.progress-wrap svg path {
fill: none;
}
.progress-wrap svg.progress-circle path {
stroke: var(--main-color);
stroke-width: 4;
box-sizing: border-box;
-webkit-transition: all 200ms linear;
transition: all 200ms linear;
}
/* 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-weight:300;
font-family: "Flaticon";
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;
text-align:center;
padding: 19px 36px;
display:inline-flex;
color: var(--white-color);
font-size: var(--font-15);
text-transform: capitalize;
font-family: var(--font-family-Jost);
background-color: var(--black-color);
}
.btn-style-one:hover{
color: var(--white-color);
background-color: var(--main-color);
}
.btn-style-one .icon{
position:relative;
z-index:1;
top:0px;
height:22px;
font-weight:normal;
display:inline-block;
font-family: "flaticon";
font-size: var(--font-16);
transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
margin-left:var(--margin-left-15);
}
.btn-style-one:hover .icon{
color: var(--white-color);
}
/* Btn Style Two */
.btn-style-two{
position: relative;
font-weight:500;
overflow: hidden;
text-align:center;
padding: 15px 30px;
display:inline-block;
color: var(--white-color);
font-size: var(--font-15);
text-transform: capitalize;
background-color:var(--main-color);
font-family: var(--font-family-Jost);
background-color: var(--black-color);
}
.btn-style-two:before{
-webkit-transition-duration: 800ms;
transition-duration: 800ms;
position: absolute;
width: 200%;
height: 200%;
content: "";
top: -200%;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
border-radius: 50%;
z-index: 1;
background-color: var(--white-color);
}
.btn-style-two:hover:before{
top: 0%;
}
.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(--black-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(--black-color);
}
.btn-style-two:hover{
}
.btn-style-two .icon{
position:relative;
z-index:1;
font-weight:normal;
font-family: "flaticon";
font-size: var(--font-16);
transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
margin-left:var(--margin-left-15);
}
.btn-style-two:hover .icon{
color: var(--black-color);
}
.btn-style-two:hover:before{
top: -40%;
}
.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-35);
}
.sec-title .title{
position:relative;
padding:6px 17px;
display:inline-block;
color:var(--black-color);
font-size:var(--font-15);
margin-bottom:var(--margin-bottom-10);
}
.sec-title .title:before{
position:absolute;
content:'';
left:0px;
top:0px;
right:0px;
bottom:0px;
background:url(../images/icons/vector-1.png) no-repeat;
}
.sec-title h2{
color:var(--black-color);
text-transform:capitalize;
font-family:var(--font-family-Jost);
}
.sec-title h2 span{
position:relative;
}
.sec-title h2 span:before{
position:absolute;
content:'';
left:0px;
bottom:7px;
right:0px;
height:4px;
z-index:-1;
background:url(../images/icons/vector-2.png) center bottom;
background-repeat:no-repeat;
}
.sec-title .text{
color:var(--color-twelve);
margin-top:var(--margin-top-15);
}
.sec-title.light .text{
color:var(--color-six);
}
.sec-title.light h2{
color:var(--white-color);
}
.sec-title.centered{
text-align: center !important;
}
/* Custom Select */
.form-group .ui-selectmenu-button.ui-button{
width:100%;
font-style:normal;
line-height:28px;
font-size:var(--font-14);
color:var(--color-fiftyfour);
padding: 0px 0px;
border:0px;
font-family:var(--font-family-Outfit);
background-color: var(--white-color);
}
.form-group .ui-button .ui-icon{
background:none;
position:relative;
top:12px;
text-indent:0px;
color:#a5a5a5;
}
.form-group .ui-button .ui-icon:before{
font-family: 'FontAwesome';
content: "\f107";
position:absolute;
right:0px;
top:2px !important;
top:13px;
width:10px;
height:20px;
display:block;
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);
}