/*
Theme Name: Total SDI
Theme URI: http://densleonis.com
Author: Ryan Kolalis
Author URI: http://densleonis.com
Description: The layout for Total SDI
Version: 999.9
License: GNU General Public License

-------------------------------------------------------------- */
/* Reset By Eric Meyer's Reset CSS v2.0 - THANKS 
-------------------------------------------------------------- */

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{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}


/* GIBSON FONT */
@font-face {
    font-family: Gibson Reg;
    src: url(fonts/gibson/gibson-regular.ttf);
}
@font-face {
    font-family: Gibson Light;
    src: url(fonts/gibson/gibson-light.ttf);
}
@font-face {
    font-family: Gibson Semi;
    src: url(fonts/gibson/gibson-semibold.ttf);
}
@font-face {
    font-family: Gibson Bold;
    src: url(fonts/gibson/gibson-bold.ttf);
}


/* PROXIMA FONT */
@font-face {
    font-family: Proxima light;
    src: url(fonts/proxima/proxima_nova_light.ttf);
}
@font-face {
    font-family: Proxima Regular;
    src: url(fonts/proxima/proxima_nova_regular.ttf);
}
@font-face {
    font-family: Proxima Semi;
    src: url(fonts/proxima/proxima_nova_semibold.ttf);
}
@font-face {
    font-family: Proxima Bold;
    src: url(fonts/proxima/proxima_nova_bold.ttf);
}
@font-face {
    font-family: Proxima Extra Bold;
    src: url(fonts/proxima/proxima_nova_extrabold.ttf);
}




/* Start Some Base Styles
-------------------------------------------------------------- */
body,
button,
input,
select {
  padding: 0;
  margin: 0;
  background: rgba(230, 230, 230, 1);
  font-family: "Proxima Regular", Helvetica, sans-serif;
  line-height: 26px;
  font-size: 16px;
  color:#5c5b5c;

  
}

/* General Font Styles
-------------------------------------------------------------- */

h1,
h2,
h3,
h4,
h5,
h6 {
  clear: both;
  font-family: "Gibson Semi", Helvetica, sans-serif;
  color:#4d4d4d;
}
h1 {
  /* line-height: 71px; */
  font-size: 40px;
  margin-top:20px;
  margin-bottom:20px;
}
h2 {
  /* line-height: 50px; */
  font-size: 20px;
  margin-top:5px;
  margin-bottom:5px;
}
h3 {
/*   line-height: 41px;*/
  font-size: 22px;
  font-family:Proxima Bold;
}
h4 {
/*  line-height: 26px;*/
  font-size: 18px;
}
hr {
  background-color: #000;
  border: 0;
  height: 1px;
}
/* Text elements */
p {
  margin-bottom: 20px;
    color:#5c5b5c;
}
ul,
ol {
  margin: 0 0 16px 50px;
}
ul {
  list-style: disc;
}
ol {
  list-style: decimal;
}
ul ul,
ol ol,
ul ol,
ol ul {
  margin-bottom: 0;
  margin-left: 16px;
}
dt {
  font-weight: bold;
}
dd {
   margin: 0 0 16px 30px;
}
b, strong {
  color: #5c5b5cs;
  font-family: proxima bold, Helvetica, Arial, sans-serif;
  font-weight: bold;
}
dfn,
cite,
em,
i {
  font-style: italic;
}
blockquote {
  margin-left: 40px;
}
address {
  margin: 0 0 16px;
}
pre {
  background: #eee;
  font-family: "Courier 10 Pitch", Courier, monospace;
  font-size: 0.7em;
  line-height: 24px;
  margin-bottom: 24px;
  padding: 24px;
  overflow: auto;
  max-width: 100%;
  box-shadow: 0 3px 5px #ddd inset;
}

/* clear floats */
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.clearfix {
  display: inline-block;
}
html[xmlns] .clearfix {
  display: block;
}
* html .clearfix {
  height: 1%;
}

#primary a {
  color: #ed174b;
  text-decoration: none;
}



/* Posts/Articles
-------------------------------------------------------------- */
article {
  background: transparent;
  padding: 0;
  margin-bottom: 80px;
  border-bottom: 1px solid #dddddd;
}
article .title {
  color: #404040;
  line-height: 56.24px;
  font-size: 38px;
  font-size: 60pxpx;
  font-weight: 400;
  text-align: center;
  letter-spacing: 1px;
}
article .title a {
  text-decoration: none;
  color: #404040;
}
article .title a:hover {
  color: #084352;
}
article .post-meta {
  margin-bottom: 40px;
  font-size: 14px;
  text-align: center;
  font-family: "Karla", Helvetica, sans-serif;
  text-transform: uppercase;
  font-weight: 500;
}
article .post-meta a {
  color: #888888;
  text-decoration: none;
}
article .post-meta a:hover {
  color: rgba(136, 136, 136, 0.5);
}
article .the-content a {
  font-weight: 900;
  text-decoration: none;
}
article .the-content p {
  color: #191919;
  text-align: justify;
}
article .the-content img {
  width: 100%;
  height: auto;
}
article .meta {
  line-height: 14.8px;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: .9px;
}
article .meta div {
  margin:1px auto;
}
article .meta .post-categories {
  list-style: none;
  margin: 0 0 10px 0;
}
article .meta .post-categories li {
  display: inline-block;
  margin-right: 10px;
}
/* Page loop styling */
.page article {
  border-bottom: none;
}
.page article .title {
  margin-bottom: 40px;
}
/* Pagination */
#pagination {
  margin-bottom: 40px;
  width: 100%;
}
#pagination .past-page {
  float: right;
  width: 49%;
  text-align:right;
}
#pagination .next-page {
  float: left;
  width: 50%;
  border-right: 1px solid #ccc;
  height: 200px;
}
.next-page a, .past-page a {
  font-size: 2em;
  font-family: "Quicksand", Helvetica, sans-serif;
  font-weight: 400;
  font-style: italic;
  padding: 10%;
}
/* Comments */
h3#comments {
  margin-bottom: 80px;
  font-size: 16px;
}
.commentlist {
  list-style: none;
  margin: 0;
}
.commentlist .comment {
  margin: 0 0 40px 50px;
  padding: 20px;
  position: relative;
  list-style: none;
  -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}
.commentlist .comment .children {
  margin-top: 40px;
}
.commentlist .comment-author {
  float: left;
  margin-right: 10px;
}
.commentlist .comment-author img {
  position: absolute;
  left: -50px;
  top: 5px;
  -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}
.commentlist .comment-author .says {
  display: none;
}
.comment-meta {
  font-size: 12px;
  margin-bottom: 10px;
}
.comment-subscription-form,
.comment-subscription-form {
  margin-bottom: 0;
  font-size: 14px;
}
#respond {
  margin-bottom: 80px;
}
#respond > h3 {
  font-size: 16px;
  margin-bottom: 20px;
}
#respond form label {
  color: #888888;
}

.alignleft {
  float: left;
  margin-right: 2%;
}

.align-center {
  text-align: center;
  float: left;
  width: 100%;
}

.align-right {
  text-align: right;
  float: left;
  width: 100%;
}

/* misc */
img {
  max-width: 100%;
  width: 100%;
  height: auto;
}

img.iconimage {
  width: auto;
  margin-bottom: 10px;
}


img.size-thumbnail.noscale {
  height: auto;
  max-width: 200px;
  width: auto;
}

.noscale {
  height: auto;
  max-width: auto;
  width: auto !important;
}

.quarterscale {
  width: 75%;
  height: auto;
}


	


/* start theme specs */


header {
  float: left;
  width: 100%;
  position:relative;
}

