/* cmsms stylesheet: custom modified: 10/02/19 16:05:57 */
.group:after {
  content: "";
  display: table;
  clear: both;
}
body {
    font-family: 'Arimo', sans-serif;
    line-height: 1.6;
    font-style: normal;
    font-size: 16px;
}
.navbar-brand > img {
    width: 232px;
}
.navbar-default {
    box-shadow: none;
}
.btn-default {
    color: #fff;
}
.btn-light {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa;
}
.office-details .detail-box .icon {
    float: left;
    font-size: 32px;
    margin: 0 14px 0 0;
}
.office-details .detail-copybox {
    float: right;
    margin: 0;
    position: relative;
}
.office-details .copydetail {
    float: right;
    margin: 7px 40px 0 0;
}
#footer .copyright {
    background: #363636;
    border-top: 1px solid #111;
    font-size: 14px;
    line-height: 30px;
    padding: 12px 0 13px;
}
.copyright .i-3x i {
    margin-bottom: 0;
} 
.copyright .gray-bg i {
    background-color: #555;
}
#footer {
    color: #fff;
}
a#designedBy {
    background: url("https://www.southwestroofing.com.au/assets/images/CF_logo.png") no-repeat scroll right bottom transparent;
    color: #fff;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    padding-right: 40px;
    text-decoration: none;
}
a#designedBy:hover {
    background-position: right top;
    color: #660000;
}
.grayish-bg{
	background: #EBEBEB;
}
.section-title {
    color: #0093E1;
    margin-bottom: 20px;
}
.page-section {
    padding: 60px 0;
}
.page-section.testimonials {
    padding: 0 0 20px 0;
}
.navbar-nav > li > a {
    font-size: 16px;
    letter-spacing: 0;
}
.page-header {
    margin-top: -35px !important;
}
.page-header {
    border-bottom: 1px solid #e1e1e1;
    border-top: 1px solid #e1e1e1;
    padding: 50px 0 10px 0;
    background-color: #f2f2f2;
    margin: 0px;
}

/* global styles */
.cfsocial {
    margin: 0;
    padding: 0;
}
.cfsocial ul {
    margin: 0;
    padding: 0;
}
.cfsocial ul li {
    margin: 0;
    list-style: none outside none;
/*    display: inline-block; */
}
.cfsocial i {
    width: 40px;
    height: 40px;
    color: #FFF;
    background-color: #000;
    font-size: 22px;
    text-align:center;
    padding-top: 12px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    -ms-transition: all ease 0.3s;
}
.cfsocial i:hover {
    color: #FFF;
    text-decoration: none;
    transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    -ms-transition: all ease 0.3s;
}
.cfsocial .fa-facebook:hover {
    background: #4060A5;
}
.cfsocial .fa-twitter:hover {
    background: #00ABE3;
}
.cfsocial .fa-google-plus:hover {
    background: #e64522;
}
.cfsocial .fa-youtube-play:hover {
    background: #DF192A;
}

.item-box i {
    color: #fff;
}
.request-quote .item-box i {
    margin: 0 0 0 6px;
}
.header-search span i, .header-share span i {
    font-size: 16px;
}
#footer .widget ul li:first-child {
    padding: 4px 0px;
}
.tags li a {
    color: #000 !important;
}
#footer .footer-widget {
    padding: 50px 0 30px 0;
}
.quote {
    padding: 15px;
}
.bg-color2 {
    background-color: #feb600;
}
.nav > li > a {
    padding: 10px 18px 10px 15px;
}
.tingle-demo {
  display: none;
}
.dark-header .navbar, #footer {
    background-image: none;
    /*background-color: #0093E1;*/
    background-color: #202c45;
    background: -webkit-gradient(linear, left top, left bottom, from(#202c45), to(#0093E1));
    background: -webkit-linear-gradient(top, #202c45, #0093E1);
    background: -moz-linear-gradient(top, #202c45, #0093E1);
    background: -ms-linear-gradient(top, #202c45, #0093E1);
    background: -o-linear-gradient(top, #202c45, #0093E1);
}
.widget.list-border .list-group-item {
    background-color: #F6F6F6;
}
.nav > li > a {
    padding: 15px 18px 12px 15px;
}
.navbar-default .navbar-nav > .open > a.has-submenu:hover, .navbar-default .navbar-nav > .open > a.has-submenu:active, .navbar-default .navbar-nav > .open > a.has-submenu:focus {
    color: #000;
}
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover, .dropdown-menu > li > a.active {
    padding-left: 20px;
}
.nopic h2 {
    padding: 0 0 14px 0;
}
.post-title {
    margin-top: 0;
}
.btn-default.active, .btn-default:active, .open > .dropdown-toggle.btn-default {
    color: #fff;
}
.btn-default:visited {
    color: #fff;
}
.content-block ul {
    margin: 0 0 18px;
    padding: 0 0 0 60px;
}
.content-block ul li {
    position: relative;
    line-height: 1;
    list-style: disc;
    padding-left: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
}
.noshow {
    display: none;
}
.content-block a {
  color: red;
  text-decoration: none;
}
.content-block a:hover {
  text-decoration: underline;
  cursor: pointer;
}
.content-block a:active {
  color: black;
}
.content-block a:visited {
  color: purple;
}


.embed-container { 
    position: relative; 
    padding-bottom: 56.25%; 
    height: 0; 
    overflow: hidden; 
    max-width: 100%; 
}
.embed-container iframe, .embed-container object, .embed-container embed { 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
}


/********** Jquery Color Picker **********/
.content-block #label{
position: absolute;
left: -2px;
top: -2px;
background: url(https://www.southwestroofing.com.au/uploads/images/label.png) no-repeat 0 0;
width: 206px;
height: 110px;
z-index: 999;
display: block;}

.content-block #label span{
width: 206px;
height: 110px;
display: block;
text-indent: -100000px;}

.content-block #color_container {
	width: 960px;
	margin: 7px auto 0;
	position: relative;
	border: solid 1px #00619F;
	overflow: hidden;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.content-block #photo{
	position: absolute;
	top: 0;
	left: 0;}

.content-block #colorbox {
	height: 324px;
	width: 716px;
	float: left;
	display: block;
	margin: 0 auto;
}

.content-block #roof, .content-block #brick {
	float: left;
	clear: left;
	width: 100%;
	height: 160px;
	display: block;
}

.content-block ul#color_roof, .content-block ul#color_brick {
	list-style: none;
	width: 100%;
	float: left;
	clear: left;
	margin: 4px auto 0;
	padding: 0;
}

.content-block ul#color_roof li, .content-block ul#color_brick li {
	float: left;
	width: 20px;
	margin: 0 0 4px 4px;
	height: 20px;
	border: solid 1px #999;
	padding: 0;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.content-block #color_roof li a, .content-block #color_brick li a {
	display: block;
	text-indent: -100000px;
	height: 20px;
	width: 20px;
}

.content-block #colorpix {
	float: left;
	width: 224px;
	background: #D3EAF8;
    height: 304px;
	padding: 10px;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
	
.content-block #colorpix p {
    margin: 0;
    padding: 0;
    color: #000;
    font: normal 13px Arial, Helvetica, sans-serif;
}

.content-block .bold {
    font-weight: bold;
}

.content-block #colorpix ul, .content-block #colorpix ul li {
    list-style: none;
}