File Manager

X7ROOT File Manager

Current Path: /home/u408670528/domains/vittoriabeltrame.com/public_html/assets/css/demos

home / u408670528 / domains / vittoriabeltrame.com / public_html / assets / css / demos /

📁 ..
📄 demo-app-landing.css(4.32 KB)
📄 demo-architecture-2.css(11.05 KB)
📄 demo-architecture-interior.css(3.42 KB)
📄 demo-auto-services.css(9.74 KB)
📄 demo-band.css(4.55 KB)
📄 demo-barber.css(8.84 KB)
📄 demo-beauty-salon.css(2.06 KB)
📄 demo-business-consulting-2.css(15.32 KB)
📄 demo-business-consulting-3.css(6.63 KB)
📄 demo-business-consulting-4.css(3.7 KB)
📄 demo-business-consulting.css(22.33 KB)
📄 demo-church.css(21.57 KB)
📄 demo-cleaning-services.css(10.18 KB)
📄 demo-coffee.css(3.11 KB)
📄 demo-construction-2.css(7.39 KB)
📄 demo-construction.css(11.58 KB)
📄 demo-digital-agency-2-dark.css(15.25 KB)
📄 demo-digital-agency-2.css(12.63 KB)
📄 demo-digital-agency.css(6.51 KB)
📄 demo-education.css(4.02 KB)
📄 demo-event.css(4.8 KB)
📄 demo-finance.css(2.2 KB)
📄 demo-gym.css(11.21 KB)
📄 demo-hotel.css(7.26 KB)
📄 demo-industry-factory.css(9.95 KB)
📄 demo-insurance.css(5.58 KB)
📄 demo-it-services.css(9.68 KB)
📄 demo-landing.css(3.93 KB)
📄 demo-law-firm-2.css(9.09 KB)
📄 demo-law-firm.css(3.47 KB)
📄 demo-medical-2.css(10.92 KB)
📄 demo-medical.css(10.23 KB)
📄 demo-one-page-agency.css(4.28 KB)
📄 demo-photography-2.css(66.87 KB)
📄 demo-photography-3.css(60.15 KB)
📄 demo-photography.css(47.59 KB)
📄 demo-product-landing.css(5.42 KB)
📄 demo-real-estate.css(3.22 KB)
📄 demo-restaurant.css(4.07 KB)
📄 demo-resume-dark.css(24.2 KB)
📄 demo-resume.css(22.59 KB)
📄 demo-sass.css(5.19 KB)
📄 demo-seo-2.css(13.6 KB)
📄 demo-seo.css(2.18 KB)
📄 demo-startup-agency.css(6.72 KB)
📄 demo-wedding.css(7.01 KB)

Editing: demo-barber.css

@charset "UTF-8";
h1, h2, h3, h4, h5, h6 {
		font-family: 'Poppins', sans-serif;
}

body {
		font-family: 'Montserrat', sans-serif;
}

.custom-primary-font {
		font-family: 'Poppins', sans-serif !important;
}

.custom-secondary-font {
		font-family: 'Montserrat', sans-serif !important;
}

.custom-tertiary-font {
		font-family: 'Playfair Display', sans-serif !important;
}

.custom-padding-1 {
		padding: 11.2px 12.8px !important;
		padding: 0.7rem 0.8rem !important;
}

.custom-font-weight-medium {
		font-weight: 500 !important;
}

.custom-font-weight-extra-light {
		font-weight: 200 !important;
}

.custom-fs-1 {
		font-size: 1.3em !important;
}

.custom-fs-2 {
		font-size: 53.44px !important;
		font-size: 3.34rem !important;
}

.text-3 {
		font-size: 1.1em !important;
}

.custom-btn-style-1 {
		background-color: #000 !important;
		border-color: #000 !important;
		font-family: 'Poppins', sans-serif;
		font-size: 17.6px;
		font-size: 1.1rem;
		color: #FFF !important;
		padding: 8px 24px !important;
		padding: 0.5rem 1.5rem !important;
}

@media (max-width: 575px) {
		.custom-mobile-scale-1 {
				transform: scale(0.6);
		}
}

.custom-slider-dot {
		width: 12px;
		height: 12px;
		border-radius: 100%;
}

@-webkit-keyframes lineProgress {
		from {
				stroke-dashoffset: 1550;
		}
		to {
				stroke-dashoffset: 0;
		}
}

@keyframes lineProgress {
		from {
				stroke-dashoffset: 1550;
		}
		to {
				stroke-dashoffset: 0;
		}
}

.lineProgress {
		-webkit-animation-name: lineProgress;
						animation-name: lineProgress;
}

