/* cmsms stylesheet: mainstyles modified: 07/09/25 08:06:07 */
.clear,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}a,abbr,acronym,address,applet,big,blockquote,body,caption,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,iframe,ins,kbd,l#supplementary.three .widget-area2abel,legend,li,object,ol,p,pre,q,s,samp,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,ul,var{border:0;font-family:inherit;font-size:100%;font-style:inherit;font-weight:inherit;margin:0;outline:0;padding:0}:focus{outline:0}body{background:#3F503D}ol,ul{list-style:none}table{border-collapse:separate;border-spacing:0}caption,td,th{font-weight:400;text-align:left}blockquote::after,blockquote::before,q::after,q::before{content:""}blockquote,q{quotes:"" ""}a img{border:0}input,textarea{-webkit-appearance:none;-webkit-border-radius:0;border-radius:0}.clear{clear:both;overflow:hidden;visibility:hidden;width:0;height:0}body{padding:0px}
/* --- GENERAL --- */
body,input,textarea{font-family:Arial,Verdana, Helvetica, Tahoma, sans-serif;font-size:15px;font-weight:normal;line-height:27px;background-color:#ffffff;color:#000;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}
h1,h2,h3,h4,h5,h6{font-family: Arial,Verdana, Helvetica, Tahoma, sans-serif;font-weight:normal;color:#373c3e}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{color:inherit}
h1{font-size:32px;line-height:34px;margin-bottom:14px}
h2{font-size:24px;line-height:28px;margin-bottom:5px;color:#004b2d}
h3{font-size:24px;line-height:26px;margin-bottom:15px} 
h4{line-height:22px;margin: 20px 0px 10px} 
h5{font-size:17px;line-height:19px}						
h6{font-size:30px;line-height:15px;color:#f7941e}
hr{background:transparent url(/uploads/cm/line.png) repeat-x bottom left;border:0;height:1px;margin-top:20px;margin-bottom:40px}
p{margin-bottom:10px;color:#666666;font-size:16px;line-height:22px}
.ctaformoreinfo{font-size:12px;line-height:14px;font-family:arial;font-weight:normal;font-style:normal;color:#808285;padding:0px;margin:0px}
.ctanumber{font-size:30px;line-height:38px;color:#808285;font-family:arial;font-weight:bold;font-style:normal;padding:0px;margin:0px}
ul, ol{margin:0 0 20px 0;list-style-position:inside}
ol li{color:#666666;font-size:16px;line-height:22px;margin-bottom:10px}
ul{list-style:none}
ul li{background:transparent url(/uploads/cm/dark-bullet.png) no-repeat left 13px;padding-left:15px;color:#666666;font-size:16px;line-height:22px;margin-bottom:10px}
ol{list-style-type:decimal}ol ol{list-style:upper-alpha}ol ol ol{list-style:lower-roman}ol ol ol ol{list-style:lower-alpha}ul ul, ol ol, ul ol, ol ul{margin-bottom:0}
strong{font-weight:bold}
cite, em, i{font-style:italic}
blockquote{margin:0 0 20px 0;font-size:15px;border-left:5px solid #ededed;padding-left:20px}
pre{background:#f4f4f4;font: 13px "Courier 10 Pitch", Courier, monospace;line-height:1.5;margin-bottom:40px;overflow:auto;padding:0.75em 20px}
code,kbd{font:13px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace}
abbr, acronym, dfn{border-bottom:1px dotted #666;cursor:help}
address{display:block;margin:0 0 40px}
ins{background:#fff9c0;text-decoration:none}
sup,sub{font-size:10px;height:0;line-height:1;position:relative;vertical-align:baseline}
sup{bottom:1ex}
sub{top:.5ex}
.dropcap{
display:block;
float:left;
font-size:45px;
padding:0;
margin:15px 8px 0 0;
text-transform:uppercase;
font-family:Arial,Verdana, Helvetica, Tahoma, sans-serif;
}
.lite1{color:#173C2A;border-bottom:1px dotted #173C2A}
.lite2{border-bottom:1px dotted #173C2A}
.download-box, .warning-box, .info-box, .content-box, .content-box-right, .note-box{
clear:both;
margin:0 0 10px 0;
text-shadow:none;
padding:4% 6% 15px 6%;
line-height:20px
}
.content-box{
background:transparent;
color:#444;
border-width:0px;
border-style:solid ;
border-color:#aaa
}
.content-box img{margin:5px auto;padding:0px auto}
.side-box{
background:transparent;
color:#444;
border-width:0px;
border-style:solid ;
border-color:#aaa;
padding:0px
}
.side-box img{margin:0px auto;padding:0px auto}
div.right-c2a{background-color:#20327e;padding:7px;border-radius:10px}
div.right-c2a h2{
text-align:center;
margin:0;
color:#ffffff;
font-family:SerpentineSerifEF-BoldIta;
font-weight:normal;
font-style:normal;
font-size:20px;
line-height:26px
}
div.right-c2a h2 strong{font-size:17px}
div.right-c2a + p{margin:5px 0px;text-align:center}
#formarea{height:150px;padding-left:20px}
.logos-box{
background:#FFFFFF;
color:#444;
border-width:0px 1px 1px 0px;
border-style:solid ;
border-color:#aaa;
padding:15px
}
.logo-box{width:20%;float:left;text-align:center;margin:5px 0px}
.logo-box img{height:85px}
.convincers{background:#198bd1;padding:8px;color:#ffffff;border-radius:10px}
.convincers ul{margin:0 0 5px 0}
.convincers ul li{
background:url("/uploads/ajb/tick-2.png") no-repeat scroll left 4px rgba(0, 0, 0, 0);
list-style:outside none none;
padding:0 0 5px 30px;
font-size:16px;
line-height:18px
}
.convincers ul li div{display:table-cell;vertical-align:middle;height:32px}
.content-box-right{
background:#F4F4F4;
color:#444;
border-width:0px 3px 2px 0px;
border-style:solid ;
border-color:#aaa;
}
.info-box{background:#c2ddf9;border:1px solid #80bbef;color:#4783b7}
.warning-box{background:#ffcccc;border:1px solid #ff9999;color:#c31b00}
.download-box{background:#d1f7b6;border:1px solid #8bca61;color:#5e9537}
.note-box{background:#fdebae;border:1px solid #e6c555}
a{color:#373c3e;text-decoration:none;-webkit-transition:all 200ms ease-in;-o-transition:all 200ms ease-in;-moz-transition:all 200ms ease-in;transition:.2s}
a:hover{text-decoration:none}
a.button,input#submit,.forms fieldset .btn-submit {
background:#555 url(/uploads/cm/button-bg.png) repeat-x;
height:28px;
display:inline-block;
padding:0 17px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
border:1px solid #383838;
color:#fff;
cursor:pointer;
-webkit-transition:all 200ms ease-in;
-o-transition:all 200ms ease-in;
-moz-transition:all 200ms ease-in;
transition:.2s;
font-size:12px;
line-height:25px;
}
input#submit{font-size:12px;height:30px;padding-bottom:5px}
.alignleft{display:inline;float:left;margin-right:20px}
.alignright{display:inline;float:right;margin-left:20px}
.aligncenter{clear:both;display:block;margin-left:auto;margin-right:auto}
img{max-width:100%;height:auto}
.map.full{margin:0 -40px}
.map iframe{max-width:100%}
.map, .media{margin-bottom:20px}
img.alignleft,img.alignright,img.aligncenter{margin-bottom:20px}
.intro{
font-family:'MerriweatherRegular';
font-size:20px;
line-height:32px;
color:#a0a0a0;
text-align:center;
margin-top:-9px;
margin-bottom:40px;
padding-bottom:40px;
background:transparent url(/uploads/cm/line.png) repeat-x center bottom
}
/*-- COLUMNS --*/
.one-half{width:48%}
.one-third{width:30.66%}
.two-third{width:65.33%}
.one-fourth{width:21.4%;margin:0;padding:0 1%;display:inline-block;vertical-align:top}
.one-fourth img{width:70%;max-width:100px}
.one-fifth{width:17.8%}
.two-fifth{width:37.6%}
.three-fifth{width:58.4%}
.four-fifth{width:67.2%}
.one-sixth{width:13.33%}
.five-sixth{width:82.67%}
.one-half, .one-third, .two-third, .three-fourth, .one-fourth, .one-fifth, .two-fifth, .three-fifth, .four-fifth, .one-sixth, .five-sixth{position:relative;margin-right:1.75%}
.three-fourth{width:74%;margin-right:0%}
.one-third-right{position:relative;width:30.66%;margin-left:1.75%;float:right}
.last{margin-right:0 !important}
/*-- STRUCTURE --*/
#primary{
width:100%;
padding-top:0px;
padding-bottom:30px;
margin-top:0px
}
#page{
-webkit-box-shadow:0px 0px 8px 2px rgba(0, 0, 0, 0.25);
box-shadow:0px 0px 8px 2px rgba(0, 0, 0, 0.25);
max-width:1090px;
margin:0 auto;
border-top:0px solid #9B9B9B
}
#wrapper{
background:#ffffff;
border:0;
-moz-box-shadow:inset 0 0 25px 0 rgba(0,0,0,0.15);
-webkit-box-shadow:inset 0 0 25px 0 rgba(0,0,0,0.15);
box-shadow:inset 0 0 25px 0 rgba(0,0,0,0.15);
overflow:hidden
}
#content{margin:0px;width:auto}
#main{clear:both;padding:0 0 0 0;background:#fff}
#site-title{padding:8px 0 0}
#site-title a{
color:#ffffff;
font-size:14px;
line-height:18px;
text-decoration:none;
display:block;
position:relative;
z-index:2001
}
#site-title a img {
vertical-align:bottom;
height:80px;
margin-top:5px
}
#site-title a:hover{color:#585858}
#branding .header-image,#branding .header-image3{margin:0 -1px -1px -1px}
#branding .header-image img,#branding .header-image3 img{height:auto;width:100%;display:block}
.ctaform{height:300px}
.callus{
position:absolute;
top:30px;
right:39px;
min-width:500px;
color:#585759;
font-size:20px;
font-family:Verdana, Helvetica, Tahoma, Arial, sans-serif;
text-align:right
}
.social{position:absolute;top:51px;right:39px;min-width:500px}
.col1{padding:45px 30px 5px 0;float:right;height:100%}
.col3{padding:10px 30px 5px 0;display:inline-block;height:100%;text-align:left;width:30%}
.social ul{float:right;list-style:none}
.social ul li{
float:left;
margin-right:5px;
padding:0;
background:none
}
.social ul li img{display:block}
form#searchform{width:300px}
.no-results form#searchform{padding:10px 0 0 0}
form#searchform::after{
content:'';
display:block;
height:0;
clear:both;
visibility:hidden
}
input#searchsubmit{
float:right;
border:none;
background:#404040 url(/uploads/cm/icon-search.png) center center no-repeat;
height:25px;
width:25px;
text-indent:-99999px;
cursor:pointer
}
input#s{
height:21px;
padding:0 5px 2px 5px;
width:264px;
background-color:transparent;
border:1px solid #a3a3a3;
border-right:0;
color:#a0a0a0;
font-family:'MerriweatherRegular';
font-size:12px;
display:block;
float:left
}
.social .widget_search .search-text-box{
-moz-transition:400ms width ease;
-webkit-transition-duration:400ms;
-webkit-transition-property:width;
-webkit-transition-timing-function:ease;
-o-transition-duration:400ms;
-o-transition-property:width;
-o-transition-timing-function:ease;
height:21px;
padding:0 5px 2px 5px !important;
width:45px;
background-color:transparent;
border:1px solid #a3a3a3;
border-right:0;
color:#a0a0a0;
float:right;
font-family:'MerriweatherRegular';
font-size:12px
}
.social input.search-submit-button{
float:right;
border:none;
background:#404040 url(/uploads/cm/icon-search.png) center center no-repeat;
height:25px;
width:25px;
text-indent:-99999px;
cursor:pointer
}
.social .widget_search .search-text-box:focus{width:150px}
/*-- NIVO SLIDER --*/
div#nivo-wrapper{box-shadow:0px 5px 10px 2px rgba(50,50,50,0.45);height:275px}
.nivoSlider{position:relative}
.nivoSlider img{position:absolute;top:0px;left:0px}
.nivo-main-image{display:block !important;position:relative !important;width:100% !important}
.nivoSlider a.nivo-imageLink{
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
border:0;
padding:0;
margin:0;
z-index:6;
display:none;
background-color:#fff; 
filter:alpha(opacity=0); 
opacity:0;
-webkit-opacity:0;
-moz-opacity:0;
-khtml-opacity:0
}
.nivo-slice{display:block;position:absolute;z-index:5;height:100%;top:0}
.nivo-box{display:block;position:absolute;z-index:5;overflow:hidden}
.nivo-box img {display:block}
.nivo-caption{
position:absolute;
left:0px;
bottom:0px;
background:#404040;
color:#fff;
font-size:18px;
text-align:center;
width:100%;
z-index:8;
padding:5px 30px;
opacity:0.8;
overflow:hidden;
display:none;
-moz-opacity:0.8;
filter:alpha(opacity=8);
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
.nivo-caption p{padding:5px;margin:0}
.nivo-caption a{display:inline !important}
.nivo-html-caption{display:none}
.nivo-directionNav a{position:absolute;top:45%;z-index:9;cursor:pointer}
.nivo-prevNav{left:0px;display:none}
.nivo-nextNav{right:0px;display:none}
.nivo-controlNav{text-align:center;padding:0;position:absolute;top:-40px;-index:80}
.nivo-controlNav a{cursor:pointer}
.nivo-controlNav a.active{font-weight:bold}
/*-- CONTENT --*/
.hentry{position:relative}
.hentry footer.entry-meta{display:none}
.no-results{margin-bottom:40px}
.page-title{text-align:center;margin:0 0 30px 0}
.entry-header{text-align:left}
.entry-title{color:#173C2A;margin:0 0 10px 0;font-size:28px}
.entry-title,.entry-title a{color:#173C2A;text-decoration:none}
.entry-title a:hover{color:#585858}
.entry-title span.featured-format{
background:url(/uploads/cm/icon-featured.png) no-repeat center center;
display:inline-block;
text-indent:-9999px;
width:7px;
height:20px;
margin-top:-10px;
margin-right:10px;
}
#content-area1 .one-fourth p{
margin-top:0;
font-size:16px;
line-height:26px;
color:#76797b
}
#content-area1 .one-fourth p.catname{
margin-top:0;
margin-bottom:10px;
font-size:19px;
line-height:25px;
color:#373c3e;
font-weight:bold
}
.service-icons{margin-top:-50px}
.service-icons a{
background-repeat:no-repeat;
background-size:50%;
background-position:center center;
color:#373c3e;
display:block;
font-family:'Raleway', arial, sans-serif;
font-size:18px;
font-weight:bold;
line-height:25px;
margin:0 auto;
min-width:200px;
max-width:280px;
padding:220px 0 0;
transition: all 0.25s ease-in 0s ;
width:100%;
}
.service-icons .webdev a{background-image:url(/uploads/images/icon-wd.png)}
.service-icons .sem a{background-image:url(/uploads/images/icon-sem.png)}
.service-icons .dmark a{background-image:url(/uploads/images/icon-dm.png)}
.service-icons .design a{background-image:url(/uploads/images/icon-db.png)}
.service-icons a:hover{background-size:60%;color:#f7941e}
.service-icons .one-fourth:hover a{background-size:60%;color:#f7941e}
.service-icons .one-fourth {transition:all 0.2s ease-in-out 0s;}
.service-icons:hover .one-fourth{opacity:0.5}
.service-icons .one-fourth:hover{opacity:1}
/*-- FOOTER --*/
#colophon{clear:both;margin:0px}
#colophon h4{color:#b2c4ef}
#supplementary{padding:20px 0% 0;overflow:hidden;border-top:0px solid #198bd1;border-bottom:0px solid #198bd1}
#supplementary.two .widget-area{float:left;margin-right:3.7%;width:48.1%}
#supplementary.two .widget-area + .widget-area{margin-right:0}
#supplementary.three .widget-area{float:left;margin-right:5%;width:22.5%;min-width:182px}
#supplementary.three .widget-area2{float:left;margin-right:5%;width:27.5%;min-width:240px}
#supplementary.three .widget-area3{float:left;margin-right:0%;width:25%;min-width:160px}
#supplementary.three .widget-area + .widget-area + .widget-area{margin-right:0}
#supplementary.four .widget-area{float:left;margin-right:3.7%;width:22.2%}
#supplementary.four .widget-area + .widget-area + .widget-area + .widget-area{margin-right:0}
#social-footer{display:none;width:100%;text-align:left}
/*-- WIDGETS --*/
.widget{
clear:both;
margin:0 0 2.2em;
color:#20327e;
font-family:SerpentineSerifEF-BoldIta;
font-weight:normal;
font-style:normal;
font-size:12px
}
.widget-title{font-weight:normal;margin-bottom:15px}
.widget ul{margin:0}
.widget ul ul{margin-left:1.5em}
.widget ul li{background-image:url(/uploads/cm/light-bullet.png)}
.widget a{text-decoration:none;color:#999}
.widget a:hover{color:#fff}
#supplementary .widget-area{position:relative}
#supplementary .widget-area form#searchform{width:auto}
#supplementary .widget-area input#s{background-color:#111;font-size:14px;height:28px;padding:3px 10px 5px;border:none;display:block;width:95%}
#supplementary input#searchsubmit{display:none}
.widget_image img{height:auto;max-width:100%}

#fixedheader{width:100%;height:100px;position:fixed;background:#f7941e;color:#ffffff;z-index:2000;border-bottom:2px solid #ffffff}
#fixed-header{
  width:100%;
  height:50px;
  margin-top:42px;
  position:absolute;
  background:transparent;
  z-index:2000
}
#fixed-header.sticky {
  background:#0c171a;
  position:fixed;
  margin-top:0;
  left:0
}
#fixedheader2{width:100%;height:100px;padding:10px 0px;position:fixed;background:#faa71f;color:#ffffff;z-index:2000}
#branding{
  position:relative;
  z-index:9999;
  width:100%;
  max-width:1100px;
  margin:0px auto
}
#branding #site-title{
  margin:0px;
  width:210px;
  float:left;
  text-align:left;
  padding:5px
}
div.header-image{
  transition:all 0s ease 0s;
  background-size:100% 100%;
  position:relative;
  height:800px;
  width:100%;
  display:block;
  top:100px;
  margin-bottom:100px;
  box-shadow:0px rgba(0, 0, 0, 0);
  background-repeat:no-repeat;
  background-position:center top
}
div.headerimage{
  transition:all 0s ease 0s;
  background-size:100% 100%;
  position:relative;
  height:825px;
  width:100%;
  display:block;
  top:0px;
  box-shadow:0px rgba(0, 0, 0, 0);
  background-repeat:no-repeat;
  background-position:center top;
  background:#0c171a
}
div.headerimage img.header-bg-img{height:100%;width:100%}
div.headerimage img.mobile-header-bg-img{height:100%;width:100%;display:none}
div.headerimage img.mobile-header-bg-img2{height:100%;width:100%;display:none}
div.header-image2{
  background-position:center bottom;
  background-size:cover;
  position:relative;
  height:500px;
  width:100%;
  display:block;
  top:120px;
  margin-bottom:120px;
  box-shadow:0px rgba(0, 0, 0, 0)
}
div.header-image3{
  background-position:center center;
  background-size:cover;
  position:relative;
  height:800px;
  width:100%;
  display:block;
  top:100px;
  margin-bottom:100px;
  box-shadow:0px rgba(0, 0, 0, 0)
}
#top-white-grass{width:100%;margin-top:-35px;z-index:99;position:relative;background-image:url("/uploads/cm/white-grass.png");background-position:top;background-size:cover;height:50px}
#header-img{background:url("/uploads/cm/header-bg-image.jpg") repeat scroll 100% center}
#header-img2{background:url("/uploads/cm/header-bg-image2.jpg") repeat scroll 100% center}
#header-img-big{background:url("/uploads/cm/header-bg-image7.jpg") repeat scroll 100% center}
#header-office{background:url("/uploads/cm/header-office-pic.jpg") repeat scroll 100% center}
#header-webdesign{background:url("/uploads/cm/header-webdesign.jpg") repeat scroll 100% center}
#header-seo{background:url("/uploads/cm/header-seo.jpg") repeat scroll 100% center}
#header-ppc{background:url("/uploads/cm/header-ppc.jpg") repeat scroll 100% center}
#header-about{background:url("/uploads/cm/header-about.jpg") repeat scroll 100% center}
#header-it{background:url("/uploads/cm/header-it.jpg") repeat scroll 100% center}
#header-print{background:url("/uploads/cm/header-print.jpg") repeat scroll 100% center}
#header-social{background:url("/uploads/cm/header-social.jpg") repeat scroll 100% center}
#header-news{background:url("/uploads/cm/header-news.jpg") repeat scroll 100% center}
#header-conversion{background: url("/uploads/cm/header-conversion.jpg") repeat scroll 100% center}
#header-arcon{background:url("/uploads/cm/header-arcon.jpg") repeat scroll 100% center}
#header-interestingpoint{background:url("/uploads/cm/interesting-background.jpg") repeat scroll 100% center}
#header-booker{background:url("/uploads/cm/booker-background.jpg") repeat scroll 100% center}
#header-theoaks{background:url("/uploads/cm/theoaks-background.jpg") repeat scroll 100% center}
#header-dlc{background:url("/uploads/cm/dlc-background.jpg") repeat scroll 100% center}
#header-vitalis{background:url("/uploads/cm/vitalis-background.jpg") repeat scroll 100% center}
#header-mtt{background:url("/uploads/cm/mttnew.jpg") repeat scroll 100% center}
#header-enabling{background:url("/uploads/cm/enabling-background.png") repeat scroll 100% center}
#header-ics{background:url("/uploads/cm/ics-background.jpg") repeat scroll 100% center}
#header-shoothebull{background:url("/uploads/cm/shoothebull-background.jpg") repeat scroll 100% center}
#header-collective{background:url("/uploads/cm/collective-background.jpg") repeat scroll 100% center}
#header-bg-1{background: #04070c url("/uploads/cm/header-bg1.jpg") repeat scroll 100% center}
#header-bg-dm{background:#04070c url("/uploads/cm/header-bg-dm.jpg") repeat scroll 100% center}
#contact-header{
  background:#e5e3df;
  position:relative;
  height:500px;
  width:100%;
  display:block;
  top:100px;
  margin-bottom:100px
}
div.telicon{
  background:transparent url(/uploads/cm/phone.png) no-repeat left 5px;
  padding-left:70px;
  color:#373c3e;
  font-size:30px;
  font-family:"Raleway",arial,sans-serif;
  line-height:44px;
  margin-bottom:20px;
  text-align:left;
  display:block;
  margin:0px auto 30px;
  width:220px
}
div.emailicon{
  background:transparent url(/uploads/cm/email.png) no-repeat left 5px;
  padding-left:80px;
  color:#373c3e;
  font-size:24px;
  font-family:"Raleway",arial,sans-serif;
  line-height:44px;
  margin-bottom:20px;
  text-align:left;
  display:block;
  margin:auto;
  width:320px
}
#header-video-content{
  width:100%;
  margin:0 auto;
  display:block;
  position:absolute;
  top:0
}
#header-image-content{
  width:100%;
  margin:0 auto;
  max-width:1200px;
  display:block;
  position:relative
}
div.logo-nav-row{
  display:block;
  margin:20px auto 0;
  width:100%;
  max-width:1200px
}
div.logo-nav-row #site-title{
  margin:0px;
  width:280px;
  float:left;
  text-align:left;
  padding:5px
}
div.logo-nav-row #site-title a img{vertical-align:bottom;height:110px;margin-top:5px}
#header-image-content2{
  width:100%;
  margin:0 auto;
  max-width:1100px;
  display:block;
  position:relative
}
#header-image-text{
  position:relative;
  width:91.5%;
  display:inline-block;
  padding:0px 4% 30px 4%;
  margin-top:40px;
  text-align:center;
  text-shadow:5px 5px 10px #000000
}
#header-image-text p{
  font-family:'Raleway', arial, sans-serif;
  font-size:19px;
  line-height:29px;
  font-weight:bold;
  color:#ffffff;
  margin:0 0 20px 0;
  letter-spacing:0px
}
#header-image-text p.header-heading{
  color:#ffffff;
  font-size:56px;
  line-height:66px;
  margin-top:0
}
#header-image-text p.header-paragraph{
  margin-top:0px;
  width:100%;
  max-width:1100px;
  margin:auto
}
#header-image-text h1.header-paragraph{
  font-size:19px;
  line-height:29px;
  margin-top:0px;
  padding-top:20px;
  width:100%;
  max-width:1100px;
  margin:auto
}
#header-image-text p strong{font-weight:inherit;color:#f7941e}
#header-image-text .orange{font-size:56px;line-height:66px;color:#f7941e;font-weight:normal;margin-bottom:0px}
#header-image-text p.heading{font-size:56px;line-height:66px;color:#ffffff;margin-bottom:35px}
#header-image-text h1{
  font-family:'Raleway', arial, sans-serif;
  font-size:56px;
  line-height:66px;
  font-weight:bold;
  color:#ffffff;
  letter-spacing:-1px;
  margin:0 0 20px;
  text-shadow:5px 5px 10px #000000
}
#header-image-text h1.header-paragraph {
  font-size:19px;
  line-height:29px;
  margin:0px;
  padding-top:20px;
  width:100%;
  max-width:1100px;
  margin:auto;
  letter-spacing:0px
}
#header-image-text .hit3-getintouch,#content-area1 .hit3-getintouch,#content-area3 .hit3-getintouch,#content-area4 .hit3-getintouch,#content-area6 .hit3-getintouch,#content-area5 .hit3-getintouch{
  border-color:#f7941e;
  border-radius:15px;
  border-style:solid;
  border-width:3px ;
  color:#fff;
  font-size:18px;
  font-weight:bold;
  letter-spacing:0px;
  padding:5px 25px 6px;
  cursor:pointer
}
#header-image-text .hit3-getintouch:hover,#content-area1 .hit3-getintouch:hover,#content-area3 .hit3-getintouch:hover,#content-area4 .hit3-getintouch:hover,#content-area6 .hit3-getintouch:hover,#content-area5 .hit3-getintouch:hover{background:#f7941e;border-color:#f7941e}
#content-area1 .hit3-getintouch{color:#373c3e}
#content-area1 .hit3-getintouch:hover{color:#ffffff}
p.getintouch:hover{text-shadow:5px 5px 10px #000000}
#header-image-text p.getintouch,#content-area1 p.getintouch{margin-top:50px}
#content-area3 p.getintouch{margin:-5px auto 75px}
#content-area5 p.getintouch{margin:30px 0}
#header-image-text2{
  background: rgb(0, 0, 0);
  background: rgba(0, 0, 0, 0.6);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000, endColorstr=#66000000);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000, endColorstr=#66000000)";
  position:relative;
  width:45%;
  display:inline-block;
  padding:30px 3% 30px 4%;
  margin-top:6%
}
#header-image-text2 p{
  font-family:'Raleway', arial, sans-serif;
  font-size:34px;
  line-height:40px;
  font-weight:bold;
  color:#faa71f;
  margin:0 0 20px 0;
  letter-spacing:1px
}
#header-image-text2 p strong{font-size:44px;line-height:50px;font-weight:bold;color:#ffffff}
#header-image-text3{
  position:relative;
  width:91.9%;
  display:inline-block;
  padding:30px 4% 30px 4%;
  margin-top:18%;
  text-align:center
}
p.foot{text-align:center}
.filter{width:100%;height:800px;background:RGBA(0, 0, 0, 0.3)}
#header-image-text3 p{
  font-family:'Raleway', arial, sans-serif;
  font-size:24px;
  line-height:32px;
  font-weight:normal;
  color:#ffffff;
  margin:0 0 20px 0;
  letter-spacing:1px;
  text-shadow:5px 5px 10px #000000
}
#header-image-text3 h1 {
  font-family:'Raleway', arial, sans-serif;
  font-size:74px;
  line-height:84px;
  font-weight:bold;
  color:#ffffff;
  letter-spacing:-1px;
  margin:0 0 20px;
  text-shadow:5px 5px 10px #000000
}
#header-image-text3 a.hit3-getintouch{
  background:#f7941e;
  border-color:#fff;
  border-image:none;
  border-radius:35px;
  border-style:solid;
  border-width:2px !important;
  color:#fff;
  font-size:18px !important;
  font-weight:bold;
  padding: 25px 57px !important
}
#header-image-text3 a.hit3-getintouch{
  background:#f7941e;
  border-color:#fff;
  border-image:none;
  border-radius:35px;
  border-style:solid;
  border-width:2px !important;
  color:#fff;
  font-size:18px !important;
  font-weight:bold;
  padding:25px 57px !important;
  animation-delay:1000ms;
  animation-duration:1000ms
}
#header-image-text3 a.hit3-getintouch:hover{background:#f7941e;border-color:#f7941e}
#header-contact-area{
  background:#faa71f;
  position:relative;
  width:45%;
  display:inline-block;
  padding:15px 3% 15px 4%;
  margin-top:15px
}
#header-contact-area p{
  font-family:'Raleway', arial, sans-serif;
  font-size:23px;
  line-height:29px;
  font-weight:bold;
  color:#ffffff;
  margin:0
}
#header-image-formarea{
  position:relative;
  width:290px;
  display:inline-block;
  vertical-align:top;
  margin-left:20%
}
#header-image-form{
  background:rgb(0, 0, 0);
  background:rgba(0, 0, 0, 0.4);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#44000000, endColorstr=#44000000);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#44000000, endColorstr=#44000000)";
  position:relative;
  width:90%;
  display:inline-block;
  padding:2% 5%
}
#header-image-callme{
  position:relative;
  display:inline-block;
  padding:3% 1.5%;
  background:#373c3e;
  width:97%
}
#header-image-callme p{
  font-family:'Raleway', arial, sans-serif;
  font-size:14px;
  line-height:20px;
  font-weight:normal;
  color:#ffffff;
  text-align:center;
  margin:0px;
  letter-spacing:0.5px
}
#header-image-callme strong{
  font-size:30px;
  line-height:36px;
  font-weight:normal;
  color:#ffffff;
  letter-spacing:0px
}
#header-image-phone{
  position:relative;
  margin-top:42.5%;
  display:inline-block;
  padding:3% 1.5%;
  background:#3592FA;
  width:97%;
  vertical-align:bottom
}
#header-image-phone p{
  font-family:'Raleway', arial, sans-serif;
  font-size:14px;
  line-height:20px;
  font-weight:normal;
  color:#ffffff;
  text-align:center;
  margin:0px;
  letter-spacing:0.5px
}
#header-image-phone strong{
  font-size:30px;
  line-height:36px;
  font-weight:normal;
  color:#ffffff;
  letter-spacing:0px
}
#header-image-phone strong a{color:#ffffff}
#mobile-formarea{display:none}
#mobile-form{
  background:rgb(0, 0, 0);
  background:rgba(0, 0, 0, 0.8);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#44000000, endColorstr=#44000000);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#44000000, endColorstr=#44000000)";
  position:relative;
  width:90%;
  display:inline-block;
  padding:2% 5%;
  height:260px
}
#mobile-callme {
  position:relative;
  display:inline-block;
  padding:3% 1.5%;
  background:#373c3e;
  width:97%
}
#mobile-callme p{
  font-family:'Raleway', arial, sans-serif;
  font-size:14px;
  line-height:20px;
  font-weight:normal;
  color:#ffffff;
  text-align:center;
  margin:0px;
  letter-spacing:0.5px
}
#mobile-callme strong{
  font-size:30px;
  line-height:36px;
  font-weight:normal;
  color:#ffffff;
  letter-spacing:0px
}
#content-area1{
  width:100%;
  background:#ffffff;
  display:block;
  margin-top:-80px;
  position:relative;
  padding:0px 0 40px;
  text-align:center;
  z-index:300
}
#content-area1 .newsbox {
  background-color: #f7941e;
  padding: 25px 5% 15px;
  margin: 20px 0 40px;
}
#content-area1 .newsbox p {
  color: #ffffff;
  margin: 0px 0px 10px;
  max-width: none;
  font-weight: bold;
  line-height: 1.5;
}

