/*** ======= // TABLE OF CONTENT // ============================

01- Google Fonts

02- General Variables

03- General Styling

    03.1- Paddings

    03.2- Margins

    03.3- Default Colors

    03.4- Container

    03.5- Column Gap

    03.6- Fonts Typography

    03.7- Parallax Background

    03.8- Background Layer

    03.9- Opacity

    03.10- Iframe

    03.11- Image

    03.12- Width

    03.13- Cross Browser Compatibility

    03.14- Border Radius

    03.15- Play Button

    03.16- Animations

    03.17- Social Media

04- Header Styles

    04.1- Dropdown

    04.2- Side Menu

    04.3- Header Search

    04.4- Header Style 1

    04.5- Header Style 2

    04.6- Header Style 3

05- Sticky Header

    05.1- Sticky Header 1

    05.2- Sticky Header 2

    05.3- Sticky Header 3

06- Featured Area Style 1

07- Sec Title

08- About Style 1

09- Theme Button

10- Event Style 1

11- Reasons Wrap

12- Package Style 1

13- Speakers

14- Event Grid Style 1

15- Discount Wrap

16- Blog Style 1

17- Newsletter Style 1

18- Footer Style 1

19- Footer Bottom

20- Featured Area Style 2

21- Services Style 1

22- Event Grid Style 2

23- About Style 2

24- Facts Style 1

25- Event Style 2

26- Event List Style

27- Sponsors Style 1

28- Packages Style 2

29- Newsletter Style 2

30- Blog Style 2

31- Blog List

32- Testimonials Style 1

33- About Me

34- About Me Counter

35- Services Style 2

36- About Style 3

37- Features Style

38- How It Works Style

39- Testimonials Style 2

40- Filter Links

41- Gallery Style 1

42- Contact Form With Map

43- Sponsors Style 2

44- Footer Style 2

45- Page Title

46- Gallery Style 2

47- Pagination Style

48- 404 Error

49- Facts Style 2

50- Contact Style

51- Faq Style

52- Products Style

53- Product List Style

54- Sidebar

55- Product Detail

    55.1- Product Detail Meta

56- Product Cart

57- Product Checkout

58- Blog Detail

59- Event Detail

60- Speaker Detail

61- Login Popup

62- Content Elements

    62.1- Dividers

    62.2- List Styles

    62.3- Alert

    62.4- Toggles Style 2

    62.5- Toggles Style 3

    62.6- Tabs

    62.7- Progress

    62.8- Buttons

    62.9- Gallery Carousel

    62.10- Gallery Carousel 2

    62.11- Carousel Dots

    62.12- Video

    62.13- Banners



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



/*=== Google Fonts ===*/

