@import "reset.css";
@import "prettyPhoto.css";
@import "supersized.css";
@import "supersized.shutter.css";
/* @import "jquery.jscrollpane.css"; */
/* @import "smoothness/jquery-ui-1.10.0.custom.css"; */

@import url(//fonts.googleapis.com/css?family=Roboto:400,700|Roboto+Condensed:400,700|Oswald);

/* 
    font-family: 'Oswald', sans-serif;
    font-family: 'Roboto', sans-serif;
    font-family: 'Roboto Condensed', sans-serif;
*/


/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; }
mark, rp, rt, ruby, summary, time{ display: inline }

/* Left & Right alignment */

.left { float:left;}
.right { float:right;}
.clear {clear:both;}
.table {display:table;}
.wrapper {width:100%; overflow:hidden;}
.clearfix {    clear: both;}
.right_20 {
    margin-right: 25px;
    margin-bottom: 15px;
    margin-top: 5px
}

/* Global properties ======================================================== */
body, html {height:100%;  }

body{ background:#151517 url(../images/bg.jpg) 50% 95% repeat; border:0; font: 12px Arial, Helvetica, sans-serif; color:#b6b6b6 ; line-height:18px;  position:relative; overflow:hidden; width: 100%;}
a {color: #fff;text-decoration: underline;} a:hover {color: #fff;text-decoration: none;}
.spinner{ position:absolute; z-index:99; background:url(../images/loader.gif) 50% 50% no-repeat #000; width:100%; height:100%; top:0; left:0}
img {    max-width: 100%;}
.footer_bg {    background:url(../images/bg_footer.png) 50% 100% no-repeat ; position: relative;}

#nextslide {
    display: block;
    width: 49px;
    height: 49px;
    background:url(../images/left-right.png) 0% 50% no-repeat ;
    position: absolute;
    left: 2%;
    top: 240px;
    z-index: 10;
    cursor: pointer;
}
#prevslide {
    display: block;
    width: 49px;
    height: 49px;
    background:url(../images/left-right.png) 100% 50% no-repeat ;
    position: absolute;
    right: 2%;
    left: inherit;
    top: 240px;
    z-index: 10;
    cursor: pointer;
}

header.top{
    text-align: center;
}
.sub header.top {
    margin-bottom: 150px;
}
header.top a.center_logo img {
    padding: 0 50px;
    width: 440px;
}
header.top a.left_logo img {
    width: 200px;
}
header.top a.right_logo img {
    width: 180px;
}

h1 {
    padding: 0;
    margin: 0;
    color: #fff;
    text-align: left;
    font-size: 32px;
    line-height: 40px;
    font-family: 'Roboto Condensed', serif;
    font-weight: 400;
    text-transform: uppercase;
    padding-left: 60px;
    background:url(../images/red_small_logo.png) 0% 0% no-repeat ;
    padding-bottom: 60px;
}

h2 {
    padding: 0;
    margin: 0;
    color: #fff;
    text-align: left;
    font-size: 24px;
    line-height: 40px;
    font-family: 'Roboto Condensed', serif;
    font-weight: 400;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.container {
    margin: 0 auto;
    position: relative;
    width: 940px;
    z-index: 1
}
.container p {
    font-size: 16px;
    color: #c5c5c5;
    font-family: 'Roboto', serif;
    line-height: 24px;
    font-weight: 400;
    padding-bottom: 10px;
}
.container p.link a {
    color: #fff;
    font-size: 24px;
    text-decoration: none;
}
.container p.link a:hover {
    text-decoration: underline;
}

.banners  {
    margin-bottom: 25px;
    overflow: hidden;
}
.banners .wrap  {
    float: left;
    width: 31%;
    text-align: center;
}
.banners .wrap + .wrap {
    margin-left: 3%
}
.banners .wrap  a {
    display: block;
    padding: 8px;
    text-decoration: none;
    border-bottom:8px #c90016 solid;
    background: #010000;
}
.banners .wrap  a img {
    margin-bottom: 12px;
}
.banners .wrap  a p {
    color: #7e7e7e;
    font-size: 14px;
    font-family: 'Roboto Condensed', serif;
    font-weight: 400;
    line-height: 20px;
    padding: 0 20px 10px;

}
.banners .wrap  a h4 {
    color: #fff;
    font-family: 'Oswald', serif; 
    font-size: 22px;
    line-height: 22px;
    text-transform: uppercase;
    padding-bottom: 10px;
    padding-top: 10px;
    font-weight: 400;
}
.banners .wrap  a h4.stereo {
    padding-top: 4px;
    padding-bottom: 4px;
    line-height: 27px;
}
.banners .wrap  a:hover {
    background: #ffffff;
}
.banners .wrap  a:hover h4 {
    color: #000;
}
.banners .wrap  a:hover p {
    color: #646464;
}
/* CONTENT */
.content {
    background:  #010000 url(../images/bg_logos.gif) 50% 50% repeat ;
    margin-bottom: 55px;
    padding-top: 20px;
}
div.bg_black {
    background: #010000;
    overflow: hidden;    
}

div.bg_black > div {
    border-top:1px #353535 solid;
}
div.logos {
    border-top:1px #353535 solid;
    clear: both;
    padding-top: 25px;
    padding-bottom: 55px;
    float: none;
    background: none;
    margin-top: 0;
    text-align: center;
}
div.logos > * {
    display: inline;
    padding:0px 15px;
}
div.left_column {
    width: 32%;
    float: left;
}

div.right_column {
    width: 68%;
    float: right;
}

.inner {
    padding-top: 30px;
    padding-bottom: 60px;
    padding-left: 35px;
    padding-right: 35px;
}
div.right_column .inner {
    border-left: 1px #353535 solid
}
.video  {
    position: relative;
    display: block;
}
.video em {
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -70px;
    margin-top: -65px;
    background:   url(../images/play.png) 50% 50% repeat ;
    width: 122px;
    height: 82px;
    opacity: 0.85;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
}
.video:hover em {
    opacity: 1
}
.video p{
    color: #a3a3a3;
    text-decoration: underline;
    font-family: 'Roboto Condensed', serif;
    font-weight: 400;
    line-height: 20px;
    font-size: 14px;
    padding-right: 20px;
    padding-top: 10px;
}
.video:hover, .video:hover p{
    color: #fff;
    text-decoration: none;
}
.inner.facebook-page {
    text-align: center;
}

/* COPYRIGHT */
.copyright p {
    text-align: center;
    padding-bottom: 80px;
    color: #010000;
    font-size: 14px;
    font-family: Arial;
}

/* ============================= main menu ====================== */

#nav { display:block;  z-index: 2; text-align: left; float: left; margin-bottom: 35px; }

#menu { display:block; }
#menu > li { display: block; position:relative;}
#menu > li > a{
    display: block;
    text-decoration:none;
    position:relative;
    z-index: 2;
    padding: 12px 0px;
    line-height: 22px; 
    color: #bebebe;
    font-size: 18px;
    font-weight: 700;    
    font-family: 'Roboto Condensed', serif;
    text-transform: uppercase;
    border-bottom: 1px #3f3f41 dashed;
}
#menu > li > a:hover, #menu > li > a.act {
    color: #fff;
}
.btn-navbar {  display: none;}

