/*
Theme Name: ICI Pakistan Limited
Theme URI: http://www.ici.com.pk/
Author: 4M Designers
*/
@font-face {
    font-family: 'HelveticaNeue';
	font-weight: 300;
    src: url('fonts/HelveticaNeueLTProLt.eot');
    src: url('fonts/HelveticaNeueLTProLt.eot') format('embedded-opentype'),
         url('fonts/HelveticaNeueLTProLt.woff2') format('woff2'),
         url('fonts/HelveticaNeueLTProLt.woff') format('woff'),
         url('fonts/HelveticaNeueLTProLt.ttf') format('truetype'),
         url('fonts/HelveticaNeueLTProLt.svg#HelveticaNeue') format('svg');
}

@font-face {
    font-family: 'HelveticaNeue';
	font-weight: normal;
    src: url('fonts/HelveticaLT55Roman.eot');
    src: url('fonts/HelveticaLT55Roman.eot') format('embedded-opentype'),
         url('fonts/HelveticaLT55Roman.woff2') format('woff2'),
         url('fonts/HelveticaLT55Roman.woff') format('woff'),
         url('fonts/HelveticaLT55Roman.ttf') format('truetype'),
         url('fonts/HelveticaLT55Roman.svg#HelveticaLT55Roman') format('svg');
}
@font-face {
    font-family: 'HelveticaNeue';
	font-weight: 600;
    src: url('fonts/HelveticaLT65Medium.eot');
    src: url('fonts/HelveticaLT65Medium.eot') format('embedded-opentype'),
         url('fonts/HelveticaLT65Medium.woff2') format('woff2'),
         url('fonts/HelveticaLT65Medium.woff') format('woff'),
         url('fonts/HelveticaLT65Medium.ttf') format('truetype'),
         url('fonts/HelveticaLT65Medium.svg#HelveticaLT65Medium') format('svg');
}
@font-face {
    font-family: 'HelveticaNeue';
	font-weight: bold;
    src: url('fonts/HelveticaNeueLTProBd.eot');
    src: url('fonts/HelveticaNeueLTProBd.eot') format('embedded-opentype'),
         url('fonts/HelveticaNeueLTProBd.woff2') format('woff2'),
         url('fonts/HelveticaNeueLTProBd.woff') format('woff'),
         url('fonts/HelveticaNeueLTProBd.ttf') format('truetype'),
         url('fonts/HelveticaNeueLTProBd.svg#HelveticaNeue') format('svg');
}

/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal }
q:before, q:after { content:''}

/* The below restores some sensible defaults */
strong { font-weight: bold }
em { font-style: italic }
a img { border:none } /* Gets rid of IE's blue borders */

