/*************************************/
/******* Alltraders Template *******/
/***********************************/
/*** http://www.alltraders.com ***/
/**** support@alltraders.com ****/

/************************/
/*** Core html ***/
/**********************/

/* Reset all values */


body {
	font-family: Helvetica, "Helvetica Neue", Arial, sans-serif; 
    min-height: 100%;
    padding: 0;
	background: #1a1a1a url(../images/background.jpg) repeat-x top left;
    color: #ddd;
    font-size: 17px;
    line-height: 22px;
    margin: 0;
}

a {
	color: #eeb541;
}

a:hover {
	color: #efbe5a;
	text-decoration: none;
}

a:focus {
	background: none;
}

a:active, a:hover {
    outline: 0 none;
}

ul {
    color: #ddd;
}

h1 {
	font-size: 18px;
}

h2 {
    color: #eeb541;
    font-size: 25px;
    margin: 0 0 10px 0;
}

h1,
h3 {
	color: #f5c758;
    font-size: 21px;
	margin: 0 0 15px;
}

ul li {
	list-style:disc outside none;
	margin: 0 0 0 20px; 
}

ol li {
	list-style:inherit outside none;
	margin: 0 0 0 20px; 
}

.gold {
	color: #eeb541;
}


/************************/
/*** Content ***/
/**********************/

#logo {
	margin: 35px 0;
}

#logo p {
	margin: 0px;
}

#headerRight {
	float: right;
	text-align: right;
	margin-top: 18px;
}

#contactDetails {
	font-size: 17px;
	margin-bottom: 43px;
}

#navigation a {
	font-size: 16px;
	text-transform: uppercase;
	background-image: none;
}

#messages { background: #ffe404; min-height: 35px; display: flex; align-items: center; justify-content: center; text-align: center; padding: 10px;}
#messages p { margin: 0px auto; color: #1c1c1c; font-size: 16px; }
#messages .fa {  }
#messages p a { font-weight: bold; color: #333; text-decoration: underline; }

.responsiveMenu {
	float: right;
	background: none;
	line-height: 200%;
}

.responsiveMenu>li>a:hover, .responsiveMenu>li.active > a {
	background: none;
}

/*.responsiveMenu>li a:after {
    color: rgba(90, 89, 87, 0.8);
    content: "/";
}

.responsiveMenu>li:last-child a:after, .responsiveMenu li li a:after {
    content: none;
}*/

.responsiveMenu li a span {
    margin-right: 10px;
}

.responsiveMenu a {
    padding: 0 3px 0 0;
}

.responsiveMenu a:hover {
	text-decoration: none;
}

.responsiveMenu li {
    list-style: none outside none;
    padding: 0 0 0 5px;
}

.responsiveMenu li ul li { padding: 0; }

.responsiveMenu li ul li a { padding: 1px 9px; text-transform: none !important; }

.responsiveMenu ul {
    width: 280px;
    text-align: left; 
}

.responsiveMenu #item-133 ul { width: 180px; }
  
.formRed {
	display: none;
}

.formError {
	color: #ffffff !important;
    font-size: 11px !important;
    margin: 0 0 0 5px !important;
}

#item-111 a {
	padding-right: 0px;
}

#top_banner {
	margin-bottom: 50px;
}

#contentBottom{
background: #212121;
margin: 25px 0;
  margin-bottom: 35px;
padding: 56px 0 46px 0;
border: 1px solid rgb(238 181 65 / 72%);
border-radius: 15px;
}

#contentBottom h3 {
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 18px;
	font-family: 'Bebas Neue', sans-serif;
    font-size: 34px;
    letter-spacing: 0.05rem;
}

#contentBottom h2 {
	text-align: center;
	margin-bottom: 24px;
	font-size: 22px;
}

#contentBottom p {
	line-height: 25px;
}

#footerwrapper {
	margin-top: 35px;
	margin-bottom: 20px;
}

#footerRight {
	font-size: 13px;
	padding-top: 35px;
	opacity: 0.8;
    filter: alpha(opacity=80); /* For IE8 and earlier */
}

#footerLeft {
	opacity: 0.8;
    filter: alpha(opacity=80); /* For IE8 and earlier */
	padding-top: 20px;
	font-size: 13px;
}

#footerLeft a {
	color: #c8c7c4;
}

