/*
Theme Name: Mikina Theme
Theme URI: http://www.brightsouth.co.uk
Description: Mikina Wordpress Template
Version: 1.0
Author: Mark Ratcliffe
Design: Mike Rees

Mikina Theme by Mark Ratcliffe || http://www.brightsouth.co.uk
*/


/* General Styles
-------------------------------------------------- */

/* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}

html, body { height: 100%; /* The html and body elements cannot have any padding or margin. */ font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: normal; color: #676767; padding: 0px; margin: 0px; background: #333132;
}
.container { width: auto; max-width: 960px; padding: 0 10px; 
}
.copy { color: #676767; clear: both; 
}
#wrap { background: #FFFFFF; 
}

/* Header */
#header { width: 100%; background: #231F20; z-index: 9999999;
}
#header-links { float: right; background: #414142; padding: 10px; width: 550px;
}
#header-nav ul { list-style-type: none; margin: 0; padding: 0; 
} 
#header-nav li { display: inline; float: left; 
}
#header-nav li a { color: #B7B7B8; padding-right: 20px; text-transform: uppercase;
}
ul#header-tel li { list-style: none; margin: 0px; padding: 0px; color: #FFFFFF; float: right;   
}
ul#header-tel li a { color: #FFFFFF; 
}
#logo a { height: 87px; width: 97px; background: url(images/mikina-logo.png) no-repeat; float: left; margin: 19px 0 18px 0px;
}
#header-search { clear: right; float: right; padding-top: 30px; 
}
#header-search input[name=s] { border: 0px; height: 30px; width: 200px; background: url(images/search-icon.png) 170px 3px #414142 no-repeat; color: #AAABAB; padding: 5px;
}

/* Font & Styling  
-------------------------------------------------- */
.red { color: #D2232A;
}
p { font-size: 1.1em; line-height: 1.4em; margin-bottom: 20px;
}
a { color: #D2232A; outline: none !important; text-decoration: none;
}
a:hover { color: #D2232A; text-decoration: underline;
}
h1 { font-weight: bold; color: #D2232A; font-size: 3em; padding: 0px 0px 20px 0px; 
}
h2 { font-weight: bold; margin-top: 20px; font-size: 1.1em; color: #000000;
}
h2 a, h2 a:hover { color: #000000;
}
h3 { color: #636467; font-size: 2em; font-weight: bold; 
}
.read-more a, .read-more a:hover { color: #D2232A;
}
#page-wrap li { background:url(images/bullet.gif) no-repeat left 5px; display:block; padding-left:20px; margin-bottom:10px;
}
img { margin-bottom: -3px !important; display: inline-block; height: auto; max-width: 100%;
}


/* Buttons
-------------------------------------------------- */
.grey-btn a { background: #939598; padding: 14px; text-transform: uppercase; color: #FFFFFF; float: left; font-size: 1.1em; height: 45px; -webkit-transition: 0.25s; -moz-transition: 0.25s; -o-transition: 0.25s; transition: 0.25s; text-decoration: none; 
}
a.grey-btn:hover { background-color: #A2A2A4; color: #FFFFFF; text-decoration: none; 
}
a.grey-btn:active { background-color: #888889; text-decoration: none; 
}
.white-btn { background: #FFFFFF; padding: 14px; text-transform: uppercase; color: #D2232A; float: left; font-size: 1.1em; height: 45px; -webkit-transition: 0.25s; -moz-transition: 0.25s; -o-transition: 0.25s; transition: 0.25s; text-decoration: none; 
}
a.white-btn:hover { background-color: #F05455; color: #FFFFFF; text-decoration: none; 
}
a.white-btn:active { background-color: #BF212A; text-decoration: none; 
}
.dark-grey-btn { background: #333132; padding: 14px; text-transform: uppercase; color: #FFFFFF; float: left; font-size: 1.1em; height: 45px; -webkit-transition: 0.25s; -moz-transition: 0.25s; -o-transition: 0.25s; transition: 0.25s; text-decoration: none; 
}
a.dark-grey-btn:hover { background-color: #424242; color: #FFFFFF; text-decoration: none; 
}
a.dark-grey-btn:active { background-color: #1E1D1E; text-decoration: none; 
}
a.red-btn { background-color: #D2232A; padding: 14px; text-transform: uppercase; color: #FFFFFF; float: left; font-size: 1.1em; height: 45px; -webkit-transition: 0.25s; -moz-transition: 0.25s; -o-transition: 0.25s; transition: 0.25s; text-decoration: none; 
}
a.red-btn:hover { background-color: #E5485B; color: #FFFFFF; text-decoration: none; 
}
a.red-btn:active { background-color: #BF212A; text-decoration: none; 
}

