/* CSS By ONEAL
	
	Notes:
	
	URL:	/templates/j4starter/images
	
	Colours
	
	Red			-	#c22222 !important
	Dark Green	-	#509c57
	
	
	
*/

@charset "utf-8";

body {background: #A9A9A9 url(../images/body_bg.jpg);color: #717171;font-size: 0.8em;line-height: 170%;font-family: 'Arial',Helvetica,Arial,Sans-Serif;}
header{position: relative;}
#banner{position: absolute; top: 0; right: 0;}

h1{font-family: 'Cabin Condensed', sans-serif;font-weight: 600 !important;font-size: 32px;line-height: 130%;margin:0 0 18px 0;}
h2{font-family: 'Cabin Condensed', sans-serif;font-weight: 600 !important;font-size: 1.7em;line-height: 130%;margin:0 0 18px 0;}
h3{}
p{padding: 5px;padding-left: 0px;padding-right: 0px;font-size: 16px;color: #717171;}
a{text-decoration: none; color: #c22222;}

.navbar{width: 100%; background: #c22222;padding: 0;margin: 0 0 15px 0;}

div#maximenuck145 ul.maximenuck {background: #c22222;}
div#maximenuck145 ul.maximenuck li.maximenuck.level1 {border-right: 1px solid #ffffff42;}
div#maximenuck145 ul.maximenuck li.maximenuck.level1:hover, div#maximenuck145 ul.maximenuck li.maximenuck.level1.active {background: #3b3b3b;}
div#maximenuck145 ul.maximenuck li.maximenuck.level1:hover > a span.titreck, div#maximenuck145 ul.maximenuck li.maximenuck.level1.active > a span.titreck, div#maximenuck145 ul.maximenuck li.maximenuck.level1:hover > span.separator, 
div#maximenuck145 ul.maximenuck li.maximenuck.level1.active > span.separator {color: #fff;}
div#maximenuck145 ul.maximenuck li.maximenuck.level1 > a, div#maximenuck145 ul.maximenuck li.maximenuck.level1 > span.separator {text-transform: uppercase;font-size: 15.4px;}


#container{
    box-shadow: 0px 0px 56px rgba(0, 0, 0, 0.12);
    background: #FFFFFF;
    max-width: 1200px !important;
    width: 92%;
    margin: 35px auto;
}
#body_inner{padding: 30px;}

#top_rows {background: url(../images/row_bg.png) repeat-x bottom left;background-repeat: repeat;margin: 0 -30px;padding: 30px;}

#top_rows .top_row_inners{
    display: grid;
    grid-gap: 1rem;
    grid-template-columns: repeat(auto-fit, minmax(30%, 1fr));
  }

#top_rows .top_row_inners img{width: 100%; height: auto;}

#top_rows .top_row_inner1{}
#top_rows .top_row_inners .top_row1{
    background: #FFFFFF;
    border: solid 1px #D8D7D7;
    padding: 18px;
}

main{padding: 30px 0;}

#leftcol .mod-custom{
    background: #FFFFFF;
    border: solid 1px #D8D7D7;
    padding: 18px;margin-bottom: 30px;
}

.well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,.2);
    -moz-box-shadow: inset 0 0 3px rgba(0,0,0,.2);
    box-shadow: inset 0 0 3px rgba(0,0,0,.2);
}
.control-group{margin-bottom: 20px;}



/************** Mobile/ Responsive CSS  ***************/
@media screen and (max-width: 1200px){
	html{}
	h1{}
	h2{}
	
}

@media screen and (max-width: 1024px){
	html{}
	h1{}
	h2{}
	
}

@media screen and (max-width: 1023px){
	html{}
	h1{}
	h2 {line-height: 24px !important;}
	#top_rows .top_row_inners {grid-template-columns: repeat(auto-fit, minmax(100%, 1fr));}
	[data-id="maximenuck145"] .mobilemenuck-bar-title {background: #000;}
	[data-id="maximenuck145"] .mobilemenuck-item > .level1 {background: #c22222;}
	.col-xs-12.col-lg-4{order: 2;}
	.footer p{font-size: 12px;}
	#body_inner {padding: 20px;}
	#top_rows {margin: 0 -20px;padding: 15px;}
	
}

@media screen and (max-width: 768px){
	html{}
	h1{}
	h2{}
	
}

@media screen and (max-width: 767px){
	html{}
	h1{}
	h2{}
	
}