.row {
    overflow: hidden;
}

.span6 {
    width: 50%;
    float: left;
    position: relative;
}
.span6 + .span6 div.control-group {
    padding-left: 20px;
}
div.control-group  {
    padding-bottom: 3px;
    overflow: hidden;
}

.span6 a.logo img {    
    width: 80%;
    padding: 0 10%;
}

.span6 a.logo {
    text-align: center;
}


/*===================== jScrollPane =====================*/
.scroll-pane{width: 100%; height:481px; overflow: auto;}


/*===================== Other =====================*/
img.sub_page {
    position: absolute;
    top: 0;
    z-index: 1;
    display: block;
    width: 100%;
}
.map {
    height: 600px;
    position: relative;
    width: 100%;
    overflow-x:scroll; 
    margin-bottom: 25px;
}
.map iframe {
    width: 100%;
    height: 100%;
    min-width: 500px;
}
.style1 {
    border: 2px solid #c90016;
}
.first-content-p {
    margin-top: 80px;
    background: transparent;
}


/*================= Contacts =========================*/

#note{ font-size: 14px;}
.notification_ok{ text-align: center;} 
#ajax-contact-form label, #ajax-contact-form-registration label{float:left; width: 36%; line-height:31px; color:#b6b6b6; font-size: 14px;}
#ajax-contact-form input, #ajax-contact-form-registration input{ float:left; width:60%; padding-left: 10px; height:37px; background: #121212; border: 1px solid #504e4c; margin-bottom:5px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;font-family: Arial, Helvetica, sans-serif;  font-size:14px; color: #fff;}
#ajax-contact-form select, #ajax-contact-form-registration select{ float:left; width:61.6%; padding-left: 10px; height:37px; background: #121212; border: 1px solid #504e4c; margin-bottom:5px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;font-family: Arial, Helvetica, sans-serif;  font-size:14px; color: #fff;}
#ajax-contact-form textarea, #ajax-contact-form-registration textarea{ float:left; width:60%; height:110px; padding-left: 10px; background: #121212; border: 1px solid #504e4c; margin-bottom:5px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; font-family: Arial, Helvetica, sans-serif; font-size:14px; color: #fff; line-height: 20px; padding-top: 5px;}
#ajax-contact-form img, #ajax-contact-form-registration img{float:left; width:140px; height:53px; margin-top:5px; margin-right:10px;}
#ajax-contact-form input.capthca, #ajax-contact-form-registration input.capthca{ float:left; width:133px; margin-top:5px; margin-right:10px;}

