/*
= IMPORTING STUFF AND SETTING DEFAULT STYLES
-------------------------------------------------------------------------------------- */
@import url("reset.css");

/*
= COMMON
-------------------------------------------------------------------------------------- */
body,
input,
textarea,
button {font-family:'Roboto Slab', Georgia, Times, serif;}

body {overflow-x:hidden;}
.fancybox-inner {
    overflow-x: hidden!important;
}
/*test for calendar*/
.one {
    position: relative;
    top: 0;
    background-color: lightblue;
    z-index: 1;
    cursor:pointer;
}
.two {
    position: fixed;
    right:-9999px;
    z-index: 1000;
    width: 990px;
    margin-top: -1px;
    -webkit-transition: right 1s;
    -moz-transition: right 1s;
    -o-transition: right 1s;
    transition: right 1s;
}
#_atssh {display:none!important;}
.contentjob {
  -webkit-transition: right 1s;
    -moz-transition: right 1s;
    -o-transition: right 1s;
    transition: right 1s;
}
.remove_margin .cs_img {
margin-right: 0px;
margin-bottom: 20px;
}
.expandjob {
  font-family: 'Roboto', Arial, Helvetica, sans-serif;
font-size: 16px;
line-height: 24px;
color: #000;
margin-bottom: 24px;
position: relative;
padding: 0px 39px;
}
.expandjob.close:after {
  content:'Click here to find out more';
}
.expandjob.close:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 30px;
  height: 30px;
  background: url(../img/toggle-arrow.png) 13px 50% no-repeat #d7d7d7;
  border-radius: 50%;
}
.expandjob.open:after {
  content:'Click here to collapse';
}
.expandjob.open:before {
   content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 30px;
  height: 30px;
  background: url(../img/toggle-arrow.png) 13px 50% no-repeat #d7d7d7;
  border-radius: 50%;
  background-color:#526373;
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
}

.events h3 {
  margin: 20px 0px !important;
}

.events .date, .events .location, .events .link a {
  font-size: 15px;
  color: #999;
  margin-right: 20px;
  width: 20px;
  height: 20px;
  padding-left: 26px;
  font-weight:300;
}
.events .date {
  background: url(../img/date.png) center left no-repeat;
}
.events .location {
  background: url(../img/place.png) center left no-repeat;
}
.events .link {
  background: url(../img/link.png) center left no-repeat;
}
.contentevents {
  -webkit-transition: right 1s;
    -moz-transition: right 1s;
    -o-transition: right 1s;
    transition: right 1s;
}
.contentevents h3 {
color: #0089cf!important;
font-size: 18px!important;
text-transform: uppercase!important;
font-weight: 600;
margin-bottom: 5px !important;
}
.contentevents ul {
margin-bottom: 40px;
}
.contentevents ul li a {
color: #505050!important;
}
.contentevents ul {
margin-bottom: 20px;
}
.contentevents ul li a:hover {
color: #0089cf  ;
}
.expandevents {
  font-family: 'Roboto', Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px;
  color: #000;
  margin-bottom: 0px;
  position: relative;
  padding: 0px 20px;
  display: block;
  cursor: pointer;
}
.expandevents.close:after {
  content:'Read more';
}
.expandevents.close:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 12px;
  height: 22px;
  background: url(../img/bullet-1.png) 0px 6px no-repeat;
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  transform: rotate(360deg);
}
.expandevents.open:after {
  content:'Read less';
}
.expandevents.open:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 12px;
  height: 22px;
  background: url(../img/bullet-1.png) 2px 0px no-repeat;
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
}
.three {
    position: fixed;
    z-index: 1000;
    width: 990px;
    margin-top: -1px;
    -webkit-transition: right 1s;
    -moz-transition: right 1s;
    -o-transition: right 1s;
    transition: right 1s;
}
.calendarBg {
/*    -webkit-transition: right 1s;
    -moz-transition: right 1s;
    -o-transition: right 1s;
    transition: right 1s;
    transition-delay: 1s;
*/
}
/*test for calendar*/
strong, th { font-weight: 400; }
footer .widget p small,
footer .widget.right p,
footer .widget fieldset input[type="text"],
.footer-bottom p,
header nav > ul > li.has-sub > .sub.mega > ul > li > ul > li,
.toggles li .content,
.download-options ul li,
.three-columns-blog > .main article figure figcaption,
.tweet-list li .meta,
.tweet-list li .tools li,
aside.author-info p,
.latest-posts-list li p,
.case-study-wrapper.entry figure figcaption,
.wide-img-label,
.newsletter-info ul li,
.newsletter-info p,
.map-

 li {font-family:'Roboto', Arial, Helvetica, sans-serif;}

.wrapper {width:1200px; margin:0 auto;}
.mid-width {width:1000px;}
.small-width {width:800px;}
.micro-width {width:600px;}

