html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}

body {
    line-height: 1
}

ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: "";
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

body {
    background: #fff;
    color: #7d888f;
    font-family: breuer, Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif
}

a {
    color: #eb7500
}

p {
    font-size: 18px;
    line-height: 25px;
    margin: 15px 0
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #475661;
    font-weight: 400
}

h1,
h2.feature {
    font-size: 35px
}

h3 {
    font-weight: 700;
    font-size: 20px
}

#content h2,
.term-description h2,
.shortcode_full_width h2 {
    margin: 30px 0 20px 0;
    font-size: 25px;
    font-weight: 400;
    line-height: 35px
}

#content li {
    list-style: disc;
    list-style-position: outside;
    margin: 10px 0 10px 20px;
    font-size: 18px;
    line-height: 22px
}

#content ol li {
    list-style: decimal
}

#content ol ol li {
    list-style: lower-alpha
}

strong {
    font-weight: 700
}

em {
    font-style: italic
}

input,
textarea,
select {
    font-family: breuer, Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #7d888f
}

.one-third {
    width: 32%;
    display: block;
    float: left;
    padding: 5px
}

.one-third img {
    width: 100%
}

.featured-service {
    padding: 30px 0;
    text-align: center
}

.featured-service h2 {
    font-size: 35px;
    line-height: 30px;
    padding: 30px 0;
    text-align: center;
    font-weight: 400
}

.management {
    padding: 30px 0
}

.management h2 {
    font-size: 25px;
    line-height: 30px;
    padding-top: 20px
}

.rope h2 {
    font-size: 25px;
    line-height: 30px;
    padding-top: 30px
}

#page {
    position: relative
}

#main {
    clear: both;
    padding: 0 60px;
    margin: 0 auto;
    max-width: 1080px
}

#primary,
#secondary {
    padding: 60px 0 0 0
}

#primary {
    margin-bottom: 60px
}

.home #primary,
.home #secondary {
    padding-top: 60px
}

#masthead {
    color: #fff;
    background: #263846;
    padding: 45px 60px
}

.header-main {
    max-width: 1080px;
    margin: 0 auto;
    position: relative
}

#header_logo {
    display: inline-block;
    margin: 0;
    padding: 0
}

.header-right {
    height: 60px;
    padding: 0 30px 0 40px;
    background: url(../img/bg_grey.png) center left no-repeat;
    position: absolute;
    top: 45px;
    right: 0;
    line-height: 60px
}

.header-right li {
    float: left
}

.header-right li.phone {
    padding-left: 25px;
    background: url(../img/header/phone.png) center left no-repeat;
    font-size: 22px
}

.header-right li.phone a {
    text-decoration: none;
    color: #fff
}

.header-right li img {
    display: block;
    margin: 17px 0 0 20px
}

.header-right.contact {
    right: 350px;
    background-image: url(../img/bg_orange.png)
}

.header-right.contact a {
    color: #fff;
    text-decoration: none;
    font-size: 22px
}

#tablet_social {
    display: none
}

#primary-navigation {
    display: block;
    padding: 0;
    height: 65px;
    position: absolute;
    left: 0;
    right: 0;
    z-index: 999 !important
}

#primary-navigation>div {
    max-width: 1080px;
    margin: 0 auto;
    position: relative
}

#primary-navigation-before,
#primary-navigation-after {
    position: absolute;
    bottom: 0;
    background: url(../img/header/menu_bg.png) center bottom repeat-x;
    height: 65px
}

#primary-navigation-before {
    left: 0
}

#primary-navigation-after {
    right: 0
}

#primary-menu {
    margin: 0;
    padding: 0
}

.sf-menu li {
    margin: 0;
    padding: 0;
    border: 0;
    border: none
}

.sf-menu li,
.sf-menu li:hover,
.sf-menu.sfHover {
    background: none
}

.sf-menu li a,
.sf-menu li.current-menu-item li a {
    line-height: 65px;
    margin: 0;
    padding: 0 15px;
    border: none;
    color: #475661;
    background: url(../img/header/menu_bg.png) bottom left repeat-x
}

.sf-menu>li>a:hover,
.sf-menu>li.current-menu-item>a,
.sf-menu>li.current-menu-parent>a,
.sf-menu>li.current-menu-ancestor>a {
    background: url(../img/header/menu_bg_active.png) bottom center repeat-x
}

.sf-menu>li.menu-item-has-children>a:hover {
    background: url(../img/header/menu_bg_active_subs.png) bottom center repeat-x
}

.sf-menu ul li a,
.sf-menu li.current-menu-item li a,
.sf-menu li.current-menu-parent li a,
.sf-menu li.current-menu-ancestor li a {
    padding: 10px;
    background: #eb7500;
    color: #fff;
    line-height: 18px;
    font-size: 15px
}

.sf-menu ul li a:hover,
.sf-menu ul li.current-menu-item a,
.sf-menu ul li.current-menu-parent a,
.sf-menu ul li.current-menu-ancestor a {
    background: #ed8a25
}

.sf-menu ul ul li a {
    background: #ed8a25
}

.sf-menu ul ul li a:hover,
.sf-menu ul ul li.current-menu-item a,
.sf-menu ul ul li.current-menu-parent a,
.sf-menu ul ul li.current-menu-ancestor a {
    background: #f19f4d
}

.sf-menu li.menu-item-3413>a {
    font-weight: 700;
    color: #eb7500
}

#colophon,
#footer-locations {
    color: #fff;
    background: #263846;
    padding: 20px 60px
}

#colophon a,
#footer-locations a {
    color: #fff;
    text-decoration: none;
    font-size: 14px
}

.site-info {
    text-align: right
}

.site-links li {
    list-style: none;
    padding: 0;
    margin: 0;
    float: left
}

.site-links li a {
    margin-right: 20px
}

#footer-locations {
    border-bottom: 1px solid #eb7500
}

#footer-locations-list,
#footer-locations-list li {
    margin: 0;
    padding: 0;
    list-style: none
}

#footer-locations-list li {
    float: left;
    width: calc((100% - 120px) / 5);
    margin-left: 30px
}

#footer-locations-list li:first-child {
    margin-left: 0
}

#footer-locations-list li h6 {
    color: #fff;
    font-size: 1.1em;
    font-weight: 700
}

#footer-locations-list li p:last-child {
    margin-bottom: 0
}

#footer_enews,
.page.page-template-template-map #footer_enews,
.page.page-template-template-contact #footer_enews,
.archive.woocommerce #footer_enews,
body.category-news #footer_enews {
    padding: 60px;
    background: url(/App_Themes/anchorsafe-custom/images/background_tile.jpg);
    text-align: center
}

.single-roof-safety-services #footer_enews,
.single-solutions #footer_enews,
.category #footer_enews,
.archive #footer_enews {
    background: #fff
}

.page.page-id-12 #footer_enews {
    background: none;
    padding-top: 0
}

#footer_enews h2 {
    font-size: 33px;
    font-weight: 300
}

#footer_enews .gform_wrapper span.gform_description {
    text-align: center;
    font-size: 18px;
    line-height: 27px;
    margin: 15px 0;
    width: auto
}

#footer_enews .gform_wrapper .top_label .gfield_label {
    display: none
}

#footer_enews .gform_wrapper input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]) {
    line-height: 45px;
    padding: 0 20px;
    border: 1px solid #bec3c7
}

#footer_enews .gform_wrapper ul.gform_fields li.gfield {
    width: 30%;
    max-width: 180px;
    float: left;
    clear: none;
    margin-top: 0
}

#footer_enews .gform_wrapper ul.gform_fields li.gfield#field_1_3 {
    width: 320px;
    max-width: 320px
}

#footer_enews .gform_wrapper .gform_footer {
    clear: none;
    float: left;
    margin: 0;
    padding: 0;
    width: auto
}

body #footer_enews .gform_wrapper .top_label div.ginput_container {
    margin-top: 0
}

