/* Reset and cleanup styles
-------------------------------------------------------------------------------*/
html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

article, aside, figure, footer, header, hgroup, nav, section {
    display: block;
}

html {
    overflow-y: scroll;
}

ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom: 1px dotted #000;
    cursor: help;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

th {
    font-weight: bold;
    vertical-align: bottom;
}

td {
    font-weight: normal;
    vertical-align: top;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

input, select {
    vertical-align: middle;
}

pre {
    white-space: pre;
    /* CSS2 */
    white-space: pre-wrap;
    /* CSS 2.1 */
    white-space: pre-line;
    /* CSS 3 (and 2.1 as well, actually) */
    word-wrap: break-word;
    /* IE */
}

input[type="radio"] {
    vertical-align: text-bottom;
}

input[type="checkbox"] {
    vertical-align: bottom;
    *vertical-align: baseline;
}

.ie6 input {
    vertical-align: text-bottom;
}

select, input, textarea {
    font-size: 99%;
}

table {
    font-size: inherit;
    font: 100%;
}

a:hover, a:active {
    outline: none;
}

strong, th {
    font-weight: bold;
}

td, td img {
    vertical-align: top;
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

pre, code, kbd, samp {
    font-family: monospace, sans-serif;
}

.clickable, label, input[type=button], input[type=submit], button {
    cursor: pointer;
}

button, input, select, textarea {
    margin: 0;
}

button {
    width: auto;
    overflow: visible;
}

.ie7 img {
    -ms-interpolation-mode: bicubic;
}

.ie6 html {
    filter: expression(document.execCommand("BackgroundImageCache", false, true));
}

.clearfix:before, .clearfix:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    zoom: 1;
}

/* Individual styles
-------------------------------------------------------------------------------*/

/*------------------------------------*\
    $CONTENTS
\*------------------------------------*/
/**
 * table
 * base
 * header
 * mainmenu
 * content
 * main
 * breadcrumb
 * video
 * teaser
 * footer
 * fancybox
 * contact
 * button
 * tab
 * related links
 * fce
 * registration
 * km_opportunities
 * slider
 */

/*------------------------------------*\
    $base
\*------------------------------------*/
body {
    font-family: Arial, sans-serif;
    color: #3E4C57;
    font-size: 13px;
    line-height: 145%;
    -webkit-text-size-adjust: none;
}
                    @media only screen and (max-width : 767px) {
                        body {
                            width: 100%;
                        }
                    }
h1 {
    font-size:36px;
    letter-spacing:-1pt;
    line-height:39px;
    margin-bottom: 20px;
}


    @media (max-width: 530px) {

        h1 {
            font-size: 30px;
            line-height: 34px;
            -webkit-transition: font-size 1s;
            -moz-transition: font-size 1s;
            -ms-transition: font-size 1s;
            -o-transition: font-size 1s;
            transition: font-size 1s;
        }
    }

h2 {
    font-size: 24px;
    line-height: 24px;
    margin-bottom: 20px;
}

h3 {
    font-size: 16px;
    color: #0066CC;
    margin-top: 25px;
    margin-bottom: 20px;
}

h4 {
    font-size: 14px;
    padding-bottom: 5px;
    padding-top: 10px;
}

h5 {
    font-size:20px;
    letter-spacing:-1pt;
    line-height:22px;
    color:rgb(0,102,204);
    margin-top: 15px;
}

ol {
    list-style: none;
    padding-bottom: 20px;
}
ol li {
    line-height: 135%;
    margin-left: 15px;
    padding: 0 0;
    list-style-type: decimal;
}

ul {
    list-style: none;
    padding-bottom: 20px;
}
ul li {
    line-height: 155%;
    margin-left: 15px;
    padding: 0 0;
    list-style-image: url(../images/mark-blue.png);
}

p {
    margin-bottom: 20px;
}

a {
    color: #0066CC;
}

@media only screen and (max-width : 990px) {
img,
object,
embed {
    max-width: 100%;
    height: auto;
}
}


.csc-textpic-imagewrap img {
  width: 100%;
}

#header-wrapper,
#content-wrapper {
    width: 970px;
    font-size: 14px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}

@media only screen and (max-width : 1024px) {
  #header-wrapper,
  #content-wrapper {
      width: 98%;
  }
}

/*------------------------------------*\
    $table
\*------------------------------------*/

table{
  text-align: left;
  line-height: 145%;
  border:none;
  border:1px solid #CCCCCC;
  margin-bottom: 15px;
}

table,
td {
  font-size: 12px;
  border: 1px solid #CCCCCC;
  border-collapse: collapse;
}

caption {
  display:none;
}

thead th {
  font-weight: bold;
  color: #0066CC; 
}  

tbody th {
  border-top: 1px solid #CCCCCC;
  text-align: left;
  font-weight: bold;
}

thead th,
tbody th {
  vertical-align: top;
  border-left: 1px solid #CCCCCC;  
}

thead th,
tbody th,
tbody tr td {
  padding: 8px 20px 8px 20px; 
}

/*------------------------------------*\
    $header
\*------------------------------------*/
.header {
    height: 66px;
    position: relative;
}
                    @media only screen and (max-width : 767px) {

                        .header {
                            height: 150px;
                        }

                        .header a {
                            min-width: 150px;
                            width: 32%;
                        }

                    }

.header:hover {
    color: #7f99b2;
}

.logo-konicaminolta {
    top: 18px;
    left: 20px;
    position: absolute;
}

                    @media only screen and (max-width : 767px) {
                        .logo-konicaminolta {
                            top: 80px;
                            left: 7px;
                        }
                    }

.logo-digital1234 {
    text-align: right;
    position: absolute;
    top: 10px;
    right: 0;
}

                    @media only screen and (max-width : 767px) {
                        .logo-digital1234 {
                            top: 60px;
                        }
                    }

.languages {
    position: absolute;
    right: 160px;
    top: 30px;
}    
                    @media only screen and (max-width : 767px) {
                        .languages  {
                            top: 120px;
                            right: 0;
                        }
                    }         

.languages a {
    color: #465159;
    text-decoration: none;
    padding-right: 10px;
    padding-left: 10px;
}

/*------------------------------------*\
    $mainmenu
\*------------------------------------*/
.mobilemenu {
    display: none;
}
                    @media only screen and (max-width : 767px) {

                        .menu {
                            width: 100%;
                            position: absolute;
                            top: 0;
                            z-index: 100;
                            cursor: pointer;

                            background-color: #0066CC;
                            background-image: url(../images/button_menu_arrow.png);
                            background-repeat: no-repeat;
                            background-position: 97% 15px;
                            display: block!important\9;
      }
.mainmenu.non-mobile {
  display: block!important;
}

/*
      .menu ,#ie9#bug {
                           display: none;
                        }
*/
                        .mobilemenu {
                            display: block;
                            height: 39px;
                            line-height: 42px;
                            color: #fff;
                            font-size: 13px;
                            text-transform: uppercase;
                            background-image: url(../images/button_menu.png);
                            background-repeat: no-repeat;
                            background-position: 16px 12px;
                            padding-left: 50px;
                            margin: 0;
                        }
                    }

