body {
    font-family: 'Comfortaa', sans-serif;
    color: #444;
  }
  
  section#work.portfolio {
    padding-top: 0;
  }

  p {
    font-size: 17px;
    font-weight: 400; 
  }

a {
    color: #D8502C;
    text-decoration: none;
  }
  
a:hover {
    color: #E89680 !important;
    text-decoration: none;
  }
  
h1, h2, h3, h4, h5, h6, .font-primary {
    font-family: 'Baloo 2', sans-serif;
    font-weight: 400;
  }

hr {
  margin-top: 3em;
}

.description {
  margin-bottom: 1rem;
}

.bx {
  font-size: 28px;
}

h4 {
  color: #D8502C;
}

.strong-span {
  font-family: 'Baloo 2', sans-serif;
  font-size: 1.3em;
  font-weight: 600;
}

.case-head {
  font-weight: 500;
}

#hero h2 {
  font-weight: 500 !important;
}

#footer .credits a {
  color: #E89680;
}

.navbar a:hover, .navbar .active, .navbar .active:focus, .navbar li:hover > a {
  color: #E89680;
}

.section-title h2::after {
  content: "";
  position: absolute;
  display: block;
  width: 40px;
  height: 3px;
  background: #D8502C;
  bottom: 0;
  left: calc(50% - 20px);
}

.portfolio #portfolio-flters li:hover, .portfolio #portfolio-flters li.filter-active {
  border-color: #D8502C;
  color: #D8502C;
}

.case-study > p {
  font-size: 19px;
  vertical-align: baseline;
}

.portfolio #portfolio-flters li {
  cursor: pointer;
  margin: 0 12px 5px 12px;
  display: inline-block;
  padding: 0 4px 6px 4px;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  color: #444;
  transition: all 0.3s ease-in-out;
  border-bottom: 2px solid #fff;
  font-family: "Comfortaa", sans-serif;
}

.back-to-top {
  position: fixed;
  visibility: hidden;
  opacity: 0;
  right: 15px;
  bottom: 15px;
  z-index: 99999;
  background: #D8502C;
  width: 40px;
  height: 40px;
  border-radius: 4px;
  transition: all 0.4s;
}

#hero .btn-get-started {
  font-family: "Comfortaa", sans-serif;
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 1px;
  display: inline-block;
  padding: 12px 32px;
  border-radius: 50px;
  transition: 0.5s;
  line-height: 1;
  margin: 10px;
  color: #fff;
  -webkit-animation-delay: 0.8s;
  animation-delay: 0.8s;
  border: 3px solid #D8502C;
}

#hero .btn-get-started2 {
  font-family: "Comfortaa", sans-serif;
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 1px;
  display: inline-block;
  padding: 12px 32px;
  border-radius: 50px;
  transition: 0.5s;
  line-height: 1;
  margin: 10px;
  color: #fff;
  -webkit-animation-delay: 0.8s;
  animation-delay: 0.8s;
  border: 3px solid #E89680;
  width: 162px;
}

.btn-get-started {
  display: inline-block !important;
  width: 162px;
}

#header.header-scrolled {
  background: #1C2E43;
  height: 60px;
}

.footer-h4 {
  color: #E89680 !important;
}

#footer {
  background: #1C2E43;
  padding: 0 0 30px 0;
  color: #fff;
  font-size: 14px;
}

#hero .btn-get-started:hover {
  background: #FDF1D3;
  color: #fff;
  text-decoration: none;
}

#hero .btn-get-started2:hover {
  background: #FDF1D3;
  color: #fff;
  text-decoration: none;
}

.back-to-top:hover {
  background: #E89680;
  color: #fff;
}

.glightbox-clean .gslide-title {
  font-family: "Baloo 2", sans-serif !important;
  font-size: 1.25em !important;
}

.glightbox-clean .gslide-desc span {
  font-family: "Baloo 2", sans-serif !important;
  font-weight: 600 !important;
  font-size: 1.3em !important;
}

.glightbox-clean .gslide-desc {
  font-family: "Comfortaa", sans-serif !important;
  font-weight: 300 !important;
}

.inline {
  display: inline-block !important;
}

.carousel-control-next .carousel-control-next-icon {
  background-color: rgba(0, 0, 0, 0.75);
  border-radius: 5px;
}

.carousel-control-prev .carousel-control-prev-icon {
  background-color: rgba(0, 0, 0, 0.75);
  border-radius: 5px;
}

/* ---Main case study--- */

		#main .box {
			border-color: #dddddd;
		}

		#main > .main {
			padding: 5em 5em 3em 5em ;
			border-top: solid 1px #dddddd;
		}

			#main > .main:first-child {
				border-top: 0;
			}

			#main > .main > .image.main:first-child {
				margin: -5em 0 5em -5em;
				width: calc(100% + 10em);
				border-top-right-radius: 0.25em;
				border-top-left-radius: 0.25em;
				border-bottom-right-radius: 0;
				border-bottom-left-radius: 0;
			}

				#main > .main > .image.main:first-child img {
					border-top-right-radius: 0.25em;
					border-top-left-radius: 0.25em;
					border-bottom-right-radius: 0;
					border-bottom-left-radius: 0;
				}

		@media screen and (max-width: 1280px) {

			#main > .main {
				padding: 4em 4em 2em 4em ;
			}

				#main > .main > .image.main:first-child {
					margin: -4em 0 4em -4em;
					width: calc(100% + 8em);
				}

		}

		@media screen and (max-width: 980px) {

			#main > .main {
				padding: 4em 3em 2em 3em ;
			}

				#main > .main > .image.main:first-child {
					margin: -4em 0 4em -3em;
					width: calc(100% + 6em);
				}

		}

		@media screen and (max-width: 736px) {

			#main > .main {
				padding: 3em 2em 1em 2em ;
			}

				#main > .main > .image.main:first-child {
					margin: -3em 0 2em -2em;
					width: calc(100% + 4em);
				}

		}

		@media screen and (max-width: 480px) {

			#main > .main {
				padding: 3em 1.5em 1em 1.5em ;
			}

				#main > .main > .image.main:first-child {
					margin: -3em 0 1.5em -1.5em;
					width: calc(100% + 3em);
				}

		}

		@media screen and (max-width: 360px) {

			#main {
				border-radius: 0;
			}

				#main > .main {
					padding: 2.5em 1em 0.5em 1em ;
				}

					#main > .main > .image.main:first-child {
						margin: -2.5em 0 1.5em -1em;
						width: calc(100% + 2em);
						border-radius: 0;
					}

						#main > .main > .image.main:first-child img {
							border-radius: 0;
						}
          }
/* --End Case Study-- */
.portfolio-info > ul {
  margin-bottom: 0;
}

.case-study .main {
  background-color: #ffffff;
}

.figure-caption {
  font-size: .875em;
  color: #464646 !important;
}