@import "dropdown.css";
@import url(//fonts.googleapis.com/css?family=Roboto:400,300,100italic,100,300italic,500,400italic,500italic,700italic,900,900italic,700);
@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:300italic,400italic,700italic,700,300,400);
    /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
    +                                    +
    +  Website development by SeeThrough Web, Toronto, ON, Canada      +
    +  http://seethroughweb.com                      +
    +  info@seethroughweb.com                        +
    +                                    +
    ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ /*


/* global 
==================================================== */


html {
  height: 101%;
}

body, p, h1, h2, h3 h4, h5, h6, ul, ol, li, td {
  margin: 0;
  padding: 0;
  list-style: none;
}

body {
     background:none;
     padding-top: 0;
     font-family:'Roboto', sans-serif;
     zoom: 1;
}

a img {
  border: none;
}

.clear { clear:both;}

.mobile {display:none;}

/* page structure
==================================================== */
.navbar {border-bottom: 1px solid #D2E095 !important;}

#m127 a:after, .blog .news-list-view .news-clear + .row .article:first-child::before{ /*new blog icon */
    /*content:"New"; */
    background: #2e6998  none repeat scroll 0 0;
    border-radius: 35px 35px 35px 0px;
    color: #fff;
    font-size: 10px !important;
    padding: 3px 6px !important;
    position: relative !important;
    top: -20px;
    display: inline !important;
}

footer{min-height: 688px;}

#icontainer {
  padding-bottom:5px; 
  margin: 0 auto;  
  padding-left:0px !important;
  padding-right:0px !important;
}

section {padding:0px !important;}
header {background:none;padding-top:0;height: 175px;border-bottom: 1px solid #D2E095;}
#header_right { float:right; width:200px;font-family: 'Roboto Condensed';}
/*#rcontainer { width:220px; margin-left:20px; float:right; padding-top:25px; }*/
#footer { padding-top:25px; margin-top:25px; border-top:1px solid #FFF; background: url(../img/footer-background.gif); height:200px; color:#FFFFFF;}
#fcontent {   width: 960px;  margin: 0 auto;  }
#footbody {padding-top: 65px;float: left;width: 730px;}
#footbody ul li {font-size:12px;padding-left:20px;}
#footbody a {padding-right: 11px;}
#footbody a.firstone  {padding-left:10px;}#footbody a.lastone  {padding-right:0px !important;}

#footbody .third {border:none;padding-top:5px;}
#footbody div#c294  {margin-left:15px;}
#footbody .thirds .third.last {border:none;}
#development  {text-align: right; padding-right: 10px;}
#development a {color:#232323 !important;}

.home-webuy #content-wedo {
  min-height:452px;
  background:#ecf4fb;
}
.home-webuy #content-wedo .container {
   padding-top: 40px;
  padding-bottom: 40px;
}
.home-webuy #content-webuy {
  min-height:400px;
  padding-top: 40px;
  padding-bottom: 40px;
}
.home-webuy #content-green {
  min-height:452px;
  background:#edefdb;
  padding-top: 40px;
  padding-bottom: 40px;
}
/* swoosh image
=====================================================*/

.home #ocontainer {
 width:100%;
 margin: 0 auto;
}
.swoosh #icontainer,.swoosh_about #icontainer {
  background: url(../img/new-background.png) no-repeat;
  background-position: 500px 175px;
  z-index: 0;
 position: relative;
}
.abut #icontainer { font-size:1em;  }
.about #icontainer p  {
  margin-bottom:5px; font-size:1.15em
}
.swoosh #footer,.swoosh_about #footer{
 margin-top:0px !important;
}
.swoosh #lcontent p {line-height:1.5em;}
.swoosh #lcontent   {padding: 0px 20px !important; clear: both;text-align: justify;position: relative;z-index: -1; }
.swoosh #breadcrumbs { height:1px; }
.swoosh #lcontainer { width:auto;}

