/**********************
DEFAULT
***********************/
body
	{padding-top: 100px; font-family: 'Raleway', sans-serif; font-size: 25px; color: #000035; line-height: 20px; font-weight: 600;}
ul, ol
	{list-style-type: none; padding: 0; margin: 0;}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6,label, button, .btn, p 	
	{margin: 0;}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 
	{display: block;}

h1, .h1 	
	{font-size: 110px; font-weight: 600; text-transform: uppercase;}

h2.section-title, .h2.section-title
	{font-size: 70px; font-weight: 600; text-transform: uppercase; color: #2C4755;}

h2.section-title:after, .h2.section-title:after
	{display: block; content: ''; width: 100%; height: 15px; background: url('../images/svg/separator.svg') center center no-repeat; margin-top: 35px;}
.title-content
	{text-align: center;}
.title-content p
	{margin-top: 25px;}
h3, .h3
	{font-size: 35px; font-weight: 600; text-transform: uppercase;}
h4, .h4
	{font-size: 20px; font-weight: 400; text-transform: none;}
section
	{position: relative; background-color: #FFF;}
.overlay
	{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(50, 70, 80, 0.25);}

/**********************
BUTTONS
***********************/
.btn-default
	{padding: 10px 0; width: 200px; letter-spacing: 0.025em; text-transform: uppercase; font-size: 20px; font-weight: 600; border-radius: 20px; 
		box-sizing: border-box; transition: all 0.3s; outline: none; box-shadow: none;}
					
.btn-default.white-yellow 
	{color: #111; background-color: #FFF; border: 3px solid #D25240; text-decoration: none; margin-bottom: 25px;}

.btn-default.white-yellow:hover, .btn-default.white-yellow.active.focus, .btn-default.white-yellow.active:focus, .btn-default.white-yellow.active:hover, 
.btn-default.white-yellow:active.focus, .btn-default.white-yellow:active:focus,.btn-default.white-yellow:active:hover
	{color: #FFF; background: #D25240; border: 3px solid #D25240; box-shadow: none; outline: none; text-shadow: 2px 2px 5px #D25240;}

.btn-default.yellow-white
	{color: #FFF; background-color: #D25240; border: 1px solid #D25240;}

.btn-default.yellow-white:hover, .btn-default.yellow-white.active.focus, .btn-default.yellow-white.active:focus, 
.btn-default.yellow-white.active:hover, .btn-default.yellow-white:active.focus, .btn-default.yellow-white:active:focus, 
.btn-default.yellow-white:active:hover
	{color: #D25240; background: #FFF; border: 1px solid #D25240; box-shadow: none; outline: none;}

.btn-default.white-blue 
	{color: #324650; background-color: #FFF; border: 1px solid #FFF;}
.btn-default.white-blue:hover, .btn-default.white-blue.active.focus, .btn-default.white-blue.active:focus, .btn-default.white-blue.active:hover, 
.btn-default.white-blue:active.focus, .btn-default.white-blue:active:focus, .btn-default.white-blue:active:hover 	
	{color: #FFF; background: #324650; border: 1px solid #FFF; box-shadow: none; outline: none;}

/**********************
SOCIAL ICONS
***********************/
.social-list
	{margin-top: 45px;}
.social-list li
	{display: inline-block; margin-right: 17px;}
.social-list li:last-of-type
	{margin-right: 0;}
.social-list a
	{position: relative; display: block; width: 35px; height: 35px; color: #324650; background: #fafafa; border: 1px solid #FFF; 
		border-radius: 100%; box-sizing: border-box; text-decoration: none; text-align: center; transition: all 0.3s ease-out;}
.social-list a:hover
	{color: #FFF; background: #D25240;}
.si
	{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); line-height: 35px;}

/**********************
NAVIGATION
***********************/
#main-navigation.navbar
	{min-height: 100px; font-family: 'Raleway', sans-serif; font-weight: 600; text-transform: uppercase; line-height: 1; margin-bottom: 0;}
#main-navigation.navbar .navbar-nav
	{display: inline-block; float: none;}
#main-navigation.navbar .navbar-collapse
	{text-align: center;}
#main-navigation.navbar-fixed-top .navbar-collapse
	{max-height: 380px;}
#main-navigation.navbar-default
	{background-color: #FFF;}

#main-navigation .navbar-brand, #main-navigation.navbar-default .navbar-nav > li > a.navbar-brand 	
	{height: 100px; padding: 29px 45px 23px;}

#main-navigation .navbar-brand img
	{max-height: 100px; margin-top: -30px;}
#brand-mobile
	{display: none;}
#main-navigation .navbar-brand-center
	{position: absolute; left: 50%; transform: translateX(-50%);}
#brand-desktop
	{display: block;}
.navbar-default .navbar-nav > li > a	
	{font-size: 15px; color: #324650; padding: 40px 45px;}

#main-navigation.navbar-default .navbar-nav > li > a:focus, #main-navigation.navbar-default .navbar-nav > li > a:hover
	{color: #D25240; background-color: transparent;}

#main-navigation.navbar-default .navbar-nav > .active > a, #main-navigation.navbar-default .navbar-nav > .active > a:focus, 
#main-navigation.navbar-default .navbar-nav > .active > a:hover
	{color: #324650; background-color: transparent;}

#main-navigation.navbar-default .navbar-toggle
	{margin-top: 35px; margin-bottom: 34px; border: 0; border-radius: 0;}
#main-navigation.navbar-default .navbar-toggle:focus, 
#main-navigation.navbar-default .navbar-toggle:hover
	{background-color: transparent;}
#main-navigation.navbar-default .navbar-toggle .icon-bar
	{background: #D25240; width: 25px; -webkit-transition: all 0.3s; transition: all 0.3s;}
#main-navigation .navbar-toggle.collapsed .icon-bar
	{background: #324650;}

.navbar-toggle .icon-bar:nth-of-type(1)
	{-webkit-transform: rotate(45deg); 	-ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: 10% 10%;
			-ms-transform-origin: 10% 10%; transform-origin: 10% 10%;}
.navbar-toggle .icon-bar:nth-of-type(2)
	{opacity: 0; 	filter: alpha(opacity=0);}
.navbar-toggle .icon-bar:nth-of-type(3)
	{-webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); 
		-webkit-transform-origin: 10% 90%; -ms-transform-origin: 10% 90%; transform-origin: 10% 90%;}
.navbar-toggle.collapsed .icon-bar:nth-of-type(1)
	{-webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0);}
.navbar-toggle.collapsed .icon-bar:nth-of-type(2)
	{opacity: 1; filter: alpha(opacity=100);}
.navbar-toggle.collapsed .icon-bar:nth-of-type(3) 
	{-webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0);}

/**********************
HOME SECTION
***********************/
#home 
	{height: 600px;}
.carousel
	{width: 100%; height: 100%;}
.carousel .item
	{height: 600px; background: url("../images/photos/barn-farmland.jpg") center center no-repeat; background-size: cover;}
.carousel-caption
	{padding: 0; bottom: 50%; transform: translateY(50%);}
.carousel-caption .btn-default 
	{margin-top: 30px;}
.carousel-caption .h1
	{margin-top: 25px;}
.carousel-caption p
	{margin-top: 35px;}
.carousel-indicators li
	{margin: 1px 10px; border-color: #FFF; background-color: #FFF;}
.carousel-indicators .active
	{margin: 0 10px; border-radius: 10px; border-color: #D25240; background-color: #D25240;}
.carousel-control
	{opacity: 0;}
.carousel-control span
	{color: #D25240;}

/**********************
HISTORY SECTION
***********************/
#about
	{padding: 85px 0 0; background-color: #D25240; color: #FFF;}
.about-container
	{position: relative; margin-top: 75px; padding: 0 0 75px;}
.about-container .line
	{position: absolute; top: 65px; width: 80%; left: 10%; border-top: 2px solid #D25240;}
.about-container .service
	{max-width: 270px; margin: 0 auto; text-align: center;}
.about-container .service h4
	{margin-top: 53px; text-transform: uppercase; font-weight: 600;}
.about-container .service p
	{margin-top: 30px;}
#about .we-make-section 
	{background: url("../images/photos/plowing-overlay.jpg") center center no-repeat; background-size: cover; position: relative; padding: 75px 0 0;}
.we-make-section .img-container
	{margin-bottom: 20px;}
.we-make-section h3
	{color: #D25240; margin-top: 15px;}
.we-make-section p
	{margin-top: 37px; color: #FFF;}
.we-make-section .features-list
	{margin: 45px 0 0 30px; color: #FFF; text-transform: uppercase;}
.we-make-section .features-list li
	{position: relative; line-height: 30px; margin-left: 60px; margin-bottom: 10px;}

.we-make-section .features-list li:before 	
	{content: ''; display: block; position: absolute; width: 30px; height: 30px; left: -60px; background: url('../images/svg/circle_plus.svg') center center no-repeat;}
.about-cta-container
	{padding: 35px 0; text-align: center; background: #D25240;}

/**********************
ABOUT US SECTION
***********************/
#about 		{padding: 55px 0 50px;}
/* 
.about-team 	{margin-top: 55px;}
.about-team .team-member:focus {outline: none;}
.about-team .team-member .img-container img {display: inline-block;}
.about-team .team-member .description	 {max-width: 100%;}

.about-team .team-member h4, 
.about-team .team-member .h4 {margin-top: 65px; font-size: 25px; font-weight: 600; color: #D25240;}

.about-team .team-member .position {margin-top: 20px; font-weight: 600; color: #324650; text-transform: uppercase;}
.about-team .team-member .biography {margin-top: 35px;}

.about-team .team-member .biography p:not(:first-of-type) {margin-top: 15px;}
 */

/**********************
CONTACT US SECTION
***********************/
#contact
	{padding: 55px 0 55px; background: #41593B; color: #FFF;}
#contact .section-title
	{color: #FFF;}
#contact .contact-form
	{margin-top: 55px;}
#contact .contact-form input, #contact .contact-form textarea
	{display: block; width: 100%; font-weight: 300; padding: 20px 25px; color: #FFF; background: transparent; border: 1px solid #FFF; border-radius: 5px;}

#contact .contact-form input:focus, #contact .contact-form input:active, #contact .contact-form textarea:focus, #contact .contact-form textarea:active 
	{outline: none;}
#contact .contact-form textarea
	{resize: none;}

#contact .contact-form input::-webkit-input-placeholder, #contact .contact-form textarea::-webkit-input-placeholder
	{color: #EABDA0; font-size: 80%} /* Chrome/Opera/Safari */ 
#contact .contact-form input::-moz-placeholder, #contact .contact-form textarea::-moz-placeholder
	{color: #EABDA0; font-size: 80%}  /* Firefox 19+ */
#contact .contact-form input:-ms-input-placeholder, #contact .contact-form textarea:-ms-input-placeholder
	{color: #EABDA0; font-size: 80%}  /* IE 10+ */ 
#contact .contact-form input:-moz-placeholder, #contact .contact-form textarea:-moz-placeholder
	{color: #EABDA0; font-size: 80%}  /* Firefox 18- */ 

#contact .contact-form .row:last-of-type
	{margin-top: 30px;}
#contact .contact-form .btn 
	{display: block; margin: 55px auto 0; font-size: 13px; width: 170px; padding: 10px 0;}

/**********************
FOOTER SECTION
***********************/
#footer
	{padding: 55px 0 50px; background: #182225; color: #FFF; font-size: 20px; font-weight: 300; text-align: center;}
#footer .tel 
	{margin-top: 25px;}
#footer .social-list 
	{margin-top: 35px;}
#footer .social-list li 
	{margin-right: 25px;}
#footer .copyright 
	{margin-top: 25px; font-size: 14px;}

/**********************
HELPER CLASSES
***********************/
.text-yellow
	{color: #D25240;}
.img-container
	{text-align: center;}
.img-container img
	{max-width: 100%;}
.grabbable
	{cursor: move; cursor: grab; cursor: -moz-grab; cursor: -webkit-grab;}
.grabbing
	{cursor: grabbing; cursor: -moz-grabbing; cursor: -webkit-grabbing;}

/**********************
RESPONSIVE
***********************/
@media only screen and (min-width: 1440px) {
/**********************
HOME SECTION
***********************/
.carousel-caption
	{left: 25%; right: 25%;}

}/* end media query */

@media only screen and (max-width: 1199px) {
/**********************
NAVIGATION
***********************/
#main-navigation .container
	{width: 100%;}
#main-navigation.navbar-default .navbar-nav > li > a
	{padding: 40px 25px;}

#main-navigation .navbar-brand, 
#main-navigation.navbar-default .navbar-nav > li > a.navbar-brand 	
	{padding: 30px 25px 25px;}

/**********************
PORTFOLIO SECTION
***********************/
.portfolio-grid .grid-item, .portfolio-grid .gap 
	{width: calc(100%/2 - (((2 - 1) * 29px) / 2));}

}/* end media query */

@media only screen and (max-width: 991px) {
/**********************
about SECTION
***********************/
.about-container .service
	{margin-top: 45px;}
.about-container .line
	{display: none;}
.features-container
	{max-width: 650px; margin: 0 auto; padding: 0 15px; text-align: center;}
.we-make-section .img-container
	{margin-bottom: 0; margin: 60px auto;}
.we-make-section .features-list
	{display: inline-block; margin: 44px auto 0; text-align: left;}

/**********************
PORTFOLIO SECTION
***********************/
.video-section h4
	{margin-top: 45px;}
#portfolio .video-section .btn
	{display: block; margin: 30px auto 0;}

/**********************
ABOUT US SECTION
***********************/
.about-team .team-member .description
	{text-align: center; margin-bottom: 45px;}
.about-team .team-member h4, .about-team .team-member .h4
	{margin-top: 35px;}
.about-team .team-member .description .biography
	{text-align: left;}

/**********************
SKILLS & COMPANY SUBSECTION
***********************/
.company-subsection h4
	{margin-top: 90px;}
.company-subsection .description
	{margin-top: 30px;}

/**********************
CONTACT US SECTION
***********************/
#contact .contact-form .row div:not(:first-of-type)
	{margin-top: 30px;}

/**********************
HELPER CLASSES
***********************/
/* Reverse the order of columns on xs*/
.row.reorder-sm
	{-webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); 
		transform: rotate(180deg); direction: rtl; /* Fix the horizontal alignment */ }
.row.reorder-sm > [class*="col-"] 	
	{-webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -ms-transform: rotate(-180deg); -o-transform: rotate(-180deg); 
		transform: rotate(-180deg); direction: ltr; /* Fix the horizontal alignment */ }
}/* end media query */

@media only screen and (max-width: 767px) {
/**********************
DEFAULT
***********************/
h2.section-title
	{font-size: 50px;}

/**********************
NAVIGATION
***********************/
#main-navigation.navbar .navbar-nav
	{display: block;}
#brand-mobile
	{display: block;}
#main-navigation .navbar-brand-center
	{padding: 30px 45px 25px;}
#brand-desktop
	{display: none;}
#main-navigation.navbar-default .navbar-nav > li > a 	
	{padding: 20px 0;}

/**********************
HOME SECTION
***********************/
.carousel-caption .h1
	{font-size: 55px;}

/**********************
PORTFOLIO SECTION
***********************/
.portfolio-grid .grid-item, .portfolio-grid .gap
	{width: calc(100% - (30px * 2)); margin-left: 30px; margin-right: 30px;}
.business-section .img-container
	{margin: 50px 0 30px;}

/**********************
ABOUT US SECTION
***********************/
.team-member.slick-slide
	{opacity: 1;}

/**********************
BLOG SECTION
***********************/
.first-row-entry, .second-row-entry
	{margin-top: 45px;}
#blog .newsletter-form #Email
	{max-width: 370px; margin: 0 auto;}
#blog .newsletter-form .btn
	{max-width: 170px; margin: 30px auto 0;}

}/* end media query */

/* All additional customization is done in custom.css */
/* CSS validated on 02-10-2024 */