/*
  Running Squiz Matrix
  Developed by Squiz - http://www.squiz.net
  Squiz, Squiz Matrix, MySource, MySource Matrix and Squiz.net are registered Trademarks of Squiz Pty Ltd
  Page generated: 16 August 2015 21:36:01
*/


@import url(https:fonts.googleapis.comcssfamily=Michroma);    
/* 
     * general css - TechnologyOne internet
     * desc: general stylesheet for all pages of the site, including print
     * media="all"
     * auth: Dave Cousins [March 2013]
     * updated: Mitch Kerry [April 2013]
     */

    /*
     *** Squiz Vegas Reset CSS v1.1 - Nov 2012
     */

     /********** General defaults **********/
     html, body, div, span, applet, object, iframe, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, b, u, i, center, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
      margin: 0;
      padding: 0;
      vertical-align: baseline;
    }
    /* The below elements have been split from the above reset so that default margin and padding is retained */
    h1, h2, h3, h4, h5, h6, p, blockquote, pre, dl, dt, dd, ol, ul, li, th, td {
      vertical-align: baseline;
    }
    /* HTML5 display-role reset for older browsers */
    article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
      display: block;
    }
    body {
      margin: 0;
      padding: 0;
      font-size: 1em;
      line-height: 1.4em;
      font-family:'Helvetica Neue', Arial, sans-serif;
      background: #f3f9fe;
/*f3f9fe;*/
    }

    /* Fonts */

    /* klavika */
    @font-face {
      font-family: klavika-regular;
      src: url('../images/KlavikaWebBasicRegular.woff'),
      url('../images/KlavikaWebBasicRegular.eot'); /* IE9 */
    }
    @font-face {
      font-family: klavika-bold;
      src: url('../images/KlavikaWebBasicBold.woff'),
      url('../images/KlavikaWebBasicBold.eot'); /* IE9 */
    } 

 @font-face {
      font-family: klavika-light;
      src: url('../images/KlavikaWebBasicLight.woff') format('woff'),
      url('../images/KlavikaWebBasicLight.eot'); /* IE9 */
    } 



    h1,h2{
font-family:"klavika-light", 'Helvetica Neue', Arial, sans-serif; 
}
h5,.feature-item h4, .feature-heading {
      font-family:"klavika-regular", 'Helvetica Neue', Arial, sans-serif; 
    }

    /* Bliss bold */
    #navigation,
    h3,
    h4 {
      /*font-family:"Bliss Bold", 'Helvetica Neue', Arial, sans-serif;
      font-size-adjust: 0.47;
      font-weight: bold;*/
      font-style: normal;
    }

    /* Bliss italics */
    /*.italics-bold { font-family:"Bliss Bold Italic", 'Helvetica Neue', Arial, sans-serif; font-size-adjust:0.47; font-weight:bold; font-style:italic; }*/
    /*.italics { font-family:"Bliss Italic", 'Helvetica Neue', Arial, sans-serif; font-size-adjust:0.47; font-weight:normal; font-style:italic; }*/

    /* end font items */


    img, input, select {
      vertical-align: middle;

    }

div.iframe-container.header {
  height: 0px;
}