#footerLeft a:hover {
	color: #efbe5a;
	text-decoration: none;
}

.text {
	font-size: 16px;
}

.formResponsive select, .formResponsive textarea, .formResponsive input[type="text"], .formResponsive input[type="password"] {
	height: auto;
}

.formResponsive .formHorizontal .formControls {
	margin-left: 130px;
}

.formResponsive .formHorizontal .formControlLabel {
	text-align: left;
}

.formResponsive input, .formResponsive textarea {
	width: calc(100% - 10px);
}

.formResponsive .formHorizontal .rsform-block {
	margin-bottom: 0px;
}

.responsiveMenu > li:hover > a {
	background: none;
}

#Submit {
	background-color: #faa732;
    background-image: linear-gradient(to bottom, #fbb450, #f89406);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

#logoSlider {
	background: #FFFFFF;
  padding: 50px 20px;
  margin: 20px 0; 
}

#logoSlider h3 { 
    text-align: center;
    padding: 0 0 15px 0;
    margin: 0;
    font-family: 'Bebas Neue', sans-serif;
    font-size: 34px;
}

.page-header {
	border-bottom: none;
	margin: 0px 0 7px 0;
    line-height: 34px;
	border-top: 4px solid rgba(49, 49, 49, 0.8);
	padding-top: 30px;
}

.page-header h2 {
padding: 0px;
margin: 0px;
font-size: 48px;
font-family: "bebas neue";
letter-spacing: 0.05rem;
}

body.contentpane {
		width:auto;
		margin:10px;
		text-align: left;
}

img { border: 0 none; }

/************************/
/*** Pagination ***/
/**********************/

div.pagination {
    clear: both;
    text-align: center;
    margin: 15px 0 0 0;
}
 
div.pagination p.counter {
    font-style: italic;
}
 
div.pagination ul {
    list-style: none;
    padding: 0;
}
 
div.pagination ul li {
    list-style: none;
    display: inline;
}

div.pagination  li {
	background: #f2f2f2;
	padding: 5px 10px;
	margin-right: 10px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

div.pagination  li a {
	color: #5F4579;
	font-weight: bold;
}

div.pagination  li span {
	color: #B7B9BD;
}

.counter {
	display: none;
}

.mceContentBody  {
	text-align: left !important;
}

.isMobile > li > a {
	padding: 5px 0;
}

.isMobile > li  {
	padding: 0px;
}

.isMobile, .isMobile a:focus {
	width: 100%;
	text-align: center;
	background: #eeb541 !important;
	color: #FFFFFF !important;
	font-weight: bold;
}

ul.isMobile {
background: #272727 !important;
}

@media all  
and (max-width : 480px) {

body {
	font-size: 15px;
}

#headerRight .gold {
    float: none;
    margin-top: 5px;
    text-align: center;
}

#navigation {
margin: 15px 0;
}

#contactDetails {
	margin-bottom: 10px;
}

h2 {
	font-size: 17px;
}

#contentBottom h3 {
	font-size: 16px;
}

#navigation a {
	text-transform: none;
}

#contentBottom {
    background: none repeat scroll 0 0 #272727;
    margin-top: 15px;
    padding: 15px;
}

.new {
	display: block;
	text-align: center;
}

#logo {
	margin: 35px 0 0;
}

#contactDetails {
	line-height: 11px;
}

#contentBottom h2 {
	margin-bottom: 0px;
	font-size: 17px;
}

#contentBottom span, #contentBottom p  {
	font-size: 15px !important;
}
}

@media all  
and (min-width : 481px) 
and (max-width : 773px) {

#contactDetails {
	margin-bottom: 15px;
}

#headerRight .gold {
    float: none;
    margin-top: 5px;
    text-align: center;
}

#contactDetails {
	margin-bottom: 0px;
} 

#navigation {
	margin: 15px 0;
}

#logoHeader {
    float: none;
    text-align: center;
}

#logo {
    text-align: center !important;
    margin: 35px 0 25px;
}

.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img {
	display: inline !important;
}
}

@media all and (min-width : 774px) and (max-width : 1028px) {

#headerRight .gold {
    float: none;
    margin-top: 5px;
    text-align: center;
}

#headerRight {
	text-align: center;
}
  
#navigation .responsiveMenu {
	float: none;
	margin: 0 auto;
	width: 32em;
}
  
