#home {
    background: #151515;
    height: 650px !important;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    background-size: contain;
    min-height: 1080px;
    position: relative;
}
.profile-section-hero {
	min-height: max-content !important;
    height: auto !important;
    background-size: cover !important;
    background-position: center top !important;
}
.home-bottom-text {
    position: relative;
    padding-top: 240px;
    padding-bottom: 120px;
	text-align: center;
    width: 100%;
}
.home-bottom-text h1 {
    background: #932635;
    width: fit-content;
    margin: 0 auto;
    padding: 8px 15px;
    border-radius: 2px;
}
#home .gradient-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: .2;
	background: -moz-linear-gradient(left, black 0%, black 20%, transparent 100%);  /* FF3.6-15 */
	background: -webkit-linear-gradient(left, black 0%, black 20%, transparent 100%);  /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, black 0%, black 20%, transparent 100%);  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#00000000', GradientType=1);  /* IE6-9 */
}

#home .overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: .6;
	background-color: #000000;
}

.home-content-table {
	width: 100%;
	height: 100%;
	display: table;
	position: relative;
}

.home-content-tablecell {
	display: table-cell;
	vertical-align: bottom;
	z-index: 500;
}

.home-content-tablecell .row {
	position: relative;
	padding-top: 4.2rem;
	padding-bottom: 15rem;
}

.home-content-tablecell h3 {
	font-family: "montserrat-bold", sans-serif;
	font-size: 2.2rem;
	color: rgba(255, 255, 255, 0.35);
	text-transform: uppercase;
	letter-spacing: .15rem;
	margin: 0 0 0 .3rem;
}

.home-content-tablecell h1 {
	font-family: "librebaskerville-bold", serif;
	font-size: 3.2rem;
	line-height: 1.5;
	color: #FFFFFF;
}

.home-content-tablecell .home-section-links {
	display: inline-block;
	list-style: none;
	margin: 4.8rem 0 0 0;
}

.home-content-tablecell .home-section-links li {
	display: inline-block;
	font-family: "montserrat-bold", sans-serif;
	font-size: 1.4rem;
	text-transform: uppercase;
	letter-spacing: .1rem;
	color: rgba(255, 255, 255, 0.35);
	margin-right: 1.5rem;
	margin-bottom: .6rem;
}

.home-content-tablecell .home-section-links li:last-child {
	margin-right: 0;
}

.home-content-tablecell .home-section-links a {
	font-family: "librebaskerville-regular", serif;
	font-size: 1.8rem;
	text-transform: none;
	letter-spacing: 0;
	color: #FFFFFF;
	margin-left: .3rem;
}

.scroll-icon {
	position: absolute;
	width: 60px;
	height: 48px;
	font-size: 3.3rem;
	bottom: 30px;
	right: 20px;
	color: #FFFFFF !important;
	-webkit-animation: vertical 3s ease infinite;
	animation: vertical 3s ease infinite;
}

/* vertical animation */
@-webkit-keyframes vertical {
	0%,
	60%,
	80%,
	100% {
		-webkit-transform: translateY(0);
	}

	20% {
		-webkit-transform: translateY(-5px);
	}

	40% {
		-webkit-transform: translateY(20px);
	}

}

@keyframes vertical {
	0%,
	60%,
	80%,
	100% {
		-webkit-transform: translateY(0);
	}

	20% {
		-webkit-transform: translateY(-5px);
	}

	40% {
		-webkit-transform: translateY(20px);
	}

}

/* ------------------------------------------------------------------- 
 * responsive:
 * home section 
 * ------------------------------------------------------------------- */
@media only screen and (max-width:1200px) {
	.home-content-tablecell h3 {
		font-size: 2.1rem;
	}

	.home-content-tablecell h1 {
		font-size: 5rem;
	}

}

@media only screen and (max-width:1024px) {
	.home-content-tablecell h3 {
		font-size: 2rem;
	}

	.home-content-tablecell h1 {
		font-size: 4.8rem;
	}

}

@media only screen and (max-width:768px) {
	.home-content-tablecell .row {
		padding-bottom: 11.4rem;
	}

	.home-content-tablecell .home-bottom-text {
		padding-right: 15%;
	}

	.home-content-tablecell h3 {
		font-size: 1.8rem;
	}

	.home-content-tablecell h1 {
		font-size: 4rem;
	}

	.home-content-tablecell h1 br {
		display: none;
	}

	.home-content-tablecell .home-section-links {
		margin: 4.2rem 0 0 0;
	}

	.home-content-tablecell .home-section-links li {
		font-size: 1.3rem;
	}

	.home-content-tablecell .home-section-links a {
		font-size: 1.6rem;
	}

	.scroll-icon {
		right: 15px;
	}

}

