/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/
.scw-switcher-wrap,
.scw-trigger-icon {
	position: fixed;
	left: auto;
	background-color: #fff
}

.scw-trigger-icon {
	width: 44px;
	height: 44px;
	top: 156px;
	right: 20px;
	border: 0;
	padding: 0;
	text-align: center;
	z-index: 5;
	cursor: pointer
}

.scw-trigger-icon i {
	font-size: 18px
}

.scw-switcher-wrap.scw-switcher-open i:nth-of-type(1),
.scw-switcher-wrap:not(.scw-switcher-open) i:nth-of-type(2) {
	display: none
}

.scw-switcher-wrap {
	top: 155px;
	right: 19px;
	padding: 23px;
	width: 0;
	height: 0;
	border: 1px solid rgba(0, 0, 0, .09);
	border-radius: 3px;
	box-shadow: 0 13px 42px 11px rgba(0, 0, 0, .05);
	z-index: 9999;
	overflow: hidden;
	-webkit-transition: all .45s ease;
	-o-transition: all .45s ease;
	transition: all .45s ease
}

.scw-switcher-wrap.scw-switcher-open {
	width: 360px;
	height: 65%;
	padding: 35px 25px;
	overflow-y: scroll
}

.scw-switcher-wrap .widget {
	margin: 0
}

.scw-switcher-wrap .line,
.scw-switcher-wrap .widget {
	opacity: 0;
	-webkit-transition: opacity 0s ease;
	-o-transition: opacity 0s ease;
	transition: opacity 0s ease
}

.scw-switcher-wrap.scw-switcher-open .line,
.scw-switcher-wrap.scw-switcher-open .widget {
	opacity: 1;
	-webkit-transition: opacity .3s .4s ease;
	-o-transition: opacity .3s .4s ease;
	transition: opacity .3s .4s ease
}

.scw-switcher-wrap .widget h4 {
	font-size: 14px;
	letter-spacing: 1px;
	margin-bottom: 15px
}

.scw-switcher-wrap .btn-container {
	margin: 0 -5px -5px 0
}

.scw-switcher-wrap .btn {
	margin: 0 5px 5px 0
}

.scw-switcher-wrap .row {
	margin: 0 -5px
}

.scw-switcher-wrap .col-6 {
	padding: 5px
}

body:not(.has-plugin-isotope) .portfolio-reveal .portfolio-desc {
	display: none
}

.overlay-trigger-icon:hover {
	opacity: .9 !important;
	color: #1abc9c !important
}

@media(max-width:991.98px) {
	.sub-menu-trigger {
		color: #2a3035
	}
}

.menu-link {
	text-transform: none;
	letter-spacing: 0;
	font-size: 1.1rem;
	font-weight: 500
}

.bg-color-2 {
	background-color: #ffcd8c !important
}

.color-2 {
	color: #ffcd8c !important
}

.slider-element {
	background: linear-gradient(to right, rgba(255, 255, 255, 1) 40%, rgba(70, 193, 176, .7)), url('images/1.png') no-repeat 90% 100%/auto 100%
}

@media(min-width:992px) {
	.slider-element {
		background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(70, 193, 176, 0.17)), url('images/1.png') no-repeat 90% 100%/auto 100%
	}
}

.feature-box-border .feature-box {
	position: relative
}

.feature-box-border .feature-box:not(.noborder)::after {
	content: "";
	position: absolute;
	top: calc(64px + 16px);
	left: 59px;
	width: 2px;
	height: calc(100% - 16px);
	background-color: #eee;
	z-index: 0
}

.feature-box-border .fbox-color.feature-box:not(.noborder)::after {
	background-color: #0f6458
}

.feature-box-border .fbox-icon i,
.feature-box-border .fbox-border.fbox-light .fbox-icon i {
	line-height: 60px;
	font-size: 24px;
	z-index: 1;
	text-align: center
}

.fbox-border.fbox-light .fbox-icon a {
	background-color: #fff
}

.fbox-border.fbox-effect .fbox-icon i::after {
	background-color: #0f6458
}

.bg-color-50 {
	background-color: rgba(15, 100, 88, .4) !important;
	background-color: #0f645852 !important
}

.dark .line {
	border-color: rgb(255, 205, 140, .2) !important
}

.section-mobile {
	width: calc(100vw - 30px);
	margin-left: auto;
	margin-right: auto;
	border-radius: 20px;
	padding-left: 20px;
	padding-right: 20px
}