#content-area1 .wrapper{width:100%;margin:0 auto;max-width:1100px}
body.ourwork #content-area1 .wrapper{max-width:1600px}
span.orange{color:#f7941e}
#content-area1 h1,#content-area1 h2,#form-area-content h1,#form-area-content h2{
  font-family:'Raleway', arial, sans-serif;
  font-size:50px;
  line-height:60px;
  font-weight:bold;
  color:#373c3e;
  margin:0;
  margin-bottom:10px;
  letter-spacing:1px;
  text-align:center
}
.casestudy #content-area1 h2{font-size:38px;line-height:1.1;margin-bottom:25px}
#content-area1 p.heading{
  font-family:'Raleway', arial, sans-serif;
  font-size:50px;
  line-height:60px;
  font-weight:bold;
  color:#373c3e;
  margin:0;
  margin-bottom:10px;
  letter-spacing:1px;
  text-align:center
}
#content-area1 p.subheading,#content-area3 p.subheading,#content-area4 p.subheading,#content-area6 p.subheading,#content-area5 p.subheading,#content-area3 h3{
  font-family:'Raleway', arial, sans-serif;
  font-size:30px;
  line-height:40px;
  font-weight:bold;
  color:#f7941e;
  margin:0;
  margin-bottom:20px;
  letter-spacing:1px;
  text-align:center
}
#content-area1 p,#sections1 p,#sections2 p{
  font-family:'Raleway', arial, sans-serif;
  font-size:22px;
  line-height:1.6;
  font-weight:normal;
  color:#373c3e;
  max-width:38em;
  text-align:center;
  width:100%
}
#content-area1 ul,#sections1 ul,#sections2 ul{max-width:38em;margin:0 auto 20px;font-size:22px}
#content-area1 ul li,#sections1 ul li,#sections2 ul li{
  font-family:'Raleway', arial, sans-serif;
  font-size:22px;
  line-height:1.3;
  font-weight:normal;
  color:#373c3e;
  text-align:center;
  width:100%;
  padding:0
}
div.contactsection{
  display:inline-block;
  width:43.5%;
  padding:0% 3%;
  vertical-align:top
}
.contact-google-map{display:block;margin-bottom:100px}
.contact-google-map iframe{width:100%;max-width:1000px;border-radius:8px;border:1px solid #f7941e}
#sections1 li,#sections2 li{
  font-family:'Raleway', arial, sans-serif;
  font-size:19px;
  line-height:32px;
  font-weight:normal;
  color:#373c3e;
  margin-bottom:0px;
  text-align:left;
  list-style:none;
  background:url("/uploads/cm/tick-1.png") no-repeat scroll left 2px transparent;
  padding-left:40px
}
#sections1{
  width:30%;
  display:inline-block;
  margin-right:4%;
  font-family:'Raleway', arial, sans-serif;
  font-size:19px;
  line-height:32px;
  font-weight:normal;
  color:#373c3e;
  vertical-align:top;
  margin-bottom:30px
}
#sections2{
  width:30%;
  display:inline-block;
  margin-right:0;
  font-family:'Raleway', arial, sans-serif;
  font-size:19px;
  line-height:32px;
  font-weight:normal;
  color:#373c3e;
  vertical-align:top;
  margin-bottom:30px
}
#sections1 h4, #sections2 h4, #logo-sections h4{
  font-family:'Raleway', arial, sans-serif;
  font-size:20px;
  line-height:28px;
  font-weight:normal;
  color:#373c3e;
  margin:0px 0px 15px;
  letter-spacing:0px
}
#logo-sections{
  width:30%;
  display:inline-table;
  margin-right:0;
  margin-bottom:30px;
  margin-top:50px;
  vertical-align:middle
}
div.resources-section{
  display:inline-block;
  width:29%;
  margin:0 1.5% 30px;
  height:400px
}
div.resources-section a img{
  display:block;
  width:80%;
  max-width:255px;
  margin:0 auto;
  box-shadow:5px 5px 5px #808080; 
  transition:all 0.25s ease-in 0s
}
div.resources-section a:hover img{
  width:90%;
  max-width:285px;
  margin:-5% auto
}
div.case-study-block{
  display:inline-block;
  height:auto;
  width:28.5%;
  margin:0 1.5%
}
div.case-study-block .cs-logo img{width:100%;max-width:400px}
div.case-study-block .cs-logo.partnership img{padding-top:116px}
div.case-study-block .cs-logo.dlc img{padding-top:86px}
div.case-study-block .cs-logo.darwen img{padding-top:66px}
div.case-study-block .cs-logo.sealpump img{padding-top:110px}
div.case-study-block .cs-logo.durosil img{padding-top:36px}
div.image-box-section{
  width:100%;
  max-width:380px;
  border-radius:10px;
  border:5px solid #f7941e
}
div.image-box-section a{
  display:table;
  height:260px;
  width:90%;
  padding:0 5%;
  outline:0 none;
  position:relative;
  text-align:center;
  margin:auto
}
div.image-box-section a:hover{background-color:rgba(255, 255, 255, 0.9);transition:all 0.2s ease-in-out 0.1s}
div.image-box-section a img{
  text-align:center;
  margin-top:15%;
  position:relative;
  transition:all 0.2s ease-in-out 0.1s;
  width:100%;
  z-index:3; 
  margin-bottom:20px
}
div.image-box-section a:hover img{margin-top:13%;transition:all 0.2s ease-in-out 0.1s}
div.image-box-section a h5, div.image-box-section a span{
  color:#ffffff;
  font-weight:bold;
  font-size:32px;
  line-height:38px;
  font-family:"Raleway",arial,sans-serif;
  text-align:center;
  margin-top:17%;
  position:relative;
  transition:all 0.2s ease-in-out 0.1s;
  width:auto;
  z-index:3; 
  margin-bottom:0;
  display:block
}
div.image-box-section a br + span{display:inline}
div.image-box-section a:hover h5, div.image-box-section a:hover span{transition:all 0.2s ease-in-out 0.1s}
div.image-box-section a .view-case-study{
  color:#f7941e;
  border-radius:15px;
  font-size:18px;
  line-height:24px;
  font-family:"Raleway",arial,sans-serif;
  padding:5px 25px;
  opacity:0;
  text-transform:uppercase;
  transition:opacity 0.3s ease 0s, transform 0.4s ease 0s;
  margin:0 auto;
  width:170px
}
div.image-box-section a:hover .view-case-study{opacity:1}
div.image-box-section a .view-case-study2{
  color:#13292d;
  font-family:"Raleway",arial,sans-serif;
  font-size:28px;
  line-height:34px;
  padding:10px;
  opacity:0;
  transition:opacity 0.3s ease 0s, transform 0.4s ease 0s;
}
div.image-box-section a:hover .view-case-study2{opacity:1}
div.image-box-section a .v2-case{
  color:#fff;
  font-size:32px;
  font-family:"Raleway",arial,sans-serif;
  padding:10px;
  opacity:0;
  transition:opacity 0.2s ease 0s, transform 0.3s ease 0s
}
div.image-box-section a:hover .v2-case{opacity:1}
div.image-box-text{
  display:inline-block;
  overflow:hidden;
  height:auto;
  width:94%; 
  margin:0 3% 0;
  vertical-align:top
}
div.image-box-text a{
  border:3px solid #f7941e;
  border-radius:15px;
  padding:5px 25px;
  font-weight:bold
}
div.image-box-text a:hover{background:#f7941e;color:#ffffff;text-shadow:5px 5px 10px #000000}
#content-area4-text div.image-box-text p{color:#76797b;font-size:16px;line-height:36px;margin-bottom:15px}
#content-area4-text div.image-box-text p strong{color:#f7941e;font-size:22px}
#content-area6-text div.image-box-text p{color:#76797b;font-size:16px;line-height:26px;margin-bottom:15px}
#content-area6-text div.image-box-text p strong {color:#f7941e;font-size:22px}
#middle-image{
  background:url("/uploads/cm/header-bg-image.jpg") repeat fixed 0 0px rgba(0, 0, 0, 0);
  transition:all 0s ease 0s;
  background-size:cover;
  position:relative;
  height:auto;
  width:100%;
  display:inline-block;
  top:0;
  margin-bottom:0px;
  padding:0 0;
  text-align:center
}
#middle-image-content{
  background:rgb(0, 0, 0);
  background:rgba(0, 0, 0, 0.3);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#33000000, endColorstr=#33000000);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#33000000, endColorstr=#33000000)";
  width:94%;
  margin:0 auto;
  display:block;
  position:relative;
  padding:30px 3% 20px
}
#middle-image h3{
  font-family:'Raleway', arial, sans-serif;
  font-size:44px;
  line-height:54px;
  font-weight:normal;
  color:#ffffff;
  margin-bottom:5px;
  letter-spacing:1px
}
#middle-image p{
  font-family:'Raleway', arial, sans-serif;
  font-size:19px;
  line-height:32px;
  font-weight:normal;
  color:#ffffff;
  margin:0 0 20px;
  padding:0;
}
#sections1 h5, #sections2 h5{
  font-family:'Raleway', arial, sans-serif;
  font-size:20px;
  line-height:26px;
  font-weight:normal;
  color:#ffffff;
  margin:0px auto; 
  background:#f7941e;
  border-radius:5px;
  padding:6px 5%;
  width:200px
}
#sections1 a, #sections2 a{
  font-family:'Raleway', arial, sans-serif;
  font-size:20px;
  line-height:26px;
  font-weight:normal;
  color:#ffffff;
  margin:15px auto 0px; 
  background:#f7941e;
  border-radius:5px;
  padding:6px 5%;
  width:40%
}
#sections1 h4 a, #sections2 h4 a{
  color:#373c3e;
  margin:auto; 
  background:none;
  border-radius:0;
  width:auto;
  font-weight:bold;
  padding-top:75px;
  background-position:top center;
  background-repeat:no-repeat;
  display:block
}
#sections1 h4 a#team{background-image:URL("/uploads/cm/icons/seo-team.png")}
#sections1 h4 a#services{background-image:URL("/uploads/cm/icons/viral-marketing.png")}
#sections2 h4 a#cstudies{background-image:URL("/uploads/cm/icons/advertising.png")}
#sections1 h4 a:hover, #sections2 h4 a:hover{color:#f7941e;opacity:0.7}
#sections1 h5 a, #sections2 h5 a{color:#ffffff;padding:6px 2%;background:#f7941e}
#content-area2{
  width:86%;
  max-width:1100px;
  display:block;
  margin:0 auto;
  position:relative;
  padding:35px 7%;
  text-align:center
}
#content-area2 h3{
  font-family:'Raleway', arial, sans-serif;
  font-size:46px;
  line-height:56px;
  font-weight:normal;
  color:#373c3e;
  margin-bottom:30px;
  letter-spacing:1px
}
#content-area2 p{
  font-family:'Raleway', arial, sans-serif;
  font-size:19px;
  line-height:32px;
  font-weight:normal;
  color:#373c3e;
  margin-bottom:40px
}
#case-studies-area{
  position:relative;
  width:100%;
  display:block;
  text-align:center;
  background:#f7941e none repeat scroll 0 0
}
#case-studies-area#study{background:#fff}
#case-studies-area h3{
  font-family:'Raleway', arial, sans-serif;
  font-size:24px;
  color:#ffffff;     
  line-height:1;
  margin:0;
  padding:15px 0;
  font-weight:700
}
#case-studies-area h4{
  font-family:'Raleway', arial, sans-serif;
  font-size:26px;
  line-height:34px;
  font-weight:normal;
  color:#373c3e;
  margin-bottom:20px;
  letter-spacing:0;
  padding:0;
  margin-top:0;
}
#content-area3 {
  background:#363e3f;
  background-attachment:fixed;
  background-image:url("/uploads/images/internal-middle-bg.jpg");
  background-size:cover /*100% 100%*/;
  width:100%;
  display:inline-block;
  margin-top:-135px;
  padding-top:175px;
  padding-bottom:145px
}
#content-area3.home{background-image:url("/uploads/images/make-it-happen-bg.jpg");background-size:100% 100%}
#content-area3-text{
  width:86%;
  max-width:1100px;
  display:block;
  margin:0 auto;
  padding:20px 7%;
  text-align:center
}
#content-area3-text h1, #content-area3-text h2{
  font-family:'Raleway', arial, sans-serif;
  font-size:50px;
  line-height:60px;
  font-weight:bold;
  color:#ffffff;
  margin:0;
  margin-bottom:10px;
  letter-spacing:1px;
  text-align:center
}
#content-area3-text p{
  color:#ffffff;
  font-family:'Raleway', arial, sans-serif;
  font-size:22px;
  font-weight:normal;
  line-height:1.6;
  margin:1.2em auto;
  max-width:38em;
  text-align:center;
  width:100%
}
#content-area5{
  background-image:url("/uploads/images/footer-bg.jpg");
  background-size:cover;
  background-repeat:no-repeat;
  background-position:center 25%;
  width:100%;
  display:inline-block;
  margin-top:-135px;
  margin-bottom:-30px;
  padding-top:185px;
  padding-bottom:75px
}
#content-area5-text{
  width:86%;
  max-width:1100px;
  display:block;
  margin:0 auto;
  padding:20px 7% 40px;
  text-align:center
}
#content-area5-text h1, #content-area5-text h3 {
  font-family:'Raleway', arial, sans-serif;
  font-size:50px;
  line-height:60px;
  font-weight:bold;
  color:#ffffff;
  margin:0;
  margin-bottom:10px;
  letter-spacing:1px;
  text-align:center
}
#content-area5-text p {
  font-family:'Raleway', arial, sans-serif;
  font-size:26px;
  line-height:36px;
  font-weight:normal;
  margin:0;
  margin-bottom:20px;
  letter-spacing:0px;
  text-align:center;
  color:#ffffff
}


