/*
Theme Name: CScarbay 2025
Author: Carlos Scarbay
Author URL: https://cscarbay.github.io
Version: 5.0
*/
/********************************************************
Documento CSS
********************************************************/
/********************************************************
0. General
1. Menu Bar
2. Footer
3. Slider-Banners
4. About
5. Projects
6. Services
7. Testimonials
8. Budgets
9. Page - Resume CV
10. Page - Single
11. Page - Only Text
12. Page - Forms
13. Contact Form 7
14. Drag and Drop Multiple File Upload for Contact Form 7
15. Country & Phone Field Contact Form 7
16. Page - 404
17. Page - link in Bio
18. Page - Maintenance
19. Responsive Media Queries
********************************************************/
/********************************************************
0. General
********************************************************/
html {
	scroll-behavior: smooth;
	overflow-x: hidden;
}
body {
	font-family: "Inter Tight";
	font-optical-sizing: auto;
	font-style: normal;
	font-size: 1.125rem;
	font-weight: 400;
    line-height: 1.2;
	font-kerning: auto;
	color: #ffffff !important;
	background: #0b0d0d !important;
}
::selection {
	background: #ff2600 !important;
	color: #ffffff !important;
}
.cs-main-title {
	font-weight: 600;
	font-size: 6rem;
	color: #ff2600;
	margin-bottom: 6rem;
}
.cs-home-section, .cs-full-page {
	padding: 8rem 0;
}
.cs-cta-btn {
	font-weight: 700;
	font-size: 2rem;
	line-height: 1;
	text-decoration: none;
	color: #ffffff;
	background: transparent;
	border: .25rem solid #ff2600;
	padding: 0.5rem 1rem;
	border-radius:  2.5rem;
	transition: all .3s ease;
}
.cs-cta-btn::after {
    content: "\f0a9";
    font-family: "Font Awesome 7 Free";
    font-weight: 900;
	margin-left: .5rem;
}
.cs-cta-btn:hover, .cs-cta-btn:focus, .cs-cta-btn:active {
	background: #ff2600;
}
.big-btn {
	font-size: 4rem;
	padding: 1rem 2rem;
	border-radius: 5rem;
}
.big-btn::after {
	margin-left: .75rem;
}
.bt-esp {
	border-top: .125rem  solid #ff2600;
}
.cs-mb-16 {
	margin-bottom: 1rem !important;
}
/********************************************************
1. Menu Bar
********************************************************/
.navbar {
	padding: .625rem 0;
}
.navbar-primary {
	background: rgba(11,13,13,.5);
	transition: all 0.5s ease;
}
.navbar-primary-scrollchange, .navbar-secondary {
	background: #0b0d0d;
}
.navbar-brand {
	padding: 0;
	margin: 0;
}
.navbar-brand img {
	width: 20rem;
}
.nav-container {
    width: 100%;
	display: flex;
	justify-content: flex-end;
}
.nav-item {
	margin: 0 1.25rem 0 0;
}
.nav-item:last-child {
	margin-right: 0;
}
.nav-link {
	font-weight: 600;
	font-size: 1.5rem;
	color: #ffffff;
	padding: 0 !important;
	transition: all .3s ease;
}
.nav-link:hover, .nav-link:focus, .nav-link:active {
	color: #ff2600;
}
.navbar-toggler {
	height: 2.5rem;
	width: 2.5rem;
	border: none;
	padding: 0;
	transition: none;
}
.navbar-toggler:hover, .navbar-toggler:focus, .navbar-toggler:active {
	box-shadow: none;
}
.cs-toggler-icon {
	display: inline-block;
	height: 2.5rem;
	width: 2.5rem;
	border: none;
	padding: 0;
	transition: none;
}
.navbar-toggler.collapsed .cs-toggler-icon::before, .navbar-toggler .cs-toggler-icon::before {
	display: inline-block;
	height: 2.5rem;
	width: 2.5rem;
	font-family: 'Font Awesome 7 free';
	font-weight: 900;
	content: '\f142';
	font-size: 2.5rem;
	color: #ff2600;
	background-image: none !important;
	transition: all .3s ease;
}
.navbar-toggler .cs-toggler-icon::before {
	content: '\f141';
	color: #98b3b3;
}
/********************************************************
2. Footer
********************************************************/
.cs-contact-bar {
	padding: 6rem 0;
	border-top: .125rem solid #ff2600;
}
.cs-contact-title-container .cs-main-title {
	margin-bottom: 0;
}
.cs-contact {
	font-size: 3rem;
	margin-bottom: 1rem;
}
.cs-contact:last-of-type {
	margin-bottom: 0;
}
.cs-contact a {
	font-weight: 600;
	text-decoration: none;
	color: #ffffff;
	transition: all .3s ease;
}
.cs-contact a:hover, .cs-contact a:focus, .cs-contact a:active {
	text-decoration: underline;
	color: #98b3b3;
}
.cs-contact .phone {
	font-weight: 900;
}
.cs-social-bar {
	padding: 6rem 0;
	border-top: .125rem solid #ffffff;
}
.cs-tagline-container {
    order: 1;
}
.cs-tagline {
	width: 20rem;
}
.cs-social {
    order: 2;
}
.cs-social-title {
	font-weight: 600;
	font-size: 2rem;
	color: #ffffff;
	margin-bottom: 1.5rem;
}
.cs-social-link {
	font-size: 4rem;
	margin-right: 1rem;
    float: left;
}
.cs-social-link:last-child {
	margin-right: 0;
}
.cs-social-icon {
	color: #ff2600;
	margin: 0;
	transition: all .3s ease;
}
.cs-social-icon:hover, .cs-social-icon:focus, .cs-social-icon:active {
	color: #98b3b3;
}
.cs-footer-bar {
	padding: 1.5rem 0;
	border-top: .125rem solid #ffffff;
}
.cs-copyright {
	font-weight: 500;
	font-size: .75rem;
	color: #ffffff;
	margin: 0;
}
.cs-copyright span {
	font-weight: 900;
	color: #ff2600;
}
.cs-terms-pol-links a {
	font-weight: 500;
	font-size: .75rem;
	text-decoration: none;
	color: #98b3b3;
	margin-right: 2rem;
	transition: all .3s ease;
    float: left;
}
.cs-terms-pol-links a:last-child {
	margin-right: 0;
}
.cs-terms-pol-links a:hover, .cs-terms-pol-links a:focus, .cs-terms-pol-links a:active {
	text-decoration: underline;
	color:#ff2600;
}
/********************************************************
3. Slider-Banners
********************************************************/
.cs-slider-banners {
	padding: 0;
}
.cs-slider-banners .carousel-item {
	height: 100vh;
	background-size: cover;
	background-position: center center;
}
.cs-slider-banner::before {
	position: absolute;
	display: block;
	content: '';
	width: 100%;
	height: 100%;
	background-color: rgba(11,13,13,.33);
	mix-blend-mode: multiply;
}
.cs-slider-banner-text {
	position: relative;
	font-weight:900;
	font-size: 16rem;
	text-align: center;
	color: #ff2600;
	margin: 0;
	text-shadow: 0 0 3rem rgba(11,13,13,.33);
}
/********************************************************
4. About
********************************************************/
.cs-about-row, .cs-milestone-row {
	margin-bottom: 4rem;
}
.cs-about-text-container {
	order: 1;
}
.cs-about-text h1 {
    font-size: 3rem;
	line-height: 1;
	margin:  0 0 3rem;
}
.cs-about-text b {
	font-weight: 600;
	color: #98b3b3;
}
.cs-about-text span {
	font-weight: 900;
	color: #ff2600;
}
.cs-about-img-box {
    order: 2;
}
.cs-about-img {
	width: 100%;
	border-radius: 50%;
}
.cs-milestone-title {
	font-weight: 600;
	font-size: 1.5rem;
	text-align: center;
	color: #98b3b3;
	margin: 0;
}
.cs-milestone-text {
	font-weight: 900;
	font-size: 6rem;
	text-align: center;
	color: #ffffff;
	margin: 0;
}
.cs-customer-title {
	font-weight: 600;
	font-size: 2rem;
	text-align: center;
	color: #ff2600;
	margin-bottom: 3rem;
}
.cs-logo-box {
	margin-bottom: 1.5rem;
}
.cs-logo-box:nth-of-type(n+9) {
	margin-bottom: 0;
}
.cs-logo-thumb {
	width: auto;
	height: 3.75rem;
	aspect-ratio: 8/3;
}
/********************************************************
5. Projects
********************************************************/
.cs-project-item {
	margin-bottom: 1.5rem;
}
.destacado {
	width: 66.6666666666%;
}
.cs-project-container {
	position: relative;
	padding: 0;
}
.cs-project-thumb img {
	width: 100%;
	height: 26rem;
	object-fit: cover;
	border-radius: 1rem;
}
.cs-thumb-overlay::before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 1rem;
	background: #ff2600;
	top: 0;
	opacity: 0;
	transition: all .3s ease;
}
.cs-thumb-overlay:hover::before {
	opacity: 1;
}
.cs-thumb-text {
	position: absolute;
    bottom: 0;
	width: 100%;
	height: 100%;
	display: grid;
	align-content: center;
	padding: 1.5rem;
	opacity: 0;
	transition: all .3s ease;
}
.cs-thumb-text:hover {
	opacity: 1;
}
.cs-thumb-text-container {
	position: relative;
}
.cs-thumb-title {
	font-weight: 900;
	font-size: 3rem;
	line-height: 1;
	color: #ffffff;
	margin: 0;
	padding-bottom: .5rem;
}
.cs-category-container {
	width: fit-content;
}
.cs-thumb-category {
	font-weight: 400;
	font-size: 1.5rem;
	color: #ffffff;
	background: transparent;
	border: .125rem solid #ffffff;
	padding: .25rem .75rem;
	border-radius: 2rem;
	margin: 0 .5rem 0 0;
}
.cs-thumb-category:last-child {
	margin: 0;
}
/********************************************************
6. Services
********************************************************/
.accordion {
	--bs-accordion-border-color: none;
	--bs-accordion-bg: none;
}
.cs-service-item {
	border-bottom: .125rem solid #ffffff !important;
	margin-bottom: 2rem;
}
.cs-service-item:last-child {
	margin-bottom: 0;
}
.accordion-button {
	padding: 0 0 .5rem;
}
.accordion-button::after {
	width: auto;
	height: auto;
	font-family: 'Font Awesome 7 free';
	font-weight: 900;
	font-size: 2rem;
	content: '\f077';
	color: #ff2600;
	background-image: none !important;
}
.accordion-button:not(.collapsed) {
	background: none !important;
}
.accordion-button:focus {
	box-shadow: none;
}
.cs-service-title {
	font-weight: 700;
	font-size: 6rem;
	line-height: 1;
	color: #98b3b3;
	margin: 0 0 1rem;
}
.accordion-body {
	padding: 2rem 0;
}
.cs-service-main-text p {
	font-weight: 600;
	font-size: 2.5rem;
	color: #ffffff;
	margin: 0;
}
.cs-include-row {
	margin-top: 2rem;
}
.cs-include-text {
	font-weight: 600;
	font-size: 2rem;
	color: #98b3b3;
	margin: 0;
}
.cs-includes-items-row {
	margin-top: 1rem;
}
.cs-include-title {
	font-weight: 600;
	font-size: 2rem;
	color: #ff2600;
	margin: 0 0 .5rem;
}
.cs-include-description  {
	font-size: 1.75rem;
	color: #ffffff;
	margin: 0;
}
/********************************************************
7. Testimonials
********************************************************/
.cs-testimonial-text {
	background-image: url(assets/images/quotes-left.svg), url(assets/images/quotes-right.svg);
	background-repeat: no-repeat;
	background-size: 6rem;
	background-position: top left 0, bottom right 0;
	margin-bottom: 2rem;
}
.cs-testimonial-text p {
	font-weight: 600;
	font-size: 3rem;
	margin: 0;
}
.cs-customer-img {
	width: 5.5rem;
	border-radius: 50%;
	border: .25rem solid #ffffff;
	background-color: #ffffff;
	margin-right: 1.5rem;
}
.cs-customer-user {
	font-weight: 700;
	font-size: 1.5rem;
	margin: 0 0 .25rem;
}
.cs-customer-business {
	font-size: 1rem;
	margin: 0;
}
.carousel-control-prev, .carousel-control-next {
	width: 8.33333333%;
	opacity: .66;
	transition: all .3s ease;
}
.carousel-control-prev:hover, .carousel-control-next:hover {
	opacity: 1;
}
.carousel-control-prev-icon, .carousel-control-next-icon {
	width: 3rem;
	height: 3rem;
	background: none;
}
.carousel-control-prev-icon::after, .carousel-control-next-icon::after {
	font-family: 'Font Awesome 7 free';
	font-weight: 900;
	content: '\f053';
	color: #ff2600;
	font-size: 3rem;
}
.carousel-control-next-icon::after {
	content: '\f054';
}
/********************************************************
8. Budgets
********************************************************/
.budgets-text {
	font-weight: 500;
	font-size: 12rem;
	line-height: 1;
	color: #ffffff;
	text-align: center;
	margin: 0 0 6rem;
}
/********************************************************
9. Page - Resume CV
********************************************************/
.cs-resume-cv-title-row, .cs-resume-cv-row {
	margin-bottom: 4rem;
}
.cs-resume-title-row {
	order: 1;
}
.cs-resume-title h3 {
	font-weight: 900;
	font-size: 8rem;
	line-height: .8125;
	color: #ff2600;
	margin-bottom: 2rem;
}
.cs-resume-title h4 {
	font-size: 3rem;
	line-height: 1;
	margin: 0;
}
.cs-resume-title h4 span {
	color: #ffffff;
}
.cs-resume-img-box {
	order: 2;
}
.cs-resume-profile, .cs-resume-education, .cs-resume-technicals, .cs-resume-soft {
	margin-bottom: 2rem;
}
.cs-resume-languages, .cs-resume-experience {
	margin-bottom: 0;
}
.cs-resume-profile-title, .cs-resume-education-title, .cs-resume-experience-title, 
.cs-resume-technicals-title, .cs-resume-soft-title, .cs-resume-languages-title {
	font-weight: 700;
	font-size: 3rem;
	color: #ff2600;
	margin-bottom: .5rem;
}
.cs-resume-technicals-title, .cs-resume-soft-title, .cs-resume-languages-title {
	font-size: 2.5rem;
}
.cs-resume-profile p {
	font-size: 1.5rem;
	margin-bottom: 1.5rem;
}
.cs-resume-profile p:last-of-type {
	margin-bottom: 0;
}
.cs-edu-title {
	font-weight: 700;
	font-size: 2rem;
	margin: 0 0 .5rem;
}
.cs-edu-text{
	font-size: 1.25rem;
	margin: 0 0 .5rem;
}
.cs-edu-date {
	font-weight: 600;
	font-size: 1.5rem;
	margin: 0 0 .5rem;
}
.cs-tech-title {
	font-weight: 700;
	font-size: 1.5rem;
	color: #98b3b3;
	margin: 0;
}
.cs-tech-text, .cs-soft-text, .cs-lang-text {
	font-size: 1.5rem;
	margin: 0 0 .75rem;
}
.cs-tech-text:last-of-type {
	margin: 0;
}
.cs-soft-text, .cs-lang-text {
	margin: 0;
}
.cs-lang-text span {
	font-weight: 600;
}
.cs-work-group {
	margin-bottom: 2rem;
}
.cs-work-group:last-of-type {
	margin-bottom: 0;
}
.cs-exp-title {
	font-weight: 700;
	font-size: 2rem;
	margin: 0 0 .5rem;
}
.cs-exp-title span {
	font-weight: 400;
}
.cs-exp-charge, .cs-exp-date {
	font-style: italic;
	font-size: 1.75rem;
	color: #98b3b3;
	margin: 0 0 .5rem;
}
.cs-exp-date {
	font-weight: 600;
	font-size: 1.5rem;
}
.cs-exp-text {
	font-size: 1.5rem;
	margin: 0 0 .5rem;
}
.cs-resume-experience ul {
	margin: 0;
}
.cs-exp-text li::marker {
	color: #ff2600;
}
/********************************************************
10. Page - Single
********************************************************/
.cs-project-text, .cs-project-location {
	margin-bottom: 2rem;
}
.cs-project-text p {
	font-size: 2rem;
	margin-bottom: 0;
}
.cs-project-text p a {
	text-decoration: none;
	color: #98b3b3;
	transition: all .3s ease;
}
.cs-project-text p a:hover, .cs-project-text p a:focus, .cs-project-text p a:active {
	text-decoration: underline;
	color:#ff2600;
}
.cs-project-location-title, .cs-project-year-title {
	font-weight: 600;
	font-size: 2rem;
	color: #ff2600;
	margin-bottom: .5rem;
}
.cs-project-location p, .cs-project-year p {
	font-weight: 900;
	font-size: 2rem;
	margin: 0;
}
.cs-project-year {
	margin-bottom: 6rem;
}
.cs-project-tags {
	font-weight: 900;
	font-size: 2rem;
	color: #98b3b3;
	margin: 0;
}
.cs-project-tags ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.cs-project-gallery figure {
	margin: 0 0 1.5rem;
}
.cs-project-gallery figure:last-of-type {
	margin: 0;
}
.cs-project-gallery figure img, .cs-project-gallery figure video {
	width: 100%;
	height: auto;
	border-radius: 1rem 1rem 0 0;
	vertical-align: middle;
}
.cs-project-gallery figure figcaption {
	font-weight: 600;
	font-size: 1.25rem;
	background: #ffffff;
	color: #0b0d0d;
	border-radius: 0 0 1rem 1rem;
	margin: 0;
	padding: .25rem 1rem;
}
/********************************************************
11. Page - Only Text
********************************************************/
.cs-only-text p {
	font-size: 1.25rem;
	margin-bottom: 1rem;
}
.cs-only-text strong {
	font-weight: 700;
}
.cs-only-text a {
	font-weight: 600;
	color: #98b3b3;
	transition: all .3s ease;
}
.cs-only-text a:hover {
	color: #ff2600;
}
.cs-only-text h3 {
	font-weight: 600;
	font-size: 2.5rem;
	color: #ff2600;
	margin-bottom: 1rem;
}
.cs-only-text ul {
	font-weight: 600;
	font-size: 1.5rem;
	margin-bottom: 1rem;
}
.cs-only-text ul li::marker {
	color: #98b3b3;
}
.cs-only-text hr {
	border-top: .125rem solid #98b3b3;
	opacity: 1;
	margin: 0 0 1rem;
}
.cs-only-text .cs-disclamer {
	font-weight: 900;
	font-size: 1.5rem;
	margin-bottom: 1rem;
}
.cs-only-text .cs-updated {
	font-weight: 900;
	font-size: 2rem;
	color: #98b3b3;
	margin: 0;
}
.cs-only-text h5 {
	font-weight: 600;
	font-size: 1.75rem;
	color: #98b3b3;
	margin-bottom: 1rem;
}
.cs-only-text .cs-fees-title {
	font-size: 1.5rem;
}
.cs-only-text .cs-fees-title strong, .cs-only-text .cs-fees-list strong {
	color: #ff2600;
}
.cs-only-text .cs-fees-list {
	font-weight: 500;
	font-size: 1.25rem;
}
.cs-only-text h4 {
	font-weight: 700;
	font-size: 2rem;
	color: #ff2600;
	margin-bottom: 1rem;
}
.cs-only-text .cs-pay-methods {
	font-weight: 900;
	font-size: 2rem;
}
.cs-only-text .cs-imp-notes {
	font-size: 1rem;
}
.cs-only-text .cs-imp-notes span {
	font-weight: 700;
	color: #ff2600;
}
.cs-only-text sup {
	color: #ff2600;
}
.cs-only-text .cs-notes-title {
	font-weight: 700;
	font-size: 1.5rem;
	color: #ff2600;
}
/********************************************************
12. Page - Forms
********************************************************/
.cs-forms-intro p {
	font-weight: 500;
	font-size: 2rem;
	margin-bottom: 4rem;
}
.cs-forms-title {
	font-weight: 700;
	font-size: 2.5rem;
	color: #ff2600;
	margin-bottom: 2rem;
}
.cs-forms-section {
	margin-bottom: 3rem;
}
.cs-forms-fields {
	margin: 0;
}
.cs-forms-text {
	font-weight: 700;
	font-size: 2rem;
	color: #ffffff;
	margin-bottom: .5rem !important;
}
.cs-forms-line {
	border-bottom: .125rem solid #98b3b3;
}
.cs-forms-input, .cs-forms-textarea {
	width: 100%;
	font-weight: 600;
	font-size: 1.625rem;
	line-height: inherit;
	color: #ffffff;
	background: transparent !important;
	border: none;
	margin: 0 0 .5rem .5rem !important;
	padding: 0;
}
.cs-forms-input::placeholder, .cs-forms-textarea::placeholder {
	color: #98b3b3;
	opacity: .75;
	text-overflow: ellipsis;
}
.cs-forms-input:focus-visible, .cs-forms-textarea:focus-visible {
	outline: none;
}
.cs-forms-span {
	font-size: 1.375rem;
	color: #98b3b3;
	margin-bottom: .75rem !important;
}
.cs-forms-check-btn {
	font-weight: 700;
	font-size: 1.625rem;
	color: #ffffff;
}
/*** 12. intlTelInput **********************************/
.iti--separate-dial-code {
  width: 100%;
  margin: 0 0 .5rem .5rem;
  padding: 0;
}
.iti__flag-container {
  padding: 0;
}
.iti__selected-flag {
	width: 5.5rem;
	padding: 0;
}
.iti__selected-flag:focus-visible {
	outline: none;
}
.iti__selected-dial-code {
	font-weight: 600;
	font-size: 1.625rem;
}
.iti__arrow {
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid #ffffff;
	transition: all .3s ease;
}
.iti__arrow--up {
	border-top: none;
	border-bottom: 6px solid #ffffff;
	transition: all .3s ease;
}
.iti__country-list {
	background: #0b0d0d;
	box-shadow: none;
	border: none;
	color: #ffffff;
	font-size: 1.25rem;
	font-weight: 600;
}
.iti__dial-code {
	color: #98b3b3;
}
.iti input[type="tel"] {
	padding-left: 5.5rem !important;
}
/********************************************************
19. Responsive Media Queries
********************************************************/
@media screen and (max-width: 1399px) {
/* 0. General */
.cs-main-title {
	font-size: 5.375rem;
}
.cs-cta-btn {
	font-size: 1.75rem;
}
.big-btn {
	font-size: 3.5rem;
}
/* 2. Footer */
.cs-contact {
	font-size: 2.625rem;
}
.cs-social-title {
	font-size: 1.875rem;
	margin-bottom: 1.375rem;
}
.cs-social-link {
	font-size: 3.75rem;
	margin-right: 1.875rem;
}
/* 4. About */
.cs-about-text p {
    font-size: 2.75rem;
	margin:  0 0 2.75rem;
}
.cs-milestone-title {
	font-size: 1.375rem;
}
.cs-milestone-text {
	font-size: 5.5rem;
}
.cs-customer-title {
	font-size: 1.875rem;
	margin-bottom: 2.75rem;
}
.cs-logo-box {
	margin-bottom: 1.375rem;
}
.cs-logo-thumb {
	height: 3.5rem;
}
/* 5. Projects */
.cs-project-thumb img {
	height:22.25rem;
}
.cs-thumb-title {
	font-size: 2.5625rem;
}
.cs-thumb-category {
	font-size: 1.25rem;
}
/* 6. Services */
.accordion-button::after {
	font-size: clamp(1rem, 0.7034rem + 1.4829vw, 2rem);
}
.cs-service-title {
	font-size: 5.25rem;
}
.cs-service-main-text p {
	font-size: 2.125rem;
}
.cs-include-text, .cs-include-title {
	font-size: 1.875rem;
}
.cs-include-description  {
	font-size: 1.5rem;
}
/* 7. Testimonials */
.cs-testimonial-text {
	background-size: 5.5rem;
}
.cs-testimonial-text p {
	font-size: 2.5625rem;
}
.cs-customer-img {
	width: 5rem;
	margin-right: 1.25rem;
}
.cs-customer-user {
	font-size: 1.25rem;
	margin: 0 0 .1875rem;
}
.cs-customer-business {
	font-size: .875rem;
}
.carousel-control-prev-icon, .carousel-control-next-icon {
	width: clamp(1.5rem, 1.0551rem + 2.2243vw, 3rem);
	height: clamp(1.5rem, 1.0551rem + 2.2243vw, 3rem);
}
.carousel-control-prev-icon::after, .carousel-control-next-icon::after {
	font-size: clamp(1.5rem, 1.0551rem + 2.2243vw, 3rem);
}
/* 8. Budgets */
.budgets-text {
	font-size: 10rem;
	margin: 0 0 5rem;
}
/* 9. Page - Resume CV */
.cs-resume-title h3 {
	font-size: 7.25rem;
	margin-bottom: 1.75rem;
}
.cs-resume-title h4 {
	font-size: 2.75rem;
}
.cs-resume-profile-title, .cs-resume-education-title, .cs-resume-experience-title, 
.cs-resume-technicals-title, .cs-resume-soft-title, .cs-resume-languages-title {
	font-size: 2.625rem;
}
.cs-resume-technicals-title, .cs-resume-soft-title, .cs-resume-languages-title {
	font-size: 2.25rem;
}
.cs-resume-profile p {
	font-size: 1.3125rem;
	margin-bottom: 1.3125rem;
}
.cs-edu-title, .cs-exp-title {
	font-size: 1.8125rem;
}
.cs-edu-text{
	font-size: 1.0625rem;
}
.cs-edu-date, .cs-tech-title, .cs-tech-text, .cs-soft-text, 
.cs-lang-text, .cs-exp-date, .cs-exp-text {
	font-size: 1.3125rem;
}
.cs-exp-charge {
	font-size: 1.5625rem;
}
/* 10. Page - Single */
.cs-project-text p, .cs-project-location-title, 
.cs-project-year-title, .cs-project-location p, 
.cs-project-year p, .cs-project-tags {
	font-size: 1.8125rem;
}
.cs-project-gallery figure figcaption {
	font-size: 1.125rem;
}
/* 11. Page - Only Text */
/* 12. Page - Forms */
/* 13. Contact Form 7 */
/* 14. Drag and Drop Multiple File Upload for Contact Form 7 */
/* 15. Country & Phone Field Contact Form 7 */
/* 16. Page - 404 */
/* 17. Page - link in Bio */
/* 18. Page - Maintenance */
}
@media screen and (max-width: 1199px) {
/* 0. General */
.cs-main-title {
	font-size: 4.875rem;
}
.cs-cta-btn {
	font-size: 1.625rem;
}
.big-btn {
	font-size: 3.25rem;
}
/* 2. Footer */
.cs-contact {
	font-size: 2.125rem;
}
.navbar-brand img, .cs-tagline {
	width: 16.25rem;
}
.cs-social-title {
	font-size: 1.75rem;
	margin-bottom: 1.25rem;
}
.cs-social-link {
	font-size: 3.5rem;
	margin-right: 1.75rem;
}
/* 3. Slider-Banners */
.cs-slider-banner-text {
	font-size: 13rem;
}
/* 4. About */
.cs-about-text p {
    font-size: 2.375rem;
	margin:  0 0 2.375rem;
}
.cs-milestone-title {
	font-size: 1.25rem;
}
.cs-milestone-text {
	font-size: 5.125rem;
}
.cs-customer-title {
	font-size: 1.75rem;
	margin-bottom: 2.5rem;
}
.cs-logo-box {
	margin-bottom: 1.25rem;
}
.cs-logo-thumb {
	height: 3.25rem;
}
/* 5. Projects */
.cs-project-thumb img {
	height: 18.5rem;
}
.cs-thumb-title {
	font-size: 2.0625rem;
}
.cs-thumb-category {
	font-size: 1.0625rem;
}
/* 6. Services */
.cs-service-title {
	font-size: 4.375rem;
}
.cs-service-main-text p {
	font-size: 1.875rem;
}
.cs-include-text, .cs-include-title {
	font-size: 1.625rem;
}
.cs-include-description  {
	font-size: 1.25rem;
}
/* 7. Testimonials */
.cs-testimonial-text {
	background-size: 4.75rem;
}
.cs-testimonial-text p {
	font-size: 2.125rem;
}
.cs-customer-img {
	width: 4.5rem;
	border: .1875rem solid #ffffff;
	margin-right: 1.125rem;
}
.cs-customer-user {
	font-size: 1.1875rem;
	margin: 0 0 .125rem;
}
.cs-customer-business {
	font-size: .875rem;
}
/* 8. Budgets */
.budgets-text {
	font-size: 9rem;
	margin: 0 0 4.5rem;
}
/* 9. Page - Resume CV */
.cs-resume-title h3 {
	font-size: 6.25rem;
	margin-bottom: 1.5rem;
}
.cs-resume-title h4 {
	font-size: 2.3125rem;
}
.cs-resume-profile-title, .cs-resume-education-title, .cs-resume-experience-title, 
.cs-resume-technicals-title, .cs-resume-soft-title, .cs-resume-languages-title {
	font-size: 2.25rem;
}
.cs-resume-technicals-title, .cs-resume-soft-title, .cs-resume-languages-title {
	font-size: 1.875rem;
}
.cs-resume-profile p {
	font-size: 1.125rem;
	margin-bottom: 1.125rem;
}
.cs-edu-title, .cs-exp-title {
	font-size: 1.625rem;
}
.cs-edu-text{
	font-size: .875rem;
}
.cs-edu-date, .cs-tech-title, .cs-tech-text, .cs-soft-text, 
.cs-lang-text, .cs-exp-date, .cs-exp-text {
	font-size: 1.125rem;
}
.cs-exp-charge {
	font-size: 1.3125rem;
}
/* 10. Page - Single */
.cs-project-text p, .cs-project-location-title, 
.cs-project-year-title, .cs-project-location p, 
.cs-project-year p, .cs-project-tags {
	font-size: 1.5rem;
}
.cs-project-gallery figure figcaption {
	font-size: 1rem;
}
/* 11. Page - Only Text */
/* 12. Page - Forms */
/* 13. Contact Form 7 */
/* 14. Drag and Drop Multiple File Upload for Contact Form 7 */
/* 15. Country & Phone Field Contact Form 7 */
/* 16. Page - 404 */
/* 17. Page - link in Bio */
/* 18. Page - Maintenance */
}
@media screen and (max-width: 991px) {
/* 0. General */
.cs-main-title {
	line-height: 1;
}
.big-btn {
	font-size: 2.625rem;
	padding: .75rem 1.5rem;
}
/* 1. Menu Bar */
.nav-item {
	margin: .75rem 0 0;
}
.nav-link {
	text-align: end;
}
/* 2. Footer */
.cs-contact-bar, .cs-social-bar {
	padding: 5rem 0;
}
.cs-contact-title-container .cs-main-title, .cs-social {
	margin-bottom: 3rem;
}
.cs-tagline-container {
    order: 2;
}
.cs-social {
    order: 1;
}
.cs-copyright-container {
	margin-bottom: .5rem;
}
/* 3. Slider-Banners */
.cs-slider-banner-text {
	font-size: 10rem;
}
/* 4. About */
.cs-about-text-container {
	order: 2;
	text-align: center;
}
.cs-about-text p {
    font-size: 2.125rem;
	margin:  0 0 2.125rem;
}
.cs-about-img-box {
    order: 1;
	margin: 0 auto 3rem;
}
.cs-milestone-title, .cs-milestone-text, .cs-customer-title {
	text-align: center;
}
.cs-logo-box {
	margin-bottom: 1.125rem;
}
.cs-logo-thumb {
	height: 3rem;
}
/* 5. Projects */
.destacado {
	width: 100%;
}
.cs-project-thumb img {
	height: 21rem;
}
.cs-thumb-title {
	font-size: 2.375rem;
}
.cs-thumb-category {
	font-size: 1.1875rem;
}
/* 6. Services */
.cs-service-title {
	font-size: 3.625rem;
}
.cs-service-main-text p {
	font-size: 1.625rem;
}
.cs-includes-items-row .col-lg-4 {
	margin-bottom: 1rem;
}
.cs-includes-items-row .col-lg-4:last-of-type {
	margin-bottom: 0;
}
.cs-include-text, .cs-include-title {
	font-size: 1.5rem;
}
.cs-include-description  {
	font-size: 1.125rem;
}
/* 7. Testimonials */
.cs-testimonial-text {
	background-size: 3.5rem;
}
.cs-testimonial-text p {
	font-size: 1.625rem;
}
/* 8. Budgets */
.budgets-text {
	font-size: 6rem;
	margin: 0 0 3rem;
}
/* 9. Page - Resume CV */
.cs-resume-title-row {
	order: 2;
	justify-content: center;
}
.cs-resume-title h3 {
	font-size: 6rem;
	margin-bottom: 1.375rem;
	text-align: center;
}
.cs-resume-title h3 br {
	display: none;
}
.cs-resume-title h4 {
	font-size: 2.125rem;
	text-align: center;
}
.cs-resume-img-box {
	order: 1;
	margin: 0 auto 3rem;
}
.cs-resume-languages {
	margin-bottom: 2rem;
}
/* 10. Page - Single */
.cs-project-year, .cs-project-tags {
  margin-bottom: 2rem;
}
/* 11. Page - Only Text */
/* 12. Page - Forms */
/* 13. Contact Form 7 */
/* 14. Drag and Drop Multiple File Upload for Contact Form 7 */
/* 15. Country & Phone Field Contact Form 7 */
/* 16. Page - 404 */
/* 17. Page - link in Bio */
/* 18. Page - Maintenance */
}
@media screen and (max-width: 767px) {
/* 0. General */
.cs-cta-btn {
	font-size: 1.5rem;
	border: .1875rem solid #ff2600;
}
.big-btn {
	font-size: 2.125rem;
	padding: .625rem 1.25rem;
}
/* 2. Footer */
.cs-contact-title-container .cs-main-title, .cs-social {
	margin-bottom: 2.5rem;
}
/* 3. Slider-Banners */
.cs-slider-banner-text {
	font-size: 7.25rem;
}
/* 4. About */
.cs-about-text p {
    font-size: 2rem;
	margin:  0 0 2rem;
}
.cs-about-img-box {
	margin: 0 auto 2.5rem;
}
.cs-logo-box:nth-of-type(n+5) {
	margin-bottom: 1.125rem;
}
.cs-logo-box:nth-of-type(n+7) {
	margin-bottom: 0;
}
/* 5. Projects */
.cs-project-thumb img {
	height: 15.375rem;
}
.cs-thumb-title {
	font-size: 1.625rem;
}
.cs-thumb-category {
	font-size: .875rem;
}
/* 6. Services */
.cs-service-title {
	font-size: 2.75rem;
}
.cs-service-main-text p {
	font-size: 1.375rem;
}
.cs-include-text, .cs-include-title {
	font-size: 1.25rem;
}
.cs-include-description  {
	font-size: 1.0625rem;
}
/* 7. Testimonials */
.cs-testimonial-text {
	background-size: 3rem;
}
.cs-testimonial-text p {
	font-size: 1.375rem;
}
.cs-customer-img {
	width: 4rem;
	border: .125rem solid #ffffff;
	margin-right: 1rem;
}
.cs-customer-user {
	font-size: 1.125rem;
}
.cs-customer-business {
	font-size: .8125rem;
}
/* 8. Budgets */
.budgets-text {
	font-size: 4.75rem;
	margin: 0 0 2.375rem;
}
/* 9. Page - Resume CV */
.cs-resume-title h3 {
	font-size: 4.5rem;
	margin-bottom: 1.25rem;
}
.cs-resume-title h4 {
	font-size: 1.875rem;
}
.cs-resume-profile-title, .cs-resume-education-title, .cs-resume-experience-title, 
.cs-resume-technicals-title, .cs-resume-soft-title, .cs-resume-languages-title {
	font-size: 2.125rem;
}
.cs-resume-technicals-title, .cs-resume-soft-title, .cs-resume-languages-title {
	font-size: 1.75rem;
}
.cs-resume-profile p {
	font-size: 1.0625rem;
	margin-bottom: 1.0625rem;
}
.cs-edu-title, .cs-exp-title {
	font-size: 1.5625rem;
}
.cs-edu-date, .cs-tech-title, .cs-tech-text, .cs-soft-text, 
.cs-lang-text, .cs-exp-date, .cs-exp-text {
	font-size: 1.0625rem;
}
.cs-exp-charge {
	font-size: 1.25rem;
}
/* 10. Page - Single */
.cs-project-text p, .cs-project-location-title, 
.cs-project-year-title, .cs-project-location p, 
.cs-project-year p, .cs-project-tags {
	font-size: 1.375rem;
}
.cs-project-gallery figure figcaption {
	font-size: .875rem;
}
/* 11. Page - Only Text */
/* 12. Page - Forms */
/* 13. Contact Form 7 */
/* 14. Drag and Drop Multiple File Upload for Contact Form 7 */
/* 15. Country & Phone Field Contact Form 7 */
/* 16. Page - 404 */
/* 17. Page - link in Bio */
/* 18. Page - Maintenance */
}
@media screen and (max-width: 575px) {
/* 0. General */
.cs-main-title {
	font-size: clamp(3rem, 0.6471rem + 11.7647vw, 4.875rem);
}
.cs-cta-btn {
	font-size: clamp(1.125rem, 0.8113rem + 1.5686vw, 1.375rem);
	border: .125rem solid #ff2600;
}
.big-btn {
	font-size: clamp(1.625rem, 1.5509rem + 0.3707vw, 1.875rem);
	padding: .5rem 1rem;
}
/* 2. Footer */
.cs-contact-bar, .cs-social-bar {
	padding: clamp(4rem, 2.7451rem + 6.2745vw, 5rem) 0;
}
.cs-contact-title-container .cs-main-title, .cs-social {
	margin-bottom: 2rem;
}
.cs-contact {
	font-size: clamp(1.3125rem, 0.2929rem + 5.098vw, 2.125rem);
}
.navbar-brand img, .cs-tagline {
	width: clamp(10rem, 2.1569rem + 39.2157vw, 16.25rem);
}
.cs-social-title {
	font-size: clamp(1.25rem, 0.6225rem + 3.1373vw, 1.75rem);
	margin-bottom: clamp(0.75rem, 0.1225rem + 3.1373vw, 1.25rem);
}
.cs-social-link {
	font-size: clamp(2.5rem, 1.2451rem + 6.2745vw, 3.5rem);
	margin-right: clamp(1.25rem, 0.6225rem + 3.1373vw, 1.75rem);
}
.cs-footer-bar {
	padding: clamp(1rem, 0.3725rem + 3.1373vw, 1.5rem) 0;
}
.cs-copyright, .cs-terms-pol-links a {
	font-size: clamp(0.5625rem, 0.3272rem + 1.1765vw, 0.75rem);
}
/* 3. Slider-Banners */
.cs-slider-banner-text {
	font-size: clamp(4.125rem, 0.2034rem + 19.6078vw, 7.25rem);
}
/* 4. About */
.cs-about-text p {
    font-size: clamp(1.25rem, 0.3088rem + 4.7059vw, 2rem);
	margin:  0 0 clamp(1.25rem, 0.3088rem + 4.7059vw, 2rem);
}
.cs-about-img-box {
	margin: 0 auto clamp(1.75rem, 0.8088rem + 4.7059vw, 2.5rem);
}
.cs-milestone-title {
	font-size: clamp(0.75rem, 0.1225rem + 3.1373vw, 1.25rem);
}
.cs-milestone-text {
	font-size: clamp(3rem, 0.3333rem + 13.3333vw, 5.125rem);
}
.cs-customer-title {
	font-size: clamp(1.375rem, 0.9044rem + 2.3529vw, 1.75rem);
	margin-bottom: clamp(1.5rem, 0.2451rem + 6.2745vw, 2.5rem);
}
.cs-logo-box {
	margin-bottom: clamp(1rem, 0.8431rem + 0.7843vw, 1.125rem);
}
.cs-logo-thumb {
	height: clamp(2.25rem, 1.3088rem + 4.7059vw, 3rem);
}
/* 5. Projects */
.cs-project-thumb img {
	height: clamp(15.375rem, 22.4216rem + -19.6078vw, 18.5rem);
}
.cs-thumb-title {
	font-size: 2.0625rem;
}
.cs-thumb-category {
	font-size: 1rem;
}
/* 6. Services */
.cs-service-title {
	font-size: clamp(1.75rem, 0.4951rem + 6.2745vw, 2.75rem);
}
.cs-service-main-text p {
	font-size: clamp(1.125rem, 0.8113rem + 1.5686vw, 1.375rem);
}
.cs-include-text, .cs-include-title {
	font-size: clamp(1rem, 0.6863rem + 1.5686vw, 1.25rem);
}
.cs-include-description  {
	font-size: clamp(1rem, 0.9216rem + 0.3922vw, 1.0625rem);
}
/* 7. Testimonials */
.cs-testimonial-text {
	background-size: clamp(2.5rem, 1.8725rem + 3.1373vw, 3rem);
}
.cs-testimonial-text p {
	font-size: clamp(1.0625rem, 0.6703rem + 1.9608vw, 1.375rem);
}
.cs-customer-img {
	width: 3.5rem;
	margin-right: .75rem;
}
.cs-customer-user {
	font-size: 1rem;
}
.cs-customer-business {
	font-size: .75rem;
}
/* 8. Budgets */
.budgets-text {
	font-size: clamp(2.75rem, 2.1569rem + 2.9657vw, 4.75rem);
	margin: 0 0 clamp(1.375rem, 1.0784rem + 1.4829vw, 2.375rem);
}
/* 9. Page - Resume CV */
.cs-resume-title h3 {
	font-size: clamp(2.5rem, -0.0098rem + 12.549vw, 4.5rem);
	margin-bottom: clamp(1.125rem, 0.9681rem + 0.7843vw, 1.25rem);
}
.cs-resume-title h4 {
	font-size: clamp(1.125rem, 0.1838rem + 4.7059vw, 1.875rem);
}
.cs-resume-profile-title, .cs-resume-education-title, .cs-resume-experience-title, 
.cs-resume-technicals-title, .cs-resume-soft-title, .cs-resume-languages-title {
	font-size: clamp(1.625rem, 0.9975rem + 3.1373vw, 2.125rem);
}
.cs-resume-technicals-title, .cs-resume-soft-title, .cs-resume-languages-title {
	font-size: clamp(1.375rem, 0.9044rem + 2.3529vw, 1.75rem);
}
.cs-resume-profile p {
	font-size: clamp(0.875rem, 0.6397rem + 1.1765vw, 1.0625rem);
	margin-bottom: clamp(0.875rem, 0.6397rem + 1.1765vw, 1.0625rem);
}
.cs-edu-title, .cs-exp-title {
	font-size: clamp(1.375rem, 1.1397rem + 1.1765vw, 1.5625rem);
}
.cs-edu-text{
	font-size: clamp(0.75rem, 0.5931rem + 0.7843vw, 0.875rem);
}
.cs-edu-date, .cs-tech-title, .cs-tech-text, .cs-soft-text, 
.cs-lang-text, .cs-exp-date, .cs-exp-text {
	font-size: clamp(0.875rem, 0.6397rem + 1.1765vw, 1.0625rem);
}
.cs-exp-charge {
	font-size: clamp(1.0625rem, 0.8272rem + 1.1765vw, 1.25rem);
}
/* 10. Page - Single */
.cs-project-text p, .cs-project-location-title, 
.cs-project-year-title, .cs-project-location p, 
.cs-project-year p, .cs-project-tags {
	font-size: clamp(1.125rem, 0.8113rem + 1.5686vw, 1.375rem);
}
.cs-project-gallery figure figcaption {
	font-size: clamp(0.75rem, 0.5931rem + 0.7843vw, 0.875rem);
}
/* 11. Page - Only Text */
/* 12. Page - Forms */
/* 13. Contact Form 7 */
/* 14. Drag and Drop Multiple File Upload for Contact Form 7 */
/* 15. Country & Phone Field Contact Form 7 */
/* 16. Page - 404 */
/* 17. Page - link in Bio */
/* 18. Page - Maintenance */
}