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

/*template*/
*{margin:0; padding:0; outline:none; box-sizing:border-box;}
img,fieldset{border:0px; display:block;}
br.clear, div.clear{clear:both; font-size:0px;}
ul, ol{list-style:none;}
html{width:100%; height:100%; font-size:62.5%;}
body{width:100%; height:100%; background:#ffffff; font-family:'Montserrat', sans-serif; font-size:1.8rem; line-height:1.628571; color:#000000; overflow-x:hidden; overflow-y:scroll; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;}
body.noscroll{overflow:hidden;}
h1, h2, h3, h4, h5, h6{width:100%; height:auto; line-height:1.2; font-weight:bold;}
h1{font-size:3.2rem; margin-bottom:50px; color:#be1622;}
h2{font-size:2.6rem; margin-bottom:35px; color:#662483;}
h3{font-size:2.2rem; margin-bottom:15px; color:#662483;}
h1.nomargin,
h2.nomargin,
h3.nomargin,
h4.nomargin,
h5.nomargin,
h6.nomargin{margin:0px;}
h3.wider{margin:35px 0px;}

p{margin:0px 0px 35px 0px;}
a, a *{color:#be1622; text-decoration:none;}
small{font-size:1.2rem;}
article ul,
article ol{list-style:disc outside; margin:0px 0px 30px 20px;}
button{-webkit-appearance:none;}

header, nav, article, aside, section, footer{display:block; overflow:hidden;}
header, section, footer{width:100%; height:auto; position:relative;}

.left{float:left;}
.right{float:right;}

.video-container{position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden;}
.video-container iframe, .video-container object, .video-container embed{position:absolute; top:0; left:0; width:100%; height:100%;}

/*reset apple*/
textarea,
input.text,
input[type="text"],
input[type="button"],
input[type="submit"],
.input-checkbox {
-webkit-appearance: none;
border-radius: 0;
}

/*main-container*/
main{width:100%; max-width:1920px; display:grid; grid-template-columns:1fr; grid-template-rows:120px 80px auto 200px 80px; min-height:100vh; grid-gap:0px; margin:0px auto;}
.container{max-width:1260px; margin:0px auto;}

/*backgrounds*/
.bg-purple{background:#662483;}
.bg-red{background:#be1622;}

/*forms*/

/*header*/
header{z-index:1000; position:relative;}
header .grid{display:grid; grid-template-columns:168px auto; grid-gap:48px; padding:20px 0px;}
header .menu{display:none;}
header .grid .logo a{width:100%; height:80px; display:block; text-indent:-4000px; background:url('../images/sib-logo-grey.png') no-repeat center left;}
header .grid .contact a{float:right; margin-left:40px; font-size:1.8rem; line-height:80px; text-decoration:none; color:#ffffff; text-align:right;}
header .grid .contact a:hover{color:#ffffff;}
header .grid .contact a i{color:inherit; text-decoration:none;}
header .grid .contact a span{margin-left:10px; color:inherit; text-decoration:none;}

/*nav*/
nav{width:100%; height:80px; z-index:8000;}
nav ul{display:flex; justify-content:center;}
nav ul li a{line-height:80px; color:#662483; margin:0px 24px; padding:16px; border-radius:8px; font-weight:bold; font-size:2.0rem; transition:0.6s;}
nav ul li a:hover,
nav ul li a.on{color:#be1622; text-decoration:underline;}
nav ul li a.red{background:#be1622; color:#ffffff;}
nav ul li a.red:hover{color:#ffffff; background:#662483;}

/*sections*/
section{}
section.marks{background-position:bottom -10% right -10%; background-repeat:no-repeat; background-image:url('../images/sib-bg-compass-big.png');}
section .logo{width:745px; height:220px; margin:50px 0px;}
section .contact{display:grid; grid-template-columns:repeat(4,1fr); grid-gap:80px; padding:16px 0px;}
section .contact div{display:grid; grid-template-columns:1fr; row-gap:16px;}
section .contact div i{font-size:5.0rem; color:#ffffff;}
section .contact div span{color:#ffffff;}
section .contact div span a{color:#ffffff;}
section .video{margin-bottom:32px;}
section .video video{width:100%;}
                    
/*article*/
article{padding:0px 0px 80px 235px;}


/*footer*/
footer .grid{display:grid; grid-template-columns:auto 292px; grid-gap:0px; padding:10px 0px;}
footer .grid div.copyright span{margin-right:24px;}
footer .grid div.copyright span,
footer .grid div.copyright span a{font-size:1.4rem; color:#ffffff; text-transform:uppercase; line-height:60px;}
footer .grid div.copyright br{display:none;}
footer .grid div.brands img:first-of-type{float:left;}
footer .grid div.brands a{float:right;}
footer .grid div.brands a{width: 132px; height: 60px;}
footer .grid div.brands a img{width: 100%; height: 100%; object-fit:contain;}
/*laptop l*/
@media only screen and (max-width:1440px) 
{
    
}

/*laptop*/
@media only screen and (max-width:1024px) 
{   
    h1{font-size:2.8rem;}
    h2{font-size:2.2rem;}
    h3{font-size:1.8rem;}

    body{font-size:1.6rem;}
    
    .container{padding:0px 24px;}
    
    header .grid{padding:20px 24px;}
    
    nav ul li a{margin:0px 24px;}
    
    section.marks{background-position:bottom 5% left -50%, bottom -10% right -150%;}
    section .contact{padding:16px 24px;}
    
    footer .grid{padding:10px 24px;}
    footer .grid div.copyright span,    
    footer .grid div.copyright span a{font-size:1.2rem; line-height:30px;}
    footer .grid div.copyright br:last-of-type{display:unset;}
}

/*tablet*/
@media only screen and (max-width:768px) 
{
    h1{font-size:2.6rem;}
    h2{font-size:2.0rem;}
    h3{font-size:1.6rem;}
    
    body{font-size:1.4rem;}
    main{grid-template-rows:120px auto auto auto;}
    
    header .grid{grid-template-columns:40px 168px auto; grid-gap:24px;}
    header .grid .menu{display:unset;}
    header .grid .menu i{color:#ffffff; line-height:80px; font-size:3.2rem; display:block;}
    header .grid .contact i{font-size:3.0rem; line-height:80px;}
    header .grid .contact span{display:none;}

    nav{width:0; height:100%; position:fixed; z-index:900; top:0px; left:0; overflow-x:hidden; transition:0.5s;}
    nav.open{width:100%; background:rgba(0,0,0,0.7); transition: 0.7s;}
    nav .container{padding:0px !important;}
    nav .close{position:absolute; width:50px; height:50px; top:35px; left:35px; font-size:4.6rem; line-height:50px; text-align:center; color:#ffffff; text-decoration:none;}
    nav ul{width:300px; height:100vh; padding-top:120px; display:block; float:left; background:#131217;}
    nav ul li{width:100%; height:50px; display:block; float:left; box-sizing:border-box; text-decoration:none;}
    nav ul li a{color:#ffffff;}
    nav ul li:last-of-type{padding-top:10px;}
    nav ul li a.red{margin:0px 0px 0px 39px;}
    
    section.marks{background-position:bottom 5% right -50%; background-image:url('../images/sib-bg-compass-small.png');}
    
    section .logo{width:100%; height:auto; margin:30px 0px;}
    section .logo img{width:100%;}
    article{padding:0px 0px 40px 0px;}
    
    section .contact{grid-template-columns:repeat(2,1fr); grid-gap:20px;}
    section .contact div{text-align:center;}
                         
    footer .grid{grid-template-columns:1fr; row-gap:20px;}
    footer .grid .copyright{grid-area:2/1/2/2; text-align:center;}
    footer .grid .brands{grid-area:1/1/1/2; display:grid; grid-template-columns:1fr 1fr; grid-gap:20px;}
    footer .grid .brands img{float:unset; margin:0px auto;}
}

/*mobile l*/
@media only screen and (max-width:425px)
{
    header .grid .contact a{margin-left:30px;}
    header .grid .contact i{font-size:2.4rem; line-height:80px;}
    section .logo{display:none;}
    article{padding:40px 0px 40px 0px;}
    section.marks{background-position:bottom 5% right -200px;}
    section .contact div i{font-size:4.0rem;}
    footer .grid div.copyright span{margin-right:16px;}
    footer .grid div.copyright br{display:unset;}
}

/*mobile m*/
@media only screen and (max-width:375px)
{
    h1{font-size:2.4rem;}
    h2{font-size:1.8rem;}
    h3{font-size:1.4rem;}
    
    body{font-size:1.2rem;}
    
    .container{padding:0px 12px;}
    
    header .grid{padding:20px 12px;}
    header .grid .contact a{display:none;}
    nav ul li a{margin:0px 12px;}
    nav ul li a.red{margin:0px 0px 0px 27px;}
    section .contact{padding:16px 12px;}
    
    footer .grid{padding:10px 12px;}
}

/*mobile s*/
@media only screen and (max-width:320px)
{

}