.main-column img {}
    a img {
      border: none;
    }
    table {
      border-spacing: 0;
    }
    hr {
      display: block;
      height: 1px;
      border: 0;
      border-top: 1px solid #ccc;
      margin: 1em 0;
      padding: 0;
    }
    acronym,
    abbr {
      border-bottom: 1px dotted #ccc;
      cursor: help;
    }

    /********** General class rules **********/
    /* Hide from both screen readers and browsers */
    .hidden {
      display: none !important;
      visibility: hidden !important;
    }
    /* Hide visually from browsers, but not screen readers */
    body .visuallyhidden, .sidr-class-visuallyhidden,
    body .container .visuallyhidden {
      border: 0;
      clip: rect(0,0,0,0);
      height: 1px;
      margin: -1px;
      overflow: hidden;
      padding: 0;
      position: absolute;
      left:-10000;
      width: 1px;
    }
    /* Force element to self clear its children */
    .clearfix:after {
      content: "";
      display: table;
      clear: both;
    }
    .clearfix {
      /*zoom: 1;*/ /*Only if you are supporting IE 6/7 (trigger hasLayout), will break CSS validation */
    }
    .clear {
      clear: both;
      width: 100%;
    }
    /* Default class applied to the body element - remains if no JS present */
    .no-js {}
    /* If the table has border="0" applied, js should add .no-border class - turn borders off */
    table.no-border,
    table.no-border th,
    table.no-border td {
      border: none;
    }

    /********** Headings **********/
    h1, h2, h3, h4, h5, h6 {
      font-weight: normal;
      color: #003260;
    }
    /* General sizing and colour differences */
    h1 {
      font-size: 2.250em;
      line-height: 1.1em;
    }
    h2, .feature-heading {
      font-size: 2em;
      line-height: 1.1em;
      color:#004076;
    }
    h3 {
      font-size: 1.125em;
      font-weight: bold;
      color: #384652;
    }
    h4 {
      font-size: 1em;
      font-weight: bold;
      margin-bottom:0;
    }
    h5 {
      font-size: 1.063em;
    }
    h6 {
      font-size: 1.65em;
      color: #384652;
    }
    /* Heading link colouring */
    h1 a, h2 a, h3 a, h5 a {
      color: #005daa;
    }
    h4 a, h6 a {
      color: #005daa;
    }

    h3 a {    
      color: #384652;
    }

    /* end heading styling */


    /********** Interaction defaults **********/
    a {
      color: #044B86;
      text-decoration: none;
    }
    .content {
      color: #000000;
    }
    body a:hover,
    body a:focus,
    body a:active {
      color: #044B86;
      text-decoration: none;
    }

    /***************************** End Squiz Vegas Reset CSS *****************************/

    body.no-left-column #left-column,
    body.no-asides #asides {
      display: none;
    }


    /***************** START general template elements *****************/

    .mobile-display {
      display: none;
    }

    .container {
      display: block;
      position: relative;
      width: 100%;
      max-width: 64em;
      height: auto;
      margin: 0 auto;
      padding: 0;
      background: #fff;
      -webkit-border-bottom-right-radius: 3px;
      -webkit-border-bottom-left-radius: 3px;
      -moz-border-radius-bottomright: 3px;
      -moz-border-radius-bottomleft: 3px;
      border-bottom-right-radius: 3px;
      border-bottom-left-radius: 3px;
      -webkit-box-shadow: 0px 0px 4px rgba(50, 50, 50, 0.15);
      -moz-box-shadow:    0px 0px 4px rgba(50, 50, 50, 0.15);
      box-shadow:         0px 0px 4px rgba(50, 50, 50, 0.15);
    }
    .container .container {
      margin: 0;
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      border-radius: 0;
      -webkit-box-shadow: 0px 0px 0px rgba(50, 50, 50, 0);
      -moz-box-shadow:    0px 0px 0px rgba(50, 50, 50, 0);
      box-shadow:         0px 0px 0px rgba(50, 50, 50, 0);
    }

    .fat-footer {
      display: block;
      position: relative;
      width: 100%;
      max-width: 64em;
      height: auto;
      margin: 0 auto;
      padding: 0;
      background: #e6e7e7;
      overflow: hidden;
      -webkit-border-top-left-radius: 3px;
      -webkit-border-top-right-radius: 3px;
      -moz-border-radius-topleft: 3px;
      -moz-border-radius-topright: 3px;
      border-top-left-radius: 3px;
      border-top-right-radius: 3px;
    }
    .fat-footer .inner {
      width: auto;
      display: block;
      margin: 1px;
      background: #f2f6fb;
      overflow: hidden;
      padding: 1em 0;
      font-size: 0.7em;
    }

    /* Main containing elements */
    .header {
      display: block;
      position: relative;
      width: 100%;
      margin: 0;
      z-index: 4;
    }

    .logo {
      margin: 0 0 0 25px;
      float: left;
    }
    .logo img {
      /*max-width: 100%;*/
    }
    .logo .catch-line {
      position: absolute;
      margin: 1em 0 0 0;
      color: #02559B;
    }

    .full-search {
      background: #02559B;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      border-radius: 3px;
      padding: 0;
      margin: 0;
      position: absolute;
      top: 2.85em;
      right: 3%;
      left: auto;
      width: 20%;
      z-index: 1;
    }
    .full-search .inner {
      display: block;
      width: 100%;
      background: #fff;
      position: relative;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      border-radius: 3px;
    }
    .full-search label {
      border: 0;
      clip: rect(0,0,0,0);
      height: 1px;
      margin: -1px;
      overflow: hidden;
      padding: 0;
      position: absolute;
      width: 1px;
    }
    .full-search input[type="text"] {
      border: none;
      padding: 0.1em 1%;
      width: 83%;
      background: none;
      margin: 0;
    }
    .full-search .submit  {
      position: absolute;
      right: 0;
      top: 0;
      left: auto;
      padding: 0.3em 3%;
    }

    .navigation {
      display: block;
      position: relative;
      width: 90.7%;
      float: left;
      x-margin: 0 0 1.3em 0;
      background: url(../images/nav-shadow-bg.png?v=0.1.49) repeat-x;
      height: auto;
      overflow: hidden;
    }

    .navigation:after{
      content: "";
      background: url() no-repeat right top;
      display: block;
      float: right;
      width: 8px;
      height: 45px;
    }
    .navigation .display-arrow {
      display: block;
      width: 14px;
      height: 14px;
      position: absolute;
      left: -5px;
      top: 0.55em;
      background: url(../images/__data/assets/image/0014/185/marker-arrow-white.png) no-repeat 0 0;
    }
    .navigation ul {
      list-style: none;
      margin: 0 23% 0 0;
      padding: 0;
      width: 77%;
      display: block;
      background: url() no-repeat right;
    }
    .navigation ul li {
      display: block;
      float: left;
      min-height: 2.2em;
      line-height: 2.2em;
      height: auto;
      width: 13.6%;
      text-align: center;
      background: url(../images/__data/assets/image/0015/186/nav-bdr-tile-left.png) repeat-y left top;
    }
    .navigation ul li a {
      display: block;
      color: #fff;
      padding: 0;
      font-size: 0.9em;
      background: url(../images/nav-bdr-tile.png?v=0.1.3) no-repeat right top;
    }
    .navigation ul li a:hover,
    .navigation ul li a:active,
    .navigation ul li a:focus {
      background-color: #1991f5;
      text-decoration: none;
      height: 32px;
    }


    .navigation ul li.active a {
      /*background-color: #1991f5;*/
      background: url(../images/__data/assets/image/0014/2066/nav-down-arrow-lrg.png) no-repeat center;
      min-height: 3.1em;
    }

    .navigation ul li.active a:after{
      content: "";
      background: url(../images/nav-bdr-tile.png?v=0.1.3) no-repeat right top;
      display: block;
      float: right;
      width: 1px;
      height: 34px;
    }

    .context-AU .navigation li.nz, .context-AU .navigation li.uk, .context-AU .navigation li.my,
    .context-NZ .navigation li.au, .context-NZ .navigation li.uk, .context-NZ .navigation li.my,
    .context-UK .navigation li.au, .context-UK .navigation li.nz, .context-UK .navigation li.my,
    .context-MY .navigation li.au, .context-MY .navigation li.nz, .context-MY .navigation li.uk {
      x-display: none;
    }

    .banner {
      display: block;
      width: 94.6%;
      clear: both;
      margin: 0;
      padding: 0 2.7%;
      text-align: center;
      position: relative;
height:350px;
    }
    .banner img {
      max-width: 100%;
    }


    .column-wrapper {
      display: block;
      position: relative;
      width: 100%;
      clear: both;
      margin: 0;
      /*overflow: hidden;*/
    }

    .content {
      display: block;
      position: relative;
      width: 100%;
      clear: both;
      margin: 0;
      x-overflow: hidden;
    }

    .footer {
      display: block;
      position: relative;
      width: 100%;
      max-width: 64em;
      height: auto;
      margin: 0.5em auto 0;
      padding: 0;
      overflow: hidden;
      clear: both;
      color: #384652;
    }
    .footer .inner {
      width: 96%;
      padding: 0 2% 3em;
      font-size: 0.7em;
      overflow: hidden;
    }

    /**/

    /* Header extras */
    /* Top links */
    .top-links {
      display: block;
      min-height: 2.5em;
      height: auto;
      float: right;
      width: 100%;
      margin: 0 20% 0 0;
    }
    .top-links ul {
      list-style: none;
      margin: 0.7em 0 0;
      padding: 0;
      float: right;
    }
    .top-links ul li {
      list-style: none;
      margin: 0;
      padding: 0;
      display: block;
      float: left;
      border-right: 1px solid #717171;
    }
    .top-links ul li:last-child,
    .top-links ul li.last {
      border-right: none;
    }

    .top-links a {
      display: block;
      padding: 0 0.7em;
      color: #717171;
      font-size: 0.8em;
      line-height: 1.2em;
    }

    .region-selector {
      display: block;
      height: auto;
      width: 17%;
      position: absolute;
      right: 2.5%;
      top: 0.5em;
      z-index: 3;
    }
    .region-selector select {
      width: 100%;
    }

    .region-display {
      position: relative;
      display: block;
      width: 100%;
      font-size: 0.8em;
    }
    .region-display .current-region {
      display: block;
      background: #fff url(../images/__data/assets/image/0014/194/region-grad-tile.jpg) repeat-x 0 bottom;
      border: 1px solid #e3e3e3;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      border-radius: 3px;
      position: relative;
      z-index: 3;
    }
    .region-display .current-region a {
      color: #666;
      display: block;
      background: url(../images/__data/assets/image/0013/193/region-arrow.png) no-repeat right center;
      padding: 0 2.2em 0 0;
      text-align: right;
    }
    .region-display ul.region-list {
      position: absolute;
      display: none;
      background: #fff;
      margin: -2px 0 0;
      top: 100%;
      z-index: 2;
      left: 2%;
      list-style: none;
      padding: 2px 0 0;
      border: 1px solid #E3E3E3;
      width: 95%;
      border-top: none;
    }
    .region-display ul.region-list.open {
      display: block;
    }
    .region-display ul.region-list li {
      display: block;
      width: auto;
      border-bottom: 1px solid #efefef;
    }
    .region-display ul.region-list li a {
      display: block;
      width: auto;
      padding: 0.2em 1% 0.2em 3%;
    }


    /**/

    /* Footer element styles */

    .site-info {
      float: left;
    }

    /* Footer links */
    .footer-links {
      display: block;
      height: auto;
      float: right;
      width: auto;
      margin: 1.6em 0 0;
    }

    .footer-links ul {
      list-style: none;
      margin: 0;
      padding: 0;
    }
    .footer-links ul li {
      list-style: none;
      margin: 0;
      padding: 0;
      display: block;
      float: left;
      border-right: 1px solid #02559b;
    }
    .footer-links ul li:last-child,
    .footer-links ul li.last {
      border-right: none;
    }

    .footer-links a {
      display: block;
      padding: 0 1em;
      line-height: 1.2em;
    }

    /**/

    /* content columns */
    .left-column,
    .main-column,
    .asides,
    .wide-column {
      display: block;
      position: relative;
      width: 94.6%;
      margin: 0 2.7%;
      padding: 0;
      clear: both;
      float: left;
    }
    /* two column columns */
    .columns-2 {}

    .columns-2 .left-column,
    .columns-2 .asides {
      width: 26%;
      clear: none;
    }
    .columns-2 .main-column {
      width: 66%;
      clear: none;
    }

    .columns-2.even-spacing .left-column,
    .columns-2.even-spacing .main-column,
    .columns-2.even-spacing .asides {
      width: 46%;
    }

    /* three column columns */
    .columns-3 {}

    .columns-3 .left-column,
    .columns-3 .asides {
      width: 16%;
      clear: none;
    }
    .columns-3 .main-column {
      width: 56%;
      clear: none;
    }

    .columns-3.even-spacing .left-column,
    .columns-3.even-spacing .main-column,
    .columns-3.even-spacing .asides {
      width: 29.33%;
    }

    .block {
      display: block;
      width: 100%;
      position: relative;
      float: none;
      clear: both;
    }

    /* two column columns */
    .columns-2 > .block {
      width: 50%;
      clear: none;
      float: left;
    }
    /* three column layout */
    .columns-3 > .block {
      width: 31.33%;
      padding: 0 1%;
      clear: none;
      float: left;
      line-height:  1.5em;
    }

    body.ie7 .columns-3 > .block  {
      width: 30.33%;
    }

    /***************** end general template elements *****************/

    /***************** Content elements *****************/


    .content {
      /*font-size: 0.8em;*/
    }

.page-title {
    display: block;
    position: relative;
    margin: 0.4em 2.5% 0 2.7%;
    padding: 0 0 8px 0;
    z-index: 3;
    overflow: hidden;
}

