/* Global */
	/* General */
		::-webkit-scrollbar {
			width: 6px;
			height: 6px;
		}
		
		::-webkit-scrollbar-track {
			background: transparent;
		}
		
		::-webkit-scrollbar-thumb {
			background-color: #ffdd00;
			border-radius: 0;
		}
		::-moz-selection {
			color: #fff;
			background-color: #ffdd00;
		}
		
		::selection {
			color: #fff;
			background-color: #ffdd00;
		}

		body {
			padding-top: 90px;
			font-size: 15px;
			color: #637988;
			line-height: 1.7;
		}
		
		ul, ol {
			list-style-type: none;
			padding: 0;
			margin: 0;
		}
		
		p {
			margin: 0;
		}
		
		h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, label, button, .btn {
			font-family: 'Montserrat', sans-serif;
			text-transform: uppercase;
			margin: 0;
		}
		
		h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
			display: block;
		}
		
		h1, .h1 {
			font-size: 50px;
		}
		
		h2 {
			font-size: 25px;
		}

		h2.section-title {
			color: #231f20;
		}
		
		h2.section-title:after {
			display: block;
			content: '';
			width: 100%;
			height: 19px;
			background: url('../../public/media/icons/separator.svg') center center no-repeat;
			margin-top: 45px;
		}
		
		section#history h2.section-title:after {
			background: url('../../public/media/icons/separator.svg') center center no-repeat;
		}
		
		h5 {
			font-size: 15px;
			letter-spacing: 0.2em;
		}
		
		section {
			position: relative;
		}
		
		section:nth-child(even){
			background-color: #ffffff;
		}
		
		section:nth-child(odd){
			background-color: #ffffff;
		}
		
		blockquote {
			padding: 0;
			margin: 0;
			border: 0;
		}
		
		form {
			text-align: left;
		}
		
		label {
			font-weight: normal;
		}
		
		button, .btn {
			font-size: 15px;
		}

		.btn-primary {
			background-color: #ffdd00;
			color: #000000;
			border: 1px solid #ffdd00;
		}
		
		.btn-primary:hover {
			background-color: #ffffff;
			color: #000000;
			border: 1px solid #ffdd00;
		}
		
		.form-group {
			margin: 0;
		}
		
		.form-control {
			background-color: transparent;
			color: #ffffff;
			border: none;
			border-bottom: 1px solid #707070;
			border-radius: 0;
			transition: all 0.3s ease-out;
		}
		
		.form-control:focus {
			border-color: #ffffff;
			box-shadow: none;
		}

		.btn-close {
			background: transparent url("../media/icons/close.svg") center/1em auto no-repeat;
			font-size: 25px;
		}

		#project .carousel-control-next-icon,
		#project .carousel-control-prev-icon {
			background-color: #ffdd00aa;
			border-radius: 50%;
			width: 50px;
			height: 50px;
		}

		.down-icon {
			position: absolute;
			left: 50%;
			transform: translateX(-50%);
			bottom: 0;
			padding: 45px 15px 15px;
		}
		
		.down-arrow {
			animation: scrollDown 2s infinite;
		}

		.is-visuallyhidden {
			border: 0;
			clip: rect(0 0 0 0);
			height: 1px;
			margin: -1px;
			overflow: hidden;
			padding: 0;
			position: absolute;
			width: 1px;
		  }
		  
		  .grabbable {
			  cursor: pointer;
			  cursor: pointer;
		  }
		  
		  .grabbing { 
			  cursor: pointer;
		  }
	/* /General */
	/* Offcanvas */
		.modal-backdrop.show {
			opacity: 0;
		}

		button.navbar-toggler {
			border: none;
			width: 55px;
			height: 55px;
			border-radius: 50%;
			background-color: transparent;
			transition: all ease-in .1s;
		}

		button.navbar-toggler:hover {
			background-color: #ffdd00;
		}

		button.navbar-toggler:focus {
			box-shadow: none;
		}

		div.offcanvas {
			text-align: right;
			background-color: #000000c2;
		}

		div.offcanvas div.offcanvas-header button.btn-close {
			font-size: 20px;
		}

		div.offcanvas div.offcanvas-body {
			display: flex;
			flex-direction: column;
			padding: 0;
		}

		div.offcanvas div.offcanvas-body div.link-wrapper {
			height: 80px;
			padding-right: 30px;
			transition: all ease-in 0.1s;
		}

		div.offcanvas div.offcanvas-body div.link-wrapper:hover {
			background-color: #ffdd00;
			padding-right: 40px;
			font-weight: 900;
		}

		div.offcanvas div.offcanvas-body div.link-wrapper a {
			font-family: "Montserrat", sans-serif;
			font-size: 24px;
			line-height: 80px;
			color: #ffdd00;
			text-decoration: none;
			transition: all ease-in 0.1s;
		}

		div.offcanvas div.offcanvas-body div.link-wrapper:hover a {
			color: #000000;
		}

		div.offcanvas div.offcanvas-body div.social {
			margin: 50px auto;
			bottom: 0;
			left: 50%;
			transform: translateX(-50%);
		}

		div.offcanvas div.offcanvas-body div.social i.fa {
			color: #ffdd00;
			font-size: 30px;
			margin: 0 20px;
			transition: all ease-in .1s;
		}
	/* /Offcanvas */
	/* Header */
		.navbar {
			min-height: 90px;
			font-family: 'Montserrat', sans-serif;
			text-transform: uppercase;
		}
		
		.navbar-default {
			background-color: #ffffff;
		}
		
		.navbar-brand {
			height: 90px;
			padding: 23px;
		}
		
		.navbar-brand img {
			max-height: 44px;
			min-width: 150px;
			transform: scale(1);
			transition: all ease-in .1s;
		}
		
		.navbar-brand img:hover {
			transform: scale(1.1);
		}
		
		.navbar-default .navbar-nav>li>a {
			font-size: 13px;
			color: #707070;
			padding: 35px 23px;
		}
		
		.navbar-default .navbar-nav>li>a:focus, 
		.navbar-default .navbar-nav>li>a:hover {
			color: #ffdd00;
			background-color: transparent;
		}
		
		.navbar-default .navbar-nav>.active>a, 
		.navbar-default .navbar-nav>.active>a:focus, 
		.navbar-default .navbar-nav>.active>a:hover {
			color: #ffdd00;
			background-color: transparent;
		}
		
		.navbar-default .navbar-toggle {
			margin-top: 28px;
			margin-bottom: 28px;
			border: 0;
			border-radius: 0;
		}
		
		.navbar-default .navbar-toggle .icon-bar {
			background: #707070;
		}
		
		.navbar-default .navbar-toggle:focus, 
		.navbar-default .navbar-toggle:hover {
			background-color: transparent;
		}
		
		.navbar-default .navbar-toggle:focus .icon-bar, 
		.navbar-default .navbar-toggle:hover .icon-bar {
			background: #ffdd00;
		}
	/* /Header */
	/* Main Image */
		section#__home img.__divider,
		section#__company img.__divider,
		section#__our-services img.__divider,
		section#__case-studies img.__divider,
		section#__contacts img.__divider {
			bottom: -1px;
			transform: scale(-1,-1);
			width: 100%;
		}

		#__home {
			overflow: hidden;
			height: calc(100vh - 90px);
		}

		@media (min-width: 575px) {
			#__home img.cover {
				transform: scale(1.2);
				animation: headerTransition 10s linear; 
			}
		}

		#__company {
			/* height: 725px; */
			overflow: hidden;
			height: calc(100vh - 90px);
			background: url("../../public/media/images/header/company.jpg") center center no-repeat;
			background-size: cover;
		}
		
		#__company img.cover {
			transform: scale(1.2);
			animation: headerTransition 10s linear; 
		}

		#__our-services {
			overflow: hidden;
			height: calc(100vh - 90px);
		}

		#__our-services img.cover {
			transform: scale(1.2);
			animation: headerTransition 10s linear; 
		}

		#__our-services {
			/* height: 725px; */
			overflow: hidden;
			height: calc(100vh - 90px);
			/* background: url("../../public/media/images/header/our-services.jpg") center center no-repeat;
			background-size: cover; */
		} 
		
		#__case-studies {
			/* height: 725px; */
			overflow: hidden;
			height: calc(100vh - 90px);
			background: url("../../public/media/images/header/case-studies.jpg") center center no-repeat;
			background-size: cover;
		}

		#__case-studies img.cover {
			transform: scale(1.2);
			animation: headerTransition 10s linear; 
		}
		
		#__contacts {
			/* height: 725px; */
			overflow: hidden;
			height: calc(100vh - 90px);
			background: url("../../public/media/images/header/contacts.jpg") center center no-repeat;
			background-size: cover;
		}

		#__contacts img.cover {
			transform: scale(1.2);
			animation: headerTransition 10s linear; 
		}
		
		.overlay {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background: rgba(0,0,0,.5);
		}
		
		.home-content {
			position: absolute;
			width: 100%;
			top: 50%;
			transform: translateY(-50%);
			text-align: center;
			color: #ffffff;
		}
		
		.home-content .h1,
		.home-content h2 {
			margin-top: 45px;
		}
		
		.home-content .cta-container {
			margin-top: 54px;
		}
		
		.home-content .btn {
			letter-spacing: 0.2em;
			margin:0 15px;
			text-align: center;
			padding: 0;
			width: 200px;
			height: 60px;
			line-height: 60px;
			box-sizing: border-box;
			color: #ffffff;
			transition: all 0.3s;
			outline: none;
			box-shadow: none;
			border-color: #ffdd00;
		}
		
		.home-content .btn.btn-primary {
			color: #000000
		}
		
		.home-content .btn-default {
			background-color: transparent;
			border: 1px solid #ffffff;
		}
		
		.home-content .btn-default:hover,
		.home-content .btn-default.active.focus, 
		.home-content .btn-default.active:focus, 
		.home-content .btn-default.active:hover, 
		.home-content .btn-default:active.focus, 
		.home-content .btn-default:active:focus, 
		.home-content .btn-default:active:hover {
			background: #ffffff;
			color: #231f20;
			border-color: #ffffff;
		}

		.home-content .btn-primary:hover,
		.home-content .btn-primary.active.focus, 
		.home-content .btn-primary.active:focus, 
		.home-content .btn-primary.active:hover, 
		.home-content .btn-primary:active.focus, 
		.home-content .btn-primary:active:focus, 
		.home-content .btn-primary:active:hover {
			background: #ffffff;
			color: #000000;
			border-color: #ffdd00;
		}
	/* /Main Image */
	/* Services Slider */
		figure.project {
			position: relative;
			width: 320px;
			height: 555px;
			overflow: hidden;
			outline: none;
		}
		
		figure.project:hover .description {
			transform: translateY(-100%);
		}
		
		figure.project img {
			width: 100%;
		}
		
		
		figure.project .description {
			position: absolute;
			width: 100%;
			height: 370px;
			padding: 61px 33px 54px;
			background: #ffdd00dd;
			color: #000000;
			text-align: center;
			transition: all .3s ease-out;
		}
		
		figure.project .description p {
			margin-top: 65px;
		}
		
		figure.project .description .social-list {
			margin-top: 54px;
		}
	/* /Services Slider */
	/* Services Heroes */
		div#other-projects a {
			text-decoration: none;
		}
		
		div#other-projects .service {
			background: #ffffff;
			padding: 58px 61px 98px;
			text-align: center;
			transition: all ease-in .2s;
		}
		
		div#other-projects .service:hover {
			background: #ffdd00;
			transform: scale(1.1);
		}
		
		div#other-projects .service .separator {
			width: 30px;
			height: 2px;
			background-color: #ffdd00;
			margin: 25px auto 0;
			transition: all ease-in .2s;
		}
		
		div#other-projects .service:hover .separator {
			background-color: #000000;
		}
		
		div#other-projects .service h5 {
			margin-top: 20px;
			color: #231f20;
		}
		
		div#other-projects .service p {
			margin-top: 51px;
		}
	/* Services Heroes */
	/* Footer */
		#footer {
			background: #ffdd00;
			color: #000000;
			padding: 55px 0;
		}
		
		#footer .copyright {
			font-family: 'Montserrat', sans-serif;
		}

		#footer p {
			margin: auto 0;
		}

		#footer .social-list {
			float: right;
		}

		#footer .social-list li {
			display: inline-block;
		}
		
		#footer .social-list a {
			padding: 20px;
			color: #000000;
			text-decoration: none;
		}

		#footer .social-list a img#ance_logo {
			max-width: 140px;
		}
	/* /Footer */
	/* Subfooter */
		#subfooter {
			background: #000000;
			color: #ffdd00;
			padding: 15px 0;
		}
		
		#subfooter a {
			font-family: 'Montserrat', sans-serif;
			color: #ffdd00;
			text-decoration: none;
		}
		
		#subfooter .policies {
			float: right;
			display: flex;
		}
		
		#subfooter .policies a {
			color: #ffdd00;
			margin-right: 10px;
			text-decoration: none;
		}
	/* /Subfooter */
