body {
  font-family: "Lato" !important;
  font-size: 12px;
  line-height: 22px;
}
h1,
h2,
h3,
h4,
h5,
h6,
.flexslider .slider-legend .slider-legend-title,
.box .title,
.toggletitle,
.accordiontoggler,
.tabstitle {
  font-family: "Lato" !important;
  text-transform: inherit;
  font-weight: 900 !important;
}
.btn,
.btn-nav {
  font-family: "Lato" !important;
  text-transform: uppercase;
}
#header {
  font-family: "Lato" !important;
  text-transform: uppercase;
  font-size: 15px;
}
body {
  background: #f5f5f5;
  color: #555;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  color: #333;
}
blockquote {
  border-left: 5px solid #00B6F1;
}
a {
  color: #00B6F1;
}
a:hover {
  color: #008fbe;
}
a h2:hover {
  color: #008fbe;
}
.post-content ul li:before {
  color: #00B6F1;
}
.primarycolor {
  color: #00B6F1 !important;
}
.rslides_tabs .rslides_here a {
  background-color: #00B6F1;
}
.btn-nav li > a,
.btn,
.btn-primary,
#respond input#submit,
button.btn,
.wp-pagenavi a,
.wp-pagenavi span.current {
  color: #ffffff;
  background-color: #00B6F1;
}
.btn-nav li > a:hover,
a.btn:hover,
.btn-primary,
#respond input#submit:hover,
button.btn:hover,
.wp-pagenavi a:hover {
  color: #ffffff;
  background: #008fbe;
}
.btn.transparent:hover {
  color: #00B6F1;
}
.prevnext .btn:hover {
  background: #008fbe;
}
.prevnext .btn a {
  color: #ffffff;
}
.position h4 {
  color: #00B6F1;
}
#copyright.cream-container,
#header.cream-container {
  background-color: #fff;
}
#copyright.coffee-container,
#header.coffee-container {
  background-color: #1C1C1C;
}
#scrolltop {
  background: #00B6F1;
}
#scrolltop .glyphicons,
#scrolltop .glyphicons i:before {
  color: #ffffff;
}
.actions a {
  background: #00B6F1;
  color: #ffffff;
}
.actions a:hover {
  background: #008fbe;
}
#sidebar .o-widget li:before {
  color: #00B6F1;
}
#searchform input#searchsubmit {
  border: 1px solid #00B6F1;
  background: #00B6F1 url(../images/search.png) center 3px no-repeat;
  color: #ffffff;
}
#searchform input#searchsubmit:hover {
  background-color: #008fbe;
  border: 1px solid #008fbe;
}
.flexslider .flex-direction-nav li a {
  background: #00B6F1;
  color: #ffffff;
}
::selection {
  background: #00B6F1 !important;
  color: #ffffff !important;
}
::-moz-selection {
  background: #00B6F1 !important;
  color: #ffffff !important;
}
#header {
  background: #e8e8e8;
}
#header a {
  color: #333;
}
#header ul.nav > li a,
#header div.nav > ul > li a,
.sidr a:hover {
  color: #333;
}
#header ul.nav > li:hover > a,
#header div.nav > ul > li:hover > a {
  color: #00B6F1;
}
#header ul.nav > li.current-menu-item > a,
#header ul.nav > li.current_page_parent > a,
#header ul.nav > li.current-page-ancestor > a,
#header ul.nav > li.current-menu-ancestor > a,
#header ul.nav > li.current-menu-parent > a,
#header div.nav > ul > li.current-menu-item > a,
#header div.nav > ul > li.current_page_parent > a,
#header div.nav > ul > li.current-page-ancestor > a,
#header div.nav > ul > li.current-menu-ancestor > a,
#header div.nav > ul > li.current-menu-parent > a {
  color: #00B6F1;
}
#header ul.nav ul,
#header div.nav > ul ul {
  background: #222;
}
#header ul.nav ul > li a,
#header div.nav > ul ul > li a {
  color: #ffffff;
}
#header ul.nav ul >	li a:hover,
#header div.nav > ul ul >	li a:hover {
  color: #00B6F1;
}
#header ul.nav ul > li,
#header div.nav > ul ul > li {
  border-bottom: 1px dashed #444;
}
#header.scrolled {
  background: #00a3d8;
}
#header.scrolled a {
  color: #ffffff;
}
#header.scrolled ul.nav > li a,
#header.scrolled div.nav > ul > li a {
  color: #ffffff;
}
#header.scrolled ul.nav > li:hover > a,
#header.scrolled ul.nav > li > a:hover,
#header.scrolled div.nav > ul > li:hover > a,
#header.scrolled div.nav > ul > li > a:hover {
  color: #111;
}
#header.scrolled ul.nav > li.current-menu-item > a,
#header.scrolled ul.nav > li.current_page_parent > a,
#header.scrolled ul.nav > li.current-page-ancestor > a,
#header.scrolled ul.nav > li.current-menu-ancestor > a,
#header.scrolled ul.nav > li.current-menu-parent > a,
#header.scrolled div.nav > ul > li.current-menu-item > a,
#header.scrolled div.nav > ul > li.current_page_parent > a,
#header.scrolled div.nav > ul > li.current-page-ancestor > a,
#header.scrolled div.nav > ul > li.current-menu-ancestor > a,
#header.scrolled div.nav > ul > li.current-menu-parent > a {
  color: #111;
}
#header.scrolled ul.nav > ul li:hover > a,
#header.scrolled ul.nav ul > li > a:hover,
#header.scrolled div.nav > ul > ul li:hover > a,
#header.scrolled div.nav > ul ul > li > a:hover {
  color: #00B6F1;
}
.sidr ul li.active a,
.sidr ul li.sidr-class-active a {
  background: #00B6F1;
}
.sugar-container {
  background-color: #00B6F1;
  color: #001c25;
}
.sugar-container h1,
.sugar-container h2,
.sugar-container h3,
.sugar-container h4,
.sugar-container h5,
.sugar-container h6 {
  color: #ffffff;
}
.sugar-container a {
  color: #ffffff;
}
.sugar-container a:hover,
.sugar-container a h2:hover {
  color: #004258;
}
.sugar-container .post-content ol li:before,
.sugar-container .post-content ul li:before {
  color: #004258;
}
.sugar-container #sidebar .o-widget li:before {
  color: #008fbe;
}
.sugar-container .icon-container div {
  background: #00B6F1;
  color: #ffffff;
}
.sugar-container .icon-bg .glyphicons {
  color: #ffffff;
}
.sugar-container .rslides_tabs .rslides_here a {
  background-color: #ffffff;
}
.sugar-container .btn-nav li > a,
.sugar-container .btn,
.sugar-container #respond input#submit,
.sugar-container button.btn,
.sugar-container .prevnext .btn a,
.sugar-container .wp-pagenavi a {
  background-color: #008fbe;
  color: #ffffff;
}
.sugar-container .btn-nav li > a:hover,
.sugar-container a.btn:hover,
.sugar-container #respond input#submit:hover,
.sugar-container button.btn:hover,
.sugar-container .prevnext .btn:hover,
.sugar-container .prevnext .btn a:hover,
.sugar-container .wp-pagenavi a:hover {
  background: #00698b;
  color: #ffffff;
}
.sugar-container .btn-nav li.active > a {
  color: #ffffff !important;
}
.sugar-container .btn.transparent {
  color: #ffffff;
}
.sugar-container .btn.transparent:hover {
  color: #000000;
}
.sugar-container .position {
  background: #25caff;
}
.sugar-container .position h4 {
  color: #000000;
}
.sugar-container .position .more .btn {
  background: #008fbe;
}
.sugar-container .position .more .btn:hover {
  background: #00698b;
}
.sugar-container blockquote {
  border-left: 5px solid #00698b;
}
.sugar-container h2 a.rsswidget {
  color: #ffffff !important;
}
.bg-sugar {
  background: #00B6F1 !important;
  color: #ffffff !important;
}
a.bg-sugar:hover {
  background: #008fbe !important;
  color: #ffffff !important;
}
a.bg-sugar.active {
  background: #00698b !important;
  color: #ffffff !important;
}
.sugar-container .bg-sugar {
  background: #008fbe !important;
  color: #ffffff !important;
}
.sugar-container a.bg-sugar:hover,
.sugar-container a.bg-sugar.active {
  background: #00698b !important;
  color: #ffffff !important;
}
.sugar-container #searchform input#searchsubmit {
  border: 1px solid #00698b;
  background: #00698b url(../images/search.png) center 3px no-repeat;
  color: #ffffff;
}
.sugar-container #searchform input#searchsubmit:hover {
  background-color: #004258;
  border: 1px solid #004258;
}
.sugar-container .hr {
  border-top: 1px solid #001c25;
  border-bottom: 1px solid #beefff;
}
.widget_o_intro_widget .sugar-container p {
  color: #fff;
}
.sugar-container ::selection {
  background: #00698b !important;
  color: #ffffff !important;
}
.sugar-container ::-moz-selection {
  background: #00698b !important;
  color: #ffffff !important;
}
.sugar-container #scrolltop {
  background: #00698b;
}
#copyright.sugar-container,
#header.sugar-container {
  background-color: #00a3d8;
}
.o-widget .sugar-container p.intro a {
  color: #00698b;
}
.o-widget .sugar-container p.intro a:hover {
  color: #004258;
}
.bg-red {
  background-color: #e0051e !important;
  color: #FFFFFF !important;
}
a.bg-red:hover {
  background-color: #ae0417 !important;
  color: #FFFFFF !important;
}
.bg-green {
  background-color: #10a813 !important;
  color: #FFFFFF !important;
}
a.bg-green:hover {
  background-color: #0c790e !important;
  color: #FFFFFF !important;
}
.bg-blue {
  background-color: #0785c0 !important;
  color: #FFFFFF !important;
}
a.bg-blue:hover {
  background-color: #05638f !important;
  color: #FFFFFF !important;
}
.bg-orange {
  background-color: #fc681f !important;
  color: #FFFFFF !important;
}
a.bg-orange:hover {
  background-color: #e54e03 !important;
  color: #FFFFFF !important;
}
.bg-grey {
  background-color: #818181 !important;
  color: #FFFFFF !important;
}
a.bg-grey:hover {
  background-color: #686868 !important;
  color: #FFFFFF !important;
}
.bg-pink {
  background-color: #ff4cf9 !important;
  color: #FFFFFF !important;
}
a.bg-pink:hover {
  background-color: #ff19f7 !important;
  color: #FFFFFF !important;
}
.bg-purple {
  background-color: #7e0db1 !important;
  color: #FFFFFF !important;
}
a.bg-purple:hover {
  background-color: #5c0a81 !important;
  color: #FFFFFF !important;
}
.bg-yellow {
  background-color: #ffc335 !important;
  color: #333333 !important;
}
a.bg-yellow:hover {
  background-color: #ffb402 !important;
  color: #333333 !important;
}
.bg-white {
  background-color: #fcfcfc !important;
  color: #333333 !important;
}
a.bg-white:hover {
  background-color: #e3e3e3 !important;
  color: #333333 !important;
}
.bg-black {
  background-color: #222222 !important;
  color: #FFFFFF !important;
}
a.bg-black:hover {
  background-color: #090909 !important;
  color: #FFFFFF !important;
}
.overlay {
  background: url("../includes/rgba.php?r=0&g=0&b=0&a=50") repeat;
  background: rgba(0,0,0,0.5);
}
.text-white {
  color: #fff !important;
}
.text-black {
  color: #000 !important;
}
.text-sugar {
  color: #00B6F1 !important;
}
.background-transparent {
  background: none !important;
}
.background-white {
  background-color: #fff !important;
}
.background-black {
  background-color: #111 !important;
}
.background-sugar {
  background-color: #00B6F1 !important;
}
@media (max-width: 767px) {
  .sugar-container .o-widget-odd {
    background-color: #00aee7 !important;
  }
  .cream-container .o-widget-odd {
    background-color: #ececec !important;
  }
  .coffee-container .o-widget-odd {
    background-color: #1a1a1a !important;
  }
}
body{
    background: #FFFFFF;
}

