@import url("https://use.typekit.net/zwi3qca.css");
<link href="https://fonts.googleapis.com/css?family=Lato:400,700" rel="stylesheet">

@font-face {
    font-family: 'Ubuntu-Bold';
    src: url(../fonts/Ubuntu-Bold.ttf) format('truetype');
}

@font-face {
    font-family: 'klavika-web';
    src: url("https://trb2ccustompolicystorage.blob.core.windows.net/$root/Klavika-Regular.otf") format('truetype');
}

@font-face {
    font-family: 'klavika-medium';
    src: url("https://trb2ccustompolicystorage.blob.core.windows.net/$root/Klavika-Medium.otf") format('truetype');
}

@font-face {
    font-family: 'Ubuntu-Regular';
    src: url(../fonts/Ubuntu-Regular.ttf) format('truetype');
}

html {
    background: none;
}


#forgotPasswordLink {
    font-family: 'proxima-nova', sans-serif!important;
    font-size: 18px!important;
    color: #000!important;
    text-decoration: underline!important;
    margin-top: 10px!important;
}

.verificationSuccessText {
    width: 350px;
    padding-bottom: 12px;
}

#emailVerificationControl_success_message {
    color: rgba(0,0,0,0.7)!important;
}

.buttons button:hover#cancel {
	background-color: transparent!important;
}

.buttons {
    padding-bottom: 0!important;
    margin-bottom: 5px!important;
}

.buttons #cancel:before {
	padding: 0px 10px!important;
    vertical-align: sub!important;
    zoom: 100%!important;
    display: inline-block!important;
}

#emailVerificationControl_but_send_code, #emailVerificationControl_but_verify_code, #emailVerificationControl_but_send_new_code {
    font-family: 'proxima-nova', sans-serif;
    height: 100%!important;
    min-height: 61px;
    width: 350px!important;
    border-radius: 4px!important;
    background-color: #4A90E2!important;
    font-size: 18px!important;
    font-weight: 900;
    margin: 0!important;
}

button#emailVerificationControl_but_send_new_code {
    margin-top: 12px!important;
}

#attributeVerification .buttons {
	margin-top:8px!important;
    flex-direction: column!important;
	align-items: center!important;
}

#attributeList ul {
    flex-direction: column!important;
}

#attributeList ul li {
	margin: 0 0 12px!important;
}

#attributeList ul li input {
    height: 100%;
    width: 350px!important;
    padding: 9.5px 12px;
    text-indent: 0px!important;
    font-family: 'proxima-nova', sans-serif;
    font-size: 18px;
    min-height: 48px;
    color: #6C757D!important;
    border: 1px solid #C0C0C0;
    box-shadow: none!important;
	margin:auto;
}

.attrEntry {
    margin: 0!important;
}

a:focus, a:hover, #back_Btn:hover {
	color: #b00020!important;
}

#SignUpWithLogonEmailExchange, #SignUpWithLogonEmailExchange:hover {
	background-image: url(https://trb2ccustompolicystorage.blob.core.windows.net/external-volunteers-dev/mailIcon.svg);
    background-size: 24px 24px!important;
    background-position-x: 24px!important;
    background-position-y: 50%!important;
    background-repeat: no-repeat!important;
    width: 350px!important;
    margin: inherit;
    border: 1px solid #C0C0C0!important;
    background-color: #fff!important;
    font-size: 16px!important;
    font-weight: 900!important;
    height: 100%!important;
    font-family: 'proxima-nova', sans-serif!important;
    color: #000!important;
    padding: 20px 10px 20px 24px!important;
	margin-top:10px!important;
}

#SignUpWithLogonEmailExchange:hover {
	background-color: rgba(0,0,0,0.08)!important;
}

input#email, input#password {
    border: 1px solid #C0C0C0!important;
    color: #6C757D!important;
    font-size: 18px!important;
    font-family: 'proxima-nova', sans-serif;
    padding: 9.5px 12px!important;
}

