@charset "UTF-8";
/* CSS Document */

@font-face {
    font-family: 'GothamBlackItalic';
    src: url('fonts/GothamBlackItalic.eot');
    src: url('fonts/GothamBlackItalic.eot') format('embedded-opentype'),
         url('fonts/GothamBlackItalic.woff2') format('woff2'),
         url('fonts/GothamBlackItalic.woff') format('woff'),
         url('fonts/GothamBlackItalic.ttf') format('truetype'),
         url('fonts/GothamBlackItalic.svg#GothamBlackItalic') format('svg');
}
@font-face {
    font-family: 'GothamBlack';
    src: url('fonts/GothamBlack.eot');
    src: url('fonts/GothamBlack.eot') format('embedded-opentype'),
         url('fonts/GothamBlack.woff2') format('woff2'),
         url('fonts/GothamBlack.woff') format('woff'),
         url('fonts/GothamBlack.ttf') format('truetype'),
         url('fonts/GothamBlack.svg#GothamBlack') format('svg');
}
@font-face {
    font-family: 'GothamLight';
    src: url('fonts/GothamLight.eot');
    src: url('fonts/GothamLight.eot') format('embedded-opentype'),
         url('fonts/GothamLight.woff2') format('woff2'),
         url('fonts/GothamLight.woff') format('woff'),
         url('fonts/GothamLight.ttf') format('truetype'),
         url('fonts/GothamLight.svg#GothamLight') format('svg');
}
@font-face {
    font-family: 'GothamMedium';
    src: url('fonts/GothamMedium.eot');
    src: url('fonts/GothamMedium.eot') format('embedded-opentype'),
         url('fonts/GothamMedium.woff2') format('woff2'),
         url('fonts/GothamMedium.woff') format('woff'),
         url('fonts/GothamMedium.ttf') format('truetype'),
         url('fonts/GothamMedium.svg#GothamMedium') format('svg');
}
@font-face {
    font-family: 'GothamMediumItalic';
    src: url('fonts/GothamMediumItalic.eot');
    src: url('fonts/GothamMediumItalic.eot') format('embedded-opentype'),
         url('fonts/GothamMediumItalic.woff2') format('woff2'),
         url('fonts/GothamMediumItalic.woff') format('woff'),
         url('fonts/GothamMediumItalic.ttf') format('truetype'),
         url('fonts/GothamMediumItalic.svg#GothamMediumItalic') format('svg');
}
@font-face {
    font-family: 'GothamBook';
    src: url('fonts/GothamBook.eot');
    src: url('fonts/GothamBook.eot') format('embedded-opentype'),
         url('fonts/GothamBook.woff2') format('woff2'),
         url('fonts/GothamBook.woff') format('woff'),
         url('fonts/GothamBook.ttf') format('truetype'),
         url('fonts/GothamBook.svg#GothamBook') format('svg');
}
@font-face {
    font-family: 'GothamBold';
    src: url('fonts/GothamBold.eot');
    src: url('fonts/GothamBold.eot') format('embedded-opentype'),
         url('fonts/GothamBold.woff2') format('woff2'),
         url('fonts/GothamBold.woff') format('woff'),
         url('fonts/GothamBold.ttf') format('truetype'),
         url('fonts/GothamBold.svg#GothamBold') format('svg');
}
@font-face {
    font-family: 'GothamBold';
    src: url('fonts/GothamBold.eot');
    src: url('fonts/GothamBold.eot') format('embedded-opentype'),
         url('fonts/GothamBold.woff2') format('woff2'),
         url('fonts/GothamBold.woff') format('woff'),
         url('fonts/GothamBold.ttf') format('truetype'),
         url('fonts/GothamBold.svg#GothamBold') format('svg');
}

html {
	font-family: 'GothamBook';
	}

body {
	height:100%;
	min-height:100%;
	
	}

a {
	text-decoration:none;
	color:#1067a9;
	}

h1 {
	float:left;
	clear:both;
	font-size:34px;
	padding:0 0 10px 0;
	color:#1064a4;
	font-family: 'GothamMediumItalic';
	text-shadow:2px 2px 4px rgba(123,123,123,0.2)
	}
	