/* Why-use-Smith-Commercial section */
#o_clients_widget-2 .container {
    padding-bottom: 100px;
}
#o_clients_widget-2 .row {
    background: none repeat scroll 0 0 #ededed;
    margin-top: 20px;
    padding-bottom: 20px;
    padding-top: 20px;
}
#o_domino_widget-2 .container .row .dim3quarters {
    padding-top: 20px;
}
#network li {
    margin-left: 15px;
    padding-left: 10px;
}
#network{
    padding-top:20px;
}
#o_services_widget-2 .row {
    padding-top: 0px !important;
}
/*#o_services_widget-2 .intro{
    border-top: solid 3px #00B6F1;
    padding-top:30px;
}*/
#o_domino_widget-2 .row{
    padding-bottom: 30px !important;
}
#o_services_widget-2 p.intro {
    border-top: 2px solid #00B6F1;
    padding-top: 30px;
}
/* End Why-use section */
/* padding for list within list of Our Services tabs */
#o-service-container-o_services2_widget-2 .isotope-item ul ul {
    padding-left: 20px;
}
/*#o-service-container-o_services2_widget-2, #o-service-container-o_services2_widget-3 {
    border: 1px solid #CCCCCC;
} grey border for case studies */
/* Changes to header */
#header {
    padding-bottom: 20px;
    padding-top: 30px;
    font-size:12px;
    background-color: #FFFFFF;
    border-bottom: 10px solid #EDEDED;
}
#header.scrolled{
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    background: #00B6F1;
    border-bottom: 10px solid rgb(255, 255, 255);
    border-bottom: 10px solid rgba(255, 255, 255, .5);
    -webkit-background-clip: padding-box; /* for Safari */
    background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */

}
#o_revolution_widget-2 .rev_slider_wrapper {
    padding:0px !important;
}
/* change scrolling hidden logo to be inverted version */
#header .hidden {
    background: url("../images/smith_logo_inverted.png") no-repeat scroll left top transparent;
    color: transparent !important;
    font-size: 0;
    line-height: 0;
    width: 265px;
}