body {
    /* background-attachment: fixed;
    background-image: url("https://trb2ccustompolicystorage.blob.core.windows.net/$root/2018.07.28_WhiteSage_HINEN_3688.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover; */
	background-color: #fff;
    text-align: left;
	font-family: 'Lato', sans-serif;
}

h5 {
	font-family: 'proxima-nova', sans-serif;
	font-size: 22px;
    font-weight: 900;
    line-height: 148%;
    margin-bottom: 0;
}

h6 {
	font-family: 'proxima-nova', sans-serif;
	font-weight: 500;
    font-size: 11px;
    line-height: 16px;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: #b00020;
    margin-bottom: 0;
	text-align: left;
	margin-top: 0;
}

h2 {
    font-family: lato, sans-serif;
    font-size: 18px;
    font-weight: 700;
}

a {
    color: inherit;
    text-decoration: underline;
}

.social > .intro {
    display: none!important;
}

#continueWithEmail_Btn:hover {
    background-color: rgba(0,0,0,0.08)!important;
}

.register {
    font-family: 'proxima-nova', sans-serif;
    color: #000;
    font-weight: 400;
    font-size: 36px;
    line-height: 43px;
    margin: 0px;
    text-align: center;
    -webkit-font-smoothing: antialiased;
    word-spacing: 2px;
    padding: 0px 0px 20px!important;
}

.subHeader {
	font-family: 'proxima-nova', sans-serif;
	font-size: 14px;
	line-height: 21px;
	text-align: center;
	color: rgba(0, 0, 0, 0.7);
	margin-bottom:30px;
}

.top-gradient {
	display: none;
    min-height: 400px;
    position: absolute;
    width:100%;
    background: linear-gradient(rgba(0,0,0,.75), transparent)!important;
}

.mobileLogo {
    display: none;
}

.buttons {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}

.buttons button#cancel {
	width: 100px;
}

#next {
    font-family: 'proxima-nova', sans-serif!important;
    text-transform: none!important;
    font-size: 18px!important;
    font-weight: 700!important;
    background-color: #4A90E2;
    border-radius: 4px;
}

@media(max-device-width:1024px) {

    .mobileLogo {
        display: flex;
    }

    .top-gradient {
        display: none;
    }

    body {
        background-image: none!important;
        background: #fff!important;
    }

    .unified_container {
        padding-top: 2.5rem!important;
    }

    .image-center {
        display: none!important;
    }

}

@media(max-width:480px) {
    body {
        background-image: none;
        background-color: transparent;
    }

    .divider h2 {
        margin: 10px 0 !important;
    }

    .login-logo {
        height: 80px !important;
        margin-top: -65px !important;
    }
}

::-moz-placeholder {
    color: transparent;
}

::-moz-placeholder {
    color: transparent;
}

:-ms-input-placeholder {
    color: transparent;
}

::-webkit-input-placeholder {
    color: transparent;
}

label,
.password-label {
    margin: 0!important;
    font-family: 'Lato', sans-serif;
    font-weight: 600!important;
}

#AdfsExchange {
    background-color: #28B1E6;
    /* background-image: url("../images/activedirectory.png"); */
    background-repeat: no-repeat;
    background-size: 50px;
    margin: 10px 0;
    padding-left: 55px;
}

    #AdfsExchange:hover {
        background-color: #189DCF;
    }

#api {
    padding: 0;
}

#api ul {
    list-style-type: none;
    padding-left: 0;
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
}

#api[data-name='IdpSelections'] ul {
    text-align: center;
}

#api[data-name='Phonefactor'] .buttons button#cancel {
    width: 32%;
}

#api[data-name='SelfAsserted'] > div:first-child {
    display: none;
}

#createAccount {
    cursor: pointer;
    padding-left: 2px;
    transition: 0.5s all;
    -moz-transition: 0.5s all;
    -ms-transition: 0.5s all;
    -o-transition: 0.5s all;
    -webkit-transition: 0.5s all;
}

