@font-face { font-family: 'Samsung Sharp Sans'; font-style: normal; font-weight: 300; src: local("Samsung Sharp Sans Regular"), url("../fonts/Samsung Sharp/samsungsharpsans.woff") format("woff"); }

@font-face { font-family: 'Samsung Sharp Sans'; font-style: normal; font-weight: 400; src: local("Samsung Sharp Sans Medium"), url("../fonts/Samsung Sharp/samsungsharpsans-medium.woff") format("woff"); }

@font-face { font-family: 'Samsung Sharp Sans'; font-style: normal; font-weight: 600; src: local("Samsung Sharp Sans Bold"), url("../fonts/Samsung Sharp/samsungsharpsans-bold.woff") format("woff"); }

@font-face { font-family: 'Gilroy'; font-style: normal; font-weight: 300; src: local("Gilroy Light"), url("../fonts/Gilroy/gilroy-light.woff") format("woff"); }

@font-face { font-family: 'Gilroy'; font-style: normal; font-weight: 400; src: local("Gilroy Regular"), url("../fonts/Gilroy/gilroy-regular.woff") format("woff"); }

@font-face { font-family: 'Gilroy'; font-style: normal; font-weight: 500; src: local("Gilroy Medium"), url("../fonts/Gilroy/gilroy-medium.woff") format("woff"); }

@font-face { font-family: 'Gilroy'; font-style: normal; font-weight: 600; src: local("Gilroy Bold"), url("../fonts/Gilroy/gilroy-bold.woff") format("woff"); }

