/*

My Custom CSS
=============

*/

/* -- FONT LIST --

	font-family: Arial, Helvetica, sans-serif;



*/


/* --------------------------------------
   Layout
   -------------------------------------- */

html,
body {
	height: 100%;
}


body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 24px;
	background: #FFF;
	padding: 0px;
}

p {
	margin-bottom: 24px;
}


table.table-striped>tbody>tr:nth-child(odd)>td, 
table.table-striped>tbody>tr:nth-child(odd)>th {
   background-color: #EDF0CF;
 }

table.table-bordered{
    border:1px solid black;
    margin-top: 20px;
  }
table.table-bordered > thead > tr > th{
    border:1px solid black;
}
table.table-bordered > tbody > tr > td{
    border:1px solid black;
}


#pageMain {
    padding: 40px 20px;
    background: #FFF;
}



.box {
    margin: 0px 20px 20px 20px;
	padding: 30px;
    background: #FFFFFF;
}

.boxTrade {
    margin: 0px 0px 20px 0px;
	padding: 30px 30px 20px 30px;
    background: #FFFFFF;
}


.boxGrey {
    margin: 0px 0px 20px 0px;
	padding: 20px;
    background: #f1f1f1;
}




#topLogo {
	padding: 10px 0;
	background: #187238;
	z-index: 88;
}


#topLogo .PhoneNumber {
	font-size: 28px;
	line-height: 40px;
	color: #FFF;
	margin-top: 20px;
	margin-bottom: 20px;
    font-weight: bold;
}


.header-link a {
	color: #d0da51;
}

.header-link a:hover {
	color: #FFF;
	text-decoration:none;
}


.galleryrow {
	margin-bottom: 30px;
}

.pdf-icon {
	margin: 8px;
}

.tmb-gallery {
    margin: 0 0 30px 0;
}

.tmb-gallery:hover {
    opacity: 0.7;
}

.tmb-gallery-2 {
    margin: 0;
}

.tmb-gallery-2:hover {
    opacity: 0.7;
}

.tmb-gallery-3 {
    margin: 0;
}

.tmb-gallery-3:hover {
    opacity: 0.7;
}


.img-link:hover {
    opacity: 0.7;
}



.extra-margin-top {
	margin-top: 20px;
}

.extra-margin-top-30 {
	margin-top: 30px;
}

.extra-margin-bottom {
	margin-bottom: 20px;
}




.docPDF {
    background: url(/images/pdficon_small.png) top left no-repeat;
    padding-left: 26px;
	padding-bottom: 15px;
}

.docWORD {
    background: url(/images/word-icon-sm.png) top left no-repeat;
    padding-left: 26px;
	padding-bottom: 15px;
}




.btn-primary {
	color: #FFFFFF;
	background: #6A9EA5;
	border: none;
	margin: 10px 0px 10px 0px;
}

.btn-primary:hover {
	color: #FFFFFF;
	background: #192E3F;
}

.btn-primary2 {
	color: #FFFFFF;
	background: #6A9EA5;
	border: none;
	margin: 0px 0px 10px 0px;
}

.btn-primary2:hover {
	color: #FFFFFF;
	background: #192E3F;
}


.btn-primary3 {
	color: #FFFFFF;
	background: #6A9EA5;
	border: none;
	margin: 0px;
}

.btn-primary3:hover {
	color: #FFFFFF;
	background: #192E3F;
}


.product-thumbnail {
    margin: 0px 0px 30px 0px;
	border: #ccc solid 1px;
}

.product-thumbnail:hover {
    opacity: 0.7;
}


/* --------------------------------------
   Typography
   -------------------------------------- */



h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 700;
	font-size: 44px;
	color: #03521A;
	text-transform: none;
	margin-bottom: 20px;
	line-height: normal;
}

h2 {
	color: #004C13;
	font-size: 40px;
	margin-bottom: 30px;
}

h3 {
	font-size: 24px;
	color: #004C13;
	font-weight: 700;
	line-height: 30px;
	margin: 0px 0px 30px 0px;
}



h4 {
	font-size: 20px;
	color: #6A9EA5;
	font-weight: 700;
	line-height: 30px;
	margin-bottom: 20px;
}




/*	--------------------------------------
	Footer
	-------------------------------------- */
	


footer a {
	color:#d0da51;
}