#footer_enews .gform_wrapper {
    max-width: 800px;
    margin: 0 auto
}

#home_icons {
    padding: 60px;
    background: url(../img/background_tile.jpg)
}

#home_icons ul,
#home_icons ul li {
    margin: 0;
    padding: 0;
    list-style: none
}

#home_icons ul {
    display: block;
    max-width: 1080px;
    margin: 0 auto
}

#home_icons ul li {
    width: 25%;
    float: left;
    text-align: center
}

#home_icons.woo-category-icons ul li {
    width: 20%
}

#home_icons .text span {
    color: #eb7500;
    display: inline-block
}

#home_icons .text span:hover {
    transform: scale(1.1);
    transition: all 0.5s ease-in 0s
}

#home_icons.service-icons {
    background: none;
    padding: 20px 0
}

#home_icons.woo-category-icons.col-3 ul li {
    width: calc(100% / 3)
}

#client-logos,
#accreditation-logos {
    padding-top: 80px;
    padding-bottom: 80px;
    text-align: center
}

.woocommerce #accreditation-logos {
    padding-top: 0
}

#client-logos {
    background-image: url(../img/background_tile.jpg)
}

#custom-cta {
    padding-top: 120px;
    padding-bottom: 80px;
    text-align: center;
    background: url(../../../../../../uploads/2021/06/cta-bg.jpg);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    border-top: 3px solid #ed7403;
    border-bottom: 3px solid #ed7403;
    background-color: #263846;
    position: relative
}

#custom-cta img {
    position: absolute;
    top: -3px;
    left: 47%
}

#custom-cta h2 {
    margin: 30px 20px;
    font-size: 30px;
    font-weight: 700;
    line-height: 35px;
    color: #fff
}

#custom-cta h3 {
    margin: 30px 20px;
    font-size: 25px;
    font-weight: 400;
    line-height: 35px;
    color: #ed7403
}

#custom-cta a {
    margin: 30px 20px;
    font-size: 25px;
    font-weight: 400;
    line-height: 35px;
    color: #fff;
    text-decoration: none;
    transition: all 0.5s ease-in-out
}

#custom-cta a:hover {
    color: #ed7403
}

.frst-section {
    margin-top: 100px
}

#client-logos h3,
#accreditation-logos h3 {
    margin-bottom: 80px;
    font-size: 33px;
    color: #4c5860;
    line-height: 33px;
    font-weight: 300
}

.logo {
    display: inline-block;
    margin: 10px 2%;
    width: auto;
    height: auto;
    max-width: 160px;
    max-height: 80px
}

.single-roof-safety-services #primary,
.page-template-template-seo #primary,
.page-template-template-services #primary {
    float: left;
    width: 680px
}

.single-roof-safety-services #secondary,
.single-products #secondary,
.page-template-template-seo #secondary,
.page-template-template-services #secondary {
    float: right;
    width: 340px
}

#service_casestudies {
    padding: 60px;
    background: url(../img/background_tile.jpg)
}

#service_casestudies .inner {
    max-width: 1080px;
    margin: 0 auto
}

#service_casestudies h2 {
    font-size: 33px;
    margin: 0 0 20px 0
}

#service_casestudies li {
    margin: 30px 0 0 0;
    background: #fff;
    padding: 40px;
    min-height: 200px
}

#service_casestudies li .image {
    float: left
}

#service_casestudies li .image a {
    display: block;
    width: 300px;
    height: 200px;
    background-size: cover;
    background-position: center center
}

#service_casestudies li>.map {
    float: right;
    width: 240px
}

#service_casestudies li .content {
    margin: 0 270px 0 330px
}

#service_casestudies li .content h3 {
    font-size: 21px;
    line-height: 26px
}

#service_casestudies li .content h3 a {
    text-decoration: none;
    color: #475661
}

#service_products {
    margin: 60px 0
}

#service_products h2 {
    font-size: 32px;
    margin: 0 0 30px 0;
    font-weight: 300
}

.service_products {
    margin: 0;
    padding: 0
}

.service_products li,
#content .service_products li {
    list-style: none;
    width: 50%;
    float: left;
    margin: 0 0 20px 0
}

.service_products li a {
    display: block;
    margin: 0 20px 0 0;
    background: url(../img/bg_grey.png) center left no-repeat;
    padding: 20px 20px 20px 40px;
    color: #fff;
    text-decoration: none;
    font-size: 17px
}

.centered {
    text-align: center;
    clear: both
}

#solution_map_container {
    padding: 60px;
    background: url(../img/background_tile.jpg)
}

#solution_map_container>.inner {
    max-width: 1080px;
    margin: 0 auto
}

.single-solutions h1,
.page-template-template-team h1 {
    float: left;
    max-width: 340px
}

.solutions_content,
.team_content {
    margin: 0 0 60px 370px
}

#solutions_services {
    padding: 30px 60px
}

#solutions_services .inner {
    max-width: 1080px;
    margin: 0 auto
}

#solutions_services li {
    list-style: none;
    float: left;
    width: 25%
}

#solutions_services li a {
    display: block;
    text-align: center;
    text-decoration: none;
    color: #475661;
    font-size: 21px;
    line-height: 26px;
    padding: 0 10px 0 10px;
    margin: 30px 0
}

#solutions_services li a .icon {
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 77px 76px;
    width: 77px;
    height: 76px;
    display: block;
    margin: 0 auto 20px auto
}

#solutions_services li a.service_18 div.icon {
    background-image: url(../img/home/icon_audit.png)
}

#solutions_services li a.service_19 div.icon {
    background-image: url(../img/home/icon_design.png)
}

#solutions_services li a.service_20 div.icon {
    background-image: url(../img/home/icon_install.png)
}

#solutions_services li a.service_21 div.icon {
    background-image: url(../img/home/icon_maintenance.png)
}

#solutions_services li a:hover div.icon {
    transform: scale(1.1);
    transition: all 0.5s ease-in 0s
}

body.single-products #main #content h1 {
    margin-bottom: 30px
}

.product_gallery {
    padding-bottom: 30px !important
}

.product-image {
    display: block;
    float: left;
    margin: 0 0 30px 5%;
    width: 30%;
    overflow: hidden;
    position: relative
}

.product-image.col_3_0 {
    clear: left;
    margin-left: 0
}

.product-image .image {
    display: block;
    width: 100%;
    height: 250px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

.product-image .caption,
.wp-caption-text {
    display: block;
    padding: 10px 0;
    font-size: 15px !important;
    font-style: italic;
    line-height: 20px;
    color: #1d374b
}

#product-boxes .product-box {
    display: block;
    float: left;
    margin: 30px 0 0 0;
    width: calc((100% - 30px) / 2);
    min-height: 246px;
    text-decoration: none;
    clear: both
}

#product-boxes .product-box:nth-of-type(2n) {
    float: right;
    clear: none
}

#product-boxes img.product-box-image,
#product-boxes span.product-box-title {
    display: block;
    width: 100%;
    height: auto
}

#product-boxes span.product-box-title {
    padding: 13px 0 12px 0;
    font-size: 18px;
    line-height: 26.5px;
    color: #fff;
    font-weight: 400;
    text-align: center;
    background-color: #1d384c
}

#services_icons {
    padding: 60px;
    background: url(../img/background_tile.jpg)
}

#services_icons ul {
    display: block;
    max-width: 1080px;
    margin: 0 auto
}

#services_icons ul li {
    width: 25%;
    float: left;
    text-align: center;
    background-position: top center;
    background-repeat: no-repeat
}

#services_icons li a {
    display: block;
    padding: 20px 0 0 0;
    font-size: 21px;
    line-height: 26px;
    color: #475661;
    text-decoration: none
}

#services_icons li a .icon {
    padding: 20px 0;
    width: 100%;
    height: 76px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 77px 76px
}

#services_icons li a .text {
    padding: 0 20px
}

#services_icons .text span {
    color: #eb7500;
    display: inline-block
}