/* Variables */
body { color: #362a50; font-family: 'Gilroy'; font-size: 18px; font-weight: 500; }

/* Buttons  */
.btn.btn-primary { color: white; background-color: #362a50; border-color: #362a50; }

.btn.btn-primary:hover { opacity: 0.7; }

/* Headers */
span.highlight { background-color: #ffbd3b; padding-left: 10px; padding-right: 10px; }

h1 { font-family: 'Samsung Sharp Sans'; font-weight: 600; font-size: 60px; line-height: 90px; }

h2 { font-family: 'Samsung Sharp Sans'; font-weight: 600; font-size: 45px; line-height: 65px; }

h5 { font-family: 'Gilroy'; font-weight: 600; font-size: 22px; }

.tagline-dark { font-size: 20px; font-weight: 600; font-family: 'Gilroy'; }

/* Text Utils */
.text-primary { color: #362a50 !important; }

.text-secondary { color: #797979 !important; }

.fw-500 { font-weight: 500 !important; }

.fw-600 { font-weight: 600 !important; }

/** Navigation */
.navbar .navbar-nav li.nav-item { margin-right: 35px; }

.navbar .navbar-nav li.nav-item a.nav-link { font-size: 17px; color: #362a50; }

.navbar .navbar-nav li.nav-item a.nav-link:hover { color: #ffbd3b; text-decoration: underline; }

/** Section */
.section { padding-top: 70px; padding-bottom: 70px; }

.section h2 { margin-bottom: 70px; }

.section .side-image { width: 80%; }

/** Hero */
section.hero .content { margin-top: 160px; margin-bottom: 160px; }

section.hero .tagline { font-size: 18px; }

section.hero .contact-btn { margin-top: 25px; font-weight: 500; font-size: 22px; }

.hero.home-hero { background: url("../images/backgrounds/hero.png"); background-repeat: no-repeat; background-size: 70%; background-position-x: right; }

section.services { background: #362a50 url("../images/backgrounds/services.png"); }

section.services .service-card:hover { background-color: #fff6e5; cursor: pointer; }

section.services .service-card img { margin-top: 30px; margin-bottom: 40px; }

section.services .service-card h5 { margin-bottom: 25px; }

section.services .service-card p.card-text { font-family: 'Gilroy'; font-weight: 500; font-size: 15px; }

section.about { padding-top: 100px; padding-bottom: 100px; background: url("../images/backgrounds/about-right.png") no-repeat center right/10%, url("../images/backgrounds/about-left.png") no-repeat bottom left/12%; }

section.about i.las { font-size: 35px; margin-right: 15px; }

section.work { background: url("../images/backgrounds/work-right.png") no-repeat center right/15%, url("../images/backgrounds/work-left.png") no-repeat bottom left/20%; background-color: #fff6e4; }

section.work .portfolio-card { border-radius: 0px; }

section.work .portfolio-card img { border-radius: 0px; }

section.work .portfolio-card .card-body { border-top: solid 2px #ffbd3b; }

section.work .portfolio-card .card-body .card-text { font-size: 18px; }

section.work .portfolio-card .card-footer { background-color: transparent; border: none; }

section.work .portfolio-card .card-footer a { color: #db960e; text-decoration: none; font-weight: 600; }

section.work .portfolio-card .card-footer a:hover { text-decoration: underline; }

section.testimonial { background-color: white; }

section.testimonial .carousel-controls div { padding: 15px; cursor: pointer; font-size: 50px; color: #ffbd3b; }

section.testimonial .carousel-controls div:first-child { padding-left: 0; }

section.testimonial .card { border: none; }

section.testimonial .card .card-body { background-color: #f4f5f7; }

section.testimonial .card .card-body .media-object img { width: 80px; border-radius: 100%; border: solid 1px #362a50; }

section.contact-us { background: url("../images/backgrounds/work-right.png") no-repeat center right/15%, url("../images/backgrounds/work-left.png") no-repeat bottom left/10%; background-color: #fff6e4; }

section.contact-us .icon { width: 70px; height: 70px; line-height: 70px; background-color: #ffbd3b; text-align: center; border-radius: 50%; margin-right: 15px; }

section.contact-us .input-group { border: 1px solid #ffbd3b; border-radius: 10px; }

section.contact-us .input-group .input-group-text { border: none; background-color: white; padding-left: 25px; border-radius: 10px; }

section.contact-us .input-group .input-group-text i { font-size: 25px; color: #ffbd3b; }

section.contact-us .input-group input { border: none; height: 60px; font-weight: 500; border-radius: 10px; }

section.contact-us .btn-primary { border-radius: 10px; font-weight: 500; }

/*********************************** PORTFOLIO PAGE SPECIFIC STYLES * */
.portfolio-page { background-color: transparent; }

.portfolio-page .hero { background: url("../images/backgrounds/portfolio-hero.png"); background-repeat: no-repeat; background-size: 50%; background-position-x: right; background-position-y: center; border-bottom: solid 3px #EEE; }

.portfolio-page a { color: inherit; text-decoration: none; }

.portfolio-page a .portfolio-col img { border-radius: 15px; margin-bottom: 15px; transition: all ease 0.3s; }

.portfolio-page a .portfolio-col img:hover { filter: brightness(70%); cursor: pointer; }

.portfolio-page a .portfolio-col h5 { font-size: 18px; cursor: pointer; }

.portfolio-page a .portfolio-col p { cursor: pointer; font-size: 18px; opacity: 0.7; }

.single-portfolio .hero { padding-top: 50px; padding-bottom: 50px; background: url("../images/backgrounds/about-right.png") no-repeat top right/10%, url("../images/backgrounds/about-left.png") no-repeat center left/12%; }

.single-portfolio .hero p.tagline { font-size: 25px; line-height: 40px; margin-bottom: 50px; }

.single-portfolio .hero img { border-radius: 20px; transition: all ease 0.3s; border: solid 1px #EEE; }

.single-portfolio .hero img:hover { filter: brightness(80%); cursor: pointer; }

.single-portfolio .hero p.description { font-size: 20px; color: #797979; line-height: 35px; }

.single-portfolio .hero .work-meta .list-group .list-group-item { border: none; border-top: solid 1px #362a50; border-radius: 0; padding-bottom: 15px; padding-top: 15px; }

.single-portfolio .hero .work-meta .list-group .list-group-item h5 { margin: 0; font-size: 20px; margin-top: 5px; font-weight: 600; }

.single-portfolio .hero .work-meta .list-group .list-group-item h5 a { color: #362a50; text-decoration: none; }

.single-portfolio .hero .work-meta .list-group .list-group-item h5 a:hover { text-decoration: underline; }

.single-portfolio .portfolio-testimonial { background: #362a50; }

/* CONTACT PAGE */
.contact-page { background-color: transparent; }

.contact-page .hero { background: url("../images/backgrounds/contact-hero.png"); background-repeat: no-repeat; background-size: 50%; background-position-x: right; background-position-y: center; }

.contact-page .contact-info { margin-bottom: 25px; }

.contact-page .contact-info .card { background-color: #fff7e9; border-color: #ffe6b5; }

.contact-page .contact-info .card .icon { width: 70px; height: 70px; line-height: 70px; background-color: #ffbd3b; text-align: center; border-radius: 50%; margin-right: 15px; }

/* FOOTER */
footer { background-color: #362a50; padding-bottom: 0 !important; }

footer ul.footer-links li { list-style: none; padding: 0 20px; display: inline-block; margin-top: 10px; }

footer ul.footer-links li a { text-decoration: none; font-size: 18px; color: #fff; -webkit-transition: .5s all ease; -o-transition: .5s all ease; transition: .5s all ease; }

footer ul.footer-links li a:hover { color: #ffbd3b; }

footer ul.footer-icons li { list-style: none; display: inline-block; padding: 0 5px; margin-top: 5px; }

footer ul.footer-icons li a { width: 50px; height: 50px; line-height: 54px; display: block; text-align: center; background-color: #41355a; color: #ffbd3b; border-radius: 50%; -webkit-transition: .5s all ease; -o-transition: .5s all ease; transition: .5s all ease; }

footer ul.footer-icons li a:hover { color: #362a50; background-color: white; }

footer img { width: 200px; }

footer .credit { border-top: solid 1px rgba(255, 255, 255, 0.2); color: #ffbd3b; }

/*# sourceMappingURL=style.css.map */