/* /Global */

/* Homepage */
	/* History */
		#history {
			padding: 145px 0 152px;
		}
		section#history div.history-content p {
			text-align: justify;
			margin-top: 42px;
		}

		section#history div.row > div.position-relative {
			min-height: 380px;
		}

		section#history img {
			filter: grayscale(100%);
		}

		section#history img#pic-1 {
			width: 55%;
			top: 0;
			left: 0;
		}

		section#history img#pic-2 {
			width: 60%;
			bottom: 0;
			right: 0;
		}
	/* /History */
	/* Clients */
		#clients {
			padding: 145px 0 150px;
		}
		
		.clients-content {
			text-align: center;
		}
		
		.clients-content blockquote {
			color: #231f20;
			font-size: 15px;
			margin-top: 37px;
		}
		
		.clients-content blockquote footer {
			margin-top: 30px;
			color: #999999;
		}
		
		.clients-content blockquote footer:before {
			content: '';
		}
		
		.clients-logs-container {
			margin-top: 115px;
			text-align: center;
		}
		
		.single-client-container img {
			transform: scale(1);
			transition: all ease-in .2s;
		}
		
		.single-client-container img:hover {
			transform: scale(1.2);
		}

		section#clients div.marquee img {
			max-width: 170px;
		}
	/* /Clients */
	/* Case Studies */
		section#gallery div.work-gallery div.col-12 {
			overflow: hidden;
		}
		section#gallery div.work-gallery div.wrapper {
			max-height: 350px;
		}
		section#gallery div.work-gallery div.col-12 img {
			min-width: -webkit-fill-available;
			object-fit: cover;
			overflow: hidden;
			cursor: pointer;
			filter: contrast(1.2) brightness(1.1);
			transform: scale(1);
			transition: all ease-in .3s;
		}

		section#gallery div.work-gallery div.col-12 div.caption {
			background-color: #ffdd00aa;
			height: 100%;
			width: 100%;
			top: 250px;
			transition: all ease-out .2s;
			color: #000000;
			z-index: -1;
		}

		section#gallery div.work-gallery div.col-12:hover div.caption {
			top: 0;
			z-index: 1;
		}

		section#gallery div.modal {
			background: #000000c2;
		}

		section#gallery div.modal div.modal-content {
			background: transparent;
			border-color: transparent;
		}
	/* /Case Studies */