@media only screen and (max-width:600px) {
	#home {
		min-height: 702px;
	}

	.home-content-tablecell {
		vertical-align: middle;
	}

	.home-content-tablecell .row {
		padding-top: 9rem;
		padding-bottom: 3rem;
	}

	.home-content-tablecell .home-bottom-text {
		padding-right: 10%;
	}

	.home-content-tablecell h3 {
		font-size: 1.7rem;
	}

	.home-content-tablecell h1 {
		font-size: 3.8rem;
	}

	.scroll-icon {
		right: 10px;
	}

}

@media only screen and (max-width:500px) {
	.home-content-tablecell .home-bottom-text {
		padding-right: 5%;
	}

	.home-content-tablecell h3 {
		font-size: 1.5rem;
	}

	.home-content-tablecell h1 {
		font-size: 3.4rem;
	}

}

@media only screen and (max-width:400px) {
	#home {
		min-height: 654px;
	}

	.home-content-tablecell .home-bottom-text {
		padding-right: 0;
	}

	.home-content-tablecell h3 {
		font-size: 1.4rem;
	}

	.home-content-tablecell h1 {
		font-size: 3.2rem;
	}

	.home-content-tablecell .home-section-links {
		margin: 1.5rem 0 0 0;
	}

}

/* ===================================================================
 *  10. about - (_layout.scss)
 *
 * ------------------------------------------------------------------- */
#about {
	position: relative;
	padding: 10.8rem 0 10.8rem;
	background-color: #FFFFFF;
	min-height: 700px;
}

#about h3 {
	font-family: "montserrat-bold", sans-serif;
	font-size: 1.6rem;
	color: #4C2405;
	text-transform: uppercase;
	letter-spacing: .15rem;
	margin: 0 0 0 .3rem;
}

#about h1 {
	font-family: "librebaskerville-bold", serif;
	font-size: 3.3rem;
	line-height: 1.455;
}

.about-profile-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #EBEBEB;
	width: 50%;
	background-image: url(../images/profile-bg.jpg);
	background-repeat: no-repeat;
	background-position: center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	opacity: .35;
}

.about-wrap {
	width: 94%;
	max-width: 1300px;
	margin: 0 auto;
}

.about-wrap:before,
.about-wrap:after {
	content: "";
	display: table;
}

.about-wrap:after {
	clear: both;
}

.about-profile,
.about-services {
	float: left;
	width: 50%;
	padding-left: 20px;
	padding-right: 20px;
}

.about-profile {
	padding-right: 9rem;
	position: relative;
	z-index: 2;
}

.about-profile p.lead {
	color: #636363;
}

.about-profile .about-profile-bg {
	display: none;
}

.about-services {
	padding-left: 9rem;
	position: relative;
}

.about-services p.lead {
	color: #757575;
}

.about-services ul.services {
	list-style: none;
	margin-left: 0;
}

.about-services ul.services li {
	padding-left: 0;
	margin-bottom: .6rem;
	position: relative;
}

.about-services ul.services li h4 {
	font-size: 1.6rem;
	text-transform: uppercase;
	letter-spacing: .15rem;
	line-height: 1.313;
	margin-bottom: .6rem;
}

.about-services ul.services li p {
	margin-bottom: 1.5rem;
	color: #4f4f4f;
}

.about-services ul.services .icon-wrap {
	position: absolute;
	top: 0;
	left: 0;
	color: rgba(46, 22, 3, 0.4);
	color: #4C2405;
}

.about-services ul.services .icon-wrap i {
	font-size: 5rem;
}

.about-services ul.services .item-photography .icon-wrap {
	top: -.3rem;
}

.about-services ul.services .item-webdesign .icon-wrap {
	top: -.7rem;
}

.about-services ul.services .item-uiux .icon-wrap {
	top: -.1rem;
}

.about-services ul.services .service-item {
	padding-left: 8rem;
}

/* ===================================================================
 *  11. skills - (_layout.scss)
 *
 * ------------------------------------------------------------------- */
#skills {
	background-color: #1f0e01;
	background-image: url(../images/skills-bg.jpg);
	background-repeat: no-repeat;
	background-position: center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	min-height: 800px;
	position: relative;
	padding: 12rem 0 9.6rem;
	color: rgba(255, 255, 255, 0.3);
}

#skills .overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: .7;
	background-color: #000000;
}

#skills .gradient-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: .2;
	background: -moz-linear-gradient(left, black 0%, black 20%, transparent 100%);  /* FF3.6-15 */
	background: -webkit-linear-gradient(left, black 0%, black 20%, transparent 100%);  /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, black 0%, black 20%, transparent 100%);  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#00000000', GradientType=1);  /* IE6-9 */
}

#skills .row {
	position: relative;
}

