/*POD WAREHOUSE LTD */
/*AUTHOR HARDI DARWEISH */


.clear
{
	clear:both;	
}

/*AUTHOR HARDI DARWEISH */


/* colours */
.bglightgray
{
	background:#CCC;	
}

.bggray
{
	background:#666;
}

.bglightred
{
	background:#B1505D;
}

.bgdarkred
{
	background:#9A2333
}

.bglightmintgreen
{
	background:#EAF9E3
}


.bgmintgreen
{
	background:#ECFFE2;
}

.bgdarkspearmint
{
	background:#00DAC4;
}

.bglightspearmint
{
	background:#38FAE7;
}

.bglightpink
{
	background:#F5F0F5;
}


.bgdarkpink
{
	background:#F2ECF2;
}


.bgdarkpurple
{
	background:#625B77;
}

.bglightsoftblue
{
	background:#85C8FB;
}


.bgdarksoftblue
{
	background:#0D91F6;
}

.bgdarkviolet
{
	background:#7662F7;
}

.bglightviolet
{
	background:#9181F9;
}

.bggamedarkgreen
{
	background:#007D23;	
}

.bggamelightgreen
{
	background:#00CD39;	
}


.stitle
{
	display:none;
}	

.pagetitle-darkgray
{
	color:#80817F;
}

.pagetitle-white,.keytext-white
{
	color:#fff;
}


.keytext-darkred
{
	color:#9A2333;
}

.keytext-lightgray
{
	color:#ccc;
}

.keytext-lightpink
{
	color:#F5F0F5;
}

.pagetitle-darksoftblue
{
	color:#0D91F6;
}


.keytext-lightsoftblue
{
	color:#85C8FB
}


.keytext-darkpurple,.pagetitle-darkpurple
{
	color:#625B77;
}


.keytext-darkblue,.pagetitle-darkblue
{
	color:#010057;
}
/* general layout */

.keypagetitle
{
	width:100%;
	font-family:Arial, Helvetica, sans-serif;
	padding:20px 26px;
	font-size:20px;	
	font-weight:bold;
}



.pagetitle
{
	width:100%;
	font-family:Arial, Helvetica, sans-serif;
	padding:10px 0px;
	font-size:24px;	
	color:#666;
	font-weight:bold;
}


.keytextcontainer
{
	width:100%;
	font-family:Arial, Helvetica, sans-serif;
	padding:20px 26px;
	font-size:14px;
	line-height:150%;
}


.pagetextcontainer
{
	width:100%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#010057;
	line-height:150%;
}


.txtcol
{
	height:387px;	
}

a.googlemap 
{
	color:#fff;
}

.keywordscontainer
{
	margin-top:10px;
	margin-bottom:10px;
	color:#ccc;
	font-weight:bold;
	font-size:20px;
	text-align:center;	
}

footer
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#999;	
	margin-top:30px;
	border-top:1px solid #999;
	padding-top:10px;
	max-width:1105px;
}

.hdcredits
{
	float:right;	
}

.homeicons
{
	margin-top:0px;
	margin-left:-30px;	
	margin-bottom:10px;
}




.no-padding
{
	padding:0px;
}

.no-padding-right
{
	padding-right:0px;
}


/*TOOLTIPS HOME PAGE ICONS */
.popup{
  background:#fff;
  border:1px solid #666; 
  padding:10px;
  position:absolute;
  display:none;
  font-family:Arial, Helvetica, sans-serif;
  color:#006;
  font-weight:bold;
  top:0px;

}

.popupdiv
{
	  display:none;

}



/* navigation */

nav
{
	margin-top:20px;	
	background:#fff;
}

.navbar-default
{
	background-image:none;
	background:none;
	border-radius:0px;
	border:none;
	box-shadow:none;
}



.navbar-right
{
	padding-top:25px;
}



/*youtube videos */
#videoHome {
    display: block;
    width: 90%;
   height:387px;
    background: url(http://www.podutopia.co.uk/images/videopod.jpg);
	background-repeat:no-repeat;
	background-size:contain;
	background-position:center;

}




@media (max-width: 1199px) {


.keypagetitle
{
	padding:15px 26px;
}

.txtcol
{
	height:333px;	
}

}


@media (max-width: 991px) {


.keypagetitle
{
	padding:15px 26px;
}

.txtcol
{
	height:20%;	
	
}

#videoHome {
    width: 100%;
    background: url(http://www.podutopia.co.uk/images/videopodSmallTablet.jpg);
	background-repeat:no-repeat;
	background-position:center;
}
	



.homeicons
{
	max-width:60%;
	height:auto;
	margin:0 auto;
}


}

@media (max-width:1199px) and (min-width:992px) {

.keytextcontainer
{
	width:100%;
	font-family:Arial, Helvetica, sans-serif;
	padding:20px 26px;
	font-size:12px;
	line-height:150%;
}

.img-container img
{
	min-height:333px;	
}

  }






@media (max-width: 1024px) {

.iconholder 
	{
		display:none;	
	}
	
}

@media (max-width: 768px) {
	
	.mainlogo
	{
	margin-left:10px;
	}
	
	
	#vidmsg,#vidmsg2
	{
		color:#fff;
	}
	


}



@media (max-width: 480px) {


.hdcredits
{
	float:none;	
}

.mainlogo
{
	margin-left:10px;	
}
  

.homeicons
{
	margin-top:30px;
	margin-bottom:30px;
}

#videoHome {
	height:250px;
    background: url(http://www.podutopia.co.uk/images/videopodSmartPhone.jpg);
	background-repeat:no-repeat;
	background-position:center;
}

}