footer {
  float: left;
  width: 100%;
  background:#373737;
}

.main-fluid {
  float: left;
  width: 100%;
}


.the-button {display:none;}
.menu-main-menu-container {display:block;}

.container {
	margin:0 auto;
	width:98%;
	max-width:1200px;
}

/* header and menu */

header {
	z-index:10;
  border-top:20px solid #ec184b;
  background:rgba(56, 56, 54, 0.9); 	
   -webkit-box-shadow:0 1px 8px rgba(0, 0, 0, 0.5), 0 0 40px rgba(0, 0, 0, 0.1);
       -moz-box-shadow:0 1px 8px rgba(0, 0, 0, 0.5), 0 0 40px rgba(0, 0, 0, 0.1);
            box-shadow:0 1px 8px rgba(0, 0, 0, 0.5), 0 0 40px rgba(0, 0, 0, 0.1);
}

header .container {
	padding:10px;	
	position:relative;
}

.thelogo {
  float: left;
  margin-bottom: 15px;
  margin-top: 10px;
}

.topnav {
	position:absolute;
	right:0;
	top:0;
}

.topnav ul {
  list-style-type: none;
  margin: 0;
  position: relative;
  right: 40px;
}

.topnav li {
  background: none repeat scroll 0 0 #ec184b;
  float: left;
  font-size: 14px;
  padding: 5px 5px 5px 10px;
}

.topnav li:first-child {
background:none;
margin-right:10px;
}
.topnav li:last-child {
position:relative;
z-index:1;
}


.topnav li:last-child:after {
  border-right: 44px solid #ec184b;
  bottom: 0;
  content: " ";
  display: block;
  height: 37px;
  left: -30px;
  position: absolute;
  top: -1px;
  transform: skew(-30deg, 0deg);
  transform-origin: bottom left;
  -ms-transform: skew(-30deg, 0deg);
  -webkit-transform: skew(-30deg, 0deg);
  transform-origin: left bottom 0;
  width: 100%;
  z-index: -1;
}



.topnav li a{
text-decoration:none;
color:#fff;
}

.topnav li a:after {
content:"|";
margin-left:10px;
}
	
.topnav li:first-child a:after {
	content:"";
}
.topnav li:last-child a:after {
	content:"";
}

/* main nav */

.the-button { display:none; cursor:pointer; color:#fff; text-align:center; height:40px;}
.the-button:before { content: "\f0c9"; font-family: FontAwesome; margin-right:10px;}

.the-sub-button { display:none; cursor:pointer; color:#fff; text-align:center; height:40px;}
.the-sub-button:before { content: "\f0c9"; font-family: FontAwesome; margin-right:10px;}

.menu-main-menu-container {display:block;}

.menu-about-nav-container {display:block;}
.menu-assessments-container {display:block;}
.menu-certification-container {display:block;}
.menu-certification-container {display:block;}
.menu-events-container {display:block;}
.menu-knowledge-source-container {display:block;}

.mainnav {
  float: left;
  width: 77%;
  font-size:18px;
}
.mainnav ul {
  float: right;
  list-style-type: none;
  margin: 55px 0 0;
  padding: 0;
}
.mainnav li {
  float: left;
  padding-right: 30px;
  padding-bottom: 10px;
}
.mainnav li a {
	color:#fff;
	text-decoration:none;	
	text-transform:uppercase;
}
.mainnav li:last-child {
  margin-right: 0;
}

/* lets try a mega sub menu */


#thesub {
  background: none repeat scroll 0 0 #666;
   -webkit-box-shadow:0 1px 8px rgba(0, 0, 0, 0.5), 0 0 40px rgba(0, 0, 0, 0.1);
       -moz-box-shadow:0 1px 8px rgba(0, 0, 0, 0.5), 0 0 40px rgba(0, 0, 0, 0.1);
            box-shadow:0 1px 8px rgba(0, 0, 0, 0.5), 0 0 40px rgba(0, 0, 0, 0.1);
  border-bottom: 5px solid #ed174b;
  float: left;
  position: absolute;
  top: 120px;
  width: 100%;
  z-index: 8;
  display:none;
  padding:20px 0;
  color:#fff;
}

#thesub:hover {/*display:block !important;*/}



.mainnav .sub-menu {
  background:#666; 	
  left: 0;
  position: absolute;
  right: 0;
  top: 49px;
  border-bottom:5px solid #ed174b;
  
}

ul.sub-menu {
  padding: 20px;
  display:none;
}

.mainnav li.menu-item-has-children:hover .sub-menu {
  display: block;
}


#thesub .textwidget > img {
  width: 90%;
}

#thesub h3, #thesub h3 a {
  color: #fff !important;
  font-size: 14px;
  margin-bottom: 5px;
  text-decoration: none;
  margin-top: 5px;
  line-height: 1;
  font-family:proxima bold !important;
}

#thesub .textwidget {
  line-height: 18px;
  font-size: 14px;
  font-family:proxima light;
  
}

#thesub .textwidget a {
  color: #bfc5c5;
  text-decoration:none;
  font-size: 14px;
  font-family:proxima light;
}
#thesub .textwidget a:hover {
   color:#fff;
}

.callhover:hover .tooltip {
display:block;
	
}
.callhover {
	position:relative;	
}

.tooltip {
  background: none repeat scroll 0 0 #ed174b;
  border-radius: 12px;
  color: #fff;
  display: none;
  font-weight: bold;
  height: 36px;
  left: 40px;
  line-height: 2;
  padding-left: 20px;
  padding-right: 20px;
  position: absolute;
  top: -50px;
  z-index: 1000;
}

.tooltip::before {
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 20px solid #ed174b;
  height: 0;
  width: 0;
  position: absolute;
  left: 13px;
  content: "";
  bottom: -14px;
}




.hideme {display:none;}


/* mega widget areas */

.mega-menu-widget {
  float: left;
  width: 20%;
}
.textwidget b {
  color: #fff;
}


/* general styles */

.pagetitle h1 {
  font-family: Proxima Regular;
  color:#fff;
}

.mainbody a {
  color: #00b3f0;
  text-decoration:none;
}


.red {
  color: #ed174b;
}

.blue {
  color:#00b3f0;
}

.redbutton {
  background: none repeat scroll 0 0 #ec184b;
  color: #fff !important;
  float: left;
  font-size: 14px;
  font-weight: bolder;
  margin-bottom: 10px;
  padding: 5px 0;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  width: 100%;
}

.redbutton-arrow {
  background: none repeat scroll 0 0 #ec184b;
  color: #fff !important;
  float: left;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 10px;
  padding: 5px 80px 5px 20px;
  text-align: left;
  text-decoration: none;
  text-transform: uppercase;
}
.redbutton-arrow:after {
  content: ">";
  position: relative;
  right: -50px;
  top: -1px;
}


.bluebutton {
  background: none repeat scroll 0 0 #00b3f0;
  color: #fff !important;
  float: left;
  font-size: 14px;
  font-weight: bolder;
  margin-bottom: 10px;
  padding: 5px 0;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  width: 100%;
}

.bluebutton-arrow {
  background: none repeat scroll 0 0 #00b3f0;
  color: #fff !important;
  float: left;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 10px;
  padding: 5px 80px 5px 20px;
  text-align: left;
  text-decoration: none;
  text-transform: uppercase;
}
.bluebutton-arrow:after {
  content: ">";
  position: relative;
  right: -50px;
  top: -1px;
}


.pushdown {
  margin-bottom: 40px;
}

div.indent {
  margin-left: 40px;
}

.showmorebutton {
	float:left;
	width:100%;
	text-align:center;	
	margin-bottom:40px;
	cursor:pointer;
}