/* Home  
-------------------------------------------------- */

/* Banner */
#banner-full-width { background: #231F20; width: 100%;
}
#banner-wrap { position: relative; height: 290px; margin-left: auto; margin-right: auto; text-align: 
}
#banner-content { position: relative; height: 290px; margin-left: auto; margin-right: auto; text-align: center; margin: -290px auto 0; max-width: 960px; 
}
#banner-title { background: #D2232A; position: absolute; top: 15%; left: 0; padding: 20px 40px 0 10px; min-height: 75px; text-align:left;
}
#banner-title h1 { font-size: 2.5em; color: #FFFFFF; 
}
#home-banner-image { margin: 0; padding: 0; background-image: url(images/precision-engineering.jpg); background-position: top center; background-repeat: no-repeat; background-color: #231F20; height: 290px;
}
#title-extend { position: absolute; background: #D2232A; top: 15%; left: 0; width: 42%; height: 76px; 
}
#banner-share { position: absolute; top: 15%; right: 0; height: 39px; padding-right: 10px; 
}
.share-button { background: #939598; padding: 12px; text-transform: uppercase; color: #FFFFFF; font-size: 1.1em; height: 39px; display: block; float: left;
}
#banner-share .st_sharethis_custom { display: block; width: 39px; height: 39px; background: url(images/plus-btn.png) no-repeat; margin-left: 10px; cursor: pointer; float: right;
}
#banner-share .st_facebook_custom { display: block; width: 39px; height: 39px; background: url(images/fb-btn.png) no-repeat; margin-left: 10px; cursor: pointer; float: right;
}
#banner-share .st_linkedin_custom { display: block; width: 39px; height: 39px; background: url(images/lin-btn.png) no-repeat; margin-left: 10px; cursor: pointer; float: right;
}
#banner-quality { display: block; width: 142px; height: 92px; background: url(images/iso-9001-ukas-logo.png) no-repeat; float: left; position: absolute; top: 50%; left:0; 
}


/* Intro */
#home-intro-wrap {  background: #939598; width: 100%; padding: 20px 0;   
}
#home-intro-wrap .container { position: relative;
}
#home-intro { color: #FFFFFF; font-size: 1.2em; float: left; width: 63%; line-height: 1.4em; padding-right: 10px;
} 
#home-intro-buttons { width: 360px; position: absolute; right: 10px; height: 45px; 
}
#home-intro-buttons .red-btn { float: right;
}
#home-intro-buttons .dark-grey-btn { float: right; margin-left: 20px; 
}
#home-quick-links-wrap { padding: 70px 0 20px 0;
}
.quick-link-item a:hover { text-decoration: none; 
}
.unline-red { border-top: 3px solid #D2232A; float: left; margin: 10px 0; width: 50px;
} 
/* About section */
#home-about-wrap { padding: 70px 0;
}
#home-about-wrap h3 { padding-bottom: 20px;  
}
#home-about-wrap .copy { line-height: 1.5em;
}
#home-about-wrap .red-btn { margin-top: 30px;
}

