/*
Theme Name:  M-Tek theme
Theme URI: http://mtek.klwd.uk
Description: The Theme built for M-tek website
Author: King's Lynn Website Design
Author URI: http://www.kingslynnwebsitedesign.co.uk
Version: 1.0
*/

@import url(http://fonts.googleapis.com/css?family=Open Sans:400,700);
@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700,300italic);

body{
	font-family:"Open Sans",Sans-serif !important;
	background:#fff;
	color:#111;
}
#sidebar { padding-top:7px; }
#sidebar li { list-style:none; }
#header{
	background:#003793;
}
.header-info {
font-family: "Open Sans",Sans-serif !important;
    font-style: italic;
    margin: 12px;
    font-size: 24px;
    text-align: right;
    color: #777;
}
nav a{
	color:#FFF;
	font-family:"Open Sans Condensed",Sans-serif !important;
  text-transform:uppercase;
  padding: 8px 32px !important;
  line-height:normal !important;
    font-size: 25px;
    font-weight: 900;
}
a:active,a:focus {
outline: none;
}
nav li:hover a{
	background:rgb(8, 29, 64);
	color:#fff !important;
	text-decoration: none;
}
.navbar{
	padding:0 !important;
	margin:0 !important;
	border:0px;
	border-radius:0px !important;
}
.icon-bar{
	background:#fff !important;
}
@media (min-width:768px){
	nav a{
	}
	nav li:first-child a{
		border-left: 0px solid #FFF;
	}
	#prod-button
	{
	display:none
	}
}
#logoarea{
	background:#FFF;
  padding-left:10px;
	position:relative;
}

@media (max-width:768px){
	
    #logoblock
	{
	text-align:center;
	}
	#contactblock
	{
	text-align:center;
	}
	.header-info
	{
  	text-align:center;
	}
}

@media (max-width:1000px){
	
    nav a{
  font-size:16px;
	}
.link{
  font-size:16px !important;
}
  .one, .two, .three, .four {

    background-size: 17px auto;
}
	.one {
	  margin-top:8px;
	  }
}


h3{
	font-size: 24px !important;
	padding:0 !important;
	margin:0 !important;
}
h4{
	font-size: 20px !important;
	padding:0 !important;
	margin:0 !important;
}
#showcase{
	background:#FFF;
	color:#FFF !important;
	padding:20px;
padding-bottom:0px;
}
h2{
	font-size: 28px !important;
	color: #003793 !important;
}
p{
	font-size: 14px;
	line-height: 20px;
	margin: 20px 0px;
  text-align: justify;
}
#body{
	background:#FFF;
	padding:20px;
}
#services h2{
	background-color: #0e5291 !important;
	color: #FFF !important;
	padding: 10px !important;
	font-size: 16px !important;
	margin-bottom:0 !important;
}
#services ul{
	background:#999 !important;
	list-style: none;
	padding:0;
	margin:0;
}
#services ul li.heading{
	background:#444 !important;	
}
#services ul li{
	padding: 7px;
	border-bottom: 1px solid #FFF;
	font-size: 14px;
	color:#FFF !important;
}
#services ul li a{
	
	color:#FFF !important;
}
#other-services{
	background:#FFF;
	margin-top:15px;
	margin-bottom:15px;
}
#other-services a{
	position:relative;
	top:120px;
	z-index:10;
	font-size: 21px !important;
	color:#0e5291 !important;
}
#other-services a:hover{
	color:#0e5291 !important;
}
#other-services a:hover{
	text-decoration: none;
}
#other-services img{
	top: -40px;
	position: relative;
	z-index: 9;
}
#body a:hover, #body a:focus, #body a:active, #body a{
	color:#0e5291 !important;
}
@media (max-width:690px){
	#other-services a{
		font-size:16px !important;
		top:100px !important;
	}
}
@media (max-width:580px){
	#other-services a{
		font-size:14px !important;
		top:70px !important;
	}
	#other-services
	{
	padding-bottom:30px;
	padding-top:30px;
	}
	.col-xs-4 
	{
    width: 100% !important;
	}
	
	.iphoneSize
	{
	margin-top:20px;
	}
	
}
#footer{
	color:#FFF;
	background: #003793;
	font-size:12px;
	padding-top:10px;
	padding-bottom:10px;
	overflow:auto;
}
#footer a, #footer a:hover{
	color:#FFF !important;
}
.navbar-nav > li > .dropdown-menu, .dropdown-menu li a, .dropdown-menu li:focus a, .dropdown-menu li:active a{
background:#003793 !important;	  
	  color:#FFF !important;
		border:none !important;
      font-weight: 900;
}
.dropdown-menu li:hover a{
			 color:#fff !important;
			  background:#081d40 !important;
}

.post h3 {
    margin-bottom: 10px !important;
    margin-top: 10px !important;
}