#content-area5-text p a {

	color: #ffffff;

}


#content-area5-text p strong {
	font-size:30px;
	line-height: 40px;
	font-weight: bold;
}

.content-bold-text {

	font-size: 22px;

	font-weight: bold;

}

#content-area4 {
width: 100%;
padding-bottom: 100px;
background: #f2f2f2;
}

#content-area4-text {
width: 86%;
max-width: 1600px;
display: block;
margin: 0 auto;
position: relative;
padding: 0px 7%;
text-align: center;
}

#content-area4-text h3 {
	font-family: 'Raleway', arial, sans-serif;
	font-size:50px;
	line-height: 60px;
	font-weight: bold;
	color: #373c3e;
	margin: 0;
	margin-bottom: 10px;
	letter-spacing: 1px;
	text-align: center;
}

#content-area4-text p {
	font-family: 'Raleway', arial, sans-serif;
	font-size: 19px;
	line-height: 32px;
	font-weight: normal;
	color: #373c3e;
	margin-bottom: 40px;
}


div.internal-blocks {
display: block;
z-index: 10;
}


#content-area6 {
width: 100%;
padding-bottom: 130px;
background: #13292d;
padding-top: 175px;
margin-top: -135px;
}

#content-area6-text {
width: 86%;
max-width: 1600px;
display: block;
margin: 0 auto;
position: relative;
padding: 0px 7%;
text-align: center;
}