#services_icons .text span:hover {
    transform: scale(1.1);
    transition: all 0.5s ease-in 0s
}

#services_icons li.service_18 a div.icon {
    background-image: url(../img/home/icon_audit.png)
}

#services_icons li.service_19 a div.icon {
    background-image: url(../img/home/icon_design.png)
}

#services_icons li.service_20 a div.icon {
    background-image: url(../img/home/icon_install.png)
}

#services_icons li.service_21 a div.icon {
    background-image: url(../img/home/icon_maintenance.png)
}

#services_icons li a:hover .icon {
    transform: scale(1.1);
    transition: all 0.5s ease-in 0s
}

.single-products #primary {
    margin-bottom: 0
}

.single-products .shortcode_full_width {
    margin-top: 0;
    margin-bottom: 0
}

#casestudy_list_container_inner {
    max-width: 1080px;
    margin: 0 auto
}

.case_study_container {
    margin: 40px 0 0 0;
    padding: 40px;
    background: #fff
}

.case_study_container>.inner {
    min-height: 200px
}

.case_study_container .content {
    margin: 0 270px 0 340px
}

.case_study_container .content h2 {
    font-size: 21px
}

.case_study_container .content h2 a {
    text-decoration: none;
    color: #475661
}

.case_study_container .image {
    float: left;
    width: 300px
}

.case_study_container .image a {
    display: block;
    width: 300px;
    height: 200px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat
}

.case_study_container .map_area {
    float: right;
    width: 230px
}

.post-type-archive-casestudy h1 {
    float: left
}

.casestudy_search {
    text-align: right
}

.casestudy_search span {
    font-size: 20px;
    padding: 0 40px 0 0
}

.casestudy_search select {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    padding: 10px 60px 10px 20px;
    font-size: 16px;
    border: 1px solid #7d888f;
    background: url(../img/select.png) center right no-repeat #fff
}

#casestudy_left {
    float: left;
    width: 320px
}

#casestudy_left li {
    list-style: inside
}

#casestudy_left li a {
    text-decoration: none;
    color: #475661
}

#casestudy_right {
    margin-left: 370px
}

#casestudy_right a {
    display: block;
    margin-bottom: 20px
}

#casestudy_right img {
    display: block;
    width: 100%;
    height: auto
}

#casestudy_testimonial {
    margin-top: 60px;
    padding: 60px;
    background: url(../img/background_tile.jpg)
}

#casestudy_testimonial .inner {
    max-width: 1080px;
    margin: 0 auto;
    padding: 100px 0 0 0;
    background: url(../img/quote_open.png) top left no-repeat
}

#casestudy_testimonial .inner * {
    font-size: 33px;
    line-height: 41px;
    font-weight: 300;
    color: #475661
}

#casestudy_testimonial .inner .name {
    font-size: 21px;
    line-height: 26px;
    margin: 5px 0
}

#casestudy_testimonial .inner .company {
    font-size: 16px;
    line-height: 25px;
    margin: 5px 0
}

h2.team_type {
    color: #eb7500
}

.as_team_profile_container {
    float: left;
    width: 23.5%;
    width: calc((100% - 60px) / 4);
    margin: 0 0 20px 2%;
    margin-left: calc(20px)
}

.as_team_profile_container:first-child,
.as_team_profile_container:nth-child(4n+1) {
    margin-left: 0;
    clear: left
}

.as_team_profile_container img {
    width: 100%;
    height: auto;
    display: block
}

.as_team_profile_container .content {
    padding: 20px;
    background: #fff
}

.as_team_profile_container .content .more-link {
    display: block
}

.as_team_profile_container .content .more-link span {
    display: block;
    padding-right: 30px;
    background: url(../img/team/link_bio.png) center right no-repeat;
    background-size: 25px
}

.as_team_profile_container .content .more-link.connect span {
    background-image: url(../img/team/link_linkedin.png);
    background-size: 22px
}

.as_team_profile_container .content .more-link.as_team_bio_link.active {
    background-image: url(../img/bg_light_grey.png)
}

.as_team_profile_container .content .more-link.as_team_bio_link.active span {
    background-image: url(../img/team/link_bio_active.png);
    background-size: 22px
}

.as_team_profile_container .content h2 {
    margin-top: 0
}

.as_team_profile_container .content h2,
.as_team_profile_container .content p.position {
    color: #475661
}

#secondary h2 {
    font-size: 33px;
    line-height: 37px;
    font-weight: 300;
    margin: 0 0 15px 0
}

#services_widget_list li {
    display: block;
    margin: 0 0 15px 0;
    background: url(../img/background_tile.jpg)
}

#services_widget_list li a {
    display: block;
    margin: 0;
    padding: 25px;
    color: #475661;
    font-size: 21px;
    line-height: 26px;
    text-decoration: none;
    background: url(../img/widgets/services/services_link.png) center left no-repeat
}

#services_widget_list li a span {
    display: table-cell;
    height: 76px;
    vertical-align: middle;
    padding-left: 20px;
    background-size: 77px 76px
}

#services_widget_list li a span.icon {
    width: 77px;
    background-size: 77px 76px
}

#services_widget_list li a.service_18 span.icon {
    background: url(../img/home/icon_audit.png) center left no-repeat;
    background-size: 77px 76px
}

#services_widget_list li a.service_19 span.icon {
    background: url(../img/home/icon_design.png) center left no-repeat;
    background-size: 77px 76px
}

#services_widget_list li a.service_20 span.icon {
    background: url(../img/home/icon_install.png) center left no-repeat;
    background-size: 77px 76px
}

#services_widget_list li a.service_21 span.icon {
    background: url(../img/home/icon_maintenance.png) center left no-repeat;
    background-size: 77px 76px
}

#services_widget_list li a.service_18_1 span.icon {
    background: url(../img/home/icon_windows.png) center left no-repeat;
    background-size: 77px 76px
}

#services_widget_list li a.service_19_1 span.icon {
    background: url(../img/home/icon_difficult.png) center left no-repeat;
    background-size: 77px 76px
}

#services_widget_list li a.service_20_1 span.icon {
    background: url(../img/home/icon_paint.png) center left no-repeat;
    background-size: 77px 76px
}

#services_widget_list li a.service_21_1 span.icon {
    background: url(../img/home/icon_cleaning.png) center left no-repeat;
    background-size: 77px 76px
}

#services_widget_list li a.service_3883 span.icon {
    background: url(../img/home/icon_window_services.png) center left no-repeat;
    background-size: 77px 76px
}

#services_widget_list li a.service_3884 span.icon {
    background: url(../img/home/icon_difficult_access.png) center left no-repeat;
    background-size: 77px 76px
}

#services_widget_list li a.service_3885 span.icon {
    background: url(../img/home/icon_pant.png) center left no-repeat;
    background-size: 77px 76px
}

#services_widget_list li a.service_3886 span.icon {
    background: url(../img/home/icon_cleaning.png) center left no-repeat;
    background-size: 77px 76px
}

#services_widget_list li a:hover span.icon {
    transform: scale(1.1);
    transition: all 0.5s ease-in 0s
}

.list_container {
    width: 530px;
    float: left;
    margin: 0 20px 20px 0;
    background: #fff
}

.list_container.col_0 {
    clear: left
}

.list_container.col_1 {
    margin-right: 0
}

.list_container .inner {
    margin: 40px;
    min-height: 200px
}

.list_container .image {
    float: left;
    width: 150px
}

.list_container .content {
    margin-left: 190px
}

#content .list_container h2 {
    font-size: 21px;
    line-height: 26px;
    margin: 0 0 5px 0
}

.list_container h2 a {
    color: #475661;
    text-decoration: none
}

.list_container .meta {
    font-size: 16px;
    font-style: italic;
    margin: 0 0 10px 0
}

.paging-navigation {
    text-align: center
}

.loop-pagination {
    padding: 30px 0 0 0
}