/* header 
==================================================== */
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover, .dropdown.active {
 background:#2f6a98 !important;
 color:white !important;
 font-family: 'Roboto Condensed';
}
.top {
  height: 57px;
  background-color: #f4f5f5;
}
#logo {margin-top:18px;}
#logo { float:left; width:180px; padding-left: 10px;}
#logo-mobile {display:none;}
#search {  float: right;  bottom: 4px;  position: relative;}
#search {float:none; bottom:0;}
#indexedsearchbox {float:right;margin-top:15px;}
header > .container {
    height: 120px;
    margin-top: 15px;  
}
.searchbox-sword{  width: 150px;}
#indexedsearchbox input {height:28px;}
.searchbox-sword {border: 1px solid #e8e9e4 !important;}
#indexedsearchbox input {border:none;height:30px;margin-right: -16px;padding: 5px 0 5px 8px;}
.searchbox-button{
  position: relative;
  right: 20px;
}
.tx-macinasearchbox-pi1 input#tx-indexedsearch-searchbox-sword {border: solid 1px #EBF2FA;width: 120px;}
.addthis_counter {
  background-image:url(../img/share.png) !important;
      width: 65px;
    height: 60px !important;
    background-repeat: no-repeat;
}
.addthis_button_expanded {visibility:hidden !important;}
.addthis_counter .atc_s { background:none !important;}
.addthis_counter.addthis_pill_style.addthis_nonzero a.addthis_button_expanded{display:none !important;}
#topsupmenu { width:200px; padding-left: 50px;}
#topsupmenu li {
  padding-top:10px;
}
#topsupmenu a { color:#FFFFFF; text-decoration:none; font-size:1.4em; padding-left:5px; text-transform:uppercase; font-weight:bold;border-left:1px solid #FFF; }
/*styles home page*/
body.home          {background-color:#ebf2fa;}
.home #breadcrumbs {display:none;}
.home #icontainer  {padding-bottom:0px;position:relative;z-index:1;}
.home ul#mainmenu  {margin-right: -13px;margin-top: 1px;}
.home #lcontent    {padding:0px;}
.home #lcontent  img   {margin:0px;}
.home #lcontainer    {width:750px;}
.home #rcontainer    {width: 210px; height: 328px; margin-left:0px;padding-top: 0px; background: url(../img/new-background.png) no-repeat; background-position: 100% 0%;}
.home #footer     {margin-top:0px;position: relative;bottom: 28px;z-index:0;}
.home #footer a   {text-decoration:none !important;}
.home div#c247 li {padding-bottom:0px;}
.home #rcontent h1, .home #rcontent h1 a {background:none;padding:0px; text-decoration:none;}
.home #rcontent h1 a { color: #01407F ; text-decoration:none; }
.home #rcontent { padding-left:10px;}
#content {margin-top:70px;margin-bottom:40px;}
.home div#c247 img {height:213px;}


#navbar ul .dropdown-menu {
       left: 15px;
}

/* menus 
==================================================== */
 .nav.navbar-nav li {
   margin-left: 0;
}
 .nav.navbar-nav li:hover{
    background:#22538c;
}
.nav.navbar-nav li a {
  height: 38px;
  position: relative;
  bottom: 0px;
}

ul#mainmenu { margin-top:6px; display:block; width:100%; float:right; margin-right:2px; z-index:999;} /* imported */
#breadcrumbs { clear:both; font-size:1.8em; color:#bcbec2; margin-top:25px; display:block; height:30px; }
#breadcrumbs a { color:#bcbec2; text-decoration:none;font-size: 12px;}
#breadcrumbs li { float:left; padding:0 5px !important; list-style-type:none !important; border-left:1px solid; color:##BCBEC2;}
#breadcrumbs li.first { background-image:none; padding-left:8px; border-left:none; }
.csc-sitemap li li, .csc-sitemap li li li { font-size:1em !important;}
#footer a { text-decoration:none; color:#FFFFFF;}
#footer a:hover { text-decoration:underline;}

/* body of website
==================================================== */
#lcontainer h1 {
   border-bottom: 1px solid #b0c363;
  padding-bottom: 5px;
  margin-bottom: 30px;
}


#lcontainer ul, #rcontent ul, li {
  margin-left:10px; 
  display: table;
  
}
#lcontainer li, #rcontent li, .home-page #content li {
  margin: auto;
   font-size:16px;
  padding-bottom:10px;
  display: table-row;
}

#lcontainer .csc-textpic-imagewrap  li, #rcontent .csc-textpic-imagewrap li { background:none; padding:0px; list-style-type:none; margin:0px;}
#lcontainer .csc-textpic-imagewrap  ul, #rcontent .csc-textpic-imagewrap ul { margin:0px; padding:0px;}

#lcontainer .third li, #rcontent .third li {
  margin: auto;
  font-size:1.2em !important; 
  padding-bottom:10px;

}

#lcontainer { }
#rcontent li.csc-textpic-image { list-style-type:none; padding:0px; background:none; margin:0px;}
#rcontent div.csc-textpic-imagerow ul { margin:0px; padding:0px;}

#lcontent { margin: 0px 0; padding: 10px 20px;  }
#rcontent {padding-left: 10px;}