#content-area6-text h3 {
	font-family: 'Raleway', arial, sans-serif;
	font-size:50px;
	line-height: 60px;
	font-weight: bold;
	color: #ffffff;
	margin: 0;
	margin-bottom: 10px;
	letter-spacing: 1px;
	text-align: center;
}

#content-area6-text p {
	font-family: 'Raleway', arial, sans-serif;
	font-size: 19px;
	line-height: 32px;
	font-weight: normal;
	color: #373c3e;
	margin-bottom: 40px;
}

#form-area-content {
width: 86%;
max-width: 1100px;
display: block;
margin: -30px auto 0;
padding: 0px 7%;
text-align: center;.orange
position: relative;
z-index: 5;
}

 
#form-area-content h4 {
	font-family: 'Raleway', arial, sans-serif;
	font-size:32px;
	line-height: 42px;
	font-weight: bold;
	color: #000000;
	margin: 0;
	margin-bottom: 20px;
	letter-spacing: 1px;
	text-align: center;
}

#form-area-content p {
font-family: 'Raleway', arial, sans-serif;
	font-size:17px;
	line-height: 38px;
	font-weight: normal;
	color: #76797b;
margin-bottom: 20px;
	text-align: center;
}

#associations {
   margin-top: 50px;
}

#associations img {
      padding: 10px 10px;
     border: 2px solid #f7941e;
     border-radius: 15px;
}

