body, header, main, section, article, aside, div, img, h1, h2, h3, h4, h5, h6, p, a, hr, ul, ol, li, table, tr, th, td, form, fieldset, legend, input
{
	margin: 0;
	padding: 0;
}

/*:root
{
     margin: 0;
     padding: 0;
}*/

/* RESET STYLES END HERE
-------------------------------------------------------------*/

body {
     font-family: 'Segoe UI';
     width: 100%;
}


.btn-unique 
{
     background-color: rgba(81, 24, 69, 1);
     color: rgba(255, 255, 255, 1) !important;
     padding: 0.5rem 2rem !important;
}

.btn-unique:hover {
    color: rgba(255, 255, 255, 0.8);
}


.btn-red
{
     background-color: rgba(217, 61, 74, 1);
     border-radius: 3rem;
     color: rgba(255, 255, 255, 1) !important;
     padding: 0.5rem 2rem !important;
}

.btn-unique:hover {
    color: rgba(255, 255, 255, 0.8);
}


#padder
{
     background-color: rgba(81, 24, 69, 1);
     color: rgba(255, 255, 255, 0.8);
     clear: both;
     min-height: 5vh;
     padding: 0.5rem 0 0.5rem 0;
}

#padder .container div[class*=col] p
{
     font-family: inderRegular;
}

#padder .container div[class*=col] p a
{
     color: rgba(255, 255, 255, 1);
}





header 
{
     background-color: rgba(255, 255, 255, 1);
     clear: both;
     color: rgba(81, 24, 69, 1);
     height: auto;
     margin: 0;
     min-height: 50px;
     padding: 0.5rem 0 0 0;
     width: 100%;
     z-index: 999;
}

header .container {
	margin-bottom: 0;
	padding-bottom: 0;
}

header .container div[class*=col-] {
	margin-bottom: 0;
	padding-bottom: 0;
}

header .container div[class*=col-] h1 {
	font-family: inderRegular;
	font-size: 3em;
	padding: 0.2em 0;
}

header .container div[class*=col-] h1 span {
	float: left;
	padding: 0.3em 0 0 0;
}

header .container div[class*=col-] h1 a {
	text-align: left;
	text-decoration: none;
}

header .container div[class*=col-] h1 a:hover {
	text-decoration: none;
}

header .container div[class*=col-] h1 a img {
	float: left;
     margin: 0;
	max-height: 60px;
	padding: 0;
}

header .container div[class*=col] nav a
{
     color: rgba(81, 24, 69, 1);
     font-family: inderRegular;
     margin: 1rem 0.5rem;
     padding: 0.25rem 0.5rem;
}

header .container div[class*=col] nav ul li a.nav-link
{
     color: rgba(81, 24, 69, 1) !important;
     text-transform: capitalize;
}

header .container div[class*=col] nav ul li a.nav-link:hover {
     color: rgba(252, 245, 32, 1);
}

header .container div[class*=col] nav ul form button
{
     color: rgba(81, 24, 69, 1) !important;
     text-transform: capitalize;
}

header .container div[class*=col] nav div a span,
header .container div[class*=col] nav div button span
{
     padding: 0.25rem;
}


/* HEADER STYLES END HERE
-------------------------------------------------------------*/



main
{
	clear: both;
	height: auto;
	margin: 0;
	min-height: 80vh;
	padding: 0;
	width: 100%;
}


main #banner {
     background-attachment: fixed;
     background-image: url("/Content/images/banner.png");
     background-size: cover;
     background-repeat: no-repeat;
	clear: both;
     height: auto;
     margin: 0;
	min-height: 80vh;
	padding: 2rem 0;
	width: 100%;
}

main #banner .container {
     padding-top: 5em;
}

main #banner .container div[class*=col] > div
{
     text-align: center;
     padding: 1rem 0 0 3rem;
}

main #banner .container div[class*=col] h2
{
     color: rgba(255, 255, 255, 1);
     font-family: inderRegular;
     font-size: 3.5rem;
     font-weight: 900;
     margin: 0 0 1rem 0;
     padding: 0;
}

main #banner .container div[class*=col] h2 span
{
     color: rgba(252, 245, 32, 1);
}