/*Brands Boxes*/
.box {
 padding: 15px 30px;
}
.box h2 {margin-top:0px; color:#fff;}
.box h3 {margin:0px;}
.box h3 a {color:#fff;}

.green-box {
  background:#bdcc71;
}
.darkBlue-box {
  background:#2c689a;
}
.magenta-box {
  background:#7B2770;
}
.yellow-box {
  background:#d2bd00;
}
.lightBlue-box {
  background:#9bc8ef;
}

/* footer of website
==================================================== */
#stw {margin-top:25px;}
#footerlogos {padding-top:35px;  overflow: hidden;  margin-bottom: 75px;}
#footerlogos img {margin-bottom:15px;}
#footmenu{padding-top:20px;line-height:21px;padding-bottom:20px;}
#footlogos,
#footemail,
#copyright,
#copyright p, #stw a, #footmenu a, #menufooter a, #menufooter {font-size:14px;color:white;font-weight:normal;  overflow: hidden; }

#footmenu p { text-align:center;}
#menufooter a {margin: 0 5px;}
#footlogos { float:right; width:180px;  border-left:2px solid #999; /*padding: 15px 10px 15px 20px;*/ margin-left:10px;margin-top:28px;margin-bottom:38px; }
#footlogos p { font-size:1.3em; font-weight:bold;}
#footlogos a { color:#0187c8;}
#footerlogos .first.col-md-3 {  margin-left: 12%;}
#footercontent {border-top: 36px solid #b0c363;background: #225488;text-align:center;padding-bottom: 50px;}
#menufooter li {float:left;margin-left:0px;}
#menufooter ul {float:none; width:800px;margin:0 auto;}
#footmenu a {font-size:17px;}
#footmenu #m31 a, #footmenu #m48 a, #footmenu #m102 a, #footmenu #m91 a, #footmenu #m149 a, #footmenu #m34 a, #footmenu #m32 a,#footmenu #m33 a,#footmenu #m10 a,#footmenu #m69 a,#footmenu #m57 a,#footmenu #m96 a, #footmenu #m148 a, #footmenu #m147 a    {text-transform:uppercase; font-weight:600;}
#footmenu #m31, #footmenu #m149, #footmenu #m56, #footmenu #m124, #footmenu #m46, #footmenu #m42,#footmenu #m10, #footmenu #m70,#footmenu #m108, #footmenu #m148 a, #footmenu #m93   {margin-bottom:28px;}
.csc-frame-rulerBefore {
  border:1px solid #909ea9;
  padding-left: 25px;
}
/* Standard Typography 
==================================================== */
body {   color: #232323; font-family: 'Roboto Condensed', sans-serif;}
.home-webuy h1 {
  font:300 34px 'Roboto', sans-serif;
    color: #2e6998;
}
.home-webuy h2 {
   font: 30px 'Roboto', sans-serif;
    color: #44423d;
}
.home-webuy h3 {
   font: 20px 'Roboto', sans-serif;
}
.home-webuy #content p , .home-webuy .tx-powermail {
   font-family: 'Roboto Condensed', sans-serif;
   font-size: 18px;
  color: #1e210c;
    line-height: 25px;
}
.home-webuy #content-wedo p, .home-webuy #content-green p, .home-webuy #content-webuy p {
   font-size:20px;
   color:#44423d;
   font-weight:300;
   line-height: 30px;
}
.home-webuy #content-wedo span, .home-webuy #content-green span, .home-webuy #content-webuy span {
  font-weight:normal !important;
}
.home-webuy  section a {
   color:#2e6998;
   text-transform: uppercase;
   text-decoration:underline;
   font-size: 14px;
  font-weight: bold; 
}