#ajax-contact-form .submit, #ajax-contact-form-registration .submit{
        color: #fff;
        display: block;
        padding: 0 40px;
        text-decoration: none;
        text-align: center;
        clear: both;
        cursor: pointer;
        min-height: 25px;
        line-height: 40px;
        border: 0;
        font-family: 'Roboto Condensed', sans-serif;
        margin-left: 130px;
        margin-top: 15px;
        background: #c90016;
        /* border-bottom: 2px #c90016 solid; */
        font-size: 18px;
        text-transform: uppercase;
        -moz-box-shadow:0px 0px 15px #343333;
        -webkit-box-shadow:0px 0px 15px #343333;
        box-shadow:0px 0px 15px #343333;
        -webkit-border-radius:  5px;
        -moz-border-radius:  5px;
        -khtml-border-radius: 5px;
        border-radius: 5px;
        -webkit-transition: all .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        outline: none;
    }
    #ajax-contact-form .submit:hover, #ajax-contact-form-registration .submit:hover {
        background: #fff;
        color: #000;
    }


#ajax-contact-form input, #ajax-contact-form textarea,
#ajax-contact-form-registration input, #ajax-contact-form-registration textarea {
    float: left;
}

#ajax-contact-form input:focus, #ajax-contact-form textarea:focus,
#ajax-contact-form-registration input:focus, #ajax-contact-form-registration textarea:focus {
    border-color:#c90016;
    outline: none;
}

.notification_error {
    color: #c90016;
    margin-bottom: 15px;
}


    .home #supersized img {
        min-height: auto!important;
        max-height: auto!important;
        height: auto!important;
    }



/* <!--============================== Responsive design =================================--> */

/*----- media queries ------*/

@media (min-width: 1900px) {
  img.sub_page {
    width: 100%;
  }
}

/*----- media queries  > 1200------*/

@media (min-width: 1200px) {
    .container {
        width: 1170px;
    }    
    header.top{
        margin-bottom: 300px;
    }

    header.top a.center_logo img {
        padding: 0 36px;
        width: inherit;
    }
    header.top a.left_logo img,
    header.top a.right_logo img
     {
        width: inherit;
    }
    #prevslide, #nextslide {
        top: 300px;
    }
}