@-webkit-keyframes lineProgressAndFill {
		0% {
				stroke-dasharray: 1440;
				stroke-dashoffset: 1440;
				fill-opacity: 0;
		}
		75% {
				fill-opacity: 0.5;
		}
		90% {
				stroke-dasharray: 1440;
				stroke-dashoffset: 0;
				fill-opacity: 0.5;
		}
		100% {
				stroke-dasharray: 1440;
				stroke-dashoffset: 0;
				fill-opacity: 1;
		}
}

@keyframes lineProgressAndFill {
		0% {
				stroke-dasharray: 1440;
				stroke-dashoffset: 1440;
				fill-opacity: 0;
		}
		75% {
				fill-opacity: 0.5;
		}
		90% {
				stroke-dasharray: 1440;
				stroke-dashoffset: 0;
				fill-opacity: 0.5;
		}
		100% {
				stroke-dasharray: 1440;
				stroke-dashoffset: 0;
				fill-opacity: 1;
		}
}

.lineProgressAndFill {
		-webkit-animation-name: lineProgressAndFill;
						animation-name: lineProgressAndFill;
}

.custom-side-dots {
		position: relative;
		padding-left: 19.2px;
		padding-left: 1.2rem;
		padding-right: 19.2px;
		padding-right: 1.2rem;
}

.custom-side-dots:before {
		content: '';
		position: absolute;
		top: 50%;
		left: 0;
		background-color: #CCC;
		width: 8px;
		height: 8px;
		border-radius: 100%;
		transform: translate3d(0, -50%, 0);
}

.custom-side-dots:after {
		content: '';
		position: absolute;
		top: 50%;
		right: 0;
		background-color: #CCC;
		width: 8px;
		height: 8px;
		border-radius: 100%;
		transform: translate3d(0, -50%, 0);
}

.custom-side-dots.custom-side-dots-rm-right {
		padding-right: 0;
}

.custom-side-dots.custom-side-dots-rm-right:after {
		content: none;
}

.custom-side-dots.custom-side-dots-rm-left {
		padding-left: 0;
}

.custom-side-dots.custom-side-dots-rm-left:before {
		content: none;
}

.custom-side-dots.custom-side-dots-at-top {
		padding-left: 15px;
		padding-right: 15px;
}

.custom-side-dots.custom-side-dots-at-top:before, .custom-side-dots.custom-side-dots-at-top:after {
		top: 44px;
		transform: none;
}

.custom-side-dots.custom-side-dots-big:before, .custom-side-dots.custom-side-dots-big:after {
		width: 14px;
		height: 14px;
}

.custom-side-dots.custom-side-dots-outside:before {
		left: -20px;
}

.custom-side-dots.custom-side-dots-outside:after {
		right: -20px;
}

@media (max-width: 767px) {
		.custom-side-dots.custom-side-dots-rm-sm:before, .custom-side-dots.custom-side-dots-rm-sm:after {
				content: none;
		}
}

.custom-images-position-1 div:nth-child(2) {
		transform: translate3d(-50%, -30%, 0);
}

.custom-images-position-1 div:nth-child(3) {
		transform: translate3d(76%, 30%, 0);
}

.custom-images-position-1 div:nth-child(4) {
		transform: translate3d(-13%, 147%, 0);
}

.custom-circle-pos-1 {
		top: -170px !important;
}

.custom-circle-pos-2 {
		bottom: -210px !important;
		right: -170px !important;
}

#header .header-nav-main nav > ul > li > a {
		font-family: 'Poppins', sans-serif;
		font-size: 14.4px;
		font-size: 0.9rem;
		font-weight: 600;
		letter-spacing: -0.5px;
}

@media (min-width: 992px) {
		#header .header-nav-main nav > ul > li > a {
				padding: 0 1.2rem !important;
		}
		#header .header-nav-main nav > ul > li > a:before {
				content: '';
				position: absolute;
				top: 50.7%;
				right: -5px;
				background-color: #FFF !important;
				width: 6px;
				height: 6px;
				border-radius: 100%;
				transform: translate3d(0, -50%, 0);
		}
		#header .header-nav-main nav > ul > li:last-child > a:before {
				content: none;
		}
}

.custom-blockquote-style-1 {
		position: relative;
		border: 0;
		padding: 8px 44.8px;
		padding: 0.5rem 2.8rem;
}

.custom-blockquote-style-1:before {
		content: "“";
		position: absolute;
		left: -2px;
		top: -24px;
		font-size: 75px;
		font-style: normal;
		font-family: 'Playfair Display', sans-serif;
		line-height: 1;
		color: #777;
}

