@charset "UTF-8";
/*========================
===== RESET
==========================*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    float: none;
    clear: both;
}

a:focus {
    outline: none;
}

ul {
    list-style: none;
}

iframe[name=google_conversion_frame] {
    display: none;
}

/*========================
===== GLOBAL
==========================*/

body {
    font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 0.813em;
    background: #fff;
    padding-top: 65px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

h1, h2, h3, h4, h5 {
    font-weight: normal;
}

#iisitemenu ul li.backbtn a,
#iicolleft ul li a,
button,
.downloadbutton,
.select-skinned ul li {
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.sectionwrpr,
#contact .map,
#monitorfinder,
form.contactform input.longinput,
#reslist li {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}


/*========================
===== LANGUAGE EXPANDER
==========================*/

#explng {
    background-color: #313435;
    color: #fff;
    padding-top: 50px;
    padding-bottom: 40px;
    position: relative;
    font-family: "Roboto Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
    display: none;
}

#explng .explngList {
    overflow: hidden;
    text-align: left;
}

#explng .explngList ul {
    padding: 0;
    list-style: none;
}

#explng .explngList a {
    display: block;
    position: relative;
    padding-left: 40px;
    color: #8b959b;
    text-decoration: none;
    margin-bottom: 12px;
    line-height: 26px;
    background-repeat: no-repeat;
}

#explng .explngList a.BE:before {	background-image: url('../images/flags/be.svg'); }
#explng .explngList a.BY:before {	background-image: url('../images/flags/by.svg'); }
#explng .explngList a.CZ:before {	background-image: url('../images/flags/cz.svg'); }
#explng .explngList a.DE:before {	background-image: url('../images/flags/de.svg'); }
#explng .explngList a.FR:before {	background-image: url('../images/flags/fr.svg'); }
#explng .explngList a.GB:before {	background-image: url('../images/flags/gb.svg'); }
#explng .explngList a.GL:before {	background-image: url('../images/flags/en.svg'); }
#explng .explngList a.jp:before {	background-image: url('../images/flags/jp.svg'); }
#explng .explngList a.NL:before {	background-image: url('../images/flags/nl.svg'); }
#explng .explngList a.PL:before {	background-image: url('../images/flags/pl.svg'); }
#explng .explngList a.RU:before {	background-image: url('../images/flags/ru.svg'); }
#explng .explngList a.UA:before {	background-image: url('../images/flags/ua.svg'); }
#explng .explngList a.US:before {	background-image: url('../images/flags/us.svg'); }
#explng .explngList a.IT:before {	background-image: url('../images/flags/it.svg'); }

#explng .explngList a:before {
    content: '';
    position: absolute;
    width: 24px;
    height: 24px;
    top: 0;
    left: 0;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
}

#explng .explngList a:hover,
#explng .explngList ul li.selected a {
    color: #30b7f1;
}


#explng a.explngClose {
    display: block;
    width: 33px;
    height: 33px;
    padding: 0;
    margin: 0;
    position: absolute;
    top: 0;
    right: 5px;
    z-index: 99999;
    background-color: rgba(0,0,0,.3);
}

#explng a.explngClose span {
    text-indent: -9999px;
    display: block;
    width: 33px;
    height: 33px;
    background: url('../images/site/explngClose_bg.png') no-repeat center;
    opacity:0.45;
    filter:alpha(opacity=45);
}

#explng a.explngClose:hover span {
    opacity:1;
    filter:alpha(opacity=100);
}

@media (max-width: 499px) {
    #explng .explngList li.col-xs-6 {
        width: 100% !important;
        text-align: center;
    }

    #explng .explngList li a {
        display: inline-block;
        margin-bottom: 20px;
    }
}

/*========================
===== MENU
==========================*/

.navbar-brand {
    margin-right: 12px;
}

#explng, #navbar {
    font-size: 1.05em;
}

#mainmenu > li > a {
    text-transform: uppercase;
    color: #fff;
}

#mainmenu > li.active > a,
#mainmenu > li > a:focus,
#mainmenu > li > a:hover {
    color: #2fb7f3;
}

.nav>li>a.explngOpen {
    text-transform: uppercase;
    padding-left: 35px;
    position: relative;
}

.explngOpen:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 5px;
    width: 25px;
    background: url(../images/icon-globe-white.png) center center no-repeat;
}