/*----- media queries  < 1200------*/
@media (max-width: 1199px) {

    header.top{
        margin-bottom: 280px;
    }
    .banners .wrap a h4 {
        font-size: 16px;
    }
    .banners .wrap a {
        min-height: 270px;
    }
    h1 {
        font-size: 24px;
        line-height: 32px;
        background-size: auto 100%;
        padding-bottom: 4px;
        margin-bottom: 12px;
        padding-left: 45px;
    }
    .video em {
        width: 61px;
        height: 41px;
        background-size: 100%;
        margin-left: -30px;
        margin-top: -48px;
    }
    div.logos > * {
        max-width: 12%;
        display: inline-block;
    }
    #ajax-contact-form input {
        width: 50%;
    }
    div.row + div.row > .span6 {
        width: 72%;
    }
    #ajax-contact-form label {
        width: 40%;        
    }

     
}

/*----- media queries  < 980------*/

@media (max-width: 979px) {
    
    .container {
        width: 740px;
    }
    header.top a.center_logo img {
        padding: 12px 64px 0;
        width: 300px;
    }
    header.top a.left_logo img {
        width: 150px;
    }
    header.top a.right_logo img
     {
        width: 150px;
    }
    header.top{
        margin-bottom: 200px;
    }
    #prevslide, #nextslide {
        top: 160px;
    }
    .banners .wrap a p {
        padding-left: 6px;
        padding-right: 6px;
    }
    .banners .wrap a h4 {
        font-size: 15px;
    }
    .banners .wrap a {
        min-height: 240px;
    }
    #menu > li > a {
        font-size: 16px;
        line-height: 20px;
    }
    .container p {
        font-size: 14px;
        line-height: 20px;
    }
    .container p.link a {
        font-size: 20px;
    }
    h1 {
        font-size: 18px;
    }
    .video em {
        margin-top: -60px;
        margin-left: -35px;
    }
    .sub header.top {
        margin-bottom: 100px;
    }
    div.row + div.row > .span6 {
        width: 100%;
    }
    div.content h2 {
        font-size: 16px;
    }
    img.left.right_20 {
        max-width: 45%;
    }


}



/*----- media queries  < 767------*/

@media (max-width: 767px) {


    .container {
        width: 100%;
    }
    header.top a.center_logo img {
        padding: 6px 50px 0;
        width: 240px;
    }
    header.top a.left_logo img {
        width: 120px;
    }
    header.top a.right_logo img
     {
        width: 120px;
    }
    .banners .wrap a {
        padding: 4px;
    }
    .banners .wrap a p {
        font-size: 12px;
        line-height: 18px;
    }
    .banners .wrap a h4 {
        font-size: 13px;
    }
    .banners .wrap a img {
        margin-bottom: 4px;
    }
    .banners {
        padding-left: 2%;
        padding-right: 2%;
    }
    .banners .wrap a {
        min-height: 220px;
    } 
    .content {
        margin-left: 2%;
        margin-right: 2%;
        padding-top: 15px;
    }
    .inner {
        padding-top: 20px;
        padding-bottom: 20px;
        padding-left: 15px;
        padding-right: 15px;
    }
    #menu > li > a {
        font-size: 13px;
        line-height: 17px;
        padding: 10px 0;
    }
    h1 {
        font-size: 16px;
    }
    .container p {
        font-size: 13px;
        line-height: 18px;
    }
    .container p.link a {
        font-size: 17px;
    }
    div.logos > * {
        padding: 0 8px;
    }
    div.logos {
        padding-top: 15px;
        padding-bottom: 30px;
    }
    .sub header.top {
        margin-bottom: 80px;
    }
    div.row  .span6 {
        width: 100%;
    }
    .span6 + .span6 div.control-group {
        padding-left: 0px;
    }
    .span6 a.logo img {
        width: 40%;
        padding-left: 30%;
    }
    .span6 a.logo img + p {
        margin-bottom: 10px;
    }
}

/*----- media queries  < 625------*/

