/* master styles */
body {
  margin:0; padding:0;
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  font-size: 15px;
  line-height: 1.428571429;
  color:#666;
  background-color: #ffffff;
}


h1, h2, h3 {font-family: 'Raleway', sans-serif;}

h1 {margin:0 0 20px 0 !important; padding:0 0 10px 0; color:#231F1F; font-weight:400; text-transform:uppercase;}
h2 {margin:0 0 20px 0; padding:0; color:#EB3353;}
h3 {margin:0 0 20px 0; color:#000000;}

p.smltxt {text-align:center;font-size:.8em;margin-top:5px; }
.nav {font-family: 'Raleway', sans-serif; font-weight:400;}

.navbar {margin-bottom:0px;}

.navbar-default {
  border-top:none;
  border-bottom:none;
  border-radius:0px;
}

.navbar-collapse {
  max-height: 1000px;
}

/* logo img
.navbar-brand {
    max-width: 120px;
    margin-top: 0.2em;
}
*/

.dropdown-menu {padding:0; font-size:12px !important;}
.dropdown-menu .divider {margin: 0;}


/* top */
.btn-login	{font-family: 'Raleway', sans-serif;}
.btn-search {font-family: 'Raleway', sans-serif;}
.btn-search input {font-size:13px;}


/* background colour */
.bg-white {background-color:#ffffff;}
.bg-grey {background-color:#f5f5f5;}


/* content */
.content-wrap {padding:40px 0;}

.content-col {}
.content-col h2 {margin-bottom:10px;}
.content-col p {margin-bottom:20px;}
.content-col a {text-decoration:underline;}
.content-col a:hover {text-decoration:none;}
.content-col .large-title {font-size:24px; font-weight:400; color:#EB3353; line-height:25px;}

.content-col ul {margin-top:20px; margin-bottom:20px;}
.content-col li {padding-left:10px; line-height:20px; margin-bottom:10px;}


	.content-tips h3 {margin-top:30px !important; margin-bottom:0px !important;}

.graphic-frame {
	border:4px solid #000;
	margin-bottom:1em;
	}

.storehrs  {
    margin-top: 0px;
    padding: 0;
}
/* lists */
.storehrs ul {
    margin: 5px 0 0 0;
}
.storehrs li {
    list-style: none !important;
    margin-left: -40px !important;
    line-height: 1;
    padding: 0;
}
.list-arrow ul {margin:0 0 20px 10px; padding-left:0px;}
.list-arrow li {padding-left:20px; line-height:20px; margin-bottom:10px; background:url(../images/li-arrow.png) no-repeat 0 5px; list-style:none;}

.list-number ul {margin:20px 0 20px 10px; padding-left:0px;}
.list-number li {padding-left:10px; line-height:20px; margin-bottom:10px;}

.list-tips a {text-decoration:none;}
.list-tips a:hover {text-decoration:underline;}


/* slideshow-wrap */
.slideshow-wrap {position:relative; border-top:1px solid #C4CEDF; border-bottom:1px solid #C4CEDF;}
.slideshow-wrap .link {position: absolute; z-index:999; top:30px; left:0; margin: 0 auto; padding:40px 0; background: rgba(237, 28, 36, 1); text-align:center;}
.slideshow-wrap .link2 {position: absolute; z-index:999; top:30px; right:0; margin: 0 auto;}
.slideshow-wrap h3 {color:#ffffff; font-family: 'Raleway', sans-serif;}
.slideshow-wrap .large {font-weight:700;}


/* panel homepage */
.panel-fatmag 		{padding-top:30px; padding-bottom:20px; background:#F4F4F4;}
.panel-fatmag h3 {color:#EC1D23;}
.panel-fatmag p {color:#000000;}

.panel-fatmag-alt 	{padding-top:30px; padding-bottom:20px; background:#E6E6E6;}
.panel-fatmag-alt h3 {color:#EC1D23;}
.panel-fatmag-alt p {color:#000000;}

.fatmag-padding	{padding-left:60px; padding-right:60px;}

.panel-products 	{border-right:1px solid #DBDBDB;}
.panel-products h3 	{padding-bottom:10px; color:#EC1D23; border-bottom:2px solid #EC1D23; display:inline-block;}
.panel-products p {color:#000000;}

.panel-carousel {border-right:1px solid #DBDBDB;}
.panel-carousel h3 {padding-bottom:10px; color:#EC1D23; border-bottom:2px solid #EC1D23; display:inline-block;}
.panel-carousel p.txt {min-height:45px;}

a.link-btn	{color:#000; text-decoration:none; display:block;}
a:hover.link-btn	{text-decoration:underline;}

.last {border: none;}


/* breadcrumb */
.section-title {margin-top:10px; padding-bottom:10px; border-bottom:1px solid #dfdfdf;}
.section-title h1 {}
.breadcrumb {
  padding: 8px 0;
  margin-bottom: 0px;
  list-style: none;
  background-color: #fff;
  border-radius: 0px;
  font-size:12px;
}
.breadcrumb a {color:#EC1B23;}



/* category */
.category {padding-top:20px; padding-bottom:20px; border-bottom:1px solid #dfdfdf;}
.panel-category 	{border-right:1px solid #DBDBDB;}
.panel-category h3 	{margin-bottom:10px; padding-bottom:10px; color:#EC1D23; border-bottom:2px solid #EC1D23; display:inline-block; overflow: hidden;}
.panel-category p {color:#000000; font-size:13px;}


/* tips */
.panel-tips 	{border-right:1px solid #DBDBDB;}
.panel-tips h3 	{margin-bottom:0px; padding-bottom:0px; color:#EC1D23; font-size:15px;}
.panel-tips-last 	{border-right:0px !important;}


/* slogan */
.slogan {margin-top:30px; padding-top:30px; padding-bottom:30px; font-family: 'Satisfy', cursive; color:#ffffff; text-align:center; background:#012F56;}


/* int-points */
.int-points {background: rgba(64, 157, 183, .85); color:#ffffff; font-family: 'Amatic SC', cursive; font-weight:700; text-align:center;}


/* heading */
.heading-wrap {background:#f6f6f6;}
.heading-wrap h1 {margin-top:20px; text-transform:uppercase;}



.small-text {display: block; margin-top:8px; font-size:12px; line-height:15px;}
.small-text2 {font-size:11px; font-style:italic;}
.text-center {text-align:center;}



/* images */
.img-border {border:#CCC solid 1px; padding:3px;}




/* quote-block */
.quote-block {
	padding: 31px 0 40px;
	margin: 0 0 20px;
	background: #ED1D24;
	text-align: center;
	color: #fff;
}

.quote-block blockquote {
	max-width:;
	position: relative;
	margin: 0 auto;
	padding: 0 40px;
	border: none;
	font-size: inherit;
	line-height: 1.334;
}

.quote-block blockquote:before,
.quote-block blockquote:after {
	position: absolute;
	top: -0px;
	left: 40px;
	z-index: 2;
	content: "";
	background: url(../images/sprite.png) no-repeat;
	width: 46px;
	height: 38px;
}

.quote-block blockquote:after {
	top: auto;
	left: auto;
	bottom: -10px;
	right: 37px;
	background-position: 0 -38px;
}

.quote-block blockquote q {
	display: block;
	quotes: none;
	font-family: 'Raleway', sans-serif;
}



/* store locator */
.store-locator-wrap {padding-top:40px; padding-bottom:40px;}
.store-locator {padding-top:17px; padding-bottom:17px; border:1px solid #cccccc;}
.store-states {margin-top:15px; padding:5px 20px; display:inline-block; background:#57595B; color:#999;}
.store-states a {color:#ffffff;}
.store-states a:hover {text-decoration:underline;}


/* Flexible iFrame */
.Flexible-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
}

.Flexible-container iframe,   
.Flexible-container object,  
.Flexible-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

textarea {resize: none;}


/* btn-css */
.btn-css {
  color: #CC2129;
  background-color: #fff;
  border-color: #CC2129;
  text-transform:uppercase;
}
.btn-css:hover,
.btn-css:focus,
.btn-css:active,
.btn-css.active,
.open .dropdown-toggle.btn-css {
  color: #ffffff;
  background-color: #CC2129;
  border-color: #A01B21;
}
.btn-css:active,
.btn-css.active,
.open .dropdown-toggle.btn-css {
  background-image: none;
}

/* Slogan */
/*.slogan .logo-css-wbg {
	background: rgb(255, 255, 255) none repeat scroll 0% 0%;
	padding: 0.1em;
	}*/

/* footer */
.footer-menu-wrap {padding:40px 0 60px 0; font-size:14px; font-family: 'Raleway', sans-serif;}
.footer-menu-wrap p {margin:0; padding:0; line-height:25px;}
.footer-menu-wrap ul {margin:0 0 0 0; padding:0; list-style:none;}
.footer-menu-wrap li {padding:0 0 5px 0;}
.footer-menu-wrap a {color:#5F5F5F; text-decoration:none;}
.footer-menu-wrap a:hover {color:#5F5F5F; text-decoration:underline;}

.footer-heading {font-size:18px; font-weight:400; color:#EC1B23; font-family: 'Raleway', sans-serif;}
.footer-heading a {color:#FF4B0C; text-decoration:none;}
.footer-heading a:hover {color:#FF4B0C; text-decoration:underline;}
.footer-spacing {padding-bottom:10px;}

.footer-wrap {margin-top:0px; background-color:#ffffff; color:#5F5F5F;}
.footer-wrap a {color:#5F5F5F; text-decoration:none;}
.footer-wrap a:hover {color:#5F5F5F; text-decoration:underline;}
footer {padding:15px 0 15px 0; font-size:12px;}
.footer-text {text-align:center;}


@media (min-width: 1200px) {
.nav {font-size:15px !important;}

	.navbar-nav > li > a {
	  padding-left: 15px;
	  padding-right: 15px;
	}

.navbar-nav {margin-top:75px;}

.navbar-brand {margin:0; padding-top:10px; width:;}

/* top */
.btn-login a	{font-size:16px;}
.btn-search button {font-size:16px;}
.btn-search input {}


/* panel 
.panel-wrap h3 {font-size:70px;}
.panel-col h3 {width:360px; padding-top:40px; padding-bottom:40px;}
.enrol-text {font-size:22px;}
.enrol-centre {margin-top:100px;}
*/


/* category */
.panel-category h3 	{height:50px; font-size:16px;}
/*.panel-category img	{width:231px; height:231px;}   */
.panel-category img	{width:231px; height:231px;}


.quote-block blockquote q {font-size:24px;}
	

/* slogan */
/*.slogan {font-size:55px;}
*/
.slogan {
    font-size: 3.3em;
    line-height: 2em;
    vertical-align: middle;
}
/*.logo-css {padding-top:5px;}*/



/* slideshow-wrap */
.slideshow-wrap .link {width:300px; height:295px; line-height:30px; right:370px;}
.slideshow-wrap .link2 {width:370px; height:295px; left:300px;}
.slideshow-wrap h3 {font-size:32px;}
.slideshow-wrap .large {font-size:70px;}


.content-col h1 {font-size:34px !important;}

.panel-products 	{min-height:320px;}
.panel-carousel 	{min-height:320px;}



}
@media (min-width: 992px) {
/* logo img
	.navbar-brand img {
		margin: 0.5em 0px 0px;
		max-width: 180px;
		}
*/		

}





@media (min-width: 992px) and (max-width: 1199px) {

.nav {font-size:14px !important;}

	.navbar-nav > li > a {
	  padding-left: 10px;
	  padding-right: 10px;
	}

.navbar-nav {margin-top:75px;}

.navbar-brand {margin:0; padding:15px 0 0 0; width:300px;}
.call	{font-size:25px;}
.btn-login a	{font-size:16px;}
.btn-search button {font-size:16px;}


/* panel 
.panel-wrap h3 {font-size:50px;}
.panel-col h3 {width:294px; padding-top:30px; padding-bottom:30px;}
.enrol-text {font-size:20px;}
.enrol-centre {margin-top:60px;}
*/

/* category */
.panel-category h3 	{height:50px; font-size:15px;}
/*.panel-category img	{width:214px; height:139px;}*/
.panel-category img	{width:214px; height:214px;}

.quote-block blockquote q {font-size:20px;}
	

/* slogan */
/*.slogan {font-size:42px; line-height:40px;}*/

.slogan {
    font-size: 2.5em;
    line-height: 2em;
}

.logo-css {margin-top:0; padding-top:0px;}


/* slideshow-wrap */
.slideshow-wrap .link {width:250px; height:250px; line-height:30px; right:313px;}
.slideshow-wrap .link2 {width:313px; height:250px; left:250px;}
.slideshow-wrap h3 {font-size:26px;}
.slideshow-wrap .large {font-size:50px;}


.content-col h1 {font-size:30px;}

.panel-products 	{min-height:280px;}
.panel-carousel 	{min-height:280px;}

}


@media (min-width: 768px) and (max-width: 991px) {

.nav {font-size:13px !important;}

	.navbar-nav > li > a {
	  padding-left: 5px;
	  padding-right: 5px;
	}

.navbar-nav {margin-top:50px;}

.navbar-brand {margin:0; padding:25px 0 0 0; width:200px;}

.btn-login a	{font-size:16px;}
.btn-search button {font-size:16px;}


/* panel 
.panel-wrap h3 {font-size:40px;}
.panel-col h3 {width:220px; padding-top:20px; padding-bottom:20px;}
.enrol-text {font-size:18px; line-height:25px;}
.enrol-centre {margin-top:20px;}
*/


/* category */
.panel-category h3 	{height:60px; font-size:14px;}
/*.panel-category img	{width:159px; height:103px;}*/
.panel-category img	{width:159px; height:159px;}

.quote-block blockquote q {font-size:18px;}


/* slogan */
/*.slogan {font-size:32px; line-height:35px;}*/
.slogan {
    font-size: 2em;
    line-height: 2em;
}

/* slideshow-wrap */
.slideshow-wrap .link {width:250px; height:250px; line-height:30px; right:313px;}
.slideshow-wrap .link2 {width:313px; height:250px; left:250px;}
.slideshow-wrap h3 {font-size:26px;}
.slideshow-wrap .large {font-size:50px;}



.content-col h1 {font-size:26px !important;}

.panel-products 	{min-height:280px;}
.panel-carousel 	{min-height:280px;}

}


@media (min-width: 768px) {

h1 {font-size:30px;}

.h2-sm {font-size:20px;}

.navbar-default {margin-bottom:0px; background-color:#ffffff;}

.nav > li > a {padding-bottom:30px; color:#777777 !important;}

	.navbar-default .navbar-nav > li > a:hover,
	.navbar-default .navbar-nav > li > a:focus {
	  color:;
	  background-color: transparent;
	  padding-bottom:26px;
	  border-bottom:4px solid #ED1D24;
	}


.navbar-collapse {padding-left:0;}

.dropdown {z-index:100;}

.dropdown-menu > li > a {padding-top:10px; padding-bottom:10px;}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  color: #ffffff;
  text-decoration: none;
  background-color: #ED1C24;
}


.banner-int {margin-top:0; margin-bottom:20px;}

.btn-login	{position:absolute; top:20px; right:300px; padding-bottom:10px;}
.btn-search {position:absolute; top:20px; right:30px; padding-bottom:10px;}
.btn-search input {width:180px !important; height:37px !important;}

/*
.panel-wrap {padding-top:40px; padding-bottom:40px;}
.panel-col {position:relative;}
.panel-title {position:absolute; top:0; display:block;}
*/


.enrol-btn {display:inline-block !important; margin-top:10px; font-size:24px;}
.enrol-centre .enrol-btn {width:80% !important;}

.home-text h2.title {font-size:34px; color:#000; text-transform:uppercase; display:inline-block; border-bottom:3px solid #000;}
.home-text p {font-size:20px !important;}


.content-col p {}


	.quote-block {
		margin-bottom:30px;
	}
	.quote-block blockquote {
		padding: 0 80px;
	}

	.quote-block blockquote:before,
	.quote-block blockquote:after {
		left: 20px;
	}

	.quote-block blockquote:after {
		left: auto;
		right: 20px;
	}


/* breadcrumb */
.breadcrumb-wrap {text-align:right}


/* store locate */
.store-locator {background:url(../images/bg-aus.png) right no-repeat;}


.footer-menu-wrap {margin-top:0px;}

.mobile-yes {display:none;}

#slider1 {
	margin:0 auto;
	max-width:1680px;
	}

#slider1 .slide-item > a {
	display:block;
	height:400px;
	width:100%;
	}

#slider1:before {
	content:"";
	display:none;
/*Preload images*/
	background:
	url(../images/slide-fat-mag-large.jpg),
	url(../images/slide-spot-ad-2-large.jpg), 
	url(../images/slide-spot-ad-large_1.jpg),
	url(../images/slide-gab-a-fat-chance-large.jpg),
	url(../images/slide-fat-mate-large.jpg);
	}
	
	

#slider1 .slide01 {
	background-image:url(//www.constructionsupply.com.au/images/slide-1.jpg);
	}
	

#slider1 .slide02 {
	background-image:url(//www.constructionsupply.com.au/images/slide-2.jpg);
	}
	

#slider1 .slide03 {
	background-image:url(//www.constructionsupply.com.au/images/slide-3.jpg);
	}
	

#slider1 .slide04 {
	background-image:url(//www.constructionsupply.com.au/images/slide-4.jpg);
	}


#slider1 .slide05 {
	background-image:url(//www.constructionsupply.com.au/images/slide-5.jpg);
	}
	
#slider1 .slide06 {
	background-image:url(//www.constructionsupply.com.au/images/slide-6.jpg);
	}


#slider1 .slide-item {
	background-position:top center;
	background-repeat:no-repeat;
	background-size:cover;
	height: 260px;/*Min height*/
	}


}

@media (min-width: 992px) {
#slider1 .slide-item {height: 360px;}
}

@media (min-width: 1100px) {
#slider1 .slide-item {height: 418px;}
}



@media (max-width: 767px) {
.graphic-frame {margin-top:1em;}
h1 {font-size:22px;}
h2 {font-size:18px;}
.h2-sm {font-size:16px;}

.navbar {padding:0 15px; border:none !important;}

.navbar-header {background:#fff; padding:0;}

.navbar .title-navbar {float:left; display:block;
		font-size:14px;
		text-transform:uppercase;
		color:#666;
		text-align:left;
		padding:0px}

.navbar .navbar-icon {float:right; padding-top:3px}

	.navbar-default .navbar-nav .open .dropdown-menu > li > a {
    background-color: #ffffff;
	}
	.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
	.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #ffffff;
	background-color: #0e76bc;
	}

.navbar-default {background-color:#ffffff;}
.navbar-default .navbar-nav > li > a {
  color:#252525;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #000000;
  background-color: transparent;
}


.navbar-toggle {
  padding: 9px 10px;
  margin-top: 20px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  width:100%;
}

.navbar-collapse {
  max-height: 550px;
  padding-right: 25px;
  overflow-x: visible;
  -webkit-overflow-scrolling: touch;
  border: 1px solid transparent;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
}


.navbar-header {background:#fff; padding-top:5px; padding-bottom:10px;}
.navbar-brand {float:none !important; margin:0 auto; padding:0; width:250px;}

.call	{clear:both !important; margin:10px auto 0 auto; padding:45px 0 0 0; width:220px; font-size:24px; color:#005DA9; text-align:center;}
.btn-login {float:none !important; padding:10px 0 0 0; text-align:center;}
.btn-search {clear:both !important; width:250px; margin:10px auto 0 auto !important;}
.btn-search input {width:200px !important; float:left;}
.btn-search button {float:right;}

/*
.panel-wrap {padding-top:20px; padding-bottom:20px;}
.panel-wrap h3 {font-size:26px;}
.panel-col h3 {margin-bottom:0px !important; padding-top:10px; padding-bottom:10px;}
.panel-title {margin-bottom:10px; padding-top:0px; padding-bottom:0px;}
.enrol-text {margin:0; padding:0 0 5px 0 !important;}
.enrol-btn {display: block !important; margin-bottom:10px !important; font-size:16px;}
.enrol-centre {margin:0; padding:0; background:#018399; background: rgba(1, 131, 153, .9);}
.enrol-centre .enrol-btn {width:60% !important; margin:0 auto; padding-bottom:10px !important;}
*/

/* category */
.panel-category h3 	{height:80px; font-size:14px;}
/*.panel-category img	{width:131px; height:85px;}*/
.panel-category img	{width:131px; height:131px;}

	.quote-block {
		padding: 30px 0;
		margin:50px 0 30px 0;
	}

	.quote-block blockquote {
		padding: 0 60px;
		font-size: 12px;
	}

	.quote-block blockquote:before,
	.quote-block blockquote:after {
		background-position: 0 0;
		width: 46px;
		height: 38px;
		left: 15px;
		top: -10px;
	}

	.quote-block blockquote:after {
		left: auto;
		top: auto;
		bottom: -10px;
		right: 15px;
		background-position: 0 -38px;
	}
	.quote-block blockquote q {font-size:18px;}



/* slogan */
.slogan {font-size:24px;}
/*.logo-css img {width:80px; margin-left:auto; margin-right:auto; padding-bottom:10px;}*/
.slogan .logo-css-wbg {
	margin-bottom:1em;
	}

.banner-int {display:none;}	

.slideshow-wrap {display:none;}
#slider1 {display:none;}
.rslides {display:none;}

.content-col h1 {font-size:26px;}
.content-col p {font-size:15px !important;}



.panel-products 	{min-height:280px;}
.panel-carousel 	{min-height:280px;}


.footer-menu-wrap {margin-top:20px;}
.footer-heading {margin-top:15px;}
.footer-text {text-align:center;}

.mobile-no {display:none;}

}


@media (min-width: 401px) and (max-width: 767px) {

}


@media (min-width: 401px) {

}


@media screen and (max-width: 400px) {

}



.fb-comments, .fb-comments iframe[style], .fb-like-box, .fb-like-box iframe[style] {width: 100% !important;}
.fb-comments span, .fb-comments iframe span[style], .fb-like-box span, .fb-like-box iframe span[style] {width: 100% !important;}
.fb-page {width: 100% !important;}



/* ---------------------------------------------------------
	Carousel styles - embedded fonts styles of icons
------------------------------------------------------------*/

@font-face {
	font-family: icomoon;
	src: url("../fonts/icomoon.eot");
	src: url("../fonts/icomoon.eot?#iefix") format("embedded-opentype"), url("../fonts/icomoon.woff") format("woff"), url("../fonts/icomoon.ttf") format("truetype"), url("../fonts/icomoon.svg") format("svg");
	font-weight: normal;
	font-style: normal;
}

[class^="ico-"],
[class*=" ico-"] {
	font-family: "icomoon";
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}


.ico-arrow-left:before {
	content: "\e600";
}

.ico-arrow-right:before {
	content: "\e601";
}




/* carousel styles */

.carousel {
	position: relative;
	padding: 0 0px;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
}

.carousel .item img {
	margin: 0 auto 10px;
}

.carousel .item p {
	margin: 0 0 10px;
}

.carousel .btn-prev,
.carousel .btn-next {
	font-size: 13px;
	position: absolute;
	top: 50%;
	bottom: auto;
	left: 0;
	right: auto;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background-color: #EC1D23;
	background-image: none;
	margin-top: -45px;
	text-align: center;
	padding: 0 3px 0 0;
	opacity: 1;
}

.carousel .btn-prev:hover,
.carousel .btn-next:hover {
	background: #8F0C0F;
}

.carousel .btn-prev span,
.carousel .btn-next span {
	color: #fff;
	line-height: 20px;
}

.carousel .btn-next {
	right: 0;
	left: auto;
	padding: 0 0 0 4px;
}
