/ 
* READ-ONLY CSS : EXTENDED BOOTSTRAP GRID 
* add grid classes in bootstrap inspired by foundation grid
*/

/* bug IE8 */
.ie8 .container1170 {
   max-width: 1210px !important;
}

/* fixed width with IE78
.ie678 .container,
.ie678 .container1170 {
    max-width: 960px !important;
    width: 960px !important;
}


/* every direct div (associated content block) has the same spacing*/
#right-column > div.row {
    margin-top : 1.5em;     /* same as margin-top-20 */
}
#right-column > div.row:first-child {
    margin-top : 0;
}



@media (max-width: 767px) {
    
    /*PHONE*/
   
    
    #right-column > div.row:first-child {
        margin-top : 1.5em;     /* same as margin-top-20 */
    }
}



/***/
/* additional classes to break a new line in cols (start a new row) */
@media (max-width: 767px) {
    /*PHONE*/
    .row .col-lg-newrow,
    .row .col-md-newrow,
    .row .col-sm-newrow {
      clear: none;
    }
    .row .col-xs-newrow {
      clear: both;
    }
    
}

@media (min-width: 768px) and (max-width: 991px) {
    /*TABLET*/
    .row .col-lg-newrow,
    .row .col-md-newrow,
    .row .col-xs-newrow {
      clear: none;
    }
    .row .col-sm-newrow {
      clear: both;
    }
    
    .container{
    	width: 100%;
    }
}

@media (min-width: 992px) and (max-width:1199px) {
    /*DESKTOP*/
    .row .col-lg-newrow,
    .row .col-sm-newrow,
    .row .col-xs-newrow {
      clear: none;
    }
    .row .col-md-newrow {
        clear: both;
    }
}

@media (min-width: 1200px) {
    /*DESKTOP - LARGE DESKTOP*/
    .row .col-sm-newrow,
    .row .col-xs-newrow,
    .row .col-md-newrow {
      clear: none;
    }
    .row .col-lg-newrow {
        clear: both;
    }
}


/* grid - no padding for col- */
.no-padding {
    padding-left:0;
    padding-right:0;
}


/***/
/* additionnal visible and hidden classes for span (mobile first, like bootsrap 3) */
span.visible-xs,
a.visible-xs,
li.visible-xs {
  display: inline !important;
}
span.visible-sm,
a.visible-sm,
li.visible-sm {
  display: none !important;
}
span.visible-md,
a.visible-md,
li.visible-md {
  display: none !important;
}
span.visible-lg,
a.visible-lg,
li.visible-lg {
  display: none !important;
}

span.hidden-xs,
a.hidden-xs,
li.hidden-xs {
  display: none !important;
}
span.hidden-sm,
a.hidden-sm,
li.hidden-sm {
  display: inline !important;
}
span.hidden-md,
a.hidden-md,
li.hidden-md {
  display: inline !important;
}
span.hidden-lg,
a.hidden-lg,
li.hidden-lg {
  display: inline !important;
}

@media (min-width: 768px) and (max-width: 991px) {
    /* TABLET */
    span.visible-xs,
    a.visible-xs,
    li.visible-xs {
      display: none !important;
    }
    span.visible-sm,
    a.visible-sm,
    li.visible-sm {
      display: inline !important;
    }
    span.visible-md,
    a.visible-md,
    li.visible-md {
      display: none !important;
    }
    span.visible-lg,
    a.visible-lg,
    li.visible-lg {
      display: none !important;
    }
    
    span.hidden-xs,
    a.hidden-xs,
    li.hidden-xs {
      display: inline !important;
    }
    span.hidden-sm,
    a.hidden-sm,
    li.hidden-sm {
      display: none !important;
    }
    span.hidden-md,
    a.hidden-md,
    li.hidden-md {
      display: inline !important;
    }
    span.hidden-lg,
    a.hidden-lg,
    li.hidden-lg {
      display: inline !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    /* DESKTOP */
    span.visible-xs,
    a.visible-xs,
    li.visible-xs {
      display: none !important;
    }
    span.visible-sm,
    a.visible-sm,
    li.visible-sm {
      display: none !important;
    }
    span.visible-md,
    a.visible-md,
    li.visible-md {
      display: inline !important;
    }
    span.visible-lg,
    a.visible-lg,
    li.visible-lg {
      display: none !important;
    }
    
    span.hidden-xs,
    a.hidden-xs,
    li.hidden-xs {
      display: inline !important;
    }
    span.hidden-sm,
    a.hidden-sm,
    li.hidden-sm {
      display: inline !important;
    }
    span.hidden-md,
    a.hidden-md,
    li.hidden-md {
      display: none !important;
    }
    span.hidden-lg,
    a.hidden-lg,
    li.hidden-lg {
      display: inline !important;
    }
}

@media (min-width: 1200px) {
    /* LARGE DESKTOP */
    span.visible-xs,
    a.visible-xs,
    li.visible-xs {
      display: none !important;
    }
    span.visible-sm,
    a.visible-sm,
    li.visible-sm {
      display: none !important;
    }
    span.visible-md,
    a.visible-md,
    li.visible-md {
      display: none !important;
    }
    span.visible-lg,
    a.visible-lg,
    li.visible-lg {
      display: inline !important;
    }
    
    span.hidden-xs,
    a.hidden-xs,
    li.hidden-xs {
      display: inline !important;
    }
    span.hidden-sm,
    a.hidden-sm,
    li.hidden-sm {
      display: inline !important;
    }
    span.hidden-md,
    a.hidden-md,
    li.hidden-md {
      display: inline !important;
    }
    span.hidden-lg,
    a.hidden-lg,
    li.hidden-lg {
      display: none !important;
    }
}



/* additionnal visible and hidden classes (not mobile first, inherit, like bootsrap 2.3.2) */

.visible-phone {
  display: none !important;
}
.visible-tablet {
  display: none !important;
}
.hidden-desktop {
  display: none !important;
}


@media (min-width: 768px) and (max-width: 991px) {
    
    /*TABLET visible hidden*/
    .hidden-desktop {
      display: inherit !important;
    }
    .visible-desktop {
      display: none !important;
    }
    .visible-tablet {
      display: inherit !important;
    }
    .hidden-tablet {
      display: none !important;
    }
   
}



@media (max-width: 767px) {
    
    /*PHONE visible hidden*/
    .hidden-desktop {
      display: inherit !important;
    }
    .visible-desktop {
      display: none !important;
    }
    .visible-phone {
      display: inherit !important;
    }
    .hidden-phone {
      display: none !important;
    }
    
}


/* additional orientation classes */
@media only screen and (orientation: landscape) {
  .visible-landscape,
  .hidden-portrait {
    display: inherit !important; }

  .hidden-landscape,
  .visible-portrait {
    display: none !important;
    }
}

@media only screen and (orientation: portrait) {
  .visible-portrait,
  .hidden-landscape {
    display: inherit !important; }

  .hidden-portrait,
  .visible-landscape {
    display: none !important; }
}