/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */
@charset "utf-8";
/*-- Google Fonts 
----------------------------------------------------------------------------*/

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

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on September 3, 2015 */

@font-face {
    font-family: 'typo_groteskregular';
    src: url('../fonts/typo_grotesk_demo-webfont.eot');
    src: url('../fonts/typo_grotesk_demo-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/typo_grotesk_demo-webfont.woff2') format('woff2'),
         url('../fonts/typo_grotesk_demo-webfont.woff') format('woff'),
         url('../fonts/typo_grotesk_demo-webfont.ttf') format('truetype'),
         url('../fonts/typo_grotesk_demo-webfont.svg#typo_groteskregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'typo_groteskbold';
    src: url('../fonts/typo_grotesk_bold-webfont.eot');
    src: url('../fonts/typo_grotesk_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/typo_grotesk_bold-webfont.woff2') format('woff2'),
         url('../fonts/typo_grotesk_bold-webfont.woff') format('woff'),
         url('../fonts/typo_grotesk_bold-webfont.ttf') format('truetype'),
         url('../fonts/typo_grotesk_bold-webfont.svg#typo_groteskbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*-- Font Faces Section
---------------------------------------------------------------------------*/
/*

font-family: 'Open Sans', sans-serif;

*/

/*-- Headers

---------------------------------------------------------------------------*/

h1, h2, h3, h4, h5, h6, h7 {
	font-family: 'typo_groteskregular';
	font-weight: normal;
	text-transform:uppercase;
}
h1 {
	font-size:50px;
	font-size:5.0rem;
	font-size: 8vw;
}
h2 {
	font-size:45px;
	font-size:4.5rem;
}
h3 {
	font-size:40px;
	font-size:4.0rem;
}
h4 {
	font-size:35px;
	font-size:3.5rem;
}
h5 {
}
h6 {
}

.text-box h1 {
	font-size:40px;
	font-size:4.0rem;
}
.text-box h2 {
	font-size:35px;
	font-size:3.5rem;
}
.text-box h3 {
	font-size:30px;
	font-size:3.0rem;
}
.text-box h4 {
	font-size:25px;
	font-size:2.5rem;
}

/*-- Global

---------------------------------------------------------------------------*/

body {
	font-family: 'Open Sans', sans-serif;
	font-weight:300;
}
p {
	font-family: 'Open Sans', sans-serif;
	font-weight:400;
	font-size:14px;
	font-size:1.4rem;
	color:#4f4f4f;
}

a {
	color:#ff8100;
}
a:hover, a:focus {
	text-decoration: none;
	color:#4f4f4f;
}
strong {
	color:#ff8100;
}

/*-- Header Section
----------------------------------------------------------------------*/
	
.header-box {
	margin-bottom:30px;
}
.header-box h1, .header-box h2 {
	margin:0;
	letter-spacing:5px;
}
.text-box {
	margin-bottom:15px;
}
#header-slogan h2 {
	color:rgba(4,7,7,0.5);
	font-size:25px;
	font-size:2.5rem;
	font-size:1.5vw;
	letter-spacing:4px;
	padding:2% 0;
}
#header-phone h4 {
	color:#fe8401;
	margin:0 0 5px;
	letter-spacing:4px;
	font-size:15px;
	font-size:1.5rem;
}
#header-phone h3, #header-phone h3 a {
	font-family: 'typo_groteskbold';
	color:#1f1f1f;
	margin:0;
	font-size:40px;
	font-size:4.0rem;
	font-size:3.3vw;
}
#header-phone h3 a:hover {
	color:#fe8401;
}
#header-phone h5, #header-phone h5 a {
	color:#fe8401;
	margin:5px 0 0;
	letter-spacing:4px;
	font-size:10px;
	font-size:1rem;
}
#header-phone h5 a:hover {
	color:#4f4f4f;
}


/*-- Content Section
----------------------------------------------------------------------*/
	
#content-error h1, #content-offline h1 {
	font-family: 'Russo One', sans-serif;
	font-weight: 400;
	font-size: 230px;
	font-size: 23rem;
}
#content-error h2, #content-offline h2 {
	font-family: 'Russo One', sans-serif;
	font-weight: 400;
	font-size: 100px;
	font-size: 10rem;
}
#content-error p, #content-offline p {
	font-family: 'Russo One', sans-serif;
	font-weight: 400;
	font-size: 20px;
	font-size: 2rem;
}

