@charset "UTF-8";
@charset "UTF-8";
@charset "UTF-8";
@charset "UTF-8";
.social-feed-element.hidden{
background-color:red !important;
}
.social-feed-element .pull-left{
float:left;
margin-right: 10px;
}
.social-feed-element .pull-right {
margin-left: 10px;
}
.social-feed-element img {
width: 100%;
width: auto\9;
height: auto;
border: 0;  
vertical-align: middle;
-ms-interpolation-mode: bicubic;
}
.social-feed-element .attachment {
vertical-align: middle;
-ms-interpolation-mode: bicubic;
} .social-feed-element a {
color: #0088cc;
text-decoration: none;
}
.social-feed-element a:focus {
outline: thin dotted #333;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
.social-feed-element a:hover,
.social-feed-element a:active {
outline: 0;
color: #005580;
text-decoration: underline;
} .social-feed-element small {
font-size: 85%;
}
.social-feed-element strong {
font-weight: bold;
}
.social-feed-element em {
font-style: italic;
}
.social-feed-element p {
margin: 0 0 10px;
}
.social-feed-element .media-body > p{
margin-bottom:4px;
min-height:20px;
}
.social-feed-element p.social-feed-text {
margin: 0;
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 5;
-webkit-box-orient: vertical;
} .social-feed-element,
.social-feed-element .media-body {
overflow: hidden;
zoom: 1;
*overflow: visible;
}
.social-feed-element .media-body .social-network-icon{
margin-top: -3px;
margin-right:5px;
width:16px;
}
.social-feed-element .media-body div{
color:#666;
line-height: 20px;
}
.social-feed-element:first-child {
margin-top: 0;
}
.social-feed-element .media-object {
display: block;
width:48px;
}
.social-feed-element .media-heading {
margin: 0 0 5px;
}
.social-feed-element .media-list {
margin-left: 0;
list-style: none;
}
.social-feed-element .muted {
color: #999;
}
.social-feed-element a.muted:hover,
.social-feed-element a.muted:focus {
color: #808080;
}
.social-feed-element{
box-shadow: 0 0 10px 0 rgba(10, 10, 10, 0.2);
transition: 0.25s; margin:-1px;
margin-top:25px;
background-color: #fff;
color: #333;
text-align:left;
font-size: 14px;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
line-height: 16px;
}
.social-feed-element:hover{
box-shadow: 0 0 20px 0 rgba(10, 10, 10, 0.4);
}
.social-feed-element .content{
padding:15px;
}
.social-feed-element .social-network-icon{
opacity:0.7;
}
.social-feed-element .author-title{
color: #444;
line-height: 1.5em;
font-weight: 500;  
}.wp-caption {max-width: 100% !important;}
.wp-caption-text {}
.sticky {}
.gallery-caption {}
.bypostauthor {}
.alignright {}
.alignleft {}
.aligncenter {}
body.blog .logo {
background-image: url(//formworkcompany.co.uk/wp-content/themes/Solido/img/header-logo.png);
width: 185px;
height: 60px;
margin-top: 6px;
}
body.blog .logo span{
display: none;
}
section.services {
max-width: 1180px;
margin: 0 auto;
}
#contact .wp-image-1798 {
display: none;
}
.post .tags{
clear:both;
}
.title.grid-full {margin-bottom:50px;}
.post .tags a{
-webkit-border-radius: 3px;
border: 1px solid #ccc;
padding:3px 6px;
margin:0 3px 3px 0;
line-height: 36px;
white-space: nowrap;
color:#ccc;
font-size:12px;
}
.pagination {
text-transform: uppercase;
font-size: 13px;
margin:20px auto;
}
.post .tags a:hover{
border-color:#999;
color:#999;
}
.widget_recent_entries li{
padding-bottom:8px;
}
.widget_recent_entries span{
display:block;
font-size:12px;
}
.sidebar {
color:#777;
font-size: 13px;
}
.sidebar ul, .sidebar ol { padding-left:0px; list-style: none;}
h1,h2,h3,h4,h5,h6 {
color: #060606;
font-style: normal;
font-weight: 300;
line-height: 1.17em;
margin: 0 0 20px;
}
h1 {
font-size: 3.46666666667em;
text-transform: uppercase;
letter-spacing: 0.20em;
}
h2 {
font-size: 2.4em;
text-transform: uppercase;
letter-spacing: 0.20em;
}
.title  h2 {font-size:37px;}
h3 {
font-size: 1em;
text-transform: uppercase;
letter-spacing: 0.20em;
font-weight: 400;
}
h4 {
font-size: 1em;
text-transform: uppercase;
font-weight: 400;
}
h5 {
font-size: 1em;
font-weight: 400;
}
h6 {
font-size: 0.8em;
text-transform: uppercase;
font-weight: 400;
} .post {
position: relative;
text-align: left;
margin-top: 30px;
padding: 0px 0px 30px 70px;
border-bottom: 1px solid #e9e9e9;
}
.post.sticky {background: #fdfdfd}
.post-media { position: relative; }
.post-media img {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
max-width: 100%;
height: auto;
margin-bottom:10px;
}
.post .date {
position: absolute;
text-align: center;
width: 40px;
padding-bottom: 10px;
top: 0;
left: 0;
text-transform: uppercase;
font-size: 1.6em;
letter-spacing: 0.2em;
line-height: 0.8em;
border-bottom: 1px solid #a8d5ac;
color:#666666;
font-style: italic;
}
.post .date small { font-size: 0.5833333333333333em; }
.post-title h2 {
text-transform: none;
letter-spacing: normal;
font-size: 30px;
margin-top:0px;
line-height: 55px;
}
.post-body {
color: #777777;
line-height: 1.6em;
font-size:14px;
}
.post.quote .post-title h2, .post.link .post-title h2 {
font-size: 1em!important;
text-transform: uppercase;
letter-spacing: 0.20em;
padding: 0;
}
.post-title a { text-decoration:none; color: #060606!important; }
.post-meta h6, .post-meta a { text-decoration:none; font-size:13px; text-transform: lowercase; color: #a8d5ac; }
.post-meta h6 {color:#777;}
.post-meta a:hover {text-decoration: underline;}
.post-meta a.more {
float: right;
text-transform: uppercase;
}
.gallery-next, .gallery-prev { position: absolute; z-index: 100; display: block; bottom: 10px; }
.gallery-next { right: 10px; }
.gallery-prev { right: 37px; }
.gallery-next .bx-next, .gallery-prev .bx-prev {
position: static;
width: auto;
height: auto;
top: auto;
opacity: 1;
filter: alpha(opacity=100);
right: auto;
left: auto;
text-indent: -999em;
width: 22px;
height: 22px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.gallery-next .bx-next  { background: #060606 url(//formworkcompany.co.uk/wp-content/themes/images/blog/next.png) no-repeat; background-size: 22px 22px;}
.gallery-prev .bx-prev  { background: #060606 url(//formworkcompany.co.uk/wp-content/themes/images/blog/prev.png) no-repeat; background-size: 22px 22px;} .sidebar a {text-decoration:none; color:#333;}
.sidebar a:hover {text-decoration: underline;}
.widget {
text-align: left;
margin-top: 30px;
}
.screen-reader-text {display: none;}
#searchform  #s {
border: none;
float: left;
outline: none;
padding: 0px 0px 0px 10px;
width: 100%;
height: 40px;
background: #fff;
color: #aaaaaa;
border: 2px solid #e9e9e9;
border-radius: 3px;
}
#searchform #searchsubmit {display:none;}
.textwidget {
line-height: 1.6em;
}
.sidebar .menu {
float: none;
margin-right: 0px;
}
.sidebar ul li {
padding-bottom: 8px;
margin-bottom: 15px;
border-bottom: 1px dotted #e9e9e9;
background: url(//formworkcompany.co.uk/wp-content/themes/Solido/img/list.png) no-repeat left 6px;
padding-left:10px;
}
.sidebar img {height: auto;}
#calendar_wrap table {width: 100%;}
#calendar_wrap caption {
background: #e9e9e9;
padding: 5px 0px;
margin-bottom: 10px;
text-transform: uppercase;
}
.sidebar select {
width: 100%;
}
.sidebar ul li a, .cat-item a, .recentcomments a { color: #060606; font-weight: 400; }
.tagcloud a {
display: inline-block;
margin-right: 10px;
margin-bottom: 10px;
font-size: 0.8em;
text-transform: uppercase;
padding: 5px 10px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.widget-archive a, .widget-recent-entries a {
color: #060606!important;
font-weight: 400;
font-size: 0.8666666666667em;
display: block;
padding-bottom: 8px;
margin-bottom: 15px;
border-bottom: 1px solid #e9e9e9;
} #comments { text-align: left; padding-top: 50px; }
#comments-title {  }
.says {display: none;}
.commentlist .comment { list-style: none; padding-bottom:50px;}
.comment-body { position: relative; margin-left: 70px; border-top: 1px solid #e9e9e9; padding-top: 30px; }
.comment-author { position: absolute; top: 30px; left: -70px;}
.comment-author img {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
float:none;
height: auto;
width: auto;
margin:0px;
}
.comment .reply {text-align: right}
.comment-reply-link {
text-decoration: none;
font-size: 12px;
line-height: 20px;
font-weight: 300;
display: inline-block;
color: #fff !important;
text-transform: uppercase;
font-family: 'Montserrat', sans-serif;
padding: 3px 30px;
border-radius: 3px;
background: #a8d5ac;
border: none;
float:right;
-webkit-transition: all .2s ease-out;
-moz-transition: all .2s ease-out;
-o-transition: all .2s ease-out;
transition: all .2s ease-out;
}
.comment-reply-link:hover {
color: #a8d5ac;
background: #777 !important;
-webkit-transition: all .2s ease-out;
-moz-transition: all .2s ease-out;
-o-transition: all .2s ease-out;
transition: all .2s ease-out;
}
.comment .children { margin-left: 70px; }
.fn { display: block; margin-bottom: 10px; }
.comment-meta, .comment-meta a { color: #a4a4a3!important; }
#respond { margin-left: 70px; margin-top: 50px; margin-bottom:50px; }
#respond {}
#reply-title { border-bottom: 2px solid #e9e9e9; padding-bottom: 30px; margin-bottom: 5px; }
.comment-reply-form { border-top: 1px solid #e9e9e9; }
.comment-notes { margin-top: 10px; color: #a4a4a3; }
#respond label, .control-group .controls { display: inline-block; }
#respond label, .form-allowed-tags {
display:block;
font-size: 13px;
color: #a8a8a8;
text-transform:uppercase;
font-family: 'Montserrat', sans-serif;
}
.form-allowed-tags {font-size: 11px;}
#respond input[type=text] {
width: 97%!important;
border: 2px solid #e9e9e9;
outline: none;
padding: 11px;
font-weight: 300;
font-size: 13px;
color: #a8a8a8;
text-transform:uppercase;
font-family: 'Montserrat', sans-serif;
background: #fff;
}
#respond textarea {
width: 97%!important;
border: 2px solid #e9e9e9;
outline: none;
padding: 11px;
font-weight: 300;
font-size: 13px;
color: #a8a8a8;
text-transform:uppercase;
font-family: 'Montserrat', sans-serif;
background: #fff;
height:120px;
}
.form-submit {text-align: right;}
#respond input[type=submit] {
text-decoration: none;
font-size: 12px;
line-height: 20px;
font-weight: 300;
display: inline-block;
color: #fff;
text-transform: uppercase;
font-family: 'Montserrat', sans-serif;
padding: 3px 30px;
border-radius: 3px;
background: #a8d5ac;
border: none;
-webkit-transition: all .2s ease-out;
-moz-transition: all .2s ease-out;
-o-transition: all .2s ease-out;
transition: all .2s ease-out;
}
#respond input[type=submit]:hover {
color: #a8d5ac;
background: #777 !important;
-webkit-transition: all .2s ease-out;
-moz-transition: all .2s ease-out;
-o-transition: all .2s ease-out;
transition: all .2s ease-out;
} @-o-viewport {
width: device-width;
}
@-ms-viewport {
width: device-width;
}
@viewport {
width: device-width;
}
html {
overflow-y: auto;
}
img,
audio,
video,
canvas {
max-width: 100%;
height: auto;
} .container {
max-width: 990px;
width:92%;
margin:0px auto;
position: relative;
zoom:1;
}
.container:before, .container:after { content:""; display: table; }
.container:after { clear:both; }
@media screen and (min-width: 480px) {
.container {
width: 98%;
}
.grid-1,
.grid-2,
.grid-3,
.grid-4,
.grid-5,
.grid-6,
.grid-half,
.grid-full {
float: left;
width: 94.969696969697%;
margin: 0 2.515151515152%;
}
.grid-half {
width: 46.969696969697%;
margin: 0 1.515151515152%;
}
}
@media screen and (min-width: 640px) {
.grid-1     { width: 13.636363636364%; }
.grid-2     { width: 21.30303030303%; }
.grid-3,
.grid-half  { width: 46.969696969697%; }
.grid-4     { width: 68.636363636364%; }
.grid-5     { width: 80.30303030303%; }
.grid-6,
.grid-full  { width: 96.969696969697%; }
}
.socialFooter.nomap {margin-top: 0px;} .clearfix:before, .clearfix:after { content:""; display: table; }
.clearfix:after { clear:both; }
.clearfix { zoom:1; } #nav > li {float:left;}
#nav li{background:#404041;}
#nav li a {display:block;}
#nav li ul {
display:none;
position:absolute;
min-width:150px;
}
#nav li:hover > ul {display:block;}
#nav li ul li {position:relative; line-height: 50px;}
#nav li ul li ul {
right:-150px;
top:0;
} .buy-logo{
border-radius: 25px/100% !important;
margin: 34px auto 0 !important;
}
.socialFooter .social-icons .social div{
background-image: url(http://formworkcompany.co.uk/wp-content/uploads/2020/02/social-footer.png) !important;
}
.slides-navigation .prev{
background-image: url(http://formworkcompany.co.uk/wp-content/uploads/2018/12/s-prev.png) !important;
}
.slides-navigation .next{
background-image: url(http://formworkcompany.co.uk/wp-content/uploads/2018/12/s-next.png) !important;
}
article#training{
overflow: hidden;
}
.brick{
width: 300px;
margin: 10px;
}
.brick a{
display: block;
outline: none;
}
.wrapper-project.work-images {
margin-bottom: 50px;
}
div#our-work-section {
width: 84%;
margin: 0 auto;
}
#our-works-section .ca-item{
widows: 33%;
}
a:focus,a:hover,a:active{
outline: none !important;
}
.navigation.text-center div {
display: inline-block;
position: absolute;
top: 30%;
}
.navigation.text-center a {
color: #000;
text-decoration: none;
}
.navigation.text-center a:hover{
color: #a8d5ac;
}
.navigation.text-center .prev{
left: 0;
}
.navigation.text-center .next{
right: 0;
}
.navigation a{
display: block;
text-indent: -9999px;
}
.navigation .next a{
background: url(//formworkcompany.co.uk/wp-content/themes/Solido/img/w-next.png) no-repeat #e1e1e1;     
width: 30px;
height: 57px; 
margin-right:70px; 
}
.navigation .prev a{
background: url(//formworkcompany.co.uk/wp-content/themes/Solido/img/w-prev.png) no-repeat #e1e1e1; 
width: 30px;
height: 57px;  
margin-left:70px; 
}
.navigation .next a:hover{background-color:#a8d5ac}
.navigation .prev a:hover{background-color:#a8d5ac}
a.go-back-link {
color: #000;
position: relative;
font-size: 0.8em;
background: #eaeaea;
padding: 2px 5px;
text-decoration: none;
border-radius: 4px;
margin: -19px auto 14px;
display: block;
width: 60px;
}
#our-work-section .f-single {
float: left;
width:100%;
margin: 0 0 30px;
}
.f-info {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.main-title .welcome {
background-image: url(http://formworkcompany.co.uk/wp-content/uploads/2018/12/fcl-logo.png);
width: 491px;
height: 177px;
text-indent: -9999px;
margin: 0 auto;
background-size: 100%;
background-repeat: no-repeat;
}
body.page-template.page-template-page-our-works .dark {
background: #E8E8E8;
}
#our-work-section .f-single {
box-shadow: 0 0 5px rgba(0,0,0,0.4);
} @media only screen and (min-width:320px) {
}
@media only screen and (min-width:480px) {
}
@media only screen and (min-width:768px) {
#our-work-section .f-single{
width: 30.333333%;
margin: 0 1.5% 30px;
flex: 0 0 30.333333%;
-webkit-box-flex: 0;   }
}
@media only screen and (min-width:1024px) {
#our-work-section .f-single{
width: 30.333333%;
margin: 0 1.5% 30px;
flex: 0 0 30.333333%;
-webkit-box-flex: 0;
}
}
@media only screen and (min-width:1140px) {
#our-work-section .f-single{
width: 30.333333%;
margin: 0 1.5% 30px;
flex: 0 0 30.333333%;
-webkit-box-flex: 0;
}
#our-work-section .f-info{
font-size: 1em;
}
}
@media only screen and (min-width:1280px) {
#our-work-section .f-single{
width: 30.333333%;
margin: 0 1.5% 30px;
flex: 0 0 30.333333%;
-webkit-box-flex: 0;
}
}
@media only screen and (min-width:1600px) {
#our-work-section .f-single{
width: 30.333333%;
margin: 0 1.5% 30px;
flex: 0 0 30.333333%;
-webkit-box-flex: 0;
}
}
@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-resolution:144dpi) {
}
div#temp-notice {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
text-align: center;
background: rgba(0,0,0,0.5);
padding: 5px 0;
color: #fff;
z-index: 1000;
font-size: 12px;
}
div#temp-notice a{
color: #fff;
} .slides-1 {
position: relative !important;
height: 100svh !important; min-height: 100svh !important;
overflow: hidden !important;
} .slides-1 .wistia_responsive_padding {
position: absolute !important;
inset: 0 !important;
padding: 0 !important; width: 100% !important;
height: 100% !important;
} .slides-1 .wistia_responsive_wrapper,
.slides-1 .wistia_embed,
.slides-1 .w-chrome,
.slides-1 .w-video-wrapper {
position: absolute !important;
inset: 0 !important;
width: 100% !important;
height: 100% !important;
} .slides-1 .w-video-wrapper video,
.slides-1 video[id^="wistia_simple_video"] {
width: 100% !important;
height: 100% !important;
max-width: none !important;
max-height: none !important;
object-fit: cover !important;
object-position: center !important;
}article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
display: block;
} audio,
canvas,
video {
display: inline-block;
*display: inline;
*zoom: 1;
} audio:not([controls]) {
display: none;
height: 0;
} [hidden] {
display: none;
}  html {
background: #fff; color: #000; font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } html,
button,
input,
select,
textarea {
font-family: 'Open Sans', sans-serif;
} body {
margin: 0;
}  a:focus {
outline: thin dotted;
} a:active,
a:hover {
outline: 0;
}  h1 {
font-size: 2em;
margin: 0.67em 0;
}
h2 {
font-size: 1.5em;
margin: 0.83em 0;
}
h3 {
font-size: 1.17em;
margin: 1em 0;
}
h4 {
font-size: 1em;
margin: 1.33em 0;
}
h5 {
font-size: 0.83em;
margin: 1.67em 0;
}
h6 {
font-size: 0.67em;
margin: 2.33em 0;
} abbr[title] {
border-bottom: 1px dotted;
} b,
strong {
font-weight: bold;
}
blockquote {
margin: 1em 40px;
} dfn {
font-style: italic;
} hr {
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0;
} mark {
background: #ff0;
color: #000;
} p,
pre {
margin: 1em 0;
} code,
kbd,
pre,
samp {
font-family: monospace, serif;
_font-family: 'courier new', monospace;
font-size: 1em;
} pre {
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word;
} q {
quotes: none;
} q:before,
q:after {
content: '';
content: none;
} small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}  dl,
menu,
ol,
ul {
margin: 1em 0;
}
dd {
margin: 0 0 0 40px;
} menu,
ol,
ul {
padding: 0 0 0 40px;
} nav ul,
nav ol {
list-style: none;
list-style-image: none;
}  img {
border: 0; -ms-interpolation-mode: bicubic; } svg:not(:root) {
overflow: hidden;
}  figure {
margin: 0;
}  form {
margin: 0;
} fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
} legend {
border: 0; padding: 0;
white-space: normal; *margin-left: -7px; } button,
input,
select,
textarea {
font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; } button,
input {
line-height: normal;
} button,
select {
text-transform: none;
} button,
html input[type="button"], input[type="reset"],
input[type="submit"] {
-webkit-appearance: button; cursor: pointer; *overflow: visible; } button[disabled],
html input[disabled] {
cursor: default;
} input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box; padding: 0; *height: 13px; *width: 13px; } input[type="search"] {
-webkit-appearance: textfield; -moz-box-sizing: content-box;
-webkit-box-sizing: content-box; box-sizing: content-box;
} input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
} button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
} textarea {
overflow: auto; vertical-align: top; }  table {
border-collapse: collapse;
border-spacing: 0;
}html,
button,
input,
select,
textarea {
color: #222;
}
body {
font-size: 1em;
line-height: 1.4;
} ::-moz-selection {
background: #b3d4fc;
text-shadow: none;
}
::selection {
background: #b3d4fc;
text-shadow: none;
} hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #ccc;
margin: 1em 0;
padding: 0;
} img {
vertical-align: middle;
} fieldset {
border: 0;
margin: 0;
padding: 0;
} textarea {
resize: vertical;
} .chromeframe {
margin: 0.2em 0;
background: #ccc;
color: #000;
padding: 0.2em 0;
}   .ir {
background-color: transparent;
border: 0;
overflow: hidden; *text-indent: -9999px;
}
.ir:before {
content: "";
display: block;
width: 0;
height: 150%;
} .hidden {
display: none !important;
visibility: hidden;
} .visuallyhidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
} .visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto;
} .invisible {
visibility: hidden;
} .clearfix:before,
.clearfix:after {
content: " "; display: table; }
.clearfix:after {
clear: both;
} .clearfix {
*zoom: 1;
} @media only screen and (min-width: 35em) { }
@media print,
(-o-min-device-pixel-ratio: 5/4),
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 120dpi) { } @media print {
* {
background: transparent !important;
color: #000 !important; box-shadow: none !important;
text-shadow: none !important;
}
a,
a:visited {
text-decoration: underline;
}
a[href]:after {
content: " (" attr(href) ")";
}
abbr[title]:after {
content: " (" attr(title) ")";
} .ir a:after,
a[href^="javascript:"]:after,
a[href^="#"]:after {
content: "";
}
pre,
blockquote {
border: 1px solid #999;
page-break-inside: avoid;
}
thead {
display: table-header-group; }
tr,
img {
page-break-inside: avoid;
}
img {
max-width: 100% !important;
}
@page {
margin: 0.5cm;
}
p,
h2,
h3 {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
}
 @import url("http://fonts.googleapis.com/css?family=Montserrat:400,700");
@import url("http://fonts.googleapis.com/css?family=Open+Sans:400italic,400,300,600,700");
::selection {
background-color: #4cddf3;
color: #fff;
}
html, body {
background: #fff;
width:100%;
height:100%;
margin:0;
padding:0;
}
.hideme{opacity: 0;}
.hideme-slide, .hideme-slide2{opacity: 0; bottom: -100% !important;}
.dontHide{
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
opacity: 1;
}
.dontHide.delay{
-webkit-transition: all 1.5s ease-in-out;
-moz-transition: all 1.5s ease-in-out;
-o-transition: all 1.5s ease-in-out;
transition: all 1.5s ease-in-out;
} #mask {
background-color: #FFFFFF;
height: 100%;
position: fixed;
width: 100%;
z-index: 10000;
}
.loader {
position: absolute;
width: 70px;
height: 70px;
margin: -35px 0 0 -35px;
top: 50%;
left: 50%;
} .blue .color-picker .pickerTitle{background:#00D6FF;}
.black .color-picker .pickerTitle{background:#000;}
.yellow .color-picker .pickerTitle{background:#f1d301;}
.turquoise .color-picker .pickerTitle{background:#29deb5;}
.red .color-picker .pickerTitle{background:#f2333a;}
.purple .color-picker .pickerTitle{background:#d786fe;}
.orange .color-picker .pickerTitle{background:#fda527;}
.green .color-picker .pickerTitle{background:#77be32;}
.color-picker .picker-btn{
position: absolute;
left: -45px;
top:45px;
border: none;
background: url(//formworkcompany.co.uk/wp-content/themes/Solido/img/picker-ico.png) 5px no-repeat #fff;
cursor: pointer;
padding:5px;
}
.color-picker{
font-family: 'Montserrat', sans-serif;
width: 223px;
height: auto;
position: fixed;
top: 150px;
right: 0;
background: #fff;
z-index: 500;
}
.color-picker .pwrapper{
padding: 15px 20px 25px;
width: 170px;
height:auto;
}
.color-picker .pickerTitle{
text-transform: uppercase;
text-align: center;
float: none;
width: 100%;
margin: 0;
padding: 10px 5px;
cursor: auto;
border: none;
color:#fff;
background:#666;
line-height:30px;
}
.color-picker .pickersubTitle{
color:#7F7F7F;
text-transform: uppercase;
text-align: center;
float: none;
width: auto;
height: auto;
margin: 0 5px 15px;
padding: 10px 5px;
cursor: auto;
font-size:12px;
border-bottom: 1px solid #ededed;
border-top: 1px solid #ededed;
clear:both;
}
.color-picker div{
width: 30px;
height: 30px;
margin: 5px; float: left;
cursor: pointer; -webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.color-picker div.nopick{ width:0; height:0;}
.color-picker .light-version{
width: 73px;
height: 29px;
margin-bottom:20px; }
.color-picker .dark-version{
width: 73px;
height: 29px; }
.color-picker .picker-blue{background: #a8d5ac;}
.color-picker .picker-black{background: #222;}
.color-picker .picker-green{background: #77be32;}
.color-picker .picker-yellow{background: #f1d301;}
.color-picker .picker-red{background: #f2333a;}
.color-picker .picker-purple{background: #d786fe;}
.color-picker .picker-turquoise{background: #29deb5;}
.color-picker .picker-orange{background: #fda527;}
.color-picker .picker-blue:hover,.color-picker .picker-black:hover,.color-picker .picker-green:hover,.color-picker .picker-yellow:hover,.color-picker .picker-red:hover,.color-picker .picker-purple:hover,.color-picker .picker-turquoise:hover,.color-picker .picker-orange:hover{border-color: #000;} .jump-menu{
display: none;
position: absolute;
top: 0;
right: 0;
}
.jump-selector{
border-radius: 0;
background: url(//formworkcompany.co.uk/wp-content/themes/Solido/img/menu-icon-blk.png) no-repeat;
position: absolute;
width: 50px;
height: 75px;
top: 0;
right: 0;
border: none;
-webkit-appearance: none;
padding-right: 50px;
cursor: pointer;
} #video-volume {
bottom: 30px;
color: #FFFFFF;
cursor: pointer;
font-size: 24px;
margin-left: -12px;
left: 50%;
position: absolute;
width: 25px;
height: 25px;
z-index: 10;
background: url(//formworkcompany.co.uk/wp-content/themes/Solido/img/audio.png) no-repeat;
opacity: 0.5;
}
.welcome{
font-family: Georgia, "Times New Roman", Times, serif;
font-style: italic;
font-size: 26px;
letter-spacing: 3px;
text-transform: none;
}
.slideshow-home-fullWidth div,.slideshow-home div{
position: relative;
width: 100%;
height: 100%;
}
#home.video {height: 100%;}
.slideshow-home-fullWidth{
height: 700px;
}
.slider-controls{
opacity: 0;
padding: 0;
margin: 0;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.slider-controls li{list-style: none;}
.slideshow-home-fullWidth div:hover .slider-controls,.slideshow-home div:hover .slider-controls{
opacity: 1;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.slider-controls li a{
position: absolute;
z-index: 25;
top: 44%;
width: 81px;
height: 80px;
cursor: pointer;
}
.s-next{
background: url(//formworkcompany.co.uk/wp-content/themes/Solido/img/s-next.png);
margin-right: 70px;
right: 0;
opacity: 0.3;
}
.s-prev{
background: url(//formworkcompany.co.uk/wp-content/themes/Solido/img/s-prev.png);
margin-left: 70px;
left: 0;
opacity: 0.3;
}
.s-next:hover, .s-prev:hover{opacity: 1;} .slideshow-home{ height:100%;}
#bannerscollection_zoominout_opportune{height:100%; width:100%;}
.wrapperSlider #bannerscollection_zoominout_opportune{ height:auto; width:auto;}
.slideshow-homer:hover .bannerControls{opacity: 1;}
.banner-info{
position: absolute;
width: 100%;
z-index: 10;
top: 0;
left: 0;
text-align: center;
}
.header{
width: 100%; background: #404041; position: absolute;
z-index: 75;
border-bottom: 6px #a4e0b5 solid;
}
.clear{clear: both;}
.menu{
float: right;
margin: 10px 68px 10px 0;
}
.menu ul{list-style: none; padding: 0; height: 75px; margin: 0;}
.menu ul li{
float: left;
line-height: 75px;
padding: 0 22px;
font-family: 'Open Sans', sans-serif;
font-size: 14px;
font-weight: 400;
text-transform: uppercase;
letter-spacing: 2px;
}
.menu a{
text-decoration: none;
color: #fff !important; }.menu a:hover{
color: #4cddf3; }
.home #nav .current-menu-item a {color: #a8d5ac !important;}
#nav .current a, #nav .current-menu-item a {color: #a8d5ac !important;}
.logo{
float: left;
color: #000;
font-family: 'Montserrat', sans-serif;
font-size: 23px;
font-weight: 400;
text-transform: uppercase;
cursor: pointer;
line-height: 75px;
margin: 10px 0 10px 68px;
}
.logo span{
position: relative;
float: left;
width: 20px;
height: 20px;
background: #4cddf3;
background: rgba(76,221,243,0.5);
margin: 26px 7px 0 0;
}
.logo span span{
position: absolute;
width: 10px;
height: 10px;
background: #4cddf3;
bottom: 0;
left: 0;
}
.main-title .second-title{
font-size: 16px;
font-family: 'Open Sans', sans-serif !important;
width: 680px;
text-transform: none;
margin: auto;
font-weight: 400;
}
.second-title span{color: #4cddf3; font-weight: 600;}
.buy-logo{
width: 135px;
margin: 40px auto 0;
height: auto;
z-index: 10;
position: relative;
color: #fff;
font-size: 14px;
text-transform: uppercase;
font-weight: 700;
text-align: center;
font-family: 'Open Sans', sans-serif;
padding: 11px 25px 11px;
cursor: pointer;
border: 2px solid #4cddf3;
border-radius: 2px;
letter-spacing: 2px;
pointer-events: auto;
-webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
-o-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
}
.buy-logo:hover{border: 2px solid #fff !important;} .slider-logo a, .buy-logo a{text-decoration: none; color: #fff;}
.main-title{
color: #fff;
height: 485px;
overflow: hidden;
position: absolute;
width: 100%;
pointer-events: none;
text-align: center;
z-index:10;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.main-title.title-fullWidth{top: 174px; margin-top: 0;}
.main-title a{text-decoration: none;}
.main-title .spacer{width: 60px; margin: 30px auto 40px;}
.title-container{
width: 75%;
margin: 0 auto;
}
.main-title ul{
list-style: none;
padding: 0;
margin: 10px 0 0;
position:relative;
height: 100px;
font-size: 100px;
font-weight: 300;
text-align: center;
font-family:  "Brandon Grot W01 Bold",'Montserrat', sans-serif; ,"Helvetica Neue",Helvetica,Arial,sans-serif;
letter-spacing: 5px;
text-transform: uppercase;
z-index: 100;
}
.main-title ul li{
width: 100%;
text-align: center;
position: absolute;
opacity: 0;
top: 40px;
line-height: 100px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
transition-timing-function: ease;
-webkit-transition-timing-function: ease; }
.main-title li.t-current{
opacity: 1;
top: 0;
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
transition-timing-function: ease;
-webkit-transition-timing-function: ease; } .main-carousel{
overflow: hidden;
width: 100%;
position: relative;
height:376px;
}
.f-image{
color: #fff;
}
.f-image a{
color: #fff;
text-decoration: none;
}
.f-single .portfolio-meta,.t-element .portfolio-meta {
color: #fff;
position: absolute;
bottom: 0;
left: 0;
z-index: 20;
width: 100%;
text-align: center;
text-transform: uppercase;
zoom: 1;
filter: alpha(opacity=0);
opacity: 0;
font-size: 15px;
font-weight: 400;
letter-spacing: 1px;
font-family: 'Open Sans', sans-serif;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.portfolio-meta div:last-child{font-weight: 400; opacity: 0.5; font-size: 13px;}
.team-box .portfolio-meta div:last-child {font-weight: 400; opacity: 1; font-size: 16px;}
.f-single:hover .portfolio-meta,.t-element:hover .portfolio-meta{
bottom: 75px;
zoom: 1;
filter: alpha(opacity=100);
opacity: 1;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.f-single:hover .f-category,.t-element:hover .f-category{
top: 85px;
zoom: 1;
filter: alpha(opacity=100);
opacity: 1;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.team-box .t-element:hover .f-category {top: 65px;}
.f-image .f-category{
text-decoration: none;
position: absolute;
top: 20%;
left: 50%;
z-index: 20;
display: block;
margin-left: -22px;
width: 44px;
height: 44px;
text-align: center;
line-height: 44px;
zoom: 1;
filter: alpha(opacity=0);
opacity: 0;
background: url(//formworkcompany.co.uk/wp-content/themes/Solido/css/color/img/color-icons.png) no-repeat;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.t-photo .f-category {
text-decoration: none;
position: absolute;
top: 20%;
left: 50%;
z-index: 20;
display: block;
margin-left: -22px;
width: 44px;
height: 44px;
text-align: center;
line-height: 44px;
zoom: 1;
filter: alpha(opacity=0);
opacity: 0;
background: url(//formworkcompany.co.uk/wp-content/themes/Solido/css/color/img/color-icons.png) no-repeat 0 -44px;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.f-single a{text-decoration: none;}
.image-hover-overlay {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
zoom: 1;
filter: alpha(opacity=0);
opacity: 0;
}
.f-image .image-hover-overlay,.t-photo .image-hover-overlay {
z-index: 11;
background-color: #000!important;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.f-single:hover .image-hover-overlay,.t-element:hover .image-hover-overlay {
zoom: 1;
filter: alpha(opacity=85);
opacity: .85;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.active .f-info {opacity: 1;}
.roll-info{
position: absolute;
width: 100%;
height: 100%;
background: #fff;
opacity: 0;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.roll-info:hover{
opacity: 0.7;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.ca-container {
position: relative;
width: 100%;
height: auto;
margin-bottom: 20px;
}
.ca-nav span {
width: 25px;
height: 38px;
background: transparent url(//formworkcompany.co.uk/wp-content/themes/Solido/img/f-next.png) no-repeat top left;
position: absolute;
top: 50%;
margin-top: -19px;
left: -40px;
text-indent: -9000px;
opacity: 0.7;
cursor: pointer;
z-index: 100;
}
.ca-nav span.ca-nav-next {
background-position: top right;
left: auto;
right: -40px;
}
.ca-wrapper {
width: 100%;
height: 100%;
position: absolute;
left: 50%;
}
.ca-item {
position: relative;
float: left;
width: auto;
text-align: center;
}
.content{position: relative;}
.dark{background: #f7f7f7; padding-bottom: 85px;} .f-single{
width: 467px;
float: left;
margin: 0 15px;
position: relative;
}
.f-single:hover .f-image{
opacity: 1;
} .f-single:hover .f-info{
cursor: pointer;
opacity: 1;
background: #4cddf3;
color: #fff;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
} .f-single:hover .roll-info{
opacity: 0.7;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.featured-carousel{
width: 100%;
height: auto;
overflow: hidden;
}
.featured-list{overflow: auto;}
.nav-featured{
margin: 80px auto;
height: 57px;
width: 455px;
}
.nav-featured div{float: left; cursor: pointer;}
.prev-featured{
background: url(//formworkcompany.co.uk/wp-content/themes/Solido/img/f-prev.png) no-repeat #e1e1e1;
width: 30px;
height: 57px;
margin-right: 110px;
}.prev-featured:hover{background-color: #4cddf3;}
.next-featured{
background: url(//formworkcompany.co.uk/wp-content/themes/Solido/img/f-next.png) no-repeat #e1e1e1;
width: 30px;
height: 57px;
margin-left: 110px;
}.next-featured:hover{background-color: #4cddf3;}
.nav-featured .btn-featured{
color: #fff;
margin-top: 4px;
font-size: 14px;
text-transform: uppercase;
font-weight: 400;
text-align: center;
font-family: 'Open Sans', sans-serif;
background: #4cddf3;
border-radius: 25px;
padding: 13px 25px 13px;
letter-spacing: 1px;
-webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
-o-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
}.nav-featured .btn-featured:hover{background: #e1e1e1;}
.btn-featured a{text-decoration: none; color: #fff;}
.title{
font-weight: 300;
text-align: center;
font-family: 'Open Sans', sans-serif;
}
.title.one{color: #404141; font-size: 37px; letter-spacing: 5px; padding: 120px 0 30px; text-transform: uppercase;}
.title.two{color: #757575; font-size: 17px; font-family: 'Open Sans', sans-serif; width: 680px; margin: 50px auto;}
.f-info{
font-weight: 400;
text-align: center;
font-family: 'Open Sans', sans-serif;
font-size: 17px;
color: #404141;
background: #fff;
line-height: 30px;
padding: 40px 20px;
letter-spacing: 1px;
text-transform: uppercase;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.f-info span{color: #aeaeae; font-size: 18px; font-family: 'Open Sans', sans-serif;}
.f-image{
cursor: pointer;
position: relative;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.f-image img{
width: 100%;
}
.light{background: #fff; position: relative;}
.dark:after {
content: '';
position: absolute;
width: 0;
height: 0;
border: 30px solid #f7f7f7;
border-bottom: 0px solid transparent !important;
border-right: 30px solid transparent !important;
border-left: 30px solid transparent !important;
left: 50%;
bottom: -28px;
margin-left: -29px;
z-index: 10;
}
.full, body .wpb_row {
width: 1180px;
position: relative;
margin: auto;
}
body .wpb_row.full {width: 100%;}
#portfolio.container {max-width:100%; width: 100% !important;}
.half, body .vc_row-fluid .vc_span6 {
width: 510px;
float: left;
padding: 83px 40px 70px 40px;
margin-left:0px;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
-ms-box-sizing: content-box;
box-sizing: content-box
}
.half:last-child{padding: 80px 35px 120px 55px;}
.half.car-show-2 {
padding-bottom: 25px;
}
.title-one, .title-full-one{
font-weight: 400;
text-align: center;
font-family: 'Montserrat', sans-serif;
font-size: 18px;
color: #939393;
text-transform: uppercase;
}
body .wpb_row  .vc_span12 .title-one {padding-top:40px;}
.title-two, .title-full-two{
font-weight: 300;
text-align: center;
font-family: 'Open Sans', sans-serif;
font-size: 28px;
color: #434343;
padding-bottom: 50px;
margin-top: 10px;
}
.title-full-one{padding-top: 80px;}
.half-content{
color: #888888;
font-size: 15px;
font-family: 'Open Sans', sans-serif;
line-height: 26px;
}
.half-content a{color: #4cddf3; text-decoration: none; font-weight: 400;} .parallax .p-dark{color: #404040;}
.parallax{
width: 100%;
height: 480px;
position: relative;
overflow: hidden;
background-size: cover !important;
}
.p-image-first{margin-left: 0px;}
.p-image-second{margin-left: 0px;}
.parallax.p-two{height: 625px;}
.parallax.p-one{height: 680px;}
.p-one{background: url(//formworkcompany.co.uk/wp-content/themes/Solido/img/parallax/parallax-01.jpg) repeat}
.p-two{background: url(//formworkcompany.co.uk/wp-content/themes/Solido/img/parallax/parallax-02.png) repeat; background-color: #4cddf3;}
.p-three{background: url(//formworkcompany.co.uk/wp-content/themes/Solido/img/parallax/parallax-01.jpg) repeat}
.p-title-one{
font-weight: 400;
text-align: center;
font-family: 'Montserrat', sans-serif;
font-size: 15px;
color: #fff;
text-transform: uppercase;
opacity: 0.5;
padding-top: 140px;
}
.p-title-two{
font-weight: 300;
text-align: center;
font-family: 'Open Sans', sans-serif;
font-size: 35px;
color: #fff;
padding: 10px 0 30px;
}
.p-info{
color: #fff;
font-size: 16px;
font-family: 'Open Sans', sans-serif;
text-align: center;
width: 650px;
margin: 50px auto 0;
font-weight: 300;
}
.spacer{
width: 100px;
height: 2px;
background: #4cddf3;
margin: auto;
}
.p-image-01{position: absolute; bottom: -3px; left: 50%; margin-left: -595px;}
.p-image-02 div{position: absolute; bottom: 0; left: 0%; width: 100%; text-align: center;}
.parallax-info{
position: absolute;
z-index: 50;
width: 100%;
height: 100%;
}
#video_background {
position: absolute;
bottom: 0px;
right: 0px;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
z-index: -1000;
overflow: hidden;
}
.container-video{
position: relative;
overflow: hidden;
height: 700px;
}
.full_slide{}
.p-video { display: inline-block; padding: 0; margin: 0;
width: 100%; padding-top: 56.25%; heigth: auto; position: absolute;
top: 0;
z-index: 5;
}
.p-video > iframe {
position: absolute; top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
z-index: -100;
}
.mk-video-mask {
position: absolute;
top: 0;
left: 0;
z-index: 10;
width: 100%;
height: 100%;
background: url(//formworkcompany.co.uk/wp-content/themes/Solido/css/vegas/overlays/05.png) center center repeat;
display: none;
}
.p-video-title{
height: auto;
margin: auto;
text-align: center;
opacity: 0.7;
font-size: 50px;
font-weight: 300;
font-family: 'Open Sans', sans-serif;
letter-spacing: 30px;
text-transform: uppercase;
color: #fff;
margin-top: 333px;
}
.p-video-title span{} .t-spacer{
width: 40px;
height: 2px;
background: #4cd8ed;
margin: auto;
margin-top: 30px;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.t-element:hover .t-spacer{
background: #fff;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.t-element:hover .t-roll{
background: #fff;
background: rgba(255,255,255,0.8);
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.t-photo{
position: relative;
width: 255px;
overflow: hidden;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.t-element{
width: 255px;
float: left;
margin-right: 53px;
}
.t-element:nth-child(4){margin-right: 0;}
.t-element:nth-child(8){margin-right: 0;}
.t-element:nth-child(12){margin-right: 0;}
.t-data{
background: #fff;
text-align: center;
text-transform: uppercase;
font-family: 'Open Sans', sans-serif;
padding: 30px;
overflow: auto;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.t-element:hover .t-data{
background: #4cd8ed;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.t-element:hover .t-info{
color: #fff;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
} .t-name{
color: #030303;
font-size: 18px;
}
.ts{
width: 25px;
height: 25px;
overflow: hidden;
background: url(//formworkcompany.co.uk/wp-content/themes/Solido/img/social.png);
float: left;
margin: 11px 18px;
opacity: 0.4;
}.ts:hover{opacity: 1;}
.ts.facebook{background-position: 0 0;}.ts.facebook:hover{background-position: 0 bottom;}
.ts.twitter{background-position: 75px 0;}.ts.twitter:hover{background-position: 75px bottom;}
.ts.pinterest{background-position: 50px 0;}.ts.pinterest:hover{background-position: 50px bottom;}
.ts.tumblr{background-position: 25px 0;}.ts.tumblr:hover{background-position: 25px bottom;}
.t-info{
color: #7f7f7f;
font-size: 14px;
margin-top: 10px;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
} .t-social{
float: right;
right: 50%;
position: relative;
}
.in-social{
margin-top:10px;
height: 36px;
float: right;
right: -50%;
position: relative;
} .show{position: relative; width:520px;}
.caroussel{
width: 500px;
height: 350px;
overflow: hidden;
position: relative;
margin-left: 10px;
}
.caroussel-list{overflow: auto;}
.car-img{
float: left;
width: auto;
}
.controller{
float: right;
right: 50%;
position: relative;
}
.controller ul{
padding: 0;
float: right;
right: -50%;
position: relative;
margin: 35px 0 0 15px;
}
.controller ul li{
list-style: none;
width: 10px;
height: 10px;
border-radius: 50%;
border: 2px solid #eaeaea;
background: #fff;
float: left;
margin: 0 7px;
cursor: pointer;
}.controller ul li:hover{border: 2px solid #4ad8ed; background: #4ad8ed;}
.controller ul li:first-child{margin-left: 0px;}
.controller ul li:last-child{margin-right: 0px;}
.selected{border: 2px solid #4ad8ed !important; background: #4ad8ed !important;}
.car-prev,.car-next{
position: absolute;
width: 47px;
height: 85px;
background-image:url(//formworkcompany.co.uk/wp-content/themes/Solido/img/c-arrows.png);
background-color: #4ad8ed;
top: 125px;
cursor: pointer;
}
.car-prev{left: 0; background-position: -16px 0;}
.car-next{right: 0; background-position: 0px -85px;} .caroussel-2{
width: 500px;
height: 265px;
overflow: hidden;
position: relative;
margin-left: 10px;
}
.caroussel-list-2{overflow: auto;}
.car-quote{
float: left;
width: 500px;
}
.tag-project{
text-align: center;
text-transform: uppercase;
font-size: 12px;
color: #929292;
font-family: 'Montserrat', sans-serif;
letter-spacing: 3px;
}
.controller-2,.controller-3{
float: right;
right: 50%;
position: relative;
margin: 30px 0 60px;
}
.controller-3{margin-top: 0;}
.controller-2 ul,.controller-3 ul{
padding: 0;
float: right;
right: -50%;
position: relative;
}
.controller-2 ul li,.controller-3 ul li{
list-style: none;
width: 10px;
height: 10px;
border-radius: 50%;
border: 2px solid #eaeaea;
background: #fff;
float: left;
margin: 0 7px;
cursor: pointer;
margin: 35px 0 0 15px;
}
.controller-3 ul li{border: 2px solid #fff;}
.controller-2 ul li:hover,.controller-3 ul li:hover{border: 2px solid #4ad8ed; background: #4ad8ed;}
.controller-2 ul li:first-child,.controller-3 ul li:first-child{margin-left: 0px;}
.controller-2 ul li:last-child,.controller-3 ul li:last-child{margin-right: 0px;}
.car-prev-2,.car-next-2{
position: absolute;
width: 47px;
height: 85px;
background-image:url(//formworkcompany.co.uk/wp-content/themes/Solido/img/c-arrows.png);
background-color: #4ad8ed;
top: 88px;
cursor: pointer;
}
.car-prev-2{left: 0; background-position: -16px 0;}
.car-next-2{right: 0; background-position: 0px -85px;}
.avatar{
width: 100px;
float: left;
margin-right: 20px;
}
.avatar img{border-radius: 50%;}
.q-spacer{
width: 100%;
height: 1px;
background: #f4f4f4;
margin: 35px 0;
}
.comment{
font-size: 14px;
font-family: 'Open Sans', sans-serif;
color: #acacac;
}
.comment span{color: #474747; font-weight: 600;} .services{
position: relative;
overflow: visible;
}
.tooltip {
display: none;
position: absolute;
width: 220px;
background: #000;
top: auto;
bottom: 100%;
left: 50%;
margin-left: -130px;
padding: 5px 23px;
margin-bottom: 30px;
}
.arrow-down {
display: none;
position: absolute;
left: 50%;
margin-left: -8px;
top: auto;
bottom: 100%;
margin-bottom: 22px;
width: 0;
height: 0;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-top: 8px solid rgba(6,6,6,.85);
}
.details{
color: #fff;
font-size: 14px;
text-align: left;
font-weight: 300;
font-family: 'Open Sans', sans-serif;
line-height: 30px;
}
.details ul{
list-style: none;
padding: 0;
}
.list-dot {
display: inline-block;
margin: 0px 7px -3px 0px;
width: 15px;
height: 15px;
background: url(//formworkcompany.co.uk/wp-content/themes/Solido/img/ckeck.png) no-repeat #4cddf3;
}
.visible {display: block;}
.s-container{position: relative; width: 1180px; margin: auto;}
.s-element{
width: 393px;
height: auto;
float: left;
text-align: center;
}
.s-info{padding: 0 45px;}
.s-ico{
width: 170px;
height: 170px;
background-color: #4cddf3;
cursor: pointer;
border-radius: 50%;
margin: 10px auto 40px;
background-position: center center;
background-repeat: no-repeat;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}.s-ico:hover{
background-color: #e6e6e6;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.f-ico.s-one{background-position: 0 0;}
.f-ico.s-two{background-position: -73px 0;}
.f-ico.s-three{background-position: -146px 0;}
.f-ico.s-four{background-position: -219px 0;}
.s-info{
font-family: 'Open Sans', sans-serif;
font-size: 14px;
color: #b4b4b4;
font-weight: 400;
line-height: 25px;
}
.s-info span{
font-family: 'Montserrat', sans-serif;
color: #434242;
font-size: 22px;
}
.sl-element {
width: 236px;
height: auto;
float: left;
text-align: center;
position: relative;
overflow: visible;
}
.sl-title{
font-family: 'Open Sans', sans-serif;
color: #434242;
font-size: 18px;
font-weight: 400;
text-transform: uppercase;
}
.sl-ico{
cursor: crosshair !important;
background-image: url(//formworkcompany.co.uk/wp-content/themes/Solido/img/sl-icons.png);
width: 110px;
height: 110px;
background-color: #4cddf3;
cursor: pointer;
border-radius: 50%;
margin: 10px auto 30px;
background-position: center center;
background-repeat: no-repeat; }
.services .sl-element .sl-ico:hover{
background-color: #e6e6e6 !important;
}
.sl-config{background-position: 0 0;}
.sl-globe{background-position: -110px 0;}
.sl-diamond{background-position: -220px 0;}
.sl-pointer{background-position: -330px 0;}
.sl-clock{background-position: -440px 0;} .skill-1 .skill-in{width: 0%;}
.skill-2 .skill-in{width: 0%;} .skill-3 .skill-in{width: 0%;} .skill-4 .skill-in{width: 0%;} .skill-5 .skill-in{width: 0%;} .progress-bar {
height: 36px;
width: 100%;
background: #f6f6f6;
}
.progress-bar .skill-in {
display: inline-block;
height: 100%;
background: #4cddf3 url(//formworkcompany.co.uk/wp-content/themes/Solido/img/skill-sprite.png) repeat-x;
}
.info-skills {
position: absolute;
font-family: 'Open Sans', sans-serif;
font-size: 14px;
color: #fff;
font-weight: 600;
line-height: 36px;
padding-left: 18px;
text-transform: uppercase;
}
.info-skills span{font-weight: 300;}
.skill-content{margin-bottom: 32px;}
.skill-content:last-child{margin-bottom: 0;} .p-category{
text-decoration: none;
position: relative;
margin: 0 auto;
z-index: 20;
display: block;
width: 44px;
height: 44px;
text-align: center;
line-height: 44px;
zoom: 1;
filter: alpha(opacity=0);
opacity: 0;
background: url(//formworkcompany.co.uk/wp-content/themes/Solido/css/color/img/color-icons.png) 0 -88px no-repeat;
cursor: pointer;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.ch-grid:hover .p-category{opacity: 1;}
.nav-wrapper{position: relative;}
.nav-wrapper:hover .nav-work{opacity: 1}
.nav-work{
opacity: 0;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.nav-work div{
position: absolute;
top: 47%;
width: 30px;
height: 60px;
cursor:pointer;
background: url(//formworkcompany.co.uk/wp-content/themes/Solido/img/work-arrows.png) no-repeat;
}
.nav-work div:hover {opacity: 0.5;}
.nav-work .w-prev{left: 30px; background-position: bottom right;}
.nav-work .w-next{right: 30px; background-position: top right;}
.w-arrows .close{
background-position: -264px bottom;
border: none;
borde-radius: none;
}
.w-arrows .btn-next{background-position: right bottom; }
.w-arrows .btn-prev{background-position: -218px bottom;}
.w-arrows div{
cursor: pointer;
display: block;
height: 44px;
width: 44px;
line-height: 32px;
border: 2px solid #ddd;
border-radius: 50%;
text-transform: uppercase;
float: left;
margin: 0 10px;
text-align: center;
background: url(//formworkcompany.co.uk/wp-content/themes/Solido/css/color/img/color-icons.png) no-repeat bottom right;
}
.w-arrows{
overflow: auto;
width: 205px;
margin: 20px auto 20px;
}
.w-arrows.last{ margin: 120px auto 150px;}
.ch-item{float: left; width: 100%; height:auto; cursor: pointer;}
.ch-item img{width: 100%;}
.ch-grid img{
opacity: 1;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.ch-grid:hover img{
opacity: 0.1;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.ch-grid:hover div{
opacity: 1;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.ch-grid {
overflow: hidden;
background-color: #4cddf3;
}
.ch-grid div {
cursor: pointer;
position: absolute; width: 100%;
height: 100%;
left: 100%;
opacity: 0;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.ch-grid div span {
display: block;
padding: 0 0;
margin: 20% 20px;
text-transform: uppercase;
font-family: 'Open Sans', sans-serif;
letter-spacing:1px;
font-size: 16px;
font-weight: 400;
color: #fff;
text-align: center;
}
.ch-grid div span span {
margin: auto;
text-transform: lowercase;
font-size: 16px;
font-weight: 400;
}
.ch-grid div span span.p-category { margin-bottom:15px;}
.ch-grid div span span.cat2{ color:#555; padding:0; font-size:13px; text-transform:uppercase;}
#options {
float: right;
right: 50%;
position: relative;
margin-bottom: 70px;
}
#filters{
padding: 0;
float: right;
right: -50%;
position: relative;
}
.folio-btn{
list-style: none;
background: #fff;
float: left;
cursor: pointer;
border-radius: 3px;
padding: 0px 22px;
font-family: 'Open Sans', sans-serif;
font-size: 15px;
color: #c1c1c1;
font-weight: 400;
line-height: 32px;
text-decoration: none;
margin: 0 5px 10px;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}.folio-btn:hover{
background: #4cddf3;
color: #fff;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.folio-btn:firt-child{margin-left: 0;}
.folio-btn:last-child{margin-right: 0;}
.folio-btn.selected {border: none !important; background: #4ad8ed !important; color: #fff !important;}
.p-roll{
position: absolute;
width: 100%;
height: 100%;
cursor: pointer;
background: #4cddf3;
color: #fff;
opacity: 0;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}.p-roll:hover{
opacity: 0.7;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.ch-grid{position: relative; list-style: none;}
.bottom-line{
border-bottom: solid 1px #f7f7f7;
width: 1180px;
margin: 85px auto 0;
} .caroufredsel_wrapper{margin: auto !important}
#logos{padding: 0;}
.list_carousel.responsive {
width: auto;
margin-left: 0;
margin: 85px 0;
}
.list_carousel li {
width: 295px;
height: 100px;
padding: 0;
display: block;
float: left;
}
.list_carousel li img{width:100%; height:auto;} .img-spacer{
width: 1180px;
margin: auto;
position: relative;
margin-top: 265px;
}
.img-spacer img {height: auto;}
.img-item{
position: absolute;
top: -200px;
z-index: 15;
} .footer-container{
padding: 100px 0 60px;
width: 1180px;
margin: auto;
overflow: auto;
color: #a8a8a8;
font-family: 'Open Sans', sans-serif;
font-size: 17px;
font-weight: 400;
}
.footer-container span{font-size: 13px;}
.foot-third, body .vc_row-fluid .vc_span4 {
float: left;
width: 365px;
padding: 0 0 0 28px;
line-height: 25px;
margin-left:0px !important;
box-sizing:content-box;
-moz-box-sizing:content-box;
-webkit-box-sizing:content-box;
}
body .vc_row-fluid .vc_span3 {margin-left:0px; width: 25%;}
.f-title-one, .vc_span4 .title-one {
font-weight: 400;
font-family: 'Montserrat', sans-serif;
font-size: 15px;
color: #d7d9da;
text-transform: uppercase;
margin-bottom: 5px;
text-align: left;
}
.title-one, .title-full-one{
font-weight: 400;
text-align: center;
font-family: 'Montserrat', sans-serif;
font-size: 18px;
color: #939393;
text-transform: uppercase;
}
.f-title-two, .vc_span4 .title-two {
font-weight: 300;
font-family: 'Open Sans', sans-serif;
font-size: 28px;
color: #434343;
margin-bottom: 45px;
text-align: left;
padding-bottom:0px
}
.f-data{
color: #3f3f3f;
font-size: 15px;
font-family: 'Open Sans', sans-serif;
font-weight: 600;
line-height: 30px;
}
.f-data span{color: #a8a8a8; padding-left: 15px;}
.f-data.phone span{padding-left: 19px;}
.f-data.e-mail span{padding-left: 27px;}
.f-data.hour-2 span{padding-left: 63px;}
.f-data.hour-3 span{padding-left: 57px;}
.f-data img{margin-right: 10px;}
.no-top{padding-top:0 !important;}
.f-bottom{margin-bottom: 115px !important;} .formSent, .formError {
display: none;
}
.alert, div.wpcf7-response-output {
padding: 8px 35px 8px 14px;
margin-bottom: 20px;
color: #c09853;
text-shadow: 0 1px 0 rgba(255,255,255,0.5);
background-color: #fcf8e3;
border: 1px solid #fbeed5;
}
.alert-success, div.wpcf7-mail-sent-ok {
color: #468847;
background-color: #dff0d8;
border-color: #d6e9c6;
}
.alert-error, div.wpcf7-validation-errors {
display: none !important;
color: #b94a48;
background-color: #f2dede;
border-color: #eed3d7;
}
div.wpcf7 img.ajax-loader {
margin: 10px auto;
display: block;
}
.bay {
overflow: hidden;
background-color: transparent;
}
.form-horizontal .control-group {margin-bottom: 10px;}
.wpcf7-form {
font-weight: 300;
font-size: 13px;
color: #a8a8a8;
text-transform:uppercase;
font-family: 'Montserrat', sans-serif;
}
.peThemeContactForm .controls .span9, .wpcf7-textarea, .wpcf7-text {
width: 97%!important;
border: none;
outline: none;
padding: 11px;
font-weight: 300;
font-size: 13px;
color: #a8a8a8;
text-transform:uppercase;
font-family: 'Montserrat', sans-serif;
background: #fbfbfb;
} .controls.send-btn{
background: none;
}
.controls textarea, .wpcf7-textarea{height: 100px;}
.contour-btn, .wpcf7-submit {
width: 100%;
font-size: 14px;
line-height: 26px;
font-weight: 300;
display: inline-block;
color: #fff;
text-transform:uppercase;
font-family: 'Montserrat', sans-serif;
padding: 3px 30px;
border-radius: 3px;
background: #a8d5ac;
border: none;
-webkit-transition: all .2s ease-out;
-moz-transition: all .2s ease-out;
-o-transition: all .2s ease-out;
transition: all .2s ease-out;
}
.contour-btn:hover, .wpcf7-submit:hover {
color: #4cddf3;
background: #f7f7f7 !important;
-webkit-transition: all .2s ease-out;
-moz-transition: all .2s ease-out;
-o-transition: all .2s ease-out;
transition: all .2s ease-out;
} #maps {
width: 100%;
height: 500px;
margin-top: -500px;
position: absolute;
overflow: hidden;
}
.map-content {
width: 100%;
margin-left: auto;
margin-right: auto;
}
.inner-map {
width: 100%;
height: 500px;
margin-left: auto;
margin-right: auto;
} .f-element{
width: 295px;
height: auto;
float: left;
text-align: center;
}
.f-ico{
background: url(//formworkcompany.co.uk/wp-content/themes/Solido/img/facts.png) #4cddf3;
width: 73px;
height: 71px;
margin: 0 auto 20px;
}
.highlight{
font-weight: 300;
font-family: 'Open Sans', sans-serif;
font-size: 100px;
color: #000000;
line-height: 75px;
}
.milestone-details{
font-weight: 300;
font-family: 'Open Sans', sans-serif;
font-size: 20px;
color: #7f7f7f;
text-transform: uppercase;
padding: 20px 0 100px;
letter-spacing: 1px;
} .scrollup {
z-index: 500;
width: 50px;
height: 50px;
border-radius: 50%;
opacity: 0.8;
position: fixed;
bottom: 50px;
right: 40px;
display: none;
background: #4ad8ed;
color: #fff !important;
line-height: 55px;
text-decoration: none;
font-family: 'Open Sans', sans-serif;
font-size: 25px;
text-transform: uppercase;
text-align: center;
font-weight: 300;
} .project-show{overflow: auto;}
.project-window{
width: 100%;
}
.project-content{
width: 1180px;
margin: auto;
}
.project-content img{max-width: 910px; height:auto;}
.visit-site {
font-size: 14px;
line-height: 26px;
font-weight: 300;
display: inline-block;
color: #fff;
text-transform:uppercase;
font-family: 'Montserrat', sans-serif;
padding: 3px 30px;
width: 110px;
margin:30px auto;
text-align: center;
border-radius: 3px;
background: #4cddf3;
border: none;
display: block;
text-decoration: none;
-webkit-transition: all .2s ease-out;
-moz-transition: all .2s ease-out;
-o-transition: all .2s ease-out;
transition: all .2s ease-out;
}
.visit-site:hover {opacity: 0.8;}
.wrapper-project{
overflow: hidden;
width: 100%;
height: auto;
}
.wrapper-project ul{margin: 0; padding: 0;}
.wrapper-project ul li{
list-style: none;
float: left;
margin: 20px 0 0;
width: 1180px;
text-align: center;
}
.close{ }
.project-content .img-project:first-child{border-top: solid 1px #f7f7f7;}
.description{
color: #646464;
font-size: 14px;
font-family: 'Open Sans', sans-serif;
margin-top: 55px;
}
.title-project{
color: #000;
font-size: 30px;
font-family: 'Open Sans', sans-serif;
margin: 5px 0 20px;
text-transform: uppercase;
text-align: center;
font-weight: 300;
}
.title-project span{
font-size: 16px;
text-transform:none;
font-style: italic;
color: #646464
} .socialFooter{
position:relative;
background:#fff;
margin-top:20px;
width:100%;
padding-bottom: 30px;
}
.social-icons{
width:215px;
margin: 0px auto 35px;
padding-top:50px;
}
.socialFooter .social-icons .social{ }
.socialFooter .social-icons .social div{
width: 51px;
height: 51px;
overflow: hidden;
background: url(//formworkcompany.co.uk/wp-content/themes/Solido/img/social-footer.png);
float: left;
margin: 0 10px;
}.socialFooter .social-icons .social div:hover{opacity: 0.7;}
.socialFooter .social-icons .social .face{ background-position: right bottom;}
.socialFooter .social-icons .social .twitt{ background-position: left bottom;}
.socialFooter .social-icons .social .plus{ background-position: -51px bottom;}
.socialFooter .copy{
text-align:center;
font-family: 'Open Sans', sans-serif;
color: #aaa;
font-size: 13px;
margin-top:35px;
} #nav2
{
display:none;
width: 60em; font-family: 'Open Sans', sans-serif;
font-weight: 400;
position: absolute;
top: 25%;
left: 50%;
margin-left: -30em; }
#nav2 > a
{
display: none;
}
#nav2 li
{
position: relative;
}
#nav2 li a
{
color: #999;
display: block;
text-decoration:none;
text-transform:uppercase;
} #nav2 span:after
{
width: 0;
height: 0;
border: 0.313em solid transparent; border-bottom: none;
border-top-color: #efa585;
content: '';
vertical-align: middle;
display: inline-block;
position: relative;
right: -0.313em; } #nav2 > ul
{
height: 3.75em; background-color: #f5f5f5;
padding:0;
}
#nav2 > ul > li
{
width: 25%;
height: 100%;
float: left;
}
#nav2 > ul > li > a
{
height: 100%;
font-size: 1.5em; line-height: 2.5em; text-align: center;
}
#nav2 > ul > li:not( :last-child ) > a
{
border-right: 1px solid #cc470d;
}
#nav2 > ul > li:hover > a,
#nav2 > ul:not( :hover ) > li.active > a
{
color:#333;
} #nav2 li ul
{
background-color: #cc470d;
display: none;
position: absolute;
top: 100%;
}
#nav2 li:hover ul
{
display: block;
left: 0;
right: 0;
}
#nav2 li:not( :first-child ):hover ul
{
left: -1px;
}
#nav2 li ul a
{
font-size: 1.25em; border-top: 1px solid #e15a1f;
padding: 0.75em; } @media only screen and ( max-width: 62.5em ) {
#nav2
{
display:none;
width: 100%;
position: static;
margin: 0;
}
}
@media only screen and ( max-width: 974px ) {
html
{
font-size: 75%; }
#nav2
{
display:block;
position: relative;
top: auto;
left: auto;
font-size: 75%;
}
#nav2 > a
{
width: 50px; height: 75px; text-align: left;
text-indent: -9999px;
position: relative;
background:url(//formworkcompany.co.uk/wp-content/themes/Solido/img/menu-icon-blk.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
float:right;
cursor:pointer;
} #nav2:not( :target ) > a:first-of-type,
#nav2:target > a:last-of-type
{
display: block;
} #nav2.active > ul{ display:block; margin-top: 81px; max-width: 100%; margin-right: 0;}
#nav2 > ul
{
height: auto;
display: none;
position: absolute;
left: 0;
right: 0;
margin-top:75px;
}
#nav2:target > ul
{
display: block;
}
#nav2 > ul > li
{
width: 100%;
float: none;
background-color: #000;
}
#nav2 > ul > li > a
{
height: auto;
text-align: left;
padding: 0 0.833em; }
#nav2 > ul > li:not( :last-child ) > a
{
border-right: none;
border-bottom: 1px dotted #999;
} #nav2 li ul
{
position: static;
padding: 1.25em; padding-top: 0;
}
}
.video-container {
position: relative;
padding-bottom: 56.25%; height: 0; overflow: hidden;
}
.slide-video-container{
width: 100%;
height: 100%;
position: relative;
}
.slide-video-container .overlayVideo {
position: absolute;
left: -3000px;
top: 0px;
z-index: 6;
visibility: hidden;
}
.slide-video-container .backgroundVideo {
z-index: 4;
visibility: hidden;
}
.slide-video-container #video_container {
width: 100%;
height: 100%;
overflow: hidden;
position: relative;
z-index: 1;
opacity: 1;
}
.slide-video-container #video_container #text {
position: absolute;
z-index: 6;
text-align: center;
opacity: 0;
}
.slide-video-container #video_container #text #actions {
height: 95px;
}
.slide-video-container #video_container #text #playbutton {
z-index: 3;
margin: 0 auto;
margin-top: 60px;
height: 95px;
display: block;
}
.slide-video-container #video_container #text #playbutton .rectangle {
background-color: #3ea9f5;
width: 149px;
height: 95px;
opacity: 0.8;
margin: 0 auto;
}
.slide-video-container #video_container #text #playbutton .rectangle:hover {
background-color: #52bdff;
cursor: pointer;
}
.slide-video-container #video_container #text #playbutton .triangle {
width: 0;
height: 0;
border-style: solid;
border-width: 22px 0 22px 32px;
border-color: transparent transparent transparent white;
margin: 0 auto;
position: relative;
bottom: 70px;
pointer-events: none;
}
.slide-video-container #cover_all {
position: absolute;
top: 0;
left: 0;
z-index: 5;
height: 100%;
width: 100%;
}
.slide-video-container #ex {
position: absolute;
right: -3000px;
top: 25px;
z-index: 7;
cursor: pointer;
opacity: 0.8;
}
.slide-video-container #ex:hover {
opacity: 1;
}
.slide-video-container #main-image {
position: absolute;
top: 0;
left: 0;
z-index: 3;
background-image: url(//formworkcompany.co.uk/wp-content/themes/Solido/img/main.jpg);
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: cover;
}
.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: -30px;
left: 0;
width: 100%;
height: 100%;
} .home-pat {width: 100%; height: 100%}
.pattern{ height:100%; background-image:url(//formworkcompany.co.uk/wp-content/themes/Solido/img/slider/pattern.jpg);}
.darker .sticky-wrapper{ background-color:#000;} body .wpb_row {margin-bottom:0px;}
.overlay{
background: transparent url(//formworkcompany.co.uk/wp-content/themes/Solido/img/overlay.png);
opacity: 0.5;
z-index: 0;
width:100%;
height:100%;
position:absolute;
z-index:3;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.slides-navigation .next,.slides-navigation .next a{background: transparent url(//formworkcompany.co.uk/wp-content/themes/Solido/img/s-next.png); width:81px; height:80px; margin-right:70px; opacity:0.3}
.slides-navigation .prev,.slides-navigation .prev a{background: transparent url(//formworkcompany.co.uk/wp-content/themes/Solido/img/s-prev.png); width:81px; height:80px; margin-left:70px; opacity:0.3}
.slides-navigation .next:hover{opacity:1}
.slides-navigation .prev:hover{opacity:1}
body .bx-wrapper{ margin-bottom:0;}
.bxslider{ margin-top:0px;}
body .bx-wrapper .bx-viewport{ border:0px; left:0;}
.bx-wrapper .bx-controls-direction a.bx-next{background: transparent url(//formworkcompany.co.uk/wp-content/themes/Solido/img/s-next.png); width:81px; height:80px; margin-right:70px; opacity:0.3}
.bx-wrapper .bx-controls-direction a.bx-prev{background: transparent url(//formworkcompany.co.uk/wp-content/themes/Solido/img/s-prev.png); width:81px; height:80px; margin-left:70px; opacity:0.3}
.bx-wrapper .bx-controls-direction a.bx-next:hover{opacity:1}
.bx-wrapper .bx-controls-direction a.bx-prev:hover{opacity:1}
#homedevice{ height:100%; display:none; background-image:url(//formworkcompany.co.uk/wp-content/themes/Solido/img/slider/01.jpg); background-size:cover;} .clearfix {
*zoom: 1;
}
.clearfix:before,
.clearfix:after {
display: table;
content: "";
}
.clearfix:after {
clear: both;
}
.hide-text {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
}
.input-block-level {
display: block;
width: 100%;
min-height: 5px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.text-left {
text-align: left;
}
.text-right {
text-align: right;
}
.text-center {
text-align: center;
} .wpb_row {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
} .vc_row-fluid {
width: 100%;
*zoom: 1;
}
.vc_row-fluid:before,
.vc_row-fluid:after {
display: table;
content: "";
}
.vc_row-fluid:after {
clear: both;
}
.vc_row-fluid [class*="vc_span"] {
display: block;
width: 100%;
min-height: 5px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
float: left;
margin-left: 2.5%;
}
.vc_row-fluid [class*="vc_span"]:first-child {
margin-left: 0;
}
.vc_row-fluid .vc_span12,
.wpb_teaser_grid.wpb_carousel .vc_span12 {
width: 100%;
}
.vc_row-fluid .vc_span11 {
width: 91.45833333333334%;
}
.vc_row-fluid .vc_span10 {
width: 82.91666666666667%;
}
.vc_row-fluid .vc_span9 {
width: 74.375%;
}
.vc_row-fluid .vc_span8 {
width: 65.83333333333334%;
}
.vc_row-fluid .vc_span7 {
width: 57.29166666666667%;
}
.vc_row-fluid .vc_span6,
.wpb_teaser_grid.wpb_carousel .vc_span6 {
width: 48.75%;
}
.vc_row-fluid .vc_span5 {
width: 40.208333333333336%;
}
.vc_row-fluid .vc_span4,
.wpb_teaser_grid.wpb_carousel .vc_span4 {
width: 31.666666666666668%;
}
.vc_row-fluid .vc_span3,
.wpb_teaser_grid.wpb_carousel .vc_span3 {
width: 23.125%;
}
.vc_row-fluid .vc_span2 {
width: 14.583333333333334%;
}
.vc_row-fluid .vc_span1 {
width: 6.041666666666667%;
}
.wpb_row > .wpb_column > .wpb_wrapper .wpb_content_element:last-child {
margin-bottom: 0;
}  .hidden {
display: none;
visibility: hidden;
}
.visible-phone {
display: none !important;
}
.visible-tablet {
display: none !important;
}
.hidden-desktop {
display: none !important;
}
@media (max-width: 767px) {
.visible-phone {
display: inherit !important;
}
.hidden-phone {
display: none !important;
}
.hidden-desktop {
display: inherit !important;
}
.visible-desktop {
display: none !important;
}
}
@media (min-width: 768px) and (max-width: 979px) {
.visible-tablet {
display: inherit !important;
}
.hidden-tablet {
display: none !important;
}
.hidden-desktop {
display: inherit !important;
}
.visible-desktop {
display: none !important ;
}
}  .wpb_separator,
.vc_text_separator {
border-bottom: 1px solid #f7f7f7;
} .wpb_separator {
clear: both;
height: 1px;
} .vc_text_separator {
clear: both;
height: 1px;
}
.vc_text_separator div {
display: inline-block;
background-color: #ffffff;
padding: 1px 1em;
position: relative;
top: -9px;
}
.separator_align_center {
text-align: center;
}
.separator_align_left {
text-align: left;
}
.separator_align_right {
text-align: right;
} .fb_type_standard {
height: 25px;
}
.fb_type_standard iframe {
height: 25px;
}
.fb_type_button_count {
height: 20px;
}
.fb_type_button_count iframe {
height: 20px;
}
.fb_type_box_count {
height: 62px;
}
.fb_type_box_count iframe {
height: 62px;
} .wpb_googleplus_type_standard {
height: 25px;
}
.wpb_googleplus_type_small {
height: 19px;
}
.wpb_googleplus_type_medium {
height: 21px;
}
.wpb_googleplus_type_tall {
height: 21px;
} .wpb_pinterest_type_horizontal {
height: 21px;
}
.wpb_pinterest_type_vertical {
height: 60px;
}
.wpb_pinterest_type_none {
height: 21px;
} .wpb_toggle,
#content h4.wpb_toggle {
background: url(//formworkcompany.co.uk/wp-content/themes/Solido/images/toggle_open.png) no-repeat left center;
padding-left: 25px;
clear: both;
margin-top: 0;
}
.wpb_toggle_title_active,
#content h4.wpb_toggle_title_active {
background: url(//formworkcompany.co.uk/wp-content/themes/Solido/images/toggle_close.png) no-repeat left center;
}
.wpb_toggle:hover {
cursor: pointer;
}
.wpb_toggle_content {
display: none;
overflow: hidden;
padding: 0px 0px 0px 25px;
margin-top: 1em;
}
.wpb_toggle_open {
display: block;
} .wpb_widgetised_column .wpb_wrapper > ul {
margin: 0;
}
.wpb_widgetised_column .wpb_wrapper > ul > li {
margin-left: 0;
background-image: none;
list-style: none !important;
}
.wpb_widgetised_column .wpb_wrapper > ul > li:after,
.wpb_widgetised_column .wpb_wrapper > ul > li:before {
display: none !important;
} .wpb_button {
display: inline-block;
*display: inline; *zoom: 1;
padding: 4px 10px 4px;
margin-bottom: 0;
margin-top: 0;
font-size: 13px;
line-height: 18px;
*line-height: 20px;
color: #333333;
text-align: center;
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
vertical-align: middle;
cursor: pointer;
background-color: #f7f7f7;
border: 1px solid #cccccc;
*border: 0;
border-bottom-color: #b3b3b3;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
*margin-left: .3em;
}
.wpb_button:hover,
.wpb_button:active,
.wpb_button.active,
.wpb_button.disabled,
.wpb_button[disabled] {
background-color: #eaeaea;
}
.wpb_button:active,
.wpb_button.active {
background-color: #d1d1d1 \9;
}
.wpb_button:first-child {
*margin-left: 0;
}
.wpb_button:hover {
color: #333333;
text-decoration: none;
background-color: #e6e6e6;
*background-color: #d9d9d9; -webkit-transition: background-color 0.1s linear;
-moz-transition: background-color 0.1s linear;
-ms-transition: background-color 0.1s linear;
-o-transition: background-color 0.1s linear;
transition: background-color 0.1s linear;
}
.wpb_button:focus {
outline: thin dotted #333;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
.wpb_button.active,
.wpb_button:active {
background-color: #e6e6e6;
background-color: #d9d9d9 \9;
background-image: none;
outline: 0;
-webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
-moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
}
button.wpb_btn-large,
span.wpb_btn-large {
padding: 9px 14px;
font-size: 15px;
line-height: normal;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
button.wpb_btn-large [class^="icon-"],
span.wpb_btn-large [class^="icon-"] {
margin-top: 1px;
}
button.wpb_btn-small,
span.wpb_btn-small {
padding: 5px 9px;
font-size: 11px;
line-height: 16px;
}
button.wpb_btn-small [class^="icon-"],
span.wpb_btn-small [class^="icon-"] {
margin-top: -1px;
}
button.wpb_btn-mini,
span.wpb_btn-mini {
padding: 2px 6px;
font-size: 11px;
line-height: 14px;
}
.wpb_btn-primary,
.wpb_btn-primary:hover,
.wpb_btn-warning,
.wpb_btn-warning:hover,
.wpb_btn-danger,
.wpb_btn-danger:hover,
.wpb_btn-success,
.wpb_btn-success:hover,
.wpb_btn-info,
.wpb_btn-info:hover,
.wpb_btn-inverse,
.wpb_btn-inverse:hover {
color: #ffffff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.wpb_btn-primary.active,
.wpb_btn-warning.active,
.wpb_btn-danger.active,
.wpb_btn-success.active,
.wpb_btn-info.active,
.wpb_btn-inverse.active {
color: rgba(255, 255, 255, 0.75);
}
.wpb_button {
border-color: #ccc;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1);
}
.wpb_btn-primary {
background-color: #0088cc;
}
.wpb_btn-primary:hover,
.wpb_btn-primary:active,
.wpb_btn-primary.active,
.wpb_btn-primary.disabled,
.wpb_btn-primary[disabled] {
background-color: #0077b3;
}
.wpb_btn-primary:active,
.wpb_btn-primary.active {
background-color: #005580 \9;
}
.wpb_btn-warning {
background-color: #ff9900;
}
.wpb_btn-warning:hover,
.wpb_btn-warning:active,
.wpb_btn-warning.active,
.wpb_btn-warning.disabled,
.wpb_btn-warning[disabled] {
background-color: #e68a00;
}
.wpb_btn-warning:active,
.wpb_btn-warning.active {
background-color: #b36b00 \9;
}
.wpb_btn-danger {
background-color: #ff675b;
}
.wpb_btn-danger:hover,
.wpb_btn-danger:active,
.wpb_btn-danger.active,
.wpb_btn-danger.disabled,
.wpb_btn-danger[disabled] {
background-color: #ff4f42;
}
.wpb_btn-danger:active,
.wpb_btn-danger.active {
background-color: #ff200f \9;
}
.wpb_btn-success {
background-color: #6ab165;
}
.wpb_btn-success:hover,
.wpb_btn-success:active,
.wpb_btn-success.active,
.wpb_btn-success.disabled,
.wpb_btn-success[disabled] {
background-color: #5aa855;
}
.wpb_btn-success:active,
.wpb_btn-success.active {
background-color: #488644 \9;
}
.wpb_btn-info {
background-color: #58b9da;
}
.wpb_btn-info:hover,
.wpb_btn-info:active,
.wpb_btn-info.active,
.wpb_btn-info.disabled,
.wpb_btn-info[disabled] {
background-color: #43b0d5;
}
.wpb_btn-info:active,
.wpb_btn-info.active {
background-color: #2a97bc \9;
}
.wpb_btn-inverse {
background-color: #555555;
}
.wpb_btn-inverse:hover,
.wpb_btn-inverse:active,
.wpb_btn-inverse.active,
.wpb_btn-inverse.disabled,
.wpb_btn-inverse[disabled] {
background-color: #484848;
}
.wpb_btn-inverse:active,
.wpb_btn-inverse.active {
background-color: #2f2f2f \9;
}
button.wpb_button,
input[type="submit"].wpb_button {
*padding-top: 2px;
*padding-bottom: 2px;
}
button.wpb_button::-moz-focus-inner,
input[type="submit"].wpb_button::-moz-focus-inner {
padding: 0;
border: 0;
}
button.wpb_button.wpb_btn-large,
input[type="submit"].wpb_button.wpb_btn-large {
*padding-top: 7px;
*padding-bottom: 7px;
}
button.wpb_button.wpb_btn-small,
input[type="submit"].wpb_button.wpb_btn-small {
*padding-top: 3px;
*padding-bottom: 3px;
}
button.wpb_button.wpb_btn-mini,
input[type="submit"].wpb_button.wpb_btn-mini {
*padding-top: 1px;
*padding-bottom: 1px;
} a.wpb_button_a {
text-decoration: none;
border: none;
}
a.wpb_button_a:hover {
text-decoration: none;
}
.wpb_button:hover {
background-image: none;
}
i.icon {
display: inline-block;
width: 16px;
height: 16px;
line-height: 16px;
vertical-align: text-top;
margin-left: 5px;
}
.wpb_btn-large i.icon {
height: 19px;
margin-left: 9px;
}
.wpb_btn-small i.icon {
height: 15px;
}
.wpb_btn-mini i.icon {
display: none;
}
.wpb_address_book i.icon,
option.wpb_address_book {
background: url(//formworkcompany.co.uk/wp-content/themes/Solido/images/icons/address-book.png) no-repeat right center;
}
.wpb_alarm_clock i.icon,
option.wpb_alarm_clock {
background: url(//formworkcompany.co.uk/wp-content/themes/Solido/images/icons/alarm-clock.png) no-repeat right center;
}
.wpb_anchor i.icon,
option.wpb_anchor {
background: url(//formworkcompany.co.uk/wp-content/themes/Solido/images/icons/anchor.png) no-repeat right center;
}
.wpb_application_image i.icon,
option.wpb_application_image {
background: url(//formworkcompany.co.uk/wp-content/themes/Solido/images/icons/application-image.png) no-repeat right center;
}
.wpb_arrow i.icon,
option.wpb_arrow {
background: url(//formworkcompany.co.uk/wp-content/themes/Solido/images/icons/arrow.png) no-repeat right center;
}
.wpb_asterisk i.icon,
option.wpb_asterisk {
background: url(//formworkcompany.co.uk/wp-content/themes/Solido/images/icons/asterisk.png) no-repeat right center;
}
.wpb_hammer i.icon,
option.wpb_hammer {
background: url(//formworkcompany.co.uk/wp-content/themes/Solido/images/icons/auction-hammer.png) no-repeat right center;
}
.wpb_balloon i.icon,
option.wpb_balloon {
background: url(//formworkcompany.co.uk/wp-content/themes/Solido/images/icons/balloon.png) no-repeat right center;
}
.wpb_balloon_buzz i.icon,
option.wpb_balloon_buzz {
background: url(//formworkcompany.co.uk/wp-content/themes/Solido/images/icons/balloon-buzz.png) no-repeat right center;
}
.wpb_balloon_facebook i.icon,
option.wpb_balloon_facebook {
background: url(//formworkcompany.co.uk/wp-content/themes/Solido/images/icons/balloon-facebook.png) no-repeat right center;
}
.wpb_balloon_twitter i.icon,
option.wpb_balloon_twitter {
background: url(//formworkcompany.co.uk/wp-content/themes/Solido/images/icons/balloon-twitter.png) no-repeat right center;
}
.wpb_battery i.icon,
option.wpb_battery {
background: url(//formworkcompany.co.uk/wp-content/themes/Solido/images/icons/battery-full.png) no-repeat right center;
}
.wpb_binocular i.icon,
option.wpb_binocular {
background: url(//formworkcompany.co.uk/wp-content/themes/Solido/images/icons/binocular.png) no-repeat right center;
}
.wpb_document_excel i.icon,
option.wpb_document_excel {
background: url(//formworkcompany.co.uk/wp-content/themes/Solido/images/icons/blue-document-excel.png) no-repeat right center;
}
.wpb_document_image i.icon,
option.wpb_document_image {
background: url(//formworkcompany.co.uk/wp-content/themes/Solido/images/icons/blue-document-image.png) no-repeat right center;
}
.wpb_document_music i.icon,
option.wpb_document_music {
background: url(//formworkcompany.co.uk/wp-content/themes/Solido/images/icons/blue-document-music.png) no-repeat right center;
}
.wpb_document_office i.icon,
option.wpb_document_office {
background: url(//formworkcompany.co.uk/wp-content/themes/Solido/images/icons/blue-document-office.png) no-repeat right center;
}
.wpb_document_pdf i.icon,
option.wpb_document_pdf {
background: url(//formworkcompany.co.uk/wp-content/themes/Solido/images/icons/blue-document-pdf.png) no-repeat right center;
}
.wpb_document_powerpoint i.icon,
option.wpb_document_powerpoint {
background: url(//formworkcompany.co.uk/wp-content/themes/Solido/images/icons/blue-document-powerpoint.png) no-repeat right center;
}
.wpb_document_word i.icon,
option.wpb_document_word {
background: url(//formworkcompany.co.uk/wp-content/themes/Solido/images/icons/blue-document-word.png) no-repeat right center;
}
.wpb_bookmark i.icon,
option.wpb_bookmark {
background: url(//formworkcompany.co.uk/wp-content/themes/Solido/images/icons/bookmark.png) no-repeat right center;
}
.wpb_camcorder i.icon,
option.wpb_camcorder {
background: url(//formworkcompany.co.uk/wp-content/themes/Solido/images/icons/camcorder.png) no-repeat right center;
}
.wpb_camera i.icon,
option.wpb_camera {
background: url(//formworkcompany.co.uk/wp-content/themes/Solido/images/icons/camera.png) no-repeat right center;
}
.wpb_chart i.icon,
option.wpb_chart {
background: url(//formworkcompany.co.uk/wp-content/themes/Solido/images/icons/chart.png) no-repeat right center;
}
.wpb_chart_pie i.icon,
option.wpb_chart_pie {
background: url(//formworkcompany.co.uk/wp-content/themes/Solido/images/icons/chart-pie.png) no-repeat right center;
}
.wpb_clock i.icon,
option.wpb_clock {
background: url(//formworkcompany.co.uk/wp-content/themes/Solido/images/icons/clock.png) no-repeat right center;
}
.wpb_play i.icon,
option.wpb_play {
background: url(//formworkcompany.co.uk/wp-content/themes/Solido/images/icons/control.png) no-repeat right center;
}
.wpb_fire i.icon,
option.wpb_fire {
background: url(//formworkcompany.co.uk/wp-content/themes/Solido/images/icons/fire.png) no-repeat right center;
}
.wpb_heart i.icon,
option.wpb_heart {
background: url(//formworkcompany.co.uk/wp-content/themes/Solido/images/icons/heart.png) no-repeat right center;
}
.wpb_mail i.icon,
option.wpb_mail {
background: url(//formworkcompany.co.uk/wp-content/themes/Solido/images/icons/mail.png) no-repeat right center;
}
.wpb_shield i.icon,
option.wpb_shield {
background: url(//formworkcompany.co.uk/wp-content/themes/Solido/images/icons/plus-shield.png) no-repeat right center;
}
.wpb_video i.icon,
option.wpb_video {
background: url(//formworkcompany.co.uk/wp-content/themes/Solido/images/icons/video.png) no-repeat right center;
} .wpb_call_to_action {
position: relative;
background-color: #f7f7f7;
padding: 20px;
padding: 35px;
border: 1px solid #f0f0f0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.wpb_call_to_action .wpb_button {
margin: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.cta_align_left .wpb_button {
float: left;
}
.cta_align_right .wpb_button {
float: right;
}
.cta_align_left .wpb_button,
.cta_align_right .wpb_button {
max-width: 27.5%;
}
.cta_align_left .wpb_call_text,
.cta_align_right .wpb_call_text {
width: 70%;
float: left;
clear: none;
}
.cta_align_left .wpb_call_text {
float: right;
}
.wpb_call_to_action .wpb_call_text,
#content .wpb_call_to_action .wpb_call_text {
margin: 0;
padding-top: 0;
}
.cta_align_bottom {
text-align: center;
}
.cta_align_bottom .wpb_button {
position: static;
margin-top: 21.739130434782606px;
display: inline-block;
}
.cta_no_button .wpb_call_text {
width: auto;
float: none;
} @media (max-width: 600px) {
.vc_responsive .cta_align_left .wpb_button,
.vc_responsive .cta_align_right .wpb_button {
max-width: 70%;
width: 70%;
float: none;
display: block;
margin: 3% auto;
}
.vc_responsive .cta_align_left .wpb_call_text,
.vc_responsive .cta_align_right .wpb_call_text {
width: auto;
max-width: none;
text-align: center;
}
} .wpb_gmaps_widget .wpb_map_wraper {
background-color: #f7f7f7;
padding: 5px;
}
.wpb_gmaps_widget .wpb_map_wraper iframe {
margin-bottom: 0;
padding: 0;
display: block;
}
.wpb_content_element .wpb_tabs_nav li a:focus,
.wpb_accordion_section .wpb_accordion_header a:focus,
.wpb_tour_next_prev_nav a:focus {
outline: none;
} .wpb_content_element .wpb_tour_tabs_wrapper,
.wpb_content_element .wpb_tabs_nav {
padding: 0;
}
.wpb_content_element .wpb_tabs_nav {
margin: 0;
padding-left: 0 !important;
text-indent: inherit !important;
}
#content .wpb_content_element .wpb_tabs_nav {
margin: 0;
}
.wpb_content_element .wpb_tabs_nav li {
background-color: #f0f0f0;
white-space: nowrap;
padding: 0;
background-image: none;
list-style: none !important;
}
.wpb_content_element .wpb_tabs_nav li:after,
.wpb_content_element .wpb_tabs_nav li:before {
display: none !important;
}
.wpb_content_element .wpb_tabs_nav li.ui-tabs-active,
.wpb_content_element .wpb_tabs_nav li:hover {
background-color: #f7f7f7;
}
.wpb_content_element .wpb_tabs_nav li.ui-tabs-active a {
cursor: default;
}
.wpb_content_element .wpb_tour_tabs_wrapper .wpb_ui-tabs-hide {
display: none;
} .wpb_content_element .wpb_tour_tabs_wrapper .wpb_tabs_nav a,
.wpb_content_element .wpb_accordion_header a {
border-bottom: none;
text-decoration: none;
display: block;
padding: 0.5em 1em;
}
.wpb_content_element .wpb_accordion_wrapper .wpb_accordion_header,
.wpb_content_element.wpb_tabs .wpb_tour_tabs_wrapper .wpb_tab {
background-color: #f7f7f7;
}
.wpb_content_element .wpb_tour_tabs_wrapper .wpb_tabs_nav li,
.wpb_content_element .wpb_accordion_wrapper .wpb_accordion_header {
transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
}
.wpb_content_element .wpb_tour_tabs_wrapper .wpb_tab,
.wpb_content_element .wpb_accordion_wrapper .wpb_accordion_content {
padding: 1em;
}
.wpb_content_element .wpb_tour_tabs_wrapper .wpb_tab > .wpb_content_element:last-child,
.wpb_content_element .wpb_accordion_wrapper .wpb_accordion_content > .wpb_content_element:last-child,
.wpb_content_element .wpb_tour_tabs_wrapper .wpb_tab .wpb_row:last-child > div > div.wpb_wrapper .wpb_content_element:last-child,
.wpb_content_element .wpb_accordion_wrapper .wpb_accordion_content .wpb_row:last-child > div > div.wpb_wrapper .wpb_content_element:last-child {
margin-bottom: 0;
} .wpb_tabs .wpb_tabs_nav li {
float: left;
margin: 0 1px 0 0;
} .wpb_tour .wpb_tabs_nav {
float: left;
width: 31.666666666666668%;
}
.wpb_tour .wpb_tabs_nav li {
margin: 0 0 1px 0;
}
.wpb_tour .wpb_tour_tabs_wrapper .wpb_tab {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border: none;
float: left;
width: 68.33333333333333%;
padding: 0 0 0 21.739130434782606px;
}
.wpb_tour_next_prev_nav {
margin-left: 31.666666666666668%;
padding-left: 21.739130434782606px;
font-size: 80%;
}
.wpb_tour_next_prev_nav a {
border-bottom: 1px dotted;
text-decoration: none;
}
.wpb_tour_next_prev_nav a:hover {
text-decoration: none;
border-bottom: none;
}
.wpb_tour_next_prev_nav span {
width: 48%;
display: inline-block;
padding-top: 1em;
float: left;
}
.wpb_tour_next_prev_nav span.wpb_next_slide {
text-align: right;
float: right;
} .wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header {
margin: 0 0 1px 0;
padding-top: 0;
position: relative;
text-transform: none;
font-weight: inherit;
font-size: inherit;
font-family: inherit;
line-height: inherit;
letter-spacing: inherit;
}
.wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header a {
padding-left: 1em;
}
.wpb_accordion .wpb_accordion_wrapper .ui-state-default .ui-icon,
.wpb_accordion .wpb_accordion_wrapper .ui-state-active .ui-icon {
display: block;
width: 16px;
height: 16px;
background-image: url(//formworkcompany.co.uk/wp-content/themes/Solido/images/toggle_open.png);
background-repeat: no-repeat;
position: absolute;
right: 0.7em;
top: 0.7em;
}
.wpb_accordion .wpb_accordion_wrapper .ui-state-active .ui-icon {
background-image: url(//formworkcompany.co.uk/wp-content/themes/Solido/images/toggle_close.png);
} @media (max-width: 480px) {
.vc_responsive .wpb_tour .wpb_tour_tabs_wrapper .wpb_tabs_nav,
.vc_responsive .wpb_tour .wpb_tab,
.vc_responsive .wpb_tour_next_prev_nav {
width: 100%;
float: none;
margin-left: 0;
}
.vc_responsive .wpb_tour_next_prev_nav {
width: auto;
padding: 0 1em;
}
.vc_responsive #content .wpb_tour .wpb_tour_tabs_wrapper .wpb_tabs_nav {
margin-bottom: 1em;
}
.vc_responsive .wpb_tour .wpb_tab {
padding-left: 1em;
padding-right: 1em;
}
} #content .wpb_twitter_widget ul.tweet_list,
.wpb_twitter_widget ul.tweet_list {
margin: 0;
padding: 0;
}
#content .wpb_twitter_widget ul.tweet_list li,
.wpb_twitter_widget ul.tweet_list li {
border-bottom: 1px solid #f7f7f7;
margin: 0 0 1em 0;
padding-bottom: 1em;
background-image: none;
list-style: none !important;
}
#content .wpb_twitter_widget ul.tweet_list li:after,
.wpb_twitter_widget ul.tweet_list li:after,
#content .wpb_twitter_widget ul.tweet_list li:before,
.wpb_twitter_widget ul.tweet_list li:before {
display: none !important;
}
.wpb_twitter_widget .tweet_time {
display: block;
color: #f7f7f7;
font-size: 80%;
}
.wpb_twitter_widget p.twitter_follow_button_wrap {
margin-bottom: 0;
font-size: 80%;
}
.wpb_twitter_widget .twitter_follow_button {
background-image: url(//formworkcompany.co.uk/wp-content/themes/Solido/images/twitter_bird.png);
background-position: left center;
background-repeat: no-repeat;
padding-left: 25px;
display: inline-block;
min-height: 16px;
} .wpb_column .wpb_wrapper .wpb_teaser_grid {
margin-left: 0;
margin-bottom: 0;
float: none;
}
body ul.wpb_thumbnails-fluid li { padding: 0;
margin-left: 0;
background-image: none;
list-style: none !important;
}
body ul.wpb_thumbnails-fluid li:after,
body ul.wpb_thumbnails-fluid li:before {
display: none !important;
}
body ul.wpb_thumbnails-fluid li .entry-content *:last-child {
margin-bottom: 0;
}
.wpb_row .wpb_grid ul.wpb_thumbnails-fluid,
.wpb_row .wpb_filtered_grid ul.wpb_thumbnails-fluid {
margin: 0 0 0 -2.5%;
padding: 0;
width: 102.5%;
overflow: visible !important;
}
.wpb_row ul.wpb_thumbnails-fluid > [class*="vc_span"] {
margin-left: 2.5%;
} .wpb_grid .wpb_thumbnails-fluid > .vc_span2,
.wpb_filtered_grid .wpb_thumbnails-fluid > .vc_span2 {
width: 14.016666666666667%;
}
.wpb_grid .wpb_thumbnails-fluid > .vc_span3,
.wpb_filtered_grid .wpb_thumbnails-fluid > .vc_span3 {
width: 22.42%;
}
.wpb_grid .wpb_thumbnails-fluid > .vc_span4,
.wpb_filtered_grid .wpb_thumbnails-fluid > .vc_span4 {
width: 30.753333333333337%;
}
.wpb_grid .wpb_thumbnails-fluid > .vc_span6,
.wpb_filtered_grid .wpb_thumbnails-fluid > .vc_span6 {
width: 47.45%;
}
.wpb_grid .wpb_thumbnails-fluid > .vc_span12,
.wpb_filtered_grid .wpb_thumbnails-fluid > .vc_span12 {
width: 97.5%;
} .wpb_teaser_grid .entry-content {
margin: 0;
padding: 0;
width: 100%;
}
.grid_layout-thumbnail .post-thumb {
margin-bottom: 0;
}
.grid_layout-thumbnail .post-thumb img {
max-width: 100%;
} .wpb_carousel .wpb_wrapper {
position: relative;
}
.wpb_carousel .prev,
.wpb_carousel .next {
position: absolute;
top: 3px;
background-color: #f7f7f7;
padding: 0px 6px 0px 6px;
font-size: 12px;
z-index: 10;
text-decoration: none;
transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
}
.wpb_carousel .prev:hover,
.wpb_carousel .next:hover {
background-color: #f0f0f0;
}
.wpb_carousel .prev:focus,
.wpb_carousel .next:focus {
outline: none;
text-decoration: none;
}
.wpb_carousel .prev {
right: 30px;
}
.wpb_carousel .next {
right: 0px;
}
.wpb_carousel .wpb_thumbnails-fluid {
width: 100%;
}
.wpb_carousel .wpb_thumbnails-fluid > [class*="vc_span"] {
height: auto !important;
} .wpb_teaser_grid .categories_filter,
.wpb_categories_filter {
list-style: none;
list-style-type: none;
padding: 0;
margin: 0 0 10px 0;
}
.wpb_teaser_grid .categories_filter li,
.wpb_categories_filter li {
display: block;
float: left;
margin: 0 10px 10px 0;
background-image: none;
list-style: none !important;
}
.wpb_teaser_grid .categories_filter li:after,
.wpb_categories_filter li:after,
.wpb_teaser_grid .categories_filter li:before,
.wpb_categories_filter li:before {
display: none !important;
}
.wpb_teaser_grid .categories_filter li a,
.wpb_categories_filter li a {
border: none;
text-decoration: none;
}
.wpb_teaser_grid .categories_filter li a:hover,
.wpb_categories_filter li a:hover {
border-bottom: 1px dotted;
}
.wpb_teaser_grid .categories_filter li.active a,
.wpb_categories_filter li.active a {
border-bottom: 1px dotted;
}
@media (max-width: 480px) {
.vc_responsive .wpb_row ul.wpb_thumbnails-fluid {
margin-left: 0;
width: auto;
}
.vc_responsive .wpb_row .wpb_teaser_grid ul.wpb_thumbnails-fluid [class*="vc_span"] {
width: 100%;
float: none;
display: block;
margin-left: 0;
margin-right: 0;
}
} .wpb_image_grid .wpb_image_grid_ul {
margin: 0;
padding: 0;
}
.wpb_image_grid .wpb_image_grid_ul > li {
background-image: none;
list-style: none !important;
}
.wpb_image_grid .wpb_image_grid_ul > li:after,
.wpb_image_grid .wpb_image_grid_ul > li:before {
display: none !important;
}
.wpb_image_grid .wpb_image_grid_ul .isotope-item {
list-style: none;
margin: 0 1px 1px 0;
max-width: 100%;
float: left;
}
.wpb_image_grid .wpb_image_grid_ul a {
display: block;
}
.wpb_image_grid .wpb_image_grid_ul img {
display: block;
max-width: 100%;
height: auto;
} .wpb_gallery .theme-default .nivoSlider {
margin-bottom: 0;
}
.wpb_gallery .theme-default .nivo-controlNav {
padding: 10px 0 3px 0;
}
.wpb_gallery .wpb_flexslider .flex-control-nav {
bottom: -35px;
}
.wpb_gallery .wpb_flexslider .flex-caption {
cursor: default;
} #content .wpb_gallery_slides ul.slides,
.content .wpb_gallery_slides ul.slides,
.wpb_gallery_slides ul.slides,
#content .wpb_gallery_slides ul.flex-direction-nav,
.content .wpb_gallery_slides ul.flex-direction-nav,
.wpb_gallery_slides ul.flex-direction-nav,
body .wpb_gallery_slides ul li,
.wpb_content_element .wpb_gallery_slides ul li {
list-style: none;
padding: 0;
background-image: none;
margin: 0;
}
.wpb_alert {
padding: 1em 35px 1em 14px;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
background-color: #fcf8e3;
border: 1px solid #fbeed5;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
color: #c09853;
clear: both;
}
.wpb_alert-success {
background-color: #dff0d8;
border-color: #d6e9c6;
color: #468847;
}
.wpb_alert-danger,
.wpb_alert-error {
background-color: #f2dede;
border-color: #eed3d7;
color: #b94a48;
}
.wpb_alert-info {
background-color: #d9edf7;
border-color: #bce8f1;
color: #3a87ad;
}
.wpb_alert .messagebox_text {
padding-left: 28px;
background: url(//formworkcompany.co.uk/wp-content/themes/Solido/vc/alert.png) no-repeat left center;
}
.wpb_alert-info .messagebox_text {
background: url(//formworkcompany.co.uk/wp-content/themes/Solido/vc/info.png) no-repeat left center;
}
.wpb_alert-success .messagebox_text {
background: url(//formworkcompany.co.uk/wp-content/themes/Solido/vc/tick.png) no-repeat left center;
}
.wpb_alert-error .messagebox_text {
background: url(//formworkcompany.co.uk/wp-content/themes/Solido/vc/exclamation.png) no-repeat left center;
} .flickr_badge_image {
margin: 0 10px 10px 0px;
width: 72px;
height: 72px;
float: left;
background: none;
padding: 0;
}
.flickr_badge_image a {
border: none;
}
.flickr_badge_image img {
margin: 0;
overflow: hidden;
position: relative;
width: 100%;
height: 100%;
max-width: 100%;
max-height: 100%;
}
.wpb_flickr_widget p.flickr_stream_wrap {
clear: both;
margin-bottom: 0;
font-size: 80%;
}
.wpb_flickr_widget p.flickr_stream_wrap a {
background-image: url(//formworkcompany.co.uk/wp-content/themes/Solido/images/flickr.png);
background-repeat: no-repeat;
background-position: left center;
padding-left: 25px;
display: inline-block;
} .wpb_video_widget .wpb_wrapper .wpb_video_wrapper {
padding-top: 56%;
position: relative;
}
.wpb_video_widget .wpb_wrapper .wpb_video_wrapper > div {
padding-top: 0 !important;
position: static;
}
.wpb_video_widget .wpb_wrapper iframe {
width: 100%;
height: 100%;
display: block;
position: absolute;
margin: 0;
top: 0;
left: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.wpb_video_wrapper .fluid-width-video-wrapper {
padding-top: 0 !important;
position: static;
} .wpb_posts_slider .flex-caption,
.wpb_posts_slider .nivo-caption {
background-color: #f7f7f7;
opacity: 1;
color: inherit;
padding: 10px 15px;
position: static;
}
.wpb_posts_slider .wpb_gallery_slides > ul > li {
background-image: none;
list-style: none !important;
}
.wpb_posts_slider .wpb_gallery_slides > ul > li:after,
.wpb_posts_slider .wpb_gallery_slides > ul > li:before {
display: none !important;
} .vc_progress_bar .vc_single_bar {
background: #f7f7f7;
position: relative;
margin-bottom: 11.666666666666666px;
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.vc_progress_bar .vc_single_bar:last-child {
margin-bottom: 0;
}
.vc_progress_bar .vc_single_bar .vc_label {
display: block;
padding: 0.5em 1em;
position: relative;
z-index: 1;
}
.vc_progress_bar .vc_single_bar.bar_blue .vc_bar {
background-color: #0074CC;
}
.vc_progress_bar .vc_single_bar.bar_blue .vc_label {
color: #ffffff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.vc_progress_bar .vc_single_bar.bar_turquoise .vc_bar {
background-color: #49afcd;
}
.vc_progress_bar .vc_single_bar.bar_turquoise .vc_label {
color: #ffffff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.vc_progress_bar .vc_single_bar.bar_green .vc_bar {
background-color: #5bb75b;
}
.vc_progress_bar .vc_single_bar.bar_green .vc_label {
color: #ffffff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.vc_progress_bar .vc_single_bar.bar_orange .vc_bar {
background-color: #faa732;
}
.vc_progress_bar .vc_single_bar.bar_orange .vc_label {
color: #ffffff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.vc_progress_bar .vc_single_bar.bar_red .vc_bar {
background-color: #da4f49;
}
.vc_progress_bar .vc_single_bar.bar_red .vc_label {
color: #ffffff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.vc_progress_bar .vc_single_bar.bar_black .vc_bar {
background-color: #414141;
}
.vc_progress_bar .vc_single_bar.bar_black .vc_label {
color: #ffffff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.vc_progress_bar .vc_single_bar .vc_bar {
display: block;
position: absolute;
height: 100%;
background-color: #e0e0e0;
width: 0%;
top: 0;
left: 0;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
transition: width 1s linear;
-moz-transition: width 1s linear;
-webkit-transition: width 1s linear;
-o-transition: width 1s linear;
}
.vc_progress_bar .vc_single_bar .vc_bar.striped {
background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
-webkit-background-size: 40px 40px;
-moz-background-size: 40px 40px;
-o-background-size: 40px 40px;
background-size: 40px 40px;
}
.vc_progress_bar .vc_single_bar .vc_bar.animated {
-webkit-animation: progress-bar-stripes 2s linear infinite;
-moz-animation: progress-bar-stripes 2s linear infinite;
-ms-animation: progress-bar-stripes 2s linear infinite;
-o-animation: progress-bar-stripes 2s linear infinite;
animation: progress-bar-stripes 2s linear infinite;
}
@-webkit-keyframes progress-bar-stripes {
from {
background-position: 40px 0;
}
to {
background-position: 0 0;
}
}
@-moz-keyframes progress-bar-stripes {
from {
background-position: 40px 0;
}
to {
background-position: 0 0;
}
}
@-ms-keyframes progress-bar-stripes {
from {
background-position: 40px 0;
}
to {
background-position: 0 0;
}
}
@-o-keyframes progress-bar-stripes {
from {
background-position: 0 0;
}
to {
background-position: 40px 0;
}
}
@keyframes progress-bar-stripes {
from {
background-position: 40px 0;
}
to {
background-position: 0 0;
}
} .vc_pie_chart {
z-index: 0;
text-align: center;
}
.vc_pie_chart .vc_pie_wrapper {
position: relative;
margin: 0 auto;
}
.vc_pie_chart canvas {
position: relative;
z-index: 1;
}
.vc_pie_chart .vc_pie_chart_value {
font-size: 200%;
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
text-align: center;
}
.vc_pie_chart[data-pie-color="wpb_button"] .vc_pie_chart_back {
border-color: #f7f7f7;
}
.vc_pie_chart[data-pie-color="btn-primary"] .vc_pie_chart_back {
border-color: #0088cc;
}
.vc_pie_chart[data-pie-color="btn-info"] .vc_pie_chart_back {
border-color: #58b9da;
}
.vc_pie_chart[data-pie-color="btn-success"] .vc_pie_chart_back {
border-color: #6ab165;
}
.vc_pie_chart[data-pie-color="btn-warning"] .vc_pie_chart_back {
border-color: #ff9900;
}
.vc_pie_chart[data-pie-color="btn-danger"] .vc_pie_chart_back {
border-color: #ff675b;
}
.vc_pie_chart[data-pie-color="btn-inverse"] .vc_pie_chart_back {
border-color: #555555;
}
.vc_pie_chart_back {
display: block;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
border: 6px solid #f7f7f7;
border-radius: 999px;
border-radius: 50%;
opacity: 0.3;
filter: alpha(opacity=30);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.vc_carousel .vc-carousel-control {
text-shadow: none;
transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
}
.vc_carousel .vc-carousel-control:active,
.vc_carousel .vc-carousel-control:focus {
outline: none;
}
.vc_carousel .vc-carousel-control .icon-prev,
.vc_carousel .vc-carousel-control .icon-next {
background-color: #f7f7f7;
transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
}
.vc_carousel .vc-carousel-control .icon-prev:hover,
.vc_carousel .vc-carousel-control .icon-next:hover {
background-color: #f0f0f0;
}
.vc_carousel .vc-carousel-indicators li {
width: 5px;
height: 5px;
margin: 0;
background-color: #f7f7f7;
border-color: #f7f7f7;
transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
}
.vc_carousel .vc-carousel-indicators li.vc-active {
background-color: transparent;
}  @media (max-width: 480px) {
.vc_responsive div.vc_row-fluid div[class*="vc_span"] {
float: none;
display: block;
width: auto;
margin-left: 0;
}
} .wpb_alert p:last-child,
#content .wpb_alert p:last-child,
.wpb_text_column p:last-child,
.wpb_text_column *:last-child,
#content .wpb_text_column p:last-child,
#content .wpb_text_column *:last-child,
.wpb_toggle_content p:last-child {
margin-bottom: 0;
}
.wpb_row,
.wpb_content_element,
ul.wpb_thumbnails-fluid > li,
.last_toggle_el_margin,
.wpb_button {
margin-bottom: 35px;
}
.fb_like,
.twitter-share-button,
.entry-content .twitter-share-button,
.wpb_googleplus,
.wpb_pinterest,
.wpb_tab .wpb_content_element,
.wpb_accordion .wpb_content_element,
.wpb_toggle_content {
margin-bottom: 21.739130434782606px;
}  .wpb_content_element.wpb_single_image img,
.wpb_thumbnails .post-thumb img {
height: auto;
max-width: 100%;
}
.wpb_single_image.vc_align_center {
text-align: center;
}
.wpb_single_image.vc_align_right {
text-align: right;
}
.wpb_heading,
.entry-content .wpb_heading {
margin-top: 0;
}
.pp_content iframe {
margin-bottom: 0;
}  .wpb_animate_when_almost_visible {
opacity: 0;
}
.wpb_start_animation.wpb_top-to-bottom {
-webkit-animation: wpb_ttb 0.7s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275); -moz-animation: wpb_ttb 0.7s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275); -o-animation: wpb_ttb 0.7s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275); animation: wpb_ttb 0.7s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275); opacity: 1;
}
.wpb_start_animation.wpb_bottom-to-top {
-webkit-animation: wpb_btt 0.7s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275); -moz-animation: wpb_btt 0.7s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275); -o-animation: wpb_btt 0.7s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275); animation: wpb_btt 0.7s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275); opacity: 1;
}
.wpb_start_animation.wpb_left-to-right {
-webkit-animation: wpb_ltr 0.7s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275); -moz-animation: wpb_ltr 0.7s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275); -o-animation: wpb_ltr 0.7s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275); animation: wpb_ltr 0.7s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275); opacity: 1;
}
.wpb_start_animation.wpb_right-to-left {
-webkit-animation: wpb_rtl 0.7s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275); -moz-animation: wpb_rtl 0.7s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275); -o-animation: wpb_rtl 0.7s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275); animation: wpb_rtl 0.7s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275); opacity: 1;
}
.wpb_start_animation.wpb_appear {
-webkit-animation: wpb_appear 0.7s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275); -moz-animation: wpb_appear 0.7s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275); -o-animation: wpb_appear 0.7s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275); animation: wpb_appear 0.7s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275); -webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
opacity: 1;
} @-webkit-keyframes wpb_ttb {
0% {
-webkit-transform: translate(0, -10%);
opacity: 0;
}
100% {
-webkit-transform: translate(0, 0);
opacity: 1;
}
}
@-moz-keyframes wpb_ttb {
0% {
-moz-transform: translate(0, -10%);
opacity: 0;
}
100% {
-moz-transform: translate(0, 0);
opacity: 1;
}
}
@-o-keyframes wpb_ttb {
0% {
-o-transform: translate(0, -10%);
opacity: 0;
}
100% {
-o-transform: translate(0, 0);
opacity: 1;
}
}
@keyframes wpb_ttb {
0% {
transform: translate(0, -10%);
opacity: 0;
}
100% {
transform: translate(0, 0);
opacity: 1;
}
} @-webkit-keyframes wpb_btt {
0% {
-webkit-transform: translate(0, 10%);
opacity: 0;
}
100% {
-webkit-transform: translate(0, 0);
opacity: 1;
}
}
@-moz-keyframes wpb_btt {
0% {
-moz-transform: translate(0, 10%);
opacity: 0;
}
100% {
-moz-transform: translate(0, 0);
opacity: 1;
}
}
@-o-keyframes wpb_btt {
0% {
-o-transform: translate(0, 10%);
opacity: 0;
}
100% {
-o-transform: translate(0, 0);
opacity: 1;
}
}
@keyframes wpb_btt {
0% {
transform: translate(0, 10%);
opacity: 0;
}
100% {
transform: translate(0, 0);
opacity: 1;
}
} @-webkit-keyframes wpb_ltr {
0% {
-webkit-transform: translate(-10%, 0);
opacity: 0;
}
100% {
-webkit-transform: translate(0, 0);
opacity: 1;
}
}
@-moz-keyframes wpb_ltr {
0% {
-moz-transform: translate(-10%, 0);
opacity: 0;
}
100% {
-moz-transform: translate(0, 0);
opacity: 1;
}
}
@-o-keyframes wpb_ltr {
0% {
-o-transform: translate(-10%, 0);
opacity: 0;
}
100% {
-o-transform: translate(0, 0);
opacity: 1;
}
}
@keyframes wpb_ltr {
0% {
transform: translate(-10%, 0);
opacity: 0;
}
100% {
transform: translate(0, 0);
opacity: 1;
}
} @-webkit-keyframes wpb_rtl {
0% {
-webkit-transform: translate(10%, 0);
opacity: 0;
}
100% {
-webkit-transform: translate(0, 0);
opacity: 1;
}
}
@-moz-keyframes wpb_rtl {
0% {
-moz-transform: translate(10%, 0);
opacity: 0;
}
100% {
-moz-transform: translate(0, 0);
opacity: 1;
}
}
@-o-keyframes wpb_rtl {
0% {
-o-transform: translate(10%, 0);
opacity: 0;
}
100% {
-o-transform: translate(0, 0);
opacity: 1;
}
}
@keyframes wpb_rtl {
0% {
transform: translate(10%, 0);
opacity: 0;
}
100% {
transform: translate(0, 0);
opacity: 1;
}
} @-webkit-keyframes wpb_appear {
0% {
-webkit-transform: scale(0.5);
opacity: 0.1;
}
100% {
-webkit-transform: scale(1);
opacity: 1;
}
}
@-moz-keyframes wpb_appear {
0% {
-moz-transform: scale(0.5);
opacity: 0.1;
}
100% {
-moz-transform: scale(1);
opacity: 1;
}
}
@-o-keyframes wpb_appear {
0% {
-o-transform: scale(0.5);
opacity: 0.1;
}
100% {
-o-transform: scale(1);
opacity: 1;
}
}
@keyframes wpb_appear {
0% {
transform: scale(0.5);
opacity: 0.1;
}
100% {
transform: scale(1);
opacity: 1;
}
}.isotope-item {
z-index: 2;
}
.isotope-hidden.isotope-item {
pointer-events: none;
z-index: 1;
} .isotope,
.isotope .isotope-item {
-webkit-transition-duration: 1s;
-moz-transition-duration: 1s;
-ms-transition-duration: 1s;
-o-transition-duration: 1s;
transition-duration: 1s;
}
.isotope {
-webkit-transition-property: height, width;
-moz-transition-property: height, width;
-ms-transition-property: height, width;
-o-transition-property: height, width;
transition-property: height, width;
}
.isotope .isotope-item {
-webkit-transition-property: -webkit-transform, opacity;
-moz-transition-property:    -moz-transform, opacity;
-ms-transition-property:     -ms-transform, opacity;
-o-transition-property:      -o-transform, opacity;
transition-property:         transform, opacity;
} .isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
-webkit-transition-duration: 0s;
-moz-transition-duration: 0s;
-ms-transition-duration: 0s;
-o-transition-duration: 0s;
transition-duration: 0s;
}  .isotope.infinite-scrolling {
-webkit-transition: none;
-moz-transition: none;
-ms-transition: none;
-o-transition: none;
transition: none;
}
  @media only screen and (max-width: 1024px) { .p-image-02 div img {max-width: 75%;}
.parallax {
height: auto !important;
padding-bottom: 350px;
}
.wrapper-project ul li {width: auto;}
} @media only screen and (min-width: 976px) and (max-width: 1258px) {
.main-title ul {font-size: 65px;}
.full, body .wpb_row{width: 960px;}
.half, body .vc_row-fluid .vc_span6{width: 385px; padding-bottom: 100px;}
.caroussel{width: 370px; height: 278px;}
.caroussel img{width: 370px; height: auto;}
.s-element{width: 320px;}
.f-element{width: 240px;}
.highlight {font-size: 75px;}
.milestone-details{font-size: 16px;}
.progress-bar{width: 397px;}
.car-quote{width: 370px;}
.caroussel-2{width: 370px; height: 270px;}
.comment{font-size: 13px;}
.q-spacer{margin: 20px 0;}
.logos{width: 900px; margin: 70px auto 220px}
.bottom-line{width: 900px;}
.img-spacer{width: 900px; margin-top: 190px;}
.img-spacer img{width: 900px;}
.img-item{top: -125px;}
.foot-third, body .vc_row-fluid .vc_span4{width: 280px;}
.f-data{font-size: 14px;}
.f-data span{padding-left: 5px;}
.footer-container span{font-size: 13px;}
.footer-container{width: 959px; font-size: 15px;}
.project-content{width: 900px;}
.project-content img{width: 900px;}
.we-are{font-size: 110px;}
.s-container{width: 960px;}
.team-box{width: 960px; margin: auto;}
.sl-element{width: 192px;}
.team-grid{width: 574px !important;}
.t-element:nth-child(2),.t-element:nth-child(4),.t-element:nth-child(6),.t-element:nth-child(8),.t-element:nth-child(10) {margin-right: 0;}
.t-element{margin-bottom: 30px;}
.menu ul li {padding: 0 15px; font-size: 13px;}
.p-image-01 {margin-left: -470px; width: 940px;}
.p-image-01 img{width: 940px;}
.parallax.p-two { height: 555px;}
.container-video { height: 530px;}
.main-title {font-size: 60px;  height: 352px;top: 50%; }
.slider-controls li a {top: 41%;}
.s-next {margin-right: 30px;}
.s-prev {margin-left: 30px;}
.ch-grid div span {margin: 50% 20px 0px 20px; font-size: 15px;}
.main-title .spacer {margin: 5px auto 25px;}
.main-title ul {margin: 0;}
.show {width: 385px;}
.car-prev, .car-next {top: 100px;}
.p-category {top: 25%;}
} @media only screen and (max-width: 976px) {
.hideme, .p-image-02, .newtr{opacity: 1;}
.parallax .hideme-slide, .parallax .hideme-slide2{ bottom:0 !important; opacity: 1 !important;}
.menu{display: none;}
.slider-controls {display: none;}
.jump-menu{display: block;}
.main-title { height: 360px;}
.sl-element{margin-bottom: 50px;}
.overlay {display: none;}
.slides-navigation a {display: none !important;}
} @media only screen and (min-width: 796px) and (max-width: 976px) {
.main-title ul{ font-size:42px;}
.full, body .wpb_row{width: 783px;}
.half, body .vc_row-fluid .vc_span6{float: none; margin: auto !important;}
.full .half:nth-child(2) {padding: 0px 45px 120px;}
.s-container{width: 603px;}
.team-box{width: 700px; margin: auto;}
.s-element{width: 200px;}
.team-box .s-element{width: 300px;}
.s-ico{width: 130px; height: 130px;}
.s-info{padding: 0 10px; font-size: 13px;}
.f-element{width: 180px; padding-left: 10px;}
.f-ico {margin: 0 auto;}
.highlight{font-size: 40px;}
.s-info{margin-bottom: 50px;}
.project-content {width: 700px;}
.project-content img{width: 700px;}
.logos{width: 680px; margin: 70px auto 150px}
.img-spacer{width: 700px; margin-top: 150px;}
.img-spacer img{width: 700px;}
.img-item{top: -80px;}
.footer-container {width: 700px; padding: 90px 0;}
.foot-third {width: 320px; padding: 0 0 0 30px;}
.foot-third:last-child, body .vc_row-fluid .vc_span4:last-child {margin-top: 50px; width: 640px; padding: 0 30px;}
.bottom-line{width: 700px;}
.milestone-details{font-size: 15px; padding: 0px 0 100px;}
.s-info span {font-size: 17px;}
.sl-element{width: 200px;}
.t-element {margin-bottom: 30px;}
.team-grid{width: 574px !important;}
.t-element:nth-child(2),.t-element:nth-child(4),.t-element:nth-child(6),.t-element:nth-child(8),.t-element:nth-child(10) {margin-right: 0;}
.p-image-01 {margin-left: -380px; width: 760px;}
.p-image-01 img{width: 760px;}
.parallax.p-two {height: 520px;}
.container-video {height: 430px;}
.main-title {font-size: 50px;}
.main-title span {top: 100px;}
} @media only screen and (max-width: 795px) {
.car-prev{display: none;}
.car-next{display: none;}
.car-prev-2{display: none;}
.car-next-2{display: none;}
.show {width: 385px;}
.main-title ul{ margin-top:0; height:80px;}
.main-title .spacer{ margin:20px auto;}
.buy-logo{ margin-top:35px;}
.main-title ul{font-size: 42px;}
.parallax-info{ z-index: -1;}
.brick{ width: 95%;}
} @media only screen and (min-width: 480px) and (max-width: 795px) { .vegas-overlay{ display:none;}
.main-title ul{ font-size:30px;}
.main-title .second-title{ width:345px;}
.full, body .wpb_row{width: 466px;}
.half, body .vc_row-fluid .vc_span6{float: none; margin: auto; width: 400px; padding: 80px 40px 120px;}
.half:first-child{padding-bottom: 0px;}
.content .full .half{ padding-left:0; padding-right:0;}
.next-featured{margin-left: 30px;}
.prev-featured{margin-right: 30px;}
.nav-featured{width: 283px;}
.title.one{font-size: 36px; padding: 80px 40px 20px;}
.title.two{font-size: 17px; padding: 0px 40px; width: auto;}
.caroussel{width: 400px; height: 270px;}
.p-info{width: 400px;}
.caroussel img{width: 400px; height: auto; margin-left:0;}
.team-box{width: 100%}
.s-container{width: 400px}
.f-element, body .vc_row-fluid .vc_span3{width: 100%;}
.progress-bar{width: 400px;}
.caroussel-2{width: 400px; height: 300px;}
.car-quote {width: 400px;}
.comment{font-size: 13px;}
#filters{padding: 0 40px;}
.bottom-line{width: 400px;}
.project-content{width: 400px;}
.project-content img{width: 400px;}
.logos{width: 400px; margin: 70px auto 50px;}
.img-spacer{width: 400px; margin-top: 50px;}
.img-spacer img{width: 400px;}
.img-item {top: 10px;}
.footer-container {width: 400px;}
.foot-third, body .vc_row-fluid .vc_span4{float: none; width: 100%; padding: 0; margin-top: 50px;}
.foot-third:first-child{margin-top: 0;}
.sl-element{width: 200px;}
.t-element {float: none; margin: 30px auto 0;}
.t-element:nth-child(2),.t-element:nth-child(4),.t-element:nth-child(6),.t-element:nth-child(8),.t-element:nth-child(10) {margin: 30px auto 0;}
.p-image-01 {margin-left: -230px; width: 460px;}
.p-image-01 img{width: 460px;}
.main-title {font-size: 25px;}
.main-title span {top: 70px;}
.logo {font-size: 23px;}
.parallax.p-one{ height:600px;}
.parallax.p-two {height: 400px;}
.container-video {height: 260px;}
.parallax-info{ z-index: -1;} } @media only screen and (max-width: 479px) {
.hideme{opacity: 1;}
.hideme-slide{opacity: 1; bottom: auto !important;}
.parallax {
height: auto !important;
padding-bottom: 150px;
}
.main-title { height: 374px;}
.logo{ margin-left:20px;width: 120px;top: -12px; position: relative;}
.color-picker{ display:none;} .vegas-overlay{ display:none;}
.main-title ul{ font-size:20px;}
.spacer {width: 50px;}
.main-title .second-title{ font-size:13px; width:240px;}
.full, body .wpb_row{width: 300px;}
.half, body .vc_row-fluid .vc_span6{float: none; margin: auto; width: 300px; padding: 80px 10px 120px;}
.half:first-child{padding-bottom: 0px;}
.content .full .half{ padding-left:0; padding-right:0;}
.next-featured{margin-left: 30px;}
.prev-featured{margin-right: 30px;}
.nav-featured{width: 292px;}
.menu{display: none;}
.title.one{font-size: 19px; padding: 50px 40px 50px; width: auto;}
.title.two{font-size: 17px; padding: 0px 40px; width: auto;}
.p-title-two{ font-size:14px;}
.caroussel{width: 300px; height: 220px; margin-left:0;}
.p-info{width: 300px;}
.caroussel img{width: 280px; height: auto;}
.team-box{width: 300px; margin: auto;}
.s-container{width: 300px}
.f-element, body .vc_row-fluid .vc_span3{width: 100%;}
.progress-bar{width: 280px;}
.caroussel-2{width: 280px; height: 359px;}
.car-quote {width: 280px; margin-right:20px;}
.comment{font-size: 13px;}
#filters{padding: 0 40px;}
.bottom-line{width: 300px;}
.project-content{width: 300px;}
.project-content img{width: 300px;}
.logos{width: 300px; margin: 70px auto 50px; padding: 0;}
.img-spacer{width: 300px; margin-top: 0;}
.img-spacer img{width: 300px;}
.img-item {display: none;}
.footer-container {width: 300px;}
.foot-third, body .vc_row-fluid .vc_span4{float: none; width: 100%; padding: 0; margin-top: 50px;}
.foot-third:first-child{margin-top: 0;}
.s-element{width: 300px;}
.sl-element{width: 150px; margin-bottom:30px;}
.t-element {float: none; margin: 30px auto 0;}
.t-element:nth-child(2),.t-element:nth-child(4),.t-element:nth-child(6),.t-element:nth-child(8),.t-element:nth-child(10) {margin: 30px auto 0;}
.p-image-01 {margin-left: -150px; width: 300px;}
.p-image-01 img{width: 300px;}
.content {width: 100%;overflow: hidden;}
.main-title {font-size: 30px;}
.welcome{ font-size:13px; width: 100% !important; height: 100px !important;}
.main-title span {top: 100px;}
.parallax.p-one{ height:280px;}
.parallax.p-two {height: 255px;}
.p-title-one{ padding-top:40px;}
.container-video {height: 160px;} .scrollup{display: none !important;}
.mk-video-mask {opacity: 0.5; background:none;}
.f-title-one{ text-align:center;}
.f-title-two{ text-align:center;}
.list_carousel.responsive{ margin-bottom:0; margin-top:50px;}
#anchor5{ padding-bottom:35px;}
.parallax-info{ z-index: -1;}
}
@media only screen and (max-width: 600px) {
header.header {position: relative; height: 75px}
}.vegas-loading {
border-radius: 10px;
background: #000;
background: rgba(0,0,0,0.7);
background: url(//formworkcompany.co.uk/wp-content/themes/Solido/css/vegas/images/loading.gif) no-repeat center center; height: 32px;
left: 20px;
position: fixed;
top: 20px;
width: 32px;
z-index: 0;
display: none !important;
}
.vegas-overlay {
background: transparent url(//formworkcompany.co.uk/wp-content/themes/Solido/css/vegas/overlays/01.png);
opacity: 0.5;
z-index: 0;
}
.vegas-background {
-ms-interpolation-mode: bicubic;
image-rendering: optimizeQuality;
max-width: none !important; z-index: 0;
}
.vegas-overlay,
.vegas-background {
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}#slides {
position: relative;
}
#slides .slides-container {
display: none;
}
#slides .scrollable {
*zoom: 1;
position: relative;
top: 0;
left: 0;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
height: 100%;
}
#slides .scrollable:after {
content: "";
display: table;
clear: both;
}
.slides-navigation {
margin: 0 auto;
position: absolute;
z-index: 3;
top: 46%;
width: 100%;
}
.slides-navigation a {
position: absolute;
display: block;
}
.slides-navigation a.prev {
left: 0;
}
.slides-navigation a.next {
right: 0;
}
.slides-pagination {
position: absolute;
z-index: 3;
bottom: 0;
text-align: center;
width: 100%;
}
.slides-pagination a {
border: 2px solid #222;
border-radius: 15px;
width: 10px;
height: 10px;
display: -moz-inline-stack;
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
zoom: 1;
*display: inline;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR4nGP6zwAAAgcBApocMXEAAAAASUVORK5CYII=);
margin: 2px;
overflow: hidden;
text-indent: -100%;
}
.slides-pagination a.current {
background: #222;
}.mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1042;
overflow: hidden;
position: fixed;
background: #0b0b0b;
opacity: 0.8;
filter: alpha(opacity=80); }
.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1043;
position: fixed;
outline: none !important;
-webkit-backface-visibility: hidden; }
.mfp-container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 8px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
.mfp-container:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle; }
.mfp-align-top .mfp-container:before {
display: none; }
.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 1045; }
.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
width: 100%;
cursor: auto; }
.mfp-ajax-cur {
cursor: progress; }
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: -moz-zoom-out;
cursor: -webkit-zoom-out;
cursor: zoom-out; }
.mfp-zoom {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in; }
.mfp-auto-cursor .mfp-content {
cursor: auto; }
.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none; }
.mfp-loading.mfp-figure {
display: none; }
.mfp-hide {
display: none !important; }
.mfp-preloader {
color: #cccccc;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -0.8em;
left: 8px;
right: 8px;
z-index: 1044; }
.mfp-preloader a {
color: #cccccc; }
.mfp-preloader a:hover {
color: white; }
.mfp-s-ready .mfp-preloader {
display: none; }
.mfp-s-error .mfp-content {
display: none; }
button.mfp-close, button.mfp-arrow {
overflow: visible;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
display: block;
outline: none;
padding: 0;
z-index: 1046;
-webkit-box-shadow: none;
box-shadow: none; }
button::-moz-focus-inner {
padding: 0;
border: 0; }
.mfp-close {
width: 44px;
height: 44px;
line-height: 44px;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: 0.65;
padding: 0 0 18px 10px;
color: white;
font-style: normal;
font-size: 28px;
font-family: Arial, Baskerville, monospace; }
.mfp-close:hover, .mfp-close:focus {
opacity: 1; }
.mfp-close:active {
top: 1px; }
.mfp-close-btn-in .mfp-close {
color: #333333; }
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
color: white;
right: -6px;
text-align: right;
padding-right: 6px;
width: 100%; }
.mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #cccccc;
font-size: 12px;
line-height: 18px; }
.mfp-arrow {
position: absolute;
opacity: 0.65;
margin: 0;
top: 50%;
margin-top: -55px;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.mfp-arrow:active {
margin-top: -54px; }
.mfp-arrow:hover, .mfp-arrow:focus {
opacity: 1; }
.mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
margin-top: 35px;
margin-left: 35px;
border: medium inset transparent; }
.mfp-arrow:after, .mfp-arrow .mfp-a {
border-top-width: 13px;
border-bottom-width: 13px;
top: 8px; }
.mfp-arrow:before, .mfp-arrow .mfp-b {
border-top-width: 21px;
border-bottom-width: 21px; }
.mfp-arrow-left {
left: 0; }
.mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
border-right: 17px solid white;
margin-left: 31px; }
.mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
margin-left: 25px;
border-right: 27px solid #3f3f3f; }
.mfp-arrow-right {
right: 0; }
.mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
border-left: 17px solid white;
margin-left: 39px; }
.mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
border-left: 27px solid #3f3f3f; }
.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px; }
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 900px; }
.mfp-iframe-holder .mfp-close {
top: -40px; }
.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%; }
.mfp-iframe-scaler iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: black; } img.mfp-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 40px 0 40px;
margin: 0 auto; } .mfp-figure {
line-height: 0; }
.mfp-figure:after {
content: '';
position: absolute;
left: 0;
top: 40px;
bottom: 40px;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #444444; }
.mfp-figure small {
color: #bdbdbd;
display: block;
font-size: 12px;
line-height: 14px; }
.mfp-figure figure {
margin: 0; }
.mfp-bottom-bar {
margin-top: -36px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto; }
.mfp-title {
text-align: left;
line-height: 18px;
color: #f3f3f3;
word-wrap: break-word;
padding-right: 36px; }
.mfp-image-holder .mfp-content {
max-width: 100%; }
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer; }
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { .mfp-img-mobile .mfp-image-holder {
padding-left: 0;
padding-right: 0; }
.mfp-img-mobile img.mfp-img {
padding: 0; }
.mfp-img-mobile .mfp-figure { }
.mfp-img-mobile .mfp-figure:after {
top: 0;
bottom: 0; }
.mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px; }
.mfp-img-mobile .mfp-bottom-bar {
background: rgba(0, 0, 0, 0.6);
bottom: 0;
margin: 0;
top: auto;
padding: 3px 5px;
position: fixed;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
.mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0; }
.mfp-img-mobile .mfp-counter {
right: 5px;
top: 3px; }
.mfp-img-mobile .mfp-close {
top: 0;
right: 0;
width: 35px;
height: 35px;
line-height: 35px;
background: rgba(0, 0, 0, 0.6);
position: fixed;
text-align: center;
padding: 0; } }
@media all and (max-width: 900px) {
.mfp-arrow {
-webkit-transform: scale(0.75);
transform: scale(0.75); }
.mfp-arrow-left {
-webkit-transform-origin: 0;
transform-origin: 0; }
.mfp-arrow-right {
-webkit-transform-origin: 100%;
transform-origin: 100%; }
.mfp-container {
padding-left: 6px;
padding-right: 6px; } }
.mfp-ie7 .mfp-img {
padding: 0; }
.mfp-ie7 .mfp-bottom-bar {
width: 600px;
left: 50%;
margin-left: -300px;
margin-top: 5px;
padding-bottom: 5px; }
.mfp-ie7 .mfp-container {
padding: 0; }
.mfp-ie7 .mfp-content {
padding-top: 44px; }
.mfp-ie7 .mfp-close {
top: 0;
right: 0;
padding-top: 0; }
 .darker .header {background: #000; background-color: rgba(0,0,0,0.85);}
.darker .logo,.darker .menu a,.darker .highlight {color: #f4f4f4;}
.darker .slider-logo{border-color: #404040;}
.darker .dark,.darker .progress-bar,.darker .q-spacer,.darker .peThemeContactForm .controls .span9{background: #252525;}
.darker .dark:after {border: 30px solid #252525;}
.darker .light,.darker .t-data,.darker .f-info,.darker .folio-btn,.darker .btn-featured:hover,.darker .color-picker,.darker .socialFooter {background: #000;}
.darker .controller ul li,.darker .controller-2 ul li{background: #252525; border: 2px solid #252525;}
.darker .prev-featured {background: url(//formworkcompany.co.uk/wp-content/themes/Solido/css/color/img/f-prev-dark.png) no-repeat #000;}
.darker .next-featured {background: url(//formworkcompany.co.uk/wp-content/themes/Solido/css/color/img/f-next-dark.png) no-repeat #000;}
.darker .sl-ico {background-image: url(//formworkcompany.co.uk/wp-content/themes/Solido/css/color/img/sl-icons-dark.png);} .darker .f-ico{background-image: url(//formworkcompany.co.uk/wp-content/themes/Solido/css/color/img/facts-dark.png);}
.darker .t-name,.darker .f-info,.darker .title.one,.darker .sl-title,.darker .color-picker .pickerTitle,.darker .title-project {color: #fff;}
.darker .bottom-line {border-bottom: solid 1px #252525;}
.darker .project-content .img-project:first-child {border-top: solid 1px #252525;}
.darker .slider-logo,.darker .info-skills,.darker .ch-grid div span{color: #000;}
.darker .sl-ico:hover, .darker .color-picker .picker-btn {background-color: #000 !important;}
.darker .car-prev,.darker .car-next,.darker .car-prev-2,.darker .car-next-2 {background-image: url(//formworkcompany.co.uk/wp-content/themes/Solido/css/color/img/c-arrows-dark.png);}
.darker #nav2 > a {background: url(//formworkcompany.co.uk/wp-content/themes/Solido/css/color/img/menu-icon-wht.png) no-repeat;}
.darker .contour-btn:hover {background: #252525 !important;}
.darker .controller-3 ul li {border: 2px solid #000; background: #000;}
.darker .buy-logo span{background: url(//formworkcompany.co.uk/wp-content/themes/Solido/css/color/img/play-ico-dark.png) no-repeat;}
.darker .p-category{background-position: -44px -88px}
.darker .ts{opacity: 1;}
.darker .w-arrows div{border-color: #444;}
.darker .socialFooter .copy{color: #444;}
.darker .nav-work .w-prev{background-position: bottom left;}
.darker .nav-work .w-next{background-position: top left;}
.darker h1, .darker h2, .darker h3, .darker h4, .darker h5, .darker h6, .darker .post-title a {color:#f4f4f4 !important;}
.darker #reply-title, .darker .cat-item, .darker .recentcomments, .darker .comment-body, .darker .post {border-color: #252525}
 .blue .prev-featured:hover,.blue .next-featured:hover,.blue .s-ico,.blue .sl-ico,.blue .progress-bar .skill-in,.blue .ch-grid,.blue .f-ico,.blue .car-prev,.blue .car-next,.blue .car-prev-2,.blue .car-next-2,.blue .scrollup,.blue .list-dot,.blue .p-two {background-color: #a8d5ac !important;}
.blue .menu a:hover,.blue #nav .current a,.blue .f-image .f-category,.blue .t-photo .f-category,.blue .half-content a,.blue .contour-btn:hover, .blue .second-title span {color: #a8d5ac !important;}
.blue .f-image .f-category {background-position: -264px 0;}
.blue .t-photo .f-category {background-position: 0 -44px;}
.blue .f-single:hover .f-info,.blue .btn-featured,.blue .spacer,.blue .folio-btn:hover,.blue .p-roll,.blue .contour-btn,.blue .folio-btn.selected,.blue .t-spacer,.blue .t-element:hover .t-data,.blue .logo span span{background: #a8d5ac;}
.blue .logo span{background: #a8d5ac; background: rgba(76,221,243,0.5);}
.blue .controller ul li:hover,.blue .selected,.blue .controller-2 ul li:hover,.blue .controller-3 ul li:hover{border: 2px solid #a8d5ac !important; background: #a8d5ac !important;}
.blue .buy-logo{border-color: #a8d5ac;}
.blue ::selection{background-color: #a8d5ac;}
.blue.page-template-blog-php a {color:#a8d5ac;}
.blue.single-post a {color:#a8d5ac;}
.blue.archive a, .blue.search-results a {color:#a8d5ac;}
.blue .post .date {border-bottom-color:#a8d5ac }
.blue .comment-reply-link, .blue #respond input[type=submit] {background: #a8d5ac;}
.blue span.wpcf7-not-valid-tip {color:#a8d5ac;}
.blue .visit-site {background:#a8d5ac;}
.blue.single .menu ul li.blog a, .blue.archive .menu ul li.blog a, .blue.search-results .menu ul li.blog a {color: #a8d5ac !important;}