#show-events-btn {
  background: #00b3f0;
  border: 0;
  color: #fff;
  font-family: proxima bold;
  padding: 4px 0;
  width: 50%;
  cursor:pointer;
}

.half {
  float: left;
  width: 45%;
  margin-bottom: 10px !important;
}

.wp-caption img {
  border: 2px solid;
}
.wp-caption-text {
  color: #fff;
  background: #000;
  text-align: center;
   border: 2px solid #000;
   float:left;
   width:100%;
}
.wp-caption.alignleft {
  margin-right: 8%;
}


.scale {
  max-width: 400px;
}
.center {
	text-align:center;
}



/* steps ol */


ol.steps {
  counter-reset: round-counter;
  float: left;
  list-style-type: none;
  margin-left: 0px;
  width: 100%;
  text-align:left;
}

ol.steps li {
	position:relative;
	float:left;
	background: rgb(243,242,243); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YzZjJmMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkZWRlZGUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left,  rgba(243,242,243,1) 0%, rgba(222,222,222,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(243,242,243,1)), color-stop(100%,rgba(222,222,222,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(243,242,243,1) 0%,rgba(222,222,222,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(243,242,243,1) 0%,rgba(222,222,222,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(243,242,243,1) 0%,rgba(222,222,222,1) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(243,242,243,1) 0%,rgba(222,222,222,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f2f3', endColorstr='#dedede',GradientType=1 ); /* IE6-8 */
	padding:10px 20px 9px 80px;
    width: 11%;
}

.steps li::before {
  background: none repeat scroll 0 0 #ed174b;
  border-radius: 50%;
  color: #fff;
  content: counter(round-counter, decimal);
  counter-increment: round-counter;
  font-size: 18px;
  left: 35px;
  padding: 3px;
  position: absolute;
  text-align: center;
  top: 6px;
  width: 25px;
}

ol.steps:before {
  background: #f3f2f3;
  width: 15px;
  float: left;
  position: relative;
  content: "";
  height: 45px;
  border-radius: 25px 0px 0 25px;
}

ol.steps:after {
  background: #dedede;
  width: 15px;
  float: left;
  position: relative;
  content: "";
  height: 45px;
  border-radius: 0px 25px 25px 0px;
}

ol.steps li:last-child::after {
display:none;

}

ol.steps li::after {
  border-bottom: 25px solid transparent;
  border-left: 20px solid #dedede;
  border-top: 20px solid transparent;
  content: " ";
  display: block;
  height: 0;
  left: 100%;
  margin-top: -20px;
  position: absolute;
  top: 45%;
  width: 0;
  z-index: 2;
}

.mainbody ul.steps li, .mainbody ol.steps li {
  margin-bottom: 0px !important;
}

.thegradient {
background: rgb(243,242,243); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YzZjJmMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkZWRlZGUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left,  rgba(243,242,243,1) 0%, rgba(222,222,222,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(243,242,243,1)), color-stop(100%,rgba(222,222,222,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(243,242,243,1) 0%,rgba(222,222,222,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(243,242,243,1) 0%,rgba(222,222,222,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(243,242,243,1) 0%,rgba(222,222,222,1) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(243,242,243,1) 0%,rgba(222,222,222,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f2f3', endColorstr='#dedede',GradientType=1 ); /* IE6-8 */
}


/* home box shadows */

.effect1 {
  	position:relative;       
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}

.effect1:before, .effect6:after {
  border-radius: 100px / 100px;
  bottom: 0;
   -webkit-box-shadow:0 0 20px rgba(0,0,0,0.6);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.6);
    box-shadow:0 0 20px rgba(0,0,0,0.6);
  content: "";
  left: 10px;
  position: absolute;
  right: 10px;
  top: 50%;
  z-index: -1;
}

.effect2 {
  position: relative;
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1);
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1);
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1);
}
.effect2:before, .effect2:after {
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:530px;
  background: #777;
  -webkit-box-shadow: 0 15px 10px #777;
  -moz-box-shadow: 0 15px 10px #777;
  box-shadow: 0 15px 10px #777;
  -webkit-transform: rotate(-1deg);
  -moz-transform: rotate(-1deg);
  -o-transform: rotate(-1deg);
  -ms-transform: rotate(-1deg);
  transform: rotate(-1deg);
}
.effect2:after {
  -webkit-transform: rotate(1deg);
  -moz-transform: rotate(1deg);
  -o-transform: rotate(1deg);
  -ms-transform: rotate(1deg);
  transform: rotate(1deg);
  right: 10px;
  left: auto;
}



.effect3 {
  position: relative;
  -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1);
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1);
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1);
}
.effect3:before, .effect3:after {
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 77%;
  max-width:300px;
  background: none;
  -webkit-box-shadow: 0 15px 10px #000;
  -moz-box-shadow: 0 15px 10px #000;
  box-shadow: 0 15px 10px #000;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}
.effect3:after {
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}

.effect4 {
  position: relative;
  -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1);
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1);
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1);
}
.effect4:before, .effect4:after {
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 20px;
  width: 50%;
  top: 77%;
  max-width:440px;
  background: none;
  -webkit-box-shadow: 0 15px 20px #000;
  -moz-box-shadow: 0 15px 20px #000;
  box-shadow: 0 15px 20px #000;
  -webkit-transform: rotate(-2deg);
  -moz-transform: rotate(-2deg);
  -o-transform: rotate(-2deg);
  -ms-transform: rotate(-2deg);
  transform: rotate(-2deg);
}
.effect4:after {
  -webkit-transform: rotate(2deg);
  -moz-transform: rotate(2deg);
  -o-transform: rotate(2deg);
  -ms-transform: rotate(2deg);
  transform: rotate(2deg);
  right: 20px;
  left: auto;
}

.padding10 {
  padding: 10px;
}

.padding20 {
  padding: 20px;
  float:left;
  width:100%;
}

.padding40 {
  padding: 40px;
}

.box {
	float:left;
	width:100%;
	background-color:#fff;
	margin-bottom:40px;	
}


/* slider */

.sliderbox {
  background-size:cover;
  float: left;
  height: 900px;
  margin-top: -120px;
  width: 100%;
}


/* general single page */


.single {
  background:url("images/triangle-logo.png") no-repeat scroll 0 0 / auto auto rgba(230, 230, 230, 1);
}

.single .box {
  width: 98%;
  margin-left: 1%;
}

.single .padding40 {
  padding: 40px;
  float: left;
}


.archive {
  background:url("images/triangle-logo.png") no-repeat scroll 0 0 / auto auto rgba(230, 230, 230, 1);
}

.page {
  background:url("images/triangle-logo.png") no-repeat scroll 0 0 / auto auto rgba(230, 230, 230, 1);
}


.lines {
  border-top: 1px solid;
  border-bottom: 1px solid;
  padding: 10px 0px;
  display: inline-block;
  width: 100%;
}

.archive .box {
  width: 98%;
  margin-left: 1%;
}

.archive .padding40 {
  padding: 40px;
  float: left;
}

.archivetop {
  float: left;
  width: 100%;
  margin-bottom: 20px;
}


.pagetitle {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
  border-top: 4px solid;
  color: #fff;
  float: left;
  margin-left: 40px;
  margin-top: 100px;
  padding-left: 40px;
  padding-right: 140px;
  width: auto;
}


.pagemenu {
  float: left;
  width: 100%;
  background: #363636;
  position:relative;
}

.pagemenu:before {
  border-left: 20px solid transparent;
  border-right: 0px solid transparent;
  border-top: 30px solid #363636;
  content: "";
  height: 0;
  width: 0;
  position: absolute;
  bottom: -30px;
  left:0;
}

.pagemenu:after {
  border-left: 0 solid transparent;
  border-right: 20px solid transparent;
  border-top: 30px solid #363636;
  bottom: -30px;
  content: "";
  height: 0;
  position: absolute;
  width: 0;
  right: 0;
}

.pagemenu ul {
  float: left;
  list-style-type: none;
  margin: 10px 0 10px 10px;
  padding: 0;
}

.pagemenu li {
  border-left: 1px solid #666;
  border-right: 1px solid #000;
  float: left;
  padding: 10px 20px;
}

.pagemenu li:first-child {
  border-left: 0px solid #666;
  border-right: 1px solid #000;
}

.pagemenu li:last-child {
  border-left: 1px solid #666;
  border-right: 0px solid #000;
}

.pagemenu li a {
	color:#fff !important;
	text-decoration:none;	
}

.pagemenu li.current-menu-item a {
  font-family: proxima bold;
}

@media screen and (-webkit-min-device-pixel-ratio:0) { 
 .pagemenu li.current-menu-item a {
  font-family: proxima bold;
  font-weight: bold;
}
}

.pagemenu li:last-child {
  margin-right: 0;
}


.mainbody {
  float: left;
  width: 70%;
  margin-right: 3%;
}

.mainbody h1 {
line-height:40px;	
}


.thesidebar {
	float:left;
	width:27%;/* was 22%*/
}

.mainbody.full {
	width:100%;	
}


.company-widgets {
  float: left;
  width: 100%;
}


.after-content {
  float: left;
  width: 100%;
}


/* form styles */

.formwrapper > h2 {
  border-radius: 40px 40px 0 0;
  height: 70px;
  text-indent: 80px;
  color: #ed174b !important;
  padding-top: 30px;
  margin-bottom: -30px;
  margin-top: 30px;
  float: left;
  width: 100%;
  background: rgb(238,238,240); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlZWVmMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(238,238,240,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,238,240,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(238,238,240,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(238,238,240,1) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(238,238,240,1) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(238,238,240,1) 0%,rgba(255,255,255,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeef0', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
}


.formrow {
  float: left;
  margin-bottom: 20px;
  margin-left: 80px;
  width: 80%;
}

.formrow span {
  float: left;
  width: 45%;
}

.formrow .titles {
  float: left;
  width: 100%;
}

.formrow .fields {
  float: left;
  width: 100%;
}

.formrow input {
	text-indent:5px;	
}

.formrow .titles span:first-child {
  margin-right: 5% ;
}

.formrow .fields span:first-child {
  margin-right: 5% ;
}



.formrow.full span {
  float: left;
  width: 100%;
}

.formrow input {
  background: none repeat scroll 0 0 #eee;
  border: 3px solid #999;
  padding: 5px 0;
  width:100%;
}

.formrow textarea {
  background: none repeat scroll 0 0 #eee;
  border: 3px solid #999;
  padding: 5px 0;
  width:100%;
}
.wpcf7-form-control-wrap.howyouheard {
	width:100%;	
}



.formrow .StateProvince {
  width: 20%;
}
.formrow .ZipPostalCode {
  width: 30%;
}

.formrow .Country {
  width: 50%;
}

.formrow .fields .country select {
  width: 100%;
}

.formrow .fields select {
  padding:7px 0;
}

span.state {
  float: left;
  width: 20%;
}

span.zip{
  float: left;
  width: 20%;
}

.StateProvince select {
  width: 80%;
}

span.wpcf7-not-valid-tip {
  width: 100% !important;
}

.ajax-loader {
  width: 10px;
  height: auto;
  max-width: 10px;
}

.formrow input[type="submit"] {
  background: #ec184b;
  width: 30%;
  border: 0;
  cursor: pointer;
  color:#fff;
}

.wpcf7-response-output {
  float: left;
  width: 100%;
  margin-top: 0 !important;
}

.formrow.full textarea {
  width: 100%;
  float: left;
}

/* div.wpcf7-validation-errors {
  border: 0px;
}
div.wpcf7-mail-sent-ok {
  border: 0px;
} */



/* sidebar styles */

.blackbox {
  float: left;
  width: 100%;
  background: #000;
  color: #fff;
}

.blackbox h3 {
  font-family: Proxima regular;
  font-size: 27px;
  color: #42b2da;
}

.blackbox a {
  font-weight: bold;
  font-size: 18px;
  letter-spacing: 1;
  margin-top: 4px;
  float: left;
  width: 100%;
  margin-bottom: 15px;
  text-decoration:none;
  color:#fff !important;
} 

/* note graybox & greybox exist in this css - GREYBOX is a UL style*/

.graybox {
  float: left;
  width: 100%;
  background: #ebebeb;
  color: #666;
  margin-top:40px;
}

.graybox h3 {
  color: #1db680;
  font-family: Proxima Bold;
  font-size: 20px;
  margin-bottom: 20px;
  margin-top: 10px;
}

.graybox span {
  margin-top: 20px;
  float: left;
  margin-left: 10px;
}

.graybox img {
  float:none;/* was left*/
}

/* used to center images */
.thesidebar .textwidget {
  text-align: center;
}
.thesidebar .graybox h3,
.thesidebar .textwidget .graybox b,
.thesidebar .graybox li {
  text-align: left;
}
/* used to center images */

.graybox a {
  background: none repeat scroll 0 0 #1db680;
  float: left;
  line-height: 0;
  margin-bottom: 20px;
  width: 100%;
  text-decoration: none;
  color: #fff !important;
  font-weight: bold;
  font-size: 18px;
  position:relative;
}

.graybox a span:after{
	content:"\f04b";
	position:absolute;
	right:20px;
	font-family:FontAwesome;
}	


.graybox h3.red {
margin-bottom:5px;	
}

.thesidebar .graybox {
  background: #f1f2f2 none repeat scroll 0 0;
  float: left;
  padding: 20px;
  width: 85%;
  margin-top:0px;
}


.thesidebar .graybox li {
  line-height: 18px;
  margin-bottom: 10px;
}

.thesidebar .graybox.pushdown a{
  margin-bottom: 0px;
}

.graybox.pushdown > a {
  background: transparent;
}

.thesidebar .graybox.pushdown > img {
  max-width: 197px;
  width: 100%;
  margin-bottom:10px;
}

.textwidget .graybox > b {
  color: #000 !important;
  float: left;
  font-size: 14px;
  line-height: 15px !important;
  margin-bottom: 15px;
  margin-top: 5px;
}

.textwidget .graybox b {
  color: #666;
}


.textwidget .graybox > ul {
  color: #666;
  float: left;
  list-style-type: disc;
  margin-left: 20px;
}	

.thesidebar .graybox .red {
  color: #ed174b !important;
}


/* geneal content layouts */

.alignright {
  float: right;
  width: 40%;
  padding-left: 30px;
  padding-bottom: 10px;
}

.single h2 {
	color:#ed174b;
    margin-top: 15px;
    width: 100%;
}

.archive h2 {
	color:#ed174b;
    margin-top: 15px;
    width: 100%;
}

.page h2 {
	color:#ed174b;
    margin-top: 15px;
    width: 100%;
}


.mainbody ul li, .mainbody ol li {
  margin-bottom: 20px;
}


.mainbody ul.indent li:before {
  content: "";
}

h2.grayheader {
  border-radius: 40px 40px 0 0;
  height: 70px;
  text-indent: 40px;
  color: #ed174b !important;
  padding-top: 30px;
  margin-bottom: -30px;
  margin-top: 30px;
  float: left;
  width: 100%;
  background: rgb(238,238,240); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlZWVmMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(238,238,240,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,238,240,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(238,238,240,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(238,238,240,1) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(238,238,240,1) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(238,238,240,1) 0%,rgba(255,255,255,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeef0', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
}

.colwrap {
  float: left;
  width: 100%;
}
.one-third {
float:left;
width:30%;	
}
.two-thirds {
float:left; width:70%;	
}

.single-company .one-third {
float:left;
width:45%;	
}
.single-company .two-thirds {
float:left; width:55%;	
}

.one-third.img-adjust img {
  margin-top: -17px;
}

.aline {
  border-top: 1px solid;
  float: left;
  margin-bottom: 25px;
  margin-top: 20px;
  width: 100%;
}

.grid-it,
.grid-it li {
  float: left;
  width: 100%;
}

.grid-it .one-third img {
  border: 2px solid #ccc;
  float: left;
  width: 100%;
}

.grid-it .one-third {
  float: left;
  width: 20%;
  margin-right: 20px;
}



/* blue box list items */


.mainbody ul.bluebox li {
  list-style-type: none;
  text-indent: -11px;
}
.mainbody ul.bluebox li:before {
  color: #00b3f0;
  content: "\f04d";
  font-family: FontAwesome;
  font-size: 14px;
  right: 10px;
  position: relative;
}

.right {
	text-align:right;
	float:right;	
}

/* big grey box list items */
ol.greybox li {
  background: none repeat scroll 0 0 #ebebeb;
  clear: both;
  float: left;
  padding: 30px;
  color:#464646 !important
}

/* big ordered list numbers */
ol.numbers {
  counter-reset: round-counter;
  float: left;
  list-style-type: none;
  margin-left: 110px;
  width: 75%;
  text-align:left;
}

ol.numbers li {
	position:relative;	
}

.numbers li::before {
  border: 3px solid;
  border-radius: 50%;
  color: #00b3f0;
  content: counter(round-counter, decimal);
  counter-increment: round-counter;
  font-size: 40px;
  left: -90px;
  padding: 20px;
  position: absolute;
  top: 20px;
  width: 24px;
  text-align: center;
}

.numbers li:hover:before {
  background: #00b3f0;
  color: #fff !important;
}

.numbers li:last-child {
  margin-bottom: 0 !important;
}
.numbers li{
  margin-bottom: 40px !important;
}

.numbers li.red::before { color:#ec184b !important;}
.numbers li.red:hover:before { background:#ec184b !important;color: #fff !important;}



/* if numbers are in grey box */

ol.numbers.greybox {
  margin-left: 50px;
  width: 85%;
  margin-top: 20px;
}
ol.numbers.greybox li {
  padding-left: 110px;
  padding-top:15px;
  padding-bottom:15px;
}

.numbers.greybox li::before {
  border: 3px solid;
  border-radius: 50%;
  color: #00b3f0;
  content: counter(round-counter, decimal);
  counter-increment: round-counter;
  font-size: 40px;
  left: 20px;
  padding: 20px;
  position: absolute;
  text-align: center;
  top: 39px;
  width: 24px;
}

.numbers.greybox li.red:hover:before { background:#ec184b !important;color: #fff !important;}



.subitem {
  float: left;
  width: 100%;
  margin-bottom: 20px;
}
.subcontent {
  float: left;
  width: 100%;
}
.subitem.hasimage .subcontent {
	float:left;
	width: 70%!important;
	margin-right:5%;	
}
.subimage {
  float: left;
  width: 25%;
}
.subitem .subimage > a {
  float: right;
  text-align: right;
  width: 100%;
}





/* steps */
.stepswrapper {
	float:left;
	width:100%;
	margin-top:20px;
}
.astep {
	float:left;
	width:100%;	
	margin-bottom:20px;
}

.stepimage {
	float:left;
	width:20%;
	margin-right:5%;	
}

.stepcontent{
	float:left;
	width:75%;	
}


/* 404 */

.error404 .box {
  width: 98%;
  margin-left: 1%;
}

.error404 .padding40 {
  padding: 40px;
  float: left;
}



/* footer */

.site-footer { border-top: 10px solid #ec184b; }

footer {
  text-align: center;
  padding-bottom: 40px;
  font-size: 12px;
  min-height:110px;
}

#signup {
	display: table;
	width: 100%;
	padding-top: 20px;
}
#signup p {
  color: #fff;
  padding-bottom: 10px;
	font-size: 18px;
}
#signup .wpcf7-not-valid-tip {
  bottom: -35px;
  left: 0;
  position: absolute;
  width: auto;
}
#signup .wpcf7-form-control {
	height: 40px;
	padding: 5px;
	border: 0;
}
#signup .wpcf7-submit {
	border: 0;
	background: #ec184a;
	color: #fff;
	height: 40px;
	padding: 5px 18px;
	text-transform: uppercase;
	font-weight: bold;
	cursor: pointer;
}
#signup .wpcf7-response-output {
	background: #fff;
	width: 400px;
	margin: 0 auto;
	float: none;
}
#signup .wpcf7-form-control-wrap.Name {
  margin-right: 20px;
}
#signup .Name input {
  width: 250px;
}


.thefooter {
  border-bottom: 1px solid #eee;
  border-top: 1px solid #eee;
  float: left;
  margin: 10px 0;
  padding: 40px 0 50px;
  width: 100%;
  position:relative;
	margin-bottom: 20px
}

footer .footer-widgets {
  float: left;
  width: 16.66%;
}

footer .footer-widgets.text-5 {
  position: absolute;
  bottom: 0;
  left: 16.66%;
  width:21%;
}

footer .footer-widgets.text-53 {
  position: absolute;
  bottom: 0;
  left: 39%;
  width:21%;
}
.footer-widgets.text-53 .bluebutton {
  font-size: 13px;
  text-transform: none;
}

footer .text-2 a {
  color: #fff;
  font-size: 33px;
  margin-right: 5px;
}

footer .menu-main-menu-container {
  float: left;
  margin-top: 20px;
}

footer ul {
	margin:0;	
}

footer .menu li a {
  color: #fff;
  font-size: 14px;
  text-decoration: none;
}
footer .menu li a:hover{
	color:#fff;	
}

footer .menu li:first-child a {
	font-weight:bold;
	font-size:16px;
}

footer .menu li {
  color: #fff;
  float: left;
  list-style-type: none;
  text-align: left;
  width: 100%;
  line-height: 1.6;
}

footer h3.title {
  color: #fff;
  font-size: 16px;
  text-align: left;
  font-weight: normal;
}


footer .textwidget {
  color: #fff;
  line-height: 1.5;
  text-align: left;
}

.copyright p{
	float:left;
	width:100%;
	color:#fff;
}

.thefooter .redbutton {
  text-transform: none;
}

footer a {
  color: #fff;
  font-size: 14px;
  text-decoration: none;
}


footer a.bold {
  font-size: 16px;
  font-weight: bold;
}



/* blog */

.single-knowledge_source .mainbody {
  width: 100%;
}

.apost {
  float: left;
  width: 50%;
}

.blogimage {
  padding-right: 15px;
  position: relative;
  padding-bottom: 15px;
}

.bloginfo {
  color: #fff;
  position: absolute;
  right: 15px;
  text-align: right;
  top: 20px;
  width: 46%;
  background: rgba(0,0,0,0.60);
  padding: 10px;
}
.bloginfo h2 {
  color: #fff;
  font-family: proxima bold;
  font-size: 16px;
  line-height: 1.5;
  text-transform: uppercase;
}

.bloginfo p {
  color: #fff;
}

.bloginfo a {
	color:#fff !important;	
}

.bloginfo span {
  float: right;
  margin-bottom: 10px;
  margin-top: 15px;
  width: 100%;
}

.bloginfo a {
  color: #fff;
}

.blogimage > a {
  line-height: 0;
}

/* archive posts */

.archive .postitem {
  border-bottom: 1px solid #777;
  float: left;
  width: 100%;
  padding-bottom: 20px;
  margin-bottom: 20px;
}

.archive .postitem:last-child {
  border-bottom: 0px solid #777;
}
.archive.post-type-archive-team .postitem:last-child {
	border-bottom: 2px solid;
}

.archive .postitem h2 {
  margin-bottom: 0;
  padding-bottom: 0;
  line-height: 1;
}

.archive .postinfo {
  color: #464646;
  float: left;
  width: 100%;
  margin-bottom: 20px;
}
.archive .postinfo > span br {
  display: none;
}

.archive .postitem p {
	font-style:italic;	
}



/* blog info full width */

.bloginfo-full {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6);
  bottom: 15px;
  color: #fff;
  left: 0;
  padding: 20px;
  position: absolute;
  right: 15px;
  text-align: center;
  top: 0;
}
.bloginfo-full h2 {
  color: #fff;
  float: none;
  font-family: proxima bold;
  font-size: 32px;
  line-height: 1;
  margin: 12% auto 0;
  text-transform: uppercase;
  width: 90%;
}
.bloginfo-full p {
  color: #fff;
}

.bloginfo-full a {
	color:#fff !important;	
}

.bloginfo-full span {
  float: right;
  line-height: 1;
  text-align: right;
  width: 100%;
  text-transform: uppercase;
}

.bloginfo-full a {
  color: #fff;
}

.bloginfo-full .postinfo {
  position: absolute;
  bottom: 10px;
  right: 10px;
}



#show-blogs-btn {
  background: none repeat scroll 0 0 #ed174b;
  color: #fff;
  text-transform: uppercase;
  border: 0;
  padding: 5px 10px;
  width: auto;
  text-align: center;
  margin: 0 auto;
  font-family: proxima bold;
  cursor:pointer;
}

.showmorebutton {
	float:left;
	width:100%;
	text-align:center;
	margin-top:20px;
}


.single-knowledge_source .showmorebutton {
  float: none;
  margin: 20px auto 0;
  width: 210px;
}

.single-knowledge_source.postid-81 .mainbody,
.single-knowledge_source.postid-16839 .mainbody {
  width: 70% ;
}


.repeat-asset {
	float:left;
	width:100%;
}

.repeater-text {
  float: left;
  width: 70%;
}
.repeater-image{
  float: left;
  width: 30%;
  text-align:center;
}
.repeater-image img {
  width: 80%;
  margin-top: -15px;
}

.repeat-asset {
  border-bottom: 1px solid #ccc;
  float: left;
  margin-bottom: 10px;
  width: 100%;
  padding-bottom: 20px;
}

.repeat-asset:last-child {
  border-bottom:0;	
}

.repeater-text .redbutton-arrow {
  margin-top: 10px;
}



/* global page */

img.map, map area{
    outline: none;
}

.global .banner {
float:left;
width:100%;
margin-bottom:30px;	
}

.global p {
	margin-bottom:30px;
}	


/* WOO */

.page-id-15930 .mainbody, .woocommerce-page .mainbody {
  width: 100%;
}

body.page-id-15930, body.woocommerce-page {
  background: url("images/triangle-logo.png") no-repeat scroll 0 0 rgba(230, 230, 230, 1);
}

header.title {
  background: transparent;
  box-shadow: none;
  border: 0;
}

.cart_totals td {
  text-align: right;
}
.cart_totals th {
  text-align: left;
  font-weight: bold;
}

.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals {
  max-width: 300px !important;
  width: 100% !important;
}

.woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register {
  max-width: 300px !important;
  width: 100% !important;
}


/* temp hack */

.post-type-archive-product.logged-in.woocommerce .page-description {
  display: none !important;
}



/* WOO */

.woocommerce .mainbody, .woocommerce-page .mainbody {
  width: 100%;
}

body.woocommerce, body.woocommerce-page {
  background: url("images/triangle-logo.png") no-repeat scroll 0 0 rgba(230, 230, 230, 1);
}

.woocommerce ul li:before {
  content: none;
}

.payment_method_paypal img {
  width: auto;
}

.woocommerce .related ul li.product, .woocommerce .related ul.products li.product, .woocommerce .upsells.products ul li.product, .woocommerce .upsells.products ul.products li.product, .woocommerce-page .related ul li.product, .woocommerce-page .related ul.products li.product, .woocommerce-page .upsells.products ul li.product, .woocommerce-page .upsells.products ul.products li.product {
  width: 23%;
  float: left;
  clear: none;
}

select {
  background: none repeat scroll 0 0 #eee;
  border: 3px solid #999;
  padding: 5px 0;
}

.woocommerce .quantity .qty {
   background: none repeat scroll 0 0 #eee;
  border: 3px solid #999;
  padding: 5px 0;
}

.input-text {
   background: none repeat scroll 0 0 #eee;
  border: 3px solid #999;
  padding: 5px 0;
  text-indent:10px;
}

.select2-choice.select2-default {
  background: none repeat scroll 0 0 #eee;
  border: 3px solid #999;
   text-indent:5px;
}

.button.add_to_cart_button.product_type_simple::before {
  content: "\f07a";
  font-family: FontAwesome;
  margin-right: 10px;
  margin-left: 10px;
}

.woocommerce div.product form.cart .button::before {
   content: "\f07a";
  font-family: FontAwesome;
  margin-right: 10px;
}

.woocommerce ul.products li.product .price {
  margin-bottom:0;
  float: right;
}

.woocommerce ul.products li.product h3 {
  margin: 0;
  padding: 0;
  float: left;
  text-indent: 0px;
  width:80%;
  line-height:18px;
}


.shopitem {
	position:relative;	
}

.woocommerce ul.products li.product .shopitem .button {
  margin-top: 0;
}

.shopitem .button.add_to_cart_button {
  position: absolute;
  top: 86%;
  left: 0;
  right: 0;
  display:none;
  }
  
.shopitem .button.add_to_cart_button.added {
  position: absolute;
  top: 66%;
  left: 0;
  right: 0;
  display:none;
 }

.shopitem:hover .button.add_to_cart_button {
	display:block;
}

.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
  background-color: #f7f7f7;
  border-radius: 0;
  box-shadow: none;
  color: #000 !important;
  font-weight: lighter;
  text-transform: uppercase;
}