h2 {
	float:left;
	clear:both;
	font-size:28px;
	padding:0 0 10px 0;
	color:#1064a4;
	font-family: 'GothamMediumItalic';
	text-shadow:2px 2px 4px rgba(123,123,123,0.2)
	}
	
h3 {
	float:left;
	clear:both;
	font-size:24px;
	padding:0 0 10px 0;
	color:#1064a4;
	font-family: 'GothamMediumItalic';
	text-shadow:2px 2px 4px rgba(123,123,123,0.2)
	}
	
p {
	font-size:16px;
	padding:0 0 10px 0;
	float:left;
	clear:both;
	}

ul {
	padding:0 0 10px 50px;
	float:left;
	clear:left;
	}

li {
	font-size:18px;
	list-style-type:disc;
	padding:0 0 4px 0;
	}

.clear {clear:both;}

.container {
	width:100%;
	background-color:#777777;
	padding:20px 0 20px 0;
	background-image:url(images/nellakir-bg2020a.jpg);
	background-attachment:fixed;
	background-size:cover;
	background-position:center center;
	}
	
.header {
	width:86%;
	margin:0 5% 0 5%;
	background-color:#f6f6f6;
	padding:20px 2% 20px 2%;
	box-shadow: 2px 10px 20px #000000;
	border-top-left-radius:8px;
	border-top-right-radius:8px;
	}
	
.logo {
	float:left;
	width:40%;
	}

.logo a {
	display:block;
	width:100%;
	padding-top:24.2%;
	background-image:url(images/Nellakir-Sports-Floors-logo.png);
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center center;
	}
	
.call {
	float:right;
	font-size:22px;
	line-height:42px;
	}

.call a {
	font-size:22px;
	line-height:42px;
	}

.fun {
	float:right;
	height:42px;
	width:160px;
	padding:0 0 0 0;
	text-align:right;
	}

.mob-fun {display:none;}