#skills [class="col-skills"] {
	width: 50%;
	padding-right: 0;
}

#skills .section-intro {
	text-align: left;
}

#skills .section-intro h3 {
	color: rgba(255, 255, 255, 0.35);
	color: #7c3b08;
}

#skills .section-intro h1 {
	color: #FFFFFF;
}

#skills .skill-bars {
	margin-top: 8.4rem;
}

#skills .skill-bars li {
	background: #7c3b08;
	margin-bottom: 7.2rem;
}

#skills .skill-bars li strong {
	color: #FFFFFF;
}

#skills .skill-bars li .progress {
	background: #FFFFFF;
}

/* ------------------------------------------------------------------- 
 * responsive:
 * skills
 * ------------------------------------------------------------------- */
@media only screen and (max-width:1024px) {
	#skills [class="col-skills"] {
		width: 75%;
	}

}

@media only screen and (max-width:768px) {
	#skills .section-intro {
		text-align: center;
	}

	#skills [class="col-skills"] {
		width: 100%;
		padding-right: 15px;
	}

}

@media only screen and (max-width:600px) {
	#skills [class="col-skills"] {
		padding-right: 10px;
	}

}

@media only screen and (max-width:400px) {
	#skills [class="col-skills"] {
		padding-right: 0;
	}

}



.bookmark-list-wrapper {
    position: relative;
    border: 1px solid #444;
    padding: 10px;
    width: 100%;
    display: flex;
}

.bl-w-img {
  width: 32%;
}
.bl-w-img img {
    width: 400px;
    height: auto;
}
.bl-w-content p {
    font-size: 14px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
}
.bl-w-content {
  position: relative;
  padding: 0 15px;
  width: 68%;
}
.btn-sm {
    padding: 10px 20px;
}
.btn-m {
  padding: 10px 15px;
}
.bl-w-btn {
    position: absolute;
    bottom: 0;
}
@media only screen and (max-width: 991px) {
  .bookmark-list-wrapper {
      display: block;
  }
  .bl-w-img {
      width: 100%;
      display: block;
  }
  .bl-w-content {
      width: 100%;
      display: block;
      padding: 10px 0 0 !important;
  }
  .bl-w-img img {
      width: 100%;
      height: 270px;
  }
  .bl-w-content p {
    font-size: 12px;
  }
  .bl-w-content h3 {
      font-size: 16px;
  }
}


.profile-about-section{
	position: relative;
	background: #000;
}
section.profile-about-section {
    position: relative;
}

.pas-content-wrapper {
    position: relative;
	/* border-top: 1px solid #78747459; */
    border-bottom: 1px solid #78747459;
}

.pas-content-wrapper h3 {
    color: #000;
}

.pas-content-wrapper p {
    color: #000;
}
.profile-about-section p,
.profile-about-section h3,
.profile-about-section span{
	color: #fbfbfb;
}
.pas-sc-img img {
    height: 200px;
    width: 200px;
    border-radius: 50%;
}

.pas-single-content {
    display: flex;
    align-items: center;
}

.pas-sc-img {
    margin-right: 35px;
}
.slider-single-wrapper{
	position: relative;
    border: 1px solid #444;
    padding: 10px;
}
.slider-section.slider-wrapper-custom {
    overflow: hidden;
}
.slider-wrapper-custom .slider-single-wrapper {
    display: block !IMPORTANT;
}
.ssw-img img {
    height: 290px;
    width: 100%;
}
.ssw-content h3 {
    font-size: 20px;
    line-height: 20px;
}