@media(min-width:768px) {
	.section-mobile {
		width: calc(100vw - 60px)
	}
}

.grid-border {
	overflow: hidden
}

.grid-border [class^=col-]:before,
.grid-border [class^=col-]:after {
	content: '';
	position: absolute
}

.grid-border [class^=col-]:before {
	height: 100%;
	top: 0;
	left: -1px;
	border-left: 1px solid #ffcd8c50
}

.grid-border [class^=col-]:after {
	width: 100%;
	height: 0;
	top: auto;
	left: 0;
	bottom: -1px;
	border-bottom: 1px solid #ffcd8c50
}

.pricing-price {
	font-size: 5rem
}

.nav-pills .nav-link {
	margin-bottom: 10px;
	border-radius: 3px
}

.nav-pills .nav-link.active {
	background-color: #0f6458;
	margin-bottom: 20px;
	padding: 30px 25px
}

.nav-pills .nav-link h3 {
	display: block;
	font-size: 22px;
	line-height: 28px;
	margin-bottom: 15px;
	font-weight: 400;
	color: #0f6458
}

.nav-pills .nav-link.active h3 {
	color: #ffcd8c;
	font-weight: 500
}

.nav-pills .nav-link p {
	display: none;
	visibility: hidden;
	font-size: 14px;
	line-height: 1.6 !important;
	margin-bottom: 0;
	color: #eee
}

.nav-pills .nav-link.active p {
	display: block;
	visibility: visible
}

@media(max-width:767.98px) {
	.nav-pills .nav-link:not(.active) p {
		display: block;
		visibility: visible;
		color: #444
	}

	.nav-pills .nav-link,
	.nav-pills .nav-link.active {
		padding: 15px 20px;
		margin-bottom: 8px
	}
}

.bg-pattern {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0
}

.bg-pattern~* {
	position: relative;
	z-index: 1
}

body,
small,
.menu-link,
.mega-menu-style-2 .mega-menu-title>.menu-link,
.sub-menu-container .menu-item>.menu-link,
.wp-caption,
.fbox-center.fbox-italic p,
.skills li .progress-percent .counter,
.nav-tree ul ul a,
.font-body,
.entry-link span,
.entry blockquote p,
.more-link,
.comment-content .comment-author span,
.comment-content .comment-author span a,
.button.button-desc span,
.testi-content p,
.team-title span,
.before-heading,
.wedding-head .first-name span,
.wedding-head .last-name span,
.font-secondary {
	font-family: ibm plex sans, sans-serif !important
}

h1,
h2,
h3,
h4,
h5,
h6,
#logo a,
.top-search-form input,
.entry-link,
.entry.entry-date-section span,
.button.button-desc,
.fbox-content h3,
.tab-nav-lg li a,
.counter,
label,
.widget-filter-links li a,
.nav-tree li a,
.wedding-head,
.font-primary {
	font-family: 'ibm plex serif', serif !important
}

.font-display {
	font-family: playfair display, serif !important
}

.slider-caption h2 {
	margin-top: 170px;
}

.slider-caption h2,
.slider-caption p {
	text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6) !important;
}

.sub-menu-container .menu-item>.menu-link {
	font-size: 14px;
}

.page-title-mini {
	height: auto !important;
	padding-top: 20px !important;
}

.page-title-dark {
	background-color: #bc4b51 !important;
}

.page-title-dark h1,
.page-title-dark span {
	text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6);
}

ul {
	margin-left: 30px;
}

@media screen and (max-width: 400px) {
	#logo img {
		height: 80px !important;
	}
}

@media (max-width:575px) {
	#page-title {
		background-position: center 0px !important;
		height: 190px;
		padding-top: 40px !important;
	}

	#page-title.page-title-parallax h1 {
		font-size: 25px;
	}
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
	#page-title {
		background-position: center 80px !important;
		height: 200px;
		padding-top: 40px !important;
	}
}

/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 768px) {
	#page-title {
		background-position: center 90px !important;
		height: 200px;
		padding-top: 40px !important;
	}
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
	#page-title {
		background-position: center 20px !important;
		height: 200px;
		padding-top: 40px !important;
	}
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	#page-title {
		background-position: center -40px !important;
		height: 200px;
		padding-top: 70px !important;
	}
}

/* Extra extra large devices (extra large desktops, 1400px and up) */
@media (min-width: 1400px) {
	#page-title {
		background-position: center -80px !important;
		height: 200px;
		padding-top: 70px !important;
	}
}