/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/
body {
    font-family: "Lato", sans-serif;
    font-weight: 400;
    font-style: normal;
}

.lato-thin {
    font-family: "Lato", sans-serif;
    font-weight: 100;
    font-style: normal;
}

.lato-light {
    font-family: "Lato", sans-serif;
    font-weight: 300;
    font-style: normal;
}

.lato-regular {
    font-family: "Lato", sans-serif;
    font-weight: 400;
    font-style: normal;
}

.lato-bold {
    font-family: "Lato", sans-serif;
    font-weight: 700;
    font-style: normal;
}

.lato-black {
    font-family: "Lato", sans-serif;
    font-weight: 900;
    font-style: normal;
}

.lato-thin-italic {
    font-family: "Lato", sans-serif;
    font-weight: 100;
    font-style: italic;
}

.lato-light-italic {
    font-family: "Lato", sans-serif;
    font-weight: 300;
    font-style: italic;
}

.lato-regular-italic {
    font-family: "Lato", sans-serif;
    font-weight: 400;
    font-style: italic;
}

.lato-bold-italic {
    font-family: "Lato", sans-serif;
    font-weight: 700;
    font-style: italic;
}

.lato-black-italic {
    font-family: "Lato", sans-serif;
    font-weight: 900;
    font-style: italic;
}

.banner {
    background-image: url(../images/bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
}

.breadcrumbs {
    background-image: url(../images/brecumb.png);
    background-repeat: repeat-x;
    background-size: contain;
    background-position: left top;
}

.inner-banner {
    padding-top: 150px;
}

.bg-competition {
    background-image: url(../images/4.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.feature {
    background-image: url(../images/4.png);
    background-size: cover;
    background-position: top center;
}

.splash {
    background-image: url(../images/splash.png);
    background-size: cover;
    background-position: left top;
    background-repeat: repeat-x;
}

.image-welcome {
    background-image: url(../images/3-.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}