main #banner .container div[class*=col] p
{
     color: rgba(255, 255, 255, 1);
     font-family: inderRegular;
     font-size: 1.1rem;
     font-weight: 100;
     line-height: 2rem;
     margin: 0 0 1rem 0;
}

main #banner .container div[class*=col] a
{
     border-radius: 1rem;
     font-family: inderRegular;
     margin: 0.2rem 1.2rem;
}


main #indexCon
{
     clear: both;
     background-color: transparent !important;
     min-height: 25vh;
     padding: 4rem 0;
     text-align: center;
     width: 100%;
}

main #indexCon .container div[class*=col]
{
     margin-bottom: 2rem;
}

main #indexCon .container div[class*=col] div
{
     background-color: rgba(252, 245, 32, 1);
     clear: both;
     color: rgba(0, 0, 0, 1);
     margin: -8rem 0 0 0;
     min-height: 40vh;
     padding: 2.5rem 1.5rem;
     position: relative;
}

main #indexCon .container div[class*=col]:nth-child(odd) div
{
     background-color: rgba(81, 24, 69, 1);
     color: rgba(255, 255, 255, 1);
}

main #indexCon .container div[class*=col] div h2
{
     font-family: inderRegular;
     font-size: 1.5rem;
     margin: 1rem 0;
}

main #indexCon .container div[class*=col] div p
{
     clear: both;
     font-size: 1.1rem;
     margin-bottom: 2rem;
}

main #indexCon .container div[class*=col] div i
{
     background-color: rgba(81, 24, 69, 1);
     border-radius: 4.5rem;
     color: rgba(255, 255, 255, 1);
     clear: both;
     font-size: 3rem;
     padding: 2.5rem;
}

main #indexCon .container div[class*=col]:nth-child(odd) div i
{
     background-color: rgba(252, 245, 32, 1);
     color: rgba(0, 0, 0, 1);
}




main #indexServices
{
     background-color: rgba(255, 255, 255, 1);
     clear: both;
     min-height: 100vh;
     padding: 4rem 0;
     width: 100%;
}

main #indexServices .container
{
     margin-bottom: 4rem;
}

main #indexServices .container > h4
{
     clear: both;
     color: rgba(81, 24, 69, 1);
     font-family: armwrestlerbold;
     font-size: 1.75rem;
     font-weight: 900;
     text-align: center;
     text-transform: uppercase;
}


main #indexServices .container > h2
{
     clear: both;
     color: rgba(0, 0, 0, 1);
     font-family: armwrestlerbold;
     font-size: 4.5rem;
     text-align: center;
     text-transform: capitalize;
}

main #indexServices .container > p
{
     clear: both;
     color: rgba(0, 0, 0, 1);
     font-size: 1.25rem;
     font-weight: 900;
     text-align: center;
}


main #indexServices .container div[class*=col] h2
{
     clear: both;
     color: rgba(0, 0, 0, 1);
     font-family: armwrestlerbold;
     font-size: 1.8rem;
     text-transform: capitalize;
}

main #indexServices .container div[class*=col] h2 span
{
     color: rgba(81, 24, 69, 1);
}

main #indexServices .container div[class*=col] p
{
     clear: both;
     font-weight: 900;
     text-align: justify;
}


main #indexServices .container div[class*=col] a
{
     clear: both;
     border-radius: 1rem;
     font-weight: 900;
}




main #indexStats
{
     background-attachment: fixed;
     background-image: url('/Content/images/indexStatBg.png');
     clear: both;
     min-height: 40vh;
     padding: 8rem 0;
     text-align: center;
     width: 100%;
}

main #indexStats .container > h4
{
     color: rgba(252, 245, 32, 1);
     font-family: armwrestlerbold;
     font-size: 1.8rem;
}

main #indexStats .container > h2 
{
     color: rgba(255, 255, 255, 1);
     padding: 0 0 3rem 0;
     font-family: armwrestlerbold;
     font-size: 3.5rem;
     text-transform: capitalize;
}