/* Services Page
-------------------------------------------------- */
#page-container { padding: 40px 0 40px 0; 
}
.service-wrap { padding: 20px 0; 
}
.service-wrap a:hover { text-decoration: none; 
}
.banner-image { margin-bottom: 30px !important;
}

/* Misc.
-------------------------------------------------- */
#page-links-wrap { background: #F0EFEF; padding: 30px 0 70px 0; margin-top: 50px; 
}
#page-links-wrap h3 { text-align: center; padding: 40px 0 20px 0;
}
#page-links-wrap .col-lg-3 { padding-top: 30px;
}
#page-breadcrumb { width: 100%; background: #F5F6F6; border-bottom: 1px solid #E7E8E9; padding: 10px 0; color: #8E8A8C; 
}
#page-breadcrumb a { color: #D2232A;
}
.page-links { padding: 20px 0; position: relative;
}
.page-links .title { position: absolute; bottom: 30px; left: 0px; background: #D2232A; padding: 10px; color: #FFFFFF; font-weight: bold; 
}
#page-wrap { padding: 40px 0px;
}
#extra-content { /* IF NEEDED */
}
.opacity-wrap a:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; 
  filter: alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; 
}
input, textarea {
  -webkit-appearance: none;
  -webkit-border-radius: 0;
}

/* Search page 
-------------------------------------------------- */
#search-wrap h2 { padding-bottom: 20px;
}
ul#search-results { margin-bottom: 20px;
}
ul#search-results li { 
list-style: none; background: none; border-bottom: 1px solid #E7E8E9; padding: 10px 0;
}

/* Mikina Navigation 
-------------------------------------------------- */
#nav-wrap { width: 100%; background: #333132; min-height: 48px; 
}

ul.navbar-nav { width: 100%; padding:0; list-style: none;
}
ul.navbar-nav li a {
  color: #FFFFFF;
  padding:3px 14px 3px 14px;
  line-height:42px;
  text-transform:uppercase;
  font-size:1.1em;
  margin-right: 2px;
}

ul.navbar-nav li a#nav-end {
	margin-right:-10px;}

ul.navbar-nav li a:hover, ul.navbar-nav li a#nav-end:hover, ul.navbar-nav li a:focus, ul.navbar-nav li a#nav-end:focus {
	border-bottom: 3px solid #D2232A;
	background: #292728;
	padding-bottom:0;
}

body.home .navbar-nav a#home,
body.machining-services .navbar-nav a#machining-services,
body.design-engineering-services .navbar-nav a#design-engineering,
body.inspection-quality-control .navbar-nav a#inspection-quality,
body.industries .navbar-nav a#industries,
body.plant-list .navbar-nav a#plant-list,
body.contact .navbar-nav a#nav-end { 
	border-bottom: 3px solid #D2232A; background: #231F20; padding-bottom:0;
}



/* Sidebar navigation */
ul#sidebar-nav { width: 214px; float: left; list-style: none; 
}
#sidebar-nav li { list-style: none; background:none; padding:0; margin:0;
}
#sidebar-nav li a { list-style: none; border-bottom: 1px solid #EFEEEE; padding: 15px 0 0 20px; height: 45px; display: block; color: #676767; text-decoration: none;
}
#sidebar-nav li a:hover { background: url(images/arrow-end.png) center right no-repeat #D2232A; width: 242px; height: 45px; border-bottom: 1px solid #FFFFFF; color: #FFFFFF; text-decoration: none;
}
ul#sidebar-address { margin-bottom: 20px;
}
ul#sidebar-address { font-size: 1.1em;
}
#sidebar-address li { list-style: none !important; background: none; padding: 0 0 5px 0; margin: 0px; 
}
#sidebar-nav .current_page_item a, #sidebar-nav .current_page_item a:active {  background: url(images/arrow-end.png) center right no-repeat #D2232A; width: 242px; height: 45px; border-bottom: 1px solid #FFFFFF; color: #FFFFFF !important; text-decoration: none;
}