footer a:hover {
	color:#FFF;
}



#main-footer {
	background: #187238;
	color: #FFF;
	padding: 20px 0 40px 0;
	font-size: 16px;
}

#main-footer h6 {
	font-size: 16px;
	color: #fff;	
}

.footer-link a {
	color: #6C6F73;
}

.footer-link a:hover {
	color: #FFF;
	text-decoration:none;
}

.footer-link-bold a {
	color: #6C6F73;
	font-weight: 700;
}

.footer-link-bold a:hover {
	color: #FFF;
	text-decoration:none;
}

.ul.list-inline {
    margin-top: 0;
    margin-bottom: 0px;
}

ul.social-buttons {
    margin: 14px 0px 8px 0px;
}

ul.social-buttons li a {
    display: block;
    width: 46px;
    height: 46px;
    border-radius: 100%;
    font-size: 24px;
    line-height: 46px;
    outline: 0;
    color: #fff;
    background-color: #004C13;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    transition: all .2s;
}

ul.social-buttons li a:hover,
ul.social-buttons li a:focus,
ul.social-buttons li a:active {
    background-color: #e1e1e1;
	color: #004C13;
}




/* --------------------------------------
   Navbar
   -------------------------------------- */
   
/* Code in custom-navbar */



/* --------------------------------------
   Global Styles
   -------------------------------------- */

a {
	color:#4B8700;
}

a:hover,
a:focus,
a:active,
a.active {
    outline: 0;
    color: #65B600;
	text-decoration: none;
}




.btn-margin {
	margin: 5px 0;
}

hr {
	border: 0;
	height: 1px;
    background: #333;
	margin: 30px 0;
}

ul {
	padding-left: 4px;
	line-height: 18px;
	margin: 0px;
}

ul.indented {
	padding-left: 30px;
	line-height: 22px;
	margin: 8px 0px 0px 0px;
	list-style-image: url(../images/bullet-85c2cb.png);
}


ol {
	padding-left: 17px;
	line-height: 22px;
	list-style: decimal;
}

li {
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 6px;
	margin-left: 0px;
}

.no-padding {
    padding: 0;
}

.no-gutter > [class*=col-] {
    padding-right: 0;
    padding-left: 0;
}

.text-faded {
    color: rgba(255,255,255,.7);
}

.table-striped>tbody>tr:nth-child(odd)>td, 
.table-striped>tbody>tr:nth-child(odd)>th {
   background-color: #EDECEF;
 }
 


.bgGrey {
	background: #f1f1f1;
	padding: 10px;
	margin-bottom: 20px;
}

.bgGreyDark {
	background: #CBCBCB;
	padding: 10px;
	margin-bottom: 20px;
}

.bgWhite {
	background: #ffffff;
	padding: 10px;
	margin-bottom: 20px;
}




.bgGrey2 {
	background: #f1f1f1;
	padding: 20px;
	margin-bottom: 10px;
}

.bgGrey3 {
	background: #f1f1f1;
	padding: 20px 20px 20px 20px;
	margin-bottom: 30px;
}

.bgGrey3 p {
	margin-bottom: 10px;
}

.bgWhite {
	background: #FFFFFF;
	padding: 10px;
}


.bgBlue {
	background: #DFF0FF;
	padding: 10px;
}


/* --------------------------------------
   Text Elements
   -------------------------------------- */


.txtGreen20pxMixed {
	font-size: 20px;
	color: #09912F;
	font-weight: 700;
	line-height: 24px;
    margin-bottom: 14px;
}

.txtGreen {
	color: #09912F;
}

.txt12pxGreen {
	font-family: Arial, Helvetica, sans-serif;
	color: #09912F;
	text-align: right;
	font-size: 13px;
	display: block;
	font-weight: bold;
}


.txt14px {
	font-size: 14px;
	line-height: 16px;
}


.txt18px {
	font-size: 18px;
	line-height: 22px;
}

.txtLarge {
	font-size: 30px;
	line-height: 36px;
}

.txtMedium {
	font-size: 24px;
	line-height: 28px;
}


.txt16px {
	font-size: 18px;
	line-height: 22px;
}

.txt12px {
	font-size: 12px;
}

.txt12pxBold {
	font-size: 14px;
}

.txt12pxCentred {
	font-size: 12px;
	text-align: center;
	display: block;
	line-height: 14px;
}