.landing-page .page-title{
  display: none;
  
}

    .feature-panel {
      display: block;
      overflow: hidden;
      width: 100%;
      background: url(../images/__data/assets/image/0011/164/feature-bg-tile.jpg) repeat-x 0 0;
      position: relative;
      color: #384652;
    }
    .feature-item {
      position: relative;
      z-index: 2;
      /*background: url(../images/__data/assets/image/0015/168/feature-divider.png) no-repeat right bottom;*/
      /*min-height: 24em;*/
      font-size: 0.8em;
    }
    .column-wrapper .columns-3 .feature-item {
      /*width: 36%;*/
    }
    .column-wrapper .columns-3 .feature-left {
      /*padding-left: 0;
      width: 28%;*/
    }
    .column-wrapper .columns-3 .feature-right {
      /*padding-right: 0;
      width: 28%;*/
      background: none;
    }

    .feature-panel .vert-rule {
      x-height: 100%;
      x-min-height: 122px;
      position: absolute;
      right: 0;
      top: 0;
      bottom: 0;
      width: 3px;
	  padding-top: 16px;
    }

    .feature-panel .feature-right .vert-rule {
      display:none;
    }

    .feature-panel .edge-fade {
      display: block;
      width: 5em;
      height: 2000em;
      position: absolute;
      top: 0;
      z-index: 1;
    }
    .feature-panel .fade-left {
      left: 0;
      background: url(../images/__data/assets/image/0009/162/fade-left.png?v=0.1.5) repeat-y left 0;
    }
    .feature-panel .fade-right {
      right: 0;
      left: auto;
      background: url(../images/__data/assets/image/0010/163/fade-right.png?v=0.1.5) repeat-y right 0;
    }

    .feature-title {
      display: block;
      min-height: 7em;
      height: auto;
      position: relative;
      width: 100%;
      vertical-align: bottom;
      margin: 0 0 1em 0;
    }
    .feature-item h4 {
      /*background: url(../images/__data/assets/image/0014/167/feature-divider-wide.png) no-repeat center bottom;*/
      padding: 0 0 1em;
      margin: 0;
      position: absolute;
      top: auto;
      left: 0;  
      bottom: 0;
      display: block;
      width: 100%;
      color: #003260;
      font-weight: normal;
      font-size: 1.5em;
    }

    .hide-content {
      display: none;
    }

    .h-rule {
      clear: both;
      display: block;
      height: 3px;
      margin: 0 auto;
      width: 90%;
    }
    .h-rule img {
      float: left;
    }

    .h-rule .left,
    .top-anchor-link .left {
      width: 20%;
      height: 3px;
    }
    .h-rule .middle,
    .top-anchor-link .middle {
      width: 60%;
      height: 3px;
    }
    .top-anchor-link.with-link .middle {
      width: 50%;
    }

    .h-rule .right,
    .top-anchor-link .right {
      width: 20%;
      height: 3px;
    }

    .vert-rule .top {
      width: 3px;
      height: 20%;
    }
    .vert-rule .middle {
      width: 3px;
      height: 60%;
    }

    .vert-rule .bottom {
      width: 3px;
      height: 20%;
    }

    .feature-item h4 a {
      color: #003260;
    }
    .feature-item h4 img {
      vertical-align:-51%;
    }
    .feature-item p img {
      float: left;
      margin: 0 1.5em 0 0;
    }

    .item-contain {
      display: block;
      width: 100%;
      overflow: hidden;
    }

    .item {
      display: block;
      width: 98%;
      padding: 0 1%;
      float: left;
      margin: 0 0 1em 0;
    }
    #view-news .item {
      width: 100%;
      padding: 0;
    }
    .item-thumbnail {
      display: block;
      width: 28%;
      padding: 0 2% 0 0;
      float: left;
    }
    .item-thumbnail img {

    }
    .item-info {
      display: block;
      width: 100%;
      padding: 0;
      float: left;
    }
    .item-info p {
      margin-top: 0;
    }
    .item-info p a {
      font-weight: bold;
    }

    .item .title {
      font-weight: bold;
    }
    .info {
      font-weight: bold;
    }

    .item p {
      margin: 0;
    }

#view-news .title, .news-listing .title, .events .title{
color: #384652;
}

#view-news .info, .news-listing .info, .events .info, .latest-news .info{
color:#657482;
}

.pdf-image{
vertical-align:-25px;
padding-right:5px;

}
.pdf-image-generic{
vertical-align:-10px;
padding-right:5px;

}

.event-summary, .item-description{
padding: 8px 0;
overflow: hidden;
}

    .date-display {
      display: block;
      width: 120px;
      height: 120px;
      background: url(../images/__data/assets/image/0008/161/date-display.png) no-repeat 0 0;
      float: left;
      margin: 0 1.5em 0 0;
      color: #4988ca;
      text-align: center;
    }

    .date-display .day {
      display: block;
      font-size: 4.5em;
      font-weight: bold;
      line-height: 1em;
      margin: 0.5em 0 0;
    }
    .date-display .month {
      display: block;
      text-transform: uppercase;
      font-size: 0.85em;
      font-weight: bold;
    }





    /*
        AnythingSlider v1.8+ Default theme
        By Chris Coyier: http://css-tricks.com
        with major improvements by Doug Neiner: http://pixelgraphics.us/
        based on work by Remy Sharp: http://jqueryfordesigners.com/
        */


        #slider {
          width: 100%;
          max-height: 350px;
          list-style: none;
          overflow-y: hidden;
          overflow-x: hidden;
          margin: 0;
          padding: 0;
        }

        /* Overall Wrapper */
        .anythingSlider-default {
          margin: 0 auto;
          padding: 0;
        }
        .anythingControls {
          position: absolute;
          right: 1em;
          left: auto;
          top: auto;
          bottom: 1em;
          display: block;
          padding: 0 1em 0 0;
        }
        .thumbNav {
          margin: 0;
          padding: 0;
          list-style: none;
          float: right;
          display: block;
        }
        .thumbNav li {
          display: block;
          float: left;
          margin: 0 0.5em 0 0;
        }
        /* Navigation buttons + start/stop button, default state */
        .anythingSlider-default .anythingControls a {
          background: url(../images/__data/assets/image/0016/196/slider-normal.png) no-repeat 0 0;
          color: #000;
          width: 14px;
          height: 14px;
          display: block;
        }
        /* Make sure navigation text is visible */
        .anythingSlider-default .anythingControls a span {
          text-indent: -99999em;
          position: absolute;
        }
        /* Navigation current button, default state */
        .anythingSlider-default .anythingControls a.cur {
          background: url(../images/__data/assets/image/0015/195/slider-active.png) no-repeat 0 0;
          color: #fff;
        }

        .anythingSlider-default .anythingControls .thumbNav a:hover,
        .anythingSlider-default .anythingControls .thumbNav a:active,
        .anythingSlider-default .anythingControls .thumbNav a:focus {
          background: url(../images/__data/assets/image/0015/195/slider-active.png) no-repeat 0 0;
        }

        /* start-stop button, stopped, default state */
        .anythingSlider-default .anythingControls a.start-stop {
          position: absolute;
          right: 0;
          background: url(../images/__data/assets/image/0002/200/slider-play.png) no-repeat 0 0;
        }
        .anythingSlider-default .anythingControls a.start-stop:hover,
        .anythingSlider-default .anythingControls a.start-stop:active,
        .anythingSlider-default .anythingControls a.start-stop:focus {
          background: url(../images/__data/assets/image/0019/199/slider-play-hover.png) no-repeat 0 0;
        }

        /* start-stop button, playing, default state */
        .anythingSlider-default .anythingControls a.start-stop.playing {
          background: url(../images/__data/assets/image/0018/198/slider-pause.png) no-repeat 0 0;
        }
        .anythingSlider-default .anythingControls a.start-stop.playing:hover,
        .anythingSlider-default .anythingControls a.start-stop.playing:active,
        .anythingSlider-default .anythingControls a.start-stop.playing:focus {
          background: url(../images/__data/assets/image/0017/197/slider-pause-hover.png) no-repeat 0 0;
        }

        .anythingSlider {
          display: block;
          overflow: visible !important;
          position: relative;
        }
        /* anythingSlider viewport window */
        .anythingSlider .anythingWindow {
          overflow: hidden;
          position: relative;
          width: 100%;
          height: 100%;
        }
        /* anythingSlider base (original element) */
        .anythingSlider .anythingBase {
          background: transparent;
          list-style: none;
          position: absolute;
          overflow: visible !important;
          top: 0;
          left: 0;
          margin: 0;
          padding: 0;
        }

        .anythingSlider .arrow span {
          display: block;
          visibility: hidden;
        }
        .anythingSlider .arrow.disabled {
          display: none;
        }

        .anythingSlider .panel {
          background: transparent;
          display: block;
          overflow: hidden;
          float: left;
          padding: 0;
          margin: 0;
        }
        .anythingSlider .panel a{
          display: block;
        }
      
        .active-search {
          margin-bottom: 3em;
        }

        .feature-item .more-link {
          clear: both;
          padding: 0 0 0.5em 0;
          display: block;
font-weight: bold
        }