#contactDetails {
	margin-bottom: 0px;
} 

#navigation {
	margin: 15px 0 15px 0;
}

#logo {
    text-align: center !important;
	margin: 35px 0 25px;
}

.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img {
	display: inline !important;
}

#navigation a {
	font-size: 13px;
}

}

@media all 
and (min-width : 1029px) 
and (max-width : 1285px) {

}

#content p { line-height: 1.5; }

#content hr { border-top: 2px solid #333; margin: 40px 0; }
hr {border-top-color: #444;}

#content h3 { margin-bottom: 13px; }

#content h4 { color: #FFF; opacity: 0.85; font-weight: bold; font-size: 17px; }

.btn-default { background: #222;
color: #FFF;
border: 1px solid #444; }

/*.services div[itemprop="articleBody"] div p,
.services div[itemprop="articleBody"] div ul {
margin-left: 3em;
}*/

blockquote { font-size:inherit; border-left: 4px solid #555; background-color: #222; box-shadow: 0 2px 3px rgba(0,0,0,0.25); }

.blog-featured ul { padding-left: 24px; }

#nextend-smart-slider-1 {  }
	.nextend-image-next-rounded-button-light { position: absolute; right: -2px !important; top: 0 !important; background: #F00; height: 140px; width: 52px; background: url('../images/btn-right.png') 0 0 no-repeat !important; opacity: 0.9; }
	.nextend-image-previous-rounded-button-light { position: absolute; left: 0px !important; top: 0 !important; background: #F00; height: 140px; width: 52px; background: url('../images/btn-left.png') 0 0 no-repeat !important; opacity: 0.9; }
	.nextend-image-next-rounded-button-light:hover, .nextend-image-previous-rounded-button-light:hover { opacity: 1; }

@media all and (max-width: 1199px) {
.nextend-image-next-rounded-button-light, .nextend-image-previous-rounded-button-light { height: 116px; background-position: 0 -10px !important; }
} 

@media all and (max-width: 991px) {
.nextend-image-next-rounded-button-light, .nextend-image-previous-rounded-button-light { height: 89px; background-position: 0 -26px !important; }

.responsiveMenu > li > .parent, .responsiveMenu > li.deeper > span { background-image: none; }
}    

#nextend-smart-slider-2 { box-shadow: 0 11px 32px 4px rgba(0,0,0,0.25), 0 3px 10px rgba(0,0,0,0.5); }

/* HOMEPAGE BLOCKS */
#content .block { padding: 2.2rem 3rem 1.2rem 3rem; border-radius: 10px; margin: 0 0 2rem 0; border: 2px solid #333; transition: all .2s ease-in-out; }
#content .block:hover { transform: scale(1.07); }
#content .block:hover img { opacity: 1; }

#content .block h2 { font-size: 21px; font-weight: bold; }

.btn-yellow{
background-color: #eeb541;
border-color: transparent;
padding: 13px 21px;
color: #222;
font-weight: bold;
}

.btn-yellow:active, .btn-yellow:focus, .btn-yellow:hover { background-color: #eeb541; color: #222; }

.testimonials { 
  margin: 25px 0;
}

.moduletable.faults {margin:50px 0 30px;}
[itemtype="https://schema.org/Question"] [itemprop="name"]::before {content: 'Q: ';}
[itemtype="https://schema.org/Answer"] [itemprop="text"]::before {content: 'A: ';}

.testimonials h3 {
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 28px;
	font-family: 'Bebas Neue', sans-serif;
    font-size: 34px;
    letter-spacing: 0.05rem;
}

.testimonials .testimonial {
background: #272727;
padding: 25px 25px 15px 25px;
margin: 0 0 30px 0px;
border-radius: 15px;
border: 1px solid #444;
}

.testimonials p.stars {
  font-size: 2rem;
  color: #eeb541;
}

.list-two-col {
  column-count: 2; 
  column-gap: 20px;
}

.list-three-col {
  column-count: 3; 
  column-gap: 20px;
}

.list-four-col {
  column-count: 4; 
  column-gap: 20px;
}

@media all  
and (max-width : 768px) {
#logoSlider { display: none; }
.list-three-col, .list-four-col { column-count: 2; column-gap: 20px; }
}

.item-page a { text-decoration: underline; }