html	{ height: 100%; }
body	{ color: #2b2b2b; font: normal 14px 'HelveticaNeue', sans-serif; background-color: #fff; height: 100%; overflow: hidden; }
a, a:hover	{ color: #2b2b2b; text-decoration: none; }

#preloader	{ position: fixed; top:0; right:0; bottom:0; left: 0; background-color: #fff; z-index: 10000; }
#preloader-icon { width: 100px; height:100px; position:absolute; left:50%; top:50%; text-align: center; line-height: 100px; margin:-50px 0 0 -50px; color: #2384c6; /*#041f6d;*/ }

.clearfix	{ clear: both; }

input[type=text], input[type=email], input[type=tel], input[type=password], select, textarea	{ background-color: #e2e2e2; border: none !important; font: normal 15px 'HelveticaNeue', sans-serif; color: #2b2b2b; }
input[type=text], input[type=email], input[type=tel], input[type=password], textarea	{ padding: 15px 20px; }
select	{ padding: 15px 20px; }
input[type=submit], input[type=button], a.btn	{ display: inline-block; border: none; background-color: #2889c9; font: bold 15px 'HelveticaNeue', sans-serif; color: #fff !important; cursor: pointer; text-decoration: none; padding: 9px 24px; line-height: 1; transition: all 0.4s linear 0s; }
input[type=submit]:hover, input[type=button]:hover, a.btn:hover	{ background-color: #1b1464; color: #fff; text-decoration: none !important; }
input[type=text]:focus, input[type=email]:focus, input[type=tel]:focus, input[type=password]:focus, select:focus, textarea:focus	{  }
a.btn	.fa	{ margin-right: 10px; }

#top	{ background-color: #fff; padding: 20px 1.5% 15px; top: 0; left: 0; width: 100%; position: relative; z-index: 1000; box-shadow: 0 2px 2px #9b9b9b; }

.logo-name	{ text-align: right; padding: 13px 0 15px; }

.top-menu	{ font-size: 14px; font-weight: normal; text-align: center; }
.top-menu	>	li	{ display: inline-block; line-height: 1; position: relative; text-align: left; }
.top-menu	>	li:first-child	{ margin-left: 0; }
.top-menu	>	li:last-child	{ margin-right: 0; }
.top-menu	>	li	>	a	{ display: block; padding: 12px 13px 0; position: relative; z-index: 100; }
.top-menu	>	li	>	a:hover, .top-menu	>	li.hover	>	a	{ color: #2889c9; text-decoration: none; }
.top-menu	>	li.current-menu-item	>	a, .top-menu	>	li.current_page_parent	>	a, .top-menu	>	li.current_page_item	>	a, .top-menu	>	li.current-page-ancestor	>	a	{ color: #2889c9; }
.top-menu	>	li.menu-item-has-children	>	a:hover,
.top-menu	>	li.menu-item-has-children.hover	>	a	{ background-color: #fff; padding-top: 10px; border-top: 2px solid #2889c9; }

.top-menu	li	ul.sub-menu	{ position: absolute; left: 0; top: 100%; z-index: 1000; display: none; width: 260px; padding: 25px 0; background-color: #fff; line-height: 1.25;  }
.top-menu	li:nth-last-child(2)	ul.sub-menu, .top-menu	li:last-child	ul.sub-menu	{ right: 0; left: 0; }
.top-menu	li:hover	>	ul	{ display: block; }
.top-menu	li	ul.sub-menu	li	{ display: block; padding: 10px 14px; border-bottom: 1px solid #d6d6d6; }
.top-menu	li	ul.sub-menu	li:last-child { border-bottom: none; }
.top-menu	li	ul.sub-menu	li	a	{}
.top-menu	li	ul.sub-menu	li	a:hover,
.top-menu	li	ul.sub-menu	li.current_page_item	a,
.top-menu	li	ul.sub-menu	li.current-page-ancestor	a	{ color: #2889c9; text-decoration: none; }

.top-search	{ float: right; margin: 10px 0 0 0; }
.top-search	>	div	{ position: relative; }
.top-search	>	div	>	a	{ display: block; width: 29px;  padding: 0 5px; border-width: 0 1px 0 0; border-style: solid; border-color: #d9d9d9; color: #686868; transition: all 0.4s linear 0s; }
.top-search	>	div	>	a	span	{ display: none; }
.top-search	>	div	>	a:hover	{ color: #2b2b2b; }
.top-search-form	{ display: none; position: absolute; top: 100%; right: 0; z-index: 1000; background-color: #fff; padding: 20px 15px; width: 260px; box-shadow: 0 2px 2px #6b6b6b; }
.top-search-form	input[type=text]	{ padding: 5px 7px; width: 100%; margin: 0 0 5px; font-size: 14px; }
.top-search-form	input[type=submit]	{ padding: 5px 10px; font-size: 14px; font-weight: normal; }

.top-social	{ float: right; padding: 10px 0 0 10px; }
.top-social	li	{ float: left; margin: 0 0 0 4px; font-size: 18px; line-height: 1; }
.top-social	li	a	{ color: #686868; transition: all 0.4s linear 0s; }
.top-social	li	a:hover	{ color: #2b2b2b; }
.top-social	li:first-child	{ margin-left: 0; }

#mobileMenu	{ z-index: 1000; }
#mobileMenu	.open	{ float: right; color: #2889c9; font-size: 18px; margin: 8px 0 0; padding: 0 10px; border-right: 1px solid #d9d9d9; transition: all 0.4s linear 0s;  }
#mobileMenu	.open:hover	{ color: #2b2b2b; }
#mobileMenu	.open	span	{ display: none; }
#mobile-menu	{ display: none; background-color: rgba(0,0,0,0.75); position: fixed; top: 0; right: 0; z-index: 1001; width: 100%; -webkit-animation:fadeIn 0.5s both .1s; animation:fadeIn 0.5s both .1s }
#mobile-menu	.contents	{ float: right; background-color: #fff; padding: 40px 15px 25px; width: 260px;-webkit-animation:fadeInRight 1s both .1s; animation:fadeInRight 1s both .1s  }
#mobile-menu	a:hover,	#mobile-menu	.current-menu-item 	>	a,	#mobile-menu	.current_page_item	>	a	{ text-decoration: underline; }
#mobile-menu	.close	{ display: block; width: 20px; height: 20px; background: url('images/icons/mobile-menu-close.png') no-repeat #686868 center; position: absolute; top: 10px; right: 10px; transition: all 0.4s linear 0s; }
#mobile-menu	.close:hover	{ background-color: #2889c9; }
#mobile-menu	.close	span	{ display: none; }
#mobile-menu	.menu	{ font-size: 14px; line-height: 1.5; overflow-y: scroll; padding: 0 15px; }
#mobile-menu	.menu	>	li	{ display: block; margin: 0 0 20px; }
#mobile-menu	.menu	>	li:last-child	{ margin-bottom: 0; }
#mobile-menu	.menu	ul	{  margin: 5px 0 0; }
#mobile-menu	.menu	ul	>	li	>	a	{ color: #6b6b6b; }

#footer	{ background-color: #fff; padding: 45px 1.5%; position: relative; z-index: 2; }
#footer	a:hover	{ text-decoration: underline; }

#footer	.title	{ font-size: 14px; font-weight: bold; margin: 0 0 5px; }

.footer-menu	{ font-size: 14px; font-weight: bold; }
.footer-menu	li	{ margin-bottom: 5px; }

.footer-social	{ font-size: 12px; font-weight: 600; }
.footer-social	li	{ display: block; margin-bottom: 5px; }

#footer	.pull-right	{ text-align: right; }

#footer	.bottom	{ margin-top: 30px; padding-top: 20px; border-top: 1px solid #d9d9d9; font-size: 12px; font-weight: 600; }

#footer	.quick-links	{ display: inline-block; margin: 0 0 0 15px; padding: 0 15px; border-width: 0 1px; border-style: solid; border-color: #d9d9d9; }
#footer	.quick-links	li	{ display: inline-block; margin: 0 10px 0 0; }
#footer	.quick-links	li:last-child	{ margin-right: 0; }

.powered-by	{ display: inline-block; margin: 0 0 0 15px; }
.powered-by	a	{ display: inline-block; background: url('images/logo-4m.png') no-repeat right center; padding: 0 30px 0 0; }
.powered-by	a	label	{ display: none; }

.home-slides	.slick-track, .home-slides	.slick-slide	{ position: relative; height: 100%; border: none !important; }
.home-slides	.image	{ position: relative; z-index: 1; }
.home-slides	.image:before	{ display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; content: " "; background: -moz-linear-gradient(left,  rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 60%, rgba(0,0,0,0) 98%);
background: -webkit-linear-gradient(left,  rgba(0,0,0,0.6) 0%,rgba(0,0,0,0) 60%,rgba(0,0,0,0) 98%);
background: linear-gradient(to right,  rgba(0,0,0,0.6) 0%,rgba(0,0,0,0) 60%,rgba(0,0,0,0) 98%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99000000', endColorstr='#00000000',GradientType=1 ); }
.home-slides	.desc	{ height: 100%; position: absolute; z-index: 2; }
.home-slides	.text-data	{ position: absolute; bottom: 20%; padding: 0 8% 0 4%; color: #fff; text-shadow: -3px 2px 29px rgba(0,0,0,0.60); }

.home-slides	.title	{ font-size: 66px; font-weight: bold; line-height: 1; margin: 0 0 30px; }
.home-slides	.sub-title	{ font-size: 26px; font-weight: 600; text-transform: uppercase; line-height: 1; }
.home-slides	p	{ font-size: 23px; line-height: 1.5; margin: 10px 0 0; }

.home-slides	.slick-dots	{ position: absolute; top: 50%; right: 5%; width: 9px; text-align: center; }
.home-slides	.slick-dots	li	{ display: block; margin: 20px 0; }
.home-slides	.slick-dots	li	button	{ display: block; background-color: #fff; color: #fff; width: 9px; height: 9px; border-radius: 50%; font-size: 1px; transition: all 0.4s ease-in-out 0s; border: none; }
.home-slides	.slick-dots	li	button:hover, .home-slides	.slick-dots	li.slick-active	button	{ background-color: #2895d2; color: #2895d2; }

.home-sections	{ overflow: hidden; width: 100%; }

.home-sections	.colOne	.row,
.home-sections	.colTwo	.row	{ height: 100%; }

.home-sections	.colOne	.home-content	{ height: 100%; }
.home-sections	.colTwo	.home-content	{ height: 50%; }

.home-content	{ padding: 40px 3%; }
.home-content	.title	{ color: #1b1464; font-size: 14px; font-weight: normal; text-transform: uppercase; margin: 0 0 40px; line-height: 1; }
.home-content	.title:after	{ display: block; width: 52px; height: 1px; border: none; background-color: #1b1464; content: ""; margin: 20px 0 0; }

.home-news	{ background-color: #ddd; }
.home-news	.item	{ line-height: 1.5; height: 100px; padding: 0 0 20px; margin: 0 0 20px; border-bottom: 1px solid #d1d4d5; }
.home-news	.item	a	{ color: #03153d; }
.home-news	.item	a:hover	{ text-decoration: underline; }
.home-news	.item-title	{ font-size: 13px; font-weight: 600; position: relative; padding: 0 20px 0 0; }
.home-news	.item-title:before	{ content: "\f178"; font-family: FontAwesome; font-weight: 300; color: #2889c9; display: block; position: absolute; top: 5px; right: 0; line-height: 1; }
.home-news	.date	{ font-size: 12px; color: #434343; }

.home-vision	{ background-color: #2889c9; color: #fff; }
.home-vision	.title	{ color: #fff; }
.home-vision	.title:after	{ background-color: #fff; }
.home-vision	blockquote	{ font-size: 24px; font-weight: 600; line-height: 1.5; width: 85%; }

.home-leadership	{ position: relative; color: #1b1464; }
.home-leadership	img	{ position: absolute; bottom: 0; right: 0;max-height: 95%; max-width: 55%; height: auto; width: auto; }
.home-leadership	blockquote	{ font-size: 15px; line-height: 1.5; margin: 0 0 15px; }
.home-leadership	.by	{ font-size: 13px; text-transform: uppercase; }

.home-business	{ overflow: hidden; position: relative; }

.home-business-desc	{ position: absolute; z-index: 2; height: 100%; top: 0; padding: 40px 0 0; background-color: #2895d2; }
.home-business-desc	.title	{ color: #fff; font-size: 14px; font-weight: normal; text-transform: uppercase; margin: 0 0 40px; padding: 0 10%; line-height: 1; }
.home-business-desc	.title:after	{ display: block; width: 52px; height: 1px; border: none; background-color: #fff; content: ""; margin: 20px 0 0; }

.home-business-desc-slides	{ padding: 30px 10%; font-size: 15px; color: #fff; }
.home-business-desc-slides	.slide-title	{ font-size: 30px; font-weight: bold; margin: 0 0 20px; }
.home-business-desc-slides	p	{ line-height: 1.5; margin: 0 0 30px; }
.home-business-desc-slides	a	{ text-decoration: underline; color: #fff; }
.home-business-desc-slides	a:hover	{ text-decoration: none; color: #fff; }

.home-business-desc-slides	button	{ position: absolute; top: -30px; width: 57px; height: 57px; background-repeat: no-repeat; background-position: center; background-color: #041f6d; color: #041f6d; border: none; font-size: 1px; transition: all 0.4s ease-in-out 0s; text-indent: -1000px; }
.home-business-desc-slides	button.slick-prev	{ background-image: url('images/icons/arrow-left-white.png'); right: 15px; }
.home-business-desc-slides	button.slick-next	{ background-image: url('images/icons/arrow-right-white.png'); right: -43px; }
.home-business-desc-slides	button:hover	{ background-color: #1d357b; }

.home-business-slides	{ position: absolute; z-index: 1; }

/* GENERIC STYLE FOR TEXTUAL DATA ON SUB PAGES */
.content	{ font-size: 15px; }
.content	a	{ color: #042272; }
.content	a:hover	{ text-decoration: underline; }
.content	hr	{ height: 1px; border: none; background-color: #686868; margin-bottom: 20px; }
.content	h2	{ font-size: 25px; font-weight: bold; margin: 0 0 30px; }
.content	h3	{ font-size: 17px; font-weight: bold; margin: 0 0 20px; color: #042272; }
.content	h4	{ font-size: 15px; font-weight: bold; margin: 0 0 20px; }
.content	p	{ line-height: 1.5; margin: 0 0 25px; }
.content	ul, .content	ol	{ margin: 0 0 25px 20px; }
.content	ul	li, .content	ol	li	{ line-height: 1.5; margin-bottom: 5px; }
.content	ul	li	{ list-style: disc; }
.content	ul	ul	li	{ list-style: circle; }
.content	ol	li	{ list-style: decimal; }
.content	ol	ol	li	{ list-style: lower-alpha; }
.content	ul	ul, .content	ol	ol	{ margin-top: 5px; margin-bottom: 0; }
.content	.blue	{ color: #2384c6 !important; }

.content	.highlight	{ font-size: 25px; font-weight: 300; }

.content	img.alignright	{ float: right; margin: 0 0 25px 40px; }
.content	img.alignleft	{ float: left; margin: 0 40px 25px 0; }
.content	img.aligncenter	{ display: block; margin: 0 auto 25px; }
.content	img.alignnone	{ margin: 0 10px 0 0; }
/* GENERIC STYLE FOR TEXTUAL DATA ON SUB PAGES */

/* DEFAULT PAGE - TWO COLUMNS */
.default-page	{ overflow: hidden; width: 100%; }
.default-page	.colOne	{ float: left; width: 20%; background-color: #042272; }
.default-page	.colOne,
.default-page	.colOne	a	{ color: #fff; }
.default-page	.colTwo	{ float: left; width: 80%; }

.default-page	.sub-links	{ padding: 40px 0 40px 7.5%; line-height: 1.25; }
.default-page	.sub-links	a:hover	{ text-decoration: underline; }
.default-page	.sub-links	ul	{ font-size: 15px; }
.default-page	.sub-links	ul	>	li	{ padding: 3px 0; }
.default-page	.sub-links	ul	>	li.current_page_item	>	a,
.default-page	.sub-links	ul	>	li.current_page_parent	>	a	{ font-weight: bold; }
.default-page	.sub-links	ul	ul	{ border-top: 1px solid rgba(255,255,255,0.17); font-size: 14px; margin: 3px 0 0; display: none; }
.default-page	.sub-links	ul	>	li.page_item_has_children.current_page_item	ul,
.default-page	.sub-links	ul	>	li.page_item_has_children.current_page_parent	ul	{ display: block; }
.default-page	.sub-links	ul	ul	li	{ border-bottom: 1px solid rgba(255,255,255,0.17); padding: 5px 0; }
.default-page	.sub-links	ul	ul	>	li.current_page_item	>	a,
.default-page	.sub-links	ul	ul	>	li.current_page_parent	>	a	{ font-weight: normal; text-decoration: underline; }
.default-page	.sub-links	ul	ul	li:before	{ content: "\f0da"; font-family: FontAwesome; padding: 0 5px; }

.default-page	.additional-page-image	{ position: relative; }
.default-page	.additional-page-image	.desc	{ padding: 40px 30px; background-color: #fff; position: absolute; top: 50%; }
.default-page	.additional-page-image	.title	{ font-size: 22px; font-weight: bold; color: #042272; margin: 0 0 20px; }
.default-page	.additional-page-image	p	{ font-size: 16px; font-weight: 300; }

.default-page	.page-meta	{ float: none !important; padding: 45px 0 45px 65px; }
.default-page	.page-meta	.title	{ font-size: 34px; font-weight: bold; line-height: 1; }
.default-page	.page-meta	.title:after	{ display: block; width: 40px; height: 1px; border: none; background-color: #042272; margin: 25px 0 0; content: ""; }
.default-page	.page-meta	.sub-title	{ font-size: 23px; font-weight: 600; color: #042272; line-height: 1.5; margin: 35px 0 0; }

.default-page	.page-image	{ overflow: hidden; width: 100%; margin: 0 0 40px; }
.default-page	.page-image	.desc	{ padding: 40px 65px 0; background-color: #fff; margin: -65px 0 0; font-size: 17px; }
.default-page	.page-image	.desc	p	{ line-height: 1.5; margin: 0 0 25px; }

.default-page	.content	{ padding: 0 65px 40px; }
.default-page	.content	h2:after	{ display: block; width: 40px; height: 1px; border: none; background-color: #042272; margin: 25px 0 0; content: ""; }
/* DEFAULT PAGE - TWO COLUMNS */

.page-with-divided-header	.page-header	{ overflow: hidden; background-color: #2889c9; }
.page-with-divided-header	.page-header,
.page-with-divided-header	.page-header	a	{ color: #fff; }

.page-with-divided-header	.page-header	.row	{ height: 100%; }

.page-with-divided-header	.colHoverImage	{ position: absolute; right: 0; display: none; }

.page-with-divided-header	.page-meta	{ padding: 40px 6% 40px 3%; }
.page-with-divided-header	.page-meta	.title	{ font-size: 14px; font-weight: normal; line-height: 1; text-transform: uppercase; }
.page-with-divided-header	.page-meta	.title:after	{ display: block; width: 40px; height: 1px; border: none; background-color: #fff; margin: 25px 0 0; content: ""; }
.page-with-divided-header	.page-meta	.sub-title	{ font-size: 23px; font-weight: 600; line-height: 1.5; margin: 25px 0 0; }

.page-with-divided-header	.sub-links	{ line-height: 1.25; position: absolute; bottom: 40px; width: 100%; }
.page-with-divided-header	.sub-links	a:hover	{ text-decoration: underline; }
.page-with-divided-header	.sub-links	ul	{ font-size: 18px; font-weight: normal; }
.page-with-divided-header	.sub-links	ul	>	li	{ padding: 0 6% 0 3%; position: relative; }
.page-with-divided-header	.sub-links	ul	>	li	a	{ display: block; padding: 10px 0; border-bottom: 1px solid rgba(255,255,255,0.17); transition: all 0.4s ease-in-out 0s; }
.page-with-divided-header	.sub-links	ul	>	li	a:hover	{ color: #2889c9; text-decoration: none; }
.page-with-divided-header	.sub-links	ul	>	li:hover	{ background-color: #fff; }
.page-with-divided-header	.sub-links	ul	>	li:after	{ }
.page-with-divided-header	.sub-links	ul	>	li:hover:after	{ content: "\f0da"; font-family: FontAwesome; font-size: 76px; color: #fff; display: block; position: absolute; top: -16px; right: -26px; line-height: 1; z-index: 1000; }
.page-with-divided-header	.sub-links	ul	>	li.current_page_item	>	a,
.page-with-divided-header	.sub-links	ul	>	li.current_page_parent	>	a	{ font-weight: bold; }

.page-with-divided-header	.page-meta	.sub-links	ul	>	li	{ margin: 0 0 0 -3%; }
.page-with-divided-header	.page-meta	.sub-links	ul	>	li:hover:after	{ display: none; }

.page-with-divided-header	.additional-page-image	{ clear: both; margin: 0 -3% 25px; }

.page-with-divided-header	.page-content	{ overflow: hidden; padding: 45px 1.5%; }

.page-with-full-header	.page-header	{ overflow: hidden; background-color: #2889c9; }
.page-with-full-header	.page-header,
.page-with-full-header	.page-header	a	{ color: #fff; }

.page-with-full-header	.page-header	.page-image	{ position: relative; height: 100%; width: 100%;  }

.page-with-full-header	.page-header	.overlay	{ position: absolute; z-index: 2; padding: 40px 1.5%; width: 100%;  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+99&0.7+0,0+60 */
background: -moz-linear-gradient(top,  rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 60%, rgba(0,0,0,0) 99%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.7) 0%,rgba(0,0,0,0) 60%,rgba(0,0,0,0) 99%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0.7) 0%,rgba(0,0,0,0) 60%,rgba(0,0,0,0) 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
 }

.page-with-full-header	.page-meta	.title	{ font-size: 14px; font-weight: normal; line-height: 1; text-transform: uppercase; margin: 0 0 35px; }
.page-with-full-header	.page-meta	.title:after	{ display: block; width: 40px; height: 1px; border: none; background-color: #fff; margin: 25px 0 0; content: ""; }
.page-with-full-header	.page-meta	.sub-title	{ font-size: 40px; font-weight: bold; line-height: 1; }
.page-with-full-header	.page-meta	p	{ font-size: 16px; line-height: 1.5; padding: 10px 0 0; }

.page-with-full-header	.sub-links	{ line-height: 1; position: absolute; bottom: 40px; width: 100%; padding: 0 1.5%; margin: 0 -1.5%; }
.page-with-full-header	.sub-links	a:hover	{ text-decoration: none; }
.page-with-full-header	.sub-links	ul	{ font-size: 15px; font-weight: bold; }
.page-with-full-header	.sub-links	ul	>	li	a	{ display: block; position: relative; padding: 10px 30px 10px 20px; background-color: #2384c6; transition: all 0.4s ease-in-out 0s; }
.page-with-full-header	.sub-links	ul	>	li	a:before	{ content: "\f105"; font-family: FontAwesome; font-size: 14px; color: #fff; display: block; position: absolute; top: 11px; right: 15px; line-height: 1; }
.page-with-full-header	.sub-links	ul	>	li	a:hover	{ background-color: #1b1464; }
.page-with-full-header	.sub-links	ul	>	li.current_page_item	>	a,
.page-with-full-header	.sub-links	ul	>	li.current_page_parent	>	a	{ font-weight: bold; }

.page-with-full-header	.news-header	.overlay	{ background: none !important; }

.page-with-full-header	.featured-news	{ padding: 5% 3%; }
.page-with-full-header	.featured-news	.sub-title	{ font-size: 40px; font-weight: 600; margin: 0 0 20px; }
.page-with-full-header	.featured-news	.desc	{ margin: 0 0 40px; }
.page-with-full-header	.featured-news	.view-more	{ font-size: 14px; text-transform: lowercase; color: rgba(255,255,255,0.75); transition: all 0.4s ease-in-out 0s; }
.page-with-full-header	.featured-news	.view-more:before	{ content: "\2014"; padding: 0 5px 0 0; }
.page-with-full-header	.featured-news	.view-more:hover	{ color: rgba(255,255,255,1); }

.page-with-full-header	.additional-page-image	{ clear: both; margin: 0 -3% 25px; }

.page-with-full-header	.page-content	{ overflow: hidden; padding: 35px 1.5%; }

.page-with-no-header	.page-header	{ overflow: hidden; background-color: #2889c9; }
.page-with-no-header	.page-header,
.page-with-no-header	.page-header	a	{ color: #fff; }

.page-with-no-header	.page-header	.page-image	{ position: relative; height: 100%; width: 100%; }

.page-with-no-header	.page-header	.overlay	{ position: absolute; z-index: 2; padding: 40px 1.5%; width: 100%; }

.page-with-no-header	.page-meta	h1	{ font-size: 14px; font-weight: normal; line-height: 1; text-transform: uppercase; margin: 0 0 35px; }
.page-with-no-header	.page-meta	h1:after	{ display: block; width: 40px; height: 1px; border: none; background-color: #fff; margin: 25px 0 0; content: ""; }

.page-with-no-header	.page-meta	.desc	{ margin: 0 -1.5%;  }
.page-with-no-header	.page-meta	.desc	>	div	{ padding: 30px 1.5% 10px; background-color: #2889c9; color: #fff; line-height: 1.5; }
.page-with-no-header	.page-meta	.desc	>	div	a	{ color: #fff; }
.page-with-no-header	.page-meta	.desc	h2	{ font-size: 16px; margin: 0 0 20px; }
.page-with-no-header	.page-meta	.desc	p	{ font-size: 15px; color: rgba(255,255,255,0.70); margin: 0 0 20px; }
.page-with-no-header	.page-meta	.desc	p	a	{ color: rgba(255,255,255,0.70); }
.page-with-no-header	.page-meta	.desc	a:hover	{ text-decoration: underline; }

.page-with-no-header	.page-content	{ overflow: hidden; padding: 45px 1.5%; }

.page-with-no-header	.google-map	{ position: relative; }
.page-with-no-header	.google-map	h1	{ font-size: 14px; font-weight: normal; line-height: 1; text-transform: uppercase; margin: 45px 1.5% 35px; position: absolute; z-index: 2; color: #fff; }
.page-with-no-header	.google-map	h1:after	{ display: block; width: 40px; height: 1px; border: none; background-color: #fff; margin: 25px 0 0; content: ""; }

.page-with-no-header	.google-map	.desc	{ position: absolute; top: 50%; z-index: 2; padding: 30px 1.5% 10px; background-color: #2889c9; color: #fff; line-height: 1.5; }
.page-with-no-header	.google-map	.desc	a	{ color: #fff; }
.page-with-no-header	.google-map	.desc	h2	{ font-size: 16px; margin: 0 0 20px; }
.page-with-no-header	.google-map	.desc	p	{ font-size: 15px; color: rgba(255,255,255,0.70); margin: 0 0 20px; }
.page-with-no-header	.google-map	.desc	p	a	{ color: rgba(255,255,255,0.70); }
.page-with-no-header	.google-map	.desc	a:hover	{ text-decoration: underline; }

.people	{ border-bottom: 1px solid #cbcbcb; padding: 1px 0; }
.people:last-child	{ border-bottom: none; }

.people	.meta	{ overflow: hidden; width: 100%; }
.people	.thumb	{ float: left; width: 140px; }
.people	.details	{ position: relative; z-index: 1; margin: 40px 0 30px 160px; }

.people	.title	{ font-size: 17px; font-weight: 600; margin: 5px 0 0; }
.people	.title:after	{ display: none !important; }
.people	.title,
.people	.title	a	{ color: #1a2930; }
.people	.title	a.read-more:after	{ content: "\f107"; font-family: fontAwesome; margin: 0 0 0 5px; }
.people	.title	a.read-less:after	{ content: "\f106"; font-family: fontAwesome; margin: 0 0 0 5px; }
.people	.title	a:hover	{ text-decoration: none; color: #2889c9 }
.people	.sub-title	{ font-size: 14px; font-weight: normal; text-transform: uppercase; color: #1a2930; line-height: 1.5; }
.people	.desc	{ display: none; }

.employee-testimonials	{ background-color: #2889c9; color: #fff; padding: 40px 35%; margin: 0 -50% 0; }

.employee-testimonials	.title	{ color: #fff; font-size: 14px; font-weight: normal; text-transform: uppercase; margin: 0 0 30px; padding: 0 3%; line-height: 1; }
.employee-testimonials	.title:after	{ display: block; width: 52px; height: 1px; border: none; background-color: #fff; content: ""; margin: 20px 0 0; }
.employee-testimonials	.item	{ margin-bottom: 20px; }
.employee-testimonials	.item	.desc	{  font-size: 19px; font-weight: 300; }
.employee-testimonials	.item	.desc	p	{ margin: 0 0 25px; }
.employee-testimonials	.item	.desc	.author	{ font-size: 17px; line-height: 1.25; }
.employee-testimonials	.item	.desc	.author:before	{ content:"\2013"; padding: 0 10px 0 0; }
.employee-testimonials	.item	.desc	.author	span	{ display: block; color: rgba(255,255,255,0.75); padding: 0 0 0 18px; }

.employee-testimonials	.slick-dots	{ position: absolute; bottom: -50px; width: 100%; text-align: center; }
.employee-testimonials	.slick-dots	li	{ display: inline-block; }
.employee-testimonials	.slick-dots	li	button	{ display: block; background-color: #fff; color: #fff; width: 9px; height: 9px; margin: 0 3px; border-radius: 50%; font-size: 1px; border: none; transition: all 0.4s ease-in-out 0s; }
.employee-testimonials	.slick-dots	li	button:hover, .employee-testimonials	.slick-dots	li.slick-active	button	{ background-color: #025a8b; color: #025a8b }

.content	.downloads-list	{ margin: 0 0 40px; }
.content	.downloads-list	a	{ color: #2b2b2b; }
.content	.downloads-list	a:hover	{ color: #042272; text-decoration: none; }
.content	.downloads-list	li	{ list-style: none; border-bottom: 1px solid #cbcbcb; padding: 10px 0; }
.content	.downloads-list	li:first-child	{ padding-top: 0; }
.content	.downloads-list	li	a	{ display: block; padding: 0 40px 0 0; position: relative; }
.content	.downloads-list	li	a:before	{ content: "\f105"; font-family: fontAwesome; font-size: 15px; position: absolute; right: 0; }

.content	#accordion	{ margin: 0 0 30px; }
.content	.ui-accordion-header	{ background-color: #777; font-family: 21px; font-weight: normal; line-height: 1; padding: 15px 20px; margin: 0 0 5px; color: #fff; cursor: pointer; }
.content	.ui-accordion-header-active	{ background-color: #2789c8; }
.content	.ui-accordion-content	{ padding: 30px 0 0; }

.contact-form	.title	{ font-size: 14px; text-transform: uppercase; font-weight: normal; }
.contact-form	.field	{ margin-bottom: 30px; }
.contact-form	.field	>	label	{ text-transform: uppercase; font-size: 13px; display: block; }
.contact-form	input[type=text], .contact-form	.field	input[type=email], .contact-form	.field	input[type=tel], .contact-form	.field	input[type=password], .contact-form	.field	select, .contact-form	.field	textarea	{ width: 100%; }

.contact-form	.wpcf7-radio	.wpcf7-list-item	{ float: left; width: 50%; margin: 0 0 15px; padding: 0 15px; font-size: 16px; }
.contact-form	input[type=submit],
.contact-form	input[type=button]	{ background-color: #fff; border: 3px solid #1b1464; width: 100%; font-size: 22px; color: #1b1464 !important; padding: 20px; text-transform: uppercase; }

.news-list	{ padding: 40px 3%; }
.news-list	.item	{ line-height: 1.5; padding: 40px 25px; font-size: 13px; }
.news-list	.item:hover	{ background-color: #ededed; }
.news-list	.item	a	{ color: #042272; }
.news-list	.item	a:hover	{ text-decoration: underline; }
.news-list	.item-title	{ font-size: 18px; font-weight: bold; position: relative; height: 81px; margin: 0 0 20px; }
.news-list	.desc	{ height: 78px; margin: 0 0 20px; }
.news-list	.date	{ display: block; padding: 0 0 10px; font-size: 12px; color: #434343; border-bottom: 1px solid #c9c9c9; }

.search-results	{ border-top: 1px solid #d9d9d9; padding-top: 25px; }
.search-results	.item	{ border-bottom: 1px solid #d9d9d9; margin-bottom: 25px; }
.search-results	.navigation	{ overflow: hidden; width: 100%; border-bottom: 1px solid #d9d9d9; padding-bottom: 25px; margin-bottom: 25px; },
.search-results	.navigation	.nav-previous,
.search-results	.navigation	.nav-next	{ display: inline-block; width: 50%; }
.search-results	.navigation	.nav-next	{ text-align: right; }

.page-404	{ padding: 100px 0; text-align: center; font-size: 18px; background-color: #eee; }
.page-404	.title	{ font-size: 54px; font-weight: bold; text-align: center; padding: 0 0 30px; }
.page-404	h2	{ font-size: 24px; font-weight: bold; margin: 0 0 20px; }
.page-404	p	{ margin: 0 0 20px; line-height: 1.5; }
.page-404	ul	{ margin: 0 0 20px; }
.page-404	ul	li	{ list-style: square; margin: 0 0 10px; line-height: 1.5; }
.page-404	a	{ transition: all 0.4s ease-in-out 0s; }
.page-404	a:hover	{ text-decoration: underline; }




table.livestocktbl {
    width: 100%;
}
.livestocktbl thead tr {
    border: #042272 solid 2px;
}
.livestocktbl thead th {
background:#042272;
color:#fff;
    padding: 10px;
    border: #fff solid 1px;
}
.livestocktbl tbody td {
    padding: 10px;
    border: #042272 solid 1px;
}