.mainmenu {
   
    min-width: 970px;
    height: 37px;
    background-color: #465159;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#515e67), to(#465159));
    background-image: -webkit-linear-gradient(#515e67, #465159);
    background-image: -moz-linear-gradient(#515e67, #465159);
    background-image: -o-linear-gradient(#515e67, #465159);
    background-image: -ms-linear-gradient(#515e67, #465159);
    background-image: linear-gradient(#515e67, #465159);
    *background-color: #465159;
    background-repeat: repeat-x;
    -webkit-background-size: 100% 40px;
    -moz-background-size: 100% 40px;
    -o-background-size: 100% 40px;
    background-size: 100% 40px;
    padding-top: 8px;

    display: block!important\9;
}
        @media only screen and (max-width : 1024px) {
                        .mainmenu {
         min-width: 0;
      }
        }

                    @media only screen and (max-width : 767px) {
                        .mainmenu {
                            display: none;
                            height: auto;
                            padding: 0;
                        }

      .mainmenu ,#ie9#bug {
          display: none;
      }
                    }

#menu-wrapper {
    width: 970px;
    margin: 0 auto;
    position: relative;
    z-index: 10;
}
                    @media only screen and (max-width : 1024px) {
                        #menu-wrapper {
                            width: 100%;
                        }
                    }

.mainmenu ul {
    padding: 0;
    overflow: hidden;
}
                    @media only screen and (max-width : 767px) {
                        .mainmenu ul {
                            width: 100%;
                            margin: 0;
                        }
                    }

.mainmenu ul li {
    float: left;
    line-height: 37px;
    list-style-image: none;
    list-style-type: none;
    margin-right: 2%;
    margin-left: 0;
    padding: 0 10px;
}
                    @media only screen and (max-width : 990px) {

                        .mainmenu ul li {
                            margin-right: 1%;
                            padding: 0 1%;
                        }
                    }

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

                        .mainmenu ul li {
                            min-height: 25px;
                            float: none;
                            width: 100%;
                            line-height: 40px;
                            background: none;
                            background-color: #0066CC;
                            margin: 0;
                            position: relative;
                            z-index: 10;
                        }

                        .mainmenu >#menu-wrapper >ul >li {
                            border-top: 1px solid #fff;
                        }
                    }

.mainmenu ul li a {
    display: table-cell;
    vertical-align: middle;
    height: 37px;
    line-height: 14px;
    text-transform: uppercase;
    font-size: 14px;
    text-decoration: none;
    color: #fff;
    background-repeat: no-repeat;
    background-position: left center;
}
                    @media only screen and (max-width : 990px) {
                        .mainmenu ul li a{
                            font-size: 12px;
                            -webkit-transition: font-size 0.5s;
                            -moz-transition: font-size 0.5s;
                            -ms-transition: font-size 0.5s;
                            -o-transition: font-size 0.5s;
                            transition: font-size 0.5s;
                        }
                    }
                    @media only screen and (max-width : 767px) {

                        .mainmenu ul li a {
                            display: block;
                            height: auto;
                            padding-top: 11px;
                            padding-bottom: 11px;
                          padding-left: 10px;
      }
                    }