.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
  background-color: #f7f7f7;
  border-radius: 0;
  box-shadow: none;
  color: #000 !important;
  font-weight: lighter;
  text-transform: uppercase;
}

.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {
  background-color: #666;
  color: #fff !important;
  font-weight: lighter;
  text-transform: uppercase;
}


.woocommerce .related ul li.product, .woocommerce .related ul.products li.product, .woocommerce .upsells.products ul li.product, .woocommerce .upsells.products ul.products li.product, .woocommerce-page .related ul li.product, .woocommerce-page .related ul.products li.product, .woocommerce-page .upsells.products ul li.product, .woocommerce-page .upsells.products ul.products li.product {
  clear: none;
  float: left;
  width: 21%;
  margin-right: 4%;
}

.single-product .shopitem .button.add_to_cart_button.added {
  top: 58%;
}


.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
  float: none !important;
  width: 21.05% !important;
  display: inline-block !important;
  box-sizing: border-box !important;
  vertical-align:top;
}


.post-type-archive-product mark.count {
  display: none;
}


.woocommerce ul.products li.product .price {
	display:none !important;
}
.woocommerce div.product p.price, .woocommerce div.product span.price {
  display: none !important;
}
.up-notice {
  text-align: right;
  color: red;
  margin-top: -20px;
}