#email_ver_input {
    margin-bottom: 10px 0;
}

#FacebookExchange {
    background-color: #3B5595;
    /* background-image: url("../images/facebook.png"); */
    background-repeat: no-repeat;
    background-size: 50px;
    padding-left: 55px;
}

    #FacebookExchange:hover {
        background-color: #354C86
    }

#forgotPassword {
    clear: right;
    cursor: pointer;
    float: right;
    margin-top: 10px;
    transition: 0.5s all;
    -moz-transition: 0.5s all;
    -ms-transition: 0.5s all;
    -o-transition: 0.5s all;
    -webkit-transition: 0.5s all;
}

#GoogleExchange {
    background-color: #C64A29;
    /* background-image: url("../images/googleplus.png"); */
    background-repeat: no-repeat;
    background-size: 50px;
    margin: 10px 0;
    padding-left: 55px;
}

    #GoogleExchange:hover {
        background-color: #C14325;
    }

#IdentifyServerExchange {
    background-color: #28B1E6;
    /* background-image: url("../images/wingtipcorp.png"); */
    background-repeat: no-repeat;
    background-size: 50px;
    margin-top: 10px;
    padding-left: 55px;
}

    #IdentifyServerExchange:hover {
        background-color: #189DCF;
    }

#logonIdentifier,
#password,
#signInName {
    background-color: #fff !important;
    background-image: none !important;
    border: 1px solid #ccc;
    border-radius: 2px !important;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075) !important;
    color: #555;
    display: block;
    font-size: 14px;
    height: 40px;
    line-height: 1.42857143;
    /* margin: 10px 0; */
    padding: 6px 12px;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s !important;
    width: 100% !important;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075) !important;
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s !important;
}

#logo img {
    float: left;
    height: 50px;
    width: 50px;
}

#MicrosoftAccountExchange {
    background-color: #28B1E6;
    /* background-image: url("../images/microsoft.png"); */
    background-repeat: no-repeat;
    background-size: 50px;
    padding-left: 55px;
}

    #MicrosoftAccountExchange:hover {
        background-color: #189DCF;
    }

#SignUpWithLogonEmailExchange {
    background-color: #ff5c62;
    /* background-image: url("../images/wingtiptoys.png"); */
    background-repeat: no-repeat;
    background-size: 50px;
    color: #fff;
    margin-top: 10px;
    padding-left: 55px;
}

    #SignUpWithLogonEmailExchange:hover {
        /* background-image: url("../images/wingtiptoys.png") !important; */
    }

.accountButton {
    border: none;
    border-radius: 2px;
    color: inherit;
    font-size: larger;
    height: 45px;
    width: 284px;
}

    .accountButton:hover {
        border: none
    }

.attrEntry,
.phoneEntry {
    margin-top: 15px;
    margin-bottom: 15px;
    padding-top: 0;
}

div#email_incorrect_format.verificationErrorText.error, div#email_fail_server.verificationErrorText.error, div#email_fail_code_expired.verificationErrorText.error, div#email_intro.verificationInfoText, div#email_info.verificationInfoText, div#email_fail_retry.verificationErrorText.error, div#email_fail_no_retry.verificationErrorText.error {
    color: #BC0A0F!important;
}

div#email_incorrect_format.verificationErrorText.error, div#email_fail_server.verificationErrorText.error, div#email_fail_code_expired.verificationErrorText.error, div#email_intro.verificationInfoText, div#email_info.verificationInfoText, div#email_success.verificationSuccessText, div#email_fail_retry.verificationErrorText.error, div#email_fail_no_retry.verificationErrorText.error {
    font-family: 'proxima-nova', sans-serif!important;
    font-size: 14px;
}

div#email_success.verificationSuccessText {
    color: #67823A!important;
}

    .attrEntry input,
    .attrEntry select,
    .phoneEntry input,
    .phoneEntry select,
    #codeVerification input {
        background-color: #fff !important;
        background-image: none !important;