.mainmenu ul li.active,
.mainmenu ul li:hover {
    background-color: #fff;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}
                    @media only screen and (max-width : 767px) {
                        .mainmenu ul li.active,
                        .mainmenu ul li:hover {
                            border-radius: 0;
                            -webkit-border-radius: 0;
                            -moz-border-radius: 0;
                            background: transparent;
                        }
                    }

.mainmenu ul li.active a,
.mainmenu ul li:hover a{
    color: #3E4C57;
}
                    @media only screen and (max-width : 767px) {
                        .mainmenu ul li.active a,
                        .mainmenu ul li:hover a {
                            color: #fff;
                            background-position: left 2px;
                        }
                    }

.mainmenu ul li.home a {
     background-image: url(../images/menuicon-home.png);
     padding-left: 30px;
}
                    @media only screen and (max-width : 767px) {
                        .mainmenu ul li.home a,
                        .mainmenu ul li.active.home a,
                        .mainmenu ul li.home:hover a {
                            background-image: none!important;
                            padding-left: 10px;
                        }
                    }

.mainmenu ul li.home span {
    display: none;
}
                    @media only screen and (max-width : 767px) {

                        .mainmenu ul li.home span {
                            display: block;
                        }
                    }

.mainmenu ul li.active.home a,
.mainmenu ul li.home:hover a{
    background-image: url(../images/menuicon-home-act.png);
}

.mainmenu ul li.border {
    display: block;
    height: 40px;
    margin-right: 0;
    background-image: url(../images/menu-border.gif);
    background-position: left 3px;
    background-repeat: no-repeat;
    right: 20%;
    position: absolute;
}
                    @media only screen and (max-width : 767px) {

                        .mainmenu ul li.border {
                            display: none;
                        }
                    }

.mainmenu ul li.border:hover {
    background-color: transparent;
}

.mainmenu ul li.last {
    float: right;
    margin-right: 0;
}

       @media only screen and (max-width : 990px) {
                        .mainmenu ul li.last {
                            float: none;
                  margin-right: 0;
                  position: absolute;
                  right: 5px;
                        }
                    }
                    @media only screen and (max-width : 767px) {
                        .mainmenu ul li.last {
                            position: static;
                        }
                    }
/*------------------------------------*\
    $content
\*------------------------------------*/
.content {
    padding: 22px 85px 0 0;
    min-height: 700px;
    overflow: hidden;
    position: relative;
}
                    @media only screen and (max-width : 767px) {
                        .content {
                            padding: 0;
                        }
                    }

/*------------------------------------*\
    $main
\*------------------------------------*/
                    @media only screen and (max-width : 767px) {
                        .main {
                            padding: 0 10px;
                        }
                    }

/*------------------------------------*\
    $breadcrumb
\*------------------------------------*/
.breadcrumb {
    overflow: hidden;
    padding-bottom: 20px;
}
.breadcrumb li {
    float: left;
    font-size: 13px;
    list-style: none;
    padding: 0;
    margin: 0;
    position: relative;
}
.breadcrumb a {
    height: 24px;
    display: block;
    line-height: 24px;
    color: #fff;
    text-decoration: none;
    background: #9cabbe;
    background: -moz-linear-gradient(top, #9cabbe 0%, #8e9aa8 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9cabbe), color-stop(100%, #8e9aa8));
    background: -webkit-linear-gradient(top, #9cabbe 0%, #8e9aa8 100%);
    background: -o-linear-gradient(top, #9cabbe 0%, #8e9aa8 100%);
    background: -ms-linear-gradient(top, #9cabbe 0%, #8e9aa8 100%);
    background: linear-gradient(top, #9cabbe 0%, #8e9aa8 100%);
    *background: #9cabbe;
    padding: 0 12px 0 15px;
}
.breadcrumb span {
    display: block;
    height: 24px;
    width: 12px;
    background-image: url(../images/breadcrumb-shadow.png);
    background-repeat: no-repeat;
    background-position: right top;
    padding-right: 12px;
    position: absolute;
    right: -12px;
    top: 0;
    z-index: 1;
}
.breadcrumb li:hover a {
    background: #9cabbe;
    background: -moz-linear-gradient(top, #8e9aa8 0%, #9cabbe 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #8e9aa8), color-stop(100%, #9cabbe));
    background: -webkit-linear-gradient(top, #8e9aa8 0%, #9cabbe 100%);
    background: -o-linear-gradient(top, #8e9aa8 0%, #9cabbe 100%);
    background: -ms-linear-gradient(top, #8e9aa8 0%, #9cabbe 100%);
    background: linear-gradient(top, #8e9aa8 0%, #9cabbe 100%);
    *background: #9cabbe;

}
.breadcrumb li:hover span {
    display: block;
    height: 24px;
    width: 12px;
    background-image: url(../images/breadcrumb-shadow-hover.png);
    background-repeat: no-repeat;
    background-position: right top;
    padding-right: 12px;
    position: absolute;
    right: -12px;
    top: 0;
    z-index: 1;
}
.breadcrumb li.home  a{
    border-radius: 5px 0 0 5px;
    -webkit-border-radius: 5px 0 0 5px;
    -moz-border-radius: 5px 0 0 5px;
}
.breadcrumb li.active  {
    background: #3e4c57;
    border-radius: 0 5px 5px 0;
    -webkit-border-radius: 0 5px 5px 0;
    -moz-border-radius:  0 5px 5px 0;
}
.breadcrumb li.active span {
    background-image: none;
}
.breadcrumb li.active a {
    background-image: none;
    padding-right: 15px;
}

/*------------------------------------*\
    $video
\*------------------------------------*/
.video {
    position: relative;
}
                    @media only screen and (max-width : 767px) {
                        .video-text {
                            display: none;
                        }
                    }

.video-text {
    width: 250px;
    background-color: rgba(255, 255, 255, 0.5);
    font-size: 38px;
    font-weight: bold;
    line-height: 40px;
    color: #fff;
    padding: 15px;
    position: absolute;
    top: 20%;
    left: 50px;
}
                    @media only screen and (max-width : 990px) {

                        .video-text {
                            left: 0;
                            font-size: 30px;
                            line-height: 34px;
                            -webkit-transition: all 1s;
                            -moz-transition: all 1s;
                            -ms-transition: all 1s;
                            -o-transition: all 1s;
                            transition: all 1s;
                        }
                    }
/*------------------------------------*\
    $teaser
\*------------------------------------*/
.teaser {
    height: 402px;
    position: relative;
    background-position: center center;
    background-repeat: no-repeat;
    overflow: hidden;
}


                        @media only screen and (max-width: 530px) {
                            .teaser {
                                height: auto;
                                background-image: none!important;
                            }
                        }

.teaser-header {
    position: absolute;
    right: 350px;
    top: 160px;
    background-color: #fff; 
    background-color: rgba(255, 255, 255, 0.8);
 
    font-size:32px;
    font-weight:bold;
    letter-spacing:-1pt;
    line-height:34px;
    padding: 20px;
}
                    @media only screen and (max-width: 530px) {
                        .teaser-header {
                            position: static;
                            
             background-color: ##0066CC;
             background-image:-moz-linear-gradient(rgb(0,91,185) 0%,rgb(0,125,255) 100%);
              background-image:-webkit-gradient(linear,color-stop(0, rgb(0,91,185)),color-stop(1, rgb(0,125,255)));
            background-image:-webkit-linear-gradient(rgb(0,91,185) 0%,rgb(0,125,255) 100%);
             background-image:-o-linear-gradient(rgb(0,91,185) 0%,rgb(0,125,255) 100%);
             background-image:-ms-linear-gradient(rgb(0,91,185) 0%,rgb(0,125,255) 100%);
             background-image:linear-gradient(rgb(0,91,185) 0%,rgb(0,125,255) 100%);
            *background-color: ##0066CC;
          color: #fff;
                            margin-bottom: 10px;
                            font-size: 30px;
                            -webkit-transition: font-size 1s;
                            -moz-transition: font-size 1s;
                            -ms-transition: font-size 1s;
                            -o-transition: font-size 1s;
                            transition: font-size 1s;
                        }
                    }

.teaser-text {
    width: 260px;
    max-height: 260px;
    overflow: hidden;
    position: absolute;
    right: 35px;
    top: 160px;
    background-color: rgb(255, 255, 255);
    background-color: rgba(255, 255, 255, 0.8);
    font-size: 16px;
    font-weight: bold;
    padding: 10px 20px;
}
                    @media only screen and (max-width: 530px) {
                        .teaser-text {
                            width: auto;
                            left: 10px;
                            background-color: ##0066CC;
                            background-image:-moz-linear-gradient(rgb(0,91,185) 0%,rgb(0,125,255) 100%);
                            background-image:-webkit-gradient(linear,color-stop(0, rgb(0,91,185)),color-stop(1, rgb(0,125,255)));
                            background-image:-webkit-linear-gradient(rgb(0,91,185) 0%,rgb(0,125,255) 100%);
                            background-image:-o-linear-gradient(rgb(0,91,185) 0%,rgb(0,125,255) 100%);
                            background-image:-ms-linear-gradient(rgb(0,91,185) 0%,rgb(0,125,255) 100%);
                            background-image:linear-gradient(rgb(0,91,185) 0%,rgb(0,125,255) 100%);
                            *background-color: ##0066CC;
          color: #fff;
                            position: static;
                        }
                    }

.teaser-text ul {
    padding-bottom: 0;
}
.teaser-text li {
    padding: 2px 0;
    line-height: 20px;
}
                    @media only screen and (max-width: 530px) {
                        .teaser-text li {
                            list-style-image: url(../images/mark-blue-light.png);
                        }
                    }


/*------------------------------------*\
    $footer
\*------------------------------------*/
footer {
    clear: both;
    height: 110px;
    font-size: 13px;
    color: #4B4B4B;
    border-top: 1px solid #CCCCCC;
    padding-bottom: 30px;
    padding-top: 8px;
    overflow: hidden;
}
                @media only screen and (max-width : 767px) {
                    footer {
                        height: auto;
                    }
                }

footer p {
    float: left;
    line-height: 30px;
    margin: 0;
}

footer p.meta {
    width: 15%;
    width: 28%;
}
                @media only screen and (max-width : 767px) {
                    footer p.meta {
                        width: 40%; 
                    }
                    footer p.meta .selectCountry{
                        display: block;
                        padding-right: 0;
                    }
                }

footer p.meta a{
    padding-right: 40px;
}

footer p.social-channel {
    width: 32%;
    text-align: center;
}
                @media only screen and (max-width: 530px) {
                    footer p.social-channel {
                        width: 60%;
                        float: right;
                        text-align: right;
                        margin-bottom: 0px;
                    }
                }

footer p.social-channel span {
    position: relative;
    top: -13px;
}
                @media only screen and (max-width : 767px) {
                    footer p.social-channel span {
                        display: none;
                    }
                }
footer p.social-channel img {
    margin-left: 5px;
}

footer p.slogan {
    float: right;
    width: 25%;
    padding-top: 4px;
}

                @media only screen and (max-width : 530px) {
                    footer p.slogan {
                        width: 40%;
                        text-align: right;
                    }
                }


footer a.morelink {
    color: #0C3B6C;
    text-decoration: none;
    background-image: url(../images/arrow-footer.jpg);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 10px;
}

.hide-selectCountry {
    display: none;
    clear: both;
}
                    @media only screen and (max-width : 767px) {
                        .hide-selectCountry{
                            sdisplay: block;
                        }
                    }

/*------------------------------------*\
    $fancybox
\*------------------------------------*/
.fancybox-overlay {
  background-image: url(../images/fancybox-overlay.png)!important;
}
.fancybox-skin {
    background: #0066cc!important;
    border-radius: 0!important;
    -webkit-border-radius: 0!important;
    -moz-border-radius: 0!important;
    box-shadow: none!important;
    webkit-box-shadow: none!important;
    moz-box-shadow: none!important;
    padding: 22px 25px 21px 24px!important;
}
#selectCountry ul.col {
    width: 250px;
    float: left;
}
.show, 
.show #selectCountry {
    display: block!important;
}

                    @media only screen and (max-width : 767px) {
                        #selectCountry ul.col {
                            width: auto;
                        }

                        #selectCountry .title{
                            display: block;
                            font-size: 24px;
                            line-height: 26px;
                            font-weight: bold;
                            color: #0066CC;
                            margin-bottom: 25px;
                        }
                                       
                        #selectCountry {
                            overflow: hidden;
                            border: 1px solid #c9c9c9;
                            padding: 20px 23px 10px;
                            box-shadow: inset 0 0 10px #999999 ;
                            -webkit-box-shadow: inset 0 0 10px #999999;
                            -moz-box-shadow:inset 0 0 10px #999999;

                            border-radius: 5px;
                            -webkit-border-radius: 5px;
                            -moz-border-radius: 5px;
                        }

                        #selectCountry .close{
                            display: block;
                            width: 27px;
                            height: 27px;
                            background-image: url(../images/icon-close-contact.gif);!important;
                            background-repeat: no-repeat;
                            position: absolute;
                            right: 10px;
                            z-index: 9999;
                        }
                        #selectCountry .close:hover {
                            cursor: pointer;
                        }
                    }

.fancybox-skin .title {
    display: block;
    font-size: 24px;
    line-height: 26px;
    font-weight: bold;
    color: #fff;
    margin-bottom: 25px;
}
.fancybox-skin ul {
    padding-left: 20px;
}
.fancybox-skin li {
    list-style-image: url(../images/arrow-right-small.png);
    padding-bottom: 10px;
    line-height: 14px;
}
.fancybox-skin li.label {
    color: #fff;
    list-style-image: none;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 14px;
    padding-bottom: 2px;
    padding-top: 2px;
}

.fancybox-skin li.small {
    text-transform: none;
    float: left;
    width: 35%;
}
.fancybox-skin li.clear {
  clear: both;
}

.fancybox-skin li.small a {
    text-transform: none;
}
.fancybox-skin a{
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 14px;
}
.fancybox-close {
    background-image: url(../images/icon-close.png);
    background-repeat: no-repeat;
    right: 13px;
    top: 20px;
}

/*------------------------------------*\
    $contact
\*------------------------------------*/

/*last pass */
#__lpform_phone_icon {
  display:none;
}

#contactform {
  display:none;
  display: block\9;
}

#contactform, #ie7#bug,
#contactform, #ie9#bug {
  display: none;
}

                    @media only screen and (max-width : 767px) {
                        #contactform {
                            display: block!important;
                        }
                    }
