Display problem on IE11

There is a display problem on IE11. There is a large space left and right of the website.
Does anyone else have the same problem? Any solution?
This is how the website looks on IE11.

Hi,
On my IE11 Demo page looks almost this same like on FF.
Maybe show me your URL then I check on my PC.

Thank you for your kind interest,
Url is: http://www.lexconscientia.co.uk
The problem appears only on a laptop with windows 8 or 8.1 and IE11.
I am using the same template for the same company in Singapore., url: http://www.lexconscientia.sg
I would like ask:
-1 How can I change the blue loading color to orange
-2 How can I change the sidebar background color
3-How can I change the LATEST EVENTS background color
Please view attached image

screen shot1.jpg

About http://www.lexconscientia.co.uk - I see the problem it's because of social icons are collapsing on IE11, and they generate extra space, so maybe this is main reason. Please make a test, and disable them for a while , and check.

Q 2 - background color, in this module we used class "transparent" with transparent background color, this is a original code you have to override:

Code: Select all

.box.transparent { background:  rgba(14, 22, 35, 0.89);}

Q 3 - There you are a original css code:

Code: Select all

.csstransforms #gkHeaderLeft .header {
    background:  #0f1725;
    color: #fff; }

Use your colors for this element (box).

Q 1 - it should be this one:

Code: Select all

.gkIsWrapper-gk_university .gkIsPreloader {
   background: #3f4e67 url('../images/style1/is_loader.gif') no-repeat center center; }

there you have got both : background color and loader gif info.
by default this style you will find here: css/gk.stuff.css (in template folder)

If you want more customization job, not a typical support help please use PM.

Thank you for your help. Very much obliged!