main #indexStats .container div[class*=col] span
{
     background-color: rgba(255, 255, 255, 1);
     color: rgba(81, 24, 69, 1);
     border-radius: 5rem;
     font-size: 2rem;
     margin: 1rem 0;
     padding: 2rem;
}

main #indexStats .container div[class*=col] h2
{
     color: rgba(81, 24, 69, 1);
     font-size: 2.5rem;
     font-family: inderRegular;
     margin: 0.5rem 0;
}

main #indexStats .container div[class*=col] h2 sup
{
     color: rgba(252, 245, 32, 1);
}

main #indexStats .container div[class*=col] h4
{
     color: rgba(255, 255, 255, 1);
     font-size: 1.5rem;
     font-family: inderRegular;
     margin: 0.5rem 0;
}


main #indexCaseStudies {
     clear: both;
     min-height: 80vh;
     padding: 2rem 0;
     width: 100%;
}

main #indexCaseStudies .container div[class*=col] div
{
     clear: both;
     clip-path: polygon(50% 0%, 83% 12%, 100% 43%, 94% 78%, 68% 100%, 32% 100%, 6% 78%, 0% 43%, 17% 12%);
     -webkit-clip-path: polygon(50% 0%, 83% 12%, 100% 43%, 94% 78%, 68% 100%, 32% 100%, 6% 78%, 0% 43%, 17% 12%);
}

main #indexCaseStudies .container div[class*=col]:last-of-type 
{
     padding-top: 7rem;
}

main #indexCaseStudies .container div[class*=col] p {
     font-size: 1.1rem;
     font-family: inderRegular;
     font-style: italic;
     color: rgba(0, 0, 0, 1);
     margin-top: -5rem;
     padding: 0 3rem;
     text-align: center;
}

main #indexCaseStudies .container div[class*=col] > span {
     font-size: 5rem;
     font-family: armwrestlerbold;
     color: rgba(252, 245, 32, 0.8);
     margin: 0;
     padding: 0;
}

main #indexCaseStudies .container div[class*=col] > span:last-of-type 
{
     float: right;
     text-align: right;
     margin-top: -3rem;
}

main #indexCaseStudies .container div[class*=col] > h2 {
     font-size: 1.5rem;
     font-family: armwrestlerbold;
     margin: 0;
     padding: 0;
     text-align: center;
}

main #indexCaseStudies .container div[class*=col] > h2 span {
     color: rgba(81, 24, 69, 1);
}

main #indexCaseStudies .container div[class*=col]:last-of-type div {
     clip-path: none;
     text-align: center
}



main #indexTestimonials
{
     background-attachment: fixed;
     background-image: url('/Content/images/indexTestimonials.png');
     background-position: center center;
     background-repeat: no-repeat;
     background-size: cover;
     clear: both;
     color: rgba(255, 255, 255, 1);
     height: 70vh;
     min-height: 95vh;
     padding: 5rem 0;
     text-align: center;
     width: 100%;
}

main #indexTestimonials .container > h2
{
     clear: both;
     color: rgba(252, 245, 32, 1);
     font-family: inderRegular;
     font-size: 1.75rem;
     text-align: center;
}

main #indexTestimonials #carouselTestimonial
{
     clear: both;
     margin-bottom: 1.5rem;
}

main #indexTestimonials #carouselTestimonial .container div[class*=col] img
{
     background-color: rgba(255, 255, 255, 1);
     border: 7px solid rgba(252, 245, 32, 1);
     border-radius: 10rem;
     margin: 1rem;
     max-height: 150px;
}

main #indexTestimonials #carouselTestimonial .container div[class*=col] p
{
     clear: both;
     font-size: 1.25rem;
     padding: 1rem 3rem;
}

main #indexTestimonials #carouselTestimonial .container div[class*=col] h4
{
     clear: both;
     color: rgba(252, 245, 32, 1);
     font-family: inderRegular;
     font-size: 2rem;
}

main #indexTestimonials #carouselTestimonial .container div[class*=col] h5
{
     clear: both;
     font-family: inderRegular;
     font-size: 1rem;
     margin-bottom: 1rem;
}

main #indexTestimonials #carouselTestimonial .carousel-inner
{
     clear: both;
     margin: 2rem 0;
}