#content-area4-text p.platforms {
     text-align: left;
     margin-bottom: 30px;
}

#content-area4-text p.platforms img {
     float: left; 
     margin: 5px 25px 15px 0px;
     padding: 5px 15px;
     border: 1px solid #f7941e;
     border-radius: 15px;
}

#content-area1 div.example p {
font-family: 'Raleway', arial, sans-serif;
	font-size: 19px;
	line-height: 32px;
	font-weight: normal;
	color: #373c3e;
	margin-bottom: 40px;
margin-top: 0px;
}

#content-area1 div.example p.screen {
	margin-bottom: 10px;
}
div.example {
display: inline-block;
width: 43%;
padding: 0% 3%;
vertical-align: top;
}

div#example-work div.example {
display: inline-block;
width: 31%;
padding: 0% 1%;
vertical-align: top;
}

div p.left {
	text-align: left;
	margin-top: 52px;
}

div p.left strong {
	color: #f7941e;
}

div p.left img {
	float: left;
	padding: 0px 25px 0px 0px;
	max-width: 120px;
}

#intro-titles {
	font-family: 'Raleway', arial, sans-serif;
	font-size: 22px;
	line-height: 28px;
	font-weight: bold;
	color: #373c3e;
	margin: 0px 18% 20px;
	background: #ffffff;
	border-radius: 5px;
	border: 2px solid #373c3e;
	padding: 5px 6%;
	width: 50%;
}

#newsletter-area {
	width: 80%;
	display: inline-block;
	position: relative;
	padding: 25px 10% 0; /*30px 10%;*/
	text-align: left;
	background: #f7941e;
}

#googlemap-area {
	width: 100%;
	display: inline-block;
	position: relative;
	padding: 0px 0%;
	text-align: left;
	background: #e5e3df;
}

#newsletter-area-content {
	width: 100%;
	margin: 0 auto;
	max-width: 1100px;
	display: block;
	position: relative;
	font-family: 'Raleway', arial, sans-serif;
	font-size:22px;
	line-height: 28px;
	font-weight: normal;
	color:#ffffff;
}

#subscribe {
		width: 46%;
	display: inline-block;
	vertical-align: top;
	margin-top: 10px;
	margin-right: 2%;
}

#newsletter-form {
	width: 51%;
	display: inline-block;
	vertical-align: top;
	margin-top: 10px;
}

#footer-area {
margin-top: -80px;
margin-bottom: -20px;
	width: 100%;
	display: inline-block;
	position: relative;
	padding: 0;
	text-align: left;
	/*background: #383F40*/
	background: url(/uploads/images/new-grass-orange.png);
background-repeat: no-repeat;
background-size: 100% 100%;
background-position: center top;
height: 120px;
}



#footer-area p {
	font-family: 'Raleway', arial, sans-serif;
	font-size:14px;
	line-height:1.2;
	font-weight: normal;
	color: #ffffff;
	margin:5px auto;
}

#footer-area h4 {
	font-family: 'Raleway', arial, sans-serif;
	font-size: 24px;
	line-height: 34px;
	font-weight: normal;
	color: #ffffff;
	margin: 0px;
}