/* /Homepage */

/* Company */
	/* Timeline */		
		.main-timeline {
			position: relative
		}
		
		.main-timeline:before {
			content: "";
			display: block;
			width: 2px;
			height: 100%;
			background: #c6c6c6;
			margin: 0 auto;
			position: absolute;
			top: 0;
			left: 0;
			right: 0
		}
		
		.main-timeline .timeline {
			margin-bottom: 40px;
			position: relative
		}
		
		.main-timeline .timeline:after {
			content: "";
			display: block;
			clear: both
		}
		
		.main-timeline .icon {
			width: 18px;
			height: 18px;
			line-height: 18px;
			margin: auto;
			position: absolute;
			top: 0;
			left: 0;
			bottom: 0;
			right: 0
		}
		
		.main-timeline .icon:before,
		.main-timeline .icon:after {
			content: "";
			width: 100%;
			height: 100%;
			border-radius: 50%;
			position: absolute;
			top: 0;
			left: 0;
			transition: all 0.33s ease-out 0s
		}
		
		.main-timeline .icon:before {
			background: #fff;
			border: 2px solid #232323;
			left: -3px
		}
		
		.main-timeline .icon:after {
			border: 2px solid #c6c6c6;
			left: 3px
		}
		
		.main-timeline .timeline:hover .icon:before {
			left: 3px
		}
		
		.main-timeline .timeline:hover .icon:after {
			left: -3px
		}
		
		.main-timeline .date-content {
			width: 50%;
			float: left;
			margin-top: 22px;
			position: relative
		}
		
		.main-timeline .date-content:before {
			content: "";
			width: 36.5%;
			height: 2px;
			background: #c6c6c6;
			margin: auto 0;
			position: absolute;
			top: 0;
			right: 10px;
			bottom: 0
		}
		
		.main-timeline .date-outer {
			width: 125px;
			height: 125px;
			font-size: 16px;
			text-align: center;
			margin: auto;
			z-index: 1
		}
		
		.main-timeline .date-outer:before,
		.main-timeline .date-outer:after {
			content: "";
			width: 125px;
			height: 125px;
			margin: 0 auto;
			border-radius: 50%;
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			transition: all 0.33s ease-out 0s
		}
		
		.main-timeline .date-outer:before {
			background: #fff;
			border: 2px solid #637988;
			left: -6px
		}
		
		.main-timeline .date-outer:after {
			border: 2px solid #ffdd00;
			left: 6px
		}
		
		.main-timeline .timeline:hover .date-outer:before {
			left: 6px
		}
		
		.main-timeline .timeline:hover .date-outer:after {
			left: -6px
		}
		
		.main-timeline .date {
			width: 100%;
			margin: auto;
			position: absolute;
			/* top: 27%; */
			top: 37%;
			left: 0
		}
		
		.main-timeline .month {
			font-size: 18px;
			font-weight: 700
		}
		
		.main-timeline .year {
			display: block;
			font-size: 30px;
			font-weight: 700;
			color: #232323;
			line-height: 36px
		}
		
		.main-timeline .timeline-content {
			width: 50%;
			padding: 20px 0 20px 50px;
			float: right
		}
		
		.main-timeline .title {
			font-size: 19px;
			font-weight: 700;
			line-height: 24px;
			margin: 0 0 15px 0
		}
		
		.main-timeline .description {
			margin-bottom: 0
		}
		
		.main-timeline .timeline:nth-child(2n) .date-content {
			float: right
		}
		
		.main-timeline .timeline:nth-child(2n) .date-content:before {
			left: 10px
		}
		
		.main-timeline .timeline:nth-child(2n) .timeline-content {
			padding: 20px 50px 20px 0;
			text-align: right
		}
		
		@media only screen and (max-width: 991px) {
			.main-timeline .date-content {
				margin-top: 35px
			}
			.main-timeline .date-content:before {
				width: 22.5%
			}
			.main-timeline .timeline-content {
				padding: 10px 0 10px 30px
			}
			.main-timeline .title {
				font-size: 17px
			}
			.main-timeline .timeline:nth-child(2n) .timeline-content {
				padding: 10px 30px 10px 0
			}
		}
	/* /Timeline */