@media screen and (min-width: 768px) and (max-width:991px) {
    .nav>li>a.explngOpen {
        font-size: 0;
    }
}

.nav>li>a.btn-search {
    width: 44px;
    height: 44px;
    padding: 0;
    text-indent: -9999px;
    border: 1px solid #2b9bca;
    background: url(../images/icon-search.png) center center no-repeat;
}

.nav>li>a.btn-search:hover {
    background-color: #30b7f1;
    border: 1px solid #30b7f1;
}

#searchform {
    position: relative;
    padding-top: 8px;
}

.search-slider {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
}

.search-slider input {
    position: absolute;
    border: none;
    background-color: #30b7f1;
    color: #fff;
    top: 8px;
    bottom: 0;
    right: 0;
    height: 44px;
    width: 0;
    line-height: 14px;
    padding: 15px 0 15px 0;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.search-slider.show input {
    width: 380px;
    padding: 15px 88px 15px 15px;
}

.search-slider input:focus {
    outline: none;
    border: none;
}

.search-slider.show input::-webkit-input-placeholder { color: rgba(255,255,255,1); }
.search-slider.show input::-moz-placeholder { rgba(255,255,255,1); }
.search-slider.show input:-ms-input-placeholder { rgba(255,255,255,1); }

.search-slider .btn-close,
.search-slider input[type="submit"] {
    width: 0;
    position: absolute;
    padding: 0;
    right: 0;
    height: 44px;
    display: block;
    top: 8px;
    font-size: 0;
    text-indent: -9999px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.search-slider .btn-close {
    background: #fff url(../images/icon-close-blue.png) center center no-repeat;
    right: 0;
    cursor: pointer;
}

.search-slider input[type="submit"] {
    background: url(../images/icon-search.png) center center no-repeat;
    cursor: pointer;
}

.search-slider.show .btn-close {
    width: 44px;
}

.search-slider.show input[type="submit"] {
    width: 44px;
    right: 44px;
}

@media screen and (min-width: 992px) {

    .nav>li>a.explngOpen {
        right: 260px;
    }

    .nav>li>a.btn-search {
        width: 44px;
        height: 44px;
        padding: 0;
        text-indent: -9999px;
        border: 1px solid #2b9bca;
        background: url(../images/icon-search.png) center center no-repeat;
    }

    .search-slider input,
    .search-slider.show input{
        width: 300px;
        padding: 15px 44px 15px 15px;
    }

    .search-slider input::-webkit-input-placeholder { color: rgba(255,255,255,1); }
    .search-slider input::-moz-placeholder { rgba(255,255,255,1); }
    .search-slider input:-ms-input-placeholder { rgba(255,255,255,1); }

    .search-slider .btn-close,
    .search-slider.show .btn-close {
        display: none;
    }

    .search-slider input[type="submit"],
    .search-slider.show input[type="submit"] {
        width: 44px;
        right: 0;
    }
}


/* DROPDOWN */
#mainmenu .dropdown-menu h5 {
    color: #2fb7f3;
    text-transform: uppercase;
    margin-bottom: 10px;
}

#mainmenu .dropdown-menu h6 {
    font-size: 1em;
    text-transform: uppercase;
    text-align: left;
    padding-bottom: 10px;
    border-bottom: 1px solid #555;
}

#mainmenu .dropdown-menu h6 a {
    display: inline-block;
}

#mainmenu .dropdown-menu h6 a.close {
    width: 20px;
    height: 20px;
    float: right;
    margin-right: 10px;
    background-color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: 1;
    background: rgba(0,0,0,.3) url('../images/site/explngClose_bg.png') no-repeat center;
    font-size: 0;
}

#mainmenu .dropdown-menu h6 a.close:hover {
    background-color: #2fb7f3;
}

#mainmenu ul.dropdown-menu, #mainmenu .dropdown-menu ul {
    list-style: none;
    padding-bottom: 5px;
}

.yamm-fw ul.dropdown-menu {
    padding: 0;
}

#mainmenu ul.dropdown-menu > li, #mainmenu .dropdown-menu ul li {
    margin-bottom: 5px;
}

#mainmenu ul.dropdown-menu>li>a, #mainmenu .dropdown-menu ul a {
    color: #ccc;
}

#mainmenu ul.dropdown-menu>li>a:hover, #mainmenu .dropdown-menu ul a:hover {
    color: #fff;
    text-decoration: none;
}

