/*
===========================================================
LOAD ANIMATION
===========================================================
*/
svg {
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;    
  z-index: 1001;
}
svg path, svg polygon {
  fill-opacity: 0;

  stroke: #EE7F04;
  stroke-width: 0.5;
  stroke-dasharray: 300;
  stroke-dashoffset: 300;
  animation-name: draw;
  animation-duration: 4s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  animation-timing-function: ease-in-out;
}
  
svg #Shadows__x28_positive_x29_ path, svg #Shadows__x28_positive_x29_ polygon {
  animation-delay: 5s;
}
#loader-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
	 transform: opacity .7s ease-in-out;
}

#loader-wrapper .loader-section {
        position: fixed;
        top: 0;
        width: 51%;
        height: 100%;
        background: white;
        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 */
}
.section-left,.section-right
{
	background:white;
}
#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(-1000%);  /* Chrome, Opera 15+, Safari 3.1+ */
		-ms-transform: translateX(-1000%);  /* IE 9 */
			transform: translateX(-1000%);  /* Firefox 16+, IE 10+, Opera */

	-webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);  
			transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
}
.loaded #loader-wrapper .loader-section.section-right {
	-webkit-transform: translateX(1000%);  /* Chrome, Opera 15+, Safari 3.1+ */
		-ms-transform: translateX(1000%);  /* IE 9 */
			transform: translateX(1000%);  /* Firefox 16+, IE 10+, Opera */

	-webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);  
	transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
}

.loaded #loader {
	opacity: 0;
	-webkit-transition: all 0.3s ease-out;  
			transition: all 0.3s ease-out;
}
.loaded #loader-wrapper {
	-webkit- transform: scale(0.5,0.5);  /* Chrome, Opera 15+, Safari 3.1+ */
		-ms- transform: scale(0.5,0.5);  /* IE 9 */
			 transform: scale(0.5,0.5);  /* Firefox 16+, IE 10+, Opera */
			opacity:0;

	-webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);    
			transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);  
}

@keyframes draw {
  80% {
    stroke-dashoffset: 0;
    stroke-width: 0.5;
    fill-opacity: 0;
  }
  100% {
    stroke-width: 0;
    fill-opacity: 1;
	
  }
}