::-webkit-input-placeholder {color:#5a616d; font-style:italic;}
:-moz-placeholder {color:#5a616d; font-style:italic;}
::-moz-placeholder {color:#5a616d; font-style:italic;}
:-ms-input-placeholder {color:#5a616d; font-style:italic;}

.hero-home h1,
.grid > li,
.grid > div,
header nav ul > li.has-sub > .sub,
.hero-slider li .info,
footer .widget fieldset input,
header nav > ul > li.has-sub > .sub.mega > ul > li > ul,
.hero .buttons li a,
.post-list-slider .slides li,
.thumb-list li .info,
.theme-feature figure .mobile,
a.button.border,
.download-content ul li,
header .search-wrapper .search-form,
.two-columns-inner > .column,
.newsletter-info ul,
header nav ul {box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}

  /* Column Grid */
  .grid {margin:0; list-style:none;}
    .grid > li,
    .grid > div {
      float:left;
      padding:0 20px; margin-bottom:40px;
    }
    .grid.two-columns > li,
    .grid.two-columns > div {width:50%;}
    .grid.three-columns > li,
    .grid.three-columns > div {width:33.333%;}
    .grid.four-columns > li,
    .grid.four-columns > div {width:25%;}
    .grid.five-columns > li,
    .grid.five-columns > div {width:20%;}


section {padding:60px 0 40px;}
section.grey {background-color:#eeeded;}
section.dark {background-color:#26282a;}
section.dark-gray {background-color:#5f6671;}
section.no-bottom-padding {padding-bottom:0;}

section.dark-gray a { color: #7fc4e7; }
.cs_fl_left
{ float: left; margin-right: 30px; }
.cs_fl_right
{ float: right; margin-left: 30px; }


section.image-block {
  color: #FFF;
  padding: 60px 0 40px;
  text-align: center;
  }
  section.image-block .entry h2,
  section.image-block .entry h3,
  section.image-block .entry h4,
  section.image-block .entry h5,
  section.image-block p {
    color: #FFF;
    text-align: center;
  }
  section.image-block h4 {
    margin-bottom: 20px;
  }
  section.image-block .entry a {
    color: #FFF;
    text-decoration: underline;
  }
  section.image-block .entry a:hover {
    text-decoration: none;
  }

.entry a {color:#0089cf; text-decoration:none;}
  .entry a:hover {text-decoration:underline;}
.entry h2 {
  margin-bottom:56px;
  font-size:36px; line-height:48px; text-decoration:underline; text-align:center; font-weight:400; text-transform:uppercase;
}
.dark .entry h2,
section.dark-gray .entry h2 {color:#fff;}
.featured-box-content.entry h2 {text-decoration:none; color:#0089cf; font-size:30px; margin-bottom:20px; line-height:36px;}
.entry h3 {
  margin-bottom:20px;
  font-size:30px; line-height:28px; color:#000; font-weight:400;
}
.smaller-title-fix.entry h3 {margin-bottom:60px; font-size:26px; line-height:34px; font-weight:300; }
.smaller-title-margin.entry h3 {margin-bottom:15px;}
.dark-title-fix.entry h3 {color:#000 !important; margin-bottom:30px;}
.entry h4 {
  margin-bottom:28px;
  font-size:18px; line-height:28px; color:#5a616c; font-weight:700; text-transform:uppercase;
}
.smaller-title-fix.entry h4 {color:#0089cf;}
section.dark-gray .entry h4 {color:#7fc4e7; font-size:21px; line-height:20px; font-weight:400; text-transform:none;}
  section.dark-gray .entry h4 span {font-size:14px; color:#fff;}
.entry h5 {
  margin-bottom:26px;
  font-size:18px; line-height:26px; color:#000; font-weight:300;
}
.plugin h5 { font-weight:400; }
.entry h6 {
  margin-bottom:26px;
  font-size:16px; line-height:24px; color:#000; font-weight:300;
}

.entry ul li {
  margin-bottom:24px;
  font-size:14px; line-height:24px; color:#000;
}
.entry ul li {margin:0;}
.entry p
{ font-family: 'Roboto', Arial, Helvetica, sans-serif; font-weight: 300; font-size: 16px; line-height: 24px; color: #000; margin-bottom: 24px; }
.entry img {margin: 0 auto 15px;}
.entry figcaption {font-size: 14px;color: #7c7c7c;font-weight: 300; font-style: italic;}
.entry figure { margin-bottom: 20px; }
.entry img.alignleft {float: left; margin: 0 40px 0 0; display: inline-block;}
.entry img.alignright {float:right; margin:0 0 0 40px; display: inline-block;}

.entry blockquote {
  position: relative;
  padding: 0 40px;
  margin: 0 0 40px 0;
  text-align: center;
  font-size: 23px;
  font-weight: 300;
  line-height: 150%;
  }
  .entry blockquote:before,
  .entry blockquote:after {
    content:"";
    position:absolute;
    width:28px; height:22px;
    }
  .entry blockquote:before {left:0; top:0; background:url(../img/icon-top-quote.png) 0 0 no-repeat;}
  .entry blockquote:after {right:0; top:0; background:url(../img/icon-bottom-quote.png) 0 0 no-repeat;}
    
  .entry blockquote cite {
     display: block;
     color: #666;
     font-weight: 300;
     font-family: 'Roboto', Arial, Helvetica, sans-serif;
     font-size: 19px;
    }

    .entry blockquote cite:before {
      display: inline-block;
      content:"–";
      padding-right: 6px;
    }

  .entry blockquote  p {
    margin-bottom:0;
    font-size:21px; line-height:28px; font-family:'Roboto Slab', Georgia, Times, serif; font-weight:400;
    }

.entry .wide-slide-wrapper blockquote {padding:0; overflow:hidden;}
  .entry .wide-slide-wrapper blockquote:before,
  .entry .wide-slide-wrapper blockquote:after {display:none;}
  .entry .wide-slide-wrapper blockquote p {
    text-align:left; font-size:14px; font-family:'Roboto', Arial, Helvetica, sans-serif;
    }

.feature-box img.alignleft {margin-right:80px;}
.feature-box img.alignright {margin-left:80px;}
.feature-box img, .image-feature img { border: 1px solid rgb(217, 217, 217); }

.entry.white-text > h3,
.entry.white-text > h4,
.entry.white-text > h5,
.entry.white-text > h6,
.entry.white-text > p,
.dark-gray .entry > h5,
.white-text {color:#fff !important;}

.dark-gray .entry p {color:#cfd1d5; font-size:16px; line-height:23px;}

.center-text img {display:block; margin:0 auto 20px;}
.center-text,
.center-text > h3,
.center-text > h4,
.center-text > h5,
.center-text > h6,
.center-text > p {text-align:center;}

.promo {padding: 4px 40px;}
.promo .center-text img {
  display: inline;
  width: 56px;
  margin: -10px 0px;
}
.theme-images img {
max-width: 600px;
width: 100%;
}
.promo .center-text p {margin: 0 auto; padding: 18px 0px; display: table;}
.promo .center-text p span {
  font-size: 24px;
  padding: 0px 40px;
  display: table-cell;
}
.promo .center-text img {
  display: table-cell;
}
.promo .center-text p a.button {
  background-color: #fff;
  color: rgb(0, 137, 207);
  vertical-align: 4px;
  display: block;
  width: 100%;
  max-width: 90px;
}

.promo .center-text p a.button:hover {
  background-color: rgba(255, 255, 255, 0.8);
}

.left-text,
.left-text > h3,
.left-text > h4,
.left-text > h5,
.left-text > h6,
.left-text > p {text-align:left;}

.right-text,
.right-text > h3,
.right-text > h4,
.right-text > h5,
.right-text > h6,
.right-text > p {text-align:right;}

.feature-box h5 {font-size: 21px; line-height: 28px; font-weight: 700; text-transform: uppercase;}

.contact-inner img {display:block; margin:0 auto 20px; border-radius:50%; background: #fff;}

.help-links ul {
  list-style: none;
  margin: 40px 0px 0px 0px;
}

.help-links ul li {
  display: inline-block;
  margin: 0px 10px;
}

.help-links ul li p {
  display: inline-block;
}

.help-links a {
  font-size: 18px; margin: 0 10px;
  float: left;
}

.help-links ul li img {
  width: 24px;
  background: transparent !important;
  border-radius: 0 !important;
  margin-bottom: 0px !important;
}

.two-columns-inner > .column {
  float:left; width:50%;
  text-align:left;
  margin:0; padding:0 20px;
}

.one-columns-inner > .column {
  width:50%;
  text-align:left;
  margin:0 auto; padding:0 20px;
}


.cs_img p, .cs_img img
{ margin-bottom: 0px !important;width:100%; }
.cs_img {max-width:100%;}
p.cs_img_caption
{ font-size: 12px !important; font-family: 'Roboto', Arial, Helvetica, sans-serif; color: #808080 !important; }

.no-border {display: table;}
.no-border .text_desc p {
overflow: hidden;
}
.no-border h3 {
margin-bottom: 15px;
}

.no-border h4 {
margin-bottom: 10px;
}
/* Buttons */
a.button,
input.button {
  display:inline-block; zoom:1; *display:inline;
  height:30px;
  padding:0 30px;
  font-size:12px; color:#fff; text-decoration:none; line-height:30px;
  background-color:#b9b9b9;
  border:0; border-radius:15px;
  }
  .outer a.button:hover, 
  input.button:hover {background-color:#0089cf; text-decoration:none;}

a.button.dark,
input.button.dark {
  height:56px;
  line-height:56px; color:#fff!important; font-size:23px;
  background:#263143;
  border-radius:28px; border:0;
  }
  a.button.dark:hover,
  input.button.dark:hover {background:#000 !important;}
a.button.border {
  height:56px !important;
  line-height:50px !important; color:#0089cf !important; font-size:23px !important;
  background:#fff !important;
  border:#0089cf solid 3px !important; border-radius:28px !important;
  }
  a.button.border:hover {color:#fff !important;}



.outer {padding-top:106px;}


/*
= HEADER
-------------------------------------------------------------------------------------- */
header {
  position:fixed; top:0; left:0; z-index:1200;
  width:100%; height:106px;
  background:#fff;
  box-shadow:0 0 2px rgba(0,0,0,0.4);
  }
  header .sidenav-trigger {
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 101px; 
    height: 106px; 
    text-indent: -9999px; 
    background: url(../img/icon-sidenav.png) 50% -70px no-repeat; 
    border-right: #898c95 solid 1px; 
    background-color: #9198a2; 
    }
    header .sidenav-trigger:hover,
    header .sidenav-trigger.active {background-position: 50% -70px; background-color: #AEB5BF; border-right-color: #A7A9B0;}
  header .logo {
    float:left;
    width:173px; height:44px;
    margin-top:33px;
    text-indent:-9999px;
    background:url(../img/logo-sourcefabric.png) 0 50% no-repeat;
    }
    header .logo.product-logo {height:106px; margin:0;}
    header .logo.product-newscoop {background-image:url(../img/logo-newscoop.png);}
    header .logo.product-airtime {background-image:url(../img/logo-airtime.png);}
    header .logo.product-booktype {background-image:url(../img/logo-booktype.png);}
    header .logo.product-liveblog {background-image:url(../img/logo-liveblog.png);}
    header .logo.product-superdesk {background-image:url(../img/logo-superdesk.png);}
    header .logo.product-citizendesk {background-image:url(../img/logo-citizendesk.png); width:195px;}
    
  header nav {float:right; padding:25px 0 0 0;}
    header nav > ul {position:relative;}
    header nav > ul > li {
      float:left; position:relative;
      font-size:16px; line-height:52px;
      }
      header nav > ul > li:first-child h5 {display:none;}
      header nav ul > li > a {
        display:block;
        padding:0 20px;
        color:#505050; text-decoration:none;
        position: relative;
        border: transparent solid 2px;
        }
        header nav ul > li > a:hover {
          color:#222;
        }
        header nav ul > li > a[target=_blank]:after {
          content: "";
          display:block;
          background: url(../img/external_link.png) no-repeat 0 0;
          width:9px;
          height:9px;
          position: absolute;
          top: 10px;
          right: 8px;
        } 
      header nav > ul > li.has-sub > a {
        padding:0 37px 0 20px; position:relative; z-index:200;
        background:url(../img/icon-nav-arrow.png) 100% 50% no-repeat;
        border:transparent solid 2px;
        }
        header nav > ul > li.has-sub:hover > a {
          background-color:#fff;
          border-color:#999; border-bottom:0;
        }
      header nav > ul > li.has-sub > .sub {
        position:absolute; top:52px; left:0; z-index:100; display:none;
        width:250px; 
        padding:30px 0;
        background:#fff;
        border:#999 solid 2px;
      }
      header nav > ul > li.has-sub:hover > .sub {display:block;}
      
      header nav > ul > li.has-sub > .sub.mega {width:342px; left:auto; padding:0;}
        header nav > ul > li.has-sub > .sub.mega > ul {
           position: relative; min-height: 340px; margin: 0; padding: 20px 0; list-style: none;
          }
          header nav > ul > li.has-sub > .sub.mega > ul > li {
            font-size:15px; font-weight:300; line-height:20px;
            max-width: 160px;
}
            header nav > ul > li.has-sub > .sub.mega > ul > li > a {padding:10px 22px;}
              header nav > ul > li.has-sub > .sub.mega > ul > li:hover > a {background:#f5f5f5;}
            header nav > ul > li.has-sub > .sub.mega > ul > li > ul {
              position:absolute; top:0; right:0; display:none;
              width:180px; height:100%;
              padding:20px 0;
              background:#f5f5f5;
            }
            header nav > ul > li.has-sub > .sub.mega > ul > li:hover > ul {display:block;} 
            header nav > ul > li.has-sub > .sub.mega > ul > li > ul > li,
            header nav > ul > li.has-sub > ul.sub > li {
              margin-bottom:5px;
              font-weight:300; line-height:normal; font-size:14px;
              }
              header nav > ul > li.has-sub > .sub.mega > ul > li > ul > li > a {padding:5px 22px;}
              header nav > ul > li.has-sub > ul.sub > li > a {padding:5px 22px;}
                header nav > ul > li.has-sub > .sub.mega > ul > li > ul > li > a:hover,
                header nav > ul > li.has-sub > ul.sub > li > a:hover {color:#0089cf;}
      
      /*
      header nav > ul > li.has-sub > .sub.mega {width:780px; right:0; left:auto;}
        header nav > ul > li.has-sub > .sub.mega > ul {
          overflow:hidden;
          margin:0;
          list-style:none;
          }
          header nav > ul > li.has-sub > .sub.mega > ul > li {
            float:left;
            width:20%;
            margin-bottom:10px;
            }
            header nav > ul > li.has-sub > .sub.mega > ul > li > ul > li,
            header nav > ul > li.has-sub > ul.sub > li {
              font-weight:300; line-height:normal; font-size:14px;
              }
              header nav > ul > li.has-sub > .sub.mega > ul > li > ul > li > a,
              header nav > ul > li.has-sub > ul.sub > li > a {padding:5px 22px;}
                header nav > ul > li.has-sub > .sub.mega > ul > li > ul > li > a:hover,
                header nav > ul > li.has-sub > ul.sub > li > a:hover {
                  background-color:#f2f2f2;
                  color:#0089cf; text-decoration:underline;
                }*/
          
      
  header .search-wrapper {
    position:absolute; top:0; right:0;
    }
    header .search-trigger {
      display:block; position:relative; z-index:9999;
      width:101px; height:106px;
      text-indent:-9999px;
      background:url(../img/icon-search.png) 50% 40px no-repeat;
      border-left:#e9e9e9 solid 1px;
      }
      header .search-trigger:hover,
      header .search-trigger.active {background-position:50% -100px; background-color:#9198a2; border-left-color:#898c95;}
    
    header .search-wrapper .search-form {
      position:fixed; left:0px; top:0px; z-index:9998; opacity:0; display:none;
      width:100%; height:106px;
      /*padding-right:204px;*/
      background:#ffffff;
      border-bottom:#999999 solid 1px;
      }
      header .search-wrapper .search-form input {
        position:relative;
        width:100%; height:100%;
        padding:0px;
        text-align:center; font-size:20px; 
        background:none;
        border:none;
        }
      header .search-wrapper .search-form button {
        position:absolute; right:102px; top:0px;
        width:102px; height:100%;
        padding:0px;
        text-indent:-9999px;
        background:url(../img/icon-search-button.png) 50% 50% no-repeat;
        border:none;
        }


  .side-navigation {
    position:fixed; left:-375px; top:0px;  z-index:100030;
    width:375px; height:100%;
    padding-top:124px;
    background:#1d2533;
    }
    .side-navigation .logo {
      position:absolute; left:30px; top:27px;
      width:173px; height:44px;
      text-indent:-9999px;
      background:url(../img/footer-logo.png) 0 0 no-repeat;
      }
    .side-navigation .close {
      position:absolute; top:0; right:0;
      width:107px; height:107px;
      text-indent:-9999px;
      background:url(../img/icon-close-nav.png) 50% 50% no-repeat;
      }
    .side-navigation ul {
      overflow:auto;
      margin:0;
      list-style:none;
      }
      .side-navigation ul li {
        margin-bottom:30px;
        font-size:16px; font-weight:400; line-height:19px;
        }

    .side-navigation span.noLink { 
    padding: 5px 40px; color: #fff; 
    }

        .side-navigation ul li a {
          display:block;
          padding:5px 40px;
          color:#fff; text-decoration:none;
          }
          .side-navigation ul li a:hover {background-color:#0e1219; color:#3fa6db;}
          /* colored underline */
          .side-navigation ul li ul li a span  {border-bottom: 2px #fff solid;}
          .side-navigation ul li ul li a:hover span  {border-bottom:none;}

          .side-navigation ul li ul li.orange a span {border-bottom-color: #ff9123;}
            .side-navigation ul li ul li.orange a:hover {color: #ff9123;}
          .side-navigation ul li ul li.green a span {border-bottom-color: #1eb06c;}
            .side-navigation ul li ul li.green a:hover {color: #1eb06c;}
          .side-navigation ul li ul li.pink a span {border-bottom-color: #aa3291;}
            .side-navigation ul li ul li.pink a:hover {color: #aa3291;}
          .side-navigation ul li ul li.blue a span {border-bottom-color: #0089cf;}
            .side-navigation ul li ul li.blue a:hover  {color: #0089cf;}

        .side-navigation ul li ul li {
          margin-bottom:0;
          font-size:15px; font-weight:300;
          }
          .side-navigation ul li ul li a {padding-left:55px;}

  
/*
= SEARCH
-------------------------------------------------------------------------------------- */
.search-results-outer {
 top:0; left:0; z-index:1010;
  width:100%; min-height:100%;
  background:#fff;
  }
  .search-results-outer .wrapper {
    padding-top: 40px;
    padding-bottom: 40px;
    }
    .search-results-outer aside {
      float:left;
      width:160px;
      }
      .search-filter {margin:0 0 10px; padding-top:10px; list-style:none; border-top:#e7e7e7 solid 1px;}
        .search-filter li {padding:5px 0;}
          .search-filter li input[type=checkbox],
          .search-filter li input[type=radio] {margin-right:10px;}
          .search-filter li label {font-size:13px; color:#000;}
      .search-results-outer aside h4 {
        margin-bottom:15px;
        font-size:14px; font-weight:300;
        }
      .search-results-outer aside input[type=submit] {
        width:100%; height:30px;
        margin-top:15px;
        font-size:12px; color:#fff;
        background:#263143;
        border:0; border-radius:15px;
        }
        .search-results-outer aside input[type=submit]:hover {background:#000;}
      
    .search-results-outer .main-content {
      float:right;
      width:930px;
      }
      .search-results-list {margin:0 0 30px; list-style:none;}
        .search-results-list li {
          overflow:hidden;
          margin-bottom:50px;
          }
          .search-results-list li .meta {
            float:left;
            min-height:80px; width:140px;
            margin-right:20px; padding-right:20px;
            font-size:12px; color:#6a6a6a; line-height:21px; text-align:right;
            border-right:#d0d1d5 solid 1px;
            }
            .search-results-list li h3 {
             margin-left: 190px;
            }
            .search-results-list li .meta a,
            .search-results-list li h3 a {color:#008ac2; text-decoration:none;}
              .search-results-list li .meta a:hover,
              .search-results-list li h3 a:hover {color:#000;}
          .search-results-list li h3 {
            margin-bottom:10px;
            font-size:22px; line-height:24px; font-weight:400;
            }
          .search-results-list li p {
            font-size:12px; line-height:23px; color:#000;  margin-left: 190px;
            }

            .searchresult {
            
            margin-bottom: 10px;
            font-size: 24px;
            color: #fff;
            line-height: normal;
            font-weight: 300;
            background-color: transparent;
            border: none;
            text-align: center;
            }
  

  
/*
= HERO
-------------------------------------------------------------------------------------- */
.hero-home {padding:0; position:relative;}
.hero-home.hero-software {padding:55px 0 70px;}
  .hero-home h1 {
    position:absolute; left:50%; top:57px; z-index:102;
    width:700px; min-height:390px;
    padding:40px 0; margin-left:-600px;
    text-align:center; font-size:78px; line-height:93px; color:#fff; font-weight:400;
    background:#263143;
    background:rgba(38,49,67,0.9);
    }
  .hero-home.hero-software h1 {position:relative; left:auto; top:auto; margin:0 auto;}
  .hero-home.hero-software.landing h1 {padding-top:85px;}
    .hero-home h1:after {
      content:"";
      position:absolute; left:0; bottom:-30px;
      width:31px; height:30px;
      background:url(../img/slider-heading-corner.png) no-repeat;
    }
    .hero-home h1 span {
      display:inline-block; zoom:1; *display:inline;
      border-bottom:#ccc solid 4px;
    }

.hero {
  padding:20px 0;
  text-align:center;
  background-position:50% 50%; background-repeat:no-repeat; background-size:cover;
  }
.hero.product-landing {
  padding:100px 0;
  }
  .hero h1 {
    margin-bottom:10px;
    font-size:40px; color:#fff; line-height:52px; text-transform:uppercase; text-decoration:underline;
  }
  .hero.product-landing h1 {margin-bottom:20px;}
  .hero p {
    margin-bottom:10px;
    font-size:24px; color:#fff; line-height:normal; font-weight:300;
  }
    .hero p a{color:#fff;}
  .hero.product-landing p {margin-bottom:30px;}
  .hero .buttons {margin:0; list-style:none;}
    .hero .buttons li {
      display:inline-block; zoom:1; *display:inline;
      margin:0 10px;
      }
      .hero .buttons li a,
      .video-button {
        display:block;
        height:50px; min-width:210px; max-width:340px; padding:0px 30px;
        font-size:21px; text-decoration:none; line-height:44px; font-weight:700;
        background-color:#fff;
        border-radius:28px; border:#fff solid 3px;
      }
      .hero .buttons li a:hover {color:#fff !important;}
      .hero .buttons li.video a,
      .video-button {
        position:relative;
        padding-left:50px;
        font-size:18px; color:#fff; font-weight:normal;
        background-color:transparent;
        border:rgba(255,255,255,0.5) solid 3px;
        }
      .hero .buttons li.video a {color:#fff !important;}
      .video-button {
        display:inline-block; zoom:1; *display:inline;
        width:auto;
        padding:0 26px 0 60px;
        line-height:50px;
        }
        .hero .buttons li.video a:hover {border-color:#fff;}
        .hero .buttons li.video a:before,
        .video-button:before {
          content:"";
          position:absolute; top:50%; left:5px;
          width:36px; height:36px;
          margin-top:-18px;
          background-color:#fff; background-position:13px 50%; background-repeat:no-repeat;
          border-radius:50%;
        }
        .video-button:before {background-image:url(../img/icon-play-white.png);}
        .video-button:hover {text-decoration:none !important; color:#fff !important;}
      
.blue .video-button {
  border-color: rgb(0, 137, 207);
}
.blue .video-button:hover {
  border-color: rgb(0, 137, 207);
}
.hero.case-study {padding-top:480px; position:relative;}
.hero.case-study hgroup {
    position: absolute;
    z-index: 5;
    left: 0;
    right: 0;
    bottom: 20px;
}

/*
= SLIDERS
-------------------------------------------------------------------------------------- */
.top-pager,
.wide-pager {
  position:absolute; left:0; bottom:20px; z-index:103;
  width:100%;
  text-align:center;
  }
  .top-pager span,
  .wide-pager span {
    display: inline-block;
    zoom: 1;
    width: 60px;
    height: 7px;
    margin: 0 10px;
    text-indent: -9999px;
    background: #8a8a8a;
    cursor: pointer;
  }
  .top-pager span.cycle-pager-active,
  .wide-pager span.cycle-pager-active {background:#dadada;}

.hero-slider {
  overflow:hidden;
  height:520px;
  margin:0;
  }
  .hero-slider li {
    width: 100%;
    height: 520px;
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: cover;
    }
    .hero-slider li.sliderBlog0 {
      background-image: url("../img/blog0.jpg");
    }
    .hero-slider li.sliderBlog1 {
      background-image: url("../img/blog1.jpg");
    }
    .hero-slider li.sliderBlog2 {
      background-image: url("../img/blog2.jpg");
    }
    .hero-slider li.sliderBlog3 {
      background-image: url("../img/blog3.jpg");
    }
    .hero-slider li.sliderBlog4 {
      background-image: url("../img/blog0.jpg");
    }
    .hero-slider li.sliderBlog5 {
      background-image: url("../img/blog1.jpg");
    }

    .hero-slider .blogpost .image_wrap {
      border-radius: 50%;
    overflow: hidden;
    width: 40px;
    height: 40px;
    }
    .hero-slider .blogpost .image_wrap img {
    border-radius: 0;
    width: 40px;
    height: auto;
    }
    .hero-slider .blogpost.cycle-slide h4 {
      font-weight: normal;
    }
    .hero-slider .blogpost h4 a {
      font-size: 22px;
      color: #fff;
      text-decoration: none;
      font-weight: 400;
    }
    .hero-slider li.blogpost .info dl {
      margin-bottom: 15px;
    }
    .hero-slider .blogpost.cycle-slide h4 a:hover {
      text-decoration: underline;
    }
    .hero-slider li.blogpost .info dl dd {
      padding-top: 0px;
      font-size: 13px;
      font-weight: 300;
      line-height: 20px;
    }
    .hero-slider li.blogpost .info dl dd strong {
      font-size: 15px;
    }
    .hero-slider li.blogpost .info p {
      font-size: 16px;
      font-family: 'Roboto', Arial, Helvetica, sans-serif;
      font-weight: 300;
      line-height: 24px;
    }
    .hero-slider .blogpost .info {
      opacity: 0;
    }
    .loaded .hero-slider .blogpost .info {
      opacity: 1;
    }
    .hero-slider li .info {
      position:absolute; top:57px; right:50%;
      width:460px; height:390px;
      padding:35px; margin-right:-600px;
      background:#2d3747;
      background:rgba(45,55,71,0.7);
      }
      .hero-slider li .info:after {
        content:"";
        position:absolute; left:0; bottom:-30px;
        width:30px; height:30px;
        background:url(../img/slider-info-corner.png) no-repeat;
      }
      .hero-slider li .info dl {color:#fff; margin-bottom:20px;}
      .hero-slider li .info p {
        font-size:18px; line-height:27px; font-weight:300; color:#fff;
      }


.wide-slide-wrapper,
.post-list-slider {position:relative;}

  .customer_slider {
    width: 90% !important;
  }

  .logo-list-slider {
    position: relative;
  }
  .logo-list-slider h2 {
    margin-bottom: 30px;
  }
  .logo-list-slider h3 {
    color: #444;
    margin-bottom: 56px;
  }
  .logo-list-slider .slide h4 {
    font-weight: 400;
  }

  .wide-slide-wrapper .controls,
  .hero-home .controls,
  .post-list-slider .controls,
  .logo-list-slider .controls {
    position:absolute; top:50%; z-index:103; opacity:0.9;
    width:49px; height:85px;
    margin-top:-42px;
    text-indent:-9999px;
    background:url(../img/wide-slider-arrows.png) 50% 0 no-repeat;
    outline:none;
    }
    .logo-list-slider .next-customer,
    .logo-list-slider .prev-customer {
      margin-top: 20px;
    }
  .post-list-slider .controls {top:92px; margin:0;}
  .post-list-slider .controls, .logo-list-slider .controls {background-image:url(../img/small-slider-arrows.png);}
    .wide-slide-wrapper .controls.prev-wide-slide,
    .hero-home .controls.prev-top-slide,
    .post-list-slider .controls.prev-post-slide,
    .logo-list-slider .prev-customer {left:40px;}
    .wide-slide-wrapper .controls.next-wide-slide,
    .hero-home .controls.next-top-slide,
    .post-list-slider .controls.next-post-slide,
    .logo-list-slider .next-customer {right:40px; background-position:50% -100px;}
    .wide-slide-wrapper .controls:hover,
    .hero-home .controls:hover,
    .post-list-slider .controls:hover,
    .logo-list-slider .controls {opacity:1;}

    .post-list-slider .owl-item figure {
      background: #ccc;
    }

    .post-list-slider .owl-item p {
      margin-bottom: 2px;
    }

    .outer .owl-theme .owl-controls .owl-buttons div {
    margin-top: -60px !important;
    }
    
  .wide-slider {margin:0; list-style:none; z-index:2;}
    .wide-slider li {width:100%;}
      .wide-slider li .wrapper {overflow:hidden;}
        .wide-slider li img.brand {margin-bottom:10px;}
        .wide-slider li figure {float:right; margin-left:100px;}
          .wide-slider li figure img {
            display:block; 
            margin-bottom:0; 
            border:#ddd solid 3px; border-bottom:0;
          }
          .wide-slider li h4 {
            margin-bottom:22px;
            font-size:22px; line-height:28px; color:#000; font-weight:400;
          }
          .wide-slider li dl,
          .hero-slider li .info dl {overflow:hidden;}
            .wide-slider li dl dt,
            .hero-slider li .info dl dt {float:left; margin-right:20px;}
              .wide-slider li dl dt img,
              .hero-slider li .info dl dt img {display:block; border-radius:50%;}
            .wide-slider li dl dd,
            .hero-slider li .info dl dd {
              padding-top:8px;
              font-size:14px; line-height:22px;
              }
              .hero-slider li .info dl dd {
                font-family: 'Roboto', Arial, Helvetica, sans-serif;
                  font-weight: 300;
              }
            .hero-slider li .info dl dt a {
                margin-top: 20px; 
                float: left; 
                text-decoration: none; 
                font-size: 16px; 
                line-height: 27px; 
                position: relative; 
                color: #fff; 
                font-weight: normal; 
                background-color: transparent; 
                border: rgba(255,255,255,0.5) solid 3px; 
                padding: 2px 15px; 
                border-radius: 40px; 
              }
              .hero-slider li .info dl dt a:hover {border: rgba(255,255,255, 1) solid 3px;}
              .wide-slider li dl dd strong,
              .hero-slider li .info dl dd strong {font-size:18px;}

  
  .post-list-slider .entry > h5 {margin-bottom:0; text-align:center;}
  .post-list-slider .slides {margin-bottom:20px;}
    .post-list-slider .slides li {
        width: 1200px;
        min-height:120px;
        padding:16px 20px;
        float: none;
        margin: 0 auto;
      }
      .post-list-slider ul.slides {
        list-style: none;
        margin-left: 0px;
        overflow: hidden;
        min-height: 180px;
        height: 180px;
      }
      .post-list-slider .slides li .slide {
        width: 31%;
        display: inline-block;
        float: left;
        margin: 0 1%;
      }
      .post-list-slider .slides li img {
        width: 65px;
      }
      .post-list-slider .slides li p {
        margin-bottom:0;
        font-size:13px; color:#6c6c6c;
      }
      .post-list-slider .slides li h5 {
        overflow:hidden;
        margin-bottom:0;
        font-size:18px; line-height:22px; color:#263143; font-weight:400;
        white-space:pre-line;
        word-wrap: break-word;
        }
        .post-list-slider .slides li h5 a {color:#263143!important;}
        .post-list-slider .owl-item h5 a {color:#263143!important;}
        .post-list-slider .owl-item h5 {   
         overflow: hidden;
        margin-bottom: 0;
        font-size: 18px;
        line-height: 22px;
        color: #263143;
        font-weight: 400;
        white-space: pre-line;
        word-wrap: break-word;
  }
  .post-list-slider .owl-item img {width:65px;}
        .owl-item .item h5 a {color:#263143!important;}

.post-list-slider .slides li figure
{ float: left; margin: 5px 18px 10px 0; border-radius: 50%; width: 65px; height: 65px; overflow: hidden; }

.customer-logos.customer_slider:before, .customer-logos.customer_slider:after {
  display: none;
}

.customer_slider li {
  width: 100%;
}

.customer_slider li .slide {
  width: 24%;
  display: inline-block;
}

.image-feature {padding-top:30px; text-align:left;}

.theme-feature figure {
  float:left; position:relative;
  margin:0 70px 40px 0;
  }
  .theme-feature .button {margin-bottom:20px; width:230px; padding:0 !important; text-align:center;}
  .theme-feature figure img {display:block;}
  .theme-feature figure .desktop {
    display: block; position: relative; z-index: 1; padding-top: 20px; background: url(../img/browser-top-large.png) 0 0 no-repeat; border: rgb(217, 217, 217) solid 1px; border-radius: 2px;
  }
  .theme-feature figure .mobile {
    position:absolute; bottom:-40px; right:20px; z-index:2;
    width:160px; height:308px;
    padding:41px 14px 41px 13px;
    background:url(../img/mobile-outer.png) 50% 0 no-repeat;
    }
    .theme-feature figure .mobile img {display:block;}

.thumb-list {margin:0 auto;}
  .thumb-list li {position:relative;}
    .thumb-list li .info {
      display:none; position:absolute; left:0; top:13px; z-index:2;
      width:100%; height:100%;
      padding:70px 30px 0;
      text-align:center;
      background:rgba(0,0,0,0.7);
      }
      .thumb-list li .info h5 {
        margin-bottom:15px;
        font-size:28px; color:#fff; font-weight:400;
      }
      .thumb-list li .info .button {
        margin:0 5px;
        color:#000;
        background-color:#d9d9d9;
        border:#fff solid 2px;
        }
        .thumb-list li .info .button:hover {background-color:#fff;}
      
    .thumb-list li figure {
      overflow:hidden; position:relative;
      padding-top:13px;
      background:url(../img/theme-list-brwser-top.png) 0 0 no-repeat; background-size:100% 13px;
      }
      .thumb-list li figure img {
        display:block; position:relative; z-index:1;
        border:#5a616c solid 1px;
      }


.customer-logos {
  margin:0 auto 30px auto;
  list-style:none; text-align:center;
  position: relative;
  }
  .customer-logos:after {
    display: block;
    content: " ";
    width: 150px;
    height: 100%;
    position: absolute;
    top: 0px;
    right: 0px;
    background: rgba(238,237,237,0);
    background: -moz-linear-gradient(left, rgba(238,237,237,0) 0%, rgba(238,237,237,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(238,237,237,0)), color-stop(100%, rgba(238,237,237,1)));
    background: -webkit-linear-gradient(left, rgba(238,237,237,0) 0%, rgba(238,237,237,1) 100%);
    background: -o-linear-gradient(left, rgba(238,237,237,0) 0%, rgba(238,237,237,1) 100%);
    background: -ms-linear-gradient(left, rgba(238,237,237,0) 0%, rgba(238,237,237,1) 100%);
    background: linear-gradient(to right, rgba(238,237,237,0) 0%, rgba(238,237,237,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeded', endColorstr='#eeeded', GradientType=1 );
    }
    .customer-logos:before {
    display: block;
    content: " ";
    width: 150px;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    background: rgba(238,237,237,1);
    background: -moz-linear-gradient(left, rgba(238,237,237,1) 0%, rgba(238,237,237,0) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(238,237,237,1)), color-stop(100%, rgba(238,237,237,0)));
    background: -webkit-linear-gradient(left, rgba(238,237,237,1) 0%, rgba(238,237,237,0) 100%);
    background: -o-linear-gradient(left, rgba(238,237,237,1) 0%, rgba(238,237,237,0) 100%);
    background: -ms-linear-gradient(left, rgba(238,237,237,1) 0%, rgba(238,237,237,0) 100%);
    background: linear-gradient(to right, rgba(238,237,237,1) 0%, rgba(238,237,237,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeded', endColorstr='#eeeded', GradientType=1 );
    z-index: 100;
    }
    .customer-logos li {
      display: inline-block;
      zoom: 1;
      margin: 0 40px !important;
      }
      .customer-logos li:hover {
      opacity: 1;
      }
      .logo-list-slider .item img {
        display:block;
        filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
          filter: gray;
          -webkit-filter: grayscale(100%);
          margin-bottom: 0px;
          padding-bottom: 20px;
      }
      .logo-list-slider .item:hover img {
        filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale"); -webkit-filter: grayscale(0%); filter: none;
      }

.customer_slider.customer-logos {
  width: 100% !important;
}

.customer_slider.customer-logos li {
  width: 1200px;
  margin: 0px !important;
}

.customer_slider.customer-logos li .slide {
  width: 20%;
  margin: 0 2%;
  vertical-align: top;
}

.customer_slider.customer-logos li .slide h5 {
  white-space: initial;
}

.customer_slider.customer-logos li .slide h5 a {
  color: #444;
}
.customer-logos li img {
   filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
          filter: gray;
          -webkit-filter: grayscale(100%);
}
.customer-logos li img:hover {
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale"); -webkit-filter: grayscale(0%); filter: none;
     
}
/*slideshow case study */
#wrapperSlider{
        background-color: #fff;
        width: 100%;
        /*height: 450px;*/
        max-height: 800px;
        margin-top: -225px;
        overflow: hidden;
        position: relative;
        top: 50%;
        left: 0;
        max-width: 1200px;
        margin: 0 auto;
      }
      #carousel img {
        display: block;
        float: left;
      }
      #prev, #next {
        background:url(../img/wide-slider-arrows.png) 50% 0 no-repeat;
        display: block;
        width: 100px;
        position: absolute;
        top: 0px;
        bottom: 0px;
        opacity: 0.3;
      }
      #prev:hover, #next:hover {
        opacity: 0.6;
      }
      #prev {
        left: 0px;
        background:url(../img/slider-arrow-prev.png) center center no-repeat;
      }
      #next {
        right: 0px;
        background:url(../img/slider-arrow-next.png) center center no-repeat;
      }
      #pager {
        position: absolute;
        bottom: 20px;
        left: 0px;
        right: 0px;
        text-align: center;
      }
      #pager a {
        display: inline-block;
        zoom: 1;
        width: 60px;
        height: 7px;
        margin: 0 10px;
        text-indent: -9999px;
        background: #8a8a8a;
        cursor: pointer;
      }
      #pager a:hover {
        background-color: rgba(255, 255, 255, 0.5);
      }
      #pager a span {
        display: none;
      }
      #pager a.selected {
        background-color: #fff;
      }
      
      #donate-spacer {
        height: 100%;
      }
      #donate {
        border-top: 1px solid #999;
        width: 750px;
        padding: 50px 75px;
        margin: 0 auto;
        overflow: hidden;
      }
      #donate p, #donate form {
        margin: 0;
        float: left;
      }
      #donate p {
        width: 650px;
      }
      #donate form {
        width: 100px;
      }
/*slideshow case study */
.entry .notice.grey {
    background: #eee;
    padding: 20px 30px 10px 30px;
    margin-bottom: 20px;
}

/*
= FAQ
-------------------------------------------------------------------------------------- */
.faq-content {margin-bottom:60px; position:relative;}
  .faq-content h3 {
    margin-bottom:10px; padding-bottom:3px;
    font-size:18px; font-weight: 400; color:#000;
    border-bottom:#d7d7d7 solid 1px;
  }
  .faq-content .control-all {
    position:absolute; top:4px; right:0;
    margin:0;
    list-style:none;
    }
    .faq-content .control-all li {
      float:left;
      margin-left:20px;
      font-size:14px;
      }
      .faq-content .control-all li a {color:#000; text-decoration:none;}
        .faq-content .control-all li a:hover {text-decoration:underline;}
        

  .toggles {margin:0; padding:0 220px 0 200px; list-style:none;}
    .toggles li {padding:15px 20px 15px 80px; margin-bottom:1px;}
    .toggles li.open {background:#eee;}
      .toggles h4 {
        cursor:pointer; position:relative;
        padding:5px 0 5px 57px; margin-left:-57px;
        font-size:18px; color:#263143; font-weight:400; line-height:20px;
        }
        .toggles h4:before {
          content:"";
          position:absolute; top:0; left:0;
          width:30px; height:30px;
          background:url(../img/toggle-arrow.png) 13px 50% no-repeat #d7d7d7;
          border-radius:50%;
        }
        .toggles h4:hover:before {background-color:#b2b2b2;}
        .toggles li.open h4:before {
          background-color:#526373;
          -webkit-transform: rotate(90deg);
            -moz-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
            -o-transform: rotate(90deg);
            transform: rotate(90deg);
        }
        
        
      .toggles li .content {padding:15px 0; display:none;}
        .toggles li .content p {
          font-size:16px; line-height:26px; color:#26282a;
          }
          .toggles li .content p a {color:#26282a; text-decoration:none;}
            .toggles li .content p a:hover {text-decoration:underline;}

.testimonial-list h6 {
font-weight: 400;
}
.side-menu li strong {
color: #0089cf;
font-weight: 400;
}

/*share */
.share-this ul {
margin-left: 0px;
}
.share-this li:hover {
opacity: 0.9;
}
.share-this li {
display: inline-block;
text-indent: -9999px;
}
.share-this li a {
display: block;
width: 32px;
height: 32px;
}
.share-this .fb {
background-image: url("../img/dummy-share-this-widget.jpg");
background-position: 0px 0px;
}
.share-this .tw {
background-image: url("../img/dummy-share-this-widget.jpg");
background-position: -36px 0px;
}
.share-this .gp {
background-image: url("../img/dummy-share-this-widget.jpg");
background-position: -72px 0px;
}
.share-this .in {
background-image: url("../img/dummy-share-this-widget.jpg");
background-position: -143px 0px;
}
/*
= MANUALS
-------------------------------------------------------------------------------------- */
.manuals-content {
    margin-bottom:60px; 
    position:relative;
  }
.manuals-content-section {
  padding:0px 40px 60px 40px;
}
  .manuals-content h3 {
    margin-bottom:40px; 
    padding-bottom:3px;
    padding-top:120px;
    font-size:21px; 
    color:#000; 
    font-weight: 400;
    border-bottom:#d7d7d7 solid 1px;
  }
  .manuals-content h3:first-child {
  margin-top: -80px;
  }
  .manuals-content ul.items {
    list-style: none;
    margin: 0;
    padding: 0 200px;
    margin-bottom: 0px;
    font-family: 'Roboto', Arial, Helvetica, sans-serif;
    }
    .manuals-content ul.items li {
      margin: 0 0 35px 0;
      line-height: 170%;
      position:relative;
      }
      .manuals-content ul.items li:before {
        content: "";
        position:absolute;
        top: 5px;
        left:-20px;
        display:block;
        height:12px;
        width:7px;
        background: transparent url(../img/arrow-right.png) no-repeat center center;
      }
      .manuals-content ul.items li:after {
        content: "";
        position:absolute;
        bottom: -20px;
        display:block;
        height:1px;
        width:70px;
        background:#e7e7e7;
      }
      .manuals-content ul.items li .content {
        margin: 12px 0;
      }
      .manuals-content ul.items li h4 {
        font-family:'Roboto Slab', Georgia, Times, serif;
        font-size: 18px;
        font-weight: 400;
      }
      .manuals-content ul.items li a {
        color: rgb(0, 137, 207);
        margin-right: 24px;
        font-size: 14px;
        text-decoration: none;
        padding-left: 24px;
        background: transparent url(../img/online-icon.png) no-repeat center left;
        }
        .manuals-content ul.items li a:hover {
          text-decoration: underline;
        }
        /* icons */
        a[href $='.pdf'] { 
          padding-left: 24px;
          background: transparent url(../img/pdf-icon.png) no-repeat center left !important;
        }
        a[href $='.epub'] { 
          padding-left: 24px;
          background: transparent url(../img/epub-icon.png) no-repeat center left !important;
        }
        a[href $='.epub'] { 
          padding-left: 24px;
          background: transparent url(../img/epub-icon.png) no-repeat center left !important;
        }
        a[href $='.pdf'].ipad { 
          padding-left: 24px;
          background: transparent url(../img/ipad-icon.png) no-repeat center left !important;
        }


/*adventsCalendar*/

html.calendar-open {
  overflow: hidden !important;
}

.wrapper.calendar_wrapper {
  width: 1180px;
}

.advent_calendar_wrap {
  background: #6BC2D8;
  width: 100%;
  max-width: 990px;
  float: left;
  color: #fff;
}

.advent_calendar_wrap .advent_calendar_content {
  float: left;
  width: 100%;
  max-width: 642px;
  background: url('../img/advent_bck.png') no-repeat;
  margin-left:0px;
  position: relative;
}

.advent_calendar_content ul {
  margin-left: 0px;
}

.advent_calendar_wrap .tabs li {
  display: inline-block;
  width: 105px;
  height: 105px;
  background: rgba(182, 228, 240, 0.59);
  color: #d2f0f8;
  font-size: 38px;
  text-align: center;
  border: 1px solid rgba(191, 234, 245, 0.34);
  float: left;
}

.advent_calendar_wrap .tabs li.upcomming span {
  color: rgba(255, 255, 255, 0.25);
}

.advent_calendar_wrap .tab_content {
  position: absolute;
  background: #6BC2D8;
  width: 100%;
  height: 100%;
  padding: 25px;
  box-sizing: border-box;
}

.advent_calendar_wrap .tab_content p {
  color: #fff;
}

.advent_calendar_wrap .tab_content iframe {
  margin-top: 15px;
  width: 100%;
}

.advent_calendar_wrap .tabs .past {
  background: transparent;
  color: #fff;
  opacity: 1;
  cursor: pointer;
}

.advent_calendar_wrap .tabs .past a {
  color: #fff;
}

.advent_calendar_wrap .tabs .past a:hover {
  text-decoration: none;
}


.advent_calendar_wrap .tabs .past:hover {
  background: #A9E2F0;
}


.advent_calendar_wrap .tabs .current {
  background: transparent;
  color: #fff;
  opacity: 1;
  cursor: pointer;
  position: relative;
}

.advent_calendar_wrap .tabs .current:before {
  pointer-events: none;
  position: absolute;
  content: '';
  height: 0;
  width: 0;
  top: 0;
  left: 0;
  background: rgb(223, 195, 195);
  background: linear-gradient(135deg, rgba(255, 255, 255, 0) 45%, #FAB13C 50%, #F9C279 56%, #F9A435 80%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#000000');
  z-index: 1000;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: width, height;
  transition-property: width, height;
}

.advent_calendar_wrap .tabs .current:hover:before {
  width: 35px;
  height: 35px;
}

.advent_calendar_wrap .tabs .current a {
  color: #fff;
  text-decoration: none;
}


.advent_calendar_wrap .tabs li span {
  margin-top: 45px;
  display: block;
}

.advent_desc {
  float: left;
  width: 100%;
  max-width: 300px;
  font-size: 18px;
  margin-left: 30px;
}
.advent_desc h2 {
  font-size: 28px;
  line-height: 32px;
  color:#fff!important;
  text-decoration: none;
  margin-top: 25px;
  margin-bottom: 15px;
  text-align: left;
}

.advent_desc p {
  color: #fff;
  margin-top: 15px;
}

.advent_share {
  display: block;
  clear: both;
}

.advent_share p {
  display: inline-block;
  font-size: 20px;
  font-weight: 400;
  margin: 5px 0px;
  color:#fff!important;
  text-transform: uppercase;
  font-family: 'Roboto Slab', Georgia, Times, serif;
}

.advent_desc .fb {
  background: url('../img/fb.png') no-repeat;
  display: inline-block;
  width: 32px;
  height: 32px;
  text-indent: -9999px;
  vertical-align: bottom;
  margin-left: 5px;
}

.advent_desc .tw {
  background: url('../img/tw.png') no-repeat;
  display: inline-block;
  width: 32px;
  height: 32px;
  text-indent: -9999px;
  vertical-align: bottom;
  margin-left: 5px;
}

.tab_content.calendar .calendar_Date {
  font-size: 30px;
  font-weight: 600;
  font-size: 30px;
  text-transform: uppercase;
  margin-left: 30px;
  display: none;
}

.tab_content.calendar .calendar_name {
  font-size: 30px;
  font-weight: 100;
  font-size: 20px;
  text-transform: uppercase;
  margin-left: 20px;
  width: 70%;
  float: left;
}

.tab_content.calendar .bckBtn {
  display: inline-block;
  zoom: 1;
  height: 30px;
  padding: 0 30px;
  font-size: 12px;
  color: #9bd9e9;
  text-decoration: none;
  line-height: 30px;
  background-color: #fff;
  border: 0;
  border-radius: 15px;
  margin-bottom: 2px;
  vertical-align: bottom;
  float: left;
}
.tab_container p {
  text-align: left;
}
.calendar_btn {
  position: fixed;
  top: 165px;
  right: 0px;
  width: 64px;
  height: 64px;
  text-indent: 31px;
    background: url(../img/calendar_icon.png) no-repeat;
    background-size: 100%;
    z-index: 9999;
  cursor: pointer;
  color: #fff;
  padding-top: 34px;
  font-size: 15px;
}
.calendar_btn_neardvent {
  position: fixed;
  top: 165px;
  right: 0px;
  width: 64px;
  height: 64px;
  text-indent: 31px;
    background: url(../img/calendar_icon.png) no-repeat;
    background-size: 100%;
    z-index: 9999;
  cursor: pointer;
  color: #fff;
  padding-top: 34px;
  font-size: 15px;
}

/*adventsCalendar*/
/* Testimonials
------------------------------------------------------------------- */
.top-filter {border-bottom:#e7e7e7 solid 1px;}
  .top-filter ul,
  .testimonial-list {margin:0 auto; list-style:none;}
  .testimonial-list h4 a { padding-top: 166px; cursor:default; }
    .testimonial-list h4 a:hover { text-decoration: none; }
  .case-study h4 a { padding-top: 166px; cursor:auto!important; }
  .case-study h4 a:hover { text-decoration: underline!important; }
  .testimonial-list h4 a:focus{ outline: 0; }
  .top-filter.center-filter {text-align:center;}
    .top-filter ul li {
      float:left;
      margin-right:20px;
      font-size:14px; color:#505050; line-height:30px;
      }
    .top-filter.center-filter li {
      float:none; display:inline-block; zoom:1; *display:inline;
      margin:0 30px;
      font-size:16px; line-height:65px;
      }
      .top-filter ul li a {
        display:block;
        padding:10px 0;
        color:#505050; text-decoration:none;
        border-bottom:#fff solid 3px;
        }
        .top-filter ul li a:hover,
        .top-filter ul li.active a {color:#000;}
        .top-filter.center-filter li.active a {border-bottom-color:#0089cf; color:#0089cf;}
  ul.testimonial-list {margin-bottom: 20px;}
  .testimonial-list li {background-color:#fff; padding-top:72px;}
  .testimonial-list li h3a {padding-top: 126px;}
  .testimonial-list li:nth-child(2n) {background-color:#f6f6f6;}
      .testimonial-list li dl dt {float:left; margin-right:20px;}
        .testimonial-list li dl dt img { display: block; border-radius: 50%; margin-bottom: 0px;}
      .testimonial-list li dl dd {
        padding-top:8px;
        font-size:14px; line-height:22px;
        }
        .testimonial-list li dl h4 {margin-bottom:0;}
        .testimonial-list li dl
        { overflow: hidden;
        display: table-cell;
        vertical-align: top;
        width: 50%; }
        .testimonial-list li figure
        { padding-left: 40px;
          border-bottom: 0;
          display: table-cell;
          vertical-align: bottom;
          width: 50%; }
        .testimonial-list li figure img
        { border: #dddddd solid 2px;border-bottom: 0;margin-bottom: 0;display: block;}
        .testimonial-list li dl dd .test_text
        { clear: both; }
        .testimonial-list .button
        { margin-bottom: 40px; color: #fff !important; }

/* Download section
------------------------------------------------------------------- */
.download-filter {margin:0 0 30px 0; list-style:none; border-bottom:#d3d3d3 solid 1px;}
  .entry .download-filter li {
    float:left;
    margin-right:55px;
    font-size:16px; color:#888888; line-height:67px
    }
  .download-filter li:last-child {margin-right:0;}
    .download-filter li a {
      display:block;
      color:#888; text-decoration:none;
      border-bottom:2px transparent solid;
      }
      .download-filter li a:hover {color:#263143; text-decoration:none;}
      .download-filter li.active a {border-color:#0089cf; color:#263143}

.download-content ul {margin:0; list-style:none; overflow:hidden;}
  .download-content ul li {
    float:left;
    width:25%;
    margin-bottom:15px; padding-right:15px;
    font-size:14px; line-height:18px; color:#a6a5a5; text-align:left;
    }
    .download-content ul li a {
      display:block; overflow:hidden;
      padding-left:24px;
      color:#263143; text-decoration:none; text-overflow:ellipsis; white-space:nowrap;
      background:url(../img/icon-download-small.png) 0 3px no-repeat;
      }
      .download-content ul li a:hover {color:#3fa6db; background-position:0 -47px;}
    .download-content ul li span {
      padding-left:24px;
      font-size:12px; color:#a6a5a5; font-style:italic;
      }
   
.release .two-columns-inner {
-moz-column-count: 2;
-webkit-column-count: 2;
column-count: 2;
-moz-column-gap: 40px;
-webkit-column-gap: 40px;
column-gap: 40px;
text-align: left;
padding: 0 20px;
max-width: 1000px;
margin: 0 auto;
text-align: justify;
}
.release .two-columns-inner li {
margin-bottom: 5px;
} 

/* Map section */
.entry .map-tabs {margin:0 0 45px; list-style:none; text-align:center;}
  .entry .map-tabs li {
    display:inline-block; zoom:1; *display:inline;
    margin:0 10px;
    font-size:14px; text-transform:uppercase;
    }
  .entry .map-tabs li.active {border-bottom:#0089cf solid 2px;}
    .entry .map-tabs li a {
      color:#fff; text-decoration:none;
      }
      .entry .map-tabs li a:hover {color:#0089cf;}

  .tab-content {display:none;}
  #tab-1 {display:block;}


input:invalid, textarea:invalid {
box-shadow: none;
}

/*
.sucess {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
    padding: 15px;
    margin-bottom: 60px;
    border: #3c763d;
    border-radius: 4px;
}
.error {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
    padding: 15px;
    margin-bottom: 20px;
    border: #a94442;
    border-radius: 4px;
}
*/
/* Contact */

#sendFeedbackForm h2 {
  text-decoration: none;
}

#sendFeedbackForm ul {
  list-style: none;
  margin-left: 0px;
}

#sendFeedbackForm ul li {
  margin-bottom: 20px;
}

#sendFeedbackForm ul li label {
  width: 100%;
  max-width: 150px;
  display: inline-block;
  vertical-align: top;
}

#sendFeedbackForm ul li input, #sendFeedbackForm ul li textarea {
  padding: 7px;
  border: 1px solid #cccccc;
  background-color: #F5F5F5;
  text-indent: 10px;
  width: 100%;
  max-width: 360px;
}

#sendFeedbackForm ul li textarea {
  height: 210px;
}

#sendFeedbackForm .input-file {
  margin-left: 150px;
}

#sendFeedbackForm .input-file input {
  text-indent: 0px;
  background-color: #fff;
  border: none;
}

#sendFeedbackForm ul li .submit {
  display: block;
  margin: 20px 0px 80px 0px;
  background-color: #0089cf;
  color: #fff;
  max-width: 180px;
  border: none;
}

#sendFeedbackForm ul li .submit:hover {
  background-color: #0094E0;
}

.checkbox__item {
  display: block;
}

.checkbox__item input {
   width: auto !important;
   max-width: none !important;
   vertical-align: middle;
   margin-right: 10px;
}

.fancybox-inner {
  overflow: auto !important;
}

.fancybox-skin {
  background-color: #fff !important;
}

.fancybox-close {
  background:url(../img/close.png) !important;
  top: 35px !important;
  right: 40px !important;
  width: 21px !important;
  height: 20px !important;
}

#mc_embed_signup {
  padding: 15px 20px;
  font-family: 'Roboto', Arial, Helvetica, sans-serif !important;
}

#mc_embed_signup ul {
  margin-left: 0px;
  list-style: none;
}

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

#mc_embed_signup ul li ul {
  display: inline-block;
  max-width: 46%;
  width: 100%;
}

#mc_embed_signup h2 {
  font-size: 26px;
  color: #444;
  text-align: center;
  font-family: 'Roboto Slab', Georgia, Times, serif;
  font-weight: 400;
}

#mc_embed_signup label {
  display: inline-block !important;
  width: 27%;
  text-align: right;
  margin-right: 40px;
  vertical-align: top;
}

#mc_embed_signup input {
  display: inline-block !important;
  width: 100% !important;
  max-width: 43%;
  padding: 8px;
}

#mc_embed_signup ul li ul li {
  margin-bottom: 15px;
}

#mc_embed_signup ul li ul label {
  margin: 0px;
  margin-left: 20px;
  width: 100%;
  max-width: 80%;
  text-align: left;
}

#mc_embed_signup input[type=radio] {
  width: auto !important;
  max-width: 10%;
}

#mc_embed_signup .mce_inline_error {
  float: none;
}

.note_wrapper {
  background-color: rgba(0,137,207,0.5);
  color: #fff;
  margin: 40px -20px;
  padding: 30px;
}

#mc_embed_signup .email_icon {
  float: left;
  margin-right: 50px;
}

#mc_embed_signup .note_wrapper h3 {
  font-family: 'Roboto Slab', Georgia, Times, serif;
  font-weight: 400;
  font-size: 20px;
  color: #fff;
  margin-left: 130px;
}

#mc_embed_signup .note_wrapper span {
  font-size: 16px;
  font-weight: 300;
  margin-left: 130px;
}

#mc_embed_signup .note_wrapper span a {
  color: #fff;
}

#mc_embed_signup .button {
  background-color: rgb(0, 137, 207);
  color: #fff;
  height: 50px;
    font-size: 18px;
    border-radius: 28px;
    margin-left: 33%;
}

#mc_embed_signup .blue {
  background-color: rgb(0, 137, 207);
}


#mc_embed_signup.green .button {
  background-color: rgb(30, 176, 108);
}

#mc_embed_signup.pink .button {
  background-color: rgb(170, 50, 145);
}

#mc_embed_signup.orange .button {
  background-color: rgb(255, 145, 35);
}

/* GET INVOLVED / DONATE WIDGET 
------------------------------------------------------------------- */

.donationsWidget {padding-top: 0;}

.padding--fix {
  padding: 30px;
}

.donationsWidget form {
   max-width: 480px;
   margin: 0;
}

.donationsWidget fieldset {display: none;}

.donationsWidget img {
   margin: 10px 10px;
   vertical-align: middle;
}

.buttons-row {
  margin-bottom: 10px;
  clear: both;
  overflow: hidden;
}

.third {
  width: 33.33%; 
  height: 40px;
  float: left;
}

.two-third {
  width: 66.66%; 
  height: 40px;
  float: left;
}

  div.input-group {
    margin: 15px 0;
    display: block;
  }

  .input-group--radios {
    width: 100%;
  }

.input-group--radios label {
   font-size: 16px;
   margin: 0 10px 0 5px;
   vertical-align: middle;
}

  .input-group h4 {
    display: inline-block; 
    width: 49%;
    margin-bottom: 0!important;
    line-height: 40px;
  }

  .input-group select {
    width: 49%;
    height: 40px;
    border: 1px solid #aaa;
    background-color: #eee;
  }

  .input-group input[type="checkbox"] {
    display: none;
  }

.input-group label.optionButton {
   display: block;
   text-align: center;
   line-height: 40px;
   margin: 0 5px;
   background-color: rgba(0,137,207,0.7);
   font-weight: 400;
   font-size: 18px;
   color: #fff;
   word-wrap: break-word;
}

label.optionButton:hover {
   background-color: rgb(0, 137, 207);
}

  .input-group label.optionButton i {
    font-weight: 100;
    font-size: 15px;
  }


div.allSpan {
   vertical-align: top;
   margin: 0 5px;
   height: 40px;
   position: relative;
}

div.currencySpan {
   display: inline-block;
   background: #ccc;
   width: 40px;
   text-align: center;
   position: absolute;
   right: 0px;
}

div.amountWrap {
   float: left;
   width: 100%;
}

div.currencySpan span {
   text-align: center;
   line-height: 40px;
   font-size: 15px;
   font-weight: 100;
}

div.amountWrap input[type="text"] {
   height: 40px;
   text-align: center;
   border: none;
   line-height: 24px;
   font-size: 18px;
   background-color: #fff;
   width: 100%;
   padding-right: 30px;
   box-sizing: border-box;
}

  input#submit {
    display: none;
  }

label.paypalSubmit {
   display: inline-block;
   padding: 0px 35px;
   font-size: 20px;
   line-height: 46px;
   color: #fff;
   background: #263143 ;
   border-radius: 28px;
   border: 0;
   margin: 10px 0;
   vertical-align: middle;
}

label.paypalSubmit:hover {
   background: #000;
}

/* LIGHT DONATIONS ***/


div#lightDonationContainer {
   display: none;
   position: fixed;
   min-height: 46px;
   width: 100%;
   bottom: 0;
   z-index: 2147483640;
   background-color: #0089ce ;
   padding: 0px 0;
   color: #fff;
   box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.4);
}

form.lightDonation {
   max-width: 1200px;
   width: 100%;
   margin: 0 auto;
   text-align: center;
}

.lightDonation h2 {
   display: inline-block;
   font-size: 14px;
   line-height: 26px;
   font-weight: 300;
   vertical-align: middle;
   margin: 0 10px;
   font-family: 'Roboto', Arial, Helvetica, sans-serif;
}

.lightDonation .input-group {
  display: inline-block;
}

.lightDonation select {
   display: inline-block;
   width: 100px;
   height: 26px;
   background-color: #fff;
}

.lightDonation input#submitLight {
  display: none;
}

.lightDonation label.paypalSubmit {
   font-size: 14px;
   line-height: 26px;
   border-radius: 16px;
   margin: 0 10px;
   padding: 2px 25px;
   text-align: center;
   background: #1e2737 ;
}

.lightDonation img {
    vertical-align: middle;
}

#lightDonationClose {
   position: absolute;
   right: 30px;
   top: 20px;
}



#lightDonationClose img:hover {
  cursor: pointer;
}

/* GDPR MODAL ****/

div#gdprContainer {
   display: none;
   position: fixed;
   min-height: 46px;
   width: 100%;
   bottom: 0;
   z-index: 2147483641;
   background-color: #0089ce ;
   padding: 0px 0;
   color: #fff;
   box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.4);
}

div#gdprContainer p {
  line-height: 18px;
  margin: 14px 15px;
  padding-right: 60px;
}

div#gdprContainer a {
  color: #fff;
}

#gdprClose {
   position: absolute;
   right: 30px;
   top: 14px;
}

/* NEWSCOOP POPUP ***/

#newscoopPopupClose {
   float: right;
   margin-left: 20px;
}

div#newscoopPopupContainer {
   display: none;
   position: fixed;
   top: 250px;
   left: 250px;
   min-height: 250px;
   max-width: 700px;
   z-index: 999;
   background-color: #fff;
   padding: 30px;
   color: #333;
   box-shadow: 0px 0px 0px 640px rgba(0, 0, 0, 0.4);
   left: 50%;
   transform: translateX(-50%);
}

/* Testimonials on donation page */

.testimonialsWidget .owl-carousel {
  display: block;
}

.testimonialsWidget .owl-carousel .owl-wrapper {
  display: -webkit-box !important;
  /* OLD - iOS 6-, Safari 3.1-6 */
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox !important;
  /* TWEENER - IE 10 */
  /* NEW - Chrome */
  display: flex !important;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
}

.testimonialsWidget .outer .owl-theme .owl-controls .owl-buttons div {
  position: absolute;
  top: 50%;
  width: 49px;
  height: 85px;
  opacity: 1 !important;
  padding: 0px !important;
  margin-top: -40px !important;
  background-image: url("../img/small-slider-arrows.png") !important;
  background-color: transparent;
  background-repeat: no-repeat !important;
  text-indent: -9999px;
  border-radius: 0px;
}

.testimonialsWidget .owl-theme .owl-controls .owl-buttons div.owl-prev {
  left: -20px;
}

.testimonialsWidget .owl-theme .owl-controls .owl-buttons div.owl-next {
  right: -20px;
  background-position: 50% -100px;
}

.testimonialsWidget .post-list-slider figure img {
  background-color: #eeeded;
}

.testimonialsWidget .owl-carousel .owl-item {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
}


.testimonialWrap--slider .testimonial {
  margin-top: 20px !important;
}

.testimonialWrap--slider .testimonial:before {
  left: 0px !important;
}

.testimonialWrap--slider.owl-carousel .owl-item {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.testimonialWrap--slider .owl-item figure {
  width: 80px;
  height: 80px;
  float: none;
  margin: 5px auto 10px auto !important;
}

.testimonialWrap--slider .owl-item figure img {
  width: 80px;
}

.entry .testimonial {
  max-width: 650px;
  margin: -20px auto 20px auto;
}

.entry .testimonial__text {
  font-size: 20px;
  font-weight: 300;
  line-height: 150%;
  margin-bottom: 40px;
}

.entry .testimonial figure {
  margin: 0px;
}

.entry .testimonial__name {
  font-family: 'Roboto Slab', Georgia, Times, serif;
  font-size: 18px;
  font-weight: 400;
  color: #000;
  line-height: 140%;
  font-style: normal;
}

.entry .testimonial__name:before {
  display: none;
}

.entry .testimonial__name span {
  font-family: 'Roboto', Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 300;
  display: block;
}

.entry .testimonial:before {
  background-size: contain;
  position: absolute;
  top: -20px;
  left: -6px;
  display: block;
  width: 87px;
  height: 65px;
  margin-bottom: 30px;
  opacity: 0.3;
}

.testimonial:after {
  display: none;
}


  .testimonial figure {margin: 20px 0;}
  .testimonial figure img {
    border-radius: 70px;
    margin: 0 auto;
  }

  .testimonial a.button {
    font-size: 16px;
  }

/* Inner social icons
------------------------------------------------------------------- */
/*adthis*/
.atss {
  width: 38px!important;
}
.atss a {
  width: 38px!important;
  line-height: 38px!important;
  zoom: 0.8;
  background: #263143 !important;
}
.atss a span {
  background: #263143 !important;
}
.atss a span:hover {
  background: #354257 !important;
}
.at300bs {
  height: 28px !important;
  width: 28px !important;
}
span.at300bs.at15nc.at15t_facebook {
  background-position: -7px -192px!important;
}
.addthis_32x32_style .at15t_twitter {
  background-position: -2px -800px!important;
}
.at15t_google_plusone_share {
  background-position: -2px -352px!important
}
.addthis_32x32_style .at15t_linkedin {
background-position: -3px -416px!important;
}
.addthis_32x32_style .at15t_email {
background-position: -3px -160px!important;
}
/*adthis*/
.inner-social {margin:0; list-style:none; text-align:center;}
ul.inner-social li { margin: 0px 15px; }
  .inner-social li {
    display:inline-block; zoom:1; *display:inline;
    margin:0 15px;
    }
    .inner-social li a {
      display:block;
      width:56px; height:56px;
      text-indent:-9999px;
      background-image:url(../img/icons-social-inner.png); background-repeat:no-repeat;
      } {}
      .inner-social li.facebook a {background-position:17px 4px;}
      .inner-social li.twitter a {background-position:-106px 4px;}
      .inner-social li.youtube a {background-position:-230px 4px;}
      .inner-social li.vimeo a {background-position:-353px 4px;}
      .inner-social li.mail a {background-position:-432px 4px;}
      .inner-social li.google a {background-position: -523px 6px;}
      .inner-social li.linkedin a {background-position: -581px 7px;}
      .inner-social li.medium a {background-position: -653px 7px;}
        .inner-social li.facebook a:hover {background-position:17px -95px;}
        .inner-social li.twitter a:hover {background-position:-106px -95px;}
        .inner-social li.youtube a:hover {background-position:-230px -95px;}
        .inner-social li.vimeo a:hover {background-position:-353px -95px;}
        .inner-social li.mail a:hover {background-position:-432px -96px;}
        .inner-social li.google a:hover {background-position: -523px -94px;}
        .inner-social li.linkedin a:hover {background-position: -581px -94px;}
        .inner-social li.medium a:hover {background-position: -653px -93px;}
      
      

/* Newsletter box
------------------------------------------------------------------- */
.newsletter-outer {
  padding:25px 0;
  text-align:center;
  }
  .newsletter-outer h3 {
    margin-bottom:20px;
    font-size:36px; color:#fff; font-weight:400;
  }
  .newsletter-outer h4 {
    margin-bottom:20px;
    font-size:21px; line-height:28px; color:#fff; font-weight:300;
  }
  .newsletter-outer input[type=text] {
    width:440px; height:56px;
    font-size:18px; color:#fff; font-weight:300; text-align:center;
    background-color:rgb(38,49,67); background-color:rgba(38,49,67,0.4);
    border:0; border-radius:28px;
    }
  .newsletter-outer ::-webkit-input-placeholder {color:#fff; opacity:0.5; font-style:italic;}
  .newsletter-outer :-moz-placeholder {color:#fff; opacity:0.5; font-style:italic;}
  .newsletter-outer ::-moz-placeholder {color:#fff; opacity:0.5; font-style:italic;}
  .newsletter-outer :-ms-input-placeholder {color:#fff; opacity:0.5; font-style:italic;}


.newsletter-info {padding:30px 0;}
footer .newsletter-info {padding:0;}
  .newsletter-info h5 {
    margin-bottom:20px;
    font-size:16px; color:#fff; text-align:center; font-weight:400;
    }
  footer .newsletter-info h5 {font-weight:300; font-size:12px;}
  .newsletter-info p {
    margin-bottom:20px;
    font-size:14px; color:#3c6986;
    }
    .newsletter-info p input {margin-right:10px;}
  .newsletter-info .button.dark {width:360px;}
  .newsletter-info ul {
    width:324px;
    margin:0 auto 20px; padding:20px;
    list-style:none;
    background:rgba(255,255,255,0.3);
    }
  footer .widget .newsletter-info ul {background:rgba(255,255,255,0.1); margin-bottom:20px;}
    .newsletter-info ul li {
      overflow:hidden;
      padding:5px 0;
      font-size:16px; text-align:left; color:#23313e;
      }
    footer .widget .newsletter-info ul li {line-height:12px; margin-bottom:5px;}
    footer .widget .newsletter-info ul li:last-child {margin-bottom:0;}
    footer .widget .newsletter-info > p {padding-left:20px;}
      .newsletter-info ul li input,
      footer .newsletter-info > p input {float:left; margin-top: 2px; margin-right:10px; box-shadow: none;}
      footer .newsletter-info ul li label {font-size:12px; color:#fff; font-family:'Roboto Slab', Georgia, Times, serif; font-weight:300; line-height: 140%;}
      footer .widget .newsletter-info > p label {font-size:12px; overflow:hidden;}


/* Team
------------------------------------------------------------------- */
.filters-holder {
  float:left; 
  width:180px; 
  margin-right:40px;
  }
  .filters-holder .show-all-btn {
    display:block;
    margin-bottom:20px; padding-left:40px;
    line-height:30px; font-size:15px; color:#263143;
    border-radius:15px;
    }
    .filters-holder .show-all-btn:hover {text-decoration:none;}
    .filters-holder .show-all-btn.active {background:#bfe1f3;}
  .filters {}
    .filters h5 {
      height:30px;
      padding-left:40px; margin-bottom:10px; line-height:30px;
      font-size:16px;
      background:url(../img/btn-filter.png) no-repeat;
      cursor:pointer;
      }
      .filters h5.active {background-position:0 -30px;}
    .filters ul {
      display:none; 
      margin:0 0 15px;
      list-style:none;
      }
      .filters ul li {margin:0px;}
        .filters ul li h6 {margin:0px; line-height:42px; font-size:15px;}
          .filters ul li h6 a {
            display:block;
            padding:0 10px 0 40px;
            color:#263143; line-height:30px;
            border-radius:15px;
            }
            .filters ul li h6 a.active {
              background:#bfe1f3;
              }
.team {
  position:relative; float:left; overflow:hidden;
  width:800px;margin-bottom:30px;
  }
  .services .member { display:inline-block;}
  .member {
    display: none; 
    width: 160px; 
    margin: 0 36px 75px 0; 
    text-align: center; 
    vertical-align: top;
    }
    .member .img-holder {
      display:block; position:relative; overflow:hidden;
      width:130px; height:130px;
      margin:0px auto 15px;
      border-radius:50%; border:4px solid #ffffff;
      }
      .member .img-holder img {display:block;background: #EEEEEE;}
      .member .img-holder:hover,
      .member.active .img-holder {border-color:#9ed2ed;}
    .member h5 {margin-bottom:5px; line-height:normal;}
      .member h5 a {color:#505050;}
        .member h5 a:hover,
        .member.active h5 a {color:#0088cf; text-decoration:none;}
    .member h6 {margin:0px; font-size:13px; line-height:normal; color:#888888;}
    .member-info {display:none;}
  .expanded-member-info {
     float: left; 
     position: relative; 
     opacity: 0; 
     display: block; 
     width: 760px; 
     height: 0px; 
     margin: -55px 0 35px; 
     padding-top: 0px; 
     text-align: left;
    }
    .expanded-member-info > span {
      display:block; position:absolute; left:0px; top:1px;
      width:38px; height:19px;
      margin-left:-19px;
      background:url(../img/member-info-arrow.png) no-repeat;
      }
    .expanded-member-info .close-btn {
      position:absolute; right:20px; margin-top:20px; display:block;
      width:21px; height:20px;
      text-indent:-9999px;
      background:url(../img/btn-close-member-info.png) no-repeat;
      outline:none;
      }
    .expanded-member-info div {
      padding:35px 45px;
      background:#bfe1f3;
      -moz-column-count:2;
      -moz-column-gap:40px;
      -webkit-column-count:2;
      -webkit-column-gap:40px;
      }
      .expanded-member-info div p {font-size:14px; line-height:20px;}
      .expanded-member-info div ul {margin:0px; list-style:none; overflow:hidden;}
        .expanded-member-info div ul li {float:left; margin-right:9px;}
          .expanded-member-info div ul li:last-child {margin-right:0;}
          .expanded-member-info div ul li a {
            display:block;
            width:32px; height:32px;
            text-indent:-9999px;
            background-image:url(../img/icons-social-dark.png); background-repeat:no-repeat;
            }
            .expanded-member-info div ul li.facebook a {background-position:0 0;}
            .expanded-member-info div ul li.twitter a {background-position:-32px 0;}
            .expanded-member-info div ul li.googleplus a {background-position:-64px 0;}
            .expanded-member-info div ul li.flickr a {background-position:-96px 0;}
            .expanded-member-info div ul li.linkedin a {background-position:-128px 0;}

/* EVENTS
------------------------------------------------------------------- */
.two-columns-events {padding-top:50px; margin-bottom:40px;}
.two-columns-events > aside.left {width:180px; margin-right:40px;}
.two-columns-events > aside.right {width:360px; margin-right:20px;}
.two-columns-events > .main {float:left; width:560px;}

.two-columns-events aside h3 {
    margin-bottom:10px;
    font-size:21px; font-weight:400; color:#505050;
    }

.two-columns-events > .main article {
    padding-bottom:37px; margin-bottom:40px;
    border-bottom:#e7e7e7 solid 1px;
    }
    

.two-columns-events > .main article figure img {
    display: block;
    width: 100%;
    margin: 0 auto 15px;
}
/* BLOG
------------------------------------------------------------------- */
.three-columns-blog {padding-top:50px; margin-bottom:40px;}
  .three-columns-blog > aside.left {width:180px; margin-right:40px;}
  .three-columns-blog > aside.right {width:360px; margin-right:20px;}
  .three-columns-blog > .main {float:left; width:560px;}
  
  .blog-single > aside {margin-top:45px;}
  
  .three-columns-blog aside h3 {
    margin-bottom:10px;
    font-size:21px; font-weight:400; color:#505050;
    }
    aside .widget h3 {padding-bottom:10px; border-bottom:#e7e7e7 solid 1px;}
    aside .widget.tweets h3 {
      padding-left:30px;
      background:url(../img/icon-title-twitter.png) 0 5px no-repeat;
      }
    aside .widget.latest-posts h3 {margin-bottom:0;}
  
  aside .widget {padding-bottom:20px; margin-bottom:40px; border-bottom:#e7e7e7 solid 1px;}
  aside .widget:last-child,
  aside .widget.latest-posts {border-bottom:0;}
  aside .widget.share-this {padding-bottom:0; margin-bottom:20px; border-bottom:0;}
  
  aside.author-info h4 {
    margin-bottom:20px;
    font-size:16px; color:#505050; font-weight:400; text-align:center;
  }
  aside.author-info h5 {
    padding-bottom:8px; margin-bottom:5px;
    font-size:16px; color:#505050; font-weight:300;
    border-bottom:#e7e7e7 solid 1px;
  }
  aside.author-info p {
    margin-bottom:20px;
    font-size:10px; color:#505050; text-transform:uppercase;
    }
  aside.author-info p.about-author {
    font-size:11px; text-transform:none; line-height:14px;
    background:url(../img/grey-line-pattern.png) 0 50% repeat-x;
    }
    aside.author-info p.about-author a {
      display:inline-block; zoom:1; *display:inline;
      padding:0 5px 0 12px;
      color:#505050; text-decoration:none;
      background:url(../img/small-toggle-arrow.png) 0 3px no-repeat #fff;
      }
      aside.author-info p.about-author a:hover {color:#000;}
      aside.author-info p.about-author a.open {background-position:0 -47px;}
  aside.author-info figure
  { display: block; margin: 0 auto 20px; border-radius: 50%; overflow: hidden; text-align: center; width: 110px; height: 110px; }
  aside.author-info .about-info p {text-transform:none; font-size:13px; line-height:18px; font-style:italic;}
  
  
  .tweet-list {margin:0; list-style-type:none;}
  .tweet-list ul { margin-left: 0px; list-style: none; }
    .tweet-list > li {
      overflow:hidden;
      padding-bottom:10px; margin-bottom:20px;
      border-bottom:#e7e7e7 solid 1px;
      }
    .tweet-list li em { display: inline-block; margin-bottom: 5px; 
      font-size: 13px; color: #6c6c6c; font-style: normal; font-family: 'Roboto', Arial, Helvetica, sans-serif; }
    .tweet-list li:last-child {border-bottom:0; margin-bottom:0;}
      .tweet-list li .meta {
        display:block;
        margin-bottom:5px;
        font-size:13px; color:#6c6c6c;
        }
        .tweet-list li .meta a,
        .tweet-list li p a {color:#0089cf; text-decoration:none;}
        .timePosted {display:none;}
          .tweet-list li .meta a:hover,
          .tweet-list li p a:hover {text-decoration:underline;}
      .tweet-list li p {margin-bottom: 10px; font-size: 16px; line-height: 24px; font-weight: 300; }
      .tweet-list li .tools {margin:0; list-style-type:none; float:right;}
        .tweet-list li .tools li {
          float:left;
          margin-left:15px;
          font-size:13px; line-height:12px;
          }
          .tweet-list li .tools li a {
            display:block;
            padding-left:20px;
            color:#6c6c6c; text-decoration:none;
            background-image:url(../img/icon-tweet-tools.png); background-repeat:no-repeat;
            }

            a.twitter_reply_icon
            { display: inline-block; padding-left: 20px; color: #6c6c6c; text-decoration: none; background-image: url(../img/icon-tweet-tools.png); background-repeat: no-repeat; margin-left: 10px; background-position: 0 1px; }
            a.twitter_retweet_icon
            { display: inline-block; padding-left: 20px; color: #6c6c6c; text-decoration: none; background-image: url(../img/icon-tweet-tools.png); background-repeat: no-repeat; margin-left: 10px; background-position: 0 -29px; }
            a.twitter_fav_icon
            { display: inline-block; padding-left: 20px; color: #6c6c6c; text-decoration: none; background-image: url(../img/icon-tweet-tools.png); background-repeat: no-repeat; margin-left: 10px; background-position: 0 -59px; }
            .tweet-list li .tools li a:hover {color:#000;}
          .tweet-list li .tools li.reply a {background-position:0 1px;}
          .tweet-list li .tools li.retweet a {background-position:0 -29px;}
          .tweet-list li .tools li.favorite a {background-position:0 -59px;}
          #fetchedTweet li{ overflow: hidden; padding-bottom: 15px; margin-bottom: 20px; border-bottom: #e7e7e7 solid 1px; }
    .bullet-list {margin:0; list-style:none;}
      .bullet-list li {
        font-size:18px; line-height:20px; font-weight:300;
        border-bottom:#e7e7e7 solid 1px;
        }
        .bullet-list li a {
          display:block;
          padding:10px 0 10px 20px;
          color:#263143; text-decoration:none;
          background:url(../img/bullet-1.png) 0 14px no-repeat;
          }
          .bullet-list li a:hover {color:#0089cf; text-decoration:underline;}
  
  .latest-posts-list {margin:0 0 10px; list-style:none;}
    .latest-posts-list li {
       padding: 24px 20px; 
       border-bottom: #e7e7e7 solid 1px; 
       overflow: hidden;
      }
  .latest-posts-list li figure
  { float: left; margin: 0 18px 10px 0; border-radius: 50%; width: 65px; height: 65px; overflow: hidden; }
    .latest-posts-list li:hover {background-color:#eff8fc;}
    .latest-posts-list li.active {background-color:#eff8fc;}
      .latest-posts-list li img
      { width: 65px; }
      .latest-posts-list li p {
        margin-bottom:5px;
        font-size:13px; color:#6c6c6c;
        }
        .latest-posts-list li p a {color:#0089cf; text-decoration:none;}
      .latest-posts-list li h5 {
        overflow:hidden;
        margin-bottom:0;
        font-size:18px; line-height:22px; color:#263143; font-weight:400;
        white-space:pre-line;
        }
        .latest-posts-list li h5 a {color:#263143; text-decoration:none;}
          .latest-posts-list li h5 a:hover {color:#0089cf; text-decoration:underline;}
  aside .widget.latest-posts > a {color:#0089cf; font-size:16px; text-decoration:none;}
    aside .widget.latest-posts > a:hover {text-decoration:underline;}
  
          
  .blog-filter {margin:0; list-style:none;}
    .blog-filter li {
      margin-bottom:10px;
      font-size:15px; font-weight:300; line-height:18px;
      }
      .blog-filter li a {
        display:block;
        padding:6px 10px 6px 20px;
        color:#263143; text-decoration:none;
        border-radius:15px;
        }
        .blog-filter li a:hover {color:#000;}
        .blog-filter li.active a {background-color:#bfe1f3;}
  
  .three-columns-blog > .main article {
    padding-bottom:37px; margin-bottom:40px;
    border-bottom:#e7e7e7 solid 1px;
    }
    
  .back-to-prev {
    display:inline-block; zoom:1; *display:inline;
    padding-left:15px; margin-bottom:20px;
    font-size:12px; color:#0089cf; line-height:18px; text-decoration:none;
    background:url(../img/icon-back-blue.png) 0 50% no-repeat;
    }
    .back-to-prev:hover {color:#000; text-decoration:none !important;}
    
  .blog-single > .main article {border-bottom:0;}
    .three-columns-blog > .main article h3,
    .blog-single > .main article h2 {
      color: #000; margin-bottom: 30px; text-transform: none; text-align:left;
      }
    .blog-single > .main article h2 {color:#000; margin-bottom:30px;}
      .three-columns-blog > .main article h3 a {color:#000;}
    
    .blog-single > .main article h3 {font-size:21px; font-weight:400; margin-bottom:20px;}

    .blog-single .hero-home {text-align:center;}
    
    .article-to-top {
      display:block;
      width:240px;
      margin:0 auto 40px; padding-top:75px;
      text-align:center; font-size:12px; color:#656565 !important; text-decoration:none; text-transform:uppercase;
      background:url(../img/circle-arrow-top.png) 50% 32px no-repeat;
      border-top:#e7e7e7 solid 1px;
      }
      .article-to-top:hover {color:#000;}
    
    .three-columns-blog > .main article .meta {
      display:block; position:relative;
      padding-top:10px; margin-bottom:30px;
      font-size:13px; color:#888888;
      }
      .three-columns-blog > .main article .meta:before {
        content:"";
        position:absolute; top:0; left:0;
        width:100px; height:1px;
        background:#e7e7e7;
        }
      .three-columns-blog > .main article .meta em {font-style:normal; font-size:14px; color:#878787;}
    
    .three-columns-blog > .main article figure {margin-bottom:20px;}
      .three-columns-blog > .main article figure img {
        display:block;
        width:100%;
        margin:0 auto 15px;
        }
        .three-columns-blog > .main article figure figcaption {
          font-size:14px; color:#7c7c7c; font-weight:300; font-style:italic;
          }
    
    

/* Pagination */
.pagination {margin: 0 auto 40px auto; list-style: none; position: relative;}

.pagination li
{ font-family: 'Roboto Slab', Georgia, Times, serif; font-size: 12px; color: #656565; text-align: center; line-height: 30px; }

  .entry .pagination li {
    font-family:'Roboto Slab', Georgia, Times, serif; font-size:12px; color:#656565; text-align:center; line-height:30px;
    }
    .pagination li a,
    .pagination li span {
      display:block;
      color:#656565; text-decoration:none;
      }
      .pagination li a:hover {color:#000; text-decoration:none;}
    .pagination li.prev,
    .pagination li.next {position:absolute; top:0;}
      .pagination li.prev {left:0; text-align:left;}
      .pagination li.next {right:0; text-align:right;}
      
        .pagination li.prev a,
        .pagination li.prev span {padding-left:40px; background:url(../img/icon-pagination-prev.png) 0 0 no-repeat;}
        .pagination li.next a,
        .pagination li.next span {padding-right:40px; background:url(../img/icon-pagination-next.png) 100% 0 no-repeat;}
        
        .pagination li span {opacity:0.5;}



/* Software
------------------------------------------------------------------- */
.software-list li {
  position:relative;
  height:300px;
  padding:30px 20px 40px;
  }
  .software-list li:after {
    content:"";
    position:absolute; 
    left:0; bottom:-21px;
    width:0px; 
    height:0px;
    border-style: solid;
    border-width: 0;
    }
  .software-list li:hover:after {border-width: 21px 21px 0 0;}
  .software-list li.newscoop:hover:after {border-color: #0089cf transparent transparent transparent;}
  .software-list li.superdesk:hover:after,
  .software-list li.liveblog:hover:after {border-color: #1eb06c transparent transparent transparent;}
  .software-list li.airtime:hover:after {border-color: #ff9123 transparent transparent transparent;}
  .software-list li.booktype:hover:after {border-color: #aa3291 transparent transparent transparent;}
  .software-list li.citizendesk:hover:after {border-color: #1eb06c transparent transparent transparent;}
  
  .software-list h3 {
    height:57px;
    margin-bottom:24px;
    text-indent:-9999px;
    background-position:50% 0 no-repeat; background-repeat:no-repeat;
    }
    .software-list .newscoop h3 {background-image:url(../img/software-logo-newscoop.png);}
    .software-list .superdesk h3 {background-image:url(../img/software-logo-superdesk.png);}
    .software-list .liveblog h3 {background-image:url(../img/software-logo-liveblog.png);}
    .software-list .airtime h3 {background-image:url(../img/software-logo-airtime.png);}
    .software-list .booktype h3 {background-image:url(../img/software-logo-booktype.png);}
    .software-list .citizendesk h3 {background-image:url(../img/software-logo-citizendesk.png);}
    
    .software-list li:hover h3 {background-position:0 -100px;} 
    .software-list li:hover p {color:#fff;}
    .software-list li:hover .button {background:#fff;}
    
  .software-list p {min-height:100px; margin-bottom:30px;}

.entry h6 p
{ margin-bottom: 26px; font-size: 16px; line-height: 24px; color: #000; font-weight: 300; }

/*
= Case studies
-------------------------------------------------------------------------------------- */
.case-study-wrapper .wrapper {width:760px;}
  .case-study-wrapper.entry p {
    margin-bottom: 24px; font-size: 16px; line-height: 24px; color: #010101; font-family: 'Roboto', Arial, Helvetica, sans-serif; font-weight: 300;
    }
  .case-study-wrapper.entry h3 {
    margin-bottom:24px;
    font-size:18px; line-height:24px; color:#010101;
    }
  .case-study-wrapper.entry figure {position:relative;}
  .case-study-wrapper.entry figure.alignleft {
    float:left;
    margin:0 20px 20px 0;
    }
  .case-study-wrapper.entry figure.alignright {
    float:right;
    margin:0 0 20px 20px;
    }
  .case-study-wrapper.entry figure.aligncenter {margin-bottom:30px;}
    .case-study-wrapper.entry figure figcaption {
      font-size:11px; color:#808080; line-height:14px; font-weight:300;
      }
    .case-study-wrapper.entry figure.alignleft figcaption {
      position:absolute; right:100%; bottom:10px;
      width:200px;
      padding-right:10px; margin-right:10px;
      text-align:right;
      border-right:#d1d0d0 solid 1px;
      }
    .case-study-wrapper.entry figure.alignright figcaption {
      position:absolute; left:100%; bottom:10px;
      width:200px;
      padding-left:10px; margin-left:10px;
      text-align:left;
      border-left:#d1d0d0 solid 1px;
      }
    .case-study-wrapper.entry figure.aligncenter figcaption {text-align:center;}
    .case-study-wrapper.entry figure img {
      display:block;
      margin-bottom:10px;
      border:#cdcccc solid 1px;
      }
  
  .entry .wide-wrapper {
    position:relative;
    padding:144px 0; margin:40px 0;
    background-position:0 50%; background-size:cover;
    }
    .entry .wide-wrapper blockquote {text-align:center;}
      .entry .wide-wrapper blockquote p {
        font-size:24px; font-weight:300; color:#fff;
        background:none;
        }
      .entry .wide-wrapper blockquote:after,
      .entry .wide-wrapper blockquote:before {display:none;}
      .entry .wide-wrapper blockquote cite {color:#fff; font-size:18px; line-height:32px; font-style:normal; font-weight:300;}
      
  .wide-img-label {
    position: absolute;
right: 20px;
margin-top: 10px;
font-size: 11px;
color: #FFFFFF;
line-height: 14px;
font-weight: 300;
bottom: 10px;
text-shadow: 0px 0px 3px #000;
    }
.wide-img-label a {
color: #fff;
text-decoration: none;
border-bottom: 1px dotted #fff;
}
.wide-img-label a:hover {
border-bottom: 1px solid #fff;
}

/* Additional styles
------------------------------------------------------------------- */
.double-selection {
  min-height:140px;
  padding:20px !important;
  border:transparent solid 2px;
  }
.double-selection.active {border-color:#cbcbcb;}
  .double-selection h4 {
    margin-bottom:20px;
    line-height:35px;
    cursor:pointer;
    }
    .double-selection h4 span {
      display:inline-block; zoom:1; *display:inline; position:relative; bottom:-10px;
      width:40px; height:36px;
      margin-right:10px;
      background:url(../img/icons-check-large.png) 0 2px no-repeat;
      }
      .double-selection.active h4 span {background-position:0 -78px;}

.requirements-box h3, .requirements-box p {margin-left: 130px;}
.requirements-box h3 {margin-bottom:5px !important; padding-top:10px;}
.requirements-box p {margin-bottom:10px;}
.requirements-box figure {float:left; margin-right:30px;}
.requirements-box ul {padding-left: 130px;}
.download-options h4 {margin-bottom:0;}
.download-options h4 {
    display:block;
    height:50px;
    color:#fff!important; line-height:50px;
    }
.download-options ul {margin:0; list-style:none;}
  .download-options ul li {
    font-size:15px; line-height:24px; color:#000; text-align:center;
    }
    .download-options ul li {display:block; padding:5px 0; border-bottom:#d4d4d4 solid 1px;}

.github-box h3 {margin-bottom:20px !important;}

.left-sidebar-columns aside {
  float:left;
  width:300px;
  }
  .side-menu {margin:0 0 20px 0; list-style:none;}
    .side-menu li {
      padding:10px 0;
      font-size:16px; line-height:20px; color:#505050; text-transform:initial;
      }
      .side-menu.about li {padding:10px 10px!important;}
      .side-menu li a {color:#505050; text-decoration:none;}
        .side-menu li a:hover {text-decoration:underline;}
      .side-menu li.space {height: 30px;}
    .side-menu h3 {font-size: 16px; text-transform: uppercase; color: rgb(145, 145, 145);}

.side-menu li.active {
    border-left: 4px solid rgb(0, 137, 207);
    margin-left: 10px;
}
.side-menu li strong.active {
    border-left: 4px solid rgb(0, 137, 207);
    padding: 10px;
}
.side-menu li strong {
    color: #9B9B9B;
    font-weight: 400;
}
.side-menu li strong.active a {
    color: #9B9B9B;
    font-weight: 400;
}
.side-menu li ul.sub-navigation  {
   list-style:none;
  padding: 10px 0px 0px 0px;
}
.side-menu li ul.sub-navigation li {
  padding:5px 10px!important;
  font-size:14px!important;
}
.side-menu li ul.sub-navigation li.active  {
   border-left:none!important;
   margin-left:0px!important;
}
.side-menu li ul.sub-navigation li.active strong {
   color: #9B9B9B;
}
.left-sidebar-columns .main {
  float: right;
  width: 840px;
  border-left: 1px solid #b2b2b2;
  padding-left: 60px;
  -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
  }
  .left-sidebar-columns .main h2 {
    margin-bottom:30px;
    font-size:24px; text-align:left; font-weight:400; line-height: 38px;
    text-decoration: none;
    }
  .left-sidebar-columns .main > p {
    font-size:16px; line-height:24px;
    }
    .left-sidebar-columns .entry ul {
      margin-bottom: 32px;
    }
    .left-sidebar-columns .entry ul li {
      font-family: 'Roboto', Arial, Helvetica, sans-serif; 
      font-weight: 300;
      font-size: 16px; 
      line-height: 24px; color: #000; 
      margin-bottom: 8px;
    }
    .left-sidebar-columns .main h3 {
      font-size: 22px;
    }
    .left-sidebar-columns .entry h4 {
      font-family: 'Roboto Slab', Georgia, Times, serif;
      margin-bottom: 24px;
      font-weight: 400;
    }

    .entry.white-text > h5 p {
    color: #fff !important;
    font-size: 18px;
    }

    .entry h5 p
    { font-size: 18px; line-height: 26px;}

section.thank-you {
    text-align: center;
  }    

.thank-you h2 {
    margin-bottom: 30px;
    font-size: 24px;
    text-align: left;
    font-weight: 400;
    line-height: 38px;
    text-decoration: none;
    text-align: center;
}

.post-list-slider h5.donateThankYou-title {
   font-size: 22px;
   margin-bottom: 50px;
   margin-top: -20px;
}

/*
= FOOTER
-------------------------------------------------------------------------------------- */
footer {
  padding:45px 0 0;
  background:url(../img/footer-top-line.png) 0 0 no-repeat #263143; background-size:100% 3px;
  }
  footer .wrapper {position:relative;}
    footer .to-top {
      position:absolute; top:-42px; right:0;
      width:53px; height:40px;
      text-indent:-9999px;
      background:url(../img/icon-to-top.png) 50% 50% no-repeat #1e2737;
      border-radius:0 0 4px 4px;
      }
      footer .to-top:hover {background-color:#141c29;}
    footer .widget {
      float:left;
      width:20%;
      margin-right:40px; margin-bottom:30px;
    }
    footer .widget.wider {width:30%; margin-right:0;}
    footer .widget.right {float:right; margin-right:0;}
    footer h3 {
      margin-bottom:20px;
      font-size:18px; color:#fff; font-weight:400;
    }
    footer .widget ul {margin:0; list-style:none;}
      footer .widget ul li {
        margin-bottom:10px;
        font-size:14px; line-height:22px;
        }
        footer .widget ul li a {
          color:#fff; text-decoration:none; font-weight:300;
          border-bottom:#fff solid 1px;
          }
          footer .widget ul li a:hover {border-color:transparent !important;}
    
    footer .widget p {
      font-size:14px; line-height:32px; color:#fff;
      }
      footer .widget p a {color:#fff; text-decoration:none;}
        footer .widget p a:hover {text-decoration:underline;}
      footer .widget p small {
        display:block;
        font-size:12px; color:#80848c; line-height:18px;
      }
    footer .widget.right p {
      margin-bottom:20px;
      color:#80848c; font-size:12px; line-height:20px;
    }
    footer .widget fieldset input[type="text"],
    footer .widget fieldset input[type="submit"] {
      width:100%; height:30px;
      padding:0 20px; margin-bottom:20px;
      border-radius:15px;
      border:0;
    }
    footer .widget fieldset input[type="email"]
    { color: #fff; font-size: 14px; font-weight: 300; background: #313c4d; box-shadow: inset 0 0 1px #232a36; width: 100%; height: 30px; padding: 0 20px; margin-bottom: 20px; border-radius: 15px; border: 0; }
      footer .widget fieldset input[type="email"]::-webkit-input-placeholder {color: #90959E;}
      footer .widget fieldset input[type="email"]:-moz-placeholder {color: #90959E;}
      footer .widget fieldset input[type="email"]::-moz-placeholder {color: #90959E;}
      footer .widget fieldset input[type="email"]:-ms-input-placeholder {color: #90959E;}

    footer .widget .response
    {color: #fff; }
    footer .widget fieldset form input[type="text"] {
      color:#fff; font-size:14px; font-weight:300;
      background:#313c4d;
      box-shadow:inset 0 0 1px #232a36;
    }
    footer .widget fieldset form div input[type="submit"] {
      font-size:12px; color:#90959E; text-align:center;
      background:#1e2737;
      }
      footer .widget fieldset form div input[type="submit"]:hover {background:#141c29;}
  
    .footer-bottom {clear:both; padding-bottom:60px;}
      .footer-bottom dl {
        float:right;
        width:24%;
        }
        .footer-bottom dl ul {margin:0; list-style:none; overflow:hidden;}
          .footer-bottom dl ul li {
            float:left;
            margin-right:9px;
            }
          .footer-bottom dl ul li:last-child {margin-right:0;}
            .footer-bottom dl ul li a {
              display:block;
              width:33px; height:35px;
              text-indent:-9999px;
              background-image:url(../img/iconsSocial.png); background-repeat:no-repeat;
            }
            
            .footer-bottom dl ul li.facebook a {background-position:0 0;}
            .footer-bottom dl ul li.facebook a:hover {background-position:0 -40px;}
            
            .footer-bottom dl ul li.twitter a {background-position:-46px 0;}
            .footer-bottom dl ul li.twitter a:hover {background-position:-46px -40px;}

            .footer-bottom dl ul li.linkedin a {background-position:-274px 0;}
            .footer-bottom dl ul li.linkedin a:hover {background-position:-274px -39px;}
            
            .footer-bottom dl ul li.youtube a {background-position:-182px 0;}
            .footer-bottom dl ul li.youtube a:hover {background-position:-182px -40px;}
                        
            .footer-bottom dl ul li.googleplus a {background-position:-91px 0;}
            .footer-bottom dl ul li.googleplus a:hover {background-position:-91px -40px;}
            
            .footer-bottom dl ul li.medium a {background-position:-137px 0;}
            .footer-bottom dl ul li.medium a:hover {background-position:-137px -40px;}
            
            .footer-bottom dl ul li.rss a {background-position:-228px 0;}
            .footer-bottom dl ul li.rss a:hover {background-position:-228px -40px;}

            
      .footer-bottom p {
        padding:10px 0 10px 206px; margin-top:37px;
        font-size:12px; line-height:22px; color:#80848c;
        background:url(../img/footer-logo.png) 0 50% no-repeat;
        }
        .footer-bottom p span {margin-right:13px;}
        .footer-bottom p a {color:#80848c;}
          .footer-bottom p a:hover {text-decoration:none}


      footer .partners {background:#5f6671;}
        footer .partners h5 {
          padding:20px 0;
          font-size:16px; color:#fff; text-align:center; font-weight:400;
          background:#656c77;
        }
        footer .partners ul {margin:0; padding:40px 0; list-style:none; text-align:center;}
          footer .partners ul li {
            display:inline-block; zoom:1; *display:inline;
            margin:0 30px;
            }


/*
= COLORS
-------------------------------------------------------------------------------------- */
/* Orange #ff9123 / 255, 145, 35 */
.hero-home h1 span.orange,
footer .widget ul li.orange a,
.outer.orange .video-button
.outer.orange .top-filter ul li.active a,
.outer.orange a.button.border {border-color:rgb(255, 145, 35);}

.outer.orange .entry h3,
.outer.orange .entry h4,
.outer.orange .hero .buttons li a,
.outer.orange .video-button,
.outer.orange .post-list-slider .slides li h5 a:hover,
.outer.orange .feature-box h5,
.outer.orange .faq-content h3,
.outer.orange .faq-content .control-all li a,
.outer.orange .toggles h4:hover,
.outer.orange a.button.border,
.outer.orange .side-menu li a:hover,
.software-list li.airtime:hover .button, .outer.orange .entry a, #mc_embed_signup.orange h2 {color:rgb(255, 145, 35);}

.outer.orange .hero .buttons li a:hover,
.outer.orange .video-button:hover,
.outer.orange .video-button:before,
.outer.orange a.button.border:hover,
section.orange,
.outer.orange .download-options h4 a,
.outer.orange .download-options h4,
.software-list li.airtime:hover {background-color:rgb(255, 145, 35);}

.outer.orange .transparent-50,
.orange-50 {background-color:rgba(255,145,35,0.6);}
.outer.orange .transparent-16,
.orange-16,
.outer.orange .post-list-slider .slides li:hover {background-color:rgba(255,145,35,0.16);}

.outer.orange .hero .buttons li.video a:before {background-image:url(../img/icon-play-orange.png);}

.orange header nav .mobile-nav-trigger.active, .orange header nav ul
{ background-color: rgb(255, 145, 35); }
.outer.orange header nav ul > li > a:hover {color:rgb(255, 145, 35);}
.outer.orange header nav .mobile-nav-trigger.product-trigger span:before {
  background: #ff9123;
  box-shadow: 0 6px 0 0 #ff9123, 0 12px 0 0 #ff9123;
  }
  .outer.orange header nav .mobile-nav-trigger.product-trigger.active span:before {
    background: #fff;
    box-shadow: 0 6px 0 0 #fff, 0 12px 0 0 #fff;
  }



/* Blue 0089cf / 0, 137, 207 */
.hero-home h1 span.blue,
footer .widget ul li.blue a,
.outer.blue .video-button,
.outer.blue .top-filter ul li.active a,
.outer.blue a.button.border {border-color:rgb(0, 137, 207);}

.outer.blue .entry h3,
.outer.blue .entry h4,
.outer.blue .hero .buttons li a,
.outer.blue .video-button,
.outer.blue .post-list-slider .slides li h5 a:hover,
.outer.blue .feature-box h5,
.outer.blue .faq-content h3,
.outer.blue .faq-content .control-all li a,
.outer.blue .toggles h4:hover,
.outer.blue a.button.border,
.outer.blue .side-menu li a:hover,
.software-list li.newscoop:hover .button, .outer.blue .entry a, #mc_embed_signup.blue h2  {color:rgb(0, 137, 207);}

.outer.blue .hero .buttons li a:hover,
.outer.blue .video-button:hover,
.outer.blue .video-button:before,
.outer.blue a.button.border:hover,
section.blue,
.outer.blue .download-options h4 a,
.outer.blue .download-options h4,
.software-list li.newscoop:hover {background-color:rgb(0, 137, 207) !important;}

.outer.blue .transparent-50,
.blue-50 {background-color:rgba(0,137,207,0.5);}
  .blue-50 a {color:#fff;}
  .blue-50 .white-text a {color:#000;}
.outer.blue .transparent-16,
.blue-16,
.outer.blue .post-list-slider .slides li:hover {background-color:rgba(0,137,207,0.16);}

.outer.blue .hero .buttons li.video a:before {background-image:url(../img/icon-play-blue.png);}

.blue header nav .mobile-nav-trigger.active, .blue header nav ul
{ background-color: rgb(0, 137, 207); }
.outer.blue header nav ul > li > a:hover {color:rgb(0, 137, 207);}
.outer.blue header nav .mobile-nav-trigger.product-trigger span:before {
  background: #0089cf;
  box-shadow: 0 6px 0 0 #0089cf, 0 12px 0 0 #0089cf;
  }
  .outer.blue header nav .mobile-nav-trigger.product-trigger.active span:before {
    background: #fff;
    box-shadow: 0 6px 0 0 #fff, 0 12px 0 0 #fff;
  }
.services.video-button
{border-color:rgb(0, 137, 207)!important;}
.services.video-button:hover
{background-color:rgb(0, 137, 207)!important;}
.services.video-button:before {
background-image: url(../img/icon-play-white.png);
background-color: rgb(0, 137, 207) !important;
}
/* Green 1eb06c / 30, 176, 108 */
.hero-home h1 span.green,
footer .widget ul li.green a,
.outer.green .video-button,
.outer.green .top-filter ul li.active a,
.outer.green a.button.border {border-color:rgb(30, 176, 108);}

.outer.green .entry h3,
.outer.green .entry h4,
.outer.green .hero .buttons li a,
.outer.green .video-button,
.outer.green .post-list-slider .slides li h5 a:hover,
.outer.green .feature-box h5,
.outer.green .faq-content h3,
.outer.green .faq-content .control-all li a,
.outer.green .toggles h4:hover,
.outer.green a.button.border,
.outer.green .side-menu li a:hover,
.software-list li.superdesk:hover .button,
.software-list li.liveblog:hover .button, .outer.green .entry a, #mc_embed_signup.green h2 {color:rgb(30, 176, 108);}

.outer.green .hero .buttons li a:hover,
.outer.green .video-button:hover,
.outer.green .video-button:before,
.outer.green a.button.border:hover,
section.green,
.outer.green .download-options h4 a,
.outer.green .download-options h4,
.software-list li.superdesk:hover,
.software-list li.liveblog:hover {background-color:rgb(30, 176, 108);}

.outer.green .transparent-50,
.green-50 {background-color:rgba(30,176,108,0.6);}
  .green-50 a {color:#fff;}
  .green-50 .white-text a {color:#000;}
.outer.green .transparent-16,
.green-16,
.outer.green .post-list-slider .slides li:hover {background-color:rgba(30,176,108,0.16);}

.outer.green .hero .buttons li.video a:before {background-image:url(../img/icon-play-green.png);}

.outer.green .hero .buttons li a:hover, .outer.green .video-button:hover, .outer.green .video-button:before, .outer.green a.button.border:hover, section.green, .outer.green .download-options h4 a, .software-list li.superdesk:hover, .software-list li.citizendesk:hover {
background-color: rgb(30, 176, 108);
}

.outer.green .hero .buttons li a:hover, .outer.green .video-button:hover, .outer.green .video-button:before, .outer.green a.button.border:hover, section.green, .outer.green .download-options h4 a, .software-list li.superdesk:hover, .software-list li.citizendesk:hover a {
color: rgb(30, 176, 108);
}
.green header nav .mobile-nav-trigger.active, .green header nav ul
{ background-color: rgb(30, 176, 108); }
.outer.green header nav ul > li > a:hover {color:rgb(30, 176, 108);}
.outer.green header nav .mobile-nav-trigger.product-trigger span:before {
  background: #1eb06c;
  box-shadow: 0 6px 0 0 #1eb06c, 0 12px 0 0 #1eb06c;
  }
  .outer.green header nav .mobile-nav-trigger.product-trigger.active span:before {
    background: #fff;
    box-shadow: 0 6px 0 0 #fff, 0 12px 0 0 #fff;
  }

.outer.green .download-options h4 {background-color:rgb(30, 176, 108);}

/* Pink aa3291 / 170, 50, 145 */
.hero-home h1 span.pink,
footer .widget ul li.pink a,
.outer.pink .video-button,
.outer.pink .top-filter ul li.active a,
.outer.pink a.button.border {border-color:rgb(170, 50, 145);}

.outer.pink .entry h3,
.outer.pink .entry h4,
.outer.pink .hero .buttons li a,
.outer.pink .video-button,
.outer.pink .post-list-slider .slides li h5 a:hover,
.outer.pink .feature-box h5,
.outer.pink .faq-content h3,
.outer.pink .faq-content .control-all li a,
.outer.pink .toggles h4:hover,
.outer.pink a.button.border,
.outer.pink .side-menu li a:hover,
.software-list li.booktype:hover .button, .outer.pink .entry a, #mc_embed_signup.pink h2  {color:rgb(170, 50, 145);}

.outer.pink .hero .buttons li a:hover,
.outer.pink .video-button:hover,
.outer.pink .video-button:before,
.outer.pink a.button.border:hover,
section.pink,
.outer.pink .download-options h4 a,
.outer.pink .download-options h4,
.software-list li.booktype:hover {background-color:rgb(170, 50, 145);}

.outer.pink .transparent-50,
.pink-50 {background-color:rgba(170,50,145,0.5);}
  .pink-50 a {color:#fff;}
  .pink-50 .white-text a {color:#000;}
.outer.pink .transparent-16,
.pink-16,
.outer.pink .post-list-slider .slides li:hover {background-color:rgba(170,50,145,0.16);}

.outer.pink .hero .buttons li.video a:before {background-image:url(../img/icon-play-pink.png);}

.pink header nav .mobile-nav-trigger.active, .pink header nav ul
{ background-color: rgb(170, 50, 145); }
.outer.pink header nav ul > li > a:hover {color:rgb(170, 50, 145);}
.outer.pink header nav .mobile-nav-trigger.product-trigger span:before {
  background: #aa3291;
  box-shadow: 0 6px 0 0 #aa3291, 0 12px 0 0 #aa3291;
  }
  .outer.pink header nav .mobile-nav-trigger.product-trigger.active span:before {
    background: #fff;
    box-shadow: 0 6px 0 0 #fff, 0 12px 0 0 #fff;
  }

/* Yellow c8af00 / 200, 175, 0 */
.hero-home h1 span.yellow {border-color:rgb(200, 175, 0);}
/*
footer .widget ul li.yellow a,
.outer.yellow .video-button,
.outer.yellow .top-filter ul li.active a {border-color:rgb(200, 175, 0);}

.outer.yellow .entry h3,
.outer.yellow .entry h4,
.outer.yellow .hero .buttons li a,
.outer.yellow .video-button,
.outer.yellow .post-list-slider .slides li h5 a:hover,
.outer.yellow .feature-box h5,
.outer.yellow .faq-content h3,
.outer.yellow .faq-content .control-all li a,
.outer.yellow .toggles h4:hover  {color:rgb(200, 175, 0);}

.outer.yellow .hero .buttons li a:hover,
.outer.yellow .video-button:hover,
.outer.yellow .video-button:before {background-color:rgb(200, 175, 0);}

.outer.yellow .transparent-50,
.yellow-50 {background-color:rgba(200,175,0,0.5);}
.outer.yellow .transparent-16,
.yellow-16,
.outer.yellow .post-list-slider .slides li:hover {background-color:rgba(200,175,0,0.16);}

.outer.yellow .hero .buttons li.video a:before {background-image:url(../img/icon-play-yellow.png);}
*/

/*
= Mobile devices
-------------------------------------------------------------------------------------- */
@media screen and (max-width:1410px) {


  .wrapper {width:auto; margin:0 110px;}
  .wrapper.calendar_wrapper {
 margin:0px;
}
  .remove_margin .cs_img
{ margin-right: 30px; }
  img {max-width:100%; height:auto;}
  
  header .logo {margin-left:-90px;}
  header .logo.product-logo {background-size:100% auto; width:120px;}
  
  header nav > ul > li {font-size:14px;}
    header nav ul > li > a[target=_blank]:after {right:0;}
    header nav ul > li > ul > li a[target=_blank]:after {right:10px;}

    .wrapper.navigation-home {
  margin: 0px 35px;
  }

    .wrapper.navigation-other {
  margin: 0 30px 0 110px;
  }

  .hero-slider li .info {margin-right:-530px;}
  .hero-home h1 {margin-left:-530px; font-size:58px; width:560px;}
  
  .post-list-slider .slides li {
        width: 800px;
        min-height:120px;
        padding:16px 20px;
        float: none;
        margin: 0 auto;
        vertical-align: top;
      }
      .post-list-slider ul.slides {
        list-style: none;
        margin-left: 0px;
        overflow: hidden;
        min-height: 200px;
        height: 200px;
        margin: 0 auto 20px auto;
      }
      .post-list-slider .slides li .slide {
        width: 30%;
        display: inline-block;
        margin: 0px 1%;
        vertical-align: top;
      }
      .post-list-slider .slides li p {
        white-space: initial;
      }
      .customer_slider.customer-logos {
        width: 800px !important;
        margin: 0 auto !important;
      }

      .customer_slider.customer-logos li {
        width: 800px;
      }

      .customer_slider.customer-logos {
        width: 20%;
        margin: 0 1%;
      }
      .customer_slider.customer-logos li .slide {
    vertical-align: middle;
      }
    .logo-list-slider .slide a {
      display: inline-block;
      min-height: 150px;
    }
  .entry .image-feature img.alignleft {float:none; display:block; margin:0 auto 20px;}
  .entry .image-feature {text-align:center;}
  
  .footer-bottom dl {float:none; width:auto;}
  
  .wide-slide-wrapper .controls.prev-wide-slide, 
  .hero-home .controls.prev-top-slide, 
  .post-list-slider .controls.prev-post-slide,
  .logo-list-slider .prev-customer {left:20px;}
  
  .wide-slide-wrapper .controls.next-wide-slide, 
  .hero-home .controls.next-top-slide, 
  .post-list-slider .controls.next-post-slide,
  .logo-list-slider .next-customer {right:20px;}
  
  .left-sidebar-columns aside {width:25%;}
  .three-columns-blog > aside.left {width:22%; margin-right:3%;}
  .three-columns-blog > .main article figure img
{ max-width: 100%; height: auto; width: auto !important; }
  .left-sidebar-columns .main,
  .three-columns-blog > .main,
  .three-columns-blog > aside.right {width:72%;}
  .three-columns-blog > aside.right {border-top:#e7e7e7 solid 1px; padding-top:40px;}
  
  .manuals-content ul.items {padding: 0 20px;}
  .search-results-outer aside {width: 20%;}
  .search-results-outer .main-content {width: 70%;margin-left: 5%;}

  
}


@media screen and (min-width: 800px) and (max-width: 1410px) {
  header .search-trigger {
    width: 40px;
    border-left: none;
  }


}


@media screen and (max-width:1200px) {
  header nav ul > li > a {padding: 0 10px;}
  .two-columns-events > .main  {width:72%;float:none;margin:0 auto;}
  .two-columns-events > aside.right {width:72%;float:none;margin:0 auto;}
  .faq-content .toggles {
    padding: 0px;
  }

}

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

div#newscoopPopupContainer {
position: absolute;
transform: none;
left: 10px;
right: 10px;
max-width: none;
min-height: auto;
top: 100px;
box-shadow: none;
}

  .two-columns-events > .main  {width:72%;}
  .two-columns-events > aside.right {width:25%;}

  .wide-slider li figure,
  .entry h2 br {display:none;}
  .entry ul {list-style-position: inside; margin: 0;}
  
  section.no-bottom-padding {padding-bottom:20px;}
  
  .hero-home h1 {width:470px; margin-left:-430px;}
  .hero-slider li .info {margin-right:-430px; width:360px;}
    .hero-slider li .info p {font-size:14px; line-height:24px;}
  
  .grid.five-columns > li, 
  .grid.five-columns > div {width:50%; margin-bottom:30px;}

  .grid.five-columns > li:nth-child(2n+1), 
  .grid.five-columns > div:nth-child(2n+1) {clear:left;}
  
  /*.post-list-slider .slides li {width:270px;}*/
    .post-list-slider .slides li p {font-size: 11px;}
    .post-list-slider .slides li img {/*display:none;*/}
    .post-list-slider .slides li h5 {font-size: 16px;}

  
	 .feature-box, body .feature-box > h5, .feature-box.right-text > p {text-align:center;}
    .feature-box img.alignleft,
    .feature-box img.alignright {float:none; display:block; margin:0 auto 20px;}
  
  .testimonial-list li figure {width:50%;}
  
  .entry .download-filter li {margin-right:20px;}
  
  .mid-width,
  .small-width,
  .case-study-wrapper .wrapper {width:auto;}
  
  .filters-holder,
  .team {width:auto; float:none;}
  .member {margin-right:15px;}
  .expanded-member-info {width:auto;}
    .expanded-member-info div {
      padding:40px 20px 20px;
      background:#bfe1f3;
      -moz-column-count:1;
      -webkit-column-count:1;
      }
  
  .hero.case-study {padding-top:300px;}
    .case-study-wrapper.entry figure.alignleft figcaption,
    .case-study-wrapper.entry figure.alignright figcaption {
      position:relative; left:auto; right:auto; bottom:0;
      padding:0;
      text-align:left; 
      border:0;
      }

      .no-border  .right-text > h3, .no-border  .right-text > h4, .no-border  .right-text > p {
    text-align: center;
    }
  .two {
    width: 360px;
    padding: 0px;
    margin-top: 40px;
  }

  .advent_calendar_wrap {
    max-width: 360px;
  }
  .advent_calendar_wrap .advent_calendar_content {
    max-width: 360px;
    background-size: cover;
  }
  .advent_desc {
    max-width: 360px;
    margin-left: 0px;
    padding: 20px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .advent_calendar_wrap .tabs li {
    width: 58px;
    height: 58px;
    font-size: 28px;
  }
  .advent_calendar_wrap .tabs li span {
    margin-top: 20px;
  }

  .advent_desc h2 {
    margin: 0px;
    padding-left: 0px;
    margin-bottom: 10px;
  }

  .advent_share p {
    margin-bottom: 4px;
  }

  .calendar_btn {
    top: 108px;
  }

  .tab_content.calendar .calendar_name {
    margin-left: 0px;
    margin-top: 10px;
    width: auto;
    font-size: 16px;
  }

  .advent_calendar_wrap .advent_calendar_content.content-open {
    height: 480px;
  }

  .advent_calendar_wrap .tab_content .cs_img {
    width: 80px !important;
  }

  .advent_calendar_wrap .tabs .current {
    background: rgb(30, 176, 108);
  }

  .advent_calendar_wrap .tabs .current:hover:before {
    display: none;
  }

    .promo .center-text img {display: inline-block;margin: 0px;}
  .promo .center-text p span {display: inline-block;margin: 20px 0px}
  .promo .center-text p a.button { display: inline-block; }

}


@media screen and (max-width:800px) {
  .lightDonation h2 {
    display: block;
  }

  .side-navigation {
    position:fixed; left:0px; top:68px; bottom:0; display:none;
    width:100%; height:auto;
    padding:20px 0; overflow-y:scroll;
    }
    .side-navigation .logo,
    .side-navigation .close {display:none;}
    .side-navigation > ul {padding-bottom: 20px;}

    .side-navigation span.noLink
    { padding: 10px 20px; color: #fff; display: block; }

  .wide-slide-wrapper .controls, 
  .hero-home .controls, 
  .post-list-slider .controls,
  .hero-slider li .info,
  .top-pager,
  .theme-feature figure .mobile {display:none;}
  
  .wide-slide-wrapper {padding-bottom:40px;}
  .wide-pager {display:block; bottom:0;}
  
  .outer {padding-top:68px;}
  .entry ul, .feature-box h5 {text-align: left;}

  .testimonial-list li {padding-top: 36px;}
    .testimonial-list li figure {display:block; width:100%;padding-left: 0;}
    .testimonial-list li dl {display:block; width:100%;}

  header,
  header .search-wrapper .search-form,
  header .sidenav-trigger,
  header .logo,
  header .search-trigger,
  header .search-wrapper .search-form,
  header .logo.product-logo,
  header nav .mobile-nav-trigger,
  header .logo {height:68px;}
  
  header {}
  header nav {float:left;}
    header nav .mobile-nav-trigger {
      display:block; 
      position:absolute; 
      left:0; 
      top:0;
      width:60px;
      text-indent:-9999px;      
      border-right:#e1e1e1 solid 1px;
      overflow:hidden;
      }
      header nav .mobile-nav-trigger span { 
        position: relative;
        display: block;
      }
      header nav .mobile-nav-trigger span:before {
        content: "";
        position: absolute;
        left: 20px;
        top: 24px;
        width: 20px;
        height: 3px;
        background: #505050;
        box-shadow: 0 6px 0 0 #505050, 0 12px 0 0 #505050;        
        }
        header nav .mobile-nav-trigger.active span:before {
          background: #fff;
          box-shadow: 0 6px 0 0 #fff, 
                      0 12px 0 0 #fff;
          }
    header nav .mobile-nav-trigger.active {background-color:#263143;}

    header nav .mobile-nav-trigger.product-trigger {
        left:61px;
        }
        header nav .mobile-nav-trigger.product-trigger span:before {
          left:48px;
          -webkit-transition: left .15s ease;
          transition: left .15s ease;
          }
          header nav .mobile-nav-trigger.product-trigger.active span:before {
            left:20px;
            }
      
    header nav > ul {
      display:none; position:fixed; left:0; top:68px; bottom:0;
      width:100%;
      padding:20px 20px 40px 20px;
      background-color:#263143;
      overflow-y:scroll;
      }
      header nav > ul > li {font-size:16px;}
      header nav > ul > li:first-child {margin-bottom: 5px;}
        header nav > ul > li:first-child h5 {display:block; color:white; font-size: 22px; font-weight: 400;}  
      header nav ul > li > a[target=_blank]:after {background-position: 0 -100px;}
      header nav ul li {
        float:none;
        }
        header nav ul li a,
        header nav > ul > li.has-sub > a,
        header nav ul li a:hover {
          padding:8px 0;
          color:#fff; line-height:18px;
          background:none !important;
          border:0 !important;
          }
          header nav > ul > li.has-sub > .sub,
          header nav > ul > li.has-sub > .sub.mega {
            position:relative; left:0; top:0; right:0;
            width:auto;
            padding:0;
            background:none;
            border:0;
            display:block;
            }
            header nav > ul > li.has-sub > .sub.mega > ul {display:block; min-height:inherit; top:0; padding:0;}
              header nav > ul > li.has-sub > .sub.mega > ul > li {max-width: 100%; margin-bottom: 3px; font-size: 14px;}
              header nav > ul > li.has-sub > .sub > li {margin-bottom: 3px !important;}
              header nav > ul > li.has-sub > .sub.mega > ul > li > a {padding: 5px 22px;}
                header nav > ul > li.has-sub > .sub.mega > ul > li > ul {display:none !important;}
                  header nav > ul > li.has-sub > ul.sub > li > a:hover,
                  header nav > ul > li.has-sub > .sub.mega > ul > li > a:hover {background-color: #343f52 !important; color: #3fa6db;}

            /* colored underline */      
            header nav > ul > li.has-sub > .sub.mega > ul > li > a span {border-bottom: 2px #fff solid;}
            header nav > ul > li.has-sub > .sub.mega > ul > li > a:hover span {border-bottom:none;}
              header nav > ul > li.has-sub > .sub.mega > ul > li.orange > a span {border-bottom-color: #ff9123;}
                header nav > ul > li.has-sub > .sub.mega > ul > li.orange > a:hover {color: #ff9123;}
              header nav > ul > li.has-sub > .sub.mega > ul > li.green > a span {border-bottom-color: #1eb06c;}
                header nav > ul > li.has-sub > .sub.mega > ul > li.green > a:hover {color: #1eb06c;}
              header nav > ul > li.has-sub > .sub.mega > ul > li.pink > a span {border-bottom-color: #aa3291;}
                header nav > ul > li.has-sub > .sub.mega > ul > li.pink > a:hover {color: #aa3291;}
              header nav > ul > li.has-sub > .sub.mega > ul > li.blue > a span {border-bottom-color: #0089cf;}
                header nav > ul > li.has-sub > .sub.mega > ul > li.blue > a:hover {color: #0089cf;}
        .outer.orange header nav ul > li > a:hover,
        .outer.pink header nav ul > li > a:hover, 
        .outer.green header nav ul > li > a:hover,
        .outer.blue header nav ul > li > a:hover {color: rgba(255,255,255, .7) !important}


  .side-navigation ul li {margin-bottom:0;}
    .side-navigation ul li a {padding:7px 20px;}
    .side-navigation ul li ul li a {padding-left:42px;}
    .side-navigation ul li ul li {font-size:14px;}
  header .sidenav-trigger:hover, 
  header .sidenav-trigger.active {background-color:#1d2533;}
  
  header .logo,
  header .logo.product-logo {margin:0 auto; float:none; display:block;}
  header .logo.product-logo {position:relative; right:-30px;}
  
  .wrapper {margin:0 20px;}
  
  header .sidenav-trigger {width:60px; background-size:26px auto; background-position:55% -32px;}
    header .sidenav-trigger:hover,
    header .sidenav-trigger.active {background-position:55% -32px;}
  header .search-trigger {width:60px; background-size:20px auto; background-position:50% 30px;}
    header .search-trigger:hover,
    header .search-trigger.active {background-position:50% -80px;}
  header .search-wrapper .search-form {padding-right:61px;}
  header .search-wrapper .search-form button {right:61px;}
  header .search-wrapper .search-form input {font-size:13px;}
  
  .hero-home h1 {margin-left:-235px;}
  
  .grid.four-columns > li, 
  .grid.four-columns > div,
  .grid.three-columns > li, 
  .grid.three-columns > div,
  .download-content ul li {width:50%; margin-bottom:30px;}

  .grid.four-columns > li:nth-child(2n+1), 
  .grid.four-columns > div:nth-child(2n+1),
  .grid.three-columns > li:nth-child(2n+1), 
  .grid.three-columns > div:nth-child(2n+1),
  .download-content ul li:nth-child(2n+1) {clear:left;}
  
  .grid.three-columns.thumb-list > li {float:none; width:359px; margin:0 auto 20px;}
  
  .theme-feature figure {float:none; margin:0 0 20px;}
  .theme-feature figure img {width:100%; height:auto;}
  
  .grid.three-columns.thumb-list > li {margin:0 0 20px; float:none; width:auto;}
  .thumb-list li .info {padding-top:20px;}
    .thumb-list li .info .button {margin-bottom:10px;}
  
  footer .widget,
  footer .widget.wider,
  footer .widget.right {width:50%; margin:0 0 40px;}
  footer .widget.wider {clear: left;}

  .post-list-slider ul.slides {
    min-height: 250px;
    margin: 0 auto;
  }

  .post-list-slider .slides li {width:auto; padding:10px 10px;}
  .post-list-slider .slides li .slide {
    width: 100%;
    display: inline-block;
    margin: 0px;
  }
  .post-list-slider .slides li h5 {font-size: 14px;}
  .post-list-slider .slides li figure {margin: 5px 10px 10px 0;}


  .customer_slider.customer-logos {
    width: 300px !important;
  }

  .customer_slider.customer-logos li {
    width: 300px;
    margin: 0px !important;
  }

  .customer_slider.customer-logos li .slide {
    width: auto;
    margin: 0px;
    display: block;
    text-align: center;
  }

  .logo-list-slider .slide a {
    min-height: 40px;
  }

  .logo-list-slider .controls {
    display: none;
  }

  header .search-trigger:hover, header .search-trigger.active {background-position: 50% -82px;}

  .three-columns-blog > aside.left, 
  .left-sidebar-columns .main, 
  .left-sidebar-columns aside, 
  .three-columns-blog > .main, 
  .three-columns-blog > aside.right, 
  .filters-holder, .team {
    float: none;
    width: auto;
    margin: 0 0 20px;
  }

  .left-sidebar-columns .main {
    border-left: none;
    padding-left: 0;
  }
}

@media screen and (max-width:680px) {
  .calendar_btn {
    top: 2px;
    right: 2px;
  }

  .two {
    position: fixed;
    top: 50px;
    bottom: 0px;
    margin-right: 0px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
  }

  .advent_desc h2 {
    padding-left: 0px;
  }

  .advent_share p {
    margin-bottom: 4px;
  }

  .advent_desc p {
    color: #fff !important;
    margin-bottom: 4px !important;
  }

  #mc_embed_signup .note_wrapper h3 {
    margin-left: 0px;
  }

  #mc_embed_signup label {
    display: block !important;
    text-align: left;
    width: auto;
    margin-bottom: 10px;
  }

  #mc_embed_signup input {
    padding: 8px 0px;
    text-indent: 8px;
    max-width: none;
  }

  #mc_embed_signup .button {
    margin-left: 0px;
  }

  #mc_embed_signup ul li ul {
    max-width: none;
  }

  #mc_embed_signup input[type=radio] {
    float: left;
  }

}

@media screen and (max-width:480px) {
  form.lightDonation > img {display: block; float: none; margin: 0 auto;}

  footer .widget.wider,
  footer .partners {display:none;}
  
  header .logo.product-logo,
  header .logo {background-size:100px auto; background-position:50% 50%;}
  header .logo.product-logo.product-airtime {background-size:80px auto; background-position:20% 50%;}
  
  .hero h1 {font-size:29px; line-height:36px;}
  .hero p {font-size:18px; line-height:22px;}

  .hero .buttons li {margin:0 auto 20px;}
  
  .hero-home h1 {
    top:32px;
    width:280px; min-height:155px;
    margin-left:-140px; padding:20px 0;
    font-size:32px; line-height:42px;
    }
    .hero-home h1:after {width:12px; background-size:12px auto;}
  .hero-slider {height:240px;}
  
  a.button.dark, 
  input.button.dark {font-size:15px;}
  .outer a.button.dark {font-size: 18px !important;}

  .entry h2,
  .smaller-title-fix.entry h3 {
    padding:0 10px;
    font-size:22px; line-height:32px;
    }
  .smaller-title-fix.entry h3 br {display:none;}
  .entry h5 {font-size:16px; line-height:24px;}
  .entry p { font-family: 'Roboto', Arial, Helvetica, sans-serif; font-weight: 300; font-size: 16px; line-height: 24px; color: #000; margin-bottom: 24px; }
  .entry ul li {line-height:20px;}
  
  .wrapper .grid {margin-left:-20px; margin-right:-20px;}
  
  header .search-wrapper .search-form input {padding-left:10px; font-size:11px; text-align:left;}
  header .search-wrapper .search-form button {width:40px; background-size:20px auto;}
  
  .post-list-slider .slides {margin-left:0; width:auto !important; margin-bottom: 0;}

    .post-list-slider .slides li {width:274px !important; padding:0px 20px; min-height: 130px;float: left;}

  .logo-list-slider h3 {
    font-size: 20px;
    margin-bottom: 10px;
  }
  .logo-list-slider .slide h4 {
    font-size: 16px;
  }
    
  .software-list li {height:auto;}
  .software-list h3 {background-size:110px auto;}
    .software-list li:hover h3 {background-position:0 -63px;}
  
  .top-filter {border:0;}
    .top-filter.center-filter ul {text-align:left;}
      .top-filter ul li {display:block !important; line-height:25px !important; margin:0 !important; border-bottom:#e7e7e7 solid 1px;}
        .top-filter ul li a {padding:10px 20px;}
        .top-filter.center-filter li.active a {border-bottom-color:transparent;}
        
  .three-columns-blog > aside.left,
  .left-sidebar-columns .main,
  .left-sidebar-columns aside,
  .three-columns-blog > .main,
  .three-columns-blog > aside.right,
  .filters-holder,
  .team {float:none; width:auto; margin:0 0 20px;}
  
  .left-sidebar-columns .main {padding:0; border:0;}
  .left-sidebar-columns .main h2 {padding:0;}
  .side-menu {margin: 0 0 40px 0;}
    .side-menu li.space {height: 10px;}

  .expanded-member-info {width:auto;}
  .member {width:134px; margin-right:4px;}
  
  .blog-filter {overflow:hidden; margin-bottom:30px;}
    .blog-filter li {float:left; margin-right:20px;}
      .blog-filter li.active a {padding:5px 20px;}
  
  .two-columns-inner > .column {float:none; width:auto; margin:0 0 30px;}
  .github-box {text-align:center;}
    .github-box img.alignleft {float:none; display:block; margin:0 auto 20px;}
    
  footer {margin-top:70px;}
  footer .widget,
  footer .widget.right {float:none; width:auto;}
  
  footer .widget:first-child h3 {display:none;}
  footer .widget ul {overflow:hidden;}
    footer .widget ul li {float:left; margin-right:20px;}
  .footer-bottom p {padding-left:0; background:none;}
  
  footer .to-top {
    top:-85px; left:50%; right:auto;
    margin-left:-26px;
    border-radius:4px 4px 0 0;
    }
  #livechat-full, #livechat-compact-container {display:none !important;}

  .search-results-outer aside {width: 100%;}
  .search-results-outer .main-content {width: 100%;margin-left: 0px;margin-top: 20px;}
}

@media screen and (min-width: 1025px) {
  .grid.five-columns > li:nth-child(5n + 1) {
    clear: left;
  }
}


@media screen and (min-width: 801px) {
.grid.three-columns > li:nth-child(3n+1), .grid.three-columns > div:nth-child(3n+1)
{ clear: left; }
}

/*
= Print
-------------------------------------------------------------------------------------- */
@media print {
  * { background: transparent !important; color: #444 !important; text-shadow: none !important; }
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a:after { content: " (" attr(href) ")"; }
  abbr:after { content: " (" attr(title) ")"; }
  .ir a:after { content: ""; }
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  tr, img { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
}


.outer a.button.dark, .outer input.button.dark {
height: 56px;
line-height: 56px;
color: #fff;
font-size: 23px;
background: #263143;
border-radius: 28px;
border: 0;
}

.outer a.button, .outer input.button {
display: inline-block;
zoom: 1;
height: 30px;
padding: 0 30px;
font-size: 12px;
color: #fff;
text-decoration: none;
line-height: 30px;
background-color: #b9b9b9;
border: 0;
border-radius: 15px;
}
.centered-list ul {
display: inline-block;
text-align: left;
}
.no-border img {
  border:none!important;
}

 h6.wildBoar a {
padding-left: 40px;
}

h6.wildBoar a.active {
background: #bfe1f3;
padding: 3px 10px 3px 40px;
color: #263143;
display: block;
border-radius: 15px;
}

.no-border
{ border: none !important; }