.ssw-content p {
    font-size: 15px;
    line-height: 22px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.ssw-content {
    padding: 12px 0 0;
}
.movie-slider-arrow-one .slider-prev,
.movie-slider-arrow-one .slider-next {
    background: #932635;
    color: #fff;
    padding: 10px;
}
.movie-slider-arrow-one {
    float: right;
    margin-top: -27px;
    margin-right: 10px;
}
.dc-sc-img img {
    height: 350px;
    width: 100%;
}

.dc-sc-text {
    position: relative;
    display: flex;
    padding: 15px 0;
}

.dc-sc-small-img img {
    height: 50px;
    width: 50px;
    border-radius: 50%;
    max-width: 50px;
    margin-right: 10px;
}

.dc-sc-small-img {
}
.single-card-dc{
	position: relative;
	margin-bottom: 30px;
}
/* ..................... */

:root {
    --accent-color: #d55;
}
*, *::before, *::after {
    box-sizing: border-box;
}
.main {
    max-width: 1200px;
    margin: 0 auto;
}
.cards {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    padding: 0;
}
.cards .cards_item {
    display: flex;
    padding: 1rem;
	width: 100%;
}
@media (min-width: 40rem) {
    .cards .cards_item {
        width: 50%;
   }
}
@media (min-width: 56rem) {
    .cards .cards_item {
        width: 33.3333%;
   }
}
.cards .cards_item .card {
    background-color: white;
    border-radius: 0.25rem;
    box-shadow: 0 20px 40px -14px rgba(0, 0, 0, 0.25);
    display: flex;
    flex-direction: column;
    background: repeating-linear-gradient(-25deg, #fff, #fff 1px, #fbfbfb 1px, #fbfbfb 3px);
    border-right: 1px solid #ededed;
    border-bottom: 1px solid #ededed;
}
.cards .cards_item .card .card_image {
    position: relative;
}
.cards .cards_item .card .card_image::after {
    position: absolute;
    height: 75%;
    background: linear-gradient(rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.4));
    content: "";
    bottom: 0;
    left: 0;
    right: 0;
}
.cards .cards_item .card .card_image img {
    width: 100%;
    display: block;
	max-height: 275px;
    height: 275px;
}
.cards .cards_item .card .card_image .price {
    --price-tag-height: 2rem;
    --price-tag-bg: #ffae00;
    position: absolute;
    height: var(--price-tag-height);
    right: 50%;
    bottom: 0;
    transform: translate(50%, 20px) rotate(2deg);
    background-color: #ffae00;
    padding: 0.25rem 0.75rem 0.25rem 0.3em;
    align-items: center;
    display: flex;
    justify-content: center;
    border-radius: 2px;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
    font-family: "Average", serif;
    font-size: 26px;
    color: rgba(0, 0, 0, 0.8);
    z-index: 1;
}
.cards .cards_item .card .card_image .price span {
    font-size: 0.7em;
    margin-bottom: 7px;
}
.cards .cards_item .card .card_image .price::before, .cards .cards_item .card .card_image .price::after {
    position: absolute;
    background-color: green;
    background-color: var(--price-tag-bg);
    border-radius: 50%;
    width: calc(var(--price-tag-height) / 2.2);
    height: calc(var(--price-tag-height) / 1.5);
    content: "";
}
.cards .cards_item .card .card_image .price::before {
    left: 0;
    transform: translate(-50%, 0px);
}
.cards .cards_item .card .card_image .price::after {
    right: 0;
    transform: translate(50%, 0px);
}
.cards .cards_item .card .card_image .card_title {
    position: absolute;
    bottom: 0;
    left: 0;
    margin: 0;
    padding: 1.5rem 2rem;
    font-family: "Mansalva", cursive;
    color: white;
    font-size: 32px;
    width: 75%;
    line-height: 1;
    z-index: 2;
    transform: rotate(-2deg);
}
.cards .cards_item .card .card_content {
    padding: 3em 2em 2em;
    font-family: "Average", serif;
    color: #333;
    letter-spacing: 0.2px;
    font-weight: 200;
    font-size: 18px;
    line-height: 1.4;
}
.cards .cards_item .card .card_content .card_notes {
    float: right;
    margin: 1em 0 1em 1em;
}
.cards .cards_item .card .card_content .card_notes .note {
    font-size: 0.8em;
    font-weight: 400;
    padding: 0.5em;
    background-color: #ccc;
    color: white;
    text-transform: uppercase;
}
.cards .cards_item .card .card_content .card_text p {
    margin: 0 0 1em;
}
.cards .cards_item .card .card_content .card_text p:not(:last-child) {
    position: relative;
    padding-bottom: 20px;
    border: none;
	color: #fff !important;
    /* border-bottom: medium double #d8d8d8; */
}
.cards .cards_item .card .card_content .card_text p:first-child::first-letter {
    font-size: 3.5rem;
    margin: 11px 0 -5px 0;
    padding: 0 0.1em 0 0;
    height: 0.7em;
    line-height: 0.55em;
    float: left;
    color: var(--accent-color);
}
.cards .cards_item .card .card_content .card_text i {
    /* font-family: "Mansalva", cursive; */
    color: #fff;
    font-size: 1.05em;
    margin: 0 0.1em;
}
.pas-content-wrapper {
    display: block !IMPORTANT;
    width: 100%;
}
.swiper-button-disabled{
	display: none !important;
}
.all-card-section li.cards_item .card {
    width: 100%;
}

.cards_item_ll .card {
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    background: rgba(48, 45, 45, 0.1) !important;
    border-radius: 5px !important;
	overflow: hidden;
}

@media (max-width: 1520px) {
	.cards .cards_item .card .card_image img {
		width: 100%;
		display: block;
		max-height: 215px;
		height: 215px;
	}
}
@media (max-width: 1200px) {
	.cards .cards_item .card .card_image img {
		object-fit: cover;
	}
}