#mainmenu .dropdown ul {
    font-size: inherit;
    text-shadow: none;
    font-weight: normal;
    line-height: 1.4em;
}

.yamm-content .yamm-column {
    padding: 0 15px;
    margin-bottom: 24px;
}

.yamm-content .yamm-column > ul > li > ul {
    padding-left: 20px;
    margin-bottom: 15px;
}

.yamm-content .yamm-column > ul > li > ul > li {
    font-size: .9em;
}

@media screen and (min-width: 768px) {
    .nav>li>a.search-btn {
        margin-left: 100px;
    }
}

@media screen and (min-width: 992px) {
    .nav>li>a.search-btn {
        margin-left: 150px;
    }
}

@media screen and (max-width: 767px) {
    .nav>li>a.explngOpen {
        padding-left: 55px;
    }

    .explngOpen:before {
        left: 20px;
    }

    #searchform {
        padding: 20px;
    }

    .nav>li>a.btn-search {
        width: 100%;
    }

    .search-slider {
        position: absolute;
        top: 12px;
        right: 20px;
    }

    .search-slider.show {
        left: 20px;
    }

    .search-slider.show input {
        width: 100%;
        padding-right: 59px;
    }

    .search-slider input[type="submit"] {
        display: none;
    }
}


/*========================
===== SEARCHRESULTS
==========================*/

#searchresults {
    background-color: rgba(22,22,22,.8);
    display: none;
    font-size:90%;
    padding: 10px;
    position:absolute;
    right:0;
    top:65px;
    z-index:300;
    width: 540px;
}

#searchloading {	background: #000 url('/img/preloaders/iidarkdots.gif') no-repeat scroll center center transparent;
    height:13px;
    margin:auto;
    position:absolute;
    right:0;
    top:65px;
    width: 540px;
    z-index:299;
    display: none;
}

#searchclose {
    display:block;
    height:22px;
    width:22px;
    position: absolute;
    top: 0;
    right: 0;
    background-color: #fff;
}

#searchclose:after {
    content: '';
    display: block;
    background: url(/_2015/images/icon-close-blue.png) center center no-repeat;
    -webkit-background-size: contain!important;
    background-size: contain!important;
    display:block;
    height: 14px;
    width: 14px;
    position: absolute;
    top: 4px;
    right: 4px;
}

#searchresults ul {
    list-style: none;
    margin: 10px 0;
    padding: 0;
    width: 100%;
}

#searchresults ul:after {
    content: '';
    display: table;
    clear: both;
}

#searchresults li {
    display: block;
    padding: 0;
    margin: 8px 0 0 0;
    float: left;
    width: 50%;
}

#searchresults li a {
    display: block;
    text-decoration: none;
    color: #FAFAFA;
    font-size: 1.2em;
    text-transform: none;
    padding: 3px 10px;
}
#searchresults li a small {
    color: #30B7F1;
    font-size: 0.7em;
    text-transform: uppercase;
    margin: 0.7em 0 0;
    display: block;
}

#searchresults li a:hover small {
    color: #ddd;
}

#searchresults li a:hover {
    color: #fff;
    background-color: #30B7F1;
}

@media screen and (max-width: 768px) {
    .navbar-fixed-top {
        position: absolute;
    }

    #searchresults {
        width: auto;
        top: 20px;
        left: 6px;
        right: 6px;
    }
}

@media screen and (max-width: 540px) {
    #searchresults li {
        width: 100%;
    }
}


/* ******************************************************** Common content ******************************************************** */


#whitewrpr {
    background: #fff center center;
    padding-top: 1px;
    color: #3d474e;
    line-height: 140%;
    overflow: hidden;
}

#iibdcont {
    padding-top: 35px;
}

#iicolleft {
    /*	width: 160px;*/
    /*	position: absolute;*/
    /*	left: 50%;*/
    /*	margin-left: -470px;*/
    background: #fff;
    font-family: "Roboto Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1.077em;
}

#iicolleft .fxd {
    position: fixed;
    top: 155px;
    padding-right: 12px;
    z-index: 9;
}

#iicolleft .fxd li {
    background-color: #fff;
}

#iicolleft #iislmenu {
    font-size: 0.929em;
}

#iiscont {
    width: 100%;
    position: relative;
}