#footer-area p.footertel {
	font-size: 32px;
	line-height: 42px;
	font-weight: bold;
}


#footer-area p.footertel a {
	color: #ffffff;
}

#footer-area strong {
	color: #f7941e;
}

nav#access {
	width: 550px;
	display: inline-block;
	vertical-align: top;
	float: right;
        margin-top: 55px;
}

#social-media-icons {
	z-index: 150;
	float: right;
	position: relative;
	width: auto;
	margin-right: 0; /*9%;*/
	display: inline-block;

}

#social-media-icons a {
	color: #f7941e;
        padding: 0 2px;

}

#social-media-icons img {
        max-width: 23px;

}

#top-tel {
	float: right;
	width: auto /* 70% */;
	display: inline-block;
        text-align: right;
        color: #ffffff;
        margin-top: 10px;
	font-family: 'Raleway', arial, sans-serif;
        font-size: 20px;
        font-weight: normal;
}

#top-tel span {
        padding: 0 8px 0 25px;
        font-size: 14px;
        line-height: 14px;
        color: #ffffff;
        font-weight: bold;
}

#top-tel i {
        color: #f7941e;
        font-size: 20px;
        padding-right: 3px;
}

#top-tel a {
        color: #ffffff;
        border-bottom: 2px solid transparent;
}

#top-tel a:hover {
        border-bottom: 2px solid #f7941e;
}

.col2 {
	padding: 12px 0px 0px 15px;
	float: right;
	height: 100%;
	text-align:center;
	margin: 0px 0px 0px;
}


/*-----------------------------------------------------------------------------------*/
/*	MENU & NAVIGATION
/*-------------------- ---------------------------------------------------------------*/

div.breadcrumb { color: #f7941e; display: none; float: left; font-family: raleway; font-weight: bold; margin-top: 12px; }

div.sticky div.breadcrumb { display: inline-block; font-size: 10px; }

div.breadcrumb span.breadcrumb { margin-right: 3px; color: #ffffff; }

div.breadcrumb span a { color: #ffffff; border-bottom: 1px solid #ffffff; }
div.breadcrumb span a:hover { color: #aaa; border-bottom: 1px solid #aaa; }
div.breadcrumb span.current a { border-bottom: none; color: #f7941e; cursor: default; }

#access .menu {
	list-style: none;
	font-weight: normal;
	position: relative;
	font-family: Arial,Verdana, Helvetica, Tahoma, sans-serif;
	text-align:right;
	
}
#access .menu ul {
	margin: 0;
	list-style-type: none;
	letter-spacing: normal;
	position: relative;
	z-index: 1001;
	padding: 0px;

}
#access .menu ul li {
	position: relative;
	display: inline-block;
	padding: 8px 0px;
	z-index: 101;
	margin: 2px; 
	background: none;
}

#access .menu ul li.menuactive {
	background: transparent;
}

#access .menu ul li a { 
	display: inline-block;
	text-decoration: none;
	font-family: 'Raleway', arial, sans-serif;
	font-size:18px;
	font-weight: bold;
	padding: 10px 15px 38px;
	text-align:center;        
	line-height: 24px;
	color: #ffffff;
	-webkit-transition:all 100ms ease-in;
	-o-transition:all 100ms ease-in;
	-moz-transition:all 100ms ease-in;
	margin-top: 0px;
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
}

#access .menu ul li a span {
	-webkit-transition:all 100ms ease-in;
	-o-transition:all 100ms ease-in;
	-moz-transition:all 100ms ease-in;
}

#access .menu ul li a:hover, #access .menu ul li a span:hover {
	color: #f7941e;
}

#access .menu ul li span { 
	font-family: 'Raleway', arial, sans-serif;
	font-size:16px;
	font-weight: bold;
	text-align:center;        
	line-height: 24px;
	color: #ffffff;
padding: 0 23px 0 15px;
}

div.logo-nav-row #access .menu ul li { 
border-right:1px solid #f7941e;
}

div.logo-nav-row #access .menu ul li ul li { 
border-right:0px solid #f7941e;
}

div.logo-nav-row #access .menu ul li:last-child { 
border-right:0px solid #f7941e;
}

div.logo-nav-row #access .menu ul li a { 
padding: 0px;
}

#access .menu ul li a.menuactive {
}

#access .menu ul li.active a,
#access .menu ul li a.selected {

}
#access .menu ul li ul  {
	position: absolute;
	left: 50% !important;
	height: auto;
	display: none;
	visibility: hidden;
	width: 180px;
	padding: 0 0 8px;
	text-align: center;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	border: 0px solid #ffffff;
	margin: 0px 0 0 -90px;

/* Fallback for web browsers that doesn't support RGBa */
background: rgb(0, 0, 0);
/* RGBa with 0.8 opacity */
background: rgba(0, 0, 0, 0.7);
/* For IE 5.5 - 7*/
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#77000000, endColorstr=#77000000);
/* For IE 8*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#77000000, endColorstr=#77000000)";
}
#access .menu ul li ul li {
	display: list-item;
	float: none;
	background: none;
	padding: 0;
	height: auto;

	border-bottom: 0px solid #333;
margin: 0px;
}
#access .menu ul li ul li ul {
	top: 0;
}
#access .menu ul li ul li a,
#access .menu ul li ul li span {
	margin: 0;
	border: 0px;
	display: block;
	padding: 10px 10px 5px;
	font-size: 14px;
	color: #ffffff;
	border-radius: 0px;
}

/*#access .menu ul li ul li a:hover {
	background: #404040;
	color: #ffffff;
}*/
#access .menu ul li ul li a:active,
#access .menu ul li ul li.active a,
#access .menu ul li ul li a.selected {
background: none;
	color: #ffffff;
}
#access .menu ul li ul li:last-child {
	border: none;
}
* html #access .menu {
	height: 1%;
}

.selectnav {
	display: none;
	width: 130px;
	margin: 0 10px;

}



#cases #content-area4 {
	background: #ffffff;
	height: 100%;
}



#cases #sections2 {
	width: 40%;
}


#meet {
	display: block;
	margin-top:30px;
}

#meet #sections2 img {
        width: 100%;
	max-width: 300px;
	border-radius: 50%;
        border: 5px solid #f7941e;
}
#meet #sections h4 {
	background: none;
}
#meet #sections2 h3 {
	font-family: 'Raleway', arial, sans-serif;
	font-size: 20px;
	line-height: 28px;
	font-weight: bold;
	color: #373c3e;
	margin: 0px 0px 15px;
	letter-spacing: 0px;
}
	
#meet #sections2 p {
	font-size: 15px;
	padding: 0 5%;
}


#meet #sections2 {
	width: 28.5%;
	display: inline-block;
	margin-right: 0%;
	font-family: 'Raleway', arial, sans-serif;
	font-size: 19px;
	line-height: 32px;
	font-weight: normal;
	color: #373c3e;
	vertical-align: top;
	margin-bottom: 30px;
	padding: 0 2% 0 2%;
}
.catname {
	font-size: 19px;
	color: #7b7b7b;
	font-weight: normal;
	font-family: 'Raleway';
}
.one-fourth a:hover img {
	opacity: 0.7;
}
.one-fourth a:hover .catname {
	text-decoration: underline;
	color: #f7941e;
}
div.image-box-section .v2-case {
	display: none;
}
div.image-box-section:hover .v2-case {
	display: block;
}
#leftimg {
	float: left;
	padding: 0px 20px 0 0;
	width: auto;
}
#leftimg img {
	width: 100%;
}
.space {
	background: transparent;
	height: 5px;
}
#content-area1 p, #content-area3 p, #content-area4 p  {
	margin: 1.2em auto;
}

/* .fadein {
	opacity: 0;
} */
.lefts {
	float: left;
	text-align: left;
	width: 45%;
	margin-right: 25px;
}
.rights {
	float: right;
	text-align: left;
	width: 45%;
}

.half-l {
	width: 45% !important;
	text-align: left !important;
}
.half-r {
	width: 45% !important;
	float: right !important;
	text-align: left !important;
}

#essential ul li {
	background: none;
}
#essential .packb {
	border: 1px solid #ccc;
}
#essential h3 {
	background: #f7941e;
	padding: 10px;
	color: #fff;
	font-weight: 600;
}
#essential li.no {
	background-color: #e9eef2;
	font-size: 20px;
	padding: 10px;
}
#essential li.price {
	font-family: "Raleway",arial,sans-serif;
	font-size: 35px;
	line-height: 56px;
	font-weight: normal;
	color: rgb(120, 120, 123);
	margin: 0 auto 10px;
	letter-spacing: 1px;
	text-align: center;
}
#essential .grey {
	background: #e9eef2;
	padding: 10px;
}

#essential #essbot {
	display: block;
	position: relative;
	top: 10px;
	background: #f7941e;
}
#essential #essbot li {
	color: #fff;
}

#essential .one-third:hover/*, #essential .packb:hover*/ {
	-moz-box-shadow: 0 0 20px -2px rgba(0,0,0,0.25);
	-webkit-box-shadow: 0 0 20px -2px rgba(0,0,0,0.25);
	box-shadow: 0 0 20px -2px rgba(0,0,0,0.25);
	margin-top: -20px;
	top: 0px;
}

#essential .one-third {
	border: solid 1px #EBEBEB;
	border-bottom: solid 2px #D3D3D3;
	border-top-width: 2px;

	position: relative;
	text-align: center;
	top: 0;
	-moz-transition: margin-top 0.2s linear, top 0.2s linear, -moz-box-shadow 0.2s linear;
	-ms-transition: margin-top 0.2s linear, top 0.2s linear, box-shadow 0.2s linear;
	-o-transition: margin-top 0.2s linear, top 0.2s linear, box-shadow 0.2s linear;
	-webkit-transition: margin-top 0.2s linear, top 0.2s linear, -webkit-box-shadow 0.2s linear;
	transition: margin-top 0.2s linear, top 0.2s linear, box-shadow 0.2s linear;
}
#essential {
	margin-bottom: 20px;
}