.contact,
.contact-overlay {
    position: fixed;
    right: -1000px;
    top: 35%;
    width: 93%;
    width: 930px\9;
    max-width: 930px;
    max-width: inherit\9;
    z-index: 100;
}

.contact-overlay {
     z-index: 150;
}

          @media only screen and (max-width : 767px) {
                        .contact-overlay{
                          display: none;
       }
        }

.contact ,#ie7#bug,
.contact ,#ie9#bug {
    max-width: 930px;
    width: 93%;
}

      @media only screen and (max-width : 767px) {
                        .contact,
                        .contact-overlay{
                            overflow: hidden;
                            position: static;
                            width: 100%;
                            margin: 0 0 20px;
                         }
    }


.tx-bm-contactbox {
    height: auto;
    min-height: 180px;
    font-size: 13px;
    background-color: #fff;
    padding: 15px 3% 5px 3%;
    border: 1px solid #c9c9c9;

    box-shadow: inset 0 0 10px #999 ;
    -webkit-box-shadow: inset 0  0 10px #999;
    -moz-box-shadow:inset 0 0 10px #999 ;

    border-radius: 0 5px 5px 0 ;
    -webkit-border-radius: 0 5px 5px 0 ;
    -moz-border-radius: 0 5px 5px 0 ;
    overflow: hidden;
}



                    @media only screen and (max-width : 767px) {
                        .tx-bm-contactbox {
                            margin: 0 2% 20px;
          padding-bottom: 15px;
                            border-radius: 5px;
                            -webkit-border-radius: 5px;
                            -moz-border-radius: 5px;
                        }
                    }

#contactbutton {
    height: 100%;
    display: block;
    background-image: url(../images/contactbutton.png);
    background-repeat: no-repeat;
    background-position: left center;
    background-color: #515e67;

    border-radius: 5px 0 0 5px;
    -webkit-border-radius: 5px 0 0 5px;
    -moz-border-radius: 5px 0 0 5px;


    -webkit-box-shadow: inset 2px 2px 3px #35414a;
    -moz-box-shadow: inset 2px 2px 3px #35414a;
    box-shadow: inset 2px 2px 3px #35414a;

    position: absolute;
    left: -40px;
    top: 0px;
    width: 40px;
}

#contactbutton.contactbutton_31 {
    background-image: url(../images/ua_contactbutton.png);
}

#contactbutton.contactbutton_30 {
    background-image: url(../images/es_contactbutton.png);
}

#contactbutton.contactbutton_17 {
    background-image: url(../images/fi_contactbutton.png);
}

#contactbutton.contactbutton_16 {
    background-image: url(../images/pt_contactbutton.png);
}

#contactbutton.contactbutton_1 {
    background-image: url(../images/de_contactbutton.png);
}

#contactbutton.contactbutton_2 {
    background-image: url(../images/it_contactbutton.png);
}

.tx-bm-contactbox .close {
    display: block;
    background-image: url(../images/icon-close-contact.gif);
    background-position: center center;
    background-repeat: no-repeat;
    width: 40px;
    height: 41px;
    position: absolute;
    top: 0px;
    right: 0px;
}
                    @media only screen and (max-width : 767px) {
                        .tx-bm-contactbox .close {
                            display: none;
                        }
                    }

.tx-bm-contactbox .col {
    width: 26%;
    float: left;
    margin-right: 2%;
}


                    @media only screen and (max-width : 767px) {
                        .tx-bm-contactbox .col {
                            width: 100%;
                        }
                    }

.tx-bm-contactbox .col.small {
    width: 15%;
    margin: 0;
    padding-top: 127px;
}

           @media only screen and (max-width : 860px) {
                        .tx-bm-contactbox .col.small {
                            width: 16%;
                        }
                    }
                    @media only screen and (max-width : 767px) {
                        .tx-bm-contactbox .col.small {
                            width: 46%;
                            padding-top: 0;
                            float: right;
                        }
                    }

