Александр Зачиналов

потому что при открытой модали назначается стиль с padding-right для тега body. Это либо ошибка modal.js от бутстрапа, либо вы что-то сами добавили

-moz-transform: skewY(-2deg);
-webkit-transform: skewY(-2deg);
transform: skewY(-2deg);

попробуйте заводить функции иначе

var prevSlideW = function(){
	var newSlider = sliderInt - 1;
    showSlider(newSlider);
};

можно применить псевдокласс nth-child, но такое решение будет поддерживаться в меньшем кол-ве браузеров

Не городите слишком сложных задач, это системе выполнять не легче. чем вам потом поддерживать. Советую пойти путем, многими уже принятым: 1) создаете задачу по перегону styl в css с выходом одного файла в каталог build 2) создаете задачу с конкатинацией всех сторонних css тоже в каталог build 3) на третью задачу вешаете конкатинацию всех css из каталога build и делаете с ними уже все операции, минификация, автопрефиксы и тд. Для того чтобы первые две задачи выполнялись до выполнения третьей, третью задачу можно описать как

gulp.task('task3', ['task1', 'task2'], function() {
  // Код третьей задачи
});