.chromeframe { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; }
/* ==========================================================================
   Author's custom styles
   ========================================================================== */
p { line-height: 1.33em; color: #7E7E7E; }
h1 { color: #EEEEEE; }
#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: 300px; height: 300px; margin: -150px 0 0 -150px; border-radius: 50%; border: 3px solid transparent; border-top-color: #ed1c24; -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: #ed1c24; -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: #ed1c24; -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 */
}
}
.loding-imag { margin: auto; }
#loader-wrapper .loader-section { position: inherit; top: 0; width: 100%; height: 100%; background: #FFFFFF; z-index: 10; -webkit-transform: translateX(0);  /* Chrome, Opera 15+, Safari 3.1+ */ -ms-transform: translateX(0);  /* IE 9 */ transform: translateX(0);  /* Firefox 16+, IE 10+, Opera */ background-image: url(../images/loader-logo.PNG); background-position: center !important; background-repeat: no-repeat !important; }
#loader-wrapper .loader-section.section-left { left: 0; background-repeat: no-repeat; background-position: right; }
#loader-wrapper .loader-section.section-right { right: 0; background-repeat: no-repeat; background-position: left; }
/* Loaded */
.loaded #loader-wrapper .loader-section.section-left { -webkit-transform: translateX(-100%);  /* Chrome, Opera 15+, Safari 3.1+ */ -ms-transform: translateX(-100%);  /* IE 9 */ transform: translateX(-100%);  /* 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(100%);  /* Chrome, Opera 15+, Safari 3.1+ */ -ms-transform: translateX(100%);  /* IE 9 */ transform: translateX(100%);  /* 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 { visibility: hidden; -webkit-transform: translateY(-100%);  /* Chrome, Opera 15+, Safari 3.1+ */ -ms-transform: translateY(-100%);  /* IE 9 */ transform: translateY(-100%);  /* Firefox 16+, IE 10+, Opera */ -webkit-transition: all 0.3s 1s ease-out; transition: all 0.3s 1s ease-out; }
/* JavaScript Turned Off */
.no-js #loader-wrapper { display: none; }
.no-js h1 { color: #222222; }