.fb {float:right;height:42px;width:42px;margin:0 0 0 6px;}
.fb a:link, .fb a:visited {background-color:#3c64a7;display:block;height:38px;width:38px;border:2px solid #f6f6f6;background-image:url(images/fb.png);background-position:center center;background-size:contain;border-radius:8px;transition:0.2s;}
.fb a:hover {border:2px solid #3c64a7;}
.ig {float:right;height:42px;width:42px;margin:0 0 0 6px;}
.ig a:link, .ig a:visited {background-color:#f00075;display:block;height:38px;width:38px;border:2px solid #f6f6f6;background-image:url(images/ig.png);background-position:center center;background-size:contain;border-radius:8px;transition:0.2s;}
.ig a:hover {border:2px solid #f00075;}
.wp {float:right;height:42px;width:42px;margin:0 0 0 6px;}
.wp a:link, .wp a:visited {background-color:#21759b;display:block;height:38px;width:38px;border:2px solid #f6f6f6;background-image:url(images/wp.png);background-position:center center;background-size:contain;border-radius:8px;transition:0.2s;}
.wp a:hover {border:2px solid #21759b;}
	
.nav-toggle {display:none;}
	
.nav {
	float:right;
	clear:right;
	text-align:right;
	}
	
.top-nav {
	font-size:16px;
	padding:20px 0 0 0;
	}

.top-nav a:link, .top-nav a:visited {
	display:inline-block;
	line-height:40px;
	background-color:#dddddd;
	padding:0 8px;
	border-radius:4px;
	color:#333333;
	text-shadow:0 -1px 1px #fff;
	}

.top-nav a:hover {
	background-color:#e4e4e4;
	}
	
.sub-nav {
	font-size:13px;
	padding:8px 0 0 0;
	}
	
.sub-nav a:link, .sub-nav a:visited {
	display:inline-block;
	line-height:20px;
	background-color:#1067a9;
	padding:6px 12px;
	border-radius:4px;
	color:#ffffff;
	text-shadow:0 -1px 1px #0e5a94;
	text-align:center;
}

.sub-nav a:hover {
	background-color:#1b8ccc;
	}

.banner {
	width:100%;
	height:500px;
	background-color:#444;
	background-size:cover;
	background-position:center center;
	border-top:1px solid #888;
	border-bottom:1px solid #888;
	box-shadow:0px 20px 40px rgba(123,123,123,0.2);
	}

.cycle-bg-image {
	background-position:center center;
}

.banner-text {
	width:88%;
	padding:360px 6% 0 6%;
	text-align:right;
	color:#f3fa59;
	text-shadow:4px 4px 8px #000000;
	font-size:32px;
	text-transform:uppercase;
	font-family: 'GothamMediumItalic';
}

.banner-text-small {
	font-size:24px;
	}
	
.content {
	width:84%;
	margin:0 5% 0 5%;
	background-color:#f6f6f6;
	padding:40px 3% 40px 3%;
	box-shadow: 2px 10px 20px #000000;
	border-bottom-left-radius:8px;
	border-bottom-right-radius:8px;
	}
	
.content-left {
	float:left;
	width:74%;
	}
	
.content-full {
	float:left;
	width:100%;
	}
	
.tile-links-4, .tile-links-3, .tile-links-2 {
	width:100%;
	}

a.tile-link {
	background-size:cover;
	background-position:center center;
	transition:0.2s;
	}

.tile-links-4 a:link, .tile-link-4 a:visited {
	float:left;
	display:inline-block;
	background-color:#fff;
	height:150px;
	width:19%;
	margin:20px 1% 30px 1%;
	padding:100px 2% 0px 2%;
	text-align:center;
	}
	
.tile-links-4 a:hover {
	height:160px;
	width:19%;
	margin:10px 0 20px 0;
	padding:110px 3% 0px 3%;
	}

.tile-links-3 a:link, .tile-link-3 a:visited {
	float:left;
	display:inline-block;
	background-color:#fff;
	height:150px;
	width:27%;
	margin:20px 1% 30px 1%;
	padding:100px 2% 0px 2%;
	text-align:center;
	}
	
.tile-links-3 a:hover {
	height:160px;
	width:27%;
	margin:10px 0 20px 0;
	padding:110px 3% 0px 3%;
	}

.tile-links-2 a:link, .tile-link-2 a:visited {
	float:left;
	display:inline-block;
	background-color:#fff;
	height:200px;
	width:44%;
	margin:20px 1% 30px 1%;
	padding:150px 2% 0px 2%;
	text-align:center;
	}

.tile-links-2 a:hover {
	height:210px;
	width:44%;
	margin:10px 0 20px 0;
	padding:160px 3% 0px 3%;
	}
	
.tile-links a:hover {}

.tile-title {
	font-size:30px;
	text-transform:uppercase;
	color:#f3fa59;
	text-shadow:3px 3px 8px rgba(0,0,0,0.9);
	font-size:22px;
	text-transform:uppercase;
	font-family: 'GothamMediumItalic';
	}

.tile-info {
	color:#fff;
	text-shadow:3px 3px 5px rgba(0,0,0,0.9);
	font-size:14px;
	}
	
.content-right {
	float:right;
	width:20%;
	}
.right-nav {
	
	font-size:13px;
	}	
.right-nav a:link, .right-nav a:visited {
	display:block;
	line-height:20px;
	background-color:#dddddd;
	border-radius:4px;
	width:90%;
	margin:0 0 8px 0;
	padding:8px 5% 8px 5%;
	background-color:#1067a9;
	color:#ffffff;
	text-shadow:0 -1px 1px #0e5a94;
	}

	

.right-nav a:hover {
	background-color:#1b8ccc;
	}
	
.footer {
	width:84%;
	margin:20px 5% 40px 5%;
	padding:40px 3% 40px 3%;
	background-color:#444444;
	border-radius:8px;
	box-shadow: 2px 10px 20px #000000;
	color:#ccc;
	}
	
.footer-logo {
	float:left;
	width:25%;
	margin:0 2% 0 0;
	}

.footer-logo a {
	display:block;
	width:100%;
	padding-top:24.2%;
	background-image:url(images/Nellakir-Sports-Floors-logo.png);
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center center;
	}
	
	
.footer-info {
	float:left;
	width:38%;
	font-size:12px;
	color:#bbb;
	padding:10px 0 0 0;
	text-align:justify;
	margin:0 2% 0 0;
	}

.footer-info td {text-align:left;}

.footer-button {
	float:right;
	height:40px;
	width:140px;
		
	}
	
.footer-button a:link, .footer-button a:visited {
	display:block;
	color:white;
	background-color:#afcb2d;
	height:40px;
	width:140px;
	text-align:center;
	border-radius:8px;
	line-height:40px;
	font-size:14px;
	padding:0 0 2px 0;
	}

.footer-button a:hover {
	background-color:#c2e133;
	}
	
.footer-nav {
	float:left;
	width:15%;
	margin:0 2% 0 0;
	padding:10px 0 0 0;
	font-size:12px;
	}
	
.footer-nav a:link, .footer-nav a:visited {
	display:block;
	color:#ccc;
	background-color:#404040;
	margin:0 0 2px 0;
	border-radius:4px;
	padding:0 4px 0 4px;
	line-height:24px;
	
	}
	
.footer-nav a:hover {
	color:#eeeeee;
	}

.footer-nav-sub {
	float:left;
	width:15%;
	padding:10px 0 0 0;
	font-size:12px;
	}
	
.footer-nav-sub a:link, .footer-nav-sub a:visited {
	display:block;
	color:#ccc;
	background-color:#404040;
	margin:0 0 2px 0;
	border-radius:4px;
	padding:0 4px 0 4px;
	line-height:24px;
	}
	
.footer-nav-sub a:hover {
	color:#eeeeee;
	}

.centreline {
	width:100%;
	float:left;
	padding:20px 0 0 0;
}
.centreline img {
	width:100%;
	}
	
.footer-copy {
	float:left;
	width:49%;
	padding-top:20px;
	font-size:12px;
	}
	
.footer-mbc {
	float:right;
	width:49%;
	text-align:right;
	padding-top:20px;
	font-size:12px;
	}
	
.footer-mbc a:link, .footer-mbc a:visited {
	color:#ddd;
}
	
.footer-mbc a:hover {
	color:#fff;
	}
	
.gallery-display {float:left;width:100%; padding:0 0 40px 0;}
.gallery-image {float:right;width:70%;}
#GalleryImage {}
.gallery-image img {width:100%;}
.gallery-thumbs {float:left;width:30%;}
.gallery-thumbs img {float:left;width:21%;height:auto;padding:0 4% 4% 0;}
.category-description {text-align:right;float:right;color:#888888;font-size:20px;line-height:22px;font-family: 'GothamBook';clear:none;}

.no-clear {clear:none;}

.supplier-logos {
	width:80%;
	margin:40px 10%;
	float:left;
	}
.supplier-logo {
	width:23.33%;
	margin:0 5%;
	float:left;
	text-align:center;
	font-size:14px;
	}
	
.supplier-logo img {width:100%;}

.image-group {
	width:100%;
	margin:20px 0;
	float:left;
	}
.images-three {
	width:33.33%;
	margin:0;
	float:left;
	text-align:center;
	font-size:14px;
	}
.images-three img {width:100%;}
.images-two {
	width:50%;
	margin:0;
	float:left;
	text-align:center;
	font-size:14px;
	}
.images-two img {width:100%;}
.images-one {
	width:100%;
	margin:0;
	float:left;
	text-align:center;
	font-size:14px;
	}
.images-one img {width:100%;}

table.org-logos-table {width:100%;}
td.org-logos {width:25%;text-align:center;padding:20px 0;font-size:14px;}
td.org-logos img{width:40%;height:auto;}

table.case-table {float:left;clear:both;width:100%;margin:10px 0 20px 0;}
td.case-header {
    font-family: 'GothamMedium';
	padding:0 10px 10px 0;
	width:160px;vertical-align: top;}
td.case-info {
	padding:0 10px 10px 0;vertical-align: top;}
	
table.contact-table {float:left;clear:both;margin:10px 0 20px 0;}
td.contact-header {
    font-family: 'GothamMedium';
	padding:0 40px 10px 0;
	vertical-align: top;}
td.contact-info {
	padding:0 10px 10px 0;vertical-align: top;}
	
.content-left iframe {
	width:100%;
	height:400px;
	}