/*
Theme Name: PIXIO
Author: 1SEO.com
Author URI: www.1seo.com
Description: Main template for PIXIO

Copyright 2016 PIXIO
*/

/* ---------- Basic Structure ---------- */

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

body {
background-color: #fff;
width: 100%;
color: #000;
font-family: 'Open Sans', sans-serif;
letter-spacing: .5px;
}

#container {
width: 100%;
display: block;
margin:0px auto!important;
}

#site {
width: 100%;
margin: 0px auto!important;
color: #000;
}

#header-wrapper {float: left; margin: 0px auto!important; width: 100%; display: block; background-color: #fff;}
#header {max-width: 960px; margin: 0px auto!important; display: block;} 
#logo {float: left; margin-bottom: 10px;}
#logo img {width: 100%; height: auto!important; max-width: 236px; max-height: auto; margin: 0px!important;}
#social {float: left; display: block; top: 25%; position: fixed; z-index: 1000!important;}
#social ul {list-style: none;}
#social a:hover {padding-left: 5px;}
#social img {max-width: 40px; height: auto;}

#main {width: 85%; margin: 30px auto 0px auto; max-width: 1100px;}

#top-home {width: 100%; display: block; margin-top: 25px;}
#photo {float: left; width: 100%; margin-bottom: 70px;}
#photo img {width: 100%; height: auto;}