section {
    border-top: solid 1px #f4f4f4;
    padding-top: 1px;
    padding-bottom: 60px;
}

section:first-of-type {
    border-top: none;
}

section:first-of-type h1 {
    margin-top: 25px !important;
}

section .sectionwrpr {
    /*	width: 960px;*/
    /*	margin: auto;*/
    /*	padding-left: 250px;*/
}

#navcontent section .sectionwrpr {
    padding-left: 0;
}

#iileadbox {
    background: #eef0f2;
    padding: 25px 0;
}

#iileadbox.nobg {
    background: #fff;
}

/* ******************************************************** Content common styles ******************************************************** */

#iitextbox h1,
#iicolright h1 {
    margin: 40px auto;
    margin-top: 55px;
    text-align: center;
    font-family: "Roboto Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 700;
    font-size: 1.231em;
    color: #1593cc;
    text-transform: uppercase;
}

/*
#iitextbox h1:before,
#iicolright h1:before {
display: block;
margin: auto;
margin-bottom: 15px;
width: 65px;
height: 65px;
background: #f1f5f8;
border-radius: 50%;
font-family: 'iicons';
font-weight: normal;
font-size: 60px;
line-height: 48px;
text-align: center;
overflow: hidden;
}
*/

#iitextbox .icon-widget,
#iicolright .icon-widget {
    text-transform: none;
    display: block;
    margin: auto;
    margin-bottom: 15px;
    width: 65px;
    height: 65px;
    background: #f1f5f8;
    border-radius: 50%;
    font-family: 'iicons';
    font-weight: normal;
    font-size: 60px;
    line-height: 48px;
    text-align: center;
    overflow: hidden;
}

#iitextbox .level-1 h1,
#iicolright .level-1 h1 {
    color:#a9becb;
    text-align: left;
    line-height: 3.5em;
    margin:1em 0;
    font-weight: 500;
    font-size: 140%;

}

/*
#iitextbox .level-1 h1:before, #iicolright .level-1 h1:before {
background: none;
float: left;
width: auto;
height: auto;
margin-right: .2em;
text-align: left;
border-radius: 0;
font-size: 3em;

}
*/

#iitextbox .level-1 .icon-widget,
#iicolright .level-1 .icon-widget {
    background: none;
    float: left;
    width: auto;
    height: auto;
    margin-right: .2em;
    text-align: left;
    border-radius: 0;
    font-size: 3em;
}