/* Stuff for event registration */


h2.grayheader {
  border-radius: 40px 40px 0 0;
  height: 70px;
  text-indent: 40px;
  color: #ed174b !important;
  padding-top: 30px;
  margin-bottom: -30px;
  margin-top: 30px;
  float: left;
  width: 100%;
  background: rgb(238,238,240); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlZWVmMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(238,238,240,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,238,240,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(238,238,240,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(238,238,240,1) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(238,238,240,1) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(238,238,240,1) 0%,rgba(255,255,255,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeef0', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
}



/* company  */

.our-story {
  background: none repeat scroll 0 0 #f4f4f4;
  clear: both;
  float:left;
  width:100%;
  margin: 0 0 20px -20px;
  padding: 20px;
}


.our-story .noscale {
  height: auto;
  margin-left: 30px;
  margin-right: 50px;
  width: auto !important;
}

.company-widget .graybox a {
  background: none repeat scroll 0 0 #00b3f0 !important;
  margin-left: 2%;
  width: 30%;
}

.company-widget .graybox h3 {
  color:#00b3f0 !important;
  
}

#global-office {
  margin-top: 30px;
}


.gray {
  color: #666 !important;
  font-size: 18px !important;
}


/* individual page customizations */

.postid-16235 .effect4::before, .postid-16235 .effect4::after {
  box-shadow: 0 0 0 #000;
}


/* crappy remove widgets - for now */
.postid-74 .text-45 {display:none;}

.postid-60 .text-48 {display:none;}
.postid-61 .text-48 {display:none;}
.postid-62 .text-48 {display:none;}
.postid-74 .text-46 {display:none;}
.postid-16072 .text-48 {display:none;}


div.pp_pic_holder {
  top: 10% !important;
}


.page-id-16094 .about-widget.text-45 {
  display: none;
}

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.videoWrapper object,
.videoWrapper embed  {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.videofixer {
  float: left;
  width: 100%;
  margin-bottom: 20px;
}

.thesidebar .textwidget .graybox img.noscale {
  float: left !important;
}


.page-id-153 main, aside {
  display: inline-block;
  width: 70%;
}

.page-id-153 #zrow > div {
  display: inline-block;
  width: 25%;
}
.page-id-153 .row .col {
  display: inline-block;
  vertical-align: top;
  width: 40%;
}
.page-id-153  #zright_col > table {
  width: 100%;
}


/* make that really long menu item in assesmments not break, it does break in mobile (i wannan say green)*/
.text-27 .textwidget > a {
  white-space: nowrap;
}


.text-39 .graybox img {
  float: left;
}

.mainbody h1 .smaller {
  font-size: 70%;
  position: relative;
  top: -10px;
}


/* case studies update */
/* .post-type-archive-case_studies .postitem h2 {
	clear: none;
	color: #444;
	font-family: "Gibson Reg";
}*/
.post-type-archive-case_studies .postitem h2 {
  clear: none;
  color: #5c5b5c;
  font-family: "Proxima Regular",Helvetica,sans-serif;
  font-size: 16px;
  line-height: 26px;
}

.more-link {
	background: none repeat scroll 0 0 #ec184b;
	color: #fff !important;
	float: left;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 10px;
	padding: 5px 80px 5px 20px;
	text-align: left;
	text-decoration: none;
	text-transform: uppercase;
}
.more-link::after {
	content: ">";
	position: relative;
	right: -50px;
	top: -1px;
}


.post-type-archive-case_studies .postitem h2.title {
	color: #ed174b;
	margin-top: 15px;
	width: 100%;
	font-family: "Gibson Semi";
}

/* gray table */
.gray-table {
  max-width: 500px;
  width: 100%;
  float: none;
  margin: 0 auto;
}
.gray-table, .gray-table tr, .gray-table td, .gray-table th {
  border: 1px solid #000;
}
.gray-table th {
  background-color: #606060;
  color: #fff;
  font-weight: bold;
  line-height: 18px;
  padding-bottom: 5px;
  padding-top: 5px;
  vertical-align: middle;
}
.gray-table tr td:first-child {
  background-color: #a0a0a0;
  color: #fff;
}





/* this simple div is added to let you know what media query you are viewing */
.logged-in .site-footer { border-top: 10px solid #FEA500; } /* --------------ORANGE -------------- */



/* Media Queries Done Right On The 100's 
================================================== */


@media only screen and (min-width: 1200px) {  .logged-in .site-footer { border-top: 10px solid #ec184b; } /* -------------- THE TOTAL RED -------------- */

  
}

@media (max-width: 1100px) {  .logged-in .site-footer { border-top: 10px solid #F4E23E; } /* -------------- YELLOW -------------- */

.mainnav {
  width: 74%;
}

/* blog */

.bloginfo h2 {
  line-height: 1;
}
.bloginfo {
  top:5px;
  width: 60%;
  line-height: 1;
}

.thesidebar .graybox {
  width: 82%;
}

footer .footer-widgets.text-53 {
	width:22%
}
.footer-widgets.text-53 .bluebutton {
  padding: 5px 10px;
}

   
}

@media (max-width: 1000px) {  .logged-in .site-footer { border-top: 10px solid #A04FD3; } /* -------------- PURPLE -------------- */


header .container {
  padding: 0;
}

.thelogo {
  width: 22%;
}

.mainnav {
  width: 100%;
}

.mainnav ul {
  margin: 0px 0 0;
}


.bloginfo-full h2 {
  font-size: 30px;
  margin: 7% auto 0;
  width:90%;
}

.repeater-image img {
  margin-top: 0;
  width: 100%;
}

footer .footer-widgets.text-53 {
  width: 25%;
}
   
}
 
@media (max-width: 900px) {  .logged-in .site-footer { border-top: 10px solid #666; } /* -------------- GRAY -------------- */

header .container {
  padding: 0px;
  }

footer .footer-widgets.text-5 {
  width: 30%;
} 

/*blog */

#a-blog-main.apost {
  float: left;
  width: 100%;
} 
.blogimage {
  padding-right: none;
}
.bloginfo {right:10;}
.bloginfo-full h2 {
  margin: 25% auto 0;
}

 .thesidebar .graybox {
  width: 79%;
}

footer .footer-widgets.text-53 {
  left: 50%;
  width: 30%;
}
   
}

@media (max-width: 800px) { .logged-in .site-footer { border-top: 10px solid #638AC0; } /* -------------- the blue -------------- */


.mainnav li {
  padding-right: 25px;
}

footer .container {
  width: 96%;
}

footer .footer-widgets {
  float: left;
  width: 24%;
}
footer .footer-widgets.text-5 {
  left: inherit;
  right: 5%;
  width: 23%;
}

.thesidebar .graybox {
  padding: 15px;
}
.thesidebar .graybox {
  padding: 0px;
  width: 100%;
}

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
  margin: 10px !important;
  width: 28.5% !important;
}

footer .footer-widgets.text-53 {
  left: 0;
  width: 30%;
  position: relative;
}


.page-id-153 main, .page-id-153 aside {
  width: 100%;
}

.page-id-153 #zrow > div {
  width: 100%;
}
.page-id-153 .row .col {
  width: 100%;
}

}

 
@media (max-width: 700px) { .logged-in .site-footer { border-top: 10px solid #447134; } /* -------------- GREEN -------------- */
 
.the-button { display:block;}
.menu-main-menu-container {display:none; border-top:1px solid #fff; padding-top:10px;}

.menu-about-container {display:none;}
.menu-company-menu-container {display:none;}
.menu-store-container {display:none;}


#thesub {
  /* top: 397px; */
  position:relative;
  top:0;
}

.the-sub-button { display:block; margin-top:10px;}
.menu-about-nav-container {display:none; border-top:1px solid #fff; padding-top:10px; float:left; width:100%;}

.menu-about-nav-container {display:none; border-top:1px solid #fff; padding-top:10px; float:left; width:100%;}
.menu-assessments-container {display:none; border-top:1px solid #fff; padding-top:10px; float:left; width:100%;}
.menu-certification-container {display:none; border-top:1px solid #fff; padding-top:10px; float:left; width:100%;}
.menu-certification-container {display:none; border-top:1px solid #fff; padding-top:10px; float:left; width:100%;}
.menu-events-container {display:none; border-top:1px solid #fff; padding-top:10px; float:left; width:100%;}
.menu-knowledge-source-container {display:none; border-top:1px solid #fff; padding-top:10px; float:left; width:100%;}

.pagemenu ul {
  width: 97%;
   margin: 0;
}


.pagemenu li:first-child {
  border-left: 0 solid #666;
  border-right: 0px solid #000;
}
.pagemenu li:last-child {
  border-left: 0;
  border-right: 0;
}
.pagemenu li {
  float: left;
  padding: 10px 0;
  width: 100%;
  text-align: center;
  border-right: 0;
  border-left:0;
}

.thelogo {
  width: 100%;
  text-align: center;
}
.thelogo img {
  width: 260px;
  margin-top: 50px;
}

.mainnav li {
  float: left;
  padding-right: 0;
  text-align: center;
  width: 100%;
}

.mainnav ul {
  margin: 0;
  float: left;
  width: 100%;
}
 
.mainbody {
  margin-right: 0;
  width: 100%;
}

.single-knowledge_source.postid-81 .mainbody,
.single-knowledge_source.postid-16839 .mainbody {
  width: 100% ;
}

.tabswrapper {
  float: left;
  margin-bottom: 50px;
}

.thesidebar {
  float: left;
  width: 100%;
}

.about-widget:first-child { margin-right:4%;}
.about-widget { float: left; width: 48%;}

footer .footer-widgets {
  float: left;
  width: 33%;
} 

footer .footer-widgets.text-5 {
  width: 30%;
}

.thesidebar .graybox {
  width: 94%;
  padding: 8px;
}


.thesidebar > .about-widget {
  float: left;
  margin-top: 20px;
  width: 100%;
}
.about-widget .textwidget {
  float: left;
  width: 50%;
}

.about-widget .about-widget .textwidget {
  float: left;
  width: 100%;
}


.half-right.fist-wys {
  width: 100%;
}

.mega-menu-widget {
  float: left;
  width: 30%;
}

.bloginfo-full h2 {
  margin: 15% auto 0;
}


.company-widget .graybox a {
  width: 95%;
}


footer .footer-widgets.text-53 {
  left: inherit;
  position: absolute;
  width: 40%;
  right: 5%;
  bottom: -50px;
}

    
}

 
@media (max-width: 600px) {  .logged-in .site-footer { border-top: 10px solid #E012DE; } /* -------------- PINK -------------- */


.about-widget:first-child { margin-right:0%;}
.about-widget { float: left; width: 100%;}

.footer-widgets.text-6 {
  margin-bottom: 80px;
}

footer .footer-widgets.text-5 {
  left: 0;
  right: 0;
  width: 100%;
}
.topnav ul {
  right: 20px;
}
.topnav li {
  padding: 5px 0px 5px 10px;
}
.topnav li:last-child::after {
  width: 90%;
}

.single-company .one-third {
width:100%;	
}
.single-company .two-thirds {
width:100%;	
}

.single-company .mainbody {
  margin-right: 0;
  width: 100%;
}

.single.single-company .padding40 {
	float:none;
}
.tabs span {
  font-size: 12px;
}
.text-38 .half {
  width: 100%;
  margin-bottom: 0 !important;
}


.about-widget .textwidget {
  float: none;
  margin: 0 auto;
  max-width: 340px;
  width: 100%;
}

.about-widget .about-widget .textwidget {
  float: none;
}

.repeater-text {
  float: left;
  width: 100%;
}
.repeater-image {
  float: left;
  width: 100%;
}
.repeater-image img {
  max-width: 230px;
  width: 100%;
}


.subimage {
  float: left;
  width: 100%;
  text-align: center;
}
.subimage > img {
  max-width: 250px;
}
.subitem.hasimage .subcontent {
  float: left;
  margin-right: 0;
  width: 100% !important;
}



.single-assessments .pagetitle {
  margin-left: 0px;
  padding-left: 20px;
}
.single-certifications .pagetitle {
  margin-left: 0px;
  padding-left: 20px;
}
.single-knowledge_source .pagetitle {
  margin-left: 0px;
  padding-left: 20px;
}
.single-knowledge_source .pagetitle h1 {
  font-size:22px !important;
  white-space:nowrap;
}


.effect4::before, .effect4::after {
	display:none;
}



.postid-74 ol.numbers.greybox {
  width: 100%;
}
.postid-74 ol.numbers.greybox li {
  padding-left: 98px;
}
.postid-74 .numbers.greybox li::before {
  left: 13px;
}



.blogimage {
  padding-right: 0;
}
.bloginfo-full {
  right: 0;
}


.woocommerce ul.products li.product .price {
  margin-right: 10px;
}

.product .related li {
  width: 48% !important;
  display: inline-block;
  margin-right:2% !important;
}

.woocommerce div.product form.cart .button {
  font-size: 14px;
}
.woocommerce .quantity .qty {
  padding: 0px;
}
.woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register {
  width: 80% !important;
}

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
  margin: 10px !important;
  width: 45% !important;
}

footer .footer-widgets.text-53 {
  bottom: -50px;
  left: inherit;
  position: absolute;
  right: 4%;
  width: 96%;
}
   
}

 
@media (max-width: 500px) {  .logged-in .site-footer { border-top: 10px solid #10F0D9; } /* -------------- TEAL -------------- */




.topnav ul {
  right: 0;
}

.topnav li:first-child {
  margin-right: 0px;
}

.topnav li a::after {
  margin-left: 4px;
}

.topnav li a {
  font-size: 10px;
}
.topnav li:last-child::after {
	display:none;
}

.pagetitle {
  padding-right: 0px;
}

.pagetitle h1 {
  padding-right: 35%;
}

.alignright {
  width: 100%;
}

 
.single .padding40 {
  float: left;
  padding: 20px;
} 
 
footer .footer-widgets {
  float: left;
  width: 50%;
}


ul, ol {
  margin: 0 0 16px 30px;
}


/* blog */
.bloginfo {
  width: 97%;
}
.bloginfo-full h2 {
  font-size: 18px;
  margin: 10% auto 0;
}
.bloginfo-full .postinfo {
  font-size: 12px;
}


.single-knowledge_source .tabscontent .padding20 {
  width: 88%;
}


.single ol.numbers.greybox {
  margin-left: -10px;
}

.archive.post-type-archive-product .padding40 {
  padding: 10px;
}
 
 
 div.pp_pic_holder {
  top: 1% !important;
}


/* #tealislikegreen */
.text-27 .textwidget > a {
  white-space: normal;
}


ul li.half {
  margin-bottom: 0px !important;
  width: 100%;
}


.shopitem:hover .button.add_to_cart_button {
	display:none;
}
.woocommerce form .form-row label {
  line-height: 2;
  font-size: 14px;
}
label[for="rememberme"] {
  display: block !important;
}

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
  width: 42% !important;
}

 footer .footer-widgets.text-53 {
  right: 6%;
  width: 94%;
}	
	
}