.bronze {
	background-color: #c75e2f !important;
	/*background: -moz-linear-gradient(top, #ffd7c4 0%, #f7a26c 50%, #5d1507 50%, #c75e2f 100%));
	background: -webkit-linear-gradient(top, #ffd7c4 0%, #f7a26c 50%, #5d1507 50%, #c75e2f 100%);
	background: linear-gradient(to bottom, #ffd7c4 0%, #f7a26c 50%, #5d1507 50%, #c75e2f 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd7c4', endColorstr='#c75e2f',GradientType=1 );*/
}
.silver {
	background-color: #92918f !important;
	/*background: -moz-linear-gradient(top, #eae8e9 0%, #acacaa 50%, #171717 50%, #92918f 100%));
	background: -webkit-linear-gradient(top, #eae8e9 0%, #acacaa 50%, #171717 50%, #92918f 100%);
	background: linear-gradient(to bottom, #eae8e9 0%, #acacaa 50%, #171717 50%, #92918f 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eae8e9', endColorstr='#92918f',GradientType=1 );*/
}
.gold {
	background-color: #e0ab45 !important;
	/*background: -moz-linear-gradient(top, #ffe7c1 0%, #fec246 50%, #4c240b 50%, #e0ab45 100%));
	background: -webkit-linear-gradient(top, #ffe7c1 0%, #fec246 50%, #4c240b 50%, #e0ab45 100%);
	background: linear-gradient(to bottom, #ffe7c1 0%, #fec246 50%, #4c240b 50%, #e0ab45 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe7c1', endColorstr='#e0ab45',GradientType=1 );*/
}




    .black_overlay{
        display: none;
        position: fixed;
        top: 0%;
        left: 0%;
        width: 100%;
        height: 100%;
        background-color: black;
        z-index:1001;
        -moz-opacity: 0.8;
        opacity:.80;
        filter: alpha(opacity=80);
    }
    .white_content {
        display: none;
        position: fixed;
        top: 20%;
        left: 18.5%;
        width: 60%;
        height: 65%;
        padding: 16px;
        border: 10px solid #f7941e;
        background-color: white;
        z-index:1002;
        overflow: auto;
    }

#content-area1 #light p,
#content-area1 #light2 p,
#content-area1 #light3 p,
#content-area1 #light4 p,
#content-area1 #light5 p,
#content-area1 #light6 p {
text-align:right;
margin-bottom: 5px;
}

#content-area1 div.example p.mobile-screen {
display: none;
margin-bottom: 10px;
}


#csst.csp {
    background: #fff;
}

div.image-box-section {
    display: inline-block;
    background-size: 100% 100%;
    background-position: top center;
}
div.image-box-section.cen {
    float: none;
}

#content-area1 h2.git {
    font-size: 35px;
    line-height: 1;
}

.grass-downhill {
  z-index: 1;
  position: relative;
}

.grass-downhill .skew::before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  overflow: visible;
  width: 100%;
  height: 180px;
  background-image: url(/uploads/images/internal-divider-2.png);
background-position: 0 top;
background-size: 100% auto;
background-repeat: no-repeat;
  z-index: -1;
  -webkit-transform: skewY(2.6deg);
  -moz-transform: skewY(2.6deg);
  -ms-transform: skewY(2.6deg);
  -o-transform: skewY(2.6deg);
  transform: skewY(2.6deg);
  -webkit-backface-visibility: hidden;
  backface-visibility: initial;

}

body.home div.internal-blocks {
  display: none;
}


body.home .grass-downhill .skew::before {
  background-image: url(/uploads/images/new-grass.png);

}

div#cases .grass-downhill .skew::before {
  background-image: url(/uploads/images/grass4.png);
}

.grass-downhill .skew .header-inner {
  padding: 40px;
  margin-left: auto;
  margin-right: auto;
}



.grass-downhill-top {
  z-index: 1;
  position: relative;
margin-bottom: -40px;
}

.grass-downhill-top .skew::before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  overflow: visible;
  width: 100%;
  height: 180px;
  background-image: url(/uploads/images/new-grass.png);
background-position: 0 top;
background-repeat: no-repeat;
background-size: 100% 100%;
  z-index: -1;
  -webkit-transform: skewY(2.4deg);
  -moz-transform: skewY(2.4deg);
  -ms-transform: skewY(2.4deg);
  -o-transform: skewY(2.4deg);
  transform: skewY(2.4deg);
  -webkit-backface-visibility: hidden;
  backface-visibility: initial;

}



body.home .grass-downhill .skew::before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  overflow: visible;
  width: 100%;
  height: 180px;
  background-image: url(/uploads/images/new-grass.png);
background-position: 0 top;
background-repeat: no-repeat;
background-size: 100% 100%;
  z-index: -1;
  -webkit-transform: skewY(2.4deg);
  -moz-transform: skewY(2.4deg);
  -ms-transform: skewY(2.4deg);
  -o-transform: skewY(2.4deg);
  transform: skewY(2.4deg);
  -webkit-backface-visibility: hidden;
  backface-visibility: initial;

}


.grass-downhill-top .skew .header-inner {
  padding: 20px;
  margin-left: auto;
  margin-right: auto;
}




.grass-uphill {
  z-index: 1;
  position: relative;
  padding-top: 10px;
}

.grass-uphill .skew::before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  overflow: visible;
  width: 100%;
  height: 180px;
  background-image: url(/uploads/images/internal-divider2-2.png);
background-position: center bottom;
background-size: 100% 100%;
  z-index: -1;
  -webkit-transform: skewY(-2.4deg);
  -moz-transform: skewY(-2.4deg);
  -ms-transform: skewY(-2.4deg);
  -o-transform: skewY(-2.4deg);
  transform: skewY(-2.4deg);
  -webkit-backface-visibility: hidden;
  backface-visibility: initial;
}


body.home .grass-uphill .skew::before {
  background-image: url(/uploads/images/new-grass2.png);
}


div.internal-blocks .grass-uphill .skew::before {
  background-image: url(/uploads/images/new-grass2.png);
}




.grass-uphill .skew .header-inner {
  padding: 40px;
  margin-left: auto;
  margin-right: auto;
}

.grass-uphill-top {
  z-index: 1;
  position: relative;
margin-top: 40px;
}

.grass-uphill-top .skew::before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  overflow: visible;
  width: 100%;
  height: 180px;
  background-image: url(/uploads/images/internal-divider2-2.png);
background-position: center bottom;
background-size: 100% 100%;
  z-index: -1;
  -webkit-transform: skewY(-2.4deg);
  -moz-transform: skewY(-2.4deg);
  -ms-transform: skewY(-2.4deg);
  -o-transform: skewY(-2.4deg);
  transform: skewY(-2.4deg);
  -webkit-backface-visibility: hidden;
  backface-visibility: initial;
}

body.home .grass-uphill-top .skew::before {
  background-image: url(/uploads/images/new-grass2.png);
}

.grass-uphill-top .skew .header-inner {
  padding: 40px;
  margin-left: auto;
  margin-right: auto;
}

#content-area6 i.fa {
font-size: 30px;
color: #f7941e;
display: block;
margin-bottom: 5px;
}

#content-area6 ul.convincers {
background: none;
}

#content-area6 ul.convincers li {
display: inline-block;
width: 27.5%;
padding: 0 2.5%;
font-size: 24px;
line-height: 32px;
vertical-align: top;
color: #e6e4e5;
	font-family: 'Raleway', arial, sans-serif;
}



body.lowlevel div.headerimage {
height: 680px;
}

body.lowlevel .content {
top: 12.5%;
}


body.lowlevel #header-image-text p.header-paragraph {
padding-top: 88px;
}


body.lowlevel #content-area3 {
background: #13292d;
background-image: url("/uploads/images/internal-middle-bg3.jpg");
background-size: 100% 100%;
}

body.lowlevel #content-area4-text {
max-width: 1100px;
}

body.lowlevel #cases.email-marketing #content-area4-text,
body.lowlevel #cases.social-media #content-area4-text,
body.lowlevel #cases.digital-strategy #content-area4-text,
body.lowlevel #cases.brand-strategy #content-area4-text,
body.lowlevel #cases.logo-design #content-area4-text,
body.lowlevel #cases.exhibitions #content-area4-text,
body.lowlevel #cases.print #content-area4-text {
max-width: 1600px;
}


body.casestudy .headerimage {
height: 680px;
}

body.casestudy #content-area4-text {
max-width: 1100px;
}

body.casestudy .content {
top: 12.5%;
}

body.contactus .headerimage {
height: 680px;
}

body.contactus .content {
top: 12.5%;
}

body.contactus #header-image-text p.header-paragraph {
padding-top: 88px;
}

body.contactus.ourwork #header-image-text p.header-paragraph {
padding-top: 10px;
}

body.contactus #content-area4-text {
max-width: 1100px;
}

body.contactus .grass-uphill-top,
body.contactus .grass-downhill {
display: none;
}

body.contactus .internal-blocks .grass-downhill {
display: block;
}

body.contactus #content-area1 .contactphone { font-size: 24px; color: #f7941e; font-weight: bold; }





#form-area {
	background: #ffffff;
	height: 100%;
	position: relative;
	z-index: 5;
}

.gdpr-policy #form-area {
	z-index: 500000;
}
div#cases div.internal-form-area .grass-downhill .skew::before {
       background-image: url("/uploads/images/new-grass2.png");
}




/*---------------- MOBILE MENU STYLES ----------------*/
#nav {
    list-style-type:none;
    display:none;
    right: 0;
    position:absolute;
    line-height:37px;
    margin: -25px auto 0;
    min-height: 1000px;
    padding: 75px 5% 4% 5%;
    background-color: #000000;
    width: 100%;
    max-width: 340px;
    text-align: left;
    height: auto;
}

 #nav ul {
    list-style-type:none;
    display:block;
    margin:0;
    padding-left: 0;
}
 #nav ul li ul {
    padding-left: 45px;
    margin-top: 10px;
}
 #nav ul li ul li {
    list-style-type: none;
    color: #ffffff;
    padding-left: 0;
margin-bottom: 10px;
}
#nav li:hover ul {
    display:block;
    margin-left:0;
}
#nav li a{
    color:#f7941e;
    padding-left:0%;
text-decoration: none;
font-size: 22px;
line-height: 32px;
font-weight: normal;
	font-family: "Raleway",arial,sans-serif;
}
#nav li ul li a {
    color:#ffffff;
font-size: 18px;
line-height: 28px;
}

#nav ul li {
margin-bottom: 25px;
}


#nav li.sectionheader span {
    color:#ffffff;
    padding-left:0%;
font-size: 18px;
font-weight: bold;
}

#nav li.sectionheader ul li {
line-height: 27px;
text-decoration: none;

}

#menuTwo {
    background: transparent;
    border: 2px solid #f7941e;
    border-radius: 10px;
    color:#ffffff;
    font-size:27px;
    line-height: 41px;
    display:none;
    padding: 0 8px;
    cursor:pointer;
    position:relative;
    z-index:1000;
    top: 45px;
    right: 20px;
}

