/* Description: Master CSS file */

/*****************************************
Table Of Contents:
- General Styles
- Navigation
- Header
- Introduction
- Project 1
- Project 2
- Details Modal
- Project 3
- Process
- Services
- About 
- Testimonials
- Team
- Contact
- Footer
- Copyright
- Back To Top Button
- Extra Pages
- Media Queries
******************************************/

/*****************************************
Colors:
- Backgrounds - light gray #f7f9fd
- Buttons, icons - green #7dc22b
- Headings text - black #2b2b4f
- Body text - dark gray #53575a
******************************************/

/**************************/
/*     General Styles     */
/**************************/
body, html { width: 100%; height: 100%; }

body, p { color: #53575a; font: 400 1rem/1.625rem "Open Sans",sans-serif; }

h1 { color: #2b2b4f; font-weight: 600; font-size: 2.5rem; line-height: 3.25rem; font-family: "Poppins"; }

h2 { color: #2b2b4f; font-weight: 600; font-size: 2rem; line-height: 2.5rem; font-family: "Poppins"; }

h3 { color: #2b2b4f; font-weight: 600; font-size: 1.75rem; line-height: 2.25rem; font-family: "Poppins"; }

h4 { color: #2b2b4f; font-weight: 600; font-size: 1.5rem; line-height: 2rem; font-family: "Poppins"; }

h5 { color: #2b2b4f; font-weight: 600; font-size: 1.25rem; line-height: 1.625rem; font-family: "Poppins"; }

h6 { color: #2b2b4f; font-weight: 600; font-size: 1rem; line-height: 1.375rem; font-family: "Poppins"; }

.p-large { font-size: 1.125rem; line-height: 1.75rem; }

.p-small { font-size: 0.875rem; line-height: 1.5rem; }

.testimonial-text { font-style: italic; }

.testimonial-author { font-weight: 600; font-size: 1.25rem; line-height: 1.75rem; font-family: "Poppins"; }

.li-space-lg li { margin-bottom: 0.5rem; }

a { color: #53575a; text-decoration: underline; }

a:hover { color: #53575a; text-decoration: underline; }

.no-line { text-decoration: none; }

.no-line:hover { text-decoration: none; }

.read-more { font-weight: 600; font-size: 1rem; line-height: 1.5rem; }

.read-more .fas { margin-left: 0.625rem; font-size: 1rem; vertical-align: -8%; }

.green { color: #7dc22b; }

.bg-gray { background-color: #f7f9fd; }

.hr-heading { display: block; width: 5rem; margin-top: 0.75rem; margin-bottom: 0.75rem; border: 1px solid #fff; background-color: #2b2b4f; opacity: 1; }

.btn-solid-reg { display: inline-block; padding: 1.375rem 2.25rem 1.375rem 2.25rem; border: 1px solid #7dc22b; border-radius: 4px; background-color: #7dc22b; color: #fff; font-weight: 600; font-size: 0.875rem; line-height: 0; text-decoration: none; transition: all 0.2s; }

.btn-solid-reg:hover { background-color: transparent; color: #7dc22b; /* needs to stay here because of the color property of a tag */ text-decoration: none; }

.btn-solid-lg { display: inline-block; padding: 1.625rem 2.625rem 1.625rem 2.625rem; border: 1px solid #7dc22b; border-radius: 4px; background-color: #7dc22b; color: #fff; font-weight: 600; font-size: 0.875rem; line-height: 0; text-decoration: none; transition: all 0.2s; }

.btn-solid-lg:hover { background-color: transparent; color: #7dc22b; /* needs to stay here because of the color property of a tag */ text-decoration: none; }

.btn-outline-reg { display: inline-block; padding: 1.375rem 2.25rem 1.375rem 2.25rem; border: 1px solid #2b2b4f; border-radius: 4px; background-color: transparent; color: #2b2b4f; font-weight: 600; font-size: 0.875rem; line-height: 0; text-decoration: none; transition: all 0.2s; }

.btn-outline-reg:hover { background-color: #2b2b4f; color: #fff; text-decoration: none; }
.m-25 { margin-top: 25px; margin-bottom: 50px; }
.btn-outline-lg { display: inline-block; padding: 1.625rem 2.625rem 1.625rem 2.625rem; border: 1px solid #2b2b4f; border-radius: 4px; background-color: transparent; color: #2b2b4f; font-weight: 600; font-size: 0.875rem; line-height: 0; text-decoration: none; transition: all 0.2s; }

.btn-outline-lg:hover { background-color: #2b2b4f; color: #fff; text-decoration: none; }

.btn-outline-sm { display: inline-block; padding: 1rem 1.5rem 1rem 1.5rem; border: 1px solid #2b2b4f; border-radius: 4px; background-color: transparent; color: #2b2b4f; font-weight: 600; font-size: 0.875rem; line-height: 0; text-decoration: none; transition: all 0.2s; }

.btn-outline-sm:hover { background-color: #2b2b4f; color: #fff; text-decoration: none; }

.form-group { position: relative; margin-bottom: 1.25rem; }

.form-control-input, .form-control-textarea { width: 100%; padding-top: 0.875rem; padding-bottom: 0.875rem; padding-left: 1.5rem; border: 1px solid #cbcbd1; border-radius: 4px; background-color: #fff; font-size: 0.875rem; line-height: 1.5rem; -webkit-appearance: none; /* removes inner shadow on form inputs on ios safari */ }

.form-control-textarea { display: block; height: 14rem; /* used instead of html rows to normalize height between Chrome and IE/FF */ }

.form-control-input:focus, .form-control-textarea:focus { border: 1px solid #a1a1a1; outline: none; /* Removes blue border on focus */ }

.form-control-input:hover, .form-control-textarea:hover { border: 1px solid #a1a1a1; }

.form-control-submit-button { display: inline-block; width: 100%; height: 3.25rem; border: 1px solid #7dc22b; border-radius: 4px; background-color: #7dc22b; color: #fff; font-weight: 600; font-size: 0.875rem; line-height: 0; cursor: pointer; transition: all 0.2s; }

.form-control-submit-button:hover { border: 1px solid #7dc22b; background-color: transparent; color: #7dc22b; }

/**********************/
/*     Navigation     */
/**********************/
.navbar { background-color: #2b2b4f; font-weight: 600; font-size: 0.875rem; line-height: 0.875rem; box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.025); text-transform: uppercase; }

.navbar .navbar-brand { padding-top: 0.25rem; padding-bottom: 0.25rem; }

.navbar .logo-image img { width: 200px; height: auto; }

.navbar .logo-text { color: #fff; font-weight: 700; font-size: 1.875rem; line-height: 1rem; text-decoration: none; }

.offcanvas-collapse { position: fixed; top: 3.25rem; /* adjusts the height between the top of the page and the offcanvas menu */ bottom: 0; left: 100%; width: 100%; padding-right: 1rem; padding-left: 1rem; overflow-y: auto; visibility: hidden; background-color: #2b2b4f; transition: visibility .3s ease-in-out,-webkit-transform .3s ease-in-out; transition: transform .3s ease-in-out,visibility .3s ease-in-out; transition: transform .3s ease-in-out,visibility .3s ease-in-out,-webkit-transform .3s ease-in-out; }

.offcanvas-collapse.open { visibility: visible; -webkit-transform: translateX(-100%); transform: translateX(-100%); }

.navbar .navbar-nav { margin-top: 0.75rem; margin-bottom: 0.5rem; }

.navbar .nav-item .nav-link { padding-top: 0.625rem; padding-bottom: 0.625rem; color: #eee; text-decoration: none; transition: all 0.2s ease; }

.navbar .nav-item .nav-link.active, .navbar .nav-item .nav-link:hover, .navbar .nav-item.dropdown.show .nav-link { color: #7dc22b; }

/* Dropdown Menu */
.navbar .dropdown .dropdown-menu { animation: fadeDropdown 0.2s; /* required for the fade animation */ }

@keyframes fadeDropdown {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

.navbar .dropdown-menu { margin-top: 0.25rem; margin-bottom: 0.25rem; border: none; background-color: #2b2b4f; }

.navbar .dropdown-item { padding-top: 0.625rem; padding-bottom: 0.625rem; color: #eee; font-weight: 600; font-size: 0.875rem; line-height: 0.875rem; text-decoration: none; }

.navbar .dropdown-item:hover { background-color: #2b2b4f; color: #7dc22b; }

.navbar .dropdown-divider { width: 100%; height: 1px; margin: 0.5rem auto 0.5rem auto; border: none; background-color: #525296; }
/* end of dropdown menu */

.navbar .fa-stack { width: 2em; margin-right: 0.25rem; font-size: 0.75rem; }

.navbar .fa-stack-2x { color: #7dc22b; transition: all 0.2s ease; }

.navbar .fa-stack-1x { color: #fff; transition: all 0.2s ease; }

.navbar .fa-stack:hover .fa-stack-2x { color: #fff; }

.navbar .fa-stack:hover .fa-stack-1x { color: #7dc22b; }

.navbar .navbar-toggler { padding: 0; border: none; font-size: 1.25rem; }

/*****************/
/*    Header     */
/*****************/
.header { padding-top: 8rem; padding-bottom: 8rem; background: url('../images/header-background.jpg') center center no-repeat; background-size: cover; text-align: center; }

.header .h1-large { margin-bottom: 2.5rem; color: #fff; font-size: 4rem; line-height: 4.5rem; }

.header .btn-solid-lg { display: block; margin-bottom: 1.375rem; }

.header .btn-outline-lg { display: block; border-color: #fff; color: #fff; }

.header .btn-outline-lg:hover { background-color: #fff; color: #444; }

/************************/
/*     Introduction     */
/************************/
.basic-1 { padding-top: 1.5rem; padding-bottom: 1rem; }

.basic-1 h1 { margin-bottom: 2.5rem; }

/*********************/
/*     Project 1     */
/*********************/
.basic-2 { padding-top: 1rem; padding-bottom: 2rem; }

.basic-2 .text-container { margin-bottom: 4rem; }

.basic-2 h2 { margin-bottom: 1.875rem; }

.basic-2 p { margin-bottom: 1.25rem; }

/*********************/
/*     Project 2     */
/*********************/
.basic-3 { padding-top: 10rem; padding-bottom: 10rem; }

.basic-3 .image-container { margin-bottom: 4rem; }

.basic-3 h2 { margin-bottom: 1.875rem; }

.basic-3 p { margin-bottom: 2rem; }

.basic-3 .btn-solid-reg { margin-right: 0.75rem; }

.basic-3 .btn-solid-reg { cursor: pointer; }

/*************************/
/*     Details Modal     */
/*************************/
.modal-dialog { max-width: 1150px; margin-right: 1rem; margin-left: 1rem; pointer-events: all; }

.modal-content { padding: 2.75rem 1.25rem; }

.modal-content .btn-close { position: absolute; right: 10px; top: 10px; }

.modal-content .image-container { margin-bottom: 3rem; }

.modal-content img { border-radius: 6px; }

.modal-content h3 { margin-bottom: 0.5rem; }

.modal-content hr { width: 44px; margin-top: 0.125rem; margin-bottom: 1.25rem; margin-left: 0; height: 2px; border: none; background-color: #53575a; }

.modal-content h4 { margin-top: 2rem; margin-bottom: 0.625rem; }

.modal-content .list-unstyled { margin-bottom: 2rem; }

.modal-content .list-unstyled .fas { color: #7dc22b; font-size: 0.75rem; line-height: 1.75rem; }

.modal-content .list-unstyled .flex-grow-1 { margin-left: 0.5rem; }

.modal-content .btn-solid-reg { margin-right: 0.75rem; }

.modal-content .btn-outline-reg { cursor: pointer; }

/*********************/
/*     Project 3     */
/*********************/
.basic-4 { padding-top: 10rem; padding-bottom: 10rem; }

.basic-4 .text-container { margin-bottom: 4rem; }

.basic-4 h2 { margin-bottom: 1.875rem; }

.basic-4 .list-unstyled .fas { font-size: 0.375rem; line-height: 1.625rem; }

.basic-4 .list-unstyled .flex-grow-1 { margin-left: 0.5rem; }

/*******************/
/*     Process     */
/*******************/
.basic-5 { padding-top: 9.5rem; padding-bottom: 9rem; background: url('../images/process-background.jpg') center center no-repeat; background-size: cover; text-align: center; }

.basic-5 h2 { color: #fff; margin-bottom: 1.5rem; }

.basic-5 .hr-heading { background-color: #fff; margin-right: auto; margin-bottom: 4.5rem; margin-left: auto; }

.basic-5 .step-container { margin-bottom: 2.5rem; }

.basic-5 .step { display: block; margin-bottom: 1.5rem; padding: 1.75rem 3.25rem; border: 1px solid #fff; border-radius: 4px; color: #fff; font-size: 2rem; }

.basic-5 .fas { display: none; }

.basic-5 p { color: #fff; opacity: 0.9; }

/********************/
/*     Services     */
/********************/
.cards-1 { padding-top: 1.5rem; padding-bottom: 2rem; }

.cards-1 .h2-heading { margin-bottom: 1.125rem; text-align: center; }

.cards-1 .p-heading { margin-bottom: 4rem; text-align: center; }

.cards-1 .card { margin-bottom: 3rem; padding: 3.5rem 1.5rem; border: none; border-radius: 6px; }

.cards-1 .card-body { padding: 0; }

.cards-1 .card-icon { width: 90px; height: 90px; margin-bottom: 2rem; border-radius: 50%; background-color: #7dc22b; text-align: center; }

.cards-1 .card-icon .far, .cards-1 .card-icon .fas { color: #fff; font-size: 2.125rem; line-height: 90px; }

.cards-1 .card-title { margin-bottom: 0.625rem; }

/*****************/
/*     About     */
/*****************/
.counter { padding-top: 9.5rem; padding-bottom: 5rem; background: url('../images/about-background.jpg') center center no-repeat; background-size: cover; }

.counter h2 { margin-bottom: 1.5rem; color: #fff; text-align: center; }

.counter .hr-heading { background-color: #fff; margin-right: auto; margin-bottom: 4.5rem; margin-left: auto; }

.counter .list-unstyled { margin-bottom: 6rem; }

.counter .list-unstyled li { margin-bottom: 2.5rem; }

.counter .list-unstyled .flex-grow-1 { margin-left: 0.5rem; }

.counter .list-unstyled .text, .counter .list-unstyled h5 { color: #fff; }

.counter .list-unstyled .text { opacity: 0.9; }

.counter .counter-container { text-align: center; }

.counter .counter-cell { margin-bottom: 5rem; }

.counter .purecounter { margin-bottom: 1.5rem; color: #7dc22b; font-weight: 600; font-size: 6rem; line-height: 4rem; }

.counter .counter-info { color: #fff; font-size: 0.875rem; line-height: 1.5rem; }

/************************/
/*     Testimonials     */
/************************/
.slider-1 { position: relative; padding-top: 9.75rem; padding-bottom: 9.75rem; }

.slider-1 .quotes-decoration { position: absolute; top: 0; left: 0; width: 240px; }

.slider-1 .slider-container { position: relative; }

.slider-1 .swiper-container { position: static; width: 86%; text-align: center; }

.slider-1 .swiper-button-next:focus, .slider-1 .swiper-button-prev:focus { /* even if you can't see it chrome you can see it on mobile device */ outline: none; }

.slider-1 .swiper-button-prev { left: -10px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2028%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23707375'%2F%3E%3C%2Fsvg%3E"); background-size: 18px 28px; }

.slider-1 .swiper-button-next { right: -10px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2028%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23707375'%2F%3E%3C%2Fsvg%3E"); background-size: 18px 28px; }

.slider-1 .testimonial-image { width: 120px; height: 120px; margin-bottom: 2.25rem; border-radius: 50%; }

.slider-1 .testimonial-text { margin-bottom: 1.75rem; font-size: 1.25rem; line-height: 2rem; }

.slider-1 .testimonial-author { margin-bottom: 0.25rem; color: #2b2b4f; }

/****************/
/*     Team     */
/****************/
.cards-2 { padding-top: 1.5rem; padding-bottom: 2rem; text-align: center; }

.cards-2 .h2-heading { margin-bottom: 1.125rem; }

.cards-2 .p-heading { margin-bottom: 4rem; }

.cards-2 .card { margin-bottom: 4rem; border: none; background: transparent; }

.cards-2 .card-image { margin-bottom: 2rem; }

.cards-2 .card-image img { border-radius: 4px; }

.cards-2 .card-body { padding: 0; }

.cards-2 .card-title { margin-bottom: 0.25rem; }

.cards-2 .card-text { margin-bottom: 0.875rem; }

.cards-2 .fa-stack { width: 2em; margin-right: 0.25rem; margin-left: 0.25rem; }

.cards-2 .fa-stack-2x { color: #7dc22b; transition: all 0.2s ease; }

.cards-2 .fa-stack-1x { color: #fff; transition: all 0.2s ease; }

.cards-2 .fa-stack:hover .fa-stack-2x { color: #fff; }

.cards-2 .fa-stack:hover .fa-stack-1x { color: #7dc22b; }

/*******************/
/*     Contact     */
/*******************/
.form-1 { padding-top: 9.5rem; padding-bottom: 8.75rem; background: url('../images/contact-background.jpg') center center no-repeat; background-size: cover; text-align: center; }

.form-1 .h2-heading { margin-bottom: 1.125rem; color: #fff; }

.form-1 .p-heading { margin-bottom: 0.375rem; color: #fff; }

.form-1 .list-unstyled { margin-bottom: 3.5rem; color: #fff; }

.form-1 .list-unstyled a { color: #fff; }

.form-1 .list-unstyled .fas { color: #7dc22b; }

.form-1 .map-responsive { position: relative; overflow: hidden; height: 0; margin-bottom: 5rem; padding-bottom: 70%; border-radius: 4px; }

.form-1 .map-responsive iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; }

.form-1 .form-control-input, .form-1 .form-control-textarea { border-color: #655f74; background-color: #4d475c; color: #fff; }

.form-1 .form-control-input::placeholder, .form-1 .form-control-textarea::placeholder { color: #fff; }

/******************/
/*     Footer     */
/******************/
.footer { padding-top: 6.5rem; padding-bottom: 2rem; background-color: #121015; }

.footer a { text-decoration: none; }

.footer .footer-col { margin-bottom: 3rem; }

.footer h6 { margin-bottom: 0.625rem; color: #bfc4cd; }

.footer a, .footer p, .footer ul { color: #bfc4cd; }

.footer .li-space-lg li { margin-bottom: 0.375rem; }

.footer .footer-col.third .fa-stack { width: 2em; margin-bottom: 1.25rem; margin-right: 0.375rem; font-size: 1.375rem; }

.footer .footer-col.third .fa-stack .fa-stack-2x { color: #4d475c; transition: all 0.2s ease; }

.footer .footer-col.third .fa-stack .fa-stack-1x { color: #d3caca; transition: all 0.2s ease; }

.footer .footer-col.third .fa-stack:hover .fa-stack-2x { color: #7dc22b; }

.footer .footer-col.third .fa-stack:hover .fa-stack-1x { color: #fff; }

/*********************/
/*     Copyright     */
/*********************/
.copyright { padding-bottom: 1rem; background-color: #121015; text-align: center; }

.copyright a, .copyright p { color: #bfc4cd; text-decoration: none; }

/******************************/
/*     Back To Top Button     */
/******************************/
#myBtn { position: fixed; z-index: 99; bottom: 20px; right: 20px; display: none; width: 52px; height: 52px; border: none; border-radius: 50%; outline: none; background-color: #323137; cursor: pointer; }

#myBtn:hover { background-color: #0f0f11; }

#myBtn img { margin-bottom: 0.25rem; margin-left: 0.125rem; width: 18px; }

/***********************/
/*     Extra Pages     */
/***********************/
.ex-header { padding-top: 0.5rem; padding-bottom: 0.5rem; background-color: #2b2b4f; }

.ex-header h1 { color: #fff; text-align: center; }

.ex-basic-1 .list-unstyled .fas { font-size: 0.375rem; line-height: 1.625rem; }

.ex-basic-1 .list-unstyled .flex-grow-1 { margin-left: 0.5rem; }

.ex-basic-1 .text-box { padding: 1.25rem 1.25rem 0.5rem 1.25rem; background-color: #f7f9fd; }

.ex-cards-1 .card { border: none; background-color: transparent; }

.ex-cards-1 .card .fa-stack { width: 2em; font-size: 1.125rem; }

.ex-cards-1 .card .fa-stack-2x { color: #7dc22b; }

.ex-cards-1 .card .fa-stack-1x { width: 2em; color: #fff; font-weight: 700; line-height: 2.125rem; }

.ex-cards-1 .card .list-unstyled .flex-grow-1 { margin-left: 2.25rem; }

.ex-cards-1 .card .list-unstyled .flex-grow-1 h5 { margin-top: 0.125rem; margin-bottom: 0.5rem; }

/*************************/
/*     Media Queries     */
/*************************/
/* Min-width 768px */
@media (min-width: 768px) {
  /* Header */
  .header { padding-top: 11rem; padding-bottom: 9rem; }
  .header .btn-solid-lg { display: inline-block; margin-bottom: 0; }
  .header .btn-outline-lg { display: inline-block; }
  .header .btn-outline-lg, .header .btn-solid-lg { margin-right: 0.5rem; margin-left: 0.5rem; }
  /* end of header */
  /* Process */
  .basic-5 .step { display: inline-block; }
  .basic-5 .fas { display: inline-block; margin-right: 1rem; margin-left: 1rem; color: #fff; font-size: 1.5rem; vertical-align: 10%; }
  .basic-5 p { width: 40rem; margin-right: auto; margin-left: auto; }
  /* end of process */
  /* About */
  .counter .counter-cell { display: inline-block; width: 210px; margin-right: 1rem; margin-left: 1rem; vertical-align: top; }
  /* end of about */
  /* Contact */
  .form-1 .list-unstyled li { display: inline-block; margin-right: 1rem; }
  /* end of contact */
  /* Extra Pages */
  .ex-basic-1 .text-box { padding: 1.75rem 2rem 0.875rem 2rem; }
  /* end of extra pages */
}
/* end of min-width 768px */

/* Min-width 992px */
@media (min-width: 992px) {
  /* General Styles */
  .h2-heading { width: 35.25rem; margin-right: auto; margin-left: auto; }
  .p-heading { width: 46rem; margin-right: auto; margin-left: auto; }
  /* end of general styles */
  /* Navigation */
  .navbar { padding: 1.75rem 0; background-color: #2b2b4f; box-shadow: none; transition: all 0.2s; }
  .navbar.top-nav-collapse { padding-top: 0.5rem; padding-bottom: 0.5rem; background-color: #2b2b4f; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.025); }
  .offcanvas-collapse { position: static; top: auto; bottom: auto; left: auto; width: auto; padding-right: 0; padding-left: 0; background-color: transparent; overflow-y: visible; visibility: visible; }
  .offcanvas-collapse.open { -webkit-transform: none; transform: none; }
  .navbar .navbar-nav { margin-top: 0; margin-bottom: 0; }
  .navbar .nav-item .nav-link { padding-right: 0.75rem; padding-left: 0.75rem; }
  .navbar .dropdown-menu { padding-top: 0.75rem; padding-bottom: 0.875rem; box-shadow: 0 3px 3px 1px rgba(0, 0, 0, 0.08); }
  .navbar .dropdown-divider { width: 90%; }
  .navbar .social-icons { margin-left: 0.5rem; }
  .navbar .fa-stack { margin-right: 0; margin-left: 0.25rem; }
  /* end of navigation */
  /* Header */
  .header { padding-top: 15rem; padding-bottom: 13rem; text-align: left; }
  .header .h1-large { font-size: 6rem; line-height: 6.5rem; }
  .header .button-container { margin-top: 7rem; margin-left: 2rem; }
  /* end of header */
  /* Introduction */
  .basic-1 h1 { margin-bottom: 0; }
  /* end of introduction */
  /* Project 1 */
  .basic-2 .text-container { margin-top: 1.75rem; margin-right: 2rem; margin-bottom: 0; }
  /* end of project 1 */
  /* Project 2 */
  .basic-3 .text-container { margin-left: 2rem; }
  .basic-3 .image-container { margin-bottom: 0; }
  /* end of project 2 */
  /* Details Modal */
  /* Stops body and navbar shift on modal open */
  body.modal-open { overflow-y: scroll!important; padding-right: 0!important; }
  body.modal-open .navbar { padding-right: 0!important; }
  /* end of stops body and navbar shift on modal open */
  .modal { padding-right: 0!important; }
  .modal-dialog { margin-top: 120px; margin-right: auto; margin-left: auto; }
  .modal-content .image-container { margin-bottom: 0; }
  /* end of details modal */
  /* Project 3 */
  .basic-4 .text-container { margin-right: 2rem; margin-bottom: 0; }
  /* end of project 3 */
  /* Services */
  .cards-1 .card { display: inline-block; width: 290px; vertical-align: top; }
  .cards-1 .card:nth-of-type(3n+2) { margin-right: 1.5rem; margin-left: 1.5rem; }
  /* end of services */
  /* Contact */
  .form-1 .map-responsive { margin-bottom: 0; }
  /* end of contact */
  /* Footer */
  .footer .footer-col { margin-bottom: 2rem; }
  .footer .footer-col.first { display: inline-block; width: 320px; margin-right: 1.75rem; vertical-align: top; }
  .footer .footer-col.second { display: inline-block; width: 320px; margin-right: 1.75rem; vertical-align: top; }
  .footer .footer-col.third { display: inline-block; width: 224px; text-align: right; vertical-align: top; }
  .footer .footer-col.third .fa-stack { margin-right: 0; margin-left: 0.375rem; }
  /* end of footer */
  /* Extra Pages */
  .ex-cards-1 .card { display: inline-block; width: 296px; vertical-align: top; }
  .ex-cards-1 .card:nth-of-type(3n+2) { margin-right: 1rem; margin-left: 1rem; }
  /* end of extra pages */
}
/* end of min-width 992px */

/* Min-width 1200px */
@media (min-width: 1200px) {
  /* General Styles */
  .container { max-width: 1140px; }
  /* end of general styles */
  /* Navigation */
  .navbar .container { max-width: 1430px; }
  /* end of navigation */
  /* Header */
  .header { padding-top: 18.5rem; padding-bottom: 15.5rem; }
  .header .h1-large { font-size: 7rem; line-height: 7.25rem; }
  .header .button-container { margin-top: 8.75rem; margin-left: 3rem; }
  .header .btn-outline-lg, .header .btn-solid-lg { margin: 0; padding: 1.875rem 3rem; font-size: 1rem; }
  .header .btn-solid-lg { margin-right: 0.75rem; }
  /* end of header */
  /* Introduction */
  .basic-1 h1 { margin-top: 1.125rem; margin-right: 2.5rem; }
  /* end of introduction */
  /* Project 1 */
  .basic-2 .text-container { margin-top: 4.25rem; }
  .basic-2 .image-container { margin-left: 3.375rem; }
  /* end of project 1 */
  /* Project 2 */
  .basic-3 .text-container { margin-top: 2.75rem; }
  /* end of project 2 */
  /* Details Modal */
  .modal-content { padding-right: 2rem; padding-left: 2rem; }
  /* end of details modal */
  /* Project 3 */
  .basic-4 .text-container { margin-top: 3.25rem; }
  .basic-4 .image-container { margin-left: 3.375rem; }
  /* end of project 3 */
  /* Services */
  .cards-1 .card { width: 352px; padding: 3.875rem 2.75rem; }
  /* end of services */
  /* About */
  .counter { padding-bottom: 6rem; }
  .counter .list-unstyled { margin-bottom: 0; }
  .counter .counter-container { margin-top: 1rem; margin-left: 3.5rem; }
  /* end of about */
  /* Testimonials */
  .slider-1 .quotes-decoration { left: 170px; }
  .slider-1 .slider-container { width: 82%; margin-right: auto; margin-left: auto; }
  /* end of testimonials */
  /* Team */
  .cards-2 .card { display: inline-block; width: 256px; vertical-align: top; }
  .cards-2 .card:nth-of-type(4n+2) { margin-left: 1.5rem; margin-right: 0.75rem; }
  .cards-2 .card:nth-of-type(4n+3) { margin-left: 0.75rem; margin-right: 1.5rem; }
  /* end of team */
  /* Contact */
  .form-1 .map-responsive { margin-right: 0.5rem; padding-bottom: 81%; }
  .form-1 form { margin-left: 0.5rem; }
  /* end of contact */
  /* Footer */
  .footer .footer-col.first { width: 352px; margin-right: 6rem; }
  .footer .footer-col.second { margin-right: 6.5rem; }
  .footer .footer-col.third { text-align: right; }
  /* end of footer */
  /* Extra Pages */
  .ex-cards-1 .card { width: 336px; }
  .ex-cards-1 .card:nth-of-type(3n+2) { margin-right: 2.875rem; margin-left: 2.875rem; }
  /* end of extra pages */
}
/* end of min-width 1200px */

#contacts { padding: 15px 0; }

.address { font-size: 16px; display: block; }

.phone { text-align: right; font-size: 23px; display: block; }

h1, h2, h3, h4, h5 { color: #2b2b4f; font-weight: 600; font-size: 1.6rem; line-height: 1.7rem; font-family: inherit; margin: 30px 0; display: inline-block; }

.please-dont-spam-us { visibility: hidden; }