.tx-bm-contactbox .col div {
    position: relative;
}

                    @media only screen and (max-width: 480px) {
                        .tx-bm-contactbox .col > div{
                            float: none!important;
                            width: 100%!important;
                        }
                    }

.tx-bm-contactbox h5 {
    margin-bottom: 10px;
    margin-top: 0;
}
                    @media only screen and (max-width : 1000px) {
                        .tx-bm-contactbox h5 {
                            font-size: 15px;
                            -webkit-transition: font-size 1s;
                            -moz-transition: font-size 1s;
                            -ms-transition: font-size 1s;
                            -o-transition: font-size 1s;
                            transition: font-size 1s;
                        }
                    }
                    @media only screen and (max-width : 767px) {
                        .tx-bm-contactbox .phone,
                        .tx-bm-contactbox .email,
                        .tx-bm-contactbox .company,
                        .tx-bm-contactbox .message{
                            width: 46%;
                            float: left;
                        }

                        .tx-bm-contactbox .email,
                        .tx-bm-contactbox .message   {
                            float: right;
                        }
                    }

.thankyou {
  /*display: none;*/
  position: fixed;
  width: 20%;
  top: 43%;
  left: 40%;
  padding: 40px 3% 40px 3%;
  border: 1px solid #C2C2C2;


  box-shadow:  0 0 10px #999;
  -webkit-box-shadow:  0 0 10px #999;
  -moz-box-shadow:  0 0 10px #999;

  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;

  background-color: #fff;
}

                    @media only screen and (max-width : 530px) {
                        .thankyou {
                            width: 80%;
                            left: 10%;
                        }
                    }

.thankyou strong {
    display: block;
    margin-bottom: 15px;
    font-size: 24px;
    line-height: 26px;
}

.thankyou .close {
  display: block;
  background-image: url(../images/icon-close-contact.gif);
  background-repeat: no-repeat;
  width: 20px;
  height: 21px;
  position: absolute;
  top: 10px;
  right: 10px;
}

/* form */

.tx-bm-contactbox form .col > div label.error, .f3-form-error {
    background: #a93396;
}

.tx-bm-contactbox form label {
    display: block;
    font-size: 14px;
    font-weight: bold;
}

.tx-bm-contactbox form label.error {
    color: #fff;
    font-size: 12px;
    font-weight: normal;
    position: absolute;
    top: 25px;
    left: 8px;
}