border: 1px solid #979797;
    border-radius: 3px !important;
    box-shadow: inset 0 1px 3px 0 rgba(0,0,0,.35)!important;
    color: #4A4A4A;
        display: block;
        font-size: 14px;
        height: 40px;
        line-height: 1.42857143;
        padding: 6px 12px;
        transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s !important;
        width: 100% !important;
        -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s !important;
        -webkit-box-shadow: inset 0 1px 3px 0 rgba(0,0,0,.35)!important;
        -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s !important;
    }

        .attrEntry input:invalid,
        .phoneEntry input:invalid,
        #codeVerification input:invalid {
            border-color: #979797;
        }

    .attrEntry.validate input:invalid,
    .phoneEntry.validate input:invalid,
    #codeVerification.validate input:invalid {
        border-color: #a94442 !important;
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075) !important;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075) !important;
    }

    .attrEntry #email_intro {
        /*display: none !important;*/
        
    }

    .attrEntry .error.itemLevel,
    .attrEntry .helpText,
    .phoneEntry .error.itemLevel,
    .phoneEntry .helpText,
    #codeVerification .error.itemLevel,
    #codeVerification .helpText {
        display: none;
    }

    .attrEntry .tiny,
    .phoneEntry .tiny,
    #codeVerification .tiny {
        display: none;
    }

.buttons button {
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    height: inherit;
    line-height: 1.42857143;
    margin: 0;
    padding: 6px 12px;
    text-align: center;
    touch-action: manipulation;
    user-select: none;
    vertical-align: middle;
    white-space: nowrap;
    width: inherit;
    -moz-user-select: none;
    -ms-touch-action: manipulation;
    -ms-user-select: none;
    -webkit-user-select: none;
}

.buttons {
    margin: 20px 0;
}

    .buttons button#cancel,
    .buttons button#email_ver_but_edit,
    .buttons button#email_ver_but_resend {
        background-color: #fff;
        border-color: #9fa09f;
        color: #fff!important;
        border-radius: 4px!important;
        /* padding: 8px 15px; */
        font-family: 'proxima-nova', sans-serif;
        /* text-transform: uppercase; */
        font-weight: 700;
        font-size: 18px;
        /* letter-spacing: 0.5px; */
    }

button#cancel {
    margin: 20px 0px 30px!important;
}

.buttons button#cancel {
    font-size: 18px;
    line-height: 21px;
    height: 100%;
    width: 49.9%;
    font-family: 'proxima-nova', sans-serif;
    text-transform: none;
    margin: 0!important;
}

@media(max-width:767px) {
    .buttons button#cancel {
        height: 50px;
        width: 48.9%;
    }
}

.buttons button:hover#cancel,
.buttons button:hover#email_ver_but_edit,
.buttons button:hover#email_ver_but_resend {
    background-color: #e6e6e6;
    background-image: none;
    border-color: #adadad;
    color: #333;
}

.buttons button[disabled]#continue, .buttons button[disabled]:hover#continue {
    background-color: #FFF!important;
    border:2px solid #d8d8d8!important;
    color: #BBB!important;
}

div.verifying-modal, div#verifying_blurb {
    display: none!important;
}

.buttons button#continue {
    background-color: #4A90E2!important;
    border-bottom: none!important;
    border: none!important;
    color: #fff;
    font-size: 18px;
    height: 100%;
	min-height:61px;
    width: 350px;
    font-family: 'proxima-nova', sans-serif!important;
    text-transform: none!important;
    font-weight: 900!important;
    letter-spacing: 0.5px!important;
    border-radius: 0!important;
    transition: all 0.15s ease-in-out!important;
    margin: 20px 0px 30px!important;
	border-radius: 4px!important;
}