/* Share this
-------------------------------------------------- */
#share-this { height: 39px; margin: 30px 0px;
}
#share-this .st_facebook_custom { display: block; width: 39px; height: 39px; background: url(images/fb-btn.png);  float: left; margin-left: 4px; cursor: pointer;
}
#share-this .st_linkedin_custom { display: block; width: 39px; height: 39px; background: url(images/lin-btn.png);  float: left; margin-left: 4px; cursor: pointer; 
}
#share-this .st_sharethis_custom { float: left; cursor: pointer; display: block; width: 39px; height: 39px; background: url(images/plus-btn.png) no-repeat; margin-left: 4px;
}

/* Contact page
-------------------------------------------------- */

#sidebar { width: 242px; float: left; margin-left: 10px;
}
#sidebar-extra-content { width: 214px; float: right; margin: 0 10px 0 28px; 
}
.wpcf7 input { width: 80%; height: 30px; border: 1px solid #E7E8E9;
}
.wpcf7 textarea { width: 80%; border: 1px solid #E7E8E9;
}
.wpcf7-submit { background-color: #D2232A; padding: 14px; text-transform: uppercase; color: #FFFFFF; float: left; font-size: 1.1em; height: 45px !important; -webkit-transition: 0.25s; -moz-transition: 0.25s; -o-transition: 0.25s; transition: 0.25s; text-decoration: none; border: 0px !important; width: 80px !important; 
}
.wpcf7-submit:hover { background-color: #D8303D; color: #FFFFFF; text-decoration: none; 
}
.wpcf7-submit:active { background-color: #BF212A; text-decoration: none; 
}
.wpcf7-not-valid-tip { left: 0 !important; top: -7px !important; width: 80% !important; height: 30px; padding-top: 2px !important; 
}
.wpcf7-response-output { margin: 50px 0 10px 0 !important; 
}


/* Sticky footer styles
-------------------------------------------------- */
/* Set the fixed height of the footer here */
#footer { height: 591px; background: #333132;
}
#footer-top { height: 147px; width: 100%; background: #D2232A; color: #FFFFFF; padding: 30px 0; font-weight: bold;  
}
#know-more { width: 80%; float: left; font-size: 1.4em;
}
#know-more h3 { font-size: 1.5em; color: #FFFFFF; padding-bottom: 20px;
}
#footer-top .white-btn { float: right; margin-top: 20px; padding: 14px; font-weight: normal; 
}
#footer-bottom { height: auto; width: 100%; background: #333132; padding: 25px 0px; 
}
#footer-bottom h2 a { color: #FFFFFF; text-decoration: none;
}
#footer-bottom .container { padding: 0px 10px; 
}
#footer-bottom .services-list { color: #DEDEDD; clear: both;
}
#footer-bottom .services-list li { padding-bottom: 5px; list-style: none !important; 
}
#footer-bottom .services-list a { color: #DEDEDD;
}
.footer-share { width: 100%; height: 40px; margin-top: 10px;
}
.footer-share .lin-btn { display: block; height: 40px; width: 39px; background: url(images/footer-lin-btn.png); float: left; margin-right: 5px; margin-top: 10px;
}
.footer-share .fb-btn { display: block; height: 40px; width: 39px; background: url(images/footer-fb-btn.png); float: left; margin-right: 5px; margin-top: 10px;
}
.footer-share .find-btn { display: block; height: auto; width: 94px; background: #939598; float: left; margin-top: 10px; padding: 12px; text-align: center; text-transform: uppercase; color: #FFFFFF; font-size: 1.1em; -webkit-transition: 0.25s; -moz-transition: 0.25s; -o-transition: 0.25s; transition: 0.25s; text-decoration: none; 
}
.footer-share a.find-btn:hover { background-color: #A2A2A4; color: #FFFFFF; text-decoration: none; 
}
.footer-share a.find-btn:active { background-color: #888889; text-decoration: none; 
}
#footer-bottom h2 { color: #FFFFFF;
}
#footer-logo a { display: block; background: url(images/mikina-logo.png) no-repeat; width: 97px; height: 87px; float: left;
}
#footer-iso { display: block; width: 142px; height: 92px; background: url(images/iso-9001-ukas-logo.png) no-repeat; float: right; 
}
#footer-details-wrap { padding: 0 10px; margin: 30px auto 0px; width: 100%;  
}
#footer-logo-wrap .container { padding-top: 20px; 
}
#footer-details .container { padding: 20px 10px 0 10px; position: relative;
}
#design-by a { font-size: 0.9em; text-transform: uppercase; color: #A9A8A8; float: right; width: auto; text-align: right; padding: 10px 5px 5px 0px; position: absolute; bottom: 0; right: 0; 
}
ul#footer-links { color: #A9A8A8; width: 70%;
} 
#footer-links li { display: inline-block; padding-bottom: 5px;  
}
#footer-links li a { color: #A9A8A8;  
}