h1 { font-size:   2em; margin-bottom:10px; color:#006699; }
h2 { font-size: 1.6em; margin-bottom:10px;  color:#006699;}
h3 { font-size: 1.5em; margin-bottom:10px; color:#006699; font-weight:normal;}
h4 { font-size: 1.6em !important; color:#7F9D07;}
h5 { font-size: 1.3em; margin-bottom:10px; }
h5 a { font-size: 1.2em; text-decoration:none; color:#fff !important; padding:5px; background-color: #cb0101;}
/* h5.headerDesc { margin:0px; height:1px; line-height:1px; text-indent:-99999px; } h5 is replaced by image.  We're also displaying the text for seo purposes, but way to the left */
h6 { font-size:   1em; margin-bottom:10px;}
p, td  { font-size: 16px; margin-bottom:10px;  color: #44494c;line-height: 20px;}
.home-page h1{font-size:24px; color:#225488;  margin-bottom: 25px;}
a { color: #000; }
.align-right   { text-align:right;}
.align-left   { text-align:left;}
.align-center    { text-align:center;}
.align-justify   { text-align:justify;}
.indent { margin-left:50px; }
.red, .red a { color: #c31818; }
.red-bold, .red-bold a { color: #c31818; font-weight:bold; }
.red a, .red-bold a { text-decoration:none; }
#rcontent ul { padding: 10px 10px 10px 25px; background-color:#f4f9e1;  margin-top: 50px;}
#lcontent li::before, #rcontent li::before, #content li:before {
  content: "";
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid #b0c363;
  float: left;
  position: relative;
  top: 4px;
    margin-right:10px;
    display: table-cell;
}
.blog #rcontent li::before {top: 9px;}
 #lcontent .f3-widget-paginator li:before {
  border-left: 5px solid rgba(32, 32, 30, 0);
  border-top: 0px solid transparent;
    border-bottom: 0px solid transparent;
}
.home-page #content li{  color: #44494c;}
#rcontent ul  li a, #lcontent ul  li a{
  font-size: 16px;
  text-decoration: none;
  color: #225488;
  margin-left: 8px;
  /*display: table-row;*/
}
#rcontent ul  li a{
  display: table-row;
}
#rcontent ul  li a:hover, #lcontent ul  li a:hover, .news-backlink-wrap a:hover{
  color:#b0c363 !important;
}
.shrink80percent { 
  font-size:.8em;
  font-weight:normal; 
}
.shrink60percent { 
  font-size:.6em; 
  font-weight:normal;
 }
.enlarge120percent { font-size:1.2em;}
.enlarge140percent { font-size:1.4em; }
.enlarge120percentbold { font-size:1.2em; font-weight:bolder; }
.enlarge140percentbold { font-size:1.4em; font-weight:bold; }

.divider hr { border:1px solid #E4E4E4; }


/* Top Right
==================================================== */
#socialicons {float:right;width: 155px;height: 35px;}
#info {float:right; clear:both;margin-top: 5%;}
span[itemprop="email"]{font-size: 16px;color: #366596;}
span[itemprop="telephone"], span[itemprop="telephone"]  a  {font-size: 27px;color:#225488;font-weight: normal;}

#atstbx{
  width: 30px;
  float: right;
  position: relative;
  height: 30px;
}

ul.browsebox:first-child {
  display: block !important;
  float: right;
}

ul.browsebox, .tx-indexedsearch-searchbox table tr td:nth-child(1),.tx-indexedsearch-icon.icon, .tx-indexedsearch li::before {
  display: none !important;
}
.tx-indexedsearch-result-number.result-number, .tx-indexedsearch-percent.percent {visibility:hidden;}

.tx-indexedsearch-searchbox table {
  background-color: #e9f3f5;
  width: 450px;
  height: 90px;
}
.tx-indexedsearch-searchbox-sword.sword {
  width: 320px;
  height: 30px;
  border: none;
  margin: 15px 5px 0px 20px;
  color: #8a8787;
}

.tx-indexedsearch-searchbox-button.submit {
  float: right;
  position: relative;
  bottom: 37px;
  width: 75px;
  height: 30px;
  margin-right: 25px;
  border: none;
  background-color: #b8bdc0;
  color: #ffffff;
  text-transform: uppercase;
}

.tx-indexedsearch-browsebox p {
  position: relative;
  top: -50px;
  left: 20px;
}

.tx-indexedsearch-res {
  font-size: 14px;
  margin-bottom: 60px;
  line-height: 18px !important;
  border-bottom: 1px solid #b4b3b3;
}

.tx-indexedsearch-title.title a {
  color: #589bb1;
  font-size: 18px;
  font-weight: normal;
  margin-bottom: 15px;
  text-decoration: underline;
}

.browsebox li {
  list-style-image: none !important;
  float: left;
}
.tx-indexedsearch-res:last-child {
  border: none;
  margin-bottom: 10px;
}

/* Home Page
==================================================== */
.home-webuy .tx-powermail h3, #lcontent .tx-powermail h3 {display:none;}
.home-webuy .powermail_label, .home-webuy .powermail_fieldwrap_12,
#lcontent .powermail_label, #lcontent .powermail_fieldwrap_12 {
   font-size: 19px;
  color: #1e210c !important;
  line-height: 25px;
   font-weight:bold !important;
   width: 80px!important;
}
#lcontent div.tx-powermail {width:100% !important;}
.home-webuy .powermail_field,
#lcontent .powermail_field{
  width: 220px !important;
  height: 32px;
  background-color: #edefdb;
  border:1px solid #d3dadf;
}
.home-webuy .powermail_fieldwrap, #lcontent .powermail_fieldwrap {
  margin-bottom: 15px;
}
.home-webuy #powermail_fieldwrap_11,
#lcontent #powermail_fieldwrap_11 {
  margin-top: 34px;
}
.home-webuy #powermail_fieldwrap_11 .powermail_label,.home-webuy .powermail_fieldwrap_12,
#lcontent #powermail_fieldwrap_11 .powermail_label,#lcontent .powermail_fieldwrap_12{
    width: 80% !important;
}
.home-webuy #powermail_fieldwrap_11 #powermail_field_equipmentquestions,
#lcontent #powermail_fieldwrap_11 #powermail_field_equipmentquestions{
  height: 156px;
  width: 303px !important;
  text-align:center;
  padding-top: 35px;
}
.home-webuy #powermail_fieldwrap_14 {
  clear:both;
  text-align: center;
}
.home-webuy #powermail_fieldwrap_14 .powermail_submit,
#lcontent #powermail_fieldwrap_14 .powermail_submit {
  width: 120px !important;
  height: 45px;
  border-radius: 6px;
  border: 0;
  background-color: #22538c;
  color: white;
  text-transform: uppercase;
  font-size: 19px;
}
.home-webuy #powermail_fieldwrap_14 .powermail_submit:hover {
   background:#edefdb;
   color:black;
}
.home-webuy #powermail_fieldwrap_15, #lcontent #powermail_fieldwrap_15  {
  float: left;
  width: 60%;
  font-size: 18px;
}
.home-webuy .powermail_radio_outer {margin-left:30px;}
#lcontent label {font-size:18px !important;}
#lcontent #powermail_fieldwrap_8, #lcontent #powermail_fieldwrap_9,
#lcontent #powermail_fieldwrap_10 {
 width:45%;
 float:left;
 clear: both;
}
#lcontent #powermail_fieldwrap_12 {
 clear:both;
  top: -68px;
  position: relative;
}
#lcontent #powermail_fieldwrap_11 {
 width:45%;
 float:right;
 margin-top: 0px;
 top: -102px;
 position: relative;
}
#lcontent #powermail_fieldwrap_13,
#lcontent #powermail_fieldwrap_15,
#lcontent #powermail_fieldwrap_12{
    top: -118px;
    position: relative;
}
#lcontent #powermail_fieldwrap_14 {
    top: -118px;
    position: relative;
    text-align: center;
}