.more-link{
font-weight: bold;
x-display: block;
}

.more-link:before{
 content:url('../images/__data/assets/image/0010/2062/view-more_arrow.png');
padding:5px 4px 4px 0px;
position: relative;
top: 3px;
}

.pdf-factsheet{
margin-top: 5px;
display: block;
}

/*.pdf-factsheet:before{
content:url('../images/media/resources/PDF-icon_pdf-box.png');
padding-right:7px;
position: relative;
top: 9px;
}*/

/* SVG Buttons etc */
.playSVG{
width: 22px;
height: 30px;
margin-bottom: -13px;
margin-right: 10px;
}
.playSVG svg{
 height:22px;
 width:22px;
}
.thinSVG{
fill:none;
stroke:#1991F5;
stroke-width:1
}

        /* Form styling */

        .form {
          display: block;
          overflow: hidden;
          width: 92%;
          padding: 1em 2%;
          margin: 1em 2%;
          -webkit-border-radius: 3px;
          -moz-border-radius: 3px;
          border-radius: 3px;
          -webkit-box-shadow: 0px 0px 4px rgba(50, 50, 50, 0.15);
          -moz-box-shadow:    0px 0px 4px rgba(50, 50, 50, 0.15);
          box-shadow:         0px 0px 4px rgba(50, 50, 50, 0.15);
        }
        .form .form-errors {
          color: red;
        }
        .form label.error {
          color: red;
          display: none;
          font-size: 0.8em;
        }
        .form .form-item {
          display: block;
          width: 100%;
          margin: 0 0 0.5em 0;
          padding: 0 0 0.5em 0;
          clear: both;
          overflow: hidden;
          border-bottom: 1px solid #E6E7E7;
        }
        .form .form-question {
          display: block;
          float: left;
          width: 35%;
        }
        .form .form-label {

        }
        .form .form-label label {
          color: #003260;
        }
        .form .form-label abbr.required {
          /*font-size: 0.7em;*/
          color: red;
        }
        .form .form-note {

        }

        .form .form-answer {
          display: block;
          float: left;
          width: 60%;
        }
        .form .form-answer input[type="text"] {
              padding: 5px;
              font-size: 1em;
			  width: 300px;
        }
        .form .form-answer input[type="radio"] {

        }
        .form .form-answer input[type="checkbox"] {

        }
        .form .form-answer select {

        }
        .form .form-answer textarea {
			    padding: 5px;
				font-size: 1em;
				    font: normal normal normal normal 13.3333330154419px/normal Arial;
					font-size: 17px;
					width: 300px;
        }

        .form .submit {
             text-align: center;

        }
        .form .submit input {
             color: white;
             display: inline-block;
             background-color: #2d79b8;
             padding: 11px;
             font-size: 15px;
             border: none;

        }


        /********************************************************************************************************/
        /********************************************************************************************************/
        /******************************************* START responsive *******************************************/
        /********************************************************************************************************/
        /********************************************************************************************************/

        /*****************/
        /* Mobile layout */
        /*****************/
        @media only screen and (min-width: 0px) and (max-width: 679px) {
          body .detection {
            display: none;
          }
          body .content .block {
            width: 100%;
            padding: 0;
          }

          body .mobile-display {
            display: block;
          }

          body .mobile-hide,
          body .banner,
          body.feature-panel .spacer,
          body .feature-panel .edge-fade,
          body .feature-panel .vert-rule {
            display: none;
          }

          .logo {
            position: absolute;
            z-index: 6;
            top:0;
            left:-5px;
            margin: 0;
          }
          .logo img {
            /*width: 100%;*/
          }
          .logo .catch-line {
            display: none;
          }

          #general-search .mobile-display {
            display: block;
            position: absolute;
            right: 0;
            padding: 0;
            text-indent: inherit;
            width: 45px;
            z-index: 5;
            top:0;

          }

          #general-search .mobile-display a {
            display: block;
            height: 32px;
          }

          #general-search .mobile-display a img {
            position: absolute;
            right: 1em;
            top: 0.5em;
          }



/*    .general-links .mobile-display a img {
      position: absolute;
      right: 0.8em;
      top: 1em;
      }*/

      .general-links{
       position: absolute;
       width: 100%;
       height: 45px;
       background: #005DAA url(../images/nav-shadow-bg.png) repeat-x;
       z-index:5;
       top: 0;
     }

     .general-links .mobile-display {
       min-height: 2.5em;
       line-height: 2em;
       margin-left: 44px;
       top:0;
     }


     .general-links .mobile-display a {
      padding: 6px 5%;
      width: 1em;
      color: white;
    }


    #general-search .mobile-display a:hover,
    #general-search .mobile-display a:focus,
    #general-search .mobile-display a:active,
    .general-links .mobile-display a:hover,
    .general-links .mobile-display a:focus,
    .general-links .mobile-display a:active {
      background-color: #1991f5;

    }
    
    .mobile-display ul{
      list-style: none;
      margin: 0;
      padding: 0;
      list-style-type: none;
      
    }

    .mobile-display ul li{
      background: url(../images/nav-bdr-tile.png) repeat-y right top;
      display: inline;
      margin: 0;
      padding: 0;
    }

    .mobile-display .display-arrow {
      display: block;
      width: 14px;
      height: 14px;
      position: absolute;
      left: 40px;
      top: 0.55em;
      background: url(../images/marker-arrow-white.png) no-repeat 0 0;
    }
    


     .mobile-display li.active {
      background: url(../iamges/nav-down-arrow-lrg.png) no-repeat center;
      float: left;
      text-align: center;
      width: 87%;
      padding-bottom: 13px;
          }


    .mobile-display li.active a {
        display: inline-block;
          }

    .mobile-display li a.menushow{
      background: url() no-repeat center;
      padding: 15px;
      margin-right: 40px;
      float: right;
      display: inline-block;

    }


    .navigation {
      background: #005daa url(../images/nav-bg-tile.png) repeat-x 0 -78px;
      margin: 3em 0 -2em 0;
      width: 100%;
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      border-radius: 0;
    }

    .navigation:after{
      content: "";
      background: none;
      display: block;
      float: right;
      width: 0px;
      height: 0px;
    }
    .navigation .display-arrow {
      display: none;
    }
    .navigation ul {
      margin: 0;
      width: 100%;
      background: url(../images/nav-bg-tile.png) repeat-x 0 -78px;
    }
    .navigation ul li {
      margin: 0;
      width: 100%;
      float: none;
      background: none;
      border-bottom: 1px solid #fff;
      min-height: 2.5em;
      line-height: 2.5em;

    }
    .navigation ul li.last,
    .navigation ul li:last-child {
      border-bottom: none;
    }
    .navigation ul li a {
      background: url(../images/nav-bg-tile.png) repeat-x 0 -78px;
    }
    .navigation ul li a:hover,
    .navigation ul li a:active,
    .navigation ul li a:focus {
      height: 2.7em;
    }

    .navigation ul li.active a{
      background: #1991f5;
      min-height: 2.7em;
    }

    .navigation ul li.active a:after{
      content: "";
      background: none;
      
    }

    .full-search {
      clear: both;
      display: block;
      width: auto;
      margin: 0 0 0.1em 0;
      padding: 0.3em 1%;
      position: relative;
      top: 2.8em;
      right: auto;
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      border-radius: 0;
    }
    .top-links {
      width: 100%;
      margin: 0 0 0.3em 0;
      float: none;
      clear: both;
    }
    .top-links ul {
      float: none;
      margin: 0.1em 0;
    }
    .top-links ul li {
      float: none;
      display: block;
      border: none;
      border-bottom: 1px solid #005daa;
    }
    .top-links ul li:last-child,
    .top-links ul li.last {
      border-bottom: none;
    }

    .top-links ul li a {
      padding: 0.6em 1em;
    }

    .left-column,
    .main-column,
    .asides,
    .wide-column {
      width: 96%;
      margin: 0;
      padding: 0 2%;
margin-top:10px;
    }

    .footer .inner {
      position: relative;
      padding: 0 0 5em;
      width: 100%;
    }

    .footer .site-info {
      float: none;
      margin: 0 20% 1em;
      position: absolute;
      top: auto;
      left: auto;
      bottom: 0;
      width: 60%;
      text-align: center;
    }
    .footer .site-info p {
      margin: 0;
      line-height: 1.4em;
    }

    .footer .footer-links {
      float: none;
      margin: 0;
      width: 100%;
      background: #f2f6fb;
    }
    .footer .footer-links ul li {
      margin: 0;
      padding: 0;
      float: none;
      border: none;
      border-bottom: 1px solid #fff;
      width: 100%;
    }
    .footer .footer-links > ul li.last,
    .footer .footer-links > ul li:last-child {
      border-bottom: 1px solid #e7e8e8;
    }
    .footer .footer-links ul li a {
      line-height: inherit;
      padding: 0.6em 1em;
    }
    .item-thumbnail {
      text-align: center;
    }

    .region-selector {
      clear: both;
      display: block;
      height: auto;
      position: relative;
      right: auto;
      top: auto;
      width: 100%;
      margin: 0;
      padding: 1em 0;
      background: #F3F9FE;
    }
    .region-selector .region-display {
      width: 50%;
      margin: 0 auto;
    }

    /* Inside page styling resets */
   .page-title, .landing-page .page-title{
      margin: 0;
display:block;
top:45px;
      
    }

    body .feature-panel .inner {
      background-image: none;
      padding: 50px 0 8px 0;
    }

    body  #container .fat-footer ul li {
      width: 100%;
      float: none;
      margin-bottom: 1em;
      padding-bottom: 1em;
      border-bottom: 1px solid #D2D2D2;
    }

    body  #container .fat-footer ul li li,
    body  #container .fat-footer ul .col-2 li {
      margin-bottom: 0;
      border: none;
      padding: 0;
      float: none;
      width: 100%;
    }
    body  #container .fat-footer ul li.subs {
      clear: both;
      float: none;
      height: auto;
      line-height: inherit;
      padding: 0 0 10px 60px;
    }

    .inside-panel .feature-item .item, body .feature-item ul, body .feature-item a p, .feature-item .more-link {
      padding-left: 1%;
      padding-right: 1%;
    }

    body #container .content .article-list > div, 
    body #container .content .article-list ul,
    body #container .content .two-column-list ul {
      float: none;
      width: auto;
      margin: 1.5em 0 0.5em 0;
      padding: 0;
      clear: both;
      border: none;
    }
    body #container .content .two-column-list ul {
      padding: 0 0 0 1em;
    }

    body #container .content .article-list .article {
      float: none;
      width: auto;
      margin: 0 0 1em;
    }

