/* xl - DESKTOP STYLES */ 
@media (min-width: 1200px) {
  #loader-wrapper {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 1000;
  }
  #loader {
      display: block;
      position: relative;
      left: 50%;
      top: 50%;
      width: 100px;
      height: 100px;
      margin: -75px 0 0 -75px;
      border-radius: 50%;
      border: 3px solid transparent;
      border-top-color: #241f20;
      -webkit-animation: spin 2s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
      animation: spin 2s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
      z-index: 1001;
  }
  
  #loader:before {
  	content: "";
  	position: absolute;
  	top: 5px;
  	left: 5px;
  	right: 5px;
  	bottom: 5px;
  	border-radius: 50%;
  	border: 3px solid transparent;
  	border-top-color: #dc1e21;
  	-webkit-animation: spin 3s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
  	animation: spin 3s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
  }
  
  #loader:after {
  	content: "";
  	position: absolute;
  	top: 15px;
  	left: 15px;
  	right: 15px;
  	bottom: 15px;
  	border-radius: 50%;
  	border: 3px solid transparent;
  	border-top-color: #241f20;
  	-webkit-animation: spin 1.5s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
  	animation: spin 1.5s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
  }
  
  @-webkit-keyframes spin {
  	0%   { 
  		-webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
  		-ms-transform: rotate(0deg);  /* IE 9 */
  		transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
  	}
  	100% {
  		-webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
  		-ms-transform: rotate(360deg);  /* IE 9 */
  		transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
  	}
  }
  @keyframes spin {
  	0%   { 
  		-webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
  		-ms-transform: rotate(0deg);  /* IE 9 */
  		transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
  	}
  	100% {
  		-webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
  		-ms-transform: rotate(360deg);  /* IE 9 */
  		transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
  	}
  }
  
  #loader-wrapper .loader-section {
  	position: fixed;
  	top: 0;
  	width: 51%;
  	height: 100%;
  	background: #fff;
  	z-index: 1000;
  	-webkit-transform: translateX(0);  /* Chrome, Opera 15+, Safari 3.1+ */
  	-ms-transform: translateX(0);  /* IE 9 */
  	transform: translateX(0);  /* Firefox 16+, IE 10+, Opera */
  }
  
  #loader-wrapper .loader-section.section-left {
  	left: 0;
  }
  
  #loader-wrapper .loader-section.section-right {
  	right: 0;
  }
  
      /* Loaded */
  .loaded #loader-wrapper .loader-section.section-left {
  	-webkit-transform: translateX(0%);  /* Chrome, Opera 15+, Safari 3.1+ */
  	-ms-transform: translateX(0%);  /* IE 9 */
  	transform: translateX(0%);  /* Firefox 16+, IE 10+, Opera */
  	-webkit-transition: all 0s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);  
  	transition: all 0s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
  }
  .loaded #loader-wrapper .loader-section.section-right {
  	-webkit-transform: translateX(0%);  /* Chrome, Opera 15+, Safari 3.1+ */
  	-ms-transform: translateX(0%);  /* IE 9 */
  	transform: translateX(0%);  /* Firefox 16+, IE 10+, Opera */
  	-webkit-transition: all 0s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);  
  	transition: all 0s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
  }
  .loaded #loader {
  	opacity: 0;
  	-webkit-transition: all 0s ease-out;  
  	transition: all 0s ease-out;
  }
  .loaded #loader-wrapper {
  	visibility: hidden;
  	-webkit-transform: translateY(0%);  /* Chrome, Opera 15+, Safari 3.1+ */
  	-ms-transform: translateY(0%);  /* IE 9 */
  	transform: translateY(0%);  /* Firefox 16+, IE 10+, Opera */
  	-webkit-transition: all 0s 0s ease-out;  
  	transition: all 0s 0s ease-out;
  }
}

#loader-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
	background-color:white;
}
#loader {
    display: block;
    position: relative;
    left: 50%;
    top: 50%;
    width: 100px;
    height: 100px;
    margin: -75px 0 0 -75px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #241f20;
    -webkit-animation: spin 2s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
    animation: spin 2s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
    z-index: 1001;
}

#loader:before {
	content: "";
	position: absolute;
	top: 5px;
	left: 5px;
	right: 5px;
	bottom: 5px;
	border-radius: 50%;
	border: 3px solid transparent;
	border-top-color: #dc1e21;
	-webkit-animation: spin 3s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
	animation: spin 3s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
}

#loader:after {
	content: "";
	position: absolute;
	top: 15px;
	left: 15px;
	right: 15px;
	bottom: 15px;
	border-radius: 50%;
	border: 3px solid transparent;
	border-top-color: #241f20;
	-webkit-animation: spin 1.5s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
	animation: spin 1.5s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
}

@-webkit-keyframes spin {
	0%   { 
		-webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
		-ms-transform: rotate(0deg);  /* IE 9 */
		transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
	}
	100% {
		-webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
		-ms-transform: rotate(360deg);  /* IE 9 */
		transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
	}
}
@keyframes spin {
	0%   { 
		-webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
		-ms-transform: rotate(0deg);  /* IE 9 */
		transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
	}
	100% {
		-webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
		-ms-transform: rotate(360deg);  /* IE 9 */
		transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
	}
}

#loader-wrapper .loader-section {
	position: fixed;
	top: 0;
	width: 51%;
	height: 100%;
	background: #fff;
	z-index: 1000;
	-webkit-transform: translateX(0);  /* Chrome, Opera 15+, Safari 3.1+ */
	-ms-transform: translateX(0);  /* IE 9 */
	transform: translateX(0);  /* Firefox 16+, IE 10+, Opera */
}

#loader-wrapper .loader-section.section-left {
	left: 0;
}

#loader-wrapper .loader-section.section-right {
	right: 0;
}

    /* Loaded */
.loaded #loader-wrapper .loader-section.section-left {
	-webkit-transform: translateX(0%);  /* Chrome, Opera 15+, Safari 3.1+ */
	-ms-transform: translateX(0%);  /* IE 9 */
	transform: translateX(0%);  /* Firefox 16+, IE 10+, Opera */
	-webkit-transition: all 0s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);  
	transition: all 0s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
}
.loaded #loader-wrapper .loader-section.section-right {
	-webkit-transform: translateX(0%);  /* Chrome, Opera 15+, Safari 3.1+ */
	-ms-transform: translateX(0%);  /* IE 9 */
	transform: translateX(0%);  /* Firefox 16+, IE 10+, Opera */
	-webkit-transition: all 0s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);  
	transition: all 0s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
}
.loaded #loader {
	opacity: 0;
	-webkit-transition: all 0s ease-out;  
	transition: all 0s ease-out;
}
.loaded #loader-wrapper {
	visibility: hidden;
	-webkit-transform: translateY(0%);  /* Chrome, Opera 15+, Safari 3.1+ */
	-ms-transform: translateY(0%);  /* IE 9 */
	transform: translateY(0%);  /* Firefox 16+, IE 10+, Opera */
	-webkit-transition: all 0s 0s ease-out;  
	transition: all 0s 0s ease-out;
}