.loop-pagination span,
.loop-pagination a {
    display: inline-block;
    padding: 10px 15px;
    margin: 0 5px;
    background: #fff;
    color: #475661
}

.loop-pagination a {
    color: #fff;
    background: #475661;
    font-weight: 700;
    text-decoration: none
}

.loop-pagination a:hover {
    background: #eb7500
}

.page-template-template-contact-php #primary,
.page-template-template-contact-php #secondary {
    float: left;
    width: 520px
}

.page-template-template-contact-php #secondary {
    float: right
}

#secondary>ul>li {
    list-style: none;
    margin: 0 0 40px 0
}

#contact-sidebar .widget_as_contact {
    background: url(../img/background_tile.jpg);
    color: #475661
}

#contact-sidebar .widget_as_contact .inner {
    padding: 40px;
    background: url(../img/widgets/services/services_link.png) left top -440px no-repeat
}

#contact-sidebar .widget_text .textwidget {
    height: 280px
}

ul.contact_details {
    width: 50%;
    float: left
}

ul.contact_details li {
    margin: 20px 0;
    line-height: 21px
}

ul.contact_details li strong {
    color: #263845
}

#page {
    overflow-x: hidden
}

.shortcode_full_width {
    padding: 60px 9999rem;
    background: url(../img/background_tile.jpg);
    height: auto;
    margin: 60px -9999rem
}

.shortcode_full_width>.inner {
    max-width: 1080px;
    margin: 0 auto
}

.shortcode_full_width.colour_white {
    background: #fff
}

.page-template-template-landingpage .shortcode_full_width {
    margin: 0 -9999rem
}

.benefit_container {
    float: left;
    width: 530px;
    margin: 20px 20px 0 0;
    clear: left;
    background: url(../img/shortcodes/benefit.jpg) top 30px left 30px no-repeat #fff;
    background-size: 87px 87px
}

.benefit_container.right {
    margin-right: 0;
    clear: none
}

#content .benefit_container h2,
.benefit_container p {
    margin: 30px 30px 30px 130px
}

.benefit_container.safety {
    background-image: url(../img/shortcodes/safety_2x.png)
}

.benefit_container.responsibility {
    background-image: url(../img/shortcodes/responsibility_2x.png)
}

.benefit_container.quality {
    background-image: url(../img/shortcodes/quality_2x.png)
}

.benefit_container.ease {
    background-image: url(../img/shortcodes/ease_2x.png)
}

.benefit_container.longterm {
    background-image: url(../img/shortcodes/longterm_2x.png)
}

.benefit_container.access_hatch {
    background-image: url(../img/benefits/access_hatch.gif)
}

.benefit_container.harness_gear,
.benefit_container.overhead_rail {
    background-image: url(../img/benefits/harness_gear.gif)
}

.benefit_container.roof_anchor_point {
    background-image: url(../img/benefits/roof_anchor_point.gif)
}

.benefit_container.skylight_protection {
    background-image: url(../img/benefits/skylight_protection.gif)
}

.benefit_container.stairs_platforms {
    background-image: url(../img/benefits/stairs_platforms.gif)
}

.benefit_container.static_line {
    background-image: url(../img/benefits/static_line.gif)
}

.benefit_container.step_ladders_bridges {
    background-image: url(../img/benefits/step_ladders_bridges.gif)
}

.benefit_container.walkways_guardrails,
.benefit_container.platforms {
    background-image: url(../img/benefits/walkways_guardrails.gif)
}

.infographic_shortcode_image {
    width: 100%;
    height: auto;
    display: block
}

.page_col {
    float: left;
    width: 48.5%
}

.page_col.pos_right {
    float: right
}

.page_col.video p {
    margin: 0;
    padding: 0;
    line-height: 1em
}

.clear {
    clear: both
}

#page_feature_image {
    width: auto;
    height: 400px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    position: relative
}

#page_feature_image.landing_page {
    height: 500px
}

body#page-how-we-work #page_feature_image {
    height: auto;
    margin-top: 50px
}

body#page-how-we-work #page_feature_image img {
    width: 100%
}

body#page-how-we-work #page_feature_image img.responsive {
    display: none
}

#page_feature_image.full-width-header {
    height: auto;
    padding-top: 50px
}

#page_feature_image.full-width-header img {
    width: 100%;
    height: auto;
    display: block
}

.featuretext {
    font-size: 18px;
    line-height: 27px
}

.featuretext.orange {
    color: #eb7500
}

.col_half {
    float: left;
    width: 510px;
    margin: 0
}

.col_half.right {
    margin: 0 0 0 60px
}

.gform_wrapper .gform_footer input.button,
.gform_wrapper .gform_footer input[type="submit"],
.gform_wrapper .gform_page_footer input.button,
.gform_wrapper .gform_page_footer input[type="submit"] {
    display: inline-block;
    background: url(../img/bg_grey.png) center left no-repeat;
    color: #fff;
    font-size: 17px;
    line-height: 25px;
    margin: 0;
    padding: 10px 20px 10px 30px;
    text-decoration: none;
    border: none;
    border-radius: 0;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    cursor: pointer
}

.gform_wrapper .gform_footer input.button:hover,
.gform_wrapper .gform_footer input[type="submit"]:hover,
.gform_wrapper .gform_page_footer input.button:hover,
.gform_wrapper .gform_page_footer input[type="submit"]:hover {
    background-image: url(../img/bg_orange.png)
}

.gform_confirmation_message {
    margin: 30px 0
}

#content video {
    float: right;
    width: auto;
    max-width: 520px;
    height: auto;
    margin: 0 0 20px 40px
}

#template_map_left,
#template_map_right {
    float: left;
    width: 540px
}

#template_map_right {
    width: 480px;
    float: right
}

.mobile {
    display: none
}

.landing_staff {
    width: 45%;
    margin: 0 5% 0 0;
    float: left
}

.landing_staff img {
    width: 100%;
    height: auto
}

.landing_staff>strong {
    padding-top: 10px;
    display: block
}

.page-template-template-landingpage #content .shortcode_full_width>.inner>h2,
.page-template-template-landingpage #content .page_col>h2 {
    font-size: 33px;
    margin-top: 0;
    font-weight: 300
}

.page-template-template-landingpage .case_study_container {
    margin: 20px 0;
    padding: 10px 30px
}

.page-template-template-landingpage .case_study_container .more-link {
    margin: 0
}

.page-template-template-landingpage .shortcode_full_width {
    padding-top: 45px;
    padding-bottom: 45px
}

.page-template-template-landingpage #primary {
    padding-top: 0;
    margin-bottom: 0
}

.page-template-template-landingpage video {
    float: none;
    margin: 0
}

.page-template-template-landingpage p {
    margin-top: 0
}

.screen-reader-text,
.menu-toggle {
    display: none
}

.alignleft {
    float: left;
    margin: 0 20px 10px 0
}

.alignright {
    float: right;
    margin: 0 0 10px 20px
}

aligncenter {
    display: block;
    margin: 20px auto
}

.more-link,
.woocommerce ul.products li.product .woocommerce-loop-category__title,
.woocommerce ul.products li.product h3 {
    display: inline-block;
    background: url(../img/bg_grey.png) center left no-repeat;
    color: #fff;
    font-size: 17px;
    line-height: 25px;
    padding: 10px 20px 10px 30px;
    margin: 0 0 20px 0;
    text-decoration: none
}

.more-link:hover,
.woocommerce ul.products li.product .woocommerce-loop-category__title:hover,
.woocommerce ul.products li.product h3:hover {
    background-image: url(../img/bg_orange.png)
}

.more-link.more-link-orange {
    background-image: url(../img/bg_orange.png)
}

.more-link.more-link-orange:hover {
    background: url(../img/bg_grey.png) center left no-repeat
}

.cta-block .more-link:hover {
    background: url(../img/bg_white.png) center left no-repeat;
    color: #7d888f
}

#seo_icon_list,
#seo_icon_list li {
    margin: 0;
    padding: 0;
    list-style: none
}