/* /Company */

/* Our Services */
	/* Services */
		section#our-services div.col-12 h3 {
			color: #ffdd00;
		}

		section#our-services div.col-12 img {
			height: 450px;
			width: 100%;
			object-fit: cover;
		}
	/* /Services */
/* /Our Services */

/* Case studies */
	/* Images */
		section#case-studies div.row > div {
			padding: 0;
			overflow: hidden;
		}

		section#case-studies a.wrapper {
			height: 350px;
			text-decoration: none;
			filter: grayscale(100%);
			background-size: cover !important;
			transition: all ease-in .2s;
		}

		section#case-studies a.wrapper:hover {
			filter: grayscale(0%);
			transform: scale(1.05);
		}

		section#case-studies a.wrapper#ristrutturazione {
			background: linear-gradient(
				rgba(0, 0, 0, 0.2), 
				rgba(0, 0, 0, 0.2)
			  ),
			  url("../media/images/our-services/ristrutturazione.jpg");
		}

		section#case-studies a.wrapper#nuove-costruzioni {
			background: linear-gradient(
				rgba(0, 0, 0, 0.2), 
				rgba(0, 0, 0, 0.2)
			  ),
			  url("../media/images/our-services/nuove-costruzioni.jpg");
		}

		section#case-studies a.wrapper#industriale {
			background: linear-gradient(
				rgba(0, 0, 0, 0.2), 
				rgba(0, 0, 0, 0.2)
			  ),
			  url("../media/images/our-services/industriale.jpg");
		}

		section#case-studies a.wrapper#antisismica {
			background: linear-gradient(
				rgba(0, 0, 0, 0.2), 
				rgba(0, 0, 0, 0.2)
			  ),
			  url("../media/images/our-services/antisismico.jpg");
		}

		section#case-studies a.wrapper#restauro {
			background: linear-gradient(
				rgba(0, 0, 0, 0.2), 
				rgba(0, 0, 0, 0.2)
			  ),
			  url("../media/images/our-services/restauro.jpg") center;
		}

		section#case-studies a.wrapper#abitazioni-civili {
			background: linear-gradient(
				rgba(0, 0, 0, 0.2), 
				rgba(0, 0, 0, 0.2)
			  ),
			  url("../media/images/our-services/abitazioni-civili.jpg");
		}

		section#case-studies a.wrapper h1 {
			font-size: 32px;
			color: #ffffff;
			text-shadow: 2px 2px #000000a6;
			transition: all ease-in .2s;
		}
	/* /Images */