.custom-blockquote-style-1 p {
		font-family: 'Playfair Display', sans-serif;
		font-size: 20.8px;
		font-size: 1.3rem;
		line-height: 1.6;
}

.custom-testimonial-style-1 .custom-testimonial-quote > span {
		font-family: 'Playfair Display', sans-serif;
		font-size: 192px;
		font-size: 12rem;
		line-height: 1;
		display: block;
		max-height: 94.4px;
		max-height: 5.9rem;
}

.custom-working-hours {
		display: flex;
}

.custom-working-hours .custom-working-hours-item {
		flex-basis: 14.2857%;
		max-width: 14.2857%;
		text-align: center;
		box-shadow: 0px 0px 38px -3px rgba(111, 111, 111, 0.15);
		margin-left: 7px;
		margin-right: 7px;
		padding: 40px 8px;
		padding: 2.5rem 0.5rem;
		transition: ease all 300ms;
}

.custom-working-hours .custom-working-hours-item:first-child {
		margin-left: 0;
}

.custom-working-hours .custom-working-hours-item:last-child {
		margin-right: 0;
}

.custom-working-hours .custom-working-hours-item:hover, .custom-working-hours .custom-working-hours-item.active {
		background-color: #CCC;
}

.custom-working-hours .custom-working-hours-item:hover *, .custom-working-hours .custom-working-hours-item.active * {
		color: #FFF !important;
}

@media (max-width: 991px) {
		.custom-working-hours {
				flex-wrap: wrap;
				justify-content: center;
		}
		.custom-working-hours .custom-working-hours-item {
				flex-basis: 23.1857%;
				max-width: 23.1857%;
		}
		.custom-working-hours .custom-working-hours-item:nth-child(5), .custom-working-hours .custom-working-hours-item:nth-child(6), .custom-working-hours .custom-working-hours-item:nth-child(7) {
				margin-top: 15px;
		}
}

@media (max-width: 767px) {
		.custom-working-hours .custom-working-hours-item {
				flex-basis: 30.4857%;
				max-width: 30.4857%;
		}
		.custom-working-hours .custom-working-hours-item:nth-child(4) {
				margin-top: 15px;
		}
}

@media (max-width: 575px) {
		.custom-working-hours .custom-working-hours-item {
				flex-basis: 44.9857%;
				max-width: 44.9857%;
		}
		.custom-working-hours .custom-working-hours-item:nth-child(3) {
				margin-top: 15px;
		}
}

.custom-menu-item .custom-menu-item-details {
		display: flex;
		justify-content: space-between;
}

.custom-menu-item .custom-menu-item-details .custom-menu-item-title,
.custom-menu-item .custom-menu-item-details .custom-menu-item-price {
		white-space: nowrap;
}

.custom-menu-item .custom-menu-item-details .custom-menu-item-price strong {
		font-size: 20.8px;
		font-size: 1.3rem;
}

.custom-menu-item .custom-menu-item-details .custom-menu-item-price strong > span {
		font-size: 0.6em;
}

.custom-menu-item .custom-menu-item-details .custom-menu-item-line {
		width: 100%;
		border-bottom: dashed 1px #777;
}

.custom-instagram-feed {
		display: flex;
}

.custom-instagram-feed .custom-instagram-feed-title {
		flex-basis: 12.5%;
		max-width: 12.5%;
		text-align: center;
		padding: 0 32px;
		padding: 0 2rem;
		display: flex;
		flex-direction: column;
		justify-content: center;
}

.custom-instagram-feed .custom-intagram-feed-content {
		flex-basis: 87.5%;
		max-width: 87.5%;
}

@media (max-width: 1440px) {
		.custom-instagram-feed .custom-instagram-feed-title {
				flex-basis: 32.5%;
				max-width: 32.5%;
		}
		.custom-instagram-feed .custom-intagram-feed-content {
				flex-basis: 67.5%;
				max-width: 67.5%;
		}
}

@media (max-width: 575px) {
		.custom-instagram-feed .custom-instagram-feed-title {
				flex-basis: 50%;
				max-width: 50%;
		}
		.custom-instagram-feed .custom-intagram-feed-content {
				flex-basis: 50%;
				max-width: 50%;
		}
}

.custom-form-style-1 .form-control::-webkit-input-placeholder {
		color: #777;
}

.custom-form-style-1 .form-control::-moz-placeholder {
		color: #777;
}

.custom-form-style-1 .form-control:-ms-input-placeholder {
		color: #777;
}

.custom-form-style-1 .form-control:-moz-placeholder {
		color: #777;
}

X7ROOT File Manager

Editing: demo-barber.css

Upload File

Create Folder