.counter-box h2 {
	text-transform:uppercase;
	font-size:30px;
	font-size:3.0rem;
	letter-spacing:2px;
	color:#4f4f4f;
	margin:0;
}
.counter-box h3 {
	text-transform:uppercase;
	font-size:20px;
	font-size:2.0rem;
	letter-spacing:2px;
	color:#4f4f4f;
	margin:0;
}
.family-box h4 {
	font-family: 'typo_groteskbold';
	font-size:18px;
	font-size:1.8rem;
	color:#fff;
	margin:5px 0 0;
	text-transform:uppercase;
	letter-spacing:2px;
}
.family-box h3 {
	font-family: 'typo_groteskbold';
	font-size:21px;
	font-size:2.1rem;
	color:#fff;
	margin:0;
	text-transform:uppercase;
	letter-spacing:2px;
}
.face-box p {
	font-size:12px;
	font-size:1.2rem;
	font-family: 'Open Sans', sans-serif;
	font-weight:300;
	color:#fff;
	text-align:center;
	margin:0;
}
.face-box p strong {
	font-size:20px;
	font-size:2.0rem;
	font-family: 'Open Sans', sans-serif;
	font-weight:600;
	color:#fff;
}

.custom-box p {
	font-family: 'typo_groteskbold';
	font-size:42px;
	font-size:4.2rem;
	color:#fff;
	text-align:center;
	text-transform:uppercase;
	margin:0;
	line-height:1.2;
}
.custom-box p:nth-child(odd) {
	font-size:17px;
	font-size:1.7rem;
}
.cat-prods h5 {
	font-size:18px;
	font-size:1.8rem;
	color:#4f4f4f;
	text-transform:uppercase;
	height: 45px;
	text-align:center;
}
.cat-info, .cat-prods p:first-child {
	font-size:14px;
	font-size:1.4rem;
	font-family: 'Open Sans', sans-serif;
	font-weight:400;
	color:#4f4f4f;
	text-align:center;
}
.cat-price, .cat-price2 {
	font-size:23px;
	font-size:2.3rem;
	font-size:10vw;
	font-family: 'typo_groteskbold';
	font-weight:normal;
	color:#4f4f4f;
	text-align:center;
}
.cat-price2 {
	text-align:left;
}
.cat-prods span, .cat-prods2 span {
	padding-left:4px;
	padding-right:4px;
	margin-bottom:8px;
}
.btn-view, .btn-phone, .btn-enquire {
	background-image:none;
	width:100%;
	border-radius:0;
	text-shadow:none;
	padding: 4px 1px;
	color:#fff;
	font-size:12px;
	font-size:1.2rem;
}
.btn-view:hover, .btn-phone:hover, .btn-enquire:hover, .btn-view:focus, .btn-phone:focus, .btn-enquire:focus {
	color:#fff;
}
.btn-view {
	background-color:#212121;
	border-color:#212121;
}
.btn-phone {
	background-color:#ff6600;
	border-color:#ff6600;
}
.btn-enquire {
	background-color:#6a6a6a;
	border-color:#6a6a6a;
}
.cat-prods2 .btn-view, .cat-prods2 .btn-phone, .cat-prods2 .btn-enquire {
	padding: 10px 1px;
	color:#fff;
	font-size:16px;
	font-size:1.6rem;
}
.similar-box h3 {
	font-size:32px;
	font-size:3.2rem;
}

/*-- Footer Section
----------------------------------------------------------------------*/
	
footer {
	padding:2% 0;
	background-color:#000;
}
#footer_text p, #footer_text a {
	color: #fff;
	font-size: 14px;
	font-size: 1.4rem;
	text-align:left;
	margin-bottom:0;
}
#footer_text a:hover {
	color: #ff8100;
}
#footer_text a:hover:nth-child(3) {
	color: #97c725;
}





/*-- media queries Section
----------------------------------------------------------------------*/


/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
h1 {
	font-size:50px;
	font-size:5.0rem;
	font-size: 4vw;
}
h2 {
	font-size:45px;
	font-size:4.5rem;
	font-size: 3.6vw;
}
h3 {
	font-size:36px;
	font-size:3.6rem;
}
.similar-box h3 {
	font-size:38px;
	font-size:3.8rem;
	font-size: 3.6vw;
}
.cat-price, .cat-price2 {
	font-size:23px;
	font-size:2.3rem;
	font-size:2.8vw;
	font-family: 'typo_groteskbold';
	font-weight:normal;
	color:#4f4f4f;
	text-align:center;
}
.cat-price2 {
	text-align:left;
}
#footer_text p, #footer_text a {
	text-align:center;
}
.counter-box h2 {
	text-transform:uppercase;
	font-size:55px;
	font-size:5.5rem;
	letter-spacing:5px;
	color:#4f4f4f;
	margin:0;
}
.counter-box h3 {
	text-transform:uppercase;
	font-size:30px;
	font-size:3.0rem;
	letter-spacing:4px;
	color:#4f4f4f;
	margin:0;
}
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
.btn-view, .btn-phone, .btn-enquire {
	background-image:none;
	width:100%;
	border-radius:0;
	text-shadow:none;
	padding: 4px 1px;
	color:#fff;
	font-size:10px;
	font-size:1.0rem;
}
h1 {
	font-size:57px;
	font-size:5.7rem;
	font-size: 3vw;
}
/*h2 {
	font-size:52px;
	font-size:5.2rem;
}*/
h3 {
	font-size:47px;
	font-size:4.7rem;
}
.cat-price, .cat-price2 {
	font-size:23px;
	font-size:2.3rem;
	font-size:2.8vw;
	font-family: 'typo_groteskbold';
	font-weight:normal;
	color:#4f4f4f;
	text-align:center;
}
.cat-price2 {
	text-align:left;
}
#header-slogan h2 {
	color:rgba(4,7,7,0.5);
	font-size:25px;
	font-size:2.5rem;
	font-size:1.5vw;
	letter-spacing:5px;
	padding:2% 0;
}
#header-phone h4 {
	color:#fe8401;
	margin:0;
	letter-spacing:5px;
	font-size:21px;
	font-size:2.1rem;
}
#header-phone h3, #header-phone h3 a {
	font-family: 'typo_groteskbold';
	color:#1f1f1f;
	margin:0;
	font-size:46px;
	font-size:4.6rem;
	font-size:3.4vw;
}
#header-phone h5, #header-phone h5 a {
	color:#fe8401;
	margin:0;
	letter-spacing:5px;
	font-size:14px;
	font-size:1.4rem;
}
.face-box p {
	font-size:22px;
	font-size:2.2rem;
	font-family: 'Open Sans', sans-serif;
	font-weight:300;
	color:#fff;
	text-align:center;
	margin:0;
}
.face-box p strong {
	font-size:31px;
	font-size:3.1rem;
	font-family: 'Open Sans', sans-serif;
	font-weight:600;
	color:#fff;
}