@media (max-width: 625px) {
    

    .collapse {
      position: relative;
      height: 0;
      overflow: visible;
      -webkit-transition: height 0.35s ease;
      -moz-transition: height 0.35s ease;
      -o-transition: height 0.35s ease;
      transition: height 0.35s ease;
    }
    .collapse.in {
      height: auto;
    }

    .nav-collapse.collapse {
        height: auto;
    }

    .btn-navbar {    display: block;  }
    .nav-collapse,
    .nav-collapse.collapse {    overflow: hidden;    clear: both;  }
    .btn-navbar {
        display: block;
        float: none;
        padding: 0 40px;
        text-decoration: none;
        text-align: center;
        clear: both;
        cursor: pointer;
        min-height: 25px;
        line-height: 40px;
        border: 0;
        width: 60px;
        font-family: 'Roboto Condensed', sans-serif;
        margin: 0 auto;
        background: #000;
        border-bottom: 2px #c90016 solid;
        position: absolute;
        top: 100px;
        left: 50%;
        font-size: 18px;
        text-transform: uppercase;
        margin-left: -70px;
        -moz-box-shadow:0px 0px 15px #343333;
        -webkit-box-shadow:0px 0px 15px #343333;
        box-shadow:0px 0px 15px #343333;
        -webkit-border-radius:  5px;
        -moz-border-radius:  5px;
        -khtml-border-radius: 5px;
        border-radius: 5px;
        -webkit-transition: all .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
    }
    .btn-navbar:hover {
        background: #fff;
        color: #000;
    }
    #nav {   
        margin-bottom: 0px;  
        float: none;
        text-align: center;
    }
    .btn-navbar img {
        display: block;
        margin: 0 auto;
        float: none
    }
    #nav .nav-collapse.collapse { 
        height: 0;
        position: absolute; 
        background: #000;
        width: 72%;
        top:140px;
        left: 14%;
        z-index: 101;
        margin-top: 2px;
    }

    #menu {
        border-top: 1px #3f3f41 dashed;
    }
    #menu > li, #menu > li a {
        float: none;
        display: block;
        font-size: 16px;
        line-height: 24px;
    }
    #supersized {
        top: 150px;   
    }
    header.top {
        height: 150px;
        background: #000;
    }
    .sub header.top {
        background: none;
        margin-bottom: 20px;
    }
    header.top a.center_logo img {
        padding: 6px 42px 0;
        width: 180px
    }
    header.top a.left_logo img {
        width: 90px;
    }
    header.top a.right_logo img
     {
        width: 90px;
    }
    #prevslide, #nextslide {
        top: 240px;
    } 
    .banners .wrap {
        width: 100%;
        margin-bottom: 15px;
    }
    .banners .wrap + .wrap {
        margin-left: 0%;
    }
    .banners .wrap a img {
        width: 100%;
    }
    .banners .wrap a h4.stereo br {
        display: none
    }
    .banners .wrap a h4 {
        font-size: 18px;
    }
    .banners .wrap a p {
        font-size: 16px;
    }
    div.logos > * {
        max-width: 24%;
        padding-bottom: 10px;
    }
    div.right_column,
    div.left_column {
        float: none;
        width: 100%;
    }
    .banners {
        margin-bottom: 10px;
    }
    div.right_column .inner {
        border-left: 0px #353535 solid;
    } 
    a.video img {
        width: 100%;
    }



}

/*----- media queries  < 480------*/

@media (max-width: 481px) { 
   h1 {
    line-height: 24px;
   }
    header.top a.center_logo img {
        padding: 6px 10px 0;
        width: 130px
    }
    header.top a.left_logo img {
        width: 65px;
    }
    header.top a.right_logo img
     {
        width: 65px;
    }

    #nav .nav-collapse.collapse { 
        width: 60%;
        left: 20%;
        top: 100px;
    }
    #menu > li a {
        font-size: 13px;
        line-height: 18px;
    }
    .btn-navbar {
        font-size: 16px;
        top: 60px;
    }
    .copyright p {
        padding-bottom: 60px;
    }
    header.top {
        height: 100px;
        margin-bottom: 160px;
    }
    #supersized {
        top: 100px;
    }
    #prevslide, #nextslide {
        top: 160px;
    }



}

/*----- media queries  < 320------*/
@media (max-width: 320px) {
    body {
        min-width: 320px;
    }
    


}

::selection{ background:#c90016!important; color:#fff}
::-moz-selection{ background:#c90016!important; color:#fff}