@charset "utf-8";
/* CSS Document */

/* reset5 © 2011 opensource.736cs.com MIT */
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,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,audio,canvas,details,figcaption,figure,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,summary,time,video{border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;margin:0;padding:0;}body{line-height:1;}article,aside,dialog,figure,footer,header,hgroup,nav,section,blockquote{display:block;}nav ul{list-style:none;}ol{list-style:decimal;}ul{list-style:none;}ul ul{list-style:circle;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:none;}ins{text-decoration:underline;}del{text-decoration:line-through;}mark{background:none;}abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help;}table{border-collapse:collapse;border-spacing:0;}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;}input[type=submit],input[type=button],button{margin:0!important;padding:0!important;}input,select,a img{vertical-align:middle;}h1,h2,h3,h4,h2 strong {font-weight:normal;}

@font-face {
    font-family:'helioscondregular';
    src: url('webfonts/helioscond_0-webfont.eot');
    src: url('webfonts/helioscond_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('webfonts/helioscond_0-webfont.woff') format('woff'),
         url('webfonts/helioscond_0-webfont.ttf') format('truetype'),
         url('webfonts/helioscond_0-webfont.svg#helioscondregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family:'latoregular';
    src: url('webfonts/lato-reg-webfont.eot');
    src: url('webfonts/lato-reg-webfont.eot?#iefix') format('embedded-opentype'),
         url('webfonts/lato-reg-webfont.woff') format('woff'),
         url('webfonts/lato-reg-webfont.ttf') format('truetype'),
         url('webfonts/lato-reg-webfont.svg#latoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family:'helioscondblackregular';
    src: url('webfonts/helioscondblack-webfont.eot');
    src: url('webfonts/helioscondblack-webfont.eot?#iefix') format('embedded-opentype'),
         url('webfonts/helioscondblack-webfont.woff') format('woff'),
         url('webfonts/helioscondblack-webfont.ttf') format('truetype'),
         url('webfonts/helioscondblack-webfont.svg#helioscondblackregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

body {font-family:'helioscondregular', Arial, Helvetica, sans-serif; color:#333; font-size:62.5%; line-height:1.4}
h1, h2 {font-size:2.8em; color:#316f95; line-height:1.1; text-transform:uppercase; text-align:center; position:relative; z-index:10}
h1 {color:#FFF}
h2 strong, h2 strong {font-family:'helioscondblackregular', Arial, Helvetica, sans-serif}
h3 {font-size:1.8em; margin-bottom:20px}
.wrap {width:1200px; margin:0 auto; position:relative; z-index:10}
header {background:#FFF; box-shadow:0 2px 2px rgba(0,0,0,.2); padding:5px 0 0 0; text-align:center; font-family:'latoregular', Arial, Helvetica, sans-serif; font-size:1.3em; position:fixed; left:0; top:0; width:100%; z-index:100; min-width:1200px}
header nav, header .logo {display:inline-block; vertical-align:middle; text-transform:uppercase; padding:0}
header nav {margin:15px 30px}
header nav a {color:#2d2d2d; text-decoration:none; margin:0 17px; padding-bottom:2px;}
header nav a:hover {color:#316f95}
header .logo {background:url(img/spr.png) no-repeat -148px top; width:41px; height:41px; position:absolute; left:50%; margin-left:-25px; -webkit-transition: all .2s ease-in-out;}
header .logo:hover {cursor:pointer; -webkit-transform:rotate(180deg)}
article {font-size:1.6em; position:relative; z-index:2}
section {text-align:center}
section h2 {margin-bottom:15px}
section article {width:320px; display:inline-block; vertical-align:top; text-align:left; margin:20px 50px 50px 50px; position:relative}
section article p {margin-bottom:10px}
section article .strongBlue {color:#316f95;}
section header {border:none; background:none; box-shadow:none; font-family:'helioscondregular', Arial, Helvetica, sans-serif; position:relative; font-size:inherit}
article ul {margin:0; padding:0}
article ul li {background:url(img/list.png) no-repeat left 10px; padding-left:30px; margin-bottom:5px}

/*Cover parts*/
.content {width:100%; overflow:hidden; position:relative; min-width:1200px;}
.bgNet {background:url(img/bg.png) repeat center center; position:absolute; left:0; top:0; width:100%; height:100%; z-index:2; margin-left:0;}
#coverContent {background:url(img/blueTriangleSmall.png) no-repeat top center; width:100%; height:678px; position:absolute; left:0; top:10px; min-width:1200px; z-index:10; opacity:.95} 
#coverContent .logo {background:url(img/isgBigLogo.png) no-repeat center center; width:290px; height:60px; margin:170px auto 60px auto}
#coverContent ul {font-family:'helioscondregular', Arial, Helvetica, sans-serif; margin:20px; text-transform:uppercase; color:#FFF; font-size:1.4em; font-weight:bold}
#coverContent ul li {display:inline-block; vertical-align:top; margin:0 10px}
#coverArrow {background:url(img/spr.png) no-repeat left top; width:120px; height:54px; position:absolute; left:50%; margin-left:-53px; bottom:0px; z-index:10; -webkit-transition:background-position .2s ease-in-out}
#coverArrow:hover {cursor:pointer; background-position:left -65px;}
#coverImage {min-width:1200px;}
#home {background:url(img/coverIsg1.jpg) no-repeat top center fixed; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; z-index:20}
#cover2 {background:url(img/coverIsg2.jpg) no-repeat top center fixed; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; height:450px; z-index:20}
#cover3 {background:url(img/coverIsg3.jpg) no-repeat top center fixed; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; height:650px; z-index:20}
#marineDieselCopy {background:url(img/coverIsg4.jpg) no-repeat center bottom; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; height:1000px; z-index:20}

/*Text parts*/
#sourceParts {border-top:5px solid #316f95; padding:70px 0 35px; position:relative; overflow:hidden}
#warranty {padding:70px 0 35px 0; position:relative; overflow:hidden; background:url(img/lines.png) no-repeat center 20px}
#spareParts {padding:70px 0 35px 0; position:relative; overflow:hidden; background:url(img/lines2.png) no-repeat center 20px; z-index:10; }
#marineDiesel {color:#FFF; background:url(img/lines3.png) no-repeat center -20px;}
#marineDiesel h2 {color:#FFF}
#marineDiesel .wrap {width:1200px; margin:550px auto 0 auto;}
#marineDiesel .wrap header {padding-top:100px}
#isgSupply {padding:70px 0 35px 0; position:relative; overflow:hidden; background:url(img/lines.png) no-repeat center 20px; z-index:10}

#preContacts {padding:0 0 35px 0; position:relative; z-index:5}
#preContacts .logo {height:53px; background:url(img/spr.png) no-repeat -136px -47px; text-align:center; margin:10px auto 30px auto; width:70px; height:70px}

/*Triangles*/
.zub {background:url(img/zub.png) repeat-x right top; width:100%; height:13px; position:absolute; left:0; top:0; z-index:10}
.whiteTri {width:0px; height:0px; border-style:solid; border-width:0 15px 15px 15px; border-color: transparent transparent #FFF transparent; position:absolute; left:50%; margin-left:-14px; bottom:0}
.greyTri {width:0px; height:0px; border-style:solid; border-width:1000px 0 0 800px; border-color: transparent transparent transparent #fafbf9; position:absolute; left:0; top:-100px; z-index:2}
.blueTriRight {width:0px; height:0px; border-style:solid; border-width:0 0 1000px 1000px; border-color: transparent transparent rgba(2,79,132,.8) transparent; position:absolute; right:0; top:-100px; z-index:2}
.blueTriLeft {width:0px; height:0px; border-style:solid; border-width:1000px 0 0 1000px; border-color: transparent transparent transparent rgba(2,79,132,.8); position:absolute; left:0; top:-100px; z-index:2}
.blueTriRightTop {width:0px; height:0px; border-style:solid; border-width:0 1000px 1000px 0; border-color: transparent rgba(2,79,132,.8) transparent transparent; position:absolute; right:-100px; top:-100px; z-index:2}

/*Footer*/
footer {height:250px; z-index:20; position:relative; margin:70px 0 0 0}
footer #contacts {background:#276388; color:#FFF; font-size:1.6em; padding:17px 40px 15px 40px; position:absolute; bottom:-450px; left:50%; z-index:100; width:800px; margin-left:-450px}
footer #contacts span {margin-left:70px}
#goTop {background:url(img/spr.png) no-repeat right 20px; width:50px; height:43px; position:absolute; bottom:-30px; -webkit-transition:all .4s ease-in-out; display:block; z-index:100; left:50%; margin-left:-30px}
#goTop:hover {cursor:pointer; background-position:right 5px}

/*Float Nav*/
#floatNav {position:fixed; right:50px; top:50%; margin-top:-100px; background:#FFF; border-radius:5px; z-index:8888; text-align:center; width:40px; border:1px solid #dedede; padding-bottom:5px; text-align:right;}
#floatNav li a {color:#337197; text-decoration:none; font-size:1.4em; position:relative}
#floatNav li a span {text-align:right; width:120px; position:absolute; left:-150px; top:-5px; display:block; display:none; padding-right:40px}
#floatNav li {border-radius:50%; width:11px; height:11px; background:#b0b0b0; margin:10px auto; border-bottom:1px solid #dedede; }
#floatNav li:hover, #floatNav li.active {cursor:pointer; background:#337197}
#floatNav li.home {background:url(img/spr.png) no-repeat -107px 12px; width:100%; height:30px; border-radius:0%; margin:2px auto 15px auto; padding-bottom:7px}
#floatNav li.home:hover, #floatNav li.home.active  {background:url(img/spr.png) no-repeat -107px -19px}
#floatNav li.home a span {top:9px; left:-135px}

.terms-and-cond {
    margin: 5px 0; 
    text-align: center;
}
    .terms-and-cond a {
        text-decoration: underline !important;
        font-family: 'helioscondblackregular', Arial, Helvetica, sans-serif;
        font-weight: 400;
    }
        .terms-and-cond a:hover {
            text-decoration: none !important;
        }

@media all and (max-height:750px) {
#coverContent {top:-80px}
#coverContent .logo {margin-top:230px}
}
@media all and (min-height:500px) and (max-height:600px) {
#coverContent {top:-150px}
#coverContent .logo {margin-top:290px}
}
@media all and (max-width:1224px) {
.wrap, #marineDiesel .wrap {width:960px}
header, .content, #coverContent {min-width:960px}
}
@media all and (max-width:980px) {
.wrap, #marineDiesel .wrap {width:860px}
header, .content, #coverContent {min-width:860px}
}
@media all and (max-width:880px) {
.wrap, #marineDiesel .wrap, footer #contacts {width:100%}
header, .content, #coverContent {min-width:100%}
section article {width:90%; margin:20px auto 30px auto; display:block}
article ul {margin-bottom:0}
footer #contacts {padding:17px 0; position:absolute; left:0; bottom:0; margin:0 0 0 0; text-align:center}
footer #contacts span {margin-left:15px}
#warranty, #spareParts, #isgSupply {padding-top:30px}
#floatNav {display:none}
}
@media all and (max-width:760px)  {
header nav {font-size:.9em}
#marineDiesel {position:absolute; bottom:30px; left:1%; width:98%}
}
@media all and (max-width:720px)  {
header nav {font-size:.9em; margin:55px 0 15px 0; display:inline-block; vertical-align:top}
header nav a {display:inline-block; vertical-align:top}
}
@media all and (max-width:640px) {
header nav a {margin:0 7px;}
}
@media all and (max-width:520px) {
header nav a {margin:0 7px; font-size:.9em}
}
@media all and (max-width:480px) {
header nav a {margin:0 7px; font-size:.85em}
header nav {font-size:.9em; margin:55px 0 15px 0;}
}
@media all and (min-width:320px) and (max-width:480px)  {
header {position:absolute; left:0; top:238px; width:95%; padding:0; box-shadow:none; border-bottom:3px solid #1a608e; background:none}
header nav {margin:0; padding:0; display:block}
header nav a {margin:0 7px; font-size:1em; display:block; text-align:left; padding:12px 10px 10px 10px; border-bottom:1px solid #e8e8e8; margin:0; opacity:.95; background:#FFF}
header nav a:hover {background:#29658a; color:#FFF}
header nav:last-child a:last-child {border:none}
header .logo {display:none}
#coverArrow {display:none}
#home {height:470px}
#coverContent ul {font-size:.9em; margin:20px auto}
#sourceParts {padding-top:20px}
#coverContent .logo {margin-top:110px; margin-bottom:20px}
section header {position:relative; top:0; padding-top:20px}
#marineDiesel .wrap {}
#cover2, #cover3 {height:70px}
#marineDieselCopy {height:600px}
.whiteTri {display:none}
#marineDieselCopy {height:700px}

}
@media all and (min-width:320px) and (max-width:480px) and (min-height:100px){
#coverContent {top:0}
#coverContent .logo {margin-top:20px}
}
@media all and (min-device-width:320px) and (max-device-width:568px) and (orientation:landscape) {
header {position:relative}
#coverContent .logo {margin-top:120px; margin-bottom:20px}
#home {height:270px}
}
@media handled and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : portrait) {
#home {height:470px}
}

#contacts a { color: #fff; text-decoration: none; }
#contacts a:hover { text-decoration: underline; }