/* Slider
==================================================== */
#slider{
  width: 100%;
  background: white;
 }
.bx-wrapper .bx-viewport {height:407px !important;}
.bxslider  h1 {font-size:55px;}
.bxslider  h3 {
  font-family: 'Parisienne', cursive;
  font-size:36px;
  color: #2e6998;
}
.bxslider  h4 {
  font-family: 'Arial';
  font-size:30px;
  font-weight:bold;
  color: #2e6998;
  margin-top:25px;
}
.bxslider .description, .bxslider .subtitle, .bxslider a.more, #copyright {clear:both;}
.bxslider .description {margin-top:20px;}

.title {
    color: #215992;
    margin-top: 10px;
}
.subtitle {
    color: #225488;
    margin-top: 40px;
    margin-bottom: 35px;
}
.description p {
  color: #1e210c;
  font:600 30px 'Roboto', sans-serif;
}

 .description p a{
  background:#2e6998 !important;
  text-decoration:none !important;
  text-transform:uppercase !important;
  color:#fff !important;
  font:500 22px 'Roboto', sans-serif;
  padding:5px 8px;
}

.bxslider .col-md-6:nth-child(2) span {
  color: #1e210c;
  font: 600 30px 'Roboto', sans-serif;
  float: right;
  margin-top: 80px;
}


 .bxslider a.more {
     margin-top:35px;
    text-decoration: underline;
}

.bx-pager.bx-default-pager{
  width: 13% !important;
  height: 15px;
  bottom: 1px !important;
}

@-moz-document url-prefix() { 
  .bx-pager.bx-default-pager {
     width: 55% !important;
  }
}



.bxslider li:nth-child(3) {
   background: url(../img/STG-chameleon-headsets-background.png) repeat-x #d7de8f;
  min-height:407px;
   margin-left:0px;
}
.bxslider.image li {
  background-image:none;
}
.bxslider li .container {
  padding-left:5px;
  padding-right:5px;
  padding-top: 25px;
}

.bxslider.image li img{float:none; width:100%; top:0px;height:auto;}
.bx-controls {position:relative;top:30px;}
/*Slider by position*/

/*First-Child Slider*/


.bxslider li {
   background: url(../img/STG-all=things-telephony-background.png) repeat-x #d7de8f;
   min-height:407px;
   margin-left:0px;
}


.bxslider li:last-child .description p {
  color: #1e210c;
  font: 400 20px 'Roboto', sans-serif;
}

/*Second Slider*/

.bx-wrapper  .bxslider li:first-child img, .bx-wrapper  .bxslider li:nth-child(4) img {
 max-width: initial;
}