/* Responsive CSS
-------------------------------------------------- */
@media (min-width: 768px) and (max-width: 979px) {

#home-intro { width: 50%;
}
#footer-details-wrap .container { padding: 0px; margin: 0px;
}
#design-by .container { padding: 0 10px;
}
.row { padding: 0px; margin: 0px;
}
li.tablet-remove { visibility: hidden; display: none; 
}

}
@media screen and (min-width: 800px){
    span#view-full{ display: none; }
    span#view-responsive{ display: inline; }
}
@media (max-width: 767px) {
.col-3 { width: 50%; float: left;
}
.col-6, .col-8 { width: 100%;
}
#quick-contact-responsive .col-8 { width: inherit;
}
#header { padding: 0px; min-height: 124px; 
}
#header-links { width: auto; background-color: transparent; padding: 10px 0px; 
}
ul#header-tel li { padding: 10px 14px 0 0; color: #FFFFFF !important;
}
#logo a { margin: 19px 0 18px 28px; z-index: 0; position: absolute;
}
#banner-wrap { height: 290px; margin-left: auto; margin-right: auto; text-align: center; clear: both; 
}


/* Responsive Navigation */
#nav-wrap { height: 0px !important; min-height: 0px;
}
.navbar { min-height: 0px !important; background: #6B6B6B; margin-top: 80px; z-index: 9999; position: relative;
}
.navbar-nav { margin: 0px; 
}
.navbar .container { padding: 0px; margin: 0px; 
}
.navbar-toggle {
  position: absolute;
  top: -50px; 
  right: 28px;
  width: 73px;
  height: 42px;
  padding: 6px 12px;
  margin-top: 8px;
  margin-bottom: 8px;
  background: #6B6B6B;
  border: 0px;
  color: #FFFFFF;
  font-weight: bold;
}
.navbar-toggle:hover,
.navbar-toggle:focus {
  background: #6B6B6B;
}
ul.navbar-nav li { list-style: none; width: 50%; float: left;
}
.navbar-nav li a {
  padding: 15px 5px 15px 5px !important;
  display: block;
  font-size: 1.1em;
  text-transform: none;
  text-align: center;
  text-decoration: none;
  border-right: 1px solid #AAABAB;
  border-bottom: 1px solid #AAABAE;
  width: 100%;
  float: left;
  line-height: 1.6em !important;
}
ul.navbar-nav li a:hover, ul.navbar-nav li a#nav-end:hover {
	border-bottom: none;
	background:#666;
	border-right: 1px solid #AAABAB;
  	border-bottom: 1px solid #AAABAE; 
	padding-bottom:3px;
}
body.home .navbar-nav a#home,
body.machining-services .navbar-nav a#machining-services,
body.design-engineering-services .navbar-nav a#design-engineering,
body.inspection-quality-control .navbar-nav a#inspection-quality,
body.industries .navbar-nav a#industries,
body.plant-list .navbar-nav a#plant-list,
body.contact .navbar-nav a#nav-end { 
	border-bottom: none;
	background:#666;
	border-right: 1px solid #AAABAB;
  	border-bottom: 1px solid #AAABAE; 
	padding-bottom:3px;
}