#seo_icon_list {
    padding: 30px 0
}

#seo_icon_list li {
    width: 30%;
    width: calc((100% - 40px) / 3);
    float: left;
    margin: 0 5% 20px 0;
    margin-right: calc(20px)
}

#seo_icon_list li:nth-child(3n) {
    margin-right: 0
}

#seo_icon_list li img {
    width: 100%;
    height: auto;
    display: block
}

.page-template-template-warranty #main {
    background-color: #eb7500;
    max-width: none;
    margin: 0;
    padding: 0
}

#primary.warranty-content {
    margin: 0 auto;
    padding: 60px;
    text-align: center;
    color: #fff;
    max-width: 1080px
}

#primary.warranty-content h1 {
    color: #fff
}

#primary.warranty-content p {
    font-size: 16px
}

#warranty-solutions,
#warranty-details {
    background-image: url(../img/background_tile.jpg);
    padding: 60px 0
}

#warranty-details {
    background: #fff
}

#warranty-solutions>.wrap,
#warranty-details>.wrap {
    max-width: 1080px;
    margin: 0 auto
}

#warranty-solutions h2 {
    text-align: center;
    color: #eb7500;
    font-size: 16px;
    font-weight: 700
}

#warranty-solutions-list,
#warranty-solutions-list li {
    margin: 0;
    padding: 0;
    list-style: none
}

#warranty-solutions-list li {
    float: left;
    width: 30%;
    width: calc((100% - 80px) / 3);
    margin: 40px 0 0 5%;
    margin-left: calc(40px);
    clear: none;
    background: #fff
}

#warranty-solutions-list li:first-child,
#warranty-solutions-list li:nth-child(3n+1) {
    margin-left: 0;
    clear: left
}

#warranty-solutions-list li img.icon {
    float: left;
    width: 50px;
    height: auto;
    margin: 25px;
    transition: width 0.2s, margin 0.2s
}

#warranty-solutions-list li:hover img.icon {
    width: 60px;
    margin: 20px
}

#warranty-solutions-list li .content {
    margin-left: 100px
}

#warranty-solutions-list li h3 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 20px 10px 0
}

#warranty-solutions-list li p {
    margin: 0 20px 20px 0
}

#warranty-details h2 {
    font-size: 16px;
    font-weight: 700;
    color: #eb7500
}

#warranty-details .left {
    float: left;
    width: 35%
}

#warranty-details .right {
    float: right;
    width: 60%
}

.warranty-badge {
    display: block;
    width: 100%;
    height: auto;
    max-width: 300px
}

.woocommerce #main {
    margin: 0;
    padding: 0;
    max-width: none
}

.woocommerce .woocommerce-products-header,
.as-category-products-list,
.single-product #primary {
    clear: both;
    padding: 0 60px;
    margin: 0 auto;
    max-width: 1080px
}

.as-category-products-list,
.woo-category-icons {
    margin-top: 60px
}

.woocommerce ul.products li.product .woocommerce-loop-category__title,
.woocommerce ul.products li.product h3 {
    display: block
}

#content ul.products,
#content ul.products li.product {
    list-style: none;
    margin: 0;
    padding: 0
}

#content .woocommerce ul.products li.product,
#content .woocommerce-page ul.products li.product {
    float: left;
    margin: 0 3.8% 2.992em 0;
    padding: 0;
    position: relative;
    width: 22.05%;
    margin-left: 0
}

.woocommerce-products-header h1,
.woocommerce-products-header .term-description {
    margin: 0 auto;
    max-width: 800px;
    text-align: center
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
    font-size: 20px;
    line-height: 28px;
    font-weight: 400
}

.woocommerce ul.products li.product .price {
    color: #7f8a90;
    font-weight: 400;
    font-size: 20px;
    line-height: 28px
}

.anc-product-list-link .more-link {
    display: block;
    text-align: center
}

form.cart .quantity,
form.cart .button,
.single-product form.cart .button {
    box-sizing: border-box;
    width: 50%;
    float: left
}

form.cart .quantity {
    padding-right: 10px
}

.woocommerce .quantity .qty {
    display: block;
    width: 100%;
    box-sizing: border-box;
    line-height: 43px;
    font-size: 30px;
    padding: 0 0 0 10px
}

.woocommerce ul.products li.product .button,
.single-product form.cart .button {
    margin-top: 0;
    padding: 0 5px;
    line-height: 45px;
    display: block;
    text-align: center;
    font-size: 17px;
    font-weight: 400;
    border-radius: 0;
    background: url(../img/bg_orange.png) left center no-repeat
}

.single-product form.cart .quantity,
.single-product form.cart .button {
    width: 30%
}

.single-product #primary {
    padding-top: 100px
}

#product-image-slider,
#product-image-slider li {
    margin: 0;
    padding: 0;
    list-style: none
}

#product-image-slider li img {
    width: 100%;
    height: auto;
    display: block
}

.woocommerce div.product .woocommerce-tabs ul.tabs {
    padding: 50px 0 0 0;
    text-align: center
}

.woocommerce div.product .woocommerce-tabs ul.tabs::before {
    border-bottom: 1px solid #eb7500
}

.woocommerce div.product .woocommerce-tabs ul.tabs li::before,
.woocommerce div.product .woocommerce-tabs ul.tabs li.active::before,
.woocommerce div.product .woocommerce-tabs ul.tabs li::after,
.woocommerce div.product .woocommerce-tabs ul.tabs li.active::after {
    display: none
}

.woocommerce div.product .woocommerce-tabs ul.tabs li {
    border: 1px solid #eb7500;
    background-color: #7f8a90;
    color: #fff;
    display: inline-block;
    position: relative;
    z-index: 0;
    border-radius: 0;
    margin: 0 5px;
    padding: 0 30px;
    font-size: 20px;
    line-height: 40px;
    text-transform: uppercase
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a {
    color: #fff
}

.woocommerce div.product .woocommerce-tabs ul.tabs li:hover a,
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
    color: #eb7500
}

.woocommerce div.product p.price,
.woocommerce div.product span.price {
    color: #7f8a90;
    font-size: 26px;
    line-height: 32px;
    font-weight: 400
}

.products-related-container {
    background: url(../img/background_tile.jpg);
    padding: 0;
    margin: 40px 0
}

.products-related-block {
    padding: 0 60px;
    margin: 0 auto;
    max-width: 1080px
}

.products-related-block h2 {
    font-size: 33px;
    line-height: 37px;
    margin: 0 0 30px 0
}

.single-product .anc-product-list-link {
    clear: both;
    padding-top: 20px
}

.single-product .products-related-block form.cart .quantity,
.single-product .products-related-block form.cart .button {
    width: 50%
}

.bx-wrapper .bx-pager.bx-default-pager a {
    background: #fff;
    border: 2px solid #7f8a90;
    width: 10px;
    height: 10px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #7f8a90
}

.woocommerce table.cart .quantity .qty {
    width: 120px
}

.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
    line-height: 40px;
    padding: 0 20px;
    font-weight: 400;
    border-radius: 0;
    color: #fff;
    background: url(../img/bg_orange.png) center left no-repeat;
    background-color: #fff
}

.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover {
    background-color: #fff
}

.woocommerce #respond input#submit.disabled,
.woocommerce #respond input#submit:disabled,
.woocommerce #respond input#submit:disabled[disabled],
.woocommerce a.button.disabled,
.woocommerce a.button:disabled,
.woocommerce a.button:disabled[disabled],
.woocommerce button.button.disabled,
.woocommerce button.button:disabled,
.woocommerce button.button:disabled[disabled],
.woocommerce input.button.disabled,
.woocommerce input.button:disabled,
.woocommerce input.button:disabled[disabled] {
    padding: 0 20px
}

.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select {
    font-size: 15px;
    padding: 5px 10px
}

.wc-tabs-mobile {
    display: none
}