/* /Case Studies */

/* Contacts */
	/* Form */
		section#contacts .content {
			padding: 7rem 0;
		}

		section#contacts .heading {
			font-size: 2.5rem;
			font-weight: 900;
		}

		section#contacts .form-control {
			border: none;
			border-bottom: 1px solid #ccc;
			padding-left: 0;
			padding-right: 0;
			border-radius: 0;
			background: none;
		}

		section#contacts .form-control:active, .form-control:focus {
			outline: none;
			-webkit-box-shadow: none;
			box-shadow: none;
			border-color: #000;
		}
		
		section#contacts .col-form-label {
			color: #000;
			font-size: 13px;
		}
		
		section#contacts .btn, .form-control, .custom-select {
			height: 45px;
		}
		
		section#contacts .custom-select:active, .custom-select:focus {
			outline: none;
			-webkit-box-shadow: none;
			box-shadow: none;
			border-color: #000;
		}
		
		section#contacts .btn {
			border: none;
			border-radius: 0;
			font-size: 12px;
			letter-spacing: .2rem;
			text-transform: uppercase;
		}

		section#contacts .btn.btn-primary {
			background: #ffdd00;
			color: #000000;
			padding: 15px 20px;
			transition: all ease-in .2s;
		}

		section#contacts .btn:hover {
			background-color: #ffffff;
			border: 1px solid #ffdd00;
		}

		section#contacts .btn:active, section#contacts .btn:focus {
			outline: none;
			-webkit-box-shadow: none;
			box-shadow: none;
		}
		
		section#contacts .contact-wrap {
			-webkit-box-shadow: 0 0px 20px 0 rgba(0, 0, 0, 0.2);
			box-shadow: 0 0px 20px 0 rgba(0, 0, 0, 0.2);
		}

		section#contacts .contact-wrap .col-form-label {
			font-size: 14px;
			color: #b3b3b3;
			margin: 0 0 10px 0;
			display: inline-block;
			padding: 0;
		}

		section#contacts .contact-wrap .form, .contact-wrap .contact-info {
			padding: 40px;
		}

		section#contacts .contact-wrap .contact-info {
			color: #000000;
		}

		section#contacts .contact-wrap .contact-info ul li {
			margin-bottom: 15px;
			color: #000000;
		}

		section#contacts .contact-wrap .contact-info ul li .wrap-icon {
			font-size: 20px;
			color: #fff;
			margin-top: 5px;
		}

		section#contacts .contact-wrap .contact-info div.social i.fa {
			font-size: 18px;
			color: #000000;
			margin: 0 5px;
		}

		section#contacts .contact-wrap .form {
			background: #fff;
		}

		section#contacts .contact-wrap .form h3 {
			color: #35477d;
			font-size: 20px;
			margin-bottom: 30px;
		}

		section#contacts .contact-wrap .contact-info {
			background: #ffdd00;
		}
		section#contacts .contact-wrap .contact-info h3 {
			color: #000;
			font-size: 20px;
			margin-bottom: 30px;
		}
		
		section#contacts label.error {
			font-size: 12px;
			color: red;
		}
		
		section#contacts #message {
			resize: vertical;
			min-height: 150px;
		}
		
		section#contacts #form-message-warning, #form-message-success {
			display: none;
		}
		
		section#contacts #form-message-warning {
			color: #B90B0B;
		}
		
		section#contacts #form-message-success {
			color: #55A44E;
			font-size: 18px;
			font-weight: bold;
		}
		
		section#contacts .submitting {
			float: left;
			width: 100%;
			padding: 10px 0;
			display: none;
			font-weight: bold;
			font-size: 12px;
			color: #000;
		}
	/* /Form */