body #container .content h2 {
      x-margin-top:45px;
    }


    body .feature-panel {
      background: none;
      margin: 1em 0;
    }
    body .feature-item {
      min-height: 0;
      text-align: left;
    }

    body .feature-listings {
      background: none;
    }

    body .feature-listings .feature-title {
      min-height: 0;
      position: relative;
      margin: 0 0 10px 0;
      padding: 0.2em 0;
      background: #f4f9ff;
      border-top: 1px solid #ddeffe;
      border-bottom: 1px solid #ddeffe;
      overflow: hidden;
    }
    body .feature-listings .feature-title img {
      float: left;
    }
    body .feature-listings h4 a img {
      margin: -0.4em 5px 0 0.2em;
    }
    body .feature-listings .feature-title h4 {
      padding: 0.5em 0 0 0.3em;
      /*float: left;*/
      font-size: 1.5em;
      position: relative;
    }
    body .feature-listings .feature-title .h-rule {
      display:  none;
    }

    body .feature-homepage {
      background: none;
    }
    body .feature-homepage .feature-title {
      min-height: 0;
      margin: 0;
    }
    body .feature-homepage .feature-title h4 {
      position: relative;
      font-size: 1.5em;
      padding: 1em 0 0;
    }

    body .container .container {
      margin: 0;
      -webkit-box-shadow: 0px 0px 0px rgba(50, 50, 50, 0);
      -moz-box-shadow:    0px 0px 0px rgba(50, 50, 50, 0);
      box-shadow:         0px 0px 0px rgba(50, 50, 50, 0);
    }

    body #container .container-last {
      -webkit-box-shadow: 0px 0px 0px rgba(50, 50, 50, 0);
      -moz-box-shadow:    0px 0px 0px rgba(50, 50, 50, 0);
      box-shadow:         0px 0px 0px rgba(50, 50, 50, 0);
      margin: 0;
    }

    body .content .feature-display {
      background: url(../images/mobile-feature-bg-tile.jpg) repeat-x 0 0;
      border-bottom: 1px solid #d2d2d2;
      padding: 0 0 1em;
    }
    body .feature-display:hover {
      background-color: inherit;
    }
    body .feature-display .feature-title {
      min-height: 0;
      position: relative;
      margin: 0 0 0 1em;
      padding: 0.2em 0;
      overflow: hidden;
      width: auto;
    }
    body .feature-display.has-thumb .feature-title {
      margin: 0;
    }
    body .feature-content {
      margin: 0 0 0 1em;
    }
    body .has-thumb .feature-content {
      margin: -22px 0 0 55px;
      position: relative;
    }


    body .feature-display .feature-title img {
      float: left;
      margin: 5px 5px 0 0;
      padding: 5px;
      border-right: 1px solid #D2D2D2;
    }
    body .feature-display .feature-title h4 {
      padding: 0.5em 0 0 0;
    }
    body .feature-display .feature-title .h-rule {
      display:  none;
    }
    body .feature-content {

    }
    body .feature-display .feature-content p {
      padding: 0;
      margin: 0;
      color: #717171;
    }

    body .feature-display:hover .feature-title {
      background: inherit;
    }

    body .feature-item .more-link {
      display: block;
      margin: 0 0 1em;
      clear: both;
    }
    body .breadcrumbs li {
      float: none;
      height: auto;
      line-height: inherit;
    }

    body .breadcrumbs li.home-link {
      float: left;
    }
    body .breadcrumbs ul li ul li {
      float: none;
      margin: 0;
      height: auto;
      line-height: inherit;
    }

    .feature-homepage .feature-title .h-rule {
      bottom: inherit;
      margin: 1em 0;
      position: relative;
    }
.pdf-image{

float: left;
}

.pdf-image-generic{

float: left;
}