picture>img {
    width: 100%;
    height: auto;
    display: block
}

.full-width-image,
.full-width-image img {
    width: 100%;
    height: auto;
    display: block
}

.access-with-cards::after {
    content: "";
    clear: both;
    display: block
}

.access-with-cards picture {
    width: calc((100% - 60px) / 4);
    margin: 20px 0 0 20px;
    float: left
}

.access-with-cards picture img {
    display: block;
    width: 100%;
    height: auto
}

.access-with-cards a:first-child picture {
    margin-left: 0
}

.window-service-cards picture,
.window-service-cards img,
.window-service-cards>a>img {
    float: left;
    width: calc((100% - 20px) / 3);
    height: auto;
    margin: 10px 0 0 10px;
    clear: none
}

.window-service-cards picture:first-child,
.window-service-cards img:first-child,
.window-service-cards>a:first-child,
.window-service-cards picture:nth-child(3n+1),
.window-service-cards img:nth-child(3n+1),
.window-service-cards>a:nth-child(3n+1)>img {
    margin-left: 0
}

#page-rope-access-sydney-anchor-safe-abseil .window-service-cards>a>img {
    width: calc((100% - 30px) / 4);
    clear: none;
    float: left;
    margin: 0 0 0 10px
}

#page-rope-access-sydney-anchor-safe-abseil .window-service-cards>a:first-child>img {
    margin: 0
}

.window-service-cards::after {
    content: "";
    display: block;
    clear: both
}

#page-rope-access-sydney-anchor-safe-abseil h1 {
    color: #eb7500;
    font-weight: 400
}

#page-rope-access-sydney-anchor-safe-abseil h2 {
    font-size: 33px;
    font-weight: 300
}

@media only screen and (max-width:1200px) {
    #main {
        padding: 0 40px
    }

    #primary,
    #secondary {
        padding: 60px 0 50px 0;
        margin-bottom: 0
    }

    .home #primary {
        padding-top: 0
    }

    #masthead {
        padding: 40px
    }

    .header-right {
        right: 0
    }

    .header-right li {
        display: none
    }

    .header-right.contact {
        right: 250px
    }

    .header-right.contact li {
        display: inherit
    }

    .header-right li.phone {
        display: block
    }

    .menu-toggle {
        display: block;
        border: none;
        background: url(../img/header/menu-toggle.png) center center no-repeat;
        text-indent: -9999px;
        width: 30px;
        height: 65px;
        cursor: pointer;
        padding: 0;
        margin: 0 40px
    }

    #primary-navigation {
        height: auto;
        padding: 0;
        border-bottom: 2px solid #eb7500
    }

    #primary-navigation-before,
    #primary-navigation-after {
        display: none
    }

    #tablet_social {
        display: block;
        float: right;
        padding: 0 40px 0 0
    }

    #tablet_social li {
        float: left;
        line-height: 65px;
        margin: 0 0 0 20px
    }

    .sf-menu {
        display: none;
        float: none
    }

    .sf-menu li {
        float: none;
        text-align: center
    }

    .sf-menu>li>a {
        background: #fff;
        border: none
    }

    .sf-menu>li>a:hover,
    .sf-menu>li.current-menu-item>a,
    .sf-menu>li.current-menu-parent>a,
    .sf-menu>li.current-menu-ancestor>a,
    .sf-menu>li.menu-item-has-children>a:hover {
        color: #fff;
        background: #eb7500
    }

    .sf-menu #menu-item-35>a {
        display: block;
        background: url(../img/header/home.png) center center no-repeat;
        text-indent: -9999px
    }

    .sf-menu #menu-item-35>a:hover,
    .sf-menu #menu-item-35.current-menu-item>a {
        background-image: url(../img/header/home_white.png);
        background-color: #eb7500
    }

    .sf-menu ul li a,
    .sf-menu ul li.current-menu-item li a {
        background: #ee8b26;
        color: #fff
    }

    .sf-menu ul {
        float: none;
        display: block;
        position: relative;
        top: 0;
        left: 0
    }

    .sf-menu ul li a {
        transition: all 0.5s ease-in-out
    }

    .sf-menu ul li a:hover {
        background: #f19f4d
    }

    .sf-menu ul ul {
        position: relative;
        float: none;
        left: 0;
        box-shadow: none
    }

    #footer_enews .gform_wrapper ul.gform_fields li.gfield {
        float: none;
        margin-top: 0;
        max-width: none;
        width: 100%;
        margin: 0 0 30px 0
    }

    #footer_enews .gform_wrapper .gform_footer {
        float: none;
        width: auto;
        text-align: center
    }

    #home_icons {
        padding: 20px 40px
    }

    #home_icons ul li {
        width: 50%;
        padding: 20px 0;
        background-position: center top 20px
    }

    .single-roof-safety-services #primary,
    .single-roof-safety-services #secondary,
    .single-products #primary,
    .single-products #secondary,
    .page-template-template-seo #primary,
    .page-template-template-services #primary {
        float: none;
        width: auto
    }

    .single-roof-safety-services #secondary,
    .single-products #secondary,
    .page-template-template-seo #secondary,
    .page-template-template-services #secondary {
        padding: 0;
        width: auto
    }

    #service_products {
        margin-bottom: 0
    }

    #service_casestudies {
        padding: 40px
    }

    #service_casestudies li .image {
        float: none;
        display: block;
        margin: 0 0 20px 0
    }

    #service_casestudies li .image a {
        width: 100%
    }

    #service_casestudies li .content {
        margin: 0 270px 0 0
    }

    #services_widget_list li a {
        background: url(../img/widgets/services/services_link_top.png) center top no-repeat
    }

    #services_widget_list li a span {
        height: auto;
        width: auto;
        display: block;
        padding: 20px 0 0 0;
        text-align: center
    }

    #services_widget_list li a.service_18 span,
    #services_widget_list li a.service_19 span,
    #services_widget_list li a.service_20 span,
    #services_widget_list li a.service_21 span {
        background-position: center top
    }

    #service_casestudies li {
        position: relative
    }

    #service_casestudies li>.map {
        float: none;
        position: absolute;
        right: 40px;
        top: 120px;
        width: 110px
    }

    #service_casestudies li .image,
    #service_casestudies li .image a {
        height: 140px;
        margin-bottom: 50px
    }

    #service_casestudies li .content {
        margin: 0
    }

    #services_widget_list li {
        width: 48%;
        float: left;
        margin: 0 2% 20px 0
    }

    #services_widget_list li a span.icon,
    #services_widget_list li a.service_18 span.icon,
    #services_widget_list li a.service_19 span.icon,
    #services_widget_list li a.service_20 span.icon,
    #services_widget_list li a.service_21 span.icon {
        height: 77px;
        width: 100%;
        background-position: center center
    }

    #services_widget_list li a span.icon,
    #services_widget_list li a.service_18_1 span.icon,
    #services_widget_list li a.service_19_1 span.icon,
    #services_widget_list li a.service_20_1 span.icon,
    #services_widget_list li a.service_21_1 span.icon {
        height: 77px;
        width: 100%;
        background-position: center center
    }

    .single-solutions h1,
    .page-template-template-team h1 {
        float: none;
        max-width: none
    }

    .solutions_content,
    .team_content {
        margin: 0
    }

    .post-type-archive-casestudy #primary,
    .category-news #primary {
        padding-bottom: 0
    }

    .post-type-archive-casestudy #footer_enews,
    .category-news #footer_enews {
        padding-top: 0
    }

    .case_study_container .image {
        float: none;
        width: auto;
        padding: 0 0 30px 0;
        margin: 0 250px 0 0
    }

    .case_study_container .inner {
        position: relative
    }

    .case_study_container .map_area {
        position: absolute;
        top: 0;
        right: 0;
        width: 220px
    }

    .case_study_container .image a {
        width: auto
    }

    .case_study_container .content {
        margin-left: 0
    }

    #casestudy_right img.image_2,
    #casestudy_right img.image_3 {
        float: left;
        margin: 20px 4% 0 0;
        width: 48%
    }

    #casestudy_right img.image_3 {
        margin-right: 0
    }

    #casestudy_testimonial {
        padding: 40px;
        margin-top: 0
    }

    .single-casestudy #primary {
        padding-bottom: 0
    }

    .as_team_profile_container,
    .as_team_profile_container:nth-child(4n+1) {
        width: 30%;
        width: calc((100% - 40px) / 3);
        margin: 0 0 20px 5%;
        margin-left: calc(20px);
        clear: none
    }

    .as_team_profile_container:first-child,
    .as_team_profile_container:nth-child(3n+1) {
        margin-left: 0;
        clear: left
    }

    .list_container,
    .list_container.col_1 {
        float: none;
        width: auto;
        margin: 20px 0 0 0
    }

    .list_container .inner {
        margin: 0;
        padding: 40px
    }

    .page-template-template-contact-php #primary,
    .page-template-template-contact-php #secondary {
        width: 46%
    }

    .benefit_container {
        width: 48%;
        margin: 20px 4% 0 0
    }

    .page-id-12 .shortcode_full_width {
        margin-top: 0
    }

    .col_half,
    .col_half.right {
        float: none;
        width: auto;
        margin: 40px 0
    }

    #template_map_left {
        width: 55%
    }

    #template_map_right {
        width: 40%
    }

    .mobile {
        display: inherit
    }

    .desktop {
        display: none
    }
}

