@import url("https://fonts.googleapis.com/css?family=Raleway:300,400,500,600,700,800,900|Varela");
body,
html {
margin: 0;
padding: 0;
position: relative;
font-family: 'Varela', sans-serif;
}
body.stuck {
padding-top: 100px;
}
* {
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
outline: none;
}
input,
select,
button,
textarea {
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
}
section,
footer,
header {
display: block;
clear: both;
}
header {
background-color: #fff;
-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
-moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
width: 100%;
float: left;
height: 100px;
}
.container {
width: 100%;
max-width: 1180px;
margin: 0 auto;
}
#top .container,
header .container {
max-width: 90%;
}
.clear {
display: block;
clear: both;
width: 100%;
}
.clear-30 {
display: block;
clear: both;
width: 100%;
height: 30px;
}
.clear-50 {
display: block;
clear: both;
width: 100%;
height: 50px;
}
.line {
display: block;
clear: both;
width: 100%;
margin: 50px 0 0 0;
padding: 0 0 50px 0;
border-top: 1px solid #ddd;
}
#hero {
background-image: url(//www.businesswatchgroup.co.uk/wp-content/themes/businesswatch2019/img/banner.png);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
padding: 60px 0;
color: #fff;
}
#hero .info {
max-width: 65%;
}
#banner {
background-image: url(//www.businesswatchgroup.co.uk/wp-content/themes/businesswatch2019/img/banner.png);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
padding: 40px 0;
color: #fff;
min-height: 380px;
}
.page-id-5122 #banner {
background-image: url(//www.businesswatchgroup.co.uk/wp-content/themes/businesswatch2019/img/banner-leisure.png);
}
#banner .info {
max-width: 65%;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: 300;
margin: 0 0 20px 0;
font-family: 'Raleway', sans-serif;
}
p {
font-size: 14px;
line-height: 1.8;
font-weight: normal;
margin: 0 0 20px 0;
font-family: 'Varela', sans-serif;
color: #58595b;
}
p strong {
font-size: 16px;
font-weight: normal;
}
section {
padding: 50px 0;
}
header .container {
position: relative;
}
header.sticky {
position: fixed;
top: 0;
left: 0;
width: 100%;
background-color: #fff;
z-index: 9;
}
header h6 {
float: right;
margin: 0;
font-size: 15px;
position: absolute;
right: 0;
top: 20px;
color: #002b5c;
font-family: 'Varela', sans-serif;
z-index: 1
}
header h6 a,
header h6 a:visited {
color: #00aeef;
font-size: 22px;
text-decoration: none;
}
header ul.menu {
float: right;
width: auto;
}
header h2 {
float: left;
width: 410px;
position: relative;
height: 100px;
margin: 0;
top: -10px;
margin-bottom: -10px;
left: -35px;
}
header h2 a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url(//www.businesswatchgroup.co.uk/wp-content/themes/businesswatch2019/img/logo.png);
background-repeat: no-repeat;
background-position: left center;
background-size: contain;
text-indent: -9999px;
}
header ul.menu {
margin: 20px 0 0 0;
padding: 0;
}
header ul.menu > li {
display: inline-block;
list-style: none;
line-height: 80px;
height: 80px;
margin: 0 8px;
position: relative;
}
header ul.menu > li:last-child {
margin-right: 0px;
}
header ul.menu > li:last-child a {
padding-right: 0px;
}
header ul.menu > li > a {
font-size: 11px;
letter-spacing: 0.03em;
text-transform: uppercase;
font-family: 'Varela', sans-serif;
color: #808080;
text-decoration: none;
position: relative;
padding: 0 10px;
line-height: 100px;
}
header ul.menu > li.current_page_item {
border-bottom: 2px solid #00aeef;
}
header ul.menu > li.current_page_item > a {
color: #00aeef;
}
header ul.menu > li:hover {
border-bottom: 2px solid #00aeef;
}
header ul.menu > li:hover > a {
color: #00aeef;
}
header ul.menu > li > a:before {
position: absolute;
left: -8px;
top: 0px;
height: 15px;
width: 1px;
background-color: #808080;
content: '';
}
header ul.menu > li:first-child a:before {
content: none;
}
header ul.menu > li > ul.sub-menu {
position: absolute;
top: 80px;
left: 0;
width: auto;
padding: 20px 0 20px 20px;
margin: -2px 0 0 0;
background-color: #fff;
border-top: 2px solid #00aeef;
display: none;
z-index: 3;
-webkit-box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.10);
-moz-box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.10);
box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.10);
}
header ul.sub-menu > li {
white-space: nowrap;
line-height: 1.4;
margin: 0 0 0 0;
padding: 0 0 0 0;
list-style: none;
vertical-align: top;
width: 100%;
float: left;
position: relative;
}
header ul.sub-menu > li > ul.sub-menu {
position: absolute;
top: 0;
left: 100%;
width: auto;
padding: 30px 20px 20px 20px;
margin: -2px 0 0 0;
border-left: none;
display: none;
-webkit-box-shadow: 3px 0px 10px 0px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 3px 0px 10px 0px rgba(0, 0, 0, 0.15);
box-shadow: 3px 0px 10px 0px rgba(0, 0, 0, 0.15);
z-index: 1;
}
header ul.menu > li:hover > ul.sub-menu,
header ul.menu > li > ul.sub-menu > li:hover > ul.sub-menu {
display: block;
}
header ul.sub-menu > li > ul.sub-menu {
float: left;
width: auto;
white-space: nowrap;
background-color: #e7f6fd;
padding: 20px 0 20px 0;
}
header ul.sub-menu > li > a,
header ul.sub-menu > li > ul.sub-menu > li a {
font-size: 11px;
letter-spacing: 0.03em;
text-transform: uppercase;
font-family: 'Varela', sans-serif;
color: #00aeef;
text-decoration: none;
padding: 10px 40px 10px 20px;
width: 100%;
float: left;
}
header ul.sub-menu > li > ul.sub-menu > li a {
padding-left: 40px;
}
header ul.menu > li > ul.sub-menu > li:hover > a,
header ul.menu > li > ul.sub-menu > li > ul.sub-menu > li:hover > a {
color: #002b5c;
background-color: #e7f6fd;
}
header ul.menu > li > ul.sub-menu > li > ul.sub-menu > li {
border-left: none;
}
.third-2 table * strong {
font-weight: 800;
color:     #00aeef;
}
hr {
border: none;
border-top: 2px solid     #00aeef;
margin: 40px 0px;
}
.pay-pal-logos {
padding: 15px 0;
}
#top {
float: left;
width: 100%;
background-image: url(//www.businesswatchgroup.co.uk/wp-content/themes/businesswatch2019/img/top.png);
background-repeat: repeat-x;
background-position: center center;
background-size: cover;
padding: 10px 0;
}
#top1 {
float: left;
width: 100%;
background-repeat: repeat-x;
background-position: center center;
background-size: cover;
padding: 10px 0;
}
#top1 p {
color: red;
margin: 0;
font-size: 25px;
text-transform: uppercase;
font-family: 'Varela', sans-serif;
text-decoration: none;
text-align: center
}
#top1 p a{
font-weight: bold;
color: red;
}
#top p,
#top p a,
#top p a:visited {
color: #fff;
float: right;
margin: 0;
font-size: 11px;
text-transform: uppercase;
font-family: 'Varela', sans-serif;
text-decoration: none;
}
#top p a:hover,
#top p a:focus {
color: #00aeef;
}
#hero .info h2 {
font-size: 45px;
max-width: 600px;
}
#hero .info h6 {
font-size: 21px;
margin: 30px 0 0 0;
font-family: 'Varela', sans-serif;
}
#hero .info p {
max-width: 530px;
font-size: 15px;
color: #fff;
}
#hero .info h6 a,
#hero .info h6 a:visited {
font-size: 31px;
color: #fff;
text-decoration: none;
}
#hero .info ul {
margin: 25px 0 30px 0;
padding: 0;
display: block;
}
#hero .info ul li {
list-style: none;
display: inline-block;
padding: 0 0 0 0;
margin: 0 20px 0 0;
font-size: 22px;
font-family: 'raleway', sans-serif;
}
#hero .info ul li img {
float: left;
width: 23px;
margin: 1px 10px 0 0;
}
#banner .info h1,
#banner .info h2 {
font-size: 45px;
max-width: 625px;
margin: 0 0 15px 0;
}
#banner .info h6 {
font-size: 21px;
margin: 30px 0 0 0;
font-family: 'Varela', sans-serif;
}
#banner .info p {
max-width: 530px;
font-size: 17px;
color: #fff;
line-height: 1.5;
}
#banner .info p:last-child {
margin-bottom: 0px;
}
#banner .info h6 a,
#banner .info h6 a:visited {
font-size: 31px;
color: #fff;
text-decoration: none;
}
#banner .info ul {
margin: 25px 0 30px 0;
padding: 0;
display: block;
}
#banner .info ul li {
margin: 0;
padding: 0;
list-style: none;
display: inline-block;
padding: 0 0 0 40px;
margin: 0 20px 0 0;
background-image: url(//www.businesswatchgroup.co.uk/wp-content/themes/businesswatch2019/img/icons.png);
background-repeat: no-repeat;
background-position: 0px 0px;
background-size: auto 100%;
font-size: 20px;
}
#banner .info ul li:nth-of-type(2) {
background-position: -371px 0px;
}
#banner .info ul li:nth-of-type(3) {
background-position: -743px 0px;
}
#hero .container {
max-width: 90%;
}
a.button {
font-family: 'Rawleway', sans-serif;
display: block;
height: 45px;
line-height: 43px;
border: 1px solid #fff;
background-color: #14CC60;
width: 200px;
width: intrinsic;
width: -moz-max-content;
width: -webkit-max-content;
padding: 0 50px;
font-size: 12px;
text-transform: uppercase;
text-decoration: none;
color: #fff;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
transition: 300ms ease all;
-moz-transition: 300ms ease all;
-webkit-transition: 300ms ease all;
cursor: pointer;
font-weight: 300;
}
a.button.large {
font-size: 17px;
height: 50px;
line-height: 48px;
}
.page-template-services a.button.large,
.page-template-services-2 a.button.large,
.page-template-services-3 a.button.large,
.page-template-services-4 a.button.large,
.page-template-services-5 a.button.large {
margin-bottom: -10px;
}
a.button.light {
background-color: transparent;
border: 1px solid #00aeef;
color: #00aeef;
}
a.button.white {
background-color: transparent;
border: 1px solid #ffffff;
color: #ffffff !important;
}
a.button:hover {
background-color: #222222;
border: 1px solid #222222;
color: #ffffff;
}
#crime-search {
background-image: url(//www.businesswatchgroup.co.uk/wp-content/themes/businesswatch2019/img/middle.png);
background-repeat: repeat-x;
background-position: center center;
background-size: auto 100%;
padding: 50px 0;
border-bottom: 3px solid #00aeef;
}
#crime-search h4 {
color: #fff;
margin: 0 0 5px 0;
font-size: 25px;
}
#crime-search p {
color: #fff;
margin: 0 0 0 0;
}
#crime-search a {
float: right;
margin-top: 20px;
}
#crime-search .left {
float: left;
width: 65%
}
#cta {
background-image: url(//www.businesswatchgroup.co.uk/wp-content/themes/businesswatch2019/img/bottom.png);
background-repeat: repeat-x;
background-position: center center;
background-size: auto 100%;
padding: 50px 0;
border-bottom: 3px solid #00aeef;
}
#cta h4 {
color: #fff;
margin: 0 0 10px 0;
font-size: 25px;
}
#cta p {
color: #fff;
margin: 0 0 0 0;
}
#cta a {
float: right;
height: 50px;
line-height: 48px;
margin: 8px 0 0 0;
}
#cta .left {
float: left;
width: 75%
}
#cta ul {
margin: 5px 0 0 0;
padding: 0;
display: block;
}
#cta ul li {
margin: 0;
padding: 0;
list-style: none;
display: inline-block;
padding: 0 0 0 0;
margin: 0 20px 0 0;
font-size: 20px;
color: #fff;
}
#cta ul li img {
float: left;
width: 23px;
margin: 1px 10px 0 0;
}
#introduction,
#service-1,
#service-2,
#service-3 {
padding: 0 0 0 0;
position: relative;
}
#introduction .bg {
background-image: url(//www.businesswatchgroup.co.uk/wp-content/themes/businesswatch2019/img/1.png);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
position: absolute;
left: 0px;
top: 0px;
width: 40%;
height: 100%;
}
#introduction .padding-left {
padding: 50px 0 50px 45%;
}
#introduction h3 {
padding: 0 0 0 0;
position: relative;
line-height: 1;
font-size: 30px;
font-weight: 300;
margin: 0 0 40px 0;
color: #002b5c;
}
#introduction h5 {
color: #00aeef;
font-family: 'Varela', sans-serif;
font-size: 18px;
margin: 0 0 15px 0;
}
#introduction h3:before {
content: '';
width: 300px;
height: 3px;
background-color: #00aeef;
bottom: -20px;
left: 0;
position: absolute;
}
#service-1 .bg {
background-image: url(//www.businesswatchgroup.co.uk/wp-content/themes/businesswatch2019/img/2.png);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
position: absolute;
left: 0px;
top: 0px;
width: 40%;
height: 100%;
}
#service-1 .padding-left {
padding: 50px 0 0 45%;
margin-bottom: 50px;
}
#service-2 .bg {
background-image: url(//www.businesswatchgroup.co.uk/wp-content/themes/businesswatch2019/img/3.png);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
position: absolute;
left: 0px;
top: 0px;
width: 40%;
height: 100%;
}
#service-2 .padding-left {
padding: 50px 0 0 45%;
margin-bottom: 50px;
border-top: 1px solid #cacccd;
}
#service-3 .bg {
background-image: url(//www.businesswatchgroup.co.uk/wp-content/themes/businesswatch2019/img/4.png);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
position: absolute;
left: 0px;
top: 0px;
width: 40%;
height: 100%;
}
#service-3 .padding-left {
padding: 50px 0 0 45%;
margin-bottom: 50px;
border-top: 1px solid #cacccd;
}
#service-1 h3,
#service-2 h3,
#service-3 h3 {
padding: 0 0 0 80px;
position: relative;
line-height: 80px;
font-size: 30px;
font-weight: 300;
color: #002b5c;
}
#service-1 h3:before,
#service-2 h3:before,
#service-3 h3:before {
width: 60px;
height: 70px;
position: absolute;
bottom: 0;
left: 0px;
content: '';
background-color: #00aeef;
background-image: url(//www.businesswatchgroup.co.uk/wp-content/themes/businesswatch2019/img/icons2.png);
background-repeat: no-repeat;
background-position: 6px 13px;
background-size: 50px auto;
overflow: hidden;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
#service-2 h3:before {
background-position: 5px -444px;
}
#service-3 h3:before {
background-position: 7px -804px;
background-size: 45px auto;
}
#service-1 h3:after,
#service-2 h3:after,
#service-3 h3:after {
width: 350px;
height: 3px;
position: absolute;
bottom: 0;
left: 0px;
content: '';
background-color: #00aeef;
}
#service-1 p strong,
#service-2 p strong,
#service-3 p strong {
font-size: 17px;
}
#news-views {
background-color: #e1f4fd;
}
#news-views ul {
margin: 0;
padding: 0;
}
#news-views ul li {
margin: 0;
padding: 0 20px;
display: inline-block;
list-style: none;
width: 33%;
vertical-align: top;
}
#news-views h3 {
position: relative;
line-height: 1;
font-size: 40px;
font-weight: 300;
text-align: center;
color: #3a3a3a;
margin: 0 0 40px 0;
}
#news-views ul li img {
float: left;
width: 100%;
max-width: 100%;
border-bottom: 5px solid #00aeef;
margin: 0 0 30px 0;
height: auto;
}
#news-views ul li h4 {
font-size: 22px;
font-weight: 400;
line-height: 1.3;
color: #58595b;
margin: 0 0 20px 0;
}
#news-views ul li p {
color: #58595b;
margin: 0 0 20px 0;
}
#news-views ul li small {
margin: 0 0 30px 0;
display: block;
color: #999;
padding-left: 25px;
background-image: url(//www.businesswatchgroup.co.uk/wp-content/themes/businesswatch2019/img/date.png);
background-repeat: no-repeat;
background-position: 0 center;
background-size: auto 100%;
}
footer {
background-color: #202425;
padding: 75px 0 35px;
}
footer .col {
float: left;
width: 32%;
margin: 0 2% 0 0;
}
footer .col:nth-of-type(3) {
margin-right: 0;
}
footer .col img {
max-width: 350px;
margin: 0 0 30px 0;
}
footer .col p {
color: #8e8e8f;
margin: 0 0 20px 0;
font-size: 13px;
line-height: 1.5;
}
footer .col p a,
footer .col p a:visited {
color: #8e8e8f;
text-decoration: none;
}
footer .col p strong {
color: #fff;
font-size: 13px;
font-weight: 400;
}
footer .col h4 {
color: #fff;
font-size: 18px;
margin: 0 0 10px;
font-weight: 300;
}
footer .copyright {
max-width: 60%;
border-top: 2px solid #00aeef;
padding-top: 30px;
margin-top: -30px;
}
footer .copyright p {
color: #8e8e8f;
font-size: 12px;
margin: 0 0 0 0;
}
footer .copyright p a {
color: #fff;
text-decoration: none;
}
footer .col ul {
margin: 20px 0 0 0;
padding: 0;
}
footer .col ul li {
list-style: none;
width: 100%;
margin: 0 0 30px 0;
padding: 0;
}
footer .col ul li p {
margin: 0 0 10px 0;
font-size: 13px;
}
footer .col ul li a,
footer .col ul li a:visited {
color: #fff;
font-weight: 300;
text-decoration: none;
}
footer .col ul li small {
margin: 0 0 20px 0;
display: block;
color: #999;
padding-left: 25px;
background-image: url(//www.businesswatchgroup.co.uk/wp-content/themes/businesswatch2019/img/date.png);
background-repeat: no-repeat;
background-position: 0 center;
background-size: auto 100%;
}
footer .col ul.social li {
list-style: none;
width: 30px;
margin: 0 0 30px 0;
padding: 0;
float: left;
text-align: left;
}
footer .col i {
color: #8e8e8f;
font-size: 20px;
}
footer .col:nth-of-type(1) {
padding: 0 30px 0 0;
}
footer .col:nth-of-type(2) {
padding: 0 30px;
}
footer .col:nth-of-type(3) {
padding: 0 0 0 30px;
}
footer form {
float: left;
width: 100%;
height: 40px;
position: relative;
margin: 10px 0 70px 0;
}
footer form span {
float: left;
width: 100%;
height: 40px;
position: relative;
}
footer form .wpcf7-list-item-label {
width: auto !important;
float: none;
}
footer form input[type="email"] {
float: left;
width: 75%;
position: absolute;
height: 100%;
-webkit-border-radius: 5px;
-webkit-border-top-right-radius: 1px;
-webkit-border-bottom-right-radius: 1px;
-moz-border-radius: 5px;
-moz-border-radius-topright: 1px;
-moz-border-radius-bottomright: 1px;
border-radius: 5px;
border-top-right-radius: 1px;
border-bottom-right-radius: 1px;
border: none;
padding: 0 20px;
left: 0;
top: 0;
background-color: #fff;
font-size: 13px
}
footer form input[type="submit"] {
float: right;
width: 25%;
position: absolute;
height: 100%;
-webkit-border-radius: 0px;
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-moz-border-radius: 0px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 5px;
border-radius: 0px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
border: none;
padding: 0 10px;
right: 0;
top: 0;
background-color: #00aeef;
color: #fff;
text-transform: uppercase;
cursor: pointer;
}
footer form input:hover[type="submit"] {
border-color: #002b5c;
background-color: #002b5c
}
img.certificates {
max-width: 500px;
margin: 30px 0 30px 0;
height: auto;
}
div.wpcf7-response-output {
margin: 10px 0 20px 0 !important;
padding: 15px !important;
border: none !important;
background-color: #00aeef !important;
color: #fff !important;
text-align: center !important;
font-size: 12px !important;
border-radius: 5px !important;
-moz-border-radius: 5px !important;
-webkit-border-radius: 5px !important;
line-height: 1.2 !important;
}
footer div.wpcf7-response-output {
margin-top: 20px !important;
position: relative;
z-index: 9999;
float: left;
width: 100%;
}
img.alignright,
img.size-full.alignright {
float: right;
margin: 5px 0 20px 20px;
height: auto;
}
img.alignleft,
img.size-full.alignleft {
float: left;
margin: 5px 20px 20px 0;
height: auto;
}
img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto height: auto;
}
a img.alignright {
float: right;
margin: 0 0 1em 1em
}
a img.alignleft {
float: left;
margin: 0 1em 1em 0
}
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto
}
a.free-quote {
position: absolute;
right: 0;
bottom: -140px;
border: none;
-webkit-border-radius: 0px;
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius: 0px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-radius: 0px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
line-height: 38px;
font-size: 15px;
height: 40px;
line-height: 40px;
padding: 0 30px;
-webkit-box-shadow: inset 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
-moz-box-shadow: inset 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
box-shadow: inset 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
width: 220px;
text-align: center;
}
a.free-quote {
right: 160px;
}
a.paypal {
display: block;
}
a.paypal {
position: absolute;
right: 0px;
bottom: -140px;
border: none;
background-color: #00aeef;
-webkit-border-radius: 0px;
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius: 0px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
line-height: 38px;
font-size: 15px;
height: 40px;
line-height: 40px;
padding: 0 30px;
-webkit-box-shadow: inset 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
-moz-box-shadow: inset 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
box-shadow: inset 0px 0px 5px 0px 
rgba(0, 0, 0, 0.25);
width: 150px;
text-align: center;
}
a.free-quote:hover {
border: none;
}
#breadcrumb {
background-color: #e7f6fd;
padding: 25px 0;
}
#breadcrumb > .container {
position: relative;
}
#breadcrumb h1 {
font-size: 36px;
font-weight: 300;
margin: 0 0 10px 0;
color: #3a3a3a;
}
#breadcrumb ul {
float: left;
width: 100%;
margin: 0;
padding: 0;
}
#breadcrumb form {
position: absolute;
right: 0;
top: 30px;
}
#breadcrumb form select {
float: right;
width: 270px;
height: 40px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: 1px solid #ddd;
padding: 0 20px 0 60px;
background-color: #fff;
margin: 0 0 20px 0;
font-size: 13px;
color: #666;
background-image: url(//www.businesswatchgroup.co.uk/wp-content/themes/businesswatch2019/img/select.png);
background-position: 4px center;
background-repeat: no-repeat;
background-size: auto 30px;
line-height: 38px;
text-transform: uppercase;
}
#breadcrumb form label {
line-height: 50px;
margin-right: 10px;
font-size: 14px;
color: #666;
text-transform: uppercase;
}
#breadcrumb ul li {
list-style: none;
display: inline-block;
margin: 0 10px 0 0;
padding: 0 15px 0 0;
font-weight: 200;
font-size: 12px;
text-transform: uppercase;
color: #999;
border-right: 1px solid #999;
line-height: 1;
}
#iframe {
margin: 30px 0;
}
#breadcrumb ul li:first-child {
padding: 0;
}
#breadcrumb ul li:first-child,
#breadcrumb ul li:last-child {
border: none;
}
#breadcrumb ul li a,
#breadcrumb ul li a:visited {
color: #00aeef;
text-decoration: none;
font-size: 12px;
}
#breadcrumb ul li:last-child a,
#breadcrumb ul li:last-child a:visited {
color: #999;
}
.third-2 {
float: left;
width: 62%;
margin: 0 6% 0 0;
min-height: 1px;
}
.page-id-5308 #main .third-2 {
width: 100%;
margin: 0 0 0 0;
}
.third-1 {
float: left;
width: 32%;
margin: 0 0 0 0;
min-height: 1px;
}
.third-2 h2 {
font-size: 26px;
font-weight: 300;
margin: 30px 0 15px 0;
color: #002b5c;
}
.third-2 h3 {
font-size: 18px;
font-weight: 400;
margin: 0 0 10px 0;
color: #002b5c;
}
.third-2 h4 {
font-size: 16px;
font-weight: 600;
margin: 0 0 10px 0;
color: #002b5c;
}
.third-2 h6 {
font-size: 18px;
font-weight: 400;
margin: 0 0 10px 0;
color: #002b5c;
}
.third-2 h5 {
font-size: 18px;
text-transform: uppercase;
font-weight: 500;
margin: 0 0 10px 0;
color: #002b5c;
}
.third-2 p:nth-last-child() {
margin-bottom: 50px;
}
.page-template-inner-partner .third-2 h6 {
font-weight: 400;
color: #00aeef;
}
.page-template-inner-partner .third-2 h6 a,
.page-template-inner-partner .third-2 h6 a:visited {
text-decoration: none;
color: #002b5c;
}
.third-2 ul,
.third-2 ol {
width: 100%;
margin: -10px 0 20px 0;
}
.third-2 ul li,
.third-2 ol li {
font-size: 14px;
line-height: 1.8;
font-weight: normal;
margin: 0 0 0 0;
font-family: 'Varela', sans-serif;
color: #58595b;
}
.third-2 ul li h3 {
font-size: 14px;
line-height: 1.8;
font-weight: normal;
margin: 0 0 0 0;
font-family: 'Varela', sans-serif;
color: #58595b;
}
.third-2 ul li h3 a,
.third-2 ul li h3 a:visited {
color: #00aeef;
text-decoration: none;
}
.third-2.full {
float: left;
width: 100%;
margin: 0 6% 0 0;
min-height: 1px;
}
.third-2 p a,
.third-2 p a:visited {
color: #00aeef;
text-decoration: none;
}
.third-2 .feature-block {
background-color: #e7f6fd;
padding: 30px 30px 30px 30px;
color: #002b5c;
margin: 0 0 30px 0;
background-image: url(//www.businesswatchgroup.co.uk/wp-content/themes/businesswatch2019/img/quote.png);
background-position: right 40px bottom 30px;
background-repeat: no-repeat;
background-size: auto 55%;
}
.page-template-default .third-2 .feature-block,
.page-template-services-full .third-2 .feature-block,
.page-template-inner-services .third-2 .feature-block,
.page-template-inner-services-2 .third-2 .feature-block,
.page-template-inner-services-3 .third-2 .feature-block{
background-color: #e7f6fd;
padding: 0;
background-image: none;
}
.page-template-inner-services .third-2 .feature-block img,
.page-template-services-full .third-2 .feature-block img,
.page-template-inner-services-2 .third-2 .feature-block img,
.page-template-inner-services-3 .third-2 .feature-block img,
.page-template-default .third-2 .feature-block img {
float: left;
width: 100%;
margin: 0 0 0 0;
border-bottom: 4px solid #00aeef;
}
.page-template-default .third-2 .feature-block .padding,
.page-template-services-full .third-2 .feature-block .padding,
.page-template-inner-services .third-2 .feature-block .padding,
.page-template-inner-services-2 .third-2 .feature-block .padding,
.page-template-inner-services-3 .third-2 .feature-block .padding {
padding: 23px 40px;
background-image: url(//www.businesswatchgroup.co.uk/wp-content/themes/businesswatch2019/img/quote.png);
background-position: right 40px bottom 30px;
background-repeat: no-repeat;
background-size: auto 55%;
float: left;
width: 100%;
}
.page-template-inner-course .third-2 .feature-block {
background-color: #e7f6fd;
padding: 0;
background-image: none;
}
.page-template-inner-course .third-2 .feature-block img {
float: left;
width: 100%;
margin: 0 0 0 0;
border-bottom: 4px solid #00aeef;
}
.page-template-inner-course .third-2 .feature-block .padding {
padding: 23px 40px;
background-image: url(//www.businesswatchgroup.co.uk/wp-content/themes/businesswatch2019/img/quote.png);
background-position: right 40px bottom 30px;
background-repeat: no-repeat;
background-size: auto 55%;
float: left;
width: 100%;
}
.third-2 .feature-block p {
font-size: 16px;
color: #002b5c;
margin: 0 0 0 0;
float: left;
width: 100%;
}
.third-2 .feature-block ul {
float: left;
width: 100%;
margin: 0 0 0 0;
}
.third-2 .feature-block ul li {
font-size: 16px;
line-height: 1.4;
font-weight: normal;
margin: 0 0 0 0;
font-family: 'Varela', sans-serif;
color: #002b5c;
}
#main form {
background-color: #e7f6fd;
padding: 40px 40px 20px;
}
.page-template-contact #main form {
background-color: #fff;
padding: 0;
}
#main form p,
#main form p a,
#main form p a:focus,
#main form p a:visited,
#main form p a:hover {
color: #58595b;
text-decoration: none;
}
.third-2 form .half {
width: 50%;
float: left;
}
#main form label {
float: left;
width: 100%;
display: block;
margin: 0 0 10px 0;
color: #58595b;
font-size: 16px;
}
#main form input[type="email"],
#main form input[type="text"],
#main form input[type="tel"] {
float: left;
width: 92%;
height: 45px;
line-height: 43px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: 1px solid #ddd;
padding: 0 15px;
background-color: #fff;
margin: 0 0 20px 0;
font-size: 14px;
color: #999;
}
#main form .full input[type="text"] {
width: 96%;
}
#main form textarea {
float: left;
width: 96%;
height: 200px;
line-height: 1.4;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: 1px solid #ddd;
padding: 15px;
background-color: #fff;
margin: 0 0 20px 0;
font-size: 14px;
color: #999;
}
.page-template-contact #main form input[type="email"],
.page-template-contact #main form input[type="text"] {
width: 100%;
margin: 0 0 20px 0;
height: 45px;
line-height: 43px;
}
#main .third-1 form input[type="email"],
#main .third-1 form input[type="text"],
#main .third-1 form select {
width: 100%;
margin: 0 0 15px 0;
}
.page-template-contact #main form textarea {
float: left;
width: 98%;
height: 200px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: 1px solid #ddd;
padding: 20px;
background-color: #fff;
margin: 0 0 15px 0;
font-size: 14px;
color: #999;
}
#main form select {
float: left;
width: 92%;
height: 45px;
line-height: 43px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: 1px solid #ddd;
padding: 0 20px 0 50px;
background-color: #fff;
margin: 0 0 15px 0;
font-size: 14px;
color: #999;
background-image: url(//www.businesswatchgroup.co.uk/wp-content/themes/businesswatch2019/img/select.png);
background-position: 7px center;
background-repeat: no-repeat;
background-size: auto 29px;
}
#main #sidebar form select,
#main #sidebar form input[type="email"],
#main #sidebar form input[type="text"],
#main #sidebar form input[type="submit"] {
border-width: 1px;
}
#main #sidebar form select {
margin-bottom: 10px;
}
#main form input[type="submit"] {
font-family: 'Raleway', sans-serif;
display: block;
height: 45px;
line-height: 44px;
width: 200px;
width: intrinsic;
width: -moz-max-content;
width: -webkit-max-content;
padding: 0 40px;
font-size: 12px;
text-transform: uppercase;
text-decoration: none;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
transition: 300ms ease all;
-moz-transition: 300ms ease all;
-webkit-transition: 300ms ease all;
background-color: #fff;
border: 1px solid #00aeef;
color: #00aeef;
cursor: pointer;
}
input:hover[type="submit"],
#main form input:hover[type="submit"] {
background-color: #222222;
border: 1px solid #222222;
color: #ffffff;
}
#main form input[type="checkbox"] {
appearance: checkbox;
-moz-appearance: checkbox;
-webkit-appearance: checkbox;
margin: 0;
padding: 0;
position: relative;
top: -1px;
}
.third-2 form h4 {
background-image: url(//www.businesswatchgroup.co.uk/wp-content/themes/businesswatch2019/img/request-large.png);
background-position: 0 0;
background-repeat: no-repeat;
background-size: auto 40px;
line-height: 40px;
padding: 0 0 0 60px;
font-size: 27px;
font-weight: 600;
margin: 0 0 10px 0;
}
.third-2 table * {
font-size: 14px;
line-height: 1.8;
font-weight: normal;
margin: 0 0 20px 0;
font-family: 'Varela', sans-serif;
color: #58595b;
}
.third-2 table {
margin: -10px 0 20px 0;
}
.page-id-5249 .third-2 form h4 {
font-size: 21px;
}
.third-1 form h4 {
font-size: 25px;
font-weight: 600;
margin: 0 0 15px 0;
color: #000;
}
.third-1 h3 {
font-size: 22px;
font-weight: 300;
margin: 0 0 20px 0;
color: #58595b;
}
.third-1 #search-3 h3 {
font-size: 18px;
font-weight: 500;
margin: 0 0 15px 0;
color: #58595b;
}
.page-template-contact .third-1 h3 {
font-size: 20px;
font-weight: 400;
}
.page-template-contact .third-1 p {
color: #00aeef;
}
.page-template-contact .third-1 h6 {
font-size: 19px;
font-weight: 600;
color: #00aeef;
}
.page-template-contact .third-1 h4 {
margin: 0 0 20px 0;
font-size: 20px;
}
.page-template-contact .third-1 h5 {
font-size: 14px;
line-height: 1.8;
font-weight: normal;
margin: 0 0 30px 0;
font-family: 'Varela', sans-serif;
color: #58595b;
}
.page-template-contact .third-1 h6 a,
.page-template-contact .third-1 h6 a:visited {
color: #00aeef;
text-decoration: none;
}
.page-template-contact .third-1 a,
.page-template-contact .third-1 a:visited {
color: #58595b;
text-decoration: none;
}
.third-1 form h4 {
padding-left: 50px;
background-image: url(//www.businesswatchgroup.co.uk/wp-content/themes/businesswatch2019/img/callback.png);
background-position: 0 2px;
background-repeat: no-repeat;
background-size: auto 40px;
line-height: 45px;
font-size: 27px;
font-weight: 400;
}
.third-1 .fire-risk form h4 {
background-image: url(//www.businesswatchgroup.co.uk/wp-content/themes/businesswatch2019/img/fire-risk.png);
background-position: 0px 5px;
background-size: auto 42px;
line-height: 1.2;
padding-left: 55px;
font-size: 24px;
margin: 0 0 15px 0;
font-weight: 700;
}
form.impulse-form {
border: none !important;
}
.third-1 .fire-risk form p {
margin: 0 0 15px 0;
}
.third-1 .widget {
margin: 0 0 30px 0;
}
span.wpcf7-not-valid-tip {
display: none !important;
}
.page-template-contact .wpcf7-form-control-wrap {
float: left;
width: 50%;
padding: 0 2% 0 0
}
.page-template-contact footer .wpcf7-form-control-wrap {
float: left;
width: 100%;
padding: 0 0 0 0
}
.wpcf7-form-control-wrap.textarea-610 {
float: left;
width: 100%;
padding: 0 0 0 0
}
.wpcf7-not-valid {
border: 2px solid red !important;
}
span.wpcf7-list-item {
margin: 0 !important;
}
#free-guides {
background-color: #e7f6fd;
padding: 0 0;
position: relative;
}
#free-guides div.img {
position: absolute;
height: 260px;
width: 800px;
background-image: url(//www.businesswatchgroup.co.uk/wp-content/themes/businesswatch2019/img/guides1.png);
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
z-index: 0;
top: 0;
right: 0;
}
#free-guides div.bg {
position: absolute;
height: 100%;
width: 32%;
z-index: 1;
padding: 0 0 0 0;
}
#free-guides .third-1 p {
color: #fff;
font-size: 16px;
max-width: 100%;
float: left;
margin: 0 50px 0 0;
line-height: 1.5;
}
#free-guides .third-1 a {
width: 230px;
text-align: center;
display: block;
padding: 0 0;
clear: both;
float: left;
margin: 30px 0 0 0;
font-size: 16px;
}
#free-guides .container {
position: relative;
}
#free-guides .third-1 {
padding-top: 160px;
z-index: 2;
position: relative;
padding: 300px 50px 100px 0;
}
#free-guides .third-1:before {
content: '';
position: absolute;
top: 0;
right: 0;
width: 800px;
height: 100%;
background-image: linear-gradient(to right, rgba(0, 174, 239, 1), rgba(0, 43, 92, 1));
z-index: -1;
}
#free-guides .third-2 {
background-color: #e7f6fd;
padding: 50px 0 50px 75px;
margin: 0;
}
#more-services > ul {
float: left;
width: 100%;
margin: 10px 0 0;
padding: 0;
}
#more-services > ul > li {
float: left;
width: 100%;
margin: 0 0 10px;
padding: 0 0 10px;
border-bottom: 2px solid #ddd;
list-style: none;
}
#more-services > ul > li:last-child {
margin: 0 0 0;
padding: 0 0 0;
border-bottom: none;
}
#more-services > ul > li > a {
text-decoration: none;
}
#free-guides .third-2 ul {
float: left;
width: 100%;
margin: 0;
padding: 0;
}
#free-guides .third-2 ul li {
float: left;
width: 100%;
margin: 0 0 30px 0;
padding: 0 0 0 0;
list-style: none;
}
#free-guides .third-2 ul li:last-child {
margin-bottom: 0px;
}
#free-guides .third-2 ul li img {
float: left;
margin: 0 50px 0px 0;
max-height: 150px;
}
#free-guides .third-2 h4 {
color: #58595b;
font-weight: 300;
margin: 0 0 50px 0;
font-size: 40px;
}
#free-guides .third-2 h4 strong {
font-weight: 400;
}
#free-guides .third-2 h6 {
color: #666;
font-weight: 300;
margin: 0 0 20px 0;
}
#others ul {
float: left;
width: 100%;
margin: 0 0 0 0;
padding: 0 0 0 20px;
border-left: 5px solid #00aeef;
}
#others ul li {
float: left;
width: 100%;
margin: 0 0 10px 0;
padding: 0 0 0 0;
list-style: none;
}
#others ul li a,
#others ul li a:visited {
text-transform: uppercase;
color: #00aeef;
text-decoration: none;
font-weight: 400;
font-family: 'Varela', sans-serif;
font-size: 17px;
}
#others ul li.current_page_item > a,
#others ul li:hover > a,
#others ul li:focus > a {
color: #002b5c;
}
#others ul li:last-child {
margin-bottom: 0;
}
.third-2 blockquote {
background-image: url(//www.businesswatchgroup.co.uk/wp-content/themes/businesswatch2019/img/discussion.png);
background-repeat: no-repeat;
background-size: auto;
background-position: left bottom;
float: left;
width: 100%;
margin: 30px 0 50px 0;
padding: 0 50px 20px 90px;
}
.third-2 blockquote h6 {
margin: 0;
color: #00aeef;
font-size: 17px;
line-height: 1.4;
}
.third-2 blockquote h6 a,
.third-2 blockquote h6 a:visited,
.third-2 blockquote h6 a:hover,
.third-2 blockquote h6 a:focus {
text-decoration: none;
color: #002b5c
}
.map {
float: left;
width: 100%;
height: 450px;
margin: 0 0 50px 0;
border-bottom: 6px solid #00aeef;
}
.page-template-contact section#main {
padding-top: 0;
}
#main #search-3 {
position: relative;
}
#main #search-3:after {
content: '';
display: block;
clear: both;
}
#main #search-3 form {
background-color: #fff;
padding: 0;
}
#main #search-3 form > div {
position: relative;
}
#main #search-3 form .screen-reader-text {
display: none;
}
#main #search-3 form > div > input[type="text"] {
padding-right: 70px;
margin: 0;
}
#main #search-3 form > div > input[type="submit"] {
position: absolute;
right: 7px;
top: 6px;
width: 35px;
padding: 0;
height: 33px;
text-indent: -999px;
background-color: #00aeef;
background-image: url(//www.businesswatchgroup.co.uk/wp-content/themes/businesswatch2019/img/search.png);
background-repeat: no-repeat;
background-size: 20px auto;
background-position: center center;
}
#main #search-3 form > div > input:hover[type="submit"] {
border-color: #222;
background-color: #222;
}
.rpwwt-widget ul li a {
text-decoration: none;
}
.rpwwt-post-title {
color: #00aeef;
text-decoration: none;
font-weight: 300;
font-family: 'Raleway', sans-serif;
border: none;
float: left;
width: calc(100% - 95px);
margin-top: 1px;
transition: 300ms ease all;
-moz-transition: 300ms ease all;
-webkit-transition: 300ms ease all;
line-height: 1.6;
}
.rpwwt-post-title:hover {
color: #002b5c;
}
.rpwwt-post-date,
.rpwwt-post-comments-number {
font-size: 12px;
float: left;
color: #666;
margin: 10px 10px 0 0;
line-height: 20px;
opacity: 0.6;
}
.rpwwt-post-date {
background-image: url(//www.businesswatchgroup.co.uk/wp-content/themes/businesswatch2019/img/watch.png);
background-position: 0 center;
background-repeat: no-repeat;
background-size: 10px auto;
padding: 0 0 0 20px;
}
.rpwwt-post-comments-number {
background-image: url(//www.businesswatchgroup.co.uk/wp-content/themes/businesswatch2019/img/comment.png);
background-position: 0 center;
background-repeat: no-repeat;
background-size: 15px auto;
padding: 0 0 0 25px;
}
#rpwwt-recent-posts-widget-with-thumbnails-2 img {
border: 1px solid #ddd;
}
.rpwwt-widget ul li {
margin: 0 0 30px 0;
padding: 0 20px 20px 0;
border-bottom: 1px solid #ddd;
}
#categories-3 ul {
float: left;
width: 100%;
margin: 0;
padding: 0 0 0 30px;
border-left: 1px solid #ddd;
position: relative;
}
.third-1 .widget {
position: relative;
}
.third-1 .widget:after {
content: '';
display: block;
clear: both;
}
#categories-3 ul li {
float: left;
width: 100%;
margin: 0 0 10px 0;
padding: 0 0 0 0;
list-style: none;
text-align: right;
color: #00aeef;
text-decoration: none;
font-size: 14px;
}
#categories-3 ul li a,
#categories-3 ul li a:visited {
color: #00aeef;
text-decoration: none;
font-size: 14px;
text-align: left;
float: left;
}
img.size-full {
width: auto;
max-width: 100%;
height: auto;
margin: 10px 0 10px 0;
}
.search img.size-full,
.archive img.size-full,
.tag img.size-full,
.category img.size-full,
.single img.size-full {
border-bottom: 5px solid #00aeef;
}
.single img.size-full {
margin: 0 0 0 0;
}
article .date {
margin: 20px 0 30px 0;
display: block;
color: #999;
padding-left: 25px;
background-image: url(//www.businesswatchgroup.co.uk/wp-content/themes/businesswatch2019/img/date.png);
background-repeat: no-repeat;
background-position: 0 center;
background-size: auto 100%;
font-size: 13px;
float: left;
width: 100%;
opacity: 0.6;
}
.single-post #main h1 {
font-size: 30px;
}
#share-buttons span {
line-height: 40px;
margin: 0 10px 0 0;
float: left;
color: #888;
font-size: 15px;
}
#share-buttons {
float: right;
line-height: 40px;
max-width: 50%;
}
#share-buttons img {
height: 40px;
}
.single-post .categories {
float: left;
max-width: 60%;
}
.single-post article .categories a,
.single-post article .categories a:visited {
display: inline-block;
border: 1px solid #eee;
margin: 0 5px 10px 0;
padding: 10px 25px;
border-radius: 5px;
color: #00aeef;
text-decoration: none;
font-size: 13px;
text-transform: uppercase;
font-weight: 200;
transition: 300ms ease all;
-moz-transition: 300ms ease all;
-webkit-transition: 300ms ease all;
}
.single-post article .categories a:hover,
.single-post article .categories a:focus {
background-color: #00aeef;
border-color: #00aeef;
color: #fff;
}
article {
float: left;
width: 100%;
position: relative;
}
.single-post article {
padding: 0 0 50px 0;
margin: 0 0 50px 0;
border-bottom: 1px solid #ddd;
}
.category .bg,
.archive .bg,
.tag .bg,
.search .bg {
position: absolute;
left: 0;
top: 0;
width: 50%;
max-width: 50%;
height: 100%;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
border-bottom: 5px solid #00aeef;
}
.category .text-holder,
.archive .text-holder,
.tag .text-holder,
.search .text-holder {
float: right;
width: 45%;
margin: 0 0 0 55%;
}
.category .text-holder h2,
.archive .text-holder h2,
.tag .text-holder h2,
.casearchegory .text-holder h2 {
color: #00aeef;
text-decoration: none;
font-weight: 300;
font-family: 'Raleway', sans-serif;
font-size: 22px;
line-height: 1.4;
margin: 0 0 20px 0;
}
.category .text-holder p,
.archive .text-holder p,
.tag .text-holder p,
.search .text-holder p {
margin: 0 0 20px 0;
}
.category .text-holder h2 a,
.category .text-holder h2 a:visited,
.archive .text-holder h2 a,
.archive .text-holder h2 a:visited,
.tag .text-holder h2 a,
.tag .text-holder h2 a:visited,
.search .text-holder h2 a,
.search .text-holder h2 a:visited {
color: #00aeef;
text-decoration: none;
transition: 300ms ease all;
-moz-transition: 300ms ease all;
-webkit-transition: 300ms ease all;
}
.category .text-holder h2 a:focus,
.category .text-holder h2 a:hover,
.archive .text-holder h2 a:focus,
.archive .text-holder h2 a:hover,
.tag .text-holder h2 a:focus,
.tag .text-holder h2 a:hover,
.search .text-holder h2 a:focus,
.search .text-holder h2 a:hover {
color: #002b5c;
}
.category .categories,
.archive .categories,
.tag .categories,
.search .categories,
.single-post .related-posts .categories {
line-height: 1.8;
color: #00aeef;
}
.category .categories,
.archive .categories,
.tag .categories,
.search .categories {
color: #999;
}
.category .categories a,
.archive .categories a,
.tag .categories a,
.search .categories a,
.single-post .related-posts .categories a {
color: #999;
text-decoration: none;
font-weight: 300;
font-family: 'Raleway', sans-serif;
font-size: 14px;
}
.navigation {
float: left;
width: 100%;
margin: 0 0 50px 0;
padding: 0;
}
.navigation ul {
float: left;
width: 100%;
margin: 0;
padding: 0;
}
.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
color: #fff;
text-decoration: none;
}
.navigation li {
display: inline;
}
.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
background-color: #6FB7E9;
border-radius: 3px;
cursor: pointer;
padding: 12px;
padding: 0.75rem;
min-width: 50px;
height: 50px;
display: inline-block;
border-radius: 0px;
line-height: 50px;
text-align: center;
padding: 0 20px;
}
.navigation li a:hover,
.navigation li.active a {
background-color: #3C8DC5;
}
#more-services > ul > li {
vertical-align: top;
margin: 0 0 30px 0;
padding: 0 0 30px 0;
}
#more-services > ul > li > img {
display: inline-block;
margin: 0 15px 0 0;
vertical-align: top;
max-width: 70px;
width: 70px;
height: auto;
}
.more-text {
display: inline-block;
vertical-align: top;
width: calc(100% - 120px);
}
.more-text .active > a {
color: #002b5c;
}
.more-text h5 {
font-size: 18px;
text-transform: uppercase;
color: #00aeef;
font-weight: 400;
margin: 0 0 15px 0;
font-family: 'Raleway', sans-serif;
}
.more-text h5 a,
.more-text h5 a:visited {
color: #00aeef;
text-decoration: none;
transition: 300ms ease all;
-moz-transition: 300ms ease all;
-webkit-transition: 300ms ease all;
}
.more-text h5 a:focus,
.more-text h5 a:hover {
color: #002b5c;
text-decoration: none;
}
.more-text ul {
float: left;
width: 100%;
margin: 0;
padding: 0 0 0 0;
}
.more-text ul li {
float: left;
width: 100%;
margin: 0 0 5px 20px;
padding: 0 0 0 0;
list-style: none;
position: relative;
color: #00aeef;
line-height: 1;
}
.more-text ul li:before {
content: '-';
position: absolute;
top: 1px;
left: -14px;
}
.more-text ul li.active:before {
color: #002b5c;
}
.more-text ul li a,
.more-text ul li a:visited {
font-size: 12px;
text-transform: uppercase;
color: #00aeef;
font-weight: 400;
text-decoration: none;
transition: 300ms ease all;
-moz-transition: 300ms ease all;
-webkit-transition: 300ms ease all;
}
#more-services ul .active,
#more-services ul .active > a,
.more-text ul li:focus > a,
.more-text ul li:hover > a,
.more-text ul li:focus,
.more-text ul li:hover {
color: #002b5c;
}
#info {
float: left;
width: 100%;
padding: 130px 50px 50px;
background-size: 100% auto;
background-repeat: no-repeat;
background-position: 0 0;
background-color: #002b5c;
}
.third-1 #info h3 {
font-size: 30px;
font-weight: 700;
margin: 0 0 20px 0;
color: #fff;
}
.third-1 #info h5 {
font-size: 22px;
font-weight: 600;
margin: 0 0 20px 0;
color: #fff;
line-height: 1.3;
}
.third-1 #info h5 strong {
color: #00aeef;
}
.third-1 #info p {
margin: 0;
color: #fff;
}
.client-logo {
float: left;
width: 100%;
margin: 0 0 30px 0;
}
.client-logo img {
max-width: 50%;
width: auto;
height: auto;
}
#main #useful-links {
background-color: #e7f6fd;
padding: 40px;
}
#main #useful-links ul {
padding: 0 0 0 0;
margin: 0 0 0 0;
}
#main #useful-links ul li {
padding: 0 0 0 30px;
margin: 0 0 10px 0;
list-style: none;
background-repeat: no-repeat;
background-position: 0 center;
background-size: 20px auto;
min-height: 26px;
line-height: 1.6;
}
#main #useful-links ul li.video {
background-image: url(//www.businesswatchgroup.co.uk/wp-content/themes/businesswatch2019/img/video.png);
}
#main #useful-links ul li.pdf {
background-image: url(//www.businesswatchgroup.co.uk/wp-content/themes/businesswatch2019/img/pdf.png);
}
#main #useful-links ul li a,
#main #useful-links ul li a:visited {
color: #00aeef;
text-decoration: none;
font-weight: 400;
font-family: 'Raleway', sans-serif;
font-size: 13px;
}
.third-1 #useful-links h3 {
padding-left: 50px;
background-image: url(//www.businesswatchgroup.co.uk/wp-content/themes/businesswatch2019/img/useful.png);
background-position: 0 2px;
background-repeat: no-repeat;
background-size: auto 40px;
line-height: 45px;
font-size: 19px;
}
.related-posts {
float: left;
width: 100%;
}
.related-posts ul {
float: left;
width: 100%;
margin: 30px 0 0 0;
padding: 0;
}
.related-posts ul li {
float: left;
width: 31%;
margin: 0 3.5% 0 0;
list-style: none;
padding: 0;
}
.related-posts ul li:last-child {
margin-right: 0;
}
.related-posts ul li img {
float: left;
width: 100%;
height: 150px;
border-bottom: 5px solid #00aeef;
margin: 0 0 10px 0;
}
.related-posts ul li h4 {
float: left;
width: 100%;
font-weight: 300;
margin: 0 0 20px 0;
font-family: 'Raleway', sans-serif;
font-size: 19px;
line-height: 1.5;
color: #58595b;
}
.single-post .related-posts .categories {
float: left;
width: 100%;
margin: 0 0 20px 0;
max-width: 100%;
}
.single-post .related-posts .categories a {
color: #00aeef;
font-weight: 500;
}
.single-post .related-posts .date {
float: left;
width: 100%;
margin: 0 0 20px 0;
}
.single-post .related-posts .date {
margin: 0 0 20px 0;
height: 15px;
display: block;
color: #999;
padding-left: 25px;
background-image: url(//www.businesswatchgroup.co.uk/wp-content/themes/businesswatch2019/img/date.png);
background-repeat: no-repeat;
background-position: 0 center;
background-size: auto 100%;
line-height: 15px;
opacity: 0.6;
}
.third-1 #recent-posts-widget-with-thumbnails-2 h3,
.single-post .related-posts h4,
.third-1 #categories-3 h3 {
font-size: 17px;
font-weight: 500;
margin: 0 0 30px 0;
color: #58595b;
}
.accreditations {
float: left;
width: 100%;
margin: 30px 0 0 0;
}
.accreditations img {
width: 500px;
max-width: 100%;
height: auto;
margin: 0 0 0 0;
}
.accreditations h5 {
font-size: 19px;
font-weight: 500;
color: #00aeef;
text-decoration: none;
font-family: 'Raleway', sans-serif;
text-transform: none;
}
.third-2 form .full {
width: 100%;
float: left;
}
.wpcf7-checkbox {
width: 100%;
float: left;
margin: 10px 0 0 0;
color: #58595b;
font-size: 15px;
}
.full .wpcf7-checkbox {
margin: 20px 0 30px 0;
}
.wpcf7-checkbox.wpcf7-not-valid {
padding: 20px 5px;
}
.wpcf7-checkbox span.wpcf7-list-item {
width: 50%;
margin: 0 0 10px 0 !important;
}
.page-id-5249 #main form input[type="checkbox"] {
margin-right: 10px;
}
.page-id-5249 #main form {
margin: 0 0 50px 0;
}
.wsp-container a,
.wsp-container a:visited {
color: #002b5c;
text-decoration: none;
}
.wsp-container a:hover,
.wsp-container a:focus {
color: #00aeef;
text-decoration: none;
}
.wsp-container ul,
.wsp-container ul ul {
list-style: disc;
}
.wsp-container ul ul {
margin: 10px 0 10px 0;
}
div.wpcf7 {
margin: 50px 0 0 0 !important;
padding: 0 !important;
display: block;
clear: both;
width: 100%;
}
footer div.wpcf7,
#sidebar div.wpcf7,
.third-1 div.wpcf7 {
margin: 0 !important;
}
.wpcf7-form-control-wrap.acceptance-942 {
float: left;
width: 100%;
padding: 0;
margin: 10px 0 20px 0;
height: auto;
}
footer .wpcf7-form-control-wrap.acceptance-942 {
margin: 0 0 0 0;
}
footer .wpcf7-form-control-wrap.acceptance-942 span {
height: auto;
width: auto;
}
footer .wpcf7-form-control-wrap.acceptance-942 label {
float: left;
width: 100%;
display: block;
margin: 0;
color: #fff;
font-size: 12px;
line-height: 1.6;
font-weight: normal;
}
#main form .wpcf7-form-control-wrap.acceptance-942 label {
float: left;
width: 100%;
display: block;
margin: 0;
color: #58595b;
font-size: 10px;
line-height: 1.6;
}
#main form .wpcf7-form-control-wrap.acceptance-942 input {
margin: 2px 5px 0 0;
top: 0;
}
footer .wpcf7-form-control-wrap.acceptance-942 .wpcf7-list-item {
width: auto;
}
footer .wpcf7-form-control-wrap.acceptance-942 input {
-moz-appearance: checkbox;
appearance: checkbox;
-webkit-appearance: checkbox;
position: relative;
top: auto;
left: auto;
float: left;
margin: 5px 6px 1px 0;
}
footer .wpcf7-form-control-wrap.acceptance-942 label a,
footer .wpcf7-form-control-wrap.acceptance-942 label a:visited,
footer .wpcf7-form-control-wrap.acceptance-942 label a:focus,
footer .wpcf7-form-control-wrap.acceptance-942 label a:hover {
color: #00aeef !important;
text-decoration: none;
}
#main form .wpcf7-form-control-wrap.acceptance-942 label a,
#main form .wpcf7-form-control-wrap.acceptance-942 label a:visited,
#main form .wpcf7-form-control-wrap.acceptance-942 label a:focus,
#main form .wpcf7-form-control-wrap.acceptance-942 label a:hover {
color: #00aeef !important;
text-decoration: none;
}
.attachment-awsm_team.size-awsm_team.wp-post-image {
height: 354px !important;
border-bottom: 4px solid #00aeef;
}
.awsm-grid-wrapper .awsm-grid {
padding: 0 !important;
}
.modal-style.style-1 .awsm-modal-details h2 {
margin: 0 0 5px !important;
}
.modal-style.style-1 .awsm-modal-details h3 {
font-size: 18px !important;
margin: 0 0 20px 0 !important;
color: #00aeef;
font-weight: 600 !important;
}
.awsm-personal-info {
margin: 15px 0 !important;
}
.awsm-personal-info span {
color: #00aeef;
}
.awsm-grid-wrapper .awsm-grid > .awsm-grid-card {
margin: 0 0 20px !important;
}
.modal-style.style-1 figcaption {
left: 0 !important;
right: 0 !important;
top: 0 !important;
bottom: 0 !important;
background: rgba(255, 255, 255, 0.2) !important;
height: 350px !important;
}
ul.sectorlist {
float: left;
width: 100%;
margin: 10px 0 0 0;
padding: 0 0 0 0;
}
ul.sectorlist li {
float: left;
width: 32%;
margin: 0 2% 30px 0;
list-style: none;
}
ul.sectorlist li:nth-of-type(3n+3) {
margin-right: 0;
}
ul.sectorlist li img {
float: left;
width: 100%;
max-width: 100%;
height: auto;
border-bottom: 4px solid #00aeef;
margin: 0 0 15px 0;
transition: 300ms ease all;
-moz-transition: 300ms ease all;
-webkit-transition: 300ms ease all;
}
ul.sectorlist li img:hover {
opacity: 0.8;
}
ul.sectorlist li h5 {
margin: 0 0 3px;
padding: 0;
font-size: 1.17em;
line-height: 1.4;
color: #1f1f1f;
}
ul.sectorlist li h5 a,
ul.sectorlist li h5 a:visited {
color: #1f1f1f;
text-decoration: none;
transition: 300ms ease all;
-moz-transition: 300ms ease all;
-webkit-transition: 300ms ease all;
}
ul.sectorlist li h5 a:hover,
ul.sectorlist li h5 a:focus {
color: #00aeef;
}
.page-id-5505 .wpcf7-checkbox span.wpcf7-list-item {
width: 100% !important;
line-height: 1;
margin: 0 !important;
}
.page-id-5505 .wpcf7-checkbox span.wpcf7-list-item label {
font-size: 13px !important;
}
.page-id-5505 .third-2 form h4 {
background-image: none;
background-position: 0 0;
background-repeat: no-repeat;
background-size: auto 40px;
line-height: 1.2;
padding: 0;
font-size: 25px;
font-weight: 600;
margin: 0 0 40px 0;
}
.page-id-5505 #sidebar .wpcf7-form-control-wrap.acceptance-942 {
padding: 15px 10px 10px;
background-color: #ffffff;
border-radius: 5px;
} #wpcf7-f7392-p5249-o1 .wpcf7-form .form-row{
display:flex;
flex-wrap:wrap;
justify-content:flex-start;
margin:0;
padding:0;
width:100%;
}
#wpcf7-f7392-p5249-o1 .wpcf7-form .form-row .form-column{
display:block;
margin:0 40px 0 0;
padding:0;
}
#wpcf7-f7392-p5249-o1 .wpcf7-form .form-row .form-column.column-full{
width:100%;
margin-right:0;
}
#wpcf7-f7392-p5249-o1 .wpcf7-form .form-row .form-column.column-half{
width:calc((100% - 40px) / 2);
}
#wpcf7-f7392-p5249-o1 .wpcf7-form .form-row .form-column.column-half:nth-of-type(2){
margin-right:0;
}
#wpcf7-f7392-p5249-o1 .wpcf7-form .form-row .form-column .image-list{
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
margin: 0 0 40px 0;
padding: 0;
list-style: none;
}
#wpcf7-f7392-p5249-o1 .wpcf7-form .form-row .form-column > label > sup{
margin: 0;
vertical-align: middle;
color: #AA0000;
font-size: 18px;
}
#wpcf7-f7392-p5249-o1 .wpcf7-form .form-row .form-column .image-list li{
display:block;
margin:0 40px 0 0;
padding:0;
}
#wpcf7-f7392-p5249-o1 .wpcf7-form .form-row .form-column .image-list li input[type="checkbox"]{
display:none;
}
#wpcf7-f7392-p5249-o1 .wpcf7-form .form-row .form-column .image-list li input[type="checkbox"] + label{
display:block;
margin:0;
padding:0;
cursor:pointer;
}
#wpcf7-f7392-p5249-o1 .wpcf7-form .form-row .form-column .image-list li input[type="checkbox"] + label img{
display:block;
margin:0 auto 10px auto;
padding:10px;
width:100px;
height:100px;
border:5px solid #FFFFFF;
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%;
background-color:#FFFFFF;
-webkit-box-shadow:0 3px 5px rgba(0,0,0,0.25);
-moz-box-shadow:0 3px 5px rgba(0,0,0,0.25);
box-shadow:0 3px 5px rgba(0,0,0,0.25);
-webkit-transition:all ease-in-out .3s;
-moz-transition:all ease-in-out .3s;
transition:all ease-in-out .3s;
}
#wpcf7-f7392-p5249-o1 .wpcf7-form .form-row .form-column .image-list li span{
display:block;
margin:0;
padding:10px 0 0 0;
width:100%;
text-align:center;
clear:both;
}
#wpcf7-f7392-p5249-o1 .wpcf7-form .form-row .form-column .image-list li input[type="checkbox"]:checked + label img{
border-color:#009fe3;
-webkit-box-shadow:0 3px 5px rgba(0,225,0,0.25);
-moz-box-shadow:0 3px 5px rgba(0,225,0,0.25);
box-shadow:0 3px 5px rgba(0,225,0,0.25);
-webkit-transition:all ease-in-out .3s;
-moz-transition:all ease-in-out .3s;
transition:all ease-in-out .3s;
}
#wpcf7-f7392-p5249-o1 .wpcf7-form .form-row .form-column .images{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 40px 0;
padding: 20px 140px;
width: 100%;
list-style: none;
background-color: #FFFFFF;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
box-shadow: 0 3px 10px rgba(0,0,0,0.25);
}
#wpcf7-f7392-p5249-o1 .wpcf7-form .form-row .form-column .images .image{
display:block;
margin:0;
}
#wpcf7-f7392-p5249-o1 .wpcf7-form .form-row .form-column .images .image img{
display:block;
height:100px;
width:auto;
}
#wpcf7-f7392-p5249-o1 .wpcf7-form .form-row .form-column .wpcf7-submit{
display:block;
margin:10px 0 0 0;
padding:0 60px;
height:50px;
line-height:48px;
text-align:center;
font-weight:600;
font-size:16px;
color:#FFFFFF;
text-transform:uppercase;
background-color:#009fe3;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
border:1px solid #009fe3;
-webkit-transition:all ease-in-out .3s;
-moz-transition:all ease-in-out .3s;
transition:all ease-in-out .3s;
}
#wpcf7-f7392-p5249-o1 .wpcf7-form .form-row .form-column .wpcf7-submit:hover{
background-color:#FFFFFF;
color:#009fe3;
-webkit-transition:all ease-in-out .3s;
-moz-transition:all ease-in-out .3s;
transition:all ease-in-out .3s;
}
body.page-id-5249 .third-2 blockquote{
padding: 20px 50px 20px 90px;
min-height: 90px;
}
@media all and (max-width: 1430px) {
header ul.menu > li > a {
padding: 0 5px;
}
header ul.menu > li > a:before {
left: -9px;
}
header h1 {
width: 340px;
height: 100px;
top: 0;
}
}
@media all and (max-width: 1300px) {
#menu-main-menu {
display: none;
}
#top {
height: 40px;
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 9;
}
header,
header.sticky {
position: fixed;
top: 40px;
left: 0;
width: 100%;
background-color: #fff;
z-index: 9;
}
body,
body.stuck {
padding-top: 140px;
}
button#responsive-menu-button.stick,
button#responsive-menu-button {
top: 100px !important;
}
#responsive-menu-container {
top: 180px !important;
padding-top: 10px !important;
}
#responsive-menu-container.sticks,
#responsive-menu-container {
top: 140px !important;
}
#responsive-menu-container #responsive-menu li.responsive-menu-item a .responsive-menu-subarrow {
font-size: 9px !important;
}
#responsive-menu-container #responsive-menu li.responsive-menu-item .responsive-menu-item-link {
text-transform: uppercase !important;
font-weight: 600 !important;
font-family: 'Raleway' !important;
}
}
@media all and (max-width: 1200px) {
#free-guides .third-2 h4 {
font-size: 30px;
}
#free-guides .third-1 {
padding: 300px 50px 150px 0;
}
footer .col img {
max-width: 100%;
}
footer .copyright {
max-width: 1000%;
margin-top: 30px;
}
#hero .info h2 {
font-size: 35px;
}
#hero .info ul li {
font-size: 16px;
}
}
@media all and (max-width: 1180px) {
.container {
max-width: 90%;
}
#introduction h3,
#service-1 h3,
#service-2 h3,
#service-3 h3 {
font-size: 25px;
}
#news-views h3 {
font-size: 30px;
}
}
@media all and (max-width: 1080px) {
#cta .left,
#crime-search .left {
float: left;
width: 100%;
}
#cta a,
#crime-search a {
float: left;
margin: 18px 0 0 0;
}
.third-1 form h4 {
line-height: 25px;
font-size: 21px;
}
#free-guides .third-2 h6 {
margin: 0 0 8px 0;
font-size: 16px;
}
}
@media all and (max-width: 980px) {
#free-guides .third-2 ul li img {
margin: 0 50px 70px 0;
max-height: 125px;
}
#free-guides .third-1 p {
margin: 0 0px 0 0;
}
#free-guides .third-2 h6 {
margin: 0 0 15px 0;
line-height: 1.3;
}
#free-guides .third-2 h4 {
font-size: 25px;
}
#free-guides .third-1 {
padding: 340px 50px 150px 0;
}
#cta h4 {
font-size: 18px;
line-height: 1.4;
}
#cta ul li {
font-size: 15px;
}
#hero .info ul li {
width: 100%;
margin: 0 0 5px 0;
}
#news-views ul li {
width: 32.5%;
}
#news-views ul li h4 {
font-size: 18px;
}
}
@media all and (max-width: 880px) {
#free-guides .third-1 {
padding: 290px 50px 50px 50px;
margin: 50px 0 50px 0;
overflow: hidden;
}
#news-views ul li h4 {
font-size: 15px;
}
#news-views ul li p {
font-size: 12px;
}
.category .bg,
.archive .bg,
.tag .bg,
.search .bg {
position: relative;
left: auto;
top: auto;
width: 100%;
max-width: 100%;
height: 400px;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
border-bottom: 5px solid #00aeef;
margin-bottom: 30px;
}
.category .text-holder,
.archive .text-holder,
.tag .text-holder,
.search .text-holder {
float: right;
width: 100%;
margin: 0 0 0 0;
}
.third-1 .fire-risk form h4 {
background-position: 0px 0;
background-size: auto 40px;
line-height: 40px;
}
#free-guides .third-2 {
padding: 0;
margin: 0;
width: 100%;
}
#free-guides .third-1:before {
width: 120%;
left: -10%;
}
#free-guides div.img {
position: absolute;
height: 260px;
width: 100%;
z-index: 0;
top: 0;
right: 0;
}
#free-guides {
padding: 0 0 50px 0;
}
#free-guides .third-2 ul li img {
margin: 0 50px 0px 0;
}
.third-2 {
float: left;
width: 100%;
margin: 0 0 0 0;
min-height: 1px;
}
.third-1 {
float: left;
width: 100%;
margin: 50px 0 0 0;
min-height: 1px;
}
footer .col:nth-of-type(1),
footer .col:nth-of-type(2),
footer .col:nth-of-type(3),
footer .col {
padding: 0;
float: left;
width: 100%;
margin: 0 0 0 0;
}
footer form {
max-width: 400px;
}
#hero .info h2,
#banner .info h2,
#banner .info h1 {
font-size: 25px;
}
#hero .info h6 a,
#hero .info h6 a:visited,
#banner .info h6 a,
#banner .info h6 a:visited {
font-size: 23px;
}
#hero .info ul li img {
margin: -2px 10px 0 0;
}
#service-1 h3,
#service-2 h3,
#service-3 h3 {
line-height: 1.4;
max-width: 100%;
padding: 0 0 20px 0;
}
#breadcrumb {
padding: 60px 0 25px;
}
#service-1 h3:before,
#service-2 h3:before,
#service-3 h3:before {
content: none;
}
#service-1 h3:after,
#service-2 h3:after,
#service-3 h3:after {
width: 100%;
height: 3px;
position: absolute;
bottom: 0;
left: 0px;
content: '';
background-color: #00aeef;
}
#breadcrumb ul li,
#breadcrumb ul li a,
#breadcrumb ul li a:visited {
font-size: 11px;
}
}
@media all and (max-width: 700px) {
header h6 a,
header h6 a:visited {
font-size: 17px;
}
#introduction h3,
#service-1 h3,
#service-2 h3,
#service-3 h3 {
font-size: 22px;
line-height: 1.4;
max-width: 100%;
padding: 0 0 20px;
margin: 0 0 20px;
}
#introduction h3:before {
width: 100%;
}
#news-views ul li {
width: 100%;
padding: 0;
margin: 0 0 50px 0;
}
#news-views h3 {
font-size: 25px;
text-align: left;
}
#introduction h3:before,
#service-1 h3:before,
#service-2 h3:before,
#service-3 h3:before {
top: 100%;
}
#introduction .padding-left,
#service-1 .padding-left,
#service-2 .padding-left,
#service-3 .padding-left {
padding: 250px 0 0 0;
margin-bottom: 50px;
}
#introduction .bg,
#service-1 .bg,
#service-2 .bg,
#service-3 .bg {
left: 0px;
top: 0px;
width: 100%;
height: 210px;
}
#cta ul li {
font-size: 15px;
width: 100%;
margin: 0 0 5px 0;
}
}
@media all and (max-width: 630px) {
header h1 {
width: 280px;
left: -15px;
}
}
@media all and (max-width: 600px) {
header h6 {
color: #fff;
}
#iframe {
height: 1150px;
}
#breadcrumb form {
position: relative;
right: auto;
top: auto;
width: 100%;
float: left;
}
.page-template-contact .wpcf7-form-control-wrap {
float: left;
width: 100%;
padding: 0 0 0 0;
}
.map {
height: 350px;
}
#breadcrumb form select {
margin-top: 20px;
float: left;
width: 100%;
}
#breadcrumb form label {
display: none;
}
ul.sectorlist li,
ul.sectorlist li:nth-of-type(3n+3) {
width: 49%;
margin: 0 2% 30px 0;
}
ul.sectorlist li:nth-of-type(2n+2) {
margin-right: 0;
}
ul.sectorlist li h5 {
font-size: 13px;
}
.attachment-awsm_team.size-awsm_team.wp-post-image {
height: auto !important;
}
img.alignright,
img.size-full.alignright {
margin: 5px 0 20px 0;
height: auto;
width: 100%;
max-width: 100%;
}
.related-posts ul li {
float: left;
width: 100%;
margin: 0 0 30px 0;
padding: 0;
}
#rpwwt-recent-posts-widget-with-thumbnails-2 img {
display: none;
}
.single-post .categories,
#share-buttons {
float: left;
max-width: 100%;
margin: 0 0 20px 0;
}
.category .bg,
.archive .bg,
.tag .bg,
.search .bg {
height: 300px;
}
#free-guides .third-1 {
padding: 285px 30px 30px 30px;
}
.page-template-default .third-2 .feature-block .padding,
.page-template-inner-services .third-2 .feature-block .padding,
.page-template-inner-services-2 .third-2 .feature-block .padding {
background-size: auto 100px;
padding: 30px;
}
.third-2 form .half {
width: 100%;
float: left;
}
.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
min-width: 40px;
height: 40px;
line-height: 40px;
padding: 0 10px;
}
section#main {
padding: 50px 0 0 0;
}
.third-2 table {
margin: -10px 0 20px 0;
max-width: 100%;
float: left;
width: 100%;
}
#main form select,
#main form input[type="email"],
#main form input[type="text"],
#main form input[type="tel"],
#main form .full input[type="text"],
#main form .full textarea {
width: 100%;
}
.wpcf7-checkbox span.wpcf7-list-item {
width: 100%;
}
#main form {
padding: 30px 30px 10px;
}
#breadcrumb {
padding: 55px 0 25px;
}
#breadcrumb h1 {
font-size: 26px;
margin: 0;
}
.third-2 table * {
margin: 0;
display: block;
max-width: 100%;
width: 100%;
}
#cta ul {
margin: 15px 0 0 0;
}
#free-guides .third-2 ul li img {
margin: 0 20px 10px 0;
}
.third-2 form h4,
.third-1 form h4,
.third-1 .fire-risk form h4 {
background-image: none;
line-height: 1.2;
padding: 0;
font-size: 25px;
margin: 0 0 15px 0;
}
a.button {
max-width: 100%;
font-size: 12px;
}
a.button.large {
font-size: 13px;
height: 45px;
line-height: 43px;
}
a.free-quote {
width: 200px;
text-align: center;
}
#hero {
background-position: 58% center;
}
p {
font-size: 13px;
}
#service-1 p strong,
#service-2 p strong,
#service-3 p strong {
font-size: 16px;
}
#hero .info,
#banner .info {
max-width: 100%;
}
footer form {
max-width: 100%;
}
#hero .info h6,
#banner .info h6 {
font-size: 15px;
}
#hero .info h6 a,
#hero .info h6 a:visited,
#banner .info h6 a,
#banner .info h6 a:visited {
font-size: 18px;
}
footer {
padding: 50px 0 50px;
}
#banner .info h1,
#banner .info h2 {
font-size: 30px;
max-width: 100%;
margin: 15px 0 15px 0;
}
.third-2 h2 {
margin: 0px 0 15px 0;
}
.third-2 blockquote {
background-image: none;
margin: 0;
padding: 30px;
background-color: #00aeef;
}
.third-2 blockquote h6 {
color: #fff;
font-size: 16px;
line-height: 1.6;
text-align: center;
}
#breadcrumb ul {
display: none;
}
}
@media screen and (max-width:490px){
#wpcf7-f7392-p5249-o1 .wpcf7-form .form-row .form-column.column-half{
margin-right:0;
width:100%;
}
#wpcf7-f7392-p5249-o1 .wpcf7-form .form-row .form-column input{
margin-bottom:10px;
}
#wpcf7-f7392-p5249-o1 .wpcf7-form .form-row .form-column .image-list li{
display: block;
margin: 0 10px 0 0;
padding: 0;
width: calc((100% - 20px) / 3);
}
#wpcf7-f7392-p5249-o1 .wpcf7-form .form-row .form-column .image-list li:last-of-type{
margin-right:0;
}
#wpcf7-f7392-p5249-o1 .wpcf7-form .form-row .form-column .image-list li input[type="checkbox"]:checked + label{
position:relative;
}
#wpcf7-f7392-p5249-o1 .wpcf7-form .form-row .form-column .image-list li input[type="checkbox"]:checked + label:after{
position:absolute;
content:"";
top:0;
left:0;
width:calc(100% - 10px);
height:calc(100% - 10px);
border:5px solid #009fe3;
border-radius:50%;
}
#wpcf7-f7392-p5249-o1 .wpcf7-form .form-row .form-column .image-list li input[type="checkbox"] + label img{
margin:0;
width:100%;
height:auto;
}
#wpcf7-f7392-p5249-o1 .wpcf7-form .form-row .form-column .image-list li input[type="checkbox"]:hover + label img{
border-color:#FFFFFF;
}
body.page-id-5249 .third-2 blockquote{
padding:20px;
}
}
@media all and (max-width: 480px) {
header h2{
width: calc(100% - 60px);
left: 0;
top: 0;
margin-bottom: 0;
}
header h6 {
display: none;
}
button#responsive-menu-button, button#responsive-menu-button.stick {
top: 78px !important;
}
.paypal-logo {
margin: auto 0 !important;
padding-bottom: 20px;
text-align: center;
}
.pay-pal-logos {
display: none!important;
}
.third-2 table {
text-align: center;
}
a.paypal{
width: 100px;
padding: 0px 10px;
}
.page-id-2 .button.paypal {
display: none!important;
}
.page-id-7570 a.free-quote {
right: 110px;
}
a.free-quote{
width: 180px;
}
}
@media all and (max-width: 350px) {
header h1 {
width: 250px;
}
}.wp-block-audio figcaption{margin-top:.5em;margin-bottom:1em;color:#555d66;text-align:center;font-size:13px}.wp-block-audio audio{width:100%;min-width:300px}.editor-block-list__layout .reusable-block-edit-panel{align-items:center;background:#f8f9f9;color:#555d66;display:flex;flex-wrap:wrap;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:13px;top:-14px;margin:0 -14px;padding:8px 14px;position:relative;z-index:7}.editor-block-list__layout .editor-block-list__layout .reusable-block-edit-panel{margin:0 -14px;padding:8px 14px}.editor-block-list__layout .reusable-block-edit-panel .reusable-block-edit-panel__spinner{margin:0 5px}.editor-block-list__layout .reusable-block-edit-panel .reusable-block-edit-panel__info{margin-right:auto}.editor-block-list__layout .reusable-block-edit-panel .reusable-block-edit-panel__label{margin-right:8px;white-space:nowrap;font-weight:600}.editor-block-list__layout .reusable-block-edit-panel .reusable-block-edit-panel__title{flex:1 1 100%;font-size:14px;height:30px;margin:4px 0 8px}.editor-block-list__layout .reusable-block-edit-panel .components-button.reusable-block-edit-panel__button{flex-shrink:0}@media (min-width:960px){.editor-block-list__layout .reusable-block-edit-panel{flex-wrap:nowrap}.editor-block-list__layout .reusable-block-edit-panel .reusable-block-edit-panel__title{margin:0}.editor-block-list__layout .reusable-block-edit-panel .components-button.reusable-block-edit-panel__button{margin:0 0 0 5px}}.editor-block-list__layout .reusable-block-indicator{background:#fff;border-left:1px dashed #e2e4e7;color:#555d66;border-bottom:1px dashed #e2e4e7;top:-14px;height:30px;padding:4px;position:absolute;z-index:1;width:30px;right:-14px}.wp-block-button{color:#fff;margin-bottom:1.5em}.wp-block-button.aligncenter{text-align:center}.wp-block-button.alignright{text-align:right}.wp-block-button__link{background-color:#32373c;border:none;border-radius:28px;box-shadow:none;color:inherit;cursor:pointer;display:inline-block;font-size:18px;margin:0;padding:12px 24px;text-align:center;text-decoration:none;white-space:normal;overflow-wrap:break-word}.wp-block-button__link:active,.wp-block-button__link:focus,.wp-block-button__link:hover{color:inherit}.is-style-squared .wp-block-button__link{border-radius:0}.is-style-outline{color:#32373c}.is-style-outline .wp-block-button__link{background:transparent;border:2px solid}.wp-block-categories.alignleft{margin-right:2em}.wp-block-categories.alignright{margin-left:2em}.wp-block-columns{display:flex;flex-wrap:wrap}@media (min-width:782px){.wp-block-columns{flex-wrap:nowrap}}.wp-block-column{flex:1;margin-bottom:1em;flex-basis:100%;min-width:0;word-break:break-word;overflow-wrap:break-word}@media (min-width:600px){.wp-block-column{flex-basis:50%;flex-grow:0}}@media (min-width:600px){.wp-block-column:nth-child(odd){margin-right:32px}.wp-block-column:not(:first-child),.wp-block-column:nth-child(2n){margin-left:32px}.wp-block-column:not(:last-child){margin-right:32px}}.wp-block-cover,.wp-block-cover-image{position:relative;background-color:#000;background-size:cover;background-position:50%;min-height:430px;width:100%;margin:0 0 1.5em;display:flex;justify-content:center;align-items:center;overflow:hidden}.wp-block-cover-image.has-left-content,.wp-block-cover.has-left-content{justify-content:flex-start}.wp-block-cover-image.has-left-content .wp-block-cover-image-text,.wp-block-cover-image.has-left-content .wp-block-cover-text,.wp-block-cover-image.has-left-content h2,.wp-block-cover.has-left-content .wp-block-cover-image-text,.wp-block-cover.has-left-content .wp-block-cover-text,.wp-block-cover.has-left-content h2{margin-left:0;text-align:left}.wp-block-cover-image.has-right-content,.wp-block-cover.has-right-content{justify-content:flex-end}.wp-block-cover-image.has-right-content .wp-block-cover-image-text,.wp-block-cover-image.has-right-content .wp-block-cover-text,.wp-block-cover-image.has-right-content h2,.wp-block-cover.has-right-content .wp-block-cover-image-text,.wp-block-cover.has-right-content .wp-block-cover-text,.wp-block-cover.has-right-content h2{margin-right:0;text-align:right}.wp-block-cover-image .wp-block-cover-image-text,.wp-block-cover-image .wp-block-cover-text,.wp-block-cover-image h2,.wp-block-cover .wp-block-cover-image-text,.wp-block-cover .wp-block-cover-text,.wp-block-cover h2{color:#fff;font-size:2em;line-height:1.25;z-index:1;margin-bottom:0;max-width:610px;padding:14px;text-align:center}.wp-block-cover-image .wp-block-cover-image-text a,.wp-block-cover-image .wp-block-cover-image-text a:active,.wp-block-cover-image .wp-block-cover-image-text a:focus,.wp-block-cover-image .wp-block-cover-image-text a:hover,.wp-block-cover-image .wp-block-cover-text a,.wp-block-cover-image .wp-block-cover-text a:active,.wp-block-cover-image .wp-block-cover-text a:focus,.wp-block-cover-image .wp-block-cover-text a:hover,.wp-block-cover-image h2 a,.wp-block-cover-image h2 a:active,.wp-block-cover-image h2 a:focus,.wp-block-cover-image h2 a:hover,.wp-block-cover .wp-block-cover-image-text a,.wp-block-cover .wp-block-cover-image-text a:active,.wp-block-cover .wp-block-cover-image-text a:focus,.wp-block-cover .wp-block-cover-image-text a:hover,.wp-block-cover .wp-block-cover-text a,.wp-block-cover .wp-block-cover-text a:active,.wp-block-cover .wp-block-cover-text a:focus,.wp-block-cover .wp-block-cover-text a:hover,.wp-block-cover h2 a,.wp-block-cover h2 a:active,.wp-block-cover h2 a:focus,.wp-block-cover h2 a:hover{color:#fff}.wp-block-cover-image.has-parallax,.wp-block-cover.has-parallax{background-attachment:fixed}@supports (-webkit-overflow-scrolling:touch){.wp-block-cover-image.has-parallax,.wp-block-cover.has-parallax{background-attachment:scroll}}.wp-block-cover-image.has-background-dim:before,.wp-block-cover.has-background-dim:before{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background-color:inherit;opacity:.5;z-index:1}.wp-block-cover-image.has-background-dim.has-background-dim-10:before,.wp-block-cover.has-background-dim.has-background-dim-10:before{opacity:.1}.wp-block-cover-image.has-background-dim.has-background-dim-20:before,.wp-block-cover.has-background-dim.has-background-dim-20:before{opacity:.2}.wp-block-cover-image.has-background-dim.has-background-dim-30:before,.wp-block-cover.has-background-dim.has-background-dim-30:before{opacity:.3}.wp-block-cover-image.has-background-dim.has-background-dim-40:before,.wp-block-cover.has-background-dim.has-background-dim-40:before{opacity:.4}.wp-block-cover-image.has-background-dim.has-background-dim-50:before,.wp-block-cover.has-background-dim.has-background-dim-50:before{opacity:.5}.wp-block-cover-image.has-background-dim.has-background-dim-60:before,.wp-block-cover.has-background-dim.has-background-dim-60:before{opacity:.6}.wp-block-cover-image.has-background-dim.has-background-dim-70:before,.wp-block-cover.has-background-dim.has-background-dim-70:before{opacity:.7}.wp-block-cover-image.has-background-dim.has-background-dim-80:before,.wp-block-cover.has-background-dim.has-background-dim-80:before{opacity:.8}.wp-block-cover-image.has-background-dim.has-background-dim-90:before,.wp-block-cover.has-background-dim.has-background-dim-90:before{opacity:.9}.wp-block-cover-image.has-background-dim.has-background-dim-100:before,.wp-block-cover.has-background-dim.has-background-dim-100:before{opacity:1}.wp-block-cover-image.alignleft,.wp-block-cover-image.alignright,.wp-block-cover.alignleft,.wp-block-cover.alignright{max-width:305px;width:100%}.wp-block-cover-image:after,.wp-block-cover:after{display:block;content:"";font-size:0;min-height:inherit}@supports ((position:-webkit-sticky) or (position:sticky)){.wp-block-cover-image:after,.wp-block-cover:after{content:none}}.wp-block-cover-image.aligncenter,.wp-block-cover-image.alignleft,.wp-block-cover-image.alignright,.wp-block-cover.aligncenter,.wp-block-cover.alignleft,.wp-block-cover.alignright{display:flex}.wp-block-cover__video-background{position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);width:100%;height:100%;z-index:0;-o-object-fit:cover;object-fit:cover}.editor-block-list__block[data-type="core/embed"][data-align=left] .editor-block-list__block-edit,.editor-block-list__block[data-type="core/embed"][data-align=right] .editor-block-list__block-edit,.wp-block-embed.alignleft,.wp-block-embed.alignright{max-width:360px;width:100%}.wp-block-embed{margin-bottom:1em}.wp-block-embed figcaption{margin-top:.5em;margin-bottom:1em;color:#555d66;text-align:center;font-size:13px}.wp-embed-responsive .wp-block-embed.wp-embed-aspect-1-1 .wp-block-embed__wrapper,.wp-embed-responsive .wp-block-embed.wp-embed-aspect-1-2 .wp-block-embed__wrapper,.wp-embed-responsive .wp-block-embed.wp-embed-aspect-4-3 .wp-block-embed__wrapper,.wp-embed-responsive .wp-block-embed.wp-embed-aspect-9-16 .wp-block-embed__wrapper,.wp-embed-responsive .wp-block-embed.wp-embed-aspect-16-9 .wp-block-embed__wrapper,.wp-embed-responsive .wp-block-embed.wp-embed-aspect-18-9 .wp-block-embed__wrapper,.wp-embed-responsive .wp-block-embed.wp-embed-aspect-21-9 .wp-block-embed__wrapper{position:relative}.wp-embed-responsive .wp-block-embed.wp-embed-aspect-1-1 .wp-block-embed__wrapper:before,.wp-embed-responsive .wp-block-embed.wp-embed-aspect-1-2 .wp-block-embed__wrapper:before,.wp-embed-responsive .wp-block-embed.wp-embed-aspect-4-3 .wp-block-embed__wrapper:before,.wp-embed-responsive .wp-block-embed.wp-embed-aspect-9-16 .wp-block-embed__wrapper:before,.wp-embed-responsive .wp-block-embed.wp-embed-aspect-16-9 .wp-block-embed__wrapper:before,.wp-embed-responsive .wp-block-embed.wp-embed-aspect-18-9 .wp-block-embed__wrapper:before,.wp-embed-responsive .wp-block-embed.wp-embed-aspect-21-9 .wp-block-embed__wrapper:before{content:"";display:block;padding-top:50%}.wp-embed-responsive .wp-block-embed.wp-embed-aspect-1-1 .wp-block-embed__wrapper iframe,.wp-embed-responsive .wp-block-embed.wp-embed-aspect-1-2 .wp-block-embed__wrapper iframe,.wp-embed-responsive .wp-block-embed.wp-embed-aspect-4-3 .wp-block-embed__wrapper iframe,.wp-embed-responsive .wp-block-embed.wp-embed-aspect-9-16 .wp-block-embed__wrapper iframe,.wp-embed-responsive .wp-block-embed.wp-embed-aspect-16-9 .wp-block-embed__wrapper iframe,.wp-embed-responsive .wp-block-embed.wp-embed-aspect-18-9 .wp-block-embed__wrapper iframe,.wp-embed-responsive .wp-block-embed.wp-embed-aspect-21-9 .wp-block-embed__wrapper iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.wp-embed-responsive .wp-block-embed.wp-embed-aspect-21-9 .wp-block-embed__wrapper:before{padding-top:42.85%}.wp-embed-responsive .wp-block-embed.wp-embed-aspect-18-9 .wp-block-embed__wrapper:before{padding-top:50%}.wp-embed-responsive .wp-block-embed.wp-embed-aspect-16-9 .wp-block-embed__wrapper:before{padding-top:56.25%}.wp-embed-responsive .wp-block-embed.wp-embed-aspect-4-3 .wp-block-embed__wrapper:before{padding-top:75%}.wp-embed-responsive .wp-block-embed.wp-embed-aspect-1-1 .wp-block-embed__wrapper:before{padding-top:100%}.wp-embed-responsive .wp-block-embed.wp-embed-aspect-9-6 .wp-block-embed__wrapper:before{padding-top:66.66%}.wp-embed-responsive .wp-block-embed.wp-embed-aspect-1-2 .wp-block-embed__wrapper:before{padding-top:200%}.wp-block-file{margin-bottom:1.5em}.wp-block-file.aligncenter{text-align:center}.wp-block-file.alignright{text-align:right}.wp-block-file .wp-block-file__button{background:#32373c;border-radius:2em;color:#fff;font-size:13px;padding:.5em 1em}.wp-block-file a.wp-block-file__button{text-decoration:none}.wp-block-file a.wp-block-file__button:active,.wp-block-file a.wp-block-file__button:focus,.wp-block-file a.wp-block-file__button:hover,.wp-block-file a.wp-block-file__button:visited{box-shadow:none;color:#fff;opacity:.85;text-decoration:none}.wp-block-file *+.wp-block-file__button{margin-left:.75em}.wp-block-gallery{display:flex;flex-wrap:wrap;list-style-type:none;padding:0}.wp-block-gallery .blocks-gallery-image,.wp-block-gallery .blocks-gallery-item{margin:0 16px 16px 0;display:flex;flex-grow:1;flex-direction:column;justify-content:center;position:relative}.wp-block-gallery .blocks-gallery-image figure,.wp-block-gallery .blocks-gallery-item figure{margin:0;height:100%}@supports ((position:-webkit-sticky) or (position:sticky)){.wp-block-gallery .blocks-gallery-image figure,.wp-block-gallery .blocks-gallery-item figure{display:flex;align-items:flex-end;justify-content:flex-start}}.wp-block-gallery .blocks-gallery-image img,.wp-block-gallery .blocks-gallery-item img{display:block;max-width:100%;height:auto;width:100%}@supports ((position:-webkit-sticky) or (position:sticky)){.wp-block-gallery .blocks-gallery-image img,.wp-block-gallery .blocks-gallery-item img{width:auto}}.wp-block-gallery .blocks-gallery-image figcaption,.wp-block-gallery .blocks-gallery-item figcaption{position:absolute;bottom:0;width:100%;max-height:100%;overflow:auto;padding:40px 10px 5px;color:#fff;text-align:center;font-size:13px;background:linear-gradient(0deg,rgba(0,0,0,.7),rgba(0,0,0,.3) 60%,transparent)}.wp-block-gallery .blocks-gallery-image figcaption img,.wp-block-gallery .blocks-gallery-item figcaption img{display:inline}.wp-block-gallery.is-cropped .blocks-gallery-image a,.wp-block-gallery.is-cropped .blocks-gallery-image img,.wp-block-gallery.is-cropped .blocks-gallery-item a,.wp-block-gallery.is-cropped .blocks-gallery-item img{width:100%}@supports ((position:-webkit-sticky) or (position:sticky)){.wp-block-gallery.is-cropped .blocks-gallery-image a,.wp-block-gallery.is-cropped .blocks-gallery-image img,.wp-block-gallery.is-cropped .blocks-gallery-item a,.wp-block-gallery.is-cropped .blocks-gallery-item img{height:100%;flex:1;-o-object-fit:cover;object-fit:cover}}.wp-block-gallery .blocks-gallery-image,.wp-block-gallery .blocks-gallery-item{width:calc((100% - 16px)/2)}.wp-block-gallery .blocks-gallery-image:nth-of-type(2n),.wp-block-gallery .blocks-gallery-item:nth-of-type(2n){margin-right:0}.wp-block-gallery.columns-1 .blocks-gallery-image,.wp-block-gallery.columns-1 .blocks-gallery-item{width:100%;margin-right:0}@media (min-width:600px){.wp-block-gallery.columns-3 .blocks-gallery-image,.wp-block-gallery.columns-3 .blocks-gallery-item{width:calc((100% - 32px)/3);margin-right:16px}.wp-block-gallery.columns-4 .blocks-gallery-image,.wp-block-gallery.columns-4 .blocks-gallery-item{width:calc((100% - 48px)/4);margin-right:16px}.wp-block-gallery.columns-5 .blocks-gallery-image,.wp-block-gallery.columns-5 .blocks-gallery-item{width:calc((100% - 64px)/5);margin-right:16px}.wp-block-gallery.columns-6 .blocks-gallery-image,.wp-block-gallery.columns-6 .blocks-gallery-item{width:calc((100% - 80px)/6);margin-right:16px}.wp-block-gallery.columns-7 .blocks-gallery-image,.wp-block-gallery.columns-7 .blocks-gallery-item{width:calc((100% - 96px)/7);margin-right:16px}.wp-block-gallery.columns-8 .blocks-gallery-image,.wp-block-gallery.columns-8 .blocks-gallery-item{width:calc((100% - 112px)/8);margin-right:16px}.wp-block-gallery.columns-1 .blocks-gallery-image:nth-of-type(1n),.wp-block-gallery.columns-1 .blocks-gallery-item:nth-of-type(1n),.wp-block-gallery.columns-2 .blocks-gallery-image:nth-of-type(2n),.wp-block-gallery.columns-2 .blocks-gallery-item:nth-of-type(2n),.wp-block-gallery.columns-3 .blocks-gallery-image:nth-of-type(3n),.wp-block-gallery.columns-3 .blocks-gallery-item:nth-of-type(3n),.wp-block-gallery.columns-4 .blocks-gallery-image:nth-of-type(4n),.wp-block-gallery.columns-4 .blocks-gallery-item:nth-of-type(4n),.wp-block-gallery.columns-5 .blocks-gallery-image:nth-of-type(5n),.wp-block-gallery.columns-5 .blocks-gallery-item:nth-of-type(5n),.wp-block-gallery.columns-6 .blocks-gallery-image:nth-of-type(6n),.wp-block-gallery.columns-6 .blocks-gallery-item:nth-of-type(6n),.wp-block-gallery.columns-7 .blocks-gallery-image:nth-of-type(7n),.wp-block-gallery.columns-7 .blocks-gallery-item:nth-of-type(7n),.wp-block-gallery.columns-8 .blocks-gallery-image:nth-of-type(8n),.wp-block-gallery.columns-8 .blocks-gallery-item:nth-of-type(8n){margin-right:0}}.wp-block-gallery .blocks-gallery-image:last-child,.wp-block-gallery .blocks-gallery-item:last-child{margin-right:0}.wp-block-gallery .blocks-gallery-item.has-add-item-button{width:100%}.wp-block-gallery.alignleft,.wp-block-gallery.alignright{max-width:305px;width:100%}.wp-block-gallery.aligncenter,.wp-block-gallery.alignleft,.wp-block-gallery.alignright{display:flex}.wp-block-gallery.aligncenter .blocks-gallery-item figure{justify-content:center}.wp-block-image{max-width:100%;margin-bottom:1em;margin-left:0;margin-right:0}.wp-block-image img{max-width:100%}.wp-block-image.aligncenter{text-align:center}.wp-block-image.alignfull img,.wp-block-image.alignwide img{width:100%}.wp-block-image .aligncenter,.wp-block-image .alignleft,.wp-block-image .alignright,.wp-block-image.is-resized{display:table;margin-left:0;margin-right:0}.wp-block-image .aligncenter>figcaption,.wp-block-image .alignleft>figcaption,.wp-block-image .alignright>figcaption,.wp-block-image.is-resized>figcaption{display:table-caption;caption-side:bottom}.wp-block-image .alignleft{float:left;margin-right:1em}.wp-block-image .alignright{float:right;margin-left:1em}.wp-block-image .aligncenter{margin-left:auto;margin-right:auto}.wp-block-image figcaption{margin-top:.5em;margin-bottom:1em;color:#555d66;text-align:center;font-size:13px}.wp-block-latest-comments__comment{font-size:15px;line-height:1.1;list-style:none;margin-bottom:1em}.has-avatars .wp-block-latest-comments__comment{min-height:36px;list-style:none}.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt,.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta{margin-left:52px}.has-dates .wp-block-latest-comments__comment,.has-excerpts .wp-block-latest-comments__comment{line-height:1.5}.wp-block-latest-comments__comment-excerpt p{font-size:14px;line-height:1.8;margin:5px 0 20px}.wp-block-latest-comments__comment-date{color:#8f98a1;display:block;font-size:12px}.wp-block-latest-comments .avatar,.wp-block-latest-comments__comment-avatar{border-radius:24px;display:block;float:left;height:40px;margin-right:12px;width:40px}.wp-block-latest-posts.alignleft{margin-right:2em}.wp-block-latest-posts.alignright{margin-left:2em}.wp-block-latest-posts.is-grid{display:flex;flex-wrap:wrap;padding:0;list-style:none}.wp-block-latest-posts.is-grid li{margin:0 16px 16px 0;width:100%}@media (min-width:600px){.wp-block-latest-posts.columns-2 li{width:calc(50% - 16px)}.wp-block-latest-posts.columns-3 li{width:calc(33.33333% - 16px)}.wp-block-latest-posts.columns-4 li{width:calc(25% - 16px)}.wp-block-latest-posts.columns-5 li{width:calc(20% - 16px)}.wp-block-latest-posts.columns-6 li{width:calc(16.66667% - 16px)}}.wp-block-latest-posts__post-date{display:block;color:#6c7781;font-size:13px}.wp-block-media-text{display:grid;grid-template-rows:auto;align-items:center;grid-template-areas:"media-text-media media-text-content";grid-template-columns:50% auto}.wp-block-media-text.has-media-on-the-right{grid-template-areas:"media-text-content media-text-media";grid-template-columns:auto 50%}.wp-block-media-text .wp-block-media-text__media{grid-area:media-text-media;margin:0}.wp-block-media-text .wp-block-media-text__content{word-break:break-word;grid-area:media-text-content;padding:0 8%}.wp-block-media-text>figure>img,.wp-block-media-text>figure>video{max-width:unset;width:100%;vertical-align:middle}@media (max-width:600px){.wp-block-media-text.is-stacked-on-mobile{grid-template-columns:100%!important;grid-template-areas:"media-text-media" "media-text-content"}.wp-block-media-text.is-stacked-on-mobile.has-media-on-the-right{grid-template-areas:"media-text-content" "media-text-media"}}p.is-small-text{font-size:14px}p.is-regular-text{font-size:16px}p.is-large-text{font-size:36px}p.is-larger-text{font-size:48px}p.has-drop-cap:not(:focus):first-letter{float:left;font-size:8.4em;line-height:.68;font-weight:100;margin:.05em .1em 0 0;text-transform:uppercase;font-style:normal}p.has-drop-cap:not(:focus):after{content:"";display:table;clear:both;padding-top:14px}p.has-background{padding:20px 30px}p.has-text-color a{color:inherit}.wp-block-pullquote{padding:3em 0;margin-left:0;margin-right:0;text-align:center}.wp-block-pullquote.alignleft,.wp-block-pullquote.alignright{max-width:305px}.wp-block-pullquote.alignleft p,.wp-block-pullquote.alignright p{font-size:20px}.wp-block-pullquote p{font-size:28px;line-height:1.6}.wp-block-pullquote cite,.wp-block-pullquote footer{position:relative}.wp-block-pullquote .has-text-color a{color:inherit}.wp-block-pullquote:not(.is-style-solid-color){background:none}.wp-block-pullquote.is-style-solid-color{border:none}.wp-block-pullquote.is-style-solid-color blockquote{margin-left:auto;margin-right:auto;text-align:left;max-width:60%}.wp-block-pullquote.is-style-solid-color blockquote p{margin-top:0;margin-bottom:0;font-size:32px}.wp-block-pullquote.is-style-solid-color blockquote cite{text-transform:none;font-style:normal}.wp-block-pullquote cite{color:inherit}.wp-block-quote.is-large,.wp-block-quote.is-style-large{margin:0 0 16px;padding:0 1em}.wp-block-quote.is-large p,.wp-block-quote.is-style-large p{font-size:24px;font-style:italic;line-height:1.6}.wp-block-quote.is-large cite,.wp-block-quote.is-large footer,.wp-block-quote.is-style-large cite,.wp-block-quote.is-style-large footer{font-size:18px;text-align:right}.wp-block-separator.is-style-wide{border-bottom-width:1px}.wp-block-separator.is-style-dots{background:none;border:none;text-align:center;max-width:none;line-height:1;height:auto}.wp-block-separator.is-style-dots:before{content:"\00b7 \00b7 \00b7";color:#191e23;font-size:20px;letter-spacing:2em;padding-left:2em;font-family:serif}p.wp-block-subhead{font-size:1.1em;font-style:italic;opacity:.75}.wp-block-table.has-fixed-layout{table-layout:fixed;width:100%}.wp-block-table.aligncenter,.wp-block-table.alignleft,.wp-block-table.alignright{display:table;width:auto}.wp-block-table.is-style-stripes{border-spacing:0;border-collapse:inherit;border-bottom:1px solid #f3f4f5}.wp-block-table.is-style-stripes tr:nth-child(odd){background-color:#f3f4f5}.wp-block-table.is-style-stripes td{border-color:transparent}.wp-block-text-columns,.wp-block-text-columns.aligncenter{display:flex}.wp-block-text-columns .wp-block-column{margin:0 16px;padding:0}.wp-block-text-columns .wp-block-column:first-child{margin-left:0}.wp-block-text-columns .wp-block-column:last-child{margin-right:0}.wp-block-text-columns.columns-2 .wp-block-column{width:50%}.wp-block-text-columns.columns-3 .wp-block-column{width:33.33333%}.wp-block-text-columns.columns-4 .wp-block-column{width:25%}pre.wp-block-verse{white-space:nowrap;overflow:auto}.wp-block-video{margin-left:0;margin-right:0}.wp-block-video video{max-width:100%}@supports ((position:-webkit-sticky) or (position:sticky)){.wp-block-video [poster]{-o-object-fit:cover;object-fit:cover}}.wp-block-video.aligncenter{text-align:center}.wp-block-video figcaption{margin-top:.5em;margin-bottom:1em;color:#555d66;text-align:center;font-size:13px}.has-pale-pink-background-color.has-pale-pink-background-color{background-color:#f78da7}.has-vivid-red-background-color.has-vivid-red-background-color{background-color:#cf2e2e}.has-luminous-vivid-orange-background-color.has-luminous-vivid-orange-background-color{background-color:#ff6900}.has-luminous-vivid-amber-background-color.has-luminous-vivid-amber-background-color{background-color:#fcb900}.has-light-green-cyan-background-color.has-light-green-cyan-background-color{background-color:#7bdcb5}.has-vivid-green-cyan-background-color.has-vivid-green-cyan-background-color{background-color:#00d084}.has-pale-cyan-blue-background-color.has-pale-cyan-blue-background-color{background-color:#8ed1fc}.has-vivid-cyan-blue-background-color.has-vivid-cyan-blue-background-color{background-color:#0693e3}.has-very-light-gray-background-color.has-very-light-gray-background-color{background-color:#eee}.has-cyan-bluish-gray-background-color.has-cyan-bluish-gray-background-color{background-color:#abb8c3}.has-very-dark-gray-background-color.has-very-dark-gray-background-color{background-color:#313131}.has-pale-pink-color.has-pale-pink-color{color:#f78da7}.has-vivid-red-color.has-vivid-red-color{color:#cf2e2e}.has-luminous-vivid-orange-color.has-luminous-vivid-orange-color{color:#ff6900}.has-luminous-vivid-amber-color.has-luminous-vivid-amber-color{color:#fcb900}.has-light-green-cyan-color.has-light-green-cyan-color{color:#7bdcb5}.has-vivid-green-cyan-color.has-vivid-green-cyan-color{color:#00d084}.has-pale-cyan-blue-color.has-pale-cyan-blue-color{color:#8ed1fc}.has-vivid-cyan-blue-color.has-vivid-cyan-blue-color{color:#0693e3}.has-very-light-gray-color.has-very-light-gray-color{color:#eee}.has-cyan-bluish-gray-color.has-cyan-bluish-gray-color{color:#abb8c3}.has-very-dark-gray-color.has-very-dark-gray-color{color:#313131}.has-small-font-size{font-size:13px}.has-normal-font-size,.has-regular-font-size{font-size:16px}.has-medium-font-size{font-size:20px}.has-large-font-size{font-size:36px}.has-huge-font-size,.has-larger-font-size{font-size:42px}.awsm-grid-wrapper,
.awsm-grid-wrapper *,
.awsm-grid-wrapper::before,
.awsm-grid-wrapper::after {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.awsm-grid-wrapper figcaption,
.awsm-grid-wrapper figure {
display: block;
}
.awsm-grid-wrapper figure {
margin: 0;
-webkit-margin-before: 0;
-webkit-margin-after: 0;
-webkit-margin-start: 0;
-webkit-margin-end: 0;
}
html.awsm-popup-on{
height: 100%;
overflow: hidden;
}
.awsm-personal-info,
.awsm-contact-info,
.awsm-flip-front,
.awsm-flip-back-inner {
display: block;
}
.awsm-grid-wrapper a {
color: #aaa;
text-decoration: none;
}
.awsm-grid-wrapper a:hover,
.awsm-grid-wrapper a:active {
color: #333;
}
.grid-style,
.circles-style {
line-height: 1.2;
}
.clearfix::after,
.awsm-grid::after {
content: "";
clear: both;
display: block;
}
.awsm-grid-wrapper .awsm-grid {
list-style: none;
padding: 30px 0;
margin: 0 -15px;
}
.awsm-grid-wrapper .awsm-grid.drawer-style {
margin: 0;
}
.awsm-grid-wrapper .awsm-grid > .awsm-grid-card {
float: left;
width: 25%;
padding: 0 15px;
margin: 0 0 30px;
clear: none;
}
.awsm-grid-wrapper .grid-2-col > .awsm-grid-card {
width: 50%;
}
.awsm-grid-wrapper .grid-3-col > .awsm-grid-card {
width: 33.33%;
}
.awsm-grid-wrapper .grid-4-col > .awsm-grid-card {
width: 25%;
}
.awsm-grid-wrapper .grid-5-col > .awsm-grid-card {
width: 20%;
}
figure {
overflow: hidden;
}
.awsm-grid-wrapper a {
text-decoration: none;
-webkit-box-shadow: none;
box-shadow: none;
border-bottom: 0;
outline: none;
}
.awsm-grid-wrapper p {
line-height: 1.4;
}
.awsm-grid figure {
position: relative;
margin: 0 !important;
}
.awsm-grid figure img {
width: 100%;
display: block;
position: relative;
margin: 0;
border: none;
}
.awsm-grid-wrapper .awsm-grid h3 {
margin: 0 0 3px;
padding: 0;
font-size: 1.17em;
line-height: 1.4;
color: #1f1f1f;
}
.awsm-grid-wrapper ul {
list-style: none;
line-height: normal;
}
.awsm-grid-wrapper .awsm-social-icons {
padding: 0;
margin: 0 -5px;
}
.awsm-social-icons span {
display: inline-block;
padding: 0 5px;
margin-bottom: 2px;
}
.awsm-social-icons a {
display: block;
-webkit-transition: -webkit-transform 0.3s;
-moz-transition: -moz-transform 0.3s;
transition: -webkit-transform 0.3s;
-moz-transition: transform 0.3s, -moz-transform 0.3s;
transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s, -moz-transform 0.3s;
line-height: 1;
}
.awsm-social-icons a:hover {
-moz-transform: translateY(-4px);
-webkit-transform: translateY(-4px);
-ms-transform: translateY(-4px);
transform: translateY(-4px);
}
.awsm-grid-wrapper .awsm-contact-details {
margin-bottom: 20px;
}
.awsm-contact-details > p {
padding: 10px 0;
margin: 0 !important;
border-bottom: 1px dotted rgba(35, 35, 35, 0.2);
}
.awsm-contact-details span {
min-width: 100px;
margin-right: 6px;
}
figcaption p {
font-size: 14px;
}
figure figcaption a,
.awsm-popup-details a,
.awsm-popup-items a,
.drawer-style a {
-webkit-box-shadow: none;
box-shadow: none;
border-bottom: 0;
}
.awsm-grid-nav {
display: none !important;
}
.awsm-content-scrollbar {
padding-right: 30px;
}
.awsm-personal-details {
max-height: 293px;
overflow: hidden;
}
.awsm-personal-info {
position: relative;
margin-bottom: 15px;
}
.awsm-personal-info span {
text-transform: uppercase;
font-size: 0.815em;
line-height: 1.4;
display: block;
}
.awsm-contact-info p {
margin: 0 0 15px;
line-height: normal;
color: #1f1f1f;
}
.awsm-coming-soon {
text-align: center;
color: #333;
}
.awsm-grid-wrapper a.awsm-nav-item,
.awsm-grid-wrapper a.awsm-modal-close,
.awsm-grid-wrapper .awsm-contact-details a,
.awsm-grid-wrapper .awsm-social-icons a {
text-decoration: none;
border: none;
}
@media (max-width:1230px) {
.awsm-grid-wrapper .grid-5-col > .awsm-grid-card {
width: 25%;
}
}
@media (max-width:1024px) {
.awsm-grid-wrapper .awsm-grid > .awsm-grid-card {
width: 33.333%;
}
.awsm-grid-wrapper .grid-2-col > .awsm-grid-card {
width: 50%;
}
}
@media (max-width:992px) {
.awsm-grid-wrapper .awsm-grid > .awsm-grid-card {
width: 50%;
}
}
@media (max-width:830px) {
.awsm-popup-on body {
overflow: auto;
}
}
@media (max-width:678px) {
.awsm-grid-wrapper .awsm-grid > .awsm-grid-card {
width: 100%;
}
}
@font-face {
font-family: 'awsmicon';
src: url(//www.businesswatchgroup.co.uk/wp-content/plugins/awsm-team-pro/css/fonts/icomoon.eot);
src: url(//www.businesswatchgroup.co.uk/wp-content/plugins/awsm-team-pro/css/fonts/icomoon.eot) format('embedded-opentype'), url(//www.businesswatchgroup.co.uk/wp-content/plugins/awsm-team-pro/css/fonts/icomoon.ttf) format('truetype'), url(//www.businesswatchgroup.co.uk/wp-content/plugins/awsm-team-pro/css/fonts/icomoon.woff) format('woff'), url(//www.businesswatchgroup.co.uk/wp-content/plugins/awsm-team-pro/css/fonts/icomoon.svg) format('svg');
font-weight: normal;
font-style: normal;
}
[class^="awsm-icon-"],
[class*=" awsm-icon-"] { font-family: 'awsmicon' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.awsm-icon-yelp:before {
content: "\e900";
}
.awsm-icon-flattr:before {
content: "\e902";
}
.awsm-icon-xing:before {
content: "\e903";
}
.awsm-icon-xing2:before {
content: "\e904";
}
.awsm-icon-stumbleupon:before {
content: "\e905";
}
.awsm-icon-stumbleupon2:before {
content: "\e906";
}
.awsm-icon-delicious:before {
content: "\e907";
}
.awsm-icon-lastfm:before {
content: "\e908";
}
.awsm-icon-lastfm2:before {
content: "\e909";
}
.awsm-icon-hackernews:before {
content: "\e90a";
}
.awsm-icon-reddit:before {
content: "\e90b";
}
.awsm-icon-soundcloud:before {
content: "\e90c";
}
.awsm-icon-soundcloud2:before {
content: "\e90d";
}
.awsm-icon-yahoo:before {
content: "\e90e";
}
.awsm-icon-blogger2:before {
content: "\e90f";
}
.awsm-icon-ello:before {
content: "\e910";
}
.awsm-icon-wordpress2:before {
content: "\e911";
}
.awsm-icon-steam:before {
content: "\e912";
}
.awsm-icon-steam2:before {
content: "\e913";
}
.awsm-icon-500px:before {
content: "\e914";
}
.awsm-icon-deviantart:before {
content: "\e915";
}
.awsm-icon-twitch:before {
content: "\e916";
}
.awsm-icon-feed:before {
content: "\e917";
}
.awsm-icon-feed2:before {
content: "\e918";
}
.awsm-icon-sina-weibo:before {
content: "\e919";
}
.awsm-icon-renren:before {
content: "\e91a";
}
.awsm-icon-vk:before {
content: "\e91b";
}
.awsm-icon-vine:before {
content: "\e91c";
}
.awsm-icon-telegram:before {
content: "\e91d";
}
.awsm-icon-spotify:before {
content: "\e91e";
}
.awsm-icon-mail2:before {
content: "\e91f";
}
.awsm-icon-mail3:before {
content: "\e920";
}
.awsm-icon-arrow-down:before {
content: "\e60f";
}
.awsm-icon-arrow-left:before {
content: "\e610";
}
.awsm-icon-arrow-right:before {
content: "\e611";
}
.awsm-icon-close:before {
content: "\e612";
}
.awsm-icon-github:before {
content: "\e901";
}
.awsm-icon-mail:before {
content: "\e945";
}
.awsm-icon-link:before {
content: "\e9cb";
}
.awsm-icon-google-plus:before {
content: "\ea8b";
}
.awsm-icon-google-plus2:before {
content: "\ea8c";
}
.awsm-icon-hangouts:before {
content: "\ea8e";
}
.awsm-icon-google-drive:before {
content: "\ea8f";
}
.awsm-icon-facebook:before {
content: "\ea90";
}
.awsm-icon-facebook2:before {
content: "\ea91";
}
.awsm-icon-instagram:before {
content: "\ea92";
}
.awsm-icon-whatsapp:before {
content: "\ea93";
}
.awsm-icon-twitter:before {
content: "\ea96";
}
.awsm-icon-youtube:before {
content: "\ea9d";
}
.awsm-icon-vimeo:before {
content: "\eaa0";
}
.awsm-icon-vimeo2:before {
content: "\eaa1";
}
.awsm-icon-flickr:before {
content: "\eaa3";
}
.awsm-icon-flickr2:before {
content: "\eaa4";
}
.awsm-icon-dribbble:before {
content: "\eaa7";
}
.awsm-icon-behance:before {
content: "\eaa8";
}
.awsm-icon-behance2:before {
content: "\eaa9";
}
.awsm-icon-dropbox:before {
content: "\eaae";
}
.awsm-icon-wordpress:before {
content: "\eab4";
}
.awsm-icon-blogger:before {
content: "\eab8";
}
.awsm-icon-tumblr:before {
content: "\eab9";
}
.awsm-icon-tumblr2:before {
content: "\eaba";
}
.awsm-icon-skype:before {
content: "\eac5";
}
.awsm-icon-linkedin2:before {
content: "\eac9";
}
.awsm-icon-linkedin:before {
content: "\eaca";
}
.awsm-icon-stackoverflow:before {
content: "\ead0";
}
.awsm-icon-pinterest2:before {
content: "\ead1";
}
.awsm-icon-pinterest:before {
content: "\ead2";
}
.awsm-icon-foursquare:before {
content: "\ead6";
}   .mCustomScrollbar{ -ms-touch-action: pinch-zoom; touch-action: pinch-zoom; }
.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action{ -ms-touch-action: auto; touch-action: auto; }
.mCustomScrollBox{ position: relative;
overflow: hidden;
height: 100%;
max-width: 100%;
outline: none;
direction: ltr;
}
.mCSB_container{ overflow: hidden;
width: auto;
height: auto;
} .mCSB_inside > .mCSB_container{ }
.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; } .mCS-dir-rtl > .mCSB_inside > .mCSB_container{ margin-right: 0;
margin-left: 30px;
}
.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-left: 0; } .mCSB_scrollTools{ position: absolute;
width: 16px;
height: auto;
left: auto;
top: 0;
right: 0;
bottom: 0;
}
.mCSB_outside + .mCSB_scrollTools{ right: -26px; } .mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, 
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ right: auto;
left: 0;
}
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ left: -26px; } .mCSB_scrollTools .mCSB_draggerContainer{ position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
height: auto;
animation: fadeIn 1s;
-webkit-animation: fadeIn 1s;
-moz-animation: fadeIn 1s;
}
.mCSB_scrollTools a + .mCSB_draggerContainer{ margin: 20px 0; }
.mCSB_scrollTools .mCSB_draggerRail{
width: 2px;
height: 100%;
margin: 0 auto; border-radius: 16px;
}
.mCSB_scrollTools .mCSB_dragger{ cursor: pointer;
width: 100%;
height: 30px; z-index: 1;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ position: relative;
width: 4px;
height: 100%;
margin: 0 auto; border-radius: 16px;
text-align: center;
}
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 12px; }
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 8px; }
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown{
display: block;
position: absolute;
height: 20px;
width: 100%;
overflow: hidden;
margin: 0 auto;
cursor: pointer;
}
.mCSB_scrollTools .mCSB_buttonDown{ bottom: 0; } .mCSB_horizontal.mCSB_inside > .mCSB_container{
margin-right: 0;
margin-bottom: 30px;
}
.mCSB_horizontal.mCSB_outside > .mCSB_container{ min-height: 100%; }
.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal{
width: auto;
height: 16px;
top: auto;
right: 0;
bottom: 0;
left: 0;
}
.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: -26px; } .mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer{ margin: 0 20px; }
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{
width: 100%;
height: 2px;
margin: 7px 0;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{
width: 30px; height: 100%;
left: 0;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
width: 100%;
height: 4px;
margin: 6px auto;
}
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
height: 12px; margin: 2px auto;
}
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
height: 8px; margin: 4px 0;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{
display: block;
position: absolute;
width: 20px;
height: 100%;
overflow: hidden;
margin: 0 auto;
cursor: pointer;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{ left: 0; }
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ right: 0; } .mCSB_container_wrapper{
position: absolute;
height: auto;
width: auto;
overflow: hidden;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin-right: 30px;
margin-bottom: 30px;
}
.mCSB_container_wrapper > .mCSB_container{
padding-right: 30px;
padding-bottom: 30px;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}
.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 20px; }
.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 20px; } .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 0; } .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 0; } .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 20px; } .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 0; }
.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper{ margin-right: 0;
margin-left: 30px;
}
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container{ padding-right: 0; }
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container{ padding-bottom: 0; }
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{
margin-right: 0; margin-left: 0;
} .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } .mCSB_scrollTools, 
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight{
-webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
-moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
}
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, 
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, 
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail{
-webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, 
margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
opacity .2s ease-in-out, background-color .2s ease-in-out; 
-moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, 
margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
opacity .2s ease-in-out, background-color .2s ease-in-out; 
transition: width .2s ease-out .2s, height .2s ease-out .2s, 
margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
opacity .2s ease-in-out, background-color .2s ease-in-out; 
}   .mCSB_scrollTools{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; }
.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)"; }
.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollBox:hover > .mCSB_scrollTools,
.mCustomScrollBox:hover ~ .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; }
.mCSB_scrollTools .mCSB_draggerRail{
background-color: #000; background-color: rgba(0,0,0,0.4);
filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; 
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
background-color: #fff; background-color: rgba(255,255,255,0.75);
filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; 
}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
background-color: #fff; background-color: rgba(255,255,255,0.85);
filter: "alpha(opacity=85)"; -ms-filter: "alpha(opacity=85)"; 
}
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
background-color: #fff; background-color: rgba(255,255,255,0.9);
filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; 
}
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight{
background-image: url(//www.businesswatchgroup.co.uk/wp-content/plugins/awsm-team-pro/css/mCSB_buttons.png); background-repeat: no-repeat;
opacity: 0.4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; 
}
.mCSB_scrollTools .mCSB_buttonUp{
background-position: 0 0; }
.mCSB_scrollTools .mCSB_buttonDown{
background-position: 0 -20px; }
.mCSB_scrollTools .mCSB_buttonLeft{
background-position: 0 -40px; }
.mCSB_scrollTools .mCSB_buttonRight{
background-position: 0 -56px; }
.mCSB_scrollTools .mCSB_buttonUp:hover,
.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; }
.mCSB_scrollTools .mCSB_buttonUp:active,
.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active{ opacity: 0.9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; } .mCS-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); width: 5px; }
.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.85); }
.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.9); }
.mCS-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; }
.mCS-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; }
.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; }
.mCS-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; }  .mCS-light-2.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{
width: 4px;
background-color: #fff; background-color: rgba(255,255,255,0.1); border-radius: 1px;
}
.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
width: 4px;
background-color: #fff; background-color: rgba(255,255,255,0.75); border-radius: 1px;
}
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
width: 100%;
height: 4px;
margin: 6px auto;
}
.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }
.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); }
.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px 0; }
.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{	background-position: -32px -20px; }
.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{	background-position: -40px -40px; }
.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -56px; } .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{
background-color: #000; background-color: rgba(0,0,0,0.1); border-radius: 1px;
}
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
background-color: #000; background-color: rgba(0,0,0,0.75); border-radius: 1px;
}
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px 0; }
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -20px; }
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -40px; }
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -56px; }  .mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{
width: 4px;
background-color: #fff; background-color: rgba(255,255,255,0.1); border-radius: 2px;
}
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
width: 6px;
background-color: #fff; background-color: rgba(255,255,255,0.75); border-radius: 2px;
}
.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{
width: 100%;
height: 4px;
margin: 6px 0;
}
.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
width: 100%;
height: 6px;
margin: 5px auto;
}
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); }
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px 0; }
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown{	background-position: -16px -20px; }
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft{	background-position: -20px -40px; }
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -56px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{
background-color: #000; background-color: rgba(0,0,0,0.1); border-radius: 2px;
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
background-color: #000; background-color: rgba(0,0,0,0.75); border-radius: 2px;
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px 0; }
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -20px; }
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -40px; }
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight{	background-position: -100px -56px; }  .mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.1); }
.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 2px; }
.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; }
.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
width: 100%;
height: 2px;
margin: 7px auto;
} .mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp{	background-position: -80px 0; }
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; }
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; }
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; }  .mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.15); }
.mCS-rounded.mCSB_scrollTools .mCSB_dragger, 
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, 
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, 
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger{ height: 14px; }
.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
width: 14px;
margin: 0 1px;
}
.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger, 
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, 
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, 
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 14px; }
.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
height: 14px;
margin: 1px 0;
}
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, 
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
width: 16px; height: 16px;
margin: -1px 0;
}
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 4px; }
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, 
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
height: 16px; width: 16px;
margin: 0 -1px;
}
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
height: 4px; margin: 6px 0;
}
.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 -72px; }
.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -92px; }
.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -112px; }
.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -128px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px -72px; }
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -92px; }
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -112px; }
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -128px; } .mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail, 
.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail{ width: 4px; }
.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
background-color: transparent;
background-position: center;
}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==);
background-repeat: repeat-y;
opacity: 0.3;
filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; 
}
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
height: 4px;
margin: 6px 0;
background-repeat: repeat-x;
}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px -72px; }
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -92px; }
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -112px; }
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -128px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=);
}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px -72px; }
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -92px; }
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -112px; }
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -128px; }  .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
background-repeat: repeat-y;
background-image: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0)));
background-image: -webkit-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
background-image: -webkit-gradient(linear, left top, right top, from(rgba(255,255,255,0.5)),to(rgba(255,255,255,0)));
background-image: -moz- oldlinear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
background-image: linear-gradient(to right, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
}
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
background-repeat: repeat-x;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0)));
background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.5)),to(rgba(255,255,255,0)));
background-image: -moz- oldlinear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
background-image: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
} .mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger, 
.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 70px; }
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger, 
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 70px; }
.mCS-3d.mCSB_scrollTools, 
.mCS-3d-dark.mCSB_scrollTools{
opacity: 1;
filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; 
}
.mCS-3d.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ border-radius: 16px; }
.mCS-3d.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{
width: 8px;
background-color: #000; background-color: rgba(0,0,0,0.2);
-webkit-box-shadow: inset 1px 0 1px rgba(0,0,0,0.5), inset -1px 0 1px rgba(255,255,255,0.2);
box-shadow: inset 1px 0 1px rgba(0,0,0,0.5), inset -1px 0 1px rgba(255,255,255,0.2);
}
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 	 
.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; }
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 8px; }
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
width: 100%;
height: 8px;
margin: 4px 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.5), inset 0 -1px 1px rgba(255,255,255,0.2);
box-shadow: inset 0 1px 1px rgba(0,0,0,0.5), inset 0 -1px 1px rgba(255,255,255,0.2);
}
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
width: 100%;
height: 8px;
margin: 4px auto;
}
.mCS-3d.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
.mCS-3d.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }
.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }
.mCS-3d.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{
background-color: #000; background-color: rgba(0,0,0,0.1);
-webkit-box-shadow: inset 1px 0 1px rgba(0,0,0,0.1);
box-shadow: inset 1px 0 1px rgba(0,0,0,0.1);
}
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); }
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }  .mCS-3d-thick.mCSB_scrollTools, 
.mCS-3d-thick-dark.mCSB_scrollTools{
opacity: 1;
filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; 
}
.mCS-3d-thick.mCSB_scrollTools, 
.mCS-3d-thick-dark.mCSB_scrollTools, 
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer, 
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ border-radius: 7px; }
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ border-radius: 5px; }
.mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical, 
.mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ right: 1px; }
.mCS-3d-thick.mCSB_scrollTools_vertical, 
.mCS-3d-thick-dark.mCSB_scrollTools_vertical{ -webkit-box-shadow: inset 1px 0 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); box-shadow: inset 1px 0 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); }
.mCS-3d-thick.mCSB_scrollTools_horizontal, 
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{
bottom: 1px;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5);
box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5);
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
-webkit-box-shadow: inset 1px 0 0 rgba(255,255,255,0.4);
box-shadow: inset 1px 0 0 rgba(255,255,255,0.4);
width: 12px;
margin: 2px;
position: absolute;
height: auto;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.4); box-shadow: inset 0 1px 0 rgba(255,255,255,0.4); }
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,  
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; }
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
height: 12px;
width: auto;
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{
background-color: #000; background-color: rgba(0,0,0,0.05);
-webkit-box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1);
box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1);
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight{	background-position: -40px -128px; } .mCS-3d-thick-dark.mCSB_scrollTools{ -webkit-box-shadow: inset 0 0 14px rgba(0,0,0,0.2); box-shadow: inset 0 0 14px rgba(0,0,0,0.2); }
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.2); box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.2); }
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-box-shadow: inset 1px 0 0 rgba(255,255,255,0.4), inset -1px 0 0 rgba(0,0,0,0.2); box-shadow: inset 1px 0 0 rgba(255,255,255,0.4), inset -1px 0 0 rgba(0,0,0,0.2); }
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), inset 0 -1px 0 rgba(0,0,0,0.2); box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), inset 0 -1px 0 rgba(0,0,0,0.2); }
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,  
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #777; }
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{
background-color: #fff; background-color: rgba(0,0,0,0.05);
-webkit-box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1);
box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1);
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }  .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, 
.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{
right: 0; 
margin: 12px 0; 
}
.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{
bottom: 0; 
margin: 0 12px; 
} .mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, 
.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{
left: 0; 
right: auto;
}
.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }
.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger, 
.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 50px; }
.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger, 
.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 50px; }
.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
background-color: #fff; background-color: rgba(255,255,255,0.2);
filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; 
}
.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
background-color: #fff; background-color: rgba(255,255,255,0.5);
filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; 
} .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
background-color: #000; background-color: rgba(0,0,0,0.2);
filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; 
}
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
background-color: #000; background-color: rgba(0,0,0,0.5);
filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; 
}  .mCS-light-3.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{
width: 6px;
background-color: #000; background-color: rgba(0,0,0,0.2);
}
.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; }
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{
width: 100%;
height: 6px;
margin: 5px 0;
}
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
width: 12px;
}
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
height: 12px;
margin: 2px 0;
}
.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }
.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }
.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); }
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }  .mCS-inset.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{
width: 12px;
background-color: #000; background-color: rgba(0,0,0,0.2);
}
.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ 
width: 6px;
margin: 3px 5px;
position: absolute;
height: auto;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
height: 6px;
margin: 5px 3px;
position: absolute;
width: auto;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
width: 100%;
height: 12px;
margin: 2px 0;
}
.mCS-inset.mCSB_scrollTools .mCSB_buttonUp, 
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, 
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
.mCS-inset.mCSB_scrollTools .mCSB_buttonDown, 
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, 
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }
.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft, 
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, 
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }
.mCS-inset.mCSB_scrollTools .mCSB_buttonRight, 
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, 
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); }
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp, 
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, 
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown, 
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, 
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft, 
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, 
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight, 
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, 
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; } .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{
background-color: transparent;
border-width: 1px;
border-style: solid;
border-color: #fff;
border-color: rgba(255,255,255,0.2);
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ border-color: #000; border-color: rgba(0,0,0,0.2); } .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.6); }
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.6); }
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.75); }
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); } @-webkit-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-moz-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}  .cards-style.style-1 figure {
overflow: hidden;
padding: 30px 0 100px;
background: #fff;
border: 1px solid rgba(0, 0, 0, 0.1);
}
.cards-style.style-1 figure::before {
content: "";
background: rgba(255, 255, 255, 0.9); background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.6) 37%, rgba(255, 255, 255, 1) 78%, rgba(255, 255, 255, 1) 100%); background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(37%, rgba(255, 255, 255, 0.6)), color-stop(78%, rgba(255, 255, 255, 1)), to(rgba(255, 255, 255, 1)));
background: -moz- oldlinear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.6) 37%, rgba(255, 255, 255, 1) 78%, rgba(255, 255, 255, 1) 100%);
background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.6) 37%, rgba(255, 255, 255, 1) 78%, rgba(255, 255, 255, 1) 100%); position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
-moz-transform: translateY(100%) translateY(-90px);
-webkit-transform: translateY(100%) translateY(-90px);
-ms-transform: translateY(100%) translateY(-90px);
transform: translateY(100%) translateY(-90px);
-webkit-transition: -webkit-transform 0.4s;
-moz-transition: -moz-transform 0.4s;
transition: -webkit-transform 0.4s;
-moz-transition: transform 0.4s, -moz-transform 0.4s;
transition: transform 0.4s;
transition: transform 0.4s, -webkit-transform 0.4s, -moz-transform 0.4s;
z-index: 1;
}
.cards-style.style-1 figure img {
-webkit-transition: -webkit-transform 0.8s;
-moz-transition: -moz-transform 0.8s;
transition: -webkit-transform 0.8s;
-moz-transition: transform 0.8s, -moz-transform 0.8s;
transition: transform 0.8s;
transition: transform 0.8s, -webkit-transform 0.8s, -moz-transform 0.8s;
border-radius: 50%;
-webkit-border-radius: 50%;
max-width: 160px;
margin: 0 auto;
display: block;
}
.cards-style.style-1 figcaption {
bottom: 0;
left: 0;
right: 0;
position: absolute;
padding: 30px 20px;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
-moz-transform: translateY(100%) translateY(-100px);
-webkit-transform: translateY(100%) translateY(-100px);
-ms-transform: translateY(100%) translateY(-100px);
transform: translateY(100%) translateY(-100px);
-webkit-transition: -webkit-transform 0.4s;
-moz-transition: -moz-transform 0.4s;
transition: -webkit-transform 0.4s;
-moz-transition: transform 0.4s, -moz-transform 0.4s;
transition: transform 0.4s;
transition: transform 0.4s, -webkit-transform 0.4s, -moz-transform 0.4s;
text-align: center;
z-index: 2;
color: #000;
}
.cards-style.style-1 figcaption a {
color: #000;
}
.cards-style.style-1 figcaption p {
font-size: 14px;
}
.cards-style.style-1 .awsm-contact-info {
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%);
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: -webkit-transform 0.4s;
-moz-transition: -moz-transform 0.4s;
transition: -webkit-transform 0.4s;
-moz-transition: transform 0.4s, -moz-transform 0.4s;
transition: transform 0.4s;
transition: transform 0.4s, -webkit-transform 0.4s, -moz-transform 0.4s;
opacity: 0;
visibility: hidden;
}
.no-touchevents .cards-style.style-1 figure:hover img,
.cards-style.style-1 figure.cs-hover img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.no-touchevents .cards-style.style-1 figure:hover figcaption,
.cards-style.style-1 figure.cs-hover figcaption,
.no-touchevents .cards-style.style-1 figure:hover::before,
.cards-style.style-1 figure.cs-hover::before {
-webkit-transform: translateY(0px) translateY(0px);
-moz-transform: translateY(0px) translateY(0px);
-ms-transform: translateY(0px) translateY(0px);
transform: translateY(0px) translateY(0px);
}
.no-touchevents .cards-style.style-1 figure:hover .awsm-contact-info,
.cards-style.style-1 figure.cs-hover .awsm-contact-info {
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
opacity: 1;
visibility: visible;
} .cards-style .awsm-flip-back {
font-size: 0;
}
.cards-style figcaption::after {
content: "";
height: 100%;
display: inline-block;
vertical-align: middle;
width: 1px;
}
.cards-style .awsm-flip-back-inner {
display: inline-block;
width: -webkit-calc(100% - 1px);
width: -moz-calc(100% - 1px);
width: calc(100% - 1px);
vertical-align: middle;
font-size: 14px;
}
.cards-style.style-2 figure {
overflow: hidden;
text-align: center;
}
.cards-style.style-2 figure {
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.cards-style.style-2 figure img {
border-radius: 50%;
-webkit-border-radius: 50%;
max-width: 160px;
margin: 0 auto;
display: block;
}
.cards-style.style-2 .awsm-flip-front,
.cards-style.style-2 figcaption {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
padding: 30px 20px;
background: #fff;
border: 1px solid rgba(0, 0, 0, 0.1);
color: #000;
-webkit-transition: -webkit-transform 0.6s, z-index 0.7s;
-moz-transition: -moz-transform 0.6s, z-index 0.7s;
-webkit-transition: z-index 0.7s, -webkit-transform 0.6s;
transition: z-index 0.7s, -webkit-transform 0.6s;
-moz-transition: transform 0.6s, z-index 0.7s, -moz-transform 0.6s;
transition: transform 0.6s, z-index 0.7s;
transition: transform 0.6s, z-index 0.7s, -webkit-transform 0.6s, -moz-transform 0.6s;
}
.cards-style.style-2 .awsm-flip-front {
-moz-transform: rotateY(0deg);
-webkit-transform: rotateY(0deg);
-ms-transform: rotateY(0deg);
transform: rotateY(0deg);
position: relative;
}
.cards-style.style-2 .awsm-flip-front .awsm-personal-info {
padding-top: 20px;
}
.cards-style.style-2 figcaption {
-moz-transform: rotateY(180deg);
-webkit-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
transform: rotateY(180deg);
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
}
.cards-style.style-2 figcaption a {
color: #000;
}
.no-touchevents .cards-style.style-2 figure:hover .awsm-flip-front,
.cards-style.style-2 figure.cs-hover .awsm-flip-front {
-moz-transform: rotateY(180deg);
-webkit-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
transform: rotateY(180deg);
}
.no-touchevents .cards-style.style-2 figure:hover figcaption,
.cards-style.style-2 figure.cs-hover figcaption {
-moz-transform: rotateY(0deg);
-webkit-transform: rotateY(0deg);
-ms-transform: rotateY(0deg);
transform: rotateY(0deg);
} .cards-style.style-3 figure {
overflow: hidden;
padding: 20px 20px 100px;
background: #fff;
border: 1px solid rgba(0, 0, 0, 0.1);
}
.cards-style.style-3 figure::before {
content: "";
background: rgba(255, 255, 255, 0.9); background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.6) 20%, rgba(255, 255, 255, 1) 78%, rgba(255, 255, 255, 1) 100%); background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.3)), color-stop(20%, rgba(255, 255, 255, 0.6)), color-stop(78%, rgba(255, 255, 255, 1)), to(rgba(255, 255, 255, 1)));
background: -moz- oldlinear-gradient(top, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.6) 20%, rgba(255, 255, 255, 1) 78%, rgba(255, 255, 255, 1) 100%);
background: linear-gradient(to bottom, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.6) 20%, rgba(255, 255, 255, 1) 78%, rgba(255, 255, 255, 1) 100%); position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
-moz-transform: translateY(100%) translateY(-90px);
-webkit-transform: translateY(100%) translateY(-90px);
-ms-transform: translateY(100%) translateY(-90px);
transform: translateY(100%) translateY(-90px);
-webkit-transition: -webkit-transform 0.4s;
-moz-transition: -moz-transform 0.4s;
transition: -webkit-transform 0.4s;
-moz-transition: transform 0.4s, -moz-transform 0.4s;
transition: transform 0.4s;
transition: transform 0.4s, -webkit-transform 0.4s, -moz-transform 0.4s;
z-index: 1;
}
.cards-style.style-3 figure img {
-webkit-transition: -webkit-transform 0.8s;
-moz-transition: -moz-transform 0.8s;
transition: -webkit-transform 0.8s;
-moz-transition: transform 0.8s, -moz-transform 0.8s;
transition: transform 0.8s;
transition: transform 0.8s, -webkit-transform 0.8s, -moz-transform 0.8s;
}
.cards-style.style-3 figcaption {
bottom: 0;
left: 0;
right: 0;
position: absolute;
padding: 30px 20px;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
-moz-transform: translateY(100%) translateY(-100px);
-webkit-transform: translateY(100%) translateY(-100px);
-ms-transform: translateY(100%) translateY(-100px);
transform: translateY(100%) translateY(-100px);
-webkit-transition: -webkit-transform 0.4s;
-moz-transition: -moz-transform 0.4s;
transition: -webkit-transform 0.4s;
-moz-transition: transform 0.4s, -moz-transform 0.4s;
transition: transform 0.4s;
transition: transform 0.4s, -webkit-transform 0.4s, -moz-transform 0.4s;
text-align: center;
z-index: 2;
color: #000;
}
.cards-style.style-3 figcaption a {
color: #000;
}
.cards-style.style-3 figcaption p {
font-size: 14px;
}
.cards-style.style-3 .awsm-contact-info {
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%);
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: -webkit-transform 0.4s;
-moz-transition: -moz-transform 0.4s;
transition: -webkit-transform 0.4s;
-moz-transition: transform 0.4s, -moz-transform 0.4s;
transition: transform 0.4s;
transition: transform 0.4s, -webkit-transform 0.4s, -moz-transform 0.4s;
opacity: 0;
visibility: hidden;
}
.no-touchevents .cards-style.style-3 figure:hover img,
.cards-style.style-3 figure.cs-hover img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.no-touchevents .cards-style.style-3 figure:hover figcaption,
.cards-style.style-3 figure.cs-hover figcaption,
.no-touchevents .cards-style.style-3 figure:hover::before,
.cards-style.style-3 figure.cs-hover::before {
-webkit-transform: translateY(0px) translateY(0px);
-moz-transform: translateY(0px) translateY(0px);
-ms-transform: translateY(0px) translateY(0px);
transform: translateY(0px) translateY(0px);
}
.no-touchevents .cards-style.style-3 figure:hover .awsm-contact-info,
.cards-style.style-3 figure.cs-hover .awsm-contact-info {
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
opacity: 1;
visibility: visible;
} .cards-style.style-4 {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-flex-flow: row wrap;
}
.cards-style.style-4::after {
display: none;
}
.cards-style.style-4 figure {
padding: 20px 20px 0;
background: #fff;
border: 1px solid rgba(0, 0, 0, 0.1);
position: relative;
}
.cards-style.style-4 figure img {
-webkit-transition: -webkit-transform 0.5s;
-moz-transition: -moz-transform 0.5s;
transition: -webkit-transform 0.5s;
-moz-transition: transform 0.5s, -moz-transform 0.5s;
transition: transform 0.5s;
transition: transform 0.5s, -webkit-transform 0.5s, -moz-transform 0.5s;
}
.cards-style.style-4 figcaption {
padding: 20px;
text-align: center;
z-index: 2;
color: #000;
}
.cards-style.style-4 figcaption a {
color: #000;
}
.cards-style.style-4 figcaption p {
font-size: 14px;
}
.no-touchevents .cards-style.style-4 figure:hover img,
.cards-style.style-4 figure.cs-hover img {
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
} .circles-style.style-1 figure {
border-radius: 50%;
-webkit-border-radius: 50%;
position: relative;
z-index: 1;
}
.circles-style.style-1 figure::before {
content: "";
background: rgba(0, 0, 0, 0.75);
position: absolute;
left: 10px;
top: 10px;
right: 10px;
bottom: 10px;
opacity: 0;
border-radius: 50%;
-webkit-border-radius: 50%;
-webkit-transform: scale(0.6);
-moz-transform: scale(0.6);
-ms-transform: scale(0.6);
transform: scale(0.6);
-webkit-transition: -webkit-transform 0.4s, opacity 0.2s;
-moz-transition: -moz-transform 0.4s, opacity 0.2s;
-webkit-transition: opacity 0.2s, -webkit-transform 0.4s;
transition: opacity 0.2s, -webkit-transform 0.4s;
-moz-transition: transform 0.4s, opacity 0.2s, -moz-transform 0.4s;
transition: transform 0.4s, opacity 0.2s;
transition: transform 0.4s, opacity 0.2s, -webkit-transform 0.4s, -moz-transform 0.4s;
z-index: 1;
}
.circles-style.style-1 figure img {
-webkit-transition: -webkit-transform 0.8s;
-moz-transition: -moz-transform 0.8s;
transition: -webkit-transform 0.8s;
-moz-transition: transform 0.8s, -moz-transform 0.8s;
transition: transform 0.8s;
transition: transform 0.8s, -webkit-transform 0.8s, -moz-transform 0.8s;
border-radius: 50%;
-webkit-border-radius: 50%;
}
.circles-style.style-1 figcaption {
bottom: 10px;
left: 10px;
right: 10px;
position: absolute;
border-radius: 50%;
-webkit-border-radius: 50%;
padding: 25px;
color: #fff;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
-moz-transform: translateY(100%) translateY(-90px);
-webkit-transform: translateY(100%) translateY(-90px);
-ms-transform: translateY(100%) translateY(-90px);
transform: translateY(100%) translateY(-90px);
-webkit-transition: -webkit-transform 0.4s;
-moz-transition: -moz-transform 0.4s;
transition: -webkit-transform 0.4s;
-moz-transition: transform 0.4s, -moz-transform 0.4s;
transition: transform 0.4s;
transition: transform 0.4s, -webkit-transform 0.4s, -moz-transform 0.4s;
text-align: center;
z-index: 2;
}
.circles-style.style-1 figcaption a,
.circles-style.style-1 figcaption p,
.circles-style.style-1 figcaption h3 {
color: #fff;
}
.circles-style.style-1 figcaption p {
font-size: 14px;
}
.circles-style.style-1 .awsm-contact-info {
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%);
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: -webkit-transform 0.4s, opacity 0.4s 0.2s;
-moz-transition: -moz-transform 0.4s, opacity 0.4s 0.2s;
-webkit-transition: opacity 0.4s 0.2s, -webkit-transform 0.4s;
transition: opacity 0.4s 0.2s, -webkit-transform 0.4s;
-moz-transition: transform 0.4s, opacity 0.4s 0.2s, -moz-transform 0.4s;
transition: transform 0.4s, opacity 0.4s 0.2s;
transition: transform 0.4s, opacity 0.4s 0.2s, -webkit-transform 0.4s, -moz-transform 0.4s;
opacity: 0;
visibility: hidden;
}
.no-touchevents .circles-style.style-1 figure:hover::before,
.circles-style.style-1 figure.cs-hover::before {
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.no-touchevents .circles-style.style-1 figure:hover img,
.circles-style.style-1 figure.cs-hover img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.no-touchevents .circles-style.style-1 figure:hover figcaption,
.circles-style.style-1 figure.cs-hover figcaption {
-webkit-transform: translateY(0px) translateY(0px);
-moz-transform: translateY(0px) translateY(0px);
-ms-transform: translateY(0px) translateY(0px);
transform: translateY(0px) translateY(0px);
}
.no-touchevents .circles-style.style-1 figure:hover .awsm-contact-info,
.circles-style.style-1 figure.cs-hover .awsm-contact-info {
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
opacity: 1;
visibility: visible;
} .circles-style .awsm-flip-back {
font-size: 0;
}
.circles-style figcaption::after {
content: "";
height: 100%;
display: inline-block;
vertical-align: middle;
width: 1px;
}
.circles-style .awsm-flip-back-inner {
display: inline-block;
width: -webkit-calc(100% - 1px);
width: -moz-calc(100% - 1px);
width: calc(100% - 1px);
vertical-align: middle;
font-size: 14px;
}
.circles-style.style-2 figure {
text-align: center;
}
.circles-style.style-2 figure img {
border-radius: 50%;
-webkit-border-radius: 50%;
margin: 0 auto;
display: block;
}
.circles-style.style-2 .awsm-flip-front,
.circles-style.style-2 figcaption {
color: #000;
-webkit-transition: -webkit-transform 0.6s;
-moz-transition: -moz-transform 0.6s;
transition: -webkit-transform 0.6s;
-moz-transition: transform 0.6s, -moz-transform 0.6s;
transition: transform 0.6s;
transition: transform 0.6s, -webkit-transform 0.6s, -moz-transform 0.6s;
}
.circles-style.style-2 .awsm-flip-front {
z-index: 2;
-webkit-transform-origin: top;
-moz-transform-origin: top;
-ms-transform-origin: top;
transform-origin: top;
position: relative;
}
.circles-style.style-2 figcaption {
border-radius: 50%;
-webkit-border-radius: 50%;
z-index: 1;
padding: 30px 20px;
background: #fff;
border: 1px solid rgba(0, 0, 0, 0.1);
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
}
.circles-style.style-2 figcaption a {
color: #000;
}
.no-touchevents .circles-style.style-2 figure:hover .awsm-flip-front,
.circles-style.style-2 figure.cs-hover .awsm-flip-front {
-moz-transform: rotateX(100deg);
-webkit-transform: rotateX(100deg);
-ms-transform: rotateX(100deg);
transform: rotateX(100deg);
} .circles-style .awsm-flip-back {
font-size: 0;
}
.circles-style figcaption::after {
content: "";
height: 100%;
display: inline-block;
vertical-align: middle;
width: 1px;
}
.circles-style .awsm-flip-back-inner {
display: inline-block;
width: -webkit-calc(100% - 1px);
width: -moz-calc(100% - 1px);
width: calc(100% - 1px);
vertical-align: middle;
font-size: 14px;
}
.circles-style.style-3 figure {
text-align: center;
border-radius: 50%;
-webkit-border-radius: 50%;
overflow: hidden;
}
.circles-style.style-3 figure img {
border-radius: 50%;
-webkit-border-radius: 50%;
margin: 0 auto;
display: block;
}
.circles-style.style-3 .awsm-flip-front,
.circles-style.style-3 figcaption {
color: #000;
}
.circles-style.style-3 .awsm-flip-front {
z-index: 2;
-webkit-transition: -webkit-transform 0.4s, opacity 0.3s;
-moz-transition: -moz-transform 0.4s, opacity 0.3s;
-webkit-transition: opacity 0.3s, -webkit-transform 0.4s;
transition: opacity 0.3s, -webkit-transform 0.4s;
-moz-transition: transform 0.4s, opacity 0.3s, -moz-transform 0.4s;
transition: transform 0.4s, opacity 0.3s;
transition: transform 0.4s, opacity 0.3s, -webkit-transform 0.4s, -moz-transform 0.4s;
opacity: 1;
position: relative;
}
.circles-style.style-3 figcaption {
border-radius: 50%;
-webkit-border-radius: 50%;
z-index: 1;
padding: 30px 20px;
background: #fff;
border: 1px solid rgba(0, 0, 0, 0.1);
-moz-transform: scale(0.9);
-webkit-transform: scale(0.9);
-ms-transform: scale(0.9);
transform: scale(0.9);
-webkit-transition: -webkit-transform 0.6s;
-moz-transition: -moz-transform 0.6s;
transition: -webkit-transform 0.6s;
-moz-transition: transform 0.6s, -moz-transform 0.6s;
transition: transform 0.6s;
transition: transform 0.6s, -webkit-transform 0.6s, -moz-transform 0.6s;
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
}
.circles-style.style-3 figcaption a {
color: #000;
}
.no-touchevents .circles-style.style-3 figure:hover .awsm-flip-front,
.circles-style.style-3 figure.cs-hover .awsm-flip-front {
-moz-transform: scale(0);
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
opacity: 0;
}
.no-touchevents .circles-style.style-3 figure:hover figcaption,
.circles-style.style-3 figure.cs-hover figcaption {
-moz-transform: scale(1);
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
} .circles-style .awsm-flip-back {
font-size: 0;
}
.circles-style figcaption::after {
content: "";
height: 100%;
display: inline-block;
vertical-align: middle;
width: 1px;
}
.circles-style .awsm-flip-back-inner {
display: inline-block;
width: -webkit-calc(100% - 1px);
width: -moz-calc(100% - 1px);
width: calc(100% - 1px);
vertical-align: middle;
font-size: 14px;
}
.circles-style.style-4 figure {
text-align: center;
}
.circles-style.style-4 figure img {
border-radius: 50%;
-webkit-border-radius: 50%;
margin: 0 auto;
display: block;
}
.circles-style.style-4 figcaption {
color: #000;
-webkit-transition: -webkit-transform 0.6s;
-moz-transition: -moz-transform 0.6s;
transition: -webkit-transform 0.6s;
-moz-transition: transform 0.6s, -moz-transform 0.6s;
transition: transform 0.6s;
transition: transform 0.6s, -webkit-transform 0.6s, -moz-transform 0.6s;
}
.circles-style.style-4 .awsm-flip-front {
opacity: 1;
-webkit-transition: -webkit-transform 0.8s, opacity 0.4s;
-moz-transition: -moz-transform 0.8s, opacity 0.4s;
-webkit-transition: opacity 0.4s, -webkit-transform 0.8s;
transition: opacity 0.4s, -webkit-transform 0.8s;
-moz-transition: transform 0.8s, opacity 0.4s, -moz-transform 0.8s;
transition: transform 0.8s, opacity 0.4s;
transition: transform 0.8s, opacity 0.4s, -webkit-transform 0.8s, -moz-transform 0.8s;
}
.circles-style.style-4 .awsm-flip-front {
z-index: 2;
-webkit-transform-origin: top;
-moz-transform-origin: top;
-ms-transform-origin: top;
transform-origin: top;
position: relative;
}
.circles-style.style-4 figcaption {
border-radius: 50%;
-webkit-border-radius: 50%;
z-index: 1;
padding: 30px 20px;
background: #fff;
border: 1px solid rgba(0, 0, 0, 0.1);
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
}
.circles-style.style-4 figcaption a {
color: #000;
}
.no-touchevents .circles-style.style-4 figure:hover .awsm-flip-front,
.circles-style.style-4 figure.cs-hover .awsm-flip-front {
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
opacity: 0;
} .drawer-style.style-1 {
font-size: 0;
}
.style-1 .awsm-detailed-info {
display: none;
}
.awsm-grid-expanded-content::after {
content: "";
display: table;
clear: both;
}
.drawer-style.style-1 > .awsm-grid-card {
padding: 0;
float: none;
display: inline-block;
margin-bottom: 0;
vertical-align: top;
}
.awsm-grid-show {
display: block;
float: left;
width: 100%;
position: relative
}
.drawer-style.style-1 > .awsm-grid-card > a {
position: relative;
display: block;
outline: none;
color: #111;
font-size: 16px;
}
.drawer-style.style-1 > .awsm-grid-card > a::before {
content: "";
position: absolute;
z-index: 2;
left: 0;
top: 0;
bottom: 0;
right: 0;
border: 20px solid #111;
opacity: 0;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: opacity 0.3s;
-moz-transition: opacity 0.3s;
transition: opacity 0.3s;
}
.drawer-style.style-1 figcaption {
position: absolute;
left: 25px;
right: 25px;
top: 25px;
bottom: 25px;
padding: 30px;
background: rgba(35, 35, 35, 0.8);
color: #fff;
text-align: center;
opacity: 0;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
-ms-transform: scale(0.6);
transform: scale(0.6);
-webkit-transform: scale(0.6);
-moz-transform: scale(0.6);
-webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
-moz-transition: -moz-transform 0.2s, opacity 0.2s;
-webkit-transition: opacity 0.2s, -webkit-transform 0.2s;
transition: opacity 0.2s, -webkit-transform 0.2s;
-moz-transition: transform 0.2s, opacity 0.2s, -moz-transform 0.2s;
transition: transform 0.2s, opacity 0.2s;
transition: transform 0.2s, opacity 0.2s, -webkit-transform 0.2s, -moz-transform 0.2s;
font-size: 0;
}
.drawer-style.style-1 figcaption h3 {
color: #fff;
}
.drawer-style.style-1 .awsm-personal-info {
display: inline-block;
width: -webkit-calc(100% - 1px);
width: -moz-calc(100% - 1px);
width: calc(100% - 1px);
vertical-align: middle;
font-size: 16px;
}
.drawer-style.style-1 figcaption::after {
content: "\e60f";
font-family: 'awsmicon';
font-size: 18px;
position: absolute;
bottom: 20px;
left: 50%;
margin-left: -10px;
}
.drawer-style.style-1 figcaption::before {
content: "";
display: inline-block;
height: 100%;
vertical-align: middle;
width: 1px;
}
.no-touchevents .drawer-style.style-1 .awsm-grid-card a:hover figcaption,
.drawer-style.style-1 figure.cs-hover figcaption,
.drawer-style.style-1 > .awsm-grid-card.awsm-expanded > a::before {
-ms-transform: scale(1);
transform: scale(1);
-webkit-transform: scale(1);
-moz-transform: scale(1);
opacity: 1;
}
.drawer-style.style-1 .awsm-expanded:hover figcaption {
opacity: 0;
}
.drawer-style.style-1 .awsm-grid-card.awsm-expanded > a::after {
top: auto;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-top-color: #111;
border-width: 15px;
left: 50%;
margin: 0 0 0 -15px;
}
.drawer-style.style-1 .awsm-grid-show {
text-align: left;
overflow: hidden;
font-size: 16px;
}
.drawer-style.style-1 .awsm-grid-padding {
padding: 35px 15px 50px;
height: 100%;
max-width: 1200px;
margin: 0 auto;
position: relative;
color: #111;
}
.drawer-style.style-1 .awsm-grid-padding a {
color: #111;
}
.drawer-style.style-1 .awsm-grid-close {
position: absolute;
width: 30px;
height: 30px;
top: 34px;
right: 45px;
cursor: pointer;
z-index: 999;
}
.drawer-style.style-1 .awsm-grid-close::before,
.drawer-style.style-1 .awsm-grid-close::after {
content: '';
position: absolute;
width: 100%;
top: 50%;
height: 1px;
background: #888;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.drawer-style.style-1 .awsm-grid-close::after {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.drawer-style.style-1 .awsm-grid-close:hover::before,
.drawer-style.style-1 .awsm-grid-close:hover::after {
background: #333;
}
.drawer-style.style-1 .awsm-personal-contact-info,
.drawer-style.style-1 .awsm-details {
float: left;
height: 100%;
overflow: hidden;
position: relative;
padding: 0 30px;
}
.drawer-style.style-1 .awsm-details {
width: 70%;
}
.drawer-style.style-1 .awsm-personal-contact-info {
width: 30%;
padding-top: 60px;
}
.drawer-style.style-1 .awsm-details h3 {
font-size: 14px;
margin: 0 0 5px;
text-transform: uppercase;
line-height: 1.1;
}
.drawer-style.style-1 .awsm-details h2 {
font-size: 36px;
margin: 0 0 10px;
line-height: 1.1;
}
.drawer-style.style-1 .awsm-personal-contact-info .awsm-social-icons span {
border: 1px solid;
margin: 0 5px 2px 5px;
text-align: center;
padding: 0;
}
.drawer-style.style-1 .awsm-personal-contact-info .awsm-social-icons a {
padding: 10px 0;
width: 40px;
} .drawer-style.style-2 {
font-size: 0;
}
.style-2 .awsm-detailed-info {
display: none;
}
.awsm-grid-expanded-content::after {
content: "";
display: table;
clear: both;
}
.drawer-style.style-2 > .awsm-grid-card {
padding: 0;
float: none;
display: inline-block;
margin-bottom: 0;
vertical-align: top;
}
.awsm-grid-show {
display: block;
float: left;
width: 100%;
position: relative
}
.drawer-style.style-2 > .awsm-grid-card > a {
position: relative;
display: block;
outline: none;
color: #111;
font-size: 16px;
}
.drawer-style.style-2 > .awsm-grid-card > a::before {
content: "";
position: absolute;
z-index: 2;
left: 0;
top: 0;
bottom: 0;
right: 0;
border: 20px solid #111;
opacity: 0;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: opacity 0.3s;
-moz-transition: opacity 0.3s;
transition: opacity 0.3s;
}
.drawer-style.style-2 > .awsm-grid-card figure {
overflow: hidden;
}
.drawer-style.style-2 figcaption {
position: absolute;
left: 0;
right: 0;
bottom: 0;
padding: 20px 40px 5px 20px;
background: rgba(35, 35, 35, 0.8);
color: #fff;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
-ms-transform: translateY(100%);
transform: translateY(100%);
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-webkit-transition: -webkit-transform 0.2s;
-moz-transition: -moz-transform 0.2s;
transition: -webkit-transform 0.2s;
-moz-transition: transform 0.2s, -moz-transform 0.2s;
transition: transform 0.2s;
transition: transform 0.2s, -webkit-transform 0.2s, -moz-transform 0.2s;
font-size: 0;
}
.drawer-style.style-2 figcaption h3 {
color: #fff;
}
.drawer-style.style-2 .awsm-personal-info {
display: inline-block;
width: -webkit-calc(100% - 1px);
width: -moz-calc(100% - 1px);
width: calc(100% - 1px);
vertical-align: middle;
font-size: 16px;
}
.drawer-style.style-2 figcaption::after {
content: "\e60f";
font-family: 'awsmicon';
font-size: 18px;
position: absolute;
top: 50%;
margin-top: -9px;
right: 20px;
}
.drawer-style.style-2 .awsm-grid-card.awsm-expanded figcaption::after {
content: '\e612';
animation: none !important;
-webkit-animation: none !important;
-moz-animation: none !important;
}
.drawer-style.style-2 figcaption::before {
content: "";
display: inline-block;
height: 100%;
vertical-align: middle;
width: 1px;
}
.no-touchevents .drawer-style.style-2 .awsm-grid-card a:hover figcaption,
.drawer-style.style-2 .awsm-grid-card.awsm-expanded a figcaption,
.no-touchevents .drawer-style.style-2 .awsm-grid-card.awsm-expanded a:hover figcaption {
-ms-transform: translateY(0);
transform: translateY(0);
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
}
.no-touchevents .drawer-style.style-2 .awsm-grid-card a:hover figcaption::after,
.drawer-style.style-2 figure.cs-hover figcaption::after {
animation: DownMove 3s infinite 0.6s;
-webkit-animation: DownMove 3s infinite 0.6s;
-moz-animation: DownMove 3s infinite 0.6s;
}
.drawer-style.style-2 .awsm-grid-show {
text-align: left;
overflow: hidden;
font-size: 16px;
}
.drawer-style.style-2 .awsm-grid-padding {
padding: 35px 15px 50px;
height: 100%;
max-width: 1200px;
margin: 0 auto;
position: relative;
color: #111;
}
.drawer-style.style-2 .awsm-grid-padding a {
color: #111;
}
.drawer-style.style-2 .awsm-grid-close {
position: absolute;
width: 30px;
height: 30px;
top: 34px;
right: 45px;
cursor: pointer;
z-index: 999;
}
.drawer-style.style-2 .awsm-grid-close::before,
.drawer-style.style-2 .awsm-grid-close::after {
content: '';
position: absolute;
width: 100%;
top: 50%;
height: 1px;
background: #888;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.drawer-style.style-2 .awsm-grid-close::after {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.drawer-style.style-2 .awsm-grid-close:hover::before,
.drawer-style.style-2 .awsm-grid-close:hover::after {
background: #333;
}
.drawer-style.style-2 .awsm-personal-contact-info,
.drawer-style.style-2 .awsm-details {
float: left;
height: 100%;
overflow: hidden;
position: relative;
padding: 0 30px;
}
.drawer-style.style-2 .awsm-details {
width: 70%;
}
.drawer-style.style-2 .awsm-personal-contact-info {
width: 30%;
padding-top: 60px;
}
.drawer-style.style-2 .awsm-details h3 {
font-size: 14px;
margin: 0 0 5px;
text-transform: uppercase;
line-height: 1.1;
}
.drawer-style.style-2 .awsm-details h2 {
font-size: 36px;
margin: 0 0 10px;
line-height: 1.1;
}
.drawer-style.style-2 .awsm-personal-contact-info .awsm-social-icons span {
border: 1px solid;
margin: 0 5px 2px 5px;
text-align: center;
padding: 0;
}
.drawer-style.style-2 .awsm-personal-contact-info .awsm-social-icons a {
padding: 10px 0;
width: 40px;
} .grid-style.style-1 figure {
padding-bottom: 90px;
position: relative;
z-index: 1;
}
.grid-style.style-1 figure img {
-webkit-transition: -webkit-transform 0.4s;
-moz-transition: -moz-transform 0.4s;
transition: -webkit-transform 0.4s;
-moz-transition: transform 0.4s, -moz-transform 0.4s;
transition: transform 0.4s;
transition: transform 0.4s, -webkit-transform 0.4s, -moz-transform 0.4s;
}
.grid-style.style-1 figcaption {
height: 90px;
width: 100%;
bottom: 0;
position: absolute;
padding: 20px;
color: rgba(31, 31, 31, 1);
text-align: center;
overflow: hidden;
-webkit-transition: height 0.4s;
-moz-transition: height 0.4s;
transition: height 0.4s;
}
.grid-style.style-1 figcaption::before {
content: "";
position: absolute;
bottom: 0;
width: 100%;
height: 1px;
background: rgba(26, 26, 26, 1);
-webkit-transition: height 0.4s;
-moz-transition: height 0.4s;
transition: height 0.4s;
left: 0;
}
.grid-style.style-1 figcaption a {
color: rgba(31, 31, 31, 1);
}
.grid-style.style-1 .awsm-contact-info {
opacity: 0;
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%);
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
-moz-transition: -moz-transform 0.4s, opacity 0.1s;
-webkit-transition: opacity 0.1s, -webkit-transform 0.4s;
transition: opacity 0.1s, -webkit-transform 0.4s;
-moz-transition: transform 0.4s, opacity 0.1s, -moz-transform 0.4s;
transition: transform 0.4s, opacity 0.1s;
transition: transform 0.4s, opacity 0.1s, -webkit-transform 0.4s, -moz-transform 0.4s;
}
.grid-style.style-1 .awsm-social-icons span {
opacity: 0;
-moz-transform: translateY(40px);
-webkit-transform: translateY(40px);
-ms-transform: translateY(40px);
transform: translateY(40px);
-webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
-moz-transition: -moz-transform 0.4s, opacity 0.1s;
-webkit-transition: opacity 0.1s, -webkit-transform 0.4s;
transition: opacity 0.1s, -webkit-transform 0.4s;
-moz-transition: transform 0.4s, opacity 0.1s, -moz-transform 0.4s;
transition: transform 0.4s, opacity 0.1s;
transition: transform 0.4s, opacity 0.1s, -webkit-transform 0.4s, -moz-transform 0.4s;
}
.no-touchevents .grid-style.style-1 figure:hover img,
.grid-style.style-1 figure.cs-hover img {
-webkit-transform: translateY(-15px);
-moz-transform: translateY(-15px);
-ms-transform: translateY(-15px);
transform: translateY(-15px);
}
.no-touchevents .grid-style.style-1 figure:hover figcaption,
.grid-style.style-1 figure.cs-hover figcaption {
height: 125px;
color: #fff;
}
.no-touchevents .grid-style.style-1 figure:hover figcaption::before,
.grid-style.style-1 figure.cs-hover figcaption::before {
height: 100%;
-webkit-transition: height 0.2s;
-moz-transition: height 0.2s;
transition: height 0.2s;
}
.no-touchevents .grid-style.style-1 figure:hover figcaption a,
.grid-style.style-1 figure.cs-hover figcaption a,
.no-touchevents .grid-style.style-1 figure:hover figcaption h3,
.grid-style.style-1 figure.cs-hover figcaption h3 {
color: #fff;
}
.no-touchevents .grid-style.style-1 figure:hover .awsm-contact-info,
.grid-style.style-1 figure.cs-hover .awsm-contact-info {
opacity: 1;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
-webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
-moz-transition: -moz-transform 0.4s, opacity 0.1s;
-webkit-transition: opacity 0.1s, -webkit-transform 0.4s;
transition: opacity 0.1s, -webkit-transform 0.4s;
-moz-transition: transform 0.4s, opacity 0.1s, -moz-transform 0.4s;
transition: transform 0.4s, opacity 0.1s;
transition: transform 0.4s, opacity 0.1s, -webkit-transform 0.4s, -moz-transform 0.4s;
}
.no-touchevents .grid-style.style-1 figure:hover .awsm-social-icons span,
.grid-style.style-1 figure.cs-hover .awsm-social-icons span {
opacity: 1;
-moz-transform: translateY(0px);
-webkit-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
}
.no-touchevents .grid-style.style-1 figure:hover .awsm-social-icons span:nth-child(1),
.grid-style.style-1 figure.cs-hover .awsm-social-icons span:nth-child(1) {
-webkit-transition-delay: 100ms;
-moz-transition-delay: 100ms;
transition-delay: 100ms;
}
.no-touchevents .grid-style.style-1 figure:hover .awsm-social-icons span:nth-child(2),
.grid-style.style-1 figure.cs-hover .awsm-social-icons span:nth-child(2) {
-webkit-transition-delay: 200ms;
-moz-transition-delay: 200ms;
transition-delay: 200ms;
}
.no-touchevents .grid-style.style-1 figure:hover .awsm-social-icons span:nth-child(3),
.grid-style.style-1 figure.cs-hover .awsm-social-icons span:nth-child(3) {
-webkit-transition-delay: 300ms;
-moz-transition-delay: 300ms;
transition-delay: 300ms;
}
.no-touchevents .grid-style.style-1 figure:hover .awsm-social-icons span:nth-child(4),
.grid-style.style-1 figure.cs-hover .awsm-social-icons span:nth-child(4) {
-webkit-transition-delay: 400ms;
-moz-transition-delay: 400ms;
transition-delay: 400ms;
}
.no-touchevents .grid-style.style-1 figure:hover .awsm-social-icons span:nth-child(5),
.grid-style.style-1 figure.cs-hover .awsm-social-icons span:nth-child(5) {
-webkit-transition-delay: 500ms;
-moz-transition-delay: 500ms;
transition-delay: 500ms;
}
.no-touchevents .grid-style.style-1 figure:hover .awsm-social-icons span:nth-child(6),
.grid-style.style-1 figure.cs-hover .awsm-social-icons span:nth-child(6) {
-webkit-transition-delay: 600ms;
-moz-transition-delay: 600ms;
transition-delay: 600ms;
}
.no-touchevents .grid-style.style-1 figure:hover .awsm-social-icons span:nth-child(7),
.grid-style.style-1 figure.cs-hover .awsm-social-icons span:nth-child(7) {
-webkit-transition-delay: 700ms;
-moz-transition-delay: 700ms;
transition-delay: 700ms;
}
.no-touchevents .grid-style.style-1 figure:hover .awsm-social-icons span:nth-child(8),
.grid-style.style-1 figure.cs-hover .awsm-social-icons span:nth-child(8) {
-webkit-transition-delay: 800ms;
-moz-transition-delay: 800ms;
transition-delay: 800ms;
}
.no-touchevents .grid-style.style-1 figure:hover .awsm-social-icons span:nth-child(9),
.grid-style.style-1 figure.cs-hover .awsm-social-icons span:nth-child(9) {
-webkit-transition-delay: 900ms;
-moz-transition-delay: 900ms;
transition-delay: 900ms;
}
.no-touchevents .grid-style.style-1 figure:hover .awsm-social-icons span:nth-child(10),
.grid-style.style-1 figure.cs-hover .awsm-social-icons span:nth-child(10) {
-webkit-transition-delay: 1000ms;
-moz-transition-delay: 1000ms;
transition-delay: 1000ms;
} .grid-style.style-2 figure {
padding-bottom: 90px;
position: relative;
z-index: 1;
}
.grid-style.style-2 figure img {
-webkit-transition: -webkit-transform 0.8s;
-moz-transition: -moz-transform 0.8s;
transition: -webkit-transform 0.8s;
-moz-transition: transform 0.8s, -moz-transform 0.8s;
transition: transform 0.8s;
transition: transform 0.8s, -webkit-transform 0.8s, -moz-transform 0.8s;
}
.grid-style.style-2 figcaption {
height: 90px;
width: 100%;
bottom: 0;
position: absolute;
padding: 20px;
color: rgba(31, 31, 31, 1);
text-align: center;
overflow: hidden;
-webkit-transition: height 0.4s;
-moz-transition: height 0.4s;
transition: height 0.4s;
}
.grid-style.style-2 figcaption::before {
content: "";
position: absolute;
bottom: 0;
width: 100%;
height: 1px;
background: rgba(26, 26, 26, 1);
-webkit-transition: height 0.4s;
-moz-transition: height 0.4s;
transition: height 0.4s;
left: 0;
}
.grid-style.style-2 figcaption a {
color: rgba(31, 31, 31, 1);
}
.grid-style.style-2 .awsm-contact-info {
opacity: 0;
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%);
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
-moz-transition: -moz-transform 0.4s, opacity 0.1s;
-webkit-transition: opacity 0.1s, -webkit-transform 0.4s;
transition: opacity 0.1s, -webkit-transform 0.4s;
-moz-transition: transform 0.4s, opacity 0.1s, -moz-transform 0.4s;
transition: transform 0.4s, opacity 0.1s;
transition: transform 0.4s, opacity 0.1s, -webkit-transform 0.4s, -moz-transform 0.4s;
}
.grid-style.style-2 .awsm-social-icons span {
opacity: 0;
-moz-transform: translateY(40px);
-webkit-transform: translateY(40px);
-ms-transform: translateY(40px);
transform: translateY(40px);
-webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
-moz-transition: -moz-transform 0.4s, opacity 0.1s;
-webkit-transition: opacity 0.1s, -webkit-transform 0.4s;
transition: opacity 0.1s, -webkit-transform 0.4s;
-moz-transition: transform 0.4s, opacity 0.1s, -moz-transform 0.4s;
transition: transform 0.4s, opacity 0.1s;
transition: transform 0.4s, opacity 0.1s, -webkit-transform 0.4s, -moz-transform 0.4s;
}
.no-touchevents .grid-style.style-2 figure:hover img,
.grid-style.style-2 figure.cs-hover img {
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.no-touchevents .grid-style.style-2 figure:hover figcaption,
.grid-style.style-2 figure.cs-hover figcaption {
height: 125px;
color: #fff;
}
.no-touchevents .grid-style.style-2 figure:hover figcaption::before,
.grid-style.style-2 figure.cs-hover figcaption::before {
height: 100%;
-webkit-transition: height 0.2s;
-moz-transition: height 0.2s;
transition: height 0.2s;
}
.no-touchevents .grid-style.style-2 figure:hover figcaption a,
.grid-style.style-2 figure.cs-hover figcaption a,
.no-touchevents .grid-style.style-2 figure:hover figcaption h3,
.grid-style.style-2 figure.cs-hover figcaption h3 {
color: #fff;
}
.no-touchevents .grid-style.style-2 figure:hover .awsm-contact-info,
.grid-style.style-2 figure.cs-hover .awsm-contact-info {
opacity: 1;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
-webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
-moz-transition: -moz-transform 0.4s, opacity 0.1s;
-webkit-transition: opacity 0.1s, -webkit-transform 0.4s;
transition: opacity 0.1s, -webkit-transform 0.4s;
-moz-transition: transform 0.4s, opacity 0.1s, -moz-transform 0.4s;
transition: transform 0.4s, opacity 0.1s;
transition: transform 0.4s, opacity 0.1s, -webkit-transform 0.4s, -moz-transform 0.4s;
}
.no-touchevents .grid-style.style-2 figure:hover .awsm-social-icons span,
.grid-style.style-2 figure.cs-hover .awsm-social-icons span {
opacity: 1;
-moz-transform: translateY(0px);
-webkit-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
}
.no-touchevents .grid-style.style-2 figure:hover .awsm-social-icons span:nth-child(1),
.grid-style.style-2 figure.cs-hover .awsm-social-icons span:nth-child(1) {
-webkit-transition-delay: 100ms;
-moz-transition-delay: 100ms;
transition-delay: 100ms;
}
.no-touchevents .grid-style.style-2 figure:hover .awsm-social-icons span:nth-child(2),
.grid-style.style-2 figure.cs-hover .awsm-social-icons span:nth-child(2) {
-webkit-transition-delay: 200ms;
-moz-transition-delay: 200ms;
transition-delay: 200ms;
}
.no-touchevents .grid-style.style-2 figure:hover .awsm-social-icons span:nth-child(3),
.grid-style.style-2 figure.cs-hover .awsm-social-icons span:nth-child(3) {
-webkit-transition-delay: 300ms;
-moz-transition-delay: 300ms;
transition-delay: 300ms;
}
.no-touchevents .grid-style.style-2 figure:hover .awsm-social-icons span:nth-child(4),
.grid-style.style-2 figure.cs-hover .awsm-social-icons span:nth-child(4) {
-webkit-transition-delay: 400ms;
-moz-transition-delay: 400ms;
transition-delay: 400ms;
}
.no-touchevents .grid-style.style-2 figure:hover .awsm-social-icons span:nth-child(5),
.grid-style.style-2 figure.cs-hover .awsm-social-icons span:nth-child(5) {
-webkit-transition-delay: 500ms;
-moz-transition-delay: 500ms;
transition-delay: 500ms;
}
.no-touchevents .grid-style.style-2 figure:hover .awsm-social-icons span:nth-child(6),
.grid-style.style-2 figure.cs-hover .awsm-social-icons span:nth-child(6) {
-webkit-transition-delay: 600ms;
-moz-transition-delay: 600ms;
transition-delay: 600ms;
}
.no-touchevents .grid-style.style-2 figure:hover .awsm-social-icons span:nth-child(7),
.grid-style.style-2 figure.cs-hover .awsm-social-icons span:nth-child(7) {
-webkit-transition-delay: 700ms;
-moz-transition-delay: 700ms;
transition-delay: 700ms;
}
.no-touchevents .grid-style.style-2 figure:hover .awsm-social-icons span:nth-child(8),
.grid-style.style-2 figure.cs-hover .awsm-social-icons span:nth-child(8) {
-webkit-transition-delay: 800ms;
-moz-transition-delay: 800ms;
transition-delay: 800ms;
}
.no-touchevents .grid-style.style-2 figure:hover .awsm-social-icons span:nth-child(9),
.grid-style.style-2 figure.cs-hover .awsm-social-icons span:nth-child(9) {
-webkit-transition-delay: 900ms;
-moz-transition-delay: 900ms;
transition-delay: 900ms;
}
.no-touchevents .grid-style.style-2 figure:hover .awsm-social-icons span:nth-child(10),
.grid-style.style-2 figure.cs-hover .awsm-social-icons span:nth-child(10) {
-webkit-transition-delay: 1000ms;
-moz-transition-delay: 1000ms;
transition-delay: 1000ms;
} .grid-style.style-3 figure {
padding-bottom: 45px;
}
.grid-style.style-3 figure img {
-webkit-transition: -webkit-transform 0.4s;
-moz-transition: -moz-transform 0.4s;
transition: -webkit-transform 0.4s;
-moz-transition: transform 0.4s, -moz-transform 0.4s;
transition: transform 0.4s;
transition: transform 0.4s, -webkit-transform 0.4s, -moz-transform 0.4s;
}
.grid-style.style-3 figcaption {
height: 90px;
bottom: 0;
left: 30px;
right: 30px;
position: absolute;
color: rgba(31, 31, 31, 1);
text-align: center;
overflow: hidden;
-webkit-transition: height 0.4s;
-moz-transition: height 0.4s;
transition: height 0.4s;
background: #fff;
padding: 20px;
}
.grid-style.style-3 figcaption a {
color: rgba(31, 31, 31, 1);
}
.grid-style.style-3 .awsm-contact-info {
opacity: 0;
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%);
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
-moz-transition: -moz-transform 0.4s, opacity 0.1s;
-webkit-transition: opacity 0.1s, -webkit-transform 0.4s;
transition: opacity 0.1s, -webkit-transform 0.4s;
-moz-transition: transform 0.4s, opacity 0.1s, -moz-transform 0.4s;
transition: transform 0.4s, opacity 0.1s;
transition: transform 0.4s, opacity 0.1s, -webkit-transform 0.4s, -moz-transform 0.4s;
}
.grid-style.style-3 .awsm-contact-info p {
padding: 20px;
position: relative;
margin: 0 -20px 20px;
}
.grid-style.style-3 .awsm-contact-info p::before,
.grid-style.style-3 .awsm-contact-info p::after {
content: "";
position: absolute;
width: 0;
border-top: 1px solid rgba(31, 31, 31, 0.3);
-webkit-transition: width 0.3s 0.4s;
-moz-transition: width 0.3s 0.4s;
transition: width 0.3s 0.4s;
}
.grid-style.style-3 .awsm-contact-info p::before {
left: 0;
top: 0;
}
.grid-style.style-3 .awsm-contact-info p::after {
right: 0;
bottom: 0;
}
.grid-style.style-3 .awsm-social-icons span {
opacity: 0;
-moz-transform: translateY(40px);
-webkit-transform: translateY(40px);
-ms-transform: translateY(40px);
transform: translateY(40px);
-webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
-moz-transition: -moz-transform 0.4s, opacity 0.1s;
-webkit-transition: opacity 0.1s, -webkit-transform 0.4s;
transition: opacity 0.1s, -webkit-transform 0.4s;
-moz-transition: transform 0.4s, opacity 0.1s, -moz-transform 0.4s;
transition: transform 0.4s, opacity 0.1s;
transition: transform 0.4s, opacity 0.1s, -webkit-transform 0.4s, -moz-transform 0.4s;
}
.no-touchevents .grid-style.style-3 figure:hover img,
.grid-style.style-3 figure.cs-hover img {
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.no-touchevents .grid-style.style-3 figure:hover figcaption,
.grid-style.style-3 figure.cs-hover figcaption {
height: 130px;
}
.no-touchevents .grid-style.style-3 figure:hover .awsm-contact-info,
.grid-style.style-3 figure.cs-hover .awsm-contact-info {
opacity: 1;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
-webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
-moz-transition: -moz-transform 0.4s, opacity 0.1s;
-webkit-transition: opacity 0.1s, -webkit-transform 0.4s;
transition: opacity 0.1s, -webkit-transform 0.4s;
-moz-transition: transform 0.4s, opacity 0.1s, -moz-transform 0.4s;
transition: transform 0.4s, opacity 0.1s;
transition: transform 0.4s, opacity 0.1s, -webkit-transform 0.4s, -moz-transform 0.4s;
}
.no-touchevents .grid-style.style-3 figure:hover .awsm-contact-info p::before,
.no-touchevents .grid-style.style-3 figure:hover .awsm-contact-info p::after,
.grid-style.style-3 figure.cs-hover .awsm-contact-info p::before,
.grid-style.style-3 figure.cs-hover .awsm-contact-info p::after {
width: 100%;
}
.no-touchevents .grid-style.style-3 figure:hover .awsm-social-icons span,
.grid-style.style-3 figure.cs-hover .awsm-social-icons span {
opacity: 1;
-moz-transform: translateY(0px);
-webkit-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
}
.no-touchevents .grid-style.style-3 figure:hover .awsm-social-icons span:nth-child(1),
.grid-style.style-3 figure.cs-hover .awsm-social-icons span:nth-child(1) {
-webkit-transition-delay: 100ms;
-moz-transition-delay: 100ms;
transition-delay: 100ms;
}
.no-touchevents .grid-style.style-3 figure:hover .awsm-social-icons span:nth-child(2),
.grid-style.style-3 figure.cs-hover .awsm-social-icons span:nth-child(2) {
-webkit-transition-delay: 200ms;
-moz-transition-delay: 200ms;
transition-delay: 200ms;
}
.no-touchevents .grid-style.style-3 figure:hover .awsm-social-icons span:nth-child(3),
.grid-style.style-3 figure.cs-hover .awsm-social-icons span:nth-child(3) {
-webkit-transition-delay: 300ms;
-moz-transition-delay: 300ms;
transition-delay: 300ms;
}
.no-touchevents .grid-style.style-3 figure:hover .awsm-social-icons span:nth-child(4),
.grid-style.style-3 figure.cs-hover .awsm-social-icons span:nth-child(4) {
-webkit-transition-delay: 400ms;
-moz-transition-delay: 400ms;
transition-delay: 400ms;
}
.no-touchevents .grid-style.style-3 figure:hover .awsm-social-icons span:nth-child(5),
.grid-style.style-3 figure.cs-hover .awsm-social-icons span:nth-child(5) {
-webkit-transition-delay: 500ms;
-moz-transition-delay: 500ms;
transition-delay: 500ms;
}
.no-touchevents .grid-style.style-3 figure:hover .awsm-social-icons span:nth-child(6),
.grid-style.style-3 figure.cs-hover .awsm-social-icons span:nth-child(6) {
-webkit-transition-delay: 600ms;
-moz-transition-delay: 600ms;
transition-delay: 600ms;
}
.no-touchevents .grid-style.style-3 figure:hover .awsm-social-icons span:nth-child(7),
.grid-style.style-3 figure.cs-hover .awsm-social-icons span:nth-child(7) {
-webkit-transition-delay: 700ms;
-moz-transition-delay: 700ms;
transition-delay: 700ms;
}
.no-touchevents .grid-style.style-3 figure:hover .awsm-social-icons span:nth-child(8),
.grid-style.style-3 figure.cs-hover .awsm-social-icons span:nth-child(8) {
-webkit-transition-delay: 800ms;
-moz-transition-delay: 800ms;
transition-delay: 800ms;
}
.no-touchevents .grid-style.style-3 figure:hover .awsm-social-icons span:nth-child(9),
.grid-style.style-3 figure.cs-hover .awsm-social-icons span:nth-child(9) {
-webkit-transition-delay: 900ms;
-moz-transition-delay: 900ms;
transition-delay: 900ms;
}
.no-touchevents .grid-style.style-3 figure:hover .awsm-social-icons span:nth-child(10),
.grid-style.style-3 figure.cs-hover .awsm-social-icons span:nth-child(10) {
-webkit-transition-delay: 1000ms;
-moz-transition-delay: 1000ms;
transition-delay: 1000ms;
} .grid-style.style-4 figure {
overflow: hidden;
}
.grid-style.style-4 figure img {
-webkit-transition: -webkit-transform 0.8s;
-moz-transition: -moz-transform 0.8s;
transition: -webkit-transform 0.8s;
-moz-transition: transform 0.8s, -moz-transform 0.8s;
transition: transform 0.8s;
transition: transform 0.8s, -webkit-transform 0.8s, -moz-transform 0.8s;
}
.grid-style.style-4 figcaption {
bottom: 0;
left: 0;
right: 0;
position: absolute;
padding: 20px;
color: #fff;
overflow: hidden;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
-moz-transform: translateY(100%) translateY(-90px);
-webkit-transform: translateY(100%) translateY(-90px);
-ms-transform: translateY(100%) translateY(-90px);
transform: translateY(100%) translateY(-90px);
-webkit-transition: -webkit-transform 0.4s;
-moz-transition: -moz-transform 0.4s;
transition: -webkit-transform 0.4s;
-moz-transition: transform 0.4s, -moz-transform 0.4s;
transition: transform 0.4s;
transition: transform 0.4s, -webkit-transform 0.4s, -moz-transform 0.4s; background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%); background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.6)));
background: -moz- oldlinear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#99000000', GradientType=0); }
.grid-style.style-4 figcaption a,
.grid-style.style-4 figcaption p,
.grid-style.style-4 figcaption h3 {
color: #fff;
}
.grid-style.style-4 figcaption p {
font-size: 14px;
}
.grid-style.style-4 .awsm-contact-info {
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%);
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: -webkit-transform 0.4s;
-moz-transition: -moz-transform 0.4s;
transition: -webkit-transform 0.4s;
-moz-transition: transform 0.4s, -moz-transform 0.4s;
transition: transform 0.4s;
transition: transform 0.4s, -webkit-transform 0.4s, -moz-transform 0.4s;
}
.no-touchevents .grid-style.style-4 figure:hover img,
.grid-style.style-4 figure.cs-hover img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.no-touchevents .grid-style.style-4 figure:hover figcaption,
.grid-style.style-4 figure.cs-hover figcaption {
-moz-transform: translateY(0px) translateY(0px);
-webkit-transform: translateY(0px) translateY(0px);
-ms-transform: translateY(0px) translateY(0px);
transform: translateY(0px) translateY(0px);
}
.no-touchevents .grid-style.style-4 figure:hover .awsm-contact-info,
.grid-style.style-4 figure.cs-hover .awsm-contact-info {
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
}
.awsm-personal-info {
position: relative;
margin-bottom: 15px;
}
.awsm-contact-info p {
margin: 0 0 20px;
} .list-style figure img {
max-width: 300px;
}
.awsm-grid.list-style figcaption {
overflow: hidden;
}
.awsm-grid.list-style > .awsm-grid-card {
width: 100%;
float: none;
border-bottom: 1px solid rgba(35, 35, 35, 0.2);
padding: 0 0 40px 0;
margin-bottom: 40px;
}
.awsm-grid.list-style > li:last-child {
border-bottom: 0;
margin-bottom: 0;
}
.awsm-grid.list-style h3 {
font-size: 36px;
margin: 0 0 10px;
line-height: 1.1;
}
.awsm-grid.list-style .awsm-personal-info span {
font-size: 14px;
}
.awsm-grid-wrapper .awsm-grid.list-style {
margin: 0;
padding: 0;
}
.list-style .awsm-personal-info h3 {
font-size: 18px;
margin: 0 0 5px;
line-height: 1.1;
}
.list-style figure {
color: #111;
}
.list-style figcaption p {
font-size: 16px;
}
.list-style .awsm-social-icons span {
border: 1px solid;
margin: 0 5px 2px 5px;
text-align: center;
padding: 0;
}
.list-style .awsm-contact-info .awsm-social-icons a {
color: #111;
padding: 10px 0;
width: 40px;
}
.list-style.style-1 .awsm-contact-info {
font-size: 16px;
}
.list-style.style-1 figure img {
float: left;
margin-right: 30px;
} .list-style.style-2 figure img {
float: right;
margin-left: 30px;
} .modal-style.style-1 figcaption {
position: absolute;
left: 25px;
right: 25px;
top: 25px;
bottom: 25px;
padding: 20px;
background: rgba(35, 35, 35, 0.8);
color: #fff;
text-align: center;
opacity: 0;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
-ms-transform: scale(0.6);
transform: scale(0.6);
-webkit-transform: scale(0.6);
-moz-transform: scale(0.6);
-webkit-transition: -webkit-transform 0.6s, opacity 0.3s;
-moz-transition: -moz-transform 0.6s, opacity 0.3s;
-webkit-transition: opacity 0.3s, -webkit-transform 0.6s;
transition: opacity 0.3s, -webkit-transform 0.6s;
-moz-transition: transform 0.6s, opacity 0.3s, -moz-transform 0.6s;
transition: transform 0.6s, opacity 0.3s;
transition: transform 0.6s, opacity 0.3s, -webkit-transform 0.6s, -moz-transform 0.6s;
font-size: 0;
}
.modal-style.style-1 figcaption h3 {
color: #fff;
}
.modal-style.style-1 .awsm-personal-info {
display: inline-block;
width: -webkit-calc(100% - 1px);
width: -moz-calc(100% - 1px);
width: calc(100% - 1px);
vertical-align: middle;
font-size: 16px;
}
.modal-style.style-1 figcaption::before {
content: "";
display: inline-block;
height: 100%;
vertical-align: middle;
width: 1px;
}
.no-touchevents .modal-style.style-1 .awsm-grid-card figure:hover figcaption,
.modal-style.style-1 figure.cs-hover figcaption {
-ms-transform: scale(1);
transform: scale(1);
-webkit-transform: scale(1);
-moz-transform: scale(1);
opacity: 1;
}
.awsm-modal-items.style-1 {
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 99999;
overflow: hidden;
opacity: 0;
background: rgba(0, 0, 0, 0.8);
visibility: hidden;
transition: opacity 0.5s 0.4s, visibility 0.5s 0.4s;
-webkit-transition: opacity 0.5s 0.4s, visibility 0.5s 0.4s;
-moz-transition: opacity 0.5s 0.4s, visibility 0.5s 0.4s;
padding: 0 70px;
}
.awsm-modal-content .mCSB_draggerContainer {
opacity: 0;
transition: opacity 0.5s;
-webkit-transition: opacity 0.5s;
-moz-transition: opacity 0.5s;
}
.awsm-modal-content:hover .mCSB_draggerContainer {
opacity: 1;
}
.modal-style.style-1 .awsm-modal-items-main {
max-width: 900px;
margin: 0 auto;
height: 100%;
position: relative;
width: 100%;
}
.awsm-modal-on.awsm-modal-items.modal-style.style-1 {
opacity: 1;
visibility: visible;
transition: opacity 0.4s, visibility 0.5s;
-webkit-transition: opacity 0.4s, visibility 0.5s;
-moz-transition: opacity 0.4s, visibility 0.5s;
}
.modal-style.style-1 .awsm-modal-item {
height: 100%;
position: absolute;
left: 0;
top: 0;
right: 0;
z-index: 1;
padding: 30px 0;
font-size: 0;
}
.modal-style.style-1 .awsm-modal-open.awsm-modal-item {
z-index: 2;
}
.modal-style.style-1 .awsm-modal-item::after {
content: "";
display: inline-block;
vertical-align: middle;
height: 100%;
width: 1px;
}
.modal-style.style-1 .awsm-modal-content {
position: relative;
margin: 0 auto;
text-align: left;
vertical-align: middle;
background: #fff;
padding: 50px;
display: inline-block;
width: -webkit-calc(100% - 1px);
width: -moz-calc(100% - 1px);
width: calc(100% - 1px);
max-height: 100%;
opacity: 0;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
-ms-transform: translateY(100px);
transform: translateY(100px);
-webkit-transform: translateY(100px);
-moz-transform: translateY(100px);
-webkit-transition: -webkit-transform 0.6s, opacity 0.3s;
-moz-transition: -moz-transform 0.6s, opacity 0.3s;
-webkit-transition: opacity 0.3s, -webkit-transform 0.6s;
transition: opacity 0.3s, -webkit-transform 0.6s;
-moz-transition: transform 0.6s, opacity 0.3s, -moz-transform 0.6s;
transition: transform 0.6s, opacity 0.3s;
transition: transform 0.6s, opacity 0.3s, -webkit-transform 0.6s, -moz-transform 0.6s;
}
.modal-style.style-1 .awsm-modal-open .awsm-modal-content {
opacity: 1;
-ms-transform: translateY(0);
transform: translateY(0);
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-webkit-transition: -webkit-transform 0.6s 0.3s, opacity 0.3s 0.3s;
-moz-transition: -moz-transform 0.6s 0.3s, opacity 0.3s 0.3s;
-webkit-transition: opacity 0.3s 0.3s, -webkit-transform 0.6s 0.3s;
transition: opacity 0.3s 0.3s, -webkit-transform 0.6s 0.3s;
-moz-transition: transform 0.6s 0.3s, opacity 0.3s 0.3s, -moz-transform 0.6s 0.3s;
transition: transform 0.6s 0.3s, opacity 0.3s 0.3s;
transition: transform 0.6s 0.3s, opacity 0.3s 0.3s, -webkit-transform 0.6s 0.3s, -moz-transform 0.6s 0.3s;
}
.modal-style.style-1 .awsm-modal-content-main {
height: 100%;
font-size: 14px;
}
.modal-style.style-1 .awsm-image-main {
float: left;
max-width: 300px;
margin-right: 40px;
}
.modal-style.style-1 .awsm-image-main img {
max-width: 100%;
height: auto;
}
.modal-style.style-1 .awsm-modal-details {
overflow: hidden;
color: #111;
}
.modal-style.style-1 .awsm-modal-content-inner {
padding-right: 25px;
}
.modal-style.style-1 .awsm-modal-details a {
color: #111;
}
.modal-style.style-1 .awsm-modal-details h3 {
font-size: 14px;
margin: 0;
text-transform: uppercase;
font-weight: normal;
}
.modal-style.style-1 .awsm-modal-details h2 {
font-size: 36px;
margin: 0 0 20px;
line-height: 1.42;
}
.modal-style.style-1 .awsm-modal-details .awsm-contact-details {
margin: 0;
padding: 20px 0;
}
.modal-style.style-1 .awsm-modal-details .awsm-social-icons span {
padding: 0;
border: 1px solid;
margin: 0 5px 2px 5px;
text-align: center;
}
.modal-style.style-1 .awsm-modal-details .awsm-social-icons a {
padding: 10px 0;
width: 40px;
}
.modal-style.style-1 .awsm-modal-close {
position: absolute;
width: 25px;
height: 25px;
top: 15px;
right: 15px;
cursor: pointer;
z-index: 100;
}
.modal-style.style-1 .awsm-modal-close::before,
.modal-style.style-1 .awsm-modal-close::after {
content: '';
position: absolute;
width: 100%;
top: 50%;
height: 1px;
background: #fff;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.modal-style.style-1 .awsm-modal-close::after {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.modal-style.style-1 .awsm-modal-close:hover::before,
.modal-style.style-1 .awsm-modal-close:hover::after {
opacity: 0.8;
}
.modal-style.style-1 .awsm-nav-item {
position: absolute;
width: 40px;
height: 40px;
top: 50%;
left: -70px;
margin-top: -20px;
cursor: pointer;
color: #fff;
font-size: 40px;
}
.modal-style.style-1 .awsm-nav-right {
left: auto;
right: -70px;
}
.modal-style.style-1 .awsm-nav-item:hover,
.style-1 .awsm-nav-item:focus {
color: #fff;
opacity: 0.8;
outline: none;
}
.modal-style.style-1 .awsm-nav-item::after {
content: "\e610";
font-family: 'awsmicon';
}
.modal-style.style-1 .awsm-nav-right::after {
content: "\e611";
} .slide-ins-style.style-1 figcaption {
position: absolute;
left: 25px;
right: 25px;
top: 25px;
bottom: 25px;
padding: 20px;
background: rgba(35, 35, 35, 0.8);
color: #fff;
text-align: center;
opacity: 0;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
-ms-transform: scale(0.6);
transform: scale(0.6);
-webkit-transform: scale(0.6);
-moz-transform: scale(0.6);
-webkit-transition: -webkit-transform 0.6s, opacity 0.4s;
-moz-transition: -moz-transform 0.6s, opacity 0.4s;
-webkit-transition: opacity 0.4s, -webkit-transform 0.6s;
transition: opacity 0.4s, -webkit-transform 0.6s;
-moz-transition: transform 0.6s, opacity 0.4s, -moz-transform 0.6s;
transition: transform 0.6s, opacity 0.4s;
transition: transform 0.6s, opacity 0.4s, -webkit-transform 0.6s, -moz-transform 0.6s;
font-size: 0;
}
.slide-ins-style.style-1 figcaption h3 {
color: #fff;
}
.slide-ins-style.style-1 .awsm-personal-info {
display: inline-block;
width: -webkit-calc(100% - 1px);
width: -moz-calc(100% - 1px);
width: calc(100% - 1px);
vertical-align: middle;
font-size: 16px;
}
.slide-ins-style.style-1 figcaption::before {
content: "";
display: inline-block;
height: 100%;
vertical-align: middle;
width: 1px;
}
.no-touchevents .slide-ins-style.style-1 .awsm-grid-card figure:hover figcaption,
.slide-ins-style.style-1 figure.cs-hover figcaption {
-ms-transform: scale(1);
transform: scale(1);
-webkit-transform: scale(1);
-moz-transform: scale(1);
opacity: 1;
}
.slide-ins-style.style-1.awsm-modal-items {
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
z-index: 99999;
overflow: hidden;
opacity: 0;
background: rgba(0, 0, 0, 0.8);
visibility: hidden;
transition: opacity 0.5s 0.4s, visibility 0.5s 0.4s;
-webkit-transition: opacity 0.5s 0.4s, visibility 0.5s 0.4s;
-moz-transition: opacity 0.5s 0.4s, visibility 0.5s 0.4s;
}
.slide-ins-style.style-1.awsm-modal-on.awsm-modal-items {
opacity: 1;
visibility: visible;
transition: opacity 0.4s, visibility 0.5s;
-webkit-transition: opacity 0.4s, visibility 0.5s;
-moz-transition: opacity 0.4s, visibility 0.5s;
}
.slide-ins-style.style-1 .awsm-modal-items-main {
max-width: 500px;
margin-left: auto;
height: 100%;
position: absolute;
right: 0;
width: 100%;
background: #fff;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
-ms-transform: translateX(100%);
transform: translateX(100%);
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-webkit-transition: -webkit-transform 0.6s;
-moz-transition: -moz-transform 0.6s;
transition: -webkit-transform 0.6s;
-moz-transition: transform 0.6s, -moz-transform 0.6s;
transition: transform 0.6s;
transition: transform 0.6s, -webkit-transform 0.6s, -moz-transform 0.6s;
}
.slide-ins-style.style-1.awsm-modal-on .awsm-modal-items-main {
-ms-transform: translateX(0);
transform: translateX(0);
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
}
.slide-ins-style.style-1 .awsm-modal-item {
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 1;
font-size: 0;
width: 100%;
}
.slide-ins-style.style-1 .awsm-modal-open.awsm-modal-item {
z-index: 2;
}
.slide-ins-style.style-1 .awsm-modal-item::after {
content: "";
display: inline-block;
vertical-align: middle;
height: 100%;
width: 1px;
}
.slide-ins-style.style-1 .awsm-modal-content {
position: relative;
margin: 0 auto;
text-align: left;
background: #fff;
padding: 0 50px;
overflow: auto;
max-height: 100%;
opacity: 0;
-webkit-transition: opacity 0.4s;
-moz-transition: opacity 0.4s;
transition: opacity 0.4s;
}
.slide-ins-style.style-1 .awsm-modal-open .awsm-modal-content {
opacity: 1;
-ms-transform: translateX(0);
transform: translateX(0);
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-webkit-transition: opacity 0.4s 0.3s;
-moz-transition: opacity 0.4s 0.3s;
transition: opacity 0.4s 0.3s;
}
.slide-ins-style.style-1 .awsm-modal-content-main {
height: 100%;
font-size: 14px;
padding: 65px 0 50px
}
.slide-ins-style.style-1 .awsm-modal-image-main {
margin-bottom: 30px;
}
.slide-ins-style.style-1 .awsm-modal-image-main img {
max-width: 100%;
height: auto;
}
.slide-ins-style.style-1 .awsm-modal-details {
overflow: hidden;
color: #111;
}
.slide-ins-style.style-1 .awsm-modal-details a {
color: #111;
}
.slide-ins-style.style-1 .awsm-modal-details h3 {
font-size: 14px;
margin: 0;
text-transform: uppercase;
font-weight: normal;
}
.slide-ins-style.style-1 .awsm-modal-details h2 {
font-size: 36px;
margin: 0 0 20px;
}
.slide-ins-style.style-1 .awsm-modal-details .awsm-contact-details {
margin: 0;
padding: 20px 0;
}
.slide-ins-style.style-1 .awsm-modal-details .awsm-social-icons span {
padding: 0;
border: 1px solid;
margin: 0 5px 2px 5px;
text-align: center;
}
.slide-ins-style.style-1 .awsm-modal-details .awsm-social-icons a {
padding: 10px 0;
width: 40px;
}
.slide-ins-style.style-1 .awsm-modal-header {
padding: 10px 15px;
position: relative;
z-index: 999;
background: #fff;
border-bottom: 1px solid rgba(30, 30, 30, 0.2);
}
.slide-ins-style.style-1 .awsm-modal-on .awsm-modal-header {
}
.slide-ins-style.style-1 .awsm-modal-close {
float: right;
z-index: 100;
width: 25px;
height: 25px;
display: block;
position: relative;
}
.slide-ins-style.style-1 .awsm-modal-close::before,
.slide-ins-style.style-1 .awsm-modal-close::after {
content: '';
position: absolute;
width: 100%;
top: 50%;
height: 1px;
background: #888;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.slide-ins-style.style-1 .awsm-modal-close::after {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.slide-ins-style.style-1 .awsm-nav {
float: left;
}
.slide-ins-style.style-1 .awsm-nav-item {
width: 25px;
height: 25px;
display: block;
cursor: pointer;
color: #888;
font-size: 20px;
z-index: 999;
float: left;
line-height: 25px;
}
.slide-ins-style.style-1 .awsm-nav-right {
margin-left: 10px;
}
.slide-ins-style.style-1 .awsm-nav-item:hover,
.slide-ins-style.style-1 .awsm-nav-item:focus {
color: #333;
outline: none;
} .slide-ins-style.style-2 figcaption {
position: absolute;
left: 25px;
right: 25px;
top: 25px;
bottom: 25px;
padding: 20px;
background: rgba(35, 35, 35, 0.8);
color: #fff;
text-align: center;
opacity: 0;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
-ms-transform: scale(0.6);
transform: scale(0.6);
-webkit-transform: scale(0.6);
-moz-transform: scale(0.6);
-webkit-transition: -webkit-transform 0.6s, opacity 0.4s;
-moz-transition: -moz-transform 0.6s, opacity 0.4s;
-webkit-transition: opacity 0.4s, -webkit-transform 0.6s;
transition: opacity 0.4s, -webkit-transform 0.6s;
-moz-transition: transform 0.6s, opacity 0.4s, -moz-transform 0.6s;
transition: transform 0.6s, opacity 0.4s;
transition: transform 0.6s, opacity 0.4s, -webkit-transform 0.6s, -moz-transform 0.6s;
font-size: 0;
}
.slide-ins-style.style-2 figcaption h3 {
color: #fff;
}
.slide-ins-style.style-2 .awsm-personal-info {
display: inline-block;
width: -webkit-calc(100% - 1px);
width: -moz-calc(100% - 1px);
width: calc(100% - 1px);
vertical-align: middle;
font-size: 16px;
}
.slide-ins-style.style-2 figcaption::before {
content: "";
display: inline-block;
height: 100%;
vertical-align: middle;
width: 1px;
}
.no-touchevents .slide-ins-style.style-2 .awsm-grid-card figure:hover figcaption,
.slide-ins-style.style-2 figure.cs-hover figcaption {
-ms-transform: scale(1);
transform: scale(1);
-webkit-transform: scale(1);
-moz-transform: scale(1);
opacity: 1;
}
.slide-ins-style.style-2.awsm-modal-items {
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 99999;
overflow: hidden;
opacity: 0;
background: rgba(0, 0, 0, 0.8);
visibility: hidden;
transition: opacity 0.5s 0.4s, visibility 0.5s 0.4s;
-webkit-transition: opacity 0.5s 0.4s, visibility 0.5s 0.4s;
-moz-transition: opacity 0.5s 0.4s, visibility 0.5s 0.4s;
}
.slide-ins-style.style-2.awsm-modal-on.awsm-modal-items {
opacity: 1;
visibility: visible;
transition: opacity 0.4s, visibility 0.5s;
-webkit-transition: opacity 0.4s, visibility 0.5s;
-moz-transition: opacity 0.4s, visibility 0.5s;
}
.slide-ins-style.style-2 .awsm-modal-items-main {
max-width: 500px;
margin-left: auto;
height: 100%;
position: absolute;
left: 0;
width: 100%;
background: #fff;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
-ms-transform: translateX(-100%);
transform: translateX(-100%);
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-webkit-transition: -webkit-transform 0.6s;
-moz-transition: -moz-transform 0.6s;
transition: -webkit-transform 0.6s;
-moz-transition: transform 0.6s, -moz-transform 0.6s;
transition: transform 0.6s;
transition: transform 0.6s, -webkit-transform 0.6s, -moz-transform 0.6s;
}
.slide-ins-style.style-2.awsm-modal-on .awsm-modal-items-main {
-ms-transform: translateX(0);
transform: translateX(0);
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
}
.slide-ins-style.style-2 .awsm-modal-item {
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 1;
font-size: 0;
width: 100%;
}
.slide-ins-style.style-2 .awsm-modal-open.awsm-modal-item {
z-index: 2;
}
.slide-ins-style.style-2 .awsm-modal-item::after {
content: "";
display: inline-block;
vertical-align: middle;
height: 100%;
width: 1px;
}
.slide-ins-style.style-2 .awsm-modal-content {
position: relative;
margin: 0 auto;
text-align: left;
background: #fff;
padding: 0 50px;
overflow: auto;
max-height: 100%;
opacity: 0;
-webkit-transition: opacity 0.4s;
-moz-transition: opacity 0.4s;
transition: opacity 0.4s;
}
.slide-ins-style.style-2 .awsm-modal-open .awsm-modal-content {
opacity: 1;
-ms-transform: translateX(0);
transform: translateX(0);
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-webkit-transition: opacity 0.4s 0.3s;
-moz-transition: opacity 0.4s 0.3s;
transition: opacity 0.4s 0.3s;
}
.slide-ins-style.style-2 .awsm-modal-content-main {
height: 100%;
font-size: 14px;
padding: 65px 0 50px
}
.slide-ins-style.style-2 .awsm-modal-image-main {
margin-bottom: 30px;
}
.slide-ins-style.style-2 .awsm-modal-image-main img {
max-width: 100%;
height: auto;
}
.slide-ins-style.style-2 .awsm-modal-details {
overflow: hidden;
color: #111;
}
.slide-ins-style.style-2 .awsm-modal-details a {
color: #111;
}
.slide-ins-style.style-2 .awsm-modal-details h3 {
font-size: 14px;
margin: 0;
text-transform: uppercase;
font-weight: normal;
}
.slide-ins-style.style-2 .awsm-modal-details h2 {
font-size: 36px;
margin: 0 0 20px;
line-height: 1.42;
}
.slide-ins-style.style-2 .awsm-modal-details .awsm-contact-details {
margin: 0;
padding: 20px 0;
}
.slide-ins-style.style-2 .awsm-modal-details .awsm-social-icons span {
padding: 0;
border: 1px solid;
margin: 0 5px 2px 5px;
text-align: center;
}
.slide-ins-style.style-2 .awsm-modal-details .awsm-social-icons a {
padding: 10px 0;
width: 40px;
}
.slide-ins-style.style-2 .awsm-modal-header {
padding: 10px 15px;
position: relative;
z-index: 999;
background: #fff;
border-bottom: 1px solid rgba(30, 30, 30, 0.2);
}
.slide-ins-style.style-2 .awsm-modal-close {
float: left;
z-index: 100;
width: 25px;
height: 25px;
display: block;
position: relative;
}
.slide-ins-style.style-2 .awsm-popup-nav {
float: right;
}
.slide-ins-style.style-2 .awsm-modal-close::before,
.slide-ins-style.style-2 .awsm-modal-close::after {
content: '';
position: absolute;
width: 100%;
top: 50%;
height: 1px;
background: #888;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.slide-ins-style.style-2 .awsm-modal-close::after {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.slide-ins-style.style-2 .awsm-modal-nav {
float: right;
}
.slide-ins-style.style-2 .awsm-nav-item {
width: 25px;
height: 25px;
display: block;
cursor: pointer;
color: #888;
font-size: 20px;
z-index: 999;
float: left;
line-height: 25px;
}
.slide-ins-style.style-2 .awsm-nav-right {
margin-left: 10px;
}
.slide-ins-style.style-2 .awsm-nav-item:hover,
.slide-ins-style.style-2 .awsm-nav-item:focus {
color: #333;
outline: none;
} .awsm-table {
display: table;
width: 100%;
color: #111;
}
.awsm-table-row {
display: table-row;
}
.awsm-table-cell {
display: table-cell;
padding: 10px;
vertical-align: middle;
}
.awsm-table-row.awsm-table-head .awsm-table-cell {
border: none;
}
.awsm-table-cell .awsm-table-cell-inner {
max-width: 400px;
}
.table-style .awsm-table-img-holder {
max-width: 75px;
}
.awsm-table-cell .awsm-social-icons a {
color: #111;
}
.table-style .awsm-table-cell h3 {
font-size: 16px;
font-weight: normal;
margin: 0;
padding: 0;
line-height: 1.235;
}
.table-style .awsm-table-cell h2 {
font-size: 16px;
margin: 0;
padding: 0;
line-height: 1.235;
}
.table-style .awsm-table-cell p {
margin-bottom: 10px;
}
.awsm-table-description .awsm-table-cell-inner {
min-width: 240px;
}
.awsm-table.style-1 .awsm-table-row.awsm-table-head .awsm-table-cell {
border-bottom: 2px solid #ccc;
}
.awsm-table.style-1 .awsm-table-cell {
border-bottom: 1px solid #ccc;
} .awsm-table.style-2 .awsm-table-row.awsm-table-head .awsm-table-cell {
border-bottom: none;
}
.awsm-table.style-2 .awsm-table-cell {
border-bottom: none;
}
.awsm-table.style-2 .awsm-table-row:nth-child(2n+1) {
background-color: rgba(113, 113, 113, 0.04);
}
.awsm-table.style-2 .awsm-table-row.awsm-table-head {
background-color: #eee;
} .awsm-table.style-3 .awsm-table-row.awsm-table-head .awsm-table-cell {
background-color: #eee;
}
.awsm-table.style-3 .awsm-table-cell {
border-bottom: 1px solid #ddd;
}
.awsm-table.style-3 .awsm-table-row:first-child .awsm-table-cell {
border-top: 1px solid #ddd;
}
.awsm-table.style-3 .awsm-table-row .awsm-table-cell:first-child {
border-left: 1px solid #ddd;
}
.awsm-table.style-3 .awsm-table-row .awsm-table-cell:last-child {
border-right: 1px solid #ddd;
}
.awsm-filter-team{
margin: 0 0 0 5px;
}
.awsm-grid-wrapper .awsm-scale-anm {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
opacity: 1;
}
.awsm-team-item{
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
-webkit-transition: all 350ms ease;
-moz-transition: all 350ms ease;
transition: all 350ms ease;
opacity: 0;
}
.awsm-team-filter-wrap{
text-align: center;
padding-top: 30px;
}
.awsm-filter-btn {
font-size: 1rem;
font-weight: normal;
text-decoration: none;
cursor: pointer;
display: inline-block;
padding: 10px 25px;
margin: 0 4px;
height: auto;
position: relative;
vertical-align: middle;
color: #111;
}
.awsm-filter-btn::after{
content: "";
width: 0;
left: 50%;
bottom: 0;
height: 2px;
position: absolute;
background: #111;
opacity: 0;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.awsm-filter-btn.awsm-active-filter::after{
width: 100%;
left: 0;
opacity: 1;
}
.awsm-filter-btn:hover,
.awsm-filter-btn:focus {
text-decoration: none;
opacity: 0.8;
}
.awsm-filter-btn:focus {
outline: none;
border-color: var(--darken-2);
-webkit-box-shadow: 0 0 0 3px var(--darken-3);
box-shadow: 0 0 0 3px var(--darken-3);
}
@keyframes DownMove {
0% {
top: 50%;
}
5% {
top: 60%;
}
10% {
top: 50%;
}
15% {
top: 60%;
}
20% {
top: 50%;
}
}
@-webkit-keyframes DownMove {
0% {
top: 50%;
}
5% {
top: 60%;
}
10% {
top: 50%;
}
15% {
top: 60%;
}
20% {
top: 50%;
}
}
@-moz-keyframes DownMove {
0% {
top: 50%;
}
5% {
top: 60%;
}
10% {
top: 50%;
}
15% {
top: 60%;
}
20% {
top: 50%;
}
}
@media screen and (max-width:830px) {
.drawer-style.style-1 .awsm-personal-contact-info,
.drawer-style.style-1 .awsm-details {
width: 50%;
}
.drawer-style.style-2 .awsm-personal-contact-info,
.drawer-style.style-2 .awsm-details {
width: 50%;
}
.modal-style.style-1 .awsm-modal-item {
padding-top: 50px;
}
.modal-style.style-1 .awsm-modal-content {
padding: 50px 15px;
overflow: auto;
}
.modal-style.style-1 .awsm-modal-content-inner {
padding-right: 0;
}
.awsm-modal-items.style-1 {
padding: 0;
}
.modal-style.style-1 .awsm-nav-item {
top: 15px;
left: 15px;
font-size: 20px;
width: 25px;
height: 25px;
line-height: 25px;
margin-top: 0;
z-index: 1000;
}
.modal-style.style-1 .awsm-nav-item.awsm-nav-right {
left: 50px;
right: auto;
}
.modal-style.style-1 .awsm-image-main {
float: none;
margin: 0 0 30px;
width: 100%;
max-width: 100%;
}
.awsm-table-description .awsm-table-cell-inner {
min-width: unset;
}
}
@media screen and (max-width:700px) {
.awsm-grid.list-style figcaption {
overflow: visible;
}
.list-style.style-2 figure img,
.list-style.style-1 figure img {
float: none;
margin: 0 0 30px 0;
}
.awsm-table,
.awsm-table-row,
.awsm-table-cell {
display: block;
}
.awsm-table.style-1 .awsm-table-row {
padding-bottom: 20px;
border-bottom: 1px solid #ccc;
margin-bottom: 20px;
}
.awsm-table-row.awsm-table-head {
display: none;
}
.awsm-table-cell {
padding: 0;
border: none;
}
.table-style .awsm-table-img-holder {
float: left;
margin-right: 20px;
margin-bottom: 20px;
}
.awsm-table-designation,
.awsm-table-name {
overflow: hidden;
}
.awsm-table-description {
clear: both;
}
.awsm-table .awsm-table-cell h2 {
margin-bottom: 10px;
}
.awsm-table .awsm-table-cell h3 {
margin-top: 0;
} .awsm-table.style-1 .awsm-table-cell {
border: none;
}
.awsm-table-cell .awsm-table-cell-inner {
max-width: none;
}
.awsm-table.style-2 .awsm-table-row {
padding: 20px 15px;
}
.awsm-table.style-3 {
border: 1px solid #ccc;
}
.awsm-table.style-3 .awsm-table-row {
padding: 20px 15px;
border-bottom: 1px solid #ccc;
}
.awsm-table.style-3 .awsm-table-row:last-child {
border-bottom: none;
}
.awsm-table.style-3 .awsm-table-cell {
border: none !important;
}
}
@media screen and (max-width:650px) {
.drawer-style.style-1 .awsm-details,
.drawer-style.style-1 .awsm-personal-contact-info {
float: none;
width: 100%;
padding: 0;
overflow: visible;
}
.awsm-personal-details{
max-height: 100%;
overflow: visible;
}
.drawer-style.style-1 .awsm-grid-close {
right: 15px;
}
.drawer-style.style-1 .awsm-personal-contact-info {
padding-top: 30px;
}
.drawer-style.style-2 .awsm-details,
.drawer-style.style-2 .awsm-personal-contact-info {
float: none;
width: 100%;
}
.drawer-style.style-2 .awsm-grid-close {
right: 15px;
}
.drawer-style.style-2 .awsm-personal-contact-info {
padding-top: 30px;
}
}
@media screen and (max-width:530px) {
.slide-ins-style.style-1 .awsm-modal-content {
padding-left: 30px;
padding-right: 30px;
}
.slide-ins-style.style-2 .awsm-modal-content {
padding-left: 30px;
padding-right: 30px;
}
} @media screen and (-ms-high-contrast:active), (-ms-high-contrast:none) {
.cards-style.style-1 figure::before {
-ms-transform: translateY(0px);
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
transform: translateY(0px);
opacity: 0;
visibility: hidden;
-webkit-transition: opacity 0.4s, visibility 0.4s;
-moz-transition: opacity 0.4s, visibility 0.4s;
transition: opacity 0.4s, visibility 0.4s;
}
.no-touchevents .cards-style.style-1 figure:hover::before,
.cards-style.style-1 figure.cs-hover::before {
-ms-transform: translateY(0px);
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
transform: translateY(0px);
opacity: 1;
visibility: visible;
}
.cards-style.style-2 .awsm-flip-front,
.cards-style.style-2 figcaption {
-webkit-transition: -webkit-transform 0.6s, z-index 0.7s;
-moz-transition: -moz-transform 0.6s, z-index 0.7s;
-webkit-transition: z-index 0.7s, -webkit-transform 0.6s;
transition: z-index 0.7s, -webkit-transform 0.6s;
-moz-transition: transform 0.6s, z-index 0.7s, -moz-transform 0.6s;
transition: transform 0.6s, z-index 0.7s;
transition: transform 0.6s, z-index 0.7s, -webkit-transform 0.6s, -moz-transform 0.6s;
-webkit-backface-visibility: visible;
-moz-backface-visibility: visible;
backface-visibility: visible;
}
.cards-style.style-2 figcaption {
z-index: 1;
}
.cards-style.style-2 .awsm-flip-front {
z-index: 2;
}
.no-touchevents .cards-style.style-2 figure:hover figcaption,
.cards-style.style-2 figure.cs-hover figcaption {
z-index: 3;
}
} :root .cards-style.style-2 figcaption {
z-index: 1;
}
:root .cards-style.style-2 .awsm-flip-front {
z-index: 2;
}
:root .cards-style.style-2 figure:hover figcaption {
z-index: 3;
} html[dir='rtl'] .awsm-grid-wrapper .awsm-grid>.awsm-grid-card{
float: right;
} html[dir='rtl'] .modal-style.style-1 .awsm-image-main{
float: right;
margin-right: 0;
margin-left: 40px;
}
html[dir='rtl'] .modal-style.style-1 .awsm-modal-content{
text-align: right;
}
@media screen and (max-width: 830px){
html[dir='rtl'] .modal-style.style-1 .awsm-image-main{
float: none;
margin: 0 0 30px;
}
}
html[dir='rtl'] .slide-ins-style.style-1 .awsm-modal-content,
html[dir='rtl'] .slide-ins-style.style-2 .awsm-modal-content {
text-align: right;
} html[dir='rtl'] .drawer-style.style-1 .awsm-details,
html[dir='rtl'] .drawer-style.style-1 .awsm-personal-contact-info,
html[dir='rtl'] .drawer-style.style-2 .awsm-details,
html[dir='rtl'] .drawer-style.style-2 .awsm-personal-contact-info{
float: right;
}
html[dir='rtl'] .drawer-style.style-1 .awsm-grid-close,
html[dir='rtl'] .drawer-style.style-2 .awsm-grid-close{
right: auto;
left: 45px;
}
html[dir='rtl'] .drawer-style.style-2 .awsm-grid-close{
padding-left: 40px;
padding-right: 20px;
}
html[dir='rtl'] .drawer-style.style-2 figcaption::after{
left: 20px;
right: 0;
}
html[dir='rtl'] .drawer-style.style-1 .awsm-grid-show,
html[dir='rtl'] .drawer-style.style-2 .awsm-grid-show{
text-align: right;
}
@media screen and (max-width: 650px){
html[dir='rtl'] .drawer-style.style-1 .awsm-details,
html[dir='rtl'] .drawer-style.style-1 .awsm-personal-contact-info,
html[dir='rtl'] .drawer-style.style-2 .awsm-details,
html[dir='rtl'] .drawer-style.style-2 .awsm-personal-contact-info{
float: none;
}
} html[dir='rtl'] .list-style.style-1 figure img{
float: right;
margin-right: 0;
margin-left: 30px;
}
html[dir='rtl'] .list-style.style-2 figure img{
float: left;
margin-right: 30px;
margin-left: 0;
}
@media screen and (max-width: 700px){
html[dir='rtl'] .list-style.style-1 figure img, .list-style.style-2 figure img{
float: none;
margin: 0 0 30px;
}
}div.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
width: 1px;
margin: 0;
padding: 0;
border: 0;
}
div.wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #ff0000;
}
div.wpcf7-mail-sent-ok {
border: 2px solid #398f14;
}
div.wpcf7-mail-sent-ng,
div.wpcf7-aborted {
border: 2px solid #ff0000;
}
div.wpcf7-spam-blocked {
border: 2px solid #ffa500;
}
div.wpcf7-validation-errors,
div.wpcf7-acceptance-missing {
border: 2px solid #f7e700;
}
.wpcf7-form-control-wrap {
position: relative;
}
span.wpcf7-not-valid-tip {
color: #f00;
font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip span.wpcf7-not-valid-tip {
position: absolute;
top: 20%;
left: 20%;
z-index: 100;
border: 1px solid #ff0000;
background: #fff;
padding: .2em .8em;
}
span.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
span.wpcf7-list-item-label::before,
span.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-display-none {
display: none;
}
div.wpcf7 .ajax-loader {
visibility: hidden;
display: inline-block;
background-image: url(//www.businesswatchgroup.co.uk/wp-content/plugins/contact-form-7/images/ajax-loader.gif);
width: 16px;
height: 16px;
border: none;
padding: 0;
margin: 0 0 0 4px;
vertical-align: middle;
}
div.wpcf7 .ajax-loader.is-active {
visibility: visible;
}
div.wpcf7 div.ajax-error {
display: none;
}
div.wpcf7 .placeheld {
color: #888;
}
div.wpcf7 input[type="file"] {
cursor: pointer;
}
div.wpcf7 input[type="file"]:disabled {
cursor: default;
}
div.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}form.impulse-form{float:left;width:100%;background-color:#eee;box-sizing:border-box;border:1px solid #ccc;padding:40px!important;margin:0 0 30px 0}form#impulse-submit{display:none}form.impulse-form h3{float:left;width:100%;margin:0 0 30px 0;font-size:23px;font-weight:700;color:#19232d;text-transform:uppercase;padding:0;position:relative;line-height:1.2}form.impulse-form h3:after{position:absolute;left:0;bottom:-16px;width:50px;height:2px;background-color:#009fe3;content:''}form.impulse-form *{box-sizing:border-box;outline:0}form.impulse-form p{float:left;width:100%;margin:0 0 10px 0}form.impulse-form input[type=text]{appearance:none;-webkit-appearance:none;-moz-appearance:none;float:left;width:100%;line-height:40px;height:40px;border:1px solid #ccc;padding:0 10px;background-color:#fff;border-radius:0;-moz-border-radius:0;-webkit-border-radius:0}form.impulse-form input[type=email]{appearance:none;-webkit-appearance:none;-moz-appearance:none;float:left;width:100%;line-height:40px;height:40px;border:1px solid #ccc;padding:0 10px;background-color:#fff;border-radius:0;-moz-border-radius:0;-webkit-border-radius:0}form.impulse-form p label{float:left;width:100%;margin:0 0 5px 0;font-weight:700}form.impulse-form select{appearance:none;-webkit-appearance:none;-moz-appearance:none;float:left;width:100%;line-height:40px;height:40px;border:1px solid #ccc;padding:0 10px;background-color:#fff;border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;margin:0;background-image:url(//www.businesswatchgroup.co.uk/wp-content/plugins/impulse-calculator/css/down.png);background-size:auto 20%;background-position:right 10px center;background-repeat:no-repeat}form.impulse-form input[type=submit]{float:left;width:auto;text-transform:uppercase;font-weight:700;line-height:40px;height:40px;appearance:none;-webkit-appearance:none;-moz-appearance:none;border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;border:none;padding:0 60px!important;transition:.3s ease all;-moz-transition:.3s ease all;-webkit-transition:.3s ease all;background-color:#009fe3;color:#fff}form.impulse-form input[id=back]{float:left}form.impulse-form input:hover[type=submit]{background-color:#444;color:#fff}form.impulse-form input[type=checkbox]{margin:0 10px 0 0!important}#main form#impulse-submit input[type=submit]{width:46%;margin:0 4% 0 0;text-align:center;padding:0!important;float:left}#gdpr{float:left;width:100%;font-size:12px;margin:0 0 20px;font-family:Varela,sans-serif;color:#58595b}#gdpr a,#gdpr a:focus,#gdpr a:hover,#gdpr a:visited{color:#00aeef;text-decoration:none}@media (max-width:1025px){form.impulse-form h3{font-size:20px}}.sub-div{float:left;display:block;position:100}