.content img{

}

  }

  /* Exception rules for Smartphones in Landscape orientation only */
  @media only screen and (max-device-width: 480px) and (orientation : landscape) {
    body .detection {
      display: none;
    }
    body .column-wrapper .block, #product_enterprise .block, #whatsintop .block, #whatsinbottom .block {
      width: 100%;
      padding: 0;
    }

    body .mobile-display {
      display: block;
    }
    body .mobile-hide,
    body .banner,
    body.feature-panel .spacer,
    body .feature-panel .edge-fade,
    body .feature-panel .vert-rule {
      display: none;
    }

    .logo {
      x-margin: 1.6em 0 0.1em 2%;
      width: auto;
      min-height: 2.5em;
    }
    .logo img {
      /*width: 100%;*/
    }
    .logo .catch-line {
      display: none;
    }

    #general-search .mobile-display {
      display: block;
      position: absolute;
      right: 0;
      x-top: 1em;
      text-indent: -9999em;
      width: 3em;
      height: 2em;
      padding: 0;
      x-background: #005DAA url(../images/nav-bg-tile.png) repeat-x 0 -78px;
      x-webkit-box-shadow: -2px 2px 4px rgba(50, 50, 50, 0.25);
      x-moz-box-shadow:    -2px 2px 4px rgba(50, 50, 50, 0.25);
      x-box-shadow:         -2px 2px 4px rgba(50, 50, 50, 0.25);
    }

    #general-search .mobile-display a {
      background: url(../images/nav-bdr-tile-left.png) repeat-y left top;
      padding: 0 0 3px 0;
      padding: 1em;
      height: 0em;
      width: 1em;
      display: block;
    }
    #general-search .mobile-display a img {
      position: absolute;
      right: 1em;
      x-top: 1em;
    }

    .general-links .mobile-display a {
      background: url(../images/nav-bdr-tile.png) repeat-y right top;
      padding: 0 0 3px 0;
      padding: 1em;
      height: 1em;
      width: 1em;
      display: block;
    }
    .general-links .mobile-display a {
     /* background: url(../images/nav-bg-tile.png) no-repeat center center;*/
   }
   .general-links .mobile-display a img {
    position: absolute;
    right: 0.8em;
    top: 0.5em;
  }

  .general-links .mobile-display {
    position: absolute;
    x-right: 3em;
    x-top: 1em;
    text-indent: -9999em;
    width: 3em;
    height: 2em;
    min-height:2em;
    x-background: #005DAA url(../images/nav-bg-tile.png) repeat-x 0 -78px;
    z-index: 2;
    overflow: hidden;
    /*-webkit-border-top-left-radius: 3px;*/
    /*-webkit-border-bottom-left-radius: 3px;*/
    /*-moz-border-radius-topleft: 3px;*/
    /*-moz-border-radius-bottomleft: 3px;*/
    /*border-top-left-radius: 3px;*/
    /*border-bottom-left-radius: 3px;*/
/*
    -webkit-box-shadow: -2px 2px 4px rgba(50, 50, 50, 0.25);
    -moz-box-shadow:    -2px 2px 4px rgba(50, 50, 50, 0.25);
    box-shadow:         -2px 2px 4px rgba(50, 50, 50, 0.25);*/
  }

  #general-search .mobile-display a:hover,
  #general-search .mobile-display a:focus,
  #general-search .mobile-display a:active,
  .general-links .mobile-display a:hover,
  .general-links .mobile-display a:focus,
  .general-links .mobile-display a:active {
    background-color: #1991f5;
  
  }

  .navigation {
    background-image: none;
    margin: 0 0 0.5em 0;
    width: 100%;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
  }
  .navigation .display-arrow {
    display: none;
  }
  .navigation ul {
    margin: 0;
    width: 100%;
  }
  .navigation ul li {
    margin: 0;
    width: 100%;
    float: none;
    background: none;
    border-bottom: 1px solid #fff;
  }
  .navigation ul li.last,
  .navigation ul li:last-child {
    border-bottom: none;
  }
  .navigation ul li a {
    background: url(../images/nav-bg-tile.png) repeat-x 0 -78px;
  }
  .navigation ul li a:hover,
  .navigation ul li a:active,
  .navigation ul li a:focus {
  }

  .full-search {
    clear: both;
    display: block;
    width: auto;
    margin: 0 0 0.1em 0;
    padding: 0.3em 1%;
    position: relative;
    top: auto;
    right: auto;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
  }
  .top-links {
    width: 100%;
    margin: 0 0 0.3em 0;
    float: none;
    clear: both;
  }
  .top-links ul {
    float: none;
    margin: 0.1em 0;
  }
  .top-links ul li {
    float: none;
    display: block;
    border: none;
    border-bottom: 1px solid #005daa;
  }
  .top-links ul li:last-child,
  .top-links ul li.last {
    border-bottom: none;
  }

  .top-links ul li a {
    padding: 0.6em 1em;
  }

  .left-column,
  .main-column,
  .asides,
  .wide-column {
    width: 96%;
    margin: 0;
    padding: 0 2%;
  }

  .footer .inner {
    position: relative;
    padding: 0 0 5em;
    width: 100%;
  }

  .footer .site-info {
    float: none;
    margin: 0 20% 1em;
    position: absolute;
    top: auto;
    left: auto;
    bottom: 0;
    width: 60%;
    text-align: center;
  }
  .footer .site-info p {
    margin: 0;
    line-height: 1.4em;
  }

  .footer .footer-links {
    float: none;
    margin: 0;
    width: 100%;
    background: #f2f6fb;
  }
  .footer .footer-links ul li {
    margin: 0;
    padding: 0;
    float: none;
    border: none;
    border-bottom: 1px solid #fff;
    width: 100%;
  }
  .footer .footer-links > ul li.last,
  .footer .footer-links > ul li:last-child {
    border-bottom: 1px solid #e7e8e8;
  }
  .footer .footer-links ul li a {
    line-height: inherit;
    padding: 0.6em 1em;
  }
  .item-thumbnail {
    text-align: center;
  }

  .region-selector {
    clear: both;
    display: block;
    height: auto;
    position: relative;
    right: auto;
    top: auto;
    width: 100%;
    margin: 0;
    padding: 1em 0;
    background: #F3F9FE;
  }
  .region-selector .region-display {
    width: 50%;
    margin: 0 auto;
  }

  /* Inside page styling resets */
  body .page-title {
    margin-left: 0;
    margin-right: 0;
  }
  body .feature-panel .inner {
    background-image: none;
  }

  body  #container .fat-footer ul li {
    width: 100%;
    float: none;
    margin-bottom: 1em;
    padding-bottom: 1em;
    border-bottom: 1px solid #D2D2D2;
  }

  body  #container .fat-footer ul li li,
  body  #container .fat-footer ul .col-2 li {
    margin-bottom: 0;
    border: none;
    padding: 0;
    float: none;
    width: 100%;
  }
  body  #container .fat-footer ul li.subs {
    clear: both;
    float: none;
    height: auto;
    line-height: inherit;
    padding: 0 0 10px 60px;
  }

  .inside-panel .feature-item .item, body .feature-item ul, body .feature-item a p, .feature-item .more-link {
    padding-left: 1%;
    padding-right: 1%;
  }

  body #container .content .article-list > div, 
  body #container .content .article-list ul,
  body #container .content .two-column-list ul {
    float: none;
    width: auto;
    margin: 0 0 0.5em 0;
    padding: 0;
    clear: both;
    border: none;
  }
  body #container .content .two-column-list ul {
    padding: 0 0 0 1em;
  }

  body #container .content .article-list .article {
    float: none;
    width: auto;
    margin: 0 0 1em;
  }

  body .feature-panel {
    background: none;
    margin: 1em 0;
  }



  body .feature-item {
    min-height: 0;
    text-align: left;
  }

  body .feature-listings {
    background: none;
  }

  body .feature-listings .feature-title {
    min-height: 0;
    position: relative;
    margin: 0 0 10px 0;
    padding: 0.2em 0;
    background: #f4f9ff;
    border-top: 1px solid #ddeffe;
    border-bottom: 1px solid #ddeffe;
    overflow: hidden;
  }
  body .feature-display .feature-title {
    min-height: 0;
  }
  body .feature-listings .feature-title img {
    float: left;
  }
  body .feature-listings h4 a img {
    margin: -0.4em 5px 0 0.2em;
  }
  body .feature-listings .feature-title h4 {
    padding: 0.5em 0 0 0.3em;
    font-size: 2em;
    position: relative;
  }
  body .feature-listings .feature-title .h-rule {
    display:  none;
  }

  body .feature-homepage {
    background: none;
  }
  body .feature-homepage .feature-title {
    min-height: 0;
    margin: 0;
  }
  body .feature-homepage .feature-title h4 {
    position: relative;
    font-size: 2em;
    padding: 1em 0 0;
  }

  body .container .container {
    margin: 0;
    -webkit-box-shadow: 0px 0px 0px rgba(50, 50, 50, 0);
    -moz-box-shadow:    0px 0px 0px rgba(50, 50, 50, 0);
    box-shadow:         0px 0px 0px rgba(50, 50, 50, 0);
  }
  body #container .container-last {
    -webkit-box-shadow: 0px 0px 0px rgba(50, 50, 50, 0);
    -moz-box-shadow:    0px 0px 0px rgba(50, 50, 50, 0);
    box-shadow:         0px 0px 0px rgba(50, 50, 50, 0);
    margin: 0;
  }

  body .content .feature-display {
    background: url(../images/mobile-feature-bg-tile.jpg) repeat-x 0 0;
    border-bottom: 1px solid #d2d2d2;
    padding: 0 0 1em;
  }
  body .feature-display:hover {
    background-color: inherit;
  }
  body .feature-display .feature-title {
    min-height: 0;
    position: relative;
    margin: 0 0 0 1em;
    padding: 0.2em 0;
    overflow: hidden;
    width: auto;
  }
  body .feature-display.has-thumb .feature-title {
    margin: 0;
  }
  body .feature-content {
    margin: 0 0 0 1em;
  }
  body .has-thumb .feature-content {
    margin: -22px 0 0 55px;
    position: relative;
  }


  body .feature-display .feature-title img {
    float: left;
    margin: 5px 5px 0 0;
    padding: 5px;
    border-right: 1px solid #D2D2D2;
  }
  body .feature-display .feature-title h4 {
    padding: 0.5em 0 0 0;
  }
  body .feature-display .feature-title .h-rule {
    display:  none;
  }
  body .feature-content {

  }
  body .feature-display .feature-content p {
    padding: 0;
    margin: 0;
    color: #717171;
  }

  body .feature-display:hover .feature-title {
    background: inherit;
  }

  body .feature-item .more-link {
    display: block;
    margin: 0 0 1em;
    clear: both;
  }
  body .breadcrumbs li {
    float: none;
    height: auto;
    line-height: inherit;
  }

  body .breadcrumbs li.home-link {
    float: left;
  }
  body .breadcrumbs ul li ul li {
    float: none;
    margin: 0;
    height: auto;
    line-height: inherit;
  }
  .feature-homepage .feature-title .h-rule {
    bottom: inherit;
    margin: 1em 0;
    position: relative;
  }

    /* Inside page styling resets */
    .page-title, .landing-page .page-title{
      margin: 0;
display:block;
top:45px;
      
    }
}
/* mid resize and Small tablet landscape */
@media only screen and (min-width: 680px) and (max-width: 819px) and (orientation : landscape) {
  body .detection {
    display: none;
  }
  body .column-wrapper .block, #product_enterprise .block, #whatsintop .block, #whatsinbottom .block  {
    width: 100%;
    padding: 0;
  }
  .logo {
    /*width: 29%;*/
  }
  .navigation {
    width: 89.7%;
  }
  .navigation ul {
    width: 92%;
    margin: 0;
  }
  .navigation ul li:last-child a,
  .navigation ul li.last a {
    background: none;
  }

  #general-search .full-search.open {
    display: block;
    float: none;
    margin: 0.2em 0;
    padding: 0.3em 1%;
    position: absolute;
    right: 2.4%;
    top: 5em;
    width: 63%;
  }
  #general-search .mobile-hide {
    display: none;
  }

  .banner img {
    max-width: 100%;
  }

  #general-search .mobile-display {
    display: block;
    position: absolute;
    right: 2%;
    top: 2.5em;
    text-indent: inherit;
    width: 6%;
    height: 2.55em;
    padding: 0;
    z-index: 1;
  }

  #general-search .mobile-display a {
    display: block;
    padding: 0.4em 0;
    text-align: center;
  }
  #slider {
    max-height: 310px;
  }

  body #container .fat-footer ul li {
    width: 49%;
    float: left;
    /*min-height: 220px;*/
  }
  body #container .fat-footer ul li li {
    width: 100%;
    float: none;
    min-height: auto;
  }
  body #container .fat-footer ul ul {
    margin: 0;
    min-height: 170px;
    padding: 0;
  }

  body .feature-panel {
    background: none;
    margin: 1em 0;
  }
  body .feature-panel .inner {
    background: none;
  }
  body .content .feature-item {
    text-align: left;
    background: none;
    text-align: left;
    float: left;
    width: 25%;
  }
  body .content .feature-display {
    background: url(../images/mobile-feature-bg-tile.jpg) repeat-x 0 0;
    border-bottom: 1px solid #d2d2d2;
    padding: 0 0 1em;
  }
  body .feature-display:hover {
    background-color: inherit;
  }
  body .feature-display .feature-title {
    min-height: 0;
    position: relative;
    margin: 0 0 0 1em;
    padding: 0.2em 0;
    overflow: hidden;
    width: auto;
  }
  body .feature-display.has-thumb .feature-title {
    margin: 0;
  }
  body .feature-content {
    margin: 0 0 0 1em;
  }
  body .has-thumb .feature-content {
    margin: -22px 0 0 55px;
    position: relative;
  }


  body .feature-display .feature-title img {
    float: left;
    margin: 5px 5px 0 0;
    padding: 5px;
    border-right: 1px solid #D2D2D2;
  }
  body .feature-display .feature-title h4 {
    padding: 0.5em 0 0 0;
  }
  body .feature-display .feature-title .h-rule {
    display:  none;
  }
  body .feature-content {

  }
  body .feature-display .feature-content p {
    padding: 0;
    margin: 0;
    color: #717171;
  }

  body .feature-display:hover .feature-title {
    background: inherit;
  }
  body .feature-panel .vert-rule {
    display: none;
  }
    /* Inside page styling resets */
   .page-title, .landing-page .page-title{
      margin: 0;
display:block;
top:45px;
      
    }

}