/*Fourth Slider*/

.bxslider li:nth-child(4) .description p {
  color: #692f8a;
  font: 400 26px 'Roboto', sans-serif;
}



/* Frames
==================================================== */
.csc-frame-invisible .csc-textpic-imagewrap { height:225px;}
.csc-frame-frame2 .quarter { border:none !important;}


/* News/Articles Styling
==================================================== */
.news-list-view .share-blog {
  float: right;
    position: relative;
}
.news-single .share-blog {
    float: right;
    bottom: 25px;
    left: 25px;
    position: relative;
}
.blog .news .footer span {padding-right: 2px !important;margin-right:0px !important;}
.news-list-item h2,
.news-latest-container h2 { font-size:1.4em; color:#006699; font-weight:normal; text-transform:capitalize;}
.blog .news.news-single .news-text-wrap {clear:both;}
.news-list-item .fullstory,
.news-latest-container .fullstory { color:#009999; font-size:1.0em; float:right; }

.news-list-item,
.news-latest-item { padding-bottom:10px; }
.blog .news-single h1 {margin-bottom: 0px !important;}
.news-single-item .images { float:right; width:250px; margin:0px 0px 10px 10px; }
.news-single-item .images img { margin-bottom:10px; border:1px solid #ccc;}
.blog .news-list-view .article{
  width: 45%;
  margin-right: 5%;
  float: left;
  margin-bottom: 2%;
  border-bottom: 1px dotted #ccc;
}
.blog .news-single .article .news-img-wrap {
  width: 100% !important;
  margin-bottom: 0px;
}
.blog .news-single .teaser-text {display:none;}
.blog h1 {margin-bottom: 50px;}
.navbar,  nav .container-fluid {
  padding-left:0px !important;  
}
.blog .news-list-view .article {
  width: 45%;
  margin-right: 5%;
  float: left;
  margin-bottom: 2%;
  border-bottom: 1px solid #ccc;
 }


.blog #rcontainer {
  margin-top: 150px;
  background: none;
}

.news .footer {border-top:none;}
.blog #rcontent ul {background:none;padding:0; margin:0;}
.blog #rcontent li {  border-bottom: 1px solid #ccc;list-style: none;margin-left:0px; padding:0;list-style:none;background-image:none;}
.blog #rcontent h3{
  background-color: #f4f9e1;
  color: #225488;
  padding: 5%;
}
.news .page-navigation ul li {
     border: 1px solid #C8DD79;
    margin-right: 10px !important;
    text-align: center;
    padding: 4px 12px 6px 0px;
    padding-bottom: 0px !important;
}
.news .page-navigation ul li.current {background: #C8DD79;}
.blog #rcontent .news li a {
  font-size: 1.0em;
  margin-bottom: 10px;
  text-decoration: none;
  line-height: 2em;
}

.blog .header a {
  color: #b0c363;
  font-weight: normal;
  text-decoration: none;
  font-size: 20px;
}

.more{
  font-size: 16px;
  text-decoration: none;
  text-transform: uppercase;
  color: #006699;
  font-weight: 600;
}
.news-backlink-wrap {margin-top:50px;}
.news-backlink-wrap a{
  background: #f4f9e1;
  border-radius: 4px;
  text-decoration: none;
  padding: 5px 10px;
  font-size: 16px;
  color: #225488;
}
/* Powermail 
==================================================== */
.home-webuy div.tx-powermail {width:auto !important;}
div.tx-powermail {width:450px !important;}
div.tx-powermail legend, #development {display:none;}
.powermail_label { width:210px !important; text-align:left; font-weight:normal !important; color: #000 !important;}
.powermail_field { width:200px !important;  }

/* Other styles */
a.contactLinks { text-decoration:none; color:#225488;}
.csc-textpic-caption {text-align:right; color:#225488; font-weight:bold; padding-top:5px;}
/*div#c304 {margin-bottom: -30px;}*/
div#c33 {margin-bottom: 80px;}

/* Powermail Right Column
==================================================== */
#rcontent div.tx-powermail {width:auto !important; margin: 0px !important; font-family: 'Roboto Condensed', sans-serif;}
#rcontent .powermail_label { width:70% !important; text-align:left; font-weight:bold !important; color: #000 !important;}
#rcontent .powermail_field { width:100% !important; border:1px solid #d3dadf; background-color: #edefdb;}
#rcontent .powermail_submit {float:none; border-radius: 6px; border: 0; background-color: #22538c; color: white; text-transform: uppercase; padding: 6px 0px;}
#rcontent .powermail_fieldset {background:none; border: 1px solid #909ea9;;}
#rcontent .powermail_fieldwrap {margin-bottom: 15px;}

/* Powermail Contact Page
==================================================== */
div#c29 {width:450px;}
div#c29 .powermail_label { width:30% !important;}
div#c29 .powermail_field { width:70% !important;}
div#c29 .powermail_submit {float:right; margin:0;}


/* Bootstrap Overwrites 
==================================================== */
.navbar-default .navbar-nav>li>a {
  color: #36332e !important;
  font-size: 16px;
  text-transform: uppercase;
  font-family: 'Roboto Condensed', sans-serif;
}
.navbar,  nav .container-fluid {
  padding-left:0px !important;  
}
.navbar {min-height: 10px !important;}
.navbar-brand {height:auto !important;}
.navbar {margin-bottom:00px !important;}
.col-md-12, #footmenu {padding-left:0px !important;padding-right:0px !important;}
#footmenu {background:#909ea9;}

/* MegaMenu postition 

#m30:hover ul, #m30:focus ul, #m30 ul, #m10:hover ul, #m10:focus ul,#m10 ul, #m57:hover ul,#m57 ul, #m57:focus ul, #m9:hover ul, #m9:focus ul,#m9 ul,  #m113:hover ul, #m113:focus ul, #m113 ul, #m149:hover ul, #m149:focus ul, #m149 ul {left:0px;}
*/
.pageName {
  text-transform: uppercase;
   color: white;
  font-size: 16px;
  font-weight:600;
 }

.dropdown-menu a {color:white !important;}
.yamm-content li {line-height:2.5em;}
.yamm-content li:first-child {line-height:1em;}
.yamm-content li::before  {
  content: "";
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid #b0c363;
  float: left;
  position: relative;
  top: 12px;
}
.yamm-content ul li:first-child, .yamm-content ul li:first-child a {padding-left:0px;margin-left:0px;}
.yamm-content ul li {padding-left:10px;}
.yamm-content ul a {margin-left:8px;}
.yamm-content ul li:first-child::before {display:none;}

/* Custom Responsive Styles */

#lcontent .halves .col-md-6 {padding-right:0px;}

.navbar.yamm.navbar-default.container {margin-top:0px !important;margin-bottom:0px !important;}

.navbar-nav>li {
  border-right: 1px solid #bed168;
  padding-right:13px;
  padding-left: 13px;
}
.navbar-nav>li:last-child {
  border-right: 0px;
  padding-right: 13px;
}
@media (max-width: 1195px) {
  .bxslider  h3 {
     font-size:34px; 
  }
}
@media (max-width: 1170px){
 .navbar-nav>li {
 padding-right:2px;
 padding-left:2px;
}
.home-webuy #powermail_fieldwrap_11 #powermail_field_equipmentquestions {
 width:220px !important;
}
.news-single .share-blog {
    float: none;
    bottom: 0px;
    left: 0px;
    position: relative;
}
}
@media (max-width: 990px){
.navbar .container, .bxslider .container , .bxslider li:first-child .col-md-6:first-child{width:100%;}
.bxslider .col-md-6:nth-child(2) img {display:none;}
.bxslider .col-md-6:nth-child(2) span {float:none;}
.bxslider .col-md-6 {text-align:center;}
 #powermail_fieldwrap_11 #powermail_field_equipmentquestions {
  width: 300px !important;
}
.bx-pager.bx-default-pager {
  width: auto !important;
}
  #footerlogos .first.col-md-3 {margin-left:0px;}
  #footerlogos img {margin-right: 100px;}
  /*#navbar, .nav.navbar-nav {height: 50px !important;}*/
  .title {margin-top:0px;  font-size: 20px;}
  .bxslider a {bottom:100px;}
  .bx-wrapper .bx-pager {margin-bottom:0px !important;}
  div.tx-powermail {width: 90% !important;margin-left:3% !important;}

}

@media (max-width: 768px){
header > .container {margin-top:0px;}
.mobile {
    display: block;
}
.navbar .container, .bxslider .container, .bxslider li:first-child .col-md-6:first-child {
  padding-right:0px;
  padding-left:0px;
}
.bxslider h1 {
    font-size: 40px;
}
.bxslider h3 {
   font-size: 31px;
   margin: 0px;
}
.bxslider h4, .bxslider li:nth-child(4) .description p , .description p {
   font-size:20px;
}
#lcontent #powermail_fieldwrap_8, #lcontent #powermail_fieldwrap_9, #lcontent #powermail_fieldwrap_10 {
    width: 100%;
 }
#lcontent .powermail_field {
    width: 97% !important;
    height: 50px;
}
#lcontent #powermail_fieldwrap_11 {
    width: 100%;
    float: none;
    margin-top: 0px;
    top: 0;
}
#lcontent #powermail_fieldwrap_11 #powermail_field_equipmentquestions {width:97% !important;}
#lcontent #powermail_fieldwrap_13, #lcontent #powermail_fieldwrap_15, #lcontent #powermail_fieldwrap_12, #lcontent #powermail_fieldwrap_14 {top:0px;}
.navbar-default .navbar-nav>li>a {color:white !important;}
.navbar.yamm.navbar-default {
   background-color: #b0c45d;
}
.navbar-nav>li {padding:0px;}
#navbar{
  margin-left: 5%;
}
.blog .news-list-view .article, .news-single .article .news-img-wrap img {
  width: 100%;
}
.news-single .article .news-img-wrap {margin-left:0 !important;}