@media only screen and (max-width:1000px) {

    .woocommerce ul.products li.product,
    .woocommerce-page ul.products li.product {
        margin-right: 5%;
        width: 30%;
        clear: none
    }

    .woocommerce ul.products li.product:first-child,
    .woocommerce-page ul.products li.product:nth-child(3n+1) {
        clear: left
    }

    .woocommerce-page ul.products li.product:nth-child(3n) {
        margin-right: 0
    }

    .woocommerce-tabs {
        padding-top: 30px
    }

    .woocommerce div.product .woocommerce-tabs .panel {
        margin: 2em 0
    }

    .wc-tabs-mobile {
        display: block;
        border: none;
        margin: 1px 0;
        padding: 5px 20px;
        font-size: 17px;
        line-height: 34px;
        background: #7f8a90;
        color: #fff;
        text-decoration: none;
        text-align: center;
        text-transform: uppercase;
        font-weight: 700
    }

    .wc-tabs-mobile.active {
        background: #fff;
        color: #eb7500;
        border-top: 1px solid #eb7500;
        border-bottom: 1px solid #eb7500
    }

    .access-with-cards picture {
        width: calc((100% - 20px) / 2)
    }

    .access-with-cards a:first-child picture,
    .access-with-cards a:nth-child(2n+1) picture,
    .access-with-cards picture:nth-child(2n+1) {
        margin-left: 0
    }
}

@media only screen and (max-width:800px) {
    #main {
        padding: 0 30px
    }

    #content video {
        width: 100%;
        float: none;
        margin: 20px 0;
        max-width: none
    }

    .site-links {
        text-align: center
    }

    .site-links li,
    .site-info {
        float: none;
        display: inline-block;
        text-align: center;
        margin: 5px 0
    }

    .site-info {
        display: block
    }

    .service_products li,
    #content .service_products li {
        float: none;
        width: auto
    }

    .service_products li a {
        margin: 0
    }

    #solutions_services li {
        width: 50%
    }

    #solution_map_container {
        display: block
    }

    #seo_icon_list li,
    #seo_icon_list li:nth-child(3n) {
        width: auto;
        float: none;
        margin: 20px 0
    }

    .post-type-archive-casestudy h1 {
        float: none;
        width: auto;
        margin-bottom: 30px
    }

    .casestudy_search {
        text-align: left
    }

    .case_study_container>.inner {
        position: relative
    }

    .case_study_container .image {
        margin: 0
    }

    .case_study_container .map_area {
        top: 140px;
        right: 0;
        width: 150px
    }

    .case_study_container .image {
        margin-bottom: 60px
    }

    .case_study_container .content {
        margin: 0
    }

    #casestudy_left,
    #casestudy_right {
        width: auto;
        float: none;
        margin: 0 0 60px 0;
        position: relative
    }

    #casestudy_left .as_map_container {
        width: 160px;
        position: absolute;
        top: 0;
        right: 0
    }

    .list_container .image {
        float: none
    }

    .list_container .content {
        margin: 20px 0 0 0
    }

    .page-template-template-contact-php #primary,
    .page-template-template-contact-php #secondary {
        float: none;
        width: auto;
        margin: 0;
        padding-bottom: 0
    }

    .page-template-template-contact-php #secondary {
        margin-top: 0;
        padding-top: 0
    }

    .benefit_container,
    .benefit_container.right {
        float: none;
        width: auto;
        margin: 20px 0 0 0;
        padding: 110px 30px 30px 30px;
        background-position: top 30px center;
        text-align: center
    }

    #content .benefit_container h2,
    .benefit_container p {
        margin: 15px 0
    }

    #template_map_left,
    #template_map_right {
        width: auto;
        float: none;
        margin: 30px 0
    }

    .page_col,
    .page_col.pos_right {
        width: auto;
        float: none;
        margin: 20px 0
    }

    #content .page_col video {
        width: 100%;
        height: auto
    }

    .landing_staff {
        margin-bottom: 30px
    }

    .as_team_profile_container,
    .as_team_profile_container:nth-child(4n+1),
    .as_team_profile_container:nth-child(3n+1) {
        width: 47.5%;
        width: calc((100% - 20px) / 2);
        clear: none
    }

    .as_team_profile_container:first-child,
    .as_team_profile_container:nth-child(2n+1) {
        margin-left: 0;
        clear: left
    }

    #page-rope-access-sydney-anchor-safe-abseil .window-service-cards>a>img,
    #page-rope-access-sydney-anchor-safe-abseil .window-service-cards>a:first-child>img {
        width: calc((100% - 10px) / 2);
        clear: none;
        float: left;
        margin: 10px 0 0 10px
    }

    #page-rope-access-sydney-anchor-safe-abseil .window-service-cards>a:first-child>img,
    #page-rope-access-sydney-anchor-safe-abseil .window-service-cards>a:nth-child(2n+1)>img {
        margin-left: 0;
        clear: both
    }
}

@media only screen and (max-width:600px) {
    .header-main {
        text-align: center
    }

    #tablet_social {
        display: none
    }

    .menu-toggle {
        display: block;
        text-align: center;
        width: 100%;
        margin: 0
    }

    .header-right {
        position: relative;
        background: none;
        padding-top: 10px;
        top: auto;
        text-align: center
    }

    .header-right li.phone {
        display: inline-block;
        float: none
    }

    .header-right.contact {
        display: none
    }

    .site-links li,
    .site-info {
        display: block;
        text-align: center;
        margin: 5px 0
    }

    #home_icons ul li {
        float: none;
        margin: 20px 0 0 0;
        padding: 0;
        width: auto
    }

    #solutions_services li {
        float: none;
        width: auto
    }

    #solution_map_container {
        display: none
    }

    #services_widget_list li {
        width: auto;
        float: none;
        margin: 0 0 20px 0
    }

    .product-image {
        float: none;
        margin: 0 0 30px 0;
        width: auto
    }

    body.single-products #main #content #content-left,
    body.single-products #main #content #content-right {
        float: none;
        width: auto
    }

    #casestudy_left .as_map_container {
        width: 160px;
        position: relative;
        margin: 0 auto
    }

    #casestudy_right img.image_2,
    #casestudy_right img.image_3 {
        float: none;
        margin: 20px 0 0 0;
        width: 100%
    }

    .casestudy_search span {
        padding-bottom: 20px;
        display: block
    }

    .page-id-5 .shortcode_full_width {
        margin-bottom: 0
    }

    .page-id-5 #primary {
        padding-bottom: 0
    }

    .page-id-12 #primary {
        padding: 0
    }

    .page-id-139 #secondary h2 {
        text-align: center
    }

    .as_team_profile_container,
    .as_team_profile_container:first-child,
    .as_team_profile_container:nth-child(4n+1),
    .as_team_profile_container:nth-child(3n+1),
    .as_team_profile_container:nth-child(2n+1) {
        margin: 20px 0;
        width: auto;
        float: none
    }

    #contact-sidebar .widget_as_contact .inner {
        padding: 20px
    }

    ul.contact_details {
        float: none;
        width: auto
    }

    #page_feature_image {
        margin-bottom: 30px
    }
}