.post {
    margin-bottom: 36px;
}

.post p {
    padding-top: 20px;
}

.home-heading {
    color: #FFF;
    background-color: #003793;
    padding: 10px;
    text-transform: uppercase;
    text-align: center;
    font-size: 30px;
    font-family: "Open Sans Condensed",Sans-serif !important;
    font-weight: 700;

	  
}
  
  .blue-bg {
  color:#FFF;
	background-color:#003793;
}

.info
{
font-style:italic;

}

  .whitebg { background:#FFF; padding:20px 0; }
  
.features .col-md-3 {
  padding:0 !important;
		    
}

.sidebar {
  background-color:#d3d9c7;
	padding:10px;
	margin-top:20px;
  }
	  
	  .features .img {
			height: 197px;
    overflow: hidden;
		  }
		  
		  .features .link {
			padding:20px 15px;
				background:#5e8d3d;
				font-family:"Georgia",Sans-serif !important;
				width:100%;
				color:#FFF;
				font-size:18px;
			  }
			  
			  .features .col-md-3:nth-child(2) .link {
					background:#a4cb8a;
				  }
					  
					  .features .col-md-3:nth-child(3) .link {
					background:#86c05a;
				  }
					  
					  .features .col-md-3:nth-child(4) .link {
					background:#c2cdbc;
				  }

h1, h2, h3, h4, h5, h6 {
text-transform:uppercase;
  color:#003793;
  font-size:26px;
  font-family:'open sans condensed';
      font-weight: 900;
}

h2{
margin-bottom:30px !important;
}

h3{
margin-bottom:20px;
}

#twitter-widget-0{
  width:100% !important;
  height:400px !important;
}

.serviceimg { float:left; }
.wp-post-image { width:100%; height:100%; }

.attachment-thumbnail
{
float:left; width:150px; height:150px; margin-right:15px;
}

.bgfooter {
	background-color:#FFF;
	padding:10px;
	text-transform:uppercase;
	text-align:center;
}

.bgfooter #footer {
	font-size:24px !important;
	font-weight:900 !important;
}

.homelist {
	background-color:#d5dfe8;
	padding:0px !important;
}

.homelist li {
	list-style:none;
	padding: 0 12px;
	text-transform:uppercase;
	font-weight:900;
	font-size:12px;
	color: #555;
	border-bottom: 1px solid #FFF;
}

.tweets { padding:0; }

@media (max-width: 992px) {
	.searchbox { display:none; }
.homelist { margin-top:20px; }
}

@media (max-width: 768px) {
	#header { position:fixed; top:0; width:100%; z-index:9999999999999; }
	body { padding-top:30px; }
	.hidemobile { display:none; }
	#logoarea { border-bottom:3px solid #0e5291; }
}


.navbar-toggle:after {
    color: #ffffff;
    content: "MENU";
    display: block;
    font-size: 11px;
    left: -35px;
    position: absolute;
    text-decoration: none !important;
    top: 9px;
}


.hidden {
	display:none;
}

.widget_sp_image {
	list-style:none;
	width:44%;
	float:left;
	margin:10px 3%;
}

@media (max-width: 768px) {
	.widget_sp_image {
		list-style:none;
		width:94%;
		float:left;
		margin:10px 3%;
	}
}

@media (min-width: 768px) {
	.no-pad { padding-left:0; }
}

.searchbox {
float: right;
border: none;
margin-top: 9px;
width: 28%;
background: #667d93;
padding: 5px;
color: #ccc;
outline:none;
}
@media (max-width: 1000px) {
	.rightlogos img{ max-width:70% }
}
@media (max-width: 700px) {
	.rightlogos { display:none }
}

.rightlogos {
	position:absolute;
	top:1px;
	right:10px;
	max-width:30%;
	text-align:right;
	
}

@media (min-width: 1200px) {
.container {
    width: 970px !important;
}
}

.container {
	    border: 5px solid #003793;
    margin-top: 15px;
}

.top-btm { margin-top:15px; margin-bottom:15px; }

.link {
	background-color:#959595;
	color:#003793;
	font-family:"Open Sans Condensed",Sans-serif !important;
	font-size:30px;
	font-weight:700;
	text-align:right;
padding: 5px 24px;
    margin-bottom: 8px;
      background-repeat: no-repeat;
}

.link.one {
	background-image:URL('/wp-content/uploads/2016/03/design-icon.png');
      background-position: 10px 9px;
}

.link.two {
  background-image:URL('/wp-content/uploads/2016/01/broken-glass-icon.png');
      background-position: 14px 4px;
}

.link.three {
  background-image:URL('/wp-content/uploads/2016/01/delivery-icon.png');
      background-position: 7px 10px;
}

.link.four {
  background-image:URL('/wp-content/uploads/2016/01/glass-icon.png');
      background-position: 12px 4px;
}