.icon-A h1:before { content: 'A'; text-transform: uppercase; }
.icon-B h1:before { content: 'B'; text-transform: uppercase; }
.icon-C h1:before { content: 'C'; text-transform: uppercase; }
.icon-D h1:before { content: 'D'; text-transform: uppercase; }
.icon-E h1:before { content: 'E'; text-transform: uppercase; }
.icon-F h1:before { content: 'F'; text-transform: uppercase; }
.icon-G h1:before { content: 'G'; text-transform: uppercase; }
.icon-H h1:before { content: 'H'; text-transform: uppercase; }
.icon-I h1:before { content: 'I'; text-transform: uppercase; }
.icon-J h1:before { content: 'J'; text-transform: uppercase; }
.icon-K h1:before { content: 'K'; text-transform: uppercase; }
.icon-L h1:before { content: 'L'; text-transform: uppercase; }
.icon-M h1:before { content: 'M'; text-transform: uppercase; }
.icon-N h1:before { content: 'N'; text-transform: uppercase; }
.icon-O h1:before { content: 'O'; text-transform: uppercase; }
.icon-P h1:before { content: 'P'; text-transform: uppercase; }
.icon-Q h1:before { content: 'Q'; text-transform: uppercase; }
.icon-R h1:before { content: 'R'; text-transform: uppercase; }
.icon-S h1:before { content: 'S'; text-transform: uppercase; }
.icon-T h1:before { content: 'T'; text-transform: uppercase; }
.icon-U h1:before { content: 'U'; text-transform: uppercase; }
.icon-V h1:before { content: 'V'; text-transform: uppercase; }
.icon-W h1:before { content: 'W'; text-transform: uppercase; }
.icon-X h1:before { content: 'X'; text-transform: uppercase; }
.icon-Y h1:before { content: 'Y'; text-transform: uppercase; }
.icon-Z h1:before { content: 'Z'; text-transform: uppercase; }
.icon-a h1:before { content: 'a'; text-transform: lowercase; }
.icon-b h1:before { content: 'b'; text-transform: lowercase; }
.icon-c h1:before { content: 'c'; text-transform: lowercase; }
.icon-d h1:before { content: 'd'; text-transform: lowercase; }
.icon-e h1:before { content: 'e'; text-transform: lowercase; }
.icon-f h1:before { content: 'f'; text-transform: lowercase; }
.icon-g h1:before { content: 'g'; text-transform: lowercase; }
.icon-h h1:before { content: 'h'; text-transform: lowercase; }
.icon-j h1:before { content: 'j'; text-transform: lowercase; }
.icon-k h1:before { content: 'k'; text-transform: lowercase; }
.icon-l h1:before { content: 'l'; text-transform: lowercase; }
.icon-m h1:before { content: 'm'; text-transform: lowercase; }
.icon-n h1:before { content: 'n'; text-transform: lowercase; }
.icon-o h1:before { content: 'o'; text-transform: lowercase; }
.icon-p h1:before { content: 'p'; text-transform: lowercase; }
.icon-r h1:before { content: 'r'; text-transform: lowercase; }
.icon-s h1:before { content: 's'; text-transform: lowercase; }
.icon-t h1:before { content: 't'; text-transform: lowercase; }
.icon-u h1:before { content: 'u'; text-transform: lowercase; }
.icon-v h1:before { content: 'v'; text-transform: lowercase; }
.icon-w h1:before { content: 'w'; text-transform: lowercase; }
.icon-x h1:before { content: 'x'; text-transform: lowercase; }
.icon-y h1:before { content: 'y'; text-transform: lowercase; }
.icon-z h1:before { content: 'z'; text-transform: lowercase; }
.icon-0 h1:before { content: '0'; }
.icon-1 h1:before { content: '1'; }
.icon-2 h1:before { content: '2'; }
.icon-3 h1:before { content: '3'; }
.icon-4 h1:before { content: '4'; }
.icon-5 h1:before { content: '5'; }
.icon-6 h1:before { content: '6'; }
.icon-7 h1:before { content: '7'; }
.icon-8 h1:before { content: '8'; }
.icon-9 h1:before { content: '9'; }
.icon-§ h1:before { content: '§'; }


#iitextbox h2,
#iicolright h2 {
    font-family: "Roboto Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 300;
    font-size: 1.231em;
    color: #1593cc;
    text-transform: uppercase;
    margin: 25px 0;
    margin-top: 25px;
    clear: both;
}

#iitextbox h3,
#iicolright h3 {
    font-family: "Roboto Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 300;
    font-size: 1.231em;
    color: #000;
    text-transform: uppercase;
    margin: 25px 0;
    margin-top: 55px;
}

#iitextbox h4,
#iicolright h4 {
    font-family: "Roboto Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 300;
    font-size: 1.077em;
    color: #000;
    text-transform: uppercase;
    margin: 25px 0;
    margin-top: 55px;
}

#iitextbox p,
#iicolright p {
    margin: 25px 0;
    text-align: justify;
    font-size: 0.929em;
}

#iitextbox p strong,
#iicolright p strong {
    font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 700; }

#iitextbox a,
#iicolright a {
    color: #1593cc;
    text-decoration: underline;
}

#iitextbox a:hover,
#iicolright a:hover {
    text-decoration: none;
}

#new_iicolright ul,
#new_iicolright ol {
    color: #1593cc;
    margin-top: 35px;
    margin-left: 75px;
    margin-right: 75px;
    margin-bottom: 55px;
    padding: 0;
    font-size: 0.929em;
}

#new_iicolright ol {
    list-style: none;
    counter-reset: numList;
}

#new_iicolright ul li,
#new_iicolright ol li {
    margin-bottom: 7px;
    position: relative;
}

#new_iicolright ul li:before {
    content: 'โ€ข';
    position: absolute;
    left: -23px;
}

#new_iicolright ol li:before {
    counter-increment: numList;
    content: counter(numList);
    position: absolute;
    font-size: 0.769em;
    padding-top: 0;
    left: -30px;
    top: -3px;
    text-align: center;
    width: 18px;
    height: 18px;
    border: solid 1px #1593cc;
    border-radius: 50%;
}