.custom-box p {
	font-family: 'typo_groteskbold';
	font-size:46px;
	font-size:4.6rem;
	color:#fff;
	text-align:center;
	text-transform:uppercase;
	margin:0;
	line-height:1.2;
}
.custom-box p:nth-child(odd) {
	font-size:21px;
	font-size:2.1rem;
}
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
.btn-view, .btn-phone, .btn-enquire {
	background-image:none;
	width:100%;
	border-radius:0;
	text-shadow:none;
	padding: 4px 1px;
	color:#fff;
	font-size:12px;
	font-size:1.2rem;
}
#header-phone h5, #header-phone h5 a {
	color:#fe8401;
	margin:0;
	letter-spacing:5px;
	font-size:19px;
	font-size:1.9rem;
}
#header-phone h3, #header-phone h3 a {
	font-family: 'typo_groteskbold';
	color:#1f1f1f;
	margin:0;
	font-size:46px;
	font-size:4.6rem;
}
#header-phone h4 {
	color:#fe8401;
	margin:0;
	letter-spacing:5px;
	font-size:23px;
	font-size:2.3rem;
}
#header-slogan h2 {
	color:rgba(4,7,7,0.5);
	font-size:25px;
	font-size:2.5rem;
	font-size:1.5vw;
	letter-spacing:5px;
	padding:2% 0;
}
.face-box p {
	font-size:22px;
	font-size:2.2rem;
	font-size: 1vw;
	font-family: 'Open Sans', sans-serif;
	font-weight:300;
	color:#fff;
	text-align:center;
	margin:0;
}
.face-box p strong {
	font-size:31px;
	font-size:3.1rem;
	font-size: 1.5vw;
	font-family: 'Open Sans', sans-serif;
	font-weight:600;
	color:#fff;
}

.custom-box p {
	font-family: 'typo_groteskbold';
	font-size:46px;
	font-size:4.6rem;
	font-size:2.5vw;
	color:#fff;
	text-align:center;
	text-transform:uppercase;
	margin:0;
	line-height:1.2;
}
.custom-box p:nth-child(odd) {
	font-size:21px;
	font-size:2.1rem;
	font-size:1.5vw;
}
.family-box h4 {
	font-family: 'typo_groteskbold';
	font-size:18px;
	font-size:1.8rem;
	font-size:1.2vw;
	color:#fff;
	margin:2vw 0 0;
	text-transform:uppercase;
	letter-spacing:2px;
}
.family-box h3 {
	font-family: 'typo_groteskbold';
	font-size:21px;
	font-size:2.1rem;
	font-size:1.4vw;
	color:#fff;
	margin:0;
	text-transform:uppercase;
	letter-spacing:2px;
}
.counter-box h2 {
	text-transform:uppercase;
	font-size:55px;
	font-size:5.5rem;
	font-size:2.0vw;
	letter-spacing:3px;
	color:#4f4f4f;
	margin:0;
}
.counter-box h3 {
	text-transform:uppercase;
	font-size:30px;
	font-size:3.0rem;
	font-size:1.2vw;
	letter-spacing:2px;
	color:#4f4f4f;
	margin:0;
}
.cat-price, .cat-price2 {
	font-size:23px;
	font-size:2.3rem;
	font-size:1.2vw;
	font-family: 'typo_groteskbold';
	font-weight:normal;
	color:#4f4f4f;
	text-align:center;
}
.cat-price2 {
	text-align:left;
}
}