/*-----------------------------------------------------------------------------------
    
    Template Name: Cafe Java - eCommerce HTML Template for Coffee
    Version: 1.0
    
-----------------------------------------------------------------------------------
    
    CSS INDEX
    ===================
    1. Template default CSS
    2. Header style
    3. Slider style
    4. Section title style
    5. Product style
    6. Banner style
    7. Video style
    8. Blog style
    9. Subscribe style
    10. Footer style
    11. Instagram style
    12. Service style
    13. Categories style
    14. Brand logo style
    15. Testimonial style
    16. Bookstore style
    17. Others style
    18. About style
    19. Product details style
    20. Breadcrumb style
    22. Shop style
    23. Sidebar style
    24. Cart style
    25. Order tracking style
    26. Login register style
    27. My account style
    28. Checkout style
    29. Coming soon style
    30. Contact style
    31. Faq style
    32. Compare style
    33. Newsletter style
    34. Product Menu
    
-----------------------------------------------------------------------------------*/
/*@import url("https://use.typekit.net/dry6mgm.css");*/
:root {
  --fontprimary: muli, sans-serif;
  --fonttitle: Bebas Neue, cursive;
  --rufina: Rufina, serif;
  --white: #ffffff;
  --black: #000000;
  --black2: #222222;
  --black3: #888888;
  --black4: #777777;
  --grey: #f8f8f8;
  --colormain: #A67360;
  --colormain2: #733527;
  --bodybg: #010001; }

/*----------------------------------------*/
/*  1. Template default CSS
/*----------------------------------------*/
/*-- Google Font --*/
/*-- Common Style --*/
@keyframes fillToRight {
  0% {
    width: 0; }
  100% {
    width: 100%; } }
*,
*::after,
*::before {
  box-sizing: border-box; }

html,
body {
  height: 100%; }

body {
  line-height: 24px;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  color: #393939;
  font-family: var(--fontprimary); }

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #393939;
  font-weight: 400;
  margin-top: 0;
  font-family: var(--fonttitle);
  letter-spacing: 1px; }

p {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #393939;
  margin-bottom: 15px;
  font-family: var(--fontprimary); }

h1 {
  font-size: 36px; }

h2 {
  font-size: 30px; }

h3 {
  font-size: 24px; }

h4 {
  font-size: 18px; }

h5 {
  font-size: 14px; }

h6 {
  font-size: 12px; }

p:last-child {
  margin-bottom: 0; }

a,
button {
  color: inherit;
  line-height: inherit;
  text-decoration: none;
  cursor: pointer;
  color: var(--black4); }

a,
button,
img,
input,
span {
  transition: all .3s ease 0s; }

img {
  width: auto;
  max-width: 100%; }

*:focus {
  outline: none !important; }

a:focus {
  color: inherit;
  outline: none;
  text-decoration: none; }

a:hover {
  text-decoration: none; }

button,
input[type="submit"] {
  cursor: pointer; }

input[type=checkbox], input[type=radio] {
  box-sizing: border-box;
  padding: 0; }

ul {
  list-style: outside none none;
  margin: 0;
  padding: 0; }

/*-- 
    - Common Classes
-----------------------------------------*/
.sjbvpl {
  overflow: hidden; }

.hidden {
  display: none; }

.i6rc0f {
  clear: both; }

.w6t4ei {
  float: left;
  width: 100%; }

.p9zwyu {
  float: right; }

.gp3gve {
  text-transform: capitalize; }

.m1iy21 {
  text-transform: uppercase; }

.ridra7 {
  background-position: center center;
  background-size: cover; }

.dmczqj {
  position: relative; }

.l1vb78 {
  border-top: 1px solid #dddddd; }

.dcz8bf {
  border-top: 1px solid #b6b6b6; }

.ttl9xd {
  border-top: 1px solid #8b8b8b; }

.dn5d9u {
  border-top: 1px solid #454545; }

.htfbyz {
  border: 1px solid var(--black4); }

.i591tg {
  border-bottom: 1px solid #d8d8d8; }

a:hover {
  color: var(--colormain); }

/*************************
  Basic margin padding
*************************/
.zcjzhc {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0; }

.q53b3i {
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0; }

/*************************
         Margin top
*************************/
.iq19q6 {
  margin-top: 0; }

.dxmlqa {
  margin-top: 5px !important; }

.gaob0w {
  margin-top: 10px; }

.qwyvo2 {
  margin-top: 12px; }

.zg4dr0 {
  margin-top: 15px; }

.owthdx {
  margin-top: 20px; }

.l18hbc {
  margin-top: 25px; }

.af6jw9 {
  margin-top: 30px; }

.krlvpp {
  margin-top: 35px; }

.b7c4at {
  margin-top: 40px; }

.tcmarz {
  margin-top: 45px; }

.xkzozt {
  margin-top: 50px; }

.fdkf7z {
  margin-top: 55px; }

.ubtxvi {
  margin-top: 60px; }

.xyf8ex {
  margin-top: 65px; }

.j7ogw2 {
  margin-top: 70px; }

.y22a43 {
  margin-top: 80px; }

.baixrw {
  margin-top: 90px; }

.igd6mt {
  margin-top: 100px; }
  @media only screen and (max-width: 767px) {
    .igd6mt {
      margin-top: 50px; } }

.ce5dru {
  margin-top: 110px; }

.qhc2uj {
  margin-top: 120px; }

.wa3rav {
  margin-top: 130px; }

.q5rdua {
  margin-top: 140px; }

.c3mkt4 {
  margin-top: 150px; }

.y0iciw {
  margin-top: 160px; }

.bocmp5 {
  margin-top: 155px; }

.bd9ok2 {
  margin-top: 175px; }

/*************************
      Margin right
*************************/
.lwnxza {
  margin-right: 0px; }

.xr12z3 {
  margin-right: 10px; }

.zt7h77 {
  margin-right: 12px; }

.glucre {
  margin-right: 15px; }

.qncgay {
  margin-right: 20px; }

.z8r0zt {
  margin-right: 25px; }

.p1mk5w {
  margin-right: 30px; }

.hpnvwh {
  margin-right: 35px; }

.hl0smk {
  margin-right: 40px; }

.ezem3w {
  margin-right: 45px; }

.f0edlb {
  margin-right: 50px; }

.uub8w2 {
  margin-right: 55px; }

.fpdjc1 {
  margin-right: 60px; }

.m2ivpk {
  margin-right: 65px; }

.idf8ou {
  margin-right: 70px; }

.fqzu8p {
  margin-right: 80px; }

.mccnar {
  margin-right: 90px; }

.dw0me7 {
  margin-right: 100px; }

.n21n95 {
  margin-right: 110px; }

.u9obgw {
  margin-right: 120px; }

.bnd7cw {
  margin-right: 130px; }

.krbjvi {
  margin-right: 140px; }

.ukp0in {
  margin-right: 150px; }

/*************************
      Margin bottom
*************************/
.fsxdv3 {
  margin-bottom: 0; }

.k6i024 {
  margin-bottom: 10px; }

.jzunsg {
  margin-bottom: 12px; }

.aayl6c {
  margin-bottom: 15px; }

.poedxd {
  margin-bottom: 20px; }

.b5vuiu {
  margin-bottom: 25px; }

.f4sg38 {
  margin-bottom: 30px; }

.sfgyzj {
  margin-bottom: 35px; }

.def81q {
  margin-bottom: 40px; }

.rr1dw3 {
  margin-bottom: 37px; }

.dqpn5c {
  margin-bottom: 45px; }

.indrmt {
  margin-bottom: 50px; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .indrmt {
      margin-bottom: 40px; } }
  @media only screen and (max-width: 767px) {
    .indrmt {
      margin-bottom: 30px; } }
  @media only screen and (max-width: 540px) {
    .indrmt {
      margin-bottom: 20px; } }

.mar4y7 {
  margin-bottom: 55px; }

.x5c1s9 {
  margin-bottom: 60px; }

.c9t1ey {
  margin-bottom: 65px; }

.k2wp6d {
  margin-bottom: 70px; }

.seb2ms {
  margin-bottom: 75px; }

.s0xbqm {
  margin-bottom: 80px; }

.tdza6t {
  margin-bottom: 85px; }

.cqotof {
  margin-bottom: 90px; }

.p2ludt {
  margin-bottom: 95px; }

.mdpwlb {
  margin-bottom: 100px; }

.lgi2jl {
  margin-bottom: 110px; }

.zoehsb {
  margin-bottom: 120px; }

.rxy9n0 {
  margin-bottom: 130px; }

.zda43j {
  margin-bottom: 140px; }

.xq0zo7 {
  margin-bottom: 150px; }

/*************************
        Margin left
*************************/
.qhs6jv {
  margin-left: 0; }

.a6ay08 {
  margin-left: 10px; }

.i51wal {
  margin-left: 12px; }

.ps8zxa {
  margin-left: 15px; }

.sjl2sp {
  margin-left: 20px; }

.s7rnsk {
  margin-left: 25px; }

.uw3xo1 {
  margin-left: 30px; }

.r42co0 {
  margin-left: 35px; }

.t9wwdm {
  margin-left: 40px; }

.i0hadf {
  margin-left: 45px; }

.ja908m {
  margin-left: 50px; }

.her22v {
  margin-left: 55px; }

.rlmxfz {
  margin-left: 60px; }

.zaytth {
  margin-left: 70px; }

.d0jofl {
  margin-left: 75px; }

.pronb3 {
  margin-left: 80px; }

.v4rf25 {
  margin-left: 90px; }

.dk8hpz {
  margin-left: 95px; }

.nqo4gc {
  margin-left: 100px; }

.u04ouw {
  margin-left: 105px; }

.r93vgg {
  margin-left: 110px; }

.lugmaj {
  margin-left: 120px; }

.b98tr3 {
  margin-left: 130px; }

.pa5oec {
  margin-left: 135px; }

.eokoj8 {
  margin-left: 140px; }

.bsgmjs {
  margin-left: 145px; }

.qrp79g {
  margin-left: 150px; }

.j1b2sp {
  margin-left: 200px; }

.il6oaw {
  margin-left: 300px; }

.chiwy3 {
  margin-left: -5px; }

/*************************
        Padding top
*************************/
.qdfvdq {
  padding-top: 0; }

.xydj32 {
  padding-top: 5px !important; }

.gzp52e {
  padding-top: 10px; }

.ndcegl {
  padding-top: 15px; }

.gpd2hk {
  padding-top: 20px; }

.kpwcsz {
  padding-top: 25px; }

.wn8tgu {
  padding-top: 30px; }

.wnsa92 {
  padding-top: 35px; }

.gpdklj {
  padding-top: 40px; }

.bfu7ck {
  padding-top: 45px; }

.qn0oti {
  padding-top: 50px; }
  @media only screen and (max-width: 767px) {
    .qn0oti {
      padding-top: 30px; } }

.oja5hj {
  padding-top: 55px; }

.o9gcxp {
  padding-top: 60px; }
  @media only screen and (max-width: 767px) {
    .o9gcxp {
      padding-top: 30px; } }

.jc6psx {
  padding-top: 65px; }

.rtl9ff {
  padding-top: 70px; }

.n1af0q {
  padding-top: 75px; }

.pjflcv {
  padding-top: 85px; }
  @media only screen and (max-width: 767px) {
    .pjflcv {
      padding-top: 45px; } }

.fsmscc {
  padding-top: 80px; }
  @media only screen and (max-width: 767px) {
    .fsmscc {
      padding-top: 50px; } }

.tyz37b {
  padding-top: 95px; }
  @media only screen and (max-width: 767px) {
    .tyz37b {
      padding-top: 45px; } }

.kpibyk {
  padding-top: 90px; }
  @media only screen and (max-width: 767px) {
    .kpibyk {
      padding-top: 40px; } }

.oqwpmn {
  padding-top: 100px; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .oqwpmn {
      padding-top: 70px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .oqwpmn {
      padding-top: 50px; } }
  @media only screen and (max-width: 767px) {
    .oqwpmn {
      padding-top: 50px; } }

.od7gde {
  padding-top: 105px; }
  @media only screen and (max-width: 767px) {
    .od7gde {
      padding-top: 45px; } }

.jxurge {
  padding-top: 110px; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .jxurge {
      padding-top: 60px; } }
  @media only screen and (max-width: 767px) {
    .jxurge {
      padding-top: 50px; } }

.c99tdc {
  padding-top: 115px; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .c99tdc {
      padding-top: 65px; } }
  @media only screen and (max-width: 767px) {
    .c99tdc {
      padding-top: 45px; } }

.g39jxa {
  padding-top: 120px; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .g39jxa {
      padding-top: 70px; } }
  @media only screen and (max-width: 767px) {
    .g39jxa {
      padding-top: 50px; } }

.grm8b6 {
  padding-top: 125px; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .grm8b6 {
      padding-top: 75px; } }
  @media only screen and (max-width: 767px) {
    .grm8b6 {
      padding-top: 45px; } }

.wyhtsu {
  padding-top: 128px; }

.e1ul61 {
  padding-top: 130px; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .e1ul61 {
      padding-top: 80px; } }
  @media only screen and (max-width: 767px) {
    .e1ul61 {
      padding-top: 50px; } }

.mzlyp0 {
  padding-top: 135px; }

.ofdwzt {
  padding-top: 165px; }

.hsvian {
  padding-top: 140px; }

.bomylt {
  padding-top: 150px; }

.cpp654 {
  padding-top: 155px; }

.d3hv1e {
  padding-top: 160px; }

.ggkk93 {
  padding-top: 170px; }

.xum41d {
  padding-top: 180px; }

.ank5w3 {
  padding-top: 185px; }

.f1gyfn {
  padding-top: 190px; }

.ttomjs {
  padding-top: 195px; }

.d7jgqq {
  padding-top: 200px; }

.f7ccj8 {
  padding-top: 220px; }

.umno8t {
  padding-top: 250px; }

.wod4dq {
  padding-top: 210px; }

.a70vzo {
  padding-top: 230px; }

.ldou7l {
  padding-top: 270px; }

.gw7lbk {
  padding-top: 240px; }

.ckxj9y {
  padding-top: 365px; }

.g23bh5 {
  padding-top: 370px; }

.j7dxah {
  padding-top: 380px; }

/*************************
        Padding right
*************************/
.mk8pvp {
  padding-right: 0; }

.lbp4a9 {
  padding-right: 10px; }

.nd6med {
  padding-right: 15px; }

.tk47ct {
  padding-right: 20px; }

.zpvf3q {
  padding-right: 30px; }

.a1s2ii {
  padding-right: 40px; }

.cxm3h2 {
  padding-right: 50px; }

.zf0oro {
  padding-right: 60px; }

.x3np7l {
  padding-right: 70px; }

.tqzunc {
  padding-right: 80px; }

.ptepv2 {
  padding-right: 90px; }

.rg7jgk {
  padding-right: 100px; }

.p8y5ue {
  padding-right: 110px; }

.gwbseq {
  padding-right: 120px; }

.wxt27s {
  padding-right: 130px; }

.n105ch {
  padding-right: 140px; }

.hfvjjs {
  padding-right: 155px; }

.e1yfj6 {
  padding-right: 270px; }

/*************************
        Padding bottom
*************************/
.qdca3h {
  padding-bottom: 0; }

.jbzvyw {
  padding-bottom: 5px !important; }

.g93vzk {
  padding-bottom: 10px; }

.i05pbg {
  padding-bottom: 15px; }

.fklaob {
  padding-bottom: 20px; }

.v75e4u {
  padding-bottom: 25px; }

.b64olm {
  padding-bottom: 30px; }

.lbrrac {
  padding-bottom: 35px; }

.clyhz3 {
  padding-bottom: 40px; }

.yazpb1 {
  padding-bottom: 45px; }

.kvoej0 {
  padding-bottom: 50px; }
  @media only screen and (max-width: 767px) {
    .kvoej0 {
      padding-bottom: 30px; } }

.iqe1kl {
  padding-bottom: 55px; }

.vqrpy9 {
  padding-bottom: 60px; }

.jf7szb {
  padding-bottom: 65px; }

.nmirkn {
  padding-bottom: 70px; }

.l6vty5 {
  padding-bottom: 75px; }

.p5wry1 {
  padding-bottom: 80px; }
  @media only screen and (max-width: 767px) {
    .p5wry1 {
      padding-bottom: 40px; } }

.x2rjey {
  padding-bottom: 85px; }

.sax9mc {
  padding-bottom: 90px; }
  @media only screen and (max-width: 767px) {
    .sax9mc {
      padding-bottom: 40px; } }

.qzcbzt {
  padding-bottom: 95px; }
  @media only screen and (max-width: 767px) {
    .qzcbzt {
      padding-bottom: 45px; } }

.ag1mcb {
  padding-bottom: 100px; }
  @media only screen and (max-width: 767px) {
    .ag1mcb {
      padding-bottom: 50px; } }

.u9c4r5 {
  padding-bottom: 105px; }

.mrs144 {
  padding-bottom: 110px; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .mrs144 {
      padding-bottom: 60px; } }
  @media only screen and (max-width: 767px) {
    .mrs144 {
      padding-bottom: 40px; } }

.qrhozb {
  padding-bottom: 115px; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .qrhozb {
      padding-bottom: 65px; } }
  @media only screen and (max-width: 767px) {
    .qrhozb {
      padding-bottom: 45px; } }

.aawdjo {
  padding-bottom: 120px; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .aawdjo {
      padding-bottom: 70px; } }
  @media only screen and (max-width: 767px) {
    .aawdjo {
      padding-bottom: 50px; } }

.x44dd8 {
  padding-bottom: 125px; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .x44dd8 {
      padding-bottom: 75px; } }
  @media only screen and (max-width: 767px) {
    .x44dd8 {
      padding-bottom: 45px; } }

.eu6knw {
  padding-bottom: 130px; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .eu6knw {
      padding-bottom: 80px; } }
  @media only screen and (max-width: 767px) {
    .eu6knw {
      padding-bottom: 50px; } }

.drwene {
  padding-bottom: 135px; }
  @media only screen and (max-width: 767px) {
    .drwene {
      padding-bottom: 86px; } }

.lwktnc {
  padding-bottom: 140px; }

.yklwlk {
  padding-bottom: 145px; }

.pe7r3f {
  padding-bottom: 150px; }

.w1ypa5 {
  padding-bottom: 160px; }

.b3go9x {
  padding-bottom: 170px; }

.dzbbqk {
  padding-bottom: 190px; }

.v86vqr {
  padding-bottom: 175px; }

.e1rede {
  padding-bottom: 180px; }

.q2x6ca {
  padding-bottom: 280px; }

.ujp22q {
  padding-bottom: 200px; }

.mdz6a2 {
  padding-bottom: 205px; }

.z4y0iq {
  padding-bottom: 210px; }

.lf7skm {
  padding-bottom: 215px; }

.rlq40e {
  padding-bottom: 285px; }

.wbp0xv {
  padding-bottom: 270px; }

.g5wgha {
  padding-bottom: 290px; }

/*************************
    Padding left
*************************/
.kz2gwh {
  padding-left: 0; }

.k6nuf7 {
  padding-left: 10px; }

.bo6p3s {
  padding-left: 15px; }

.aobt9z {
  padding-left: 20px; }

.l77ntn {
  padding-left: 30px; }

.d0414d {
  padding-left: 35px; }

.zyn7ua {
  padding-left: 40px; }

.f6zmsg {
  padding-left: 45px; }

.z46csv {
  padding-left: 50px; }

.mydhxb {
  padding-left: 60px; }

.f8nuwe {
  padding-left: 70px; }

.i4idtw {
  padding-left: 80px; }

.ijbj7k {
  padding-left: 90px; }

.yxcgdi {
  padding-left: 100px; }

.s5vcn9 {
  padding-left: 110px; }

.ap0pxi {
  padding-left: 120px; }

.f3gp4h {
  padding-left: 130px; }

.lb9k1e {
  padding-left: 140px; }

.czictb {
  padding-left: 150px; }

.nk5uzp {
  padding-left: 155px; }

.slnk1a {
  padding-left: 190px; }

/***************************
    Page section padding 
****************************/
.m061mv {
  padding: 0; }

.wveqgb {
  padding: 10px 0; }

.l9zky6 {
  padding: 20px 0; }

.ph1u40 {
  padding: 30px 0; }

.pjpfyp {
  padding: 35px 0; }

.fqtapg {
  padding: 32px 0; }

.xs1agj {
  padding: 40px 0; }

.u7xkzv {
  padding: 50px 0; }

.a753lu {
  padding: 60px 0; }

.ex5cp4 {
  padding: 70px 0; }

.ziy0zh {
  padding: 80px 0; }

.n6oj54 {
  padding: 90px 0; }

.w0rdsn {
  padding: 100px 0; }

.w7rwby {
  padding: 110px 0; }

.ziyxqu {
  padding: 120px 0; }

.p25kgc {
  padding: 130px 0; }

.jyew78 {
  padding: 140px 0; }

.m5v2i6 {
  padding: 150px 0; }

.q1d7ff {
  padding: 160px 0; }

.vf2tga {
  padding: 170px 0; }

.qk4oth {
  padding: 177px 0; }

.rjuu0a {
  padding: 180px 0; }

.k1mebd {
  padding: 190px 0; }

.k2tq4s {
  padding: 200px 0; }

.cx19yz {
  padding: 210px 0; }

.yh9ca0 {
  padding: 220px 0; }

.tbxgkm {
  padding: 290px 0; }

.qrb1k4 {
  padding: 310px 0; }

/***************************
    Page section margin 
****************************/
.sc7e5k {
  margin: 0; }

.u1legl {
  margin: 10px 0; }

.e937zk {
  margin: 15px 0; }

.ubeoak {
  margin: 20px 0; }

.avd9br {
  margin: 30px 0; }

.y3wmna {
  margin: 40px 0; }

.rcgpxt {
  margin: 50px 0; }

.hchqgx {
  margin: 60px 0; }

.sxb7lg {
  margin: 70px 0; }

.wkj351 {
  margin: 80px 0; }

.wb1ix7 {
  margin: 90px 0; }

.yhkcti {
  margin: 100px 0; }

.btb6xy {
  margin: 110px 0; }

.q0daxn {
  margin: 120px 0; }

.a4uafs {
  margin: 130px 0; }

.khboso {
  margin: 140px 0; }

.ss1p2z {
  margin: 150px 0; }

.ubqxlp {
  margin: 290px 0; }

/*-- 
    - Input Placeholder
-----------------------------------------*/
input:-moz-placeholder,
textarea:-moz-placeholder {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

input::-moz-placeholder,
textarea::-moz-placeholder {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

input {
  background: transparent;
  border: 1px solid #dddddd;
  height: 45px;
  box-shadow: none;
  padding-left: 10px;
  font-size: 14px;
  color: #737373;
  width: 100%; }

select {
  width: 100%;
  background: transparent;
  border: 0px solid #eceff8;
  box-shadow: none;
  font-size: 14px;
  color: #737373; }

option {
  background: #fff;
  border: 0px solid #626262;
  padding-left: 10px;
  font-size: 14px; }

input:focus {
  background: #fff; }

textarea {
  resize: vertical;
  background: #eceff8;
  border: 2px solid #eceff8;
  padding: 10px;
  width: 100%;
  font-size: 14px;
  color: #737373; }

textarea:focus {
  background: transparent;
  border: 2px solid #4FC1F0;
  outline: none; }

.rjyzws {
  flex: 0 0 20%;
  max-width: 20%;
  padding-right: 15px;
  padding-left: 15px;
  position: relative;
  width: 100%;
  min-height: 1px; }
  @media only screen and (min-width: 1366px) and (max-width: 1600px) {
    .rjyzws {
      flex: 0 0 25%;
      max-width: 25%; } }
  @media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .rjyzws {
      flex: 0 0 25%;
      max-width: 25%; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .rjyzws {
      flex: 0 0 33.333%;
      max-width: 33.333%; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .rjyzws {
      flex: 0 0 50%;
      max-width: 50%; }
      .rjyzws.n3dte7 {
        flex: 0 0 33.333%;
        max-width: 33.333%; } }
  @media only screen and (max-width: 767px) {
    .rjyzws {
      padding-right: 15px;
      padding-left: 15px;
      flex: 0 0 100%;
      max-width: 100%; }
      .rjyzws.tzuq8l {
        flex: 0 0 50%;
        max-width: 50%; } }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .rjyzws {
      flex: 0 0 50%;
      max-width: 50%; }
      .rjyzws.dsgp4y {
        flex: 0 0 33.333%;
        max-width: 33.333%; } }

/*-- 
    Scroll Up 
-----------------------------------------*/
#scrollUp {
  width: 50px;
  height: 50px;
  background-color: var(--colormain);
  color: #fff;
  right: 40px;
  bottom: 40px;
  text-align: center;
  overflow: hidden;
  border-radius: 50%;
  z-index: 9999; }
  @media only screen and (max-width: 767px) {
    #scrollUp {
      width: 40px;
      height: 40px;
      right: 20px;
      border: 1px solid var(--white); } }
  #scrollUp i {
    display: block;
    line-height: 50px;
    font-size: 22px; }
    @media only screen and (max-width: 767px) {
      #scrollUp i {
        line-height: 34px;
        font-size: 16px; } }
  #scrollUp:hover {
    background-color: var(--colormain); }

.ylr9id {
  height: 100vh; }

.uvidhu {
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 99; }

/*--
    Background Color
------------------------------------------*/
.zyptc4 {
  background-color: #ffffff; }

.m2xdmt {
  background-color: #f9f9f9; }

.sluqk1 {
  background-color: #f9faff; }

.txna76 {
  background-color: #fffdf9; }

.j08o28 {
  background-color: #f2f7f8; }

.y6tkrb {
  background-color: #000000; }

.glak70 {
  background-color: #161616; }

.gvln20 {
  background-color: #1631bd; }

.laykxt {
  background-color: #810000; }

.a2epri {
  background-color: #e8e3d7; }

.pye1l8 {
  background-color: #e6f6f2; }

.cpvzsv {
  background-color: #fcf5f5; }

.amuf71 {
  background-color: #ffc68b; }

.kts0cn {
  background-color: #fff6e1; }

.qcj03l {
  background-color: #fff0cd; }

.xzz75m {
  background-color: var(--colormain); }

.rqs45n {
  background-color: var(--colormain2); }

.f67eqy {
  background-color: var(--bodybg); }

/*--
    Text Color
------------------------------------------*/
.zd5wwc {
  color: var(--colormain); }

.p9vtgn {
  color: var(--colormain2); }

.zqwkwc {
  position: relative; }
  .zqwkwc:before {
    content: "";
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transition: all 250ms ease-out;
    z-index: 9; }

@media only screen and (max-width: 767px) {
  .d38pdc {
    position: relative; }
    .d38pdc:before {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      content: "";
      background-color: #fff;
      opacity: .5;
      z-index: 9; } }
@media only screen and (max-width: 767px) {
  .hxiuc5 {
    position: relative; }
    .hxiuc5:before {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      content: "";
      background-color: #000;
      opacity: .5;
      z-index: 9; } }
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .qpry3k {
    position: relative; }
    .qpry3k:after {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      content: "";
      background-color: #fff;
      opacity: .5;
      z-index: 1; } }
.v5aafb .row {
  margin-right: -27.5px;
  margin-left: -27.5px; }
  @media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .v5aafb .row {
      margin-right: -15px;
      margin-left: -15px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .v5aafb .row {
      margin-right: -15px;
      margin-left: -15px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .v5aafb .row {
      margin-right: -15px;
      margin-left: -15px; } }
  @media only screen and (max-width: 767px) {
    .v5aafb .row {
      margin-right: -15px;
      margin-left: -15px; } }
  .v5aafb .row div[class^="col-"] {
    padding-left: 27.5px;
    padding-right: 27.5px; }
    @media only screen and (min-width: 1200px) and (max-width: 1365px) {
      .v5aafb .row div[class^="col-"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .v5aafb .row div[class^="col-"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .v5aafb .row div[class^="col-"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (max-width: 767px) {
      .v5aafb .row div[class^="col-"] {
        padding-left: 15px;
        padding-right: 15px; } }

.l2x8ij .row {
  margin-right: -30px;
  margin-left: -30px; }
  @media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .l2x8ij .row {
      margin-right: -15px;
      margin-left: -15px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .l2x8ij .row {
      margin-right: -15px;
      margin-left: -15px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .l2x8ij .row {
      margin-right: -15px;
      margin-left: -15px; } }
  @media only screen and (max-width: 767px) {
    .l2x8ij .row {
      margin-right: -15px;
      margin-left: -15px; } }
  .l2x8ij .row div[class^="col-"] {
    padding-left: 30px;
    padding-right: 30px; }
    @media only screen and (min-width: 1200px) and (max-width: 1365px) {
      .l2x8ij .row div[class^="col-"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .l2x8ij .row div[class^="col-"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .l2x8ij .row div[class^="col-"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (max-width: 767px) {
      .l2x8ij .row div[class^="col-"] {
        padding-left: 15px;
        padding-right: 15px; } }

.okdmjv .row {
  margin-right: -18.5px;
  margin-left: -18.5px; }
  @media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .okdmjv .row {
      margin-right: -15px;
      margin-left: -15px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .okdmjv .row {
      margin-right: -15px;
      margin-left: -15px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .okdmjv .row {
      margin-right: -15px;
      margin-left: -15px; } }
  @media only screen and (max-width: 767px) {
    .okdmjv .row {
      margin-right: -15px;
      margin-left: -15px; } }
  .okdmjv .row div[class^="col-"] {
    padding-left: 18.5px;
    padding-right: 18.5px; }
    @media only screen and (min-width: 1200px) and (max-width: 1365px) {
      .okdmjv .row div[class^="col-"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .okdmjv .row div[class^="col-"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .okdmjv .row div[class^="col-"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (max-width: 767px) {
      .okdmjv .row div[class^="col-"] {
        padding-left: 15px;
        padding-right: 15px; } }

.q2zlwf .row {
  margin-right: -23px;
  margin-left: -23px; }
  @media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .q2zlwf .row {
      margin-right: -15px;
      margin-left: -15px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .q2zlwf .row {
      margin-right: -15px;
      margin-left: -15px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .q2zlwf .row {
      margin-right: -15px;
      margin-left: -15px; } }
  @media only screen and (max-width: 767px) {
    .q2zlwf .row {
      margin-right: -15px;
      margin-left: -15px; } }
  .q2zlwf .row div[class^="col-"] {
    padding-left: 23px;
    padding-right: 23px; }
    @media only screen and (min-width: 1200px) and (max-width: 1365px) {
      .q2zlwf .row div[class^="col-"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .q2zlwf .row div[class^="col-"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .q2zlwf .row div[class^="col-"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (max-width: 767px) {
      .q2zlwf .row div[class^="col-"] {
        padding-left: 15px;
        padding-right: 15px; } }

.fsk0w4 .row {
  margin-right: -10px;
  margin-left: -10px; }
  @media only screen and (max-width: 767px) {
    .fsk0w4 .row {
      margin-right: -15px;
      margin-left: -15px; } }
  .fsk0w4 .row div[class^="col-"] {
    padding-left: 10px;
    padding-right: 10px; }
    @media only screen and (max-width: 767px) {
      .fsk0w4 .row div[class^="col-"] {
        padding-left: 15px;
        padding-right: 15px; } }

.crrasi .row {
  margin-right: -5px;
  margin-left: -5px; }
  @media only screen and (max-width: 767px) {
    .crrasi .row {
      margin-right: -15px;
      margin-left: -15px; } }
  .crrasi .row div[class^="col-"] {
    padding-left: 5px;
    padding-right: 5px; }
    @media only screen and (max-width: 767px) {
      .crrasi .row div[class^="col-"] {
        padding-left: 15px;
        padding-right: 15px; } }

.tf0cnh .row {
  margin-right: -26px;
  margin-left: -26px; }
  @media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .tf0cnh .row {
      margin-right: -15px;
      margin-left: -15px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .tf0cnh .row {
      margin-right: -15px;
      margin-left: -15px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .tf0cnh .row {
      margin-right: -15px;
      margin-left: -15px; } }
  @media only screen and (max-width: 767px) {
    .tf0cnh .row {
      margin-right: -15px;
      margin-left: -15px; } }
  .tf0cnh .row div[class^="col-"] {
    padding-left: 26px;
    padding-right: 26px; }
    @media only screen and (min-width: 1200px) and (max-width: 1365px) {
      .tf0cnh .row div[class^="col-"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .tf0cnh .row div[class^="col-"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .tf0cnh .row div[class^="col-"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (max-width: 767px) {
      .tf0cnh .row div[class^="col-"] {
        padding-left: 15px;
        padding-right: 15px; } }

.lv2qkf .row {
  margin-right: -22px;
  margin-left: -22px; }
  @media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .lv2qkf .row {
      margin-right: -15px;
      margin-left: -15px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .lv2qkf .row {
      margin-right: -15px;
      margin-left: -15px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .lv2qkf .row {
      margin-right: -15px;
      margin-left: -15px; } }
  @media only screen and (max-width: 767px) {
    .lv2qkf .row {
      margin-right: -15px;
      margin-left: -15px; } }
  .lv2qkf .row div[class^="col-"] {
    padding-left: 22px;
    padding-right: 22px; }
    @media only screen and (min-width: 1200px) and (max-width: 1365px) {
      .lv2qkf .row div[class^="col-"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .lv2qkf .row div[class^="col-"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .lv2qkf .row div[class^="col-"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (max-width: 767px) {
      .lv2qkf .row div[class^="col-"] {
        padding-left: 15px;
        padding-right: 15px; } }

.o9b2sd {
  display: flex; }

.huupbr {
  height: 100%; }

.b1wc53 {
  width: 100%; }

@media (min-width: 1570px) {
  .container {
    max-width: 1540px; } }

.pyfixa .container-fluid {
  padding: 0 120px; }
  @media only screen and (min-width: 1366px) and (max-width: 1600px) {
    .pyfixa .container-fluid {
      padding: 0 40px; } }
  @media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .pyfixa .container-fluid {
      padding: 0 15px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .pyfixa .container-fluid {
      padding: 0 30px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pyfixa .container-fluid {
      padding: 0 40px; } }
  @media only screen and (max-width: 767px) {
    .pyfixa .container-fluid {
      padding: 0 15px; } }

.ktlz8c .container-fluid {
  padding: 0 80px; }
  @media only screen and (min-width: 1366px) and (max-width: 1600px) {
    .ktlz8c .container-fluid {
      padding: 0 40px; } }
  @media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .ktlz8c .container-fluid {
      padding: 0 15px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .ktlz8c .container-fluid {
      padding: 0 30px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .ktlz8c .container-fluid {
      padding: 0 40px; } }
  @media only screen and (max-width: 767px) {
    .ktlz8c .container-fluid {
      padding: 0 15px; } }

.ttmds7 .container-fluid {
  padding: 0 200px; }
  @media only screen and (min-width: 1366px) and (max-width: 1600px) {
    .ttmds7 .container-fluid {
      padding: 0 40px; } }
  @media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .ttmds7 .container-fluid {
      padding: 0 15px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .ttmds7 .container-fluid {
      padding: 0 30px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .ttmds7 .container-fluid {
      padding: 0 40px; } }
  @media only screen and (max-width: 767px) {
    .ttmds7 .container-fluid {
      padding: 0 15px; } }

.hz8v3a .container-fluid {
  padding: 0 40px; }
  @media only screen and (min-width: 1366px) and (max-width: 1600px) {
    .hz8v3a .container-fluid {
      padding: 0 40px; } }
  @media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .hz8v3a .container-fluid {
      padding: 0 15px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .hz8v3a .container-fluid {
      padding: 0 30px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .hz8v3a .container-fluid {
      padding: 0 40px; } }
  @media only screen and (max-width: 767px) {
    .hz8v3a .container-fluid {
      padding: 0 15px; } }

.hsaf0w .container-fluid {
  padding: 0 145px; }
  @media only screen and (min-width: 1366px) and (max-width: 1600px) {
    .hsaf0w .container-fluid {
      padding: 0 40px; } }
  @media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .hsaf0w .container-fluid {
      padding: 0 15px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .hsaf0w .container-fluid {
      padding: 0 30px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .hsaf0w .container-fluid {
      padding: 0 40px; } }
  @media only screen and (max-width: 767px) {
    .hsaf0w .container-fluid {
      padding: 0 15px; } }

.byuhq3 .container-fluid {
  padding: 0 50px; }
  @media only screen and (min-width: 1366px) and (max-width: 1600px) {
    .byuhq3 .container-fluid {
      padding: 0 40px; } }
  @media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .byuhq3 .container-fluid {
      padding: 0 15px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .byuhq3 .container-fluid {
      padding: 0 30px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .byuhq3 .container-fluid {
      padding: 0 40px; } }
  @media only screen and (max-width: 767px) {
    .byuhq3 .container-fluid {
      padding: 0 15px; } }

.pz7ubc .container-fluid {
  padding: 0 230px; }
  @media only screen and (min-width: 1366px) and (max-width: 1600px) {
    .pz7ubc .container-fluid {
      padding: 0 40px; } }
  @media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .pz7ubc .container-fluid {
      padding: 0 15px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .pz7ubc .container-fluid {
      padding: 0 30px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pz7ubc .container-fluid {
      padding: 0 40px; } }
  @media only screen and (max-width: 767px) {
    .pz7ubc .container-fluid {
      padding: 0 15px; } }

.qm2rny .container-fluid {
  padding: 0 160px; }
  @media only screen and (min-width: 1366px) and (max-width: 1600px) {
    .qm2rny .container-fluid {
      padding: 0 40px; } }
  @media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .qm2rny .container-fluid {
      padding: 0 15px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .qm2rny .container-fluid {
      padding: 0 30px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .qm2rny .container-fluid {
      padding: 0 40px; } }
  @media only screen and (max-width: 767px) {
    .qm2rny .container-fluid {
      padding: 0 15px; } }

.cug3l1 .container-fluid {
  padding: 0 340px; }
  @media only screen and (min-width: 1366px) and (max-width: 1600px) {
    .cug3l1 .container-fluid {
      padding: 0 40px; } }
  @media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .cug3l1 .container-fluid {
      padding: 0 15px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .cug3l1 .container-fluid {
      padding: 0 30px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .cug3l1 .container-fluid {
      padding: 0 40px; } }
  @media only screen and (max-width: 767px) {
    .cug3l1 .container-fluid {
      padding: 0 15px; } }

.n03nxo a {
  position: relative;
  transition: all .5s ease-in-out 0s; }
  .n03nxo a:hover {
    color: #fff; }
  .n03nxo a::before, .n03nxo a::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
    z-index: -1; }
  .n03nxo a::after {
    width: 0;
    left: auto;
    right: 0; }
  .n03nxo a.jzewng::after {
    background: #000000; }
  .n03nxo a.m2ga26::after {
    background: #ffffff; }
  .n03nxo a.qr2y98::after {
    background: #3ad9b1; }
  .n03nxo a.bi1cbd::after {
    background: #f2c456; }
  .n03nxo a.m4g6iq::after {
    background: var(--colormain); }
  .n03nxo a.zdvu5f::after {
    background: #373737; }
  .n03nxo a.ctl6w4::after {
    background: #fff; }
  .n03nxo a:hover::after {
    width: 100%;
    left: 0;
    right: auto; }
.n03nxo.a5sm8r a::before, .n03nxo.a5sm8r a::after {
  border-radius: 50px; }
.n03nxo.v6nz2n a.zdvu5f::after {
  border-radius: 5px; }
.n03nxo.v6nz2n a:hover {
  border: none; }

.mcqcd4 {
  margin: 0 120px; }
  @media only screen and (min-width: 1366px) and (max-width: 1600px) {
    .mcqcd4 {
      margin: 0 40px; } }
  @media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .mcqcd4 {
      margin: 0 15px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .mcqcd4 {
      margin: 0 30px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .mcqcd4 {
      margin: 0 40px; } }
  @media only screen and (max-width: 767px) {
    .mcqcd4 {
      margin: 0 15px; } }

.pjvzfi a {
  display: inline-block;
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
  z-index: 2;
  font-family: var(--fontprimary);
  text-transform: capitalize; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .pjvzfi a {
      font-size: 14px; } }
  @media only screen and (max-width: 767px) {
    .pjvzfi a {
      font-size: 14px; } }
  .pjvzfi a.opcfm9 {
    font-size: 12px; }
  .pjvzfi a.lbgdvt {
    font-weight: 400; }
  .pjvzfi a.w6wyz1 {
    color: var(--white); }
    .pjvzfi a.w6wyz1:hover {
      color: var(--white); }
  .pjvzfi a.szyi7d {
    color: var(--white); }
    .pjvzfi a.szyi7d:hover {
      color: var(--white); }
  .pjvzfi a.lf390n {
    color: var(--white); }
    .pjvzfi a.lf390n:hover {
      color: var(--black); }
  .pjvzfi a.e7mfvd {
    background-color: #e8e8e8; }
  .pjvzfi a.c1a5xs {
    background-color: #fff; }
  .pjvzfi a.xq32lo {
    background-color: var(--colormain); }
  .pjvzfi a.ny7lj5 {
    padding: 17px 36px 15px; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .pjvzfi a.ny7lj5 {
        padding: 13px 30px 15px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .pjvzfi a.ny7lj5 {
        padding: 12px 35px 14px; } }
    @media only screen and (max-width: 767px) {
      .pjvzfi a.ny7lj5 {
        padding: 12px 30px 14px; } }
  .pjvzfi a.g1heba {
    padding: 12px 30px 15px; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .pjvzfi a.g1heba {
        padding: 10px 20px 13px; } }
    @media only screen and (max-width: 767px) {
      .pjvzfi a.g1heba {
        padding: 9px 20px 11px; } }
  .pjvzfi a.x2ebk0 {
    padding: 11px 25px 13px; }
  .pjvzfi a.xm26cn {
    padding: 20px 54px 24px; }
    @media only screen and (max-width: 767px) {
      .pjvzfi a.xm26cn {
        padding: 16px 40px 20px; } }
    .pjvzfi a.xm26cn.f0bgc4:hover {
      color: #fff; }
  .pjvzfi a.mqmb7w {
    padding: 21px 64px 21px; }
    @media only screen and (max-width: 767px) {
      .pjvzfi a.mqmb7w {
        padding: 15px 40px 15px; } }
    .pjvzfi a.mqmb7w.f0bgc4:hover {
      color: #fff; }
  .pjvzfi a.k80up9 {
    border-radius: 4px; }
  .pjvzfi a.b46rzy {
    border: 2px solid #1b1b1b;
    transition: all 0.4s; }
    .pjvzfi a.b46rzy:hover {
      border: 2px solid var(--colormain2); }

.hn89jv a {
  position: relative; }
  .hn89jv a::after {
    width: 0;
    height: 103%;
    top: 50%;
    left: 50%;
    opacity: 0;
    transform: translateX(-50%) translateY(-50%);
    border-radius: 4px;
    content: '';
    position: absolute;
    z-index: -1;
    transition: all 0.4s; }
  .hn89jv a.h16taz::after {
    background: var(--colormain2); }
  .hn89jv a.gyjr45::after {
    background: #1b1b1b; }
  .hn89jv a.vpz1sr::after {
    background: var(--colormain2); }
  .hn89jv a.yv5nbc::after {
    background: var(--colormain2); }
  .hn89jv a:hover::after {
    width: 100%;
    opacity: 1; }

.kk6k8t a {
  display: inline-block;
  line-height: 1;
  border: 2px solid #1d1d1d;
  color: #1d1d1d;
  font-weight: bold; }
.kk6k8t.ewebh9 a {
  padding: 14px 26px; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .kk6k8t.ewebh9 a {
      padding: 10px 12px; } }
  @media only screen and (max-width: 767px) {
    .kk6k8t.ewebh9 a {
      padding: 10px 12px; } }

/* img bounce */
@-webkit-keyframes bounce-img {
  0% {
    opacity: 1;
    transform: translateY(0px); }
  50% {
    opacity: 1;
    transform: translateY(20px); }
  100% {
    opacity: 1;
    transform: translateY(0px); } }
@keyframes bounce-img {
  0% {
    opacity: 1;
    transform: translateY(0px); }
  50% {
    opacity: 1;
    transform: translateY(20px); }
  100% {
    opacity: 1;
    transform: translateY(0px); } }
/* img bounce 2 */
@-webkit-keyframes bounce-img-2 {
  0% {
    opacity: 1;
    transform: translateX(0px); }
  50% {
    opacity: 1;
    transform: translateX(20px); }
  100% {
    opacity: 1;
    transform: translateX(0px); } }
@keyframes bounce-img-2 {
  0% {
    opacity: 1;
    transform: translateX(0px); }
  50% {
    opacity: 1;
    transform: translateX(20px); }
  100% {
    opacity: 1;
    transform: translateX(0px); } }
/* img bounce 3 */
@-webkit-keyframes bounce-img-3 {
  0% {
    opacity: 1;
    transform: translateY(0px); }
  50% {
    opacity: 1;
    transform: translateY(-20px); }
  100% {
    opacity: 1;
    transform: translateY(0px); } }
@keyframes bounce-img-3 {
  0% {
    opacity: 1;
    transform: translateY(0px); }
  50% {
    opacity: 1;
    transform: translateY(-20px); }
  100% {
    opacity: 1;
    transform: translateY(0px); } }
.hui4gx {
  background-attachment: fixed;
  background-size: cover;
  background-repeat: no-repeat; }

@media only screen and (max-width: 767px) {
  .elwoao {
    margin-top: 10px; }

  .v9stas {
    margin-top: 30px; }

  .nwhqq6 {
    margin-top: 40px; } }
/*------- img move 1 -------*/
.uc7iof {
  position: absolute;
  top: 5%;
  left: 3%;
  animation: moveOne .3s infinite linear; }

@-webkit-keyframes moveOne {
  0% {
    transform: translate(0px, 0px) rotate(0deg); }
  20% {
    transform: translate(73px, -1px) rotate(36deg); }
  40% {
    transform: translate(141px, 72px) rotate(72deg); }
  60% {
    transform: translate(83px, 122px) rotate(108deg); }
  80% {
    transform: translate(-40px, 72px) rotate(144deg); }
  100% {
    transform: translate(0px, 0px) rotate(0deg); } }
@keyframes moveOne {
  0% {
    transform: translate(0px, 0px) rotate(0deg); }
  20% {
    transform: translate(73px, -1px) rotate(36deg); }
  40% {
    transform: translate(141px, 72px) rotate(72deg); }
  60% {
    transform: translate(83px, 122px) rotate(108deg); }
  80% {
    transform: translate(-40px, 72px) rotate(144deg); }
  100% {
    transform: translate(0px, 0px) rotate(0deg); } }
/*-------- 2. Header style ---------*/
.rfgrf5 {
  display: none;
  padding: 15px 0; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .rfgrf5 {
      display: block; } }
  @media only screen and (max-width: 767px) {
    .rfgrf5 {
      display: block; } }
  @media only screen and (max-width: 540px) {
    .rfgrf5 {
      padding: 0; } }

.s1k5od {
  display: block; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .s1k5od {
      display: none; } }
  @media only screen and (max-width: 767px) {
    .s1k5od {
      display: none; } }

.post5o a img {
  max-width: 100%; }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .kjl278 a img {
    max-width: 100%; } }
.r9e6d0 {
  padding: 15px 0; }

.efggv7 {
  padding: 63px 0 63px; }

.nz05ws .kj254c {
  display: flex;
  justify-content: center; }
  .nz05ws .kj254c > div {
    flex: 0 0 100%;
    border-radius: 0;
    overflow: hidden; }
  .nz05ws .kj254c .s8year {
    width: auto;
    flex: 0 0 100%; }
  .nz05ws .kj254c .jzt2uf {
    position: absolute;
    right: 0;
    cursor: pointer; }
    .nz05ws .kj254c .jzt2uf .srsk86 {
      width: 39px;
      height: 39px;
      text-align: center;
      line-height: 39px;
      margin: 3px 4px;
      color: var(--black); }

body.uqc4du .eo8igf {
  left: 0;
  right: 0;
  z-index: 9;
  margin: 0 auto; }

.g704cy .d12gsh {
  z-index: 99; }
  .g704cy .d12gsh i {
    display: block; }
    .g704cy .d12gsh i.b7ppqx {
      left: auto;
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      opacity: 0; }
  .g704cy .d12gsh.open i.b7ppqx {
    opacity: 1; }
  .g704cy .d12gsh.open i.aosafq {
    opacity: 0; }
.g704cy .l1ftcz {
  background-color: transparent;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  visibility: hidden;
  width: 340px;
  z-index: -99;
  padding-bottom: 1px;
  margin-right: 10px; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .g704cy .l1ftcz {
      top: 100%;
      transform: translateY(0);
      -webkit-transform: translateY(0);
      -ms-transform: translateY(0); } }
  .g704cy .l1ftcz form {
    position: relative;
    overflow: hidden; }
    .g704cy .l1ftcz form input {
      background-color: transparent;
      border: none;
      border-bottom: 1px solid var(--white);
      color: var(--white);
      line-height: 30px;
      padding: 2px 20px;
      width: 100%; }
      .g704cy .l1ftcz form input::-moz-input-placeholder {
        color: var(--white);
        opacity: 1; }
      .g704cy .l1ftcz form input::-webkit-input-placeholder {
        color: var(--white);
        opacity: 1; }
      @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .g704cy .l1ftcz form input {
          background-color: var(--colormain); } }
  .g704cy .l1ftcz.open {
    opacity: 1;
    right: 90%;
    visibility: visible;
    z-index: 99; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .g704cy .l1ftcz.open {
        right: 0; } }

.thneut a {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  width: 35px;
  height: 35px;
  border-radius: 4px;
  font-size: 13px;
  border: 1px solid var(--black4);
  text-align: center;
  line-height: 27px;
  color: var(--black4);
  text-decoration: none;
  margin-right: 10px; }
  .thneut a:last-child {
    margin-right: 0px; }
  .thneut a:hover {
    border-color: var(--white);
    color: var(--white); }

.flymu7.youdw4 {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  line-height: 1; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .flymu7.youdw4 {
      height: 100%; } }
  @media only screen and (max-width: 767px) {
    .flymu7.youdw4 {
      height: 100%; } }
.flymu7.sm1rcl {
  display: flex;
  justify-content: center;
  line-height: 1; }
.flymu7.q5y0go {
  margin: 64px 0 49px; }
  @media only screen and (min-width: 1366px) and (max-width: 1600px) {
    .flymu7.q5y0go {
      margin: 44px 0 29px; } }
  @media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .flymu7.q5y0go {
      margin: 44px 0 29px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .flymu7.q5y0go {
      margin: 34px 0 19px; } }
.flymu7 .ynbgrz {
  margin-left: 64px;
  position: relative;
  height: 50px;
  width: 50px;
  display: flex;
  align-items: center;
  justify-content: flex-end; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .flymu7 .ynbgrz {
      margin-left: 30px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .flymu7 .ynbgrz {
      margin-left: 5px; } }
  @media only screen and (max-width: 767px) {
    .flymu7 .ynbgrz {
      margin-left: 5px; } }
  @media only screen and (max-width: 540px) {
    .flymu7 .ynbgrz {
      margin-left: 5px; } }
  .flymu7 .ynbgrz:first-child {
    margin-left: 0; }
  .flymu7 .ynbgrz a {
    font-size: 20px;
    color: var(--white); }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .flymu7 .ynbgrz a {
        font-size: 16px; } }
    @media only screen and (max-width: 767px) {
      .flymu7 .ynbgrz a {
        font-size: 16px; } }
    .flymu7 .ynbgrz a:hover {
      color: var(--white); }
    .flymu7 .ynbgrz a .taarxb {
      float: none;
      display: inline-block;
      vertical-align: top; }
      .flymu7 .ynbgrz a .taarxb .amfmnr {
        font: 500 12px/17px var(--fontprimary);
        z-index: 2;
        text-align: center;
        float: right;
        height: 16px;
        margin: auto;
        position: absolute;
        z-index: 9;
        right: 0;
        left: auto;
        top: 2px;
        width: 16px;
        background: var(--colormain2);
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -khtml-border-radius: 50%;
        border-radius: 50%; }
        .flymu7 .ynbgrz a .taarxb .amfmnr span {
          color: var(--white);
          line-height: 20px; }
  .flymu7 .ynbgrz.u17hlm {
    margin-left: 0px; }
    @media only screen and (min-width: 1200px) and (max-width: 1365px) {
      .flymu7 .ynbgrz.u17hlm {
        margin-left: 5px; } }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .flymu7 .ynbgrz.u17hlm {
        margin-left: 5px; } }
    .flymu7 .ynbgrz.u17hlm:first-child {
      margin-left: 0; }
      .flymu7 .ynbgrz.u17hlm:first-child.usic1c {
        background: var(--colormain);
        border-radius: 50%;
        width: 50px;
        height: 50px;
        text-align: center;
        line-height: 50px; }
  .flymu7 .ynbgrz.hakf68 {
    margin-left: 32px; }
    @media only screen and (min-width: 1200px) and (max-width: 1365px) {
      .flymu7 .ynbgrz.hakf68 {
        margin-left: 20px; } }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .flymu7 .ynbgrz.hakf68 {
        margin-left: 20px; } }
    .flymu7 .ynbgrz.hakf68:first-child {
      margin-left: 0; }
  .flymu7 .ynbgrz.emlyvx a {
    font-size: 20px; }
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .flymu7.nmr38q .u17hlm {
    margin-left: 13px; }
    .flymu7.nmr38q .u17hlm:first-child {
      margin-left: 0; } }

.q5a28m, .g1m8hs, .xlyd9l {
  background: var(--colormain);
  text-align: center;
  padding: 8px 20px 5px;
  border-radius: 4px; }
  .q5a28m::after, .g1m8hs::after, .xlyd9l::after {
    background: var(--white) none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: .1;
    position: absolute;
    top: 0;
    width: 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px; }
  .q5a28m .la277d, .q5a28m .n9xbr7, .g1m8hs .la277d, .g1m8hs .n9xbr7, .xlyd9l .la277d, .xlyd9l .n9xbr7 {
    font-size: 16px;
    color: var(--white);
    margin-right: 8px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center; }
    .q5a28m .la277d.e7jm55, .q5a28m .n9xbr7.e7jm55, .g1m8hs .la277d.e7jm55, .g1m8hs .n9xbr7.e7jm55, .xlyd9l .la277d.e7jm55, .xlyd9l .n9xbr7.e7jm55 {
      color: #393939; }
  .q5a28m span, .g1m8hs span, .xlyd9l span {
    font-size: 18px;
    font-weight: 500;
    display: flex;
    align-items: center;
    color: var(--white); }
    .q5a28m span:first-child, .g1m8hs span:first-child, .xlyd9l span:first-child {
      font-size: 16px;
      text-transform: capitalize; }
      @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .q5a28m span:first-child, .g1m8hs span:first-child, .xlyd9l span:first-child {
          font-size: 12px; } }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .q5a28m span, .g1m8hs span, .xlyd9l span {
        font-size: 14px; } }
  .q5a28m:hover::after, .g1m8hs:hover::after, .xlyd9l:hover::after {
    width: 100%;
    animation: .6s ease 0s normal forwards 1 running fillToRight; }

.dmau6z .m9evhj {
  font-size: 16px;
  color: var(--white);
  width: 45px;
  height: 45px;
  text-align: center;
  padding: 7px; }
  .dmau6z .m9evhj.e7jm55 {
    color: #393939; }
.dmau6z span:nth-child(2) {
  margin-left: 5px;
  font-size: 14px;
  text-transform: uppercase;
  color: var(--colormain); }

.ip4sf8 {
  margin-bottom: -80px;
  position: relative;
  z-index: 99; }

.dcqgdt > nav > ul > li {
  display: inline-block;
  position: relative; }
  .dcqgdt > nav > ul > li > a {
    font-weight: 400;
    display: inline-block;
    font-size: 16px;
    position: relative;
    font-family: var(--fonttitle);
    margin: 20px 0;
    letter-spacing: 1px;
    padding: 0 0 5px 0;
    text-transform: capitalize;
    font-weight: 500;
    font-family: var(--fontprimary); }
    .dcqgdt > nav > ul > li > a::after {
      position: absolute;
      left: auto;
      right: 0;
      margin: auto;
      top: auto;
      bottom: 0;
      width: 0;
      height: 2px;
      content: "";
      z-index: 1;
      opacity: 0;
      transition: all 0.3s;
      border-radius: 0; }
    .dcqgdt > nav > ul > li > a:hover::after {
      opacity: 1;
      width: 100%;
      left: 0;
      right: auto; }
    .dcqgdt > nav > ul > li > a.sfd9dv::before {
      position: absolute;
      left: auto;
      right: -15px;
      margin: auto;
      top: -2px;
      bottom: 0;
      content: "\f078";
      z-index: 1;
      opacity: 1;
      transition: all 0.3s;
      border-radius: 50%;
      font-family: "FontAwesome";
      font-size: 9px;
      line-height: 20px; }
  .dcqgdt > nav > ul > li > ul {
    box-shadow: 0px 1px 24px 0px rgba(0, 0, 0, 0.09);
    background-color: #fafafa;
    position: absolute;
    top: 100%;
    left: 0;
    transition: margin .1s linear .3s,visibility .1s linear .3s,opacity .1s linear .3s;
    opacity: 0;
    visibility: hidden;
    margin-top: 20px;
    z-index: 9999; }
    .dcqgdt > nav > ul > li > ul.m7p1g0 {
      width: 220px;
      padding: 39px 0 43px; }
      .dcqgdt > nav > ul > li > ul.m7p1g0 li {
        display: block;
        padding: 0 15px 14px 30px;
        position: relative;
        text-align: left; }
        .dcqgdt > nav > ul > li > ul.m7p1g0 li:last-child {
          padding-bottom: 0; }
        .dcqgdt > nav > ul > li > ul.m7p1g0 li a {
          display: block;
          color: var(--black) 3;
          font-size: 14px;
          font-weight: 500; }
          .dcqgdt > nav > ul > li > ul.m7p1g0 li a i {
            float: right;
            font-size: 12px;
            color: #999;
            font-weight: 600;
            position: relative;
            top: 6px; }
          .dcqgdt > nav > ul > li > ul.m7p1g0 li a:hover {
            color: var(--black) 2;
            text-decoration: underline; }
        .dcqgdt > nav > ul > li > ul.m7p1g0 li ul.wnn8f6 {
          padding: 36px 0px 40px;
          width: 220px;
          transition: all 250ms ease-out;
          box-shadow: 0px 1px 24px 0px rgba(0, 0, 0, 0.09);
          background-color: #262626;
          position: absolute;
          top: -17px;
          left: 100%;
          margin: 0;
          visibility: hidden;
          opacity: 0; }
          @media only screen and (min-width: 992px) and (max-width: 1199px) {
            .dcqgdt > nav > ul > li > ul.m7p1g0 li ul.wnn8f6 {
              width: 180px; } }
        .dcqgdt > nav > ul > li > ul.m7p1g0 li:hover > ul.wnn8f6 {
          visibility: visible;
          opacity: 1; }
    .dcqgdt > nav > ul > li > ul.wthhb5 {
      width: 450px; }
    .dcqgdt > nav > ul > li > ul.mbimn3 {
      width: 625px; }
      .dcqgdt > nav > ul > li > ul.mbimn3 > li.kr7dut {
        width: 33.333%; }
    .dcqgdt > nav > ul > li > ul.s7kh2s {
      padding: 40px 10px 33px 40px; }
      .dcqgdt > nav > ul > li > ul.s7kh2s > li {
        text-align: left;
        padding-right: 30px;
        float: left;
        display: block; }
        .dcqgdt > nav > ul > li > ul.s7kh2s > li.t7piwd {
          width: 50%; }
        .dcqgdt > nav > ul > li > ul.s7kh2s > li a.hh8xdm {
          color: #fff;
          font-size: 14px;
          padding: 0px 0px 12px 0px;
          position: relative; }
          .dcqgdt > nav > ul > li > ul.s7kh2s > li a.hh8xdm:before {
            position: absolute;
            content: "";
            width: 25px;
            height: 2px;
            background: rgba(255, 255, 255, 0.2);
            bottom: -2px; }
        .dcqgdt > nav > ul > li > ul.s7kh2s > li > ul {
          margin: 28px 0 0; }
          .dcqgdt > nav > ul > li > ul.s7kh2s > li > ul li {
            display: block; }
            .dcqgdt > nav > ul > li > ul.s7kh2s > li > ul li a {
              color: #D0D0D0;
              font-size: 12px;
              display: block;
              padding: 8px 0px; }
              .dcqgdt > nav > ul > li > ul.s7kh2s > li > ul li a:hover {
                color: var(--colormain);
                text-decoration: underline; }
    .dcqgdt > nav > ul > li > ul.l66chw {
      width: 1170px; }
      @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .dcqgdt > nav > ul > li > ul.l66chw {
          width: 950px; } }
    .dcqgdt > nav > ul > li > ul.mzcemt {
      left: -186px; }
      @media only screen and (min-width: 1366px) and (max-width: 1600px) {
        .dcqgdt > nav > ul > li > ul.mzcemt {
          left: -188px; } }
      @media only screen and (min-width: 1200px) and (max-width: 1365px) {
        .dcqgdt > nav > ul > li > ul.mzcemt {
          left: -188px; } }
      @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .dcqgdt > nav > ul > li > ul.mzcemt {
          left: -148px; } }
    .dcqgdt > nav > ul > li > ul.feobln {
      left: -250px; }
    .dcqgdt > nav > ul > li > ul.pqi66l {
      left: -504px; }
      @media only screen and (min-width: 1366px) and (max-width: 1600px) {
        .dcqgdt > nav > ul > li > ul.pqi66l {
          left: -481px; } }
      @media only screen and (min-width: 1200px) and (max-width: 1365px) {
        .dcqgdt > nav > ul > li > ul.pqi66l {
          left: -482px; } }
      @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .dcqgdt > nav > ul > li > ul.pqi66l {
          left: -424px; } }
    .dcqgdt > nav > ul > li > ul.oujirg {
      left: -480px; }
      @media only screen and (min-width: 1366px) and (max-width: 1600px) {
        .dcqgdt > nav > ul > li > ul.oujirg {
          left: -450px; } }
      @media only screen and (min-width: 1200px) and (max-width: 1365px) {
        .dcqgdt > nav > ul > li > ul.oujirg {
          left: -472px; } }
      @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .dcqgdt > nav > ul > li > ul.oujirg {
          left: -366px; } }
    .dcqgdt > nav > ul > li > ul.ed9bls {
      left: -395px; }
      @media only screen and (min-width: 1366px) and (max-width: 1600px) {
        .dcqgdt > nav > ul > li > ul.ed9bls {
          left: -395px; } }
      @media only screen and (min-width: 1200px) and (max-width: 1365px) {
        .dcqgdt > nav > ul > li > ul.ed9bls {
          left: -440px; } }
      @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .dcqgdt > nav > ul > li > ul.ed9bls {
          left: -349px; } }
    .dcqgdt > nav > ul > li > ul.tu2fqr {
      padding: 52px 40px 45px 10px; }
      @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .dcqgdt > nav > ul > li > ul.tu2fqr {
          padding: 52px 30px 45px 0px; } }
      .dcqgdt > nav > ul > li > ul.tu2fqr > li {
        text-align: left;
        float: left;
        display: block;
        padding: 0 15px; }
        .dcqgdt > nav > ul > li > ul.tu2fqr > li.k6eesd {
          width: 20%; }
          @media only screen and (min-width: 992px) and (max-width: 1199px) {
            .dcqgdt > nav > ul > li > ul.tu2fqr > li.k6eesd {
              width: 19%; } }
        .dcqgdt > nav > ul > li > ul.tu2fqr > li.hssyba {
          width: 22.5%; }
          @media only screen and (min-width: 992px) and (max-width: 1199px) {
            .dcqgdt > nav > ul > li > ul.tu2fqr > li.hssyba {
              width: 27.5%; } }
        .dcqgdt > nav > ul > li > ul.tu2fqr > li.xuy2vy {
          width: 37.5%; }
          @media only screen and (min-width: 992px) and (max-width: 1199px) {
            .dcqgdt > nav > ul > li > ul.tu2fqr > li.xuy2vy {
              width: 34.5%; } }
        .dcqgdt > nav > ul > li > ul.tu2fqr > li a.hh8xdm {
          color: var(--black);
          font-size: 20px;
          padding: 0px 0 5px 0;
          position: relative;
          font-family: var(--fonttitle);
          font-weight: 500;
          border-bottom: 1px solid #ddd;
          width: 100%;
          display: block; }
          .dcqgdt > nav > ul > li > ul.tu2fqr > li a.hh8xdm:before {
            position: absolute;
            content: "";
            width: 25px;
            height: 2px;
            background: rgba(255, 255, 255, 0.2);
            bottom: -2px; }
        .dcqgdt > nav > ul > li > ul.tu2fqr > li > ul {
          margin: 20px 0 0; }
          .dcqgdt > nav > ul > li > ul.tu2fqr > li > ul li {
            display: block; }
            .dcqgdt > nav > ul > li > ul.tu2fqr > li > ul li a {
              color: var(--black) 3;
              font-size: 15px;
              display: block;
              padding: 8px 0px; }
              .dcqgdt > nav > ul > li > ul.tu2fqr > li > ul li a:hover {
                color: var(--black) 2;
                text-decoration: underline; }
        .dcqgdt > nav > ul > li > ul.tu2fqr > li .b8ftjw {
          position: relative; }
          .dcqgdt > nav > ul > li > ul.tu2fqr > li .b8ftjw.zqwkwc::before {
            background-color: #000;
            z-index: 1;
            pointer-events: none; }
          .dcqgdt > nav > ul > li > ul.tu2fqr > li .b8ftjw a img {
            width: 100%; }
          .dcqgdt > nav > ul > li > ul.tu2fqr > li .b8ftjw .em6i67 {
            position: absolute;
            left: 41px;
            bottom: 35px;
            z-index: 9; }
            .dcqgdt > nav > ul > li > ul.tu2fqr > li .b8ftjw .em6i67 h2 {
              color: #fff;
              font-size: 32px;
              font-weight: bold;
              margin: 0;
              letter-spacing: 0px;
              line-height: 45px;
              transition: all .3s ease 0s; }
              @media only screen and (min-width: 992px) and (max-width: 1199px) {
                .dcqgdt > nav > ul > li > ul.tu2fqr > li .b8ftjw .em6i67 h2 {
                  font-size: 35px;
                  line-height: 50px; } }
          .dcqgdt > nav > ul > li > ul.tu2fqr > li .b8ftjw:hover.zqwkwc::before {
            background-color: #000;
            opacity: .4;
            z-index: 1;
            pointer-events: none; }
          .dcqgdt > nav > ul > li > ul.tu2fqr > li .b8ftjw:hover .em6i67 h2 {
            letter-spacing: 1px; }
  .dcqgdt > nav > ul > li:hover > ul {
    opacity: 1;
    visibility: visible;
    margin-top: 0px; }
  .dcqgdt > nav > ul > li:hover > a::after {
    opacity: 1; }
.dcqgdt.e2qs57 > nav > ul > li > a {
  color: var(--white); }
  .dcqgdt.e2qs57 > nav > ul > li > a::after {
    background-color: var(--colormain); }
.dcqgdt.o8wsgx > nav > ul > li > a {
  color: var(--colormain); }
  .dcqgdt.o8wsgx > nav > ul > li > a::after {
    background-color: var(--colormain); }
.dcqgdt.qm8nrc > nav > ul > li > a {
  line-height: normal; }
.dcqgdt.snsr87 > nav > ul > li > a::after {
  display: none; }
.dcqgdt.ujto75 > nav > ul > li {
  padding: 0 24px; }
  @media only screen and (min-width: 1366px) and (max-width: 1600px) {
    .dcqgdt.ujto75 > nav > ul > li {
      padding: 0 18px; } }
  @media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .dcqgdt.ujto75 > nav > ul > li {
      padding: 0 18px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .dcqgdt.ujto75 > nav > ul > li {
      padding: 0 10px; } }
  .dcqgdt.ujto75 > nav > ul > li:first-child {
    padding-left: 0; }
.dcqgdt.p9tla5 > nav > ul > li {
  padding: 0 48px 0 0; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .dcqgdt.p9tla5 > nav > ul > li {
      padding: 0 28px 0 0; } }
.dcqgdt.n6z9ye > nav > ul > li {
  padding: 0 40px; }
  @media only screen and (min-width: 1366px) and (max-width: 1600px) {
    .dcqgdt.n6z9ye > nav > ul > li {
      padding: 0 30px; } }
  @media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .dcqgdt.n6z9ye > nav > ul > li {
      padding: 0 20px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .dcqgdt.n6z9ye > nav > ul > li {
      padding: 0 15px; } }
.dcqgdt.td2fb7 {
  padding-left: 25px;
  text-align: center; }

.csfhma {
  position: relative;
  margin: 5px 0 5px 0;
  border-radius: 4px; }
  .csfhma::after {
    background: var(--white) none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: .1;
    position: absolute;
    top: 0;
    width: 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .csfhma {
      margin: 20px 0 0; } }
  @media only screen and (max-width: 767px) {
    .csfhma {
      margin: 20px 0 0; } }
  .csfhma h3 {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-size: 16px;
    color: var(--white);
    margin: 0;
    line-height: 52px;
    padding: 0; }
    .csfhma h3.c5wcx8 {
      font-weight: 600; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .csfhma h3 {
        line-height: 60px; } }
    @media only screen and (max-width: 767px) {
      .csfhma h3 {
        line-height: 50px;
        font-size: 16px;
        padding: 5px 0; } }
    @media only screen and (max-width: 540px) {
      .csfhma h3 {
        line-height: 36px;
        font-size: 16px; } }
    .csfhma h3 a {
      color: var(--white);
      text-align: left;
      width: 100%;
      font-size: 16px;
      text-transform: capitalize;
      padding: 0 15px;
      font-weight: 500;
      font-family: var(--fontprimary);
      z-index: 2; }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .csfhma h3 a {
          color: var(--white); } }
      @media only screen and (max-width: 767px) {
        .csfhma h3 a {
          color: var(--white); } }
      @media only screen and (max-width: 540px) {
        .csfhma h3 a {
          font-size: 13px; } }
      .csfhma h3 a i {
        font-size: 24px;
        position: relative;
        top: 13px;
        margin-right: 5px;
        float: right; }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          .csfhma h3 a i {
            top: 16px; } }
        @media only screen and (max-width: 540px) {
          .csfhma h3 a i {
            font-size: 16px;
            top: 8px; } }
      .csfhma h3 a:hover {
        color: var(--white); }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          .csfhma h3 a:hover {
            color: var(--black); } }
        @media only screen and (max-width: 767px) {
          .csfhma h3 a:hover {
            color: var(--black); } }
  .csfhma:hover::after {
    width: 100%;
    animation: .6s ease 0s normal forwards 1 running fillToRight; }

.ykhw6e {
  position: fixed;
  top: 0;
  width: 400px;
  min-height: 100vh;
  bottom: 0;
  z-index: 111;
  right: 0;
  visibility: hidden;
  opacity: 0;
  transition: all 400ms ease-out;
  transform: translate(200px, 0);
  background-color: var(--colormain);
  box-shadow: 0 0 15px 10px rgba(0, 0, 0, 0.2);
  z-index: 9999; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .ykhw6e {
      width: 330px; } }
  @media only screen and (max-width: 767px) {
    .ykhw6e {
      width: 290px; } }
  .ykhw6e.mu5rgb {
    transform: translateX(-410px);
    left: 0; }
  .ykhw6e.jol2gy {
    visibility: visible;
    opacity: 1;
    transform: translate(0, 0); }
  .ykhw6e.gq3lnx {
    visibility: visible;
    opacity: 1;
    transform: translate(0, 0); }
  .ykhw6e .z8jhoq {
    padding: 170px 70px 20px;
    height: 100%; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .ykhw6e .z8jhoq {
        padding: 100px 30px 20px; } }
    @media only screen and (max-width: 767px) {
      .ykhw6e .z8jhoq {
        padding: 70px 20px 20px; } }
    .ykhw6e .z8jhoq.jtvb6r {
      padding: 150px 50px 20px; }
      .ykhw6e .z8jhoq.jtvb6r .tb9hss {
        left: 50px; }
    .ykhw6e .z8jhoq .tb9hss {
      position: absolute;
      top: 80px;
      left: 70px;
      font-size: 26px;
      line-height: 30px;
      transition: all 250ms ease-out;
      color: var(--white); }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .ykhw6e .z8jhoq .tb9hss {
          left: 30px;
          top: 30px; } }
      @media only screen and (max-width: 767px) {
        .ykhw6e .z8jhoq .tb9hss {
          top: 20px;
          left: 20px;
          font-size: 23px; } }
      .ykhw6e .z8jhoq .tb9hss:hover {
        transform: rotate(90deg);
        color: var(--colormain2); }
    .ykhw6e .z8jhoq .ombvp3 {
      height: 100%;
      overflow-y: auto;
      padding-right: 10px; }
    .ykhw6e .z8jhoq .da7hyi > nav > ul > li {
      display: block;
      padding-bottom: 40px;
      line-height: 1; }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .ykhw6e .z8jhoq .da7hyi > nav > ul > li {
          padding-bottom: 22px; } }
      @media only screen and (max-width: 767px) {
        .ykhw6e .z8jhoq .da7hyi > nav > ul > li {
          padding-bottom: 22px; } }
      .ykhw6e .z8jhoq .da7hyi > nav > ul > li:last-child {
        padding-bottom: 0; }
      .ykhw6e .z8jhoq .da7hyi > nav > ul > li > a {
        font-size: 18px;
        display: block;
        text-transform: capitalize;
        color: #BDBDBD; }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          .ykhw6e .z8jhoq .da7hyi > nav > ul > li > a {
            font-size: 16px; } }
        @media only screen and (max-width: 767px) {
          .ykhw6e .z8jhoq .da7hyi > nav > ul > li > a {
            font-size: 16px; } }
        .ykhw6e .z8jhoq .da7hyi > nav > ul > li > a i {
          float: right;
          top: 2px;
          position: relative;
          color: #BDBDBD;
          transition: all .3s ease 0s; }
          @media only screen and (max-width: 767px) {
            .ykhw6e .z8jhoq .da7hyi > nav > ul > li > a i {
              font-size: 14px; } }
      .ykhw6e .z8jhoq .da7hyi > nav > ul > li:hover > a {
        color: var(--colormain2); }
        @media only screen and (max-width: 767px) {
          .ykhw6e .z8jhoq .da7hyi > nav > ul > li:hover > a {
            color: var(--colormain2); } }
      .ykhw6e .z8jhoq .da7hyi > nav > ul > li:hover > a i {
        color: var(--colormain2); }
        @media only screen and (max-width: 767px) {
          .ykhw6e .z8jhoq .da7hyi > nav > ul > li:hover > a i {
            color: var(--colormain2); } }
      .ykhw6e .z8jhoq .da7hyi > nav > ul > li ul {
        padding: 38px 0 0px 25px; }
        .ykhw6e .z8jhoq .da7hyi > nav > ul > li ul li {
          padding-bottom: 22px; }
          @media only screen and (max-width: 767px) {
            .ykhw6e .z8jhoq .da7hyi > nav > ul > li ul li {
              padding-bottom: 18px; } }
          .ykhw6e .z8jhoq .da7hyi > nav > ul > li ul li:last-child {
            padding-bottom: 0; }
          .ykhw6e .z8jhoq .da7hyi > nav > ul > li ul li a {
            color: #BDBDBD;
            font-size: 14px;
            display: block; }
            .ykhw6e .z8jhoq .da7hyi > nav > ul > li ul li a i {
              float: right;
              top: -1px;
              position: relative; }
          .ykhw6e .z8jhoq .da7hyi > nav > ul > li ul li:hover > a {
            color: var(--colormain2); }
          .ykhw6e .z8jhoq .da7hyi > nav > ul > li ul li:hover > a i {
            color: var(--colormain2); }
    .ykhw6e .z8jhoq .ea641j .l20lfu {
      margin: 0 0 25px; }
      .ykhw6e .z8jhoq .ea641j .l20lfu nav ul li {
        display: block; }
        .ykhw6e .z8jhoq .ea641j .l20lfu nav ul li a {
          font-size: 15px;
          color: var(--white);
          display: block;
          padding: 0 0 15px; }
          @media only screen and (max-width: 767px) {
            .ykhw6e .z8jhoq .ea641j .l20lfu nav ul li a {
              font-size: 15px;
              padding: 0 0 16px; } }
          .ykhw6e .z8jhoq .ea641j .l20lfu nav ul li a:hover {
            color: var(--colormain2); }
        .ykhw6e .z8jhoq .ea641j .l20lfu nav ul li:last-child a {
          padding: 0 0 0px; }
    .ykhw6e .z8jhoq .ea641j .o5t08r img {
      max-width: 100%; }
    .ykhw6e .z8jhoq .ea641j > p {
      line-height: 1.714286;
      color: var(--white);
      margin: 29px 0 0; }
    .ykhw6e .z8jhoq .ea641j .yg3379 {
      margin: 30px 0 30px; }
      .ykhw6e .z8jhoq .ea641j .yg3379 ul li {
        color: var(--white);
        display: flex;
        margin: 0 0 23px; }
        .ykhw6e .z8jhoq .ea641j .yg3379 ul li:last-child {
          margin: 0 0 0px; }
        .ykhw6e .z8jhoq .ea641j .yg3379 ul li i {
          font-size: 22px;
          margin: 1px 16px 0px 0; }

.zr9wwn .t3imik {
  background: rgba(35, 35, 36, 0.7) none repeat scroll 0 0;
  height: 100%;
  left: 0;
  opacity: 0;
  position: fixed;
  top: 0;
  transition: all 0.5s ease-in-out 0s;
  visibility: hidden;
  width: 100%;
  z-index: 9999; }
.zr9wwn.w9y5nw .t3imik {
  opacity: 1;
  visibility: visible; }

.lgk8cs {
  position: fixed;
  top: 0;
  width: 420px;
  padding: 104px 50px 50px;
  min-height: 100vh;
  bottom: 0;
  z-index: 9999;
  right: 0;
  visibility: hidden;
  opacity: 0;
  transition: all 250ms ease-in;
  transform: translate(200px, 0);
  box-shadow: 0 0 87px 0 rgba(0, 0, 0, 0.09);
  background-color: #fff; }
  .lgk8cs.d2w335 {
    visibility: visible;
    opacity: 1;
    transform: translate(0, 0); }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .lgk8cs {
      width: 350px;
      padding: 104px 30px 50px; } }
  @media only screen and (max-width: 767px) {
    .lgk8cs {
      padding: 50px 15px 50px;
      width: 280px; } }
  .lgk8cs .btp8pl .csikh7 {
    position: absolute;
    top: 48px;
    left: 55px;
    font-size: 30px;
    line-height: 30px;
    transition: all 250ms ease-out; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .lgk8cs .btp8pl .csikh7 {
        left: 30px;
        font-size: 25px; } }
    @media only screen and (max-width: 767px) {
      .lgk8cs .btp8pl .csikh7 {
        top: 20px;
        left: 23px;
        font-size: 23px; } }
    .lgk8cs .btp8pl .csikh7:hover {
      transform: rotate(90deg);
      color: var(--colormain); }
  .lgk8cs .btp8pl .hzarly > h3 {
    font-size: 18px;
    font-weight: 500;
    margin: 0 0 30px;
    color: #393939; }
  .lgk8cs .btp8pl .hzarly ul {
    margin: 0 -30px 0 0;
    padding: 0 30px 0 0;
    max-height: 310px;
    max-height: calc(100vh - 430px);
    overflow: auto; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .lgk8cs .btp8pl .hzarly ul {
        max-height: calc(100vh - 365px); } }
    @media only screen and (max-width: 767px) {
      .lgk8cs .btp8pl .hzarly ul {
        max-height: calc(100vh - 360px); } }
    .lgk8cs .btp8pl .hzarly ul li {
      display: flex;
      margin-bottom: 25px; }
      .lgk8cs .btp8pl .hzarly ul li .npdp98 {
        flex: 0 0 75px; }
        .lgk8cs .btp8pl .hzarly ul li .npdp98 a img {
          width: 100%;
          border: 1px solid rgba(0, 0, 0, 0.1); }
      .lgk8cs .btp8pl .hzarly ul li .c9g5a0 {
        margin-left: 20px;
        margin-top: 2px; }
        .lgk8cs .btp8pl .hzarly ul li .c9g5a0 h4 {
          font-size: 14px;
          margin: 0 0 8px; }
        .lgk8cs .btp8pl .hzarly ul li .c9g5a0 span {
          font-size: 14px;
          color: #262626; }
      .lgk8cs .btp8pl .hzarly ul li .bc2lez {
        display: flex;
        flex-grow: 100;
        justify-content: flex-end; }
        .lgk8cs .btp8pl .hzarly ul li .bc2lez a {
          display: block;
          font-weight: 400;
          font-size: 14px;
          height: 20px;
          line-height: 17px;
          overflow: hidden;
          width: 20px;
          text-align: right; }
  .lgk8cs .btp8pl .hzarly .e8n638 {
    display: block;
    width: 100%;
    margin: 18px 0 43px; }
    .lgk8cs .btp8pl .hzarly .e8n638 h4 {
      font-size: 14px;
      color: #535353;
      margin: 0; }
      .lgk8cs .btp8pl .hzarly .e8n638 h4 span {
        font-size: 18px;
        color: #2F2F2F; }
  .lgk8cs .btp8pl .hzarly .z4stiu {
    display: block;
    width: 100%; }
    .lgk8cs .btp8pl .hzarly .z4stiu a {
      width: 49%;
      display: block;
      margin: 10px 0 0;
      text-align: center;
      line-height: 20px;
      padding: 15px 20px 15px;
      background-color: #2F2F2F;
      color: #fff;
      text-transform: capitalize;
      font-size: 14px; }
      .lgk8cs .btp8pl .hzarly .z4stiu a:hover {
        background-color: var(--colormain); }
      .lgk8cs .btp8pl .hzarly .z4stiu a:first-child {
        margin-top: 0; }

.hvc9si a {
  display: inline-block;
  font-size: 12px;
  width: 31px;
  height: 31px;
  text-align: center;
  border-radius: 100%;
  color: #fff;
  margin-right: 5px;
  border: 1px solid transparent; }
  .hvc9si a:last-child {
    margin-right: 0px; }
  .hvc9si a i {
    line-height: 30px;
    font-size: 12px; }
  .hvc9si a.q7p82b {
    background-color: #3b5998; }
    .hvc9si a.q7p82b:hover {
      opacity: .9;
      color: #fff; }
  .hvc9si a.ok51pj {
    background-color: #1da1f2; }
    .hvc9si a.ok51pj:hover {
      opacity: .9;
      color: #fff; }
  .hvc9si a.w12e6w {
    background-color: #dd4b39; }
    .hvc9si a.w12e6w:hover {
      opacity: .9;
      color: #fff; }
  .hvc9si a.qsg5fn {
    background-color: #1769ff; }
    .hvc9si a.qsg5fn:hover {
      opacity: .9;
      color: #fff; }

.qmrys0 .vu1dlz {
  border-bottom: 1px solid rgba(255, 255, 255, 0.09);
  margin-bottom: 27px;
  padding-bottom: 40px; }
  .qmrys0 .vu1dlz form {
    position: relative; }
    .qmrys0 .vu1dlz form input {
      background-color: rgba(255, 255, 255, 0.05);
      border: none;
      border-radius: 0px;
      height: 50px;
      padding: 0 60px 0 15px;
      width: 100%;
      font-size: 14px;
      color: #BDBDBD; }
    .qmrys0 .vu1dlz form button {
      background-color: transparent;
      border-color: rgba(255, 255, 255, 0.09);
      border-image: none;
      border-radius: 5px 0 0 5px;
      border-style: none none none solid;
      border-width: medium medium medium 1px;
      color: #BDBDBD;
      font-size: 15px;
      height: 100%;
      padding: 0 15px 0 14px;
      position: absolute;
      right: 0;
      top: 50%;
      transform: translateY(-50%);
      transition: all 0.3s ease 0s; }
      @media only screen and (max-width: 767px) {
        .qmrys0 .vu1dlz form button {
          font-size: 16px; } }
      .qmrys0 .vu1dlz form button:hover {
        color: var(--colormain); }
      .qmrys0 .vu1dlz form button i {
        margin-top: 5px;
        display: inline-block; }
.qmrys0 .vcemyu {
  border-bottom: 1px solid rgba(255, 255, 255, 0.09);
  margin-bottom: 31px;
  padding-bottom: 37px;
  border-top: 1px solid rgba(255, 255, 255, 0.09);
  padding-top: 25px;
  margin-top: 33px; }
  .qmrys0 .vcemyu .c1dshn {
    position: relative;
    margin-bottom: 15px; }
    .qmrys0 .vcemyu .c1dshn:last-child {
      margin-bottom: 0; }
    .qmrys0 .vcemyu .c1dshn a {
      font-size: 15px;
      display: block;
      color: #BDBDBD; }
      .qmrys0 .vcemyu .c1dshn a i {
        float: right;
        font-size: 14px;
        position: relative;
        top: 5px; }
    .qmrys0 .vcemyu .c1dshn .xxorhq {
      margin-top: 5px;
      display: none;
      background-color: rgba(255, 255, 255, 0.05);
      box-shadow: 0 0 20px 0.4px rgba(0, 0, 0, 0.1);
      padding: 22px 30px 26px;
      width: 100%;
      z-index: 11; }
      .qmrys0 .vcemyu .c1dshn .xxorhq ul li {
        padding-bottom: 10px; }
        .qmrys0 .vcemyu .c1dshn .xxorhq ul li:last-child {
          padding-bottom: 0px; }
        .qmrys0 .vcemyu .c1dshn .xxorhq ul li a {
          font-size: 14px;
          font-weight: 400;
          color: #BDBDBD; }
          .qmrys0 .vcemyu .c1dshn .xxorhq ul li a:hover {
            color: var(--colormain2); }
    .qmrys0 .vcemyu .c1dshn:hover > a {
      color: var(--colormain2); }
    @media only screen and (max-width: 767px) {
      .qmrys0 .vcemyu .c1dshn {
        margin-bottom: 5px; }
        .qmrys0 .vcemyu .c1dshn:last-child {
          margin-bottom: 0; } }

.uijtmz {
  padding: 120px 55px 50px;
  width: 375px;
  position: fixed;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 9; }
  @media only screen and (min-width: 1366px) and (max-width: 1600px) {
    .uijtmz {
      padding: 80px 30px 50px;
      width: 275px; } }
  @media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .uijtmz {
      padding: 80px 30px 50px;
      width: 270px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .uijtmz {
      padding: 50px 20px 50px;
      width: 250px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .uijtmz {
      display: none; } }
  @media only screen and (max-width: 767px) {
    .uijtmz {
      display: none; } }
  .uijtmz .q50dc5 {
    height: 100%;
    width: 100%;
    overflow-y: auto; }

.fbqdr4 {
  padding: 95px 0 95px; }
  @media only screen and (min-width: 1366px) and (max-width: 1600px) {
    .fbqdr4 {
      padding: 55px 0 55px; } }
  @media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .fbqdr4 {
      padding: 55px 0 55px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .fbqdr4 {
      padding: 45px 0 45px; } }
  .fbqdr4 > nav ul > li {
    padding-bottom: 48px;
    display: block; }
    @media only screen and (min-width: 1366px) and (max-width: 1600px) {
      .fbqdr4 > nav ul > li {
        padding-bottom: 30px; } }
    @media only screen and (min-width: 1200px) and (max-width: 1365px) {
      .fbqdr4 > nav ul > li {
        padding-bottom: 20px; } }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .fbqdr4 > nav ul > li {
        padding-bottom: 20px; } }
    .fbqdr4 > nav ul > li:last-child {
      padding-bottom: 0; }
    .fbqdr4 > nav ul > li a {
      display: inline-block;
      font-size: 24px;
      color: #1b1b1b;
      font-weight: bold;
      font-family: var(--fonttitle); }
      @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .fbqdr4 > nav ul > li a {
          font-size: 20px; } }
      .fbqdr4 > nav ul > li a i {
        margin-left: 5px;
        font-size: 18px; }
    .fbqdr4 > nav ul > li:hover > a {
      color: var(--colormain); }
    .fbqdr4 > nav ul > li ul {
      padding: 18px 0 0px 0px; }
      .fbqdr4 > nav ul > li ul li {
        padding-bottom: 6px; }
        .fbqdr4 > nav ul > li ul li:last-child {
          padding-bottom: 0; }
        .fbqdr4 > nav ul > li ul li a {
          font-size: 16px;
          color: #444; }
          .fbqdr4 > nav ul > li ul li a i {
            position: relative;
            top: 1px;
            font-size: 14px; }
        .fbqdr4 > nav ul > li ul li ul {
          padding: 18px 0 0px 18px; }
          .fbqdr4 > nav ul > li ul li ul li a {
            font-size: 14px; }

.bqif86 {
  border-top: 1px solid #a3a3a3;
  border-bottom: 1px solid #a3a3a3;
  padding: 38px 0 35px; }
  .bqif86 h3 {
    color: #1b1b1b;
    margin: 0;
    font-size: 14px; }
  .bqif86 .te26wb {
    margin: 15px 0 47px; }
    .bqif86 .te26wb p {
      font-size: 11px;
      color: #1b1b1b;
      margin: 0 0 3px; }
      .bqif86 .te26wb p:last-child {
        margin: 0 0 0px; }

.o1735u {
  position: relative; }

.o1735u .d12gsh {
  z-index: 99; }
  .o1735u .d12gsh i {
    display: block; }
    .o1735u .d12gsh i.b7ppqx {
      left: 0;
      position: absolute;
      top: 50%;
      transform: translateY(-50%); }
  .o1735u .d12gsh .b7ppqx {
    opacity: 0; }
  .o1735u .d12gsh.open .b7ppqx {
    opacity: 1; }
  .o1735u .d12gsh.open .aosafq {
    opacity: 0; }

.iv9460 {
  background-color: transparent;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.3s ease 0s;
  visibility: hidden;
  width: 340px;
  z-index: -99;
  padding-bottom: 1px;
  margin-right: 10px; }
  .iv9460 form {
    position: relative;
    overflow: hidden; }
    .iv9460 form input {
      background-color: #fff;
      border: 1px solid #ddd;
      color: #393939;
      line-height: 30px;
      padding: 2px 20px;
      width: 100%; }
      .iv9460 form input::-moz-input-placeholder {
        color: #393939;
        opacity: 1; }
      .iv9460 form input::-webkit-input-placeholder {
        color: #393939;
        opacity: 1; }
  .iv9460.open {
    opacity: 1;
    right: 100%;
    visibility: visible;
    z-index: 99; }

.u7fwrl {
  width: 100%;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 99;
  background-color: var(--white);
  padding: 0;
  box-shadow: 0 0 30px 0.4px rgba(0, 0, 0, 0.1);
  display: none;
  border-radius: 4px; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .u7fwrl {
      left: 50%;
      transform: translateX(-50%); } }
  @media only screen and (max-width: 767px) {
    .u7fwrl {
      left: 50%;
      transform: translateX(-50%); } }
  .u7fwrl nav > ul > li {
    margin: 5px;
    position: relative;
    border-bottom: 1px solid #ddd; }
    .u7fwrl nav > ul > li:last-child {
      margin-bottom: 0px; }
    @media only screen and (min-width: 1366px) and (max-width: 1600px) {
      .u7fwrl nav > ul > li {
        margin-bottom: 8px; } }
    @media only screen and (min-width: 1200px) and (max-width: 1365px) {
      .u7fwrl nav > ul > li {
        margin-bottom: 8px; } }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .u7fwrl nav > ul > li {
        margin-bottom: 6px; } }
    .u7fwrl nav > ul > li > a {
      padding: 10px 20px;
      display: block;
      font-size: 14px;
      letter-spacing: 1px;
      text-transform: capitalize;
      font-weight: 600;
      margin-bottom: 5px;
      color: var(--black); }
      .u7fwrl nav > ul > li > a span {
        float: right;
        font-size: 14px;
        position: relative;
        top: 4px; }
      .u7fwrl nav > ul > li > a i {
        font-size: 18px;
        margin-right: 5px;
        margin-top: 0;
        position: relative;
        display: inline-block;
        top: 2px;
        color: var(--colormain); }
    .u7fwrl nav > ul > li .vdgz6p {
      position: absolute;
      left: 100%;
      top: 10px;
      width: 570px;
      background-color: #fff;
      padding: 30px 52px 40px 30px;
      transform: rotateX(90deg);
      transform-origin: center top 0;
      transition: all 0.5s ease 0s;
      visibility: hidden;
      z-index: 99;
      box-shadow: 0 0 30px 0.4px rgba(0, 0, 0, 0.1); }
      .u7fwrl nav > ul > li .vdgz6p .ancuvd {
        display: inline-block;
        width: 50%;
        float: left; }
        .u7fwrl nav > ul > li .vdgz6p .ancuvd.xyihpi {
          margin-bottom: 40px; }
        .u7fwrl nav > ul > li .vdgz6p .ancuvd.ys4crk {
          padding-left: 38px; }
        .u7fwrl nav > ul > li .vdgz6p .ancuvd.wx2jli {
          position: relative; }
        .u7fwrl nav > ul > li .vdgz6p .ancuvd h4 {
          font-weight: 600;
          font-size: 16px;
          margin: 0 0 18px;
          text-transform: capitalize;
          font-family: var(--fontprimary); }
        .u7fwrl nav > ul > li .vdgz6p .ancuvd ul li {
          padding: 0 0 9px; }
          .u7fwrl nav > ul > li .vdgz6p .ancuvd ul li:last-child {
            padding: 0 0 0px; }
          .u7fwrl nav > ul > li .vdgz6p .ancuvd ul li a {
            font-size: 13px; }
            .u7fwrl nav > ul > li .vdgz6p .ancuvd ul li a:hover {
              color: var(--colormain); }
        .u7fwrl nav > ul > li .vdgz6p .ancuvd > a img {
          width: 100%; }
      @media only screen and (min-width: 1366px) and (max-width: 1600px) {
        .u7fwrl nav > ul > li .vdgz6p.x8lsbm {
          height: 280px;
          overflow-y: auto; } }
      @media only screen and (min-width: 1200px) and (max-width: 1365px) {
        .u7fwrl nav > ul > li .vdgz6p.x8lsbm {
          height: 280px;
          overflow-y: auto; } }
      @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .u7fwrl nav > ul > li .vdgz6p.x8lsbm {
          height: 280px;
          overflow-y: auto; } }
    .u7fwrl nav > ul > li > .blb8xn {
      display: none;
      padding: 15px 0 0 60px; }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .u7fwrl nav > ul > li > .blb8xn {
          padding: 0px 0 20px 60px; } }
      @media only screen and (max-width: 767px) {
        .u7fwrl nav > ul > li > .blb8xn {
          padding: 0px 0 20px 60px; } }
      .u7fwrl nav > ul > li > .blb8xn > li {
        padding: 0 0 6px; }
        .u7fwrl nav > ul > li > .blb8xn > li:last-child {
          padding: 0 0 0px; }
        .u7fwrl nav > ul > li > .blb8xn > li > a {
          display: block;
          padding: 0 40px 0 0;
          font-size: 11px;
          letter-spacing: 1.82px;
          text-transform: uppercase;
          font-weight: 600; }
          @media only screen and (min-width: 768px) and (max-width: 991px) {
            .u7fwrl nav > ul > li > .blb8xn > li > a {
              font-size: 12px;
              font-weight: 500;
              text-transform: capitalize;
              letter-spacing: 1px; } }
          @media only screen and (max-width: 767px) {
            .u7fwrl nav > ul > li > .blb8xn > li > a {
              font-size: 12px;
              font-weight: 500;
              text-transform: capitalize;
              letter-spacing: 1px; } }
          .u7fwrl nav > ul > li > .blb8xn > li > a span {
            top: 4px; }
          .u7fwrl nav > ul > li > .blb8xn > li > a i {
            float: right;
            font-size: 12px;
            top: 7px;
            position: relative; }
        .u7fwrl nav > ul > li > .blb8xn > li ul {
          padding: 10px 0 0; }
          .u7fwrl nav > ul > li > .blb8xn > li ul li {
            padding-bottom: 3px; }
            .u7fwrl nav > ul > li > .blb8xn > li ul li:last-child {
              padding-bottom: 0px; }
            .u7fwrl nav > ul > li > .blb8xn > li ul li a {
              padding: 0 0px 0 20px;
              font-size: 12px; }
              @media only screen and (min-width: 768px) and (max-width: 991px) {
                .u7fwrl nav > ul > li > .blb8xn > li ul li a {
                  font-size: 13px;
                  letter-spacing: 1px; } }
              @media only screen and (max-width: 767px) {
                .u7fwrl nav > ul > li > .blb8xn > li ul li a {
                  font-size: 13px;
                  letter-spacing: 1px; } }
    .u7fwrl nav > ul > li:hover > a, .u7fwrl nav > ul > li:hover > a span {
      color: var(--colormain);
      background: #eee; }
    .u7fwrl nav > ul > li:hover .vdgz6p {
      transform: rotateX(0deg);
      visibility: visible; }

.eihyqj {
  padding: 24px 0 27px; }
  .eihyqj nav ul {
    display: flex;
    justify-content: center; }
    .eihyqj nav ul li {
      margin: 0 50px; }
      @media only screen and (min-width: 1366px) and (max-width: 1600px) {
        .eihyqj nav ul li {
          margin: 0 40px; } }
      @media only screen and (min-width: 1200px) and (max-width: 1365px) {
        .eihyqj nav ul li {
          margin: 0 35px; } }
      @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .eihyqj nav ul li {
          margin: 0 15px; } }
      .eihyqj nav ul li a {
        font-size: 16px;
        font-weight: 600;
        color: #1b1b1b;
        letter-spacing: .13px;
        display: inline-block;
        position: relative; }
        @media only screen and (min-width: 992px) and (max-width: 1199px) {
          .eihyqj nav ul li a {
            font-size: 14px; } }
        .eihyqj nav ul li a::after {
          position: absolute;
          left: 0;
          right: 0;
          margin: auto;
          top: 37%;
          bottom: -32px;
          width: 20%;
          height: 4px;
          content: "";
          z-index: 1;
          opacity: 0;
          transition: all 0.3s;
          background-color: var(--colormain2); }
        .eihyqj nav ul li a.active::after {
          width: calc(100%);
          opacity: 1; }
      .eihyqj nav ul li:hover > a::after {
        width: calc(100%);
        opacity: 1; }

.u9canh {
  margin-bottom: -112px;
  z-index: 999;
  position: relative; }
  @media only screen and (min-width: 1366px) and (max-width: 1600px) {
    .u9canh {
      margin-bottom: -80px; } }
  @media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .u9canh {
      margin-bottom: -50px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .u9canh {
      margin-bottom: -50px; } }
  .u9canh .x2b2bz {
    height: 148px;
    display: flex;
    align-items: center;
    justify-content: center; }
    @media only screen and (min-width: 1366px) and (max-width: 1600px) {
      .u9canh .x2b2bz {
        height: 100px; } }
    @media only screen and (min-width: 1200px) and (max-width: 1365px) {
      .u9canh .x2b2bz {
        height: 85px; } }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .u9canh .x2b2bz {
        height: 78px; } }
    .u9canh .x2b2bz .y2mimr {
      padding-top: 30px; }
      @media only screen and (min-width: 1366px) and (max-width: 1600px) {
        .u9canh .x2b2bz .y2mimr {
          padding-top: 15px; } }
      @media only screen and (min-width: 1200px) and (max-width: 1365px) {
        .u9canh .x2b2bz .y2mimr {
          padding-top: 15px; } }
      @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .u9canh .x2b2bz .y2mimr {
          padding-top: 12px; } }

.u4c27c {
  padding: 57px 0 30px; }

/*-------- 3. Slider style ---------*/
.kdgdvr {
  height: 810px; }
  @media only screen and (min-width: 1366px) and (max-width: 1600px) {
    .kdgdvr {
      height: 600px; } }
  @media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .kdgdvr {
      height: 600px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .kdgdvr {
      height: 500px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .kdgdvr {
      height: 500px; } }
  @media only screen and (max-width: 767px) {
    .kdgdvr {
      height: 450px; } }

.l55kiq {
  height: 100vh; }
  .l55kiq .row {
    height: 100%;
    align-items: center;
    justify-content: center; }
  @media only screen and (min-width: 1366px) and (max-width: 1600px) {
    .l55kiq {
      height: 100vh; } }
  @media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .l55kiq {
      height: 100vh; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .l55kiq {
      height: 100vh; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .l55kiq {
      height: 100vh; } }
  @media only screen and (max-width: 767px) {
    .l55kiq {
      height: 480px;
      padding-left: 15px;
      padding-right: 15px;
      margin: 100px 0 0 0; } }

.k0zygk {
  height: 910px; }
  @media only screen and (min-width: 1366px) and (max-width: 1600px) {
    .k0zygk {
      height: 600px; } }
  @media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .k0zygk {
      height: 600px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .k0zygk {
      height: 500px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .k0zygk {
      height: 500px; } }
  @media only screen and (max-width: 767px) {
    .k0zygk {
      height: 400px; } }

.pg7fik {
  height: 880px; }
  @media only screen and (min-width: 1366px) and (max-width: 1600px) {
    .pg7fik {
      height: 600px; } }
  @media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .pg7fik {
      height: 600px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .pg7fik {
      height: 500px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pg7fik {
      height: 500px; } }
  @media only screen and (max-width: 767px) {
    .pg7fik {
      height: 400px; } }

.mpcv0n {
  height: 879px; }
  @media only screen and (min-width: 1366px) and (max-width: 1600px) {
    .mpcv0n {
      height: 700px; } }
  @media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .mpcv0n {
      height: 650px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .mpcv0n {
      height: 600px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .mpcv0n {
      height: 550px; } }
  @media only screen and (max-width: 767px) {
    .mpcv0n {
      height: 550px; } }

.yb24fk {
  height: 1050px; }
  @media only screen and (min-width: 1366px) and (max-width: 1600px) {
    .yb24fk {
      height: 700px; } }
  @media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .yb24fk {
      height: 650px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .yb24fk {
      height: 600px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .yb24fk {
      height: 500px; } }
  @media only screen and (max-width: 767px) {
    .yb24fk {
      height: 400px; } }

.hdl8gr {
  height: 890px; }
  @media only screen and (min-width: 1366px) and (max-width: 1600px) {
    .hdl8gr {
      height: 650px; } }
  @media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .hdl8gr {
      height: 600px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .hdl8gr {
      height: 500px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .hdl8gr {
      height: 420px; } }
  @media only screen and (max-width: 767px) {
    .hdl8gr {
      height: 400px; } }

.wyjk6f {
  height: 878px;
  position: relative; }
  @media only screen and (min-width: 1366px) and (max-width: 1600px) {
    .wyjk6f {
      height: 650px; } }
  @media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .wyjk6f {
      height: 600px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .wyjk6f {
      height: 600px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .wyjk6f {
      height: 550px; } }
  @media only screen and (max-width: 767px) {
    .wyjk6f {
      height: 550px; } }

.i375ur {
  height: 1093px;
  position: relative; }
  @media only screen and (min-width: 1366px) and (max-width: 1600px) {
    .i375ur {
      height: 777px; } }
  @media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .i375ur {
      height: 777px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .i375ur {
      height: 600px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .i375ur {
      height: 550px; } }
  @media only screen and (max-width: 767px) {
    .i375ur {
      height: 600px;
      background-position: 70%; } }

.yjs1lv {
  padding-left: 130px; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .yjs1lv {
      padding-left: 80px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .yjs1lv {
      padding-left: 50px; } }
  @media only screen and (max-width: 767px) {
    .yjs1lv {
      padding-left: 20px; } }

.oprtuz span {
  display: block;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 3.6px;
  color: #1b1b1b; }
.oprtuz h1 {
  font-size: 46px;
  font-weight: 600;
  color: #1b1b1b;
  line-height: 62px;
  margin: 3px 0 62px; }
  @media only screen and (min-width: 1366px) and (max-width: 1600px) {
    .oprtuz h1 {
      margin: 3px 0 40px; } }
  @media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .oprtuz h1 {
      margin: 3px 0 40px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .oprtuz h1 {
      margin: 3px 0 20px;
      line-height: 43px;
      font-size: 38px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .oprtuz h1 {
      margin: 3px 0 25px;
      line-height: 40px;
      font-size: 35px; } }
  @media only screen and (max-width: 767px) {
    .oprtuz h1 {
      font-size: 30px;
      line-height: 35px;
      margin: 3px 0 30px; } }

.mtk51n a {
  display: inline-block;
  font-size: 16px;
  color: #1b1b1b;
  line-height: 1;
  z-index: 2; }
  .mtk51n a.ym5hog {
    background-color: #fff; }
  .mtk51n a.hme1c5 {
    padding: 20px 38px 23px; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .mtk51n a.hme1c5 {
        padding: 15px 26px; } }
    @media only screen and (max-width: 767px) {
      .mtk51n a.hme1c5 {
        padding: 12px 20px 15px; } }
  .mtk51n a.xcjgxc {
    border: 2px solid #c8c8c8;
    transition: all .5s ease-in-out 0s; }
    .mtk51n a.xcjgxc:hover {
      border: 2px solid #f2c456; }

.gyi6g7 a {
  display: inline-block;
  font-size: 16px;
  color: #fff;
  line-height: 1;
  font-weight: bold;
  z-index: 2;
  font-family: var(--rufina); }
  .gyi6g7 a.fx1amn {
    background-color: var(--colormain); }
  .gyi6g7 a.vosit7 {
    background-color: #fff; }
  .gyi6g7 a.yeiayq {
    color: #1b1b1b; }
  .gyi6g7 a.vntmgv {
    padding: 22px 58px 24px; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .gyi6g7 a.vntmgv {
        padding: 18px 40px 20px; } }
    @media only screen and (max-width: 767px) {
      .gyi6g7 a.vntmgv {
        padding: 12px 20px 15px; } }
  .gyi6g7 a.a0gqja {
    padding: 22px 36px 21px; }
    @media only screen and (max-width: 767px) {
      .gyi6g7 a.a0gqja {
        padding: 16px 20px 15px; } }

.tn9qt8 .rs5x5j {
  position: absolute;
  left: 120px;
  bottom: 85px;
  display: flex; }
  @media only screen and (min-width: 1366px) and (max-width: 1600px) {
    .tn9qt8 .rs5x5j {
      bottom: 50px; } }
  @media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .tn9qt8 .rs5x5j {
      bottom: 50px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .tn9qt8 .rs5x5j {
      bottom: 50px;
      left: 70px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .tn9qt8 .rs5x5j {
      bottom: 70px;
      left: 41px; } }
  @media only screen and (max-width: 767px) {
    .tn9qt8 .rs5x5j {
      bottom: 50px;
      left: 10px; } }

.f43143 .rs5x5j div {
  margin: 0 10px;
  font-size: 53px;
  color: #191919; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .f43143 .rs5x5j div {
      font-size: 40px; } }
  @media only screen and (max-width: 767px) {
    .f43143 .rs5x5j div {
      font-size: 35px; } }
  .f43143 .rs5x5j div:hover {
    color: #444; }

.gvn04c .pnmtlg {
  position: absolute;
  bottom: 0;
  z-index: 9;
  text-align: center;
  left: auto;
  right: 15px;
  top: 0;
  margin: auto;
  height: 60px; }
  .gvn04c .pnmtlg .cbk04m {
    display: flex; }
    .gvn04c .pnmtlg .cbk04m span {
      width: 10px;
      height: 10px;
      background: var(--colormain2);
      display: inline-block;
      border-radius: 50%;
      margin: 5px 0px; }
    .gvn04c .pnmtlg .cbk04m.active span {
      background: var(--colormain); }

.qnpnj8.active .mesnsu span {
  animation-delay: 1.0s;
  animation-name: fadeInDown; }
.qnpnj8.active .mesnsu h1 {
  animation-delay: 1.3s;
  animation-name: fadeInLeft; }
.qnpnj8.active .mesnsu a {
  animation-delay: 1.6s;
  animation-name: fadeInUp; }
.qnpnj8.active .roz6go h1, .qnpnj8.active .roz6go h4 {
  animation-delay: 1.0s;
  animation-name: fadeInUp; }
.qnpnj8.active .roz6go span, .qnpnj8.active .roz6go div {
  animation-delay: 1.3s;
  animation-name: fadeInUp; }
.qnpnj8.active .roz6go a {
  animation-delay: 1.6s;
  animation-name: fadeInUp; }
.qnpnj8.active .roz6go p {
  animation-delay: 1.3s;
  animation-name: fadeInUp; }

.c0wnhy {
  position: relative; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .c0wnhy.wn8tgu {
      padding-top: 0px; } }
  @media only screen and (max-width: 767px) {
    .c0wnhy.wn8tgu {
      padding-top: 0px; } }
  .c0wnhy .slrcjp {
    position: relative;
    z-index: 1; }

.mscma5 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  height: 100%;
  position: relative;
  margin: 80px 0 0;
  flex: 0 0 100%;
  z-index: 2;
  padding: 0; }
  @media only screen and (max-width: 1600px) {
    .mscma5 {
      flex: 0 0 90%;
      margin: 40px 0; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .mscma5 {
      padding-top: 0px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .mscma5 {
      flex: 0 0 100%;
      padding-top: 0px; } }
  @media only screen and (max-width: 767px) {
    .mscma5 {
      flex: 0 0 100%;
      padding-top: 0px;
      margin: auto; } }
  .mscma5 h1 {
    font-size: 100px;
    font-weight: 500;
    color: var(--white);
    margin: 0 0 30px 0;
    line-height: 100px;
    font-family: var(--fonttitle);
    width: 50%;
    letter-spacing: 3px; }
    @media only screen and (max-width: 1600px) {
      .mscma5 h1 {
        font-size: 60px;
        line-height: 70px;
        margin: 0 0 20px 0; } }
    @media only screen and (min-width: 1366px) and (max-width: 1600px) {
      .mscma5 h1 {
        font-size: 40px;
        line-height: 50px;
        margin: 0 0 20px 0; } }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .mscma5 h1 {
        font-size: 40px;
        line-height: 40px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .mscma5 h1 {
        font-size: 36px;
        line-height: 36px;
        margin: 0 0 10px 0; } }
    @media only screen and (max-width: 767px) {
      .mscma5 h1 {
        font-size: 26px;
        line-height: 30px;
        margin: 0 0 20px 0; } }
  .mscma5 .eqv7ze {
    font-size: 14px;
    line-height: 30px;
    color: var(--colormain2);
    margin: 2px 0 10px;
    width: 50%;
    text-transform: uppercase; }
    @media only screen and (min-width: 1366px) and (max-width: 1600px) {
      .mscma5 .eqv7ze {
        width: 90%; } }
    @media only screen and (min-width: 1200px) and (max-width: 1365px) {
      .mscma5 .eqv7ze {
        width: 90%; } }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .mscma5 .eqv7ze {
        width: 95%; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .mscma5 .eqv7ze {
        width: 95%;
        margin: 2px 0 20px;
        line-height: 24px; } }
    @media only screen and (max-width: 767px) {
      .mscma5 .eqv7ze {
        font-size: 14px;
        line-height: 20px;
        margin: 10px auto;
        width: 98%; } }
    @media only screen and (max-width: 767px) {
      .mscma5 .eqv7ze {
        display: none; } }
  .mscma5 .c9dumz {
    color: var(--white);
    margin-bottom: 30px; }
    .mscma5 .c9dumz h4 {
      color: var(--colormain);
      font-size: 32px;
      margin-left: 20px;
      margin-bottom: 0;
      font-weight: 600; }
  .mscma5 p {
    font-size: 16px;
    line-height: 24px;
    color: var(--black4);
    margin: 0 0 40px 0; }
  .mscma5 .thneut a {
    width: auto;
    border: none;
    text-transform: uppercase;
    font-size: 14px;
    margin-right: 45px; }
    .mscma5 .thneut a:last-child {
      margin-right: 0px; }
    .mscma5 .thneut a i {
      font-size: 15px;
      color: var(--white);
      margin-right: 10px;
      -webkit-transition: 0.3s;
      -o-transition: 0.3s;
      transition: 0.3s; }
    .mscma5 .thneut a span {
      color: var(--white);
      font-weight: 500;
      -webkit-transition: 0.3s;
      -o-transition: 0.3s;
      transition: 0.3s; }

.fpco5e {
  overflow: hidden; }
  .fpco5e img {
    transition: all 0.7s ease-out;
    -webkit-transition: all 0.7s ease-out;
    -o-transition: all 0.7s ease-out;
    transform: scale(1); }
  .fpco5e .oopb0q {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    height: 100%;
    position: relative;
    margin: 0;
    flex: 0 0 100%;
    z-index: 2;
    padding: 20px;
    top: 0; }
    .fpco5e .oopb0q h1 {
      font-size: 16px;
      text-transform: uppercase;
      font-weight: 600; }
      .fpco5e .oopb0q h1 span {
        font-size: 40px; }
    .fpco5e .oopb0q p {
      font-size: 14px;
      text-transform: uppercase;
      font-weight: 600;
      margin-bottom: 30px; }
    .fpco5e .oopb0q a i {
      transition: all 1s ease-out;
      -webkit-transition: all 1s ease-out;
      -o-transition: all 1s ease-out;
      margin-left: 0; }
    .fpco5e .oopb0q a:hover i {
      margin-left: 5px; }
  .fpco5e:hover img {
    transform: scale(1.08); }

.fjglav .rs5x5j div {
  position: absolute;
  top: 50%;
  transform: 50%;
  left: 20px;
  z-index: 9;
  color: var(--black2);
  font-size: 35px;
  transition: all .3s ease 0s;
  opacity: 0;
  visibility: hidden; }
  .fjglav .rs5x5j div:hover {
    color: var(--colormain); }
  .fjglav .rs5x5j div.jo356k {
    left: auto;
    right: 20px; }
.fjglav:hover .rs5x5j div {
  opacity: 1;
  visibility: visible; }

.us959d h1 {
  color: #1b1b1b;
  margin: 0 0 55px;
  font-weight: bold;
  font-family: var(--rufina);
  font-size: 66px; }
  @media only screen and (min-width: 1366px) and (max-width: 1600px) {
    .us959d h1 {
      font-size: 55px; } }
  @media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .us959d h1 {
      font-size: 55px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .us959d h1 {
      font-size: 45px;
      margin: 0 0 30px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .us959d h1 {
      font-size: 45px;
      margin: 0 0 30px; } }
  @media only screen and (max-width: 767px) {
    .us959d h1 {
      font-size: 30px;
      margin: 0 0 30px; } }
.us959d .ee1fjl {
  margin-top: 51px; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .us959d .ee1fjl {
      margin-top: 30px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .us959d .ee1fjl {
      margin-top: 30px; } }
  @media only screen and (max-width: 767px) {
    .us959d .ee1fjl {
      margin-top: 30px; } }
  .us959d .ee1fjl a {
    color: #1b1b1b;
    display: inline-block;
    font-size: 18px;
    font-family: var(--rufina);
    margin-right: 55px; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .us959d .ee1fjl a {
        margin-right: 30px; } }
    @media only screen and (max-width: 767px) {
      .us959d .ee1fjl a {
        margin-right: 8px;
        font-size: 15px; } }
    .us959d .ee1fjl a:last-child {
      margin-right: 0px; }
    .us959d .ee1fjl a:hover {
      color: var(--colormain); }

.g8be9s {
  animation-iteration-count: infinite;
  animation-name: bounce-img;
  position: absolute;
  content: "";
  right: 37%;
  bottom: 32%;
  width: 151px;
  animation-duration: 2.5s; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .g8be9s {
      right: 18%; } }
  @media only screen and (max-width: 767px) {
    .g8be9s {
      width: 65px;
      right: 15%;
      bottom: 40%; } }
  .g8be9s img {
    width: 100%; }

.xv06x5 .x1b1y6 h3 {
  color: #ffffff;
  font-size: 32px;
  margin: 0;
  display: inline-block;
  font-family: var(--fonttitle);
  position: relative;
  font-style: italic; }
  @media only screen and (max-width: 767px) {
    .xv06x5 .x1b1y6 h3 {
      font-size: 21px; } }
  .xv06x5 .x1b1y6 h3:before {
    position: absolute;
    content: "";
    top: 50%;
    transform: translateY(-50%);
    height: 2px;
    width: 240px;
    background-color: #d8d8d8;
    left: auto;
    right: calc(100% + 55px); }
    @media only screen and (min-width: 1366px) and (max-width: 1600px) {
      .xv06x5 .x1b1y6 h3:before {
        width: 180px; } }
    @media only screen and (min-width: 1200px) and (max-width: 1365px) {
      .xv06x5 .x1b1y6 h3:before {
        width: 150px; } }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .xv06x5 .x1b1y6 h3:before {
        width: 100px;
        right: calc(100% + 30px); } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .xv06x5 .x1b1y6 h3:before {
        width: 100px;
        right: calc(100% + 30px); } }
    @media only screen and (max-width: 767px) {
      .xv06x5 .x1b1y6 h3:before {
        width: 15px;
        right: calc(100% + 5px); } }
    @media only screen and (min-width: 576px) and (max-width: 767px) {
      .xv06x5 .x1b1y6 h3:before {
        width: 80px;
        right: calc(100% + 20px); } }
  .xv06x5 .x1b1y6 h3:after {
    position: absolute;
    content: "";
    top: 50%;
    transform: translateY(-50%);
    height: 2px;
    width: 240px;
    background-color: #d8d8d8;
    right: auto;
    left: calc(100% + 55px); }
    @media only screen and (min-width: 1366px) and (max-width: 1600px) {
      .xv06x5 .x1b1y6 h3:after {
        width: 180px; } }
    @media only screen and (min-width: 1200px) and (max-width: 1365px) {
      .xv06x5 .x1b1y6 h3:after {
        width: 150px; } }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .xv06x5 .x1b1y6 h3:after {
        width: 100px;
        left: calc(100% + 30px); } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .xv06x5 .x1b1y6 h3:after {
        width: 100px;
        left: calc(100% + 30px); } }
    @media only screen and (max-width: 767px) {
      .xv06x5 .x1b1y6 h3:after {
        width: 15px;
        left: calc(100% + 5px); } }
    @media only screen and (min-width: 576px) and (max-width: 767px) {
      .xv06x5 .x1b1y6 h3:after {
        width: 80px;
        left: calc(100% + 20px); } }
.xv06x5 h1 {
  color: #ffffff;
  font-size: 66px;
  margin: 13px 0 60px;
  font-weight: bold;
  font-family: var(--fonttitle); }
  @media only screen and (min-width: 1366px) and (max-width: 1600px) {
    .xv06x5 h1 {
      font-size: 48px; } }
  @media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .xv06x5 h1 {
      font-size: 55px;
      margin: 13px 0 40px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .xv06x5 h1 {
      font-size: 37px;
      margin: 10px 0 40px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .xv06x5 h1 {
      font-size: 37px;
      margin: 10px 0 30px; } }
  @media only screen and (max-width: 767px) {
    .xv06x5 h1 {
      font-size: 28px;
      margin: 5px 0 25px; } }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .xv06x5 h1 {
      font-size: 35px; } }

.ctkv4w a {
  color: #1b1b1b;
  font-weight: bold;
  font-family: var(--fonttitle);
  font-size: 16px;
  display: inline-block;
  background-color: #fff;
  padding: 16px 60px 18px;
  z-index: 2; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .ctkv4w a {
      padding: 12px 35px 16px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .ctkv4w a {
      padding: 12px 35px 16px;
      font-size: 15px; } }
  @media only screen and (max-width: 767px) {
    .ctkv4w a {
      padding: 10px 30px 12px;
      font-size: 15px; } }

.e7jate {
  margin-right: -135px; }
  @media only screen and (min-width: 1366px) and (max-width: 1600px) {
    .e7jate {
      margin-right: -50px; } }
  @media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .e7jate {
      margin-right: 0px; }
      .e7jate.fsmscc {
        padding-top: 50px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .e7jate {
      margin-right: 0px; }
      .e7jate.fsmscc {
        padding-top: 40px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .e7jate {
      margin-right: 0px; }
      .e7jate.fsmscc {
        padding-top: 40px; } }
  @media only screen and (max-width: 767px) {
    .e7jate {
      margin-right: 0px; } }
  .e7jate .s5bd16 {
    animation-duration: 2.5s;
    animation-name: bounce-img;
    animation-iteration-count: infinite; }
    .e7jate .s5bd16 img {
      width: 156px; }
      @media only screen and (min-width: 1366px) and (max-width: 1600px) {
        .e7jate .s5bd16 img {
          width: 100px; } }
      @media only screen and (min-width: 1200px) and (max-width: 1365px) {
        .e7jate .s5bd16 img {
          width: 100px; } }
      @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .e7jate .s5bd16 img {
          width: 90px; } }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .e7jate .s5bd16 img {
          width: 90px; } }
      @media only screen and (max-width: 767px) {
        .e7jate .s5bd16 img {
          width: 80px; } }
  .e7jate h1 {
    color: #fff;
    font-size: 66px;
    font-weight: bold;
    font-family: var(--fonttitle);
    margin: 6px 0 22px;
    font-style: italic; }
    @media only screen and (min-width: 1366px) and (max-width: 1600px) {
      .e7jate h1 {
        margin: 6px 0 12px; } }
    @media only screen and (min-width: 1200px) and (max-width: 1365px) {
      .e7jate h1 {
        margin: 6px 0 12px;
        font-size: 55px; } }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .e7jate h1 {
        margin: 6px 0 12px;
        font-size: 55px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .e7jate h1 {
        margin: 6px 0 12px;
        font-size: 55px; } }
    @media only screen and (max-width: 767px) {
      .e7jate h1 {
        margin: 25px 0 12px;
        font-size: 27px; } }
    @media only screen and (min-width: 576px) and (max-width: 767px) {
      .e7jate h1 {
        margin: 30px 0 12px;
        font-size: 34px; } }
  .e7jate p {
    color: #fff;
    font-size: 18px;
    line-height: 36px;
    margin: 0px auto 43px;
    width: 65%; }
    @media only screen and (min-width: 1366px) and (max-width: 1600px) {
      .e7jate p {
        margin: 0px auto 20px; } }
    @media only screen and (min-width: 1200px) and (max-width: 1365px) {
      .e7jate p {
        margin: 0px auto 20px; } }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .e7jate p {
        margin: 0px auto 20px;
        width: 70%; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .e7jate p {
        margin: 0px auto 20px;
        width: 72%; } }
    @media only screen and (max-width: 767px) {
      .e7jate p {
        margin: 0px auto 30px;
        line-height: 30px;
        font-size: 16px;
        width: 92%; } }

.fjidq0 {
  position: relative;
  z-index: 9; }
  .fjidq0 h1 {
    font-size: 130px;
    font-weight: bold;
    color: #fff;
    letter-spacing: .77px;
    margin: 0 0 8px;
    line-height: 1;
    text-shadow: 0px 0px 37px rgba(0, 0, 0, 0.5); }
    .fjidq0 h1 span {
      margin-left: 75px; }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .fjidq0 h1 span {
          margin-left: 30px; } }
      @media only screen and (max-width: 767px) {
        .fjidq0 h1 span {
          margin-left: 0px; } }
    @media only screen and (min-width: 1366px) and (max-width: 1600px) {
      .fjidq0 h1 {
        font-size: 100px; } }
    @media only screen and (min-width: 1200px) and (max-width: 1365px) {
      .fjidq0 h1 {
        font-size: 100px; } }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .fjidq0 h1 {
        font-size: 90px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .fjidq0 h1 {
        font-size: 70px; } }
    @media only screen and (max-width: 767px) {
      .fjidq0 h1 {
        font-size: 35px; } }
    @media only screen and (min-width: 576px) and (max-width: 767px) {
      .fjidq0 h1 {
        font-size: 45px;
        margin: 0 0 20px; } }

.lg5jql {
  margin-left: 33px;
  margin-top: 130px;
  position: relative;
  z-index: 9; }
  @media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .lg5jql {
      margin-top: 80px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .lg5jql {
      margin-top: 80px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .lg5jql {
      margin-top: 0px;
      margin-left: 0px; } }
  @media only screen and (max-width: 767px) {
    .lg5jql {
      margin-top: 0px;
      margin-left: 0px; } }
  .lg5jql h1 {
    color: #1b1b1b;
    font-size: 66px;
    line-height: 78px;
    font-family: var(--fonttitle);
    margin: 0 0 62px; }
    @media only screen and (min-width: 1366px) and (max-width: 1600px) {
      .lg5jql h1 {
        font-size: 50px; } }
    @media only screen and (min-width: 1200px) and (max-width: 1365px) {
      .lg5jql h1 {
        font-size: 40px;
        line-height: 55px;
        margin: 0 0 40px; } }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .lg5jql h1 {
        font-size: 38px;
        line-height: 50px;
        margin: 0 0 40px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .lg5jql h1 {
        font-size: 28px;
        line-height: 40px;
        margin: 0 0 20px; } }
    @media only screen and (max-width: 767px) {
      .lg5jql h1 {
        font-size: 24px;
        line-height: 35px;
        margin: 0 0 20px; } }

.x4u1dn {
  position: relative;
  padding-left: 525px; }
  @media only screen and (min-width: 1366px) and (max-width: 1600px) {
    .x4u1dn {
      padding-left: 425px; } }
  @media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .x4u1dn {
      padding-left: 325px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .x4u1dn {
      padding-left: 225px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .x4u1dn {
      padding-left: 100px; } }
  @media only screen and (max-width: 767px) {
    .x4u1dn {
      padding-left: 0px; } }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .x4u1dn {
      padding-left: 100px; } }

.zqwkwc.ipcbwu::before {
  background-color: #000;
  opacity: .1; }

.v76xuw {
  padding: 0 0 38px 50px;
  position: relative; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .v76xuw {
      padding: 0 0 20px 20px; } }
  @media only screen and (max-width: 767px) {
    .v76xuw {
      padding: 0 0 15px 15px; } }
  .v76xuw::before {
    position: absolute;
    content: "";
    left: 50px;
    top: 99px;
    width: 0;
    height: 0;
    z-index: 99;
    border-top: 191px solid #ffc68b;
    border-right: 190px solid transparent; }
    @media only screen and (min-width: 1366px) and (max-width: 1600px) {
      .v76xuw::before {
        top: 65px; } }
    @media only screen and (min-width: 1200px) and (max-width: 1365px) {
      .v76xuw::before {
        top: 45px;
        border-top: 150px solid #ffc68b;
        border-right: 150px solid transparent; } }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .v76xuw::before {
        top: 30px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .v76xuw::before {
        top: 0px;
        left: 0px; } }
    @media only screen and (max-width: 767px) {
      .v76xuw::before {
        top: 0px;
        left: 0px;
        border-top: 100px solid #ffc68b;
        border-right: 100px solid transparent; } }

.iy97as {
  position: relative;
  height: 100%;
  border-radius: 300px 211px 190px 160px;
  background: linear-gradient(to right, #fee8aa, #ffdf24); }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .iy97as {
      border-radius: 100px 130px 150px 130px; } }
  @media only screen and (max-width: 767px) {
    .iy97as {
      border-radius: 100px 130px 100px 80px; } }
  .iy97as .d3gu32 {
    position: absolute;
    bottom: -94px;
    right: -50px; }
    @media only screen and (min-width: 1366px) and (max-width: 1600px) {
      .iy97as .d3gu32 {
        bottom: -70px; } }
    @media only screen and (min-width: 1200px) and (max-width: 1365px) {
      .iy97as .d3gu32 {
        bottom: -65px; } }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .iy97as .d3gu32 {
        bottom: -60px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .iy97as .d3gu32 {
        bottom: 0px;
        right: -40px; } }
    @media only screen and (max-width: 767px) {
      .iy97as .d3gu32 {
        right: auto !important;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%); } }
    @media only screen and (min-width: 576px) and (max-width: 767px) {
      .iy97as .d3gu32 {
        right: 0 !important;
        left: auto;
        transform: inherit;
        bottom: 115px; } }

.d3gu32 img {
  width: 983px; }
  @media only screen and (min-width: 1366px) and (max-width: 1600px) {
    .d3gu32 img {
      width: 600px; } }
  @media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .d3gu32 img {
      width: 600px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .d3gu32 img {
      width: 480px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .d3gu32 img {
      width: 360px; } }
  @media only screen and (max-width: 767px) {
    .d3gu32 img {
      width: 120px; } }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .d3gu32 img {
      width: 200px; } }

.k6alzg {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  z-index: 99;
  flex-wrap: wrap;
  padding: 65px 80px 0px 75px; }
  @media only screen and (min-width: 1366px) and (max-width: 1600px) {
    .k6alzg {
      padding: 65px 0px 0px 0px; } }
  @media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .k6alzg {
      padding: 65px 0px 0px 0px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .k6alzg {
      padding: 45px 30px 0px 30px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .k6alzg {
      padding: 25px 0px 0px 0px; } }
  @media only screen and (max-width: 767px) {
    .k6alzg {
      padding: 20px 0px 25px 0px;
      text-align: center;
      display: block; } }

.z4wbf4 {
  overflow: hidden; }
  .z4wbf4 .u2cssb {
    margin-top: -26px; }
    .z4wbf4 .u2cssb img {
      max-width: 100%; }

/*-------- 20. Breadcrumb style ---------*/
.omcs5e {
  padding: 5rem 0; }
  @media only screen and (max-width: 767px) {
    .omcs5e {
      padding: 15px 0; } }

.eyts9c {
  padding: 0px 0 23px; }

.dpb6qu {
  background-attachment: fixed;
  background-repeat: no-repeat;
  position: relative;
  z-index: 1; }

.eroqbg {
  position: relative;
  z-index: 9;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center; }
  .eroqbg .fnj8qy h2 {
    font-size: 60px;
    color: var(--colormain);
    margin: 0;
    line-height: 1;
    font-weight: 700; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .eroqbg .fnj8qy h2 {
        font-size: 16px; } }
    @media only screen and (max-width: 767px) {
      .eroqbg .fnj8qy h2 {
        font-size: 14px; } }
  .eroqbg .fnj8qy p {
    font-size: 16px;
    text-transform: capitalize;
    font-weight: 500;
    margin-top: 10px;
    color: var(--white); }
  .eroqbg ul li {
    display: inline-block;
    margin: 0 2px;
    text-transform: capitalize;
    color: #737373; }
    .eroqbg ul li span {
      margin-right: 4px;
      display: inline-block;
      margin: 6px 4px 0 0;
      line-height: 1;
      position: relative;
      top: 1px; }
    .eroqbg ul li a {
      text-transform: capitalize;
      color: #181818; }
      .eroqbg ul li a:hover {
        color: var(--colormain); }

/*-------- 23. Sidebar style ---------*/
.ko45jx, .ottrm1 {
  background: rgba(166, 115, 96, 0.2);
  padding: 30px; }

.fm8n2n {
  display: block;
  overflow: hidden; }
  .fm8n2n .ue8kjy {
    position: relative;
    margin: 0;
    align-items: center; }
    .fm8n2n .ue8kjy .kbmbno {
      position: relative;
      width: 18px;
      height: 18px;
      top: 0;
      left: 0;
      display: block;
      cursor: pointer;
      line-height: 18px;
      flex: 18px 0 0;
      border-radius: 3px;
      margin-right: 10px; }
      .fm8n2n .ue8kjy .kbmbno::after {
        position: absolute;
        display: block;
        top: 0;
        left: 0;
        content: "";
        width: 18px;
        height: 18px;
        background: transparent;
        border-radius: 3px;
        border: 1px solid rgba(166, 115, 96, 0.4);
        transition: .3s;
        transform: scale(1); }
    .fm8n2n .ue8kjy input {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      opacity: 0;
      visibility: hidden; }
      .fm8n2n .ue8kjy input:checked ~ .kbmbno {
        background: var(--colormain);
        transition: .3s; }
      .fm8n2n .ue8kjy input:checked ~ .kbmbno::before {
        content: "\e64c";
        font-family: "themify";
        position: absolute;
        display: block;
        top: 0px;
        left: 3px;
        text-indent: 1px;
        color: #828BB2;
        background-color: transparent;
        border: 0px;
        -webkit-transform: rotate(8deg);
        -moz-transform: rotate(8deg);
        -ms-transform: rotate(8deg);
        -o-transform: rotate(8deg);
        transform: rotate(8deg);
        font-size: 10px;
        font-weight: 600;
        line-height: 18px;
        z-index: 99;
        color: #fff;
        transition: .3s; }
      .fm8n2n .ue8kjy input:checked ~ .kbmbno:after {
        width: 100%;
        height: 100%;
        border: 0;
        transition: .3s;
        transform: scale(0); }
    .fm8n2n .ue8kjy .yj3w0y {
      font-size: 14px;
      font-weight: 500;
      color: var(--black2);
      margin-bottom: 0;
      margin-top: 5px; }
  .fm8n2n h4.c8s6pj {
    font-size: 18px;
    margin: 0;
    color: var(--black2);
    font-weight: 600;
    text-transform: capitalize;
    letter-spacing: 1px;
    border-bottom: 1px solid #dddddd;
    padding-bottom: 15px; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .fm8n2n h4.c8s6pj {
        font-size: 28px; } }
    @media only screen and (max-width: 767px) {
      .fm8n2n h4.c8s6pj {
        font-size: 20px;
        letter-spacing: 1px; } }
  .fm8n2n h4.g6ujjf {
    font-size: 28px;
    margin: 0;
    color: var(--colormain2);
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding-bottom: 5px;
    border-bottom: 2px solid var(--colormain2);
    font-family: var(--fonttitle); }
    @media only screen and (max-width: 767px) {
      .fm8n2n h4.g6ujjf {
        font-size: 20px;
        letter-spacing: 1px; } }
  .fm8n2n .bb0vxz > ul > li {
    display: block;
    margin-bottom: 10px; }
    @media only screen and (max-width: 767px) {
      .fm8n2n .bb0vxz > ul > li {
        margin-bottom: 10px; } }
    .fm8n2n .bb0vxz > ul > li:last-child {
      margin-bottom: 0px; }
    .fm8n2n .bb0vxz > ul > li > a {
      color: #1D1D1D;
      font-size: 14px;
      font-weight: 600;
      letter-spacing: 1px;
      text-transform: uppercase; }
      @media only screen and (max-width: 767px) {
        .fm8n2n .bb0vxz > ul > li > a {
          font-size: 14px;
          letter-spacing: 1px; } }
      .fm8n2n .bb0vxz > ul > li > a span.tqa8va {
        margin-left: 12px; }
    .fm8n2n .bb0vxz > ul > li ul {
      margin-top: 20px;
      margin-bottom: 35px; }
      .fm8n2n .bb0vxz > ul > li ul li {
        margin-bottom: 11px; }
        .fm8n2n .bb0vxz > ul > li ul li:last-child {
          margin-bottom: 0px; }
        .fm8n2n .bb0vxz > ul > li ul li a {
          color: #707070;
          font-size: 12px;
          letter-spacing: 1px; }
          .fm8n2n .bb0vxz > ul > li ul li a:hover {
            color: #1D1D1D;
            text-decoration: underline; }
  @media only screen and (max-width: 767px) {
    .fm8n2n .bb0vxz.xkzozt {
      margin-top: 20px; } }
  .fm8n2n .qb13ne #mab37w {
    background: #eee none repeat scroll 0 0;
    border: medium none;
    border-radius: 50px;
    height: 5px;
    margin-bottom: 12px;
    margin-left: auto; }
    .fm8n2n .qb13ne #mab37w span {
      transition: all .0s ease 0s; }
    .fm8n2n .qb13ne #mab37w .ui-slider-range {
      position: absolute;
      display: block;
      border: 0;
      background: #1D1D1D none repeat scroll 0 0;
      border: none;
      transition: all .0s ease 0s; }
    .fm8n2n .qb13ne #mab37w .ui-slider-handle {
      background: #fff none repeat scroll 0 0;
      border: medium none;
      border-radius: 50%;
      height: 20px;
      margin-left: 0;
      width: 20px;
      border: 1px solid #979797;
      top: -8px;
      cursor: ew-resize; }
  .fm8n2n .qb13ne .nbovae {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 12px 0 0; }
    .fm8n2n .qb13ne .nbovae .hlxks5 {
      display: flex;
      align-items: center; }
      .fm8n2n .qb13ne .nbovae .hlxks5 span {
        font-size: 14px;
        margin-right: 5px;
        color: #1D1D1D !important; }
      .fm8n2n .qb13ne .nbovae .hlxks5 input {
        background: transparent;
        padding: 0;
        border: none;
        font-size: 14px;
        font-weight: 400;
        width: 60%;
        height: auto;
        color: #1D1D1D !important; }
    .fm8n2n .qb13ne .nbovae button {
      background-color: transparent;
      padding: 6px 39px;
      border: 2px solid #1D1D1D;
      font-size: 11px;
      font-weight: bold;
      color: #1D1D1D;
      text-transform: uppercase;
      transition: all 0.3s; }
      @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .fm8n2n .qb13ne .nbovae button {
          padding: 5px 22px; } }
      .fm8n2n .qb13ne .nbovae button:hover {
        background-color: var(--colormain);
        color: #fff;
        border: 2px solid var(--colormain); }
  @media only screen and (max-width: 767px) {
    .fm8n2n .qb13ne.ubtxvi {
      margin-top: 30px; } }
  .fm8n2n .w90h6p ul li {
    display: block;
    margin-right: 8px;
    margin-bottom: 10px; }
  .fm8n2n .nid1qf ul li {
    display: inline-block;
    margin-right: 8px;
    margin-bottom: 10px; }
    .fm8n2n .nid1qf ul li a {
      border: 1px solid rgba(166, 115, 96, 0.4);
      padding: 5px 10px;
      display: block;
      transition: all 0.3s;
      color: var(--black2);
      border-radius: 0; }
      @media only screen and (min-width: 1366px) and (max-width: 1600px) {
        .fm8n2n .nid1qf ul li a {
          padding: 9px 14px; } }
      .fm8n2n .nid1qf ul li a.enhmyl {
        border: none;
        color: #C3832D;
        padding: 13px 10px; }
        .fm8n2n .nid1qf ul li a.enhmyl:hover {
          background-color: transparent;
          color: var(--colormain);
          border: none; }
      @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .fm8n2n .nid1qf ul li a {
          padding: 6px 10px; } }
      .fm8n2n .nid1qf ul li a:hover {
        background-color: var(--colormain);
        color: var(--white);
        border: 1px solid var(--colormain); }
  @media only screen and (max-width: 767px) {
    .fm8n2n .nid1qf.fdkf7z {
      margin-top: 25px; } }
  .fm8n2n .tdhwlr ul li {
    align-items: center;
    position: relative;
    padding: 0px 0 13px; }
    .fm8n2n .tdhwlr ul li:last-child {
      padding: 0px 0 0px; }
    .fm8n2n .tdhwlr ul li .uz0kyn {
      position: relative; }
      .fm8n2n .tdhwlr ul li .uz0kyn input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        z-index: 999;
        width: auto; }
        .fm8n2n .tdhwlr ul li .uz0kyn input:checked ~ .kbmbno {
          background-color: var(--colormain);
          border: 1px solid var(--colormain); }
        .fm8n2n .tdhwlr ul li .uz0kyn input:checked ~ .kbmbno::after {
          display: block; }
      .fm8n2n .tdhwlr ul li .uz0kyn .kbmbno {
        position: absolute;
        top: 5px;
        left: 0;
        height: 16px;
        width: 16px;
        background-color: #fff;
        border: 1px solid #979797; }
        .fm8n2n .tdhwlr ul li .uz0kyn .kbmbno::after {
          content: "";
          position: absolute;
          display: none; }
        .fm8n2n .tdhwlr ul li .uz0kyn .kbmbno::after {
          left: 5px;
          top: 2px;
          width: 5px;
          height: 8px;
          border: solid white;
          border-top-width: medium;
          border-right-width: medium;
          border-bottom-width: medium;
          border-left-width: medium;
          border-width: 0 2px 2px 0;
          transform: rotate(45deg); }
    .fm8n2n .tdhwlr ul li a {
      margin-left: 25px;
      display: block;
      color: #1D1D1D;
      letter-spacing: 1px; }
      .fm8n2n .tdhwlr ul li a.tcom9w {
        color: #C3832D; }
        .fm8n2n .tdhwlr ul li a.tcom9w:hover {
          color: var(--colormain); }
      .fm8n2n .tdhwlr ul li a:hover {
        color: var(--colormain); }
  @media only screen and (max-width: 767px) {
    .fm8n2n .tdhwlr.xkzozt {
      margin-top: 20px; } }
  .fm8n2n .fac7wd ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap; }
    .fm8n2n .fac7wd ul li {
      margin-right: 20px;
      margin-bottom: 16px;
      display: inline-block; }
      @media only screen and (min-width: 1366px) and (max-width: 1600px) {
        .fm8n2n .fac7wd ul li {
          margin-right: 16px;
          margin-bottom: 12px; } }
      @media only screen and (min-width: 1200px) and (max-width: 1365px) {
        .fm8n2n .fac7wd ul li {
          margin-right: 16px;
          margin-bottom: 12px; } }
      .fm8n2n .fac7wd ul li:last-child {
        margin-right: 0; }
      .fm8n2n .fac7wd ul li a {
        width: 30px;
        height: 30px;
        border-radius: 100%;
        font-size: 0;
        display: inline-block;
        position: relative; }
        .fm8n2n .fac7wd ul li a.y6knrx {
          color: #C3832D;
          font-size: 14px;
          width: auto;
          height: auto;
          letter-spacing: 1px; }
          .fm8n2n .fac7wd ul li a.y6knrx:hover {
            color: var(--colormain); }
        .fm8n2n .fac7wd ul li a.active::before {
          color: #fff;
          content: "\f00c";
          font-family: FontAwesome;
          font-size: 14px;
          position: absolute;
          z-index: 9;
          left: 50%;
          top: 50%;
          transform: translateY(-50%) translateX(-50%); }
        .fm8n2n .fac7wd ul li a.e7jm55 {
          background-color: #1D1D1D; }
        .fm8n2n .fac7wd ul li a.iwczhp {
          background-color: #6090B6; }
        .fm8n2n .fac7wd ul li a.xy1gt0 {
          background-color: #75B660; }
        .fm8n2n .fac7wd ul li a.ew7ehk {
          background-color: #E79A9A; }
        .fm8n2n .fac7wd ul li a.nb2p4q {
          background-color: #FF5A9F; }
        .fm8n2n .fac7wd ul li a.ubgyn6 {
          background-color: #D8D8D8; }
        .fm8n2n .fac7wd ul li a.ojfdaq {
          background-color: #f3f3f3; }
        .fm8n2n .fac7wd ul li a.f85lnd {
          background-color: #A59044; }
        .fm8n2n .fac7wd ul li a.i29jip {
          background-color: #714DC6; }
  @media only screen and (max-width: 767px) {
    .fm8n2n .fac7wd.xkzozt {
      margin-top: 20px; } }
  .fm8n2n .s3hkx7 {
    position: relative;
    overflow: hidden; }
    .fm8n2n .s3hkx7 a img {
      width: 100%;
      transform: scale(1);
      transition: all .35s ease 0s; }
    .fm8n2n .s3hkx7 .vp75id {
      position: absolute;
      left: 0;
      bottom: 0;
      width: 100%;
      z-index: 99;
      padding: 20px 15px; }
      .fm8n2n .s3hkx7 .vp75id h5 {
        color: var(--white);
        font-size: 18px;
        font-weight: 500;
        margin: 0 0 10px;
        text-transform: uppercase; }
        @media only screen and (min-width: 1200px) and (max-width: 1365px) {
          .fm8n2n .s3hkx7 .vp75id h5 {
            font-size: 25px; } }
        @media only screen and (min-width: 992px) and (max-width: 1199px) {
          .fm8n2n .s3hkx7 .vp75id h5 {
            font-size: 25px; } }
        @media only screen and (max-width: 767px) {
          .fm8n2n .s3hkx7 .vp75id h5 {
            font-size: 25px; } }
      .fm8n2n .s3hkx7 .vp75id h2 {
        color: var(--white);
        font-size: 100px;
        margin: 0 0 0px;
        letter-spacing: 0;
        line-height: 80px;
        font-weight: 500; }
        @media only screen and (min-width: 1366px) and (max-width: 1600px) {
          .fm8n2n .s3hkx7 .vp75id h2 {
            font-size: 100px;
            line-height: 80px; } }
        @media only screen and (min-width: 1200px) and (max-width: 1365px) {
          .fm8n2n .s3hkx7 .vp75id h2 {
            font-size: 80px;
            line-height: 60px; } }
        @media only screen and (min-width: 992px) and (max-width: 1199px) {
          .fm8n2n .s3hkx7 .vp75id h2 {
            font-size: 80px;
            line-height: 60px; } }
        @media only screen and (max-width: 767px) {
          .fm8n2n .s3hkx7 .vp75id h2 {
            font-size: 90px;
            line-height: 80px; } }
    .fm8n2n .s3hkx7:hover a img {
      transform: scale(1.1); }
  .fm8n2n .e51cve .g8fp0c {
    display: flex;
    border-bottom: 1px solid rgba(166, 115, 96, 0.4);
    padding-bottom: 20px;
    margin-bottom: 20px; }
    .fm8n2n .e51cve .g8fp0c:last-child {
      border-bottom: none;
      padding-bottom: 0px;
      margin-bottom: 0px; }
    .fm8n2n .e51cve .g8fp0c .p14l9c {
      flex: 0 0 100px; }
      .fm8n2n .e51cve .g8fp0c .p14l9c img {
        width: 100%; }
    .fm8n2n .e51cve .g8fp0c .bmeene {
      margin-left: 20px; }
      @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .fm8n2n .e51cve .g8fp0c .bmeene {
          margin-left: 10px; } }
      .fm8n2n .e51cve .g8fp0c .bmeene h4 {
        font-size: 18px;
        color: #2f2f2f;
        font-family: var(--fonttitle);
        margin: 0 0 3px; }
        @media only screen and (min-width: 992px) and (max-width: 1199px) {
          .fm8n2n .e51cve .g8fp0c .bmeene h4 {
            font-size: 16px; } }
        .fm8n2n .e51cve .g8fp0c .bmeene h4 a {
          color: #2f2f2f; }
          .fm8n2n .e51cve .g8fp0c .bmeene h4 a:hover {
            color: var(--colormain); }
      .fm8n2n .e51cve .g8fp0c .bmeene span {
        color: #2f2f2f;
        font-size: 12px; }
  .fm8n2n .j9xe2v ul li {
    color: var(--black2);
    padding-bottom: 20px;
    font-weight: 600; }
    .fm8n2n .j9xe2v ul li:last-child {
      padding-bottom: 0px; }
    .fm8n2n .j9xe2v ul li a {
      color: var(--black2); }
      .fm8n2n .j9xe2v ul li a:hover {
        color: var(--colormain); }
    .fm8n2n .j9xe2v ul li span {
      float: right; }
  .fm8n2n .j7xfdd select {
    -moz-appearance: none;
    -webkit-appearance: none;
    border: 1px solid rgba(166, 115, 96, 0.4);
    color: var(--black);
    font-size: 14px;
    height: 50px;
    padding: 2px 20px;
    background: rgba(0, 0, 0, 0) url("../../assets/images/icon-img/select.png") no-repeat scroll right 18px center; }
  @media only screen and (max-width: 767px) {
    .fm8n2n .j7xfdd.b7c4at {
      margin-top: 20px; } }
  .fm8n2n .vu3nzc ul li {
    display: inline-block;
    margin: 0 5px 10px;
    border: 1px solid rgba(166, 115, 96, 0.4);
    padding: 0px 15px;
    line-height: 34px;
    vertical-align: top; }
    .fm8n2n .vu3nzc ul li a {
      color: var(--black); }
    .fm8n2n .vu3nzc ul li:hover {
      background: var(--colormain); }
      .fm8n2n .vu3nzc ul li:hover a {
        color: var(--white); }
  .fm8n2n .udd46v {
    position: relative;
    overflow: hidden; }
    .fm8n2n .udd46v a {
      display: block; }
      .fm8n2n .udd46v a img {
        width: 100%;
        transform: scale(1);
        transition: all .5s ease 0s; }
    .fm8n2n .udd46v .ziac6w {
      position: absolute;
      left: 30px;
      bottom: 50px; }
      .fm8n2n .udd46v .ziac6w h3 {
        font-size: 32px;
        font-weight: bold;
        color: var(--white);
        line-height: 1;
        margin: 0 0 5px; }
      .fm8n2n .udd46v .ziac6w h5 {
        font-size: 16px;
        font-weight: bold;
        color: var(--white);
        margin: 0 0 0px;
        font-family: var(--fontprimary); }
    .fm8n2n .udd46v:hover a img {
      transform: scale(1.1); }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .fm8n2n.ubtxvi {
      margin-top: 35px; } }
  @media only screen and (max-width: 767px) {
    .fm8n2n.x5c1s9 {
      margin-bottom: 35px; }
    .fm8n2n.indrmt {
      margin-bottom: 25px; }
    .fm8n2n.mar4y7 {
      margin-bottom: 30px; }
    .fm8n2n.c9t1ey {
      margin-bottom: 40px; }
    .fm8n2n.ubtxvi {
      margin-top: 35px; } }

.q3aegg form {
  position: relative; }
  .q3aegg form input {
    background-color: transparent;
    color: var(--black);
    border: 1px solid rgba(166, 115, 96, 0.4);
    padding: 2px 40px 2px 10px;
    font-size: 12px; }
    .q3aegg form input::-moz-input-placeholder {
      color: var(--black4);
      opacity: 1; }
    .q3aegg form input::-webkit-input-placeholder {
      color: var(--black4);
      opacity: 1; }
  .q3aegg form .qdfks8 {
    position: absolute;
    top: 5px;
    right: 5px;
    color: var(--white);
    background-color: var(--colormain);
    border: none;
    padding: 5px 10px;
    line-height: 25px;
    transition: all .3s ease 0s; }
    .q3aegg form .qdfks8:hover {
      color: var(--white);
      background-color: var(--colormain2); }

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .ottrm1.f0edlb {
    margin-right: 0; } }
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ottrm1.f0edlb {
    margin-right: 0; } }
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ottrm1 {
    margin-top: 50px; }
    .ottrm1.f0edlb {
      margin-right: 80px; } }
@media only screen and (max-width: 767px) {
  .ottrm1 {
    margin-top: 50px; }
    .ottrm1.f0edlb {
      margin-right: 0px; } }
/*-------- 4. Section title style ---------*/
.dnf8kj {
  margin-left: 50px; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .dnf8kj {
      margin-left: 0px; } }
  @media only screen and (max-width: 767px) {
    .dnf8kj {
      margin-left: 0px; }
      .dnf8kj.c9t1ey {
        margin-bottom: 25px; } }

.oa4rs3 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  @media only screen and (max-width: 767px) {
    .oa4rs3 {
      display: block;
      text-align: center; } }
  .oa4rs3 .u8lv73 {
    flex: 0 0 50%; }
  .oa4rs3 .sqbfbr {
    flex: 0 0 50%; }
    .oa4rs3 .sqbfbr p {
      font-size: 18px;
      line-height: 36px;
      margin: 0;
      width: 90%; }
      @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .oa4rs3 .sqbfbr p {
          font-size: 17px;
          line-height: 34px;
          width: 100%; } }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .oa4rs3 .sqbfbr p {
          font-size: 15px;
          line-height: 28px;
          width: 100%; } }
      @media only screen and (max-width: 767px) {
        .oa4rs3 .sqbfbr p {
          font-size: 14px;
          line-height: 28px;
          width: 100%; } }

.oqp3qw span {
  font-weight: 600;
  letter-spacing: 3.6px;
  display: block; }
.oqp3qw h2 {
  font-size: 46px;
  margin: 22px 0 0; }
  @media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .oqp3qw h2 {
      font-size: 38px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .oqp3qw h2 {
      font-size: 32px;
      margin: 8px 0 0; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .oqp3qw h2 {
      font-size: 28px;
      margin: 5px 0 0; } }
  @media only screen and (max-width: 767px) {
    .oqp3qw h2 {
      font-size: 24px;
      margin: 5px 0 15px; } }
.oqp3qw.chv35y h2 {
  margin: 12px 0 0; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .oqp3qw.chv35y h2 {
      margin: 5px 0 0; } }
  @media only screen and (max-width: 767px) {
    .oqp3qw.chv35y h2 {
      margin: 5px 0 0; } }
.oqp3qw.kc29lz {
  margin-left: -40px; }
  @media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .oqp3qw.kc29lz {
      margin-left: 0px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .oqp3qw.kc29lz {
      margin-left: 0px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .oqp3qw.kc29lz {
      margin-left: 0px;
      text-align: center; } }
  @media only screen and (max-width: 767px) {
    .oqp3qw.kc29lz {
      margin-left: 0px;
      text-align: center; } }
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .oqp3qw.x5c1s9 {
    margin-bottom: 30px; } }
@media only screen and (max-width: 767px) {
  .oqp3qw.x5c1s9 {
    margin-bottom: 30px; }
  .oqp3qw.n5tgw1.x5c1s9 {
    margin-bottom: 10px; } }

.c3vp3i {
  flex: 0 0 50%; }
  @media only screen and (max-width: 540px) {
    .c3vp3i {
      flex: 0 0 100%; } }
  .c3vp3i h2 {
    margin: 0;
    font-size: 60px;
    color: var(--white);
    position: relative;
    font-weight: 500;
    display: inline-block;
    padding: 0 0 19px;
    letter-spacing: 1px;
    line-height: 70px; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .c3vp3i h2 {
        font-size: 40px;
        line-height: 50px; } }
    @media only screen and (max-width: 767px) {
      .c3vp3i h2 {
        font-size: 26px;
        line-height: 40px; } }
    .c3vp3i h2:before {
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      margin: 0 auto;
      content: "";
      height: 3px;
      width: 100px;
      background-color: var(--colormain); }
  .c3vp3i span {
    font-size: 18px;
    color: var(--colormain);
    line-height: 30px;
    margin: 0; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .c3vp3i.x5c1s9 {
      margin-bottom: 30px; } }
  @media only screen and (max-width: 767px) {
    .c3vp3i.x5c1s9 {
      margin-bottom: 30px; }
    .c3vp3i.indrmt {
      margin-bottom: 30px; } }

body:not(.uqc4du) .c3vp3i h2 {
  font-size: 40px; }

.bl4nbi h2 {
  margin: 0;
  font-size: 32px;
  color: #1b1b1b;
  position: relative;
  font-weight: 500;
  display: inline-block;
  padding: 0 0 19px; }
  @media only screen and (max-width: 767px) {
    .bl4nbi h2 {
      font-size: 22px;
      padding: 0 0 10px; } }
.bl4nbi.xf7pso h2 {
  background-color: #fff;
  padding: 0 77px; }
  @media only screen and (max-width: 767px) {
    .bl4nbi.xf7pso h2 {
      padding: 0 10px; } }
.bl4nbi.qwxkpi {
  margin-bottom: -19px; }
  @media only screen and (max-width: 767px) {
    .bl4nbi.qwxkpi {
      margin-bottom: -15px; } }
.bl4nbi.nhdxae h2 {
  font-family: var(--fonttitle); }

.yeiiu7 h2 {
  font-weight: bold;
  font-size: 66px;
  color: #1b1b1b;
  margin: 0 0 0px;
  font-family: var(--rufina);
  padding: 0 0 30px;
  position: relative; }
  @media only screen and (min-width: 1366px) and (max-width: 1600px) {
    .yeiiu7 h2 {
      font-size: 55px; } }
  @media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .yeiiu7 h2 {
      font-size: 55px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .yeiiu7 h2 {
      font-size: 48px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .yeiiu7 h2 {
      font-size: 45px; } }
  @media only screen and (max-width: 767px) {
    .yeiiu7 h2 {
      font-size: 30px;
      padding: 0 0 15px; } }
  .yeiiu7 h2:before {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 0;
    height: 1px;
    width: 120px;
    background-color: #ff6e21; }
.yeiiu7 p {
  font-size: 18px;
  color: #1b1b1b;
  margin: 23px auto 0;
  line-height: 34px;
  width: 50%;
  font-family: var(--rufina); }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .yeiiu7 p {
      width: 66%; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .yeiiu7 p {
      width: 90%; } }
  @media only screen and (max-width: 767px) {
    .yeiiu7 p {
      font-size: 16px;
      line-height: 30px;
      width: 100%;
      margin: 15px auto 0; } }
@media only screen and (max-width: 767px) {
  .yeiiu7.mar4y7 {
    margin-bottom: 20px; } }

.o9psyn {
  display: flex; }
  @media only screen and (max-width: 767px) {
    .o9psyn {
      display: block; }
      .o9psyn.x5c1s9 {
        margin-bottom: 30px; } }

.dttkq3 {
  flex: 0 0 50%; }
  .dttkq3 h2 {
    font-weight: bold;
    font-size: 36px;
    color: #1b1b1b;
    margin: 2px 0 0px;
    font-family: var(--rufina);
    padding: 0 0 30px;
    position: relative; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .dttkq3 h2 {
        font-size: 30px;
        padding: 0 0 20px; } }
    @media only screen and (max-width: 767px) {
      .dttkq3 h2 {
        font-size: 28px;
        padding: 0 0 20px;
        margin-bottom: 20px; } }
    .dttkq3 h2:before {
      position: absolute;
      content: "";
      left: 0;
      bottom: 0;
      height: 1px;
      width: 120px;
      background-color: #ff6e21; }
  .dttkq3.yw8sd2 h2:before {
    left: 0;
    right: 0;
    margin: 0 auto; }
  @media only screen and (max-width: 767px) {
    .dttkq3.x5c1s9 {
      margin-bottom: 30px; } }

.rseuc9 {
  flex: 0 0 50%;
  padding-left: 70px; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .rseuc9 {
      padding-left: 15px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .rseuc9 {
      padding-left: 15px; } }
  @media only screen and (max-width: 767px) {
    .rseuc9 {
      padding-left: 0px; } }
  .rseuc9 p {
    color: #333;
    line-height: 36px;
    font-size: 18px;
    font-family: var(--rufina);
    width: 87%; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .rseuc9 p {
        width: 100%;
        line-height: 30px;
        font-size: 16px; } }
    @media only screen and (max-width: 767px) {
      .rseuc9 p {
        width: 100%;
        line-height: 30px;
        font-size: 16px; } }

.w54ua0 > span {
  display: block;
  font-weight: 600;
  letter-spacing: 3.57px;
  margin: 0 0 17px; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .w54ua0 > span {
      margin: 0 0 5px; } }
  @media only screen and (max-width: 767px) {
    .w54ua0 > span {
      margin: 0 0 5px; } }
.w54ua0 h2 {
  font-size: 46px;
  color: #1b1b1b;
  font-weight: bold;
  font-style: italic;
  margin: 0 0 0px;
  font-family: var(--fonttitle); }
  .w54ua0 h2 > span {
    color: var(--colormain);
    display: inline-block; }
  @media only screen and (min-width: 1366px) and (max-width: 1600px) {
    .w54ua0 h2 {
      font-size: 37px; } }
  @media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .w54ua0 h2 {
      font-size: 35px;
      line-height: 1; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .w54ua0 h2 {
      font-size: 35px;
      line-height: 1; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .w54ua0 h2 {
      font-size: 38px;
      line-height: 1; } }
  @media only screen and (max-width: 767px) {
    .w54ua0 h2 {
      font-size: 24px; } }
.w54ua0 p {
  font-size: 18px;
  line-height: 36px;
  margin: 21px auto 0;
  width: 68%; }
  @media only screen and (min-width: 1366px) and (max-width: 1600px) {
    .w54ua0 p {
      width: 75%; } }
  @media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .w54ua0 p {
      width: 73%;
      margin: 10px auto 0; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .w54ua0 p {
      width: 85%;
      font-size: 14px;
      margin: 15px auto 0;
      line-height: 27px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .w54ua0 p {
      font-size: 16px;
      line-height: 32px;
      margin: 0px auto 0;
      width: 85%; } }
  @media only screen and (max-width: 767px) {
    .w54ua0 p {
      font-size: 14px;
      line-height: 25px;
      margin: 10px auto 0;
      width: 100%; } }
.w54ua0 h4 {
  color: #1b1b1b;
  font-size: 22px;
  font-style: italic;
  margin: 0 0 27px;
  font-family: var(--fonttitle); }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .w54ua0 h4 {
      margin: 0 0 15px; } }
  @media only screen and (max-width: 767px) {
    .w54ua0 h4 {
      margin: 0 0 15px; } }
.w54ua0.ohjq1t p {
  width: 60%; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .w54ua0.ohjq1t p {
      width: 95%;
      margin: 15px auto 0; } }
  @media only screen and (max-width: 767px) {
    .w54ua0.ohjq1t p {
      width: 95%; } }
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .w54ua0.mar4y7 {
    margin-bottom: 30px; } }
@media only screen and (max-width: 767px) {
  .w54ua0.mar4y7 {
    margin-bottom: 27px; }
  .w54ua0.x5c1s9 {
    margin-bottom: 27px; } }

.prmntq {
  margin: 7px 0 110px; }
  @media only screen and (max-width: 767px) {
    .prmntq {
      margin: 7px 0 50px; } }

.re9e70 h2 {
  font-size: 24px;
  font-weight: bold;
  color: var(--black2);
  letter-spacing: .86px;
  text-transform: capitalize;
  margin: 0;
  padding-bottom: 24px;
  border-bottom: 1px solid #dddddd;
  font-family: var(--fonttitle);
  letter-spacing: 1px; }
  @media only screen and (max-width: 767px) {
    .re9e70 h2 {
      font-size: 18px;
      letter-spacing: 0px;
      padding-bottom: 15px; } }

/*-------- 5. Product style ---------*/
.hsoo33 .c3vp3i h2::before {
  right: auto;
  margin: 0; }

.yw2f2u .rs5x5j {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center; }
  .yw2f2u .rs5x5j div {
    z-index: 9;
    color: var(--white);
    font-size: 20px;
    transition: all .3s ease 0s;
    margin: 0 10px;
    width: 45px;
    height: 45px;
    background: var(--colormain);
    line-height: 48px;
    text-align: center; }
    .yw2f2u .rs5x5j div:hover {
      background: var(--colormain2);
      color: var(--white); }

.nf5vx5 {
  display: flex;
  justify-content: center; }
  .nf5vx5 a {
    display: inline-block;
    border: 2px solid #d2d2d2;
    border-radius: 2px;
    line-height: 1;
    min-width: 82px;
    text-align: center;
    padding: 8px 10px;
    margin: 0 11px; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .nf5vx5 a {
        margin: 0 5px 10px; } }
    @media only screen and (max-width: 767px) {
      .nf5vx5 a {
        margin: 0 4px 8px; } }
    .nf5vx5 a.active {
      border: 2px solid var(--colormain);
      color: var(--white);
      background: var(--colormain); }
    .nf5vx5 a:hover, .nf5vx5 a:focus {
      border-color: var(--colormain); }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .nf5vx5.x5c1s9 {
      margin-bottom: 30px; } }
  @media only screen and (max-width: 767px) {
    .nf5vx5.x5c1s9 {
      margin-bottom: 30px; } }

.l1g886 {
  position: relative;
  padding: 30px;
  transition: all 0.4s ease-in-out 0s;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -o-transition: all 0.4s ease-in-out 0s; }
  .l1g886 .uek50q {
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center; }
    .l1g886 .uek50q.pm8xnu::after {
      border: 8px solid var(--colormain); }
    .l1g886 .uek50q.i3iquh::after {
      display: none; }
    .l1g886 .uek50q.fsvxpc::before {
      border: 4px solid var(--colormain2);
      bottom: 10px;
      content: "";
      left: 10px;
      position: absolute;
      right: 10px;
      top: 10px;
      opacity: 0;
      transition: all 0.4s ease-in-out 0s;
      z-index: 9;
      border-radius: 20px;
      pointer-events: none; }
    .l1g886 .uek50q.gszey1 {
      border: 2px solid #f1bfc9;
      border-radius: 20px; }
    .l1g886 .uek50q a img {
      transform: scale(1);
      transition: all 1s ease-out;
      -webkit-transition: all 1s ease-out;
      -o-transition: all 1s ease-out; }
    .l1g886 .uek50q > span {
      display: inline-block;
      color: var(--white);
      position: absolute;
      letter-spacing: 1px;
      z-index: 1;
      padding: 0;
      left: 0;
      right: 0;
      bottom: 0;
      top: 0;
      margin: auto;
      height: 60px;
      width: 60px;
      border-radius: 50%;
      line-height: 64px;
      text-align: center;
      opacity: 0;
      transition: all 0.4s ease-out;
      -webkit-transition: all 0.4s ease-out;
      -o-transition: all 0.4s ease-out; }
      .l1g886 .uek50q > span.w7xbn0 {
        top: 5px; }
      .l1g886 .uek50q > span.gtmops {
        left: 5px; }
      .l1g886 .uek50q > span.kuyzz7 {
        background-color: #1b1b1b; }
      .l1g886 .uek50q > span.abnzv4 {
        background-color: #3cd53f; }
      .l1g886 .uek50q > span.y3ap30 {
        background-color: var(--colormain); }
      .l1g886 .uek50q > span.l8aqcy {
        top: 27px;
        right: 3px;
        padding: 0; }
        .l1g886 .uek50q > span.l8aqcy:before {
          position: absolute;
          content: "";
          top: -27px;
          z-index: -1;
          right: -3px;
          width: 0;
          height: 0;
          border-top: 88px solid #ec5555;
          border-left: 88px solid transparent; }
    .l1g886 .uek50q .rpw0a6 {
      position: absolute;
      left: 0;
      right: 0;
      bottom: 20px;
      text-align: center;
      width: 100%; }
      .l1g886 .uek50q .rpw0a6 div {
        display: flex;
        justify-content: center; }
        .l1g886 .uek50q .rpw0a6 div > span {
          background-color: #262626;
          color: #fff;
          margin: 0 5px;
          padding: 4px 9px 13px; }
          @media only screen and (min-width: 576px) and (max-width: 767px) {
            .l1g886 .uek50q .rpw0a6 div > span {
              padding: 4px 6px 13px;
              margin: 0 3px; } }
          .l1g886 .uek50q .rpw0a6 div > span p {
            color: #fff;
            margin: 0;
            display: block;
            line-height: 1; }
    .l1g886 .uek50q.y5f84z {
      border-radius: 15px; }
    @media only screen and (max-width: 767px) {
      .l1g886 .uek50q.b5vuiu {
        margin-bottom: 12px; } }
  .l1g886 .n7xxtv {
    position: relative;
    margin: 0 0 30px 0;
    height: 50px;
    text-align: center;
    width: 100%;
    transition: all 0.4s ease-in-out;
    display: flex;
    align-items: center;
    justify-content: center; }
    @media only screen and (max-width: 767px) {
      .l1g886 .n7xxtv {
        bottom: 10px; } }
  .l1g886 .ykknxr {
    position: absolute;
    bottom: 34px;
    left: 0;
    right: 0;
    text-align: center; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .l1g886 .ykknxr {
        bottom: 20px; } }
    @media only screen and (min-width: 1200px) and (max-width: 1365px) {
      .l1g886 .ykknxr {
        bottom: 25px; } }
  .l1g886 .q204bo a {
    display: inline-block;
    font-size: 16px;
    width: 48px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    margin: 0 10px 0 0;
    color: var(--black4);
    background-color: transparent;
    border-radius: 0;
    opacity: 0;
    z-index: 99;
    border: 1px solid var(--black4);
    border-radius: 5px; }
    @media only screen and (min-width: 1366px) and (max-width: 1600px) {
      .l1g886 .q204bo a {
        width: 36px;
        height: 36px;
        line-height: 36px;
        font-size: 14px; } }
    @media only screen and (min-width: 1200px) and (max-width: 1365px) {
      .l1g886 .q204bo a {
        width: 36px;
        height: 36px;
        line-height: 36px;
        font-size: 14px; } }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .l1g886 .q204bo a {
        width: 36px;
        height: 36px;
        line-height: 36px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .l1g886 .q204bo a {
        width: 36px;
        height: 36px;
        line-height: 36px; } }
    @media only screen and (max-width: 767px) {
      .l1g886 .q204bo a {
        width: 30px;
        height: 30px;
        line-height: 30px;
        font-size: 14px;
        opacity: 1; } }
    .l1g886 .q204bo a:hover {
      background-color: var(--colormain);
      color: var(--white);
      border-color: var(--colormain); }
  .l1g886 .q204bo.dy3hi5 a {
    font-size: 18px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    margin: 0 2px; }
    .l1g886 .q204bo.dy3hi5 a i {
      line-height: 40px; }
  .l1g886 .z90cwb a {
    color: #191919;
    display: inline-block;
    font-size: 20px;
    opacity: 0;
    transform: translateY(15px);
    margin: 0 14px;
    visibility: hidden; }
    @media only screen and (min-width: 1366px) and (max-width: 1600px) {
      .l1g886 .z90cwb a {
        margin: 0px 10px; } }
    @media only screen and (min-width: 1200px) and (max-width: 1365px) {
      .l1g886 .z90cwb a {
        margin: 0px 8px; } }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .l1g886 .z90cwb a {
        margin: 0px 8px; } }
    .l1g886 .z90cwb a:nth-child(1) {
      transition-delay: 150ms; }
    .l1g886 .z90cwb a:nth-child(2) {
      transition-delay: 200ms; }
    .l1g886 .z90cwb a:nth-child(3) {
      transition-delay: 250ms; }
    .l1g886 .z90cwb a:nth-child(4) {
      transition-delay: 300ms; }
    .l1g886 .z90cwb a:hover {
      color: var(--colormain); }
  .l1g886 .z90cwb.rkp8v4 a:hover {
    color: var(--colormain2); }
  .l1g886 .k6anct {
    transition: all 0.4s ease-in-out;
    padding: 0 20px; }
    .l1g886 .k6anct .orwh4v {
      margin: 9px 0 7px 0;
      color: var(--black4);
      text-transform: uppercase;
      display: block;
      font-size: 14px; }
    .l1g886 .k6anct h4 {
      font-size: 22px;
      margin: 0 0 10px;
      font-weight: 500;
      text-transform: capitalize;
      font-family: var(--fontprimary); }
      .l1g886 .k6anct h4 a {
        color: var(--white); }
    .l1g886 .k6anct .xf97re {
      font-size: 24px;
      font-weight: 900;
      color: var(--colormain);
      line-height: 40px; }
      .l1g886 .k6anct .xf97re span {
        position: relative; }
        .l1g886 .k6anct .xf97re span.ojpfmb {
          display: none;
          margin-right: 4px; }
          .l1g886 .k6anct .xf97re span.ojpfmb:before {
            position: absolute;
            content: "";
            width: 20px;
            height: 2px;
            top: 50%;
            left: 50%;
            transform: translateX(-50%) translateY(-50%) rotate(130deg);
            background-color: #393939; }
  .l1g886 .ij5isj h4 {
    font-size: 24px;
    font-weight: bold;
    color: #1b1b1b;
    font-family: var(--rufina);
    margin: 0 0 22px; }
    @media only screen and (min-width: 1200px) and (max-width: 1365px) {
      .l1g886 .ij5isj h4 {
        font-size: 20px; } }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .l1g886 .ij5isj h4 {
        font-size: 20px;
        margin: 0 0 12px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .l1g886 .ij5isj h4 {
        font-size: 20px;
        margin: 0 0 12px; } }
    @media only screen and (max-width: 767px) {
      .l1g886 .ij5isj h4 {
        font-size: 20px;
        margin: 0 0 7px; } }
    .l1g886 .ij5isj h4 a {
      color: #1b1b1b; }
      .l1g886 .ij5isj h4 a:hover {
        color: var(--colormain); }
  .l1g886 .ij5isj > span {
    display: block;
    margin: 0 0 8px; }
    .l1g886 .ij5isj > span a {
      font-weight: 600;
      color: #1b1b1b;
      font-style: italic;
      display: block; }
      .l1g886 .ij5isj > span a:hover {
        color: var(--colormain); }
  .l1g886 .ij5isj .d811w7 span {
    font-weight: 600;
    color: var(--colormain); }
    .l1g886 .ij5isj .d811w7 span.ojpfmb {
      color: #1b1b1b;
      margin-right: 4px;
      position: relative; }
      .l1g886 .ij5isj .d811w7 span.ojpfmb::before {
        position: absolute;
        content: "";
        width: 20px;
        height: 2px;
        top: 50%;
        left: 50%;
        transform: translateX(-50%) translateY(-50%) rotate(130deg);
        background-color: #393939; }
  .l1g886 .ij5isj.sd4ezq h4 {
    font-size: 20px;
    margin: 0 0 13px; }
    @media only screen and (max-width: 767px) {
      .l1g886 .ij5isj.sd4ezq h4 {
        margin: 0 0 8px; } }
  .l1g886 .t8kyhx h4 {
    font-size: 18px;
    font-family: var(--fonttitle);
    margin: 0 0 3px; }
  .l1g886 .t8kyhx .uxyrgy span {
    font-size: 18px;
    font-family: var(--fonttitle);
    color: var(--colormain); }
    .l1g886 .t8kyhx .uxyrgy span.ojpfmb {
      color: #8b8b8b;
      margin-right: 4px;
      position: relative; }
      .l1g886 .t8kyhx .uxyrgy span.ojpfmb::before {
        position: absolute;
        content: "";
        width: 25px;
        height: 2px;
        top: 50%;
        left: 50%;
        transform: translateX(-50%) translateY(-50%) rotate(130deg);
        background-color: #1b1b1b; }
  .l1g886 .cbfhmh {
    color: var(--black) 3;
    display: inline-block;
    padding: 2px; }
    .l1g886 .cbfhmh i {
      font-size: 15px; }
      .l1g886 .cbfhmh i.checked {
        color: #f6c443; }
  .l1g886 .o853sm a img {
    width: 100%;
    transform: scale(1);
    transition: all .5s ease 0s; }
  .l1g886 .dmj6mx {
    position: absolute;
    bottom: 55px;
    left: 0;
    right: 0;
    width: 100%;
    text-align: center; }
    @media only screen and (max-width: 767px) {
      .l1g886 .dmj6mx {
        bottom: 30px; } }
    .l1g886 .dmj6mx span {
      display: block;
      margin: 0 0 6px; }
    .l1g886 .dmj6mx h4 {
      background-color: #c74040;
      color: #fff;
      margin: 0;
      line-height: 1;
      font-size: 36px;
      display: inline-block;
      padding: 12px 40px 10px; }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .l1g886 .dmj6mx h4 {
          font-size: 25px;
          padding: 10px 35px 8px; } }
      @media only screen and (max-width: 767px) {
        .l1g886 .dmj6mx h4 {
          font-size: 25px;
          padding: 8px 30px 5px; } }
  .l1g886 .lefp3x {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    width: 100%;
    text-align: center; }
    .l1g886 .lefp3x .peucy3 span {
      display: inline-block;
      background-color: #f2c456;
      line-height: 1;
      padding: 9px 12px 14px; }
      @media only screen and (max-width: 767px) {
        .l1g886 .lefp3x .peucy3 span {
          font-size: 12px; } }
    .l1g886 .lefp3x h2 {
      color: #fff;
      margin: 15px 0 32px;
      line-height: 1;
      font-size: 80px; }
      @media only screen and (min-width: 1200px) and (max-width: 1365px) {
        .l1g886 .lefp3x h2 {
          font-size: 60px;
          margin: 15px 0 25px; } }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .l1g886 .lefp3x h2 {
          font-size: 68px;
          margin: 15px 0 25px; } }
      @media only screen and (max-width: 767px) {
        .l1g886 .lefp3x h2 {
          font-size: 30px;
          margin: 12px 0 15px; } }
      @media only screen and (min-width: 576px) and (max-width: 767px) {
        .l1g886 .lefp3x h2 {
          font-size: 38px;
          margin: 18px 0 18px; } }
  .l1g886 .co8g6r {
    border: 2px solid transparent; }
  .l1g886.ejc0ce {
    transition: all .3s ease 0s; }
    .l1g886.ejc0ce:hover {
      margin-top: -28px; }
  .l1g886:hover {
    background: rgba(19, 19, 26, 0.9); }
    .l1g886:hover .uek50q::after {
      right: 24px;
      left: 24px;
      top: 24px;
      bottom: 24px;
      opacity: 1; }
    .l1g886:hover .uek50q.fsvxpc::before {
      right: 0px;
      left: 0px;
      top: 0px;
      bottom: 0px;
      opacity: 1; }
    .l1g886:hover .uek50q > span {
      opacity: 1; }
    .l1g886:hover .o853sm a img {
      transform: scale(1.2); }
    .l1g886:hover .xf97re {
      opacity: 1; }
    .l1g886:hover .q204bo a {
      transform: scale(1);
      opacity: 1; }
    .l1g886:hover .z90cwb a {
      opacity: 1;
      visibility: visible;
      transform: translateY(0px); }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .l1g886.mar4y7 {
      margin-bottom: 30px; } }
  @media only screen and (max-width: 767px) {
    .l1g886.mar4y7 {
      margin-bottom: 30px; } }

body:not(.uqc4du) .l1g886 {
  border: 1px solid rgba(0, 0, 0, 0.1); }
  body:not(.uqc4du) .l1g886 .k6anct h4 {
    font-size: 20px;
    font-weight: 600; }
    body:not(.uqc4du) .l1g886 .k6anct h4 a {
      color: var(--black); }
  body:not(.uqc4du) .l1g886:hover {
    background: var(--white);
    box-shadow: 0px 14px 40px 0px rgba(220, 220, 220, 0.3); }

.ntoiry a span {
  display: block; }
.ntoiry a:hover {
  color: #000; }

.e2dfbv a {
  font-size: 16px;
  color: #1b1b1b;
  display: inline-block;
  line-height: 1;
  border: 2px solid #858585;
  padding: 20px 37px 24px;
  transition: all .5s ease-in-out 0s;
  z-index: 9; }
  @media only screen and (max-width: 767px) {
    .e2dfbv a {
      padding: 12px 20px 14px;
      font-size: 15px; } }
  .e2dfbv a:hover {
    border: 2px solid #000; }

.gkavig a {
  color: var(--colormain); }
  .gkavig a:hover {
    color: #393939; }

.zxj9ks {
  padding: 82px 115px 83px; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .zxj9ks {
      padding: 82px 30px 83px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .zxj9ks {
      padding: 42px 40px 43px; } }
  @media only screen and (max-width: 767px) {
    .zxj9ks {
      padding: 42px 15px 43px; } }

.ad4856 {
  margin-bottom: -67px;
  position: relative;
  z-index: 2; }

.lbe0rr {
  display: flex;
  justify-content: flex-end;
  flex: 0 0 50%; }
  @media only screen and (max-width: 540px) {
    .lbe0rr {
      justify-content: center;
      flex: 0 0 100%; } }
  .lbe0rr a {
    display: inline-block;
    line-height: 1;
    margin: 0 15px;
    color: #aeaeae;
    font-size: 22px;
    font-weight: 500;
    padding: 0 0 10px;
    position: relative;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    font-family: var(--fonttitle); }
    .lbe0rr a:last-child {
      margin-right: 0; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .lbe0rr a {
        margin: 0 15px; } }
    @media only screen and (max-width: 767px) {
      .lbe0rr a {
        padding: 0 0 8px;
        margin: 0 5px;
        font-size: 12px; } }
    @media only screen and (max-width: 540px) {
      .lbe0rr a {
        margin: 30px 5px 0;
        font-size: 18px; } }
    .lbe0rr a:before {
      position: absolute;
      content: "";
      left: 0;
      right: 0;
      margin: 0 auto;
      width: 100%;
      height: 2px;
      bottom: 0;
      background-color: transparent; }
      @media only screen and (max-width: 767px) {
        .lbe0rr a:before {
          width: 50px; } }
    .lbe0rr a.active {
      color: var(--white); }
      .lbe0rr a.active:before {
        background-color: var(--colormain); }
  @media only screen and (max-width: 767px) {
    .lbe0rr.x5c1s9 {
      margin-bottom: 10px; } }

.f0ppgd .sain7y {
  margin-top: 30px; }
  @media only screen and (max-width: 767px) {
    .f0ppgd .sain7y {
      margin-top: 10px; } }
  .f0ppgd .sain7y li {
    display: inline-block; }
    .f0ppgd .sain7y li button {
      background-color: #d8d8d8;
      width: 100px;
      height: 8px;
      display: inline-block;
      margin: 0 10px 0 0;
      transition: all .3s ease 0s;
      padding: 0;
      border: none;
      font-size: 0; }
      @media only screen and (max-width: 767px) {
        .f0ppgd .sain7y li button {
          width: 50px; } }
      .f0ppgd .sain7y li button:hover {
        background-color: var(--colormain); }
    .f0ppgd .sain7y li.dsrbw9 button {
      background-color: var(--colormain); }

.i4inyn .sewyjb .ry8pat a img {
  width: 100%; }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hsoo33.n1af0q {
    padding-top: 45px; } }
.k3ajgw {
  margin-top: -62px; }

.eqqjrj {
  z-index: 9; }

.pbz5vt {
  position: relative;
  overflow: hidden; }
  .pbz5vt .g8g2bx {
    position: absolute;
    top: 9px;
    left: 68px;
    animation-iteration-count: infinite;
    animation-name: bounce-img-2;
    animation-duration: 2.5s; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .pbz5vt .g8g2bx {
        top: 20px;
        left: 0px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .pbz5vt .g8g2bx {
        top: 20px;
        left: 0px; } }
    @media only screen and (max-width: 767px) {
      .pbz5vt .g8g2bx {
        top: 20px;
        left: auto;
        right: 0; } }
    .pbz5vt .g8g2bx img {
      width: 249px; }
      @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .pbz5vt .g8g2bx img {
          width: 100px; } }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .pbz5vt .g8g2bx img {
          width: 100px; } }
      @media only screen and (max-width: 767px) {
        .pbz5vt .g8g2bx img {
          width: 100px; } }
  .pbz5vt .hy7ub2 {
    position: absolute;
    top: 70px;
    right: 44%;
    animation-iteration-count: infinite;
    animation-name: bounce-img-2;
    animation-duration: 2.5s; }
    .pbz5vt .hy7ub2 img {
      width: 148px; }
      @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .pbz5vt .hy7ub2 img {
          width: 100px; } }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .pbz5vt .hy7ub2 img {
          width: 100px; } }
      @media only screen and (max-width: 767px) {
        .pbz5vt .hy7ub2 img {
          width: 100px; } }
  .pbz5vt .ak06mj {
    position: absolute;
    top: 29%;
    right: 0%;
    animation-iteration-count: infinite;
    animation-name: bounce-img-2;
    animation-duration: 2.5s; }
    .pbz5vt .ak06mj img {
      width: 262px; }
      @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .pbz5vt .ak06mj img {
          width: 162px; } }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .pbz5vt .ak06mj img {
          width: 162px; } }
      @media only screen and (max-width: 767px) {
        .pbz5vt .ak06mj img {
          width: 162px; } }
  .pbz5vt .r05ek5 {
    position: absolute;
    bottom: 15%;
    right: 53px;
    animation-iteration-count: infinite;
    animation-name: bounce-img;
    animation-duration: 2.5s; }
    @media only screen and (max-width: 767px) {
      .pbz5vt .r05ek5 {
        right: 10px; } }
    .pbz5vt .r05ek5 img {
      width: 157px; }
      @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .pbz5vt .r05ek5 img {
          width: 80px; } }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .pbz5vt .r05ek5 img {
          width: 80px; } }
      @media only screen and (max-width: 767px) {
        .pbz5vt .r05ek5 img {
          width: 80px; } }
  .pbz5vt .zyapgh {
    position: absolute;
    bottom: 65px;
    left: 10%;
    animation-iteration-count: infinite;
    animation-name: bounce-img;
    animation-duration: 2.5s; }
    @media only screen and (max-width: 767px) {
      .pbz5vt .zyapgh {
        left: 2%; } }
    .pbz5vt .zyapgh img {
      width: 157px; }
      @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .pbz5vt .zyapgh img {
          width: 80px; } }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .pbz5vt .zyapgh img {
          width: 80px; } }
      @media only screen and (max-width: 767px) {
        .pbz5vt .zyapgh img {
          width: 80px; } }

.i4i3v6 {
  margin-left: -50px; }
  @media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .i4i3v6 {
      margin-left: 0px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .i4i3v6 {
      margin-left: 0px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .i4i3v6 {
      margin-left: 0px; } }
  @media only screen and (max-width: 767px) {
    .i4i3v6 {
      margin-left: 0px; } }
  .i4i3v6 a img {
    width: 100%; }

.wphmbc {
  margin: 0 -52px 0 66px;
  position: relative;
  z-index: 9; }
  @media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .wphmbc {
      margin: 0 0px 0 0px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .wphmbc {
      margin: 0 0px 0 0px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .wphmbc {
      margin: 0 0px 0 0px; } }
  @media only screen and (max-width: 767px) {
    .wphmbc {
      margin: 15px 0px 0 0px; } }
  .wphmbc h2 {
    color: #1b1b1b;
    font-size: 46px;
    font-weight: 600;
    margin: 0; }
    @media only screen and (max-width: 767px) {
      .wphmbc h2 {
        font-size: 38px; } }
  .wphmbc > p {
    color: #1b1b1b;
    font-size: 24px;
    font-weight: 300;
    margin: 27px auto 55px;
    width: 81%;
    line-height: 30px; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .wphmbc > p {
        width: 95%;
        font-size: 20px;
        margin: 17px auto 25px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .wphmbc > p {
        width: 95%;
        font-size: 16px;
        margin: 10px auto 25px; } }
    @media only screen and (max-width: 767px) {
      .wphmbc > p {
        width: 95%;
        font-size: 17px;
        margin: 3px auto 25px; } }

.iiar1h {
  margin: 0 0 56px; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .iiar1h {
      margin: 0 0 26px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .iiar1h {
      margin: 0 0 15px; } }
  @media only screen and (max-width: 767px) {
    .iiar1h {
      margin: 0 0 15px; } }
  .iiar1h > div {
    display: flex;
    justify-content: center;
    flex-wrap: wrap; }
    .iiar1h > div > span {
      font-size: 24px;
      color: #1b1b1b;
      font-style: italic;
      width: 120px;
      height: 120px;
      background-color: #ffedc3;
      text-align: center;
      border-radius: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
      margin: 0 22px; }
      @media only screen and (min-width: 1200px) and (max-width: 1365px) {
        .iiar1h > div > span {
          margin: 0 10px; } }
      @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .iiar1h > div > span {
          margin: 0 12px;
          width: 90px;
          height: 90px; } }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .iiar1h > div > span {
          margin: 0 10px 12px;
          width: 90px;
          height: 90px; } }
      @media only screen and (max-width: 767px) {
        .iiar1h > div > span {
          margin: 0 10px 12px;
          width: 90px;
          height: 90px; } }
      .iiar1h > div > span p {
        margin: 0;
        font-size: 16px;
        color: #1b1b1b;
        line-height: 1; }

.phhfjm {
  display: flex;
  justify-content: center; }
  .phhfjm a {
    display: inline-block;
    line-height: 1;
    margin: 0 36px;
    color: var(--colormain);
    font-size: 32px;
    padding: 0 0 21px;
    position: relative;
    text-align: center;
    font-family: var(--fonttitle); }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .phhfjm a {
        margin: 0 26px;
        font-size: 27px;
        padding: 0 0 15px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .phhfjm a {
        margin: 0 17px;
        font-size: 22px;
        padding: 0 0 15px; } }
    @media only screen and (max-width: 767px) {
      .phhfjm a {
        margin: 0 10px 10px;
        font-size: 22px;
        padding: 0 0 11px; } }
    .phhfjm a:before {
      position: absolute;
      content: "";
      left: 0;
      right: 0;
      margin: 0 auto;
      width: 100%;
      height: 5px;
      bottom: 0;
      border-radius: 5px;
      background-color: transparent; }
    .phhfjm a.active:before {
      background-color: #c7c7c7; }
  @media only screen and (max-width: 767px) {
    .phhfjm.indrmt {
      margin-bottom: 20px; } }

.q6azy4 .jmrybl img {
  border: 1px solid #ddd; }
.q6azy4 .k6anct h4 a {
  font-size: 15px;
  font-weight: 500;
  font-family: var(--fonttitle); }
.q6azy4 .k6anct .xf97re {
  font-size: 16px;
  color: var(--colormain);
  font-family: var(--fonttitle); }
.q6azy4 .k6anct .j0i4gj {
  font-size: 14px;
  font-weight: 500;
  font-family: var(--fonttitle);
  text-transform: uppercase; }

.cbfhmh {
  color: var(--black);
  display: inline-block;
  padding: 2px; }
  .cbfhmh i {
    font-size: 15px; }
    .cbfhmh i.checked {
      color: #f6c443; }

/*-------- 22. Shop style ---------*/
.ol3qd6 {
  display: flex;
  justify-content: space-between;
  width: 100%; }
  @media only screen and (max-width: 767px) {
    .ol3qd6 {
      display: block; } }
  .ol3qd6 .pdki4c {
    display: flex;
    align-items: center; }
    @media only screen and (max-width: 767px) {
      .ol3qd6 .pdki4c {
        display: block; } }
    @media only screen and (min-width: 576px) and (max-width: 767px) {
      .ol3qd6 .pdki4c {
        display: flex; } }
    .ol3qd6 .pdki4c .ponpwp {
      line-height: 1; }
      @media only screen and (max-width: 767px) {
        .ol3qd6 .pdki4c .ponpwp {
          margin-bottom: 20px; } }
      @media only screen and (min-width: 576px) and (max-width: 767px) {
        .ol3qd6 .pdki4c .ponpwp {
          margin-top: 0px; } }
      .ol3qd6 .pdki4c .ponpwp ul li {
        display: inline-block;
        color: #1d1d1d;
        margin-right: 3px;
        font-size: 14px;
        font-weight: 600; }
        .ol3qd6 .pdki4c .ponpwp ul li:last-child {
          margin-right: 0px; }
        .ol3qd6 .pdki4c .ponpwp ul li.active a {
          color: #262626; }
        .ol3qd6 .pdki4c .ponpwp ul li a {
          color: #1d1d1d;
          font-size: 14px; }
          .ol3qd6 .pdki4c .ponpwp ul li a:hover {
            color: var(--colormain); }
  .ol3qd6 .parne2 {
    display: flex;
    justify-content: space-between;
    align-items: center; }
    @media only screen and (max-width: 767px) {
      .ol3qd6 .parne2 {
        display: block; } }
    @media only screen and (min-width: 576px) and (max-width: 767px) {
      .ol3qd6 .parne2 {
        display: flex; } }
    .ol3qd6 .parne2 .i9bbzw {
      line-height: 1;
      position: relative;
      display: inline-block; }
      .ol3qd6 .parne2 .i9bbzw a {
        color: #1B1B1B;
        display: inline-block;
        border: 1px solid #d8d8d8;
        padding: 14px 20px 14px 20px; }
        .ol3qd6 .parne2 .i9bbzw a i {
          color: #1B1B1B;
          margin-left: 20px; }
        .ol3qd6 .parne2 .i9bbzw a.active {
          color: var(--colormain); }
          .ol3qd6 .parne2 .i9bbzw a.active i {
            color: var(--colormain); }
      .ol3qd6 .parne2 .i9bbzw:hover a {
        color: var(--colormain); }
      @media only screen and (max-width: 767px) {
        .ol3qd6 .parne2 .i9bbzw.s7rnsk {
          margin-left: 0; } }
    .ol3qd6 .parne2 .rh8w5m {
      position: relative;
      display: inline-block;
      line-height: 1; }
      .ol3qd6 .parne2 .rh8w5m > span {
        color: #1B1B1B;
        position: relative;
        cursor: pointer;
        display: inline-block;
        border: 1px solid #d8d8d8;
        padding: 14px 20px 14px 20px;
        transition: all .3s ease 0s; }
        .ol3qd6 .parne2 .rh8w5m > span i {
          color: #1B1B1B;
          margin-left: 20px; }
      .ol3qd6 .parne2 .rh8w5m ul {
        right: 0;
        top: 100%;
        position: absolute;
        background-color: #fff;
        padding: 7px;
        z-index: 11;
        visibility: hidden;
        opacity: 0;
        box-shadow: 0 0 32px 0 rgba(0, 0, 0, 0.2);
        transition: all 250ms ease-out;
        margin-top: 30px; }
        @media only screen and (max-width: 767px) {
          .ol3qd6 .parne2 .rh8w5m ul {
            right: auto;
            left: 0; } }
        .ol3qd6 .parne2 .rh8w5m ul li {
          display: block; }
          .ol3qd6 .parne2 .rh8w5m ul li a {
            padding: 5px 10px;
            white-space: pre;
            display: block;
            border-radius: 4px;
            font-size: 0.92em;
            color: #777777;
            line-height: 24px;
            margin-bottom: 3px; }
            .ol3qd6 .parne2 .rh8w5m ul li a:hover {
              color: #fff;
              background-color: var(--colormain); }
          .ol3qd6 .parne2 .rh8w5m ul li.active a {
            color: #fff;
            background-color: var(--colormain); }
      .ol3qd6 .parne2 .rh8w5m:hover ul {
        opacity: 1;
        visibility: visible;
        margin-top: 0px; }
      .ol3qd6 .parne2 .rh8w5m:hover > span {
        color: var(--colormain); }
        .ol3qd6 .parne2 .rh8w5m:hover > span i {
          color: var(--colormain); }
      @media only screen and (max-width: 767px) {
        .ol3qd6 .parne2 .rh8w5m.t9wwdm {
          margin-left: 0;
          margin-top: 12px;
          margin-bottom: 16px; } }
      @media only screen and (min-width: 576px) and (max-width: 767px) {
        .ol3qd6 .parne2 .rh8w5m.t9wwdm {
          margin-left: 0;
          margin-top: 0px;
          margin-bottom: 0px; } }
    .ol3qd6 .parne2 .hqos7m a {
      color: var(--black3);
      font-size: 22px;
      margin-right: 20px;
      padding: 0; }
      .ol3qd6 .parne2 .hqos7m a:last-child {
        margin-right: 0; }
      .ol3qd6 .parne2 .hqos7m a.active {
        color: var(--black); }

.abxfmd {
  box-shadow: 0 0 32px 0 rgba(0, 0, 0, 0.05);
  margin-bottom: 30px;
  margin-top: 30px;
  font-size: 12px;
  padding: 48px 40px 18px;
  display: none;
  width: 100%; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .abxfmd {
      padding: 40px 25px 34px; } }
  @media only screen and (max-width: 767px) {
    .abxfmd {
      padding: 40px 25px 34px; } }
  .abxfmd .ddodyi h5 {
    font-size: 16px;
    margin: 0 0 30px;
    text-transform: uppercase;
    font-weight: 600;
    color: #1B1B1B; }
    @media only screen and (max-width: 767px) {
      .abxfmd .ddodyi h5 {
        margin: 0 0 10px; } }
  .abxfmd .ddodyi .qb13ne ul li, .abxfmd .ddodyi .sjl401 ul li, .abxfmd .ddodyi .ay08j6 ul li, .abxfmd .ddodyi .qp63r9 ul li {
    margin-bottom: 7px;
    display: block; }
    .abxfmd .ddodyi .qb13ne ul li:last-child, .abxfmd .ddodyi .sjl401 ul li:last-child, .abxfmd .ddodyi .ay08j6 ul li:last-child, .abxfmd .ddodyi .qp63r9 ul li:last-child {
      margin-bottom: 0; }
    .abxfmd .ddodyi .qb13ne ul li a, .abxfmd .ddodyi .sjl401 ul li a, .abxfmd .ddodyi .ay08j6 ul li a, .abxfmd .ddodyi .qp63r9 ul li a {
      color: #1B1B1B;
      font-size: 16px; }
      .abxfmd .ddodyi .qb13ne ul li a:hover, .abxfmd .ddodyi .sjl401 ul li a:hover, .abxfmd .ddodyi .ay08j6 ul li a:hover, .abxfmd .ddodyi .qp63r9 ul li a:hover {
        color: var(--colormain); }
  .abxfmd .ddodyi .ay08j6 ul, .abxfmd .ddodyi .sjl401 ul, .abxfmd .ddodyi .qp63r9 ul {
    width: 100%; }
    .abxfmd .ddodyi .ay08j6 ul li, .abxfmd .ddodyi .sjl401 ul li, .abxfmd .ddodyi .qp63r9 ul li {
      width: 50%;
      display: inline-block;
      float: left; }

.tcbbx9 .df230e {
  margin-left: 30px; }
  .tcbbx9 .df230e .orwh4v {
    margin: 0;
    color: var(--black3);
    text-transform: capitalize;
    display: block;
    font-size: 15px; }
  .tcbbx9 .df230e h3 {
    font-size: 22px;
    margin: 0 0 5px;
    line-height: 32px;
    font-weight: 600;
    letter-spacing: normal;
    font-family: var(--fontprimary); }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .tcbbx9 .df230e h3 {
        margin: 0 0 18px;
        font-size: 23px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .tcbbx9 .df230e h3 {
        margin: 0 0 12px;
        font-size: 22px; } }
    @media only screen and (max-width: 767px) {
      .tcbbx9 .df230e h3 {
        font-size: 19px;
        margin: 0 0 10px;
        line-height: 28px; } }
    .tcbbx9 .df230e h3 a {
      color: var(--black); }
  .tcbbx9 .df230e .r3ni0e span {
    font-size: 22px; }
    .tcbbx9 .df230e .r3ni0e span.bvinjb {
      color: var(--black4);
      margin-right: 5px; }
  .tcbbx9 .df230e p {
    line-height: 27px;
    color: #737373;
    margin: 12px 0 20px; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .tcbbx9 .df230e p {
        margin: 10px 0 20px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .tcbbx9 .df230e p {
        margin: 10px 0 20px; } }
    @media only screen and (max-width: 767px) {
      .tcbbx9 .df230e p {
        margin: 10px 0 20px; } }
  .tcbbx9 .df230e .cbfhmh {
    color: var(--black3);
    display: inline-block;
    padding: 2px; }
    .tcbbx9 .df230e .cbfhmh i {
      font-size: 15px; }
      .tcbbx9 .df230e .cbfhmh i.checked {
        color: #f6c443; }
  .tcbbx9 .df230e .r3ni0e {
    font-size: 16px;
    font-weight: 500;
    font-family: var(--fonttitle);
    color: var(--colormain); }
    .tcbbx9 .df230e .r3ni0e span {
      position: relative; }
      .tcbbx9 .df230e .r3ni0e span.ojpfmb {
        display: none;
        margin-right: 4px; }
        .tcbbx9 .df230e .r3ni0e span.ojpfmb:before {
          position: absolute;
          content: "";
          width: 20px;
          height: 2px;
          top: 50%;
          left: 50%;
          transform: translateX(-50%) translateY(-50%) rotate(130deg);
          background-color: #393939; }
  .tcbbx9 .df230e .ujva7i {
    display: flex;
    align-items: center; }
    .tcbbx9 .df230e .ujva7i > a {
      display: inline-block;
      font-weight: bold;
      color: var(--white);
      font-size: 16px;
      text-align: center;
      width: 36px;
      height: 36px;
      line-height: 40px;
      background: var(--colormain);
      border-radius: 4px; }
      .tcbbx9 .df230e .ujva7i > a:hover {
        background: var(--colormain2);
        color: var(--white); }
    .tcbbx9 .df230e .ujva7i .ukr0m9 {
      margin: 0 10px 0; }
      .tcbbx9 .df230e .ujva7i .ukr0m9 a {
        display: inline-block;
        font-size: 12px;
        color: var(--white);
        padding: 12px 25px;
        background-color: var(--colormain);
        line-height: 1;
        border-radius: 4px;
        text-transform: uppercase;
        font-weight: 500; }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          .tcbbx9 .df230e .ujva7i .ukr0m9 a {
            padding: 22px 40px; } }
        @media only screen and (max-width: 767px) {
          .tcbbx9 .df230e .ujva7i .ukr0m9 a {
            padding: 18px 30px; } }
        @media only screen and (min-width: 576px) and (max-width: 767px) {
          .tcbbx9 .df230e .ujva7i .ukr0m9 a {
            padding: 15px 20px; } }
        .tcbbx9 .df230e .ujva7i .ukr0m9 a:hover {
          background-color: var(--colormain2);
          color: var(--white); }
  @media only screen and (max-width: 767px) {
    .tcbbx9 .df230e {
      margin-top: 18px; } }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .tcbbx9 .df230e {
      margin-top: 0px; } }
.tcbbx9 .qufjco {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  border-radius: 4px;
  overflow: hidden;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center; }
  .tcbbx9 .qufjco a {
    display: inline-block;
    font-size: 15px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    margin: 0;
    color: var(--white);
    background-color: var(--colormain);
    opacity: 0;
    transition: all 0.4s ease-in-out 0s;
    z-index: 99;
    border-radius: 4px; }
    .tcbbx9 .qufjco a i {
      line-height: 40px; }
    .tcbbx9 .qufjco a:hover {
      background-color: var(--colormain2);
      color: var(--white); }
.tcbbx9:hover .qufjco a {
  transform: scale(1);
  opacity: 1; }
.tcbbx9:hover .uek50q::after {
  right: 24px;
  left: 24px;
  top: 24px;
  bottom: 24px;
  opacity: 1; }

.cc909a ul li {
  display: inline-block;
  margin: 0 8px; }
  @media only screen and (max-width: 767px) {
    .cc909a ul li {
      margin: 0 4px; } }
  .cc909a ul li a {
    border: 1px solid var(--colormain);
    color: var(--colormain);
    font-size: 12px;
    text-align: center;
    display: inline-block;
    width: 38px;
    height: 38px;
    line-height: 38px;
    border-radius: 100%; }
    .cc909a ul li a.active, .cc909a ul li a:hover {
      background-color: var(--colormain);
      color: #fff;
      border: 1px solid var(--colormain); }
    .cc909a ul li a i {
      line-height: 38px; }
  .cc909a ul li:last-child {
    position: relative;
    top: 2px; }
@media only screen and (max-width: 767px) {
  .cc909a.af6jw9 {
    margin-top: 0; } }

.es13e7 {
  overflow: hidden; }
  .es13e7 a {
    display: block; }
    .es13e7 a img {
      width: 100%;
      transform: scale(1);
      transition: all .5s ease 0s; }

.a93ql9 span {
  font-size: 16px;
  font-weight: 300;
  color: #1D1D1D; }
.a93ql9 h2 {
  font-size: 46px;
  font-family: var(--fonttitle);
  font-style: italic;
  color: #1D1D1D;
  margin: 5px 0 22px; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .a93ql9 h2 {
      font-size: 42px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .a93ql9 h2 {
      font-size: 32px; } }
  @media only screen and (max-width: 767px) {
    .a93ql9 h2 {
      font-size: 28px;
      margin: 5px 0 12px; } }
  .a93ql9 h2 a {
    color: #1D1D1D; }
    .a93ql9 h2 a:hover {
      color: var(--colormain); }
.a93ql9 p {
  font-size: 16px;
  line-height: 34px;
  color: #707070;
  margin: 0 0 31px; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .a93ql9 p {
      font-size: 15px;
      line-height: 30px; } }
  @media only screen and (max-width: 767px) {
    .a93ql9 p {
      font-size: 15px;
      line-height: 30px;
      margin: 0 0 15px; } }
.a93ql9 .kihsx6 a {
  display: inline-block;
  background-color: #1D1D1D;
  color: #fff;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 12px;
  padding: 20px 35px;
  line-height: 1;
  z-index: 2;
  position: relative; }
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .a93ql9.zaytth {
    margin-left: 0; } }
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .a93ql9.zaytth {
    margin-left: 0; } }
@media only screen and (max-width: 767px) {
  .a93ql9 {
    margin-top: 10px; }
    .a93ql9.zaytth {
      margin-left: 0; } }

.lqyt0s:hover .es13e7 a img {
  transform: scale(1.1); }
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .lqyt0s.cqotof {
    margin-bottom: 50px; } }
@media only screen and (max-width: 767px) {
  .lqyt0s.cqotof {
    margin-bottom: 50px; } }

.l3jqq8 a {
  display: block; }
  .l3jqq8 a img {
    width: 100%; }

.frnsur {
  display: none; }

.s69a8c a {
  text-transform: uppercase;
  font-weight: bold;
  color: #1D1D1D;
  font-size: 12px;
  line-height: 1;
  border: 1px solid #D2D2D2;
  padding: 23px 50px;
  display: inline-block; }
  .s69a8c a:hover {
    background-color: var(--colormain);
    border: 1px solid var(--colormain);
    color: #fff; }
@media only screen and (max-width: 767px) {
  .s69a8c.xkzozt {
    margin-top: 10px; } }

/*-------- 19. Product details style ---------*/
.ffsz5e.show {
  opacity: .7; }

.sx5t9r {
  margin: 6% auto 8%;
  max-width: 1250px;
  width: 1250px; }
  @media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .sx5t9r {
      width: 1150px;
      max-width: 1150px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .sx5t9r {
      width: 960px;
      max-width: 960px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .sx5t9r {
      width: 720px;
      max-width: 720px; } }
  @media only screen and (max-width: 767px) {
    .sx5t9r {
      width: 100%;
      max-width: 100%;
      padding: 35px 0; } }
  .sx5t9r .lpm40h {
    border-radius: 0; }
    .sx5t9r .lpm40h .ldw60e {
      border: none;
      padding: 0;
      right: 0;
      top: 0;
      position: absolute;
      z-index: 9999; }
      @media only screen and (max-width: 767px) {
        .sx5t9r .lpm40h .ldw60e {
          right: 0px;
          top: -34px; } }
      .sx5t9r .lpm40h .ldw60e .close {
        color: var(--black);
        cursor: pointer;
        opacity: 1;
        padding: 0;
        margin: 0;
        width: 50px;
        height: 50px;
        line-height: 50px;
        background-color: transparent;
        border-radius: 100%;
        font-size: 18px;
        text-shadow: none;
        font-weight: 300;
        transition: all .3s ease 0s; }
        @media only screen and (max-width: 767px) {
          .sx5t9r .lpm40h .ldw60e .close {
            width: 34px;
            height: 34px;
            line-height: 34px;
            font-size: 15px; } }
        .sx5t9r .lpm40h .ldw60e .close:hover {
          color: var(--colormain);
          transform: rotate(90deg); }
    .sx5t9r .lpm40h .ex6f7g {
      padding: 0px; }

.rrsyqo {
  padding: 50px 50px 50px;
  height: 100%; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .rrsyqo {
      padding: 15px 35px 20px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .rrsyqo {
      padding: 20px 35px 35px; } }
  @media only screen and (max-width: 767px) {
    .rrsyqo {
      padding: 15px 15px 15px; } }

.vsjyv9 .n17r8x {
  text-align: right; }
  .vsjyv9 .n17r8x a {
    font-size: 20px;
    margin-left: 12px; }
    .vsjyv9 .n17r8x a:first-child {
      margin-left: 0; }
.vsjyv9 > span {
  color: var(--black) 3;
  margin: 0 0 7px;
  font-size: 16px;
  font-weight: 500; }
.vsjyv9 h2 {
  font-size: 36px;
  margin: 5px 0 20px;
  color: var(--black) 2;
  font-weight: 600;
  letter-spacing: 1px; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .vsjyv9 h2 {
      font-size: 20px; } }
  @media only screen and (max-width: 767px) {
    .vsjyv9 h2 {
      font-size: 20px; } }
.vsjyv9 .r23v6q {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding-bottom: 10px;
  margin-bottom: 32px; }
  @media only screen and (min-width: 1366px) and (max-width: 1600px) {
    .vsjyv9 .r23v6q {
      display: block; }
      .vsjyv9 .r23v6q.euzojm {
        display: flex; } }
  @media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .vsjyv9 .r23v6q {
      display: block; }
      .vsjyv9 .r23v6q.euzojm {
        display: flex; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .vsjyv9 .r23v6q.euzojm {
      display: block; }
    .vsjyv9 .r23v6q.pjsix5 {
      display: block; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .vsjyv9 .r23v6q {
      display: block; }
      .vsjyv9 .r23v6q.euzojm {
        display: flex; } }
  @media only screen and (max-width: 767px) {
    .vsjyv9 .r23v6q {
      display: block; } }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .vsjyv9 .r23v6q {
      display: flex; } }
  .vsjyv9 .r23v6q .cdo8l8 {
    display: flex; }
    .vsjyv9 .r23v6q .cdo8l8 .bvxwb3 i {
      color: #d5d6d8;
      font-size: 14px;
      margin-left: 2px; }
      .vsjyv9 .r23v6q .cdo8l8 .bvxwb3 i.f85lnd {
        color: #f5b223; }
    .vsjyv9 .r23v6q .cdo8l8 a {
      color: var(--black) 4;
      font-size: 14px;
      margin-left: 10px; }
  .vsjyv9 .r23v6q .gm8nm5 ul {
    display: flex;
    flex-wrap: wrap; }
    .vsjyv9 .r23v6q .gm8nm5 ul li {
      margin-left: 10px;
      color: #1D1D1D;
      font-size: 12px; }
      .vsjyv9 .r23v6q .gm8nm5 ul li.xy1gt0 {
        color: #86BA45;
        font-weight: 600; }
      .vsjyv9 .r23v6q .gm8nm5 ul li span {
        font-weight: 600; }
      .vsjyv9 .r23v6q .gm8nm5 ul li i {
        margin-right: 3px; }
      .vsjyv9 .r23v6q .gm8nm5 ul li:first-child {
        margin-left: 0px; }
.vsjyv9 > h3 {
  font-size: 36px;
  margin: 0px 0 20px;
  font-weight: bold;
  color: var(--colormain); }
.vsjyv9 .rbolsc p {
  font-size: 14px;
  line-height: 27px;
  color: var(--black) 3; }
.vsjyv9 .k8yyuz {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 45px 0 0px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding: 0 0 23px; }
  @media only screen and (max-width: 767px) {
    .vsjyv9 .k8yyuz {
      margin: 20px 0 0px; } }
  .vsjyv9 .k8yyuz .okgkvg {
    margin: 0 15px 0 15px; }
    @media only screen and (max-width: 767px) {
      .vsjyv9 .k8yyuz .okgkvg {
        margin: 0 7px 7px 7px; } }
    @media only screen and (min-width: 576px) and (max-width: 767px) {
      .vsjyv9 .k8yyuz .okgkvg {
        margin: 0 15px 0 15px; } }
    .vsjyv9 .k8yyuz .okgkvg a {
      display: inline-block;
      font-size: 16px;
      color: var(--white);
      padding: 17px 50px;
      background-color: var(--black) 2;
      font-weight: 400;
      line-height: 1;
      text-transform: capitalize;
      border-radius: 0; }
      @media only screen and (min-width: 1366px) and (max-width: 1600px) {
        .vsjyv9 .k8yyuz .okgkvg a {
          padding: 22px 50px; } }
      @media only screen and (min-width: 1200px) and (max-width: 1365px) {
        .vsjyv9 .k8yyuz .okgkvg a {
          padding: 22px 25px; } }
      @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .vsjyv9 .k8yyuz .okgkvg a {
          padding: 22px 30px; } }
      @media only screen and (max-width: 767px) {
        .vsjyv9 .k8yyuz .okgkvg a {
          padding: 22px 18px; } }
      @media only screen and (min-width: 576px) and (max-width: 767px) {
        .vsjyv9 .k8yyuz .okgkvg a {
          padding: 22px 30px; } }
      .vsjyv9 .k8yyuz .okgkvg a:hover {
        background-color: var(--colormain); }
    .vsjyv9 .k8yyuz .okgkvg.hqd7hw {
      margin: 0 15px 0 0px; }
  .vsjyv9 .k8yyuz .oku0p2 a, .vsjyv9 .k8yyuz .q4c7qw a {
    display: inline-block;
    font-size: 25px;
    color: #2f2f2f; }
    .vsjyv9 .k8yyuz .oku0p2 a:hover, .vsjyv9 .k8yyuz .q4c7qw a:hover {
      color: var(--colormain); }
  @media only screen and (max-width: 767px) {
    .vsjyv9 .k8yyuz .oku0p2.mibqxi {
      margin-bottom: 20px; } }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .vsjyv9 .k8yyuz .oku0p2.mibqxi {
      margin-bottom: 0px; } }
  .vsjyv9 .k8yyuz .q4c7qw {
    margin-left: 15px; }
    @media only screen and (max-width: 767px) {
      .vsjyv9 .k8yyuz .q4c7qw.mibqxi {
        margin-left: 0px; } }
    @media only screen and (min-width: 576px) and (max-width: 767px) {
      .vsjyv9 .k8yyuz .q4c7qw.mibqxi {
        margin-left: 10px; } }
  .vsjyv9 .k8yyuz.fwdqbj {
    margin: 16px 0 0px; }
.vsjyv9 .rvwesy {
  border-top: 1px solid #d8d8d8;
  border-bottom: 1px solid #d8d8d8;
  padding: 12px 0 14px; }
  .vsjyv9 .rvwesy a {
    color: #535353;
    font-size: 14px;
    margin-right: 10px; }
    .vsjyv9 .rvwesy a:last-child {
      margin-right: 0; }
    .vsjyv9 .rvwesy a i {
      font-size: 16px;
      padding-right: 8px;
      position: relative;
      top: 3px; }
    .vsjyv9 .rvwesy a:hover {
      color: var(--colormain); }
.vsjyv9 .o1ubdp {
  margin: 25px 0 23px; }
  .vsjyv9 .o1ubdp .kboyyr {
    display: grid;
    grid-template-columns: 100px auto;
    grid-gap: 15px;
    margin-bottom: 1px; }
    .vsjyv9 .o1ubdp .kboyyr > span {
      display: block;
      font-size: 14px;
      margin: 0 0 5px;
      color: var(--black) 2;
      display: flex;
      align-items: center;
      justify-content: space-between;
      font-weight: 600; }
      .vsjyv9 .o1ubdp .kboyyr > span.s2atyi a {
        color: var(--colormain); }
        .vsjyv9 .o1ubdp .kboyyr > span.s2atyi a:hover {
          color: var(--colormain);
          text-decoration: underline; }
      .vsjyv9 .o1ubdp .kboyyr > span a {
        color: var(--black) 4; }
        .vsjyv9 .o1ubdp .kboyyr > span a:hover {
          color: var(--colormain);
          text-decoration: underline; }
      .vsjyv9 .o1ubdp .kboyyr > span:last-child {
        margin: 0 0 0px; }
.vsjyv9 .dhmvzj {
  display: flex;
  align-items: center;
  margin: 18px 0 0; }
  @media only screen and (max-width: 767px) {
    .vsjyv9 .dhmvzj {
      display: block; } }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .vsjyv9 .dhmvzj {
      display: flex; } }
  .vsjyv9 .dhmvzj span {
    color: #262626;
    font-weight: 600;
    margin-right: 10px;
    font-size: 12px; }
  .vsjyv9 .dhmvzj .seotyn a {
    border: 1px solid #e1e1e1;
    color: var(--black) 2;
    display: inline-block;
    width: 38px;
    height: 38px;
    line-height: 38px;
    border-radius: 100%;
    text-align: center;
    font-size: 16px;
    margin: 0 7px 0 0; }
    .vsjyv9 .dhmvzj .seotyn a:hover {
      color: var(--white);
      border: 1px solid transparent; }
      .vsjyv9 .dhmvzj .seotyn a:hover.q7p82b {
        background-color: #3b5999; }
      .vsjyv9 .dhmvzj .seotyn a:hover.ok51pj {
        background-color: #55acee; }
      .vsjyv9 .dhmvzj .seotyn a:hover.gs9fy6 {
        background-color: #b90f16; }
      .vsjyv9 .dhmvzj .seotyn a:hover.w12e6w {
        background-color: #dd4b39; }

.mpilvr {
  margin: 7px 0 0; }
  @media only screen and (max-width: 767px) {
    .mpilvr {
      margin: 0px 0 0; } }
  .mpilvr .x8dgh2 {
    display: inline-block;
    height: 50px;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 110px;
    text-align: center;
    border: 1px solid #dddddd;
    border-radius: 4px; }
    .mpilvr .x8dgh2 .ngmklf {
      color: var(--black) 2;
      cursor: pointer;
      float: inherit;
      font-size: 18px;
      line-height: 50px;
      margin: 0;
      position: absolute;
      text-align: center;
      transition: all 0.3s ease 0s;
      width: 35px;
      background: #eaeaea; }
      .mpilvr .x8dgh2 .ngmklf.b0ka89 {
        height: 50px;
        top: 0px;
        left: 0;
        font-weight: 400;
        font-size: 22px;
        bottom: 0;
        margin: auto; }
      .mpilvr .x8dgh2 .ngmklf.cuzo8t {
        height: 50px;
        top: 0px;
        right: 0;
        font-weight: 400;
        font-size: 22px;
        bottom: 0;
        margin: auto; }
    .mpilvr .x8dgh2 input.y1hygi {
      background: transparent none repeat scroll 0 0;
      border: medium none;
      color: var(--black) 2;
      font-size: 14px;
      height: 50px;
      line-height: 54px;
      margin: 0;
      padding: 0px;
      text-align: center;
      width: 85px;
      font-weight: bold; }
  .mpilvr.laohvf .x8dgh2 input {
    border: 1px solid rgba(0, 0, 0, 0.1); }
  .mpilvr.bdigyh .x8dgh2 {
    width: 110px; }
    .mpilvr.bdigyh .x8dgh2 input {
      width: 90px;
      font-weight: 400; }
    .mpilvr.bdigyh .x8dgh2 .ngmklf.b0ka89 {
      left: 0; }
    .mpilvr.bdigyh .x8dgh2 .ngmklf.cuzo8t {
      right: 0; }

.fdikwp.eotlea > .rs5x5j div {
  color: #262626;
  display: inline-block;
  font-size: 24px;
  left: 20px;
  position: absolute;
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.3s ease 0s;
  border: 1px solid #e1e2e2;
  background-color: #ffffff;
  display: inline-block;
  width: 50px;
  height: 50px;
  line-height: 50px;
  border-radius: 100%; }
  .fdikwp.eotlea > .rs5x5j div.jo356k {
    right: 20px;
    left: auto; }
  .fdikwp.eotlea > .rs5x5j div:hover {
    color: var(--colormain); }

.id518j .vke66g {
  border: 1px solid #ddd; }

.gr8w8k {
  position: relative; }
  .gr8w8k a.jmty4j {
    position: absolute;
    right: 25px;
    bottom: 25px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    display: inline-block;
    background-color: #fff;
    color: #262626;
    font-size: 16px;
    text-align: center;
    border-radius: 100%;
    z-index: 999; }
    @media only screen and (max-width: 767px) {
      .gr8w8k a.jmty4j {
        width: 40px;
        height: 40px;
        line-height: 40px;
        font-size: 15px; } }
    .gr8w8k a.jmty4j.ulaxj2 {
      color: #fff;
      font-size: 16px;
      width: 50px;
      height: 50px;
      line-height: 50px;
      background-color: #262626; }
    .gr8w8k a.jmty4j.ydxr34 {
      bottom: 100px; }
    .gr8w8k a.jmty4j:hover {
      background-color: var(--colormain);
      color: #fff; }
  .gr8w8k .jlcbfu {
    display: block;
    background: #f5f5f5; }
    .gr8w8k .jlcbfu > a {
      transition: none; }
      .gr8w8k .jlcbfu > a img {
        width: 100%;
        transition: none; }
  .gr8w8k .xsx9qn > a img {
    width: 100%; }

.jnyr1r {
  display: block; }
  .jnyr1r.obr7n6 {
    overflow: inherit; }

.vintzs {
  float: right;
  position: relative;
  width: calc(100% - 160px); }
  @media only screen and (min-width: 1366px) and (max-width: 1600px) {
    .vintzs {
      width: calc(100% - 120px); } }
  @media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .vintzs {
      width: calc(100% - 120px); } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .vintzs {
      width: calc(100% - 130px); } }
  @media only screen and (max-width: 767px) {
    .vintzs {
      width: calc(100% - 100px); } }

.mj5ler {
  position: relative;
  float: left;
  width: 160px;
  padding-right: 20px; }
  @media only screen and (min-width: 1366px) and (max-width: 1600px) {
    .mj5ler {
      width: 120px; } }
  @media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .mj5ler {
      width: 120px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .mj5ler {
      width: 130px; } }
  @media only screen and (max-width: 767px) {
    .mj5ler {
      width: 100px; } }
  .mj5ler .skcb3s {
    margin: 0 0 20px;
    cursor: pointer; }
    .mj5ler .skcb3s img {
      width: 100%; }
    .mj5ler .skcb3s.dsrbw9 {
      border: 2px solid transparent; }
      .mj5ler .skcb3s.dsrbw9.qy6wix {
        border: 2px solid #aaa; }
    .mj5ler .skcb3s:last-child {
      margin: 0 0 0px; }
  .mj5ler span.fi9lrb {
    position: absolute;
    top: 100%;
    left: 50%;
    right: auto;
    font-size: 20px;
    cursor: pointer;
    color: #262626;
    z-index: 9;
    transform: translateX(-50%); }
    @media only screen and (max-width: 767px) {
      .mj5ler span.fi9lrb {
        top: 93%; } }
    @media only screen and (min-width: 576px) and (max-width: 767px) {
      .mj5ler span.fi9lrb {
        top: 100%; } }
    .mj5ler span.fi9lrb:hover {
      color: var(--colormain); }
    .mj5ler span.fi9lrb.xdbfcf {
      margin-left: -30px; }
    .mj5ler span.fi9lrb.i3740v {
      margin-right: -30px; }

.xh6raa {
  display: flex;
  flex-wrap: wrap; }
  .xh6raa .q08qnm {
    flex: 0 0 72%;
    max-width: 72%;
    padding-right: 50px; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .xh6raa .q08qnm {
        padding-right: 30px; } }
    @media only screen and (max-width: 767px) {
      .xh6raa .q08qnm {
        padding-right: 0px;
        flex: 0 0 100%;
        max-width: 100%; } }
  .xh6raa .jq272a {
    flex: 0 0 28%;
    max-width: 28%; }
    @media only screen and (max-width: 767px) {
      .xh6raa .jq272a {
        flex: 0 0 100%;
        max-width: 100%;
        margin-top: 30px; } }

.vcyr99 {
  position: relative;
  overflow: hidden; }
  .vcyr99 a {
    display: block; }
    .vcyr99 a img {
      width: 100%;
      transition: all .5s ease 0s;
      transform: scale(1); }
  .vcyr99 .u2y2y2 {
    position: absolute;
    left: 20px;
    bottom: 12px;
    z-index: 9; }
    @media only screen and (min-width: 1200px) and (max-width: 1365px) {
      .vcyr99 .u2y2y2 {
        left: 12px; } }
    .vcyr99 .u2y2y2 h4 {
      color: #fff;
      font-size: 24px;
      line-height: 1;
      text-transform: uppercase;
      margin: 0 0 10px; }
      @media only screen and (min-width: 1366px) and (max-width: 1600px) {
        .vcyr99 .u2y2y2 h4 {
          font-size: 20px; } }
      @media only screen and (min-width: 1200px) and (max-width: 1365px) {
        .vcyr99 .u2y2y2 h4 {
          font-size: 16px; } }
      @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .vcyr99 .u2y2y2 h4 {
          font-size: 18px; } }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .vcyr99 .u2y2y2 h4 {
          font-size: 20px; } }
      @media only screen and (max-width: 767px) {
        .vcyr99 .u2y2y2 h4 {
          font-size: 20px; } }
    .vcyr99 .u2y2y2 h2 {
      color: #fff;
      font-size: 45px;
      line-height: 1;
      text-transform: uppercase;
      margin: 0; }
      @media only screen and (min-width: 1366px) and (max-width: 1600px) {
        .vcyr99 .u2y2y2 h2 {
          font-size: 35px; } }
      @media only screen and (min-width: 1200px) and (max-width: 1365px) {
        .vcyr99 .u2y2y2 h2 {
          font-size: 30px; } }
      @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .vcyr99 .u2y2y2 h2 {
          font-size: 35px; } }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .vcyr99 .u2y2y2 h2 {
          font-size: 35px; } }
      @media only screen and (max-width: 767px) {
        .vcyr99 .u2y2y2 h2 {
          font-size: 35px; } }
  .vcyr99:hover a img {
    width: 100%;
    transform: scale(1.1); }

.suey7h {
  background-color: #E5F3EF;
  padding: 30px 20px 35px 20px;
  margin-top: 20px; }
  @media only screen and (min-width: 1366px) and (max-width: 1600px) {
    .suey7h {
      padding: 20px 10px 20px 10px; } }
  @media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .suey7h {
      padding: 20px 10px 20px 10px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .suey7h {
      padding: 20px 10px 20px 10px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .suey7h {
      padding: 20px 10px 20px 10px; } }
  .suey7h .fycxh7 i {
    color: #1D1D1D;
    font-size: 30px; }
    @media only screen and (min-width: 1366px) and (max-width: 1600px) {
      .suey7h .fycxh7 i {
        font-size: 25px; } }
    @media only screen and (min-width: 1200px) and (max-width: 1365px) {
      .suey7h .fycxh7 i {
        font-size: 25px; } }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .suey7h .fycxh7 i {
        font-size: 25px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .suey7h .fycxh7 i {
        font-size: 25px; } }
  .suey7h .fycxh7 h5 {
    font-size: 22px;
    margin: 1px 0 5px;
    color: #1D1D1D;
    font-family: var(--fonttitle); }
    @media only screen and (min-width: 1366px) and (max-width: 1600px) {
      .suey7h .fycxh7 h5 {
        font-size: 16px; } }
    @media only screen and (min-width: 1200px) and (max-width: 1365px) {
      .suey7h .fycxh7 h5 {
        font-size: 16px; } }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .suey7h .fycxh7 h5 {
        font-size: 16px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .suey7h .fycxh7 h5 {
        font-size: 16px; } }
  .suey7h .fycxh7 p {
    font-size: 14px;
    color: #1D1D1D;
    font-family: var(--fonttitle); }
  .suey7h .sybbpk {
    margin-top: 9px; }
    .suey7h .sybbpk .koht6o > input {
      background-color: transparent;
      border: none;
      color: #777;
      border-bottom: 1px solid #858C8A;
      padding: 2px 0 2px 0; }
    .suey7h .sybbpk .koht6o .p1agk2 {
      display: none; }
    .suey7h .sybbpk .koht6o .i6rc0f {
      margin-top: 12px; }
      .suey7h .sybbpk .koht6o .i6rc0f > input {
        border: none;
        color: #fff;
        font-size: 12px;
        font-weight: bold;
        background-color: #262626;
        height: 42px; }
        .suey7h .sybbpk .koht6o .i6rc0f > input:hover {
          background-color: var(--colormain); }

.xk3n5a.c5qvf8 .i4inyn,
.ctewr3.c5qvf8 .i4inyn {
  border: 2px solid transparent; }
.xk3n5a .i4inyn,
.ctewr3 .i4inyn {
  border: 2px solid transparent; }

.u9wpmq {
  flex: 0 0 34%;
  max-width: 34%;
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .u9wpmq {
      flex: 0 0 100%;
      max-width: 100%; } }
  @media only screen and (max-width: 767px) {
    .u9wpmq {
      flex: 0 0 100%;
      max-width: 100%; } }

.xz8fmo {
  flex: 0 0 66%;
  max-width: 66%;
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .xz8fmo {
      flex: 0 0 100%;
      max-width: 100%; } }
  @media only screen and (max-width: 767px) {
    .xz8fmo {
      flex: 0 0 100%;
      max-width: 100%; } }

.ftlynb {
  margin-bottom: 70px;
  border-bottom: 3px solid #dddddd; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .ftlynb {
      margin-bottom: 30px; } }
  @media only screen and (max-width: 767px) {
    .ftlynb {
      margin-bottom: 20px; } }
  .ftlynb a {
    font-size: 20px;
    color: var(--black) 4;
    line-height: 1;
    text-transform: capitalize;
    margin-right: 50px;
    letter-spacing: .86px;
    position: relative;
    padding-bottom: 15px;
    font-family: var(--fonttitle); }
    @media only screen and (min-width: 1366px) and (max-width: 1600px) {
      .ftlynb a {
        font-size: 20px; } }
    @media only screen and (min-width: 1200px) and (max-width: 1365px) {
      .ftlynb a {
        font-size: 20px;
        letter-spacing: 0px; } }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .ftlynb a {
        font-size: 17px;
        letter-spacing: 0px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .ftlynb a {
        font-size: 17px;
        letter-spacing: 0px;
        margin-bottom: 20px;
        padding-bottom: 20px; } }
    @media only screen and (max-width: 767px) {
      .ftlynb a {
        font-size: 14px;
        letter-spacing: 0px;
        margin-bottom: 10px;
        padding-bottom: 10px; } }
    .ftlynb a:before {
      position: absolute;
      content: "";
      left: 0;
      bottom: -3px;
      width: 100%;
      height: 3px;
      background-color: transparent; }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .ftlynb a:before {
          height: 3px; } }
      @media only screen and (max-width: 767px) {
        .ftlynb a:before {
          height: 2px; } }
    .ftlynb a:last-child {
      margin-right: 0; }
    @media only screen and (min-width: 1366px) and (max-width: 1600px) {
      .ftlynb a {
        margin-right: 30px; } }
    @media only screen and (min-width: 1200px) and (max-width: 1365px) {
      .ftlynb a {
        margin-right: 30px; } }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .ftlynb a {
        margin-right: 20px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .ftlynb a {
        margin-right: 20px; } }
    @media only screen and (max-width: 767px) {
      .ftlynb a {
        margin-right: 10px; } }
    .ftlynb a.active {
      color: var(--black) 2; }
      .ftlynb a.active:before {
        background-color: var(--black) 2; }

.qwqfcs {
  overflow: hidden; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .qwqfcs {
      margin-bottom: 20px; } }
  @media only screen and (max-width: 767px) {
    .qwqfcs {
      margin-bottom: 20px; } }
  .qwqfcs a {
    position: relative; }
    .qwqfcs a img {
      width: 100%;
      transition: all .5s ease 0s;
      transform: scale(1); }
  .qwqfcs:hover a img {
    transform: scale(1.1); }

.x0bxzp {
  padding-left: 20px; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .x0bxzp {
      padding-left: 0px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .x0bxzp {
      padding-left: 0px; } }
  @media only screen and (max-width: 767px) {
    .x0bxzp {
      padding-left: 0px; } }
  .x0bxzp p {
    line-height: 28px;
    margin: 0;
    font-size: 16px;
    color: #777; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .x0bxzp p {
        font-size: 16px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .x0bxzp p {
        font-size: 16px; } }
    @media only screen and (max-width: 767px) {
      .x0bxzp p {
        font-size: 15px;
        line-height: 28px; } }
  .x0bxzp .wqlkdr {
    margin: 48px 0 50px;
    display: flex; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .x0bxzp .wqlkdr {
        margin: 18px 0 10px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .x0bxzp .wqlkdr {
        margin: 18px 0 10px; } }
    @media only screen and (max-width: 767px) {
      .x0bxzp .wqlkdr {
        margin: 18px 0 10px;
        display: block; } }
    .x0bxzp .wqlkdr .qc3pgm {
      margin-right: 40px; }
      @media only screen and (max-width: 767px) {
        .x0bxzp .wqlkdr .qc3pgm {
          margin-right: 0px; } }
      .x0bxzp .wqlkdr .qc3pgm:last-child {
        margin-right: 0; }
      .x0bxzp .wqlkdr .qc3pgm ul {
        list-style-position: inside;
        margin: 0px 0 0px 12px; }
        @media only screen and (min-width: 992px) and (max-width: 1199px) {
          .x0bxzp .wqlkdr .qc3pgm ul {
            margin: 15px 0 30px 12px; } }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          .x0bxzp .wqlkdr .qc3pgm ul {
            margin: 15px 0 30px 12px; } }
        @media only screen and (max-width: 767px) {
          .x0bxzp .wqlkdr .qc3pgm ul {
            margin: 15px 0 20px 12px; } }
        .x0bxzp .wqlkdr .qc3pgm ul li {
          margin-bottom: 20px;
          list-style: disc;
          line-height: 24px;
          font-size: 16px;
          color: #777; }
          @media only screen and (min-width: 992px) and (max-width: 1199px) {
            .x0bxzp .wqlkdr .qc3pgm ul li {
              font-size: 16px;
              margin-bottom: 20px; } }
          @media only screen and (min-width: 768px) and (max-width: 991px) {
            .x0bxzp .wqlkdr .qc3pgm ul li {
              font-size: 16px;
              margin-bottom: 20px; } }
          @media only screen and (max-width: 767px) {
            .x0bxzp .wqlkdr .qc3pgm ul li {
              font-size: 15px;
              margin-bottom: 12px; } }
          .x0bxzp .wqlkdr .qc3pgm ul li:last-child {
            margin-bottom: 0; }

.gpv6s3 ul li {
  margin-bottom: 20px;
  font-size: 16px;
  color: var(--black) 4;
  display: flex;
  align-items: center;
  justify-content: flex-start; }
  @media only screen and (max-width: 767px) {
    .gpv6s3 ul li {
      font-size: 14px; } }
  .gpv6s3 ul li:last-child {
    margin-bottom: 0; }
  .gpv6s3 ul li > span {
    width: 215px;
    display: inline-block;
    font-family: var(--fonttitle);
    font-weight: 500;
    font-size: 18px;
    color: var(--black) 2;
    display: flex;
    align-items: center;
    justify-content: space-between; }
    @media only screen and (max-width: 767px) {
      .gpv6s3 ul li > span {
        width: 70px; } }
    .gpv6s3 ul li > span span {
      margin-right: 10px; }

.hdnm9l h2 {
  font-size: 30px;
  margin: 0 0 37px; }
  @media only screen and (max-width: 767px) {
    .hdnm9l h2 {
      font-size: 18px;
      margin: 0 0 18px; } }

.lpj34n {
  margin: 0 0 60px;
  padding: 50px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  display: flex; }
  @media only screen and (max-width: 767px) {
    .lpj34n {
      padding: 30px;
      display: block;
      margin: 0 0 30px; } }
  .lpj34n .m96mki img {
    border-radius: 100%; }
  .lpj34n .gwaetz {
    margin-left: 30px; }
    @media only screen and (max-width: 767px) {
      .lpj34n .gwaetz {
        margin-left: 0px; } }
    .lpj34n .gwaetz .vek6ke {
      display: flex;
      justify-content: space-between;
      margin: 0 0 20px; }
      @media only screen and (max-width: 767px) {
        .lpj34n .gwaetz .vek6ke {
          display: block;
          margin: 10px 0 10px; } }
      .lpj34n .gwaetz .vek6ke .bclzom h5 {
        font-size: 14px;
        margin: 0;
        color: #535353; }
        .lpj34n .gwaetz .vek6ke .bclzom h5 span {
          font-weight: bold;
          font-size: 14px;
          color: #262626; }
      .lpj34n .gwaetz .vek6ke .j9mxrd {
        line-height: 1; }
        @media only screen and (max-width: 767px) {
          .lpj34n .gwaetz .vek6ke .j9mxrd {
            margin: 10px 0 0px; } }
        .lpj34n .gwaetz .vek6ke .j9mxrd i {
          font-size: 14px;
          color: #d5d6d8;
          margin-left: 2px; }
          .lpj34n .gwaetz .vek6ke .j9mxrd i.f85lnd {
            color: #f5b223; }
    .lpj34n .gwaetz p {
      font-size: 16px;
      color: #777;
      line-height: 1.714286;
      margin: 0; }
      @media only screen and (max-width: 767px) {
        .lpj34n .gwaetz p {
          font-size: 15px; } }

.crd2b1 > span {
  display: block;
  line-height: 1; }
.crd2b1 p {
  font-size: 12px;
  margin: 9px 0 0;
  color: #535353; }
  .crd2b1 p span {
    color: red; }
.crd2b1 .uy97uh {
  margin: 30px 0 0; }
  .crd2b1 .uy97uh .kajbnx {
    display: flex;
    margin: 16px 0 29px; }
    .crd2b1 .uy97uh .kajbnx .nlkmt8 {
      margin-right: 17px;
      display: flex; }
      .crd2b1 .uy97uh .kajbnx .nlkmt8 a {
        color: #535353; }
      .crd2b1 .uy97uh .kajbnx .nlkmt8:hover i {
        color: #f5b223; }
  .crd2b1 .uy97uh .y1qejh label {
    margin: 0 0 5px;
    color: #535353; }
    .crd2b1 .uy97uh .y1qejh label span {
      color: red; }
  .crd2b1 .uy97uh .y1qejh input, .crd2b1 .uy97uh .y1qejh textarea {
    background: transparent;
    border: 1px solid #CDCDCD;
    height: 50px;
    padding: 5px 10px; }
    .crd2b1 .uy97uh .y1qejh input:focus, .crd2b1 .uy97uh .y1qejh textarea:focus {
      border: 1px solid #262626; }
  .crd2b1 .uy97uh .y1qejh textarea {
    height: 150px; }
  .crd2b1 .uy97uh .mqu114 {
    margin-top: 20px; }
    .crd2b1 .uy97uh .mqu114 input {
      padding: 10px 35px;
      line-height: 30px;
      color: #fff;
      border-width: 0;
      font-weight: 600;
      display: inline-block;
      width: auto;
      height: auto;
      font-size: 14px;
      text-transform: uppercase;
      background: #262626; }
      .crd2b1 .uy97uh .mqu114 input:hover {
        background: var(--colormain); }

.t3ff4a img {
  width: 140px; }
@media only screen and (max-width: 767px) {
  .t3ff4a {
    margin: 0 0 20px; } }

.b75g2r p {
  margin: 0;
  color: #777;
  font-size: 18px;
  line-height: 34px; }
  @media only screen and (max-width: 767px) {
    .b75g2r p {
      line-height: 30px;
      font-size: 14px; } }

.nwmqmc p {
  color: #777;
  line-height: 34px;
  font-size: 16px;
  margin-bottom: 30px; }
  @media only screen and (max-width: 767px) {
    .nwmqmc p {
      line-height: 30px;
      font-size: 14px; } }
  .nwmqmc p:last-child {
    margin-bottom: 0; }

@media only screen and (max-width: 767px) {
  .en8z29.u9c4r5 {
    padding-bottom: 40px; } }
.ctewr3 {
  width: 450px;
  margin: 13px auto 0; }
  @media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .ctewr3 {
      width: 400px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .ctewr3 {
      width: 100%; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .ctewr3 {
      width: 450px; } }
  @media only screen and (max-width: 767px) {
    .ctewr3 {
      width: 100%; } }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .ctewr3 {
      width: 450px; } }
  .ctewr3 .skcb3s {
    margin: 0 5px 0px 5px;
    cursor: pointer;
    background: #f5f5f5; }
    .ctewr3 .skcb3s img {
      width: 100%; }
    .ctewr3 .skcb3s.dsrbw9 {
      border: 2px solid transparent; }
      .ctewr3 .skcb3s.dsrbw9.qy6wix {
        border: 2px solid #ccc; }
    .ctewr3 .skcb3s:last-child {
      margin: 0 0 0px; }
  .ctewr3 span.fi9lrb {
    color: #262626;
    font-size: 20px;
    position: absolute;
    line-height: 1;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    z-index: 9; }
    .ctewr3 span.fi9lrb:hover {
      color: var(--colormain); }
  .ctewr3 span.xdbfcf {
    left: -5%; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .ctewr3 span.xdbfcf {
        left: -3%; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .ctewr3 span.xdbfcf {
        left: -4%; } }
    @media only screen and (max-width: 767px) {
      .ctewr3 span.xdbfcf {
        left: -4%; } }
  .ctewr3 span.i3740v {
    left: auto;
    right: -5%; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .ctewr3 span.i3740v {
        right: -3%; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .ctewr3 span.i3740v {
        right: -4%; } }
    @media only screen and (max-width: 767px) {
      .ctewr3 span.i3740v {
        right: -4%; } }

.ukf6kb {
  margin: 40px 0 0; }
  @media only screen and (max-width: 767px) {
    .ukf6kb {
      margin: 15px 0 0; } }
  .ukf6kb .zwm6yo {
    display: flex;
    margin-bottom: 10px;
    align-items: center; }
    .ukf6kb .zwm6yo .z9xp8m {
      margin: 5px 0 0 25px; }
      .ukf6kb .zwm6yo .z9xp8m .geek7n h5 {
        font-size: 14px;
        margin: 0 0 3px;
        text-transform: uppercase;
        color: #262626; }
        .ukf6kb .zwm6yo .z9xp8m .geek7n h5 a {
          color: #262626; }
          .ukf6kb .zwm6yo .z9xp8m .geek7n h5 a:hover {
            color: var(--colormain); }
      .ukf6kb .zwm6yo .z9xp8m .k2l7i4 span {
        color: #262626;
        font-size: 14px; }
        .ukf6kb .zwm6yo .z9xp8m .k2l7i4 span.ojpfmb {
          text-decoration: line-through;
          margin-left: 5px; }

.yquqbx {
  margin: 0 20px 0 0px; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .yquqbx {
      margin: 0 20px 5px 0px; } }
  @media only screen and (max-width: 767px) {
    .yquqbx {
      margin: 0 20px 20px 0px; } }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .yquqbx {
      margin: 0 20px 0 0px; } }
  .yquqbx a {
    display: inline-block;
    font-size: 14px;
    color: #fff;
    padding: 15px 40px 20px;
    font-weight: 600;
    background-color: #262626; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .yquqbx a {
        padding: 20px 26px; } }
    @media only screen and (max-width: 767px) {
      .yquqbx a {
        padding: 20px 30px; } }
    .yquqbx a:hover {
      background-color: var(--colormain); }

.lnnsz5 {
  margin: 33px 0 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  padding-top: 27px; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .lnnsz5 {
      margin: 20px 0 0; } }
  @media only screen and (max-width: 767px) {
    .lnnsz5 {
      margin: 20px 0 0; } }
  .lnnsz5 .x9wboe {
    display: flex;
    align-items: center;
    margin: 0 0px 8px 0; }
    .lnnsz5 .x9wboe > span {
      font-size: 14px;
      font-weight: bold;
      margin-right: 20px; }
      @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .lnnsz5 .x9wboe > span {
          margin-right: 10px; } }
    .lnnsz5 .x9wboe ul li {
      display: inline-block;
      margin-right: 3px; }
      .lnnsz5 .x9wboe ul li:last-child {
        margin-bottom: 0; }
      .lnnsz5 .x9wboe ul li a .ihp6vo {
        width: 15px;
        height: 15px;
        border-radius: 100%;
        font-size: 0;
        display: inline-block;
        position: relative; }
        .lnnsz5 .x9wboe ul li a .ihp6vo::before {
          content: attr(title);
          position: absolute;
          bottom: 80%;
          text-indent: 0;
          background: #000;
          padding: 4px 10px 6px;
          line-height: 1;
          border-radius: 4px;
          margin-bottom: 10px;
          min-width: 50px;
          color: #fff;
          left: 50%;
          white-space: pre;
          text-align: center;
          text-transform: none;
          transform: translate(-50%, 0);
          visibility: hidden;
          opacity: 0;
          transition: all 250ms ease-out;
          font-size: 12px; }
        .lnnsz5 .x9wboe ul li a .ihp6vo::after {
          content: "";
          position: absolute;
          left: 50%;
          bottom: 80%;
          border-width: 4px 4px 0 4px;
          border-style: solid;
          border-color: #000 transparent transparent transparent;
          margin-bottom: 6px;
          margin-left: -4px;
          visibility: hidden;
          opacity: 0;
          transition: all 250ms ease-out; }
        .lnnsz5 .x9wboe ul li a .ihp6vo:hover::before {
          bottom: 100%;
          opacity: 1;
          visibility: visible; }
        .lnnsz5 .x9wboe ul li a .ihp6vo:hover::after {
          bottom: 100%;
          opacity: 1;
          visibility: visible; }
        .lnnsz5 .x9wboe ul li a .ihp6vo.iwczhp {
          background-color: #5097f7; }
        .lnnsz5 .x9wboe ul li a .ihp6vo.uziynj {
          background-color: #7a5816; }
        .lnnsz5 .x9wboe ul li a .ihp6vo.xy1gt0 {
          background-color: #81d742; }
        .lnnsz5 .x9wboe ul li a .ihp6vo.nb2p4q {
          background-color: #ff0c94; }
        .lnnsz5 .x9wboe ul li a .ihp6vo.i29jip {
          background-color: #8224e3; }
  .lnnsz5 .d887wp {
    display: flex;
    align-items: center; }
    .lnnsz5 .d887wp > span {
      font-size: 14px;
      font-weight: bold;
      margin-right: 20px; }
      @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .lnnsz5 .d887wp > span {
          margin-right: 10px; } }
    .lnnsz5 .d887wp ul li {
      display: inline-block;
      margin-right: 14px; }
      @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .lnnsz5 .d887wp ul li {
          margin-right: 5px; } }
      .lnnsz5 .d887wp ul li:last-child {
        margin-bottom: 0; }
      .lnnsz5 .d887wp ul li a .ihp6vo {
        font-size: 14px;
        display: inline-block;
        position: relative;
        color: #262626; }
        .lnnsz5 .d887wp ul li a .ihp6vo::before {
          content: attr(title);
          position: absolute;
          bottom: 80%;
          text-indent: 0;
          background: #000;
          padding: 4px 10px 6px;
          line-height: 1;
          border-radius: 4px;
          margin-bottom: 10px;
          min-width: 50px;
          color: #fff;
          left: 50%;
          white-space: pre;
          text-align: center;
          text-transform: none;
          transform: translate(-50%, 0);
          visibility: hidden;
          opacity: 0;
          transition: all 250ms ease-out;
          font-size: 12px; }
        .lnnsz5 .d887wp ul li a .ihp6vo::after {
          content: "";
          position: absolute;
          left: 50%;
          bottom: 80%;
          border-width: 4px 4px 0 4px;
          border-style: solid;
          border-color: #000 transparent transparent transparent;
          margin-bottom: 6px;
          margin-left: -4px;
          visibility: hidden;
          opacity: 0;
          transition: all 250ms ease-out; }
        .lnnsz5 .d887wp ul li a .ihp6vo:hover::before {
          bottom: 100%;
          opacity: 1;
          visibility: visible; }
        .lnnsz5 .d887wp ul li a .ihp6vo:hover::after {
          bottom: 100%;
          opacity: 1;
          visibility: visible; }

.pcb2sp.col-xl-6 {
  padding-left: 15px;
  padding-right: 15px; }
  .pcb2sp.col-xl-6.ufcfh0 {
    padding-left: 0px;
    padding-right: 0px; }
    .pcb2sp.col-xl-6.ufcfh0 .w0j91t {
      padding-left: 15px;
      padding-right: 15px; }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .o2o7re {
    margin-top: 50px; } }
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .o2o7re {
    margin-top: 30px; }

  .eatdzj {
    margin-top: 30px; } }
@media only screen and (max-width: 767px) {
  .o2o7re {
    margin-top: 30px; }

  .eatdzj {
    margin-top: 30px; } }
/*-------- 34. Product style ---------*/
.o6onh3 {
  border: 1px solid var(--black4);
  position: relative;
  padding-left: 80px;
  padding-top: 40px;
  padding-bottom: 40px;
  padding-right: 30px;
  margin: 0px 60px 0;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .o6onh3 {
      margin: 0px 15px 0;
      padding-left: 55px;
      padding-top: 30px;
      padding-bottom: 30px;
      padding-right: 15px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .o6onh3 {
      padding-left: 55px;
      padding-top: 20px;
      padding-bottom: 20px;
      padding-right: 10px;
      margin: 0px 10px 0; } }
  @media only screen and (max-width: 767px) {
    .o6onh3 {
      padding-left: 50px;
      padding-top: 10px;
      padding-bottom: 10px;
      padding-right: 0px;
      margin: 0px 0 0 30px; } }
  .o6onh3 .agn968 {
    width: 85px;
    height: 85px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: -40px;
    z-index: 2;
    border-radius: 50%;
    text-align: center;
    border: 1px solid var(--black4);
    display: flex;
    align-items: center;
    background: var(--bodybg);
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease; }
    .o6onh3 .agn968 img {
      margin: 0 auto; }
    .o6onh3 .agn968:hover {
      box-shadow: 0px 0px 9px 3px rgba(255, 255, 255, 0.3);
      -webkit-box-shadow: 0px 0px 9px 3px rgba(255, 255, 255, 0.3);
      -moz-box-shadow: 0px 0px 9px 3px rgba(255, 255, 255, 0.3); }
  .o6onh3 .content {
    position: relative;
    z-index: 2;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between; }
    .o6onh3 .content .title {
      font-size: 28px;
      padding-right: 20px;
      margin: 0; }
      .o6onh3 .content .title a {
        color: var(--white); }
      @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .o6onh3 .content .title {
          font-size: 24px; } }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .o6onh3 .content .title {
          font-size: 22px;
          margin: 0 0 5px 0; } }
      @media only screen and (max-width: 767px) {
        .o6onh3 .content .title {
          font-size: 22px;
          margin: 0 0 10px 0; } }
    .o6onh3 .content .vnyymg {
      color: var(--colormain);
      font-size: 24px;
      font-weight: 900;
      font-family: var(--fontprimary); }
      @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .o6onh3 .content .vnyymg {
          font-size: 20px; } }
      @media only screen and (max-width: 767px) {
        .o6onh3 .content .vnyymg {
          font-size: 18px; } }

/*-------- 24. Cart style ---------*/
@media only screen and (max-width: 767px) {
  .cag3b5.ag1mcb {
    padding-bottom: 60px; } }

h3.btaw3s {
  font-size: 20px;
  font-weight: 500;
  margin: 0 0 15px; }

.ks7rx6 table thead > tr th {
  border-top: medium none;
  font-size: 12px;
  text-transform: capitalize;
  vertical-align: middle;
  white-space: nowrap;
  color: #535353;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0 0 54px 0; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .ks7rx6 table thead > tr th {
      padding: 0 0 33px 0; } }
  @media only screen and (max-width: 767px) {
    .ks7rx6 table thead > tr th {
      padding: 0 20px 33px 20px; } }
.ks7rx6 table tbody > tr td {
  font-size: 14px;
  padding: 0px 0px 48px; }
  @media only screen and (max-width: 767px) {
    .ks7rx6 table tbody > tr td {
      padding: 0px 0px 40px;
      text-align: center; } }
.ks7rx6 table tbody > tr td.pd3bb4 {
  width: 40px; }
  .ks7rx6 table tbody > tr td.pd3bb4 a {
    color: #2f2f2f; }
    .ks7rx6 table tbody > tr td.pd3bb4 a:hover {
      color: var(--colormain); }
.ks7rx6 table tbody > tr td.uek50q {
  width: 130px; }
.ks7rx6 table tbody > tr td.fpcrc4 {
  width: 260px; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .ks7rx6 table tbody > tr td.fpcrc4 {
      width: 250px; } }
  @media only screen and (max-width: 767px) {
    .ks7rx6 table tbody > tr td.fpcrc4 {
      width: 200px;
      padding-left: 10px;
      padding-right: 10px; } }
  .ks7rx6 table tbody > tr td.fpcrc4 a {
    font-size: 12px;
    color: #2f2f2f; }
    .ks7rx6 table tbody > tr td.fpcrc4 a:hover {
      color: var(--colormain); }
.ks7rx6 table tbody > tr td.xf97re {
  width: 100px; }
  .ks7rx6 table tbody > tr td.xf97re span {
    color: #2f2f2f;
    font-size: 14px; }
.ks7rx6 table tbody > tr td.o503j5 {
  width: 187px; }
.ks7rx6 table tbody > tr td.damgeq {
  width: 70px; }
  .ks7rx6 table tbody > tr td.damgeq span {
    font-weight: bold;
    color: #2f2f2f;
    font-size: 14px; }
.ks7rx6 table tbody > tr td.yxx30n {
  width: 100px; }
  .ks7rx6 table tbody > tr td.yxx30n > a {
    background-color: #232323;
    color: #fff;
    font-size: 11px;
    line-height: 1;
    padding: 7px 8px;
    text-transform: capitalize; }
    .ks7rx6 table tbody > tr td.yxx30n > a:hover {
      background-color: var(--colormain); }

.h3jd48 {
  display: flex;
  justify-content: space-between;
  border-top: 1px solid #CDCDCD;
  padding: 13px 0 0;
  margin: 10px 0 0; }
  @media only screen and (max-width: 767px) {
    .h3jd48 {
      display: block; } }
  .h3jd48 .k1bqm2 {
    position: relative;
    flex: 0 0 50%; }
    .h3jd48 .k1bqm2 input {
      padding: 0 10px 0 0;
      border: none;
      height: 36px;
      font-size: 12px;
      color: #2f2f2f;
      background-color: transparent;
      border-bottom: 1px solid #D8D8D8; }
    .h3jd48 .k1bqm2 button {
      position: absolute;
      right: 0;
      top: 50%;
      transform: translateY(-50%);
      border: none;
      padding: 0;
      background-color: transparent;
      font-weight: bold;
      font-size: 14px;
      color: #2f2f2f;
      transition: all .3s ease 0s; }
      .h3jd48 .k1bqm2 button:hover {
        color: var(--colormain); }
  .h3jd48 .cncqj0 a {
    display: inline-block;
    margin: 8px 0 0 20px;
    color: #8A8A8A; }
    .h3jd48 .cncqj0 a:first-child {
      margin: 8px 0 0 0px; }
    .h3jd48 .cncqj0 a:hover {
      color: var(--colormain); }
    .h3jd48 .cncqj0 a.xxenyq {
      font-weight: bold;
      font-size: 14px;
      color: #2f2f2f; }
      .h3jd48 .cncqj0 a.xxenyq:hover {
        color: var(--colormain); }
  @media only screen and (max-width: 767px) {
    .h3jd48 .cncqj0 {
      margin-top: 20px; } }

.stdwwp {
  padding: 35px 30px 0; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .stdwwp {
      margin-top: 40px; } }
  @media only screen and (max-width: 767px) {
    .stdwwp {
      margin-top: 40px; } }
  .stdwwp h4 {
    font-weight: 600;
    font-size: 20px;
    margin: 0;
    color: var(--black2); }
  .stdwwp .dica5u {
    padding: 48px 0 50px; }
    .stdwwp .dica5u > ul > li {
      font-weight: bold;
      padding-bottom: 33px;
      font-size: 14px;
      color: #1D1D1D;
      display: flex;
      justify-content: space-between; }
      .stdwwp .dica5u > ul > li:last-child {
        border-top: 1px solid #DBDBDB;
        padding-top: 15px;
        padding-bottom: 0px; }
      .stdwwp .dica5u > ul > li > ul > li {
        display: flex;
        font-size: 12px;
        color: #777;
        margin: 0 0 5px;
        font-weight: 400;
        align-items: center; }
        .stdwwp .dica5u > ul > li > ul > li:last-child {
          margin: 0 0 0; }
        .stdwwp .dica5u > ul > li > ul > li input {
          width: auto;
          height: auto;
          margin-right: 20px; }
      .stdwwp .dica5u > ul > li span {
        float: right;
        font-size: 14px;
        color: #262626; }
        @media only screen and (min-width: 992px) and (max-width: 1199px) {
          .stdwwp .dica5u > ul > li span {
            margin-right: 0px; } }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          .stdwwp .dica5u > ul > li span {
            margin-right: 0px; } }
        @media only screen and (max-width: 767px) {
          .stdwwp .dica5u > ul > li span {
            margin-right: 0px; } }
  .stdwwp .d8y15k {
    margin-left: -30px;
    margin-right: -30px; }
    .stdwwp .d8y15k a {
      background-color: var(--black2);
      color: var(--white);
      text-align: center;
      font-size: 14px;
      display: block;
      padding: 21px 10px 21px;
      text-transform: uppercase;
      font-weight: 500; }
      .stdwwp .d8y15k a:hover {
        background-color: var(--colormain); }

/*-------- 25. Order tracking style ---------*/
.order-tracking-content p {
  line-height: 24px;
  margin: 0 auto;
  text-align: center;
  width: 86%;
  color: #2f2f2f; }
.order-tracking-content .order-tracking-form {
  margin: 30px 0 0; }
  .order-tracking-content .order-tracking-form .vpsdaj {
    margin: 0 0 36px; }
    .order-tracking-content .order-tracking-form .vpsdaj label {
      color: #2f2f2f;
      font-weight: bold;
      margin: 0 0 10px; }
    .order-tracking-content .order-tracking-form .vpsdaj input {
      background: transparent;
      border: 1px solid #cecece;
      height: 70px;
      padding: 10px 20px;
      color: #2f2f2f;
      font-size: 14px; }
      .order-tracking-content .order-tracking-form .vpsdaj input:focus {
        border: 1px solid #262626; }
  .order-tracking-content .order-tracking-form .order-track-btn {
    text-align: center; }
    .order-tracking-content .order-tracking-form .order-track-btn a {
      display: block;
      font-weight: 500;
      color: var(--white);
      background-color: #222222;
      line-height: 1;
      padding: 22px 50px;
      text-transform: capitalize;
      font-family: var(--fonttitle); }
      .order-tracking-content .order-tracking-form .order-track-btn a:hover {
        background-color: var(--colormain); }

/*-------- 26. Login register style ---------*/
.drn3tm h3 {
  font-size: 20px;
  margin: 0;
  color: #1D1D1D; }
  .drn3tm h3 i {
    margin-right: 10px; }
  .drn3tm h3 a {
    color: #969696; }
    .drn3tm h3 a:hover {
      color: var(--colormain); }
.drn3tm .r0zriz {
  margin: 30px 0 0; }
  @media only screen and (max-width: 767px) {
    .drn3tm .r0zriz {
      margin: 10px 0 0; } }
  .drn3tm .r0zriz .pcaxl1 {
    margin: 0 0 10px; }
    .drn3tm .r0zriz .pcaxl1 input {
      background: transparent;
      border: 1px solid #CDCDCD;
      height: 70px;
      padding: 5px 20px;
      color: #777; }
      @media only screen and (max-width: 767px) {
        .drn3tm .r0zriz .pcaxl1 input {
          height: 50px; } }
      .drn3tm .r0zriz .pcaxl1 input:focus {
        border: 1px solid #262626; }

.fdgk56 button {
  border: none;
  padding: 0;
  font-weight: 500;
  text-transform: uppercase;
  color: var(--white);
  line-height: 1;
  margin-right: 7px; }
  @media only screen and (max-width: 767px) {
    .fdgk56 button {
      margin-bottom: 10px; } }
  .fdgk56 button.gdtk51 {
    padding: 18px 50px;
    background-color: #262626; }
  .fdgk56 button.clfkgs {
    padding: 18px 30px;
    background-color: #435DA7; }
  .fdgk56 button:hover {
    background-color: var(--colormain); }

.m7dfyf {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 23px 0 45px;
  justify-content: space-between; }
  @media only screen and (max-width: 767px) {
    .m7dfyf {
      display: block;
      margin: 12px 0 15px; } }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .m7dfyf {
      display: flex;
      margin: 22px 0 25px; } }
  .m7dfyf .d63sd4 {
    display: flex; }
    @media only screen and (max-width: 767px) {
      .m7dfyf .d63sd4 {
        display: block; } }
    .m7dfyf .d63sd4 input {
      width: 16px;
      height: auto; }
    .m7dfyf .d63sd4 label {
      line-height: 1;
      margin: 0 0 0 10px;
      color: #1D1D1D; }
  .m7dfyf .vnc3s0 a {
    line-height: 1;
    color: #D25B5B; }
    .m7dfyf .vnc3s0 a:hover {
      text-decoration: underline; }

.mv2jl3 {
  display: none; }

/*-------- 27. My account style ---------*/
.mzb483 {
  flex-direction: column; }
  .mzb483 a {
    border: 1px solid #ccc;
    border-bottom: none;
    font-weight: 600;
    font-size: 13px;
    display: block;
    padding: 10px 15px;
    text-transform: uppercase; }
    .mzb483 a:last-child {
      border-bottom: 1px solid #ccc; }
    .mzb483 a:hover, .mzb483 a.active {
      background-color: var(--colormain);
      border-color: var(--colormain);
      color: var(--white); }
    .mzb483 a i.lax5gm {
      font-size: 14px;
      text-align: center;
      width: 25px; }

@media only screen and (max-width: 767px) {
  #om2qvz {
    margin-top: 30px; } }

.auc9ux {
  border: 1px solid #eeeeee;
  padding: 30px; }
  @media only screen and (max-width: 767px) {
    .auc9ux {
      padding: 20px 15px; } }
  .auc9ux form {
    margin-top: -20px; }
  .auc9ux h3 {
    font-size: 20px;
    border-bottom: 1px dashed #ccc;
    padding-bottom: 10px;
    margin-bottom: 25px;
    font-weight: 600; }
  .auc9ux .liy4ni a:hover {
    color: var(--colormain); }
  .auc9ux .liy4ni strong {
    font-weight: 600;
    color: var(--colormain); }
  .auc9ux fieldset {
    margin-top: 20px; }
    .auc9ux fieldset legend {
      font-size: 16px;
      margin-bottom: 20px;
      font-weight: 600;
      padding-bottom: 10px;
      border-bottom: 1px solid #ccc; }
  .auc9ux .c224a8 {
    margin-top: 50px; }
    .auc9ux .c224a8 .ius2rc {
      margin-bottom: 20px; }
      .auc9ux .c224a8 .ius2rc label {
        font-size: 14px;
        text-transform: capitalize;
        display: block;
        margin: 0 0 5px; }
      .auc9ux .c224a8 .ius2rc input {
        border: 1px solid #e8e8e8;
        height: 50px;
        background-color: transparent;
        padding: 2px 20px;
        color: #1f2226;
        font-size: 13px; }
        .auc9ux .c224a8 .ius2rc input:focus {
          border: 1px solid #343538; }
      .auc9ux .c224a8 .ius2rc button {
        border: none;
        background-color: var(--colormain);
        text-transform: uppercase;
        font-weight: 600;
        padding: 9px 25px;
        color: #fff;
        font-size: 13px; }
        .auc9ux .c224a8 .ius2rc button:hover {
          background-color: #1f2226; }

.aqcmc7 {
  white-space: nowrap;
  font-size: 14px; }
  .aqcmc7 table th,
  .aqcmc7 .table th {
    padding: 10px;
    font-weight: 600;
    background-color: #f8f8f8;
    border-color: #ccc;
    border-bottom: 0;
    color: #1f2226; }
  .aqcmc7 table td,
  .aqcmc7 .table td {
    padding: 10px;
    vertical-align: middle;
    border-color: #ccc; }

.jqe4aq {
  background-color: #fff;
  border-top: 3px solid var(--colormain);
  font-size: 14px;
  padding: 20px 0;
  color: #333; }

/*-------- Start My Account Page Wrapper --------*/
/*-------- 28. Checkout style ---------*/
.rkvtw5 {
  flex: 0 0 100%; }
  .rkvtw5 > p {
    font-size: 16px;
    position: relative;
    padding: 14px 30px 14px 60px;
    background-color: #f1f1f1;
    margin: 0;
    position: relative;
    color: var(--black2);
    font-family: var(--fonttitle); }
    @media only screen and (max-width: 767px) {
      .rkvtw5 > p {
        padding: 14px 30px 14px 40px; } }
    .rkvtw5 > p:before {
      content: "\e64d";
      color: #03a003;
      display: inline-block;
      position: absolute;
      font-family: 'themify';
      left: 15px;
      top: 15px;
      font-size: 18px; }

.ayeiqn {
  margin: 20px 0 0;
  display: none; }
  .ayeiqn p {
    font-size: 14px;
    margin: 0 0 12px; }
  .ayeiqn form {
    display: block;
    overflow: hidden; }
    .ayeiqn form .v6haf8 {
      margin-bottom: 30px; }
      .ayeiqn form .v6haf8 label {
        font-size: 14px;
        text-transform: capitalize;
        margin: 0 0 5px; }
        .ayeiqn form .v6haf8 label span {
          color: red; }
      .ayeiqn form .v6haf8 input {
        border: 1px solid #e8e8e8;
        height: 50px;
        background-color: transparent; }
        .ayeiqn form .v6haf8 input:focus {
          border: 1px solid #343538; }
    .ayeiqn form .nitq4i {
      display: block;
      overflow: hidden; }
      .ayeiqn form .nitq4i button {
        border: 1px solid #aaa;
        font-size: 13px;
        padding: 10px 30px 9px;
        display: inline-block;
        float: left;
        margin-right: 20px;
        font-weight: 600;
        text-transform: uppercase; }
        .ayeiqn form .nitq4i button:hover {
          background-color: var(--colormain);
          color: #fff;
          border: 1px solid var(--colormain); }
      .ayeiqn form .nitq4i .fo1a0c {
        display: flex;
        margin: 8px 0 0; }
        .ayeiqn form .nitq4i .fo1a0c input {
          height: 15px;
          margin: 0;
          position: relative;
          top: 5px;
          width: 17px; }
        .ayeiqn form .nitq4i .fo1a0c label {
          font-size: 14px;
          margin: 0 0 0 5px; }
    .ayeiqn form .i10pa0 {
      margin: 20px 0 11px; }
      .ayeiqn form .i10pa0 a {
        font-size: 14px; }
  .ayeiqn .odblyg span {
    font-size: 14px;
    margin: 0 0 13px;
    display: block; }
  .ayeiqn .odblyg ul li {
    display: inline-block;
    margin: 0 14px 0 0; }
    .ayeiqn .odblyg ul li:last-child {
      margin: 0 0px 0 0; }
    @media only screen and (max-width: 767px) {
      .ayeiqn .odblyg ul li {
        margin: 0 5px 0 0; } }
    .ayeiqn .odblyg ul li a {
      background-color: #f5f5f5;
      text-transform: uppercase;
      font-weight: 500;
      display: block;
      float: left;
      font-size: 13px;
      padding: 20px;
      padding: 24px 106px 25px;
      line-height: 1; }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .ayeiqn .odblyg ul li a {
          padding: 24px 70px 25px; } }
      @media only screen and (max-width: 767px) {
        .ayeiqn .odblyg ul li a {
          padding: 15px 13px 16px; } }
      .ayeiqn .odblyg ul li a:hover {
        background-color: var(--colormain);
        color: #fff; }

.slrbal {
  display: none;
  margin: 20px 0 0; }
  .slrbal ul li {
    display: inline-block; }
    .slrbal ul li a {
      color: #8a8a8a;
      font-size: 12px; }
      .slrbal ul li a:hover {
        color: var(--colormain); }

.ptviwt {
  display: none;
  margin-top: 20px; }
  .ptviwt form input[type="text"] {
    border: 1px solid #e8e8e8;
    height: 50px;
    background-color: transparent;
    width: 48%;
    font-size: 14px;
    padding: 0 20px; }
    .ptviwt form input[type="text"]:focus {
      border: 1px solid #1f2226; }
  .ptviwt form input[type="submit"] {
    background: #1f2226 none repeat scroll 0 0;
    border: medium none;
    color: #fff;
    height: 50px;
    margin-left: 6px;
    padding: 5px 30px;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 600;
    width: inherit; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .ptviwt form input[type="submit"] {
        padding: 5px 15px; } }
    @media only screen and (max-width: 767px) {
      .ptviwt form input[type="submit"] {
        padding: 5px 16px; } }
    .ptviwt form input[type="submit"]:hover {
      background-color: var(--colormain); }

.qz5rb2 h3 {
  font-size: 20px;
  font-weight: 600;
  position: relative;
  margin: 0 0 55px;
  text-transform: uppercase; }
  @media only screen and (max-width: 767px) {
    .qz5rb2 h3 {
      margin-bottom: 40px; } }
  .qz5rb2 h3:before {
    position: absolute;
    content: "";
    left: 0;
    bottom: -12px;
    background-color: var(--colormain);
    width: 50px;
    height: 2px; }
.qz5rb2 .dtxf90 label {
  font-size: 14px;
  text-transform: capitalize;
  display: block;
  margin: 0 0 5px; }
  .qz5rb2 .dtxf90 label abbr {
    color: red; }
.qz5rb2 .dtxf90 input {
  border: 1px solid #e8e8e8;
  height: 50px;
  background-color: transparent;
  padding: 2px 20px;
  color: #1f2226;
  font-size: 14px; }
  .qz5rb2 .dtxf90 input:focus {
    border: 1px solid #343538; }
  .qz5rb2 .dtxf90 input.hgmadb {
    margin-bottom: 20px; }
.qz5rb2 .xcjkz3 label {
  font-size: 14px;
  text-transform: capitalize;
  display: block;
  margin: 0 0 5px; }
  .qz5rb2 .xcjkz3 label abbr {
    color: red; }
.qz5rb2 .xcjkz3 select {
  border: 1px solid #e6e6e6;
  -moz-appearance: none;
  -webkit-appearance: none;
  color: #333;
  font-size: 14px;
  height: 50px;
  padding: 2px 20px;
  background: rgba(0, 0, 0, 0) url("../../assets/images/icon-img/select.png") no-repeat scroll right 18px center;
  cursor: pointer; }
  .qz5rb2 .xcjkz3 select option {
    background: #fff;
    border: 0px solid #626262;
    padding-left: 10px;
    color: #333;
    font-size: 12px; }
.qz5rb2 .dgmy1w input {
  border: 1px solid #9fa0a2;
  display: inline-block;
  float: left;
  height: 10px;
  width: 10px;
  position: relative;
  top: 6px;
  color: #333; }
.qz5rb2 .dgmy1w span {
  color: #333;
  font-weight: 400;
  margin: 0 0 0 12px;
  font-size: 14px;
  text-transform: uppercase; }
.qz5rb2 .s34lc8 label {
  font-size: 14px;
  text-transform: capitalize;
  display: block;
  margin: 0 0 5px; }
  .qz5rb2 .s34lc8 label abbr {
    color: red; }
.qz5rb2 .s34lc8 input {
  border: 1px solid #e8e8e8;
  height: 50px;
  background-color: transparent;
  color: #333;
  font-size: 14px;
  padding: 2px 20px; }
  .qz5rb2 .s34lc8 input:focus {
    border: 1px solid #343538; }
.qz5rb2 .mqec3w {
  display: none; }
.qz5rb2 .mp8djh {
  margin: 22px 0 0; }
  .qz5rb2 .mp8djh label {
    color: #010225;
    font-size: 14px;
    text-transform: capitalize;
    display: block;
    margin: 0 0 5px; }
  .qz5rb2 .mp8djh textarea {
    min-height: 120px;
    background-color: #f7f7f7;
    border-color: #f7f7f7;
    padding: 20px;
    color: #333;
    font-size: 14px; }
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .qz5rb2.f0edlb {
    margin-right: 30px; } }
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .qz5rb2.f0edlb {
    margin-right: 0px; } }
@media only screen and (max-width: 767px) {
  .qz5rb2.f0edlb {
    margin-right: 0px; } }

.b8l2jv {
  padding: 40px 50px 50px;
  border-width: 2px;
  border-style: solid;
  position: relative;
  border-color: rgba(52, 53, 56, 0.1); }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .b8l2jv {
      padding: 40px 25px 50px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .b8l2jv {
      margin-top: 30px; } }
  @media only screen and (max-width: 767px) {
    .b8l2jv {
      padding: 40px 12px 50px;
      margin-top: 30px; } }
  .b8l2jv h3 {
    font-size: 20px;
    font-weight: 600;
    position: relative;
    margin: 0 0 45px;
    text-transform: uppercase; }
    .b8l2jv h3:before {
      position: absolute;
      content: "";
      left: 0;
      bottom: -12px;
      background-color: var(--colormain);
      width: 50px;
      height: 2px; }
  .b8l2jv .uw1a75 .hmga21 {
    border-bottom: 1px solid #e8e8e8; }
    .b8l2jv .uw1a75 .hmga21 ul li {
      font-size: 14px;
      padding: 0 0 7px;
      text-transform: uppercase;
      font-weight: 500; }
      .b8l2jv .uw1a75 .hmga21 ul li span {
        float: right;
        color: var(--colormain); }
    .b8l2jv .uw1a75 .hmga21.order-subtotal {
      padding: 15px 0 10px; }
      .b8l2jv .uw1a75 .hmga21.order-subtotal ul li span {
        font-size: 16px; }
    .b8l2jv .uw1a75 .hmga21.order-shipping {
      padding: 15px 0 13px;
      display: block;
      overflow: hidden; }
      .b8l2jv .uw1a75 .hmga21.order-shipping ul li > p {
        float: right;
        font-size: 14px;
        text-align: right;
        color: #333;
        text-transform: capitalize; }
    .b8l2jv .uw1a75 .hmga21.order-total {
      padding: 15px 0 10px; }
      .b8l2jv .uw1a75 .hmga21.order-total ul li span {
        font-size: 16px; }
  .b8l2jv .uw1a75 .u8jhtd {
    border-bottom: 1px solid #e8e8e8;
    padding: 24px 0 23px; }
    .b8l2jv .uw1a75 .u8jhtd ul li {
      font-size: 14px;
      margin: 0 0 11px; }
      .b8l2jv .uw1a75 .u8jhtd ul li:last-child {
        margin-bottom: 0; }
      .b8l2jv .uw1a75 .u8jhtd ul li span {
        float: right;
        font-size: 16px; }
  .b8l2jv .uw1a75 .j3ex94 {
    margin: 17px 0 0; }
    .b8l2jv .uw1a75 .j3ex94 .sqajhr {
      margin-bottom: 20px; }
      .b8l2jv .uw1a75 .j3ex94 .sqajhr input {
        width: auto;
        display: inline-block;
        float: left;
        height: auto;
        margin-top: 5px; }
      .b8l2jv .uw1a75 .j3ex94 .sqajhr label {
        font-size: 14px;
        text-transform: uppercase;
        margin: 0px 0 0 21px;
        display: flex;
        align-items: center;
        font-weight: 500; }
        @media only screen and (max-width: 767px) {
          .b8l2jv .uw1a75 .j3ex94 .sqajhr label {
            display: block; } }
        .b8l2jv .uw1a75 .j3ex94 .sqajhr label img {
          max-width: 140px;
          display: inline-block;
          margin: 0 5px; }
        .b8l2jv .uw1a75 .j3ex94 .sqajhr label a {
          text-decoration: underline; }
      .b8l2jv .uw1a75 .j3ex94 .sqajhr .i4upul {
        margin: 6px 0 0;
        display: none; }
        .b8l2jv .uw1a75 .j3ex94 .sqajhr .i4upul p {
          font-size: 14px;
          margin: 0; }
  .b8l2jv .hxwp92 a {
    background-color: var(--colormain);
    display: block;
    cursor: pointer;
    padding: 16px 50px 17px;
    text-transform: uppercase;
    font-weight: 700;
    width: 100%;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    text-align: center; }
    .b8l2jv .hxwp92 a:hover {
      background-color: #333; }

@media only screen and (max-width: 767px) {
  .a9w55b.nmirkn {
    padding-bottom: 50px; } }

/*-------- 6. Banner style ---------*/
.fe6ldq {
  position: relative; }
  .fe6ldq a img {
    width: 100%; }
  .fe6ldq .l5jxpk {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 230px; }
    @media only screen and (min-width: 1200px) and (max-width: 1365px) {
      .fe6ldq .l5jxpk {
        right: 150px; } }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .fe6ldq .l5jxpk {
        right: 80px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .fe6ldq .l5jxpk {
        right: 50px; } }
    @media only screen and (max-width: 767px) {
      .fe6ldq .l5jxpk {
        right: 15px; } }

.dvi4tc a {
  font-size: 16px;
  color: #1b1b1b;
  display: inline-block;
  background-color: #fff;
  line-height: 1;
  padding: 22px 37px 26px;
  z-index: 2;
  position: relative; }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .fe6ldq .dvi4tc a {
    padding: 12px 15px 12px; } }
@media only screen and (max-width: 767px) {
  .fe6ldq .dvi4tc a {
    font-size: 12px;
    padding: 5px 11px 7px; } }
.fe6ldq .s1xbi6 {
  position: relative;
  overflow: hidden; }
  .fe6ldq .s1xbi6 a {
    display: block; }
    .fe6ldq .s1xbi6 a img {
      width: 100%;
      transform: scale(1);
      transition: all 0.3s ease 0s; }
  .fe6ldq .s1xbi6 .fnlcrh {
    position: absolute;
    top: 27px;
    right: 70px; }
    .fe6ldq .s1xbi6 .fnlcrh span {
      display: inline-block;
      color: #fff;
      background-color: var(--colormain);
      height: 62px;
      width: 62px;
      line-height: 62px;
      text-align: center;
      letter-spacing: 1.11px;
      border-radius: 100%; }
.fe6ldq .ugq2pv {
  position: absolute;
  left: 40px;
  top: 50%;
  transform: translateY(-50%); }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .fe6ldq .ugq2pv {
      left: 20px; } }
  @media only screen and (max-width: 767px) {
    .fe6ldq .ugq2pv {
      left: 20px; } }
.fe6ldq .lpg9tz {
  position: absolute;
  text-align: center;
  left: 0;
  right: 0;
  text-align: center;
  bottom: 44px; }
.fe6ldq .bayvus h5 {
  color: #fff;
  margin: 0 0 5px; }
.fe6ldq .bayvus h2 {
  font-size: 32px;
  margin: 0;
  font-weight: 500; }
  .fe6ldq .bayvus h2.f85lnd {
    color: #ffe30b; }
  .fe6ldq .bayvus h2.c7rtlp {
    color: #d4fff8; }
.fe6ldq .bayvus span {
  color: #ff6e21;
  margin: 0px 0 10px;
  display: block;
  font-weight: 500; }
.fe6ldq .oc5e6g h2 {
  font-size: 18px;
  color: #1b1b1b;
  margin: 0;
  font-weight: 500; }
  .fe6ldq .oc5e6g h2 a {
    color: #1b1b1b; }
    .fe6ldq .oc5e6g h2 a:hover {
      color: #444; }
.fe6ldq:hover .s1xbi6 a img {
  transform: scale(1.2); }

.zq8rrv {
  background: radial-gradient(circle, #58259A, #000000); }

.ve2y9y {
  background: transparent url("../images/banner/cms-parallex.jpg") no-repeat fixed center center; }

.f4yes9 {
  overflow: hidden;
  position: relative;
  transition: all 0.3s ease 0s;
  margin-right: 50px; }
  @media only screen and (max-width: 767px) {
    .f4yes9 {
      margin-right: 0px; } }
  .f4yes9 a img {
    display: block;
    transition: all 0.5s ease-out 0s;
    width: 100%; }
    .f4yes9 a img:last-child {
      left: 0;
      opacity: 0;
      position: absolute;
      top: 0;
      transform: scale(1.5);
      visibility: hidden; }
  .f4yes9:hover .n9djfb img {
    opacity: 1;
    transform: scale(1);
    visibility: visible; }

.x45uxg {
  margin-right: -33px;
  margin-left: 95px; }
  @media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .x45uxg {
      margin-right: 0px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .x45uxg {
      margin-right: 0px;
      margin-left: 0px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .x45uxg {
      margin-right: 0px;
      margin-left: 0px; } }
  @media only screen and (max-width: 767px) {
    .x45uxg {
      margin-right: 0px;
      margin-left: 0px;
      margin-top: 20px;
      text-align: center; } }
  .x45uxg h2 {
    font-size: 44px;
    font-weight: 600;
    color: #fff;
    line-height: 53px;
    margin: 0 0 70px; }
    @media only screen and (min-width: 1200px) and (max-width: 1365px) {
      .x45uxg h2 {
        margin: 0 0 50px;
        font-size: 36px; } }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .x45uxg h2 {
        margin: 0 0 30px;
        font-size: 36px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .x45uxg h2 {
        margin: 0 0 30px;
        font-size: 27px;
        line-height: 42px; } }
    @media only screen and (max-width: 767px) {
      .x45uxg h2 {
        margin: 0 0 20px;
        font-size: 23px;
        line-height: 40px; } }

.hu7zrb a {
  display: inline-block;
  font-size: 16px;
  line-height: 1;
  z-index: 9; }
  .hu7zrb a.oevkj8 {
    color: #fff; }
  .hu7zrb a.b8xs0m {
    padding: 22px 47px 24px; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .hu7zrb a.b8xs0m {
        padding: 18px 37px 20px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .hu7zrb a.b8xs0m {
        padding: 18px 37px 20px; } }
    @media only screen and (max-width: 767px) {
      .hu7zrb a.b8xs0m {
        padding: 16px 35px 18px; } }

.vhegl0 {
  position: relative;
  z-index: 9; }
  .vhegl0 h2 {
    font-size: 66px;
    font-weight: bold;
    font-style: italic;
    margin: 0;
    line-height: 1;
    color: #fff;
    font-family: var(--fonttitle); }
    @media only screen and (min-width: 1366px) and (max-width: 1600px) {
      .vhegl0 h2 {
        font-size: 60px; } }
    @media only screen and (min-width: 1200px) and (max-width: 1365px) {
      .vhegl0 h2 {
        font-size: 50px; } }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .vhegl0 h2 {
        font-size: 46px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .vhegl0 h2 {
        font-size: 38px; } }
    @media only screen and (max-width: 767px) {
      .vhegl0 h2 {
        font-size: 28px;
        line-height: 40px; } }
  .vhegl0 h3 {
    font-size: 46px;
    font-weight: bold;
    font-style: italic;
    margin: 56px 0 26px;
    line-height: 1;
    color: #fff;
    font-family: var(--fonttitle); }
    @media only screen and (min-width: 1366px) and (max-width: 1600px) {
      .vhegl0 h3 {
        margin: 40px 0 26px;
        font-size: 40px; } }
    @media only screen and (min-width: 1200px) and (max-width: 1365px) {
      .vhegl0 h3 {
        margin: 40px 0 26px;
        font-size: 40px; } }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .vhegl0 h3 {
        margin: 40px 0 26px;
        font-size: 35px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .vhegl0 h3 {
        margin: 25px 0 26px;
        font-size: 30px; } }
    @media only screen and (max-width: 767px) {
      .vhegl0 h3 {
        margin: 10px 0 26px;
        font-size: 23px; } }

.zqwkwc.gwed06:before {
  background-color: #1b1b1b;
  opacity: .3; }

.zabq3u {
  padding: 265px 0 275px; }
  @media only screen and (min-width: 1366px) and (max-width: 1600px) {
    .zabq3u {
      padding: 165px 0 175px; } }
  @media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .zabq3u {
      padding: 165px 0 175px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .zabq3u {
      padding: 150px 0 160px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .zabq3u {
      padding: 130px 0 140px; } }
  @media only screen and (max-width: 767px) {
    .zabq3u {
      padding: 80px 0 90px; } }

.suu9n6 {
  padding-left: 525px;
  position: relative; }
  @media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .suu9n6 {
      padding-left: 325px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .suu9n6 {
      padding-left: 200px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .suu9n6 {
      padding-left: 0px; } }
  @media only screen and (max-width: 767px) {
    .suu9n6 {
      padding-left: 0px; } }
  .suu9n6 img {
    width: 100%; }

.dgrd0u {
  width: 25%; }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .nbkqcb.x2rjey {
    padding-bottom: 35px; }

  .sbcq4i {
    background-position: 22%; } }
@media only screen and (max-width: 767px) {
  .nbkqcb.x2rjey {
    padding-bottom: 12px; }

  .sbcq4i {
    background-position: 30%; } }
/*-------- 7. Video style ---------*/
.h3bo1p {
  height: 610px !important;
  padding: 0 !important; }
  @media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .h3bo1p {
      height: 500px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .h3bo1p {
      height: 500px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .h3bo1p {
      height: 450px !important; } }
  @media only screen and (max-width: 767px) {
    .h3bo1p {
      height: 300px !important; } }

.niglvd {
  position: relative; }
  .niglvd .lua7sc {
    position: absolute;
    top: 50%;
    transform: translateY(-50%) translateX(-50%);
    left: 50%;
    z-index: 9; }
    .niglvd .lua7sc h2 {
      font-size: 120px;
      color: #fff;
      font-weight: bold;
      border: 15px solid #fff;
      line-height: 1;
      padding: 53px 50px 53px;
      margin: 0; }
      @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .niglvd .lua7sc h2 {
          padding: 40px 50px 40px;
          font-size: 100px; } }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .niglvd .lua7sc h2 {
          padding: 30px 50px 30px;
          font-size: 100px; } }
      @media only screen and (max-width: 767px) {
        .niglvd .lua7sc h2 {
          font-size: 40px;
          padding: 25px 30px 24px; } }

.w49wqf {
  padding: 352px 0 352px; }
  @media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .w49wqf {
      padding: 200px 0 200px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .w49wqf {
      padding: 220px 0 180px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .w49wqf {
      padding: 200px 0 160px; } }
  @media only screen and (max-width: 767px) {
    .w49wqf {
      padding: 130px 0 100px; } }

@-webkit-keyframes border-jump {
  0% {
    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
    border-radius: 100%; }
  100% {
    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0;
    border-radius: 100%; } }
@keyframes border-jump {
  0% {
    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
    border-radius: 100%; }
  100% {
    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0;
    border-radius: 100%; } }
/*-------- 8. Blog style ---------*/
.c0sxhd {
  background-color: var(--white); }
  .c0sxhd .takzca {
    overflow: hidden;
    position: relative; }
    .c0sxhd .takzca a img {
      width: 100%;
      transform: scale(1) rotate(0deg);
      transition: all .5s ease 0s; }
    .c0sxhd .takzca .yczrut {
      position: absolute;
      top: 50%;
      transform: translateY(-50%) translateX(-50%);
      left: 50%; }
      .c0sxhd .takzca .yczrut a {
        display: inline-block;
        width: 58px;
        height: 58px;
        text-align: center;
        line-height: 58px;
        background-color: var(--white);
        color: #191919;
        border-radius: 100%; }
        .c0sxhd .takzca .yczrut a i {
          line-height: 58px; }
        .c0sxhd .takzca .yczrut a:hover {
          background-color: #191919;
          color: var(--white); }
  .c0sxhd .oj23ob {
    padding: 26px 35px 48px; }
    @media only screen and (min-width: 1200px) and (max-width: 1365px) {
      .c0sxhd .oj23ob {
        padding: 26px 30px 48px; } }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .c0sxhd .oj23ob {
        padding: 25px 15px 30px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .c0sxhd .oj23ob {
        padding: 26px 20px 35px; } }
    @media only screen and (max-width: 767px) {
      .c0sxhd .oj23ob {
        padding: 22px 20px 30px; } }
    .c0sxhd .oj23ob .c31cdx > a {
      font-size: 12px;
      font-weight: 600;
      letter-spacing: 3.57px;
      position: relative;
      padding-left: 32px;
      display: block; }
      .c0sxhd .oj23ob .c31cdx > a:before {
        content: "";
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        background-color: #1b1b1b;
        width: 22px;
        height: 1px; }
    .c0sxhd .oj23ob h3 {
      font-size: 22px;
      font-weight: 500;
      margin: 6px 0 11px; }
      @media only screen and (min-width: 1200px) and (max-width: 1365px) {
        .c0sxhd .oj23ob h3 {
          font-size: 20px; } }
      @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .c0sxhd .oj23ob h3 {
          font-size: 19px; } }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .c0sxhd .oj23ob h3 {
          font-size: 19px; } }
      @media only screen and (max-width: 767px) {
        .c0sxhd .oj23ob h3 {
          font-size: 18px; } }
    .c0sxhd .oj23ob .zoamqp ul li {
      font-size: 12px;
      color: #1b1b1b;
      display: inline-block;
      margin-right: 2px; }
      .c0sxhd .oj23ob .zoamqp ul li a {
        font-size: 12px;
        color: #1b1b1b; }
        .c0sxhd .oj23ob .zoamqp ul li a:hover {
          color: #000; }
    .c0sxhd .oj23ob p {
      color: #8b8b8b;
      line-height: 28px;
      margin: 3px 0 22px; }
      @media only screen and (max-width: 767px) {
        .c0sxhd .oj23ob p {
          margin: 3px 0 8px; } }
    .c0sxhd .oj23ob .l1jtxt a {
      display: inline-block;
      color: #1b1b1b;
      line-height: 1;
      border-bottom: 1px solid #1b1b1b; }
      .c0sxhd .oj23ob .l1jtxt a:hover {
        color: #666;
        border-bottom: 1px solid #666; }
  .c0sxhd:hover .takzca a img {
    transform: scale(1.2) rotate(3deg); }

.xj1y6h .pnmtlg {
  text-align: center;
  margin-top: 30px; }
  .xj1y6h .pnmtlg .cbk04m {
    background-color: #d8d8d8;
    width: 17px;
    height: 17px;
    border-radius: 100%;
    display: inline-block;
    margin: 0 5px;
    transition: all .3s ease 0s; }
    .xj1y6h .pnmtlg .cbk04m.active, .xj1y6h .pnmtlg .cbk04m:hover {
      background-color: #1b1b1b; }
.xj1y6h.f1qwa6 .pnmtlg .cbk04m {
  background-color: var(--white); }
  .xj1y6h.f1qwa6 .pnmtlg .cbk04m.active, .xj1y6h.f1qwa6 .pnmtlg .cbk04m:hover {
    background-color: #1b1b1b; }

.tnos4g {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center; }
  .tnos4g .sb0brj {
    flex: 0 0 100%;
    position: relative;
    overflow: hidden; }
    @media only screen and (max-width: 767px) {
      .tnos4g .sb0brj {
        flex: 0 0 100%; } }
    .tnos4g .sb0brj img {
      transform: scale(1);
      transition: all 1s ease-out;
      -webkit-transition: all 1s ease-out;
      -o-transition: all 1s ease-out; }
      @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .tnos4g .sb0brj img {
          width: 100%; } }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .tnos4g .sb0brj img {
          width: 100%; } }
      @media only screen and (max-width: 767px) {
        .tnos4g .sb0brj img {
          width: 100%; } }
    .tnos4g .sb0brj:hover img {
      transform: scale(1.05); }
  .tnos4g .ga60b4 {
    flex: 0 0 100%;
    padding: 20px;
    margin-top: 0px;
    z-index: 2;
    box-shadow: 0 0px 5px 0px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 0px 5px 0px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 0px 5px 0px rgba(0, 0, 0, 0.15); }
    @media only screen and (max-width: 767px) {
      .tnos4g .ga60b4 {
        flex: 0 0 100%; } }
    .tnos4g .ga60b4 .uzuhb6 {
      z-index: 2;
      background: var(--colormain);
      padding: 2px 5px;
      float: none;
      display: inline-block;
      vertical-align: baseline; }
      .tnos4g .ga60b4 .uzuhb6 a {
        display: block;
        overflow: hidden;
        font-size: 12px;
        font-weight: 500;
        line-height: 16px;
        color: var(--white); }
        .tnos4g .ga60b4 .uzuhb6 a img {
          width: 100%;
          transition: all .5s ease 0s; }
    .tnos4g .ga60b4 h3 {
      font-size: 24px;
      color: var(--white);
      margin: 10px 0 15px;
      line-height: 32px;
      text-align: justify; }
      @media only screen and (min-width: 1366px) and (max-width: 1600px) {
        .tnos4g .ga60b4 h3 {
          font-size: 16px;
          margin: 6px 0 10px; } }
      @media only screen and (min-width: 1200px) and (max-width: 1365px) {
        .tnos4g .ga60b4 h3 {
          font-size: 16px;
          margin: 6px 0 10px; } }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .tnos4g .ga60b4 h3 {
          font-size: 16px;
          margin: 6px 0 10px; } }
      @media only screen and (max-width: 767px) {
        .tnos4g .ga60b4 h3 {
          font-size: 14px;
          margin: 6px 0 4px; } }
      .tnos4g .ga60b4 h3 a {
        color: var(--white); }
        .tnos4g .ga60b4 h3 a:hover {
          color: var(--colormain); }
    .tnos4g .ga60b4 .o5i4eg ul li {
      font-size: 12px;
      color: var(--colormain);
      display: inline-block;
      margin-right: 2px; }
      .tnos4g .ga60b4 .o5i4eg ul li a {
        font-size: 12px;
        color: var(--colormain); }
        .tnos4g .ga60b4 .o5i4eg ul li a:hover {
          color: var(--white); }
    .tnos4g .ga60b4 p {
      font-size: 14px;
      color: var(--black4);
      margin: 10px 0 20px;
      line-height: 26px;
      width: 100%;
      text-align: justify; }
      @media only screen and (min-width: 1366px) and (max-width: 1600px) {
        .tnos4g .ga60b4 p {
          width: 100%;
          margin: 10px 0 17px; } }
      @media only screen and (min-width: 1200px) and (max-width: 1365px) {
        .tnos4g .ga60b4 p {
          width: 100%;
          margin: 11px 0 17px; } }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .tnos4g .ga60b4 p {
          width: 100%;
          margin: 7px 0 20px; } }
      @media only screen and (max-width: 767px) {
        .tnos4g .ga60b4 p {
          width: 100%;
          margin: 7px 0 9px;
          line-height: 25px; } }
    .tnos4g .ga60b4.ymax8m {
      padding-left: 45px; }
      @media only screen and (min-width: 1366px) and (max-width: 1600px) {
        .tnos4g .ga60b4.ymax8m {
          padding-left: 20px; } }
      @media only screen and (min-width: 1200px) and (max-width: 1365px) {
        .tnos4g .ga60b4.ymax8m {
          padding-left: 20px; } }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .tnos4g .ga60b4.ymax8m {
          padding-left: 20px; } }
      @media only screen and (max-width: 767px) {
        .tnos4g .ga60b4.ymax8m {
          padding-left: 0px;
          padding-top: 15px; } }

.jg2m2c {
  position: relative; }
  .jg2m2c .zda8eo {
    position: relative;
    overflow: hidden; }
    .jg2m2c .zda8eo::before {
      background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), #1b1b1b);
      bottom: 0;
      content: "";
      left: 0;
      position: absolute;
      right: 0;
      top: 0;
      width: 100%;
      height: 100%;
      pointer-events: none;
      z-index: 9; }
    .jg2m2c .zda8eo a {
      display: block; }
      .jg2m2c .zda8eo a img {
        width: 100%;
        transform: scale(1) rotate(0deg);
        transition: all .5s ease 0s; }
  .jg2m2c:hover .zda8eo a img {
    transform: scale(1.1) rotate(3deg); }

.a7yvd2 a {
  color: #393939; }
  .a7yvd2 a:hover {
    color: var(--colormain2); }
@media only screen and (max-width: 767px) {
  .a7yvd2.af6jw9 {
    margin-top: 10px; } }

.ifiy4l {
  padding: 162px 0px; }
  @media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .ifiy4l {
      padding: 120px 0px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .ifiy4l {
      padding: 100px 0px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .ifiy4l {
      padding: 100px 0px; } }
  @media only screen and (max-width: 767px) {
    .ifiy4l {
      padding: 50px 0px; } }

.zbingx {
  padding: 233px 0 243px; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .zbingx {
      padding: 200px 0 243px !important; } }
  @media only screen and (max-width: 767px) {
    .zbingx {
      padding: 100px 0 150px !important; } }

.gpl52r {
  position: relative;
  overflow: hidden; }
  .gpl52r .xg90o3 {
    position: absolute;
    left: 0;
    top: 30%;
    animation-iteration-count: infinite;
    animation-name: bounce-img;
    animation-duration: 2.5s; }
    @media only screen and (min-width: 1200px) and (max-width: 1365px) {
      .gpl52r .xg90o3 {
        top: 10%; } }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .gpl52r .xg90o3 {
        top: 10%; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .gpl52r .xg90o3 {
        top: 10%; } }
    @media only screen and (max-width: 767px) {
      .gpl52r .xg90o3 {
        top: 4%; } }
    .gpl52r .xg90o3 img {
      width: 224px; }
      @media only screen and (min-width: 1366px) and (max-width: 1600px) {
        .gpl52r .xg90o3 img {
          width: 100px; } }
      @media only screen and (min-width: 1200px) and (max-width: 1365px) {
        .gpl52r .xg90o3 img {
          width: 120px; } }
      @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .gpl52r .xg90o3 img {
          width: 100px; } }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .gpl52r .xg90o3 img {
          width: 100px; } }
      @media only screen and (max-width: 767px) {
        .gpl52r .xg90o3 img {
          width: 80px; } }
  .gpl52r .nasemj {
    position: absolute;
    left: 0;
    bottom: 70px;
    animation-iteration-count: infinite;
    animation-name: bounce-img;
    animation-duration: 2.5s; }
    @media only screen and (max-width: 767px) {
      .gpl52r .nasemj {
        bbottom: 50px; } }
    .gpl52r .nasemj img {
      width: 195px; }
      @media only screen and (min-width: 1366px) and (max-width: 1600px) {
        .gpl52r .nasemj img {
          width: 100px; } }
      @media only screen and (min-width: 1200px) and (max-width: 1365px) {
        .gpl52r .nasemj img {
          width: 100px; } }
      @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .gpl52r .nasemj img {
          width: 100px; } }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .gpl52r .nasemj img {
          width: 100px; } }
      @media only screen and (max-width: 767px) {
        .gpl52r .nasemj img {
          width: 50px; } }
  .gpl52r .x5o7f1 {
    position: absolute;
    right: 0;
    bottom: 45px;
    animation-iteration-count: infinite;
    animation-name: bounce-img-2;
    animation-duration: 2.5s; }
    @media only screen and (max-width: 767px) {
      .gpl52r .x5o7f1 {
        bottom: 20px; } }
    .gpl52r .x5o7f1 img {
      width: 335px; }
      @media only screen and (min-width: 1366px) and (max-width: 1600px) {
        .gpl52r .x5o7f1 img {
          width: 140px; } }
      @media only screen and (min-width: 1200px) and (max-width: 1365px) {
        .gpl52r .x5o7f1 img {
          width: 140px; } }
      @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .gpl52r .x5o7f1 img {
          width: 140px; } }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .gpl52r .x5o7f1 img {
          width: 140px; } }
      @media only screen and (max-width: 767px) {
        .gpl52r .x5o7f1 img {
          width: 100px; } }

.deqhm6 {
  border: 1px solid #ddd;
  margin-bottom: 50px;
  padding: 30px; }
  @media only screen and (max-width: 767px) {
    .deqhm6 {
      padding: 20px;
      margin-bottom: 30px; } }
  .deqhm6 .riahp2 {
    position: relative;
    overflow: hidden;
    margin: 0 0 13px; }
    .deqhm6 .riahp2 > a {
      display: block; }
      .deqhm6 .riahp2 > a > img {
        width: 100%;
        transform: scale(1);
        transition: all .5s ease 0s; }
    .deqhm6 .riahp2 > span {
      position: absolute;
      left: 0;
      bottom: 0;
      color: var(--white);
      font-size: 11px;
      font-weight: bold;
      text-transform: uppercase;
      letter-spacing: .96px;
      background-color: var(--colormain);
      display: inline-block;
      line-height: 1;
      padding: 11px 50px; }
      @media only screen and (max-width: 767px) {
        .deqhm6 .riahp2 > span {
          padding: 11px 20px; } }
    .deqhm6 .riahp2 .mgredj {
      position: absolute;
      top: 50%;
      transform: translateY(-50%) translateX(-50%);
      left: 50%; }
      .deqhm6 .riahp2 .mgredj a {
        display: inline-block;
        width: 58px;
        height: 58px;
        text-align: center;
        line-height: 58px;
        background-color: var(--white);
        color: #191919;
        border-radius: 100%; }
        .deqhm6 .riahp2 .mgredj a i {
          line-height: 58px; }
        .deqhm6 .riahp2 .mgredj a:hover {
          background-color: #191919;
          color: var(--white); }
  .deqhm6 .xvdbt1 h3 {
    font-size: 36px;
    color: var(--black2);
    margin: 0 0 15px 0;
    font-family: var(--fonttitle); }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .deqhm6 .xvdbt1 h3 {
        font-size: 25px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .deqhm6 .xvdbt1 h3 {
        font-size: 25px; } }
    @media only screen and (max-width: 767px) {
      .deqhm6 .xvdbt1 h3 {
        font-size: 20px;
        line-height: 30px; } }
    .deqhm6 .xvdbt1 h3 a {
      color: #2f2f2f; }
      .deqhm6 .xvdbt1 h3 a:hover {
        color: var(--colormain); }
  .deqhm6 .xvdbt1 .keplg3 {
    padding: 10px 0 4px; }
    .deqhm6 .xvdbt1 .keplg3 ul li {
      font-size: 12px;
      color: var(--black4);
      display: inline-block;
      margin-right: 2px; }
      .deqhm6 .xvdbt1 .keplg3 ul li a {
        font-size: 12px;
        color: var(--black2);
        font-weight: 600; }
        .deqhm6 .xvdbt1 .keplg3 ul li a:hover {
          color: var(--colormain); }
  .deqhm6 .xvdbt1 p {
    color: var(--black4);
    line-height: 28px;
    margin: 0 0 25px; }
    @media only screen and (max-width: 767px) {
      .deqhm6 .xvdbt1 p {
        margin: 0 0 15px; } }
  .deqhm6 .xvdbt1 .pufhdy a {
    font-size: 15px;
    font-weight: 400;
    color: var(--black) 2;
    display: inline-block;
    line-height: 1;
    border: 1px solid #dddddd;
    padding: 13px 25px;
    border-radius: 4px;
    font-family: var(--fonttitle); }
    @media only screen and (max-width: 767px) {
      .deqhm6 .xvdbt1 .pufhdy a {
        padding: 12px 20px; } }
    .deqhm6 .xvdbt1 .pufhdy a:hover {
      border: 1px solid var(--black);
      color: var(--white); }
  .deqhm6:hover > .riahp2 > a {
    transform: scale(1.05); }

.sezwol {
  background-color: var(--black2);
  padding: 50px 187px; }
  @media only screen and (min-width: 1366px) and (max-width: 1600px) {
    .sezwol {
      padding: 50px 120px; } }
  @media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .sezwol {
      padding: 50px 100px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .sezwol {
      padding: 50px 80px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .sezwol {
      padding: 40px 80px; } }
  @media only screen and (max-width: 767px) {
    .sezwol {
      padding: 40px 15px; } }
  .sezwol h5 {
    font-size: 22px;
    color: var(--white);
    font-family: var(--fonttitle);
    margin: 0 0 20px;
    line-height: 36px;
    text-transform: uppercase; }
    @media only screen and (max-width: 767px) {
      .sezwol h5 {
        font-size: 16px;
        margin: 0 0 10px; } }
    .sezwol h5 a {
      color: var(--white); }
      .sezwol h5 a:hover {
        color: var(--white); }
  .sezwol .af2dht span {
    font-weight: bold;
    color: var(--white);
    display: inline-block;
    position: relative; }
    .sezwol .af2dht span:before {
      position: absolute;
      left: -45px;
      top: 50%;
      transform: translateY(-50%);
      background-color: var(--white);
      width: 32px;
      height: 2px;
      content: ""; }
    .sezwol .af2dht span:after {
      position: absolute;
      right: -45px;
      top: 50%;
      transform: translateY(-50%);
      background-color: var(--white);
      width: 32px;
      height: 2px;
      content: ""; }
  .sezwol.ke1j4r {
    margin: 40px 0 38px; }

.lk71jy {
  margin-left: 20px; }
  .lk71jy.fb5m5d {
    margin-left: 0px; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .lk71jy {
      margin-left: 0px;
      margin-bottom: 50px; }
      .lk71jy.fb5m5d {
        margin-bottom: 0; } }
  @media only screen and (max-width: 767px) {
    .lk71jy {
      margin-left: 0px;
      margin-bottom: 50px; }
      .lk71jy.fb5m5d {
        margin-bottom: 0; } }

.c18ew6 {
  border: 1px solid #ddd;
  padding: 30px; }

.yflctb .vwsec9 {
  position: relative; }
  .yflctb .vwsec9 img {
    width: 100%; }
  .yflctb .vwsec9 > span {
    position: absolute;
    left: 0;
    bottom: 0;
    color: var(--white);
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: .96px;
    background-color: #1d1d1d;
    display: inline-block;
    line-height: 1;
    padding: 11px 50px; }
.yflctb h3 {
  font-size: 32px;
  color: var(--black);
  margin: 5px 0 25px 0;
  font-family: var(--fonttitle); }
  @media only screen and (max-width: 767px) {
    .yflctb h3 {
      font-size: 20px;
      line-height: 30px;
      margin: 10px 0 0px; } }
.yflctb .sr2yp5 {
  padding: 25px 0 0 0; }
  @media only screen and (max-width: 767px) {
    .yflctb .sr2yp5 {
      padding: 5px 0 10px 0; } }
  .yflctb .sr2yp5 ul li {
    font-size: 12px;
    color: var(--black);
    display: inline-block;
    margin-right: 2px; }
    .yflctb .sr2yp5 ul li a {
      font-size: 12px;
      color: var(--black);
      font-weight: 600; }
      .yflctb .sr2yp5 ul li a:hover {
        color: var(--colormain); }
.yflctb p {
  color: #707070;
  line-height: 28px;
  margin: 0 0 18px; }
.yflctb .lte2py {
  margin: 38px 0 0; }
  @media only screen and (max-width: 767px) {
    .yflctb .lte2py {
      margin: 20px 0 0; } }
  .yflctb .lte2py img {
    width: 100%; }
  .yflctb .lte2py h3 {
    font-size: 32px;
    color: #2f2f2f;
    margin: 35px 0 18px;
    font-family: var(--fonttitle); }
    @media only screen and (max-width: 767px) {
      .yflctb .lte2py h3 {
        font-size: 20px;
        line-height: 30px;
        margin: 10px 0 0px; } }
  .yflctb .lte2py p {
    color: #707070;
    line-height: 28px;
    margin: 0 0 18px; }

.bvq7ia {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 46px 0 20px;
  flex-wrap: wrap;
  padding-bottom: 8px;
  border-bottom: 1px solid #d8d8d8; }
  @media only screen and (max-width: 767px) {
    .bvq7ia {
      margin: 25px 0 25px; } }
  .bvq7ia .qbfbbm ul {
    display: flex; }
    .bvq7ia .qbfbbm ul li {
      color: #2f2f2f;
      margin-right: 3px; }
      .bvq7ia .qbfbbm ul li a {
        color: #2f2f2f; }
        .bvq7ia .qbfbbm ul li a:hover {
          color: var(--colormain); }
  @media only screen and (max-width: 767px) {
    .bvq7ia .mo149p {
      margin-top: 10px; } }
  .bvq7ia .mo149p ul {
    display: flex;
    align-items: center; }
    .bvq7ia .mo149p ul li {
      margin-left: 10px; }
      @media only screen and (max-width: 767px) {
        .bvq7ia .mo149p ul li {
          margin-left: 4px; } }
      .bvq7ia .mo149p ul li:first-child {
        margin-left: 0; }
      .bvq7ia .mo149p ul li a {
        display: inline-block;
        color: #191919;
        font-size: 18px; }
        .bvq7ia .mo149p ul li a.q7p82b:hover {
          color: #3b5999; }
        .bvq7ia .mo149p ul li a.ok51pj:hover {
          color: #55acee; }
        .bvq7ia .mo149p ul li a.swy7yo:hover {
          color: #0173a9; }
        .bvq7ia .mo149p ul li a.gs9fy6:hover {
          color: #b90f16; }

.yk6lkx {
  display: flex;
  justify-content: space-between;
  padding-bottom: 17px;
  border-bottom: 1px solid #d8d8d8; }
  .yk6lkx .kchu9k > h4 {
    font-size: 18px;
    line-height: 24px;
    margin: 0 0 7px;
    color: #1d1d1d;
    font-family: var(--fonttitle); }
    @media only screen and (max-width: 767px) {
      .yk6lkx .kchu9k > h4 {
        font-size: 14px;
        margin: 0 0 3px; } }
    .yk6lkx .kchu9k > h4 a {
      color: #1d1d1d; }
      .yk6lkx .kchu9k > h4 a:hover {
        color: var(--colormain); }
  .yk6lkx .kchu9k > a {
    color: #989898;
    font-size: 12px; }
    .yk6lkx .kchu9k > a:hover {
      color: var(--colormain); }
  .yk6lkx .kchu9k.nvoff8 {
    text-align: right; }

.s9xiv0 {
  margin: 35px 0 50px; }
  @media only screen and (max-width: 767px) {
    .s9xiv0 {
      margin: 30px 0 30px; } }
  .s9xiv0 h4 {
    font-size: 24px;
    color: #2f2f2f;
    margin: 0 0 35px; }
    @media only screen and (max-width: 767px) {
      .s9xiv0 h4 {
        margin: 0 0 20px; } }
  .s9xiv0 .x0b8ff {
    border: 1px solid #d1d1d1; }
    .s9xiv0 .x0b8ff .priiyw {
      padding: 50px 50px 50px;
      border-bottom: 1px solid #d1d1d1; }
      @media only screen and (max-width: 767px) {
        .s9xiv0 .x0b8ff .priiyw {
          padding: 30px 20px 30px; } }
      .s9xiv0 .x0b8ff .priiyw:last-child {
        border-bottom: none; }
      .s9xiv0 .x0b8ff .priiyw .cuesvc {
        display: flex; }
        @media only screen and (max-width: 767px) {
          .s9xiv0 .x0b8ff .priiyw .cuesvc {
            flex-wrap: wrap; }
            .s9xiv0 .x0b8ff .priiyw .cuesvc.pronb3 {
              margin-left: 0; } }
        .s9xiv0 .x0b8ff .priiyw .cuesvc .hgk4bz {
          flex: 0 0 94px;
          margin-right: 57px; }
          @media only screen and (max-width: 767px) {
            .s9xiv0 .x0b8ff .priiyw .cuesvc .hgk4bz {
              margin-bottom: 10px; } }
          .s9xiv0 .x0b8ff .priiyw .cuesvc .hgk4bz img {
            width: 100%; }
        .s9xiv0 .x0b8ff .priiyw .cuesvc .i5aid9 p {
          font-size: 16px;
          color: #535353;
          font-family: var(--fonttitle);
          line-height: 28px; }
          @media only screen and (max-width: 767px) {
            .s9xiv0 .x0b8ff .priiyw .cuesvc .i5aid9 p {
              margin-bottom: 10px; } }
        .s9xiv0 .x0b8ff .priiyw .cuesvc .i5aid9 .qrdkfs {
          display: flex; }
          @media only screen and (max-width: 767px) {
            .s9xiv0 .x0b8ff .priiyw .cuesvc .i5aid9 .qrdkfs {
              display: block; } }
          @media only screen and (min-width: 576px) and (max-width: 767px) {
            .s9xiv0 .x0b8ff .priiyw .cuesvc .i5aid9 .qrdkfs {
              display: flex; } }
          .s9xiv0 .x0b8ff .priiyw .cuesvc .i5aid9 .qrdkfs h5 {
            color: #989898;
            font-size: 14px;
            margin: 0 20px 0 0;
            line-height: 1; }
            @media only screen and (max-width: 767px) {
              .s9xiv0 .x0b8ff .priiyw .cuesvc .i5aid9 .qrdkfs h5 {
                line-height: 25px; } }
            @media only screen and (min-width: 576px) and (max-width: 767px) {
              .s9xiv0 .x0b8ff .priiyw .cuesvc .i5aid9 .qrdkfs h5 {
                line-height: 1; } }
          .s9xiv0 .x0b8ff .priiyw .cuesvc .i5aid9 .qrdkfs a {
            display: inline-block;
            line-height: 1;
            color: #2f2f2f; }
            .s9xiv0 .x0b8ff .priiyw .cuesvc .i5aid9 .qrdkfs a:hover {
              color: var(--colormain); }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .aw6oz2 {
    margin-bottom: 50px; }
    .aw6oz2.vz6k08 {
      margin-bottom: 0; } }
@media only screen and (max-width: 767px) {
  .aw6oz2 {
    margin-bottom: 30px; }
    .aw6oz2.vz6k08 {
      margin-bottom: 0; } }
.aw6oz2 > h3 {
  font-size: 24px;
  color: #2f2f2f;
  margin: 0 0 7px; }
.aw6oz2 p {
  font-size: 13px;
  color: #707070;
  margin: 0 0 45px; }
  @media only screen and (max-width: 767px) {
    .aw6oz2 p {
      margin: 0 0 20px; } }
.aw6oz2 form .m4tasz {
  margin: 0 0 30px; }
  @media only screen and (max-width: 767px) {
    .aw6oz2 form .m4tasz {
      margin: 0 0 15px; } }
  .aw6oz2 form .m4tasz input {
    background-color: transparent;
    height: 60px;
    color: #2f2f2f;
    border: 1px solid #d1d1d1;
    padding: 2px 20px; }
    @media only screen and (max-width: 767px) {
      .aw6oz2 form .m4tasz input {
        height: 50px; } }
    .aw6oz2 form .m4tasz input:focus {
      border: 1px solid #262626; }
  .aw6oz2 form .m4tasz textarea {
    background-color: transparent;
    height: 150px;
    color: #2f2f2f;
    padding: 20px 20px 2px 20px;
    border: 1px solid #d1d1d1; }
    .aw6oz2 form .m4tasz textarea:focus {
      border: 1px solid #262626; }
.aw6oz2 form .hiekb1 input {
  height: auto;
  border: none;
  display: inline-block;
  padding: 15px 45px;
  font-weight: bold;
  background-color: #1d1d1d;
  color: var(--white);
  width: auto;
  letter-spacing: 1px;
  font-size: 12px;
  text-transform: uppercase; }
  .aw6oz2 form .hiekb1 input:hover {
    background-color: var(--colormain); }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .gpl52r.od7gde {
    padding-top: 65px; } }
@media only screen and (max-width: 767px) {
  .gpl52r.p5wry1 {
    padding-bottom: 13px; }
  .gpl52r.vqrpy9 {
    padding-bottom: 20px; }

  .c18ew6.sjl2sp {
    margin-left: 0; } }
/*-------- 10. Footer style ---------*/
/*-------- Subscribe style ---------*/
@media only screen and (max-width: 767px) {
  footer .l77ntn {
    padding-left: 15px; } }

.baup4b {
  margin-left: 36px; }
  @media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .baup4b {
      margin-left: 0px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .baup4b {
      margin-left: 0px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .baup4b {
      margin-left: 0px;
      text-align: center; } }
  @media only screen and (max-width: 767px) {
    .baup4b {
      margin-left: 0px;
      text-align: center; } }
  .baup4b h3 {
    color: #fff;
    margin: 0;
    font-size: 36px; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .baup4b h3 {
        font-size: 29px; } }
    @media only screen and (max-width: 767px) {
      .baup4b h3 {
        font-size: 30px; } }

.zd4e8k .koht6o {
  position: relative; }
  .zd4e8k .koht6o > input {
    border: none;
    color: #fff;
    font-size: 16px;
    border: none;
    border-bottom: 1px solid #858585;
    background-color: transparent;
    height: 42px;
    padding: 2px 100px 2px 0; }
    @media only screen and (max-width: 767px) {
      .zd4e8k .koht6o > input {
        font-size: 14px;
        padding: 2px 80px 2px 0; } }
  .zd4e8k .koht6o .p1agk2 {
    display: none; }
  .zd4e8k .koht6o .i6rc0f {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%); }
    .zd4e8k .koht6o .i6rc0f input {
      border: none;
      font-size: 16px;
      font-weight: 600;
      color: #fff;
      padding: 0;
      background-color: transparent; }
      @media only screen and (max-width: 767px) {
        .zd4e8k .koht6o .i6rc0f input {
          font-size: 14px; } }
      .zd4e8k .koht6o .i6rc0f input:hover {
        color: #ccc; }
.zd4e8k.t7fsma {
  margin: 0 34px 0 66px; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .zd4e8k.t7fsma {
      margin: 15px 0px 0 0px; } }
  @media only screen and (max-width: 767px) {
    .zd4e8k.t7fsma {
      margin: 15px 0px 0 0px; } }

.gpt9ti {
  padding-top: 115px; }
  @media only screen and (max-width: 767px) {
    .gpt9ti {
      padding-top: 112px; } }

.n0q9r7 {
  padding-bottom: 70px; }
  @media only screen and (max-width: 767px) {
    .n0q9r7 {
      padding-bottom: 50px; } }

.fejp90 {
  position: relative;
  padding-left: 50px;
  margin-left: 30px; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .fejp90 {
      margin-bottom: 30px; } }
  .fejp90::before {
    content: "\f1d8";
    font-family: "FontAwesome";
    position: absolute;
    top: 0;
    left: 0;
    font-size: 36px;
    font-weight: 700;
    bottom: 0;
    margin: auto;
    height: 30px;
    width: 30px;
    right: auto;
    color: var(--black); }
  .fejp90 h3 {
    color: var(--black);
    font-size: 36px;
    margin: 0 0 5px;
    font-family: var(--fonttitle);
    font-weight: 600; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .fejp90 h3 {
        font-size: 32px; } }
    @media only screen and (max-width: 767px) {
      .fejp90 h3 {
        font-size: 23px; } }
  .fejp90 span {
    color: var(--black);
    font-size: 16px; }

.ectvd1 .zcz11g {
  position: relative; }
  .ectvd1 .zcz11g input {
    border: none;
    background: transparent;
    padding: 15px;
    padding-left: 20px;
    font-size: 14px;
    border-bottom: 1px solid var(--black4);
    width: 100%;
    padding-top: 0px;
    color: var(--white); }
    @media only screen and (max-width: 767px) {
      .ectvd1 .zcz11g input {
        height: 45px;
        font-size: 14px;
        padding: 2px 125px 2px 14px; } }
  .ectvd1 .zcz11g .c5baou {
    display: none; }
  .ectvd1 .zcz11g .i2ia62 {
    position: absolute;
    right: 0px;
    bottom: 7px; }
    .ectvd1 .zcz11g .i2ia62 input {
      width: auto;
      height: auto;
      color: var(--white);
      font-size: 14px;
      font-weight: 500;
      padding: 10px 25px 7px;
      background-color: var(--colormain);
      box-shadow: none; }
      .ectvd1 .zcz11g .i2ia62 input:hover {
        background-color: #262626; }
      @media only screen and (max-width: 767px) {
        .ectvd1 .zcz11g .i2ia62 input {
          padding: 8px 15px;
          font-size: 14px; } }
  .ectvd1 .zcz11g.tdpp6x input {
    border: 2px solid #d8d8d8; }
  .ectvd1 .zcz11g.tdpp6x .i2ia62 input {
    border: none;
    background-color: var(--colormain2); }
    .ectvd1 .zcz11g.tdpp6x .i2ia62 input:hover {
      background-color: #262626; }

.trosep h3 {
  font-size: 36px;
  margin: 0;
  color: #1b1b1b;
  font-family: var(--rufina);
  font-weight: bold; }
  @media only screen and (max-width: 767px) {
    .trosep h3 {
      font-size: 28px; } }
@media only screen and (max-width: 767px) {
  .trosep.f4sg38 {
    margin-bottom: 10px; } }

.e71b4v .vmnbmx {
  position: relative; }
  .e71b4v .vmnbmx input {
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #1b1b1b;
    font-size: 18px;
    color: #1b1b1b;
    padding: 2px 150px 2px 0;
    height: 60px; }
    @media only screen and (max-width: 767px) {
      .e71b4v .vmnbmx input {
        font-size: 14px;
        padding: 2px 104px 2px 0;
        height: 50px; } }
  .e71b4v .vmnbmx .ako8lq {
    display: none; }
  .e71b4v .vmnbmx .v0c5na {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0; }
    .e71b4v .vmnbmx .v0c5na input {
      background-color: transparent;
      border: none;
      font-size: 18px;
      font-weight: 600;
      padding: 0;
      height: auto;
      color: #1b1b1b; }
      @media only screen and (max-width: 767px) {
        .e71b4v .vmnbmx .v0c5na input {
          font-size: 14px; } }
      .e71b4v .vmnbmx .v0c5na input:hover {
        color: var(--colormain); }

.wzh4u5 .pu526q {
  position: relative; }
  .wzh4u5 .pu526q input {
    background-color: transparent;
    border: 2px solid #38866f;
    font-size: 18px;
    color: #515151;
    padding: 2px 150px 2px 28px;
    height: 80px; }
    @media only screen and (max-width: 767px) {
      .wzh4u5 .pu526q input {
        font-size: 14px;
        padding: 2px 100px 2px 15px;
        height: 50px; } }
  .wzh4u5 .pu526q .q7wxor {
    display: none; }
  .wzh4u5 .pu526q .qcv18n {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 20px; }
    .wzh4u5 .pu526q .qcv18n input {
      background-color: transparent;
      border: none;
      font-size: 18px;
      font-weight: 600;
      padding: 0;
      height: auto;
      color: #515151; }
      @media only screen and (max-width: 767px) {
        .wzh4u5 .pu526q .qcv18n input {
          font-size: 14px; } }
      .wzh4u5 .pu526q .qcv18n input:hover {
        color: #777; }

.j40l27 {
  border-radius: 220px; }

.r5id4p {
  padding: 145px 0 150px; }
  @media only screen and (max-width: 767px) {
    .r5id4p {
      padding: 70px 0 70px; } }

.ab6gvy .jvr7dm .c288xg {
  position: relative; }
  .ab6gvy .jvr7dm .c288xg input {
    background-color: transparent;
    color: #262626;
    height: 70px;
    border: 1px solid #262626;
    padding: 2px 60px 2px 20px; }
  .ab6gvy .jvr7dm .c288xg .c1hmpk {
    display: none; }
  .ab6gvy .jvr7dm .c288xg .i3sqpe {
    display: inline-block;
    position: absolute;
    right: 2px;
    top: 0;
    transition: all 0.3s ease 0s;
    width: 50px;
    border: none;
    padding: 0;
    z-index: 99;
    background: rgba(0, 0, 0, 0) url("../../assets/images/icon-img/mail.png") no-repeat scroll right 18px center; }
    .ab6gvy .jvr7dm .c288xg .i3sqpe input {
      width: 50px;
      border: none;
      cursor: pointer;
      padding: 2px 5px 2px; }

@media only screen and (max-width: 767px) {
  .kcs4a0.rtl9ff {
    padding-top: 40px; }
  .kcs4a0.p5wry1 {
    padding-bottom: 50px; } }
/*-------- Footer style ---------*/
.a0cobb nav ul {
  display: flex;
  justify-content: center;
  flex-wrap: wrap; }
  .a0cobb nav ul li {
    display: inline-block;
    margin: 0 25px; }
    @media only screen and (min-width: 1366px) and (max-width: 1600px) {
      .a0cobb nav ul li {
        margin: 0 12px; } }
    @media only screen and (min-width: 1200px) and (max-width: 1365px) {
      .a0cobb nav ul li {
        margin: 0 9px; } }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .a0cobb nav ul li {
        margin: 0 8px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .a0cobb nav ul li {
        margin: 15px 12px 10px; } }
    @media only screen and (max-width: 767px) {
      .a0cobb nav ul li {
        margin: 0px 7px 7px; } }
    .a0cobb nav ul li a {
      display: inline-block;
      font-size: 11px;
      letter-spacing: 1.83px;
      padding-bottom: 3px;
      font-weight: 600; }
      .a0cobb nav ul li a.active {
        border-bottom: 2px solid #d8d8d8; }
.a0cobb.l93wyc nav ul li a:hover {
  color: var(--colormain2); }
@media only screen and (max-width: 767px) {
  .a0cobb {
    margin: 21px 0 10px; } }

.sdzg1d a {
  font-size: 17px;
  color: var(--white);
  display: inline-block;
  margin-left: 30px;
  width: 35px;
  height: 35px;
  line-height: 35px;
  background: var(--colormain);
  margin: 0 5px;
  text-align: center;
  border-radius: 50%; }
  .sdzg1d a:first-child {
    margin-left: 0; }
.sdzg1d.ck04a9 {
  display: flex;
  justify-content: flex-end; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .sdzg1d.ck04a9 {
      justify-content: center; } }
  @media only screen and (max-width: 767px) {
    .sdzg1d.ck04a9 {
      justify-content: center; } }
.sdzg1d.r0fh3r {
  display: flex;
  justify-content: right; }
  @media only screen and (max-width: 767px) {
    .sdzg1d.r0fh3r {
      justify-content: center; } }
.sdzg1d.vx6vdg a {
  margin-left: 9px; }
  .sdzg1d.vx6vdg a:first-child {
    margin-left: 0; }
.sdzg1d.hhsnd9 a {
  margin-left: 13px; }
  .sdzg1d.hhsnd9 a:first-child {
    margin-left: 0; }
.sdzg1d.etlfyw a {
  font-size: 14px; }
.sdzg1d.oychiw a {
  color: #fff; }

.o26sdz p {
  font-size: 11px;
  color: var(--white);
  letter-spacing: 1.5px;
  text-transform: uppercase; }
  .o26sdz p a {
    font-size: 11px;
    color: var(--white);
    letter-spacing: 1.5px; }
  @media only screen and (max-width: 767px) {
    .o26sdz p {
      text-align: center; } }
.o26sdz.ahwa3d p {
  text-transform: uppercase; }
.o26sdz.t2ci47 {
  padding: 8px 0 11px; }
.o26sdz.e4wd1k p {
  color: #a2a2a2; }
  .o26sdz.e4wd1k p a {
    color: #a2a2a2; }
.o26sdz.nvyda0 p {
  color: var(--white); }
  .o26sdz.nvyda0 p a {
    color: var(--white); }
.o26sdz.qjoa3r p {
  color: var(--black); }
  .o26sdz.qjoa3r p a {
    color: var(--black); }

.st548t h3.kp11af {
  font-size: 16px;
  color: var(--black);
  margin: 0 0 30px;
  line-height: 1;
  font-weight: 800;
  letter-spacing: 1px;
  text-transform: uppercase; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .st548t h3.kp11af {
      font-size: 13px; } }
  @media only screen and (min-width: 1366px) and (max-width: 1600px) {
    .st548t h3.kp11af {
      font-size: 13px; } }
  @media only screen and (max-width: 767px) {
    .st548t h3.kp11af {
      letter-spacing: 0px; } }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .st548t h3.kp11af {
      letter-spacing: 1.43px; } }
.st548t h3.ga982s {
  font-size: 14px;
  color: var(--black);
  margin: 0 0 19px;
  line-height: 1;
  font-weight: bold;
  letter-spacing: 1.43px; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .st548t h3.ga982s {
      line-height: 23px; } }
  @media only screen and (max-width: 767px) {
    .st548t h3.ga982s {
      line-height: 23px; } }
.st548t h3.fwdi8c {
  font-size: 18px;
  color: var(--black);
  margin: 0 0 32px;
  line-height: 1;
  font-weight: bold;
  font-family: var(--rufina); }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .st548t h3.fwdi8c {
      margin: 0 0 15px; } }
  @media only screen and (max-width: 767px) {
    .st548t h3.fwdi8c {
      margin: 0 0 15px; } }
.st548t .hlbc7m ul li {
  display: block;
  margin-bottom: 10px;
  font-size: 14px;
  color: var(--black); }
  .st548t .hlbc7m ul li:last-child {
    margin-bottom: 0px; }
  .st548t .hlbc7m ul li a {
    font-size: 13px;
    color: var(--black);
    text-transform: uppercase; }
    .st548t .hlbc7m ul li a:hover {
      color: var(--colormain); }
    @media only screen and (min-width: 1366px) and (max-width: 1600px) {
      .st548t .hlbc7m ul li a {
        font-size: 12px; } }
.st548t .e1bdj8 ul li {
  display: block;
  margin-bottom: 15px;
  font-size: 14px;
  color: #b5b5b5; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .st548t .e1bdj8 ul li {
      margin-bottom: 7px; } }
  @media only screen and (max-width: 767px) {
    .st548t .e1bdj8 ul li {
      margin-bottom: 8px; } }
  .st548t .e1bdj8 ul li:last-child {
    margin-bottom: 0px; }
  .st548t .e1bdj8 ul li a {
    font-size: 14px;
    color: #b5b5b5; }
    .st548t .e1bdj8 ul li a:hover {
      text-decoration: underline; }
.st548t .ebant3 p {
  margin: 0;
  color: #b5b5b5;
  width: 75%; }
  @media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .st548t .ebant3 p {
      width: 84%; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .st548t .ebant3 p {
      width: 100%; } }
  @media only screen and (max-width: 767px) {
    .st548t .ebant3 p {
      width: 100%; } }
.st548t .ro0ud3 p {
  margin: 0;
  color: #1b1b1b;
  width: 83%; }
  @media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .st548t .ro0ud3 p {
      width: 84%; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .st548t .ro0ud3 p {
      width: 100%; } }
  @media only screen and (max-width: 767px) {
    .st548t .ro0ud3 p {
      width: 100%; } }
.st548t .dn02qu .pxkgtu {
  display: flex;
  margin-bottom: 15px; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .st548t .dn02qu .pxkgtu {
      margin-bottom: 10px; } }
  @media only screen and (max-width: 767px) {
    .st548t .dn02qu .pxkgtu {
      margin-bottom: 12px; } }
  .st548t .dn02qu .pxkgtu:last-child {
    margin-bottom: 0; }
  .st548t .dn02qu .pxkgtu .xzm9wc {
    flex: 0 0 30px;
    margin-right: 30px; }
    @media only screen and (min-width: 1200px) and (max-width: 1365px) {
      .st548t .dn02qu .pxkgtu .xzm9wc {
        margin-right: 10px; } }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .st548t .dn02qu .pxkgtu .xzm9wc {
        margin-right: 10px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .st548t .dn02qu .pxkgtu .xzm9wc {
        margin-right: 7px; } }
    @media only screen and (max-width: 767px) {
      .st548t .dn02qu .pxkgtu .xzm9wc {
        margin-right: 12px; } }
    .st548t .dn02qu .pxkgtu .xzm9wc i {
      color: #b5b5b5;
      font-size: 25px; }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .st548t .dn02qu .pxkgtu .xzm9wc i {
          font-size: 20px; } }
      @media only screen and (max-width: 767px) {
        .st548t .dn02qu .pxkgtu .xzm9wc i {
          font-size: 20px; } }
  .st548t .dn02qu .pxkgtu .sb807a p {
    color: #b5b5b5;
    margin: 0; }
  .st548t .dn02qu .pxkgtu.s15gzt .xzm9wc {
    margin-right: 22px; }
    @media only screen and (max-width: 767px) {
      .st548t .dn02qu .pxkgtu.s15gzt .xzm9wc {
        margin-right: 10px; } }
    .st548t .dn02qu .pxkgtu.s15gzt .xzm9wc:last-child {
      margin-bottom: 0; }
    .st548t .dn02qu .pxkgtu.s15gzt .xzm9wc i {
      color: #a4eba5; }
  .st548t .dn02qu .pxkgtu.s15gzt .sb807a p {
    color: #1b1b1b; }
.st548t .oaf6al {
  margin-bottom: 10px; }
  .st548t .oaf6al img {
    border: 1px solid;
    border-radius: 10px; }
.st548t.yepp9t {
  margin-left: 20px; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .st548t.yepp9t {
      margin-left: 0px; } }
  @media only screen and (max-width: 767px) {
    .st548t.yepp9t {
      margin-left: 0px; } }
.st548t.sn0xb2 {
  margin-left: 15px; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .st548t.sn0xb2 {
      margin-left: 0px; } }
  @media only screen and (max-width: 767px) {
    .st548t.sn0xb2 {
      margin-left: 0px; } }
.st548t.hqcibz {
  margin-left: 40px; }
  @media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .st548t.hqcibz {
      margin-left: 0px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .st548t.hqcibz {
      margin-left: 0px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .st548t.hqcibz {
      margin-left: 0px; } }
  @media only screen and (max-width: 767px) {
    .st548t.hqcibz {
      margin-left: 0px; } }
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .st548t.mar4y7 {
    margin-bottom: 30px; } }
@media only screen and (max-width: 767px) {
  .st548t.mar4y7 {
    margin-bottom: 30px; } }

.f85usq {
  text-align: right; }
  @media only screen and (max-width: 767px) {
    .f85usq {
      text-align: center;
      margin: 30px 0 0; } }

.wagm8r {
  padding-bottom: 80px; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .wagm8r {
      padding-bottom: 40px; } }
  @media only screen and (max-width: 767px) {
    .wagm8r {
      padding-bottom: 20px; } }

.qg7qku {
  padding-top: 40px; }

.y1j1kh {
  padding: 13px 0; }

.gk5mis {
  margin-left: 95px; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .gk5mis {
      margin-left: 0px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .gk5mis {
      margin-left: 0px; } }
  @media only screen and (max-width: 767px) {
    .gk5mis {
      margin-left: 0px;
      margin-top: 10px; } }

.xrax9k {
  margin-left: 30px; }
  @media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .xrax9k {
      margin-left: 0px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .xrax9k {
      margin-left: 0px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .xrax9k {
      margin-left: 0px; } }
  @media only screen and (max-width: 767px) {
    .xrax9k {
      margin-left: 0px;
      margin-top: 10px; } }

.pked0c {
  position: relative; }
  .pked0c .sz7h7o .nqpkav {
    position: absolute;
    flex-direction: column;
    font-size: 15px;
    color: #a7a7a7;
    text-transform: uppercase;
    text-decoration: none;
    top: -26px;
    left: 50%;
    display: inline-block;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%); }
  .pked0c .sz7h7o .yn8s9v .gx87lk {
    font-size: 16px; }
    .pked0c .sz7h7o .yn8s9v .gx87lk span {
      color: var(--white);
      text-transform: uppercase;
      padding-right: 7px;
      line-height: 42px; }
      .pked0c .sz7h7o .yn8s9v .gx87lk span i {
        font-size: 30px;
        color: var(--colormain);
        line-height: 42px; }
    .pked0c .sz7h7o .yn8s9v .gx87lk a, .pked0c .sz7h7o .yn8s9v .gx87lk p {
      color: var(--black4);
      text-decoration: none;
      font-size: 16px; }
      @media only screen and (max-width: 767px) {
        .pked0c .sz7h7o .yn8s9v .gx87lk a, .pked0c .sz7h7o .yn8s9v .gx87lk p {
          font-size: 14px; } }
  .pked0c .iasmvc {
    width: 100%;
    float: left;
    padding: 35px 0 0;
    border-top: 1px solid rgba(255, 255, 255, 0.3); }
    @media only screen and (max-width: 1600px) {
      .pked0c .iasmvc {
        padding: 35px 15px 0; } }
    @media only screen and (max-width: 767px) {
      .pked0c .iasmvc {
        padding: 15px 15px 10px; } }
    .pked0c .iasmvc .nvlhjv {
      float: left;
      width: 100%;
      margin: 2px 0;
      padding: 0;
      align-items: center; }
      @media only screen and (max-width: 767px) {
        .pked0c .iasmvc .nvlhjv {
          flex-direction: column;
          align-items: flex-start; } }
      .pked0c .iasmvc .nvlhjv h5 {
        font-weight: 800;
        font-size: 14px;
        line-height: 28px;
        float: left;
        width: auto;
        margin: 0 10px 0 0;
        position: relative;
        padding: 0;
        color: var(--colormain); }
      @media only screen and (max-width: 767px) {
        .pked0c .iasmvc .nvlhjv ul {
          flex-direction: column; } }
      .pked0c .iasmvc .nvlhjv ul li {
        margin-bottom: 0;
        float: none;
        display: inline-block;
        vertical-align: top;
        position: relative;
        width: auto;
        text-align: left;
        padding: 0 7px; }
        @media only screen and (max-width: 767px) {
          .pked0c .iasmvc .nvlhjv ul li {
            padding: 0 3px; } }
        .pked0c .iasmvc .nvlhjv ul li a {
          color: #fff;
          cursor: pointer;
          font-weight: 500;
          font-size: 13px;
          line-height: 26px;
          letter-spacing: 0.8px; }
          .pked0c .iasmvc .nvlhjv ul li a::after {
            position: absolute;
            content: '/';
            top: 0;
            left: auto;
            right: -3px;
            bottom: 0;
            margin: auto;
            color: #fff; }
            @media only screen and (max-width: 767px) {
              .pked0c .iasmvc .nvlhjv ul li a::after {
                content: ''; } }
        .pked0c .iasmvc .nvlhjv ul li:last-child a::after {
          content: ''; }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .n6cc99 {
    text-align: left; } }
@media only screen and (max-width: 767px) {
  .n6cc99 {
    text-align: center; }
    .n6cc99.exrqd3 {
      text-align: left; }

  .sz7h7o.n1af0q {
    padding-top: 50px; }
  .sz7h7o.oqwpmn {
    padding-top: 50px; }
  .sz7h7o.clyhz3 {
    padding-bottom: 5px; }
  .sz7h7o.lbrrac {
    padding-bottom: 5px; } }
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .n6cc99.exrqd3 {
    text-align: center; } }
.xkkldz .hdzord ul {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style: none;
  padding: 0px;
  margin: 0px; }
  @media only screen and (max-width: 767px) {
    .xkkldz .hdzord ul {
      display: block; } }
  .xkkldz .hdzord ul li:not(:last-child) {
    margin-right: 55px; }
  .xkkldz .hdzord ul li a {
    text-decoration: none;
    color: var(--white);
    text-transform: uppercase;
    font-size: 14px; }

/*-------- 12. Service style ---------*/
.eaufzl .container {
  border-radius: 8px; }
  @media only screen and (max-width: 767px) {
    .eaufzl .container {
      border-radius: 0; } }

.srfnij .nuom4u {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 15px;
  -webkit-transition: .4s ease-in-out;
  -moz-transition: .4s ease-in-out;
  -ms-transition: .4s ease-in-out;
  -o-transition: .4s ease-in-out;
  transition: .4s ease-in-out; }
  .srfnij .nuom4u i {
    color: var(--white);
    font-size: 42px;
    transform: rotateY(180deg);
    display: block;
    background: var(--colormain);
    padding: 20px;
    border-radius: 50%; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .srfnij .nuom4u i {
        font-size: 55px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .srfnij .nuom4u i {
        font-size: 55px; } }
    @media only screen and (max-width: 767px) {
      .srfnij .nuom4u i {
        font-size: 50px; } }
.srfnij .vcoj94 h4 {
  font-size: 20px;
  font-weight: 500;
  color: var(--white);
  margin: 10px 0; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .srfnij .vcoj94 h4 {
      margin: 20px 0 6px; } }
  @media only screen and (max-width: 767px) {
    .srfnij .vcoj94 h4 {
      margin: 20px 0 6px; } }
.srfnij .vcoj94 p {
  font-size: 14px;
  color: var(--white);
  margin: 0;
  width: 85%; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .srfnij .vcoj94 p {
      width: 100%; } }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .srfnij .vcoj94 p {
      width: 68%; } }
.srfnij:hover .nuom4u {
  animation: 500ms ease-in-out 0s normal none 1 running zoomIn;
  transform: rotateY(180deg);
  webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -o-transform: rotateY(180deg); }

.b9mvtw {
  margin-left: -66px; }
  @media only screen and (min-width: 1366px) and (max-width: 1600px) {
    .b9mvtw {
      margin-left: 0px; } }
  @media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .b9mvtw {
      margin-left: 0px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .b9mvtw {
      margin-left: 0px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .b9mvtw {
      margin-left: 0px; } }
  @media only screen and (max-width: 767px) {
    .b9mvtw {
      margin-left: 0px; } }

.y8tm8u {
  margin-right: -66px; }
  @media only screen and (min-width: 1366px) and (max-width: 1600px) {
    .y8tm8u {
      margin-right: 0px; } }
  @media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .y8tm8u {
      margin-right: 0px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .y8tm8u {
      margin-right: 0px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .y8tm8u {
      margin-right: 0px; } }
  @media only screen and (max-width: 767px) {
    .y8tm8u {
      margin-right: 0px; } }

.l0u4eo .vkitpn i {
  color: var(--colormain);
  font-size: 54px;
  transform: rotateY(180deg);
  display: block; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .l0u4eo .vkitpn i {
      font-size: 55px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .l0u4eo .vkitpn i {
      font-size: 55px; } }
  @media only screen and (max-width: 767px) {
    .l0u4eo .vkitpn i {
      font-size: 50px; } }
.l0u4eo .rklcyy h4 {
  font-size: 18px;
  font-weight: bold;
  color: #1b1b1b;
  font-family: var(--fonttitle);
  margin: 29px 0 6px; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .l0u4eo .rklcyy h4 {
      margin: 15px 0 6px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .l0u4eo .rklcyy h4 {
      margin: 15px 0 6px; } }
  @media only screen and (max-width: 767px) {
    .l0u4eo .rklcyy h4 {
      margin: 15px 0 6px; } }
.l0u4eo .rklcyy p {
  margin: 0 auto;
  width: 81%; }
  @media only screen and (min-width: 1366px) and (max-width: 1600px) {
    .l0u4eo .rklcyy p {
      width: 100%; } }
  @media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .l0u4eo .rklcyy p {
      width: 100%; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .l0u4eo .rklcyy p {
      width: 100%; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .l0u4eo .rklcyy p {
      width: 95%; } }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .l0u4eo .rklcyy p {
      width: 68%; } }
.l0u4eo:hover .vkitpn i {
  animation: 500ms ease-in-out 0s normal none 1 running zoomIn;
  transform: rotateY(180deg); }

.uduizr {
  margin: 0 -134px; }
  @media only screen and (min-width: 1366px) and (max-width: 1600px) {
    .uduizr {
      margin: 0 0px; } }
  @media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .uduizr {
      margin: 0 0px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .uduizr {
      margin: 0 0px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .uduizr {
      margin: 0 0px; } }
  @media only screen and (max-width: 767px) {
    .uduizr {
      margin: 0 0px; } }

.g4qm3n .y98580 {
  margin: 0 0 45px; }
  @media only screen and (min-width: 1366px) and (max-width: 1600px) {
    .g4qm3n .y98580 {
      margin: 0 0 30px; } }
  @media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .g4qm3n .y98580 {
      margin: 0 0 30px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .g4qm3n .y98580 {
      margin: 0 0 30px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .g4qm3n .y98580 {
      margin: 0 0 25px; } }
  @media only screen and (max-width: 767px) {
    .g4qm3n .y98580 {
      margin: 0 0 15px; } }
  .g4qm3n .y98580 img {
    width: 234px; }
    @media only screen and (min-width: 1366px) and (max-width: 1600px) {
      .g4qm3n .y98580 img {
        width: 130px; } }
    @media only screen and (min-width: 1200px) and (max-width: 1365px) {
      .g4qm3n .y98580 img {
        width: 100px; } }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .g4qm3n .y98580 img {
        width: 100px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .g4qm3n .y98580 img {
        width: 60px; } }
    @media only screen and (max-width: 767px) {
      .g4qm3n .y98580 img {
        width: 50px; } }
.g4qm3n .tlembu h3 {
  color: #1b1b1b;
  font-size: 36px;
  margin: 0 0 12px;
  font-family: var(--fonttitle);
  line-height: 1; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .g4qm3n .tlembu h3 {
      font-size: 30px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .g4qm3n .tlembu h3 {
      font-size: 25px;
      margin: 0 0 8px; } }
  @media only screen and (max-width: 767px) {
    .g4qm3n .tlembu h3 {
      font-size: 23px;
      margin: 0 0 8px; } }
.g4qm3n .tlembu p {
  font-size: 24px;
  line-height: 37px;
  margin: 0; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .g4qm3n .tlembu p {
      font-size: 19px;
      line-height: 30px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .g4qm3n .tlembu p {
      font-size: 18px;
      line-height: 30px; } }
  @media only screen and (max-width: 767px) {
    .g4qm3n .tlembu p {
      font-size: 16px;
      line-height: 27px; } }
.g4qm3n:hover .y98580 img {
  animation: 500ms ease-in-out 0s normal none 1 running tada; }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .eaufzl .x2rjey {
    padding-bottom: 50px; } }
@media only screen and (max-width: 767px) {
  .eaufzl .x2rjey {
    padding-bottom: 20px; }
  .eaufzl.nmirkn {
    padding-bottom: 12px; } }
/*-------- 13. Categories style ---------*/
.eotlea .qnpnj8 img {
  width: auto;
  max-width: 100%;
  margin: 0 auto; }

.ui1n0u {
  padding: 60px 0 60px; }
  @media only screen and (max-width: 767px) {
    .ui1n0u {
      padding: 40px 0 30px; } }

.fsj8k6 img {
  border-radius: 50%;
  overflow: hidden; }
.fsj8k6 h3 {
  font-weight: 600;
  font-size: 20px;
  margin: 30px 0 0;
  color: var(--white); }
  @media only screen and (max-width: 1600px) {
    .fsj8k6 h3 {
      font-size: 16px; } }

.kvm1ei .whvecl {
  position: relative; }
  .kvm1ei .whvecl .content {
    position: absolute;
    left: 0;
    top: 0;
    padding: 30px;
    color: var(--colormain); }
    .kvm1ei .whvecl .content .pstapg {
      font-size: 40px;
      font-weight: 900;
      line-height: 36px; }
    .kvm1ei .whvecl .content .title {
      color: var(--white);
      font-size: 28px;
      line-height: 34px;
      margin: 10px 0;
      letter-spacing: 1px; }
    .kvm1ei .whvecl .content p {
      color: var(--white); }
  .kvm1ei .whvecl::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    box-shadow: 1px -184px 44px -27px rgba(0, 0, 0, 0.75) inset;
    -webkit-box-shadow: 1px -184px 44px -27px rgba(0, 0, 0, 0.75) inset;
    -moz-box-shadow: 1px -184px 44px -27px rgba(0, 0, 0, 0.75) inset;
    opacity: 0;
    transition: all 0.4s ease-out;
    -webkit-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    height: 100%;
    width: 100%; }
  .kvm1ei .whvecl:hover::after {
    opacity: 1; }

.cc0b8e {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;
  border: 2px solid #e0e0e0;
  padding: 15px; }
  @media only screen and (min-width: 1366px) and (max-width: 1600px) {
    .cc0b8e {
      padding: 30px 20px 30px 20px; } }
  @media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .cc0b8e {
      padding: 30px 15px 30px 15px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .cc0b8e {
      padding: 30px 20px 30px 20px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .cc0b8e {
      padding: 30px 15px 30px 15px; } }
  @media only screen and (max-width: 767px) {
    .cc0b8e {
      padding: 30px 15px 30px 15px; } }
  .cc0b8e .hoy8cb {
    flex: 0 0 50%;
    padding: 0 15px; }
    @media only screen and (min-width: 1200px) and (max-width: 1365px) {
      .cc0b8e .hoy8cb {
        flex: 0 0 62%; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .cc0b8e .hoy8cb {
        flex: 0 0 70%; } }
    @media only screen and (max-width: 767px) {
      .cc0b8e .hoy8cb {
        flex: 0 0 60%; } }
    .cc0b8e .hoy8cb h3 {
      font-weight: 500;
      font-size: 20px;
      color: #1b1b1b;
      margin: 0; }
      @media only screen and (min-width: 1366px) and (max-width: 1600px) {
        .cc0b8e .hoy8cb h3 {
          font-size: 16px; } }
      @media only screen and (min-width: 1200px) and (max-width: 1365px) {
        .cc0b8e .hoy8cb h3 {
          font-size: 16px; } }
      @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .cc0b8e .hoy8cb h3 {
          font-size: 18px; } }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .cc0b8e .hoy8cb h3 {
          font-size: 15px; } }
      @media only screen and (max-width: 767px) {
        .cc0b8e .hoy8cb h3 {
          font-size: 18px; } }
      .cc0b8e .hoy8cb h3 a {
        color: #1b1b1b; }
        .cc0b8e .hoy8cb h3 a:hover {
          color: var(--colormain); }
    .cc0b8e .hoy8cb p {
      color: var(--colormain);
      font-weight: 500;
      margin: 8px 0 10px; }
      @media only screen and (max-width: 1600px) {
        .cc0b8e .hoy8cb p {
          width: 100%; } }
    .cc0b8e .hoy8cb .g9ij68 {
      margin-bottom: 15px; }
      .cc0b8e .hoy8cb .g9ij68 li {
        padding-left: 15px;
        margin-bottom: 5px;
        position: relative; }
        .cc0b8e .hoy8cb .g9ij68 li::before {
          content: "\f105";
          font-family: "FontAwesome";
          position: absolute;
          left: 0;
          top: 0; }
  .cc0b8e .i823dw {
    flex: 0 0 50%;
    overflow: hidden; }
    @media only screen and (min-width: 1200px) and (max-width: 1365px) {
      .cc0b8e .i823dw {
        flex: 0 0 38%; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .cc0b8e .i823dw {
        flex: 0 0 30%; } }
    @media only screen and (max-width: 767px) {
      .cc0b8e .i823dw {
        flex: 0 0 40%; } }
    .cc0b8e .i823dw a img {
      width: 100%;
      transition: all .5s ease 0s;
      transform: scale(1); }
  .cc0b8e:hover .i823dw a img {
    transform: scale(1.1); }

.acr10w .sain7y {
  text-align: center; }
  .acr10w .sain7y li {
    display: inline-block; }
    .acr10w .sain7y li button {
      font-size: 0;
      border: none;
      padding: 0;
      background-color: #d8d8d8;
      width: 25px;
      height: 3px;
      border-radius: 0;
      display: inline-block;
      margin: 0 5px;
      transition: all .3s ease 0s; }
      .acr10w .sain7y li button:hover {
        background-color: var(--colormain); }
    .acr10w .sain7y li.dsrbw9 button {
      background-color: var(--colormain);
      width: 40px; }

.wwgukf .vke66g {
  margin-right: -12.5px;
  margin-left: -12.5px; }
  .wwgukf .vke66g .uv8od7 {
    padding-left: 12.5px;
    padding-right: 12.5px; }

/*-------- 14. Brand logo style ---------*/
.haykin .drjo3b, .n36n47 .drjo3b {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer; }

.haykin.eotlea .qnpnj8 img, .n36n47.eotlea .qnpnj8 img, .ad5tw3.eotlea .qnpnj8 img, .gbsypj.eotlea .qnpnj8 img {
  display: inline-block;
  width: auto;
  border-radius: 0; }

.haykin.eotlea .qnpnj8 img, .n36n47.eotlea .qnpnj8 img {
  display: inline-block;
  width: auto;
  transition: all .3s ease 0s;
  filter: brightness(0.5);
  transition: all 1s ease-out;
  -webkit-transition: all 1s ease-out;
  -o-transition: all 1s ease-out; }
.haykin.eotlea .qnpnj8:hover img, .n36n47.eotlea .qnpnj8:hover img {
  filter: brightness(1); }

.gxj8kj {
  padding: 60px 0 60px; }
  @media only screen and (max-width: 767px) {
    .gxj8kj {
      padding: 40px 0 30px; } }

.s6oo2d {
  padding: 60px 0 60px; }
  @media only screen and (max-width: 767px) {
    .s6oo2d {
      padding: 40px 0 40px; } }

.e8vu00 {
  padding: 108px 0; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .e8vu00 {
      padding: 100px 0; } }
  @media only screen and (max-width: 767px) {
    .e8vu00 {
      padding: 50px 0; } }

@media only screen and (max-width: 767px) {
  .himyve.rtl9ff {
    padding-top: 50px; }
  .himyve.nmirkn {
    padding-bottom: 50px; } }
/*-------- 15. Testimonial style ---------*/
@media only screen and (max-width: 767px) {
  .hxtsju {
    flex-direction: column; } }
@media only screen and (max-width: 540px) {
  .hxtsju {
    padding-bottom: 50px; } }
.hxtsju .vre7wp {
  align-items: center;
  display: flex;
  justify-content: center; }
  @media only screen and (max-width: 767px) {
    .hxtsju .vre7wp {
      justify-content: center; } }
  .hxtsju .vre7wp i {
    color: var(--colormain);
    background-color: var(--white);
    display: inline-block;
    height: 90px;
    width: 90px;
    border-radius: 100%;
    text-align: center;
    line-height: 90px;
    font-size: 40px;
    margin-top: 0px; }
    @media only screen and (max-width: 767px) {
      .hxtsju .vre7wp i {
        height: 70px;
        width: 70px;
        line-height: 70px;
        font-size: 30px; } }
  .hxtsju .vre7wp .o4posg {
    border-radius: 50%;
    overflow: hidden;
    margin-left: -30px;
    margin-top: 70px; }
.hxtsju .dpw7y1 {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin: 30px 0;
  z-index: 2; }
  .hxtsju .dpw7y1 p {
    font-size: 20px;
    line-height: 40px;
    font-weight: 500;
    margin: 15px 0 20px;
    color: var(--white);
    width: 60%;
    letter-spacing: 0.8px;
    text-align: center; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .hxtsju .dpw7y1 p {
        width: 100%; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .hxtsju .dpw7y1 p {
        font-size: 16px;
        line-height: 28px;
        width: 75%; } }
    @media only screen and (max-width: 767px) {
      .hxtsju .dpw7y1 p {
        font-size: 14px;
        line-height: 20px;
        margin: 12px 0 25px;
        width: 100%;
        text-align: justify; } }

.dpw7y1 span {
  color: #fff;
  font-size: 14px;
  display: block;
  margin: 6px 0 0; }

.ia3p15 {
  position: relative;
  overflow: hidden;
  padding-top: 40px;
  padding-bottom: 12px; }
  .ia3p15 .m5td01 {
    position: relative;
    float: left;
    width: 100%; }
    .ia3p15 .m5td01:before {
      position: absolute;
      left: 0;
      top: 0;
      background-color: #fff;
      content: "";
      width: 2px;
      height: 100%; }
    .ia3p15 .m5td01:after {
      position: absolute;
      right: 0;
      top: 0;
      background-color: #fff;
      content: "";
      width: 2px;
      height: 100%; }
    .ia3p15 .m5td01 .rkir5g {
      position: relative;
      margin-top: -40px;
      overflow: hidden;
      display: flex;
      justify-content: center; }
      @media only screen and (max-width: 767px) {
        .ia3p15 .m5td01 .rkir5g {
          margin-top: -24px; } }
      .ia3p15 .m5td01 .rkir5g .zcb31f {
        position: relative; }
        .ia3p15 .m5td01 .rkir5g .zcb31f:before {
          position: absolute;
          left: auto;
          right: calc(100% + 100px);
          top: 50%;
          background-color: #fff;
          content: "";
          width: 700%;
          height: 2px;
          transform: translateY(-50%); }
          @media only screen and (max-width: 767px) {
            .ia3p15 .m5td01 .rkir5g .zcb31f:before {
              right: calc(100% + 50px); } }
        .ia3p15 .m5td01 .rkir5g .zcb31f:after {
          position: absolute;
          right: auto;
          left: calc(100% + 100px);
          top: 50%;
          background-color: #fff;
          content: "";
          width: 700%;
          height: 2px;
          transform: translateY(-50%); }
          @media only screen and (max-width: 767px) {
            .ia3p15 .m5td01 .rkir5g .zcb31f:after {
              left: calc(100% + 50px); } }
        .ia3p15 .m5td01 .rkir5g .zcb31f i {
          color: #fff;
          font-size: 82px; }
          @media only screen and (min-width: 768px) and (max-width: 991px) {
            .ia3p15 .m5td01 .rkir5g .zcb31f i {
              font-size: 75px; } }
          @media only screen and (max-width: 767px) {
            .ia3p15 .m5td01 .rkir5g .zcb31f i {
              font-size: 50px; } }
    .ia3p15 .m5td01 p {
      color: #fff;
      font-size: 66px;
      font-weight: bold;
      font-family: var(--rufina);
      margin: 0 0 63px;
      line-height: 107px; }
      @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .ia3p15 .m5td01 p {
          font-size: 50px;
          margin: 0 0 63px;
          line-height: 80px; } }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .ia3p15 .m5td01 p {
          font-size: 28px;
          margin: 28px 0 40px;
          line-height: 55px; } }
      @media only screen and (max-width: 767px) {
        .ia3p15 .m5td01 p {
          font-size: 22px;
          line-height: 37px;
          margin: 15px 0 25px;
          padding: 0 20px; } }
    .ia3p15 .m5td01 .c9mhlh {
      margin-bottom: -12px;
      overflow: hidden;
      display: flex;
      justify-content: center; }
      .ia3p15 .m5td01 .c9mhlh span {
        color: #fff;
        font-size: 24px;
        font-weight: bold;
        font-family: var(--rufina);
        display: block;
        position: relative; }
        @media only screen and (max-width: 767px) {
          .ia3p15 .m5td01 .c9mhlh span {
            font-size: 16px; } }
        .ia3p15 .m5td01 .c9mhlh span:before {
          position: absolute;
          left: auto;
          right: calc(100% + 100px);
          top: 50%;
          background-color: #fff;
          content: "";
          width: 500%;
          height: 2px;
          transform: translateY(-50%); }
          @media only screen and (max-width: 767px) {
            .ia3p15 .m5td01 .c9mhlh span:before {
              right: calc(100% + 50px); } }
        .ia3p15 .m5td01 .c9mhlh span:after {
          position: absolute;
          right: auto;
          left: calc(100% + 100px);
          top: 50%;
          background-color: #fff;
          content: "";
          width: 500%;
          height: 2px;
          transform: translateY(-50%); }
          @media only screen and (max-width: 767px) {
            .ia3p15 .m5td01 .c9mhlh span:after {
              left: calc(100% + 50px); } }

.x8tebk p {
  font-size: 28px;
  line-height: 39px;
  margin: 15px auto 45px;
  width: 63%;
  font-family: var(--fonttitle); }
  @media only screen and (min-width: 1366px) and (max-width: 1600px) {
    .x8tebk p {
      font-size: 25px; } }
  @media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .x8tebk p {
      font-size: 23px;
      width: 83%; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .x8tebk p {
      font-size: 20px;
      width: 85%; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .x8tebk p {
      font-size: 20px;
      width: 90%; } }
  @media only screen and (max-width: 767px) {
    .x8tebk p {
      font-size: 16px;
      line-height: 30px;
      margin: 15px auto 25px;
      width: 100%; } }

.dy8opq {
  margin-top: -240px; }
  @media only screen and (max-width: 767px) {
    .dy8opq {
      margin-top: -80px; } }

.ea3ow2 {
  padding-top: 350px; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .ea3ow2 {
      padding-top: 305px; } }
  @media only screen and (max-width: 767px) {
    .ea3ow2 {
      padding-top: 125px; } }

.fhd4sh {
  position: relative;
  overflow: hidden;
  background-attachment: fixed;
  background-repeat: no-repeat; }

.mmhumq {
  position: absolute;
  right: 0;
  bottom: 0;
  animation-duration: 2.5s;
  animation-name: bounce-img-2;
  animation-iteration-count: infinite; }
  .mmhumq img {
    width: 597px; }
    @media only screen and (min-width: 1366px) and (max-width: 1600px) {
      .mmhumq img {
        width: 350px; } }
    @media only screen and (min-width: 1200px) and (max-width: 1365px) {
      .mmhumq img {
        width: 250px; } }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .mmhumq img {
        width: 200px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .mmhumq img {
        width: 150px; } }
    @media only screen and (max-width: 767px) {
      .mmhumq img {
        width: 100px; } }

.n1wbqo {
  position: absolute;
  left: 0;
  bottom: 0;
  animation-duration: 2.5s;
  animation-name: bounce-img-2;
  animation-iteration-count: infinite; }
  .n1wbqo img {
    width: 486px; }
    @media only screen and (min-width: 1366px) and (max-width: 1600px) {
      .n1wbqo img {
        width: 380px; } }
    @media only screen and (min-width: 1200px) and (max-width: 1365px) {
      .n1wbqo img {
        width: 280px; } }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .n1wbqo img {
        width: 230px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .n1wbqo img {
        width: 180px; } }
    @media only screen and (max-width: 767px) {
      .n1wbqo img {
        width: 100px; } }

.hizux1 {
  border: 1px solid #979797;
  padding: 0 0 55px; }

.qm1cw3 p {
  font-size: 18px;
  line-height: 36px;
  margin: 9px auto 19px;
  width: 64%; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .qm1cw3 p {
      width: 78%; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .qm1cw3 p {
      width: 73%; } }
  @media only screen and (max-width: 767px) {
    .qm1cw3 p {
      font-size: 14px;
      line-height: 30px; } }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .qm1cw3 p {
      font-size: 16px;
      line-height: 34px; } }

.uzzjwd .rs5x5j div {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 40px;
  font-size: 30px;
  transition: all .3s ease 0s; }
  @media only screen and (max-width: 767px) {
    .uzzjwd .rs5x5j div {
      left: 15px;
      font-size: 20px; } }
  .uzzjwd .rs5x5j div:hover {
    color: var(--colormain2); }
  .uzzjwd .rs5x5j div.jo356k {
    left: auto;
    right: 40px; }
    @media only screen and (max-width: 767px) {
      .uzzjwd .rs5x5j div.jo356k {
        right: 15px; } }

.l2rtge p {
  font-size: 36px;
  font-family: var(--fonttitle);
  line-height: 49px;
  margin: 27px auto 36px;
  width: 68%; }
  @media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .l2rtge p {
      font-size: 30px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .l2rtge p {
      font-size: 30px;
      line-height: 45px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .l2rtge p {
      font-size: 25px;
      line-height: 40px;
      width: 100%; } }
  @media only screen and (max-width: 767px) {
    .l2rtge p {
      font-size: 20px;
      line-height: 36px;
      margin: 16px auto 26px;
      width: 100%; } }

.a7tiu7 {
  padding: 148px 0 142px; }
  @media only screen and (max-width: 767px) {
    .a7tiu7 {
      padding: 70px 0 70px; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .fhd4sh.bomylt {
    padding-top: 100px; }
  .fhd4sh.pe7r3f {
    padding-bottom: 100px; }

  .cc4u3y.d7jgqq {
    padding-top: 120px; } }
@media only screen and (max-width: 767px) {
  .fhd4sh.bomylt {
    padding-top: 70px; }
  .fhd4sh.pe7r3f {
    padding-bottom: 70px; }

  .cc4u3y.d7jgqq {
    padding-top: 115px; } }
/*-------- 17. Others style ---------*/
[data-overlay] {
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  z-index: 1; }
  [data-overlay]::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.6);
    z-index: -1; }

.rs5x5j {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  z-index: 1; }
  @media only screen and (max-width: 540px) {
    .rs5x5j {
      left: 0;
      right: 0;
      top: auto;
      bottom: 20px;
      justify-content: center; } }
  .rs5x5j div {
    z-index: 9;
    color: var(--white);
    font-size: 20px;
    transition: all .3s ease 0s;
    margin: 0 10px;
    width: 50px;
    height: 50px;
    background: #A67360;
    line-height: 54px;
    text-align: center;
    border-radius: 50%; }
    @media only screen and (max-width: 540px) {
      .rs5x5j div {
        width: 40px;
        height: 40px;
        line-height: 44px;
        margin: 0 5px; } }

@media only screen and (max-width: 540px) {
  .row {
    margin: 0; } }
.qe0nyg {
  margin-left: 375px; }
  @media only screen and (min-width: 1366px) and (max-width: 1600px) {
    .qe0nyg {
      margin-left: 275px; } }
  @media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .qe0nyg {
      margin-left: 270px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .qe0nyg {
      margin-left: 250px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .qe0nyg {
      margin-left: 0px; } }
  @media only screen and (max-width: 767px) {
    .qe0nyg {
      margin-left: 0px; } }

.lqu432 img {
  max-width: 100%; }
.lqu432 h3 {
  font-size: 24px;
  text-transform: uppercase;
  margin: 50px 0 41px;
  color: #262626; }
  @media only screen and (max-width: 767px) {
    .lqu432 h3 {
      font-size: 17px;
      margin: 30px 0 31px; } }
.lqu432 .ckrt8l a {
  display: inline-block;
  color: var(--white);
  font-weight: 500;
  text-transform: uppercase;
  background-color: #262626;
  padding: 18px 32px; }
  .lqu432 .ckrt8l a:hover {
    background-color: var(--colormain); }

@media only screen and (max-width: 767px) {
  .g0ivuj {
    padding: 0 15px; } }
.g0ivuj h1 {
  font-size: 250px;
  color: var(--black);
  margin: 0;
  font-family: var(--fonttitle); }
  @media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .g0ivuj h1 {
      font-size: 220px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .g0ivuj h1 {
      font-size: 220px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .g0ivuj h1 {
      font-size: 200px; } }
  @media only screen and (max-width: 767px) {
    .g0ivuj h1 {
      font-size: 140px; } }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .g0ivuj h1 {
      font-size: 200px; } }
.g0ivuj h3 {
  font-size: 64px;
  color: var(--black);
  margin: 0px 0 70px;
  font-family: var(--fonttitle); }
  @media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .g0ivuj h3 {
      font-size: 55px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .g0ivuj h3 {
      font-size: 55px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .g0ivuj h3 {
      font-size: 55px; } }
  @media only screen and (max-width: 767px) {
    .g0ivuj h3 {
      font-size: 25px;
      margin: 10px 0 30px; } }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .g0ivuj h3 {
      font-size: 30px;
      margin: 10px 0 30px; } }

.oao5ak h3 {
  font-size: 24px;
  font-weight: 700;
  text-transform: capitalize;
  line-height: 28px;
  margin-bottom: 20px; }
  @media only screen and (max-width: 767px) {
    .oao5ak h3 {
      font-size: 20px;
      margin-bottom: 12px; } }
.oao5ak ul li {
  margin-bottom: 5px; }
  .oao5ak ul li:last-child {
    margin-bottom: 0; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .oao5ak.indrmt {
    margin-bottom: 40px; } }
@media only screen and (max-width: 767px) {
  .oao5ak.indrmt {
    margin-bottom: 30px; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .p44aop.nmirkn {
    padding-bottom: 30px; } }
@media only screen and (max-width: 767px) {
  .p44aop.nmirkn {
    padding-bottom: 20px; } }
/*-------- 18. About style ---------*/
@-webkit-keyframes s3-rotate {
  from {
    -webkit-transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(359deg); } }
.ljsxvs {
  position: relative; }
  .ljsxvs .eqv7ze {
    font-size: 18px;
    color: var(--colormain);
    line-height: 30px;
    margin: 0; }
  .ljsxvs h2 {
    font-size: 60px;
    color: var(--white);
    line-height: 70px;
    margin: 5px 0 60px 0; }
    @media only screen and (max-width: 767px) {
      .ljsxvs h2 {
        font-size: 40px;
        line-height: 44px; } }
  .ljsxvs p {
    font-size: 16px;
    color: var(--black4);
    width: 80%;
    text-align: justify;
    margin-bottom: 30px;
    line-height: 26px; }
  .ljsxvs .vk45yc {
    font-size: 38px;
    color: var(--white);
    line-height: 58px;
    margin: 80px 0 0;
    text-align: end;
    text-transform: uppercase;
    letter-spacing: 1px; }
    @media only screen and (max-width: 767px) {
      .ljsxvs .vk45yc {
        font-size: 30px;
        line-height: 44px;
        margin: 30px 0 0; } }
  .ljsxvs .lypl5d a {
    position: relative;
    display: inline-block;
    overflow: hidden; }
    .ljsxvs .lypl5d a::after {
      position: absolute;
      height: 100%;
      width: 100%;
      left: 0;
      top: 0;
      content: '';
      -webkit-transform: rotateZ(-180deg);
      -moz-transform: rotateZ(-180deg);
      -ms-transform: rotateZ(-180deg);
      -o-transform: rotateZ(-180deg);
      transform: rotateZ(-180deg);
      transform-origin: center bottom;
      -webkit-transition: all .3s ease;
      -moz-transition: all .3s ease;
      -ms-transition: all .3s ease;
      -o-transition: all .3s ease;
      transition: all .3s ease;
      background: rgba(0, 0, 0, 0.2); }
  .ljsxvs .lypl5d:hover a::after {
    -webkit-transform: rotateZ(0);
    -moz-transform: rotateZ(0);
    -ms-transform: rotateZ(0);
    -o-transform: rotateZ(0);
    transform: rotateZ(0); }
  .ljsxvs .ssph46 .lypl5d {
    z-index: 1;
    margin-top: -50px; }
  .ljsxvs .ssph46 .fu7pzk .rbywc2 {
    z-index: 1; }
    .ljsxvs .ssph46 .fu7pzk .rbywc2 span {
      font-size: 90px;
      line-height: 90px;
      color: var(--white);
      font-weight: 900;
      z-index: 2;
      margin-bottom: -30px; }
    .ljsxvs .ssph46 .fu7pzk .rbywc2 img {
      position: absolute;
      top: -90px;
      left: -90px;
      margin-top: 0;
      -webkit-transition: all 0.4s ease-in-out;
      -moz-transition: all 0.4s ease-in-out;
      -o-transition: all 0.4s ease-in-out;
      transition: all 0.4s ease-in-out;
      -webkit-animation: s3-rotate 20s infinite linear;
      animation: s3-rotate 20s infinite linear; }
  .ljsxvs .ssph46 .fu7pzk .utc0df {
    display: flex;
    flex-direction: column;
    text-align: end;
    z-index: 2;
    margin-top: -20px; }
    .ljsxvs .ssph46 .fu7pzk .utc0df p {
      margin: 0;
      width: 100%;
      font-weight: 600;
      color: var(--white); }
    .ljsxvs .ssph46 .fu7pzk .utc0df span {
      text-transform: uppercase;
      margin: 5px 0;
      color: var(--black4); }

.tgc1i6 a {
  display: inline-block;
  width: 65px;
  height: 65px;
  text-align: center;
  line-height: 65px;
  background-color: var(--colormain);
  color: #fff;
  border-radius: 100%;
  font-size: 20px;
  position: relative; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .tgc1i6 a {
      width: 80px;
      height: 80px;
      line-height: 80px; } }
  @media only screen and (max-width: 767px) {
    .tgc1i6 a {
      width: 60px;
      height: 60px;
      line-height: 60px; } }
  .tgc1i6 a i {
    line-height: 105px; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .tgc1i6 a i {
        line-height: 60px; } }
    @media only screen and (max-width: 767px) {
      .tgc1i6 a i {
        line-height: 60px; } }
  .tgc1i6 a::before {
    animation: 1500ms ease-out 0s normal none infinite running border-jump;
    background: var(--colormain) none repeat scroll 0 0;
    border-radius: 50%;
    content: "";
    display: block;
    height: 60px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 90px;
    z-index: -1; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .tgc1i6 a::before {
        width: 80px;
        height: 80px; } }
    @media only screen and (max-width: 767px) {
      .tgc1i6 a::before {
        width: 60px;
        height: 60px; } }
  .tgc1i6 a:hover {
    background-color: #191919;
    color: #fff; }
.tgc1i6.uzsdnv a {
  width: 60px;
  height: 60px;
  line-height: 60px;
  background-color: var(--colormain); }
  @media only screen and (max-width: 767px) {
    .tgc1i6.uzsdnv a {
      width: 50px;
      height: 50px;
      line-height: 50px;
      font-size: 15px; } }
  .tgc1i6.uzsdnv a i {
    line-height: 60px; }
    @media only screen and (max-width: 767px) {
      .tgc1i6.uzsdnv a i {
        line-height: 60px; } }
  .tgc1i6.uzsdnv a::before {
    background: var(--colormain2) none repeat scroll 0 0;
    height: 60px;
    width: 60px; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .tgc1i6.uzsdnv a::before {
        width: 60px;
        height: 60px; } }
    @media only screen and (max-width: 767px) {
      .tgc1i6.uzsdnv a::before {
        width: 50px;
        height: 50px; } }
  .tgc1i6.uzsdnv a:hover {
    background-color: #191919;
    color: #fff; }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .l7bm6b.cpp654 {
    padding-top: 80px; } }
@media only screen and (max-width: 767px) {
  .l7bm6b.cpp654 {
    padding-top: 20px; } }
.dqs25w {
  display: flex;
  align-items: center;
  justify-content: center; }
  .dqs25w img {
    display: inline-block;
    float: none;
    transition: all 0.3s ease-in-out; }

.bwfphi {
  padding-left: 50px;
  width: 80%; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .bwfphi {
      padding-left: 30px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .bwfphi {
      padding-left: 0px; } }
  @media only screen and (max-width: 767px) {
    .bwfphi {
      padding-left: 0px;
      margin-top: 30px; } }
  .bwfphi span {
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 15px;
    display: block;
    color: var(--colormain); }
  .bwfphi h3 {
    font-size: 40px;
    font-weight: 700;
    margin: 0 0 20px;
    position: relative;
    font-family: var(--fonttitle); }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .bwfphi h3 {
        font-size: 30px;
        margin: 0 0 12px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .bwfphi h3 {
        font-size: 30px;
        margin: 0 0 20px; } }
    @media only screen and (max-width: 767px) {
      .bwfphi h3 {
        font-size: 22px;
        margin: 0 0 10px;
        letter-spacing: 1px; } }
  .bwfphi p {
    line-height: 28px;
    margin: 0 0 30px; }
    @media only screen and (max-width: 767px) {
      .bwfphi p {
        margin: 0 0 20px; } }

.jadjlm h2 {
  font-size: 36px;
  font-weight: 700;
  margin: 0 0 30px;
  position: relative;
  font-family: var(--fonttitle); }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .jadjlm h2 {
      font-size: 30px;
      margin: 0 0 12px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .jadjlm h2 {
      font-size: 30px;
      margin: 0 0 20px; } }
  @media only screen and (max-width: 767px) {
    .jadjlm h2 {
      font-size: 22px;
      margin: 0 0 10px;
      letter-spacing: 1px; } }

.z4ak8e {
  overflow: hidden;
  padding-top: 11px;
  margin-top: 20px; }
  @media only screen and (max-width: 767px) {
    .z4ak8e {
      margin-top: 10px; } }
  .z4ak8e .tfjv4g {
    padding-bottom: 30px;
    position: relative; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .z4ak8e .tfjv4g {
        padding-bottom: 20px; } }
    @media only screen and (max-width: 767px) {
      .z4ak8e .tfjv4g {
        padding-bottom: 20px; } }
    .z4ak8e .tfjv4g > span {
      font-size: 15px;
      text-align: center;
      text-transform: capitalize;
      z-index: 2; }
    .z4ak8e .tfjv4g .progress {
      background-color: #EFEFEF;
      border-radius: 0;
      box-shadow: none;
      height: 5px;
      margin-top: 9px;
      overflow: visible; }
      .z4ak8e .tfjv4g .progress .y4i89r {
        background-color: var(--colormain);
        box-shadow: none;
        position: relative; }
        .z4ak8e .tfjv4g .progress .y4i89r span.gou3cs {
          color: #262626;
          font-size: 15px;
          text-transform: uppercase;
          position: absolute;
          right: 0;
          top: -32px; }
    .z4ak8e .tfjv4g:nth-child(1) .y4i89r {
      width: 95%; }
    .z4ak8e .tfjv4g:nth-child(2) .y4i89r {
      width: 85%; }
    .z4ak8e .tfjv4g:nth-child(3) .y4i89r {
      width: 80%; }
    .z4ak8e .tfjv4g:nth-child(4) .y4i89r {
      width: 99%; }

.koocbw {
  margin-left: 50px; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .koocbw {
      margin-left: 0px; } }
  @media only screen and (max-width: 767px) {
    .koocbw {
      margin-left: 0px; } }
  .koocbw img {
    width: 100%; }

.rixqs0 .aq4k00 {
  overflow: hidden;
  position: relative;
  padding: 20px; }
  .rixqs0 .aq4k00 a img {
    width: 100%; }
.rixqs0 .wfr88m {
  background: #fff none repeat scroll 0 0;
  padding: 10px;
  position: relative;
  text-align: center;
  transition: all 0.6s ease 0s;
  width: 100%;
  z-index: 5; }
  .rixqs0 .wfr88m a {
    color: #fff;
    font-size: 15px;
    transition: all 0.3s ease 0s;
    margin: 0 2px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    display: inline-block;
    border-radius: 100%; }
    .rixqs0 .wfr88m a.q7p82b {
      background-color: #3b5998;
      border: 1px solid #3b5998; }
      .rixqs0 .wfr88m a.q7p82b:hover {
        background-color: transparent;
        color: #3b5998; }
    .rixqs0 .wfr88m a.ok51pj {
      background-color: #55acee;
      border: 1px solid #55acee; }
      .rixqs0 .wfr88m a.ok51pj:hover {
        background-color: transparent;
        color: #55acee; }
    .rixqs0 .wfr88m a.h1x6ra {
      background-color: #c32aa3;
      border: 1px solid #c32aa3; }
      .rixqs0 .wfr88m a.h1x6ra:hover {
        background-color: transparent;
        color: #c32aa3; }
.rixqs0 .ed1203 {
  padding: 20px 10px 21px;
  box-shadow: 0 3px 5px rgba(85, 85, 85, 0.2); }
  .rixqs0 .ed1203 h4 {
    font-size: 26px;
    font-weight: 500;
    margin: 0 0 3px;
    text-transform: capitalize;
    color: var(--colormain); }
  .rixqs0 .ed1203 span {
    font-size: 15px;
    color: var(--white); }

.jka89r .abn8gy .agn968 {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 30px; }
  .jka89r .abn8gy .agn968 img {
    border-radius: 50%;
    border: 1px dashed var(--black3);
    padding: 15px; }

/*-------- 29. Coming soon style ---------*/
@media only screen and (max-width: 767px) {
  .fceqx2 {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom center; } }

@media only screen and (max-width: 767px) {
  .mgle55 {
    padding: 0 15px; } }
.mgle55 h1 {
  font-size: 100px;
  color: var(--white);
  line-height: 1;
  margin: 0;
  font-family: var(--fonttitle); }
  @media only screen and (min-width: 1366px) and (max-width: 1600px) {
    .mgle55 h1 {
      font-size: 80px; } }
  @media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .mgle55 h1 {
      font-size: 80px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .mgle55 h1 {
      font-size: 80px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .mgle55 h1 {
      font-size: 70px; } }
  @media only screen and (max-width: 767px) {
    .mgle55 h1 {
      font-size: 32px; } }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .mgle55 h1 {
      font-size: 40px; } }
.mgle55 .rlvqcs {
  margin: 60px 0 36px; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .mgle55 .rlvqcs {
      margin: 40px 0 36px; } }
  @media only screen and (max-width: 767px) {
    .mgle55 .rlvqcs {
      margin: 30px 0 30px; } }
  .mgle55 .rlvqcs div {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start; }
    .mgle55 .rlvqcs div > span {
      color: var(--white);
      margin: 0 40px; }
      @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .mgle55 .rlvqcs div > span {
          margin: 0 30px; } }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .mgle55 .rlvqcs div > span {
          margin: 0 20px; } }
      @media only screen and (max-width: 767px) {
        .mgle55 .rlvqcs div > span {
          margin: 0 10px; } }
      .mgle55 .rlvqcs div > span > span {
        font-size: 32px; }
      .mgle55 .rlvqcs div > span > p {
        color: var(--white);
        font-size: 18px;
        margin: 7px 0 0; }
      .mgle55 .rlvqcs div > span:first-child {
        margin-left: 0; }

.xirzmd a, .vy673d a {
  display: inline-block;
  line-height: 1;
  color: var(--white);
  border: 2px solid var(--white);
  text-transform: uppercase;
  z-index: 2;
  font-size: 16px;
  padding: 18px 33px;
  transition: all .5s ease-in-out 0s; }
  @media only screen and (max-width: 767px) {
    .xirzmd a, .vy673d a {
      padding: 15px 25px;
      margin-bottom: 10px; } }
  .xirzmd a:hover, .vy673d a:hover {
    border: 2px solid var(--white);
    color: var(--black); }

/*-------- 30. Contact style ---------*/
.m9pdx8 {
  margin-right: 50px; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .m9pdx8 {
      margin-right: 0px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .m9pdx8 {
      margin-right: 0px; } }
  @media only screen and (max-width: 767px) {
    .m9pdx8 {
      margin-right: 0px; } }
  .m9pdx8 h2 {
    font-weight: bold;
    font-size: 32px;
    margin: 0 0 42px;
    color: #262626;
    text-transform: uppercase;
    font-family: var(--fonttitle); }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .m9pdx8 h2 {
        font-size: 25px;
        margin: 0 0 20px; } }
    @media only screen and (max-width: 767px) {
      .m9pdx8 h2 {
        font-size: 25px;
        margin: 0 0 20px; } }
  .m9pdx8 input, .m9pdx8 textarea, .m9pdx8 select {
    height: 70px;
    background-color: transparent;
    border: 1px solid #D8D8D8;
    color: #5d5d5d;
    padding: 2px 23px;
    margin-bottom: 20px; }
    @media only screen and (max-width: 767px) {
      .m9pdx8 input, .m9pdx8 textarea, .m9pdx8 select {
        height: 50px; } }
    .m9pdx8 input::-webkit-input-placeholder, .m9pdx8 textarea::-webkit-input-placeholder, .m9pdx8 select::-webkit-input-placeholder {
      color: #5d5d5d;
      opacity: 1; }
  .m9pdx8 textarea {
    padding: 20px 20px;
    height: 180px; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .m9pdx8 textarea {
        height: 160px; } }
    @media only screen and (max-width: 767px) {
      .m9pdx8 textarea {
        height: 120px; } }
  .m9pdx8 select {
    -moz-appearance: none;
    -webkit-appearance: none;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' style='fill: rgb%28138, 138, 138%29'></polygon></svg>");
    background-size: 9px 6px;
    background-position: right -10px center;
    background-origin: content-box;
    background-repeat: no-repeat;
    max-width: 100%; }
  .m9pdx8 button.submit {
    background-color: #181818;
    color: #fff;
    padding: 13px 45px 13px;
    border: none;
    font-weight: bold; }
    .m9pdx8 button.submit:hover {
      background-color: var(--colormain); }

@media only screen and (max-width: 767px) {
  .kjy5a6 {
    margin: 30px 0 0px; } }
.kjy5a6 h2 {
  font-weight: bold;
  font-size: 32px;
  margin: 0 0 42px;
  color: #262626;
  text-transform: uppercase;
  font-family: var(--fonttitle); }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .kjy5a6 h2 {
      font-size: 25px;
      margin: 0 0 20px; } }
  @media only screen and (max-width: 767px) {
    .kjy5a6 h2 {
      font-size: 25px;
      margin: 0 0 20px; } }
.kjy5a6 .c5zikm .oh0rc7 .h198p1 {
  display: flex;
  align-items: center;
  margin: 0 0 13px; }
  .kjy5a6 .c5zikm .oh0rc7 .h198p1 i {
    color: #2F2F2F;
    font-size: 20px; }
  .kjy5a6 .c5zikm .oh0rc7 .h198p1 span {
    font-weight: bold;
    color: #282828;
    margin: 0 0 0 14px;
    display: inline-block; }
.kjy5a6 .c5zikm .oh0rc7 p {
  font-size: 12px;
  line-height: 18px;
  margin: 0; }
.kjy5a6 .yjjia6 {
  border-top: 1px solid rgba(119, 119, 119, 0.2);
  margin-top: 34px;
  padding-top: 33px; }
  .kjy5a6 .yjjia6 ul li {
    font-size: 12px;
    margin: 0 0 15px;
    color: #262626; }
    .kjy5a6 .yjjia6 ul li:last-child {
      margin-bottom: 0; }
    .kjy5a6 .yjjia6 ul li i {
      font-size: 20px;
      position: relative;
      top: 5px;
      margin-right: 14px; }
  .kjy5a6 .yjjia6 .buj6v5 {
    margin: 40px 0 0; }
    .kjy5a6 .yjjia6 .buj6v5 a {
      font-size: 20px;
      margin-right: 17px; }

#f1grne {
  height: 300px; }

/*-------- 31. Faq style ---------*/
.mczvuj h2 {
  font-weight: bold;
  font-size: 32px;
  margin: 0 0 42px;
  color: #000;
  text-transform: uppercase; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .mczvuj h2 {
      font-size: 25px;
      margin: 0 0 20px; } }
  @media only screen and (max-width: 767px) {
    .mczvuj h2 {
      font-size: 25px;
      margin: 0 0 20px; } }

.w1giwl {
  border-radius: 0px;
  background-color: #fff; }
  .w1giwl .dhk8bt h4 {
    font-size: 14px;
    margin: 0;
    background-color: var(--white); }
    .w1giwl .dhk8bt h4 a {
      letter-spacing: 0.6px;
      color: var(--black2);
      font-size: 16px;
      display: block;
      position: relative;
      padding: 15px 0;
      font-weight: 600;
      border-bottom: 1px solid #f2f2f2;
      font-family: var(--fontprimary); }
      @media only screen and (max-width: 767px) {
        .w1giwl .dhk8bt h4 a {
          padding: 15px 30px 15px 15px;
          font-size: 16px; } }
      .w1giwl .dhk8bt h4 a.collapsed {
        position: relative; }
        .w1giwl .dhk8bt h4 a.collapsed::before {
          position: absolute;
          right: 13px;
          height: 2px;
          background-color: #111111;
          width: 12px;
          top: 50%;
          margin-top: -2px;
          content: "";
          transition: all .3s ease 0s; }
        .w1giwl .dhk8bt h4 a.collapsed::after {
          content: "";
          width: 2px;
          height: 12px;
          position: absolute;
          background-color: #111111;
          top: 49%;
          transform: translateY(-50%);
          right: 18px;
          transition: all .3s ease 0s; }
      .w1giwl .dhk8bt h4 a::before {
        position: absolute;
        right: 13px;
        height: 2px;
        background-color: #343538;
        width: 12px;
        top: 50%;
        margin-top: -2px;
        content: "";
        transition: all .3s ease 0s; }
  .w1giwl .t89okp .vl1rql p {
    line-height: 26px;
    font-size: 16px;
    margin: 0;
    color: #666666;
    padding: 30px;
    letter-spacing: 0.6px;
    font-family: var(--fonttitle);
    background: #f9f9f9;
    margin-top: 30px; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .w1giwl .t89okp .vl1rql p {
        padding: 30px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .w1giwl .t89okp .vl1rql p {
        padding: 20px; } }
    @media only screen and (max-width: 767px) {
      .w1giwl .t89okp .vl1rql p {
        padding: 10px; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .s7zuhl.g39jxa {
    padding-top: 70px; }
  .s7zuhl.ag1mcb {
    padding-bottom: 60px; } }
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .s7zuhl .mczvuj.x5c1s9 {
    margin-bottom: 30px; } }
@media only screen and (max-width: 767px) {
  .s7zuhl.g39jxa {
    padding-top: 50px; }
  .s7zuhl.ag1mcb {
    padding-bottom: 30px; } }
@media only screen and (max-width: 767px) {
  .s7zuhl .mczvuj h2 {
    font-size: 21px; }
  .s7zuhl .mczvuj.x5c1s9 {
    margin-bottom: 20px; } }

.z15ny9 .s7zuhl .l7vwa1 a {
  font-size: 20px;
  font-weight: 700;
  color: var(--colormain);
  text-transform: capitalize;
  padding: 10px 0px;
  position: relative;
  margin: 0 20px; }
  .z15ny9 .s7zuhl .l7vwa1 a::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    background: var(--colormain);
    height: 2px;
    width: 100%;
    opacity: 0;
    transition: .3s; }
  .z15ny9 .s7zuhl .l7vwa1 a.active {
    color: var(--black2); }
    .z15ny9 .s7zuhl .l7vwa1 a.active::before {
      opacity: 1; }

/*-------- 33. Newsletter style ---------*/
.yhruyy {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  z-index: 999;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  transition: .5s; }
  .yhruyy.aoxte0 {
    /*opacity: 1;
    visibility: visible;*/ }
    @media only screen and (max-width: 767px) {
      .yhruyy.aoxte0 {
        opacity: 0;
        visibility: hidden; } }
  .yhruyy .lkeo7m {
    width: 848px;
    background: var(--white);
    height: 448px;
    display: grid;
    grid-template-columns: 327px auto;
    position: relative; }
    .yhruyy .lkeo7m .rabsa2 {
      position: absolute;
      right: 15px;
      z-index: 10;
      top: 15px;
      cursor: pointer;
      width: 30px;
      height: 30px;
      text-align: center;
      line-height: 30px;
      font-size: 15px;
      border-radius: 50%;
      transition: .3s;
      display: inline-block; }
      .yhruyy .lkeo7m .rabsa2 i {
        line-height: 30px;
        font-size: 14px; }
    .yhruyy .lkeo7m .v58o88 {
      height: 100%;
      background-image: url(../images/bg/newsletter_bg.png);
      background-size: cover;
      background-position: center center;
      background-repeat: no-repeat; }
    .yhruyy .lkeo7m .dq9qa4 {
      padding: 90px 70px 70px 70px; }
      .yhruyy .lkeo7m .dq9qa4 h3 {
        font-size: 30px;
        font-weight: 700;
        color: var(--black2);
        margin-bottom: 0;
        font-family: var(--fonttitle); }
      .yhruyy .lkeo7m .dq9qa4 p {
        font-size: 14px;
        font-weight: 500;
        line-height: 26px;
        color: var(--black3);
        margin: 15px 0 25px 0;
        font-family: var(--fonttitle); }
      .yhruyy .lkeo7m .dq9qa4 .a0pjkc {
        border-radius: 4px;
        margin-bottom: 20px; }

/*# sourceMappingURL=style.css.map */
/*新增加的css*/
.tqpe63 {
  padding: 20px 16px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.kdjf6b {
  margin-top: 20px;
  display: flex;
  flex-wrap: nowrap;
  gap: 6px;
}
.kdjf6b a,
.kdjf6b span {
  min-width: 38px;
  height: 38px;
  border: 1px solid #ccc;
  text-decoration: none;
  color: #333;
  border-radius: 4px;
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.kdjf6b .uf0ccr {
  background-color: rgb(255 121 8);
  color: white;
  border-color: rgb(255 121 8);
}
.kdjf6b .disabled {
  color: #aaa;
  border-color: #eee;
}

/* Theme 462 migration */
.l1c93g nav ul li a { white-space: nowrap; }
.ijuv92 { font-size: 0; text-align: right; white-space: nowrap; }
.ijuv92 .z8ejl8 { display: inline-block; vertical-align: middle; min-width: 76px; height: 42px; line-height: 40px; margin-left: 8px; padding: 0 18px; border: 1px solid #ff7908; background: #ff7908; color: #111111; font-size: 14px; font-weight: 700; text-align: center; border-radius: 3px; }
.ijuv92 .gda9yx { background: #ffffff; color: #111111; }
.ijuv92 .ph4p2h { display: inline-block; vertical-align: middle; margin-left: 10px; font-size: 18px; }
.ztgk7m h1 { color: #ffffff; font-size: 42px; line-height: 1.2; margin: 0 0 12px; font-weight: 800; }
.ohw7xq { color: #111111; font-size: 36px; line-height: 1.35; margin: 12px 0 22px; font-weight: 800; }
.sb0brj img, .riahp2 img, .p14l9c img { max-height: 260px; object-fit: cover; width: 100%; }
.uq8ts6 { background: #ffffff; color: #1b1b1b; }
.uq8ts6 h2, .uq8ts6 h3, .uq8ts6 strong { color: #111111; }
.uq8ts6 p, .uq8ts6 li, .uq8ts6 span { color: #4a4a4a; }
.h8zgdf { display: inline-block; margin-bottom: 14px; color: #ff7908 !important; font-weight: 800; letter-spacing: 0; text-transform: uppercase; }
.rjrz1q h2 { font-size: 40px; line-height: 1.25; margin-bottom: 20px; }
.rjrz1q p { font-size: 16px; line-height: 30px; margin-bottom: 22px; }
.v5887e { padding: 0; margin: 0 0 28px; list-style: none; }
.v5887e li { position: relative; padding-left: 22px; margin-bottom: 10px; line-height: 26px; }
.v5887e li:before { content: ''; position: absolute; left: 0; top: 10px; width: 8px; height: 8px; background: #ff7908; }
.p2vgnd { font-size: 0; margin-top: 24px; }
.fl7jnt, .g4spzt, .de0x4d button, .de0x4d a { display: inline-block; vertical-align: middle; min-width: 140px; height: 48px; line-height: 46px; margin: 0 10px 10px 0; padding: 0 22px; text-align: center; border-radius: 3px; font-size: 15px; font-weight: 800; }
.fl7jnt, .de0x4d button { border: 1px solid #ff7908; background: #ff7908; color: #111111; }
.g4spzt, .de0x4d a { border: 1px solid #222222; background: #ffffff; color: #111111; }
.ybt3l8, .janx8a, .wue6vz, .aonnjm { background: #ffffff; border: 1px solid #eeeeee; box-shadow: 0 12px 35px rgba(0,0,0,.08); }
.ybt3l8 { position: relative; padding: 18px; }
.ybt3l8 img, .janx8a img { display: block; width: 100%; max-height: 360px; object-fit: cover; }
.ibnumz { position: absolute; right: 34px; bottom: 34px; width: 250px; padding: 22px; background: #111111; }
.ibnumz span, .ibnumz p { color: #dddddd !important; }
.ibnumz strong { display: block; color: #ffffff; font-size: 22px; margin: 6px 0; }
.upec4z { min-height: 220px; padding: 34px 28px; margin-bottom: 30px; border: 1px solid #eeeeee; background: #ffffff; }
.upec4z span { display: inline-block; width: 42px; height: 42px; line-height: 42px; margin-bottom: 20px; background: #ff7908; color: #111111 !important; text-align: center; font-weight: 800; }
.yaepmp, .cfreux { font-size: 0; margin: 30px -10px 0; }
.yaepmp div, .cfreux a { display: inline-block; vertical-align: top; width: 50%; padding: 10px; font-size: 15px; }
.yaepmp div { min-height: 130px; }
.yaepmp div, .cfreux a, .c6kf3y { border: 1px solid #eeeeee; background: #ffffff; }
.yaepmp strong, .cfreux strong { display: block; margin-bottom: 8px; font-size: 18px; }
.cfreux a span { display: block; color: #555555; line-height: 24px; }
.janx8a { position: relative; padding: 20px; }
.elub4z { position: absolute; left: 38px; bottom: 38px; padding: 12px 18px; background: #ff7908; color: #111111 !important; font-weight: 800; }
.e0lmr5 { display: table; width: 100%; table-layout: fixed; border: 1px solid #eeeeee; background: #ffffff; }
.e0lmr5 div { display: table-cell; padding: 26px 18px; border-right: 1px solid #eeeeee; text-align: center; }
.e0lmr5 div:last-child { border-right: 0; }
.e0lmr5 b { display: block; width: 42px; height: 42px; line-height: 42px; margin: 0 auto 12px; background: #111111; color: #ffffff; border-radius: 50%; }
.mne79d { background: #111111; }
.mne79d .a2qz47 h2, .mne79d .a2qz47 p, .mne79d .a2qz47 li { color: #ffffff; }
.wue6vz { padding: 42px; color: #111111; }
.wue6vz h2 { font-size: 30px; margin-bottom: 8px; }
.wue6vz p { color: #555555 !important; margin-bottom: 26px; }
.wue6vz input, .wue6vz textarea { width: 100%; height: 54px; margin-bottom: 16px; padding: 0 18px; border: 1px solid #dddddd; background: #ffffff; color: #111111; font-size: 15px; }
.wue6vz textarea { height: 130px; padding-top: 15px; }
.y9z62f { font-size: 0; margin-left: -8px; margin-right: -8px; }
.y9z62f input { display: inline-block; vertical-align: top; width: 50%; padding-left: 18px; margin-left: 0; border-left-width: 8px; border-left-color: #ffffff; border-right-width: 8px; border-right-color: #ffffff; }
.de0x4d { font-size: 0; margin-top: 8px; }
.de0x4d.bhayth { text-align: center; }
.xtcte4 { background: #f7f7f7; }
.pfm2z9 h2 { font-size: 38px; margin-bottom: 12px; }
.pfm2z9 p { max-width: 760px; margin-left: auto; margin-right: auto; line-height: 28px; }
.eagnbc { background: #ffffff; }
.c6kf3y { padding: 24px; margin-bottom: 20px; text-align: center; font-weight: 800; color: #111111; }
.levtmn { background: #fafafa; }
.aonnjm { padding: 34px 38px; }
.aonnjm h3 { margin-bottom: 10px; }
.hr8n63 ul li { margin-right: 18px; }
@media only screen and (max-width: 1199px) { .ijuv92 .z8ejl8 { min-width: 68px; padding: 0 12px; } .l1c93g nav ul li a { font-size: 13px; } }
@media only screen and (max-width: 991px) { .ztgk7m h1 { font-size: 34px; } .rjrz1q h2 { font-size: 32px; } .ibnumz { position: static; width: auto; margin-top: 18px; } .e0lmr5, .e0lmr5 div { display: block; } .e0lmr5 div { border-right: 0; border-bottom: 1px solid #eeeeee; } }
@media only screen and (max-width: 767px) { .yaepmp div, .cfreux a, .y9z62f input { width: 100%; display: block; } .wue6vz { padding: 28px 20px; } .fl7jnt, .g4spzt, .de0x4d button, .de0x4d a { width: 100%; margin-right: 0; } .ztgk7m h1 { font-size: 28px; } }