/* Medium Browser Windows and Portrait Tablets */
@media only screen and (min-width: 680px) and (max-width: 979px) and (orientation : portrait) {
  body .detection {
    display: none;
  }
  body .column-wrapper .block, #product_enterprise .block, #whatsintop .block, #whatsinbottom .block   {
    width: 100%;
    padding: 0;
  }
  .logo {
    /*width: 26.5%;*/
  }
  .navigation {
    /*width: 67.5%;*/
    width: 88.5%;
  }
  .navigation ul {
    width: 92%;
    margin: 0;
  }
  .navigation ul li:last-child a,
  .navigation ul li.last a {
    background: none;
  }

  #general-search .full-search.open {
    display: block;
    float: none;
    margin: 0.2em 0;
    padding: 0.3em 1%;
    position: absolute;
    right: 2.4%;
    top: 5em;
    width: 65.5%;
  }
  #general-search .mobile-hide {
    display: none;
  }

  .banner img {
    max-width: 100%;
  }

  #general-search .mobile-display {
    display: block;
    position: absolute;
    right: 2%;
    top: 2.5em;
    text-indent: inherit;
    width: 6%;
    height: 2.55em;
    padding: 0;
    z-index: 1;
  }

  #general-search .mobile-display a {
    display: block;
    padding: 0.4em 0;
    text-align: center;
  }
  #slider {
    max-height: 290px;
  }
/* hide the page title on the first level landing pages */
.landing-page .page-title{
  display: none;
  
}
  body .feature-panel {
    background: none;
    margin: 1em 0;
  }
  body .feature-panel .inner {
    background: none;
  }
  body .content .feature-item {
    text-align: left;
    background: none;
  }
  body .content .feature-display {
    background: url(../images/mobile-feature-bg-tile.jpg) repeat-x 0 0;
    border-bottom: 1px solid #d2d2d2;
    padding: 0 0 1em;
  }
  body .feature-display:hover {
    background-color: inherit;
  }
  body .feature-display .feature-title {
    min-height: 0;
    position: relative;
    margin: 0 0 0 1em;
    padding: 0.2em 0;
    overflow: hidden;
    width: auto;
  }
  body .feature-display.has-thumb .feature-title {
    margin: 0;
  }
  body .feature-content {
    margin: 0 0 0 1em;
  }
  body .has-thumb .feature-content {
    margin: -22px 0 0 55px;
    position: relative;
  }
  body .feature-panel .vert-rule {
    display: none;
  }


  body .feature-display .feature-title img {
    float: left;
    margin: 5px 5px 0 0;
    padding: 5px;
    border-right: 1px solid #D2D2D2;
  }
  body .feature-display .feature-title h4 {
    padding: 0.5em 0 0 0;
  }
  body .feature-display .feature-title .h-rule {
    display:  none;
  }
  body .feature-content {

  }
  body .feature-display .feature-content p {
    padding: 0;
    margin: 0;
    color: #717171;
  }

  body .feature-display:hover .feature-title {
    background: inherit;
  }

  body #container .fat-footer ul li {
    width: 33%;
    float: left;
    /*min-height: 220px;*/
  }
  body #container .fat-footer ul li li {
    width: 100%;
    float: none;
    min-height: auto;
  }
  body #container .fat-footer ul ul {
    margin: 0;
    min-height: 170px;
    padding: 0;
  }
    /* Inside page styling resets */
    .page-title, .landing-page .page-title{
      margin-left: 0;
      margin-right: 0;
      margin-top: 0;
display:block;

      
    }
}

/* Portrait Tablet Exceptions */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
  body .detection {
    display: none;
  }
  body .column-wrapper .block, #product_enterprise .block, #whatsintop .block, #whatsinbottom .block  {
    width: 100%;
    padding: 0;
  }
  .logo {
   /* width: 25%;*/
 }
 .navigation {
  x-width: 69%;
}
.full-search {
  width: 14%;
}
.region-selector {
  width: 15%;
}
.mobile-display {
  display: none;
}

body .feature-panel {
  background: none;
  margin: 1em 0;
}
body .feature-panel .inner {
  background: none;
}
body .content .feature-item {
  text-align: left;
  background: none;
}
body .content .feature-display {
  background: url(../images/mobile-feature-bg-tile.jpg) repeat-x 0 0;
  border-bottom: 1px solid #d2d2d2;
  padding: 0 0 1em;
}
body .feature-display:hover {
  background-color: inherit;
}
body .feature-display .feature-title {
  min-height: 0;
  position: relative;
  margin: 0 0 0 1em;
  padding: 0.2em 0;
  overflow: hidden;
  width: auto;
}
body .feature-display.has-thumb .feature-title {
  margin: 0;
}
body .feature-content {
  margin: 0 0 0 1em;
}
body .has-thumb .feature-content {
  margin: -22px 0 0 55px;
  position: relative;
}