.buttons button:hover#continue, .buttons button:hover#emailVerificationControl_but_send_code, .buttons button:hover#emailVerificationControl_but_verify_code, .buttons button:hover#emailVerificationControl_but_send_new_code {
    background-color: #00567E!important;
	border:none;
}

@media(max-width:767px) {
    .buttons button#continue {
        height: 50px;
    }
}

.buttons button:hover#continue {
    background-color: #449d44;
    background-image: none;
    border-color: #398439;
    color: #fff;
}

.buttons button[disabled]#continue,
.buttons button[disabled]:hover#continue {
    background-color: #5cb85c;
    background-image: none;
    border-color: #4cae4c;
    color: #fff;
}

.buttons button#email_ver_but_resend,
.buttons button#email_ver_but_verify {
    margin-top: 5px!important;
}

.buttons button#email_ver_but_send,
.buttons button#email_ver_but_verify {
    background-color: #00567E;
    border-color: #00567E;
    color: #fff;
    font-family: 'proxima-nova', sans-serif!important;
    font-weight: 700!important;
    font-size: 18px!important;
    letter-spacing: 0.5px!important;
    padding: 8px 15px!important;
    border-radius: 4px!important;
}

.buttons button:hover#email_ver_but_send,
.buttons button:hover#email_ver_but_verify {
    background-color: #286090;
    background-image: none;
    border-color: #204d74;
    color: #fff;
}

.buttons button#verifyCode,
.buttons button#verifyPhone {
    background-color: #5cb85c;
    border-bottom: 5px solid #449d44;
    border-color: #4cae4c;
    color: #fff;
    font-size: 18px;
    height: 60px;
    margin-right: 9px;
    width: 32%;
}

@media(max-width:767px) {
    .buttons button#verifyCode,
    .buttons button#verifyPhone {
        height: 50px;
    }
}

.create p {
    text-align: center;
}

.divider {
    margin: 0 auto;
    position: relative;
    text-align: center;
    text-shadow: 0 1px 0 #fff;
}

    .divider h2 {
        color: #ccc;
        line-height: 20px;
        margin: 20px 0;
        text-align: center;
        text-transform: lowercase;
    }

        .divider h2:after,
        .divider h2:before {
            content: "";
            height: 1px;
            position: absolute;
            top: 10px;
            width: 40%;
        }

        .divider h2:after {
            background: rgb(126,126,126);
            background: linear-gradient(left, rgba(126,126,126,1) 0%, rgba(255,255,255,1) 100%);
            background: -moz-linear-gradient(left, rgba(126,126,126,1) 0%, rgba(255,255,255,1) 100%);
            background: -ms-linear-gradient(left, rgba(126,126,126,1) 0%, rgba(255,255,255,1) 100%);
            background: -o-linear-gradient(left, rgba(126,126,126,1) 0%, rgba(255,255,255,1) 100%);
            background: -webkit-linear-gradient(left, rgba(126,126,126,1) 0%, rgba(255,255,255,1) 100%);
            right: 0;
        }

        .divider h2:before {
            background: rgb(126,126,126);
            background: linear-gradient(right, rgba(126,126,126,1) 0%, rgba(255,255,255,1) 100%);
            background: -moz-linear-gradient(right, rgba(126,126,126,1) 0%, rgba(255,255,255,1) 100%);
            background: -ms-linear-gradient(right, rgba(126,126,126,1) 0%, rgba(255,255,255,1) 100%);
            background: -o-linear-gradient(right, rgba(126,126,126,1) 0%, rgba(255,255,255,1) 100%);
            background: -webkit-linear-gradient(right, rgba(126,126,126,1) 0%, rgba(255,255,255,1) 100%);
            left: 0;
        }

.entry .buttons button {
    background-color: #BC0A0F;
    border-bottom: none;
    border-radius: 0;
    font-size: 2rem;
    line-height: 1.3333333;
    padding: 10px 16px;
    color: #fff;
    height: 60px;
    width: 100%;
    font-family: 'klavika-web', sans-serif!important;
    text-transform: uppercase!important;
    font-weight: 600!important;
    letter-spacing: 0.5px!important;
    transition: all 0.15s ease-in-out!important;
}

    .entry .buttons button:hover {
		
        background-color: #00567e!important;
		border-color: #00567e;
    	color: #fff;
    }