.mobileMenuWrapper {
    width: 100% !important;
    top: 25px;
    color: #ffffff;
    cursor: initial;
    left: 0 !important;
    height: auto;
    padding: 0 0 0 0;
    position: absolute;
    z-index:3000;
    display: none; 
}

#content-area1 p.quote, #content-area3 p.quote, #content-area4 p.quote {
margin-bottom: 3px;
font-style: italic;
}

p.quote i {
color: #f7941e;
padding: 0 3px 0 5px;
font-size: 120%;
}

#content-area1 p.cite, #content-area3 p.cite, #content-area4 p.cite {
color: #f7941e;
font-weight: bold;
margin-top: 0;
}

.nowrap { white-space: nowrap; }

.gdpr-policy .grass-uphill-top, .gdpr-policy .grass-downhill, .gdpr-policy #cases{display:none}


#cookie_consent {background: #13292d;position: fixed;bottom: 0;float: left;z-index: 100000000;width: 100%;padding: 30px 0;/*filter: alpha(opacity=70);opacity: 0.7;*/}#cookie_consent p {text-align: center;color: #fff;font-size: 15px;line-height: 19px;margin: 0;padding: 0 0 10px 0;/*filter: alpha(opacity=100);opacity: 1;*/font-family:'Raleway', arial, sans-serif}#cookie_consent a.accept_cookies {margin: 0 5px;padding: 5px;color: #000;font-weight: bold;text-decoration: none;cursor: pointer;background: #f7941e;font-size:15px}#cookie_consent a.more_info, #cookie_consent a.decline_cookies{margin: 0 5px;padding: 5px;color: #000;font-weight: bold;text-decoration: none;cursor: pointer;background: #ccc;font-size:15px}

#footer-area-content{
  text-align:center;
  margin-top:65px
}
#footer-area p a{color:#fff}


.test-page-nav #access .menu ul li{
    position:static;
    float:none;
    margin:0;
    padding:3px 0
}
.test-page-nav #access .menu ul li span{padding:0 23px 0 20px}
.test-page-nav #access .menu > ul > li ul{
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
    text-align:center;
    float:none;
    margin:20px 0 0 0;
    width:100% !important;
    left:0 !important;
    min-width:1200px;
    position:absolute;
    opacity:0;
    visibility:hidden;
    transition:.2s;
    padding:6px 0 10px 0;
    background:rgba(0, 0, 0, 0.9)
}
.test-page-nav #access .menu ul li ul li a, .test-page-nav #access .menu ul li ul li span{padding:3px 0}
.test-page-nav #access .menu > ul > li.parent:hover ul, .test-page-nav #access .menu > ul > li.sectionheader:hover ul{
    opacity:1;
    visibility:visible
}

.test-page-nav #access .menu ul li ul li{
    display:block;
    width:25%;
    float:none;
    margin:0
}
.test-page-nav #access .menu ul li ul li ul{
    display:block !important;
    float:none;
    margin:20px 0 0 0;
    left:auto !important;
    position:relative;
    min-width:100%;
    background:transparent
}
.test-page-nav #access .menu ul li ul li ul li{
width:100%;
text-align:center
}


.test-page-nav #access .menu ul li ul li a.parent{
    display:block;
    border-bottom:1px solid #f7941e;
    max-width:145px;
    width:100%;
    margin:0 auto 5px auto;
    padding-bottom:5px
}
.test-page-nav #access .menu ul li ul li a.parent span{
    font-size:16px
}
.test-page-nav:nth-child(2){position:relative;max-width:1200px;width:100%;margin:0 auto}
.test-page-nav #access .menu{position:static}
.test-page-nav #access .menu ul{position:static}




.test-page-nav nav#access{margin-top:76px}
{}
div.logo-nav-row #site-title a img.newImgMargin{margin-top:-11px}


div.logo-nav-row .test-page-nav #access .menu ul li ul li ul li{margin:-11px 0}
div.logo-nav-row .test-page-nav #access .menu ul li ul li ul li:nth-child(1){margin-top:0}
div.logo-nav-row .test-page-nav #access .menu ul li ul li ul li:last-child{margin-bottom:0}
.test-page-nav #top-tel{
width:600px;float:right
}

.test-page-nav #access ul li:nth-child(2) ul{
  min-width:auto;
  max-width:200px !important;
  width:100%;
  left:auto !important;
  margin:5px 0 0 -59px
}
.test-page-nav #access ul li:nth-child(2) ul li{width:100%;border:0}
@media(max-width:1200px){
  .test-page-nav #access .menu > ul > li ul{
    max-width:1200px;
    width:98%;
    min-width:auto
  }
}

.error404Template #header-image-text h1.orange404h1{
  color:#f7941e;
  font-size:71px;
  margin-bottom:20px
}
.error404Template div.headerimage{
  height:650px
}
.error404Template div.headerimage video{
  margin-top:-250px
}

.error404Template #header-image-text p{
  font-size:24px;
  margin:0 0 12px 0
}
.error404Template .service-icons{
  margin:-30px 0 0px
}
.error404Template #footer-area{
margin:0
}
p a.linkOrange{
  color:#f6921e;
  font-weight:700
}

div.frm-inf {display: none !important;}
/* cmsms stylesheet: FormBuilder Default Style modified: 03/29/21 10:57:05 */
/* Sample FormBuilder CSS base */
form {
	margin-top: 0
}
form, td, th, li {
	font-size: 100%
}
form div {
	margin-bottom: 0.5em;
}
fieldset div {
	margin-bottom: 0.2em;
	margin-left: 0em;
}
fieldset div div {
	margin-top: 0.2em;
	margin-left: 1em
}
fieldset {
	margin-bottom: 0em;
	border: 0px solid #F60;
	padding: 0.5em
}
fieldset.main-form,
fieldset.hcp-form {
	margin-bottom: 0.5em;
	border: 0px solid #F60;
	padding: 0em;
        background: #fcac1b;
}

fieldset label {
	width: auto;
}
legend {
	color: #FFF;
	background: #F60;
	font-style: italic;
	font-size: 1.2em;
	margin-bottom: 0.5em;
	padding: 0.2em;
	width: auto;
	border: 1px solid #CCC;
        display: none;
}
textarea {
	margin: 0;
	width: 98%;
	height: 6em
}
/* Apply this class to text/select input fields with shorter labelsto help alignment */
.short-label label {
	float: left;
	width: 10em
}
.short-label fieldset div input, .short-label fieldset div select {
	width: 16em
}
/* Pretty up your Captcha image output */
.captcha {
	margin: 0.1em auto;
	width: 304px;
	text-align: center
}

.captcha br {
	display: none;
}

.captcha img {
	border: 1px solid #F60;
	margin-bottom: 0.5em
}
.captcha input {
	width: 196px;
	margin-top: 0.5em
}
/* Just a bit more room for the Submit button */
.submit {
	margin-top: 1em
}
.submit input {
    border: 3px solid #f7941e;
    border-radius: 15px;
    color: #373c3e;
    display: block;
    font-size: 18px;
    line-height: 18px;
    font-weight: bold;
    margin: 0px auto 0;
    max-width: 170px;
    padding: 8px 25px;
    width: 100%;
    cursor: pointer;
	-webkit-transition:all 200ms ease-in;
	-o-transition:all 200ms ease-in;
	-moz-transition:all 200ms ease-in;
}
.submit input:hover {
    background-color: #f7941e /*#394340*/;
    text-shadow: 5px 5px 10px #000000;
    color: #ffffff;
}

.contactform input.checkbox {
	border: none;
}
.contactform label {
	display: block;
	float: left;
	width: 150px;
}
.contactform label.label {
	display: inline;
	float: none;
	width: 50px;
	font-size: 10px;
}
.contactform textarea {
	background-color: #ffc;
	border: 1px solid #f60;
}

div#form-area-content .contactform { 
min-height: 360px;
}

.contactform div.form-name,
.contactform div.form-email,
.contactform div.form-phone,
.contactform div.form-company,
.contactform div.form-message {
	width: 48.5%;
        display: inline-block;
        margin-bottom: 10px;
        margin-right: 0.8%;
}

.contactform div.form-message {
	width: 98.3%;
        display: inline-block;
        margin-bottom: 0;
}

.contactform .form-name input,
.contactform .form-email input,
.contactform .form-phone input,
.contactform .form-company input {
	width: 94%;
        padding: 10px 3%;
        font-size: 14px;
        line-height: 16px;
        background: #f7f6f6;
        border: 1px solid #f7941e;
        color: #808080;
}

.contactform .form-message textarea {
	width: 96.4%;
        padding: 10px 1.8%;
        font-size: 14px;
        line-height: 16px;
        background: #f7f6f6;
        border: 1px solid #f7941e;
        color: #808080;
}

.contactform .form-name.fb_invalid input,
.contactform .form-email.fb_invalid input,
.contactform .form-phone.fb_invalid input {
        border: 2px solid red;
}

div.error_message { display: none; }

.contactform .form-name label,
.contactform .form-email label,
.contactform .form-phone label,
.contactform .form-message label {
	font-size: 14px;
        line-height: 20px;
        color: #405240;
        font-weight: bold;
}

.sideform input {
	border: 0px solid #f60;
}
.sideform input.checkbox {
	border: none;
}
.sideform label {
	display: block;
	float: left;
	width: 150px;
}
.sideform label.label {
	display: inline;
	float: none;
	width: 50px;
	font-size: 10px;
}
.sideform textarea {
	background-color: #ffc;
	border: 1px solid #f60;
}

.sideform .form-name input,
.sideform .form-email input,
.sideform .form-phone input,
.sideform .form-message textarea {
	width: 97%;
        padding: 3px 1.5%;
        font-size: 14px;
        line-height: 16px;
        background: #ffffff;
        border: 0px solid #ffffff;
}

.sideform .form-name.fb_invalid input,
.sideform .form-email.fb_invalid input,
.sideform .form-phone.fb_invalid input {
        border: 2px solid red;
}

.sideform .form-name label,
.sideform .form-email label,
.sideform .form-phone label,
.sideform .form-message label {
	font-size: 14px;
        line-height: 20px;
        color: #405240;
        font-weight: bold;
}

.formbuilderform .message {
	line-height: 16px;
	padding: 0 0 8px 0;
}


/*form#mac70bmoduleform_2 .submit input {
      background-color: transparent;
}


form#mac70bmoduleform_2 .submit input: {
      background-color: #f7941e;
}*/