section {
border-bottom: 1px solid #E1E1E1;
}
ul {
list-style-type: disc;
margin-left: 20px;
}
ul li {
padding-bottom: 5px;
}
h1 {
text-transform: uppercase;
}
h2 {
font-size: 36px;
margin-bottom: 35px;
text-transform: uppercase;
}
h3 {
font-size: 30px;
margin-bottom: 20px;
}
p {
margin-bottom: 25px;
}
.services-nav {
display: -ms-grid;
display: grid;
-ms-grid-columns: 24% 19% 19% 19% 19%;
grid-template-columns: 24% 19% 19% 19% 19%;
position: relative;
margin:0;
list-style-type: none;
}
.services-nav li {
padding-right: 8px;
}
ul.services-nav li:nth-child(1){
-ms-grid-column: 1 !important;
}
ul.services-nav li:nth-child(2){
-ms-grid-column: 2 !important;
}
ul.services-nav li:nth-child(3) {
-ms-grid-column: 3;
}
ul.services-nav li:nth-child(4) {
-ms-grid-column: 4;
}
ul.services-nav > li:nth-child(5) {
-ms-grid-column: 5;
}
ul.services-nav li:last-child {
padding-right: 0;
}
ul.services-nav li button {
width: 100%;
}
section { padding: 45px 0;
}
section h2::after {
position: absolute;
width: 539px;
height: 39px;
left: 320px;
top: calc(50% - 39px/2 - 2748px);
}
.right20p {
padding-right: 20px;
}
.left20p {
padding-left: 20px;
}
.rainwater-goods-features {
display: grid;
display: -ms-grid;
grid-template-columns: 50% 50%;
-ms-grid-column: 50% 50%;
}
.rainwater-goods-features li {
padding: 0px 15px 5px 0;
}
.rainwater-goods-features li:nth-child(1) {
-ms-grid-column: 1;
}
.rainwater-goods-features li:nth-child(2) {
-ms-grid-column: 1;
}
#brands .brands-icon {
display: -ms-grid;
display: grid;
-ms-grid-column: 12.5% 12.5% 12.5% 12.5% 12.5% 12.5% 12.5% 12.5%;
grid-template-columns: 12.5% 12.5% 12.5% 12.5% 12.5% 12.5% 12.5% 12.5%;
}
#brands .brands-icon li:nth-child(1) {
-ms-grid-column: 1;
}
#brands .brands-icon li:nth-child(2) {
-ms-grid-column: 2;
}
#brands .brands-icon li:nth-child(3) {
-ms-grid-column: 3;
}
#brands .brands-icon li:nth-child(4) {
-ms-grid-column: 4;
}
#brands .brands-icon li:nth-child(5) {
-ms-grid-column: 5;
}
#brands .brands-icon li:nth-child(6) {
-ms-grid-column: 6;
}
#brands .brands-icon li:nth-child(7) {
-ms-grid-column: 7;
}
#brands .brands-icon li:nth-child(8) {
-ms-grid-column: 8;
}
#brands .brands-icon li {
display: -ms-flexbox;
display: flex;
align-items: center;
padding: 10px 0;
}
section article.grid {
display: grid;
grid-template-columns: 50% 50%;
display: -ms-grid;
-ms-grid-column: 50% 50%;
-ms-grid-rows: 2;
}
section article.grid .col:nth-child(1) {
-ms-grid-column: 1;
}
section article.grid .col:nth-child(2) {
-ms-grid-column: 2;
}
section article.grid .col:nth-child(3) {
-ms-grid-column: 3;
}
section article.grid .col:nth-child(4) {
-ms-grid-row: 4;
} .black-wrapper {
background-color: #333333;
color: #ffffff;
padding: 33px;
}
.black-wrapper h3, .black-wrapper p {
color: #ffffff;
}
.blue-wrapper {
background-color: #003366;
color: #ffffff;
padding: 33px;
margin-bottom: 20px;
}
.blue-wrapper h3, .blue-wrapper p {
color: #ffffff;
}
.white-wrapper {
padding: 33px;
}
figcaption {
margin-top: 8px;
}
#divider {
height: 38px;
}
.re-roofing-grid {
display: -ms-grid;
display:grid;
-ms-grid-column: 70% 30%;
grid-template-columns: 70% 30%;
}
.re-roofing-grid ul {
list-style-type: disc;
margin-left: 20px;
}
.plan-grid {
display: -ms-grid;
display: grid;
-ms-grid-column: 50% 50%;
grid-template-columns: 50% 50%;
}
.plan-grid .left, .plan-grid .right {
padding: 30px;
margin-top: 35px;
}
.plan-grid .left {
background-color: #f1f1f1;
}
.brands .brands-icon {
margin-left: 0;
display: -ms-grid;
display: grid;
list-style-type: none;
}
.brands .brands-icon li:nth-child(1) {
-ms-grid-column: 1;
}
.brands .brands-icon li:nth-child(2) {
-ms-grid-column: 2;
}
.brands .brands-icon li:nth-child(3) {
-ms-grid-column: 3;
}
.brands .brands-icon li:nth-child(4) {
-ms-grid-column: 4;
}
.brands .brands-icon li:nth-child(5) {
-ms-grid-column: 5;
}
.brands .brands-icon li:nth-child(6) {
-ms-grid-column: 6;
}
.brands .brands-icon li:nth-child(7) {
-ms-grid-column: 7;
}
.brands .brands-icon li:nth-child(8) {
-ms-grid-column: 8;
}
.brands .brands-icon.rowone {
-ms-grid-column: 25% 25% 25%;
grid-template-columns: 25% 25% 25%;
}
.brands .brands-icon.rowtwo {
grid-template-columns: 37% 37%;
}
#rainwater-goods .grid {
display: -ms-grid;
display: grid;
-ms-grid-column: 50% 50%;
grid-template-columns: 50% 50%;
}
#rainwater-goods .grid .left, #rainwater-goods .grid .right {
padding: 34px 15px 5px 25px;
}
#rainwater-goods .grid .left {
background-color: #f1f1f1;
}
#rainwater-goods .grid .right {
background-color: #003366;
}
#rainwater-goods .grid .right h3, #rainwater-goods .grid .right p {
color: #ffffff;
}
#rainwater-goods .grid .right p {
padding-right: 25px;
}
#rainwater-goods .grid .right .image {
align:right;
padding-left: 20px;
}
#membrane-roofing.grid {
display: -ms-grid;
display: grid;
-ms-grid-column: auto 450px;
grid-template-columns: auto 450px;
}
#membrane-roofing.grid .left {
background-color: #f1f1f1;
padding: 30px 40px 30px 30px;
}
#skylights .left {
padding: 35px;
background-color: #f1f1f1;
}
#skylights .grid {
display: grid;
grid-template-columns: auto 278px;
}
#skylights .grid ul {
list-style: none;
margin-top: 35px;
padding: 20px 10px;
}
#paton-offer {
background-color: #003366;
}
#paton-offer ul {
display: -ms-grid;
display: grid;
-ms-grid-column: 25% 25% 25% 25%;
grid-template-columns: 25% 25% 25% 25%;
list-style-type: none;
}
#paton-offer ul li {
color: #ffffff;
padding: 10px 10px 10px 45px;
position: relative;
}
#paton-offer ul li::before{
content: url("/site/patonroofing3-dev/images/Services/check.png");
position: absolute;
left: 0;
top: 15px;
}
#paton-offer h3 {
color: #ffffff;
text-align: center;
margin-bottom: 40px;
}
@media only screen and (max-width:1375px) {
ul.services-nav li:last-child {
padding-right: 8px;
}
}
@media only screen and (max-width:900px) {
#MetalRoofingCladding .blue-wrapper {
margin-top: 20px;
}
.right20p {
padding: 0;
}
.left20p {
padding:0;
}
}
@media only screen
and (max-width:800px) {
#membrane-roofing.grid {
grid-template-columns: 100%;
}
#membrane-roofing.grid .col .right {
display: -ms-grid;
display: grid;
-ms-grid-column: 50% 50%;
grid-template-columns: 50% 50%;
}
#membrane-roofing.grid .col .right figure {
padding :10px;
}
#skylights .grid {
-ms-grid-column: 100%;
grid-template-columns: 100%;
}
#skylights .grid .aside {
margin:0;
text-align: center;
}
#paton-offer ul {
grid-template-columns: 50% 50% !important;
}
#rainwater-goods .grid .right .image {
float: none;
padding: 0;
}
.plan-grid {
grid-template-columns: 100%;
}
.re-roofing-grid {
grid-template-columns: 100%;
}
.re-roofing-grid:last-child {
display: -ms-grid;
display: grid;
-ms-grid-column: 50%;
grid-template-columns: 50%;
}
#brands .brands-icon {
grid-template-columns: 33.33% 33.33% 33.33% !important;
}
.right20p, .left20p {
padding:0;
}
}
.component_Pages_Services {
margin: 0; margin: 0; padding: 0;  } #c757.component_Pages_Services {
 } #c757 .plain_content a
{
font-family:arial,helvetica,sans-serif;
color:#003366;
}
#brands .brands-icon {
margin:0;
}
@media screen and ( max-width: 800px ) {
#c757 .plain_content h1 {
font-size: 25px;
}
#c757 .plain_content table td h2 {
font-size: 25px !important;
}
#c757 .plain_content table,
#c757 .plain_content td {
width: 100% !important;
display: block;
}
}
.white-wrapper {
background-color: #F1F1F1;
margin-top:20px;
}
h2 {
position:relative;
padding-left:16px;
}
h2::before {
position:absolute;
top:-2px;
left:0;
content: url("/site/patonroofing/images/Enquiry%20Heading.png");	}
figure {
margin-bottom:20px;
}
figure img {
margin:0;
}
figure figcaption {
font-size:16px;
margin-top:5px;
}
p {
line-height:25px;
}
.re-roofing-grid .col:first-child {
padding-right:60px;
}
.services-nav {
box-sizing: border-box !important;
}
@media only screen
and (max-width: 1377px) {
.services-nav {
grid-template-columns : 50% 50%;
}
.services-nav li:last-child {
padding-right: 8px;
}
#paton-offer ul {
grid-template-columns : 33.33% 33.33% 33.33%;
}
}
@media only screen
and (max-width:1037px) {
#brands .brands-icon {
grid-template-columns: 25% 25% 25% 25%
}
}
@media only screen
and (max-width:900px) {
section article.grid {
grid-template-columns: 100%;
}
#rainwater-goods .grid {
grid-template-columns:100%;
}
}
@media only screen
and (max-width: 680px ) {
.services-nav {
grid-template-columns : 100%;
}
} #ws_header{
width:auto;
max-width:80%;
}
#ws_caption{
display:table-cell;
color:#CCC;
width:auto;
max-width:80%;
}
#wowslider-container1 .blast_div img{
max-width:100%;
max-height:100%;
}
#wowslider-container1 .blind_div img{
max-width:100%;
}
#wowslider-container1 .fade_images {
position:absolute;
top:0;
width:100%;
height:auto;
max-height:100%;
left:0;
padding:0;
margin:0;
border:0;
display:block;
text-align:center;
}
#wowslider-container1 .fade_images .tryingdivs{
position:absolute;
top:0;
width:100%;
height:100%;
padding:0;
margin:0;
border:0;
}
#wowslider-container1 .fade_images .scrolling_img{
max-height:100%;
max-width:100%;
height:auto;
padding:0;
margin:0;
border:0;
}
#wowslider-container1 {
zoom: 1;
position: relative; margin:0 auto;
z-index:100;
border:none;
text-align:left; width:100%;
height:auto;
}
* html #wowslider-container1{ width:960px }
#wowslider-container1 ul{
position:relative;
width: 10000%; left:0;
list-style:none;
margin:0;
padding:0;
border-spacing:0;
}
#wowslider-container1 ul li{
width:1%;
line-height:0; float:left;
font-size:0;
padding:0;
margin:0;
}
#wowslider-container1 .ws_images{
position: relative;
left:0;
top:0;
overflow:hidden;
}
#wowslider-container1 .ws_images a{
width:100%;
display:block;
color:transparent;
}
#wowslider-container1 .ws_images .tryingdivs{
max-width:100%;
text-align:center;
display:block;
max-height:100%;
}
#wowslider-container1 .ws_images li img{
max-width:100%;
width:auto;
border:none 0;
max-height:100%;
}
#wowslider-container1 .ws_images .scrolling_img_cont{
height:100%;
text-align:center;
vertical-align:top;
}
#wowslider-container1 .ws_images .scrolling_cont2{
display:table-cell;
float:left;
}
#wowslider-container1 a{ text-decoration: none; outline: none; border: none; }
#wowslider-container1 .ws_bullets { font-size:9px;
float: left;
position:absolute;
z-index:70;
}
#wowslider-container1 .ws_bullets div{
position:relative;
float:left;
}
#wowslider-container1 .ws_bullets div a img{
width:150px;
}
#wowslider-container1 a.wsl{
display:none;
}
#wowslider-container1 .ws_bullets { padding: 10px; }
#wowslider-container1 .ws_bullets a { margin-left:4px;
width:22px;
height:20px;
background: url(/site/patonroofing/images/basic_theme/ScrollingBanner/bullet.png) left top;
float: left; position:relative;
color:#FFF;
text-align:center;
padding-top:4px;
cursor:pointer;
}
#wowslider-container1 .ws_bullets a.ws_selbull, #wowslider-container1 .ws_bullets a:hover{
background-position: 0 120%;
}
#wowslider-container1 a.ws_next, #wowslider-container1 a.ws_prev {
position:absolute;
display:none;
top:50%;
margin-top:-28px;
z-index:60;
height: 50px;
width: 51px;
background-image: url(/site/patonroofing/images/basic_theme/ScrollingBanner/arrows.png);
cursor:pointer;
}
#wowslider-container1 a.ws_next{
background-position: 100% 0;
right:10px;
}
#wowslider-container1 a.ws_prev {
left:10px;
background-position: 0 0; }
#wowslider-container1 a.ws_next:hover{
background-position: 100% 100%;
}
#wowslider-container1 a.ws_prev:hover {
background-position: 0 100%; }
* html #wowslider-container1 a.ws_next,* html #wowslider-container1 a.ws_prev{display:block}
#wowslider-container1:hover a.ws_next, #wowslider-container1:hover a.ws_prev {display:block}
#wowslider-container1 .ws-title{
display:table-cell;
max-width:100%;
width:auto;
position: absolute;
bottom:15%;
left: 0;
margin-right:10px;
z-index: 50;
padding:12px;
color: #F9FBFB;
text-transform:uppercase;
background:#2a2a2a;
font-family: Franklin Gothic Medium,sans-serif;
font-size: 18px;
line-height: 18px;
opacity:0.8;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);
}
#wowslider-container1 .ws-title div{
padding-top:5px;
font-size: 13px;
text-transform:none;
}
#wowslider-container1 .ws_bullets {
top:0;
right: 0;
}
#wowslider-container1 ul{
animation: wsBasic 65s infinite;
-moz-animation: wsBasic 65s infinite;
-webkit-animation: wsBasic 65s infinite;
}
@keyframes wsBasic{0%{left:-0%} 6.92%{left:-0%} 10%{left:-100%} 16.92%{left:-100%} 20%{left:-200%} 26.92%{left:-200%} 30%{left:-300%} 36.92%{left:-300%} 40%{left:-400%} 46.92%{left:-400%} 50%{left:-500%} 56.92%{left:-500%} 60%{left:-600%} 66.92%{left:-600%} 70%{left:-700%} 76.92%{left:-700%} 80%{left:-800%} 86.92%{left:-800%} 90%{left:-900%} 96.92%{left:-900%} }
@-moz-keyframes wsBasic{0%{left:-0%} 6.92%{left:-0%} 10%{left:-100%} 16.92%{left:-100%} 20%{left:-200%} 26.92%{left:-200%} 30%{left:-300%} 36.92%{left:-300%} 40%{left:-400%} 46.92%{left:-400%} 50%{left:-500%} 56.92%{left:-500%} 60%{left:-600%} 66.92%{left:-600%} 70%{left:-700%} 76.92%{left:-700%} 80%{left:-800%} 86.92%{left:-800%} 90%{left:-900%} 96.92%{left:-900%} }
@-webkit-keyframes wsBasic{0%{left:-0%} 6.92%{left:-0%} 10%{left:-100%} 16.92%{left:-100%} 20%{left:-200%} 26.92%{left:-200%} 30%{left:-300%} 36.92%{left:-300%} 40%{left:-400%} 46.92%{left:-400%} 50%{left:-500%} 56.92%{left:-500%} 60%{left:-600%} 66.92%{left:-600%} 70%{left:-700%} 76.92%{left:-700%} 80%{left:-800%} 86.92%{left:-800%} 90%{left:-900%} 96.92%{left:-900%} }
#wowslider-container1 .ws_shadow{
width:140%;
height:45%;
position: absolute;
left:-21.7%;
bottom:-30%;
z-index:-1;
}
*|html #wowslider-container1 .ws_shadow{
background-size:100%;
filter:"";
}
#wowslider-container1 .ws_bullets a img{
text-indent:0;
display:block;
top:16px;
left:-120px;
visibility:hidden;
position:absolute;
-moz-box-shadow: 0 0 5px #000000;
box-shadow: 0 0 5px #000000;
border: 5px solid #a4a4a4;
max-width:none;
}
#wowslider-container1 .ws_bullets a:hover img{
visibility:visible;
}
#wowslider-container1 .ws_bulframe div div{
overflow:visible;
position:relative;
}
#wowslider-container1 .ws_bulframe div {
left:0;
overflow:hidden;
position:relative;
width:150px;
height:100%;
background-color:#a4a4a4;
}
#wowslider-container1 .ws_bullets .ws_bulframe{
display:none;
top:20px;
overflow:visible;
position:absolute;
cursor:pointer;
-moz-box-shadow: 0 0 5px #000000;
box-shadow: 0 0 5px #000000;
border:` 5px solid #a4a4a4;
}
#wowslider-container1 .ws_bulframe span{
visibility:hidden;
display:block;
position:absolute;
top:-10px;
left:80px;
background:url(/site/patonroofing/images/basic_theme/ScrollingBanner/triangle.png);
width:15px;
height:6px;
}
#wowslider-container1 .ws_bulframe img{
height:auto;
width:100px;
vertical-align:top;
}
.ws_thumbs{
margin-top:10px;
}
.ws_thumbs a{
border: 1px solid #CCCCCC;
display: block;
float: left;
height: 98px;
margin: 0 12px 12px 0;
text-align: center;
width: 98px;
}
.ws_thumbs a img {
border: medium none;
margin: 4px;
}
.liquid {
-moz-border-radius:10px 10px 10px 10px;
-webkit-border-radius:10px 10px 10px 10px;
border-radius:10px 10px 10px 10px;
padding:10px 0;
}
.liquid .previous {
display:block;
height:100%;
width:30px;
background: url(/site/patonroofing/images/basic_theme/btn_carousel_left.png) 50% center no-repeat;
float:left;
margin:0;
padding:0;
}
.liquid .next {
display:block;
height:100%;
width:30px;
background: url(/site/patonroofing/images/basic_theme/btn_carousel_right.png) 50% center no-repeat;
float:right;
margin:0;
padding:0;
}
.liquid ul li {
width: 95px;
height: 77px;
padding: 4px 2px;
margin: 2px;
text-align: center;
border: 1px solid #CCC;
cursor:pointer;
}
div.floating_thumbs a, div.floating_thumbs a:visited, div.floating_thumbs a:active {
border: 1px solid #CCCCCC;
display: block;
float: left;
height: 98px;
margin: 0 12px 12px 0;
text-align: center;
width: 98px;
}
div.floating_thumbs a img {
border: medium none;
margin: 4px;
}
.component_ContentDisplay_ScrollingBanner2 > .wowslider_master_container .blast_div img{
max-width:100%;
}
.component_ContentDisplay_ScrollingBanner2 > .wowslider_master_container .blind_div img{
max-width:100%;
}
.component_ContentDisplay_ScrollingBanner2 > .wowslider_master_container .fade_images {
position:absolute;
top:0;
width:100% !important;
height:auto !important;
left:0;
padding:0;
margin:0;
border:0;
display:block;
text-align:center;
}
.component_ContentDisplay_ScrollingBanner2 > .wowslider_master_container .fade_images .tryingdivs{
position:absolute;
top:0;
width:100% !important;
height:100%;
padding:0;
margin:0;
border:0;
}
.component_ContentDisplay_ScrollingBanner2 > .wowslider_master_container .fade_images .scrolling_img{
max-width:100% !important;
height:auto;
padding:0;
margin:0;
border:0;
}
.component_ContentDisplay_ScrollingBanner2 > .wowslider_master_container {
zoom: 1;
position: relative;
margin:0 auto;
z-index:100;
border:none;
text-align:left; width:100%;
height:auto;
}
* html .component_ContentDisplay_ScrollingBanner2 > .wowslider_master_container{ width:960px }
.component_ContentDisplay_ScrollingBanner2 > .wowslider_master_container ul{
position:relative;
width: 10000%;
left:0;
list-style:none;
margin:0;
padding:0;
border-spacing:0;
}
.component_ContentDisplay_ScrollingBanner2 > .wowslider_master_container ul li{
width:1%;
line-height:0; float:left;
font-size:0;
padding:0;
margin:0;
}
.component_ContentDisplay_ScrollingBanner2 > .wowslider_master_container .ws_images{
position: relative;
left:0;
top:0;
overflow:hidden;
}
.component_ContentDisplay_ScrollingBanner2 > .wowslider_master_container .ws_images a{
width:100%;
display:block;
color:transparent;
}
.component_ContentDisplay_ScrollingBanner2 > .wowslider_master_container .ws_images .tryingdivs{
max-width:100%;
text-align:center;
display:block;
max-height:100%;
}
.component_ContentDisplay_ScrollingBanner2 > .wowslider_master_container .ws_images li img{
max-width:100%;
width:auto;
border:none 0;
max-height:100%;
}
.component_ContentDisplay_ScrollingBanner2 > .wowslider_master_container .ws_images .scrolling_img_cont{
height:100%;
text-align:center;
vertical-align:top;
}
.component_ContentDisplay_ScrollingBanner2 > .wowslider_master_container .ws_images .scrolling_cont2{
display:table-cell;
float:left;
}
.component_ContentDisplay_ScrollingBanner2 > .wowslider_master_container a{
text-decoration: none;
outline: none;
border: none;
}
.component_ContentDisplay_ScrollingBanner2 > .wowslider_master_container .ws_bullets {
font-size:9px;
float: left;
position:absolute;
z-index:70;
}
.component_ContentDisplay_ScrollingBanner2 > .wowslider_master_container .ws_bullets div{
position:relative;
float:left;
}
.component_ContentDisplay_ScrollingBanner2 > .wowslider_master_container .ws_bullets div a img{
width:150px;
}
.component_ContentDisplay_ScrollingBanner2 > .wowslider_master_container a.wsl{
display:none;
}
.component_ContentDisplay_ScrollingBanner2 > .wowslider_master_container .ws_bullets {
padding: 10px;
}
.component_ContentDisplay_ScrollingBanner2 > .wowslider_master_container .ws_bullets a {
margin-left:4px;
width:22px;
height:20px;
background: url(/site/patonroofing/images/basic_theme/ScrollingBanner/bullet.png) left top;
float: left;
position:relative;
color:#FFF;
text-align:center;
padding-top:4px;
cursor:pointer;
}
.component_ContentDisplay_ScrollingBanner2 > .wowslider_master_container .ws_bullets a.ws_selbull, .component_ContentDisplay_ScrollingBanner2 > .wowslider_master_container .ws_bullets a:hover{
background-position: 0 120%;
}
.component_ContentDisplay_ScrollingBanner2 > .wowslider_master_container a.ws_next, .component_ContentDisplay_ScrollingBanner2 > .wowslider_master_container a.ws_prev {
position:absolute;
display:none;
top:50%;
margin-top:-28px;
z-index:60;
height: 50px;
width: 51px;
background-image: url(/site/patonroofing/images/basic_theme/ScrollingBanner/arrows.png);
cursor:pointer;
}
.component_ContentDisplay_ScrollingBanner2 > .wowslider_master_container a.ws_next{
background-position: 100% 0;
right:10px;
}
.component_ContentDisplay_ScrollingBanner2 > .wowslider_master_container a.ws_prev {
left:10px;
background-position: 0 0;
}
.component_ContentDisplay_ScrollingBanner2 > .wowslider_master_container a.ws_next:hover{
background-position: 100% 100%;
}
.component_ContentDisplay_ScrollingBanner2 > .wowslider_master_container a.ws_prev:hover {
background-position: 0 100%;
}
* html .component_ContentDisplay_ScrollingBanner2 > .wowslider_master_container a.ws_next,* html .component_ContentDisplay_ScrollingBanner2 > .wowslider_master_container a.ws_prev{display:block}
.component_ContentDisplay_ScrollingBanner2 > .wowslider_master_container:hover a.ws_next, .component_ContentDisplay_ScrollingBanner2 > .wowslider_master_container:hover a.ws_prev {display:block}
.component_ContentDisplay_ScrollingBanner2 > .wowslider_master_container .ws-title{
display:table-cell;
max-width:100%;
width:auto;
position: absolute;
bottom:15%;
left: 0;
margin-right:10px;
z-index: 50;
padding:12px;
color: #F9FBFB;
text-transform:uppercase;
background:#2a2a2a;
font-family: Franklin Gothic Medium,sans-serif;
font-size: 18px;
line-height: 18px;
opacity:0.8;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);
}
.component_ContentDisplay_ScrollingBanner2 > .wowslider_master_container .ws-title div{
padding-top:5px;
font-size: 13px;
text-transform:none;
}
.component_ContentDisplay_ScrollingBanner2 > .wowslider_master_container .ws_bullets {
top:0;
right: 0;
}
@keyframes wsBasic{0%{left:-0%} 6.92%{left:-0%} 10%{left:-100%} 16.92%{left:-100%} 20%{left:-200%} 26.92%{left:-200%} 30%{left:-300%} 36.92%{left:-300%} 40%{left:-400%} 46.92%{left:-400%} 50%{left:-500%} 56.92%{
left:-500%} 60%{left:-600%} 66.92%{left:-600%} 70%{left:-700%} 76.92%{left:-700%} 80%{left:-800%} 86.92%{left:-800%} 90%{left:-900%} 96.92%{left:-900%} }
@-moz-keyframes wsBasic{0%{left:-0%} 6.92%{left:-0%} 10%{left:-100%} 16.92%{left:-100%} 20%{left:-200%} 26.92%{left:-200%} 30%{left:-300%} 36.92%{left:-300%} 40%{left:-400%} 46.92%{left:-400%} 50%{left:-500%} 56.92%{left:-500%} 60%{left:-600%} 66.92%{left:-600%} 70%{left:-700%} 76.92%{left:-700%} 80%{left:-800%} 86.92%{left:-800%} 90%{left:-900%} 96.92%{left:-900%} }
@-webkit-keyframes wsBasic{0%{left:-0%} 6.92%{left:-0%} 10%{left:-100%} 16.92%{left:-100%} 20%{left:-200%} 26.92%{left:-200%} 30%{left:-300%} 36.92%{left:-300%} 40%{left:-400%} 46.92%{left:-400%} 50%{left:-500%} 56.92%{left:-500%} 60%{left:-600%} 66.92%{left:-600%} 70%{left:-700%} 76.92%{left:-700%} 80%{left:-800%} 86.92%{left:-800%} 90%{left:-900%} 96.92%{left:-900%} }
.component_ContentDisplay_ScrollingBanner2 > .wowslider_master_container .ws_shadow{
width:140%;
height:45%;
position: absolute;
left:-21.7%;
bottom:-30%;
z-index:-1;
}
*|html .component_ContentDisplay_ScrollingBanner2 > .wowslider_master_container .ws_shadow{
background-size:100%;
filter:"";
}
.component_ContentDisplay_ScrollingBanner2 > .wowslider_master_container .ws_bullets a img{
text-indent:0;
display:block;
top:16px;
left:-120px;
visibility:hidden;
position:absolute;
-moz-box-shadow: 0 0 5px #000000;
box-shadow: 0 0 5px #000000;
border: 5px solid #a4a4a4;
max-width:none;
}
.component_ContentDisplay_ScrollingBanner2 > .wowslider_master_container .ws_bullets a:hover img{
visibility:visible;
}
.component_ContentDisplay_ScrollingBanner2 > .wowslider_master_container .ws_bulframe div div{
overflow:visible;
position:relative;
}
.component_ContentDisplay_ScrollingBanner2 > .wowslider_master_container .ws_bullets .ws_bulframe{
display:none;
top:20px;
overflow:visible;
position:absolute;
cursor:pointer;
-moz-box-shadow: 0 0 5px #000000;
box-shadow: 0 0 5px #000000;
border:` 5px solid #a4a4a4;
}
.component_ContentDisplay_ScrollingBanner2 > .wowslider_master_container .ws_bulframe span{
visibility:hidden;
display:block;
position:absolute;
top:-10px;
left:80px;
background:url(/site/patonroofing/images/basic_theme/ScrollingBanner/triangle.png);
width:15px;
height:6px;
}
.component_ContentDisplay_ScrollingBanner2 > .wowslider_master_container .ws_bulframe img{
height:auto;
width:100px;
vertical-align:top;
}
.component_ContentDisplay_ScrollingBanner2 > .wowslider_master_container .ws_bulframe div {
left:0;
overflow:hidden;
position:relative;
width:150px;
height:100%;
background-color:#a4a4a4;
}
.component_ContentDisplay_ScrollingBanner2 > .wowslider_master_container.wowslider_master_container_gallery .fade_images img{
max-width:100% !important;
}
@media screen and (-webkit-min-device-pixel-ratio:0) and ( max-width: 640px ){ ::i-block-chrome,.ws_images ul {
height:500px;
}
}
.component_ContentDisplay_ScrollingBanner2 {
margin: 0; margin: 0; padding: 0;  } #c1013.component_ContentDisplay_ScrollingBanner2 {
 } #c1013 {
margin-bottom:30px;
}
.component_ContentDisplay_ScrollingBanner2 > .wowslider_master_container .ws_bullets {
left:0 !important;
}