main #indexTestimonials #carouselTestimonial .carousel-indicators
{
     bottom: -50px;
     clear: both;
     margin: 2rem 0;
     position: absolute;
}





main #indexPartners {
     clear: both;
     min-height: 40vh;
     padding: 2rem 0;
     text-align: center;
     width: 100%;
}

main #indexPartners .container {
     padding-top: 2rem; 
}

main #indexPartners .container > h2 {
     color: rgba(81, 24, 69, 1);
     font-size: 2.5rem;
     font-family: armwrestlerbold;
     margin: 0;
     padding: 1.5rem auto;
     text-align: center;
}

main #indexPartners .container .row div[class*=col] div {
     clear: bottom;
     margin-top: 1.5rem;
     padding: 2.5rem auto 0;
     text-align: center;
     width: 100%;
}

main #indexPartners .container .row div[class*=col] div img {
     border-bottom: 1px solid rgba(81, 24, 69, 1);
}




/* CONTENT STYLES END HERE
-------------------------------------------------------------*/
footer 
{
     background-color: rgba(0, 0, 0, 1);
     clear: both;
     color: rgba(255, 255, 255, 1);
     height: auto;
     margin: 1rem 0 0 0;
     min-height: 20vh;
     padding: 2rem 0 0 0;
     width: 100%;
}

footer #footerCon
{
     clear: both;
     min-height: 20vh;
     padding: 4rem 0;
     width: 100%;
}

footer #footerCon .container div[class*=col] h4
{
     clear: both;
     color: rgba(255, 255, 255, 1);
     font-size: 1.5rem;
     font-weight: 900;
     padding: 1.5rem 0;
     text-align: justify;
}

footer #footerCon .container div[class*=col] p
{
     clear: both;
     color: rgba(255, 255, 255, 0.5);
     font-size: 0.9rem;
     font-weight: 100;
     text-align: justify;
}

footer #footerCon .container div[class*=col] p a
{
     color: rgba(255, 255, 255, 1);
     font-family: inderRegular;
     text-decoration: none;
}

footer #footerCon .container div[class*=col] div.socials
{
     clear: both;
     margin: 1rem 0 0 0;
}

footer #footerCon .container div[class*=col] div.socials a
{
     text-decoration: none;
     margin: 1rem 0.5rem 0 0;
     text-decoration: none;
}

footer #footerCon .container div[class*=col] div.socials a i
{
     background-color: rgba(255, 255, 255, 1);
     border-radius: 2rem;
     color: rgba(81, 24, 69, 1);
     padding: 1rem;
}

footer #footerCon .container div[class*=col] div.socials a:hover i
{
     background-color: rgba(81, 24, 69, 1);
     color: rgba(255, 255, 255, 1);
}

footer #footerCon .container div[class*=col] ul
{
     clear: both;
     display: inline-block;
     list-style: none;
}

footer #footerCon .container div[class*=col] ul li
{
     clear: both;
}

footer #footerCon .container div[class*=col] ul li a
{
     clear: both;
     color: rgba(255, 255, 255, 1);
     font-family: inderRegular;
     font-size: 1rem;
     padding: 0.5rem 0;
     text-decoration: none;
}

footer #footerCon .container div[class*=col] form
{
     clear: both;
}

footer #footerCon .container div[class*=col] form input
{
     clear: both;
     color: rgba(0, 0, 0, 1);
     margin: 1rem 0;
     padding: 1rem;
}

footer #footerCon .container div[class*=col] form button
{
     background-color: rgba(81, 24, 69, 1);
     border-radius: 0; 
     clear: both;
     color: rgba(255, 255, 255, 1);
     font-family: inderRegular;
     padding: 1rem 2rem;
}



footer #footerRights
{
     background-color: rgba(81, 24, 69, 1);
     border-top: 1px solid rgba(255, 255, 255, 0.5);
     clear: both;
     min-height: 2vh;
     padding: 2rem 0;
     width: 100%;
}

footer #footerRights .container div[class*=col] p
{
     font-weight: 100;
}

footer #footerRights .container div[class*=col] p a
{
     color: rgba(255, 255, 255, 1);
     font-family: inderRegular;
     text-decoration: none;
}