.blog #rcontent ul{margin-left:10%;}
.blog #rcontainer {clear: both !important;}
.blog #rcontent h3 {  background-color: transparent !important;}
#search, #logo, .top {
  display:none;
}

.tx-indexedsearch ul li a {
   border: 1px solid #ccc;
  border-radius: 15px;
  padding: 5px;
  display:block !important;
}


#logo-mobile {display:block;float:left;}
#logo-mobile img{bottom: 2px;position: relative;}
#socialicons{
  position: relative;
  top: 150px;
  z-index: 1;
  top: 147px;
  margin-right: 40px;
}

 #info {
 left:0px;
 top:0px;
}
#info {
  float: left;
  width: auto;
  top: 30px;
  position: relative;
  z-index: 1;
  left: 12%;
}
span[itemprop="telephone"] a {font-size:30px;}
span[itemprop="email"] {text-transform:uppercase;}
.navbar-toggle {
  position: relative;
  float: left !important;
  margin-left: 26px !important;
}
.bx-wrapper .bx-pager {margin-bottom:0px !important;margin-top:100px;width:95% !important; bottom:0px !important; text-align:center !important;float:none;}
header{padding-top:0px;height: 139px;}
.bxslider img {margin:0 auto !important;  width: auto !important;  float: none;}
.navbar.yamm.navbar-default.container {background: #225488;width: 100%;border-radius: 0;}
.bxslider a {float:none;clear: both; bottom: 0;}


.title {margin-top:0px;font-size:20px;}
.subtitle {margin-bottom:0px;font-size:18px;}
#content, .home-webuy #content-wedo , .home-webuy #content-webuy{
  text-align: center;
}
.home-webuy .powermail_label, .home-webuy .powermail_fieldwrap_12 ,
#lcontent .powermail_label, #lcontent .powermail_fieldwrap_12 {
    width: 100% !important;
     text-align: center;
}