#new_iicolright ul ul,
#new_iicolright ul ol,
#new_iicolright ol ul,
#new_iicolright ol ol {
    font-size: 1em;
    margin-left: 35px;
    margin-right: 0;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #666 !important;
}

#new_iicolright ol ol {
    list-style: lower-alpha;
}

#new_iicolright ul ul li,
#new_iicolright ul ol li,
#new_iicolright ol ul li,
#new_iicolright ol ol li {
    margin-bottom: 3px;
}

#new_iicolright ol ol li:before {
    display: none;
}


/* ******************************************************** Horizontal submenu - common styles ******************************************************** */

#iisitemenu {
    overflow: hidden;
}

/* Print and go back link */

#iisitemenu #rightmenu {
    float: right;
}

#iisitemenu #rightmenu a {
    text-indent: -9999px;
    float: left;
    display: block;
    margin-left: 10px;
    margin-top: 3px;
    position: relative;
    width: 39px;
}

#iisitemenu #rightmenu a:before {
    display: block;
    float: left;
    width: 28px;
    height: 28px;
    overflow: hidden;
    font-family: 'iicons';
    font-weight: normal;
    text-align: center;
    font-size: 30px;
    line-height: 20px;
    text-indent: 0;
}

#iisitemenu #rightmenu a.printbtn {
    border-right: solid 1px #e7ecf0;
    padding-right: 11px;
}

#iisitemenu #rightmenu a.printbtn:before {
    content: 'p';
    color: #738ea8;
    font-size: 50px;
    line-height: 15px;
}

#iisitemenu #rightmenu a.printbtn:hover:before {
    color: #1593cc;
}

#iisitemenu #rightmenu a.backbtn:before {
    content: '<';
    background: #738ea8;
    border-radius: 50%;
    color: #fff;
}

#iisitemenu #rightmenu a.backbtn:hover:before {
    background: #1593cc;
}


/* ******************************************************** user path ******************************************************** */

/*
.iibmenuwrpr {
background-color: #171717;
padding: 10px 0;
overflow: hidden;
font-size: 0.846em;
clear: both;
}

#iibmenu {
height: 19px;
width: 938px !important;
padding: 3px 10px 0 10px !important;
margin: auto;
}

#iibmenu #iiuserpath {
float:left;
max-width: 85%;
}

div#iibmenu div a {
color: #1073b2;
text-decoration: none;
}

#iibmenu #iiuserpath span {
color: #ff6c00 !important;
}

#iibmenu #iiuserpath a:hover {
color: #1073b2;
text-decoration: underline;
}

#iibmenu #iiuserpath .active {
color: #1073b2;
}
#iibmenu #iitotop {
float:right;
max-width: 15%;
text-align: right;
background: url('/img/common/ico-arrow-top.png') no-repeat right center;
padding-right: 15px;
}

#iibmenu #iitotop a {
color: #ff6c00;
}

#iibmenu #iitotop a:hover {
text-decoration: underline;
}
*/

/* ******************************************************** Common footer ******************************************************** */

#foot {
    clear: both;
    font-size: 0.846em;
    width: 960px;
    margin: auto;
    padding-top: 15px;
}

#foot div {
    float: left;
    width: 200px;
    margin: 0;
    padding: 20px;
}

#foot div#col4 {
    width: 235px!important;
    padding-left:0px;
    padding-right:0px;
}

#foot div h4 {
    margin: 0;
    margin-bottom: 10px;
    padding: 0;
    font-weight: 400;
    text-transform: uppercase;
    color: #1f7fb9;
    font-size: 1.182em;
}

#foot div ul {
    margin: 0;
    padding: 0;

}

#foot div ul li {
    margin-bottom: 3px;
}

#foot div ul li a {
    color:#9DAFC1;
    text-decoration:none;
}

#foot div ul li a:hover {
    color: #1f7fb9;
}

#foot #col4 dl {
    width: auto;
    margin: 0px;
    padding: 0px;
    display: block;
    clear:both;
}

#foot #col4 dl dt {
    display: block;
    float: left;
    margin:5px;
    padding:0px;
}

#foot #col4 dl dd {
    display: block;
    float: left;
    margin:5px;
    padding:0px;
}

#foot #col4 dl .icGlobe {
    display: none;
}

#foot #col4 dl #chooselang:before {
    display: block;
    height: 25px;
    width: 25px;
    content: 'g';
    color: #fff;
    font-family: 'iicons';
    font-weight: normal;
    font-size: 45px;
    float: left;
    margin-left: -35px;
    margin-top: -4px;
    color: #1f7fb9;
}

