@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-size: 0.813em;
    background: #fff;
    padding-top: 60px;
    -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;
    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.ES:before {
    background-image: url('../images/flags/es.svg');
}

#explng .explngList a.HU:before {
    background-image: url('../images/flags/hu.svg');
}

#explng .explngList a.SR:before {
    background-image: url('../images/flags/sr1.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 {
    padding: 20px 16px;
}

.nav>li>a.explngOpen {
    text-transform: uppercase;
    padding-left: 35px;
    position: relative;
    letter-spacing: -0.4px;
    font-size: 12px;
}

.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;
}

.nav>#searchform.is-loading .search-slider input[type="submit"] {
    background: url(../img/loader.svg) center center no-repeat;
}

.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, .9);
    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;
    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(../images/icon-close-blue.png) center center no-repeat;
    /*  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.fullw {
    width: 100%;
    color: #FAFAFA;
    font-size: 1.2em;
    text-transform: uppercase;
    padding: 3px 10px;
    margin-top: 20px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

#searchresults li.fullw:first-child {
    margin-top: 0;
}

#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;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

#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;
        height: auto;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        overflow-y: auto;
        position: fixed;
    }
}

@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;
    max-width: 1255px!important;
    width:100%;
}
@media screen and (max-width:767px) {
    #iibdcont{
        width:100%!important;
    }
    
}
.iisitemenu_container{
    display: flex;
    justify-content: space-between;
    margin: 0;
}
#iicolleft {
   
    background: #fff;
    font-size: 1.077em;
    width: 22% !important;
}
#iicolright {
    margin-left: auto;
}

#iicolleft .fxd {
    position: sticky;
    top: 155px;
    padding-right: 12px;
    z-index: 9;
    padding: 0;
    width: 100%!important;
}

@media screen and (max-width: 767px) {
    .iisitemenu_container{
        flex-direction: column;
    }
    #iicolleft {
        margin: 0;
        width: 100%;
        
    }
    
}
#iicolleft .fxd li {
    background-color: #fff;
}

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

#accessories #iiscont {
    display: flex;
    justify-content: center;
}
#iiscont {
    width: 100%;
    position: relative;
    margin-top: 4.875rem;
}
.forgamers #iiscont{
    margin-top: 0;
}
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: #ffffff;
    padding: 25px 0;
}

#iileadbox.nobg {
    background: #fff;
}

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

#iitextbox h1,
#iicolright h1 {
    margin: 40px auto;
    margin-top: 55px;
    text-align: center;
    font-weight: 700;
    font-size: 1.231em;
    color: #1593cc;
    text-transform: uppercase;
}


#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 .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-weight: 300;
    font-size: 1.231em;
    color: #1593cc;
    text-transform: uppercase;
    margin: 25px 0;
    margin-top: 25px;
    clear: both;
}

#iitextbox h3,
#iicolright h3 {
    font-weight: 300;
    font-size: 1.231em;
    color: #000;
    text-transform: uppercase;
    margin: 25px 0;
    margin-top: 55px;
}

#iitextbox h4,
#iicolright h4 {
    font-weight: 300;
    font-size: 1.077em;
    color: #000;
    text-transform: uppercase;
    margin: 25px 0;
    margin-top: 55px;
}

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

#iitextbox p:last-of-type {
    margin-bottom: 0;
}
#iitextbox p strong,
#iicolright p strong {
    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;
    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: 30px;
    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;
}

#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;
        max-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%;
        position: relative;
    }
    #gallery-box div.slideshow-container:after,
    #gallery-box div.slideshow-container:before {
        content: '';
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 25%;
        height: 100%;
        z-index: 20;
    }
    #gallery-box div.slideshow-container:before {
        left: auto;
        right: 0;
    }
    #gallery-box div.slideshow a.advance-link {
        position: absolute;
        width: 100%;
        font-size: 0;
    }
    #gallery-boxdiv.slideshow span.image-wrapper {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        width: 100%;
    }
    #iiscont{
        margin-top: 3.875rem;
    }
    .forgamers #iiscont{
        margin-top: 0;
    }
}

/* consent */

#iicolright .consent-form {
    border: 1px solid #eeeeee;
    border-radius: 5px;
    padding: 20px;
    margin-bottom: 30px;
}

#iicolright .consent-form p,
#iicolright .consent-form label {
    font-size: 12px;
    line-height: 16px;
    margin: 0 0 10px 0;
}

#iicolright .consent-form .check {
    position: relative;
    padding-left: 30px;
}

#iicolright .consent-form .check label {
    font-weight: bold;
    margin-bottom: 0;
}

#iicolright .consent-form .check input {
    position: absolute;
    left: 6px;
    top: 2px;
    margin: 0;
}

.without-consent-info {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9999999;
}

.without-consent-info .bg {
    background-color: rgba(0, 0, 0, 0.6);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.without-consent-info .frm {
    background-color: #ffffff;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    padding: 20px;
    text-align: center;
}

.without-consent-info .frm p {
    margin: 0;
    text-align: center;
}

.without-consent-info .frm .buttons {
    margin-top: 15px;
    text-align: center;
}

.without-consent-info .frm .buttons a {
    margin: 0 10px;
    float: none;
}

.new-cookies-info {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 10px;
    z-index: 9999998;
    background-color: #000000;
    color: #ffffff;
    text-align: center;
}

.new-cookies-info p {
    margin: 0 auto 10px auto;
    width: 100%;
    max-width: 1200px;
}

.new-cookies-info a {
    margin-right: 10px;
    margin-left: 10px;
}

#iitextbox.has-intranet {
    padding-right: 360px;
    position: relative;
}

.product-intranter-container {
    border-left: 1px solid #cccccc;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 360px;
}

.product-intranter-container iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

@media(max-width:1200px) {
    .navbar .nav>li>a {
        padding: 20px 8px;
    }
    .nav .search-opener {
        padding-bottom: 20px;
        padding-left: 15px;
        padding-right: 51px;
        padding-top: 20px
    }
    .nav .explngOpen {
        padding-bottom: 20px;
        padding-left: 34px;
        padding-right: 15px;
        padding-top: 20px
    }
}