.txtRed {
	color: #C00;
}

.txtYellow {
	color: #C9DD08;
}


.txtPink {
	color: #C39;
}

.txtBlack {
	color: #000;
}

.txtWhite {
	color: #FFF;
	font-weight: normal;
	text-transform: none;
}

.txtWhite20px {
	font-size: 20px;
	color: #FFF;
	font-weight: 700;
	text-transform: uppercase;
	line-height: 28px;
}
.txtWhite18px {
	font-size: 18px;
	color: #FFF;
	font-weight: 400;
	text-transform: uppercase;
	line-height: 26px;
}
.txtWhite18pxBold {
	font-size: 18px;
	color: #FFF;
	font-weight: 700;
	text-transform: uppercase;
	line-height: 26px;
}


.txtWhite20pxMixed {
	font-size: 20px;
	color: #FFF;
	font-weight: 700;
}


.txtwhite {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
}
.txtwhite14pxBold {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	font-size: 14px;
	font-weight: bold;
}
.txtwhite18pxBold {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	font-size: 18px;
	font-weight: bold;
	line-height: 22px;
}
.productTitle1 {
	font-family: Arial, Helvetica, sans-serif;
	color: #d0da51;
	font-size: 18px;
	font-weight: bold;
	line-height: 22px;
	text-align: center;
	display: block;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #00721D;
}
.txtwhite22pxBold {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	font-size: 22px;
	font-weight: bold;
	line-height: 26px;
}
.txtcentre {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	text-align: center;
	font-size: 12px;
}
.txtcentre10px {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	text-align: center;
	font-size: 10px;
}
.txt10px {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	text-align: left;
	font-size: 11px;
}

.txt12px {
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	text-align: left;
	font-size: 13px;
}
.txtLarge {
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	text-align: left;
	font-size: large;
	line-height: normal;
}



.keyline {
	border: 1px solid #00721D;
}



#header h1 {
	font-size: 28px;
	line-height: 36px;
	color: #FFF;
	margin-top: 20px;
	margin-bottom: 0px;
}




/* --------------------------------------
   Profile
   -------------------------------------- */

#profile .profile-item {
    right: 0;
    margin: 15px;
}

#profile .profile-item .profile-link {
    display: block;
    position: relative;
    margin: 0 auto;
    max-width: 400px;
}

#profile .profile-item .profile-link .profile-hover {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    background: rgba(24,114,56,0.40);
    -webkit-transition: all ease .5s;
    -moz-transition: all ease .5s;
    transition: all ease .5s;
}

#profile .profile-item .profile-link .profile-hover:hover {
    opacity: 1;
}

#profile .profile-item .profile-link .profile-hover .profile-hover-content {
    position: absolute;
    top: 50%;
    width: 100%;
    height: 20px;
    margin-top: -12px;
    text-align: center;
    font-size: 20px;
    color: #fff;
}

#profile .profile-item .profile-link .profile-hover .profile-hover-content i {
    margin-top: -12px;
}

#profile .profile-item .profile-link .profile-hover .profile-hover-content h3,
#profile .profile-item .profile-link .profile-hover .profile-hover-content h4 {
    margin: 0;
}

#profile .profile-item .profile-caption {
    margin: 0 auto;
    padding: 25px;
    max-width: 400px;
    text-align: center;
    background-color: #fff;
}

#profile .profile-item .profile-caption h4 {
    margin: 0;
    text-transform: none;
	color: #333;
}

#profile .profile-item .profile-caption p {
    margin: 0;
	font-family:'Avenir Next W01';
    font-size: 16px;
	
}

#profile * {
    z-index: 2;
}

@media(min-width:767px) {
    #profile .profile-item {
        margin: 0 0 30px;
    }
}


/* --------------------------------------
   Media Queries
   -------------------------------------- */

/* Portrait & landscape phone */
@media (max-width: 480px) {


h1 {
	font-size: 30px;
	margin: 0 0 10px 0;
}

h2 {
	font-size: 28px;
}
    
h3 {
	font-size: 18px;
    line-height: 22px;
}    

    .card-body {
        font-size: 80%;
        padding: 10px 0px 0px 0px;
    }


}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
	
	
}

/* Large desktop */
@media (min-width: 1200px) {
	
}