#foot #col4 dl .icPhone {
    clear:both;
    background-image: url('/img/common/iico_phone.png');
    background-repeat: no-repeat;
    text-indent: -9999px;
    height: 25px;
    width: 25px;
}

#foot #col4 dl dt#hotline {
    line-height:25px;
    width:auto;
}

#foot #col4 dl #chooselang {
    display:block;
    line-height:25px;
    position:relative;
    top:0px;
    left:0px;
    margin-left: 35px;
}

#foot #col4 dl #hotline {
    color: #1f7fb9;
    line-height: 25px;
    font-size: 110%;
    text-transform: uppercase;
}

#foot #col4 dl #chooselang #lang {
    color: #9DAFC1;
    background: url('/img/common/iiselect_bck.png') no-repeat right center;
    width:178px;
    height: 26px;
    margin:0px;
    line-height:26px;
    text-transform:uppercase;
    padding-top:0px;
    padding-bottom:0px;
    border:solid 1px #23262D;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

#foot #col4 dl #chooselang #lang:hover {
    background: url('/img/common/iiselect_bck_f2.png') no-repeat right center;
}

#foot #col4 dl #chooselang #lang li {
    padding-left:3px;
    display: none;
}

#foot #col4 dl #chooselang #lang li a {
    height:21px;
    width:inherit;
    display:block;
}

#foot #col4 dl #chooselang #lang .selected {
    display: block;
}

/* Copyrights */

#legal {
    font-size: 80%;
    color: #5C6A78;
    clear: both;
    width: 960px;
    margin: auto;
    text-align: right;
    padding-bottom: 35px;
}


/* ******************************************************** Misc ******************************************************** */

.clr,
.clearfloat {
    clear: both;
}

.lft {
    float: left;
}

.rght {
    float: right;
}

strong {
    font-weight: normal;
}

.center,
.cntr {
    text-align: center;
}

.italic {
    font-style: italic;
}

a {
    text-decoration: none;
}

img {
    border: none;
}

.orange {
    color: #FF4400!important;
    text-decoration:none;
}
.blue {
    color:#1F7FB9!important;
    text-decoration:none;
}
.lightblue {
    color:#35AFFC!important;
    text-decoration:none;
}
.white {
    color: #FFF!important;
}

.hide{

    display: none;
}

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

@media screen and (max-width: 480px){
    .bordered img,
    .text1col .tablecell img{
    height: auto;
    width: 100%;
    }
}
/* tooltip styling. by default the element to be styled is .tooltip  */

.tooltip {
    width: 160px;
}

/*
.tooltip {
    display:none;
    background:transparent url('/img/tooltip/iiyama_arrow.png');
    font-size:95%;
    height:70px;
    width:160px;
    padding:25px;
    color:#fff;
    text-align: center;
}
*/

/* style the trigger elements */
/*	.no-moniti*/
#dyna img {
    border:0;
    cursor:pointer;
    margin:0 8px;
}
/* filtered images */
.grayimg {
    filter:saturate (1%); -webkit-filter: saturate (1%); opacity:.8;
}
.max160w{max-width: 160px}


/*orbitvu player*/
div.ovvvport div.ovvteaserplay div.ovvteaserplaybackground{
    background: #fff;
    opacity: 0!important;
}

div.ovvvport div.ovvteaserplay div.ovvteaserplayplay {
    background-image: url(../img/play.png)!important;
}
div.ovvloader_text{top:-40px!important;}


/* GALLERY */

#bracket {
    max-width: 100% !important;
}

@media screen and (max-width: 991px) {
    div#gallery div.content {
        display: none;
        width: 100% !important;
        padding: 0 !important;
        margin: 0 auto;
        position: relative;
        min-height: 360px;
    }

    #gallery-box div.slideshow span.image-wrapper {
        width: 100%;
        left: 0;
        right: 0;
    }

    #gallery-box #controls,
    #gallery #thumbs {
        display: none!important;
    }
    #gallery-box div.slideshow-container {
        width: 100%;
    }

    #gallery-box div.slideshow a.advance-link {
        width:100%;
        font-size: 0;
    }

    #gallery-boxdiv.slideshow span.image-wrapper {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        width: 100%;
    }
}