@import url(https://fonts.googleapis.com/css2?family=Just+Another+Hand&display=swap);

@import url(https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap);

@import url(https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);



/*=== General Variables ===*/

:root {

  --color1: #2f2f2f;

  --color2: #ffa737;

  --color3: #53ba76;

  --color4: #07294e;

  --color5: #34a104;

  --color6: #cb153c;

  --color7: #1ad688;

  --color8: #ffc600;

  --color9: #c40172;

  --color10: #990fff;

  --color11: #ff7500;

  --color12: #0072b1;

  --color13: #55a61d;

  --color14: #e90133;

  --color15: #02728e;

  --color16: #1ec8bf;

  --color17: #ff4747;

  --color18: #ffe27a;

  --color19: #1f5abc;

  --color20: #d2eaff;

  --color21: #4797f0;

  --color22: #f04786;

  --color23: #f04700;

  --transition: all 0.2s cubic-bezier(0.19, 0.68, 0.49, 1.21);

  --transition2: all .3s linear;

  --round: 50%;

  --curve: 3px;

  --full: 100%;

}

.bg-color1{background-color:var(--color1);}

.bg-color2{background-color:var(--color2);}

.bg-color3{background-color:var(--color3);}

.bg-color4{background-color:var(--color4);}

.bg-color5{background-color:var(--color5);}

.bg-color6{background-color:var(--color6);}

.bg-color7{background-color:var(--color7);}

.bg-color8{background-color:var(--color8);}

.bg-color9{background-color:var(--color9);}

.bg-color10{background-color:var(--color10);}

.bg-color11{background-color:var(--color11);}

.bg-color12{background-color:var(--color12);}

.bg-color13{background-color:var(--color13);}

.bg-color14{background-color:var(--color14);}

.bg-color15{background-color:var(--color15);}

.bg-color16{background-color:var(--color16);}

.bg-color17{background-color:var(--color17);}

.bg-color18{background-color:var(--color18);}

.bg-color19{background-color:var(--color19);}

.bg-color20{background-color:var(--color20);}

.bg-color21{background-color:var(--color21);}

.bg-color22{background-color:var(--color22);}

.bg-color23{background-color:var(--color23);}

.text-color1{color:var(--color1);}

.text-color2{color:var(--color2);}

.text-color3{color:var(--color3);}

.text-color4{color:var(--color4);}

.text-color5{color:var(--color5);}

.text-color6{color:var(--color6);}

.text-color7{color:var(--color7);}

.text-color8{color:var(--color8);}

.text-color9{color:var(--color9);}

.text-color10{color:var(--color10);}

.text-color11{color:var(--color11);}

.text-color12{color:var(--color12);}

.text-color13{color:var(--color13);}

.text-color14{color:var(--color14);}

.text-color15{color:var(--color15);}

.text-color16{color:var(--color16);}

.text-color17{color:var(--color17);}

.text-color18{color:var(--color18);}

.text-color19{color:var(--color19);}

.text-color20{color:var(--color20);}

.text-color21{color:var(--color21);}

.text-color22{color:var(--color22);}

.text-color23{color:var(--color23);}



/*=== General Styling ===*/

body, 

html {overflow-x: hidden;}

body {

  margin: 0;

  font-family: Roboto;

  position: relative;

  width: 100%;

  max-width: 100%;

  color: #545454;

}

h1,

h2,

h3,

h4,

h5,

h6 {

  font-family: Jost;

  color: var(--color1);

  font-weight: 600;

}

p {

  font-family: Roboto;

  color: #666;

  line-height: 1.625rem;

  font-size: 1.125rem;

}

ul li,

ol li {

  font-family: Roboto;

  color: #797979;

  font-size: 1.125rem;

  line-height: 1.625rem;

}

a {color: inherit;}

a:hover,

a:focus,

ins {

  text-decoration:none;

  outline:none;

}

input,

textarea,

select,

button {border: 0;}

button,

input[type="submit"],

.fileContainer,

input[type="file"] {cursor: pointer;}

input:focus,

textarea:focus,

select:focus,

button:focus,

a:focus,

.form-wrp fieldset p a:focus,

.page-link:focus,

.btn.focus, 

.btn:focus,

.bootstrap-select .dropdown-toggle:focus {

  border-color: transparent;

  outline: none !important;

  -webkit-box-shadow: none !important;

  -ms-box-shadow: none !important;

  -o-box-shadow: none !important;

  box-shadow: none !important;

}

textarea {resize: none;}

main,

section,

footer {

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  max-width: 100%;

  position:relative;

  width:100%;

}



/*=== Paddings ===*/

.pt-10 {padding-top: 0.625rem;}

.pb-10 {padding-bottom: 0.625rem;}

.pt-20 {padding-top: 1.25rem;}

.pb-20 {padding-bottom: 1.25rem;}

.pt-30 {padding-top: 1.875rem;}

.pb-30 {padding-bottom: 1.875rem;}

.pt-40 {padding-top: 2.5rem;}

.pb-40 {padding-bottom: 2.5rem;}

.pt-50 {padding-top: 3.125rem;}

.pb-50 {padding-bottom: 3.125rem;}

.pt-60 {padding-top: 3.75rem;}

.pb-60 {padding-bottom: 3.75rem;}

.px-60 {padding: 0 3.75rem;}

.pt-70 {padding-top: 4.375rem;}

.pb-70 {padding-bottom: 4.375rem;}

.pt-80 {padding-top: 5rem;}

.pb-80 {padding-bottom: 5rem;}

.px-80 {padding: 0 5rem;}

.pt-90 {padding-top:5.625rem;}

.pb-90 {padding-bottom: 5.625rem;}

.pt-100 {padding-top: 6.25rem;}

.pb-100 {padding-bottom: 6.25rem;}

.pt-110 {padding-top: 6.875rem;}

.pb-110 {padding-bottom: 6.875rem;}

.pt-120 {padding-top: 7.5rem;}

.pb-120 {padding-bottom: 7.5rem;}

.pt-130 {padding-top: 8.125rem;}

.pb-130 {padding-bottom: 8.125rem;}

.pt-140 {padding-top: 8.75rem;}

.pb-140 {padding-bottom: 8.75rem;}

.pt-150 {padding-top: 9.375rem;}

.pb-150 {padding-bottom: 9.375rem;}

.pt-155 {padding-top: 9.6875rem;}

.pb-155 {padding-bottom: 9.6875rem;}

.pt-160 {padding-top: 10rem;}

.pb-160 {padding-bottom: 10rem;}

.pt-170 {padding-top: 10.625rem;}

.pb-170 {padding-bottom: 10.625rem;}

.pt-180 {padding-top: 11.25rem;}

.pb-180 {padding-bottom: 11.25rem;}

.pt-200 {padding-top: 12.5rem;}

.pb-200 {padding-bottom: 12.5rem;}

.pt-210 {padding-top: 13.125rem;}

.pb-210 {padding-bottom: 13.125rem;}

.pt-240 {padding-top: 15rem;}

.pb-240 {padding-bottom: 15rem;}

.pt-280 {padding-top: 25rem;}

.pb-280 {padding-bottom: 25rem;}

@media (min-width: 1280px) and (max-width: 1640px) {
	.pt-280 {padding-top: 22rem;}
    .pb-280 {padding-bottom: 22rem;}
}

@media (min-width: 1080px) and (max-width: 1280px) {
	.pt-280 {padding-top: 16rem;}
    .pb-280 {padding-bottom: 16rem;}
}

@media (min-width: 995px) and (max-width: 1080px) {
	.pt-280 {padding-top: 14rem;}
    .pb-280 {padding-bottom: 14rem;}
}
@media (max-width: 995px) {
	.pt-280 {padding-top: 12rem;}
    .pb-280 {padding-bottom: 12rem;}
}
@media (max-width: 850px) {
	.pt-280 {padding-top: 10rem;}
    .pb-280 {padding-bottom: 10rem;}
}
@media (max-width: 770px) {
	.pt-280 {padding-top: 9rem;}
    .pb-280 {padding-bottom: 9rem;}
}
@media (max-width: 576px) {
	.pt-280 {padding-top: 7rem;}
    .pb-280 {padding-bottom: 7rem;}
}
@media (max-width: 490px) {
	.pt-280 {padding-top: 6rem;}
    .pb-280 {padding-bottom: 6rem;}
}
@media (max-width: 470px) {
	.pt-280 {padding-top: 5.5rem;}
    .pb-280 {padding-bottom: 5.5rem;}
}
@media (max-width: 430px) {
	.pt-280 {padding-top: 5rem;}
    .pb-280 {padding-bottom: 5rem;}	
}
@media (max-width: 380px) {
	.pt-280 {padding-top: 4rem;}
    .pb-280 {padding-bottom: 4rem;}
}



/*=== Overlap ===*/

.overlap205 {

  position: relative;

  z-index: 1;

}

.overlap205 {margin-top: -15.625rem;}



/*=== Margins ===*/

.mt-10 {margin-top: 0.625rem;}

.mb-10 {margin-bottom: 0.625rem;}

.mt-15 {margin-top: 0.9375rem;}

.mb-15 {margin-bottom: 0.9375rem;}

.mt-20 {margin-top: 1.25rem;}

.mb-20 {margin-bottom: 1.25rem;}

.mt-25 {margin-top: 1.5625rem;}

.mb-25 {margin-bottom: 1.5625rem;}

.mt-30 {margin-top: 1.875rem;}

.mb-30 {margin-bottom: 1.875rem;}

.mt-35 {margin-top: 2.1875rem;}

.mb-35 {margin-bottom: 2.1875rem;}

.mt-40 {margin-top: 2.5rem;}

.mb-40 {margin-bottom: 2.5rem;}

.mt-45 {margin-top: 2.8125rem;}

.mb-45 {margin-bottom: 2.8125rem;}

.mt-50 {margin-top: 3.125rem;}

.mb-50 {margin-bottom: 3.125rem;}

.mt-55 {margin-top: 3.4375rem;}

.mb-55 {margin-bottom: 3.4375rem;}

.mt-60 {margin-top: 3.75rem;}

.mb-60 {margin-bottom: 3.75rem;}

.mt-65 {margin-top: 4.0625rem;}

.mb-65 {margin-bottom: 4.0625rem;}

.mt-70 {margin-top: 4.375rem;}

.mb-70 {margin-bottom: 4.375rem;}

.mt-80 {margin-top: 5rem;}

.mb-80 {margin-bottom: 5rem;}

.mt-90 {margin-top:5.625rem;}

.mb-90 {margin-bottom: 5.625rem;}

.mt-100 {margin-top: 6.25rem;}

.mb-100 {margin-bottom: 6.25rem;}

.mt-110 {margin-top: 6.875rem;}

.mb-110 {margin-bottom: 6.875rem;}

.mt-120 {margin-top: 7.5rem;}

.mb-120 {margin-bottom: 7.5rem;}



/*=== Default Colors ===*/

.dark-bg {background-color: #282828;}

.dark-bg2 {background-color: #171717;}

.dark-bg3 {background-color: #1b1b1b;}

.dark-bg4 {background-color: #1e1e1e;}

.gray-bg {background-color: #d7cec9;}

.gray-bg2 {background-color: #f2f2f2;}

.gray-bg3 {background-color: #f5f5f5;}

.gray-bg4 {background-color: #fafafa;}



/*=== Container ===*/

.container {

  padding: 0;

  max-width: 80rem;

}



/*=== Oerlap ===*/

.overlap310 {

  position: relative;

  z-index: 1;

}

.overlap310 {margin-top: -19.375rem;}



/*=== Column Gap ===*/

.mrg {margin: 0;}

.mrg div[class^="col"] {padding: 0;}

.mrg2 {margin: 0 -1px;}

.mrg2 div[class^="col"] {padding: 0 1px;}

.mrg5 {margin: 0 -0.15625rem;}

.mrg5 div[class^="col"] {padding: 0 0.15625rem;}

.mrg6 {margin: 0 -0.1875rem;}

.mrg6 div[class^="col"] {padding: 0 0.1875rem;}

.mrg10 {margin: 0 -0.3125rem;}

.mrg10 div[class^="col"] {padding: 0 0.3125rem;}

.mrg15 {margin: 0 -0.46875rem;}

.mrg15 div[class^="col"] {padding: 0 0.46875rem;}

.mrg20 {margin: 0 -0.625rem;}

.mrg20 div[class^="col"] {padding: 0 0.625rem;}

.mrg40 {margin: 0 -1.25rem;}

.mrg40 div[class^="col"] {padding: 0 1.25rem;}

.mrg45 {margin: 0 -1.40625rem;}

.mrg45 div[class^="col"] {padding: 0 1.40625rem;}

.mrg50 {margin: 0 -1.5625rem;}

.mrg50 div[class^="col"] {padding: 0 1.5625rem;}

.mrg60 {margin: 0 -1.875rem;}

.mrg60 div[class^="col"] {padding: 0 1.875rem;}

.mrg70 {margin: 0 -2.1875rem;}

.mrg70 div[class^="col"] {padding: 0 2.1875rem;}



.slick-slide div[class^="col"] {

  flex: 0 0 100%;

  max-width: 100%;

}



/*=== Fonts Typography ===*/

.font-weight-hairline {font-weight: 100;}

.font-weight-thin {font-weight: 200;}

.font-weight-medium {font-weight: 500;}

.font-weight-semibold {font-weight: 600;}

.font-weight-extrabold {font-weight: 800;}

.font-weight-black {font-weight: 900;}

.font-style-italic {font-style: italic;}

.font-style-normal {font-style: normal;}



/*=== Parallax Background ===*/

.fixed-bg {

  background-position: center;

  height:100%;

  width:100%;

  margin:0;

  position:absolute;

  left:0;

  top:0;

  z-index:-2;

}

.fixed-bg {

  background-attachment: scroll;

  background-size:cover;

}

.back-post-cntrbtm-norpet {

  background-position: center bottom;

  background-repeat: no-repeat;

  background-size: contain;

}

.back-post-cntrtp-norpet {

  background-position: center top;

  background-repeat: no-repeat;

  background-size: contain;

}

.back-post-cntrbtm {background-position: center bottom;}

.back-post-lftcntr {background-position: left center;}

.fixed-bg.patern-bg {background-size: initial;}

.fixed-bg.bg-norepeate {

  background-size: initial;

  background-repeat: no-repeat;

}

.back-blend-soft-light {background-blend-mode: soft-light;}

.back-blend-difference {background-blend-mode: difference;}

.back-blend-screen {background-blend-mode: screen;}

.back-blend-multiply {background-blend-mode: multiply;}

.back-blend-subtract {background-blend-mode: subtract;}



/*=== Background Layer ===*/

.black-layer:before,

.white-layer:before,

.gray-layer:before,

.gray-layer2:before,

.gray-layer3:before,

.gray-layer4:before,

.dark-layer:before,

.dark-layer2:before,

.dark-layer3:before,

.dark-layer4:before,

.dark-layer5:before,

.blue-layer:before {

  content: "";

  height: 100%;

  left: 0;

  position: absolute;

  top: 0;

  width: 100%;

  z-index: -1;

}

.black-layer:before {background-color: #000000;}

.white-layer:before {background-color:#ffffff;}

.gray-layer:before {background-color: #f1f1f1}

.gray-layer2:before {background-color: #f1eded}

.gray-layer3:before {background-color: #f3f0e5}

.gray-layer4:before {background-color: #eceff8}

.dark-layer:before {background-color: #181818;}

.dark-layer2:before {background-color: #252525;}

.dark-layer3:before {background-color: #232349;}

.dark-layer4:before {background-color: #363636;}

.dark-layer5:before {background-color: #1e1e1e;}

.blue-layer:before {background-color: var(--color4);}



/*=== Opacity ===*/

.opc1:before {opacity: .1;}

.opc15:before {opacity: .15;}

.opc2:before {opacity: .2;}

.opc25:before {opacity: .25;}

.opc3:before {opacity: .3;}

.opc35:before {opacity: .35;}

.opc4:before {opacity: .4;}

.opc45:before {opacity: .45;}

.opc5:before {opacity: .5;}

.opc55:before {opacity: .55;}

.opc6:before {opacity: .6;}

.opc65:before {opacity: .65;}

.opc7:before {opacity: .7;}

.opc75:before {opacity: .75;}

.opc8:before {opacity: .8;}

.opc85:before {opacity: .85;}

.opc9:before {opacity: .9;}

.opc95:before {opacity: .95;}

.opc97:before {opacity: .97;}

.opc99:before {opacity: .99;}



.rgt-btm-shp {

  bottom: 0;

  right: 0;

}

.rgt-tp-shp {

  top: 0;

  right: 0;

}



.lf-bt-img {

  bottom: 0;

  left: 0;

  opacity: .7;

}



.tp-lft-shp {

  top: -30px;

  left: 60px;

}

.tp-rgt-shp {

  right: 80px;

  z-index: 1;

  top: -20px;

}



/*=== Iframe ===*/

iframe {

  border: 0;

  width: 100%;

}



/*=== Image ===*/

img {

  height: auto;

  max-width: 100%;

  vertical-align: middle;

}



/*=== Width ===*/

.wdth5 {width: 5%;}

.wdth10 {width: 10%;}

.wdth15 {width: 15%;}

.wdth20 {width: 20%;}

.wdth25 {width: 25%;}

.wdth30 {width: 30%;}

.wdth35 {width: 35%;}

.wdth40 {width: 40%;}

.wdth45 {width: 45%;}

.wdth50 {width: 50%;}

.wdth55 {width: 55%;}

.wdth60 {width: 60%;}

.wdth65 {width: 65%;}

.wdth70 {width: 70%;}

.wdth75 {width: 75%;}

.wdth80 {width: 80%;}

.wdth85 {width: 85%;}

.wdth90 {width: 90%;}

.wdth95 {width: 95%;}

.wdth100 {width: 100%;}

.wow {visibility: hidden;}



/*=== Cross Browser Compatibility ===*/

i,

a,

h1,

h2,

h3,

h4,

h5,

h6,

img,

input,

button,

textarea,

:before,

:after,

label,

span,

nav ul li,

.city-info,

.place-map,

.list-post-meta > li,

.search-wrap,

.rsnp-mnu,

.subscribe-popup-iner > span,

.testi-nav-img,

.event-video-box,

.event-video-info,

.list-post-box,

.side-menu,

.sidepanel,

.listing-explore-info-wrap,

.listing-explore-posts-wrap

{

  -webkit-transition: var(--transition2);

  -ms-transition: var(--transition2);

  -o-transition: var(--transition2);

  transition: var(--transition2);

}



nav ul ul,

.megamenu,

.dir-opt-list > li a span,

.how-work-box > span,

.gallery-info,

.gallery-img > a,

.team-info,

.city-info3

{

  -webkit-transition: all 600ms cubic-bezier(0.175, 0.885, 0.320, 1); /* older webkit */

  -webkit-transition: all 600ms cubic-bezier(0.175, 0.885, 0.320, 1.275); 

  -moz-transition: all 600ms cubic-bezier(0.175, 0.885, 0.320, 1.275); 

  -o-transition: all 600ms cubic-bezier(0.175, 0.885, 0.320, 1.275); 

  transition: all 600ms cubic-bezier(0.175, 0.885, 0.320, 1..dir-opt-list > li a span275); /* easeOutBack */

  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); /* older webkit */

  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.275); 

  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.275); 

  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.275); 

  transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.275); /* easeOutBack */

}



/*=== Border Radius ===*/

.brd-rd20

{

  -webkit-border-radius: 1.25rem;

  border-radius: 1.25rem;

}



.brd-rd10

{

  -webkit-border-radius: 0.625rem;

  border-radius: 0.625rem;

}



.brd-rd5

{

  -webkit-border-radius: 0.3125rem;

  border-radius: 0.3125rem;

}



.brd-rd3

{

  -webkit-border-radius: 0.1875rem;

  border-radius: 0.1875rem;

}



.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {width: 100%;}



/*=== Particles ===*/

.particles-js {

  position: absolute;

  top: 0;

  bottom: 0;

  left: 0;

  right: 0;

}



/*== Play Button ==*/

a.play-btn svg {

  cursor: pointer;

  -webkit-transition: all 0.3s ease-out 0s;

  -ms-transition: all 0.3s ease-out 0s;

  -o-transition: all 0.3s ease-out 0s;

  transition: all 0.3s ease-out 0s;

  -webkit-border-radius: 50%;

  border-radius: 50%;

  display: block;

  z-index: 1;

  position: relative;

}

a.play-btn:hover svg {

  -webkit-transform: scale(1.2);

  -ms-transform: scale(1.2);

  -o-transform: scale(1.2);

  transform: scale(1.2);

}

a.play-btn svg .stroke-dotted {

  stroke-width: 2.5px;

  opacity: 1;

  stroke-dasharray: 7, 8;

  -webkit-transform-origin: 50% 50%;

  transform-origin: 50% 50%;

  -webkit-transition: opacity 1s ease, stroke-width 1s ease;

  -ms-transition: opacity 1s ease, stroke-width 1s ease;

  -o-transition: opacity 1s ease, stroke-width 1s ease;

  transition: opacity 1s ease, stroke-width 1s ease;

}

a.play-btn:hover svg .stroke-dotted {

  -webkit-animation: spin 4s infinite linear;

  -ms-animation: spin 4s infinite linear;

  -o-animation: spin 4s infinite linear;

  animation: spin 4s infinite linear;

}



.rotate-anim {

  -webkit-animation: spin 7s infinite linear;

  -ms-animation: spin 7s infinite linear;

  -o-animation: spin 7s infinite linear;

  animation: spin 7s infinite linear;

}



.rotate-anim.revs {

  -webkit-animation-direction: reverse;

  -ms-animation-direction: reverse;

  -o-animation-direction: reverse;

  animation-direction: reverse;

}



/*=== Animations ===*/

@-webkit-keyframes spin {

  from {

    transform:rotate(0deg);

  }

  to {

    transform:rotate(360deg);

  }

}

@-o-keyframes spin {

  from {

    transform:rotate(0deg);

  }

  to {

    transform:rotate(360deg);

  }

}

@keyframes spin {

  from {

    transform:rotate(0deg);

  }

  to {

    transform:rotate(360deg);

  }

}



@keyframes slide-animation {

  0% {

    -webkit-transform: rotateX(0deg) translateY(0px);

    -ms-transform: rotateX(0deg) translateY(0px);

    -o-transform: rotateX(0deg) translateY(0px);

    transform: rotateX(0deg) translateY(0px); }

  50% {

    -webkit-transform: rotateX(0deg) translateY(15px);

    -ms-transform: rotateX(0deg) translateY(15px);

    -o-transform: rotateX(0deg) translateY(15px);

    transform: rotateX(0deg) translateY(15px); }

  100% {

    -webkit-transform: rotateX(0deg) translateY(0px);

    -ms-transform: rotateX(0deg) translateY(0px);

    -o-transform: rotateX(0deg) translateY(0px);

    transform: rotateX(0deg) translateY(0px); } 

}

@-webkit-keyframes slide-animation {

  0% {

    -webkit-transform: rotateX(0deg) translateY(0px);

    -ms-transform: rotateX(0deg) translateY(0px);

    -o-transform: rotateX(0deg) translateY(0px);

    transform: rotateX(0deg) translateY(0px); }

  50% {

    -webkit-transform: rotateX(0deg) translateY(-10px);

    -ms-transform: rotateX(0deg) translateY(-10px);

    -o-transform: rotateX(0deg) translateY(-10px);

    transform: rotateX(0deg) translateY(-10px); }

  100% {

    -webkit-transform: rotateX(0deg) translateY(0px);

    -ms-transform: rotateX(0deg) translateY(0px);

    -o-transform: rotateX(0deg) translateY(0px);

    transform: rotateX(0deg) translateY(0px);

  }

}



.slide-animation {

  -webkit-animation: 5s slide-animation infinite;

  -ms-animation: 5s slide-animation infinite;

  -o-animation: 5s slide-animation infinite;

  animation: 5s slide-animation infinite;

}



/*=== Social Media ===*/

.facebook,

.facebook-hvr:hover,

.facebook-hvr:focus {

  background-color: #3b5999;

  border-color: #3b5999;

}

.twitter,

.twitter-hvr:hover,

.twitter-hvr:focus {

  background-color: #55acee;

  border-color: #55acee;

}

.google,

.google-hvr:hover,

.google-hvr:focus {

  background-color: #dd4b39;

  border-color: #dd4b39;

}

.pinterest,

.pinterest-hvr:hover,

.pinterest-hvr:focus {

  background-color: #bd081c;

  border-color: #bd081c;

}

.linkedin,

.linkedin-hvr:hover,

.linkedin-hvr:focus {

  background-color: #0077B5;

  border-color: #0077B5;

}

.youtube,

.youtube-hvr:hover,

.youtube-hvr:focus {

  background-color: #cd201f;

  border-color: #cd201f;

}

.instagram,

.instagram-hvr:hover,

.instagram-hvr:focus {

  background-color: #e4405f;

  border-color: #e4405f;

}

.vimeo,

.vimeo-hvr:hover,

.vimeo-hvr:focus {

  background-color: #8cbe0b;

  border-color: #8cbe0b;

}

.tumblr,

.tumblr-hvr:hover,

.tumblr-hvr:focus {

  background-color: #34465d;

  border-color: #34465d;

}

.facebook-clr {color: #3b5999;}

.twitter-clr {color: #55acee;}

.google-clr {color: #dd4b39;}

.pinterest-clr {color: #bd081c;}

.linkedin-clr {color: #0077B5;}

.youtube-clr {color: #cd201f;}

.instagram-clr {color: #e4405f;}

.vimeo-clr {color: #8cbe0b;}

.tumblr-clr {color: #34465d;}

.facebook:hover,

.facebook:focus {

  color: #3b5999;

  border-color: #3b5999;

}

.twitter:hover,

.twitter:focus {

  color: #55acee;

  border-color: #55acee;

}

.google:hover,

.google:focus {

  color: #dd4b39;

  border-color: #dd4b39;

}

.pinterest:hover,

.pinterest:focus {

  color: #bd081c;

  border-color: #bd081c;

}

.linkedin:hover,

.linkedin:focus {

  color: #0077B5;

  border-color: #0077B5;

}

.youtube:hover,

.youtube:focus {

  color: #cd201f;

  border-color: #cd201f;

}

.instagram:hover,

.instagram:focus {

  color: #e4405f;

  border-color: #e4405f;

}

.vimeo:hover,

.vimeo:focus {

  color: #8cbe0b;

  border-color: #8cbe0b;

}

.tumblr:hover,

.tumblr:focus {

  color: #34465d;

  border-color: #34465d;

}



/*===== Theme Style =====*/



/*===== Header Styles =====*/

header {

  position: relative;

  width: 100%;

  z-index: 999;

}

nav ul li {

  font-family: Jost;

  font-size: 19px;

  position: relative;

}

nav > div > ul > li {

  color: #fff;

  margin-right: 2rem;

  line-height: 3.75rem;

}



@media (min-width: 995px) and (max-width: 1080px) {

nav > div > ul > li {

  color: #fff;

  margin-right: 1rem;

  line-height: 3.75rem;

}

nav ul li {

  font-family: Jost;

  font-size: 18px;

  position: relative;

}

}



/*=== Header Style 1 ===*/

header.style1 {

  position: absolute;

  left: 0;

  right: 0;

  top: 0;

  padding: 1.25rem 6.25rem 0 5rem;

}

.menu-wrap > span {

  text-align: right;

  color: #999;

  font-size: 15px;

  font-weight: 600;

  font-family: Jost;

}

.menu-wrap > span a {

  display: inline-block;

  margin-left: 7px;

  border-bottom: 1px solid #d66922;

}

.menu-wrap > span a i {margin-right: 5px;}

.menu-wrap > span + nav {margin-top: 1.25rem;}

header.style1 .logo {margin-top: 3.125rem;}

nav > div + a {margin-left: 10px;}

nav > a {

  color: #fff;

  font-family: Jost;

  font-size: 1.25rem;

}

nav > a i {margin-right: 8px;}



/*=== Header Style 2 ===*/

header.style2 {

  position: absolute;

  left: 0;

  top: 0;

}

.social-links2 > a {

  display: inline-block;

  background-color: #f7f7f7;

  line-height: 1.625rem;

  height: 1.625rem;

  width: 1.625rem;

  text-align: center;

  font-size: 13px;

  -webkit-border-radius: 4px;

  border-radius: 4px;

}

.social-links2 > a:not(:first-child) {margin-left: .5rem;}

.social-links2 > a:hover, 

.social-links2 > a:focus {color: #fff;}

.top-links > a {

  display: inline-block;

  font-size: 1rem;

  color: #ffffff;

  font-family: Jost;

  line-height: 3.125rem;

}

.top-links > a.login-btn i {margin-right: 6px;}

.top-links > a.search-btn {

  width: 3.75rem;

  text-align: center;

  border-left: 1px solid #e4e4e4;

  border-right: 1px solid #e4e4e4;

}

.top-links > a + a {margin-left: 1.5rem;}

header.style2 .menu-wrap {padding-top: 2.375rem;}

.header-btn {

  display: inline-block;

  font-family: Jost;

  color: #fff;

  font-weight: 700;

  text-transform: uppercase;

  border: 2px solid;

  border-radius: 2px;

  padding: 9px 1.25rem;

  font-size: 13px;

}

.header-btn > i {

  font-style: normal;

  font-size: 1.25rem;

  margin-right: 10px;

}

.header-btn:hover,

.header-btn:focus {color: #fff;}

header ul + .header-btn {margin-left: 2.5rem;}

header.style2 nav > div > ul > li {font-size: 1.125rem;}



/*=== Header Style 3 ===*/

header.style3 nav > div > ul > li {color: #ffffff;}

header.style3 .logo-menu-wrap {

 /* width: calc(100% + 16.25rem);

  margin-left: -8.125rem; */

  padding: 1rem 0;

}

.login-btn.thm-btn:hover,

.login-btn.thm-btn:focus {color: #fff;}



/*===== Header Style 4 =====*/

header.style4 {padding: 3.125rem 3.125rem 0 5.3125rem;}

header.style4 {position: absolute !important;}

.menu-btn {

  height: 3.9375rem;

  width: 3.9375rem;

  line-height: 3.9375rem;

  color: #fff;

  cursor: pointer;

  font-size: 1.875rem;

  text-align: center;

}

.menu-btn:hover {

  background: #fff;

  color: #333;

}

.side-menu {

  position: fixed;

  right: -330px;

  top: 0;

  bottom: 0;

  background-color: #fff;

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

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

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

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

  max-width: 330px;

  width: 100%;

  padding: 100px 40px 60px;

  z-index: 999;

  opacity: 0;

  visibility: hidden;

}

.side-menu-close-btn {

  -webkit-border-radius: 5px;

  border-radius: 5px;

  right: 20px;

  top: 20px;

  position: absolute;

  background-color: #333;

  color: #fff;

  font-size: 16px;

  line-height: 40px;

  width: 40px;

  text-align: center;

  cursor: pointer;

}

.side-menu-close-btn:hover {background: #333;}

body.slidein .side-menu {

  right: 0;

  opacity: 1;

  visibility: visible;

}

.side-menu > div > ul {

  max-height: 550px;

  height: 100%;

}

.side-menu > div > ul ul {

  display: none;

  margin: 20px 0 25px;

  padding-left: 20px;

}

.side-menu > div > ul li {

  position: relative;

  font-weight: 500;

  font-family: Jost;

  text-transform: initial;

}

.side-menu > div > ul > li {

  font-weight: 700;

  text-transform: uppercase;

}

.side-menu > div > ul li.menu-item-has-children > a:before {

  content: "\f078";

  font-family: "Font Awesome 5 Free";

  position: absolute;

  right: 0;

  top: 0;

  line-height: inherit;

}

.side-menu > div > ul li:not(:first-child) {margin-top: 5px;}

.side-menu > div > ul > li:not(:first-child) {margin-top: 15px;}

.side-menu > div > ul li a {display: block;}

.side-menu > div + a {margin-top: 50px;}

body.slidein::before {

  content: "";

  position: absolute;

  left: 0;

  right: 0;

  top: 0;

  bottom: 0;

  background-color: #000;

  opacity: .95;

  z-index: 9;

}



/*=== Dropdown ===*/

nav > div ul ul {

  position: absolute;

  top: 100%;

  left: 3rem;

  -webkit-border-radius: 4px;

  border-radius: 4px;

  background-color: #fff;

  min-width: 15.625rem;

  -webkit-box-shadow: 0 0 1.25rem rgba(0,0,0,.3);

  -ms-box-shadow: 0 0 1.25rem rgba(0,0,0,.3);

  -o-box-shadow: 0 0 1.25rem rgba(0,0,0,.3);

  box-shadow: 0 0 1.25rem rgba(0,0,0,.3);

  opacity: 0;

  visibility: hidden;

}

nav > div ul ul li {

  width: 100%;

  font-size: 1.125rem;

}

nav > div ul ul li:not(:first-child) {border-top: 1px solid #f5f5f5;}

nav > div ul ul li a {

  display: block;

  padding: 12px 1.875rem;

}

nav > div > ul > li.menu-item-has-children > a {padding-right: 1.2rem;}

nav ul li.menu-item-has-children > a::before {

  content: "\f107";

  font-family: "Font Awesome 5 Free";

  position: absolute;

  right: 0;

  font-weight: 900;

  top: 3px;

  line-height: inherit;

}

nav ul li.menu-item-has-children:hover > ul {

  opacity: 1;

  visibility: visible;

  left: 0;

}

nav > div ul ul ul {left: 100%;}

nav ul ul li.menu-item-has-children:hover > ul {

  left: 100%;

  top: 0;

}

nav > div ul ul li.menu-item-has-children > a:before {

  content: "\f105";

  right: 1.3rem;

  top: 12px;

}



/*=== Megamenu ===*/

.megamenu {

  position: absolute;

  left: 80%;

  top: 100%;

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

  -webkit-border-radius: 4px;

  border-radius: 4px;

  min-width: 55rem;

  padding: 2.5rem;

  opacity: 0;

  visibility: hidden;

  -webkit-box-shadow: 0 0 1.25rem rgba(0,0,0,.25);

  -ms-box-shadow: 0 0 1.25rem rgba(0,0,0,.25);

  -o-box-shadow: 0 0 1.25rem rgba(0,0,0,.25);

  box-shadow: 0 0 1.25rem rgba(0,0,0,.25);

}

.megamenu.center {

  left: 50%;

  -webkit-transform: translateX(-50%);

  -ms-transform: translateX(-50%);

  -o-transform: translateX(-50%);

  transform: translateX(-50%);

}

.megamenu.right {

  left: auto;

  right: 80%;

}

.megamenu > div.row > div {position: relative;}

.megamenu > div.row > div:not(:first-child):before {

  content: "";

  position: absolute;

  top: 50%;

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

  -ms-transform: translateY(-50%);

  -o-transform: translateY(-50%);

  transform: translateY(-50%);

  background-color: #dfdfdf;

  left: 0;

  height: 80%;

  width: 1px;

}

.megamenu-links,

.megamenu-add {padding: 0 1.25rem;}

.megamenu-links > a {

  color: #555;

  display: block;

  line-height: initial;

  padding: 10px 0;

  font-size: 1.125rem;

}

.megamenu-links > a:not(:first-child) {border-top: 1px solid #dfdfdf;}

nav ul li.menu-item-has-children:hover > .megamenu {

  opacity: 1;

  visibility: visible;

  left: 0;

}

nav ul li.menu-item-has-children:hover > .megamenu.center {left: 50%;}

nav ul li.menu-item-has-children:hover > .megamenu.right {

  left: auto;

  right: 0;

}



/*=== Search Style ===*/

.search-wrap {

  position: fixed;

  left: 0;

  top: 0;

  right: 0;

  bottom: 70%;

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

  z-index: 999999;

  padding: 2.5rem;

  opacity: 0;

  visibility: hidden;

}

.search-wrap.active {

  bottom: 0;

  opacity: 1;

  visibility: visible;

}

.search-cls-btn {

  position: fixed;

  right: 1.25rem;

  top: 1.25rem;

  height: 2.5rem;

  line-height: 2.5rem;

  width: 2.5rem;

  text-align: center;

  font-size: 1.25rem;

  background-color: #333;

  color: #fff;

  cursor: pointer;

}

.search-wrap > form {

  max-width: 90%;

  position: relative;

}

.search-wrap > form input {

  font-size: 1.25rem;

  background-color: transparent;

  width: 100%;

  border-bottom: 2px solid #ddd;

  color: #888;

  height: 3.5rem;

  padding-right: 3.5rem;

}

.search-wrap > form button {

  position: absolute;

  right: 0;

  top: 0;

  bottom: 0;

  width: 3.5rem;

  font-size: 1.25rem;

  background-color: transparent;

  color: #888;

}



/*=== Sticky Header ===*/

header.stick {

  position: absolute;

  top: 0;

  left: 0;

}

header.sticky {

  background-color: var(--color1);

  -webkit-box-shadow: 0 0 1.25rem rgba(0,0,0,.15);

  -ms-box-shadow: 0 0 1.25rem rgba(0,0,0,.15);

  -o-box-shadow: 0 0 1.25rem rgba(0,0,0,.15);

  box-shadow: 0 0 1.25rem rgba(0,0,0,.15);

  padding-top: 0;

}

header.style1.sticky .menu-wrap > span {display: none !important;}

header.style1.sticky .logo,

header.style1.sticky .menu-wrap > span + nav {margin-top: 0;}

header.sticky nav > div > ul > li {line-height: 5rem;}

header.sticky .topbar {display: none;}

header.sticky .topbar + .menu-wrap {padding-top: 0;}



/*=== Sticky Header Style 3 ===*/

header.style3.sticky {background-color: #fff;}

header.style3.sticky .logo-menu-wrap {padding: 0;}



/*===== Responsive Header =====*/

.rspn-hdr {

  display: none;

  width: 100%;

  position: relative;

  z-index: 999;

}

.rspn-mdbr {

  background-color: #252a2c;

  width: 100%;

  display: flex;

  justify-content: space-around;

  flex-wrap: wrap;

}

.rspn-scil {display: inline-flex;}

.rspn-scil > a {

  background-color: #3d3d3d;

  height: 38px;

  width: 33px;

  line-height: 38px;

  text-align: center;

  color: #fff;

}

.rspn-scil > a:not(:first-child) {margin-left: 1px;}

.rspn-srch {

  height: 38px;

  position: relative;

  width: calc(100% - 135px);

}

.rspn-srch > input {

  background-color: transparent;

  border: 0 none;

  color: #7e7e7e;

  font-size: 11px;

  font-style: italic;

  height: 100%;

  padding: 0 7%;

  width: 100%;

}

.rspn-srch > input:focus {font-style: normal;}

.rspn-srch > button {

  background-color: transparent;

  border: 0;

  color: #999;

  font-size: 12px;

  height: 100%;

  position: absolute;

  right: 10px;

}

.lg-mn {

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

  padding: 20px;

  position: relative;

  width: 100%;

}

.rspn-mnu-btn {

  background-color: #141414;

  color: #fff;

  cursor: pointer;

  font-size: 14px;

  height: 40px;

  line-height: 40px;

  position: absolute;

  right: 0;

  text-align: center;

  top: 50%;

  width: 40px;

  margin-top: -20px;

}

/*===== Responsive Menu =====*/

.rsnp-mnu {

  background-color: #0c0c0c;

  bottom: 0;

  opacity: 0;

  padding: 85px 40px 50px;

  position: fixed;

  right: -400px;

  top: 0;

  visibility: hidden;

  z-index: 99999;

  max-width: 300px;

  width: 100%;

}

.rsnp-mnu.slidein {

  opacity: 1;

  right: 0;

  visibility: visible;

}

.rspn-mnu-cls {

  background-color: #303030;

  color: #fff;

  cursor: pointer;

  font-size: 13px;

  height: 40px;

  line-height: 40px;

  position: absolute;

  right: 12px;

  text-align: center;

  top: 12px;

  width: 40px;

}

.rsnp-mnu > ul {

  display: inline-block;

  list-style: outside none none;

  margin-bottom: 0;

  padding-left: 0;

  overflow-y: auto !important;

  width: 100% !important;

}

.rsnp-mnu > ul > li {

  color: #fff;

  font-family: Jost;

  font-size: 14px;

  font-weight: 600;

  margin-bottom: 20px;

  position: relative;

  text-transform: uppercase;

  width: 100%;

}

.rsnp-mnu > ul > li a {

  color: inherit;

  display: block;

}

.rsnp-mnu > ul > li:last-child {margin-bottom: 0;}

.rsnp-mnu > ul ul {

  display: none;

  list-style: outside none none;

  margin-bottom: 0;

  padding-left: 20px;

  opacity: 1;

  position: static;

  visibility: visible;

}

.rsnp-mnu ul li.menu-item-has-children.active > a {margin-bottom: 15px;}

.rsnp-mnu > ul li.menu-item-has-children > a::before {

  content: "\f107";

  font-family: "Font Awesome 5 Free";

  position: absolute;

  right: 0;

  font-weight: 900;

  top: -2px;

  z-index: -1

}

.rsnp-mnu > ul ul > li {

  color: #a4a4a4;

  font-size: 13px;

  margin-bottom: 12px;

  position: relative;

  text-transform: initial;

}

.rsnp-mnu > ul ul > li:last-child {margin-bottom: 0;}



/*===== Featured Area Style 1 =====*/

.feat-wrap:after {

  content: "";

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  position: absolute;

  background: -moz-linear-gradient(270deg, rgba(214,103,34,1) 0%, rgba(255,255,255,1) 100%);

  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(214,103,34,1)), color-stop(100%, rgba(255,255,255,1)));

  background: -webkit-linear-gradient(270deg, rgba(214,103,34,1) 0%, rgba(255,255,255,1) 100%);

  background: -o-linear-gradient(270deg, rgba(214,103,34,1) 0%, rgba(255,255,255,1) 100%);

  background: -ms-linear-gradient(270deg, rgba(214,103,34,1) 0%, rgba(255,255,255,1) 100%);

  background: linear-gradient(180deg, rgba(214,103,34,1) 0%, rgba(255,255,255,1) 100%);

  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d66722', endColorstr='#ffffff',GradientType=0 );

  z-index: -3;

}

.feat-wrap {

  padding-left: 5px;

  padding-right: 5px;

}

.feat-wrap:before, 

.feat-wrap .fixed-bg {

  left: 5px;

  right: 5px;

  width: auto;

  top: 5px;

  bottom: 5px;

  height: auto;

}

.feat-inner > h2 {

  font-size: 3.665625rem;

  line-height: 5rem;

  font-weight: 600;

}

.dark-layer .feat-inner > h2 {color: #fff;}

.feat-inner > h2 + form {margin-top: 3.125rem;}

.dir-form {

  background-color: #fff;

  -webkit-box-shadow: 0 0 25px rgba(0,0,0,.5);

  -ms-box-shadow: 0 0 25px rgba(0,0,0,.5);

  -o-box-shadow: 0 0 25px rgba(0,0,0,.5);

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

  -webkit-border-radius: 5px;

  border-radius: 5px;

  flex-wrap: wrap;

}

.dir-form .field {

  position: relative;

  padding: 1.125rem 2.5rem;

}

.dir-form .field > label {

  display: block;

  font-size: 17px;

  font-family: Jost;

  font-weight: 500;

  margin-bottom: 0;

}

.dir-form .field > input {

  color: #a4a4a4;

  font-size: 14px;

}

.dir-form .field > i {

  font-size: 1.125rem;

  color: #999;

  position: absolute;

  right: 0;

  top: 0;

  line-height: 86px;

}

.dir-form > *:not(button) {

  flex: 0 0 24%;

  max-width: 24%;

}

.dir-form .field:first-child {

  flex: 0 0 32%;

  max-width: 32%;

}

.dir-form .field .slc-wp {position: relative;}

.dir-form .field .slc-wp .bootstrap-select > button {

  padding: 12px 0;

  background-color: transparent;

  border: 0;

  font-size: 17px;

  font-family: Jost;

  font-weight: 500;

}

.dir-form .field .slc-wp .bootstrap-select > button:after {

  content: "\f107";

  border: 0;

  font-family: "Font Awesome 5 Free";

  margin: 0;

  font-weight: 900;

  color: #999;

  font-size: 18px;

}

.dir-form > button {

  flex: 0 0 20%;

  max-width: 20%;

  color: #fff;

  font-weight: 700;

  font-family: Jost;

  font-size: 14px;

  -webkit-border-radius: 0 5px 5px 0;

  border-radius: 0 5px 5px 0;

  position: relative;

  right: -1px;

}

.dir-form .field.loc {padding-left: 3.2rem;}

.dir-form > button i {

  margin-right: 12px;

  font-size: 1.125rem;

}

.dir-form + .dir-cate-wrap {margin-top: 5.625rem;}

.dir-cate-wrap {

  position: relative;

  z-index: 1;

}

.dir-cate-wrap > h4 {

  color: #fff;

  font-size: 1.25rem;

  font-weight: 600;

}

.dir-opt-list {margin-top: 0.9375rem;}

.dir-opt-list > li {

  margin-top: 2.1875rem;

  padding: 0 1.375rem;

}

.dir-opt-list > li a {display: block;}

.dir-opt-list > li a span {

  height: 5.25rem;

  line-height: 5.25rem;

  width: 5.25rem;

  display: inline-block;

  position: relative;

  font-size: 2.40625rem;

  background-color: #fff;

}

.dir-opt-list > li a span + h5 {margin-top: 1rem;}

.dir-opt-list > li a h5 {

  font-size: 1.125rem;

  color: #fff;

  font-weight: 500;

}

.dir-opt-list > li a:hover > span {

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

  -ms-transform: translateY(-15px);

  -o-transform: translateY(-15px);

  transform: translateY(-15px);

}



/*===== Theme Button =====*/

.thm-btn {

  display: inline-block;

  color: #fff;

  font-size: 12.35px;

  font-family: Jost;

  font-weight: 700;

  padding: 1.3rem 2rem;

  text-transform: uppercase;

  text-align: center;

  -webkit-border-radius: 4px;

  border-radius: 4px;

}

.thm-btn i {margin-right: 10px;}

.thm-btn:hover, 

.thm-btn:focus {

  background: var(--color1);

  color: #fff;

}

.thm-btn.brd-btn {

  background: transparent;

  border: 2px solid;

  -webkit-border-radius: 3px;

  border-radius: 3px;

  padding: 1.1875rem 2.8125rem;

}

.thm-btn.brd-btn:hover, 

.thm-btn.brd-btn:focus {

  color: #fff;

  -webkit-text-fill-color: #fff;

}



/*===== Sec Title =====*/

.sec-title {margin-bottom: 3.75rem;}

.sec-title > span {

  font-family: Just Another Hand;

  font-size: 1.8rem;

}

.sec-title > h2 {font-size: 3.665625rem;}

.sec-title > h3 {

  font-size: 3.125rem;

  line-height: 3.3125rem;

}

.sec-title > h4 {

  color: #fff;

  font-size: 2.25rem;

}

.sec-title > h2 + p,

.sec-title > h3 + p {margin-top: 1.25rem;}

.sec-title > p {

  color: #797979;

  line-height: 1.7375rem;

  max-width: 90%;

}

.sec-title > p + a {margin-top: 4.375rem;}



.black-layer .sec-title > h2,

.dark-layer .sec-title > h2,

.dark-layer2 .sec-title > h2,

.dark-layer3 .sec-title > h2,

.dark-layer4 .sec-title > h2 {color: #fff;}



/*=== Ver 2 ===*/

.sec-title.v2 > span {font-size: 2.6375rem;}



/*===== Post Style 1 =====*/

.slick-slider > button.slick-arrow {

  position: absolute;

  height: 5rem;

  width: 5rem;

  background-color: #fff;

  font-size: 17px;

  -webkit-box-shadow: 0 0 1.5rem rgba(0,0,0,.15);

  -ms-box-shadow: 0 0 1.5rem rgba(0,0,0,.15);

  -o-box-shadow: 0 0 1.5rem rgba(0,0,0,.15);

  box-shadow: 0 0 1.5rem rgba(0,0,0,.15);

  top: 50%;

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

  -ms-transform: translateY(-50%);

  -o-transform: translateY(-50%);

  transform: translateY(-50%);

}

.slick-slider > button.slick-prev {left: -9.6875rem;}

.slick-slider > button.slick-next {right: -9.6875rem;}

.slick-slider > button.slick-arrow:hover, 

.slick-slider > button.slick-arrow:focus {color: #fff;}

.post-caro .slick-list {margin: -1.25rem;}

.post-box-wrap {padding: 1.25rem;}

.post-box {

  background-color: #fff;

  -webkit-box-shadow: 0 0 1.5rem rgba(0,0,0,.15);

  -ms-box-shadow: 0 0 1.5rem rgba(0,0,0,.15);

  -o-box-shadow: 0 0 1.5rem rgba(0,0,0,.15);

  box-shadow: 0 0 1.5rem rgba(0,0,0,.15);

}

.post-img > span {

  top: 1rem;

  right: 1rem;

  font-family: Jost;

  font-weight: 700;

  font-size: 13px;

  color: var(--color1);

  padding: 7.25px 1.3rem;

  z-index: 2;

}

.post-img {position: relative;}

.post-img > a {

  display: block;

  position: relative;

  overflow: hidden;

}

.post-img > a:before {

  content: "";

  position: absolute;

  left: 0;

  right: 0;

  top: 0;

  bottom: 0;

  background-color: #000;

  opacity: 0;

  z-index: 1;

}

.post-box:hover .post-img > a:before {opacity: .4;}

.post-box:hover .post-img img {

  -webkit-transform: scale(1.04) rotate(1deg);

  -ms-transform: scale(1.04) rotate(1deg);

  -o-transform: scale(1.04) rotate(1deg);

  transform: scale(1.04) rotate(1deg);

}

.post-info {padding: 1.875rem 1.875rem 0;}

.post-info > span {font-size: 12px;}

.post-info > span i:not(:first-child) {margin-left: 4px;}

.post-info > span span {

  color: var(--color1);

  font-size: 1rem;

  font-family: Jost;

  font-weight: 700;

  margin-left: 12px;

}

.post-info > span + h3 {margin-top: 1.25rem;}

.post-info > h3 {

  font-size: 1.75rem;

  font-weight: 700;

}

.post-info > h3 + p {margin-top: 3px;}

.post-info > p {font-size: 1rem;}

.post-info > p + ul {margin-top: 1.25rem;}

ul.post-meta {display: inline-block;}

ul.post-meta li {

  color: var(--color1);

  font-size: 1.0625rem;

  font-family: Jost;

  font-weight: 500;

  margin-top: 12px;

  display: block;

}

ul.post-meta li i, 

.post-info > span.evnt-loc i {

  height: 2.125rem;

  line-height: 2.125rem;

  width: 2.125rem;

  text-align: center;

  background-color: #f2f2f2;

  font-size: 1rem;

  color: #797979;

  margin-right: 1.125rem;

}

ul.post-meta + span {margin-top: 1.875rem;}

.post-info > span.evnt-loc {

  color: #fff;

  font-size: 1rem;

  font-family: Jost;

  font-weight: 500;

  margin-left: -1.875rem;

  margin-right: -1.875rem;

  padding: 13px 1.875rem;

}



/*===== How It Works Style =====*/

.how-work-box {

  padding: 0 1.25rem;

  margin-bottom: 1.875rem;

}

.how-work-box > span {

  height: 6.75rem;

  width: 6.75rem;

  background-color: #f6f6f6;

  line-height: 6.75rem;

}

.how-work-box > span img {display: inline-block !important;}

.gray-bg .how-work-box > span {background-color: #fff;}

.how-work-box:hover > span {

  -webkit-transform: translateY(-0.9375rem);

  -ms-transform: translateY(-0.9375rem);

  -o-transform: translateY(-0.9375rem);

  transform: translateY(-0.9375rem);

}

.how-work-box > span + .how-work-inner {margin-top: 1.75rem;}

.how-work-inner > h3 {

  font-size: 1.640625rem;

  font-weight: 700;

}

.how-work-inner > h3 + p {margin-top: .75rem;}

.how-work-inner > p {

  font-size: 1.0625rem;

  line-height: 1.625rem;

}



/*=== Ver 2 ===*/

.how-work-box.v2 {

  background-color: #fbfbfb;

  padding: 2.5rem;

}

.how-work-box.v2 > span {background-color: #fff;}



/*===== City Post Style =====*/

.city-wrap {

  width: calc(100% + 5.625rem);

  margin-left: -2.8125rem;

}

.city-box {

  position: relative;

  margin-bottom: 1.875rem;

}

.city-info {

  bottom: 0;

  left: 0;

  right: 0;

  background-color: #d14e26;

  display: flex;

  flex-wrap: wrap;

  justify-content: space-between;

  align-items: center;

  padding: 0.9375rem 3.4375rem;

  -webkit-transform: translateY(1.5625rem);

  -ms-transform: translateY(1.5625rem);

  -o-transform: translateY(1.5625rem);

  transform: translateY(1.5625rem);

}

.city-info-inner > h3 {

  color: #fff;

  font-size: 1.875rem;

  font-weight: 700;

}

.city-info-inner > h3 + span {margin-top: 7px;}

.city-info-inner > span {

  font-size: 1rem;

  color: #393939;

  font-family: Jost;

  font-weight: 500;

}

.city-info > a {padding: 1.109375rem 1.875rem;}

.col-lg-6 .col-md-6 .city-info {

  padding: 0.9375rem 1.875rem;

  -webkit-transform: translateY(5.9375rem);

  -ms-transform: translateY(5.9375rem);

  -o-transform: translateY(5.9375rem);

  transform: translateY(5.9375rem);

}

.col-lg-6 .col-md-6 .city-info-inner + a {margin-top: 10px;}

.city-info-inner > span, 

.city-info > a {opacity: 0;}

.city-box:hover .city-info {

  -webkit-transform: translateY(0);

  -ms-transform: translateY(0);

  -o-transform: translateY(0);

  transform: translateY(0);

  padding-top: 1.5625rem;

  padding-bottom: 1.5625rem;

  background-color: rgba(249,253,255,.95);

}

.city-box:hover .city-info-inner > h3 {color: #000;}

.city-box:hover .city-info-inner > span, 

.city-box:hover .city-info > a {opacity: 1;}



/*===== Top List Post Style =====*/

.top-list-img > span {

  font-size: 13px;

  font-family: Jost;

  font-weight: 700;

  color: #fff;

  background-color: var(--color1);

  padding: 7.25px 1.25rem;

  left: 1.875rem;

  top: 1.875rem;

}

.top-list-info {

  max-width: 32.1875rem;

  right: 0;

  top: 50%;

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

  -ms-transform: translateY(-50%);

  -o-transform: translateY(-50%);

  transform: translateY(-50%);

  background-color: #fcefe9;

  -webkit-box-shadow: 0 5px 5rem rgba(0,0,0,.15);

  -ms-box-shadow: 0 5px 5rem rgba(0,0,0,.15);

  -o-box-shadow: 0 5px 5rem rgba(0,0,0,.15);

  box-shadow: 0 5px 5rem rgba(0,0,0,.15);

  padding: 4.375rem 3.4375rem 3.75rem;

}

.top-list-info > span {

  color: var(--color1);

  font-family: Jost;

  font-weight: 600;

  font-size: 15.85px;

}

.top-list-info > span i {margin-right: 8px;}

.top-list-info > span + h3 {margin-top: 10px;}

.top-list-info > h3 {font-size: 2.5rem;}

.top-list-info > h3 + p {margin-top: 1rem;}

.top-list-info > p {font-size: 1.125rem;}

.top-list-info > p + ul {margin-top: 14px;}

.top-list-info .post-meta > li i {background-color: #fff;}

.post-meta + .thm-btn {margin-top: 2.8125rem;}



/*===== Featured Posts Style =====*/

.feat-post-wrap {padding: 0 5px;}

.feat-post-box {margin-bottom: 4.6875rem;}

.feat-post-box:before {

  content: "";

  position: absolute;

  left: 0;

  right: 0;

  top: 0;

  height: 14px;

}

.feat-post-box:hover:before {top: -14px;}

.feat-post-box a.thm-btn {

  position: absolute;

  left: 0;

  right: 0;

  bottom: 0;

  font-size: 1.096875rem;

  opacity: 0;

  visibility: hidden;

  -webkit-border-radius: 0;

  border-radius: 0;

}

.feat-post-box:hover > a.thm-btn {

  opacity: 1;

  visibility: visible;

  bottom: -4.2458125rem;

}

.feat-post-box:hover .feat-post-img > img {

  -webkit-transform: scale(1.04);

  -ms-transform: scale(1.04);

  -o-transform: scale(1.04);

  transform: scale(1.04);

}

.feat-post-info {

  left: 0;

  right: 0;

  bottom: 0;

  padding: 0 2.8125rem 1.25rem 2rem;

  z-index: 1;

}

.feat-post-box:after {

  content: "";

  position: absolute;

  bottom: 0;

  top: 0;

  left: 0;

  right: 0;

  background: -moz-linear-gradient(90deg, rgba(23,24,25,1) 0%, rgba(44,44,47,0.7) 30%, rgba(255,255,255,0) 100%);

  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,255,255,0)), color-stop(56%, rgba(44,44,47,0.7)), color-stop(100%, rgba(23,24,25,1)));

  background: -webkit-linear-gradient(90deg, rgba(23,24,25,1) 0%, rgba(44,44,47,0.7) 30%, rgba(255,255,255,0) 100%);

  background: -o-linear-gradient(90deg, rgba(23,24,25,1) 0%, rgba(44,44,47,0.7) 30%, rgba(255,255,255,0) 100%);

  background: -ms-linear-gradient(90deg, rgba(23,24,25,1) 0%, rgba(44,44,47,0.7) 30%, rgba(255,255,255,0) 100%);

  background: linear-gradient(0deg, rgba(23,24,25,1) 0%, rgba(44,44,47,0.7) 30%, rgba(255,255,255,0) 100%);

  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#171819',GradientType=0 );

}

.feat-post-info-inner {

  flex: 0 0 calc(100% - 4.125rem);

  max-width: calc(100% - 4.125rem);

}

.feat-post-info-inner > h3 {

  color: #fff;

  font-size: 1.625rem;

  font-weight: 700;

}

.rate-star {font-size: 10px;}

.rate-star > i {margin-left: 5px;}

.rate-star > span {

  font-size: .9375rem;

  color: #fff;

  font-family: Jost;

  font-weight: 500;

  padding: 0 4px;

  -webkit-border-radius: 1.125rem;

  border-radius: 1.125rem;

  line-height: 1.125rem;

  display: inline-block;

}

.feat-post-info-inner > h3 + span {margin-top: 5px;}

.feat-post-info-inner > span + i {margin-top: 4px;}

.feat-post-info-inner > i {

  font-style: normal;

  color: #797979;

  font-size: 13px;

}

.feat-post-info > span {

  font-family: Jost;

  font-size: 13px;

  color: #fff;

  flex: 0 0 3.125rem;

  max-width: 3.125rem;

  text-align: center;

}

.feat-post-info > span i {

  height: 3.125rem;

  background-color: #fff;

  width: 3.125rem;

  color: #797979;

  line-height: 3.125rem;

  font-size: 1rem;

  margin-bottom: 6px;

}



/*===== Blog Post Style =====*/

.blog-post-box {margin-bottom: 2.5rem;}

.blog-post-img > a {

  display: block;

  position: relative;

}

.blog-post-img > a:before {

  content: "";

  position: absolute;

  left: 0;

  right: 0;

  top: 0;

  bottom: 0;

  background-color: #000;

  opacity: 0;

}

.blog-post-box:hover .blog-post-img > a::before {opacity: .4;}

.blog-post-box iframe {

  height: 16.25rem;

  display: block;

}

.blog-post-info {

  border: 2px solid #f5f5f5;

  background-color: #f8f8f8;

  padding: 2.3rem 2.5rem 2.5rem;

  position: relative;

}

.blog-post-info > span.post-date {

  font-size: 1.125rem;

  color: #bbc7cd;

  font-family: Jost;

  font-weight: 600;

  text-transform: uppercase;

}

.blog-post-info > span.post-date + h3 {margin-top: .9375rem;}

.blog-post-info > h3 {

  font-size: 1.5625rem;

  font-weight: 800;

}

.blog-post-info > h3 + p {margin-top: .75rem;}

.blog-post-info > p {

  font-size: 1.0625rem;

  color: #636363;

  line-height: 1.75rem;

}

.blog-post-info > p + span.post-auth {margin-top: 1.5625rem;}

.blog-post-info > span.post-auth {

  font-size: 1rem;

  color: #bbc7cd;

  font-family: Jost;

}

.blog-post-info > span.post-coment {

  color: #fff;

  font-size: 14px;

  font-family: Jost;

  bottom: 10px;

  right: 10px;

  padding: 8.5px 13px;

}

.blog-post-info > span.post-coment i {

  font-size: .9375rem;

  margin-right: 5px;

}



/*===== Footer Style =====*/

.footer-cont-wrap {padding: 1.875rem 0 1.5625rem;}

.footer-cont-wrap + .footer-data {

  border-top: 2px solid var(--color1);

  padding-top: 3.4375rem;

}

.footer-cont-info ul li {

  font-family: Jost;

  font-weight: 600;

  font-size: 1.25rem;

}

.footer-cont-info ul li:not(:first-child) {margin-left: 3.125rem;}

.dark-bg2 .footer-cont-info ul li {color: #fff;}

.footer-cont-info ul li i {

  font-size: 1.0625rem;

  height: 2.5rem;

  width: 2.5rem;

  line-height: 2.5rem;

  text-align: center;

  margin-right: .9375rem;

}

.footer-cont-btn .thm-btn {

  font-size: 14px;

  padding-left: 3.75rem;

  padding-right: 3.75rem;

}

.widget {margin-bottom: 3.75rem;}

.widget .logo + p {margin-top: 1.875rem;}

.widget > p {font-size: 1.125rem;}

.widget > p + .social-links {margin-top: 2.5rem;}

.social-links > a {

  display: inline-block;

  color: #464646;

  font-size: 1.125rem;

}

.social-links > a:not(:first-child) {margin-left: 12px;}

.social-links > a:hover, 

.social-links > a:focus {color: #fff;}

.widget > h3 {

  font-weight: 800;

  font-size: 1.25rem;

  margin-bottom: 1.375rem;

}

.dark-bg2 .widget > h3 {color: #fff;}

.widget > ul:not(.gallery-list) li {

  line-height: 2rem;

  margin-top: 4px;

  width: 100%;

}

.widget > ul:not(.gallery-list) li:hover > a, 

.widget > ul:not(.gallery-list) li a:focus {color: #fff;}

.gallery-list {margin: 0 -3.5px;}

.gallery-list > li {

  padding: 0 3.5px 7px;

  flex: 0 0 33.334%;

  max-width: 33.334%;

}

.gallery-list > li a {

  display: block;

  position: relative;

}

.gallery-list > li a:before {

  content: "";

  position: absolute;

  left: 0;

  right: 0;

  top: 0;

  bottom: 0;

  opacity: 0;

}

.gallery-list > li a:hover:before {opacity: .7;}

.copyright {

  background-color: #0d0d0d;

  padding: 1.5625rem 0;

}

.copyright p {

  color: #464646;

  font-size: 1rem;

  font-family: Jost;

}

.copyright p a {color: #8799a3;}

.copyright p a:hover, 

.copyright p a:focus {color: #fff;}



/*===== Page Top =====*/

.black-layer .pg-tp-wrp > h1 {color: #fff;}

.pg-tp-wrp {padding-top: 10px;}

.pg-tp-wrp > h1 {

  font-size: 3.125rem;

  font-weight: 600;

}

.pg-tp-wrp > h1 + ol.breadcrumb {margin-top: 1rem;}

ol.breadcrumb {

  padding: 0;

  justify-content: center;

  background-color: transparent;

  -webkit-border-radius:  0;

  border-radius: 0;

  margin-bottom: 0;

}

ol.breadcrumb > li.breadcrumb-item {

  font-size: .9375rem;

  position: relative;

  z-index: 1;

}

ol.breadcrumb > li.breadcrumb-item + li.breadcrumb-item {margin-left: 13px;}

ol.breadcrumb > li.breadcrumb-item + li.breadcrumb-item:before {padding-right: .9375rem;}

ol.breadcrumb > li.breadcrumb-item a:hover,

ol.breadcrumb > li.breadcrumb-item a:focus {color: #fff;}



/*===== Event Detail Style 2 =====*/

.event-detail-img-info > h2 {

  font-size: 2.5rem;

  font-weight: 700;

  color: var(--color4);

}

.event-detail-img-info > h2 + p {margin-top: 13px;}

.event-detail-img-info > p + img {margin-top: 1.6875rem;}

.event-infolist > li {

  position: relative;

  padding-left: 1.5625rem;

  margin-top: 1.875rem;

}

.event-infolist > li:not(:first-child) {padding-left: 3.4375rem;}

.event-infolist > li i {

  position: absolute;

  left: 0;

  top: 5px;

  font-size: .9375rem;

}

.event-infolist > li strong {

  font-weight: 600;

  font-size: 1.375rem;

  color: var(--color4);

  font-family: Jost;

}

.event-infolist > li p {

  font-family: Jost;

  font-weight: 500;

  margin-top: 8px;

}

.event-infolist > li:first-child {padding-left: 1.5625rem;}

.event-infolist > li:not(:first-child) i {left: 1.875rem;}

.event-detail-desc > p + h3 {margin-top: 1.5625rem;}

.event-detail-desc > h3 {

  font-size: 1.25rem;

  text-transform: uppercase;

  color: var(--color4);

}

.event-detail-desc > h3 + ul {margin-top: 8px;}

.event-detail-desc > ul {display: inline-block;}

.event-detail-desc > ul li {margin-top: 12px;}

.event-detail-img-info + .event-detail-desc {

  border-top: 1px solid #ddd;

  margin-top: 1.75rem;

  padding-top: 1.75rem;

}

.event-detail-desc > ul + .share {margin-top: 3.4375rem;}

.share > span {

  font-family: Jost;

  font-weight: 700;

  color: var(--color4);

  text-transform: uppercase;

  font-size: 1.25rem;

  display: inline-block;

  vertical-align: middle;

}

.share > span + .social-links3 {margin-left: 2rem;}

.social-links3 {display: inline-block;}

.social-links3 > a {

  color: #fff;

  border-width: 2px;

  border-style: solid;

  font-size: 1.25rem;

  height: 2.5rem;

  width: 2.5rem;

  display: inline-block;

  text-align: center;

  line-height: 2.3rem;

}

.social-links3 > a:not(:first-child) {margin-left: 12px;}

.social-links3 > a:hover, 

.social-links3 > a:focus {background-color: transparent;}



/*===== Gallery Detail =====*/

.gallery-detail-wrap {

  padding: 10.625rem 12.5rem 4.0625rem;

  position: relative;

  z-index: 1;

  margin-top: -1.875rem;

}

.gallery-detail-desc > span {

  font-size: 1.25rem;

  color: #bbc7cd;

  font-weight: 700;

}

.gallery-detail-desc > span + h2 {margin-top: 1.125rem;}

.gallery-detail-desc > h2 {

  font-size: 2.625rem;

  font-weight: 900;

}

.gal-meta > li {

  font-size: 1rem;

  color: #c4d2d9;

  font-family: Jost;

}

.gal-meta > li a:not(.thm-clr) {color: #8799a3;}

.gal-meta > li a {margin-left: 8px;}

.gal-meta > li i {margin-right: 8px;}

.gal-meta > li:not(:first-child) {padding-left: 2.8125rem;}

.gallery-detail-desc > h2 + ul {margin-top: 1.375rem;}

.gallery-detail-desc > ul + blockquote {margin-top: 1.875rem;}

.gallery-detail-desc > blockquote {

  font-size: 1.25rem;

  font-weight: 700;

  line-height: 1.875rem;

  color: #252525;

  margin-bottom: 0;

}

.gallery-detail-desc > blockquote p {

  color: inherit;

  font-size: inherit;

  line-height: inherit;

}

.gallery-detail-desc > p {margin-top: 1.875rem;}

.gallery-detail-desc + .gallery-info-inr {

  margin-top: 5.9375rem;

  padding-top: 3.125rem;

}

.gallery-detail-desc + .gallery-info-inr:before {

  content: "";

  position: absolute;

  left: -12.5rem;

  right: -12.5rem;

  height: 2px;

  background-color: #f0f4f7;

  top: 0;

}

.gallery-info-inr {position: relative;}

.tags {

  font-size: 1.25rem;

  color: #8799a3;

  font-family: Jost;

}

.tags > span {

  display: inline-block;

  font-size: 1.25rem;

  font-weight: 700;

  text-transform: uppercase;

  font-family: Jost;

  color: #252525;

  margin-right: 2.8125rem;

}

.tags > a {display: inline-block;}

.tags + .share {margin-top: 1.875rem;}

.gallery-info-inr .share {padding-left: 6.875rem;}

.social-links4 {display: inline-block;}

.social-links4 > a {

  color: #fff;

  border-width: 2px;

  border-style: solid;

  display: inline-block;

  height: 3.6875rem;

  line-height: 3.5rem;

  width: 3.6875rem;

  text-align: center;

  font-size: 1rem;

}

.social-links4 > a:not(:first-child) {margin-left: 6px;}

.social-links4 > a:hover, 

.social-links4 > a:focus {background-color: transparent;}



/*===== Gallery Style 1 =====*/

.gallery-box {margin-bottom: 10px;}

.gallery-box:before {

  content: "";

  position: absolute;

  left: 0;

  right: 0;

  top: 0;

  bottom: 0;

  background-color: #000;

  opacity: 0;

}

.gallery-box:hover:before {opacity: .5;}

.gallery-info {

  left: 0;

  right: 0;

  top: 70%;

  padding: 0 1.25rem;

  z-index: 1;

  text-align: center;

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

  -ms-transform: translateY(-50%);

  -o-transform: translateY(-50%);

  transform: translateY(-50%);

  opacity: 0;

  visibility: hidden;

}

.gallery-info > a {

  display: inline-block;

  color: #fff;

  height: 3.6875rem;

  width: 3.6875rem;

  line-height: 3.6875rem;

}

.gallery-info > a + h3 {margin-top: 2.1875rem;}

.gallery-info > h3 {

  color: #fff;

  font-size: 1.625rem;

  font-weight: 600;

}

.gallery-box:hover .gallery-info {

  opacity: 1;

  top: 50%;

  visibility: visible;

}



/*===== Gallery Style 2 =====*/

ul.gallery-wrap > li {

  flex: 0 0 20%;

  max-width: 20%;

}

.gallery-box2 > a {

  display: block;

  position: relative;

}

.gallery-box2 > a:before {

  content: "";

  position: absolute;

  left: 0;

  right: 0;

  top: 0;

  bottom: 0;

  background-color: #000;

  opacity: 0;

}

.gallery-box2 > a::after {

  content: "\f002";

  font-family: "Font Awesome 5 Free";

  position: absolute;

  color: #fff;

  top: 50%;

  left: 50%;

  font-weight: 900;

  -webkit-transform: translate(-50%, -50%) scale(20);

  -ms-transform: translate(-50%, -50%) scale(20);

  -o-transform: translate(-50%, -50%) scale(20);

  transform: translate(-50%, -50%) scale(20);

  text-align: center;

  opacity: 0;

}

.gallery-box2 > a:hover:before {opacity: .6;}

.gallery-box2 > a:hover::after {

  -webkit-transform: translate(-50%, -50%) scale(3);

  -ms-transform: translate(-50%, -50%) scale(3);

  -o-transform: translate(-50%, -50%) scale(3);

  transform: translate(-50%, -50%) scale(3);

  opacity: 1;

}



/*===== Gallery Style 3 =====*/

.gallery-box3 {margin-bottom: 3.4375rem;}

.gallery-img > a {

  position: absolute;

  height: 4.375rem;

  width: 4.375rem;

  line-height: 4.375rem;

  text-align: center;

  left: 50%;

  top: 70%;

  background-color: #fff;

  font-size: 1.125rem;

  -webkit-transform: translate(-50%, -50%);

  -ms-transform: translate(-50%, -50%);

  -o-transform: translate(-50%, -50%);

  transform: translate(-50%, -50%);

  opacity: 0;

}

.gallery-img + .gallery-info2 {margin-top: 1.25rem;}

.gallery-info2 > h3 {

  font-size: 1.78125rem;

  font-weight: 700;

}

.gallery-info2 > h3 + span {margin-top: 4px;}

.gallery-info2 > span {

  color: #a4a4a4;

  font-size: 0.971875rem;

  text-transform: uppercase;

}

.gallery-img > a:hover, 

.gallery-img > a:focus {color: #fff;}

.gallery-img:before {

  content: "";

  position: absolute;

  left: 0;

  right: 0;

  top: 0;

  bottom: 0;

  background-color: #000;

  opacity: 0;

}

.gallery-box3:hover .gallery-img::before {opacity: .5;}

.gallery-box3:hover .gallery-img > a {

  opacity: 1;

  top: 50%;

}



/*===== Places Listing =====*/

.city-search-wrap {

  background-color: #f6f6f6;

  padding: 2.1875rem 2.5rem;

}

.gray-bg .city-search-wrap {background-color: #fff;}

.city-search-wrap > div {

  padding: 5px;

  position: relative;

}

.city-search-wrap > div.field i {

  position: absolute;

  left: 2.1875rem;

  top: 5px;

  line-height: 4.6875rem;

}

.city-search-wrap > div.field input {

  width: 100%;

  background-color: transparent;

  font-size: .9375rem;

  color: #67686c;

  font-family: Jost;

  border: 2px solid #dfe0e5;

  height: 4.6875rem;

  padding: 1.25rem 3.4375rem;

}

.city-search-wrap > div.search-city {

  flex: 0 0 47%;

  max-width: 47%;

}

.city-search-wrap > div.search-event-name {

  flex: 0 0 30%;

  max-width: 30%;

}

.city-search-wrap > div.city-search-btn {

  padding-left: 1.5625rem;

  flex: 0 0 23%;

  max-width: 23%;

}

.city-search-wrap > div.city-search-btn .thm-btn {

  font-size: 14px;

  height: 4.6875rem;

  width: 100%;

}

.place-list-box {margin-bottom: 2.1875rem;}

.place-list-img .place-map {

  left: 0;

  right: 0;

  top: 90%;

  bottom: 0;

  opacity: 0;

  visibility: hidden;

}

.place-list-box.active .place-list-img .place-map {

  opacity: 1;

  top: 0;

  visibility: visible;

}

.place-list-info {

  background-color: #f6f6f6;

  position: relative;

  padding: 1.25rem 5.3125rem 1.25rem 2.5rem;

}

.gray-bg .place-list-info {background-color: #fff;}

.place-list-info > h3 {

  font-size: 1.5625rem;

  font-weight: 700;

}

.place-list-info > h3 + span {margin-top: 8px;}

.place-list-info > span {

  font-size: .9375rem;

  font-family: Jost;

  font-weight: 500;

}

.place-list-info > i {

  font-size: 1.875rem;

  position: absolute;

  width: 4.6875rem;

  text-align: center;

  right: 0;

  top: 0;

  bottom: 0;

  border-left: 1px solid #e7e7e7;

  cursor: pointer;

  line-height: 6.28125rem;

}

.place-list-info > span i {margin-right: 5px;}

.place-list-box.active .place-list-info > i::before {content: "\f00d";}



/*===== Listing Layout Style 1 =====*/

.listing-filter-inner > a {

  display: inline-block;

  -webkit-box-shadow: 0 0 1.5625rem rgba(0,0,0,.11);

  -ms-box-shadow: 0 0 1.5625rem rgba(0,0,0,.11);

  -o-box-shadow: 0 0 1.5625rem rgba(0,0,0,.11);

  box-shadow: 0 0 1.5625rem rgba(0,0,0,.11);

  background-color: #fff;

  font-size: .9375rem;

  font-family: Jost;

  font-weight: 500;

  padding: 8.75px 1.375rem;

}

.listing-filter-inner > a + p {margin-left: 2.8125rem;}

.listing-top-bar .slc-wp .bootstrap-select > button {

  border: 0;

  color: #fff;

  position: relative;

  font-size: .9375rem;

  font-weight: 500;

  padding: 8.75px 2.5rem 8.75px 2rem;

}

.listing-filter-inner > a i {margin-right: 8px;}

.listing-filter-inner > a:hover, 

.listing-filter-inner > a:focus {color: #fff;}

.listing-filter-inner > p {

  font-size: 1rem;

  font-family: Jost;

  font-weight: 500;

  color: #2f2f2f;

}

.listing-top-bar .slc-wp .bootstrap-select > button:after {

  border: 0;

  content: "\f107";

  font-family: "Font Awesome 5 Free";

  font-weight: 900;

  position: absolute;

  right: 1.4rem;

  top: 0;

  bottom: 0;

  margin: 0;

  line-height: 2.5rem;

}

.slc-wp + .slc-wp {margin-left: .9375rem;}

.listing-top-bar .slc-wp.v2 .bootstrap-select > button {

  background: #e5e5e5 !important;

  color: #343434;

}

body.advance-filter-active::before {

  content: "";

  position: absolute;

  left: 0;

  right: 0;

  top: 0;

  bottom: 0;

  background-color: #000;

  z-index: 9999;

  opacity: .96;

}

body.advance-filter-active .advance-filter-wrap {

  margin-left: 0;

  opacity: 1;

  visibility: visible;

  z-index: 999999;

}

.advance-filter-wrap {

  position: fixed;

  top: 0;

  left: 0;

  bottom: 0;

}

.advanc-filter-close-btn {

  position: absolute;

  top: 10px;

  right: .9375rem;

  height: 1.875rem;

  cursor: pointer;

  color: #fff;

  background-color: #333;

  text-align: center;

  width: 1.875rem;

  line-height: 1.87rem;

  cursor: pointer;

  font-size: 13px;

  -webkit-border-radius: 3px;

  border-radius: 3px;

}

.sec-title + .listing-top-bar {margin-top: -2.5rem;}

.list-post-box {

  background-color: #fff;

  margin-bottom: 2.5rem;

}

.list-post-box:hover {

  -webkit-box-shadow: 0 0 1.5625rem rgba(0, 0, 0, .11);

  -ms-box-shadow: 0 0 1.5625rem rgba(0, 0, 0, .11);

  -o-box-shadow: 0 0 1.5625rem rgba(0, 0, 0, .11);

  box-shadow: 0 0 1.5625rem rgba(0, 0, 0, .11);

}

.list-post-cat {

  left: 1.25rem;

  top: 1.25rem;

}

.list-post-cat > a {

  color: #fff;

  display: inline-block;

  font-size: 13px;

  font-family: Jost;

  font-weight: 600;

  padding: 4.25px 0.938rem;

}

.list-post-like {

  bottom: 1.25rem;

  left: 1.25rem;

  background-color: #fff;

}

.list-post-like > a {

  display: inline-block;

  height: 1.875rem;

  width: 1.875rem;

  line-height: 1.875rem;

  text-align: center;

  font-size: 13px;

  -webkit-border-radius: 50%;

  border-radius: 50%;

}

.list-post-like > a:hover i,

.list-post-like > a:focus i {

  -webkit-background-clip: initial;

  -webkit-text-fill-color: initial;

  color: #fff;

}

.list-post-info {

  border: 2px solid #f4f4fc;

  -webkit-border-radius: 0 0 5px 5px;

  border-radius: 0 0 5px 5px;

}

.list-post-inner {padding: 1.6875rem 1.5625rem 1.5rem;}

.list-post-date {

  font-size: 13px;

  color: #5a5a5a;

  font-family: Jost;

  font-weight: 600;

}

.list-post-date i {margin-right: 10px;}

.list-post-rate {font-size: 10px;}

.list-post-rate i {margin-right: 2px;}

.list-post-rate span {

  font-size: 14px;

  color: #323232;

  font-family: Jost;

  font-weight: 600;

  margin-left: 6px;

}

.list-post-info-top + h3 {margin-top: 13px;}

.list-post-inner > h3 {font-size: 1.4375rem;}

.list-post-inner > h3 + .list-post-author-stats {margin-top: 14px;}

.list-post-author > img {

  border: 4px solid #fff;

  margin-right: -5px;

  z-index: 1;

}

.list-post-author > span {

  background-color: #f6e8fe;

  color: #b352ed;

  font-family: Jost;

  font-size: 13px;

  font-weight: 600;

  border-radius: 0 3px 3px 0;

  padding: 5.25px 10px;

}

.list-post-author-stats > span {

  color: #fff;

  font-size: 13px;

  font-family: Jost;

  font-weight: 600;

  padding: 4.25px 1.25rem;

}

.list-post-inner + .list-post-meta {border-top: 2px solid #f4f4fc;}

.list-post-meta {

  display: flex;

  flex-wrap: wrap;

}

.list-post-meta > li {

  font-size: .9375rem;

  font-family: Jost;

  font-weight: 500;

  color: var(--color1);

  flex: 0 0 4.0625rem;

  max-width: 4.0625rem;

  white-space: nowrap;

  padding: 9.5px 0;

  cursor: pointer;

}

.list-post-meta > li i {

  width: 4.0625rem;

  text-align: center;

}

.list-post-meta > li *:not(i) {white-space: nowrap;}

.list-post-meta > li.active {

  flex: 0 0 calc(100% - 4.0625rem);

  max-width: calc(100% - 4.0625rem);

  padding-left: 1.25rem;

  padding-right: 1.25rem;

}

.list-post-meta > li.active i {

  margin-right: 10px;

  width: auto;

}

.list-post-meta > li + li {border-left: 2px solid #f4f4fc;}

.list-post-meta > li *:not(i) {

  opacity: 0;

  visibility: hidden;

}

.list-post-meta > li.active :not(i) {

  opacity: 1;

  visibility: visible;

}



/*=== Ver 2 ===*/

.list-post-meta > li {

  flex: 0 0 3.75rem;

  max-width: 3.75rem;

}

.list-post-box.v2 .list-post-inner {padding: 1.25rem 1.25rem 1.5rem;}

.list-post-box.v2 .list-post-author-stats > span {

  font-size: 11px;

  padding: 4.25px 10px;

}

.list-post-box.v2 .list-post-author > span {font-size: 12px;}

.list-post-box.v2 .list-post-meta > li {font-size: 14px;}

.list-post-cat2 {

  color: #fff;

  font-size: 13px;

  background-color: #15cb52;

  top: 1.25rem;

  -webkit-border-radius: 50rem;

  border-radius: 50rem;

  left: 1.25rem;

  font-family: Jost;

  font-weight: 500;

  padding: 4.25px .9375rem;

}

.list-post-box.v2 .list-post-rate span {

  font-size: 13px;

  margin-left: 3px;

}



/*===== Listing Layout Style 2 =====*/

.list-post-box2 {

  display: inline-block;

  margin-bottom: 2.5rem;

}

.list-post-stats {

  left: 1.875rem;

  top: .9375rem;

  font-size: 12px;

  color: var(--color1);

  font-family: Jost;

  font-weight: 500;

  padding: 5px 1.25rem;

  background-color: #f5f5f5;

}

.list-post-like-rate {

  left: 0;

  right: 0;

  bottom: 0;

  padding: 0 2.5rem 1rem;

}

.list-post-img2:before {

  content: "";

  position: absolute;

  left: 0;

  right: 0;

  bottom: 0;

  top: ;

  top: 0;

  background: -moz-linear-gradient(90deg, rgba(23,24,25,1) 0%, rgba(44,44,47,0) 42%, rgba(255,255,255,0) 100%);

  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,255,255,0)), color-stop(58%, rgba(44,44,47,0)), color-stop(100%, rgba(23,24,25,1)));

  background: -webkit-linear-gradient(90deg, rgba(23,24,25,1) 0%, rgba(44,44,47,0) 42%, rgba(255,255,255,0) 100%);

  background: -o-linear-gradient(90deg, rgba(23,24,25,1) 0%, rgba(44,44,47,0) 42%, rgba(255,255,255,0) 100%);

  background: -ms-linear-gradient(90deg, rgba(23,24,25,1) 0%, rgba(44,44,47,0) 42%, rgba(255,255,255,0) 100%);

  background: linear-gradient(0deg, rgba(23,24,25,1) 0%, rgba(44,44,47,0) 42%, rgba(255,255,255,0) 100%);

  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#171819',GradientType=0 );

}

.list-post-like2 {

  display: inline-block;

  color: #fff;

  font-size: 14px;

  font-family: Jost;

  font-weight: 500;

}

.list-post-like2:hover,

.list-post-like2:focus {color: #fff;}

.list-post-like2 i {margin-right: 6px;}

.list-post-like-rate .list-post-rate span {color: #fff;}

.list-post-info2 {

  background-color: #f6f6f6;

  margin-bottom: 1.6875rem;

  padding: 1.875rem 2.6rem 0;

}

.gray-bg .list-post-info2 {background-color: #fff;}

.post-meta2 > li {

  font-size: 13px;

  font-family: Jost;

  font-weight: 500;

  text-transform: uppercase;

  color: #474444;

}

.post-meta2 > li a {text-transform: initial;}

.post-meta2 > li i {margin-right: 6px;}

.post-meta2 > li:not(:first-child) {padding-left: 1.5625rem;}

.post-meta2 + h3 {margin-top: 5px;}

.list-post-info2 > h3 {font-size: 1.5625rem;}

.list-post-info2 > h3 + p {margin-top: 8px;}

.list-post-info2 > p {

  font-size: 1.0625rem;

  color: #797979;

}

.list-post-info2 > p + .post-meta {margin-top: 10px;}

.post-meta + a {

  /*! margin-top: 2.1875rem; */

}

.list-post-event-btn {

  text-align: center;

  display: block;

  border: 3px solid #f6f6f6;

  font-size: .9375rem;

  text-transform: uppercase;

  font-weight: 500;

  padding: 12.75px 1.25rem;

  bottom: -1.6875rem;

  position: relative;

  background: #fff;

}

.list-post-event-btn i {margin-left: 10px;}

.list-post-event-btn:hover,

.list-post-event-btn:focus {color: #fff;}



/*===== About Us Style =====*/

.about-desc {padding-left: 1.875rem;}

.about-desc > h2 {font-size: 3.125rem;}

.about-desc > h2 + p {margin-top: 2.5rem;}

.about-desc > p + p {margin-top: 1.6875rem;}

.about-desc > p + a {margin-top: 2rem;}



/*===== Video Style =====*/

.video-inner {max-width: 70%;}

.video-inner > a:not(.thm-btn),

.place-video > a,

.event-video-img > a {

  border: 2px solid;

  color: #fff;

  position: relative;

  height: 7.1875rem;

  width: 7.1875rem;

  line-height: 7.1875rem;

  border-radius: 50%;

  font-size: 1.875rem;

}

.video-inner > a:not(.thm-btn):before,

.place-video > a:before,

.event-video-img > a:before {

  content: "";

  background-color: #fff;

  opacity: .25;

  height: 5.625rem;

  width: 5.625rem;

  position: absolute;

  -webkit-border-radius: inherit;

  border-radius: inherit;

  top: 50%;

  left: 50%;

  -webkit-transform: translate(-50%, -50%);

  -ms-transform: translate(-50%, -50%);

  -o-transform: translate(-50%, -50%);

  transform: translate(-50%, -50%);

  z-index: -1;

}

.video-inner > a:not(.thm-btn) + h2 {margin-top: 1.75rem;}

.video-inner > h2 {

  font-size: 3.75rem;

  font-weight: 700;

}

.dark-layer2 .video-inner > h2 {color: #fff;}

.dark-layer2 .video-inner > p {color: #e1e1e1;}

.video-inner > h2 + p {margin-top: 5px;}

.video-inner > p {

  font-size: 1.3125rem;

  line-height: 1.75rem;

}

.video-inner > p + a {margin-top: 3rem;}

.video-inner > a.thm-btn {

  padding-left: 3.25rem;

  padding-right: 3.25rem;

}

.video-inner > a.thm-btn:hover, 

.video-inner > a.thm-btn:focus {

  color: #333;

  background-color: #fff;

}



/*===== Facts Wrap =====*/

.fact-box {

  padding-left: 5.5rem;

  margin-bottom: 1.875rem;

}

.fact-box > i {

  font-size: 3.5rem;

  position: absolute;

  left: 0;

  top: 0;

  color: #00bec5 !important;

}

.fact-box > h3 {

  color: #fdf4b4;

  font-size: 3rem;

  font-weight: 700;

}

.fact-box > h5 {font-size: 1.5rem;}

.dark-bg3 .fact-box > h5 {color: #fff;}



/*===== Simple Post Style =====*/

.simple-post {margin-bottom: 6.875rem;}

.simple-img {

  padding: 1.5625rem;

  display: inline-block;

  border: 4px dotted #e3e3e3;

  margin-left: 2.5rem;

}

.simple-desc > h2 {

  font-size: 3.5625rem;

  font-weight: 700;

  line-height: 3.3125rem;

  color: #1c1c1c;

}

.simple-desc > h2 + p {margin-top: 1.875rem;}

.simple-desc > p {font-size: 1.0625rem;}

.simple-desc > p + ul {

  margin-top: 1.25rem;

  display: inline-block;

}

.simple-desc > ul li {

  font-family: Jost;

  color: #718394;

  font-size: 1.25rem;

  position: relative;

  padding-left: 2.5rem;

  margin-top: 0.8125rem;

}

.simple-desc > ul li i {

  position: absolute;

  left: 0;

  top: 0;

  line-height: inherit;

}

.simple-post:nth-child(2n + 1) .simple-img {margin-left: 2.5rem;}

.simple-post:nth-child(2n) .simple-desc {margin-left: 3.125rem;}



/*===== Team Style =====*/

.team-box {margin-bottom: 1.875rem;}

.team-info {

  left: 0;

  right: 0;

  bottom: 0;

  z-index: 1;

  padding: 1.25rem 2.1875rem;

}

.team-info > h3 {

  font-size: 1.5625rem;

  font-weight: 700;

}

.team-info:before {

  content: "";

  position: absolute;

  left: 0;

  right: 0;

  top: 0;

  bottom: 0;

  background-color: #f1f1f1;

  z-index: -1;

}

.team-info > h3 + span {margin-top: 3px;}

.team-info > span {

  font-size: .9375rem;

  color: #a1a1a1;

}

.team-box:hover .team-info > * {color: #fff;}

.team-box:hover .team-info:before {opacity: .9;}

.team-info > h3 a:hover, 

.team-info > h3 a:focus {color: #2f2f2f;}



/*===== Testimonials Style =====*/

.testi-img-caro {

  display: inline-block;

  max-width: 25rem;

}

.testi-img-caro .testi-img {

  padding: .8rem 1.25rem;

  cursor: pointer;

}

.testi-img-caro .slick-current .testi-img {padding: 0 .9rem;}

.testi-img-caro .testi-img img {

  opacity: .5;

  max-width: 5rem;

  display: inline-block !important;

}

.testi-img-caro .slick-current .testi-img img {

  opacity: 1;

  max-width: 6.5625rem;

}

.testi-desc-item {

  position: relative;

  padding-top: 1.875rem;

}

.testi-desc-item:before {

  content: "";

  position: absolute;

  background-image: url(../images/quote-icon.png);

  height: 9.75rem;

  width: 13.8125rem;

  background-size: contain;

  background-position: center;

  left: 50%;

  -webkit-transform: translateX(-50%);

  -ms-transform: translateX(-50%);

  -o-transform: translateX(-50%);

  transform: translateX(-50%);

  top: 0;

}

.testi-desc-item > h4 {

  font-weight: 700;

  font-size: 1.5rem;

}

.testi-desc-item > span {

  font-size: 14px;

  color: #c4c4c4;

}

.testi-desc-item > span + p {margin-top: 10px;}

.testi-desc-item > p {

  font-style: italic;

  color: #303030;

  max-width: 69%;

  display: inline-block;

}

.slick-dots {

  list-style: none;

  margin: 1.25rem 0 0;

  padding: 0;

  display: flex;

  flex-wrap: wrap;

  justify-content: center;

  align-items: center;

}

.slick-dots > li {

  margin: 0 4px;

  line-height: initial;

  height: 12px;

}

.slick-dots > li button {

  -webkit-border-radius: 50%;

  border-radius: 50%;

  color: transparent;

  background-color: #8b8b8b;

  height: 9px;

  width: 9px;

  padding: 0;

  margin-top: 2px;

}

.slick-dots > li.slick-active button {

  height: 12px;

  width: 12px;

  margin-top: 0;

}



/*===== Clients Style =====*/

.clients-list {margin: 0 -10px;}

.clients-list > li {

  flex: 0 0 20%;

  max-width: 20%;

  padding: 0 10px;

  margin-bottom: 1.25rem;

}

.clients-list > li a {

  display: block;

  background-color: #f8f8f8;

  min-height: 10.3125rem;

  line-height: 10.3125rem;

  padding: .5rem 1rem;

}

.clients-list > li a:hover img {opacity: .6;}



/*===== About Toggle Style =====*/

.toggle-item {padding-bottom: 2.1875rem;}

.toggle-item > h4 {

  font-size: 1.75rem;

  font-weight: 700;

  position: relative;

  line-height: 3.125rem;

  padding-right: 3.4375rem;

  cursor: pointer;

}

.toggle-item > h4 i {

  width: 2.8125rem;

  height: 3.125rem;

  -webkit-border-radius: 4px;

  border-radius: 4px;

  background-color: #b3b3b3;

  position: absolute;

  right: 0;

}

.toggle-content > p {

  font-size: 1.0625rem;

  margin-top: 5px;

  max-width: 85%;

}

.toggle-item > h4 i:before {

  content: "+";

  font-style: normal;

  display: block;

  color: #fff;

  text-align: center;

  font-size: 1.5rem;

  font-weight: 500;

}

.toggle-item:not(:first-child) {

  border-top: 1px solid #e3e3e3;

  padding-top: 2.1875rem;

}

.toggle-item.active > h4 i::before {content: "-";}



/*=== Ver 2 ===*/

.dark-layer2 .toggle-item > h4 {color: #fff;}

.dark-layer2 .toggle-content > p {color: #888;}

.dark-layer2 .toggle-item:not(:first-child) {border-color: #373737;}

.dark-layer2 .toggle-item > h4 i {

  background-color: #fff;

  color: #313030;

}

.dark-layer2 .toggle-item > h4 i:before {color: inherit;}

.dark-layer2 .toggle-item.active > h4 i::before {color: #fff;}

.dark-layer2 .toggle {padding-left: 15px;}



/*===== Listing Explore Map Sidebar Style =====*/

.listing-explore-info-wrap {

  flex: 0 0 31.25rem;

  max-width: 31.25rem;

  background-color: #f9f9f9;

  padding: 2.8125rem 3.125rem;

  margin-left: -31.25rem;

  opacity: 0;

  visibility: hidden;

}

.listing-explore-wrap.active .listing-explore-info-wrap {

  margin-left: 0;

  opacity: 1;

  visibility: visible;

}

.mini-title {margin-bottom: 10px;}

.mini-title > h4 {

  font-size: 1.25rem;

  font-weight: 700;

}

.mini-title > h4 + span {margin-top: 5px;}

.mini-title > span {

  font-size: .9375rem;

  color: #666;

}

.listing-explore-form-wrap > form {width: 100%;}

.wdgt + .wdgt {margin-top: 2.1875rem;}

.wdgt .field {

  position: relative;

  width: 100%;

}

.wdgt .slc-wp .bootstrap-select, 

.wdgt .field input {margin-top: 10px;}

.wdgt .slc-wp .bootstrap-select > button, 

.wdgt .field input {

  font-size: 14px;

  color: #666;

  position: relative;

  background-color: #dddddd;

  border: 0;

  -webkit-border-radius: 0;

  border-radius: 0;

  padding: .9375rem 2.5rem .9375rem 1.5625rem;

  width: 100%;

}

.wdgt .slc-wp .bootstrap-select > button:after {

  content: "\f0d7";

  font-family: "Font Awesome 5 Free";

  margin: 0;

  font-weight: 900;

  border: 0;

  position: absolute;

  right: 1.5625rem;

  top: 0;

  bottom: 0;

  line-height: 3.1875rem;

}

.wdgt .field > i {

  position: absolute;

  right: 1.5625rem;

  top: 10px;

  bottom: 0;

  color: #555;

  font-size: 13px;

  line-height: 3.1875rem;

}

.wdgt > h4 {

  font-size: 1.125rem;

  background-color: #ddd;

  padding: 14.2px 1.25rem;

  margin-bottom: 2.1875rem;

}

.search-range {display: flex;}

.search-range > label {

  display: inline-block;

  color: #555;

  font-family: Jost;

  font-weight: 700;

  font-size: .9375rem;

  margin-bottom: 0;

  line-height: 2.5rem;

  padding-right: 5px;

}

.search-price-opt {

  padding-left: 0;

  list-style: none;

  margin-bottom: 0;

  display: inline-flex;

}

.search-price-opt > li {padding: 0 5px;}

.search-price-opt > li > span {

  line-height: 2.5rem;

  padding: 0 10px;

  border: 1px solid #ddd;

  -webkit-border-radius: 4px;

  border-radius: 4px;

  font-size: 13px;

  font-family: Jost;

  font-weight: 700;

  display: block;

  cursor: pointer;

}

.search-range .slc-wp {

  border: 1px solid #ddd;

  -webkit-border-radius: 4px;

  border-radius: 4px;

  padding: 0 0 0 .75rem;

  display: inline-flex;

  margin-left: 5px;

}

.search-range .slc-wp label {

  font-size: 13px;

  font-family: Jost;

  font-weight: 700;

  color: #555;

  margin-bottom: 0;

  white-space: nowrap;

  line-height: 2.5rem;

}

.search-range .slc-wp .bootstrap-select > button {

  border:  0;

  background-color: transparent;

  font-family: Jost;

  font-size: 13px;

  padding: 9.5px 2rem 9.5px 6px;

}

.search-range .slc-wp .bootstrap-select {margin: 0;}

.search-range .slc-wp .bootstrap-select > button:after {

  right: 12px;

  line-height: 2.5rem;

}

.tags-list {

  margin-top: -5px;

  margin-bottom: -5px;

}

.tags-list > li {

  padding-top: 5px;

  padding-bottom: 5px;

}

.tags-list > li label {

  margin-bottom: 0;

  font-size: 14px;

  font-family: Jost;

  font-weight: 500;

  cursor: pointer;

}

.tags-list > li span {

  position: relative;

  cursor: pointer;

}

.listing-explore-form-wrap > form button.thm-btn {

  -webkit-border-radius: 0;

  border-radius: 0;

  width: 100%;

  font-size: .9375rem;

  margin-top: 1.875rem;

}

.listing-explore-posts-wrap {

  flex: 0 0 58.125rem;

  max-width: 58.125rem;

  background-color: #fff;

  padding: 5rem 3.5rem;

}

.listing-explore-wrap.active .listing-explore-posts-wrap {

  flex: 0 0 26.875rem;

  max-width: 26.875rem;

  padding: 2.8125rem 1.875rem;

}

.listing-explore-posts-inner > div.row > div {

  flex: 0 0 50%;

  max-width: 50%;

}

.listing-explore-wrap.active .listing-explore-posts-inner > div.row > div {

  flex: 0 0 100%;

  max-width: 100%;

}



.listing-explore-posts-inner.list-view .list-post-box {

  display: flex;

  flex-wrap: wrap;

}

.listing-explore-posts-inner.list-view > div.row > div {

  flex: 0 0 100%;

  max-width: 100%;

}

.listing-explore-posts-inner.list-view .list-post-box > * {

  flex: 0 0 50%;

  max-width: 50%;

}

.listing-explore-top {

  margin-bottom: 1.8rem;

  display: flex;

  flex-wrap: wrap;

  justify-content: space-between;

  align-items: center;

}

.listing-explore-top > span, 

.listing-explore-opt > li i {

  cursor: pointer;

  color: #555;

  font-size: 1.25rem;

}

.listing-explore-opt > li {

  margin-left: 10px;

  line-height: 1.25rem;

}

.list-post-info {

  border: 2px solid #f4f4fc;

  -webkit-border-radius: 0 0 5px 5px;

  border-radius: 0 0 5px 5px;

}

.listing-loc-map {

  min-height: 100%;

  flex: 0 0 calc(100% - 58.125rem);

  max-width: calc(100% - 58.125rem);

}



/*===== Input Checkbox Styling =====*/

.tags-list > li span [type="checkbox"]:not(:checked),

.tags-list > li span [type="checkbox"]:checked,

.check-box [type="checkbox"]:not(:checked),

.check-box [type="checkbox"]:checked {

  position: absolute;

  left: -9999px;

}

.tags-list > li span [type="checkbox"]:not(:checked) + label,

.tags-list > li span [type="checkbox"]:checked + label,

.check-box [type="checkbox"]:not(:checked) + label,

.check-box [type="checkbox"]:checked + label {

  position: relative;

  padding-left: 1.75rem;

  cursor: pointer;

}

/* checkbox aspect */

.tags-list > li span [type="checkbox"]:not(:checked) + label::before, 

.tags-list > li span [type="checkbox"]:checked + label::before,

.check-box [type="checkbox"]:not(:checked) + label::before, 

.check-box [type="checkbox"]:checked + label::before {

  border: 2px solid #a9a9a9;

  -webkit-border-radius: 2px;

  border-radius: 2px;

  content: "";

  height: 1.125rem;

  left: 0;

  position: absolute;

  top: 3.5px;

  width: 1.125rem;

}

/* checked mark aspect */

.tags-list > li span [type="checkbox"]:not(:checked) + label:after,

.tags-list > li span [type="checkbox"]:checked + label:after,

.check-box [type="checkbox"]:not(:checked) + label:after,

.check-box [type="checkbox"]:checked + label:after {

  border: 6px solid #a9a9a9;

  -webkit-border-radius: 2px;

  border-radius: 2px;

  content: "";

  position: absolute;

  top: 3.5px;

  left: 0;

  height: 1.125rem;

  width: 1.125rem;

  -webkit-transition: all .2s;

  -ms-transition: all .2s;

  -o-transition: all .2s;

  transition: all .2s;

}

/* checked mark aspect changes */

.tags-list > li span [type="checkbox"]:not(:checked) + label:after,

.check-box [type="checkbox"]:not(:checked) + label:after {

  opacity: 0;  

  -webkit-transform: scale(0);

  -ms-transform: scale(0);

  -o-transform: scale(0);

  transform: scale(0);

}

.tags-list > li span [type="checkbox"]:checked + label:after,

.check-box [type="checkbox"]:checked + label:after {

  opacity: 1;  

  -webkit-transform: scale(1);

  -ms-transform: scale(1);

  -o-transform: scale(1);

  transform: scale(1);

}

/* disabled checkbox */

.tags-list > li span [type="checkbox"]:disabled:not(:checked) + label:before,

.tags-list > li span [type="checkbox"]:disabled:checked + label:before,

.check-box [type="checkbox"]:disabled:not(:checked) + label:before,

.check-box [type="checkbox"]:disabled:checked + label:before {

  border-color: #bbb;

  background-color: #ddd;

}

.tags-list > li span [type="checkbox"]:disabled:checked + label:after,

.check-box [type="checkbox"]:disabled:checked + label:after {color: #999;}

.tags-list > li span [type="checkbox"]:disabled + label,

.check-box [type="checkbox"]:disabled + label {color: #aaa;}



/*===== Listing Layout Style 3 =====*/

.listing-explore-posts-info-wrap2 {

  flex: 0 0 48.4375rem;

  max-width: 48.4375rem;

  background-color: #f9f9f9;

}

.listing-explore-form-wrap2 {

  position: relative;

  background-size: cover;

  background-position: center;

  z-index: 1;

  padding: 4.6875rem 5.9375rem;

}

.listing-explore-form-wrap2:before {

  content: "";

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  background-color: #ebebeb;

  opacity: .75;

  position: absolute;

  z-index: -1;

}

.listing-explore-form-wrap2 > form .field {margin-bottom: 1.5625rem;}

.listing-explore-form-wrap2 > form .field label {

  display: block;

  font-size: 17.17px;

  font-family: Jost;

  font-weight: 600;

  color: #242424;

}

.listing-explore-form-wrap2 > form .field input {

  background-color: #fff;

  width: 100%;

  height: 5.3125rem;

  font-size: 13.9px;

  color: #767676;

  font-family: Jost;

  padding: 10px 1.5625rem;

}

.listing-explore-form-wrap2 > form .field label i {margin-right: 10px;}

.listing-explore-form-wrap2 > form button {

  -webkit-border-radius: 0;

  border-radius: 0;

  width: 100%;

  height: 4.6875rem;

  margin-top: 10px;

}

.listing-explore-posts-wrap2 {padding: 3.75rem 4.0625rem 2.5rem 5.9375rem;}

.listing-post-box3 {

  background-color: #fff;

  margin-bottom: 1.5625rem;

  -webkit-box-shadow: 0 5px 1.25rem rgba(92,92,92,.13);

  -ms-box-shadow: 0 5px 1.25rem rgba(92,92,92,.13);

  -o-box-shadow: 0 5px 1.25rem rgba(92,92,92,.13);

  box-shadow: 0 5px 1.25rem rgba(92,92,92,.13);

}

.listing-post-img3 {

  flex: 0 0 15.9375rem;

  max-width: 15.9375rem;

  position: relative;

}

.list-post-info3 {padding: 1.25rem 1.875rem 1.25rem 3.125rem;}

.listing-post-img3 + .listing-post-info3 {

  flex: 0 0 calc(100% - 15.9375rem);

  max-width: calc(100% - 15.9375rem);

}

.listing-post-img3 + .list-post-info3 {

  flex: 0 0 calc(100% - 15.9375rem);

  max-width: calc(100% - 15.9375rem);

}

.list-post-info3 .post-meta2 + h3 {padding-top: 1.25rem;}

.list-post-info3 .post-meta2 + h3:before {

  content: "";

  position: absolute;

  left: -1.25rem;

  right: 0;

  top: 0;

  height: 2px;

  background-color: #f5f3eb;

}

.list-post-info3 > h3 {

  font-size: 1.875rem;

  position: relative;

}

.list-post-info3 > p {font-size: .9375rem;}

.list-post-info3 ul.post-meta li {font-size: 14px;}

.list-post-info3 ul.post-meta li i {

  margin-right: 10px;

  height: 1.6875rem;

  line-height: 1.6875rem;

  width: 1.6875rem;

  font-size: inherit;

}

.load-more {

  margin-top: 1.25rem;

  display: inline-block;

  width: 100%;

}

.load-more > a {

  display: inline-block;

  font-family: Jost;

  font-size: 1.125rem;

  text-decoration: underline;

}

.listing-explore-wrap2 .listing-loc-map {

  flex: 0 0 calc(100% - 48.4375rem);

  max-width: calc(100% - 48.4375rem);

}



/*===== Feat Wrap Style 2 =====*/

.feat-item {display: block !important;}

.feat-img {

  background-size: cover;

  background-position: center;

  width: 100%;

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

  -ms-transition: all 2s cubic-bezier(0.7, 0, 0.3, 1);

  -o-transition: all 2s cubic-bezier(0.7, 0, 0.3, 1);

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

  -webkit-transform: scale(1.3);

  -ms-transform: scale(1.3);

  -o-transform: scale(1.3);

  transform: scale(1.3);

  min-height: 60.625rem;

  max-height: 60.625rem;

}

.feat-img:before {

  content: "";

  background-color: #000;

  position: absolute;

  left: 0;

  right: 0;

  bottom: 0;

  top: 0;

  opacity: .45;

  z-index: -1;

}

.slick-active .feat-img {

  -webkit-transform: scale(1);

  -ms-transform: scale(1);

  -o-transform: scale(1);

  transform: scale(1);

}

.feat-caro > button.slick-arrow {

  z-index: 1;

  background: transparent !important;

  color: #fff;

  opacity: .7;

  font-size: 4rem;

  height: initial;

  width: initial;

  line-height: initial;

  padding: 0;

}

.feat-caro > button.slick-prev {left: 4.0625rem;}

.feat-caro > button.slick-next {right: 4.0625rem;}

.feat-caro > button.slick-arrow:hover, 

.feat-caro > button.slick-arrow:focus {opacity: 1;}



/*===== Feat Nav Carousel Style =====*/

.feat-nav-caro {

  position: absolute;

  right: 21.5625rem;

  max-width: 25rem;

  bottom: 1.375rem;

  z-index: 1;

  padding-right: 2.1875rem;

}

.feat-nav-caro > button.slick-arrow {

  padding: 0;

  height: initial;

  width: initial;

  background-color: transparent;

  color: #fff;

  left: auto !important;

  right: 0 !important;

  opacity: .5;

  -webkit-transform: translateY(0);

  -ms-transform: translateY(0);

  -o-transform: translateY(0);

  transform: translateY(0);

}

.feat-nav-caro > button.slick-arrow:hover,

.feat-nav-caro > button.slick-arrow:focus {

  background: transparent !important;

  opacity: 1;

}

.feat-nav-caro > button.slick-next {top: 6px;}

.feat-nav-caro > button.slick-prev {bottom: 6px;}

.feat-nav-caro .feat-nav-item {padding: 0 5px;}

.feat-nav-caro .feat-nav-item img {

  -webkit-border-radius: 4px;

  border-radius: 4px;

  border: 3px solid transparent;

}

.feat-nav-caro .slick-current .feat-nav-item img {border-color: #fff;}



/*===== Reviewer Reviews Style =====*/

.reviewer-info-wrap {

  bottom: 0;

  padding-bottom: 2.8125rem;

}

.reviewer-info-wrap > a.thm-btn {

  position: absolute;

  right: 5rem;

  bottom: 2.5rem;

  padding: .9375rem 2.2rem;

}

.reviewer-info-img {

  max-width: 9.375rem;

  position: relative;

  text-align: center;

}

.reviewer-info-img + .reviewer-info-inner {

  padding-left: 2rem;

  flex: 0 0 calc(100% - 9.375rem);

  max-width: calc(100% - 9.375rem);

}

.reviewer-rate {font-size: 12px;}

.reviewer-rate .on {color: var(--color2);}

.reviewer-info-img .reviewer-rate {

  background-color: #131313;

  font-size: 10px;

  padding: 10px 1.125rem;

  margin-top: -1.5625rem;

  display: block;

  z-index: 1;

  position: relative;

}

.reviewer-info-img .reviewer-rate span {

  color: #fff;

  font-size: 14px;

  font-weight: 600;

  font-family: Jost;

  margin-left: 7px;

}

.reviewer-info-inner > h2 {

  color: #fff;

  font-size: 3.125rem;

  font-weight: 700;

}

.reviewer-info-inner > p {

  font-size: 1.125rem;

  color: #b6b6b6;

}

.reviewer-meta li {

  color: #fff;

  font-family: Jost;

  font-weight: 700;

  font-size: 1rem;

  margin-top: 1rem;

}

.reviewer-meta li:not(:first-child) {margin-left: 2rem;}

.reviewer-meta li i {margin-right: 8px;}

.reviewer-review-links > li {

  font-size: 1rem;

  font-family: Jost;

  font-weight: 600;

  color: #000;

}

.reviewer-review-links > li:not(:first-child) {margin-left: 2.5rem;}

.reviewer-review-links > li a {

  display: block;

  position: relative;

}

.reviewer-review-links > li a i {

  margin-right: 8px;

  font-size: 13px;

}

.reviewer-review-btns > a.share-btn {

  background-color: #cccccc;

  -weebkit-border-radius: 5px;

  border-radius: 5px;

  color: #fff;

  font-family: Jost;

  font-weight: 700;

  text-transform: uppercase;

  padding: 1.3rem 2rem;

}

.reviewer-review-btns > a.thm-btn {margin-left: 12px;}

.reviewer-review-btns > a {font-size: 13px;}

.reviewer-review-top {padding: 1.25rem 0;}

.reviewer-review-top + .reviewer-review-data {margin-top: 2.8125rem;}

.reviewer-review-data-inner {padding: 3.125rem;}

.reviewer-review-list {margin-bottom: 3rem;}

.reviewer-review-list > li {width: 100%;}

.reviewer-review-list > li:not(:first-child) {margin-top: 1.875rem;}

.reviewer-review-box {

  border: 1px solid #ddd;

  padding: 1.875rem 1.875rem 1.5625rem;

  display: flex;

  align-items: start;

}

.reviewer-review-box > img {

  flex: 0 0 3.125rem;

  max-width: 3.125rem;

  -webkit-border-radius: 3px;

  border-radius: 3px;

}

.reviewer-review-box > img + .reviewer-review-info {padding-left: 1.25rem;}

.reviewer-review-info-top-inner > h3 {

  font-size: 1.25rem;

  color: #555;

  font-weight: 700;

}

.reviewer-review-info-top-inner > span {font-size: 13px;}

.reviewer-review-info-top-inner + .reviewer-review-info-top-inner {text-align: right;}

.reviewer-review-info-top + p {margin-top: 5px;}

.reviewer-review-info > p {font-size: 1rem;}

.reviewer-review-info > p + a {margin-top: 8px;}

.reviewer-review-info > a {

  font-family: Jost;

  font-size: 1rem;

}

.reviewer-review-widget > h3 {

  font-size: 1.25rem;

  font-weight: 700;

}

.top-reviews {

  background-color: #ddd;

  padding: 9px 1.25rem;

  margin-top: 10px;

  display: flex;

  flex-wrap: wrap;

  align-items: center;

  justify-content: space-between;

}

.top-reviews label {

  margin-bottom: 0;

  font-family: Jost;

  color: #555;

  font-weight: 500;

  font-size: .9375rem;

}

.top-reviews .reviewer-rate {font-size: 14px;}

.reviewer-rate > a:hover,

.reviewer-rate > a:focus {color: inherit;}

.reviewer-review-widget + .reviewer-review-widget {margin-top: 1.5625rem;}

.review-form .field {margin-top: 10px;}

.review-form .field input, 

.review-form .field textarea {

  font-size: 14px;

  font-weight: 500;

  font-family: Jost;

  background-color: #ddd;

  width: 100%;

  padding: 10px 1.25rem;

  height: 3.125rem;

  border: 2px solid #ddd;

}

.review-form .field input:hover, 

.review-form .field textarea:hover,

.review-form .field input:focus, 

.review-form .field textarea:focus {background-color: transparent;}

.review-form .field label {

  margin-bottom: 0;

  font-size: 13px;

}

.review-form button {margin-top: 1.875rem;}

.review-form .field .check-box {

  margin-top: 15px;

  display: block;

}



/*===== Place Layout Detail Style 1 =====*/

.place-layout-detail-inner2 > h3 {

  position: relative;

  font-size: 1.5625rem;

  border-top: 1px solid #efefef;

  border-bottom: 1px solid #efefef;

  padding: 1.125rem 3.125rem;

}

.place-layout-detail-inner2 > h3 i {

  color: #fff;

  background-color: #434343;

  position: absolute;

  left: -2.5rem;

  top: 0;

  height: 4.25rem;

  line-height: 4.25rem;

  font-size: 2.3rem;

  width: 3.75rem;

  text-align: center;

}

.place-layout-detail-content-inner {padding: 2.8125rem;}

.place-layout-detail-content-inner > p + p {margin-top: 1.875rem;}

.place-layout-detail-content-inner > p + a {margin-top: 2.1875rem;}

.aminetis-list {margin: -10px -5px;}

.aminetis-list > li {

  padding: 10px 5px;

  flex: 0 0 25%;

  max-width: 25%;

  font-size: .9375rem;

  font-family: Jost;

  font-weight: 600;

  color: #000;

}

.aminetis-list > li i {

  display: inline-block;

  line-height: 2.3rem;

  width: 2.3rem;

  height: 2.3rem;

  background-color: #f4f4f4;

  text-align: center;

  margin-right: 10px;

}

.place-layout-detail-gal .mrg10 a {margin-bottom: 10px;}

.place-layout-detail-content-inner .listing-loc-map {

  min-height: initial;

  height: 25rem;

  flex: initial;

  max-width: initial;

  width: 100%;

}

.location-add-list {

  margin: 10px -10px -10px;

  align-items: center;

}

.location-add-list > li {

  padding: 10px;

  font-size: 1rem;

  font-family: Jost;

  font-weight: 600;

  line-height: initial;

}

.location-add-list > li span {

  padding: 1.25rem 1.875rem 1.25rem 3.75rem;

  border: 3px dotted #f3f3f3;

  display: block;

  position: relative;

  min-height: 4.75rem;

}

.location-add-list > li span i {

  height: 1.875rem;

  width: 1.875rem;

  line-height: 1.875rem;

  background-color: #f4f4f4;

  text-align: center;

  font-size: 13px;

  margin-right: 10px;

  position: absolute;

  left: 1.25rem;

}

.location-add-list > li:first-child {

  flex: 0 0 60%;

  max-width: 60%;

}

.location-add-list > li:first-child span {padding: .75rem 1.875rem .75rem 3.75rem;}

.place-video > a {

  position: absolute;

  left: 50%;

  top: 50%;

  -webkit-transform: translate(-50%, -50%);

  -ms-transform: translate(-50%, -50%);

  -o-transform: translate(-50%, -50%);

  transform: translate(-50%, -50%);

  text-align: center;

}

.place-video > a:before {background-color: #000;}

.place-layout-detail-transport {position: relative;}

.place-layout-detail-transport + .place-layout-detail-transport {

  margin-top: 1.25rem;

  padding-top: 1.875rem;

}

.place-layout-detail-transport + .place-layout-detail-transport:before {

  content: "";

  position: absolute;

  left: -2.8125rem;

  right: -2.8125rem;

  top: 0;

  border: 1px solid #efefef;

}

.place-layout-detail-transport > h4 {

  text-transform: uppercase;

  font-size: 1.125rem;

}

.place-layout-detail-transport > ul li {

  display: flex;

  flex-wrap: wrap;

  justify-content: space-between;

  font-size: .9375rem;

  margin-top: 4px;

  width: 100%;

}

.place-layout-detail-transport > h4 + ul {margin-top: .75rem;}

.place-layout-detail-transport > ul li span {color: #99cc66;}

.place-layout-detail-transport > ul li span i {margin-right: 5px;}

.review-form input, 

.review-form textarea {

  border: 2px solid #f3f4f6;

  width: 100%;

  background-color: #f3f4f6;

  -webkit-border-radius: 4px;

  border-radius: 4px;

  font-family: Jost;

  font-weight: 700;

  color: #8799a3;

  font-size: 1rem;

  padding: 1rem 1.875rem;

  margin-bottom: 1.25rem;

  height: 3.75rem;

}

.review-form textarea {height: 10rem;}

.review-form textarea + button {margin-top: 10px;}

.our-review label {

  display: block;

  margin-bottom: 5px;

  font-family: Jost;

  font-weight: 700;

}

.review-form input:focus, 

.review-form textarea:focus {background-color: transparent;}

.our-review {margin-bottom: 1.25rem;text-align: initial !important;}

.our-review > span a:hover,

.our-review > span a:focus {color: var(--color2);}



/*===== Place Layout Detail Style 2 =====*/

.place-layout-detail-wrap2 {padding: 3.125rem;}

/* .place-layout-detail-content {min-width: 46.5625rem;} */

.place-layout-detail-info {align-items: center;}

.place-layout-detail-info > span {

  color: #fff;

  height: 4.6875rem;

  width: 4.6875rem;

  padding: 14px;

  position: relative;

  z-index: 1;

  border: 2px solid #fff;

  -webkit-box-shadow: 0 5px 5px rgba(0,0,0,.1);

  -ms-box-shadow: 0 5px 5px rgba(0,0,0,.1);

  -o-box-shadow: 0 5px 5px rgba(0,0,0,.1);

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

}

.place-layout-detail-info > span span {

  display: block;

  font-size: 11px;

  text-transform: uppercase;

  line-height: initial;

}

.place-layout-detail-info > span:before {

  content: "";

  position: absolute;

  left: 8px;

  right: 8px;

  top: 7px;

  bottom: 7px;

  background: inherit;

  z-index: -1;

  -webkit-transform: rotate(45deg);

  -ms-transform: rotate(45deg);

  -o-transform: rotate(45deg);

  transform: rotate(45deg);

}

.place-layout-detail-info > span + .place-layout-detail-info-inner {padding-left: 1.5625rem;}

.place-layout-detail-info-inner > h3 {font-size: 1.25rem;}

.place-layout-detail-info-inner > p {

  font-size: .9375rem;

  line-height: initial;

}

.place-layout-detail-btns > a.thm-btn {padding: .75rem 1.2rem;}

.place-layout-detail-btns > a {margin-left: 10px;}

.place-layout-detail-btns > a.opt-btn {

  line-height: initial;

  margin-top: 13px;

  margin-left: 1.875rem;

  font-size: 1rem;

}

.place-layout-detail-content > img {margin-top: 2.1875rem;}

.place-layout-detail-content > img + p {margin-top: 1.5rem;}

.place-layout-detail-content > p {font-size: .9375rem;}

.place-layout-detail-links > a {

  display: inline-block;

  font-size: .9375rem;

  font-weight: 500;

  font-family: Jost;

}

.place-layout-detail-links > a:not(:first-child) {margin-left: 2.8125rem;}

.place-layout-detail-content > p + .place-layout-detail-links {margin-top: 2.5rem;}

.place-layout-detail-links + .place-layout-detail-inner {margin-top: 2.5rem;}

.place-layout-detail-inner > h3 {

  font-size: 1.5625rem;

  font-weight: 700;

  border-bottom: 1px solid #ddd;

  margin-bottom: 1.75rem;

  padding-bottom: 14px;

}

.place-layout-detail-gal a {

  display: block;

  margin-bottom: .9375rem;

}

.place-layout-detail-inner + .place-layout-detail-inner {margin-top: 5.625rem;}



/*===== Sidebar =====*/

.place-detail-sidebar-wrap {

  padding-left: .9375rem;

  padding-top: 4.0625rem;

}

.wdgt2 {

  border: 1px solid #ddd;

  padding: .9375rem;

  margin-top: 2.8125rem;

}

.wdgt2 .listing-loc-map {

  min-height: 12.5rem;

  width: 100%;

  flex: initial;

  max-width: initial;

}

.wdgt2 .bootstrap-select > button {

  background-color: transparent;

  border: 0;

  border-bottom: 1px solid #ddd;

  -webkit-border-radius: 0;

  border-radius: 0;

  font-size: 14px;

}

.wdgt2 .slc-wp + button {margin-top: 1.875rem;}

.wdgt2 button.thm-btn {width: 100%;}

.wdgt2 > h4 {

  font-size: 1.125rem;

  border-bottom: 1px solid #ddd;

  padding-bottom: 10px;

  margin-bottom: 1.5625rem;

}

.wdgt2 .search-range > label, 

.wdgt2 .search-price-opt > li > span, 

.wdgt2 .search-range .slc-wp label {

  font-size: 12px;

  line-height: 1.875rem;

}

.wdgt2 .search-range .slc-wp .bootstrap-select > button {padding: 5px 12px;}

.hours-list > li {

  display: flex;

  flex-wrap: wrap;

  justify-content: space-between;

  align-items: center;

  width: 100%;

  font-size: 14px;

}

.hours-list > li:not(:first-child) {margin-top: 5px;}

.wdgt2 > h4 + ul.hours-list {margin-top: -10px;}

.social-links5 > a {

  display: block;

  color: #fff;

  border-width: 2px;

  border-style: solid;

  -webkit-border-radius: 5px;

  border-radius: 5px;

  margin-top: 10px;

  font-size: 14px;

  font-family: Jost;

  font-weight: 500;

  text-transform: uppercase;

}

.social-links5 > a i {

  width: 2.5rem;

  line-height: 2.25rem;

  text-align: center;

  border-right: 1px solid rgba(255,255,255,.3);

  margin-right: .9375rem;

  font-size: 1.125rem;

}

.social-links5 > a:hover, 

.social-links5 > a:focus {background-color: transparent;}

.social-links5 > a:hover i, 

.social-links5 > a:focus i {border-color: rgba(0, 0, 0, .4);}



/*===== Sidebar Wrap Style =====*/

.wdgt2.style2 {

  background-color: #fff;

  border: 0;

  padding: 1.875rem 0 2.1875rem;

}

.wdgt2.style2 > h4 {

  font-size: 1.5625rem;

  padding: 0 1.5625rem 1.25rem;

}

.wdgt2.style2 .hours-list {

  margin: 0;

  padding: 0 1.875rem;

}

.wdgt2.style2 .hours-list li {

  background-color: #f1f1f1;

  padding: 10px 1.375rem;

  text-transform: uppercase;

  font-family: Jost;

  font-size: 17px;

  color: #000;

}

.wdgt2.style2 .hours-list li:not(:first-child) {margin-top: 1px;}

.book-place-form {

  padding: 0 1.875rem;

  margin-bottom: -1rem;

}

.book-place-form .field {margin-bottom: 1rem;}

.book-place-form .field i {

  font-size: 13px;

  color: #000;

  position: absolute;

  left: 14px;

  top: 0;

  line-height: 3.125rem;

}

.book-place-form .field input, 

.book-place-form .field textarea {

  width: 100%;

  background-color: #f3f3f3;

  font-size: 13px;

  font-family: Jost;

  color: #999;

  height: 3.125rem;

  padding: 10px 2.1875rem;

}

.book-place-form label {

  line-height: 3.125rem;

  font-size: 13px;

  font-family: Jost;

  font-weight: 700;

  color: #000;

  text-transform: uppercase;

}

.book-place-form .field textarea {

  height: 10.625rem;

  padding: 1.25rem;

}

.book-place-form .field button {

  width: auto;

  margin-top: 1.5625rem;

}



/*===== Add Listing Style =====*/

.add-listing-top {margin-bottom: 10px;}

.add-listing-top-info {

  background-color: #282638;

  padding: 0 2.8125rem 2.5rem 5rem;

}

.add-listing-top-info > div {

  flex: 0 0 30%;

  max-width: 30%;

  padding-top: 4.0625rem;

}

.add-listing-top-info > div.add-listing-top-info-stats {

  flex: 0 0 40%;

  max-width: 40%;

  padding-top: 3.125rem;

}

.add-listing-top-info-btns > a {

  display: inline-block;

  -webkit-border-radius: 5px;

  border-radius: 5px;

  background-color: #fff;

  font-size: .9375rem;

  text-transform: uppercase;

  font-weight: 700;

  font-family: Jost;

  padding: 16.25px 1.875rem;

  -webkit-box-shadow: 0 0 8px rgba(255,255,255,.35);

  -ms-box-shadow: 0 0 8px rgba(255,255,255,.35);

  -o-box-shadow: 0 0 8px rgba(255,255,255,.35);

  box-shadow: 0 0 8px rgba(255,255,255,.35);

}

.add-listing-top-info-btns > a + a,

.add-listing-top-info-btns > br + a {margin-top: 10px;}

.add-listing-top-info-btns > a i {margin-right: 10px;}

.add-listing-top-info-btns > a:hover, 

.add-listing-top-info-btns > a:focus {color: #fff;}

.add-listing-top-info-btns > a:hover i, 

.add-listing-top-info-btns > a:focus i {

  color: #fff;

  -webkit-text-fill-color: initial;

}

.add-listing-top-info-user {

  margin-top: -2.8125rem;

  padding-top: 0 !important;

}

.add-listing-top-info-img {display: inline-block;}

.add-listing-top-info-img > span {

  color: #fff;

  line-height: 2.5rem;

  width: 2.5rem;

  height: 2.5rem;

  position: absolute;

  bottom: 0;

  right: 0;

}

.add-listing-top-info-user > h3 {

  color: #fff;

  font-size: 1.875rem;

}

.add-listing-top-info-user > h3 + p {margin-top: 12px;}

.add-listing-top-info-user > p {

  font-size: 1rem;

  color: #fff;

  line-height: initial;

}

.add-listing-top-info-stats-list {

  flex-wrap: wrap;

  margin: -8px;

}

.add-listing-top-info-stats-list > li {

  font-family: Jost;

  font-weight: 600;

  line-height: initial;

  font-size: .9375rem;

  color: #fff;

  flex: 0 0 50%;

  max-width: 50%;

  padding: 8px;

}

.add-listing-top-info-stats-list > li > span {

  display: block;

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

  padding: 5px 10px 5px 3.75rem;

  position: relative;

}

.add-listing-top-info-stats-list > li span i {

  color: #6fc5fd;

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

  -webkit-border-radius: 50%;

  border-radius: 50%;

  height: 2.125rem;

  width: 2.125rem;

  line-height: 2.125rem;

  text-align: center;

  position: absolute;

  left: .9375rem;

  top: 8px;

  font-size: 14px;

}

.add-listing-top-info-stats-list > li span span {font-weight: 700;}

.add-listing-nav {background-color: #fff;}

.add-listing-nav > li,

ul.add-listing-nav.nav-tabs > li.nav-item {

  font-size: 1.0625rem;

  color: #555;

  font-family: Jost;

  font-weight: 500;

}

.add-listing-nav > li:not(:first-child) {border-left: 1px solid #f0f3fa;}

.add-listing-nav > li i {

  color: #6fc5fd;

  font-size: 1.125rem;

  margin-right: 8px;

}

.add-listing-nav > li a.active i {color: inherit;}

ul.add-listing-nav.nav-tabs > li.nav-item {margin: 0 !important;}

.add-listing-nav > li a,

ul.add-listing-nav.nav-tabs > li.nav-item a.nav-link {

  display: block;

  padding: 1.815rem 1.25rem;

  position: relative;

}

.add-listing-nav > li a:before {

  content: "";

  position: absolute;

  left: 0;

  bottom: 0;

  height: 5px;

  width: 0;

  opacity: 0;

  -webkit-box-shadow: 0 0 1.25rem rgba(0,0,0,.25);

  -ms-box-shadow: 0 0 1.25rem rgba(0,0,0,.25);

  -o-box-shadow: 0 0 1.25rem rgba(0,0,0,.25);

  box-shadow: 0 0 1.25rem rgba(0,0,0,.25);

}

.add-listing-nav > li a:hover:before, 

.add-listing-nav > li a:focus:before,

.add-listing-nav > li a.active:before {

  opacity: 1;

  width: 100%;

}

.add-listing-inner-wrap {

  background-color: #fff;

  -webkit-border-radius: 4px;

  border-radius: 4px;

}

.add-listing-inner-wrap + .add-listing-inner-wrap {margin-top: 1.875rem;}

.add-listing-inner-wrap > h3 {

  font-size: 1.875rem;

  border-bottom: 1px solid #f0f3fa;

  padding: 2.4375rem 3.4375rem;

}

.add-listing-inner {padding: 3.125rem 3.75rem 2.6875rem;}

.add-listing-inner label {

  font-size: 1.125rem;

  font-family: Jost;

  font-weight: 600;

  margin-bottom: 0;

  width: 100%;

}

.add-listing-inner label + .field {margin-top: .9375rem;}

.add-listing-inner .field {margin-bottom: 1.6875rem;}

.add-listing-inner .field input, 

.add-listing-inner .field textarea {

  font-size: .9375rem;

  color: #555;

  -webkit-border-radius: 4px;

  border-radius: 4px;

  background-color: #f9f9f9;

  border: 1px solid #e3e3e3;

  width: 100%;

  height: 4.375rem;

  padding: 1rem 3.75rem;

}

.add-listing-inner .field i {

  font-size: 1.125rem;

  color: #6fc5fd;

  position: absolute;

  left: 2.1875rem;

  top: 0;

  line-height: 4.375rem;

}

.add-listing-inner .listing-loc-map {

  flex: initial;

  max-width: initial;

  min-height: 20.3125rem;

  -webkit-border-radius: 4px;

  border-radius: 4px;

  border: 1px solid #e3e3e3;

  margin: 10px 0 1.875rem;

}

.add-listing-inner label i {

  color: #6fc5fd;

  margin-right: 10px;

}

.add-listing-inner label span {

  display: inline-block;

  color: #a1a1a1;

  font-weight: 500;

  margin-left: 10px;

}

.add-listing-inner .field textarea {

  height: 13.75rem;

  font-size: 1.125rem;

  padding: 2rem;

}

.add-listing-inner .field.fileContainer {

  overflow: hidden;

  background-color: #f9f9f9;

  border: 1px solid #e3e3e3;

  -webkit-border-radius: 4px;

  border-radius: 4px;

  margin-top: .9375rem;

  padding: 4.75rem 2rem;

}

.add-listing-inner .field.fileContainer input {

  display: block;

  height: initial;

}

.add-listing-inner .field.fileContainer input {

  border: 0;

  background-color: transparent;

  -webkit-border-radius: 0;

  border-radius: 0;

  height: initial;

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  opacity: 0;

  z-index: 1;

  cursor: pointer;

}

.add-listing-inner .field.fileContainer i {

  position: static;

  font-size: 3.125rem;

  line-height: 3.125rem;

}

.add-listing-inner .field.fileContainer span {

  font-size: 1.125rem;

  color: #545454;

}

.add-listing-inner .field.fileContainer i + span {margin-top: 1rem;}

.add-listing-inner .check-box + label {margin-top: 10px;}

.add-listing-inner .check-box label {font-size: 1.25rem;}

.add-listing-inner .tags-list {

  display: flex;

  flex-wrap: wrap;

  margin: -1.25rem -.9375rem;

}

.add-listing-inner .tags-list > li {

  padding: 0 .9375rem;

  margin-top: 1.25rem;

}

.add-listing-inner .tags-list > li label {

  font-size: 1.0625rem;

  color: #000;

}

.add-listing-form-wrap > button {

  font-size: 14px;

  margin-top: 3.75rem;

  padding: 1.5rem 3.75rem;

  -webkit-box-shadow: 0 5px 1.25rem rgba(0,0,0,.25);

  -ms-box-shadow: 0 5px 1.25rem rgba(0,0,0,.25);

  -o-box-shadow: 0 5px 1.25rem rgba(0,0,0,.25);

  box-shadow: 0 5px 1.25rem rgba(0,0,0,.25);

}

.add-listing-form-wrap > button i {font-size: 1.125rem;}

.add-listing-inner-wrap .listing-posts-wrap2 {padding: 5rem 3.4375rem 3rem;}



/*===== Dashboard =====*/

.add-listing-inner-wrap.dashboard-wrap {

  background-color: transparent;

  -webkit-border-radius: 0;

  border-radius: 0;

}

.add-listing-inner-wrap.dashboard-wrap > h3 {

  padding: 2.2rem 0 1.15rem;

  border-color: #fff;

}

.add-listing-inner-wrap.dashboard-wrap .add-listing-inner {

  padding: 0;

  margin-top: 2rem;

  margin-bottom: -1.25rem;

}

.dash-widget {

  background-color: #fff;

  -webkit-border-radius: 5px;

  border-radius: 5px;

  padding: 2rem 2.5rem;

  margin-bottom: 1.25rem;

}

.sales-wrap {align-items: flex-end;}

.sales-wrap > * {

  flex: 0 0 50%;

  max-width: 50%;

}

.sale-img {order: 1;}

.sale-info {padding-right: 10px;}

.sale-info > span {

  font-size: 3rem;

  font-weight: 700;

  line-height: 1;

  font-family: Jost;

}

.sale-info > span + p {margin-top: 8px;}

.sale-info > p {

  font-size: 1rem;

  line-height: 1.25;

  max-width: 90%;

}

.sale-info > p + a {margin-top: 1.25rem;}

.sale-info .thm-btn {padding: 13px 1.6rem;}

.stats-widget > i {

  height: 3.4375rem;

  line-height: 3.4375rem;

  width: 3.4375rem;

  font-size: 1.25rem;

}

.stats-widget > i.fa-briefcase {

  color: #39DA8A;

  background-color: #D2FFE8;

}

.stats-widget > i.fa-user {

  color: #FF5B5C;

  background-color: #FFDEDE;

}

.stats-widget > i + h5 {margin-top: 1rem;}

.stats-widget > h5 {

  color: #828D99;

  font-size: .9375rem;

  font-weight: 400;

}

.stats-widget > h5 + span {margin-top: 5px;}

.stats-widget > span {

  font-family: Jost;

  font-size: 1.73rem;

  color: #475F7B;

  font-weight: 500;

}

.add-listing-inner-wrap .dash-widget .listing-posts-wrap2 {

  padding: 0;

  margin-top: 1.875rem;

}

.dash-widget .mini-title {margin-bottom: 1.25rem;}

.add-listing-inner-wrap .dash-widget .listing-posts-wrap2 .listing-post-box3.v2 {margin-bottom: 1.25rem;}

.add-listing-inner-wrap .dash-widget .listing-posts-wrap2 .listing-post-box3.v2 .listing-post-img3 {

  flex: 0 0 27%;

  max-width: 27%;

}

.add-listing-inner-wrap .dash-widget .listing-posts-wrap2 .listing-post-box3.v2 .listing-post-img3 + .list-post-info3 {

  flex: 0 0 calc(100% - 27%);

  max-width: calc(100% - 27%);

}

.add-listing-inner-wrap .dash-widget .listing-posts-wrap2 .listing-post-box3.v2 .list-post-info3 {padding: 1.25rem;}

.add-listing-inner-wrap .dash-widget .listing-posts-wrap2 .listing-post-box3.v2 .list-post-info3 > h3 {font-size: 1.25rem;}



/*===== Event Detail Style 1 =====*/

.event-detail-info2 {padding: 2.5rem 3.4375rem 2.1875rem;}

.event-detail-info2 > h2 {

  font-size: 2.25rem;

  color: #000;

  font-weight: 700;

}

.event-detail-info2 > span {

  font-size: 1.125rem;

  font-family: Jost;

  font-weight: 600;

  margin-top: 5px;

}

.event-detail-info2 > i {

  color: #878787;

  font-style: normal;

  font-family: Jost;

  font-size: 1.125rem;

  margin-top: 5px;

}

.event-detail-info2 > span + i {margin-left: 10px;}

.event-detail-list {margin-top: 1.5625rem;}

.event-detail-list > li {

  display: flex;

  justify-content: space-between;

  flex-wrap: wrap;

  width: 100%;

  color: #000;

  font-family: Jost;

  font-weight: 700;

  text-transform: uppercase;

  font-size: 14px;

  padding: 5.6px 0;

}

.event-detail-list > li:not(:first-child) {border-top: 1px solid #f3f3f3;}

.event-detail-list > li > span {

  text-transform: initial;

  color: #666;

  font-weight: 400;

  font-size: 1rem;

}

.event-detail-list > li > span .rate {

  font-size: 10px;

  vertical-align: middle;

  display: inline-block;

  margin-right: 10px;

}

.event-detail-info2 .reviewer-review-btns > a {padding: .75rem 1.875rem;}

.event-detail-info2 .reviewer-review-btns {margin-top: 1.5625rem;}

.event-detail-content-inner {

  border-top: 1px solid #ebebeb;

  padding: 2rem 3.4375rem 2.1875rem;

}

.event-detail-content-inner > h3 {

  font-size: 1.625rem;

  text-transform: uppercase;

  font-weight: 800;

  color: #000;

  margin-bottom: 1.25rem;

}

.event-detail-content-inner > h3 + p {margin-top: 1.25rem;}

.event-detail-content-inner > p + p {margin-top: 1.5625rem;}

.event-detail-content-inner > p {font-size: 1.0625rem;}

.event-detail-content-inner > p span {color: #000;}

.speaker-box {margin-bottom: 1.875rem;}

.speaker-box > img + h4 {margin-top: 1.25rem;}

.speaker-box > h4 {

  font-size: 1.25rem;

  color: #0081ff;

}

.speaker-box > h4 + span {margin-top: 3px;}

.speaker-box > span {color: #8799a3;}

.event-detail-content-inner .listing-loc-map {

  flex: initial;

  max-width: initial;

  width: 100%;

  min-height: 25rem;

}

.event-detail-content-inner .location-add-list {padding-bottom: 1.25rem;}

.spr-box {

  border: 3px dotted #f3f3f3;

  text-align: center;

  margin-bottom: 1.875rem;

  min-height: 7.5rem;

}

.spr-box > a {

  display: block;

  line-height: 7.5rem;

}



/*===== Event Detail Sidebar =====*/

.widget-box {

  background-color: #fff;

  margin-top: 2.5rem;

  padding-bottom: 2.1875rem;

}

.widget-box > h3 {

  color: #fff;

  font-size: 1.5625rem;

  padding: 1.5625rem;

  margin-bottom: 1.875rem;

}

.event-organizer-info {padding: 0 1.5625rem;}

.event-organizer-info > img + .event-organizer-info-inner {padding-left: 1rem;}

.event-organizer-info-inner > h4 {

  color: #000;

  font-size: 1.5rem;

  font-weight: 800;

  text-transform: uppercase;

}

.event-organizer-info-inner > span {font-size: .9375rem;}

.event-organizer-info + .event-organizer-meta {margin-top: 1.25rem;}

ul.event-organizer-meta li {

  border-bottom: 1px solid #eee;

  font-size: .9375rem;

  padding: 10px 2.8125rem;

  margin-top: 0;

}

ul.event-organizer-meta li i {

  margin-right: 10px;

  background-color: #fff0f0;

  color: #292727;

  font-size: 1rem;

}

.event-organizer ul.nav-tabs {

  border: 0;

  justify-content: center;

  margin-top: 2rem;

}

.event-organizer ul.nav-tabs li.nav-item {

  margin: 0;

  padding: 0 4px;

}

.event-organizer ul.nav-tabs li.nav-item a.nav-link {

  border: 0;

  -webkit-border-radius: 0;

  border-radius: 0;

  padding: 0;

}

.event-schedule-wrap {padding: 0 1.5625rem;}

.event-schedule-box {

  background-color: #f1f1f1;

  margin-top: 2.8125rem;

  display: inline-block;

  padding: 0 1.25rem;

  margin-bottom: 11px;

}

.event-schedule-box + .event-schedule-box {margin-top: 5rem;}

.event-schedule-box > img {

  margin-top: -2.8125rem;

}

.event-schedule-box > img + h4 {margin-top: 10px;}

.event-schedule-box > h4 {

  font-size: 1.625rem;

  color: #000;

  font-weight: 700;

}

.event-schedule-box > i {

  font-style: normal;

  font-size: 1rem;

  color: #000;

}

.event-schedule-box > i + span {margin-top: 4px;}

.event-schedule-box > span {

  display: inline-block;

  background-color: #212121;

  color: #fff;

  text-transform: uppercase;

  font-family: Jost;

  font-weight: 700;

  font-size: 12px;

  padding: 2.5px 1.25rem;

  position: relative;

  bottom: -11px;

}



/*===== Price Table Style =====*/

.price-box {margin-bottom: 1.875rem;}

.price-body {

  z-index: 1;

  min-height: 51.875rem;

  background-size: cover;

  background-position: center;

  padding: 3rem 2rem 3.4375rem;

}

.price-body-inner > span {

  color: #fff;

  font-size: 3.4375rem;

  font-family: Jost;

  font-weight: 800;

}

.price-body-inner > span sup {

  top: -0.625rem;

  font-size: 60%;

  margin-right: 5px;

}

.price-body-inner > h4 {

  color: #fff;

  font-size: 1.875rem;

}

.price-body-inner > h4 + ul {margin-top: 1.6875rem;}

.price-body-inner > ul {

  text-align: initial;

  padding-left: 1.25rem;

}

.price-body-inner > ul li {

  color: #fff;

  margin-top: 5px;

  position: relative;

  font-size: 1.0625rem;

  padding-left: 1.875rem;

}

.price-body-inner > ul li:before {

  content: "\f058";

  font-family: "Font Awesome 5 Free";

  position: absolute;

  left: 0;

  top: 0;

  line-height: inherit;

}

.price-body:before {

  content: "";

  position: absolute;

  left: 0;

  right: 0;

  bottom: 0;

  top: 0;

  background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.75) 50%, rgba(0,0,0,0.95) 100%);

  background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 50%,rgba(0,0,0,0.95) 100%);

  background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 50%,rgba(0,0,0,0.95) 100%);

  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );

  z-index: -1;

}

.price-box > a {

  -webkit-border-radius: 0;

  border-radius: 0;

  margin-top: 10px;

  font-size: 1.6875rem;

  text-transform: uppercase;

  font-size: 1.625rem;

  -webkit-box-shadow: 0 0 1.25rem rgba(0, 0, 0, .25);

  -ms-box-shadow: 0 0 1.25rem rgba(0, 0, 0, .25);

  -o-box-shadow: 0 0 1.25rem rgba(0, 0, 0, .25);

  box-shadow: 0 0 1.25rem rgba(0, 0, 0, .25);

}



/*===== Login & Register Style =====*/

.login-wrap {

  background-size: cover;

  background-position: center;

  padding: 9.0625rem 6.25rem;

  z-index: 1;

  text-align: right;

}

.login-wrap:before {

  content: "";

  background-color: #1f1f1f;

  position: absolute;

  left: 0;

  right: 0;

  bottom: 0;

  top: 0;

  opacity: .9;

  z-index: -1;

}

.login-inner {

  text-align: initial;

  display: inline-block;

  max-width: 24.375rem;

}

.title2 {margin-bottom: 1.875rem;}

.title2 > h2 {

  font-size: 2.1875rem;

  font-weight: 700;

}

.title2 > h2 + p {margin-top: 10px;}

.title2 > p {color: #999;}

.login-wrap .title2 > h2 {color: #fff;}

.login-wrap .title2 > p {color: #999;}

.login-inner > form input:not([type="checkbox"]), 

.register-inner > form input:not([type="checkbox"]) {

  width: 100%;

  height: 3.4375rem;

  font-family: Jost;

  font-size: .9375rem;

  color: #999;

  border: 1px solid #fff;

  margin-bottom: 1.25rem;

  padding: 13px 1.875rem;

  background-color: #fff;

}

.kep-forget-pas {margin-top: 10px;}

.kep-forget-pas > span label {

  color: #fff;

  font-family: Jost;

  font-weight: 600;

}

.kep-forget-pas > a {

  font-size: 14px;

  color: #0099cc;

  font-family: Jost;

  font-weight: 600;

}

.kep-forget-pas > a:hover, 

.kep-forget-pas > a:focus {color: #fff;}

.login-inner > form button.thm-btn, 

.register-inner > form button.thm-btn {

  margin-top: 2.5rem;

  font-size: 14px;

  padding: 13px 1.875rem;

  height: 3.125rem;

}

.register-wrap {padding: 9.0625rem 6.25rem;}

.login-inner > form input:not([type="checkbox"]):hover, 

.login-inner > form input:not([type="checkbox"]):focus, 

.register-inner > form input:not([type="checkbox"]):hover, 

.register-inner > form input:not([type="checkbox"]):focus {

  background-color: transparent;

  border-color: #e6e6e6;

}

.register-inner {max-width: 43.75rem;}

.login-wrap, 

.register-wrap {min-height: 46.875rem;}



/*===== Contact Page =====*/

.cont-map {height: 35rem;}

.cont-map + .container .get-touch-wrap {margin-top: 5.625rem;}

.get-touch-wrap {position: relative;}

.get-info > h2, 

.form-wrap > h2 {font-size: 2rem;}

.get-info > h2 + p {margin-top: 1.5625rem;}

.get-info > p {

  font-size: 1.4rem;

  line-height: 2rem;

}

.get-info > p + ul {margin-top: 1.25rem;}

.get-info-list > li {

  padding-left: 5.5rem;

  position: relative;

  margin-top: 1.75rem;

  min-height: 4.5rem;

  max-width: 90%;

  padding-top: 8px;

}

.get-info-list > li:last-child {padding-top: 1.5rem;}

.get-info-list > li i {

  background-color: #fff;

  font-size: 1.6875rem;

  position: absolute;

  left: 0;

  top: 0;

  line-height: 4.5rem;

  width: 4.5rem;

  height: 4.5rem;

  text-align: center;

}

.form-wrap form input, 

.form-wrap form textarea {

  height: 3.75rem;

  background-color: #fff;

  font-size: 1rem;

  color: #8799a3;

  padding: 0.9375rem 2.3rem;

  border: 2px solid #f3f4f6;

}

.form-wrap form textarea {height: 10rem;}

.form-wrap form input:hover, 

.form-wrap form textarea:hover, 

.form-wrap form input:focus, 

.form-wrap form textarea:focus {

  background-color: transparent;

  border-color: #ececec;

}



/*===== Contact Page Style 2 =====*/

.get-touch-wrap2 {

  min-width: calc(100% + 7.5rem);

  margin-left: -3.75rem;

  background-color: #fff;

  -webkit-border-radius: 4px;

  border-radius: 4px;

  padding: 3.75rem 4.375rem 5.625rem;

  margin-top: -5.625rem;

  position: relative;

  z-index: 1;

}

.get-touch-info-box {

  -webkit-border-radius: 4px;

  border-radius: 4px;

  -webkit-box-shadow: 0 0 13px rgba(0,0,0,.1);

  -ms-box-shadow: 0 0 13px rgba(0,0,0,.1);

  -o-box-shadow: 0 0 13px rgba(0,0,0,.1);

  box-shadow: 0 0 13px rgba(0,0,0,.1);

  background-color: #fff;

  margin-bottom: .9375rem;

  padding: 2.5rem 1.5rem 1.875rem;

}

.get-touch-info-box > i {font-size: 2.5rem;}

.get-touch-info-box > i + .get-touch-info-inner {

  padding-left: 1.875rem;

  flex: 0 0 calc(100% - 2.5rem);

  max-width: calc(100% - 2.5rem);

}

.get-touch-info-inner > h4 {

  font-size: 1.375rem;

  font-weight: 800;

}

.get-touch-info-inner > h4 + span, 

.get-touch-info-inner > h4 + a {margin-top: 9px;}

.get-touch-info-inner > span, 

.get-touch-info-inner > a {

  font-size: 1.125rem;

  display: block;

  color: #7e7e7e;

  font-weight: 500;

}

.get-touch-info-wrap + .form-wrap {margin-top: 2.8125rem;}

.form-wrap.v2 > h2 {

  font-size: 2.5rem;

  color: #000;

  line-height: 2.58625rem;

  font-weight: 700;

}

.form-wrap.v2 form input, 

.form-wrap.v2 form textarea {

  background-color: #f3f3f3;

  border-color: #f3f3f3;

  color: #222;

  font-weight: 700;

  padding: 0.9375rem 2.5rem;

}

.form-wrap.v2 form textarea {

  height: 16.5625rem;

  padding-top: 1.35rem;

}

.form-wrap.v2 form button {

  font-size: 14px;

  padding: 1.3rem 5rem;

  -webkit-box-shadow: 0 0 1.25rem rgba(0,0,0,.25);

  -ms-box-shadow: 0 0 1.25rem rgba(0,0,0,.25);

  -o-box-shadow: 0 0 1.25rem rgba(0,0,0,.25);

  box-shadow: 0 0 1.25rem rgba(0,0,0,.25);

}



/*===== Subscribe Popup Style =====*/

.subscribe-popup-wrap {

  display: none;

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

  z-index: 99999;

}

.subscribe-popup-inner {

  position: absolute;

  top: 50%;

  left: 50%;

  -webkit-transform: translate(-50%, -50%);

  -ms-transform: translate(-50%, -50%);

  -o-transform: translate(-50%, -50%);

  transform: translate(-50%, -50%);

  -webkit-box-shadow: 0 0 3rem rgba(0,0,0,.15);

  -ms-box-shadow: 0 0 3rem rgba(0,0,0,.15);

  -o-box-shadow: 0 0 3rem rgba(0,0,0,.15);

  box-shadow: 0 0 3rem rgba(0,0,0,.15);

  max-width: 41.5625rem;

}

.subscribe-popup-iner {

  background-size: cover;

  background-repeat: no-repeat;

  background-color: #fff;

  position: relative;

  padding: 6.875rem 7rem;

  z-index: 1;

  -webkit-box-shadow: 0 0 2rem rgba(0,0,0,.1);

  -ms-box-shadow: 0 0 2rem rgba(0,0,0,.1);

  -o-box-shadow: 0 0 2rem rgba(0,0,0,.1);

  box-shadow: 0 0 2rem rgba(0,0,0,.1);

}

.subscribe-popup-iner > span {

  position: absolute;

  right: 0.9375rem;

  height: 4.0625rem;

  width: 4.0625rem;

  line-height: 4.0625rem;

  font-size: 1.6rem;

  background-color: #f8f8f8;

  cursor: pointer;

  top: 0.9375rem;

}

.subscribe-popup-iner > span:hover, 

.subscribe-popup-iner > span:focus {color: #fff;}

.popup-title > h2 {font-size: 2.1875rem;}

.popup-title > h2 + p {margin-top: .8rem;}

.popup-title > p {

  font-size: 0.875rem;

  color: #aaa;

  line-height: 1.5rem;

}

.popup-title + form {margin-top: 1.25rem;}

.subscribe-popup-iner > form {

  overflow: hidden;

  -webkit-border-radius: 3.125rem;

  border-radius: 3.125rem;

}

.subscribe-popup-iner > form input {

  background-color: #e7e7e7;

  height: 4.375rem;

  width: 100%;

  font-size: .95rem;

  padding: .95rem 5rem .95rem 1.7rem;

}



.subscribe-popup-iner > form button {

  position: absolute;

  right: 5px;

  background-color: transparent;

  top: 5px;

  bottom: 5px;

  width: 3.75rem;

  background-color: #fff;

  -webkit-border-radius: 50%;

  border-radius: 50%;

}

.subscribe-popup-iner > i {

  font-style: normal;

  font-family: Jost;

  font-weight: 700;

  position: absolute;

  left: -3.2rem;

  right: 0;

  font-size: 12.7rem;

  line-height: 12rem;

  bottom: -1.5rem;

  color: #f5f5f5;

  z-index: -1;

}

.subscribe-popup-bottom {

  padding: 2.2rem 4.375rem 1.875rem;

  background-size: cover;

  background-repeat: no-repeat;

  background-position: center;

}

.emailinfo {

  position: relative;

  padding-left: 5.5rem;

}

.emailinfo > i {

  position: absolute;

  left: 0;

  top: -.85rem;

  font-size: 4rem;

}

.emailinfo > a {

  font-size: 1.3rem;

  font-weight: 600;

  font-family: Jost;

}



/*===== Destination Post Style =====*/

.desti-posts-wrap {

  width: calc(100% + 1.25rem);

  margin-left: -1.25rem;

}

.desti-caro > button.slick-arrow {

  height: 2.5rem;

  width: 2.5rem;

  font-size: 11px;

  background-color: #e8e8e8;

  box-shadow: none;

  color: #2f2f2f;

  -webkit-transform: translateY(0);

  -ms-transform: translateY(0);

  -o-transform: translateY(0);

  transform: translateY(0);

  top: -3.75rem;

}

.desti-caro > button.slick-prev {

  right: 3.4375rem;

  left: auto;

}

.desti-caro > button.slick-next {right: 0;}

.desti-img > a {display: block;}

.desti-img > a:before {

  content: "";

  position: absolute;

  left: 0;

  right: 0;

  top: 0;

  bottom: 0;

  background-color: #000;

  opacity: 0;

  z-index: 1;

}

.desti-box:hover .desti-img > a::before {opacity: .5;}

.desti-box:hover .desti-img > a img {

  -webkit-transform: scale(1.05);

  -ms-transform: scale(1.05);

  -o-transform: scale(1.05);

  transform: scale(1.05);

}

.desti-img + .desti-info {margin-top: 1.0625rem;}

.desti-info > h3 {font-size: 1.375rem;}

.desti-info > h3 + span {margin-top: 6px;}

.desti-info > span {

  font-size: .9375rem;

  color: #393939;

  font-family: Jost;

}



/*===== Explore Events Style =====*/

.explor-img {

  width: calc(100% + 18.4375rem);

  margin-left: -18.4375rem;

  margin-bottom: -7.5rem;

  margin-top: -2.5rem;

  padding-right: 2.5rem;

}

.explor-cont {

  width: calc(100% + 15px);

  margin-left: -15px;

}

.explor-cont .sec-title {margin-bottom: 2.8125rem;}

.serv-box {

  display: flex;

  flex-wrap: wrap;

  align-items: center;

  margin-bottom: 2.1875rem;

}

.serv-box > span {

  background-color: #f5f5f5;

  text-align: center;

  height: 6.0625rem;

  line-height: 6.0625rem;

  width: 6.0625rem;

  flex: 0 0 6.0625rem;

  max-width: 6.0625rem;

}

.serv-box > span + .serv-info {

  flex: 0 0 calc(100% - 6.0625rem);

  max-width: calc(100% - 6.0625rem);

  padding-left: 1.5625rem;

}

.serv-info > h3 {font-size: 1.4375rem;}

.serv-info > h3 + p {margin-top: 5px;}

.serv-info > p {

  font-size: 1.0625rem;

  max-width: 90%;

  color: #797979;

}

.gray-layer3 .serv-box > span {background-color: #fff;}

.serv-wrap + a {margin-top: 2.5rem;}



/*===== City Style 2 =====*/

.city-box2 {margin-bottom: 1.875rem;}

.city-box2:before,

.city-box3:before {

  content: "";

  position: absolute;

  left: 0;

  right: 0;

  top: 70%;

  bottom: 0;

  background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.52) 65%, rgba(0,0,0,0.8) 100%);

  background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.52) 65%,rgba(0,0,0,0.8) 100%);

  background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.52) 65%,rgba(0,0,0,0.8) 100%);

  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#cc000000',GradientType=0 );

}

.city-box2:hover:before,

.city-box3:hover:before {top: 0;}

.city-info2 {

  bottom: 0;

  left: 0;

  right: 0;

  padding: 0 1.875rem 1.625rem 2.1875rem;

}

.city-info2 > h3 {

  font-size: 1.3125rem;

  color: #fff;

}

.city-info2 > span {

  font-size: .9375rem;

  color: #fff;

  font-family: Jost;

}



/*===== Highlights Post Style =====*/

.dark-layer3 .sec-title > h2 {color: #fff;}

ul.nav-tabs {border: 0;}

ul.nav-tabs > li.nav-item {

  font-size: 1rem;

  font-weight: 600;

  font-family: Jost;

  margin-bottom: 0;

}

ul.nav-tabs > li.nav-item:not(:first-child) {margin-left: 2.1875rem;}

ul.nav-tabs > li.nav-item a.nav-link {

  border: 0;

  background-color: transparent;

  -webkit-border-radius: 0;

  border-radius: 0;

  padding: 0;

}

.dark-layer3 ul.nav-tabs > li.nav-item {color: #fff;}

.highlight-box {margin-bottom: 2.5rem;}

.highlight-img > span {

  color: #fff;

  background-color: #28a745;

  left: 2.1875rem;

  top: 1.5625rem;

  font-size: 13.45px;

  padding: 5px 1.875rem;

  z-index: 1;

}

.highlight-img .btns-wrap {

  right: 1.5625rem;

  top: 1.5625rem;

  z-index: 1;

}

.btns-wrap > a {

  display: inline-block;

  font-size: 1.125rem;

  line-height: 2.5rem;

  width: 2.5rem;

  height: 2.5rem;

  text-align: center;

  background-color: #fff;

}

.btns-wrap > a:not(:first-child) {margin-left: 5px;}

.btns-wrap > a:hover, 

.btns-wrap > a:focus {color: #fff;}

.highlight-box:hover > .highlight-img img {

  -webkit-transform: scale(1.03);

  -ms-transform: scale(1.03);

  -o-transform: scale(1.03);

  transform: scale(1.03);

}

.highlight-info {

  bottom: 0;

  left: 0;

  right: 0;

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

  padding: 1.5rem 1.25rem 1.6rem 7.1875rem;

  z-index: 1;

}

.highlight-info > span {

  font-size: 1.125rem;

  color: #797979;

  font-family: Jost;

  font-weight: 500;

}

.highlight-info > h3 {

  font-size: 1.625rem;

  font-weight: 700;

}

.highlight-info > h3 + span {margin-top: 5px;}

.highlight-info > span.thm-clr {

  font-size: 1.265625rem;

  max-width: 3.125rem;

  width: 100%;

  position: absolute;

  left: 2.375rem;

  line-height: 1.41875rem;

  padding-right: 7px;

  border-right: 1px solid #d8d8d8;

  top: 1.875rem;

}

.highlight-info > span i {margin-right: 8px;}

.highlight-caro .slick-dots > li {

  height: 8px;

  margin: 0 9px;

}

.highlight-caro .slick-dots > li button {

  -webkit-border-radius: 0;

  border-radius: 0;

  height: 8px;

  width: 9px;

  margin-top: 2px;

}



/*=== Ver 2 ===*/

.highlight-box.v2 {margin-bottom: 1.5625rem;}

.highlight-box.v2 .highlight-info {

  left: 5%;

  right: 5%;

  margin-top: -3.125rem;

  background-color: #fff;

  -webkit-box-shadow: 0 0 1.875rem rgba(0,0,0,.06);

  -ms-box-shadow: 0 0 1.875rem rgba(0,0,0,.06);

  -o-box-shadow: 0 0 1.875rem rgba(0,0,0,.06);

  box-shadow: 0 0 1.875rem rgba(0,0,0,.06);

  width: 90%;

  bottom: initial;

  margin-bottom: .9375rem;

}

.highlight-box.v2 .highlight-info > h3 {font-size: 1.25rem;}

.highlight-box.v2 .highlight-img .btns-wrap {

  right: auto;

  left: 1.875rem;

}



/*===== Upcoming Event Style =====*/

.upcoming-event-box {margin-bottom: 2.5rem;}

.upcoming-event-img {

  -webkit-border-radius: 3px 3px 0 0;

  border-radius: 3px 3px 0 0;

}

.upcoming-event-img > a {display: block;}

.upcoming-event-img > a:before {

  content: "";

  position: absolute;

  left: 0;

  right: 0;

  top: 0;

  bottom: 0;

  background-color: #000;

  opacity: 0;

  z-index: 1;

}

.upcoming-event-box:hover .upcoming-event-img > a:before {opacity: .5;}

.upcoming-event-box:hover .upcoming-event-img > a img {

  -webkit-transform: scale(1.05);

  -ms-transform: scale(1.05);

  -o-transform: scale(1.05);

  transform: scale(1.05);

}

.upcoming-event-info {

  border: 2px solid #f5f5f5;

  position: relative;

  padding: 2.5rem 3.125rem 1.875rem;

}

.upcoming-event-info > span.upcoming-post-date {

  color: #fff;

  font-family: Jost;

  font-weight: 700;

  text-transform: uppercase;

  font-size: 12px;

  padding: 6px .9375rem;

  left: 3.125rem;

  top: -.9375rem;

  z-index: 1;

}

.upcoming-event-info .post-meta2 > li {font-size: .9375rem;}

.upcoming-event-info > h3 {font-size: 2.0625rem;}

.upcoming-event-info > h3 + p {margin-top: 8px;}

.upcoming-event-info > p {color: #797979;}

.upcoming-event-info > p + span {margin-top: 1.5625rem;}

.upcoming-event-info > span.loc-pos {

  font-size: 1.0625rem;

  color: #2f2f2f;

  font-family: Jost;

  font-weight: 500;

}

.upcoming-event-info > span.loc-pos i {

  height: 2.125rem;

  width: 2.125rem;

  line-height: 2.125rem;

  text-align: center;

  background-color: #f9f9f9;

  margin-right: 14px;

  vertical-align: middle;

}

.upcoming-event-counter {

  border: 2px solid #f5f5f5;

  background-color: #f9f9f9;

  -webkit-border-radius: 0 0 3px 3px;

  border-radius: 0 0 3px 3px;

  padding: 1.875rem 3.125rem 1.8rem;

}

.countdown > li {

  color: #383838;

  font-size: 1.75rem;

  line-height: initial;

  font-family: Jost;

  flex: 0 0 4.375rem;

  max-width: 4.375rem;

  text-align: center;

}

.countdown > li:not(:first-child) {margin-left: 1.25rem;}

.countdown > li span {

  display: block;

  background-color: #fff;

  line-height: 3.125rem;

  -webkit-border-radius: 3px;

  border-radius: 3px;

}

.countdown > li span + p {margin-top: 3px;}

.countdown > li p {

  margin-bottom: 0;

  font-size: 13px;

  text-transform: uppercase;

  color: inherit;

}



/*===== Testimonials Style 2 =====*/

.texti-inner {

  display: flex;

  flex-wrap: wrap;

  align-items: center;

}

.testi-nav-caro {

  flex: 0 0 7.8125rem;

  max-width: 7.8125rem;

  max-height: 24.0625rem;

  height: 100%;

}

.testi-nav-caro + .testi-data-caro {

  flex: 0 0 calc(100% - 7.8125rem);

  max-width: calc(100% - 7.8125rem);

  padding-left: 3.4375rem;

}

.testi-nav-img {

  position: relative;

  padding: 10px;

  cursor: pointer;

}

.slick-current .testi-nav-img {padding: 0 5px 0 0;}

.testi-nav-img:before {

  content: "";

  position: absolute;

  left: 0;

  right: 0;

  top: 10px;

  bottom: 10px;

  -webkit-border-radius: 50%;

  border-radius: 50%;

  background-color: var(--color5);

  z-index: -1;

  opacity: 0;

}

.slick-current .testi-nav-img:before {opacity: 1;}

.testi-nav-caro .slick-slide {border: 0;}

.testi-content-item {

  position: relative;

  padding-top: 5rem;

}

.testi-content-item > p {

  font-size: 1.5625rem;

  color: #1f1f1f;

  font-style: italic;

  line-height: 2.1875rem;

  max-width: 92%;

}

.testi-content-item::before {

  content: "";

  background-image: url(../images/quote-icon2.png);

  width: 4.6875rem;

  height: 3.875rem;

  position: absolute;

  top: 0;

}

.testi-content-item > p + h4 {margin-top: 3.125rem;}

.testi-content-item > h4 {

  font-size: 1.25rem;

  text-transform: uppercase;

  font-weight: 700;

  font-style: italic;

}

.testi-content-item > h4 + span {margin-top: 3px;}

.testi-content-item > span {

  font-size: 13px;

  font-family: Jost;

  font-weight: 700;

  font-style: italic;

}



/*===== Featured Area Style 2 =====*/

.feat-inner2 > span {

  font-family: Jost;

  font-size: 1.125rem;

}

.black-layer .feat-inner2 > span, 

.black-layer .feat-inner2 > p {color: #e1e1e1;}

.black-layer .feat-inner2 > h2, 

.black-layer .dir-form2 .field label {color: #fff;}

.feat-inner2 > span + h2 {margin-top: 13px;}

.feat-inner2 > h2 {

  font-size: 4.375rem;

  font-weight: 700;

  text-transform: uppercase;

  line-height: 4.0625rem;

  letter-spacing: -1px;

}

.dir-form2 {margin: 0 -8px;}

.dir-form2 > div:not(.field-btn) {

  padding: 0 8px;

  flex: 0 0 27.333%;

  max-width: 27.333%;

}

.dir-form2 .field label {

  font-size: 1.073125rem;

  font-family: Jost;

  font-weight: 600;

  display: block;

  margin-bottom: 0;

}

.dir-form2 .field input {

  width: 100%;

  height: 3.875rem;

  font-size: 14px;

  color: #797979;

  font-family: Jost;

  padding: 1rem 1.875rem;

}

.dir-form2 .field label i {margin-right: 10px;}

.dir-form2 .field label + input {margin-top: 12px;}

.dir-form2 > div.field-btn {

  flex: 0 0 18%;

  max-width: 18%;

  text-align: right;

}

.dir-form2 > div.field-btn button {

  height: 3.875rem;

  -webkit-border-radius: 0;

  border-radius: 0;

  padding: 1.3rem 2.15rem;

}

.dir-form2 > div {margin-top: 1.875rem;}

.feat-inner2 > h2 + form {margin-top: 2.5rem;}

.feat-inner2 > form + p {margin-top: 3.4375rem;}

.feat-inner2 > p a {border-bottom: 1px solid;}

.feat-inner2 > p a:hover, 

.feat-inner2 > p a:focus {color: #fff;}



/*===== Featured Area Style 3 =====*/

.feat-inner3 {

  padding-left: 1.875rem;

  padding-right: 1.875rem;

}

.feat-inner3 > span {

  font-size: 1.125rem;

  font-family: Jost;

}

.feat-inner3 > span + h2 {margin-top: 5px;}

.feat-inner3 > h2 {

  font-size: 2.875rem;

  text-transform: uppercase;

  font-weight: 700;

}

.black-layer .feat-inner3 > h2 {color: #fff;}

.feat-inner3 > h2 + form, 

.feat-inner3 > form + .dir-cate-wrap {margin-top: 4.0625rem;}

.dir-form3 {

  background-color: rgba(37,37,37,.65);

  -webkit-border-radius: 5px;

  border-radius: 5px;

  padding: 3.125rem 3.4375rem 2.5rem;

}

.dir-form3 > div:not(.field-btn) {

  padding: 0 5px;

  flex: 0 0 40.5%;

  max-width: 40.5%;

  position: relative;

}

.dir-form3 > div.field-btn {

  text-align: right;

  flex: 0 0 19%;

  max-width: 19%;

}

.dir-form3 > div.field label {

  display: block;

  color: #fff;

  font-family: Jost;

  margin-bottom: 0;

  font-weight: 700;

  text-transform: uppercase;

  font-size: 14.7px;

}

.dir-form3 > div.field label + input {margin-top: 10px;}

.dir-form3 > div.field input {

  width: 100%;

  background-color: #dbdbdb;

  -webkit-border-radius: 4px;

  border-radius: 4px;

  height: 3.75rem;

  font-family: Jost;

  font-size: 15px;

  color: #959595;

  padding: 1rem 4.0625rem 1rem 2.5rem;

}

.dir-form3 > div.field i {

  position: absolute;

  bottom: 0;

  right: 2.8125rem;

  line-height: 3.75rem;

  font-size: .9375rem;

  color: #959595;

}

.dir-form3 > div {margin-bottom: 1.25rem;}

.feat-inner3 .dir-cate-wrap > h4 {

  text-transform: uppercase;

  font-size: 14.75px;

}

.feat-inner3 .dir-cate-wrap .dir-opt-list {margin-top: 0;}



/*===== Post Style 2 =====*/

.post-box2 .post-img2 {

  flex: 0 0 46.3125rem;

  max-width: 46.3125rem;

}

.post-img2 + .post-info2 {

  flex: 0 0 calc(100% - 46.3125rem);

  max-width: calc(100% - 46.3125rem);

  padding-left: 2.8125rem;

}

.post-info2 > h3 {

  font-size: 4.523125rem;

  font-weight: 800;

  line-height: 3.9375rem;

}

.post-info2 > h3 + p {margin-top: 1.25rem;}

.post-info2 > p {color: #797979;}

.post-info2 > p + a {margin-top: 2.1875rem;}

.post-info2 > h3 + ul {margin-top: 1.375rem;}

.post-info2 > ul + p {margin-top: 12px;}

.post-info2 .post-meta2 > li {font-size: 1.0625rem;}



/*=== Ver 2 ===*/

.post-box2.v2 {

  min-width: calc(100% + 7.8125rem);

  margin-left: -7.8125rem;

  margin-bottom: 2.1875rem;

}

.post-box2.v2.rev {margin-left: 7.8125rem;}

.post-box2.v2 .post-img2 {

  flex: 0 0 47.8125rem;

  max-width: 47.8125rem;

}

.post-box2.v2 .post-img2 + .post-info2 {

  flex: 0 0 calc(100% - 47.8125rem);

  max-width: calc(100% - 47.8125rem);

}

.post-box2.rev .post-img2 {order: 1;}

.post-box2.v2.rev .post-img2 + .post-info2 {padding: 0 2.8125rem 0 0;}

.post-box2.v2 .post-info2 > h3 {

  font-size: 4.5rem;

  line-height: 4.375rem;

}



/*===== Highlights Mockup Style =====*/

.highlight-mockup {

  width: calc(100% + 20.9375rem);

  margin-left: -20.9375rem;

}

.listing-post-box3.v2 {

  -webkit-border-radius: 3px;

  border-radius: 3px;

  overflow: hidden;

  align-items: center;

  margin-bottom: 1.875rem;

}

.listing-post-box3.v2 .listing-post-img3 {

  flex: 0 0 10.75rem;

  max-width: 10.75rem;

}

.listing-post-box3.v2 .listing-post-img3 + .list-post-info3 {

  flex: 0 0 calc(100% - 10.75rem);

  max-width: calc(100% - 10.75rem);

}

.listing-post-box3.v2 .list-post-info3 {padding: 1.25rem 2.5rem;}

.listing-post-box3.v2 .list-post-info3 .post-meta2 + h3::before {display: none;}

.listing-post-box3.v2 .list-post-info3 .post-meta2 + h3 {padding-top: 0;}

.listing-post-box3.v2 .list-post-info3 > h3 {font-size: 1.5625rem;}

.listing-posts-wrap2 + .view-all a.thm-btn {

  padding: 1.3rem 3.75rem;

  font-size: 14px;

}



/*===== Upcoming Event Video Style =====*/

.event-videos-wrap {

  width: calc(100% + 31.875rem);

  margin-left: -15.9375rem;

}

.event-video-caro .event-video-box {

  -webkit-transform: scale(.9);

  -ms-transform: scale(.9);

  -o-transform: scale(.9);

  transform: scale(.9);

}

.event-video-caro .slick-current .event-video-box {

  -webkit-transform: scale(1);

  -ms-transform: scale(1);

  -o-transform: scale(1);

  transform: scale(1);

}

.event-video-img:before {

  content: "";

  position: absolute;

  left: 0;

  right: 0;

  top: 0;

  bottom: 0;

  background-color: #1b0449;

  opacity: .8;

}

.event-video-img > a {

  left: 50%;

  top: 50%;

  -webkit-transform: translate(-50%, -50%);

  -ms-transform: translate(-50%, -50%);

  -o-transform: translate(-50%, -50%);

  transform: translate(-50%, -50%);

}

.event-video-caro .slick-current .event-video-img:before {opacity: .35;}

.event-video-caro .slick-current .event-video-info {

  opacity: 1;

  visibility: visible;

}

.event-video-caro .event-video-info {

  opacity: 0;

  visibility: hidden;

  margin-top: 4.375rem;

}

.event-video-info > h3 {

  font-size: 2.1875rem;

  font-weight: 700;

}

.event-video-info > h3 + span {margin-top: 10px;}

.dark-layer4 .event-video-info > h3 {color: #fff;}

.event-video-info > span {

  color: #797979;

  font-family: Jost;

  font-size: 1.125rem;

}

.event-video-info > span i {margin-right: 10px;}



/*===== Featured Area Style 4 =====*/

.black-layer .feat-inner4 > span {color: #e1e1e1;}

.black-layer .feat-inner4 > h2 {color: #fff;}

.feat-inner4 > span {

  font-size: 18px;

  font-family: Jost;

}

.feat-inner4 > span + h2 {margin-top: 6px;}

.feat-inner4 > h2 {

  text-transform: uppercase;

  font-weight: 700;

  font-size: 55px;

}

.feat-inner4 > h2 + form {margin-top: 55px;}

.dir-form4 > div.field {

  flex: 0 0 27.333%;

  max-width: 27.333%;

  position: relative;

}

.dir-form4 > div.field:not(:first-child) {border-left: 1px solid #e1e1e1;}

.dir-form4 > div.field input {

  width: 100%;

  padding: 15px 60px;

  font-family: Jost;

  color: #bdbcbc;

  background-color: #f8f8f8;

  height: 95px;

}

.dir-form4 > div.field i {

  color: #bdbcbc;

  position: absolute;

  left: 30px;

  top: 40px;

  font-size: 16px;

}

.dir-form4 > div.field-btn {

  flex: 0 0 18%;

  max-width: 18%;

}

.dir-form4 > div.field-btn button {

  -webkit-border-radius: 0;

  border-radius: 0;

  width: 100%;

  height: 100%;

}



/*===== City Style 3 =====*/

.city-info3 {

  bottom: 0;

  left: 0;

  right: 0;

  padding: 0 2.5rem 1.5625rem;

  -webkit-transform: translateY(20px);

  -ms-transform: translateY(20px);

  -o-transform: translateY(20px);

  transform: translateY(20px);

}

.city-box3:hover .city-info3 {

  -webkit-transform: translateY(0);

  -ms-transform: translateY(0);

  -o-transform: translateY(0);

  transform: translateY(0);

}

.city-info3 > h3 {

  font-size: 1.3125rem;

  font-weight: 700;

  color: #fff;

}

.city-info3 > span {

  font-family: Jost;

  font-size: .9375rem;

  font-weight: 500;

  opacity: 0;

  visibility: hidden;

}

.city-info3 > span i {margin-right: 7px;}

.city-box3:hover .city-info3 > span {

  opacity: 1;

  visibility: visible;

}



/*===== Top Featured Events Style =====*/

.listing-post-box3.v3 .listing-post-img3 {

  flex: 0 0 29.375rem;

  max-width: 29.375rem;

}

.listing-post-img3 > span {

  left: 2.1875rem;

  font-size: 13.45px;

  color: #fff;

  background-color: #28a745;

  padding: 5px 1.875rem;

  top: 2.1875rem;

  z-index: 1;

}

.listing-post-box3.v3 .listing-post-img3 + .list-post-info3 {

  flex: 0 0 calc(100% - 29.375rem);

  max-width: calc(100% - 29.375rem);

}

.listing-post-box3.v3 {

  align-items: center;

  margin-bottom: 2.1875rem;

}

.listing-post-box3.v3 .list-post-info3 {padding: 1.25rem 3.4375rem 1.25rem 3.75rem;}

.listing-post-box3.v3 .list-post-info3 .post-meta2 > li {font-size: 14px;}

.listing-post-box3.v3 .list-post-info3 .post-meta2 + h3 {

  margin-top: .9375rem;

  padding-top: 1.5625rem;

}

.listing-post-box3.v3 .list-post-info3 .post-meta2 + h3:before {

  left: 0;

  right: 0;

  height: 1px;

}

.listing-post-box3.v3 .list-post-info3 > h3 {font-size: 2rem;}

.listing-post-box3.v3 .list-post-info3 > h3 + p {margin-top: 13px;}

.listing-post-box3.v3 .list-post-info3 > p {

  font-size: 1.125rem;

  max-width: 90%;

  line-height: 1.8125rem;

}

.listing-post-box3.v3 .list-post-info3 > p + .post-meta {margin-top: 2.5rem;}

.listing-post-box3.v3 .list-post-info3 .post-meta > li {font-size: 1rem;}

.listing-post-box3.v3 .list-post-info3 .post-meta > li i {

  height: 2.125rem;

  width: 2.125rem;

  line-height: 2.125rem;

  font-size: .9375rem;

}

.listing-post-box3.v3 .list-post-info3 .post-meta > li:not(:first-child) {margin-left: .9375rem;}

.listing-post-img3 .caro-img {display: block !important;}

.img-caro > button.slick-arrow {

  z-index: 1;

  -webkit-border-radius: 5px;

  border-radius: 5px;

  height: 2.875rem;

  width: 2.875rem;

  font-size: 13.58px;

}

.img-caro > button.slick-prev {left: 2.1875rem;}

.img-caro > button.slick-next {right: 2.1875rem;}



/*===== Listing With Filters =====*/

.fltr-btns > li {

  font-size: 14px;

  font-weight: 700;

  color: #252525;

  text-transform: uppercase;

}

.fltr-btns > li a {

  display: block;

  border-radius: 2.5rem;

  padding: 7px 1.875rem;

}

.fltr-btns > li > a:hover,

.fltr-btns > li > a:focus,

.fltr-btns > li.active > a {color: #fff;}



/*===== Testimonials Style 3 =====*/

.testi-inner2 {

  max-width: 52rem;

  display: inline-block;

}

.testi-big-img:before {

  content: "\f10d";

  font-family: "Font Awesome 5 Free";

  font-weight: 900;

  font-size: 3.6125rem;

  position: absolute;

  right: -3.125rem;

  line-height: 7.5rem;

}

.testi-big-img + p {margin-top: .9375rem;}

.testi-desc-item3 > p {

  font-size: 1.5rem;

  color: #252525;

  font-style: italic;

  font-family: Jost;

  font-weight: 600;

  line-height: 2.0625rem;

}

.testi-desc-item3 > p + h4 {margin-top: 1.875rem;}

.testi-desc-item3 > h4 {

  font-size: 1.4375rem;

  font-weight: 700;

}

.testi-desc-item3 > span {

  font-size: 1rem;

  color: #8799a3;

}

.testi-img-caro3 {

  max-width: 10.625rem;

  display: inline-block;

}

.testi-desc-caro3 + .testi-img-caro3 {margin-top: 2.8125rem;}

.testi-img3 {

  position: relative;

  padding: 0 5px;

  cursor: pointer;

}

.testi-img3:before {

  content: "";

  position: absolute;

  bottom: 0;

  height: 2.5rem;

  width: 2.5rem;

  z-index: 1;

  left: 50%;

  margin-left: -1.5rem;

  top: 50%;

  margin-top: -1.25rem;

  -webkit-border-radius: 50%;

  border-radius: 50%;

  opacity: 0;

}

.slick-slide.slick-current .testi-img3::before {opacity: .65;}



/*===== Stats Style =====*/

.stats-box {margin-bottom: 2.5rem;}

.stats-prog {

  position: relative;

  flex: 0 0 9.6875rem;

  max-width: 9.6875rem;

}

.stats-prog >  canvas {

  -webkit-transform: rotateZ(90deg);

  -ms-transform: rotateZ(90deg);

  -o-transform: rotateZ(90deg);

  transform: rotateZ(90deg);

}

.stats-prog > span {

  position: absolute;

  left: 50%;

  top: 50%;

  font-family: Jost;

  font-weight: 700;

  color: #252525;

  font-size: 2.1625rem;

  -webkit-transform: translate(-50%, -50%);

  -ms-transform: translate(-50%, -50%);

  -o-transform: translate(-50%, -50%);

  transform: translate(-50%, -50%);

}

.stats-prog:before {

  content: "";

  position: absolute;

  top: 5px;

  bottom: 5px;

  left: 5px;

  right: 5px;

  border: 1px solid #eaeaea;

  -webkit-border-radius: 50%;

  border-radius: 50%;

  z-index: -1;

}

.stats-prog + .stats-info {

  flex: 0 0 calc(100% - 9.6875rem);

  max-width: calc(100% - 9.6875rem);

  padding-left: 1.5625rem;

}

.stats-info > h3 {

  font-size: 1.5rem;

  font-weight: 700;

}

.stats-info > h3 + p {margin-top: 10px;}

.stats-info > p {

  font-size: 14.1px;

  line-height: 1.25rem;

  color: #5d5d5d;

}



/*===== Featured Area Style 5 =====*/

.feat-cap5 > span {

  font-family: Just Another Hand;

  font-size: 1.875rem;

}

.feat-cap5 > span + h2 {margin-top: 10px;}

.feat-cap5 > h2 {

  color: #fff;

  font-size: 4rem;

  line-height: 4.0625rem;

  text-transform: uppercase;

  font-weight: 700;

  letter-spacing: -.2px;

}

.feat-cap5 > h2 + p {margin-top: 1rem;}

.feat-cap5 > p {

  font-size: 1.125rem;

  color: #979797;

  line-height: 1.75rem;

  font-family: Jost;

}

.feat-cap5 > p + a {margin-top: 3.125rem;}

.feat-cap5 > a.thm-btn {padding: 1.3rem 2.8125rem;}

.dir-form5 {

  max-width: 26.875rem;

  display: inline-block;

  text-align: initial;

}

.dir-form5 .field {margin-bottom: 1.625rem;}

.dir-form5 .field label {

  color: #fff;

  font-size: 1.073125rem;

  font-family: Jost;

  font-weight: 600;

  display: block;

}

.dir-form5 .field label i {margin-right: 10px;}

.dir-form5 .field input {

  width: 100%;

  height: 5.3125rem;

  font-size: 13.9px;

  color: #797979;

  font-family: Jost;

  padding: 1rem 1.5625rem;

}

.dir-form5 button {

  width: 100%;

  -webkit-border-radius: 0;

  border-radius: 0;

  padding: 28.5px 2rem;

  margin-top: 14px;

}



/*===== About Style 2 =====*/

.about-img-caro > button.slick-arrow {

  font-size: 1.1075rem;

  height: 3.75rem;

  width: 3.75rem;

  -webkit-border-radius: 5px;

  border-radius: 5px;

  z-index: 1;

}

.about-img-caro > button.slick-prev {left: -1.875rem;}

.about-img-caro > button.slick-next {right: -1.875rem;}

.about-img2 > span {

  color: #fff;

  background-color: #28a745;

  font-size: 13.46px;

  padding: 5px 15px;

  top: 1.5625rem;

  left: 1.5625rem;

}

.about-desc2 h2 {

  font-size: 3.75rem;

  font-weight: 700;

  line-height: 1.1;

  margin-top: 1.875rem;

}

.dark-layer2 .about-desc2 h2,

.dark-layer2 ul.post-meta li,

.dark-layer2 .about-desc2 p {color: #fff;}

.about-desc2 ul.post-meta li {font-size: 1rem;}

.about-desc2 ul.post-meta li:not(:first-child) {margin-left: 1.875rem;}

.about-desc2 h2 + .post-meta {margin-top: 1.875rem;}

.about-desc2 p {

  line-height: 1.875rem;

  margin-top: 2.1875rem;

}

.about-desc2 p + a {margin-top: 3.125rem;}

.about-desc2 a.thm-btn {

  padding: 1.3rem 2.8125rem;

  font-size: 12.33px;

}

.dark-layer2 .about-desc2 a.thm-btn:hover,

.dark-layer2 .about-desc2 a.thm-btn:focus {

  background: #fff;

  color: #333;

}



/*===== Instagram Style =====*/

.mrg5 .insta-box {margin-bottom: 5px;}

.insta-box > a {

  display: block;

  position: relative;

  overflow: hidden;

}

.insta-box > a:before {

  content: "";

  position: absolute;

  left: 0;

  right: 0;

  top: 0;

  bottom: 0;

  background-color: #000;

  opacity: .3;

  z-index: 1;

}

.insta-box > a:hover:before {opacity: .7;}

.insta-box > a:hover > img {

  -webkit-transform: scale(1.03);

  -ms-transform: scale(1.03);

  -o-transform: scale(1.03);

  transform: scale(1.03);

}



.client-item {

  padding: 0 1.25rem;

  flex: 0 0 20%;

  max-width: 20%;

  text-align: center;

  margin-bottom: 1.875rem;

}

.client-item > a:hover img {opacity: .8;}



/*===== Event Conf Style =====*/

.event-conf-desc {padding-right: 1.25rem;}

.event-conf-desc > span {

  font-size: 1.875rem;

  font-family: Just Another Hand;

}

.event-conf-desc > h2 {

  font-size: 3.75rem;

  font-weight: 700;

  line-height: 4rem;

}

.event-conf-desc > h2 + p {margin-top: 1.125rem;}

.event-conf-desc > p {line-height: 1.8125rem;}

.event-conf-desc > p + .event-conf-caro {margin-top: 1.5625rem;}

.event-conf-caro {margin: 0 -7px;}

.event-conf-item-wrap {padding: 0 7px;}

.event-conf-item {

  background-color: #fff;

  border: 2px solid #eaeaea;

  -webkit-border-radius: 3px;

  border-radius: 3px;

  padding: 1.65rem .9375rem 1.5rem;

}

.event-conf-item > i {font-size: 2.5rem;}

.event-conf-item > i + h4 {margin-top: 1.125rem;}

.event-conf-item > h4 {font-size: 1.375rem;}

.event-conf-item > h4 + span {margin-top: 2px;}

.event-conf-item > span {

  color: #818181;

  font-family: Jost;

  font-size: 14px;

}

.event-conf-caro .slick-dots {margin-top: 2.1875rem;}

.event-conf-imgs {min-height: 33.4375rem;}

.event-conf-imgs > img {

  position: absolute;

  cursor: pointer;

}

.event-conf-imgs > img:first-child {

  -webkit-box-shadow: 0 0 3.125rem rgba(0,0,0,.4);

  -ms-box-shadow: 0 0 3.125rem rgba(0,0,0,.4);

  -o-box-shadow: 0 0 3.125rem rgba(0,0,0,.4);

  box-shadow: 0 0 3.125rem rgba(0,0,0,.4);

  z-index: 2;

  top: 3.125rem;

}

.event-conf-imgs > img:nth-child(2) {

  z-index: 1;

  right: 3.125rem;

  bottom: 0;

}

.event-conf-imgs > img:nth-child(3) {

  right: 0;

  top: 0;

}

.event-conf-imgs > img:hover {

  -webkit-box-shadow: 0 0 3.125rem rgba(0,0,0,.4);

  -ms-box-shadow: 0 0 3.125rem rgba(0,0,0,.4);

  -o-box-shadow: 0 0 3.125rem rgba(0,0,0,.4);

  box-shadow: 0 0 3.125rem rgba(0,0,0,.4);

  z-index: 2;

}



/*===== Footer Style 2 =====*/

.footer-links-wrap {

  padding: 2.46875rem .9375rem;

  border-bottom: 2px solid #2c2c2c;

}

.footer-links > li {

  color: #636363;

  margin: 0 1.09375rem;

}

.dark-layer5 .footer-links > li a:hover, 

.dark-layer5 .footer-links > li a:focus {color: #fff;}

.footer-about-wrap {padding: 3.75rem .9375rem 2.5rem;}

.footer-about-inner {max-width: 52.1875rem;}

.footer-about-inner .logo + p {margin-top: 12px;}

.footer-about-inner > p {color: #797979;}

.footer-about-inner > p + .footer-cont-info {margin-top: 2.5rem;}

.dark-layer5 .footer-cont-info ul li {color: #fff;}

.footer-cont-info + .asocial-links {margin-top: 2.8125rem;}

.asocial-links > a {

  font-size: 1.0625rem;

  color: #fff;

  line-height: 3.75rem;

  width: 3.75rem;

  height: 3.75rem;

  display: inline-block;

  text-align: center;

  background-color: #2c2c2c;

  margin: 0 7px;

}

.copyright2 {

  border-top: 2px solid #2c2c2c;

  padding: 1.3125rem .9375rem;

}

.copyright2 > p {

  font-size: 1.0625rem;

  color: #464646;

  font-family: Jost;

}

.copyright2 > p a {color: #636363;}

.copyright2 > p a:hover, 

.copyright2 > p a:focus {color: #fff;}



/*===== Sidepanel =====*/

.sidepanel {

  padding: 1.875rem;

  position: fixed;

  width: 18rem;

  background: var(--color1);

  z-index: 99999;

  right: -18rem;

  top: 7.5rem;

}

.sidepanel.show {right: 0;}

.sidepanel > span {

  position: absolute;

  left: -3.125rem;

  height: 3.125rem;

  width: 3.125rem;

  text-align: center;

  line-height: 3.125rem;

  cursor: pointer;

  font-size: 1.125rem;

  color: #ffffff;

  background-color: #333;

  top: .9375rem;

}

.color-picker {

  width: 100%;

  display: flex;

  flex-wrap: wrap;

}

.color-picker + .color-picker {margin-top: 1.25rem;}

.color-picker > h3 {

  flex: 0 0 100%;

  max-width: 100%;

  margin: 0 0 1.25rem;

  position: relative;

  font-weight: 600;

  color: #fff;

  font-size: 1.125rem;

  padding-bottom: 13px;

}

.color-picker > h3::before {

  content: "";

  background-color: #fff;

  height: 3px;

  width: 1.25rem;

  left: 0;

  bottom: 0;

  position: absolute;

  opacity: .4;

}

.color-picker > a::after {

  color: #fff;

  content: "\f00c";

  font-size: 1rem;

  left: 0;

  top: 0;

  right: 0;

  line-height: 2.1875rem;

  position: absolute;

  font-weight: 900;

  font-family: "Font Awesome 5 Free";

  opacity: 0;

  z-index: 2;

  text-align: center;

}

.color-picker > a.applied::after {opacity: 1}

.color-picker > a {

  cursor: pointer;

  height: 2.1875rem;

  margin: 0 10px 10px 0;

  position: relative;

  width: 2.1875rem;

}

.color-picker .color {

  background: -moz-linear-gradient(0deg, rgba(214,105,34,1) 0%, rgba(207,67,40,1) 100%);

  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(214,105,34,1)), color-stop(100%, rgba(207,67,40,1)));

  background: -webkit-linear-gradient(0deg, rgba(214,105,34,1) 0%, rgba(207,67,40,1) 100%);

  background: -o-linear-gradient(0deg, rgba(214,105,34,1) 0%, rgba(207,67,40,1) 100%);

  background: -ms-linear-gradient(0deg, rgba(214,105,34,1) 0%, rgba(207,67,40,1) 100%);

  background: linear-gradient(90deg, rgba(214,105,34,1) 0%, rgba(207,67,40,1) 100%);

  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d66922', endColorstr='#cf4328',GradientType=1 );

}

.color-picker .color2 {

  background: -moz-linear-gradient(0deg, rgba(125,255,25,1) 0%, rgba(52,128,72,1) 100%);

  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(125,255,25,1)), color-stop(100%, rgba(52,128,72,1)));

  background: -webkit-linear-gradient(0deg, rgba(125,255,25,1) 0%, rgba(52,128,72,1) 100%);

  background: -o-linear-gradient(0deg, rgba(125,255,25,1) 0%, rgba(52,128,72,1) 100%);

  background: -ms-linear-gradient(0deg, rgba(125,255,25,1) 0%, rgba(52,128,72,1) 100%);

  background: linear-gradient(90deg, rgba(125,255,25,1) 0%, rgba(52,128,72,1) 100%);

  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7DFF19', endColorstr='#348048',GradientType=1 );

}

.color-picker .color3 {

  background: -moz-linear-gradient(0deg, rgba(142,56,255,1) 0%, rgba(14,59,128,1) 100%);

  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(142,56,255,1)), color-stop(100%, rgba(14,59,128,1)));

  background: -webkit-linear-gradient(0deg, rgba(142,56,255,1) 0%, rgba(14,59,128,1) 100%);

  background: -o-linear-gradient(0deg, rgba(142,56,255,1) 0%, rgba(14,59,128,1) 100%);

  background: -ms-linear-gradient(0deg, rgba(142,56,255,1) 0%, rgba(14,59,128,1) 100%);

  background: linear-gradient(90deg, rgba(142,56,255,1) 0%, rgba(14,59,128,1) 100%);

  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8E38FF', endColorstr='#0E3B80',GradientType=1 );

}

.color-picker .color4 {

  background: -moz-linear-gradient(0deg, rgba(255,255,48,1) 0%, rgba(110,128,41,1) 100%);

  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255,255,48,1)), color-stop(100%, rgba(110,128,41,1)));

  background: -webkit-linear-gradient(0deg, rgba(255,255,48,1) 0%, rgba(110,128,41,1) 100%);

  background: -o-linear-gradient(0deg, rgba(255,255,48,1) 0%, rgba(110,128,41,1) 100%);

  background: -ms-linear-gradient(0deg, rgba(255,255,48,1) 0%, rgba(110,128,41,1) 100%);

  background: linear-gradient(90deg, rgba(255,255,48,1) 0%, rgba(110,128,41,1) 100%);

  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFF30', endColorstr='#6E8029',GradientType=1 );

}

.color-picker .color5 {

  background: -moz-linear-gradient(0deg, rgba(255,66,227,1) 0%, rgba(118,14,128,1) 100%);

  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255,66,227,1)), color-stop(100%, rgba(118,14,128,1)));

  background: -webkit-linear-gradient(0deg, rgba(255,66,227,1) 0%, rgba(118,14,128,1) 100%);

  background: -o-linear-gradient(0deg, rgba(255,66,227,1) 0%, rgba(118,14,128,1) 100%);

  background: -ms-linear-gradient(0deg, rgba(255,66,227,1) 0%, rgba(118,14,128,1) 100%);

  background: linear-gradient(90deg, rgba(255,66,227,1) 0%, rgba(118,14,128,1) 100%);

  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FF42E3', endColorstr='#760E80',GradientType=1 );

}

.color-picker .color6 {background-color: #ff7300;}

.color-picker .color7 {background-color: #b57c00;}

.color-picker .color8 {background-color: #a0ce4e;}

.color-picker .color9 {background-color: #f64243;}

.color-picker .color10 {background-color: #cb4335;}





/*===== Primary Color =====*/



/*===== Background Color =====*/

.thm-bg,

.thm-layer:before,

.thm-btn,

.thm-btn.brd-btn:hover,

.thm-btn.brd-btn:focus,

.slick-slider > button.slick-arrow:hover,

.slick-slider > button.slick-arrow:focus,

.feat-post-box:before,

.gallery-list > li a:before,

.social-links2 > a:hover,

.social-links2 > a:focus,

.header-btn:hover,

.header-btn:focus,

.gallery-img > a:hover,

.gallery-img > a:focus,

.listing-top-bar .bootstrap-select > button,

.listing-filter-inner > a:hover,

.listing-filter-inner > a:focus,

.list-post-cat > a,

.list-post-event-btn:hover,

.list-post-event-btn:focus,

.team-box:hover .team-info:before,

.slick-dots > li.slick-active button,

.testi-desc-caro ul.slick-dots li.slick-active button,

.toggle-item.active > h4 i,

.share-btn:hover,

.share-btn:focus,

.place-layout-detail-info > span,

.field .irs--flat .irs-bar,

.add-listing-nav > li a:before,

.add-listing-top-info-btns > a:hover,

.add-listing-top-info-btns > a:focus,

.search-cls-btn:hover,

.rspn-mnu-btn:hover,

.rspn-scil > li a:hover,

.rspn-mnu-cls:hover,

.rspn-scil > a:hover,

.rspn-scil > a:focus,

.subscribe-popup-iner > span:hover,

.subscribe-popup-iner > span:focus,

.btns-wrap > a:hover,

.btns-wrap > a:focus,

.testi-nav-img:before,

.fltr-btns > li > a:hover,

.fltr-btns > li > a:focus,

.fltr-btns > li.active > a,

.testi-img3:before,

.asocial-links > a:hover,

.asocial-links > a:focus,

.color-picker .color,

.list-post-like > a:hover,

.list-post-like > a:focus

{

  background: -moz-linear-gradient(0deg, rgba(214,105,34,1) 0%, rgba(207,67,40,1) 100%);

  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(214,105,34,1)), color-stop(100%, rgba(207,67,40,1)));

  background: -webkit-linear-gradient(0deg, rgba(214,105,34,1) 0%, rgba(207,67,40,1) 100%);

  background: -o-linear-gradient(0deg, rgba(214,105,34,1) 0%, rgba(207,67,40,1) 100%);

  background: -ms-linear-gradient(0deg, rgba(214,105,34,1) 0%, rgba(207,67,40,1) 100%);

  background: linear-gradient(90deg, rgba(214,105,34,1) 0%, rgba(207,67,40,1) 100%);

  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d66922', endColorstr='#cf4328',GradientType=1 );

}



/*===== Text Color =====*/

.thm-clr,

nav ul li:hover > a,

nav ul li.active > a,

nav ul li > a:focus,

nav > div ul li.menu-item-has-children:hover > a:before, 

nav > div ul li.menu-item-has-children.active > a:before, 

nav > div ul li.menu-item-has-children > a:focus:before,

.side-menu ul li:hover > a,

.side-menu ul li.active > a,

.side-menu ul li > a:focus,

.side-menu > div ul li.menu-item-has-children:hover > a:before, 

.side-menu > div ul li.menu-item-has-children.active > a:before, 

.side-menu > div ul li.menu-item-has-children > a:focus:before,

.dir-opt-list > li a:hover > h5,

.dir-opt-list > li a:focus > h5,

.dir-form .field .slc-wp .bootstrap-select > button,

.post-info > h3 a:hover,

.post-info > h3 a:focus,

.city-info-inner > h3 a:hover,

.city-info-inner > h3 a:focus,

.top-list-info > h3 a:hover,

.top-list-info > h3 a:focus,

.feat-post-info-inner > h3 a:hover,

.feat-post-info-inner > h3 a:focus,

.post-auth > a,

.blog-post-info > h3 a:hover,

.blog-post-info > h3 a:focus,

.footer-cont-info ul li a:hover,

.footer-cont-info ul li a:focus,

ol.breadcrumb > li.breadcrumb-item,

.tags > a:hover,

.tags > a:focus,

.gal-meta > li a:hover,

.gal-meta > li a:focus,

.gallery-info > h3 a:hover,

.gallery-info > h3 a:focus,

.thm-btn.brd-btn,

.gallery-info2 > h3 a:hover,

.gallery-info2 > h3 a:focus,

.gallery-info2 > span a:hover,

.gallery-info2 > span a:focus,

.place-list-info > h3 a:hover,

.place-list-info > h3 a:focus,

.list-post-inner > h3 a:hover,

.list-post-inner > h3 a:focus,

.list-post-like > a,

.list-post-meta > li a:hover,

.list-post-meta > li a:focus,

.list-post-info2 > h3 a:hover,

.list-post-info2 > h3 a:focus,

.search-price-opt > li > span.active,

.search-price-opt > li > span:hover,

.tags-list > li span [type="checkbox"]:checked + label,

.load-more > a:hover,

.load-more > a:focus,

.list-post-info3 > h3 a:hover,

.list-post-info3 > h3 a:focus,

.reviewer-review-links > li a:hover,

.reviewer-review-links > li a:focus,

.reviewer-review-info-top-inner > h3 a:hover,

.reviewer-review-info-top-inner > h3 a:focus,

.reviewer-review-info > a:hover,

.reviewer-review-info > a:focus,

.place-layout-detail-btns > a.opt-btn:hover,

.place-layout-detail-btns > a.opt-btn:focus,

.place-layout-detail-links > a:hover,

.place-layout-detail-links > a:focus,

.add-listing-nav > li a:hover,

.add-listing-nav > li a:focus,

.event-schedule-box > h4 a:hover,

.event-schedule-box > h4 a:focus,

.price-body-inner > span sup,

.price-body-inner > ul li:before,

.megamenu-links > a:hover,

.megamenu-links > a:focus,

.search-wrap > form button:hover,

.search-wrap > form button:focus,

.desti-info > h3 a:hover,

.desti-info > h3 a:focus,

.city-info2 > h3 a:hover,

.city-info2 > h3 a:focus,

.highlight-info > h3 a:hover,

.highlight-info > h3 a:focus,

.post-info2 > h3 a:hover,

.post-info2 > h3 a:focus,

.event-video-info > h3 a:hover,

.event-video-info > h3 a:focus,

.city-info3 > h3 a:hover,

.city-info3 > h3 a:focus,

.testi-big-img:before

{

  background: -moz-linear-gradient(0deg, rgba(214,105,34,1) 0%, rgba(207,67,40,1) 100%);

  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(214,105,34,1)), color-stop(100%, rgba(207,67,40,1)));

  background: -webkit-linear-gradient(0deg, rgba(214,105,34,1) 0%, rgba(207,67,40,1) 100%);

  background: -o-linear-gradient(0deg, rgba(214,105,34,1) 0%, rgba(207,67,40,1) 100%);

  background: -ms-linear-gradient(0deg, rgba(214,105,34,1) 0%, rgba(207,67,40,1) 100%);

  background: linear-gradient(90deg, rgba(214,105,34,1) 0%, rgba(207,67,40,1) 100%);

  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d66922', endColorstr='#cf4328',GradientType=1 );

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

}



.login-btn:hover,

.login-btn:focus,

.list-post-event-btn,

.video-inner > a:not(.thm-btn):hover,

.video-inner > a:not(.thm-btn):focus,

.place-video > a:hover,

.place-video > a:focus,

.event-video-img > a:hover,

.event-video-img > a:focus,

.fact-box > i,

.simple-desc > ul li i,

.listing-explore-top > span:hover, 

.listing-explore-opt > li i:hover,

.list-post-info3 ul.post-meta li i,

.post-meta2 > li a:hover,

.post-meta2 > li a:focus,

.get-info-list > li a:hover,

.get-info-list > li a:focus,

.get-info-list > li i,

.rsnp-mnu ul > li > a:focus,

.rsnp-mnu ul > li:hover > a,

.rsnp-mnu ul > li.active > a,

.rspn-srch > button:hover,

.rsnp-mnu ul li.menu-item-has-children.active > a:before,

.rspn-srch > button:hover,

.rspn-srch > button:focus,

.emailinfo > a:hover,

.emailinfo > a:focus,

.subscribe-popup-iner > form button:hover,

.subscribe-popup-iner > form button:focus,

.btns-wrap > a,

ul.nav-tabs > li.nav-item a.nav-link:hover,

ul.nav-tabs > li.nav-item a.nav-link:focus,

ul.nav-tabs > li.nav-item a.nav-link.active,

.upcoming-event-info > h3 a:hover,

.upcoming-event-info > h3 a:focus,

.upcoming-event-info > span.loc-pos i,

.feat-inner2 > p a,

.post-meta2 > li i,

.about-desc2 ul.post-meta li i,

.get-touch-info-inner > a:hover,

.get-touch-info-inner > a:focus

{

  color: #d35924;

}



/*===== Border Color =====*/

.thm-brd-clr,

.header-btn,

.thm-btn.brd-btn,

.list-post-event-btn:hover,

.list-post-event-btn:focus,

.video-inner > a:not(.thm-btn),

.place-video > a,

.event-video-img > a,

.search-price-opt > li > span.active,

.search-price-opt > li > span:hover,

.tags-list > li span [type="checkbox"]:not(:checked) + label:after,

.tags-list > li span [type="checkbox"]:checked + label:after, 

.check-box [type="checkbox"]:not(:checked) + label:after,

.check-box [type="checkbox"]:checked + label:after,

.review-form .field input:hover, 

.review-form .field textarea:hover,

.review-form .field input:focus, 

.review-form .field textarea:focus 

{

  border-color: #d35924;

}





{

  border-top-color: #d35924;

}



.feat-inner2 > p a

{

  border-bottom-color: #d35924;

}





{

  border-left-color: #d35924;

}





{

  border-right-color: #d35924;

}