.tp-simpleresponsive .caption, .tp-simpleresponsive .tp-caption {font-size: 40px!important; font-style: normal!important;font-family: 'Open Sans', sans-serif!important; font-weight: 600!important;}
a.blue-button {background-color: #3ab5e5; border: 3px solid #3ab5e5; color: #000; font-size: 18px; text-decoration: none; padding: 20px 40px;}
a.white-button {border: 3px solid #fff; color: #fff; font-size: 18px; text-decoration: none; padding: 20px 40px; text-transform: uppercase;}
a.blue-button:hover {color: #000; background-color: #fff; border: 3px solid #fff;}
a.white-button:hover {color: #000; border: 3px solid #fff; background-color: #fff;}

input.submit {color: #fff; background-color: #E90000; border-radius: 5px; border: 0px solid; padding: 10px 20px!important; text-transform: uppercase; font-weight: bold; font-size: 18px;}
input.submit:hover {background-color: #000; transition-duration: 2s;}

#banner {margin-top: 100px; margin-bottom: 40px;}
#banner img {max-width: 100%; height: auto; margin-bottom: -5px;}

#content {width: 100%; float: left; display: block; margin-bottom: 20px;}
#content p {text-align: left;}
#content.home {text-align: center;}
#content.home p {text-align: center;}
#content.home h2::after {margin: 7px auto;}

#content #left {float: left; width: 20%;}
#content #right {float: right; width: 76%; padding-left: 3%; border-left: 1px solid #e2e2e2;}
#content #left li {border-bottom: 1px solid #e2e2e2;}
#content #left ul ul {display: none;}
#content #left a {font-size: 18px; line-height: 40px;}

#section-wrapper {float: left; display: block; width: 100%; text-align: justify; border-top: 10px solid #f4fafd; padding: 5% 0px; overflow: hidden; max-width: 100%;}
#section-wrapper.services {padding: 1% 0px 5% 0px!important;}
#section {width: 85%; max-width: 1100px; padding: 2% 5%; margin: 0px auto; display: block;}

#section-wrapper.two {border-top: 10px solid #e0f1f9;}
#section-wrapper.three {border-top: 10px solid #c0e3f4;}
#section-wrapper.four {border-top: 10px solid #acd9f0;}

#left {width: 48%; float: left;}
#right {width: 48%; float: right;}

.alignright {float: right; margin-left: 20px; margin-bottom: 20px;}
.alignleft {float: left; margin-right: 20px; margin-bottom: 20px;}
.aligncenter {display: block; margin: 0px auto;}
.attachment-post-thumbnail {float: right; margin-left: 20px; margin-bottom: 20px;}

#right img, #left img {
max-width: 100%;
height: auto;
margin-top: 10px;
}

hr {
height: 1px;
border-top: 1px solid #e2e2e2;
border-bottom: 0px solid;
margin: 20px 0px;
}

p {
font-size: 14px;
color: #000;
line-height: 26px;
margin-bottom: 20px;
letter-spacing: 1px;
}

span.red {color: #861E1F;}

#content a, #main a {
color: #2D9FD8;
font-weight: bold;
text-decoration: none;
}

a.button {color: #fff!important; background-color: #E90000; border-radius: 5px; padding: 10px 15px;}
a.button:hover {background-color: #000; transition-duration: 2s;}

ul, ol {
font-size: 14px;
line-height: 24px;
color: #000;
line-height: 22px;
margin-bottom: 15px;
}

#content li {
font-size: 14px;
line-height: 26px;
list-style: none;
color: #000;
}

#content #left li {background-image: none;}

#content ol li {
list-style: inherit;
background: none;
margin-left: 20px;
}

h1 {font-size: 24px; font-weight: 700; color: #000; margin-bottom: 30px; font-weight: 700; text-transform: uppercase;}
h2 {color: #000; margin-top: 20px; font-size: 22px; margin-bottom: 20px; letter-spacing: 2px; font-weight: 700; text-transform: uppercase;}
h3 {color: #3ab5e5; margin-top: 20px; font-size: 22px; letter-spacing: 2px; margin-bottom: 20px; text-transform: uppercase; font-weight: 600;}
h4 {color: #fff; margin-bottom: 20px;}
h6 {font-size: 18px; line-height: 32px; padding: 20px 6%; color: #000; display: block; width: 90%; text-align: center; margin-bottom: 30px; background-color: #e2e2e2; font-weight: 500;}

.page-id-2 h1, .page-id-2 h2 {font-size: 14px; margin-bottom: 0px; line-height: 26px; letter-spacing: 1px; margin-top: 0px; text-transform: none;}

span.h1 {font-size: 28px; text-transform: uppercase; font-weight: 700; letter-spacing: 5px; margin-bottom: 50px; display: block; }
span.h2 {font-size: 32px; text-transform: uppercase; font-weight: 700; letter-spacing: 3px; display: inline-block; margin-bottom: 40px;}
span.h3 {font-size: 24px; text-transform: uppercase; font-weight: 700; display: inline-block; margin-bottom: 40px;}
span.name {color: #2d9fd8; display: block; font-weight: bold; font-size: 20px; letter-spacing: 1px;}
span.title {font-size: 16px; letter-spacing: 1px;}

#heading {position: absolute; text-align: center; margin-top: -12%; width: 100%;}
#heading.home {margin-top: -28%;}
#heading span.h1, #photo span.h1 {text-align: center; font-size: 45px; color: #000; text-transform: uppercase; display: inline-block; font-weight: 600; position: relative; z-index: 9999!important;}
#heading span.h1::after {display: inline-block; position: relative; width: 100%; height: 40px; background-color: #2BA7DE; content: ''; top: -48px!important; z-index: -1; opacity: 0.6; left: 14px;}

#photo span.h1::after {display: inline-block; position: relative; width: 100%; height: 40px; background-color: #2BA7DE; content: ''; top: -25px!important; z-index: -1; opacity: 0.6; left: 11px; float: left;}

#column1 {width: 48%; padding-right: 1%; float: left; text-align: center;}
#column2 {width: 48%; padding-left: 1%; float: right; text-align: center;}

.leftside {
float: left;
width: 70%;
}

.rightside {
float: right;
width: 30%;
}

#areas p {color: #fff; padding: 20px 20px; margin-bottom: 0px; text-align: center;}
#areas h3 {text-align: center;}
#areas h4 {color: #fff; font-size: 32px; padding: 10px; margin-bottom: 0px; text-align: center;}
#oncology {width: 50%; float: left; background-color: #3D3A8D;}
#diabetes {width: 50%; float: right; background: url(/images/diabetes.png) #698ED0 bottom right no-repeat; min-height: 573px;}

#diabetes h4 {background-color: #4472C4;}

p.blue1 {background-color: #4D4A97;}
p.blue2 {background-color: #59569E;}
p.blue3 {background-color: #7674AF;}
p.blue4 {background-color: #698ED0;}

.sticky-popup .popup-header {background-color: #FA5819!important; border: 0px solid!important;}
.sticky-popup-right .popup-title {-webkit-transform: rotate(180deg)!important;
-moz-transform: rotate(180deg)!important;
-o-transform: rotate(180deg)!important;}


/* Shutter Out Horizontal */
.hvr-shutter-out-horizontal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  background: #e1e1e1;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-shutter-out-horizontal:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #000;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
border-radius: 50px;
}
.hvr-shutter-out-horizontal:hover, .hvr-shutter-out-horizontal:focus, .hvr-shutter-out-horizontal:active {
  color: white;
}
.hvr-shutter-out-horizontal:hover:before, .hvr-shutter-out-horizontal:focus:before, .hvr-shutter-out-horizontal:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

.logo_showcase .slick-slide img {border: 0px solid!important;}

#case-studies {background-color: #e2e2e2; width: 100%; float:left; margin-top: 50px; overflow: hidden; max-width: 100%;}
#case-studies #right img {margin-top: 0px;}
#case-studies #left {padding: 5% 0px; margin-left: 20%; width: 28%;}
#case-studies #left a {font-size: 22px; color: #fff; background-color: #2D9FD8; text-decoration: none; font-weight: 500; font-style: normal; padding: 10px 30px; border-radius: 50px; text-transform: uppercase; display: inline-block; margin-top: 20px;}

/* -------- MAIN NAVIGATION ---------- */

#nav-wrapper {
position: fixed; top: 0;
width: 100%;
height: auto;
float: left;
background: #fff;
z-index: 99999;
padding: 0px!important;
}

div#nav {
max-width: 1200px;
margin: 0px auto!important;
position: relative;
z-index: 1000!important;
width:90%;
padding: 30px 5% 0px 5%;
}

#logo {width: 20%; float: left;}
nav#nav {width: 59%; float: left; text-align: center; margin-top: 15px;}

#nav ul {list-style: none; margin-bottom: 0px!important;}
nav#nav a {color: #000; text-decoration: none; text-transform: uppercase; padding: 6px 10px 8px 10px; margin: 0px 8px; font-weight: 500; font-size: 16px; border: 2px solid #fff; border-radius: 30px;}

nav#nav a:hover /*li.current_page_item a*/ {border: 2px solid #2D9FD8; border-radius: 30px;
transition-property: all;
  transition-duration: 0.2s;
  transition-timing-function: ease;
  transition-delay: 0s;
color: #2D9FD8;}

li#menu-item-16 a {padding-right: 0px;}

nav ul ul {display: none;}
nav ul li:hover > ul {display: block;}
nav ul {list-style: none; position: relative; display: inline-table; z-index: 1000;}
nav ul:after {content: ""; clear: both; display: block;}
nav ul li {float: left;}
nav ul li:hover {}
nav ul li:hover a {color: #fff;}

nav ul li a {
display: block;
color: #757575; text-decoration: none;
}

nav ul ul {
border-radius: 0px;
padding: 0;
position: absolute; 
top: 100%;
background-position: top center;
background-repeat: repeat;
margin-top: 0px;
margin-top: 47px\9;
margin-top: 0px\0/IE9;
background-color: #fff;
text-align: left;
box-shadow: 1px 1px 5px #e2e2e2;
}

nav ul ul li {
float: none; 
position: relative;
z-index: 1000!important;
background-image: none!important;
}

nav ul ul li a {
font-size: 14px!important;
text-transform: none!important;
font-style: normal!important;
margin: 0px!important;
padding: 12px 15px!important;
color: #000;
z-index: 1000!important;
font-weight; normal!important;
background-image: none!important;
background-color: #fff!important;
border: 0px solid!important;
border-bottom: 1px solid #e2e2e2!important;
border-radius: 0px!important;
}	

nav ul ul li a:hover {
color: #2D9FD8!important;
/*background-color: #E90000!important;*/
border: 0px solid!important;
border-bottom: 1px solid #e2e2e2!important;
border-radius: 0px!important;
}

nav ul ul ul {
position: absolute; left: 100%; top:0;
}

.collapseomatic {color: #fff; font-weight: 600; background-image: none; padding-left: 0px; font-size: 16px; display: block;}
.collapseomatic_content {margin-left: 0px;}

#phone {float: right; text-align: center; margin: 0px; width: 20%; letter-spacing: 2px; margin-top: -20px;}
#phone p {color: #2D9FD8; font-size: 16px; line-height: 45px; text-transform: uppercase; font-weight: 300;}
#phone a {font-size: 20px; color: #fff; background-color: #2D9FD8; text-decoration: none; font-weight: bold; font-style: normal; padding: 5px 30px; border-radius: 50px;}

#search { float: left; }
#search input {border: 1px solid #82A3C5; padding: 5px; background-color: #82A3C5; color: #fff;}
#search input#searchsubmit {background-color: #7499BF; border: 0px solid; font-weight: bold;}

.animation-element {
  opacity: 0;
  position: relative;
}

/*============================================================ */
/*====================SERVICES SECTION======================== */
/*============================================================ */

.col-md-3 {width: 33%; float: left; text-align: center;}
#about-row {width: 100%; float: left; margin: 30px 0px;}

@import url(http://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css);
@import url(https://fonts.googleapis.com/css?family=Raleway:400,500,700);
.snip1369 {
  font-family: 'Raleway', Arial, sans-serif;
  position: relative;
  float: left;
  overflow: hidden;
  margin: 10px 1%;
  /*min-width: 230px;*/
  max-width: 90%;
  width: 100%;
  background: #57b1df;
  text-align: left;
  color: #fff;
  /*box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);*/
  font-size: 16px;
}
.snip1369 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.snip1369 > img,
.snip1369 .image img {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
  max-width: 100%;
height: auto;
width: 100%;
}
.snip1369 > img {
  vertical-align: top;
  position: relative;
  -webkit-filter: blur(5px);
  filter: blur(5px);
  opacity: 0.6;
}
.snip1369 figcaption,
.snip1369 .image {
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}
.snip1369 .image {
  position: absolute;
  top: 0;
  bottom: 0px;
  right: 0;
  left: 0;
  overflow: hidden;
  box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.1), 0px 1px 0 rgba(255, 255, 255, 0.2);
}
.snip1369 .image img {
  position: absolute;
  top: 0;
}
.snip1369 figcaption {
  position: absolute;
  top: 75%;
  bottom: 46px;
  left: 15px;
  right: 15px;
  padding-top: 20px;
  z-index: 1;
}
.snip1369 h3,
.snip1369 p {
  margin: 0;
}
.snip1369 h3 {
  font-weight: 700;
  margin-bottom: 5px;
  text-align: center;
}
.snip1369 p {
  font-size: 14px; line-height: 19px;
  letter-spacing: 0px;
  font-weight: 400;
  opacity: 0;
  color: #fff;
}
.snip1369 .read-more {
  display: block;
  opacity: 0;
  -webkit-transform: translateX(-20px);
  transform: translateX(-20px);
  line-height: 48px;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding: 0 20px;
  color: #ffffff;
  right: 0;
  bottom: 0;
  font-weight: 500;
  position: absolute;
}
.snip1369 a {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  z-index: 1;
}
.snip1369:hover .read-more,
.snip1369.hover .read-more,
.snip1369:hover figcaption,
.snip1369.hover figcaption {
  opacity: 1;
  -webkit-transform: translateX(0px);
  transform: translateX(0px);
}
.snip1369:hover figcaption,
.snip1369.hover figcaption,
.snip1369:hover .image,
.snip1369.hover .image {
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}
.snip1369:hover figcaption,
.snip1369.hover figcaption {
  top: 10%;
}
.snip1369:hover .image,
.snip1369.hover .image {
  bottom: 90%;
}
.snip1369:hover p,
.snip1369.hover p {
  opacity: 1;
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}

.services-text{
text-align:center;
padding-bottom:20px;	
}

/* ----- ANIMATIONS ----- */

/*animation element sliding left*/

.animation-element.slide-left {
overflow: hidden;
  opacity: 0;
  -moz-transition: all 500ms linear;
  -webkit-transition: all 500ms linear;
  -o-transition: all 500ms linear;
  transition: all 500ms linear;
  -moz-transform: translate3d(-300px, 0px, 0px);
  -webkit-transform: translate3d(-300px, 0px, 0px);
  -o-transform: translate(-300px, 0px);
  -ms-transform: translate(-300px, 0px);
  transform: translate3d(-300px, 0px, 0px);
}

.animation-element.slide-left.in-view {
  opacity: 1;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}

/*animation element sliding right*/

.animation-element.slide-right {
overflow: hidden;
  opacity: 0;
  -moz-transition: all 500ms linear;
  -webkit-transition: all 500ms linear;
  -o-transition: all 500ms linear;
  transition: all 500ms linear;
  -moz-transform: translate3d(300px, 0px, 0px);
  -webkit-transform: translate3d(300px, 0px, 0px);
  -o-transform: translate(300px, 0px);
  -ms-transform: translate(300px, 0px);
  transform: translate3d(300px, 0px, 0px);
}

.animation-element.slide-right.in-view {
  opacity: 1;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}

#left.align-right {text-align: right!important;}
#left.align-right img {float: left!important; margin-top: -20px;}
#right.align-left {text-align: left!important;}
#right.align-left img {float: right!important; margin-top: -20px;}

#section a {text-transform: uppercase; padding: 10px 30px; border-radius: 30px; border: 2px solid #2D9FD8; color: #2D9FD8; text-decoration: none;}

/* Shutter Out Horizontal */
.hvr-shutter-out-horizontal-blue {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  background: #fff;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-shutter-out-horizontal-blue:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #2D9FD8;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
border-radius: 30px;
color: #fff!important;
border: 2px solid #2D9FD8;
}
.hvr-shutter-out-horizontal-blue:hover, .hvr-shutter-out-horizontal-blue:focus, .hvr-shutter-out-horizontal-blue:active {
  color: white!important;
}
.hvr-shutter-out-horizontal-blue:hover:before, .hvr-shutter-out-horizontal-blue:focus:before, .hvr-shutter-out-horizontal-blue:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

/* ---------- CONTACT FORM & SIDEBARS ---------- */

#contact {margin-top: 70px; float: left; width: 100%;}
h3.gform_title {text-align: center!important; font-size: 45px!important; color: #000; text-transform: uppercase; display: inline-block; font-weight: 600; position: relative; z-index: 9999!important;}
h3.gform_title::after {display: inline-block; position: relative; width: 100%; height: 40px; background-color: #2BA7DE; content: ''; top: -45px!important; z-index: -1; opacity: 0.6; left: 15px;}
.gform_heading {text-align: center;}
.gfield > div.ginput_container > input.medium {border: 0px solid; border-bottom: 1px solid #2BA7DE; font-size: 18px!important;}
#contact .gfield > div.ginput_container > input.medium {width: 50%; border: 0px solid; border-bottom: 1px solid #2BA7DE; float: left; padding: 0px!important; font-size: 18px!important;}
#contact .one input.medium {width: 58%!important;}
#contact .three input.medium {width: 62%!important;}
#contact .four input.medium {width: 54%!important;}
#contact .five input.medium {width: 64%!important;}
#contact .six input.medium {width: 57%!important;}
#contact .seven input.medium {width: 75%!important;}

.gform_wrapper ul.gform_fields:not(.top_label) .gfield_label {width: auto!important; font-weight: normal; font-size: 18px;}
#contact .gform_wrapper ul.gform_fields:not(.top_label) .gfield_label {margin-bottom: 50px!important;}

.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type="submit"], .gform_wrapper .gform_page_footer input.button, .gform_wrapper .gform_page_footer input[type="submit"] { background-color: #fff; color: #2BA7DE; border: 2px solid #2BA7DE; border-radius: 30px; text-transform: uppercase; font-size: 18px; padding: 15px 40px; letter-spacing: 3px;}
.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit], .gform_wrapper .gform_page_footer input.button, .gform_wrapper .gform_page_footer input[type=submit] {margin: 0px auto!important; display: block;}
.gform_wrapper .gform_footer:not(.top_label) {margin-left: 0px!important; width: 100%;}

.page-id-8 #contact {display: none;}
.page-id-8 h3.gform_title {font-size: 36px!important;}
.page-id-8 h3.gform_title::after {display: inline-block; position: relative; width: 100%; height: 24px; background-color: #2BA7DE; content: ''; top: -40px!important; z-index: -1; opacity: 0.6; left: 15px;}

/* ---------- Blog Styles ---------- */

#blog {margin-top: 100px;}
#blog article {width: 31%; float: left; display: block; background-color: #fff; margin: 0px 1% 50px 1%; display: inline-block; min-height: 800px!important;}
#blog article img {width: 100%; height: auto; margin-bottom: 0px;}
#blog article h1 {font-family: 'nevis', sans-serif!important; text-transform: uppercase; font-weight: normal; margin-top: 35px;}
#blog h3 {text-transform: uppercase; font-weight: 300;}

#blog .entry-title, .comments-link, .entry-meta, .entry-content {padding: 0px;}
#blog footer.entry-meta {font-size: 11px;}
#blog article .entry-header {margin-top: -35px;}
#blog article a {text-decoration: none; font-weight: bold; color: #2D9FD8;}
#blog h3 a {font-weight: 500;}

/* -------- FOOTER ---------- */

#footer-wrapper {
float: left;
width: 100%;
background: url(/images/footer-bg.png) #2ba7de bottom right no-repeat;
margin-top: 40px;
padding-top: 40px;
padding-bottom: 300px;
}

#footer {max-width: 1100px; margin: 0px auto; font-size: 14px; color: #fff; text-align: left;}
#footer h3 {font-size: 30px; color: #fff; text-transform: none; letter-spacing: 0px;}
#footer h4 {text-transform: uppercase; font-size: 18px;}
#footer #left {float: left; width: 70%; text-align: left;}
#footer #right {float: right; width: 30%; text-align: right;}
#footer #right p {text-align: right; float: right;}
#col1 {width: 30%; float: left; margin: 0px 1%;}

#footer ul {
list-style: none;
display: block;
float: left;
}

#footer ul ul {
display: none;
}

#footer li {
float: none;
color: #fff;
display: block;
margin-right: 10px;
}

#footer strong {text-transform: uppercase;}

#footer a {
color: #fff;
text-decoration: none;
font-weight: normal;
}

#footer a:hover {
color: #000;
}

#footer p {
color: #fff;
font-size: 14px;
float: left;
text-align: center;
display: block;
}

#footer p strong {
}

#footer p a {
font-weight: bold;
}

#mobile-logo {display: none;}
iframe.mobile {display: none;}
#wprmenu_menu.left, #wprmenu_bar {z-index: 9999999;}




@media screen and (max-width: 1650px) {
}

@media screen and (max-width: 1500px) {
}

@media screen and (max-width: 1400px) {
}

@media screen and (max-width: 1300px) {
}

@media screen and (max-width: 1200px) {
#heading span.h1 {font-size: 34px!important;}
#heading span.h1::after {height: 32px!important; top: -35px!important;}
#case-studies #left {width: 40%; margin-left: 5%;}
}

@media screen and (max-width: 1024px) {
#photo {margin-top: 80px;}
.tp-simpleresponsive .caption, .tp-simpleresponsive .tp-caption {font-size: 28px!important; margin-left: -80px!important;}
#photo a.blue-button, #photo a.white-button {margin-left: 80px!important;}
nav#nav {width: 100%; float: left;}
nav#nav a {font-size: 16px!important; margin: 0px 10px;}
#footer-wrapper {width: 96%; padding: 2%;}
#content {width: 94%; padding: 3%;}
#phone {margin-top: -150px; width: 40%}
}

@media screen and (max-width: 1023px) {
.menu-main-menu-container {float: right; margin-right: 10px;}
#buttons {width: 100%!important;}
#content {width: 94%; padding: 2%;}
nav#nav {width: 100%; float: left; text-align: center!important; margin-top: -10px!important;}
}

@media screen and (max-width: 800px) {
#heading span.h1::after {left: 0px!important;}
#left, #right, #content #left, #content #right {width: 96%; padding: 2%; border: 0px solid;}
#left.align-right, #right.align-left {text-align: center!important;}
#right.align-left img, #left.align-right img {float: none!important;}
#case-studies #left {margin: 0px; width: 90%; padding: 5%; text-align: center;}
.tp-simpleresponsive .caption, .tp-simpleresponsive .tp-caption {font-size: 24px!important; margin-left: -80px!important;}
#gray-area.home2 p {padding-right: 0px;}
nav#nav {width: 100%;}
nav#nav a {font-size: 12px!important; margin: 0px 8px;}
#phone {margin-bottom: 20px;}
#phone a {font-size: 20px;}
#buttons {width: 100%!important; padding: 0px!important; margin-top: 10px!important;}
.gform_wrapper form {max-width: 80%!important;}

.animation-element.slide-left {
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}
.animation-element.slide-right {
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}

}

@media screen and (max-width: 767px) {
#phone {width: 100%!important; margin-top: 0px!important;}
#footer-wrapper {background-image: none!important;}
.col-md-3 {width: 100%;}
.snip1369 {max-width: 100%;}
#blog article {width: 100%;}
#blue-area img {max-width: 100%;}
#footer #right {text-align: left;}
#photo {margin-top: 0px;}
#contact input {width: 90%!important; padding: 5%;}
#contact .submit_button {width: 100%!important;}
div#nav {padding-top: 0px;}
#gray-area.home img {max-width: 100%; width: 100%; margin: 0px 0px 10px 0px; height: auto;}
#logo img {margin: 0px auto!important;}
a.white-button {margin-bottom: 20px;}
#gray-area.home2 p {padding: 0px;}
#heading, #heading.home {margin-top: 0px; position: relative;}

#heading span.h1, #photo span.h1 {text-align: center; font-size: 28px; color: #000; text-transform: uppercase; display: inline-block; font-weight: 600; position: relative; z-index: 9999!important; margin-top: 20px;}
#heading span.h1::after {display: none}

#news-wrapper {width: 90%;}
#nav-wrapper {position: relative!important;}
span.pipe1 {font-size: 24px;}
span.pipe2 a {font-size: 18px;}
nav#nav {display: none;}
#footer #left, #footer #right {width: 96%; padding: 2%;}
#footer img {width: 100%!important; height: auto;}
#col1 {width: 96%; padding: 2%; float: left;}
#oncology, #diabetes {width: 100%;}
#diabetes {margin-top: 20px;}
#mobile-logo {display: block; margin: 0px auto; width: 92%; padding: 0px 4% 4% 4%;}
#mobile-logo p {text-align: center;}
#mobile-logo img {max-width: 100%; height: auto;}
ul.social {list-style: none;}
ul.social li {float: left;}
ul.social li {width: 20%; height: auto;}
#column1, #column2 {width: 100%;}
#buttons-mobile {display: block;}
#buttons-mobile img {width: 100%; margin: 0px;}
#button1, #button2, #button3, #button4 {margin-right: 0px; width: 39%; margin-bottom: 10px; padding: 5% 5%; margin-right: 1%;}
#testimonials-wrapper {display: none;}
#contact h3 {
font-size: 28px;
}

#contact span.phone {
font-size: 18px;
}
}

@media screen and (max-width: 736px) {
#logo {
width: 100%;
}

#logo img {
display: block;
margin: 0px auto; 
}

#buttons {
width: 96%; padding: 2%;
margin-top: -20px;
}

#content {
width: 94%!important;
padding: 3%!important;
border: 0px solid #fff!important;
}

#content img {
max-width: 100%;
height: auto;
}

#content input, 
#content textarea {
width: 98%;
}

.leftside {
width: 100%;
}

.rightside {
float: none;
width: 100%;
}

.rightside img {
margin-top: 30px;
}

#footer {
padding: 0px 5%;
}

#footer li {
float: none;
}
#footer table {
display: none;
}
}