#home_slider {
    margin-top: 50px
}

#home_slider .slide_item {
    width: 100%;
    height: 500px
}

#home_slider .slide_item .slide_image {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 0
}

.bx-wrapper {
    margin: 0;
    z-index: 0
}

.bx-wrapper .bx-viewport {
    border: none;
    box-shadow: none;
    left: 0
}

.slide_item .caption,
#page_feature_image .caption {
    position: relative;
    padding: 80px 60px 0 60px;
    max-width: 1080px;
    margin: 0 auto;
    z-index: 2
}

#page_feature_image .caption {
    padding-top: 110px
}

.slide_item .caption .inner,
#page_feature_image .caption .inner {
    width: 300px;
    padding: 30px 30px 30px 50px;
    background: url(../img/home/slider_caption.png) center left no-repeat;
    float: right;
    z-index: 500
}

.slide_item .caption .inner *,
#page_feature_image .caption .inner * {
    color: #263845
}

.slide_item .caption .inner a,
#page_feature_image .caption .inner a {
    color: #eb7500
}

#home_slider .caption p,
#page_feature_image .caption p {
    font-size: 33px;
    font-weight: 300;
    line-height: 39px
}

#home_slider .caption a,
#page_feature_image .caption a {
    text-decoration: none;
    color: #eb7500
}

#home_icons li {
    background-position: top center;
    background-repeat: no-repeat
}

#home_icons li a,
#home_icons.woo-category-icons div.text {
    display: block;
    padding: 20px 0 0 0;
    font-size: 21px;
    line-height: 26px;
    color: #475661;
    text-decoration: none
}

#home_icons li div.icon {
    padding: 20px 0;
    width: 100%;
    height: 76px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 77px 76px
}

#home_icons li.service_18 a div.icon {
    background-image: url(../img/home/icon_audit.png)
}

#home_icons li.service_19 a div.icon {
    background-image: url(../img/home/icon_design.png)
}

#home_icons li.service_20 a div.icon {
    background-image: url(../img/home/icon_install.png)
}

#home_icons li.service_21 a div.icon {
    background-image: url(../img/home/icon_maintenance.png)
}

#home_icons li.icon_no_min div.icon {
    background-image: url(../img/store/no_min_order.png)
}

#home_icons li.icon_support div.icon {
    background-image: url(../img/store/support.png)
}

#home_icons li.icon_fast div.icon {
    background-image: url(../img/store/fast.png)
}

#home_icons li.icon_delivery div.icon {
    background-image: url(../img/store/delivery.png)
}

#home_icons li.icon_quality div.icon {
    background-image: url(../img/store/quality.png)
}

#home_icons li.icon_workmanship div.icon {
    background-image: url(../img/store/quality.png)
}

#home_icons li.icon_service div.icon {
    background-image: url(../img/store/service.png)
}

#home_icons li.icon_value div.icon {
    background-image: url(../img/store/delivery.png)
}

#home_icons li.icon_disruptions div.icon {
    background-image: url(../img/store/fast.png)
}

#home_icons li.icon_downtime div.icon {
    background-image: url(../img/store/downtime.png)
}

#home_icons li.icon_safe div.icon {
    background-image: url(../img/store/safe.png)
}

#home_icons li.icon_results div.icon {
    background-image: url(../img/store/quality.png)
}

#home_icons li.icon_efficient div.icon {
    background-image: url(../img/store/fast.png)
}

#home_icons li div.icon:hover {
    transform: scale(1.1);
    transition: all 0.5s ease-in 0s
}

#home_icons li div.text {
    padding: 0 20px
}

.cta-block {
    padding: 20px 30px;
    background: #263845;
    color: #fff
}

#content .cta-block h2,
#content .cta-block h3,
#content .cta-block p {
    color: #fff;
    margin-top: 0
}

#content .cta-block h2:last-child,
#content .cta-block h3:last-child,
#content .cta-block p:last-child {
    margin-bottom: 0
}

.cta-block .content {
    text-align: center
}

.cta-block .link {
    text-align: center
}

@media only screen and (max-width:1200px) {
    #home_slider {
        margin-top: 0
    }
}

@media only screen and (max-width:1000px) {
    #home_slider .slide_item {
        height: auto;
        position: relative
    }

    #home_slider .slide_item .slide_image {
        position: relative;
        height: 300px
    }

    .slide_item .caption {
        position: relative;
        padding: 0;
        text-align: center
    }

    .slide_item .caption .inner {
        background: url("../../../../../../themes/anchorsafe-custom/<?php echo AS_BASE_URL; ?>/images/header/caption_tablet.png") top center no-repeat;
        float: none;
        padding: 60px 30px 30px 30px;
        margin-top: -30px;
        width: auto
    }

    #warranty-solutions,
    #warranty-details {
        padding: 40px
    }

    #warranty-solutions-list li,
    #warranty-solutions-list li:nth-child(3n+1) {
        width: 47.5%;
        width: calc((100% - 40px) / 2);
        margin-left: calc(40px);
        clear: none
    }

    #warranty-solutions-list li:first-child,
    #warranty-solutions-list li:nth-child(2n+1) {
        margin-left: 0;
        clear: left
    }
}

@media only screen and (max-width:860px) {

    #footer-locations-list li,
    #footer-locations-list li:first-child {
        float: none;
        width: 100%;
        margin: 30px 0 0 0;
        padding: 20px 0 0 0;
        border-top: 1px solid #fff
    }

    #footer-locations-list li:first-child {
        margin-top: 0;
        padding-top: 0;
        border-top: none
    }
}

@media only screen and (max-width:768px) {
    body#page-how-we-work #page_feature_image img {
        display: none
    }

    .one-third {
        width: 100%
    }

    body#page-how-we-work #page_feature_image img.responsive {
        display: block !important
    }
}

@media only screen and (max-width:620px) {
    #services_icons {
        padding: 30px
    }

    .one-third {
        width: 100%
    }

    #services_icons ul li {
        width: auto;
        float: none
    }

    #product-boxes .product-box {
        width: 100%;
        height: auto
    }

    #product-boxes .product-box .product-box-image {
        width: 100%;
        min-height: 0
    }

    #product-boxes .product-box .product-box-title {
        padding: 10px
    }

    #warranty-details .left,
    #warranty-details .right {
        float: none;
        width: auto
    }

    .warranty-badge {
        margin: 0 auto 20px auto
    }

    #warranty-solutions-list li,
    #warranty-solutions-list li:first-child,
    #warranty-solutions-list li:nth-child(3n+1),
    #warranty-solutions-list li:nth-child(2n+1) {
        float: none;
        width: auto;
        margin: 30px 0;
        padding: 20px
    }

    #warranty-solutions-list li img.icon {
        margin: 0
    }

    #home_icons.woo-category-icons ul li {
        float: none;
        width: auto;
        max-width: 290px;
        margin: 0 auto;
        display: block
    }

    #home_icons.woo-category-icons li div.icon,
    #home_icons.woo-category-icons li div.icon:hover {
        padding: 0;
        width: 50px;
        height: 50px;
        background-size: 50px 50px;
        float: left
    }

    #home_icons li a,
    #home_icons.woo-category-icons div.text {
        padding: 0;
        margin: 0 0 0 70px;
        text-align: left
    }
}