footer {
  background: url(../img/footer-back.gif) repeat-x #225488;
}

.yamm .yamm-content {padding:0;}
.dropdown-menu a, .pageName {
  color: white !important;
}

#copyright, #stw {float:none;}

#menufooter ul {
  text-align: center;
  width: auto; 
}
.container {
  width: auto !important;
}
.navbar-default .navbar-nav>li>a {
  font-size: 15px;
}
}

@media (max-width: 600px) {
.bx-wrapper .bx-viewport {
  height: auto !important;
  min-height: 407px;
}
.bxslider li:nth-child(2) .col-md-6:first-child {
  margin-top: 10px;
}

}


@media (max-width: 414px){
section img, footer img {width:100%; height:auto;}
  .csc-textpic-text {
        float: none !important;
        width: auto !important;
        margin: 0 !important;
   }
  .csc-textpic-imagewrap {
       float:none !important;
  }
  div.csc-textpic .csc-textpic-imagewrap img{
       margin: 0 auto !important;
  }
  .bxslider .title, .bxslider .subtitle, .bxslider .description, .bxslider a.more {
       width: 100%;
       text-align: center;
   }
  .bxslider img {
      float: none; 
      position: relative;
      bottom: 0px; 
      margin: 0 auto;
  }
  .bxslider li:first-child img {bottom:0px; height:auto;}
  div#c29 {width:auto !important;}
}
@media (max-width: 377px){
.bxslider h3 {
    font-size: 28px;
}
}
@media (max-width: 330px){
  span[itemprop="email"] {
        font-size: 12px;
    }
  span[itemprop="telephone"] a {
        font-size: 25px;
   }
   header > .container {
     padding:0px;
   }
   #header_right {
     width:50%;
   }
}


/*thank you page*/
.thankyou h3 a {
  font-size: 20px;
 }
 .thankyou .col-md-offset-1 {
  margin-left: 5%;
}

#footerlogos .col-md-12 img {
  background-color: white;
      margin-top: 60px;
}
.addthis_button_expanded:hover {
 background-color:black !important;
}