/* Contacts */

/* Project */
	/* Carousel */
		section#project div#project-carousel {
			height: 800px;
		}
		section#project div#project-carousel div.carousel-item img {
			max-height: 800px;
			object-fit: contain;
			filter: contrast(1.2)
		}

		section#project div.thumbs {
			overflow-x: scroll;
		}

		section#project div.thumbs div.thumb-wrapper {
			min-width: 100px;
			max-width: 100px;
			width: 100px;
			min-height: 100px;
			max-height: 100px;
			height: 100px;
		}

		section#project div.thumbs div.thumb-wrapper:not(:last-child) {
			margin-right: 20px;
		}

		section#project div.thumbs div.thumb-wrapper img {
			object-fit: cover;
			height: 100%;
			width: auto;
			border: 5px solid transparent;
			cursor: pointer;
		}

		section#project div.thumbs div.thumb-wrapper img.selected {
			border: 5px solid #ffdd00;
		}

		section#project div#other-services a {
			text-decoration: none;
			color: #000000;
		}

		section#project div#other-services div.service img {
			height: 130px;
			object-fit: cover;
		}
	/* /Carousel */
/* /Project */

/* Media Query */
	@media (max-width: 575px) {
		#__home img.cover {
			transform: translateX(-350px);
		}
		.home-content .btn {
			display: block;
			margin: 0 auto;
		}
		.home-content .btn-primary {
			margin-top: 30px;
		}
		#subfooter .col-sm-6 {
			display: flex;
		}
		#subfooter .copyright,
		#subfooter .policies {
			margin: auto;
		}
	}

	@media only screen and (max-width: 767px) {
		h1, h2, h3, h4, h5, h6 {
			line-height: 1.5;
		}
		.navbar-default .navbar-nav {
			text-align: center;
		}
	
		.navbar-default .navbar-nav>li>a {
			padding: 20px 0;
		}
		.home-content {
			transform: translateY(-55%);
		}
		
		.home-content .h1,
		.home-content h2 {
			font-size: 42px;
		}
		.service {
			padding: 30px;
		}
		.single-client-container:not(first-of-type) {
			margin-top: 60px;
		}
		#about-subsection, #form-subsection {
			padding: 60px 30px;
			min-height: auto;
		}
		#footer {
			text-align: center;
		}
	
		#footer .social-list {
			float: none;
			margin-top: 45px;
		}
		.main-timeline:before {
			margin: 0;
			left: 7px
		}
		.main-timeline .timeline {
			margin-bottom: 20px
		}
		.main-timeline .timeline:last-child {
			margin-bottom: 0
		}
		.main-timeline .icon {
			margin: auto 0
		}
		.main-timeline .date-content {
			width: 95%;
			float: right;
			margin-top: 0
		}
		.main-timeline .date-content:before {
			display: none
		}
		.main-timeline .date-outer {
			width: 110px;
			height: 110px
		}
		.main-timeline .date-outer:before,
		.main-timeline .date-outer:after {
			width: 110px;
			height: 110px
		}
		.main-timeline .date {
			top: 30%
		}
		.main-timeline .year {
			font-size: 24px
		}
		.main-timeline .timeline-content,
		.main-timeline .timeline:nth-child(2n) .timeline-content {
			width: 95%;
			text-align: center;
			padding: 10px 0
		}
		.main-timeline .title {
			margin-bottom: 10px
		}
	}

	@media only screen and (max-width: 991px) {
		.service:not(first-of-type) {
			margin-top: 30px;
		}
		#about-subsection, #form-subsection {
			padding: 80px;
			min-height: auto;
		}
		#form-subsection {
			margin-top: 55px;
		}
	}

	@media only screen and (max-width: 1199px) {
		#about-subsection, #form-subsection {
			padding: 95px 70px 70px;
			min-height: 560px;
		}
	}
/* /Media query */
/* Animations */
	@keyframes headerTransition {
		from {
			transform: scale(1);
		}
		to {
			transform: scale(1.2);
		}
	}

	@keyframes scrollDown {
		0%, 20%, 50%, 80%, 100% {
		transform: translateY(0);
	  }
		40% {
		transform: translateY(-30px);
	  }
		60% {
		transform: translateY(-15px);
	  }
	}
/* /Animations */