/*   
Theme Name: TFC LANDING THEME
Description: For The Fordham Company Landing Pages
Author: WhiteClick
Author URI: http://www.whiteclick.com.au/
Version: 1
*/

/* -------------------------------------------------------------
======	RESET
------------------------------------------------------------- */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {display: block}
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
:hover, :focus, :active { outline: none; }


html, button, input, select, textarea {
	font-family:  "Muli", sans-serif; 
	font-weight: 400; /* normal */
	color: #555; 
	font-smooth:always;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.004);}

body { margin: 0; font-size: 13px; line-height: 1.6; color:#393939; }

a { color: inherit; font-weight: normal;
	cursor: pointer;  text-decoration: none;
	transition:color 0.2s ease; -moz-transition:color 0.2s ease; -webkit-transition:color 0.2s ease; -o-transition:color 0.2s ease;}

p{margin: 0 0 1em;}
p:last-child {margin-bottom: 0;}

a:visited{opacity:0.9;}
a:active, a:focus{position:relative;top:1px;}
abbr[title]{border-bottom:1px dotted}
dfn{font-style:italic}
hr{display:block; height:1px; border:0; border-top:1px solid #ddd; margin:1em 0; padding:0}
pre, code, kbd, samp{font-family:monospace,monospace; _font-family:'courier new',monospace; font-size:1em}
q{quotes:none}
q:before, q:after{content:""; content:none}
blockquote { margin: 1em 1em 1em 0; padding: 1em; border-left: 1px solid #DDD; font-style: italic; color: #999;}
blockquote p {font-size: 1.1em;line-height: 2em;margin-bottom: 0;}
blockquote small {display: block;font-size: 1em;line-height: 1.6em;color: #bfbfbf; text-align: right;}
blockquote small:before {content: '\2014 \00A0';}
b, strong{font-weight:700}
small{font-size:85%; color: #999;}
sub, sup{font-size:75%; line-height:0; position:relative; vertical-align:baseline}
sup{top:-0.5em}
sub{bottom:-0.25em}
dd{margin:0 0 0 40px} dt{font-weight: 700;}
ul, ol{list-style:none; list-style-image:none; margin:0; padding:0;}
img{border:0; -ms-interpolation-mode:bicubic; vertical-align:middle}
svg:not(:root){overflow:hidden}
figure{margin:0}
form{margin:0}
fieldset{border:0; margin:0; padding:0}
label{cursor:pointer}
legend{border:0; *margin-left:-7px; padding:0;white-space: normal;}
button, input, select, textarea{font-size:100%; margin:0; vertical-align:baseline; *vertical-align:middle}
button, input{line-height:normal; *overflow:visible}
table button, table input{*overflow:auto}
button, input[type="button"], input[type="reset"], input[type="submit"]{cursor:pointer; -webkit-appearance:button}
input[type="checkbox"], input[type="radio"]{box-sizing:border-box}
input[type="search"]{-webkit-appearance:textfield; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box}
input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
button::-moz-focus-inner, input::-moz-focus-inner{border:0; padding:0}
textarea{overflow:auto; vertical-align:top; resize:vertical}
table{border-collapse:collapse; border-spacing:0}
td{vertical-align:top}
.chromeframe { margin: 1em 0; background: red; color: black; padding: 1em; }



/* -------------------------------------------------------------
======	STYLES
------------------------------------------------------------- */

/* -- FORMS 
------------------------------------------------------------- */
form{margin-top: 2em;}
form li{margin-bottom: 1.5em;}
label{display: block; margin-bottom:1em; font-weight: 700;}
input, select, textarea {
	border: 1px solid #DDD;
	color: #777;
	font-size: 1em;
	padding: 7px;
	width:60%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	*behavior: url(/js/boxsizing.htc); }
textarea{padding: 1em; min-height:15em; height: auto; width: 100%; }
input, textarea {
 -moz-transition: border .25s;
 -webkit-transition: border .25s;
 -o-transition: border .25s;
 transition: border .25s;}
input:hover, textarea:hover, input:focus, textarea:focus,input:active, textarea:active { border: 1px solid #999;}
input[type="text"],textarea{cursor: text;}
input[type="radio"], input[type="checkbox"] { display: inline; width:auto; height: auto; margin-right: 1em; }
input[type="checkbox"] + label, input[type="radio"] + label { display: inline;}
input[type="file"]{ border: none;}
input[type="date"]{ width: auto;}
select {height: auto;}
/* Placeholders */
::-webkit-input-placeholder { color: #BBB;}
:-moz-placeholder {color: #BBB;}
:-ms-input-placeholder {color: #BBB;}
/* validate.js */
label.error { color: #0078CF; margin: 0.5em 0 0 0.5em; font-weight: normal; font-style: italic; }


/* -- BUTTONS 
------------------------------------------------------------- */
.button, input[type="submit"], input[type="button"], button, .toggle-title {
	color: #666;
	font-size: 1.1em;
	font-weight: normal;
	padding: 0.6em 1.2em;
	text-shadow: 0 1px 0 #fff;
	border: solid 1px #ddd;
	text-decoration: none;
	cursor: pointer;
	
	background: #efefef; /* Old browsers */
	background: -moz-linear-gradient(top,  #f6f6f6 0%, #efefef 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f6f6), color-stop(100%,#efefef)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f6f6f6 0%,#efefef 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f6f6f6 0%,#efefef 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f6f6f6 0%,#efefef 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f6f6f6 0%,#efefef 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#efefef',GradientType=0 ); /* IE6-9 */
		
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	-ms-border-radius: 2px;
	-khtml-border-radius: 2px;
	border-radius: 2px;
	
	-webkit-transition: 0.1s linear all;
	-moz-transition: 0.1s linear all;
	-ms-transition: 0.1s linear all;
	-o-transition: 0.1s linear all;
	transition: 0.1s linear all; }
.button:hover, input[type="button"]:hover, input[type="submit"]:hover, button:hover, .toggle-title:hover {
	color: #333;
	text-decoration: none;
	border-color: #BBB;
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.1);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
	background: 0 100%;}
.button:focus, input[type="submit"]:focus, button:focus, .toggle-title:focus {
	color: #333;
	border-color: #BBB;}
.button:active, input[type="submit"]:active, button:active, .toggle-title:active {
	color: #000;
	background: #F5F5F5;
	border-color: #444;
	position: relative; top:1px;}



/* -- TYPO
------------------------------------------------------------- */
h1,h2,h3,h4,h5,h6{margin:0 0 1em; font-weight: normal;}

h1 {font-size: 48px; 
	letter-spacing: -0.075em; 
	line-height: 0.9; 
	color: #555;
	margin: 0 0 0.5em; 
	font-weight: normal; }
h2 { font-size: 2.5em; margin: 0 0 20px; letter-spacing: -0.05em; color: #555; line-height: 1; }
h3 { font-size: 1.75em; }
h4 { font-size: 1.5em; }
h5 { font-size: 1.17em; margin: 0; color: #555; }
h6 { font-size: 1em; margin-bottom: 2px; font-weight: 700; }

h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{color:#333; text-decoration: none;}
h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover{color:#0078CF;text-decoration: underline;}
.clear{
	margin:0px; padding:0px;clear:both;
}
.font-red{
	color:#e51b24;
}
.font18{
	font-size:18px;
}
.fontgitalic{
	color:#abaeb0;
	font-style: italic;
}
h3.avlist{
	margin: 0 0 10px; text-transform: uppercase; font-weight: bolder; font-size: 18px;
}
.boldandred { color: #DB131B; font-weight: bold; font-size: 14px; }
.smallbutreadable { color: #000; }

/* -- GRID  https://github.com/mattberridge/Proportional-Grids/
------------------------------------------------------------- */
body{width:100%; margin:0px; padding:0px;
background: #dee1e3; /* Old browsers */
background: -moz-linear-gradient(top,  #dee1e3 1%, #d1d5d8 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#dee1e3), color-stop(100%,#d1d5d8)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #dee1e3 1%,#d1d5d8 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #dee1e3 1%,#d1d5d8 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #dee1e3 1%,#d1d5d8 100%); /* IE10+ */
background: linear-gradient(to bottom,  #dee1e3 1%,#d1d5d8 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dee1e3', endColorstr='#d1d5d8',GradientType=0 ); /* IE6-9 */

}
.wraped{
	width:1174px;
	margin:auto;background:#ffffff;
	padding-top:20px;
}
.container { max-width: 1023px; margin:auto; padding-bottom:20px; }
 
.grid-wrap {
  overflow: hidden;
  *zoom:1;}
  .grid-wrap:before, .grid-wrap:after{content:""; display:table}
  .grid-wrap:after{clear:both}
  
.grid {
  float: left;
 
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  
.half-gutter {margin-left: -1.5em; }
  .half-gutter .grid-col {padding-left: 1.5em; }
  
.col-full {width: 100%; }
.col-one-half {width: 50%; }
.col-one-third {width: 33.333%; }
.col-two-thirds {width: 66.666%; }
.col-one-quarter {width: 25%; }
.col-three-quarters {width: 75%; }

.divide-top{border-top: 1px solid #ccc;padding-top: 2em;margin-top: 1.5em; }

.mright{ margin-right: 3em;}
.mleft{ margin-left: 3em;}
.mtop{ margin-top: 3em;}
.mbottom{ margin-bottom: 3em;}
.halfmright{ margin-right: 1.5em;}
.halfmleft{ margin-left: 1.5em;}
.halfmtop{ margin-top: 1.5em;}
.halfmbottom{ margin-bottom: 1.5em;}

.fright, .fleft{display:block; overflow:hidden; position: relative;}
.fright{float:right;}
.fleft{float:left;}

.alignleft{float: left;clear: left;margin: 0.38em 1.62em 0.38em 0;}
.alignright {float: right;clear: right;margin: 0.38em 0 0.38em 1.62em;}
.aligncenter {margin: 0 auto 1.62em;display: block;}

.frontcontain { text-align: center; margin-top: 100px; }
.frontcontain li:nth-child(n+1) { float: left; }
.frontcontain li:nth-child(n+1) a { padding-right: 10px; }
.frontcontain li:nth-child(n+1) a:hover { color: #ccc; }
.menucontain { width: 90%; margin: 0 auto; }

/* -- MISC
------------------------------------------------------------- */
figure { max-height: 100%; overflow: hidden;}
figure figcaption { }
img { max-width: 100%; height: auto; width: auto; }
a img {
    -webkit-transition: opacity 1s ease;
    -moz-transition: opacity 1s ease;
    -o-transition: opacity 1s ease;
    -ms-transition: opacity 1s ease;
    transition: opacity 1s ease; }
a img:hover {
	*zoom: 1;
	opacity: 0.7;
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity = 70);
	filter: alpha(opacity = 70);}
    
    
    
/* -------------------------------------------------------------
======	PAGES
------------------------------------------------------------- */
    
/* -- HEADER
------------------------------------------------------------- */
header#navtop { clear: both; border-bottom:2px solid #cdced0;  }
.navactive { color: #0078CF; }
.logo {margin-bottom:5px;}
.tname {margin-bottom:5px;  display:block; margin-top: 95px; font-size: 18px; color:#666769; text-align: right;}
.tfollow { display:block;font-size:14px;color:#abaeb0; min-height:30px; }
.tfollow li{ float: left; list-style: none; margin: 0 10px 0 0;}
.logo:hover {background: none;}
		
.banner { border-bottom: 2px solid #cdced0; margin-bottom: 20px; }
.banner-content { margin: 20px 0; }
/* -- GENERAL 
------------------------------------------------------------- */
.main header{ color: #555; margin-bottom: 3em; }
.main header hr{border-top-color:#999;}
.arrow:after {content:" \27F6"; /* html unicode: ⟶ */ } 
header .arrow {color: #999; font-style: italic;}
.arrow:hover {color: #0078CF; }
li.bullet-red{ list-style: none; background: url(images/blt-content.png)0 9px no-repeat; padding: 0 20px;
}
.grid span.tfollow{ margin-top: 10px; }

/* -- FOOTER
------------------------------------------------------------- */
footer  { color: #555; margin-bottom: 7em; }
footer nav ul { float: right; overflow: hidden; }
footer a {color: #999;}

footer p{ font-size: 12px; margin: 0 0 1.9em; }
.up a { display: block; text-align: center; margin: 0 auto; }
.footer-nav{ border-bottom: 1px solid #ccc; padding-bottom: 2em; }
div.list { width: 740px; padding-top: 0.3em; float: left; }

	div.list li.footcollist{
		width:19%;
		border: none;
		float: left; 
	}
div.list ul, div.list li{ list-style: none; }
footer p{ font-size: 11px; margin: 0 0 1.9em; }

div.list li ul li{ background: url(images/blt-footer.png)0 7px no-repeat; font-size: 13px; padding-left: 1.25em;}

footer .sb-boxes { margin: 0 auto; }
footer .enquire-box { width: 275px; height: 175px; background: url(images/bord-grad.png)0 0 no-repeat; border: none;}
footer .enquire-box .content { padding: 3px; text-align: center; }
footer .enquire-box p { font-size: 13px; line-height: 1.5; margin: 0 0 0.7em; }
footer .enquire-box p em { font-style:normal; font-weight:bold;}
footer .enquire-box p span { display:block;}
footer .enquire-box p span.font-red { font-size: 15px; font-size: 17px; font-weight: 700;}
.enquire-box a{  padding:5px 18px; text-shadow: 0px -1px 0px #540000;
        filter: dropshadow(color=#540000, offx=0, offy=-1); }
.enquire-box a span{  padding:0px; }

footer .copyright { text-align: right; padding: 5px 0; }
footer .copyright a{ text-decoration: none; }
/* -- HOME-PAGE
------------------------------------------------------------- */
/* SIDEBAR BOXES */
.sb-boxes {
width: 440px; margin: 20px auto;
float: right;
border-radius: 5px;
font-family: 'Helvetica', Helvetica, sans-serif;
background: #e9eced;
text-align: center;
}
.sb-boxes .content { padding: 1em; }
.sb-boxes h1 { font-size: 16px; font-weight: bold;}
.sb-boxes h1 strong{ font-weight: bold; font-size: 22px;}
.sb-boxes h1, .sb-boxes h6, .sb-boxes a { text-transform: uppercase; }
.sb-boxes h6 { font-weight: bold; font-size: 13px; }
.sb-boxes h1, .sb-boxes h6{ color: #000; letter-spacing: -0.04em; }
.sb-boxes h2 { color: #e51b24; font-size: 2.2em; margin: 0;}

/* VIDEO BOX */ 
.video-box .content .video-container:before { display: block; 
position: absolute; 
/* background: url(images/slidearrow.png)no-repeat left; */
content: ''; width: 18px; height: 75%; top: 30px;
z-index: 500; }
.video-box .content .video-container:after {  
position: absolute; 
/* background: url(images/slidearrow.png)no-repeat right; */
content: ''; width: 18px; height: 75%; right: 0; top: 30px;
z-index: 500; }

.video-box .video-container {
    position: relative;
    padding-bottom: 56.25%; height: 0; overflow: hidden;
}


.vidcap {
	position: absolute;
	display: block;
	width:200px;
	background: rgba(0,0,0,0.3);
	padding: 10px;
	color: #fff;
	border-radius: 5px;
	z-index:1000;
	margin:90px 0px 0px 100px; 
}
.popvid{
	display:block;
	cursor:pointer;
}
/* LATEST NEWS */
.news-box {
background: -moz-linear-gradient(top,  rgba(234,237,238,0.75) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(234,237,238,0.75)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(234,237,238,0.75) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(234,237,238,0.75) 0%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(234,237,238,0.75) 0%,rgba(255,255,255,0) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(234,237,238,0.75) 0%,rgba(255,255,255,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfeaedee', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
}
.news-box h1 strong { color: #e51b24; font-size: 18px; }
.news-box .content { overflow-y: scroll; height: 150px; text-align: left; } 

.news-box .content::-webkit-scrollbar {
    width: 5px;
}
 
.news-box .content::-webkit-scrollbar-track {
	background: #ccc;
}

.news-box .content::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(255,0,0,0.8); 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
	height: 5px;
}

/* ENQUIRY */
.enquire-box a { display: inline-block; color: #fff; font-size: 14px; border-radius: 3px; padding-top: 3px; text-decoration: none; -webkit-box-shadow:  0px 0px 1px 1px #cfcfcf; box-shadow:  0px 0px 1px 1px #cfcfcf;

background: #df141c; /* Old browsers */
background: -moz-linear-gradient(top,  #df141c 8%, #d8121a 56%, #c60d14 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(8%,#df141c), color-stop(56%,#d8121a), color-stop(100%,#c60d14)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #df141c 8%,#d8121a 56%,#c60d14 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #df141c 8%,#d8121a 56%,#c60d14 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #df141c 8%,#d8121a 56%,#c60d14 100%); /* IE10+ */
background: linear-gradient(to bottom,  #df141c 8%,#d8121a 56%,#c60d14 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#df141c', endColorstr='#c60d14',GradientType=0 ); /* IE6-9 */ }

/* -- SUBPAGES 
------------------------------------------------------------- */
/*Separations*/
.main:not(.home-page) > section article h2 { margin-top: 1em; padding-top: 1em; border-top: 1px solid #DDD; }
.main:not(.home-page) > section article:first-child h2 { margin-top: 0;}

/* -------------------------------------------------------------
======	IE Fix
------------------------------------------------------------- */
.lt-ie9 .works figure a, .lt-ie9 .works figure a img { filter:inherit} 
/* jquery filter opacity issue IE8 */

.lt-ie9 .container {min-width: 780px;}
.lt-ie8 .container {width: 960px;}
.lt-ie8 .grid-wrap {margin-left: 0; }
.lt-ie8 .grid {padding: 0;margin-left: 5%; }
  .lt-ie8 .grid:first-child {margin-left: 0; }

.lt-ie8 .col-full {width: 99.95%; }
.lt-ie8 .col-full + .grid {margin-left: 0; }
.lt-ie8 .col-one-half {width: 47.45%; }
.lt-ie8 .col-one-third {width: 29.55%; }
.lt-ie8 .col-two-thirds {width: 64.95%; }
.lt-ie8 .col-one-quarter {width: 19.95%; }
.lt-ie8 .col-three-quarters {width: 74.95%; }

#inqform{
	display:none;
	padding:5px 20px 20px 20px;
	width:500px;
}

#inqform h1{
	font-size:25px;
}

#inqform input, #inqform textarea{
	margin-top:10px;
}

#inqform .closepop{
	background: url('js/fancybox/source/fancybox_sprite.png');
	height:35px;
	width:35px;
	display:block;
	float:right;
	position:absolute;
	right:0px;
}
.fancybox-close{
	display:none !important;
}
.copyright{
	font-size:12px;
}
.copyright .menu{
	display:inline-block;
}
.copyright .menu li{
	float:left;
	padding-left:15px;
	border-right:1px solid #f1f1f1; 
}
.copyright .menu li:last-child{
	border-right:none;
}
.auto-resizable-iframe {
  max-width: 400px;
  margin: 0px auto;
}

.auto-resizable-iframe > div {
  position: relative;
  padding-bottom: 75%;
  height: 0px;
}

.auto-resizable-iframe iframe {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}

/* -------------------------------------------------------------
======	MEDIA QUERIES
------------------------------------------------------------- */

/* -- Media query 1 (mq1)
------------------------------------------------------------- */
@media screen and (max-width: 1350px){
	.wraped{ width: 85%; }
	
	footer .enquire-box a {
		text-align:center; float:right; margin-top:-32px;
	}
	footer .enquire-box {
		float:none;
		width:100% !important;
		height:auto !important;
		border-top:1px solid #ee4d53;
		border-bottom:1px solid #ee4d53;
		background:none;
		border-radius: 0px;
		padding:10px 0px;
	}
	footer .enquire-box p { width:70%;}
	footer .enquire-box p span { display:inline;}
	.container{ max-width: 88%; }
	div.list{ width: 100%; padding-top:15px; }
	div.list li.footcollist{
		width:19%;
	}
	footer .enquire-box { width: 27%; }
}
@media screen and (max-width: 1240px){
	.wraped{ width: 85%; }
	.container{ max-width: 88%; }
	.sb-boxes {
	width: 94%;
	margin-top: 10px;
	}
	footer .enquire-box { width: 27%; }
}
@media screen and (max-width: 1024px){

	.wraped{ width: 85%; }
	.container{ max-width: 88%; }
	
	footer .enquire-box { width: 27%; }
	
	footer .enquire-box a {
		margin-top: -34px;
	}
	footer .enquire-box p {
		margin: 0 0 -0.3em;
	}
}
@media screen and (max-width: 980px){
	.wraped{ width: 85%; }
	.container{ max-width: 88%; }

	footer .enquire-box { width: 27%; }
}

@media screen and (max-width: 60em) { /* 13 / 780 */

	.sb-boxes {
	width: 94%;
	margin-left: auto !important;
	margin-right: auto !important;
	float:none;
	}
	.mq1-col-full {width: 100%; }
	.mq1-col-one-half {width: 50%; }
	.mq1-col-one-third {width: 33.333%; }
	.mq1-col-two-thirds {width: 66.666%; }
	.mq1-col-one-quarter {width: 25%; }
	.mq1-col-three-quarters {width: 75%; }
	/**/


}
    
/* -- Media query 2 (mq2)
------------------------------------------------------------- */
@media screen and (max-width: 48em) { /* 13 / 624 */

	.mq2-col-full {width: 100%;}
	.mq2-col-one-half {width: 50%; }
	.mq2-col-one-third { width: 33.333%; }
	.mq2-col-two-thirds {width: 66.666%; }
	.mq2-col-one-quarter {width: 25%; }
	.mq2-col-three-quarters {width: 75%; }
	/**/
}

/* -- Media query 2 (mq2)
------------------------------------------------------------- */
@media screen and (max-width: 37em) { /* 13 / 624 */

	.tname{display:none;}
	.fright{display:block; width:100%; overflow:hidden; position: relative; margin-top:-20px;}
	.fright{float:none;}
	.tfollow{padding:5px 10px !important; }
	#navtop .fright{
	border-bottom:1px solid #ccc;

	}
	
}
/* -- Media query 3 (mq3)
------------------------------------------------------------- */
@media screen and (max-width: 30em) { /* 13 / 390 */

.wraped{ width: 95%; }

	.logo{
		text-align:center;
		width: 100%;
		padding:10px 0px !important;
	}
	.logo img{
		width:80%;
	}
	.fleft{float:none; padding:20px;}
	
	div.list li ul li {
		display: inline-block;
		font-size: 10px;
	}
	footer .enquire-box p{
		width: 100%;
	}
	footer .enquire-box a{
		float: none;
		margin-top: 10px;
	}
	/**/

}
@media screen and (max-width: 28em) { /* 13 / 390 */

	div.list li.footcollist{
		width: 100%;
	}
	div.list li ul li{
		font-size: 12px;
		margin: 0 auto 10px;
		float: none;
		display: block;
		text-align: center;
		border-bottom: 1px solid #ccc;
		padding-bottom: 10px;
	}
	footer .copyright{
		text-align: center;
	}
	/**/

}
@media screen and (max-width: 320px){

}
/* -- PRINT STYLES 
------------------------------------------------------------- */
@media print{ 
	*{background:transparent !important; color:black !important; text-shadow:none !important; filter:none !important; -ms-filter:none !important}
	abbr[title]:after{content:"("attr(title) ")"}
	pre, blockquote{page-break-inside:avoid}
	thead{display:table-header-group}
	tr, img{page-break-inside:avoid}
	img{max-width:100% !important}
	p, h2, h3{orphans:3; widows:3}
	h2, h3{page-break-after:avoid} 
}
 
 
 
/* -------------------------------------------------------------
======	END
------------------------------------------------------------- */