/* Home */
.container { padding: 0px; 
}
#home-intro { padding: 0 28px; width: 100%; line-height: 1.6em; text-align: center; font-size: 1.2em; height: 100%; 
} 
#home-quick-links-wrap { padding: 0px; clear: both;
}
#home-quick-links-wrap h2 { color: #FFFFFF; margin: 0px; font-size: 1.1em; background: url(images/ql-arrow.png) right center no-repeat; padding: 20px 38px 20px 0; padding-left: 100px; position: relative;
}
#home-quick-links-wrap img { width: 90px; height: 60px !important; clear: both; position: absolute;
}
#home-quick-links-wrap .col-3 { background: #231F20; padding: 0px; border-bottom: 1px solid #332F30; margin: 0px; width: 100%; height: 61px !important;
}

/* Misc */
#page-breadcrumb { padding: 10px 28px;
}
#page-container h1 { padding-left: 14px;
}
/* Footer */
#quick-contact-responsive { background: #333133; width: 100%; color: #FFFFFF; text-align: center; font-size: 1.1em; padding: 20px 0; 
}
#quick-contact-responsive a { color: #FFFFFF; font-weight: bold;
}
#footer { height: 203px; background: #231F20;
}
#footer-responsive { min-height: 203px; width: 100%; border-top: 7px solid #D2232A; background: #231F20; padding: 0px 20px 20px;
}
#responsive-footer-logo { width: 51px; height: 100%; float: left; margin-right: 10px;
}
#responsive-logo a { display: block; background: url(images/mikina-logo-res-footer.png); width: 51px; height: 51px; margin-top: 20px;
}
#responsive-footer-links { width: 40%; height: 100%; float: left; position: relative; padding-top: 20px; margin-right: 10px;
}
ul#responsive-address { color: #DEDEDD; margin-bottom: 20px; 
}
#responsive-address li { padding-bottom: 3px; list-style: none;
} 
ul#responsive-links { color: #D2232A; margin: 10px 0; 
} 
#responsive-links li { display: inline-block; padding-bottom: 5px; padding-right: 5px;  
}
#responsive-links li a { color: #D2232A; 
}
ul#responsive-details { color: #A9A8A8; margin-top: 10px; 
} 
#responsive-details li { padding-bottom: 3px; list-style: none;
} 
#responsive-footer-share { width: 93px; height: 100%; float: right;
}
.footer-share { width: 93px; height: 40px; margin-top: 5px; float: right;
}
.footer-share .lin-btn a { display: block; height: 40px; width: 39px; background: url(images/footer-lin-btn.png); float: left; margin: 15px 15px 0px 0px;
}
.footer-share .fb-btn a { display: block; height: 40px; width: 39px; background: url(images/footer-fb-btn.png); float: left; margin: 15px 0px 0px 0px;
}
.view-options span { display: block; height: 39px; width: 95px; background: #414142; float: right;
margin-top: 60px; clear: right; color: #C4C4C4; padding: 12px 0px; text-align: center;
}
span#view-responsive{ display: none; }

/* Contact page */
.wpcf7-not-valid-tip { z-index: 2 !important; 
}

@media (max-width: 480px) {
#home-intro { padding: 0 28px; width: 100%; line-height: 1.6em; text-align: center; font-size: 1.2em;
} 
#banner-title { font-size: 0.7em; height: auto; padding-bottom: 20px;
}
#banner-title h1 { text-align:left; padding:0;}

/* Contact page */
.wpcf7 input { width: 100%; 
}
.wpcf7 textarea { width: 100%; 
}
.wpcf7-submit { width: 100% !important; 
}
.wpcf7-not-valid-tip { z-index: 2 !important; 
}