/* lightening coffee colour elements */
.coffee-container, .coffee-container .icon-container div, .tp-caption.big_white,.btn-nav li.active > a, .wp-pagenavi span.current, .background-black {
    background-color: #3B3B3C !important;
}
.coffee-container input, .coffee-container textarea {
    background: none repeat scroll 0 0 #333333;
    border:0px;
}
h1, h2, h3, h4, h5, h6 {
    color: #3B3B3C;
}
/* darkening coffee footer */
#copyright.coffee-container, #header.coffee-container {
    background-color: #262626 !important;
}
.tp-bannertimer{
    display:none;
}

/* changing blue button colour */
.tp-button.blue, .tp-button.blue:hover, .purchase.blue, .purchase.blue:hover {
    background-color: #00B6F1 !important;
    box-shadow: 0 2px 0 0 #0092C8 !important;
}
p.intro{
font-size: 20px;
}
body {
    font-size: 16px;
    line-height: 28px;
}
/* Case studies styling */
/* fixing padding for blue quotes */
.widget_o_intro_widget .row {
    padding-bottom: 90px;
}
/* modules have icons to correct topbar overlap on initial menu scroll, making them invisible here */
.icon-container > div {
    display: none;
}
/* resize case studies and our process container to be full width */
#o-service-container-o_services2_widget-3 .dim3quarters,#o-service-container-o_services2_widget-4 .dim3quarters{
    width: 100%;
}
/* resize image to be full third */
#o-service-container-o_services2_widget-3 .dim3quarters .dim1third img{
    height: auto;
    border-radius: 15px 15px 15px 15px;
    width: 100%;
}
/* resize our process image */
#o-service-container-o_services2_widget-4 .dim3quarters .dim1half img {
    float: right;
    height: auto;
    position: relative;
    top: -43px;
    width: 80%;
}
#o-service-container-o_services2_widget-3 .dim3quarters{
	font-size:14px;
	line-height:24px;
}
/* Our Process section */
#o_services2_widget-2 .row{
	padding-bottom:30px;
}
#o_services2_widget-4 p.intro {
    font-size: 18px;
    line-height: 30px;
    text-align:left;
}
#o_services2_widget-4 .row {
    border-top: 2px solid #00B6F1;
    padding-top: 30px;
    padding-bottom:10px;
}
#o_services2_widget-4 .row .col .row{
    border-top: 0px;
    padding-top: 0px;
}
#o_services2_widget-4 a.btn{
	margin-top:20px;
}
/* our services fixes */
#o-service-container-o_services2_widget-2 .dim1quarter img {
    height: auto;
    width: 70%;
}
#o-service-container-o_services2_widget-2 .dim1quarter {
    width: 33%;
}
#o-service-container-o_services2_widget-2 .dim3quarters {
    float: left;
    width: 65%;
}
/*contact section styling */
#o_contact_widget-2 p.intro{padding:0px;}
#contact_wrap {
    margin: 0 auto;
    overflow: hidden;
    padding-bottom: 30px;
    padding-left: 10%;
    width: 80%;
}
#contact_right {
    clear: right;
    float: left;
    text-align: left;
    width: 50%;
}
#contact_left {
    float: left;
    text-align: left;
    width: 50%;
}
form label{
	width:15%;
}
.sugar-container {
    color: #FFFFFF;
}