.error.pageLevel p {
    font-family: 'Lato', sans-serif!important;
    color: #BC0A0F!important;
    text-align: center!important;
    font-size: 1.6rem!important;
}

#requiredFieldMissing, #fieldIncorrect, #passwordEntryMismatch {
    font-family: 'Lato', sans-serif;
    background: #bc0a0f;
    font-size: 1.6rem;
    padding: 15px;
    margin: 15px 0;
    color: #fff;
}

.error.itemLevel p {
    color: #D0021B;
    font-family: 'proxima-nova', sans-serif;
}

    .error.itemLevel p:before {
        content: "\e101";
        display: inline-block;
        font-family: 'Glyphicons Halflings';
        font-style: normal;
        font-weight: 400;
        line-height: 1;
        margin-right: 3px;
        position: relative;
        top: 1px;
        -webkit-font-smoothing: antialiased;
    }

.highlightError {
    border-color: #D0021B !important;
    box-shadow: inset 0 0 2px rgba(208,2,27,.7)!important;
    outline: 0;
    -webkit-box-shadow: inset 0 0 2px rgba(208,2,27,.7) !important;
}

.image-center {
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    vertical-align: middle;
}

.intro {
    display: none;
}

.localAccount .divider {
    display: none;
}

.login-logo {
    height: 140px;
    margin-top: -90px;
}

.options {
    display: flex;
	flex-direction: column;
	align-items: center;
    margin-left: auto;
    margin-right: auto;
	margin-bottom:0;
    padding-bottom: 10px;
    text-align: center;
    vertical-align: middle;
}

.panel {
	box-shadow: none!important;
}

.panel-body {
    /*padding: 50px 40px !important;*/
    padding: 0px!important;
}

.panel-default {
    border: none!important;
}

.phonefactor_container,
.self_asserted_container,
.unified_container {
    padding-top: 80px;
}

.phoneNumber .type {
    display: inline-block;
    font-weight: bold;
    margin-bottom: 5px;
    max-width: 100%;
}

.phoneNumbers {
    margin-top: 20px;
}

.social {
    /* margin-top: 30px; */
}

.verify {
    margin-top: 5px;
    padding-top: 0 !important;
}

.working {
    bottom: 0;
    display: none;
    height: 2em;
    left: 50%;
    margin: auto;
    overflow: show;
    position: fixed;
    right: 0;
    top: 0;
    width: 2em;
    z-index: 999;
}

    .working:before {
        background-color: rgba(0,0,0,0.3);
        content: '';
        display: block;
        height: 100%;
        left: 0;
        position: fixed;
        top: 0;
        width: 100%;
    }

    .working:not(:required) {
        background-color: transparent;
        border: 0;
        color: transparent;
        font: 0/0 a;
        text-shadow: none;
    }

        .working:not(:required):after {
            animation: spinner 1500ms infinite linear;
            border-radius: 0.5em;
            box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) -1.5em 0 0 0, rgba(0, 0, 0, 0.75) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
            content: '';
            display: block;
            height: 1em;
            font-size: 10px;
            margin-top: -0.5em;
            width: 1em;
            -moz-animation: spinner 1500ms infinite linear;
            -ms-animation: spinner 1500ms infinite linear;
            -o-animation: spinner 1500ms infinite linear;
            -webkit-animation: spinner 1500ms infinite linear;
            -webkit-box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0, rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
        }

@keyframes spinner {
    0% {
        transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
    }
}

@-moz-keyframes spinner {
    0% {
        transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
    }
}

@-o-keyframes spinner {
    0% {
        transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
    }
}

@-webkit-keyframes spinner {
    0% {
        transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
    }
}