.tx-bm-contactbox form input,
.tx-bm-contactbox form textarea {
    display: block;
    width: 100%;
    height: 50px;
    font-family: arial, sans-serif;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.tx-bm-contactbox form textarea,
.tx-bm-contactbox form input[type="text"] {
    height: 29px;
    line-height: 32px;
    color: #fff;
    font-family: arial, sans-serif;
    background-color: #3E4C57;
    border: none;
    padding: 0px 8px;
    margin-bottom: 10px;

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;

    -webkit-box-shadow: inset 2px 2px 3px black;
    -moz-box-shadow: inset 2px 2px 3px black;
    box-shadow: inset 2px 2px 3px black;
}

.tx-bm-contactbox form textarea {
    padding-right: 0;
    resize:none;
}

.tx-bm-contactbox form input[type="text"].error,
.tx-bm-contactbox form textarea.error {
    background-color: #a93396;
}
.tx-bm-contactbox form input[type="text"].error:focus,
.tx-bm-contactbox form input[type="text"].error:active {
    background-color: #3E4C57;
}
.tx-bm-contactbox form input.error::-webkit-input-placeholder {
    color: transparent;
}
.tx-bm-contactbox form input.error:-moz-placeholder {
    color: transparent;
}
.tx-bm-contactbox form input.error::-moz-placeholder {
    color: transparent;
}
.tx-bm-contactbox form input.error:-ms-input-placeholder {
    color: transparent;
}

.tx-bm-contactbox form textarea {
    height: 85px;
    line-height: 14px;
    padding-top: 5px;
}

.tx-bm-contactbox form input[type="submit"] {
    height: 33px;
    line-height: 35px;
    color: #fff;
    font-size: 12px;
    text-decoration: none;
    padding: 0 15px 0 20px;
    background-image: url(../images/button.png);
    background-repeat: no-repeat;
    background-position: left top;
    border: none;

    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.tx-bm-contactbox input::-webkit-input-placeholder {
    color: #fff;
    font-size: 13px;
    line-height: 32px;
    font-weight: normal;
}
.tx-bm-contactbox input:-moz-placeholder {
    color: #fff;
    line-height: 32px;
    font-size: 13px;
    font-weight: normal;
}
.tx-bm-contactbox input::-moz-placeholder {
    color: #fff;
    font-size: 13px;
    line-height: 32px;
    font-weight: normal;
}
.tx-bm-contactbox input:-ms-input-placeholder {
    color: #fff;
    font-size: 13px;
    line-height: 32px;
    font-weight: normal;
}
.tx-bm-contactbox .firstname ,
.tx-bm-contactbox .lastname  {
    width: 46%;
    float: left;
}

.tx-bm-contactbox .lastname  {
    float: right;
}

.tx-bm-contactbox .phone {
    clear: left;
}

/*------------------------------------*\
    $icons
\*------------------------------------*/
.hotline,
.e-mail {
    display: block;
    text-decoration: none;
    font-weight: bold;
    font-size: 16px;
    line-height: 16px;
    padding: 7px 0 7px 35px;
    background-image: url(../images/icon-phone.gif);
    background-repeat: no-repeat;
    background-position: left center;
    margin-top: 5px;
}
.e-mail {
    background-image: url(../images/icon-mail.gif);

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

                        .hotline,
                        .e-mail {
                            font-size: 12px;
                            -webkit-transition: font-size 0.5s;
                            -moz-transition: font-size 0.5s;
                            -ms-transition: font-size 0.5s;
                            -o-transition: font-size 0.5s;
                            transition: font-size 0.5s;
                        }
                    }
                    @media only screen and (max-width : 800px) {
                        .hotline,
                        .e-mail {
                            margin-top: 1px;
                        }
                    }

/*------------------------------------*\
    $button
\*------------------------------------*/
.button {
    display: inline-block;
    width: auto;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    color: #fff;
    font-size: 12px;
    text-transform: uppercase;
    text-decoration: none;
    padding: 7px 15px 7px 20px;
    background-image: url(../images/button.png);
    background-repeat: no-repeat;
    background-position: left top;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.button-back {
    float: left;
    display: inline-block;
    width: auto;
    height: 24px;
    line-height: 24px;

    color: #fff;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    padding: 0 15px 0 20px;    
    background-image: url(../images/button-back.png);
    background-repeat: no-repeat;
    background-position: left top;
    margin-right: 5px;
    margin-bottom: 5px;

    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;

    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

/*------------------------------------*\
    $tab
\*------------------------------------*/
.tab {
    display: block;
    height: 24px;
    line-height: 24px;
    color: #fff;
    font-size: 11px;
    text-decoration: none;
    font-weight: bold;
    padding: 0 15px 0;

    background-color: #99A8C1;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#99A8C1), to(#8B9AA8));
    background-image: -webkit-linear-gradient(#99A8C1, #8B9AA8);
    background-image: -moz-linear-gradient(#99A8C1, #8B9AA8);
    background-image: -o-linear-gradient(#99A8C1, #8B9AA8);
    background-image: -ms-linear-gradient(#99A8C1, #8B9AA8);
    background-image: linear-gradient(#99A8C1, #8B9AA8);
    *background-color: #99A8C1;

    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.tab.active {
    background-color: #0066CC;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#0066CC), to(#005BB9));
    background-image: -webkit-linear-gradient(#0066CC, #005BB9);
    background-image: -moz-linear-gradient(#0066CC, #005BB9);
    background-image: -o-linear-gradient(#0066CC, #005BB9);
    background-image: -ms-linear-gradient(#0066CC, #005BB9);
    background-image: linear-gradient(#0066CC, #005BB9);
    *background-color: #0066CC;
}

.tab.special , .tab.category-type-2 {
    background-color: #616F7B;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#616F7B), to(#3E4C57));
    background-image: -webkit-linear-gradient(#616F7B, #3E4C57);
    background-image: -moz-linear-gradient(#616F7B, #3E4C57);
    background-image: -o-linear-gradient(#616F7B, #3E4C57);
    background-image: -ms-linear-gradient(#616F7B, #3E4C57);
    background-image: linear-gradient(#616F7B, #3E4C57);
    *background-color: #616F7B;
}

/*------------------------------------*\
    $related-links
\*------------------------------------*/
.related-links {
    font-size: 16px;
    line-height: 25px;
    font-weight: bold;
    margin-top: 25px;
    overflow: hidden;
}

.related-links .active-page {
    float: left;
    margin-right: 5px;
    margin-bottom: 5px;
}

.related-links nav {
    float: left;
    width: 70%;
    overflow: hidden;
}
                    @media only screen and (max-width : 930px) {
                        .related-links nav {
                            width: 100%;
                        }
                    }
                    @media only screen and (max-width : 767px) {
                        .related-links nav {
                            clear: left;
                            float: none;
                            width: 100%;
                            margin-top: 10px;
                        }
                    }

.related-links span {
    float: left;
    margin-right: 5px;
}

.related-links nav ul {
    float: left;
    width: 80%;
}
                    @media only screen and (max-width : 350px) {
                        .related-links nav ul {
                            width: 100%;
                        }
                    }

.related-links nav li {
    list-style: none;
    float: left;
    margin: 0;
    margin-right: 5px;
    margin-bottom: 5px;
}

/*------------------------------------*\
    $fce
\*------------------------------------*/
.text-with-icon {
    overflow: hidden;
}

.text-with-icon .icon {
    width: 4%;
    float: left;
}

.text-with-icon .bodytext{
    width: 96%;
    float: right;
}

                    @media only screen and (max-width: 790px) {
                        .text-with-icon .bodytext {
                            width: 95%;
                        }
                    }

.text-with-icon .bodytext span{
    color: #0066CC;
    font-weight: bold;
}

.fce-33-66 {
    overflow: hidden;
}

.fce-33-66 .col-33 {
    width: 33%;
    float: left;
    padding-bottom: 45px;
}

                    @media  only screen and (max-width: 530px) {
                        .fce-33-66 .col-33  {
                           padding-bottom: 15px;
                        }
                    }

.fce-33-66 .col-66 {
    width: 63%;
    float: right;
    padding-bottom: 45px;
    position: relative;
    z-index: 99;
}

                    @media only screen and (max-width: 767px) {
                        .fce-33-66 .col-33,
                        .fce-33-66 .col-66 {
                            width: 100%;
                            float: none;
                        }
                    }

                    @media  only screen and (max-width: 530px) {
                        .fce-33-66 .col-66  {
                           padding-bottom: 15px;
                        }
                    }


.fce-50 {
    overflow: hidden;
}

.fce-50 .col-50 {
    width: 49%;
    margin-bottom: 45px;
    float: left;
}
                    @media  only screen and (max-width: 530px) {
                        .fce-50 .col-50 {
                            width: 100%;
                            float: none;
                           margin-bottom: 15px;
      }
                    }

.fce-50 .col-50.right {
    float: right;
}

.box-blue {
    display: block;
    padding: 17px 23px;
    font-size: 32px;
    line-height: 34px;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    background-color: #0066CC;
    background-image:-moz-linear-gradient(rgb(0,91,185) 0%,rgb(0,125,255) 100%); 
    background-image:-webkit-gradient(linear,color-stop(0, rgb(0,91,185)),color-stop(1, rgb(0,125,255)));
    background-image:-webkit-linear-gradient(rgb(0,91,185) 0%,rgb(0,125,255) 100%);
    background-image:-o-linear-gradient(rgb(0,91,185) 0%,rgb(0,125,255) 100%);
    background-image:-ms-linear-gradient(rgb(0,91,185) 0%,rgb(0,125,255) 100%);
    background-image:linear-gradient(rgb(0,91,185) 0%,rgb(0,125,255) 100%);   
    *background-color: #0066CC;
    overflow: hidden;
}

.box-blue span.title {
    display: block;
    margin-bottom: 50px;
    letter-spacing: -1pt;
}
                    @media only screen and (max-width: 767px) {
                        .box-blue span.title {
                 line-height: 28px;
                            font-size: 26px;
                            -webkit-transition: font-size 1s;
                            -moz-transition: font-size 1s;
                            -ms-transition: font-size 1s;
                            -o-transition: font-size 1s;
                            transition: font-size 1s;
                        }
                    }
.box-blue span.morelink {
    letter-spacing: -1pt;
    display: block;
    width: 210px;
    font-size: 18px;
    line-height: 18px;
    background-image: url(../images/arrow-left.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 35px;
    font-weight: normal;
}
                    @media  only screen and (max-width: 530px) {
                        .box-blue span.morelink {
                            float: right;
                            text-align: right;
                            background-image: url(../images/arrow-right.png);
                            background-position: right center;
                            padding-right: 35px;
                            padding-left: 0;
                        }
                    }

.box-blue.right {
    text-align: right;
}
                    @media  only screen and (max-width: 530px) {
                        .box-blue.right{
                            text-align: left;
                        }
                    }

.box-blue.right span.morelink {
    float: right;
    text-align: right;
    background-image: url(../images/arrow-right.png);
    background-position: right center;
    padding-right: 35px;
}

.box-grey {
    border: 1px solid #E4E6EB;
    padding: 20px 23px;
    background-color: #fbfbfb;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#e4e6eb), to(#fbfbfb));
    background-image: -webkit-linear-gradient(#e4e6eb, #fbfbfb);
    background-image: -moz-linear-gradient(#e4e6eb, #fbfbfb);
    background-image: -o-linear-gradient(#e4e6eb, #fbfbfb);
    background-image: -ms-linear-gradient(#e4e6eb, #fbfbfb);
    background-image: linear-gradient(#e4e6eb, #fbfbfb);
}

.box-grey h2 {
    font-size: 28px;
    display: inline;
}

.box-shadow-inset {
    min-height: 128px;
    border: 1px solid #c9c9c9;
    padding: 15px 23px 5px;
    box-shadow: inset 0 0 10px #999999 ;
    -webkit-box-shadow: inset 0 0 10px #999999;
    -moz-box-shadow:inset 0 0 10px #999999;

    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.box-shadow-inset h5{
    margin-top: 0;
    font-size: 15px;
    line-height: 15px;
    letter-spacing: 0;
}

.box-shadow-inset h2 {
    margin-bottom: 15px;
}

.box-shadow-inset p{
    font-size: 16px;
    margin: 0;
}

/*------------------------------------*\
    $registration
\*------------------------------------*/
.registration {
    padding: 20px 23px;
    margin-top: 45px;
    border-radius: 6px;
    background-color: #0066CC;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;

    box-shadow: inset 0 0 10px #29333a ;
    -webkit-box-shadow: inset 0  0 10px #29333a;
    -moz-box-shadow:inset 0 0 10px #29333a ;

    position: relative;
    z-index: 10;
}

                                 @media  only screen and (max-width: 530px) {
                                        .registration {
                                                margin-top: 10px;
                                        }
                                 }

.registration form  {
    position: relative;
}

.registration > p {
    color: #fff;
    font-size: 18px;
    line-height: 20px;
}

.registration label {
    display: none;
}

.registration .registration-field {
  display: inline;
  position: relative;
}

.registration input[type="text"],
.registration input[type="email"] {
    height: 26px;
    width: 160px;
    border: none;
    font-size: 12px;
    font-family: arial, sans-serif;
    padding: 0 11px;
    line-height: 26px;

    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;

    box-shadow: inset 0 0 10px #999 ;
    -webkit-box-shadow: inset 0  0 10px #999;
    -moz-box-shadow:inset 0 0 10px #999 ;

    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.registration input[type="text"].error,
.registration input[type="email"].error {
    background-color: #a93396;

    color: #fff;
    -webkit-box-shadow: inset 2px 2px 3px black;
    -moz-box-shadow: inset 2px 2px 3px black;
    box-shadow: inset 2px 2px 3px black;
}

.registration input.error::-webkit-input-placeholder {
    color: transparent;
}
.registration input.error:-moz-placeholder {
    color: transparent;
}
.registration input.error::-moz-placeholder {
    color: transparent;
}
.registration input.error:-ms-input-placeholder {
    color: transparent;
}

.registration label.error {
    color: #fff;
    background-color: #a93396;
    font-size: 12px;
    font-weight: normal;
    position: absolute;
    top: 1px;
    left: 8px;
}


.registration input[type="submit"] {
    height: 29px;
    line-height: 32px;
    font-family: arial, sans-serif;
    color: #fff;
    font-size: 12px;
    text-decoration: none;
    padding: 0 15px 0 20px;
    background-color: transparent;
    background-image: url(../images/button-registration.png);
    background-repeat: no-repeat;
    background-position: left top;
    border: none;
    border: 1px solid #007dfe;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
  
    box-shadow: 0 0 1px #00008C ;
    -webkit-box-shadow: 0  0 1px #00008C;
    -moz-box-shadow:0 0 1px #00008C;

    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.registration input::-webkit-input-placeholder {
    color: #3E4C57;
    font-size: 12px;
    font-family: arial, sans-serif;
    font-weight: normal;
}

.registration input:-moz-placeholder {
    color: #3E4C57;
    font-size: 12px;
    font-family: arial, sans-serif;
    font-weight: normal;
}

.registration input::-moz-placeholder {
    color: #3E4C57;
    font-family: arial, sans-serif;
    font-size: 12px;
    font-weight: normal;
}

.registration input:-ms-input-placeholder {
    color: #3E4C57;
    font-family: arial, sans-serif;
    font-size: 12px;
    font-weight: normal;
}

.registration-information {
    padding: 20px 23px;
    margin-bottom: 45px;

    background-color: #ebedf0;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ebedf0), to(#ffffff));
    background-image: -webkit-linear-gradient(#ebedf0, #ffffff);
    background-image: -moz-linear-gradient(#ebedf0, #ffffff);
    background-image: -o-linear-gradient(#ebedf0, #ffffff);
    background-image: -ms-linear-gradient(#ebedf0, #ffffff);
    background-image: linear-gradient(#ebedf0, #ffffff);

    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;

    box-shadow: inset 0 0 10px #999 ;
    -webkit-box-shadow: inset 0  0 10px #999;
    -moz-box-shadow:inset 0 0 10px #999 ;

    position: relative;
    top: -10px;
}

         @media  only screen and (max-width: 530px) {
          .registration-information {
            margin-bottom: 10px;
          }
         }

.registration-information h2 {
    font-size: 36px;
    line-height: 38px;
}

.registration-information div {
    margin-bottom: 10px;
    font-size: 13px;
}
         @media  only screen and (max-width: 530px) {
            .registration-information div {
               font-size: 11px;
            }
         }


.registration-information .identify {
    color: #0066CC;
    font-weight: bold;
    background-image: url(../images/icon-number-1.png);
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 35px;
    padding: 5px 5px 5px 35px;
}

.registration-information .assess {
    color: #0066CC;
    font-weight: bold;
    background-image: url(../images/icon-number-2.png);
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 35px;
    padding: 5px 5px 5px 35px;
}

.registration-information .justify {
    color: #0066CC;
    font-weight: bold;
    background-image: url(../images/icon-number-3.png);
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 35px;
    padding: 5px 5px 5px 35px;
}

.registration-information .implement  {
    color: #0066CC;
    font-weight: bold;
    background-image: url(../images/icon-number-4.png);
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 35px;
    padding: 5px 5px 5px 35px;
}

.registration-information .locked,
.registration-information a{
    font-weight: bold;
    color: #3E4C57;
}

.registration-information .locked-note {
    padding: 2px 5px ;
    font-size: 9px;
    text-transform: uppercase;
    color: #fff;
    background-color: #616F7B;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#616F7B), to(#3E4C57));
    background-image: -webkit-linear-gradient(#616F7B, #3E4C57);
    background-image: -moz-linear-gradient(#616F7B, #3E4C57);
    background-image: -o-linear-gradient(#616F7B, #3E4C57);
    background-image: -ms-linear-gradient(#616F7B, #3E4C57);
    background-image: linear-gradient(#616F7B, #3E4C57);
    *background-color: #616F7B;

    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    margin-left: 10px;
}

.registration-information p {
    display: block;
    padding-left: 35px;
    margin-bottom: 0;
}

.registration-information.type-2 p {
    padding-left: 0;
    margin-bottom: 10px;    
}
/*------------------------------------*\
    $km_opportunities
\*------------------------------------*/
.tx-km-opportunities .filter {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 40px;
    overflow: hidden;
    padding: 0 0 5px 0;
}

                @media only screen and (max-width : 530px) {
                        .tx-km-opportunities .filter {
                                margin-bottom: 15px;
                        }
                }

.tx-km-opportunities .filter ul li{
    float: left;
    margin: 0;
    margin-right: 5px;
    margin-top: 5px;
    list-style: none;
}

.tx-km-opportunities .filter ul li:hover {
    cursor: pointer;
}

.tx-km-opportunities .filter > p {
    margin-bottom: 5px;
}

.tx-km-opportunities .filter span {
    margin-right: 5px;
}

.tx-km-opportunities .result {
    clear: both;
    overflow: hidden;
    margin-bottom: 40px;
}
                @media only screen and (max-width : 530px) {
      .tx-km-opportunities .result {
        margin-bottom: 15px;
      }
    }

.tx-km-opportunities .opportunity {
    width: 24%;
    width: 210px;
    float: left;
    height: 100px;
    display: block;
    font-size:28px;
    font-weight:bold;
    -webkit-text-size-adjust: none;   
    letter-spacing:-1pt;
    line-height:27px;    
    color: #fff;
    text-decoration: none;
    background-color: #0066CC;
    background-image: url(../images/arrow-white-big.png);
    background-repeat: no-repeat;
    background-position: 95% 70px ;
    margin-right: 1%;
    margin-bottom: 1%;
    position: relative;
}
                @media only screen and (max-width : 970px) {
                    .tx-km-opportunities .opportunity {
                        width: 24%;
                        font-size: 18px;
                        -webkit-transition: font-size 1s;
                        -moz-transition: font-size 1s;
                        -ms-transition: font-size 1s;
                        -o-transition: font-size 1s;
                        transition: font-size 1s;
                    }
                }

                @media only screen and (max-width: 630px) {
                    .tx-km-opportunities .opportunity {
                        width: 49%;
                    }
                }

                @media only screen and (max-width: 410px) {
                    .tx-km-opportunities .opportunity {
                        width: 98%;
                    }
                }


.tx-km-opportunities .opportunity.cat-business {
  background-color: #616F7B;
  background-image: url(../images/arrow-white-big.png), -webkit-gradient(linear, left top, left bottom, from(#616F7B), to(#3E4C57));
  background-image: url(../images/arrow-white-big.png), -webkit-linear-gradient(#616F7B, #3E4C57);
  background-image: url(../images/arrow-white-big.png), -moz-linear-gradient(#616F7B, #3E4C57);
  background-image: url(../images/arrow-white-big.png), -o-linear-gradient(#616F7B, #3E4C57);
  background-image: url(../images/arrow-white-big.png), -ms-linear-gradient(#616F7B, #3E4C57);
  background-image: url(../images/arrow-white-big.png), linear-gradient(#616F7B, #3E4C57);
  *background-color: #616F7B;
}

.tx-km-opportunities .opportunity.mix_all {
  display:none;
  opacity:0;
}                

.tx-km-opportunities .opportunity span {
    display: block;
    padding: 10px 50px 7px 10px ;
    position: absolute;
    bottom: 0px;
}

.tx-km-opportunities .business-contact-title {
  color: #0066CC;
  font-weight: bold;
}



/*------------------------------------*\
    $slider
\*------------------------------------*/

.flexslider {
    display: none;
    margin-bottom: 20px;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;

    border: 0!important;

    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

.slides {
    height: 402px;
    width: 100%;
    max-width: 884px;
    background-repeat: no-repeat;
    background-position: center top;
    position: relative;
}

                    @media only screen and (max-width: 600px) {
                        .slides {
                            width: 100%;
                            background-image: none!important;
                            background-color: #0066CC;
                            height: 200px;
                        }
                    }

.slider-text {
    width: 400px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.8);
    font-size: 30px;
    line-height: 30px;
    font-weight: bold;
    padding: 10px 20px;

    position: absolute;
    left: 50px;
    top: 100px;
}

                    @media only screen and (max-width : 600px) {
                        .slider-text  {
                            color: #fff;
                            width: 80%;
                            position: static;
                            background: transparent;
                            padding-top: 20px;
                        }
                    }

.slider-text h2 {
    font-size:32px;
    font-weight:bold;
    letter-spacing:-1pt;
    text-transform: uppercase;
    line-height: 34px;
}
                    @media only screen and (max-width : 600px) {
                        .slider-text h2 {
                            color: #fff;        
                            font-size: 0.8em;
                            line-height: 1.1em;
      }
                    }

.slider-text p {
    font-size: 18px;
    line-height: 1;
    margin: 0;
}
                    @media only screen and (max-width : 600px) {
                        .slider-text p {
                            font-size: 0.5em;        
                        }
                    }

                    @media only screen and (max-width : 600px) {
                        .slider-text a {
                            color: #fff;
          text-decoration: underline;
                        }
                    }

.flex-control-nav {
    position: static;
}

.flex-control-nav li {
    margin: 0;
}

.flex-direction-nav li {
    display: none;
    list-style-image: none;
}

.flex-control-paging li a {
    display: block;
    width: 33px;
    height: 42px;
    background-color: transparent;
    background-image: url(../images/icon-slide.png);
    background-repeat: no-repeat;
    background-position: center center;

    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;

    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

.flex-control-paging li a:hover {
    background-image: url(../images/icon-slide.png);
    background-repeat: no-repeat;
    background-color: transparent;
   background-position: center center;
}

.flex-control-paging li a.flex-active {
    background-image: url(../images/icon-slide-active.png);    
    background-repeat: no-repeat;
    background-color: transparent;
   background-position: center center;
}

/*------------------------------------*\
    $vimeo
\*------------------------------------*/
iframe {
    width: 100%;
    margin-bottom: 13px;
}

                    @media only screen and (max-width : 830px) {
                       iframe {
                            height: 322px;
                        }
                    }
                    @media only screen and (max-width : 570px) {
                       iframe {
                            height: 236px;
                        }
                    } 
                    @media only screen and (max-width : 350px) {
                       iframe {
                            height: 135px;
                        }
                    }
/*------------------------------------*\
    $print
\*------------------------------------*/
@media  print {



body {
  width: 100%;
  font-family: arial, sans-serif;
  color: #000000!important;
  text-align: left;
}

.menu, 
.contact,
footer p.meta,
footer p.social-channel,
.flex-control-nav,
.related-links, 
.vimeo-video, 
.box-blue span.morelink,
.tx-km-opportunities .filter {
  display: none;
}

.slide-element {
  -webkit-transform: none!important;
  transform: none!important;
  -moz-transform: none!important;
  border-bottom: 1px solid #000;
}

.slide-element > div.clone {
  display: none!important;
}

.slide-element > div {
  float: none!important;
  width: 100%!important;
}

.slides {
  height: auto;
  margin-bottom: 30px;
  background-image: none!important;
}

.slider-text {
  position: static;
  padding: 0;
  width: 15cm;
}

.fce-50 .col-50 {
  float: none;
  width: 100%;
  margin-bottom: 10px;
}

.fce-33-66 .col-66,
.fce-33-66 .col-33 {
  float: none;
  width: 100%;
  padding-bottom: 10px;
}

.e-mail {
  padding-left: 0;
  background-image: none;
}

.e-mail:after {
  content:" (" attr(href) ") ";
  font-size:0.8em;
  font-weight:normal;
}

.box-blue {
  font-size: 24px;
  text-align: left!important;
  color: #000000!important;
  background: transparent;
  padding: 0;
}

.box-blue span.title {
  margin-bottom: 10px;
}

.box-shadow-inset {
  page-break-inside:avoid;
}

.tx-km-opportunities .opportunity {
  width: 100%;
  height: auto;
  background-color: #fff;
  background-image: none;
  margin-bottom: 30px;
  float: none;
  color: #000;
}

.tx-km-opportunities .opportunity:after {
  content:" (" attr(href) ") ";
  font-size:0.8em;
  font-weight:normal;
}

.tx-km-opportunities .opportunity span {
  position: static;
  padding: 0;
}

}