.col {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
}
.col:first-child { margin-left: 0; }

.row:before,
.row:after { content:""; display:table; }
.row:after { clear:both;}
.row { zoom:1; /* For IE 6/7 */ }

.s12 {
	width: 100%;
}

.s11 {
  	width: 91.53%;
}
.s10 {
  	width: 83.06%;
}

.s9 {
  	width: 74.6%;
}

.s8 {
  	width: 66.13%;
}

.s7 {
  	width: 57.66%;
}

.s6 {
  	width: 49.2%;
}

.s5 {
  	width: 40.73%;
}

.s4 {
  	width: 32.26%;
}

.s3 {
  	width: 23.8%;
}

.s2 {
  	width: 15.33%;
}

.s1 {
  	width: 6.866%;
}

@media only screen and (max-width: 1100px) {
	.col {  margin: 1% 0 1% 0%; }
    
    .s1, .s2, .s3, .s4, .s5, .s6, .s7, .s8, .s9, .s10, .s11, .s12 {
	width: 100%; 
	}
  
  .right, .left {
    text-align: center;
  }
}

.loader-wrapper {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #fff;
  color: #000;
  display: flex;
  justify-content: center;
  align-items: center;
}

.loader-icon {
  font-size: 30px;
  animation: rotating 2s linear infinite;
}

@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}