body .feature-display .feature-title img {
  float: left;
  margin: 5px 5px 0 0;
  padding: 5px;
  border-right: 1px solid #D2D2D2;
}
body .feature-display .feature-title h4 {
  padding: 0.5em 0 0 0;
}
body .feature-display .feature-title .h-rule {
  display:  none;
}
body .feature-panel .vert-rule {
  display: none;
}
body .feature-content {

}
body .feature-display .feature-content p {
  padding: 0;
  margin: 0;
  color: #717171;
}

body .feature-display:hover .feature-title {
  background: inherit;
}

.feature-item .more-link {
  display: block;
  margin: 0 0 1em;
}

    /* Inside page styling resets */
 .page-title, .landing-page .page-title{
      margin: 0;
display:block;
x-top:45px;
      
    }
}

/* Additional Rules for Medium Desktop Browser Windows and Landscape Tablets */
@media only screen and (min-width: 820px) and (max-width: 979px) and (orientation : landscape) {
  body .detection {
    display: none;
  }
  body .column-wrapper .block, #product_enterprise .block, #whatsintop .block, #whatsinbottom .block   {
    width: 100%;
    padding: 0;
  }
  .logo {
   /* width: 25%;*/
 }
 .navigation {
  /*width: 69%;*/
  width: 89.7%;
}
.full-search {
  width: 14%;
}
.region-selector {
  width: 15%;
}
.mobile-display {
  display: none;
}

body .feature-panel {
  background: none;
  margin: 1em 0;
}
body .feature-panel .inner {
  background: none;
}
body .content .feature-item {
  text-align: left;
  background: none;
    text-align: left;
    float: left;
    width: 25%;
}
body .content .feature-display {
  background: url(../images/mobile-feature-bg-tile.jpg) repeat-x 0 0;
  border-bottom: 1px solid #d2d2d2;
  padding: 0 0 1em;
}
body .feature-display:hover {
  background-color: inherit;
}
body .feature-display .feature-title {
  min-height: 0;
  position: relative;
  margin: 0 0 0 1em;
  padding: 0.2em 0;
  overflow: hidden;
  width: auto;
}
body .feature-display.has-thumb .feature-title {
  margin: 0;
}
body .feature-content {
  margin: 0 0 0 1em;
}
body .has-thumb .feature-content {
  margin: -22px 0 0 55px;
  position: relative;
}


body .feature-display .feature-title img {
  float: left;
  margin: 5px 5px 0 0;
  padding: 5px;
  border-right: 1px solid #D2D2D2;
}
body .feature-display .feature-title h4 {
  padding: 0.5em 0 0 0;
}
body .feature-display .feature-title .h-rule {
  display:  none;
}
body .feature-panel .vert-rule {
  display: none;
}
body .feature-content {

}
body .feature-display .feature-content p {
  padding: 0;
  margin: 0;
  color: #717171;
}

body .feature-display:hover .feature-title {
  background: inherit;
}


.feature-item .more-link {
  display: block;
  margin: 0 0 1em;
}
body .fat-footer ul li,
body .fat-footer ul .col-2 li {
  width: 100%;
  float: none;
  margin-bottom: 1em;
}
body .fat-footer ul li li,
body .fat-footer ul .col-2 li {
  margin-bottom: 0;
}
    /* Inside page styling resets */
    .page-title, .landing-page .page-title{
      margin: 0;
display:block;
x-top:45px;
      
    }
}

/* Landscape Tablet Exceptions */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
  body .detection {
    display: none;
  }
  body .column-wrapper .block, #product_enterprise .block, #whatsintop .block, #whatsinbottom .block  {
    width: 100%;
    padding: 0;
  }
  .logo {
    /*width: 29%;*/
  }
  .navigation {
    x-width: 65%;
  }
  .navigation ul {
    width: 92%;
    margin: 0;
  }
  .navigation ul li:last-child a,
  .navigation ul li.last a {
    background: none;
  }

  #general-search .full-search.open {
    display: block;
    float: none;
    margin: 0.2em 0;
    padding: 0.3em 1%;
    position: absolute;
    right: 2.4%;
    top: 5em;
    width: 63%;
  }
  #general-search .mobile-hide {
    display: none;
  }

  .banner img {
    max-width: 100%;
  }

  #general-search .mobile-display {
    display: block;
    position: absolute;
    right: 2%;
    top: 2.5em;
    text-indent: inherit;
    width: 6%;
    height: 2.55em;
    padding: 0;
    z-index: 1;
  }

  #general-search .mobile-display a {
    display: block;
    padding: 0.4em 0;
    text-align: center;
  }
  #slider {
    max-height: 310px;
  }

  body #container .fat-footer ul li {
    width: 49%;
    float: left;
    /*min-height: 220px;*/
  }
  body #container .fat-footer ul li li {
    width: 100%;
    float: none;
    min-height: auto;
  }
  body #container .fat-footer ul ul {
    margin: 0;
    min-height: 170px;
    padding: 0;
  }

  body .feature-panel {
    background: none;
    margin: 1em 0;
  }
  body .feature-panel .inner {
    background: none;
  }
  body .content .feature-item {
    text-align: left;
    background: none;
  }
  body .content .feature-display {
    background: url(../images/mobile-feature-bg-tile.jpg) repeat-x 0 0;
    border-bottom: 1px solid #d2d2d2;
    padding: 0 0 1em;
  }
  body .feature-display:hover {
    background-color: inherit;
  }
  body .feature-display .feature-title {
    min-height: 0;
    position: relative;
    margin: 0 0 0 1em;
    padding: 0.2em 0;
    overflow: hidden;
    width: auto;
  }
  body .feature-display.has-thumb .feature-title {
    margin: 0;
  }
  body .feature-content {
    margin: 0 0 0 1em;
  }
  body .has-thumb .feature-content {
    margin: -22px 0 0 55px;
    position: relative;
  }

  body .feature-display .feature-title img {
    float: left;
    margin: 5px 5px 0 0;
    padding: 5px;
    border-right: 1px solid #D2D2D2;
  }
  body .feature-display .feature-title h4 {
    padding: 0.5em 0 0 0;
  }
  body .feature-display .feature-title .h-rule {
    display:  none;
  }
  body .feature-panel .vert-rule {
    display: none;
  }
  body .feature-content {

  }
  body .feature-display .feature-content p {
    padding: 0;
    margin: 0;
    color: #717171;
  }

  body .feature-display:hover .feature-title {
    background: inherit;
  }



}


    /***************** end  responsive *****************/






/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
  filter: alpha(opacity=80); }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #cccccc;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }
  .mfp-preloader a {
    color: #cccccc; }
    .mfp-preloader a:hover {
      color: white; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  -webkit-box-shadow: none;
  box-shadow: none; }
button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  filter: alpha(opacity=65);
  padding: 0 0 18px 10px;
  color: white;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }
  .mfp-close:hover, .mfp-close:focus {
    opacity: 1;
    filter: alpha(opacity=100); }
  .mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333333; }

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
  color: white;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #cccccc;
  font-size: 12px;
  line-height: 18px; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  filter: alpha(opacity=65);
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  .mfp-arrow:active {
    margin-top: -54px; }
  .mfp-arrow:hover, .mfp-arrow:focus {
    opacity: 1;
    filter: alpha(opacity=100); }
  .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
  .mfp-arrow:after, .mfp-arrow .mfp-a {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
  .mfp-arrow:before, .mfp-arrow .mfp-b {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
    border-right: 17px solid white;
    margin-left: 31px; }
  .mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
    margin-left: 25px;
    border-right: 27px solid #3f3f3f; }

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
    border-left: 17px solid white;
    margin-left: 39px; }
  .mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
    border-left: 27px solid #3f3f3f; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
  .mfp-iframe-holder .mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }
  .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: black; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }
  .mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444444; }
  .mfp-figure small {
    color: #bdbdbd;
    display: block;
    font-size: 12px;
    line-height: 14px; }
  .mfp-figure figure {
    margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #f3f3f3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }

.mfp-ie7 .mfp-img {
  padding: 0; }
.mfp-ie7 .mfp-bottom-bar {
  width: 600px;
  left: 50%;
  margin-left: -300px;
  margin-top: 5px;
  padding-bottom: 5px; }
.mfp-ie7 .mfp-container {
  padding: 0; }
.mfp-ie7 .mfp-content {
  padding-top: 44px; }
.mfp-ie7 .mfp-close {
  top: 0;
  right: 0;
  padding-top: 0; }


.popup-gallery img {
  padding: 10px;
}

.hiddenvideo{
   display:none;
}

.inline_video{
padding:10px; background:#000;
}