Ethical Issues and Dilemmas in Caring for Children and Adolescents

Sparkling Beauty
HIV_AIDSandAdolescentsandYoungAdults.mhtml

Login Login >   Practice   >   HIV & AIDs  >   HIV/AIDS and Adolescents and Young Adults

HIV/AIDS and Adolescents and Young Adults

A Factsheet for Practitioners

April 2002

Social workers have a key role in helping adolescents and young adults (and their families) affected by HIV/AIDS. A recent NASW study showed that 39 percent of NASW members are employed in mental health settings: 14 percent in family and child services settings; 8 percent in medical clinics; 6 percent in schools; a combined 11 percent in aging, adolescents, addictions, and international settings; and 28 percent in multiple areas or other categories. (NASW, Practice Research Network, 2000). 

Because adolescents and young adults receive services in all these practice settings, social workers have the opportunity to address the myriad of issues that are a part of living with HIV/AIDS. The broad range of practice settings also provides the opportunity for social workers to develop and improve prevention and harm-reduction strategies, identify treatment options, ensure access to care, and influence agency and public policy.

How pervasive is the HIV/AIDS epidemic among adolescents and young adults?

HIV/AIDS infections are on the rise among adolescents, particularly among racial and ethnic minority populations and young women. The following statistics highlight the incidence and correlative factors of HIV/AIDS among adolescents and young adults.

  • Fifty percent of all new HIV infections occur in young people under the age of 25, with an estimated 20,000 or more young people infected annually. (Centers for Disease Control and Prevention, 2001).Approximately 50 percent of all high school students in grades nine through 12 have had sexual intercourse; almost 25 percent of all 12th graders have had four or more partners. About one-half of these same 12th graders reported using a latex condom during intercourse (American Association of World Health, 1999).Research shows that older male partners present a greater HIV transmission risk than adolescent males because they are more likely to have had multiple sex partners, more varied sexual and drug experiences, and to be infected with HIV. Older men engaging in sex with younger women is disproportionately high in African American and Latino populations (Department of Health and Human Services, 1998).
  • A seven-city study conducted between 1994 and 1998 found that just over 7 percent of young men who have sex with men (MSMs) are HIV-positive; the study found that the rates increased with age and were higher among African-Americans; Hispanics, and men of mixed race than among Caucasians or Asian/Pacific Islanders. MSMs continue to be at high risk for HIV infection. In 1999, at least half of all reported HIV infections among males aged 13 through 24 occurred among young men who have sex with men (American Federation of AIDS Research 2001).
What role does substance use have in the spread of HIV/AIDS among adolescents and young adults?

According to a study by the American Federation of AIDS Research (2001), the sexual behavior of young people is highly influenced by the use of alcohol and drugs, which decreases decision-making skills and has a negative effect on behavior. This study found that an estimated 3 million teenagers were alcoholics. Several million more had a drinking problem that they could not handle on their own. A separate study showed that in high school youths, steroid was a problem among athletes of both genders. 

Steroid use, including injecting steroids, occurs more often among young people who are involved in physical training because anabolic steroids increase muscle mass, strength, and stamina (Mathias, 1997). The fact that steroids can be injected intravenously places users at risk for contracting HIV/AIDS and hepatitis C. 

The following statistics highlight the seriousness of alcohol and substance abuse among adolescents and young adults.

  • Of youths 12 through 17 years of age who responded to a national household survey in 1999, approximately 1.3 million reported dependency on illicit drugs or alcohol. (Office of National AIDS Policy, 2000)
  • Drug injection led to 6 percent of HIV diagnoses in young people13 through 24 years of age from 1994 to 1997; 57 percent of HIV cases were attributed to sexual transmission, of which 26 percent were contracted through heterosexual sex and 31 percent through male to male sex. (American Association for World Health, 1999)
What do I need to know about testing and reporting laws and HIV/AIDS?

It is important for social workers to be aware of state HIV/AIDS testing and reporting laws. All 50 states and the District of Columbia allow minors to receive testing for sexually transmitted diseases (STDs) without the consent of an adult. However, some states categorize HIV separately from STDs and may require minors to have the consent of a guardian to receive testing and treatment for HIV. Also, some states require that treatment for STDs and HIV be reported. It is advised that you contact your local public health authority for your state’s specific policies on testing and treating youths for HIV. (American Association for World Health, 2001)

What intervention strategies can be used with the adolescent and young adult population?

Social workers encounter adolescents and young adults in a variety of settings, ranging from schools, family welfare agencies, mental health settings, to community and faith-based organizations. Because adolescents and young adults receive services in all of these settings, social workers can affect change through individual, family, group, and community wide interventions.

Individual Interventions

It is important to conduct a risk assessment for all youths who receive services. A biopsychosocial assessment includes risk assessment for alcohol, tobacco, and other drugs (ATOD); violence and abuse; sexual activity and practices; history of other STD’s; pregnancy; and social supports. The following are suggestions that social workers can use when providing services for adolescents and young people affected by HIV/AIDS.

  • Encourage your client(s) to be open and honest about their sexual history, current sexual activities, and substance use history.Learn about harm-reduction strategies for alcohol and other drugs, as well as safer sex practices, and share information with young adults.Understand how HIV/AIDS is (and is not) transmitted. Share accurate information with clients, including the benefits of testing, prevention, and intervention with HIV/AIDS.
  • Provide support for and discuss the benefits of practicing abstinence with adolescents who are not sexually active.
Family Intervention

Working with parents and other caregivers provides an opportunity to educate them about HIV/AIDS prevention and services. In working with families it is important to

  • acknowledge that talking about HIV/AIDS can be difficult and uncomfortable because of the complexity of the issue and respect cultural differences with the goal of helping parents openly discuss issues related to HIV/AIDSlearn about school, community, and Internet resources and refer parents and other caregivers to resources that will maximize opportunities to learn culturally sensitive, age-appropriate content to share with their own family members
  • identify creative opportunities for discussion—for example, how to use television and other forms of media or entertainment to talk to their children about HIV/AIDS, substance use, and other related issues.
Group Intervention

Working with groups and in the community provides the opportunity to address a range of relationship issues, such as relationship violence, drug abuse, safer sex, and abstinence from sex and drugs. A few suggestions are to

  • emphasize the importance of harm reduction practices, ranging from abstinence to consistent safer sex practices.(for example, using condoms).promote peer-group education and intervention among adolescents. This type of intervention improves HIV knowledge and decreases risk behaviors. Peer intervention can also increase condom acquisition and use and reduce the practice of unprotected sexual intercourse, frequency of intercourse, and the number of sexual partners (Jemmott & Jemmott 1997).
  • start HIV/AIDS and STD prevention groups in schools. Because peer group intervention has proven to be effective, encourage all teenagers, including those living with HIV/AIDS, to be active in peer education groups.
Systems or Community Interventions

Because support from all segments of the population is vital, it is important to mobilize groups and organizations that work with young people to fully integrate information about HIV/AIDS in their programming. Prevention of HIV/AIDS is a community concern in which all members play a part in addressing the needs of adolescents and young people. 

As professionals in the community, social workers should provide leadership and lobby with other groups at the local, state, and federal levels on behalf of people with HIV/AIDS to improve the quality of their lives and protect their civil liberties. Social workers across fields of practice must advocate for increased funding for HIV/AIDS research, education, and prevention (NASW, 2000).

Several ways for social workers to accomplish change in the community are to:

  • encourage adolescent drug treatment agencies to address the issue of HIV/AIDS and hepatitis C through individual work with young adults and education of clients and their parents or caregivers
  • attend and/or facilitate workshops and training programs that educate service providers about adolescents and HIV/AIDS; such workshops provide health and mental health professionals with up-to-date information regarding the most recent trends and issues associated with HIV/AIDS.

Despite the challenges to social workers in working with adolescents for HIV/AIDS prevention and treatment, it is vital for groups to be involved in supporting and motivating young people to maintain a healthy lifestyle and be aware of the risk factors associated with HIV/AIDS and other STDs. Parents; schools; religious institutions; the media; and community and state leaders are all responsible for providing a nurturing atmosphere for our youths.

References

  • American Association for World Health. (2001). Youth and AIDS in the 21st century: I care, do you? Washington, DC: Author.
  • American Association for World Health. (1999). HIV in specific populations.
  • American Federation of AIDS Research (2001). Keeping count: HIV/AIDS and young people. [The Body website is available, but no longer run by amfAR.]
  • Centers For Disease Control and Prevention. (2001) HIV prevention strategic plan through 2005. Atlanta: Author
  • Department of Health and Human Services. (1998). New tools for HIV care: STD treatment. Rockville, MD: Health Resources & Services Administration.
  • Jemmott, J. B., & Jemmott, L. S. (1997, February 11-13). Behavioral interventions with heterosexual adolescents. Paper presented at NIH Consensus Development Conference on Interventions to Prevent HIV Risk Behaviors, National Institutes of Health, Bethesda, MD.
  • Mathias, R. (1997). Steroid prevention program scores with high school youth. Washington, D.C.: National Institute of Drug Abuse.National Association of Social Workers. (2000).
  • Acquired immunodeficiency syndrome and human immunodeficiency virus: A social work response. In Social Work Speaks (5th ed., pp. 3–7). Washington, DC: Author.
  • National Association of Social Workers, Practice Research Network. (2000). Informing research and policy through social work practice. Washington, DC: Author.
  • Office of National AIDS Policy. (2000). Youth and HIV/AIDS policy 2000: A new American agenda. Washington, DC: Author.

Fact sheet created by Corey Beauford, MSW intern for the NASW HIV/AIDS Spectrum: Mental Health Training and Education of Social Workers Project. For more information contact Evelyn P. Tomaszewski, ACSW, at 202-408-8600.

The NASW HIV/AIDS Spectrum: Mental Health Training and Education of Social Workers Project is funded by CMHS Contract No. 280-01-8055.

Practice

National Association of Social Workers 750 First Street, NE Suite 800 Washington, DC 20002

About NASW

The National Association of Social Workers (NASW) is the largest membership organization of professional social workers in the world. NASW works to enhance the professional growth and development of its members, to create and maintain professional standards for social workers, and to advance sound social policies.

Mon-Fri 9:00 a.m. - 9:00 p.m. ET

Member Services: 800-742-4089

membership@socialworkers.org

© 2022 National Association of Social Workers. All Rights Reserved. Privacy Policy | Go to Top

@charset "utf-8"; html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote::before, blockquote::after, q::before, q::after { content: none; } html, button, input, select, textarea { font-family: sans-serif; color: rgb(34, 34, 34); } ::selection { background: rgb(2, 139, 255); color: rgb(255, 255, 255); text-shadow: none; } pre { white-space: pre-wrap; overflow-wrap: break-word; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } body { color: rgb(68, 68, 68); font-size: 12px; line-height: 18px; font-family: Arial, Helvetica, sans-serif; -webkit-font-smoothing: antialiased; text-size-adjust: 100%; } h1, h2, h3, h4, h5, h6 { display: block; color: rgb(51, 51, 51); font-family: Arial, Helvetica, sans-serif; font-weight: bold; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; } h1 { font-size: 38px; line-height: 54px; letter-spacing: normal; margin-top: 8px; margin-bottom: 10px; } h2 { font-size: 32px; line-height: 36px; letter-spacing: normal; margin-top: 8px; margin-bottom: 10px; } h3 { font-size: 28px; line-height: 36px; letter-spacing: normal; margin-top: 8px; margin-bottom: 10px; } h4 { font-size: 22px; line-height: 36px; letter-spacing: normal; } h5 { font-size: 16px; line-height: 18px; letter-spacing: normal; } h6 { font-size: 14px; line-height: 18px; letter-spacing: normal; } .Head { display: inline-block; margin-bottom: 6px; } td.Head, td.SubHead, td.SubSubHead { display: table-cell; margin-bottom: 0px; } input[type="image"] + span.Head, input[type="image"] + span.SubHead { display: inline; } p { margin: 0px 0px 18px; } p img { margin: 0px; } em, i { font-style: italic; } strong, b { font-weight: bold; } small { font-size: 80%; } .Normal, .NormalDisabled, .NormalDeleted { color: rgb(68, 68, 68); font-size: 12px; font-weight: normal; line-height: 18px; overflow-wrap: break-word; } .NormalDisabled, .NormalDeleted { color: rgb(153, 153, 153); } .Help { padding: 2px; border: 1px solid rgb(0, 0, 0); background-color: rgb(255, 255, 153); font-weight: normal; font-size: 11px; color: rgb(0, 0, 0); } .NormalBold { font-weight: bold; color: rgb(34, 34, 34); } .NormalRed { font-weight: bold; color: red; } .NormalDeleted { text-decoration: line-through; } blockquote, blockquote p { font-size: 17px; line-height: 24px; color: rgb(119, 119, 119); font-style: italic; } blockquote { margin: 0px 0px 20px; padding: 9px 20px 0px 19px; border-left: 1px solid rgb(221, 221, 221); } blockquote cite { display: block; font-size: 12px; color: rgb(85, 85, 85); } blockquote cite::before { content: "— "; } blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: rgb(85, 85, 85); } hr { clear: both; margin: 17px 0px; height: 0px; border-style: solid; border-color: rgb(221, 221, 221); border-image: initial; border-width: 1px 0px 0px; } a, a:visited { color: rgb(2, 139, 255); text-decoration: underline; outline: 0px; } a:hover, a:focus, a:active { color: rgb(34, 34, 34); outline: 0px; } p a, p a:visited { line-height: inherit; } img.dnn-scale-img { max-width: 100%; height: auto; } img { border: 0px; vertical-align: middle; } #dnn_dnnLOGO_imgLogo { border: 0px; } ul, ol { margin-bottom: 18px; margin-left: 18px; } ul { list-style: outside square; } ol { list-style: decimal; } ul ul, ul ol, ol ol, ol ul { margin-left: 18px; margin-bottom: 0px; } ol ol { list-style: lower-roman; } li p { line-height: 18px; } .dnnFormMessage { display: block; padding: 17px 18px; margin-bottom: 18px; border: 1px solid rgba(2, 139, 255, 0.2); background: rgba(2, 139, 255, 0.15); border-radius: 3px; max-width: 100%; } .dnnFormMessage.dnnFormError, .dnnFormMessage.dnnFormValidationSummary { background-color: rgba(255, 0, 0, 0.15); border-color: rgba(255, 0, 0, 0.2); } .dnnFormMessage.dnnFormWarning { background-color: rgba(255, 255, 0, 0.15); border-color: rgb(205, 178, 31); } .dnnFormMessage.dnnFormSuccess { background-color: rgba(0, 255, 0, 0.15); border-color: rgba(0, 255, 0, 0.5); } .dnnTableHeader { display: block; padding: 15px; background: none 0px 0px repeat scroll rgb(227, 227, 229); } .dnnTableHeader a, .dnnTableHeader input, .dnnTableHeader select { margin: 0px; } .dnnTableDisplay { margin-bottom: 18px; border-width: 1px 1px 0px 0px; border-top-style: solid; border-right-style: solid; border-top-color: rgb(209, 209, 209); border-right-color: rgb(209, 209, 209); border-image: initial; border-left-style: initial; border-left-color: initial; border-bottom-style: initial; border-bottom-color: initial; } .dnnTableDisplay td, .dnnTableDisplay th { padding: 5px 9px; border-bottom: 1px solid rgb(209, 209, 209); } .dnnTableDisplay th { padding: 0px; border-left: 1px solid rgb(209, 209, 209); box-shadow: rgba(255, 255, 255, 0.9) 1px 0px 0px 0px; } .dnnTableDisplay th > span, .dnnTableDisplay th > a { display: block; padding: 5px 9px; } .dnnTableDisplay td:first-child { border-left: 1px solid rgb(207, 207, 207); } .dnnTableDisplay label { display: inline; padding-left: 5px; } .dnnTableDisplay caption { display: none; } .dnnTableDisplay th { background: -webkit-linear-gradient(top, rgb(245, 245, 245) 0%, rgb(223, 223, 223) 100%); text-align: left; text-shadow: rgba(255, 255, 255, 0.8) 1px 1px 0px; color: rgb(51, 51, 51); } .dnnTableDisplay th a, .dnnTableDisplay th label { font-weight: normal; color: rgb(51, 51, 51); text-decoration: none; } .dnnTableDisplay th a { padding: 8px 9px; } .dnnTableDisplay th a:hover { background: -webkit-linear-gradient(top, rgb(254, 254, 254) 0%, rgb(232, 232, 232) 100%); color: rgb(51, 51, 51); } .dnnTableDisplay th a:active { border-color: rgb(153, 153, 153); background: -webkit-linear-gradient(top, rgb(198, 198, 198) 0%, rgb(243, 243, 243) 100%); box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 3px 0px inset; } .dnnTableDisplay tr:nth-child(2n) td { background: rgba(0, 0, 0, 0.04); } .dnnTableDisplay tr:hover td { background: rgba(2, 139, 255, 0.15); } .dnnTableDisplay tfoot tr:hover td { background: none; } .dnnTableFilter { margin-bottom: 18px; background: rgba(0, 0, 0, 0.04); } .dnnTableFilter .dnnTableDisplay { margin-bottom: 0px; } .dnnFilterSet { padding: 18px; } .dnnFilterSet label { display: inline-block; } .dnnFilterSet input, .dnnFilterSet select { display: inline-block; margin: 0px 5px; } .verticalFilter .dnnFilterSet { float: left; width: 20%; padding: 2% 18px; } .verticalFilter .dnnTableDisplay { float: right; width: 75%; } .verticalFilter input[type="search"], .verticalFilter select, .verticalFilter input[type="text"] { margin: 0px; width: 100%; box-sizing: border-box; } .dnnResults { float: left; margin-bottom: 0px; } .dnnPagination { float: right; margin: 0px; padding: 0px; } .dnnPagination li { float: left; list-style: none; } .dnnPagination li a, .dnnPagination li span { display: inline-block; padding: 0px 5px; text-decoration: none; color: rgb(51, 51, 51); } .dnnPagination li a:hover { text-decoration: underline; color: rgb(34, 34, 34); } .dnnPagination li span { color: rgb(34, 34, 34); text-decoration: underline; } .dnnFormItem input[type="text"], .dnnFormItem select, .dnnFormItem textarea, .dnnFormItem input[type="email"], .dnnFormItem input[type="search"], .dnnFormItem input[type="password"] { margin-bottom: 18px; padding: 8px; background: rgb(255, 255, 255); border: 1px solid rgb(201, 201, 201); border-radius: 3px; box-shadow: rgba(255, 255, 255, 0.8) 0px 1px 0px 0px, rgba(0, 0, 0, 0.1) 0px 1px 2px 0px inset; color: rgb(51, 51, 51); font-size: 12px; } .dnnFormItem input.aspNetDisabled, .dnnFormItem textarea.aspNetDisabled { background: rgb(235, 235, 235); box-shadow: none; border-color: rgb(167, 167, 167); border-width: 1px; } .aspNetDisabled, a.aspNetDisabled, .dnnDisabled, a.dnnDisabled { color: rgb(204, 204, 204); cursor: not-allowed; text-decoration: none; } .dnnFormItem input[type="text"]:active, .dnnFormItem input[type="text"]:focus, .dnnFormItem input[type="password"]:focus, .dnnFormItem input[type="password"]:active, .dnnFormItem input[type="email"]:active, .dnnFormItem input[type="email"]:focus, .dnnFormItem select:active, .dnnFormItem select:focus, .dnnFormItem textarea:active, .dnnFormItem textarea:focus, .dnnFormItem input[type="search"]:active, .dnnFormItem input[type="search"]:focus { background: rgb(255, 255, 255); border: 1px solid rgba(2, 139, 255, 0.5); box-shadow: rgba(2, 139, 255, 0.4) 0px 0px 3px 0px; color: rgb(51, 51, 51); } .required label::after, legend.required::after { display: inline-block; margin-top: -2px; margin-left: 9px; padding: 1px 9px; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 3px; background: rgba(0, 0, 0, 0.03); content: "Required"; font-weight: normal; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 11px; font-style: italic; color: rgb(119, 119, 119); } .error label, legend.error { color: rgba(255, 0, 0, 0.9); } .error input[type="text"], .error select, .error textarea, .error input[type="email"], .error input[type="search"] { border: 1px solid rgba(255, 0, 0, 0.6); color: rgba(255, 0, 0, 0.7); } .dnnFormItem button, .dnnFormItem input[type="button"], .dnnFormItem input[type="reset"], .dnnFormItem input[type="submit"], .dnnPrimaryAction, .dnnSecondaryAction, .dnnTertiaryAction, ul.dnnAdminTabNav li a, .dnnLogin .LoginTabGroup span { display: inline-block; padding: 9px; margin-bottom: 9px; cursor: pointer; min-width: 75px; border: 1px solid rgb(194, 194, 194); background: rgb(234, 234, 234); border-radius: 3px; color: rgb(51, 51, 51); font-weight: bold; text-decoration: none; text-align: center; } .dnnFormItem button, .dnnFormItem input[type="button"], .dnnFormItem input[type="reset"], .dnnFormItem input[type="submit"], .dnnPrimaryAction, .dnnSecondaryAction, .dnnTertiaryAction { padding: 6px; } .dnnPrimaryAction, .dnnFormItem input[type="submit"], a.dnnPrimaryAction { border-color: rgb(13, 86, 158); background: -webkit-linear-gradient(top, rgb(53, 142, 234) 0%, rgb(33, 112, 205) 100%); box-shadow: rgba(0, 0, 0, 0.6) 0px 1px 0px 0px, rgba(255, 255, 255, 0.4) 0px 1px 0px 0px inset; color: rgb(239, 239, 239); text-shadow: rgb(24, 91, 147) 0px -1px 0px; } .dnnPrimaryAction:hover, .dnnFormItem input[type="submit"]:hover, a.dnnPrimaryAction:hover { border-color: rgb(13, 86, 158); background: -webkit-linear-gradient(top, rgb(108, 182, 243) 0%, rgb(67, 135, 210) 100%); color: rgb(255, 255, 255); } .dnnPrimaryAction:active, .dnnFormItem input[type="submit"]:active, a.dnnPrimaryAction:active { border-color: rgb(13, 86, 158); background: -webkit-linear-gradient(top, rgb(31, 102, 190) 0%, rgb(48, 133, 224) 100%); box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 5px 0px inset; color: rgb(255, 255, 255); } .dnnPrimaryAction[disabled], .dnnPrimaryAction[disabled]:hover, .dnnPrimaryAction[disabled]:active { text-shadow: none; background: rgb(204, 204, 204) !important; border: none !important; box-shadow: none !important; color: rgb(170, 170, 170) !important; } .dnnFormItem button, .dnnFormItem input[type="button"], .dnnFormItem input[type="reset"], .dnnSecondaryAction, a.dnnSecondaryAction, ul.dnnAdminTabNav li a, .dnnLogin .LoginTabGroup span { background: -webkit-linear-gradient(top, rgb(245, 245, 245) 0%, rgb(223, 223, 223) 100%); box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 0px 0px, rgb(255, 255, 255) 0px 1px 0px 0px inset; text-shadow: rgb(255, 255, 255) 0px 1px 0px; color: rgb(51, 51, 51); } .dnnFormItem button:hover, .dnnFormItem input[type="button"]:hover, .dnnFormItem input[type="reset"]:hover, .dnnSecondaryAction:hover, a.dnnSecondaryAction:hover, ul.dnnAdminTabNav li a:hover, .dnnLogin .LoginTabGroup span:hover { background: -webkit-linear-gradient(top, rgb(254, 254, 254) 0%, rgb(232, 232, 232) 100%); color: rgb(85, 85, 85); } .dnnFormItem button:active, .dnnFormItem input[type="button"]:active, .dnnFormItem input[type="reset"]:active, .dnnFormItem input[type="reset"]:active, .dnnSecondaryAction:active, a.dnnSecondaryAction:active, ul.dnnAdminTabNav li a:active { border-color: rgb(153, 153, 153); background: -webkit-linear-gradient(top, rgb(198, 198, 198) 0%, rgb(243, 243, 243) 100%); box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 5px 0px inset; } span.dnnPrimaryAction > input[type="image"], span.dnnSecondaryAction > input[type="image"] { display: none; } span.dnnPrimaryAction > a.dnnPrimaryAction, span.dnnSecondaryAction > a.dnnSecondaryAction { display: inline; background: transparent; border: none; box-shadow: none; } .dnnTertiaryAction, a.dnnTertiaryAction { padding: 10px; border: none; background: rgb(234, 234, 234); color: rgb(51, 51, 51); } .dnnTertiaryAction:hover, a.dnnTertiaryAction:hover { background: rgb(242, 242, 242); } .dnnTertiaryAction:active, a.dnnTertiaryAction:active { background: rgb(216, 216, 216); } .dnnFormItem input[type="text"] + a.dnnPrimaryAction, .dnnFormItem input[type="text"] + a.dnnSecondaryAction, .dnnFormItem input[type="text"] + a.dnnTerriaryAction { margin-left: 5px; } .dnnFormItem input[type="checkbox"] + span, .dnnFormItem input[type="radio"] + span { margin: 5px; } .StandardButton { border: 1px solid blue; } .dnnFormItem button[disabled], .dnnFormItem input[disabled] { cursor: default; opacity: 0.5; } .dnnFormItem input[type="checkbox"], .dnnFormItem input[type="radio"] { padding: 0px; box-sizing: border-box; } .dnnFormItem input[type="search"] { appearance: textfield; box-sizing: content-box; } .dnnFormItem input[type="search"]::-webkit-search-decoration, .dnnFormItem input[type="search"]::-webkit-search-cancel-button { appearance: none; } .dnnFormItem textarea { overflow: auto; vertical-align: top; resize: vertical; } .dnnFormItem input:valid, .dnnFormItem textarea:valid { } .dnnFormItem input:invalid, .dnnFormItem textarea:invalid { background-color: rgb(240, 221, 221); } .horizontal ul.categories, .horizontal ul.tags { list-style: none; } .horizontal ul.categories { } .horizontal ul.tags { } .horizontal ul.categories li, .horizontal ul.tags li { } .horizontal ul.tags li.add-tags { } .horizontal ul.tags li.add-tags img { } .vertical ul.categories, .vertical ul.tags { list-style: none; } .vertical ul.categories li, .vertical ul.tags li { } .vertical ul.categories li { } .vertical ul.tags li { } .vertical ul.tags li.add-tags { } .vertical ul.tags li.add-tags img { } ul.dnnAdminTabNav { display: inline-block; margin-top: 5px; margin-left: 0px; width: 100%; min-height: 37px; border-bottom: 1px solid rgb(194, 194, 194); } ul.dnnAdminTabNav li { float: left; margin-right: 4px; list-style: none; } ul.dnnAdminTabNav li a { margin-bottom: 0px; border-bottom: 0px; box-shadow: none; border-radius: 3px 3px 0px 0px; } ul.dnnAdminTabNav li.ui-tabs-active a { margin-top: -3px; padding: 12px 9px 10px; background: rgb(255, 255, 255); } .ui-tabs .ui-tabs-panel { position: relative; display: block; } .ui-tabs .ui-tabs-hide { display: none; } .dnnLogin .LoginTabGroup { display: inline-block; width: 100%; height: 37px; margin-left: 0px; margin-top: 5px; border-bottom: 1px solid rgb(194, 194, 194); } .dnnLogin .LoginTabGroup span { margin-right: 4px; margin-bottom: 0px; border-bottom: 0px none; border-radius: 3px 3px 0px 0px; box-shadow: none; } .dnnLogin .LoginTabGroup span.LoginTabSelected { margin-top: -3px; padding: 12px 9px 10px; background: none 0px 0px repeat scroll rgb(255, 255, 255); } .dnnForm .ui-resizable { position: relative; } .dnnForm .ui-resizable-handle { position: absolute; display: block; z-index: 99999; font-size: 0.1px; } .dnnForm .ui-resizable-disabled .ui-resizable-handle, .dnnForm .ui-resizable-autohide .ui-resizable-handle { display: none; } .dnnForm .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0px; } .dnnForm .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0px; } .dnnForm .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0px; height: 100%; } .dnnForm .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0px; height: 100%; } .dnnForm .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } .dnnForm .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } .dnnForm .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } .dnnForm .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px; } .dnnForm { width: 100%; } .dnnForm fieldset { clear: none; position: relative; margin-bottom: 18px; text-align: left; } .dnnForm fieldset fieldset { width: 100%; } .dnnForm .dnnFormItem { clear: both; width: 100%; display: block; position: relative; text-align: left; } .dnnTooltip { position: relative; display: block; width: 32.075%; margin-right: 18px; } .dnnHelperTip { position: relative; display: block; } .dnnDragdropTip { z-index: 10000; position: absolute; padding: 10px 10px 10px 30px; border-radius: 3px; background: url("../../../../../images/pin-icn.png") 7px 12px no-repeat rgba(0, 0, 0, 0.75); font-size: 11px; color: rgb(221, 221, 221); text-align: left; width: auto !important; height: auto !important; } span.dnnFormRequired::after, div.dnnFormItem.dnnFormRequired > div.dnnLabel span::after { content: "*"; display: inline-block; margin: 0px 0px 0px 5px; color: red; font-size: 16px; line-height: 1em; font-weight: bold; } .dnnFormItem input[type="checkbox"] + span, .dnnFormItem input[type="radio"] + span { display: inline-block; width: auto; margin: 6px 5px; } a.dnnFormHelp, .dnnForm .dnnFormItem a.dnnFormHelp, .dnnTooltip label a.dnnFormHelp { color: rgb(51, 51, 51); text-decoration: none; font-weight: bold; } a.dnnFormHelp { display: inline-block; position: absolute; right: 0px; top: 2px; width: 14px; height: 15px; background: url("../../../../../images/helpI-icn-grey.png") left 2px no-repeat; padding: 0px !important; margin: 0px !important; } .dnnLabel { display: inline-block; float: left; position: relative; width: 32.075%; padding-right: 20px; margin-right: 18px; overflow: visible; text-align: right; } .dnnFormItem > .dnnLabel { margin-top: 5px; } .dnnLabel > span { text-align: right; } .dnnForm .dnnFormItem a.dnnFormHelp span { position: relative; } .dnnForm .dnnFormItem a.dnnFormHelp img { display: block; } .dnnLabel + span { display: inline-block; margin-top: 6px; margin-bottom: 6px; white-space: pre-line; } td > .dnnLabel { width: 220px; } .dnnTooltip .dnnFormHelpContent, .dnnHelperTip .dnnFormHelpContent { visibility: hidden; z-index: 10; position: absolute; width: 200px; padding: 10px 10px 10px 30px; border-radius: 3px; background: rgba(0, 0, 0, 0.75); font-size: 11px; color: rgb(221, 221, 221); text-align: left; } .dnnFormHelpContent span { display: block; overflow-wrap: break-word; } .dnnTooltip .dnnFormHelpContent .dnnHelpText { overflow-wrap: break-word; } .bottomArrow::after { position: absolute; content: ""; left: 15px; bottom: -7px; width: 0px; height: 0px; opacity: 0.75; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 7px solid rgb(0, 0, 0); } .topArrow::before { position: absolute; content: ""; left: 15px; top: -7px; width: 0px; height: 0px; opacity: 0.75; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid rgb(0, 0, 0); } a.pinHelp { display: block; position: absolute; left: 7px; top: 12px; width: 15px; height: 15px; opacity: 0.5; background: url("../../../../../images/pin-icn.png") 0px 0px no-repeat; } .ui-draggable a.pinHelp, a.pinHelp:hover { opacity: 1; } .dnnFormItem span.dnnFormMessage.dnnFormError { display: block; position: absolute; overflow: visible; bottom: 95%; right: 12%; width: 200px; margin-bottom: 0px; padding: 10px; border: none; border-radius: 3px; background: rgba(255, 0, 0, 0.75); font-size: 12px; color: rgb(255, 255, 255); text-align: left; } .dnnFormItem span.dnnFormMessage.dnnFormError::after { position: absolute; bottom: -7px; left: 15px; content: ""; width: 0px; height: 0px; opacity: 0.75; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 7px solid red; } .dnnFormItem input[type="text"], .dnnFormItem input[type="password"], .dnnFormItem input[type="email"], .dnnFormItem input[type="tel"], .dnnFormItem select, .dnnFormItem textarea { width: 45%; max-width: 445px; } .dnnFormItem select { width: 47%; } .dnnFormItem select option { color: rgb(51, 51, 51); } .dnnFormItem table { background: none; } .dnnCheckbox { display: inline-block; cursor: pointer; } .dnnCheckbox .mark { display: inline-block; } .dnnCheckbox img { display: inline-block; width: 20px; height: 18px; min-width: 20px; vertical-align: middle; } .dnnCheckbox img { background: url("../../../../../images/checkbox.png") no-repeat transparent; } .dnnCheckbox img { background-position: 0px 0px; } .dnnCheckbox-hover img { background-position: 0px 0px; } .dnnCheckbox-checked img { background-position: -51px 0px; } .dnnCheckbox-disabled { cursor: not-allowed; } .dnnCheckbox-disabled img { opacity: 0.5; } .dnnCheckbox-checked-error img { background-position: -150px 0px; } .dnnCheckbox-error img { background-position: -100px 0px; } .dnnCheckbox-focus { background-color: rgb(227, 227, 229); } .dnnBoxLabel { display: inline-block; } .dnnFormItem input[type="checkbox"].normalCheckBox { display: inline-block; margin: 8px 0px 4px; } .dnnRadiobutton { display: inline-block; cursor: pointer; } .dnnRadiobutton .mark { display: inline-block; } .dnnRadiobutton img { width: 20px; height: 18px; min-width: 20px; vertical-align: middle; } .dnnRadiobutton img { background: url("../../../../../images/radiobutton.png") no-repeat transparent; } .dnnRadiobutton img { background-position: 0px 0px; } .dnnRadiobutton-hover img { background-position: 0px 0px; } .dnnRadiobutton-checked img { background-position: -50px 0px; } .dnnRadiobutton-disabled img { opacity: 0.5; } .dnnRadiobutton-checked-error img { background-position: -150px 0px; } .dnnRadiobutton-error img { background-position: -100px 0px; } .dnnRadiobutton-focus { background-color: rgb(227, 227, 229); } div.dnnFormRadioButtons, div.dnnHSRadioButtons, span.dnnFormRadioButtons, span.dnnHSRadioButtons { display: inline-block; padding: 10px; margin-bottom: 5px; background-color: rgb(240, 240, 240); } table.dnnFormRadioButtons { background-color: rgb(240, 240, 240); margin-bottom: 5px; } .RadComboBox_Default .rcbInput { width: 100% !important; } div.dnnFormGroup { display: inline-block; padding: 10px; margin-bottom: 5px; background-color: rgb(240, 240, 240); width: 65%; } .dnnSpinner { display: inline-block; position: relative; width: 150px; padding: 6px; border: 1px solid rgb(201, 201, 201); background: -webkit-linear-gradient(top, rgb(255, 255, 255) 0%, rgb(240, 242, 241) 100%); border-radius: 3px; color: rgb(51, 51, 51); text-decoration: none; box-shadow: rgb(187, 187, 187) 0px 1px 0px 0px; } .dnnFormItem .dnnSpinner { width: 45%; margin-bottom: 18px; } .dnnSpinnerDisplay { margin: 0px 25px 0px 8px; background: transparent; color: rgb(153, 153, 153); } .dnnFormItem .dnnSpinnerDisplay > input[type="text"], .dnnFormItem .dnnSpinnerDisplay > input[type="text"]:focus { border: none; margin: 0px; box-shadow: none; padding: 0px; background: transparent; } .dnnSpinnerCtrl { position: absolute; top: 0px; right: 0px; width: 25px; background-color: transparent; border-left: 1px solid rgb(201, 201, 201); } .dnnSpinnerCtrl > a.dnnSpinnerTopButton { display: block; width: 25px; height: 16px; background: url("../../../../../images/dnnSpinnerUpArrow.png") center center no-repeat transparent; cursor: pointer; } .dnnSpinnerCtrl > a.dnnSpinnerBotButton { display: block; width: 25px; height: 16px; background: url("../../../../../images/dnnSpinnerDownArrow.png") center center no-repeat transparent; cursor: pointer; } div.dnnTagsInput { display: inline-block; margin: 0px; padding: 5px 0px 0px 5px; border: 1px solid rgb(201, 201, 201); border-radius: 3px; background: rgb(255, 255, 255); box-shadow: rgba(255, 255, 255, 0.8) 0px 1px 0px 0px, rgba(0, 0, 0, 0.3) 0px 1px 2px 0px inset; } .dnnFormItem .dnnTagsInput { width: 45%; } div.dnnTagsInput span.tag { display: block; float: left; padding: 2px 6px; margin-right: 5px; margin-bottom: 5px; border: 1px solid rgb(201, 201, 201); border-radius: 3px; font-size: 12px; text-decoration: none; color: rgb(136, 136, 136); cursor: pointer; background-color: rgb(238, 238, 238); word-break: break-word; } div.dnnTagsInput span.tag:hover { background-color: rgb(232, 241, 250); color: rgb(68, 68, 68); } div.dnnTagsInput span.tag a { display: inline-block; width: 8px; height: 8px; margin: 6px 0px 0px; background: url("../../../../../images/dnnTagClose.png") center center no-repeat transparent; } div.dnnTagsInput > div > input, div.dnnTagsInput > div > input:focus { border: none; background: transparent; outline: none; font-weight: normal; font-family: helvetica; font-size: 12px; display: inline-block; vertical-align: top; height: 19px; padding: 3px 0px 3px 3px; margin-bottom: 5px; } div.dnnTagsInput div { display: block; float: left; } div.dnnTagsInput div.dnnTags_filter { float: right; position: relative; margin: 0px 0px 5px 5px; } div.dnnTagsInput div.dnnTags_filter > .dnnTags_filter_label { display: inline-block; border-left: 1px solid rgb(204, 204, 204); padding: 3px 15px 0px 10px; margin-right: 3px; color: rgb(153, 153, 153); cursor: pointer; background: url("../../../../../images/dnnSpinnerDownArrow.png") right center no-repeat; height: 22px; } div.dnnTagsInput div.dnnTags_filter > .dnnTags_filter_label.dnnExpanded { color: rgb(102, 102, 102); background: url("../../../../../images/dnnSpinnerUpArrow.png") right center no-repeat; } div.dnnTagsInput div.dnnTags_filter > ul.dnnTags_filter_dropdownUl { display: none; position: absolute; list-style-type: none; background: rgb(255, 255, 255); border: 1px solid rgb(201, 201, 201); right: 22px; top: 28px; margin: 0px; border-radius: 3px; box-shadow: rgb(187, 187, 187) 0px 2px 0px 0px; z-index: 15; } .dnnTagsInput div.dnnTags_filter > ul.dnnTags_filter_dropdownUl > li { white-space: nowrap; padding: 6px 12px 6px 8px; border-top: 1px solid rgb(201, 201, 201); list-style: none; color: rgb(102, 102, 102); min-width: 150px; } .dnnTagsInput div.dnnTags_filter > ul.dnnTags_filter_dropdownUl > li:first-child { border-top: none; } .dnnTagsInput div.dnnTags_filter > ul.dnnTags_filter_dropdownUl > li:hover { background-color: rgb(232, 241, 250); color: rgb(51, 51, 51); } .dnnTagsInput div.dnnTags_filter > ul.dnnTags_filter_dropdownUl > li > input { display: inline-block; vertical-align: top; margin-right: 10px; cursor: pointer; } .dnnTagsInput div.dnnTags_filter > ul.dnnTags_filter_dropdownUl > li > span.dnnCheckbox { margin-right: 8px; } .dnnTagsInput div.dnnTags_filter > ul.dnnTags_filter_dropdownUl > li > label { display: inline-block; vertical-align: top; cursor: pointer; } div.dnnTagsInput div.dnnTags_filter a.dnnSearchButton { display: inline-block; width: 18px; height: 18px; background-image: url("../../../../../images/search/searchButton.png"); background-repeat: no-repeat; background-position: center center; vertical-align: top; cursor: pointer; margin: 4px 5px 0px 4px; } .dnnTagsClear { clear: both; width: 100%; height: 0px; } div.dnnTagsInput > div > input.dnnTagsInvalid { display: block; float: left; margin-right: 5px; border: none; outline: none; border-radius: 3px; background: rgb(251, 216, 219); cursor: pointer; font-size: 12px; text-decoration: none; color: rgb(144, 17, 26) !important; } .dnn_acResults { padding: 0px; border: 1px solid rgb(201, 201, 201); background-color: rgb(255, 255, 255); overflow: hidden; z-index: 900001; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; box-shadow: rgb(187, 187, 187) 0px 2px 0px 0px; min-width: 150px; } .dnn_acResults ul { margin: 0px; padding: 0px; list-style: none; } .dnn_acResults ul li { margin: 0px; padding: 6px 22px; border-top: 1px solid rgb(201, 201, 201); cursor: pointer; display: block; overflow: hidden; color: rgb(51, 51, 51); } .dnn_acResults ul li:first-child { border-top: none; } .dnn_acLoading { } .dnn_acSelect { background-color: rgb(232, 241, 250); color: rgb(51, 51, 51); } .dnnFormMessage .dnnLabel { float: none; width: 90%; text-align: left; } .dnnFormSectionHead span { font-size: 18px; color: rgb(34, 34, 34); } .dnnProgressbar { padding: 18px 10px 0px; border: 1px solid rgb(201, 201, 201); background: -webkit-linear-gradient(top, rgb(240, 242, 241) 0%, rgb(255, 255, 255) 100%); border-radius: 3px; box-shadow: rgba(0, 0, 0, 0.25) 0px 1px 3px 0px inset, rgb(255, 255, 255) 0px 1px 0px 0px; height: 25px !important; } .ui-progressbar { overflow: hidden; background-color: rgb(204, 204, 204); box-shadow: rgb(187, 187, 187) 0px 1px 0px 0px inset; text-align: left; height: 10px !important; } .ui-progressbar .ui-progressbar-value { margin: 0px; height: 100%; background: -webkit-linear-gradient(left, rgb(43, 127, 218) 0%, rgb(63, 189, 255) 100%); } .dnnDropdownSettings { position: relative; height: 30px !important; } .dnnButtonDropdown { width: 50px; background: -webkit-linear-gradient(top, rgb(255, 255, 255) 0%, rgb(240, 242, 241) 100%); border-radius: 3px; box-shadow: rgb(187, 187, 187) 0px 1px 0px 0px; border: 1px solid rgb(201, 201, 201); cursor: pointer; height: 30px !important; } .dnnButtonIcon, .dnnButtonArrow { display: inline-block; height: 30px !important; } .dnnButtonIcon { width: 32px; } .dnnButtonArrow { width: 10px; background: url("../../../../../images/dnnSpinnerDownArrow.png") center center no-repeat transparent; } .dnnButtonDropdown-clicked { z-index: 100; position: absolute; width: 50px; background: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(201, 201, 201) rgb(201, 201, 201) rgb(255, 255, 255); border-image: initial; border-top-left-radius: 3px; border-top-right-radius: 3px; height: 30px !important; } .dnnButtonDropdown-ul { display: none; position: absolute; z-index: 99; top: 29px; left: 0px; width: 200px; margin-left: 0px; background: rgb(255, 255, 255); border: 1px solid rgb(201, 201, 201); border-radius: 3px; box-shadow: rgb(187, 187, 187) 0px 2px 0px 0px; list-style-type: none; } .dnnButtonDropdown-ul > li, .dnnButtonDropdown-ul > ul > li { padding: 8px; border-bottom: 1px solid rgb(201, 201, 201); color: rgb(51, 51, 51); cursor: pointer; vertical-align: middle; list-style: none; margin: 0px; } .dnnButtonDropdown-ul > ul { margin: 0px; } .dnnButtonDropdown-ul > ul > li { padding-left: 16px; } .dnnButtonDropdown-ul > li:last-child { border-bottom: none !important; } .dnnButtonDropdown-ul > li:hover { background-color: rgb(232, 241, 250); color: rgb(0, 0, 0); } ul.dnnButtonGroup { display: inline-block; margin: 0px; padding: 0px; background: -webkit-linear-gradient(top, rgb(255, 255, 255) 0%, rgb(240, 242, 241) 100%); border-radius: 3px; box-shadow: rgb(187, 187, 187) 0px 1px 0px 0px; border: 1px solid rgb(201, 201, 201); cursor: pointer; list-style: none; } ul.dnnButtonGroup > li { display: block; float: left; border-left: 1px solid rgb(201, 201, 201); margin: 0px; } ul.dnnButtonGroup > li:hover { background-color: rgb(232, 241, 250); } ul.dnnButtonGroup > li.dnnButtonGroup-first { display: none; } ul.dnnButtonGroup > li.dnnButtonGroup-first + li { border-left: none; } ul.dnnButtonGroup > li > a { display: inline-block; padding: 7px 7px 6px; text-decoration: none; color: rgb(51, 51, 51); } ul.dnnButtonGroup span { color: rgb(51, 51, 51); } .dnnFormItem .dnnInputGroup { float: left; display: block; width: 32.075%; padding: 5px; margin-bottom: 18px; background: rgba(0, 0, 0, 0.05); } .dnnFormItem .dnnInputGroup .dnnLeft { width: 100%; } .dnnFormItem .dnnInputGroup span { display: inline-block; width: 33%; text-align: right; } .dnnFormError label a span { color: red; } .dnnFormError input[type="text"], .dnnFormError input[type="password"], .dnnFormError input[type="email"], .dnnFormError input[type="tel"], .dnnFormError select, .dnnFormError textarea { border: 1px solid red; } .dnnFormItem input[type="text"] + .dnnTertiaryAction, .dnnFormItem input[type="password"] + .dnnTertiaryAction, .dnnFormItem input[type="email"] + .dnnTertiaryAction, .dnnFormItem input[type="tel"] + .dnnTertiaryAction, .dnnFormItem select + .dnnTertiaryAction { display: inline-block; max-width: 60px; } .dnnForm fieldset.dnnFormInformation { float: left; width: 32.075%; margin-left: 16px; padding: 18px 0px; background: rgba(0, 0, 0, 0.05); } .dnnFormItem textarea { min-height: 80px; } .dnnAddress input[type="checkbox"] { margin: 0px 5px; } .dnnFormRadioButtons { float: left; display: block; width: auto; } .dnnFormRadioButtons input[type="radio"] { float: none; } .dnnFormRadioButtons label, .dnnFormItem input[type="radio"] + label { float: none; display: inline; width: auto; padding-right: 0px; margin: 0px 10px 0px 0px; text-align: left; font-weight: normal; } .dnnTextEditor { margin-bottom: 18px; } .dnnActions { float: none; clear: both; display: block; margin: 0px; padding-top: 18px; text-align: left; } .dnnActions li { float: left; margin-right: 5px; list-style: none; } .dnnLoginActions { display: inline-block; } .dnnForm.dnnShortForm .dnnFormItem label { float: none; width: 100%; margin-bottom: 0.25em; text-align: left; } .dnnForm.dnnShortForm .dnnFormItem input, .dnnForm.dnnShortForm .dnnFormItem select, .dnnForm.dnnShortForm .dnnFormItem textarea { float: none; text-align: left; } .dnnForm.dnnShortForm .dnnFormItem a.dnnFormHelp { background-position: left center; padding-left: 22px; } .dnnForm .ui-helper-hidden { display: none; } .dnnForm .ui-helper-hidden-accessible { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; } .dnnForm .ui-state-highlight, .dnnForm .ui-widget-content .ui-state-highlight, .dnnForm .ui-widget-header .ui-state-highlight { border: 1px solid rgb(254, 210, 47); background: rgb(255, 228, 92); color: rgb(54, 54, 54); } .dnnForm .ui-state-highlight a, .dnnForm .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a { color: rgb(54, 54, 54); } .dnnForm .ui-state-error, .dnnForm .ui-widget-content .ui-state-error, .dnnForm .ui-widget-header .ui-state-error { border: 1px solid rgb(205, 10, 10); background: rgb(184, 25, 0); color: rgb(255, 255, 255); } .dnnForm .ui-state-error a, .dnnForm .ui-widget-content .ui-state-error a, .dnnForm .ui-widget-header .ui-state-error a { color: rgb(255, 255, 255); } .dnnForm .ui-state-error-text, .dnnForm .ui-widget-content .ui-state-error-text, .dnnForm .ui-widget-header .ui-state-error-text { color: rgb(255, 255, 255); } .dnnForm .ui-priority-primary, .dnnForm .ui-widget-content .ui-priority-primary, .dnnForm .ui-widget-header .ui-priority-primary { font-weight: bold; } .dnnForm .ui-priority-secondary, .dnnForm .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: 0.7; font-weight: normal; } .dnnForm .ui-state-disabled, .dnnForm .ui-widget-content .ui-state-disabled, .dnnForm .ui-widget-header .ui-state-disabled { opacity: 0.35; background-image: none; } .dnnForm .ui-draggable { cursor: move; } .dnnForm .ui-corner-all, .dnnForm .ui-corner-top, .dnnForm .ui-corner-left, .dnnForm .ui-corner-tl { border-radius: 4px; } .dnnForm .ui-corner-all, .dnnForm .ui-corner-top, .dnnForm .ui-corner-right, .dnnForm .ui-corner-tr { border-radius: 4px; } .ModuleTitle_MenuContainer { border: 1px solid blue; } .ModuleTitle_MenuBar { } .ModuleTitle_MenuItem { } .ModuleTitle_MenuIcon { } .ModuleTitle_SubMenu { } .ModuleTitle_MenuBreak { } .ModuleTitle_MenuItemSel { } .ModuleTitle_MenuArrow { } .ModuleTitle_RootMenuArrow { } .MainMenu_MenuContainer { border: 1px solid green; } .MainMenu_MenuBar { } .MainMenu_MenuItem { } .MainMenu_MenuIcon { } .MainMenu_SubMenu { } .MainMenu_MenuBreak { } .MainMenu_MenuItemSel { } .MainMenu_MenuArrow { } .MainMenu_RootMenuArrow { } .ui-widget-overlay { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.65); z-index: 9999; } .dnnFormPopup { position: absolute; padding: 18px; background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.75) 0px 0px 25px 0px; z-index: 100000; } .dnnFormPopup, .dnnFormPopup > * { box-sizing: content-box; } .dnnFormPopup .ui-dialog-titlebar { position: relative; padding: 0px 0px 18px; border-bottom: 1px solid rgb(221, 221, 221); cursor: move; font-size: 18px; font-weight: bold; } .dnnFormPopup .dnnModalCtrl { display: block; position: absolute; top: -30px; right: -30px; width: 69px; height: 26px; background-color: rgb(255, 255, 255); border-radius: 10px; box-shadow: rgb(102, 102, 102) 0px 0px 5px; } .dnnFormPopup .dnnModalCtrl .ui-dialog-titlebar-close { float: right; display: block; height: 18px; width: 30px; margin: 4px 4px 0px 1px; overflow: hidden; border: none; outline: none; border-top-right-radius: 8px; border-bottom-right-radius: 8px; background: url("../../../../../images/closeBtn.png") 8px 4px no-repeat rgb(88, 88, 88); text-indent: -9999em; min-width: 0px !important; } .dnnFormPopup .dnnModalCtrl .ui-dialog-titlebar-close:hover { background: url("../../../../../images/closeBtn.png") 8px 4px no-repeat rgb(53, 142, 234); cursor: pointer; } .dnnFormPopup .dnnModalCtrl a.dnnToggleMax { float: left; display: block; height: 18px; width: 30px; margin: 4px 0px 0px 4px; overflow: hidden; border-top-left-radius: 8px; border-bottom-left-radius: 8px; background: url("../../../../../images/resizeBtn.png") 10px 2px no-repeat rgb(88, 88, 88); text-indent: -9999em; } .dnnFormPopup .dnnModalCtrl a.dnnToggleMax:hover { background: url("../../../../../images/resizeBtn.png") 10px 2px no-repeat rgb(53, 142, 234); } div.ui-dialog-titlebar > .ui-dialog-titlebar-close { display: block; position: absolute; top: -30px; right: -30px; height: 24px; width: 24px; margin: 0px; overflow: hidden; border-radius: 12px; background: url("../../../../../images/closeBtn.png") 4px 4px no-repeat rgb(88, 88, 88); border: 3px solid rgb(255, 255, 255); text-indent: -9999em; min-width: 0px !important; } .dnnFormPopup #iPopUp { padding-top: 10px; width: 100% !important; } .dnnFormPopup .ui-dialog-content, #iPopUp .ui-dialog-content { position: relative; border: 0px; padding: 0px; overflow: auto; background: rgb(255, 255, 255); zoom: 1; } .dnnFormPopup .ui-dialog-buttonpane { margin: 0.5em 0px 0px; padding: 0.3em 1em 0em 0em; overflow: hidden; border-width: 1px 0px 0px; background-image: none; text-align: left; border-top-style: solid; border-top-color: rgb(221, 221, 221); } .dnnFormPopup .ui-dialog-buttonpane button { margin: 0.5em 0.4em 0.5em 0em; padding: 0.5em 1em; cursor: pointer; border: none; outline: none; } .dnnFormPopup .ui-resizable-se { float: right; height: 24px; width: 24px; background: url("../../../../../images/modal-resize-icn.png") center bottom no-repeat; } .dnnFormPopup .dnnDialog { padding: 10px; } .dnnLoading { background: url("../../../../../images/loading.gif") center center no-repeat rgb(255, 255, 255); position: absolute; z-index: 9999; } .dnnPanelLoading { left: 0px; top: 0px; width: 100%; height: 100%; opacity: 0.7; } .urlControl label { width: auto; margin-top: 0px; font-weight: normal; } .urlControlLinkType { width: auto; } .urlControlLinkType span, .dnnFormItem .urlControlLinkType span { float: none; display: block; width: auto; text-align: left; } .dnnFormItem .ucLinkTypeRadioButtons label { display: inline-block; width: 260px; padding-right: 0px; margin-top: 0px; font-weight: normal; text-align: left; } .urlControlLinkType span input { min-width: 3%; } .dnnForm.dnnModuleSettings .dnnFormItem .urlControlLinkType span label { text-align: left; } .urlControlFileRow { clear: both; } .urlControlFileRow span.dnnFormLabel { width: auto; text-align: right; } .urlControlFileRow select, .urlControlFileRow input[type="file"] { clear: both; } .urlControlImagesRow { overflow: hidden; clear: both; } .urlControlImagesRow span.dnnFormLabel { width: auto; text-align: right; } .urlControlImagesRow select { clear: both; } .dnnWizardTab.ui-tabs { position: relative; padding: 0px; } .dnnWizardTab.ui-tabs .ui-tabs-nav { display: block; height: 46px; margin: 0px; padding: 0px; background: url("../../../../../images/InstallWizardBG.png") repeat-x transparent; } .dnnWizardTab.ui-tabs .ui-tabs-nav li { float: left; position: relative; margin: 0px; padding: 0px; list-style: none; white-space: nowrap; border-bottom: 0px !important; } .dnnWizardTab.ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: 0px; } .dnnWizardTab.ui-tabs .ui-tabs-nav li.ui-tabs-active a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; } .dnnWizardTab.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a { cursor: pointer; } .dnnWizardTab.ui-tabs .ui-tabs-panel { clear: both; display: block; padding: 3em 1em 1.4em; border-width: 0px; background: none; } .dnnWizardTab.ui-tabs .ui-tabs-hide { display: none !important; } .dnnWizardTab.ui-tabs .ui-tabs-nav li a { display: block; } .dnnWizardStep > span { display: block; float: left; } .dnnWizardStep { height: 46px; padding: 0px 0px 0px 20px; background: url("../../../../../images/InstallWizardBG.png") 0px 0px repeat-x transparent; cursor: pointer; } .ui-tabs .ui-tabs-nav li:first-child .dnnWizardStep { padding-left: 30px; } .dnnWizardStepNumber { margin: 10px 10px 0px 0px; padding: 3px 8px; background-color: rgb(153, 153, 153); border-radius: 18px; color: rgb(255, 255, 255); font-weight: bold; } .dnnWizardStepTitle { margin: 13px 20px 0px 0px; color: rgb(153, 153, 153); font-weight: bold; text-decoration: none; } .dnnWizardStepArrow { width: 25px; height: 46px; background: url("../../../../../images/InstallWizardBG.png") 0px -401px no-repeat transparent; } .dnnWizardTab.ui-tabs .ui-tabs-nav li.ui-tabs-active .dnnWizardStep { height: 46px; background-position: 0px -100px; } .dnnWizardTab.ui-tabs .ui-tabs-nav li.ui-tabs-active .dnnWizardStepNumber { background-color: rgb(51, 51, 51); } .dnnWizardTab.ui-tabs .ui-tabs-nav li.ui-tabs-active .dnnWizardStepTitle { color: rgb(51, 51, 51); } .dnnFormExpandContent { margin: 10px 0px; } .dnnFormExpandContent > a { color: rgb(51, 51, 51); font-size: 13px; font-weight: bold; } table.dnnPermissionsGrid, table.dnnGrid, table.dnnASPGrid { margin-bottom: 20px; border: 1px solid rgb(201, 201, 201); } table.dnnPermissionsGrid { color: rgb(119, 119, 119); } table.dnnPermissionsGrid tr.dnnGridHeader td { padding: 4px; vertical-align: middle; line-height: 120%; text-align: center; } table.dnnPermissionsGrid tr.dnnGridItem td, table.dnnPermissionsGrid tr.dnnGridAltItem td { padding: 5px 4px; border-top: 1px solid rgb(201, 201, 201); border-bottom: 1px solid rgb(201, 201, 201); width: 70px; text-align: center; } table.dnnPermissionsGrid tr.dnnGridItem td.permissionHeader, table.dnnPermissionsGrid tr.dnnGridAltItem td.permissionHeader { border-right: 1px solid rgb(201, 201, 201); text-align: left; padding-left: 10px; width: 150px; } table.dnnPermissionsGrid tr.dnnGridHeader td.permissionHeader { padding-left: 10px; text-align: left; } .dnnPermissionsGrid > .dnnFormItem label { margin-right: 8px; color: rgb(119, 119, 119); } .dnnPermissionsGrid > .dnnFormItem select { width: 25%; margin: 0px 5px 5px 0px; min-width: 180px; color: rgb(119, 119, 119); } .dnnPermissionsGrid > .dnnFormItem input { margin-bottom: 0px; height: 17px; color: rgb(119, 119, 119); width: 25%; } .dnnPermissionsGrid > .dnnFormItem ul.token-input-list-facebook { display: inline-block; vertical-align: top; } .dnnPermissionsGrid > .dnnFormItem > .leftGroup { margin-right: 35px; float: left; } .dnnPermissionsGrid > .dnnFormItem > .rightGroup { float: left; } .dnnPermissionsGrid > .dnnFormItem > .rightGroup > .dnnSecondaryAction { position: absolute; } .dnnPermissionsGrid > .dnnFormItem { margin-bottom: 18px; overflow: auto; } .dnnGridHeader td, thead.dnnGridHeader th, tr.dnnGridHeader th { padding: 6px 12px; border-bottom: 1px solid rgb(201, 201, 201); border-right: 1px solid rgb(201, 201, 201); background: -webkit-linear-gradient(top, rgb(255, 255, 255) 0%, rgb(240, 242, 241) 100%); } .dnnGridItem td, .dnnGridAltItem td { padding: 6px; border-right: 1px solid rgb(201, 201, 201); } .dnnGridItem td input, .dnnGridAltItem td input { } .dnnGridAltItem { background: rgb(242, 242, 242); } .dnnGridItem:hover, .dnnGridAltItem:hover { background-color: rgb(232, 241, 250); } .urlControl { float: left; display: block; padding: 15px; margin-bottom: 10px; background-color: rgb(240, 240, 240); } .urlControl select, .urlControl input { width: 180px; margin-bottom: 10px; } .urlControl dnnformitem > a.dnnSecondaryAction { margin: 10px 10px 0px 0px; float: left; } .urlControl .urlControlLinkType { float: left; width: 100%; } .urlControl .urlControlLinkType .dnnFormLabel { float: left; width: auto; margin-right: 5px; } .urlControl .urlControlLinkType input[type="radio"] { width: auto; margin-right: 5px; } span[id$="FileControl"] { display: block; float: left; } .dnnFilePicker { display: block; float: left; background-color: rgb(240, 240, 240); margin-bottom: 10px; margin-right: 10px; padding: 0px 15px; width: 450px; } .dnnFilePicker .dnnLeft { margin: -30px 0px 0px; padding: 0px; } .dnnFilePicker dnnformitem { margin: -10px 0px 0px; padding: 0px; position: static; } .dnnFilePicker .dnnLeft img { max-width: 135px; max-height: 100px; } .dnnFilePicker .dnnLeft .dnnFilePickerImageHolder { width: 135px; height: 100px; background-color: rgb(204, 204, 204); margin: 20px 15px; } .dnnFilePicker .dnnFormItem span { display: block; float: left; width: 40px; margin-top: 8px; padding-left: 5px; text-align: left; } .dnnFilePicker select, .dnnFilePicker input { width: 200px; margin: 0px 10px 0px 0px; float: none; } .dnnFilePicker .dnnLeft a.dnnSecondaryAction { margin: 10px 10px 0px 0px; display: inline-block; } .dnnFilePicker .dnnLeft img { display: block; margin: 20px 15px; } span.dnnInputFileWrapper > input[type="file"] { position: absolute; top: 0px; right: 0px; margin: 0px; opacity: 0; direction: ltr; cursor: pointer; height: 100%; font-size: 200px; } span.dnnInputFileWrapper { margin: 0px 4px 0px 0px; position: relative; overflow: hidden !important; width: auto !important; display: block !important; float: left !important; } span.dnnInputFileWrapper > span.dnnSecondaryAction { display: inline-block; float: none; width: auto; } .dnnFileUploadScope { display: block; float: left; background-color: rgb(240, 240, 240); margin-bottom: 10px; margin-right: 10px; padding: 0px; width: 500px; } .dnnFileUploadScope .dnnLeft { margin: 0px; padding: 15px 10px; } .dnnFileUploadScope .dnnLeft .dnnFormItem { margin-bottom: 10px; } .dnnFileUploadScope .dnnFormItem span, .urlControlTab .dnnFormItem > span { display: block; float: left; width: 40px; margin-top: 8px; padding-left: 5px; text-align: left; } .dnnFileUploadScope .dnnFormItem .dnnDropDownList span { margin: 0px; width: auto; } .dnnFileUploadScope .dnnFormItem .RadComboBox_Default, .dnnFileUploadScope .dnnFormItem .dnnDropDownList { width: 180px; margin: 0px; float: none; } .dnnFileUploadScope .dnnLeft .dnnFileUploadDropZone { position: relative; margin: 0px; width: 180px; height: 150px; background: rgb(217, 238, 255); border: 1px dashed rgb(187, 187, 187); box-shadow: rgb(255, 255, 255) 0px 1px 0px; border-radius: 3px; color: rgb(69, 119, 162); } .dnnFileUploadScope .dnnLeft .dnnFileUploadDropZone span { display: block; position: absolute; left: 38px; top: 60px; color: rgb(255, 255, 255); font-size: 12px; background: rgba(0, 0, 0, 0.5); padding: 5px 7px; border-radius: 3px; box-shadow: rgb(255, 255, 255) 0px 1px 0px, rgb(85, 85, 85) 1px 1px 0px inset; opacity: 0.5; cursor: default; transition: all 500ms ease-in-out 0s; } .dnnFileUploadScope .dnnLeft .dnnFileUploadDropZone:hover span { opacity: 1; } input.dnnFixedSizeComboBox { margin-right: 10px; float: left; width: 200px !important; } div.dnnFixedSizeComboBox { margin-right: 15px; float: left; width: 218px !important; } .dnnFixedSizeComboBox + a.dnnSecondaryAction { float: left; margin-right: 10px; } input.dnnSmallSizeComboBox { margin-right: 10px; float: left; width: 100px !important; } div.dnnSmallSizeComboBox { margin-right: 15px; float: left; width: 118px !important; } .dnnSmallSizeComboBox + a.dnnSecondaryAction { float: left; margin-right: 10px; } td.dnnGridHeaderTD-NoBorder { border-right: none !important; } tr.dnnGridItem td, tr.dnnGridAltItem td { border-right: none; } tr.dnnGridItem td input { margin-bottom: 0px; } h2.dnnFormSectionHead { margin-top: 8px; margin-bottom: 18px; border-bottom: 1px solid rgb(221, 221, 221); font-size: 32px; line-height: 36px; letter-spacing: -0.03em; } h2.dnnFormSectionHead a { display: block; padding-left: 3px; background: url("../../../../../images/down-icn.png") right 50% no-repeat; text-decoration: none; color: rgb(51, 51, 51); font-size: 18px; letter-spacing: normal; font-weight: normal; } h2.dnnFormSectionHead a:hover { color: rgb(34, 34, 34); background: url("../../../../../images/down-icn.png") right 50% no-repeat rgba(2, 139, 255, 0.05); } h2.dnnFormSectionHead a.dnnSectionExpanded { background: url("../../../../../images/up-icn.png") right 50% no-repeat; color: rgb(34, 34, 34); } h2.dnnFormSectionHead a.dnnSectionExpanded:hover { color: rgb(34, 34, 34); background: url("../../../../../images/up-icn.png") right 50% no-repeat rgba(2, 139, 255, 0.05); } .dnnVerticalTabs { margin-left: 0px; } .dnnVerticalTabs li { list-style: none; } .dnnVerticalTabs li a { display: block; padding: 15px; border-bottom: 1px solid rgb(221, 221, 221); border-right: 1px solid rgb(221, 221, 221); background: rgba(0, 0, 0, 0.04); color: rgb(153, 153, 153); text-decoration: none; } .dnnVerticalTabs li a:hover { background: rgba(0, 0, 0, 0.06); color: rgb(51, 51, 51); } .dnnVerticalTabs li.active a { background: none; color: rgb(51, 51, 51); border-right: 1px solid transparent; } .tabBody { display: none; } .jspContainer { overflow: hidden; position: relative; } .jspPane { position: absolute; } .jspVerticalBar { position: absolute; top: 0px; right: 0px; width: 11px; height: 100%; background: rgb(204, 204, 204); } .jspHorizontalBar { position: absolute; bottom: 0px; left: 0px; width: 100%; height: 11px; background: rgb(204, 204, 204); } .jspVerticalBar *, .jspHorizontalBar * { margin: 0px; padding: 0px; } .jspCap { display: none; } .jspHorizontalBar .jspCap { float: left; } .jspTrack { background: transparent; position: relative; } .jspVerticalBar .jspTrack { width: 10px; margin: 0px 0px 0px 3px; } .jspHorizontalBar .jspTrack { height: 5px; margin: 3px 0px; } .jspVerticalBar .jspCap { display: block; height: 3px; width: 11px; } .jspHorizontalBar .jspCap { display: block; width: 3px; height: 11px; } .jspDrag { position: relative; top: 0px; left: 0px; border-radius: 3px; opacity: 0.75; background: rgb(0, 0, 0); cursor: pointer; } .jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag { float: left; height: 5px; } div.ModDNNAnnouncementsC table.ucLinkTypeRadioButtons label { display: inline !important; } div.ModDNNAnnouncementsC table.ucLinkTypeRadioButtons span.dnnRadiobutton { display: inline !important; } div.ModDNNAnnouncementsC .urlControl label, div.ModDNNLinksC .urlControl label { display: inline !important; } div.ModDNNFAQsC .Normal { width: auto !important; } div.ModDNNFeedbackC .dnnFormItem > label { display: inline-block; width: 33%; text-align: right; } div.ModDNNUserDefinedTableC div.RadEditor { height: auto !important; } div.ModDNNUserDefinedTableC ul.dnnActions { display: block; } div.ModDNNIFrameC .urlControl span.dnnRadiobutton { display: inline !important; } div.ModDNNIFrameC table.Normal td .dnnLabel { width: 100px; } div.ModDNNIFrameC table.Normal td span.dnnRadiobutton { margin: 5px 0px 0px 30px; } div.ModDNNLinksC .urlControl span.dnnRadiobutton { display: inline !important; } .left { float: left; } .right { float: right; } .dnnLeft { float: left; } .dnnRight { float: right; } .dnnClear { clear: both; } .dnnClear::after { clear: both; content: "."; display: block; height: 0px; visibility: hidden; font-size: 0px; } * + html .dnnClear { min-height: 1%; } .DNNAlignleft { text-align: left; } .DNNAlignright { text-align: right; } .DNNAligncenter { text-align: center; } body:not(.dnnEditState) .DNNEmptyPane { width: 0px; } .Hidden { display: none; } .wordwrap { white-space: pre-wrap; overflow-wrap: break-word; } .eipbackimg { position: absolute; margin-top: -32px; white-space: nowrap; background: url("../../../../../images/eip_toolbar.png") repeat-x; height: 32px; z-index: 1; } .eipbackimg.editMode { opacity: 0.8; border: 1px solid rgb(119, 119, 119) !important; background: linear-gradient(rgb(48, 48, 48) 0%, rgb(25, 25, 25) 100%) !important; } .eipbackimg.containerTitle { margin-top: -8px; } .eipbackimg.containerTitle.editMode { left: auto; right: 0px; margin-top: 2px; background: none !important; border: none !important; } .eipbuttonbackimg { width: 32px; height: 32px; cursor: pointer; float: left; background: url("../../../../../images/eip_toolbar.png") no-repeat; } .eipbackimg.editMode .eipbuttonbackimg { border-left: 1px solid rgb(31, 31, 31); border-right: 1px solid rgb(57, 57, 57); opacity: 0.5; } .eipbackimg.editMode.containerTitle .eipbuttonbackimg { border: none; opacity: 1; } .eipbuttonbackimg.eipbutton_cancel { background-position: -32px 0px; } .eipbuttonbackimg.eipbutton_bold { background-position: -64px 0px; } .eipbuttonbackimg.eipbutton_italic { background-position: -96px 0px; } .eipbuttonbackimg.eipbutton_underline { background-position: -128px 0px; } .eipbuttonbackimg.eipbutton_justifyleft { background-position: -160px 0px; } .eipbuttonbackimg.eipbutton_justifycenter { background-position: -192px 0px; } .eipbuttonbackimg.eipbutton_justifyright { background-position: -224px 0px; } .eipbuttonbackimg.eipbutton_orderedlist { background-position: -256px 0px; } .eipbuttonbackimg.eipbutton_unorderedlist { background-position: -288px 0px; } .eipbuttonbackimg.eipbutton_outdent { background-position: -320px 0px; } .eipbuttonbackimg.eipbutton_indent { background-position: -352px 0px; } .eipbuttonbackimg.eipbutton_createlink { background-position: -384px 0px; } .eipbackimg.containerTitle .eipbutton_cancel { background: url("../../../../../images/eip_title_cancel.png") center center no-repeat; } .eipbutton_edit { background: url("../../../../../images/eip_edit.png") 100% center no-repeat; float: left; } .eipbutton_save { background: url("../../../../../images/eip_save.png") 100% center no-repeat; float: left; } .eipbackimg.containerTitle .eipbutton_save { background-image: url("../../../../../images/eip_title_save.png"); } .eipbackimg.editMode .eipborderhover { background-color: rgb(51, 51, 51); opacity: 1; } .eipbackimg.editMode.containerTitle .eipborderhover { background-color: inherit; } div[id$="titleLabel_tb"].visible ~ span { margin-left: 32px; } div.errorWin p { margin: 0px 0px 10px; } input[type="button"].rspCollapseBarSpacer { min-width: 0px; padding: 0px; } .UserProfileControls ul li { list-style-type: none; } .console.profile { height: auto; background-color: rgb(72, 72, 72); width: 100% !important; } .console.profile .console-none div { cursor: pointer; float: left; height: auto; padding: 0px; margin: 0px; text-align: left; width: 100% !important; } .console.profile .console-none h3 { padding: 10px 8px 10px 40px; margin: 0px; border-bottom: 1px solid rgb(255, 255, 255); background: url("../../../../images/arrow-right-white.png") 18px center no-repeat; color: rgb(238, 238, 238); font-size: 13px; line-height: 1; font-weight: bold; } .console.profile .console-none div div { display: none; } .console.profile .console-mouseon { background-color: rgb(112, 177, 199); } body.mobileView.dnnFormPopup.dnnFormPopupMobileView { margin: 0px; padding: 0px; width: 100%; height: inherit !important; } body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnFormMessage { margin: 0px; box-shadow: none; padding: 10px 0px; } body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnFormMessage.dnnFormValidationSummary { padding: 10px; } body.mobileView.dnnFormPopup.dnnFormPopupMobileView .LoginPanel, body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnSendPasswordContent, body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnRegistrationForm { width: 100%; padding: 18px 0px 0px; margin: 0px; float: none; min-width: inherit !important; } body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnForm { width: 100%; margin: 0px; float: none; min-width: inherit !important; } body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnForm .dnnFormItem > .dnnLabel { display: block; text-align: left; float: none; font-size: 14px; margin: 0px 0px 7px; vertical-align: top; padding: 0px; width: 100% !important; } body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnSocialRegistration { display: none; } body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnCaptcha { width: 100%; } body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnLeft img { display: block; margin: 0px 0px 5px; } body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnForm .dnnFormItem > .dnnLabel a.dnnFormHelp { display: none !important; width: 0px !important; margin: 0px !important; } body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnForm .dnnFormItem > .dnnLabel div.dnnTooltip { display: none !important; width: 0px !important; position: static !important; right: 0px !important; margin: 0px !important; } body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnForm .dnnFormItem input[type="text"], body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnForm .dnnFormItem > input[type="password"] { display: block; box-sizing: border-box; border-radius: 0px; box-shadow: none; margin-bottom: 18px; width: 100% !important; max-width: 100% !important; min-width: 100% !important; } body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnForm .dnnFormItem > span#dnn_ctr_Login_Login_DNN_lblLogin { width: 0px; margin: 0px; display: none !important; } body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnForm .dnnFormItem span.dnnFormMessage.dnnFormError { border-radius: 0px; box-shadow: none; right: 0px; width: auto; max-width: 100%; padding: 10px; } body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnForm.dnnLoginService a.dnnPrimaryAction, body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnForm.dnnLoginService a.dnnSecondaryAction { width: 45%; padding: 18px 0px; display: block; float: left; margin: 0px 5px 0px 0px; } body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnForm .dnnLoginRememberMe { display: block; float: left; margin: 10px 0px 0px 5px; } body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnForm .dnnLoginActions { display: block; } body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnForm .dnnActions a.dnnSecondaryAction, body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnForm .dnnActions a.dnnPrimaryAction { width: 100%; padding: 18px 0px; display: block; } body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnForm .dnnActions { padding: 0px; } body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnForm .dnnActions li { width: 45%; } body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnRegistrationForm .password-strength-container { width: 100%; margin: 0px 0px 12px; padding: 8px 0px; display: block; max-width: inherit !important; } body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnRegistrationForm .dnnFormItem .password-strength-container input[type="password"] { display: block; margin: 0px 8px; width: calc(100% - 20px); box-sizing: border-box; border-radius: 0px; box-shadow: none; max-width: inherit !important; } body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnRegistrationForm .dnnFormItem .password-strength-container span.min-length-text { display: block; margin: 5px 0px 5px 8px; } body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnRegistrationForm .dnnFormItem .password-strength-container div.meter { float: none; width: 90%; margin: 0px 0px 0px 8px; } body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnFormItem input.unmatched { background: none !important; } body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnRegistrationForm .dnnFormItem .password-strength-tooltip, body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnRegistrationForm .dnnFormItem .confirm-password-tooltip { display: none !important; } .mobileView .dnnFormPopup .ui-dialog-content, .mobileVie #iPopUp .ui-dialog-content { max-height: none !important; } .mobileView .ui-widget-overlay { display: none; } .dnnFormPopup.dnnFormPopupMobileView { width: auto !important; left: 0px !important; right: 0px !important; top: 0px !important; box-shadow: none !important; } .dnnFormPopup.dnnFormPopupMobileView div.ui-dialog-titlebar > .ui-dialog-titlebar-close { display: none; } .dnnFormPopup.dnnFormPopupMobileView .ui-dialog-titlebar { border-bottom: none; cursor: inherit; font-size: 22px; color: rgb(0, 0, 0); padding: 5px 0px 0px; } .dnnFormPopup.dnnFormPopupMobileView .dnnForm .dnnFormItem > .dnnLabel { display: block; text-align: left; float: none; font-size: 14px; margin: 0px 0px 7px; vertical-align: top; width: auto !important; } .dnnFormPopup.dnnFormPopupMobileView .dnnForm .dnnFormItem > input[type="text"] { display: block; box-sizing: border-box; border-radius: 0px; box-shadow: none; width: 100% !important; max-width: inherit !important; } .dnnFormPopup.dnnFormPopupMobileView .dnnForm .dnnFormItem > textarea, .dnnFormPopup.dnnFormPopupMobileView .dnnForm .dnnFormItem > .redactor_box { display: block; box-sizing: border-box; border-radius: 0px; box-shadow: none; width: 100% !important; max-width: inherit !important; } .dnnFormPopup.dnnFormPopupMobileView .dnnForm .dnnFormItem > select { box-sizing: border-box; border-radius: 0px; box-shadow: none; width: 100% !important; max-width: inherit !important; } .dnnFormPopup.dnnFormPopupMobileView .dnnForm .dnnFormItem > .dnnTagsInput { box-sizing: border-box; border-radius: 0px; box-shadow: none; margin-bottom: 18px; width: 100% !important; max-width: inherit !important; } .dnnFormPopup.dnnFormPopupMobileView .dnnForm .dnnFormItem > .dnnLabel > input[type="checkbox"].normalCheckBox { display: inline-block; margin: 0px 5px 0px 12px; } .dnnFormPopup.dnnFormPopupMobileView .dnnFormItem span.dnnFormMessage.dnnFormError { right: 0px; width: auto; border-radius: 0px; text-align: right; max-width: 100%; } .dnnFormPopup.dnnFormPopupMobileView a.dnnPrimaryAction, .dnnFormPopup.dnnFormPopupMobileView .ui-dialog-buttonpane button.dnnPrimaryAction, .dnnFormPopup.dnnFormPopupMobileView a.dnnSecondaryAction, .dnnFormPopup.dnnFormPopupMobileView .ui-dialog-buttonpane button.dnnSecondaryAction { width: 49%; margin: 0px; padding: 20px 0px; display: block; } .dnnFormPopup.dnnFormPopupMobileView a.dnnPrimaryAction, .dnnFormPopup.dnnFormPopupMobileView .ui-dialog-buttonpane button.dnnPrimaryAction { float: left; } .dnnFormPopup.dnnFormPopupMobileView a.dnnSecondaryAction, .dnnFormPopup.dnnFormPopupMobileView .ui-dialog-buttonpane button.dnnSecondaryAction { float: right; } .dnnFormPopup.dnnFormPopupMobileView .ui-dialog-buttonpane { border-top: none; } .dnnFormPopup.dnnFormPopupMobileView .ui-dialog-buttonpane .ui-dialog-buttonset { float: none; } .dnnFormPopup.dnnFormPopupMobileView .four-btn-panel a.dnnPrimaryAction, .dnnFormPopup.dnnFormPopupMobileView .four-btn-panel a.dnnSecondaryAction { width: 24%; display: inline-block; margin-right: 1%; float: none; } .dnnFormPopup.dnnFormPopupMobileView .dnnFormMessage { box-shadow: none; margin: 25px 0px 15px; } html.mobileView { overflow: auto !important; } .mobileView .dnnFormPopup .ui-dialog-content, .mobileView #iPopUp .ui-dialog-content { max-height: none !important; } .dnnPlaceholder { color: rgb(102, 102, 102); } div.dnnSliderInput { position: relative; display: inline-block; width: 47%; margin: 15px 0px 23px; max-width: 445px; border: 1px solid rgb(211, 211, 211); border-radius: 3px; height: 10px; } div.dnnSliderInput .ui-slider-handle { position: absolute; z-index: 2; width: 14px; height: 14px; cursor: default; border: 1px solid rgb(170, 170, 170); background-color: rgb(204, 204, 204); font-weight: normal; color: rgb(85, 85, 85); outline: none; top: -2px; margin-left: -7px; box-sizing: border-box; } div.dnnSliderInput .dnnTooltip { top: -37px; margin-left: -22px; } div.dnnSliderInput .dnnTooltip .dnnFormHelpContent { visibility: visible; padding: 4px 10px; width: 25px; text-align: center; z-index: 1; } #dnnMenu .dropdown-menu { overflow-wrap: break-word; }

@charset "utf-8"; .searchInputContainer { display: inline-block; margin: 0px -3px 0px 0px; position: relative; } .searchInputContainer a.dnnSearchBoxClearText { display: block; position: absolute; right: 10px; width: 16px; height: 16px; background: none; cursor: pointer; margin: 7px 0px; z-index: 20; } .searchInputContainer a.dnnSearchBoxClearText.dnnShow { background: url("../../../images/search/clearText.png") center center no-repeat; } ul.searchSkinObjectPreview { position: absolute; top: 100%; right: 0px; background: rgb(255, 255, 255); margin: 0px; list-style: none; border: 1px solid rgb(201, 201, 201); width: 350px; z-index: 200; padding: 0px; } ul.searchSkinObjectPreview li { list-style: none; } ul.searchSkinObjectPreview > li { padding: 6px 12px 6px 22px; border-top: 1px solid rgb(201, 201, 201); color: rgb(102, 102, 102); cursor: pointer; position: relative; margin: 0px; text-transform: none; overflow-wrap: break-word; } ul.searchSkinObjectPreview > li:hover { background-color: rgb(232, 241, 250); color: rgb(51, 51, 51); } ul.searchSkinObjectPreview > li > span { } ul.searchSkinObjectPreview > li > span img.userpic { width: 32px; height: 32px; display: block; float: left; margin-right: 4px; } ul.searchSkinObjectPreview > li > span > b { font-weight: bold; color: rgb(0, 0, 0); } ul.searchSkinObjectPreview > li p { margin: 0px; font-size: 10px; line-height: 1.2em; color: rgb(153, 153, 153); font-style: italic; white-space: normal; } ul.searchSkinObjectPreview > li p b { color: rgb(0, 0, 0); } ul.searchSkinObjectPreview > li.searchSkinObjectPreview_group { padding: 6px 12px; font-weight: bold; color: rgb(0, 0, 0); border-bottom: 2px solid rgb(0, 0, 0); cursor: inherit; } ul.searchSkinObjectPreview > li.searchSkinObjectPreview_group:hover { background-color: rgb(255, 255, 255); color: rgb(0, 0, 0); } ul.searchSkinObjectPreview > li > a.searchSkinObjectPreview_more { display: inline; position: static; background: none; z-index: inherit; width: auto; height: auto; text-indent: inherit; float: none; }

@charset "utf-8"; @import url("bootstrap.css"); @import url("shortcodes.css"); #Body { color: rgb(102, 102, 102); background: rgb(255, 255, 255); } .body_bg { min-height: 100%; } l html, body { margin: 0px; padding: 0px; font: 14px / 1.5 "Open Sans"; color: rgb(102, 102, 102); height: 100%; } p { margin: 0px 0px 8px; color: rgb(83, 86, 90); font-size: 14px; font-family: "Open Sans"; } header, nav, section, footer { display: block; } .nasw_font { color: black !important; font-size: 13px !important; font-family: "Open Sans" !important; } .nasw_1000expertcolor { color: white !important; } th, td, div { } a, a:link { text-decoration: none; transition: color 300ms ease 0s; } a:active { text-decoration: none; } a:visited { text-decoration: none; } a:hover { text-decoration: underline; } a:focus { outline: none; } h1 { letter-spacing: normal; margin: 5px 0px 10px; color: rgb(102, 102, 102); font-family: "Open Sans" !important; line-height: 1.2em !important; } h2 { letter-spacing: normal; margin: 5px 0px 10px; font-family: "Open Sans" !important; line-height: 1.2em !important; } h3 { letter-spacing: normal; margin: 5px 0px 0px; font-family: "Open Sans" !important; line-height: 1.2em !important; } h4 { letter-spacing: normal; margin: 0px 0px 4px; font-family: "Open Sans" !important; line-height: 1.2em !important; } h5 { letter-spacing: normal; margin: 0px 0px 10px; font-family: "Open Sans" !important; line-height: 1.2em !important; } form#Form { height: 100%; } .ModuleTitle_SubMenu { z-index: 9999 !important; } .clearfix::after { clear: both; content: "."; height: 0px; font-size: 0px; visibility: hidden; display: block; } .clearfix { display: inline-block; } .clearfix { display: block; } .clearfix > div > a > img { padding: 0px 0px 10px; } .clear { clear: both; } #socialMediaIconRow { margin-top: 20px; } .copyright_style { font-weight: initial; } p#FeaturedJobHead { font-weight: bold; font-size: 20px; } h4.feed-item-title { font-size: 12px; line-height: 1.6em; font-style: italic; } h4.feed-item-title::before { } div.rss2html-note { display: none !important; } h2.navCardsHeader { color: rgb(0, 102, 99); text-align: center; padding-top: 30px; font-size: 22px; line-height: 20px; } #card-1-alt :hover h2 { color: white !important; } .ClCard-1-alt { float: left; width: 414px; z-index: 104; border: 1px solid rgb(217, 217, 217); margin-top: 40px !important; } .ClCard-1-alt h3 { padding-top: 30px; } .ClCard-1-alt p { margin-bottom: 20px; } .ClCard-1-alt :hover .card-1-alt-in { background-color: rgb(0, 102, 99) !important; } .ClCard-1-alt :hover a, .ClCard-1-alt :hover h3, .ClCard-1-alt :hover p { color: white !important; } .ClCard-1-alt :hover .card-1-alt-in h2, .ClCard-1-alt :hover .card-1-alt-in h3 { color: white !important; } .ClCard-1-alt { display: block; margin: 0px; width: 100%; height: auto; min-height: 0px; z-index: 10; } .ClPractice { float: left; position: relative; width: 384px; margin-top: 0px; margin-left: 0px; z-index: 25; min-height: 1052px; background-image: url("practice.png"); background-repeat: no-repeat; } .ClCard-1-alt, .ClPractice { display: block; margin: 0px; width: 100%; height: auto; min-height: 0px; } div.ClPractice { background: rgb(255, 255, 255); } .footer_top a, .footer_top a:link, .footer_top a:active, .footer_top a:visited, .footer_top a:hover, .home7_foot_accent, .home7_foot_social a:hover span { color: rgb(174, 211, 190) !important; } .quotes_4 blockquote { color: rgb(117, 117, 117); } @media only screen and (max-width: 991px) { .loginContent .LoginPanel { width: 100% !important; } .loginContent .dnnFormItem .dnnLoginRememberMe { white-space: nowrap; } .loginContent .dnnFormLabel { display: block !important; text-align: left !important; } } @media only screen and (max-width: 991px) { .dnnRegistrationForm { min-width: inherit !important; } .dnnRegistrationForm .dnnForm { width: 100%; } .dnnRegistrationForm .dnnFormLabel { display: block !important; text-align: left !important; } .dnnRegistrationForm .dnnForm .dnnFormItem .dnnLabel { width: 100%; display: block !important; float: none !important; text-align: left !important; } .dnnRegistrationForm .dnnForm .dnnFormItem a.dnnFormHelp { right: auto !important; position: static !important; margin-left: 5px !important; } .dnnRegistrationForm .dnnForm .dnnFormItem { padding: 0px !important; margin: 0px !important; } .dnnRegistrationForm .dnnFormItem input[type="text"], .dnnRegistrationForm .dnnFormItem input[type="password"], .dnnRegistrationForm .dnnFormItem input[type="email"], .dnnRegistrationForm .dnnFormItem input[type="tel"], .dnnRegistrationForm .dnnFormItem select, .dnnRegistrationForm .dnnFormItem textarea { width: 100%; margin-bottom: 10px !important; } } @media not all { .dnnSendPasswordContent { width: auto !important; } .dnnSendPasswordContent .dnnLabel { text-align: left; display: block !important; width: 100% !important; } .dnnSendPasswordContent a.dnnFormHelp, .dnnSendPasswordContent .dnnForm .dnnFormItem a.dnnFormHelp, .dnnSendPasswordContent .dnnTooltip label a.dnnFormHelp { position: static; } .dnnSendPasswordContent input[type="text"], .dnnSendPasswordContent input[type="password"], .dnnSendPasswordContent input[type="email"], .dnnSendPasswordContent input[type="tel"], .dnnSendPasswordContent select, .dnnSendPasswordContent textarea { width: 90%; margin-bottom: 10px !important; } .dnnSendPasswordContent ul.dnnActions { padding: 0px !important; } } .CommandButton, a.CommandButton:link, a.CommandButton:visited, a.CommandButton:active { font-size: 12px; color: rgb(151, 57, 57); text-decoration: none; font-weight: normal; font-family: "Open Sans" !important; } a.CommandButton:hover { color: rgb(151, 57, 57); text-decoration: underline; font-size: 12px; font-weight: normal; } .FileManager a, .FileManager a:link, .FileManager a:visited, .FileManager a:active { color: rgb(0, 0, 0); text-decoration: underline; } .FileManager a:hover { color: rgb(0, 0, 0); text-decoration: none; } a.Button_default { padding: 9px 25px; font-size: 14px; display: inline-block; margin: 0px 12px 10px 0px; border-radius: 3px; transition: background-color 200ms ease-in 0s; color: rgb(255, 255, 255) !important; } * + html a.Button_default { display: inline; } a.Button_default:hover { text-decoration: none; background: rgb(0, 0, 0); color: rgb(255, 255, 255) !important; } a.Button_normal { padding: 6px 20px; font-size: 14px; display: inline-block; white-space: nowrap; background-color: rgb(0, 0, 0); margin: 0px 12px 10px 0px; border-radius: 3px; transition: background-color 200ms ease-in 0s; color: rgb(255, 255, 255) !important; } * + html a.Button_normal { display: inline; } a.Button_normal:hover { text-decoration: none; background: rgb(237, 71, 74); color: rgb(255, 255, 255) !important; } .row [class*="Pane"] { padding: 0px 0px 5px; } .DNNEmptyPane { display: none; } .TopOutPaneA { margin: 35px 0px 0px !important; } .TopOutPane { padding: 0px !important; } .BannerPaneA { margin: 40px 0px 60px; border: 6px solid rgb(255, 255, 255); padding: 0px !important; } @media only screen and (max-width: 991px) { .BannerPaneA { margin: 20px 10px 50px; } } .Head { font-weight: bold; font-family: "Open Sans"; } .SubHead { font-family: "Open Sans"; } .SubSubHead { font-family: "Open Sans"; } .Normal { font-family: "Open Sans"; } .mt-10 { margin-top: 10px; } .mb-10 { margin-bottom: 10px; } .pt-10 { padding-top: 10px; } .pb-10 { padding-bottom: 10px; } .mt-20 { margin-top: 20px; } .mb-20 { margin-bottom: 20px; } .pt-20 { padding-top: 20px; } .pb-20 { padding-bottom: 20px; } .mt-30 { margin-top: 30px; } .mb-30 { margin-bottom: 30px; } .pt-30 { padding-top: 30px; } .pb-30 { padding-bottom: 30px; } .mt-40 { margin-top: 40px; } .mb-40 { margin-bottom: 40px; } .pt-40 { padding-top: 40px; } .pb-40 { padding-bottom: 40px; } .mt-50 { margin-top: 50px; } .mb-50 { margin-bottom: 50px; } .pt-50 { padding-top: 50px; } .pb-50 { padding-bottom: 50px; } .mt-60 { margin-top: 60px; } .mb-60 { margin-bottom: 60px; } .pt-60 { padding-top: 60px; } .pb-60 { padding-bottom: 60px; } .pr-10 { padding-right: 10%; } .pr-15 { padding-right: 15px; } .pl-10 { padding-left: 10%; } .pl-15 { padding-left: 15px; } .backgroundImage1 { background-color: rgb(237, 71, 74); text-align: center; } .backgroundImage1, .backgroundImage1 *, .backgroundImage1 a, .backgroundImage1 a:link, .backgroundImage1 a:active, .backgroundImage1 a:visited { color: rgb(255, 255, 255); } .backgroundImage2 { background: url("images/img_bg_2.jpg") center bottom no-repeat rgb(255, 255, 255); text-align: center; } .backgroundImage3 { background: rgb(240, 240, 240); text-align: center; } .backgroundImage4 { background: url("images/img_bg_4.jpg") center bottom no-repeat fixed; text-align: center; } .backgroundImage4, .backgroundImage4 *, .backgroundImage4 a, .backgroundImage4 a:link, .backgroundImage4 a:active, .backgroundImage4 a:visited { color: rgb(255, 255, 255); } .backgroundImage5 { background: url("images/img_bg_5.jpg") center bottom no-repeat fixed; text-align: center; } .backgroundImage5, .backgroundImage5 *, .backgroundImage5 a, .backgroundImage5 a:link, .backgroundImage5 a:active, .backgroundImage5 a:visited { color: rgb(68, 68, 68); } .backgroundImage6 { background: rgb(245, 245, 245); text-align: center; box-shadow: rgba(0, 0, 0, 0.1) 1px 3px 5px -2px inset; } .backgroundImage7 { background: url("images/img_bg_7.jpg") center bottom no-repeat fixed; text-align: center; } .backgroundImage7, .backgroundImage7 *, .backgroundImage7 a, .backgroundImage7 a:link, .backgroundImage7 a:active, .backgroundImage7 a:visited { color: rgb(255, 255, 255); } @media only screen and (max-width: 1024px) { .backgroundImage2, .backgroundImage4, .backgroundImage5, .backgroundImage7 { background-attachment: scroll; background-size: cover; } } .big_size { font-size: 16px; } .title_style_1 { font-size: 26px; line-height: 1.2; font-weight: normal; } .title_style_2 { font-size: 30px; line-height: 1.2; font-weight: normal; } .title_style_3 { text-align: center; width: 100%; overflow: hidden; } .title_style_3 h3 { text-align: left; padding: 0px 20px; position: relative; font-size: 26px; line-height: 1.2; color: rgb(83, 86, 90); white-space: normal; display: inline-block; letter-spacing: 2px; } .title_style_3 h3::before { content: ""; background: url("images/title_style_3.png"); width: 120px; height: 20px; position: absolute; top: 50%; right: 100%; margin-top: -9px; } .title_style_3 h3::after { content: ""; background: url("images/title_style_3.png"); width: 120px; height: 20px; position: absolute; top: 50%; left: 100%; margin-top: -9px; } .title_style_4 { font-size: 30px; line-height: 1.2; color: rgb(255, 255, 255); font-weight: normal; padding-bottom: 20px; letter-spacing: 4px; } .breadcrumbborder a .glyphicons { margin: 0px 5px 0px 0px; color: rgb(184, 184, 184) !important; } .breadcrumbBox h3 { float: left; margin: 0px 5px 0px 0px; vertical-align: middle; } .breadcrumbBox .breadcrumbRight { float: right; vertical-align: middle; } .breadcrumbcurrent { color: rgb(0, 102, 99) !important; } a.breadcrumb:active { text-decoration: none; font-weight: normal; font-size: 14px; color: rgb(0, 102, 99) !important; } .breadcrumbBox { margin-top: 50px; } .breadcrumb, a.breadcrumb:link, a.breadcrumb:visited { text-decoration: none; font-weight: normal; font-size: 12px; color: rgb(217, 217, 217); padding-top: 20px !important; font-family: "Open Sans" !important; } a.breadcrumb:hover { font-weight: normal; text-decoration: underline; } .breadcrumbBox .here { display: none; } @media only screen and (max-width: 991px) { .breadcrumbBox .breadcrumbRight { display: none; } } .dnn_layout { width: 100%; margin: 0px auto; } .dnn_layout_inner { width: 450px; margin: 0px auto; } #dnn_wrapper { background-color: rgb(255, 255, 255); } .head_mid, .content_mid, .footer_mid { padding: 0px; } .languageBox { float: right; white-space: nowrap; border-left: 1px solid rgb(88, 88, 88); height: 34px; line-height: 34px; padding: 0px 15px; } .languageBox img { width: 18px; height: 12px; } .languageBox span img { margin-right: 7px; opacity: 0.5; } * + html .languageBox span { font-size: 30px; } .languageBox span.selected img { opacity: 1; box-shadow: rgba(255, 255, 255, 0.4) 0px 0px 2px; } .Login { float: left; } .Login .loginGroup, .Login .registerGroup { border-right: 1px solid rgb(88, 88, 88); display: inline-block; vertical-align: middle; padding: 5px 15px 5px 8px; margin: 0px; height: 34px; } .Login { padding: 5px 15px; } .Login .glyphicons { display: inline-block; vertical-align: middle; } .Login .registerGroup ul, .Login .registerGroup li { list-style: none; margin: 0px; padding: 0px; display: inline-block; } .Login .registerGroup .userProfileImg img { max-width: 26px !important; } .Login, .Login a, .Login a:link, .Login a:active, .Login a:visited { color: rgb(255, 255, 255); } .Login a:hover { color: rgb(154, 190, 170) !important; } .Login .registerGroup li.userMessages, .Login .registerGroup li.userNotifications { font-size: 0px; overflow: hidden; vertical-align: middle; font-family: "Glyphicons Regular"; font-style: normal; font-weight: normal; line-height: 34px; -webkit-font-smoothing: antialiased; position: relative; padding: 0px 15px; border-right: 1px solid rgb(88, 88, 88); height: 34px; margin: -6px 0px -4px; } .Login .registerGroup li.userDisplayName a { padding: 0px 14px; } @media only screen and (min-width: 1200px) and (max-width: 1399px) { .Login .registerGroup li.userDisplayName a { padding: 0px 8px; } } .Login .registerGroup li.userMessages a { padding-left: 2px; line-height: 31px; } .Login .registerGroup li.userMessages a:empty, .Login .registerGroup li.userNotifications a:empty { width: 1em; } .Login .registerGroup li.userMessages a::before { content: "✉"; font-size: 16px; transition: color 200ms ease-in 0s; } .Login .registerGroup li.userNotifications a::before { content: ""; font-size: 14px; transition: color 200ms ease-in 0s; } .Login .registerGroup li.userMessages:hover::before, .Login .registerGroup li.userNotifications:hover::before { color: rgb(154, 190, 170); } .Login .registerGroup li.userMessages a, .Login .registerGroup li.userNotifications a { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; display: block !important; } .Login .registerGroup li.userNotifications a { left: 5px; } * + html .Login .loginGroup, * + html .Login .registerGroup, * + html .Login .glyphicons, * + html .Login .registerGroup ul, * + html .Login .registerGroup li { display: inline; } .Login .registerGroup li.userMessages a strong, .Login .registerGroup li.userNotifications a strong { display: none; } .Login .registerGroup li.userMessages a span { position: absolute; top: 2px; right: 4px; font-size: 12px; display: block; background-color: rgb(238, 81, 84); padding: 0px 3px; height: 14px; line-height: 1; color: rgb(255, 255, 255); border-radius: 3px; font-weight: normal; } @media only screen and (max-width: 991px) { .Login .registerGroup li.userMessages, .Login .registerGroup li.userNotifications { border-right: 1px solid rgb(88, 88, 88) !important; } .languageBox { border-left: none; } } @media only screen and (min-width: 992px) { #dnn_FootPaneJ { float: right; } } .pulldownsearch { position: absolute; right: 0px; z-index: 903; width: 48px; border-left: 1px solid rgba(255, 255, 255, 0.2); border-right: 1px solid rgba(255, 255, 255, 0.2); top: 0px !important; height: 100% !important; } .visible-xs .pulldownsearch { position: absolute !important; } .searchbut { height: 40px; width: 40px; font-size: 16px; display: block; cursor: pointer; position: absolute; top: 55%; left: 50%; color: rgb(255, 255, 255); margin: 10px 0px 0px; z-index: 903; } .searchbut.active .glyphicons.glyph-search::before { content: ""; color: rgb(0, 0, 0); z-index: 903; } .searchBox { display: none; position: absolute; top: 100%; right: 0px; margin-top: 3px; background: rgb(255, 255, 255); padding: 5px; box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 2px; border-radius: 5px; overflow: inherit !important; height: 35px !important; z-index: 9999 !important; } .searchBox::before { content: ""; border-width: 5px; border-style: solid; border-color: transparent transparent rgb(0, 0, 0); border-image: initial; position: absolute; bottom: 100%; right: 17px; } .searchBox #dnn_dnnSEARCH_ClassicSearch, .searchBox #dnn_dnnSEARCH1_ClassicSearch, .searchBox #dnn_dnnSEARCH2_ClassicSearch, .searchBox #dnn_dnnSEARCH3_ClassicSearch { background: none; border: none; float: none; height: 10px; margin-top: 3px; position: relative; white-space: nowrap; width: 235px; display: block; text-align: left; color: rgb(255, 255, 255); } .SearchIcon { display: block; } .search, a.search:link, a.search:active, a.search:visited { text-decoration: none; display: block; position: absolute; right: 0px; top: 0px; width: 30px; height: 30px; line-height: 30px; overflow: hidden; padding: 0px; color: white; text-align: center; font-family: "Glyphicons Regular"; font-style: normal; font-weight: normal; -webkit-font-smoothing: antialiased; font-size: 14px; } a.search::before { content: ""; } .searchBox input.NormalTextBox { width: 165px; text-align: left; height: 16px; padding: 0px 3px; background: none; border: none; display: block; position: absolute; left: 4px; top: 3px; outline: 0px; border-radius: 0px; appearance: none; color: black; } .searchBox .searchInputContainer { position: static !important; } .searchBox .searchInputContainer a.dnnSearchBoxClearText.dnnShow { left: auto; z-index: 1000; top: 40px !important; right: 5px !important; } .searchBox.searchSkinObjectPreview { left: auto; right: 0px; } .dnnSearchBoxPanel, .dnnSearchResultPanel { width: 100%; max-width: none; padding: 10px 0px !important; } .dnnSearchResultPanel { padding: 10px 0px 7px !important; } .source_code { margin: 5px 0px; } .source_code pre { display: none; } .source_code .source_box pre { display: block; } .source_code .source_box { display: none; } .header_bg { border-bottom: 1px solid rgb(255, 255, 255); } .header_top { background: rgb(0, 0, 0); border-bottom: 1px solid rgba(255, 255, 255, 0.2); } .dnn_logo img { max-width: 100%; } .LogoMenuBox { padding: 35px 0px; } .header_element { display: inline; } .HeadPane { float: right; height: 34px; line-height: 34px; } .HeadPane .Normal { color: rgb(255, 255, 255); line-height: 34px; padding: 0px 15px; } .HeadPane a, .HeadPane a:link, .HeadPane a:active, .HeadPane a:visited, .HeadPane a:hover { color: rgb(255, 255, 255); text-decoration: none; } .HeadPane a:hover { color: rgb(255, 255, 255); text-decoration: underline; } .dnn_logo { text-align: center; float: none; padding: 40px 0px; } .header_line { border-bottom: 1px solid rgba(255, 255, 255, 0.2); height: 0px; overflow: hidden; clear: both; width: 100%; } #dnngo_megamenu .dnngo_masonrymenu > ul { float: left; } .nav_box { position: relative; text-align: center; } .dnn_menu { position: relative; z-index: 904; margin: 0px 50px; } #top_menu { position: relative; } #top_menu ul { margin: 0px; padding: 0px; display: block; } #top_menu ul { display: inline-block; } #top_menu ul::after { content: "."; font-size: 0px; height: 0px; display: block; clear: both; visibility: hidden; } #top_menu ul { margin: 0px; padding: 0px; display: block; } #top_menu li { list-style: outside none none; float: left; position: relative; margin: 0px; padding: 0px; } #top_menu > div > ul > li > a, #top_menu > div > ul > li > a > span, #top_menu > div > ul > li > a > span::after { display: block; transition: all 200ms ease-in 0s; } #top_menu ul li a { text-decoration: none; display: block; cursor: pointer; width: auto; float: left; } #top_menu > div > ul > li { position: relative; } #top_menu .menuslide { display: none; float: left; overflow: hidden; position: absolute; } #top_menu .menuslide ul { box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 2px; } #top_menu .menuslide ul li { display: block; clear: both; padding: 0px; background: none; margin: 0px; position: relative; } #top_menu .menuslide ul .last-item > a { border-bottom: none !important; } #top_menu .menuslide ul li span { color: inherit; display: block; padding: 9px 60px 9px 24px; margin: 0px; background: none; white-space: nowrap; font-size: 13px; } #top_menu .menuslide ul li a { display: block; font-weight: normal; margin: 0px; padding: 0px; background: none; float: left; line-height: 24px; height: auto; position: relative; text-align: left; } #top_menu .menuslide ul { float: left; left: 0px; position: relative; } #top_menu .menuslide ul > li > a { transition: background-color 200ms ease-in 0s; } #top_menu .menuslide ul > li.dir > a { } #top_menu .menuslide ul > li.dir > a:hover, #top_menu .menuslide ul > li.dir > a.menu_hover { } #Mega_menu { position: relative; } #Mega_menu ul { margin: 0px; padding: 0px; display: block; } #Mega_menu ul { display: inline-block; } #Mega_menu ul::after { content: "."; font-size: 0px; height: 0px; display: block; clear: both; visibility: hidden; } #Mega_menu ul { margin: 0px; padding: 0px; display: block; } #Mega_menu li { list-style: outside none none; float: left; position: relative; margin: 0px; padding: 0px; } #Mega_menu > div > ul > li > a, #Mega_menu > div > ul > li > a > span, #Mega_menu > div > ul > li > a > span::after { display: block; transition: all 200ms ease-in 0s; } #Mega_menu ul li a { text-decoration: none; display: block; cursor: pointer; width: auto; float: left; } #Mega_menu > div > ul > li { position: relative; } .Mega_menu div.mega_submenu { padding: 10px 0px; position: absolute; display: none; top: 100%; z-index: 705; left: 0px; margin: 0px; } .Mega_menu ul.mega_submenu_ul { width: 280px; overflow: hidden; display: block; } .Mega_menu div.Column2 ul.mega_submenu_ul { width: 560px; } .Mega_menu div.Column3 ul.mega_submenu_ul { width: 840px; } .Mega_menu div.Column4 ul.mega_submenu_ul { width: 1120px; } .Mega_menu ul.mega_submenu_ul > li { display: block; height: 100%; float: none; width: 281px; zoom: 1; margin: 0px -1px 0px 0px !important; padding: 0px 20px !important; background: none !important; } .Mega_menu ul.mega_submenu_ul li b { display: none !important; } .Mega_menu ul.mega_submenu_ul ul { width: 100%; } .Mega_menu ul.mega_submenu_ul ul li { display: block; width: 100%; float: none !important; background: none !important; } .Mega_menu ul.mega_submenu_ul ul li a { display: block; width: 100%; font-weight: normal; font-size: 15px; text-align: left; line-height: 20px; color: rgb(204, 202, 200); letter-spacing: normal; margin: 0px; position: relative; padding: 8px 0px 8px 15px; white-space: normal; zoom: 1; border: none; background: url("images/arrow-1.png") left -278px no-repeat; float: none !important; } .Mega_menu ul.mega_submenu_ul ul li a:hover, .Mega_menu ul.mega_submenu_ul ul li a:hover::after { } .Mega_menu ul.mega_submenu_ul ul ul li a { } .Mega_menu ul.mega_submenu_ul ul li a span { white-space: normal !important; } .Mega_menu ul.mega_submenu_ul ul li a:hover { text-decoration: none; } .Mega_menu ul.mega_submenu_ul ul li a span { display: block; padding: 0px 15px 0px 0px; margin: 0px; background: none; word-break: break-all; text-transform: none; } .Mega_menu ul.mega_submenu_ul ul ul { margin: 0px; display: block; box-shadow: none; padding: 8px 0px 5px 15px !important; float: none !important; background: none !important; border: none !important; } .Mega_menu ul.mega_submenu_ul ul ul ul { padding: 0px 0px 0px 15px !important; } .Mega_menu ul.mega_submenu_ul ul ul li { margin: 0px; padding: 0px; background: none; border: none; } .Mega_menu ul.mega_submenu_ul ul ul li a { float: none; border-bottom: none; line-height: 18px; padding: 5px 0px 5px 15px; position: relative; font-size: 13px; background-position: left -282px; } #dnngo_megamenu { margin: auto; padding: 0px; clear: both; width: 100%; } #dnngo_megamenu .primary_structure { position: relative; clear: both; margin: auto; padding: 0px; display: table; } #dnngo_megamenu .primary_structure > li { float: left; list-style: none; position: relative; } #dnngo_megamenu .primary_structure > li > a { display: inline-block; padding: 0px; transition: background-color 200ms ease-in 0s; } * + html #dnngo_megamenu .primary_structure > li > a { display: inline; } #dnngo_megamenu .primary_structure > li > a:hover, #dnngo_megamenu .primary_structure > li.menu_hover > a, #dnngo_megamenu .primary_structure > li.current > a { text-decoration: none; } #dnngo_megamenu .dnngo_menuslide { display: none; position: absolute; top: 100%; left: 0px; z-index: 904; margin: 0px; padding: 0px; } #dnngo_megamenu .dnngo_slide_menu { margin: 0px; padding: 0px; white-space: nowrap; } .dnngo_slide_menu { padding: 0px; white-space: nowrap; margin-top: 22px !important; } #dnngo_megamenu .dnngo_slide_menu ul { box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 2px; } #dnngo_megamenu .dnngo_slide_menu ul, #dnngo_megamenu .dnngo_slide_menu ul li { margin: 0px; padding: 0px; } #dnngo_megamenu .dnngo_slide_menu .dnngo_submenu { margin: 0px; padding: 0px; display: none; position: absolute; left: 100%; top: 0px; z-index: 904; } #dnngo_megamenu .dnngo_slide_menu li { position: relative; list-style: none; } #dnngo_megamenu .dnngo_slide_menu li a { text-decoration: none; text-align: left; line-height: 24px; display: block; transition: color 200ms ease-in 0s; } #dnngo_megamenu .dnngo_slide_menu li a:hover, #dnngo_megamenu .dnngo_slide_menu li.menu_hover > a { } #dnngo_megamenu .dnngo_slide_menu li.dir > a::after { content: ""; vertical-align: middle; font-size: 7px; font-family: "Glyphicons Regular"; padding: 0px; margin: 0px; display: inline-block; text-size-adjust: none; position: absolute; right: 20px; top: 10px; } #main_left #dnngo_megamenu .dir .dnngo_slide_menu ul { box-shadow: none !important; } #dnngo_megamenu .dnngo_boxslide { clear: both; overflow: hidden; width: 100%; margin: auto; text-align: left; box-sizing: border-box; } #dnngo_megamenu .dnngo_boxslide .clear { clear: both; overflow: hidden; width: 100%; height: 0px; } #dnngo_megamenu .dnngo_boxslide .menu_centerbox { float: left; box-sizing: border-box; } #dnngo_megamenu .dnngo_boxslide .menu_leftbox { float: left; box-sizing: border-box; padding: 15px; } #dnngo_megamenu .dnngo_boxslide .menu_rightbox { float: left; padding: 15px; box-sizing: border-box; } #dnngo_megamenu .dnngo_boxslide .menu_centerbox ul { margin: 0px; padding: 0px; text-align: left; } #dnngo_megamenu .dnngo_boxslide .menu_centerbox ul li { list-style: none; padding: 5px 10px; font-size: 13px; } #dnngo_megamenu .dnngo_boxslide .menu_centerbox > ul, #dnngo_megamenu .dnngo_boxslide .dnngo_masonrymenu > ul { padding: 10px; } #dnngo_megamenu .dnngo_boxslide .menu_centerbox > ul > li { display: inline-block; vertical-align: top; margin-right: -6px; box-sizing: border-box; padding: 0px 10px; } * + html #dnngo_megamenu .dnngo_boxslide .menu_centerbox > ul > li { display: inline; } #dnngo_megamenu .dnngo_boxslide .menu_centerbox > ul > li > a > span, #dnngo_megamenu .dnngo_boxslide .dnngo_masonrymenu > ul > li > a > span { color: rgb(237, 71, 74); font-size: 16px; } #dnngo_megamenu .dnngo_boxslide .menu_centerbox > ul > li > a:hover { text-decoration: none; } #dnngo_megamenu .dnngo_boxslide .menu_centerbox ul li li { width: 100% !important; } #dnngo_megamenu .dnngo_boxslide .menu_centerbox ul li li a { display: block; width: 100%; } #dnngo_megamenu .dnngo_boxslide .menu_centerbox ul li li a:hover { text-decoration: none; } #dnngo_megamenu .dnngo_boxslide .menu_centerbox ul li li a span { display: block; } #dnngo_megamenu .dnngo_boxslide .menu_centerbox ul li li a span::before { content: ""; vertical-align: middle; font-size: 7px; font-family: "Open Sans"; padding: 0px; display: inline-block; margin: 0px 3px 2px 0px; text-size-adjust: none; } #dnngo_megamenu .dnngo_boxslide .menu_centerbox ul li li a:hover span::before { } #dnngo_megamenu .dnngo_boxslide .menu_topbox { width: 100%; padding: 15px; } #dnngo_megamenu .dnngo_boxslide .menu_bottombox { width: 100%; padding: 15px; } h2.mega_title { font-size: 16px; font-weight: normal; margin: 0px 0px 8px; text-transform: capitalize; } #left_menu { padding: 0px; margin-top: 30px; min-height: 300px; background-color: white; border-width: 5px 1px; border-style: solid; border-color: rgb(154, 190, 170) rgb(217, 217, 217); } #left_menu img { display: none; } #left_menu ul { padding: 0px; margin: 0px; } #left_menu ul li { list-style: none; } #left_menu ul li a { display: block; text-decoration: none; padding: 13px 0px 13px 10px; color: rgb(0, 102, 99); line-height: 19px; margin-bottom: 7px; font-weight: bold; font-size: 18px; position: relative; border-bottom: 1px solid rgb(229, 229, 229); border-radius: 3px; transition: background-color 200ms ease-in 0s; } #left_menu ul li.dir > a::before { transform: rotate(-45deg); } #left_menu > .gomenu > ul > li > a:hover, #left_menu > .gomenu > ul > li.current > a:hover, #left_menu > .gomenu > ul > li.current > a { color: rgb(255, 255, 255); } #left_menu > .gomenu > ul > li > a:hover::before, #left_menu > .gomenu > ul > li.current > a:hover::before, #left_menu > .gomenu > ul > li.current > a::before { border-right: 1px solid rgb(255, 255, 255); border-bottom: 1px solid rgb(255, 255, 255); } #left_menu > .gomenu > ul > li.current > a::before { transform: rotate(45deg); } #left_menu ul ul { padding: 10px 0px 0px; display: none; border: 1px solid rgb(229, 229, 229); border-radius: 3px; margin-bottom: 7px; } #left_menu ul ul ul { display: none; border: none; padding: 0px; margin-bottom: 0px; } #left_menu ul li.current > ul { display: block; } #left_menu ul ul .subcurrent > ul { display: block; } #left_menu ul li li { margin: 0px; border-bottom: none; padding: 0px 11px; } #left_menu ul li li a { position: relative; padding: 8px 5px 8px 30px; line-height: 18px; font-size: 14px; border: none; white-space: normal; color: rgb(102, 102, 102); text-transform: none; border-radius: 0px; } #left_menu ul li li a:hover { color: rgb(0, 102, 99) !important; } #left_menu ul li li:last-child a { border-bottom: none; } #left_menu ul li li:last-child a:hover { color: rgb(0, 102, 99) !important; } #left_menu ul ul ul li:last-child a { border-bottom: 1px solid rgb(229, 229, 229); } #left_menu .gomenu ul ul li a::before { right: 5px; } #left_menu ul li li.subcurrent > a::before { transform: rotate(45deg); } .rightPage_Box #left_menu ul li li { padding-left: 25px; } .rightPage_Box #left_menu ul li li a { background-position: 0px -65px; padding-left: 15px; } #dnn_content { min-height: 475px; } .ContentTop { background: url("images/ContentTop_bg.jpg") center center / auto 100% no-repeat fixed; } .ContentBottom { background: url("images/ContentTop_bg.jpg") center center / auto 100% no-repeat fixed; } .ContentTop .position, .ContentBottom .position { position: relative; } .ContentTop_bg, .ContentBottom_bg { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; opacity: 0.85; z-index: 0; } .ContentTop .dnn_layout, .ContentBottom .dnn_layout { position: relative; z-index: 1; } .footer_box { } .FootPaneA, .FootPaneB, .FootPaneC, .FootPaneD, .FootPaneE, .FootPaneH, .FootPaneI, .FootPaneJ { margin: 35px 0px 30px; } .FootPaneE { margin-bottom: 0px; } .FootPaneF, .FootPaneG { margin: 10px 0px 35px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .FootPaneA, .FootPaneB, .FootPaneC, .FootPaneD { margin: 15px 0px 10px; } } @media only screen and (max-width: 991px) { .FootPaneA, .FootPaneB, .FootPaneC, .FootPaneD { margin: 15px 0px 10px; } .search, a.search:link, a.search:active, a.search:visited { text-decoration: none; display: block; position: absolute; right: 30px; top: 0px; width: 30px; height: 30px; line-height: 30px; overflow: hidden; padding: 0px; color: white; text-align: center; font-family: "Glyphicons Regular"; font-style: normal; font-weight: normal; -webkit-font-smoothing: antialiased; font-size: 14px; } a.search::before { content: ""; } .searchBox input.NormalTextBox { width: 165px; text-align: left; height: 25px; padding: 0px 3px; background: white; border: none; display: block; position: absolute; left: 4px; top: 3px; outline: 0px; border-radius: 0px; appearance: none; color: black; } } .Foot_line { border-bottom: 1px solid rgb(49, 49, 49); height: 0px; overflow: hidden; clear: both; } .copyright_style { float: left; width: 100%; } .FooterPane { float: right; padding: 18px 8px 0px; margin: 0px; } .copyright_style .sep { padding: 0px 5px; } .copyright_style, .copyright_style a, .copyright_style a:link, .copyright_style a:active, .copyright_style a:visited { text-decoration: none; } .copyright_style a:hover { text-decoration: underline; color: rgb(154, 190, 170) !important; } .FooterPane .Normal, .FooterPane a, .FooterPane a:link, .FooterPane a:active, .FooterPane a:visited { } .FooterPane a:hover { text-decoration: none; } .FooterPane .social, .FooterPane .glyphicons { font-size: 25px; margin: 0px 1px; } .FooterPane .social-icons a, .FooterPane .social-icons a { opacity: 0.3; } .FooterPane .social-icons a:hover, .FooterPane .social-icons a:hover { opacity: 1; } #to_top { text-align: center; float: right; font-size: 14px; margin-top: 10px; border-radius: 5px; position: fixed; bottom: 60px; right: 20px; cursor: pointer; z-index: 1000; display: none; transition: border-color 200ms ease-in 0s; } #to_top::before { content: ""; border-width: 8px; border-style: solid; border-color: transparent transparent rgb(0, 102, 99); border-image: initial; position: absolute; top: 50%; left: 50%; margin: -12px 0px 0px -8px; transition: border-color 200ms ease-in 0s; } #to_top:hover { border-color: rgb(0, 0, 0); } #to_top:hover::before { border-bottom-color: rgb(0, 0, 0); } .dividers_1 { border-top: none; border-right: none; border-left: none; border-image: initial; border-bottom: 1px solid rgb(0, 102, 99); height: 0px; width: 100%; clear: both; display: block; overflow: hidden; margin: 5px 0px; } .dividers_2 { border-top: none; border-right: none; border-left: none; border-image: initial; border-bottom: 1px dashed rgb(215, 215, 215); height: 0px; width: 100%; clear: both; display: block; overflow: hidden; margin: 5px 0px; } .dividers_3 { border-top: none; border-right: none; border-left: none; border-image: initial; border-bottom: 3px double rgb(235, 235, 235); height: 0px; width: 100%; clear: both; display: block; overflow: hidden; margin: 5px 0px; } .dividers_4 { border-top: none; border-right: none; border-left: none; border-image: initial; border-bottom: 2px solid rgb(218, 68, 71); height: 0px; width: 10%; clear: both; display: block; overflow: hidden; margin: 5px 0px; } .dividers_5 { border-right: none; border-left: none; border-image: initial; border-top: 1px dotted rgb(205, 205, 205); border-bottom: 1px dotted rgb(205, 205, 205); height: 2px; width: 100%; clear: both; display: block; overflow: hidden; margin: 5px 0px; } .dividers_6 { border: none; height: 1px; width: 100%; clear: both; display: block; overflow: hidden; background: -webkit-radial-gradient(center, rgb(235, 235, 235), rgb(235, 235, 235) 30%, rgb(255, 255, 255) 77%); margin: 5px 0px; } .dividers_7 { border: none; height: 3px; width: 100%; clear: both; display: block; overflow: hidden; background: -webkit-radial-gradient(center, rgb(235, 235, 235), rgb(223, 223, 223) 30%, rgb(255, 255, 255) 72%); margin: 5px 0px; } .dividers_8 { border-right: none; border-left: none; border-image: initial; border-top: 1px dashed rgb(214, 214, 214); border-bottom: 1px dashed rgb(214, 214, 214); text-align: center; width: 100%; clear: both; display: block; font-size: 30px; margin: 15px 0px; } .dividers_8 span { display: block; width: 50px; margin: -10px auto; background: rgb(255, 255, 255); padding: 0px 10px 0px 8px; color: rgb(0, 0, 0); box-sizing: content-box; } .list_style1 { margin: 0px; padding: 0px; } .list_style1 li { list-style: none; padding: 3px 0px; } .list_style1 li .glyphicons, .list_style1 li .social { margin-right: 5px; } .list_style1 li a, .list_style1 li a:link, .list_style1 li a:active, .list_style1 li a:visited { color: rgb(83, 86, 90); } .list_style1 li a:hover { color: rgb(237, 71, 74); } .list_style2 { margin: 0px; padding: 0px; } .list_style2 ul { padding-top: 5px; } .list_style2 li { list-style: none; padding: 5px 0px; } .list_style2 li::before { content: " "; width: 7px; height: 7px; border-radius: 50%; background-color: rgb(237, 71, 74); margin: 0px 8px 2px 0px; display: inline-block; vertical-align: middle; } .list_style2 li a, .list_style2 li a:link, .list_style2 li a:active, .list_style3 li a:visited { color: rgb(83, 86, 90); } .list_style2 li a:hover { color: rgb(0, 102, 99); } .list_style3 { margin: 0px; padding: 0px; border-top: 2px solid rgb(226, 226, 226); } .list_style3 ul { padding-top: 5px; } .list_style3 li { list-style: none; padding: 12px 0px; border-bottom: 1px solid rgb(226, 226, 226); } .list_style3 li a, .list_style3 li a:link, .list_style3 li a:active, .list_style3 li a:visited { color: rgb(83, 86, 90); } .list_style3 li a:hover { color: rgb(0, 102, 99); text-decoration: none; } .list_style3 span.glyphicons, .list_style3 span.social { font-size: 20px; vertical-align: middle; background: rgb(220, 220, 220); padding: 5px; margin-right: 10px; color: rgb(255, 255, 255); width: auto; } .list_style4 { margin-top: 0px; padding: 0px; border-top: 2px solid rgb(226, 226, 226); font: 17px / 25px OpenSans; } .list_style4 ul { padding-top: 5px; font: 17px / 25px OpenSans; } .list_style4 li { list-style: none; padding: 10px 0px; border-bottom: 1px solid rgb(234, 234, 234); color: rgb(83, 86, 90); font: 17px / 25px OpenSans; } .list_style4 li a, .list_style4 li a:link, .list_style4 li a:active, .list_style4 li a:visited { color: rgb(83, 86, 90); } .list_style4 li a:hover { color: rgb(0, 102, 99); } .list_style4 span.glyphicons, .list_style4 span.social { font-size: 18px; vertical-align: middle; margin-right: 10px; color: rgb(102, 102, 102); } .list_style5 { margin: 0px; padding: 0px; } .list_style5 li { list-style: none; padding: 13px 10px 13px 20px; margin-bottom: 7px; line-height: 20px; border: 1px solid rgb(229, 229, 229); border-radius: 3px; transition: background-color 200ms ease-in 0s; } .list_style5 li a { display: block; width: 100%; padding: 13px 10px 13px 20px; margin: -13px -10px -13px -20px; } .list_style5 li, .list_style5 li a, .list_style5 li a:link, .list_style5 li a:active, .list_style5 li a:visited { color: rgb(51, 51, 51); } .list_style1000 li a:active, .list_style1000 li a:visited { color: white; } .list_style1000 li .list_style1000 li a, .list_style1000 li a:link { color: rgb(51, 51, 51); } .list_style5 li:hover { background-color: rgb(0, 102, 99); color: rgb(255, 255, 255); } .list_style5 li:hover a, .list_style5 li a:hover { background-color: rgb(0, 102, 99); color: rgb(255, 255, 255); } .list_style5 span.glyphicons, .list_style5 span.social { font-size: 18px; vertical-align: middle; margin-right: 10px; color: rgb(102, 102, 102); } .list_style6 { border-top: 1px solid rgb(235, 235, 235); margin: 0px; padding: 0px; } .list_style6 li { list-style: none; padding: 11px 0px; border-bottom: 1px solid rgb(235, 235, 235); } .list_style6 li .ico { width: 20px; height: 20px; line-height: 21px; text-align: center; display: inline-block; vertical-align: middle; color: rgb(255, 255, 255); border-radius: 50%; margin: 0px 5px 2px 0px; font-size: 12px; } .list_style7 { margin: 0px; padding: 10px 0px; } .list_style7 li { list-style: none; padding: 7px 0px; width: 50%; display: inline-block; margin-right: -3px; vertical-align: top; } * + html .list_style7 li { display: inline; } .list_style7 li .ico { width: 20px; height: 20px; line-height: 21px; text-align: center; display: inline-block; vertical-align: middle; background-color: rgb(237, 71, 74); color: rgb(255, 255, 255); border-radius: 50%; margin: 0px 5px 2px 0px; font-size: 12px; position: relative; } .list_style7 li .ico::before { content: ""; position: absolute; left: 50%; top: 50%; margin: -3px 0px 0px -3px; border-right: 1px solid rgb(255, 255, 255); border-bottom: 1px solid rgb(255, 255, 255); width: 6px; height: 6px; transform: rotate(-45deg); } .list_style8 { margin: 0px; padding: 0px; } .list_style8 li { list-style: none; padding: 8px 0px; color: rgb(54, 56, 57); font-size: 14px; } .list_style8 li .ico { width: 25px; height: 25px; line-height: 26px; text-align: center; display: inline-block; vertical-align: middle; background-color: rgb(237, 71, 74); color: rgb(255, 255, 255); border-radius: 50%; margin: 0px 10px 2px 0px; font-size: 14px; } .list_style9 { margin: 0px; padding: 0px; } .list_style9 li { list-style: none; padding: 0px 0px 12px; margin: 0px 0px 10px; font-size: 14px; border-bottom: 1px solid rgb(61, 61, 61); } .list_style9 li a, .list_style9 li a:link { color: rgb(120, 120, 120); } .list_style9 li a:hover { color: rgb(237, 71, 74); } .list_style10 { margin: 0px; padding: 0px 0px 0px 3px; } .list_style10 li { margin: 0px 4% 0px -3px; padding: 7px 0px 7px 25px; list-style: none; border-bottom: 1px solid rgb(200, 200, 200); width: 46%; display: inline-block; position: relative; vertical-align: top; } .list_style10 li span { width: 16px; height: 16px; line-height: 16px; text-align: center; background-color: rgb(237, 71, 74); border-radius: 50%; position: absolute; left: 0px; top: 10px; color: rgb(255, 255, 255); font-size: 10px; } .list_style10 li span::before { content: ""; border-right: 1px solid rgb(255, 255, 255); border-bottom: 1px solid rgb(255, 255, 255); width: 5px; height: 5px; display: inline-block; vertical-align: middle; margin-left: -1px; transform: rotate(-45deg); } .list_style11 { margin: 0px; padding: 0px; } .list_style11 li { list-style: none; margin: 0px; padding: 3px 0px; } .list_style11 li::before { content: ""; font-family: "Open Sans"; color: rgb(237, 71, 74); padding: 0px 10px 0px 0px; display: inline-block; vertical-align: middle; } @media only screen and (max-width: 991px) { .list_style7 li { width: 100%; margin-right: 0px; display: block; } } a.Button_style1 { padding: 10px 16px; margin: 0px 5px 5px 0px; position: relative; font-size: 12px; display: inline-block; vertical-align: middle; white-space: nowrap; text-decoration: none; background: url("images/but_bg.png") left bottom / contain repeat-x; border-radius: 3px 3px 4px 4px; box-shadow: rgba(0, 0, 0, 0.2) 0px -3px inset; transition: background-color 200ms ease-in 0s; color: rgb(255, 255, 255) !important; } a.Button_style2 { padding: 10px 16px; margin: 0px 5px 5px 0px; position: relative; font-size: 12px; display: inline-block; vertical-align: middle; white-space: nowrap; text-decoration: none; background: url("images/but_bg.png") left bottom / contain repeat-x; border-radius: 3px; transition: background-color 200ms ease-in 0s; color: rgb(255, 255, 255) !important; } a.Button_style3 { padding: 10px 16px; margin: 0px 5px 5px 0px; position: relative; font-size: 12px; display: inline-block; vertical-align: middle; white-space: nowrap; text-decoration: none; border-radius: 3px; transition: background-color 200ms ease-in 0s; color: rgb(255, 255, 255) !important; } a[class*="Button"].Red { background-color: rgb(223, 12, 0); } a[class*="Button"].Teal { background-color: rgb(32, 178, 170); } a[class*="Button"].Violet { background-color: rgb(111, 0, 128); } a[class*="Button"].MidnightBlue { background-color: rgb(25, 25, 112); } a[class*="Button"].gold { background-color: rgb(255, 215, 0); } a[class*="Button"].OliveDrab { background-color: rgb(118, 167, 50); } a[class*="Button"].SteelBlue { background-color: rgb(70, 130, 180); } a[class*="Button"].GoldenOrange { background-color: rgb(248, 134, 22); } a[class*="Button"].silver { background-color: rgb(192, 192, 192); } a[class*="Button"].dark { background-color: rgb(74, 73, 73); } a[class*="Button"].small { font-size: 12px; letter-spacing: 1px; padding: 10px 16px; line-height: 18px; } a[class*="Button"].large { font-size: 13px; letter-spacing: 1.2px; line-height: 20px; padding: 15px 22px; } a[class*="Button"].jumbo { font-size: 14px; letter-spacing: 1.5px; line-height: 24px; padding: 18px 26px; } a.Button_style1:hover, a.Button_style2:hover, a.Button_style3:hover { background-color: rgb(0, 0, 0); text-decoration: none; color: rgb(255, 255, 255) !important; } * + html a.Button_style1, * + html a.Button_style2, * + html a.Button_style3 { display: inline; } .serviceAnimation_box { clear: both; } .serviceAnimation_box::after { clear: both; content: "."; height: 0px; font-size: 0px; visibility: hidden; display: block; } .service_left_box, .service_right_box { float: left; width: 31%; } .service_center_box { float: left; width: 38%; color: rgb(110, 110, 110); } .serviceAnimation { padding: 25px 0px; } .serviceAnimation li { font-size: 14px; line-height: 1.6; list-style: none; position: relative; padding: 25px 0px; border-top: 1px dashed rgb(204, 204, 204); } .serviceAnimation li:last-child { border-bottom: 1px dashed rgb(204, 204, 204); } .serviceAnimation li::before { content: " "; position: absolute; top: 0px; width: 9px; height: 9px; margin-top: -4px; border-radius: 50%; } .serviceAnimation li:first-child::before { display: none; } .serviceAnimation li .number { width: 58px; height: 58px; line-height: 58px; display: block; border-radius: 50%; position: absolute; text-align: center; font-size: 30px; color: rgb(255, 255, 255); top: 49.9999%; margin-top: -29px; transition: background-color 200ms ease-in 0s; } .serviceAnimation li:hover .number { background-color: rgb(0, 0, 0); } .serviceAnimation h3 { font-size: 18px; font-weight: normal; } .service_left { padding-right: 25px; margin: 0px 30px 0px 0px; } .service_left li { text-align: right; padding-right: 15px; } .service_left li::before { right: -30px; } .service_left li .number { right: -55px; } .service_right { padding-left: 25px; margin: 0px 0px 0px 30px; } .service_right li { text-align: left; padding-left: 15px; } .service_right li::before { left: -30px; } .service_right li .number { left: -55px; } .service_center { padding: 25px 15px 0px; text-align: center; } .service_center .animation { text-align: center; margin: auto; } @media only screen and (min-width: 768px) and (max-width: 991px) { .service_left_box, .service_center_box, .service_right_box { float: none; width: 100%; } .service_left_box li, .service_right_box li { width: 33.3333%; display: inline-block; vertical-align: bottom; margin-right: -4px; } .service_left { margin: 0px 0px 25px; padding: 0px; border: none !important; } .service_right { margin: 25px 0px 0px; padding: 0px; border: none !important; } .service_left.serviceAnimation li { padding: 0px 25px 35px; border-top: none; border-right: none; border-bottom: none; border-image: initial; border-left: 1px dashed rgb(204, 204, 204); text-align: center; } .service_left.serviceAnimation li:first-child { border: none; } .service_left.serviceAnimation li:last-child { border-top: none; border-right: none; border-bottom: none; border-image: initial; border-left: 1px dashed rgb(204, 204, 204); } .service_left.serviceAnimation li .number { top: 100%; left: 50%; margin: -29px 0px 0px -29px; } .service_left.serviceAnimation li::before { top: 100%; left: 0px; margin: -4px 0px 0px -4px; } .service_right.serviceAnimation li { padding: 35px 25px 0px; border-top: none; border-right: none; border-bottom: none; border-image: initial; border-left: 1px dashed rgb(204, 204, 204); text-align: center; } .service_right.serviceAnimation li:first-child { border: none; } .service_right.serviceAnimation li:last-child { border-top: none; border-right: none; border-bottom: none; border-image: initial; border-left: 1px dashed rgb(204, 204, 204); } .service_right.serviceAnimation li .number { top: 0px; left: 50%; margin: -29px 0px 0px -29px; } .service_right.serviceAnimation li::before { top: 0px; left: 0px; margin: -4px 0px 0px -4px; } } @media (min-width: 768px) and (max-width: 1199px) { .Login { float: left; } .Login .loginGroup, .Login .registerGroup { border-right: 1px solid rgb(88, 88, 88); display: inline-block; vertical-align: middle; padding: 5px 15px 5px 8px; margin: 0px; height: 34px; } .Login { padding: 5px 15px; } .Login .glyphicons { display: inline-block; vertical-align: middle; } .Login .registerGroup .userProfileImg img { max-width: 26px !important; } .Login, .Login a, .Login a:link, .Login a:active, .Login a:visited { color: rgb(255, 255, 255); } .Login a:hover { color: rgb(154, 190, 170) !important; } .Login .registerGroup li.userMessages, .Login .registerGroup li.userNotifications { font-size: 0px; overflow: hidden; vertical-align: middle; font-family: "Glyphicons Regular"; font-style: normal; font-weight: normal; line-height: 34px; -webkit-font-smoothing: antialiased; position: relative; padding: 0px 15px; border-right: 1px solid rgb(88, 88, 88); height: 34px; margin: -6px 0px -4px; } .Login .registerGroup li.userDisplayName a { padding: 0px 7px; } .service_left_box, .service_right_box, .service_center_box { width: 100%; float: none; } .service_left, .service_right { border: none !important; } .serviceAnimation li::before { display: none; } .serviceAnimation { margin: 0px; padding: 0px; border: none; } .serviceAnimation li { text-align: center; } .serviceAnimation li .number { position: static; margin: 0px auto 15px; } .service_left_box li:first-child { border-top: none; } .serviceAnimation .animated { animation-name: fadeInUp; } .service_center { padding-bottom: 25px; } } .keyAnimation img { vertical-align: bottom; } .keyAnimation { text-align: center; max-width: 980px; margin: auto; } .keyAnimation ul { margin: 0px; padding: 20px 0px 0px 20px; } .keyAnimation ul li { list-style: none; float: left; width: 33.3%; color: rgb(255, 255, 255); text-align: left; margin-bottom: 20px; position: relative; } .keyAnimation ul li .ico { width: 11px; height: 11px; vertical-align: middle; margin-right: 8px; background: rgb(255, 255, 255); border-radius: 50%; display: inline-block; } .keyAnimation ul li::before { content: " "; position: absolute; height: 23px; top: 18px; left: 5px; border-left: 1px solid rgb(255, 255, 255); } @media only screen and (max-width: 991px) { .keyAnimation { text-align: center; } .keyAnimation ul { text-align: left; padding: 20px 0px; display: inline-block; margin: auto; } .keyAnimation ul li { float: none; width: 100%; margin-bottom: 15px; } .keyAnimation ul li::before { display: none; } } .info_left { float: left; width: 50%; } .info_right { float: left; width: 50%; } .info_main { clear: both; border-bottom: 1px dashed rgb(214, 214, 214); margin-bottom: 15px; } .info_main::after { clear: both; content: "."; height: 0px; font-size: 0px; visibility: hidden; display: block; } .info_list { border-left: 1px dashed rgb(214, 214, 214); margin: 0px 0px 0px 40px; padding: 0px 0px 15px; position: relative; } .info_list .info_box { list-style: none; margin-left: -50px; padding: 15px 30px 15px 60px; color: rgb(138, 138, 138); font-size: 13px; position: relative; border-radius: 8px; transition: background-color 200ms ease-in 0s; } .info_list li { list-style: none; border-top: 1px dashed rgb(214, 214, 214); margin-left: 20px; } .info_list li:first-child { border: none; } .info_list li h3 { font-size: 20px; color: rgb(83, 86, 90); font-weight: normal; } .info_list li h3 span { color: rgb(237, 71, 74); } .info_list .info_box::before { content: ""; position: absolute; width: 13px; height: 13px; border: 2px solid rgb(237, 71, 74); border-radius: 50%; top: 22px; background: rgb(255, 255, 255); left: 23px; } .info_list::before { content: ""; position: absolute; width: 13px; height: 13px; border: 2px solid rgb(237, 71, 74); border-radius: 50%; bottom: -9px; background: rgb(255, 255, 255); left: 0px; margin-left: -7px; } .info_list .info_box:hover { background-color: rgb(237, 71, 74); color: rgb(255, 255, 255); } .info_list .info_box:hover h3, .info_list .info_box:hover h3 span { color: rgb(255, 255, 255); } .info_list .info_box:hover::before { border: 2px solid rgb(255, 255, 255); background: none; } @media only screen and (max-width: 991px) { .info_left, .info_right { float: none; width: 100%; } .info_list { border-left: none; margin: 0px; } .info_list .info_box { margin-left: 0px; padding: 20px; } .info_list .info_box::before, .info_list::before { display: none; } } .about_left { float: left; width: 50%; padding-bottom: 15px; } .about_right { float: left; width: 50%; padding-bottom: 15px; } .about_main { clear: both; } .about_main::after { clear: both; content: "."; height: 0px; font-size: 0px; visibility: hidden; display: block; } .about_content { border-left: 1px dashed rgb(214, 214, 214); padding: 25px 30px; margin-left: 15px; } .about_content h3 { color: rgb(83, 86, 90); font-size: 20px; } .about_content h3 span { color: rgb(237, 71, 74); } .about_content a.Button_default { margin: 15px 0px 0px; } @media only screen and (max-width: 991px) { .about_left, .about_right { float: none; width: auto; } .about_content { border: none; padding: 0px; } } .our_team1 .team_list { border: 1px dashed rgb(207, 207, 207); padding: 10px; margin-bottom: 30px; } .our_team1 .team_list img { max-width: 100%; } .our_team1 .team_title { background: none; font-size: 18px; color: rgb(44, 52, 51); padding: 15px 0px 10px; } .our_team1 .team_title span { color: rgb(237, 71, 74); } .our_team1 .team_social { border-top: 1px dashed rgb(207, 207, 207); padding: 12px 0px 0px; margin-top: 10px; font-size: 30px; } .our_team1 .team_social a { color: rgb(237, 71, 74); transition: color 200ms ease-in 0s; } .our_team1 .team_social a:hover { color: rgb(0, 0, 0); } @media only screen and (max-width: 991px) { .team_list { max-width: 350px; margin: auto; } } .TeamDetail_left { border: 1px dashed rgb(207, 207, 207); padding: 10px; } .TeamDetail_left img { max-width: 100%; margin-bottom: 15px; } .TeamDetail_left .team_social { border-top: 1px dashed rgb(207, 207, 207); padding: 12px 0px 0px; margin-top: 15px; font-size: 30px; } .TeamDetail_left .team_social a { color: rgb(237, 71, 74); transition: color 200ms ease-in 0s; } .TeamDetail_left .team_social a:hover { color: rgb(0, 0, 0); } .TeamDetail_right .Teamtitle { color: rgb(44, 52, 51); font-size: 18px; font-weight: normal; } .TeamDetail_right .Teamtitle span { color: rgb(237, 71, 74); } .TeamDetail_content { } .TeamDetail_info { border-top: 1px dashed rgb(220, 220, 220); border-bottom: 1px dashed rgb(220, 220, 220); margin: 0px; padding: 7px 0px; } .TeamDetail_info li { list-style: none; padding: 7px 10px 7px 0px; display: inline-block; vertical-align: middle; } .TeamDetail_info li span.glyphicons, .TeamDetail_info li span.social { width: 29px; height: 29px; line-height: 29px; background-color: rgb(220, 220, 220); font-size: 16px; text-align: center; color: rgb(255, 255, 255); margin-right: 10px; vertical-align: middle; } .TeamDetail_info li a, .TeamDetail_info li a:link, .TeamDetail_info li a:active, .TeamDetail_info li a:visited { color: rgb(138, 138, 138); text-decoration: none; } .TeamDetail_info li a:hover { color: rgb(237, 71, 74); text-decoration: underline; } .about_list { border-bottom: 1px solid rgb(51, 51, 51); margin: 0px; padding: 0px; } .about_list li { list-style: none; padding: 10px 0px; border-top: 1px solid rgb(51, 51, 51); } .about_list .glyphicons, .about_list .social { margin-right: 12px; font-size: 20px; vertical-align: middle; } .faq_list { clear: both; } .faq_list::after { clear: both; content: "."; height: 0px; font-size: 0px; visibility: hidden; display: block; } .faq_left { float: left; width: 50%; } .faq_right { float: right; width: 50%; } .faq_list dl { padding-bottom: 45px; margin-bottom: 45px; position: relative; } .faq_list dl::before { content: ""; border-bottom: 1px solid rgb(229, 229, 229); width: 40%; position: absolute; top: 100%; left: 0px; } .faq_left dl { padding-right: 20px; } .faq_right dl { padding-left: 20px; } .faq_right dl::before { left: 20px; } .faq_list dt { font-size: 18px; color: rgb(0, 0, 0); font-weight: normal; padding-bottom: 15px; } .faq_list dt .ico_q { width: 29px; height: 29px; line-height: 29px; font-size: 18px; text-align: center; color: rgb(255, 255, 255); border-radius: 3px; background-color: rgb(237, 71, 74); display: inline-block; margin-right: 10px; } * + html .faq_list dt .ico_q { display: inline; } .faq_list dd { position: relative; padding: 0px 0px 0px 70px; margin: 0px; } .faq_list dd .ico_a { position: absolute; left: 0px; top: 0px; width: 29px; height: 29px; line-height: 29px; font-size: 18px; text-align: center; color: rgb(255, 255, 255); border-radius: 3px; background-color: rgb(0, 0, 0); } .faq_list dd .ico_a::before { content: " "; height: 100%; position: absolute; right: -20px; top: 0px; border-right: 1px solid rgb(229, 229, 229); } #gmap { height: 364px; width: 100%; } #gmap img, #gmap2 img { max-width: none; } #gmap2 { height: 477px; width: 100%; } .posts_list { margin: 0px; padding: 5px 0px 0px; } .posts_list li { list-style: none; clear: left; } .posts_list li img { float: left; margin: 0px 10px 10px 0px; } .posts_list2 { margin: 0px; padding: 5px 0px 0px; } .posts_list2 li { list-style: none; clear: left; color: rgb(164, 164, 164); overflow: hidden; padding-bottom: 15px; margin-bottom: 20px; border-bottom: 1px solid rgb(49, 49, 49); } .posts_list2 li p { color: rgb(120, 120, 120); padding-top: 5px; } .posts_list2 li img { float: left; margin: 0px 10px 10px 0px; } .posts_list2 li:last-child { border-bottom: none; margin-bottom: 0px; padding-bottom: 0px; } .link_list { list-style: none; margin: 0px; padding: 0px; } .link_list li { padding: 11px 0px; border-bottom: 1px solid rgb(51, 51, 51); color: rgb(102, 102, 102); } .link_list li span.glyphicons { margin-right: 10px; font-size: 9px; text-size-adjust: none; } .link_list li, .link_list li a, .link_list li a:link, .link_list li a:active, .link_list li a:visited { color: rgb(102, 102, 102); text-decoration: none; } .link_list li a:hover { text-decoration: none; } .errorpage_box { text-align: center; font-size: 20px; color: rgb(0, 0, 0); } .errorpage_box h3 { font-size: 190px; line-height: 1.2; color: rgb(89, 89, 89); } @media only screen and (min-width: 768px) and (max-width: 991px) { .errorpage_box h3 { font-size: 140px; } } @media only screen and (max-width: 991px) { .errorpage_box h3 { font-size: 100px; } } .SliderRevolution3D, .SliderRevolution3D a, .SliderRevolution3D a:link, .SliderRevolution3D a:active, .SliderRevolution3D a:visited, .SliderRevolution3D a:hover { color: rgb(255, 255, 255); text-decoration: none; text-size-adjust: none; } .banner2title { font-size: 50px; } .banner2content { font-size: 16px; line-height: 28px; } .banner2more { padding: 12px 40px; border: 2px solid rgb(255, 255, 255); font-size: 15px; cursor: pointer; border-radius: 5px; line-height: 27px; } .banner2more a { color: rgb(255, 255, 255) !important; } .banner2more:hover { background-color: rgb(237, 71, 74); border-color: rgb(237, 71, 74); } .banner2line { width: 116px; border-top: 1px solid rgb(255, 255, 255); } .banner4title { font-size: 100px; font-weight: normal; line-height: 1; } .banner4smalltitle { font-size: 30px; font-weight: normal; line-height: 1; } .banner4content1, .banner4content2 { padding: 3px 20px; font-size: 30px; font-weight: bold; background-color: rgba(0, 0, 0, 0.3); border-radius: 5px; display: inline-block; line-height: 54px; letter-spacing: 6px !important; } .banner4content2 { background-color: rgb(237, 71, 74); } .banner4more { display: block; font-size: 15px; padding: 15px 20px; border: 1px solid rgb(255, 255, 255); cursor: pointer; border-radius: 3px; line-height: 27px; } .banner4more a { color: rgb(255, 255, 255) !important; } .banner4more:hover { background-color: rgb(237, 71, 74); border-color: rgb(237, 71, 74); } .banner6_text1 { color: rgb(255, 255, 255); font-size: 30px; line-height: 1; } .banner6_text2 { color: rgb(255, 255, 255); font-size: 50px; line-height: 1; font-weight: bold; text-transform: uppercase; } .banner6_text3 { color: rgb(255, 255, 255); font-size: 18px; line-height: 1; } .banner6_text3 span.glyphicons { margin-right: 18px; margin-left: 1px; vertical-align: middle; top: 0px; } .banner6_btn { font-size: 14px; cursor: pointer; padding: 14px 36px; background-color: rgb(237, 71, 74); text-transform: uppercase; border-radius: 3px; letter-spacing: 2px; line-height: 26px; } .banner6_btn:hover { background-color: rgb(51, 51, 51); } .banner6_btn a { color: rgb(255, 255, 255) !important; } .banner7_text1 { color: rgb(255, 255, 255); font-size: 60px; line-height: 1; font-weight: bold; text-transform: uppercase; letter-spacing: 6px; } .banner7_text1 span { color: rgb(237, 71, 74); } .banner7_text2 { color: rgb(255, 255, 255); font-size: 20px; line-height: 1; letter-spacing: 2px; } .banner7_btn { font-size: 14px; cursor: pointer; padding: 14px 35px; border: 1px solid rgb(255, 255, 255); text-align: center; text-transform: uppercase; border-radius: 3px; letter-spacing: 2px; line-height: 26px; } .banner7_btn:hover { background-color: rgb(237, 71, 74); border-color: rgb(237, 71, 74); } .banner7_btn a { color: rgb(255, 255, 255) !important; } @media only screen and (max-width: 991px) { .banner4content1, .banner4content2 { letter-spacing: 2px; } } .Theme_13_Elegant { } .Theme_13_Elegant img { max-width: 100%; } .Theme_13_Elegant .unoslider_indicator { bottom: -30px !important; left: 0px !important; width: 100% !important; text-align: center !important; border: none !important; box-shadow: none !important; } .Theme_13_Elegant .unoslider_indicator a { border-radius: 50%; transition: background-color 200ms ease-in 0s; width: 20px !important; height: 20px !important; margin: 0px 3px !important; } .Theme_13_Elegant .unoslider_indicator a.unoslider_indicator_active { } .Theme_13_Elegant .unoslider_left, .Theme_13_Elegant .unoslider_right { border-radius: 50%; width: 52px !important; height: 52px !important; } .Theme_13_Elegant .unoslider_left { left: -80px !important; } .Theme_13_Elegant .unoslider_right { right: -80px !important; } .Theme_13_Elegant .unoslider_left::before { width: 10px; height: 10px; border-bottom: 2px solid rgb(255, 255, 255); border-left: 2px solid rgb(255, 255, 255); position: absolute; top: 50%; left: 50%; margin: -4px 0px 0px -2px; content: ""; transform: rotate(45deg); } .Theme_13_Elegant .unoslider_right::before { width: 10px; height: 10px; border-bottom: 2px solid rgb(255, 255, 255); border-right: 2px solid rgb(255, 255, 255); position: absolute; top: 50%; left: 50%; margin: -4px 0px 0px -5px; content: ""; transform: rotate(-45deg); } .Theme_13_Elegant .unoslider_pause, .Theme_13_Elegant .unoslider_play { display: none !important; } @media only screen and (max-width: 980px) { .Theme_13_Elegant .unoslider_left { left: 0px !important; } .Theme_13_Elegant .unoslider_right { right: 0px !important; } } .timeline { border-left: 4px dotted rgb(229, 229, 229); margin: 15px 50px 15px 93px; padding: 20px 0px 20px 73px; } .timeline > li { list-style: none; position: relative; padding: 15px 0px; min-height: 132px; } .timeline > li > span.timeline_time { position: absolute; top: 40px; left: -119px; width: 92px; height: 92px; line-height: 92px; text-align: center; border-radius: 50%; border: 1px solid rgb(226, 226, 226); background: rgb(255, 255, 255); color: rgb(0, 0, 0); font-size: 16px; } .timeline .timeline_content { border: 1px solid rgb(236, 236, 236); padding: 25px 20px 15px; background-color: rgb(250, 250, 250); position: relative; } .timeline .timeline_content::before { content: " "; position: absolute; top: 65px; left: -7px; border-left: 1px solid rgb(236, 236, 236); border-bottom: 1px solid rgb(236, 236, 236); background-color: rgb(250, 250, 250); width: 14px; height: 14px; transform: rotate(45deg); } .timeline .timeline_content p { line-height: 1.8; } .timeline .timeline_title { font-size: 20px; color: rgb(0, 0, 0); margin-bottom: 15px; } @media only screen and (max-width: 991px) { .timeline { padding-left: 0px; margin: 15px 0px 15px 50px; } .timeline > li { margin: 100px 0px 0px -50px; min-height: inherit !important; } .timeline > li > span.timeline_time { left: 0px; top: -100px; } .timeline .timeline_content::before { display: none; } } .Lead { padding: 140px 0px; font-size: 20px; line-height: 1.2; text-align: center; } .Lead .Lead_titleA { font-size: 30px; color: rgb(255, 255, 255); font-weight: normal; } .Lead .Lead_titleA { font-size: 30px; color: rgb(255, 255, 255); font-weight: normal; line-height: 1.2; } .Lead .Lead_titleB { font-size: 60px; color: rgb(255, 255, 255); line-height: 1.2; } .Lead .Lead_titleC { font-size: 34px; color: rgb(255, 255, 255); line-height: 1.4; } .Lead a.Lead_button, .Lead a.Lead_button:hover { font-size: 22px; color: rgb(255, 255, 255); text-decoration: none; border: 2px solid rgb(255, 255, 255); padding: 14px 30px; display: inline-block; } * + html .Lead a.Lead_button, * + html .Lead a.Lead_button:hover { display: inline; } .Lead2 { padding: 110px 0px 100px; text-align: center; } .Lead2 .Lead2_title { font-size: 40px; line-height: 1.3; margin-bottom: 30px; color: rgb(255, 255, 255); } @media only screen and (max-width: 991px) { .Lead .Lead_titleA { font-size: 22px; } .Lead .Lead_titleB { font-size: 30px; } .Lead .Lead_titleC { font-size: 20px; } .Lead2 .Lead2_title { font-size: 22px; } } .emails_box { border: 10px solid rgb(229, 229, 229); margin: 20px 0px; padding: 25px; font-size: 14px; } .emails_box .emails-ico { margin: 8px 0px 0px; font-size: 60px; background: rgb(221, 221, 221); color: rgb(255, 255, 255); width: 66px; height: 46px; overflow: hidden; border: 3px solid rgb(221, 221, 221); } .emails_box .emails-ico::before { position: absolute; top: -10px; } .emails_box h3 { color: rgb(54, 56, 57); font-size: 24px; font-weight: normal; } .emails_text { float: left; border: 1px solid rgb(229, 229, 229); } .advantage_box { text-align: center; padding: 0px 5px; margin-bottom: 10px; } .advantage_box .advantage_ico { width: 68px; height: 68px; background: rgb(0, 0, 0); border: 2px solid rgb(0, 0, 0); border-radius: 50%; text-align: center; box-sizing: content-box; margin: auto; transition: all 200ms ease-in 0s; } .advantage_box .advantage_ico .glyphicons, .advantage_box .advantage_ico .socia { width: 60px; height: 59px; line-height: 60px; background: rgb(0, 0, 0); display: block; color: rgb(255, 255, 255); font-size: 20px; border: 4px solid rgb(0, 0, 0); border-radius: 50%; box-sizing: content-box; transition: all 200ms ease-in 0s; } .advantage_box h3 { font-weight: normal; color: rgb(61, 63, 64); font-size: 19px; margin: 10px 0px; } .advantage_box a.Button_normal { margin: 10px 0px 0px; } .advantage_box:hover .advantage_ico { } .advantage_box:hover .advantage_ico .glyphicons, .advantage_box:hover .advantage_ico .socia, .advantage_box:hover .advantage_ico { border: 4px solid rgb(255, 255, 255); } .advantage_box:hover a.Button_normal { } .advantage_box:hover h3 { } .advantage_box2 { text-align: center; padding: 0px 5px; margin-bottom: 10px; } .advantage_box2 .color_1 { background-color: rgb(61, 186, 161); } .advantage_box2 .color_2 { background-color: rgb(140, 186, 61); } .advantage_box2 .color_3 { background-color: rgb(202, 151, 51); } .advantage_box2 .color_4 { background-color: rgb(217, 108, 78); } .advantage_box2 .advantage_ico { width: 174px; height: 174px; line-height: 174px; text-align: center; font-size: 65px; color: rgb(255, 255, 255); border-radius: 50%; margin: auto; transition: all 200ms ease-in 0s; } .advantage_box2 .advantage_ico .glyphicons, .advantage_box2 .advantage_ico .socia { } .advantage_box2 h3 { font-weight: normal; color: rgb(61, 63, 64); font-size: 19px; margin: 15px 0px 10px; } .touch_box { border-top: 1px solid rgb(235, 235, 235); border-bottom: 1px solid rgb(235, 235, 235); padding: 20px 0px; } .touch_box .touch_link { text-align: right; } .touch_box .touch_link .Button_default { margin-top: 35px; } @media only screen and (max-width: 991px) { .touch_box .touch_link { text-align: left; } } .color_1, a.color_1, a.color_1:link, a.color_1:active, a.color_1:visited, a.color_1:hover { color: rgb(32, 133, 199); } .color_2, a.color_2, a.color_2:link, a.color_2:active, a.color_2:visited, a.color_2:hover { color: rgb(243, 146, 0); } .color_3, a.color_3, a.color_3:link, a.color_3:active, a.color_3:visited, a.color_3:hover { color: rgb(83, 123, 189); } .color_4, a.color_4, a.color_4:link, a.color_4:active, a.color_4:visited, a.color_4:hover { color: rgb(233, 100, 75); } .color_5, a.color_5, a.color_5:link, a.color_5:active, a.color_5:visited, a.color_5:hover { color: rgb(120, 205, 240); } .Social_list { font-size: 40px; } .social_list2 a, .social_list2 a:link, .social_list2 a:active, .social_list2 a:visited { font-size: 30px; color: rgb(255, 255, 255); display: inline-block; } * + html .social_list2 a { display: inline; } .social_list2 a:hover { color: rgb(237, 71, 74); } .social_list3 { margin: 0px; padding: 0px; } .social_list3 a, .social_list3 a:link, .social_list3 a:active, .social_list3 a:visited { font-size: 30px; margin: 0px; padding: 0px; vertical-align: middle; line-height: 1; color: rgb(241, 241, 241) !important; } .social_list3 a:hover { color: rgb(0, 102, 99) !important; } .evaluate blockquote { margin: 0px; padding: 0px; text-indent: 0px; } .evaluate blockquote p { text-indent: 0px; color: rgb(128, 128, 128); font-size: 13px; background: rgb(250, 250, 250); border: 1px solid rgb(236, 236, 236); border-radius: 3px; padding: 20px; font-style: normal; } .evaluate blockquote small { position: relative; margin: 0px; left: 0px; top: 0px; font-style: normal; font-size: 14px; padding-bottom: 25px; } .evaluate blockquote small::before { content: " "; width: 10px; height: 10px; position: absolute; left: 50px; top: -5px; border-right: 1px solid rgb(236, 236, 236); border-bottom: 1px solid rgb(236, 236, 236); background-color: rgb(250, 250, 250); transform: rotate(45deg); } .evaluate blockquote small img { width: 50px; height: 50px; float: left; vertical-align: middle; border: 1px solid rgb(238, 238, 238); margin-right: 20px; border-radius: 50%; } .evaluate blockquote small span { display: block; font-size: 15px; padding: 6px 0px 3px; } .fullScreen_box_1 { border-top: 1px solid rgb(235, 235, 235); border-bottom: 1px solid rgb(235, 235, 235); background-color: rgb(247, 247, 247); } .Service_Box dt { font-size: 18px; color: rgb(61, 63, 64); padding-bottom: 10px; transition: color 200ms ease-in 0s; } .Service_Box dd { line-height: 2; padding-bottom: 30px; } .Service_Box dd .glyphicons, .Service_Box dd .social { float: left; width: 60px; height: 60px; line-height: 60px; margin: 10px 10px 0px 0px; text-align: center; font-size: 22px; color: rgb(255, 255, 255); border-radius: 50%; } .Service_Box:hover dt { } .clients_list { border-top: 1px solid rgb(230, 230, 230); border-bottom: 1px solid rgb(230, 230, 230); margin: 0px; text-align: center; padding: 12px 0px; } .clients_list li { list-style: none; display: inline-block; border-right: 1px solid rgb(242, 242, 242); padding: 0px 20px; } .clients_list li:last-child { border-right: none; } .clients_list li img { max-width: 100%; } .image_list a { display: inline-block; margin: 0px -1px 3px 0px; padding: 0px; position: relative; background-color: rgb(237, 71, 74); } * + html .image_list a { display: inline; } .image_list a .glyphicons { position: absolute; top: 50%; left: 50%; color: rgb(255, 255, 255); text-align: center; font-size: 24px; margin: -12px 0px 0px -12px; opacity: 0; transition: all 200ms ease-in 0s; } .image_list a img { transition: all 200ms ease-in 0s; } .image_list a:hover img { opacity: 0.2; } .image_list a:hover .glyphicons { opacity: 1; } .tags_list a, .tags_list a:link, .tags_list a:active, .tags_list a:visited { display: inline-block; padding: 3px 8px; background-color: rgb(51, 51, 51); border-radius: 3px; margin: 0px 4px 4px 0px; transition: background-color 200ms ease-in 0s; color: rgb(120, 120, 120) !important; } .tags_list a:hover { text-decoration: none; background-color: rgb(237, 71, 74); color: rgb(255, 255, 255) !important; } .tags_list2 a, .tags_list2 a:link, .tags_list2 a:active, .tags_list2 a:visited { display: inline-block; padding: 4px 10px; border: 1px solid rgb(120, 120, 120); border-radius: 3px; margin: 0px 6px 6px 0px; color: rgb(120, 120, 120); transition: background-color 200ms ease-in 0s; } .tags_list2 a:hover { text-decoration: none; background-color: rgb(237, 71, 74); border: 1px solid rgb(237, 71, 74); color: rgb(255, 255, 255) !important; } .header_list, .header_list li { margin: 0px; padding: 0px; list-style: none; } .header_list { border-top: 1px solid rgba(123, 123, 123, 0.3); } .header_list li { border-bottom: 1px solid rgba(123, 123, 123, 0.3); position: relative; } .header_list li a, .header_list li a:link, .header_list li a:active, .header_list li a:visited { display: block; padding: 10px 0px 10px 25px; color: rgb(153, 153, 153); font-size: 14px; line-height: 1.5; transition: background-color 200ms ease-in 0s; } .header_list li a::before { content: ""; width: 4px; height: 4px; position: absolute; top: 20px; left: 10px; vertical-align: middle; display: inline-block; border-right: 1px solid rgb(153, 153, 153); border-bottom: 1px solid rgb(153, 153, 153); transform: rotate(-45deg); } .header_list li a:hover { background-color: rgb(26, 26, 26); text-decoration: none; } .header-social { padding: 30px 0px; text-align: center; } .header-social a { width: 38px; height: 38px; border-radius: 50%; border: 1px solid rgb(102, 102, 102); display: inline-block; text-align: center; line-height: 38px; margin: 0px 2px 5px; transition: all 200ms ease-in 0s; } .header-social a span { width: 16px; height: 16px; line-height: 16px; display: inline-block; overflow: hidden; font-size: 18px; text-align: center; color: rgb(34, 34, 34); background-color: rgb(102, 102, 102); text-indent: -1px; transition: all 200ms ease-in 0s; } .header-social a span:empty { width: 16px; } .header-social a:hover { border: 1px solid rgb(237, 71, 74); background-color: rgb(237, 71, 74); } .header-social a:hover span { color: rgb(237, 71, 74); background-color: rgb(255, 255, 255); } .ServeList_1 { margin: 0px; padding: 0px; overflow: hidden; } .ServeList_1 li { margin: 0px; list-style: none; float: left; width: 33.333%; padding: 20px 30px; position: relative; } .ServeList_1 li p { line-height: 1.8; } .ServeList_1 li::before { content: ""; border-bottom: 1px solid rgb(220, 220, 220); position: absolute; top: 100%; left: 15px; right: 15px; } .ServeList_1 li::after { content: ""; border-right: 1px solid rgb(220, 220, 220); position: absolute; top: 15px; bottom: 15px; left: 100%; margin-left: 1px; } .ServeList_1 .ico { height: 104px; width: 104px; line-height: 104px; border: 2px solid rgb(237, 71, 74); margin: auto auto 20px; text-align: center; border-radius: 50%; font-size: 30px; color: rgb(237, 71, 74); transition: all 1000ms ease-out 0s; } .ServeList_1 li:hover .ico { transform: rotateY(360deg); } .ServeList_2 { background-color: rgba(255, 255, 255, 0.3); border: 1px solid rgba(255, 255, 255, 0.7); margin: 30px 0px 40px; padding: 0px 10px 25px; } .ServeList_2 .ico { height: 70px; width: 70px; line-height: 75px; background-color: rgb(237, 71, 74); display: inline-block; border-radius: 50%; margin: -35px 0px 20px; font-size: 30px; } .ServeList_2 .ico span { line-height: normal; text-align: center; } .ServeList_2 .ico span { transition: all 1000ms ease-out 0s; } .ServeList_2:hover .ico span { transform: rotateY(360deg); } .ServeList_2 h5 { font-size: 16px; color: rgb(255, 255, 255); font-weight: normal; letter-spacing: 1px; } .ServeList_2 .but { background-color: rgb(237, 71, 74); padding: 5px 20px; display: inline-block; margin-top: 20px; transition: background-color 200ms ease-in 0s; } .ServeList_2 .but:hover { text-decoration: none; background-color: rgb(51, 51, 51); } @media only screen and (min-width: 768px) and (max-width: 991px) { .ServeList_1 li { width: 50%; } } @media only screen and (max-width: 991px) { .ServeList_1 li { width: 100%; } } .news_list { margin: 0px; padding: 0px; } .news_list li { list-style: none; margin: 0px; padding: 20px 0px 20px 128px; border-bottom: 1px solid rgb(222, 222, 222); position: relative; min-height: 140px; } .news_list li .pic { width: 100px; height: 100px; position: absolute; top: 20px; left: 0px; border-radius: 50%; overflow: hidden; } .news_list li .pic img { width: 100%; height: 100%; } .list_1 { margin: 0px; padding: 0px; } .list_1 li { list-style: none; display: inline-block; height: 170px; width: 170px; line-height: 170px; background-color: rgba(0, 0, 0, 0.5); border-radius: 50%; font-size: 16px; position: relative; margin: 5px 60px 5px 0px; } .list_1 li a, .list_1 li p { position: relative; z-index: 1; } .list_1 li .ico span { width: 41px; height: 41px; line-height: 41px; background-color: rgb(237, 71, 74); border-radius: 50%; display: block; position: absolute; top: 0px; left: 7px; } .list_1 li .ico { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; animation-duration: 0.8s; animation-fill-mode: both; } .list_1 li:hover .ico { animation-name: shake; } .list_1 li::before { content: ""; position: absolute; top: 50%; left: 100%; margin: -7px 0px 0px 20px; border-right: 5px solid rgb(255, 255, 255); border-bottom: 5px solid rgb(255, 255, 255); width: 15px; height: 15px; transform: rotate(-45deg); } .list_1 li:last-child::before { display: none; } .news_list2 { margin: 0px; padding: 0px; } .news_list2 li { margin: 0px; padding: 0px 0px 30px 170px; list-style: none; position: relative; min-height: 90px; color: rgb(102, 102, 102); } .news_list2 .pic { position: absolute; top: 0px; left: 0px; } .news_list2 h3 { color: rgb(0, 0, 0); font-size: 14px; margin-bottom: 3px; } .news_list2 .info { font-size: 12px; color: rgb(136, 136, 136); padding-bottom: 5px; } .font-icons { font-size: 30px; letter-spacing: -5px; } .font-icons a, .font-icons a:link, .font-icons a:active, .font-icons a:visited { color: rgb(62, 62, 62); text-decoration: none; } .font-icons a:hover { color: rgb(237, 71, 74); text-decoration: none; opacity: 0.9; } .body_main { opacity: 0; } .full_screen_shade { display: block; position: fixed; width: 100%; height: 100%; z-index: 10000; background: url("images/Loading.gif") center center no-repeat rgb(0, 0, 0); } .full_screen_pic { position: relative; margin: 0px; padding: 0px; width: 100%; z-index: 1; } .full_screen_pic::before { content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: url("images/full_shade.png"); } .full_screen_pic li { list-style: none; background-size: cover; background-position: center bottom; } .full_screen_pic .content { text-align: center; position: absolute; left: 0px; bottom: 50%; width: 100%; transform: translateY(50%); } .full_screen_pic .content .title { font-size: 80px; color: rgb(255, 255, 255); font-weight: bold; letter-spacing: 8px; } .full_screen_pic .content .title span { color: rgb(237, 71, 74); } .full_screen_pic .content .line { width: 100px; margin: auto auto 20px; border-bottom: 1px solid rgb(255, 255, 255); opacity: 0; transition: -webkit-transform 500ms ease-in 0s, opacity 500ms ease-in 0s; } .full_screen_pic.animations .content .line { opacity: 1; transition-delay: 1s; } .full_screen_pic .animation_3 { font-size: 20px; } .full_screen_pic .animation_1 { opacity: 0; transition: -webkit-transform 500ms ease-in 0s, opacity 500ms ease-in 0s; } .full_screen_pic.animations .animation_1 { opacity: 1; } .full_screen_pic .animation_2 { opacity: 0; transform: scale(1.5); transition: -webkit-transform 500ms ease-in 0s, opacity 500ms ease-in 0s; } .full_screen_pic.animations .animation_2 { opacity: 1; transform: scale(1); transition-delay: 0.5s; } .full_screen_pic .animation_3 { font-size: 24px; color: rgb(255, 255, 255); letter-spacing: 1px; opacity: 0; padding: 0px; transform: scale(0.6) translate(0px, 0px); transition: -webkit-transform 500ms ease-in 0s, opacity 500ms ease-in 0s; } .full_screen_pic.animations .animation_3 { opacity: 1; transform: scale(1) translate(0px, 0px); transition-delay: 1.5s; } .full_screen_pic #nextPage { opacity: 0; width: 150px; height: 150px; line-height: 135px; font-size: 15px; color: rgb(237, 71, 74); font-weight: bold; margin: 20px auto; position: relative; background-color: rgba(255, 255, 255, 0.8); border-radius: 50%; transition: opacity 500ms ease-in 0s; } .full_screen_pic #nextPage::after { content: ""; border-bottom: 3px solid rgb(237, 71, 74); border-right: 3px solid rgb(237, 71, 74); width: 9px; height: 9px; display: block; position: absolute; top: 50%; left: 50%; margin: 10px 0px 0px -7px; transform: rotate(45deg); transition: all 0.3s ease-in 0s; backface-visibility: hidden; } .full_screen_pic.animations #nextPage { opacity: 1; transition-delay: 2s; cursor: pointer; } .full_screen_pic #nextPage:hover::after { top: 55%; } @media only screen and (max-width: 991px) { .full_screen_pic .content .title { line-height: 1; font-size: 36px; padding-bottom: 20px; } .full_screen_pic .animation_3 { font-size: 14px; line-height: 1.2; padding-bottom: 20px; } .full_screen_pic #nextPage { margin: 0px auto; } .full_screen_pic #nextPage { transform: scale(0.6) rotateY(360deg); } .full_screen_pic.animations #nextPage { transform: scale(0.6) rotateY(0deg); } } .magic_box { position: relative; overflow: hidden; margin-bottom: 30px; background-color: rgb(237, 71, 74); } .magic_box .up, .magic_box .down { background-color: rgb(237, 71, 74); color: rgb(255, 255, 255); text-align: center; padding: 0px 15px; margin: 0px; transition: all 400ms ease-out 0s; backface-visibility: hidden; } .magic_box .down { position: absolute; top: 100%; left: 0px; height: 100%; width: 100%; } .magic_box .up .glyphicons { font-size: 45px; margin: 80px 0px 20px; width: auto; } .magic_box .up .glyphicons:empty { width: auto; padding: 0px 10px; } .magic_box .up h3 { font-size: 16px; padding: 0px 0px 80px; color: rgb(255, 255, 255); margin: 0px; } .magic_box .down h3 { font-size: 16px; color: rgb(255, 255, 255); padding: 45px 0px 0px; } .magic_box .down a.but { color: rgb(255, 255, 255); margin-top: 10px; display: inline-block; } .magic_box:hover .up { transform: translateY(-100%); } .magic_box:hover .down { top: 0px; } .employeesBox { position: relative; } .employeesBox img { max-width: 100%; } .employeesContent { position: absolute; bottom: 0px; left: 0px; right: 0px; text-align: center; background-color: rgb(255, 255, 255); padding: 30px; margin: 0px 60px; box-shadow: rgba(0, 0, 0, 0.2) 0px -8px 14px; } .employeesContent h6 { margin-bottom: 5px; } .employeesContent .glyph { border-top: 1px dashed rgb(216, 216, 216); padding-top: 15px; margin-top: 15px; } .employeesContent .glyph a { width: 40px; height: 40px; line-height: 40px; display: inline-block; margin: 0px 3px 5px; border: 1px solid rgb(145, 145, 145); font-size: 16px; border-radius: 50%; } .employeesContent .glyph a span { color: rgb(145, 145, 145); } .employeesContent .glyph a:hover { transition: background-color 200ms ease-in 0s; } .employeesContent .glyph a:hover span { color: rgb(255, 255, 255); } @media only screen and (min-width: 768px) and (max-width: 991px) { .employeesContent { padding: 15px; margin: 0px 20px; } } #main_left .social-icons2 { padding-top: 10px; } #main_left .social-icons2 a { background-color: rgb(101, 101, 101); border-radius: 3px; color: rgb(101, 101, 101); display: inline-block; height: 32px; margin: 0px 2px 5px; padding: 0px; text-align: center; transition: background-color 200ms ease-in 0s; width: 32px; } #main_left .social-icons2 a span { background-color: rgb(217, 217, 217); display: block; font-size: 17px; height: 14px; margin: 7px 0px 0px 9px; overflow: hidden; text-indent: -2px; transition: color 200ms ease-in 0s; width: 14px; } @media only screen and (min-width: 1400px) { .dnn_layout { width: 1370px !important; } } @media only screen and (min-width: 1200px) and (max-width: 1399px) { .dnn_layout { width: 1130px; } } .head_mid, .content_mid, .footer_mid { padding: 0px 20px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .dnn_layout { width: 750px; } .head_mid, .content_mid, .footer_mid { padding: 0px 15px; } .copyright_style .sep { padding: 0px 7px; } .menubox .dnn_logo, .nav_box .dnn_logo { max-width: 160px; } } @media only screen and (max-width: 991px) { .nav_box { color: red; text-align: left !important; } .dnn_layout { width: auto; } .content_mid, .footer_mid { padding: 0px 15px; } .header_element { position: relative; border-left: 1px solid rgb(88, 88, 88); border-right: 1px solid rgb(88, 88, 88); margin-left: -3px; display: inline-block; } * + html .header_element { display: inline; } .Logins { border-right: none !important; } .emails { float: right; } .header_element .icon { width: 48px; height: 45px; font-size: 20px; color: rgb(255, 255, 255); text-align: center; line-height: 45px; cursor: pointer; } .header_element .icon:empty { width: 48px; } .header_element .Login_icon { border-right: none; } .header_element .email_icon { float: right; } .header_element.Open .icon { background-color: rgb(237, 71, 74); } .header_element .element_box { position: absolute; left: 0px; top: 100%; background: rgb(0, 0, 0); opacity: 0; z-index: -1; height: 0px; white-space: nowrap; margin-top: 5px; border: none; transition: all 100ms ease-in 0s; } .header_element .HeadPane { left: auto; right: 0px; } .header_element .Login .loginGroup, .header_element .Login .registerGroup { border: none; padding: 0px !important; } .header_element .Login { padding: 0px 10px; line-height: 32px; } .header_element.Open .element_box { opacity: 1; z-index: 1000; height: 36px; } .header_element .element_box::before { content: " "; border-width: 4px; border-style: solid; border-color: transparent transparent rgb(0, 0, 0); border-image: initial; position: absolute; top: -8px; left: 21px; } .header_element .HeadPane::before { left: auto; right: 21px; } .nav_box { text-align: left; } .pulldownsearch { position: static; width: auto; border: none; float: left !important; } .searchbut { display: none; } .searchBox { text-align: center; top: 0px; background: none; border-radius: 0px; box-shadow: none; display: block !important; opacity: 1 !important; height: 50px !important; margin: 0px !important; padding-top: 7px !important; } .searchBox ::-webkit-input-placeholder { color: rgb(255, 255, 255); } .searchBox::before { display: none; } .mobile_icon { font-size: 26px; color: rgb(255, 255, 255); display: inline-block; padding: 0px 10px; border-right: 1px solid rgba(255, 255, 255, 0.2); line-height: 50px; cursor: pointer; width: 50px; text-align: center; } .mobile_icon.active .glyphicons::before { content: ""; font-size: 22px; } #mobile_menu { position: absolute; top: 100%; left: 0px; width: 100%; z-index: 906; background: rgb(22, 81, 79); display: none; height: 580px; } #mobile_menu .menu_main { padding: 10px; } .multi_menu { margin: auto; } .multi_menu ul { list-style: none; margin: 0px; padding: 0px; } .multi_menu ul li { margin: 0px; padding: 0px; list-style: none; } .multi_menu ul li img { vertical-align: middle; } .multi_menu ul li a { font-size: 15px; line-height: 20px; padding: 0px; margin: 0px; color: white; display: block; text-decoration: none; outline: none; text-align: left; border-bottom: 1px dashed rgb(58, 58, 58); } .multi_menu ul li a::after { clear: both; content: "."; height: 0px; font-size: 0px; visibility: hidden; display: block; } .multi_menu ul li a { display: inline-block; } .multi_menu ul li a { display: block; } .multi_menu ul li a.active { font-weight: bold; } .multi_menu ul li span { padding: 10px 0px; display: block; } .multi_menu ul li .menu_arrow { background-image: url("images/arrow-1.png"); background-repeat: no-repeat; background-position: right -80px; display: none; width: 40px; padding: 0px; height: 40px; float: right; text-indent: 0px; overflow: hidden; margin: 0px; text-align: center; line-height: 40px; font-size: 0px; } .multi_menu ul li .menu_arrow.arrow_opened { float: right !important; } .multi_menu ul li .menu_arrow.arrow_closed { background-position: right -178px; } .multi_menu ul ul { display: none; background: rgb(22, 81, 79); padding: 2px 0px 5px; margin: 0px; } .multi_menu ul li.current > ul { display: block; } .multi_menu ul li.active > a, .multi_menu ul li a:hover { color: white; text-decoration: underline; } .multi_menu ul li.current > a, .multi_menu ul li.current > a:hover { border-bottom: 1px solid rgb(0, 0, 0); color: white; } .multi_menu ul li a { padding: 0px 0px 0px 15px; text-align: center; } .multi_menu ul li li a { padding: 0px 0px 0px 30px; } .multi_menu ul li li li a { padding: 0px 0px 0px 45px; } .multi_menu ul li li li li a { padding: 0px 0px 0px 60px; } .copyright_style { float: none; text-align: center; } .FooterPane { float: none; text-align: center; padding: 0px 8px 20px; } } @media only screen and (max-width: 350px) { .searchBox #dnn_dnnSEARCH_ClassicSearch, .searchBox #dnn_dnnSEARCH1_ClassicSearch, .searchBox #dnn_dnnSEARCH2_ClassicSearch, .searchBox #dnn_dnnSEARCH3_ClassicSearch { width: 120px; } .searchBox input.NormalTextBox { width: 150% !important; margin-left: -100% !important; } } @media only screen and (min-width: 320px) and (max-width: 768px) { #mobile_menu { position: absolute; top: 100%; left: 0px; width: 100%; z-index: 906; background: rgb(22, 81, 79); display: none; height: auto; padding-bottom: 2em; } } .foot_photo.photo_box { margin: 0px -2px -6px 0px; display: inline-block; } .foot_photo.photo_box.img_zoom:hover .pic_box img { transform: scale(1); } .foot_photo.photo_box .ico { margin-top: -13px; } .foot_photo.photo_box .ico span { font-size: 14px; height: 26px !important; line-height: 26px !important; width: 26px !important; } @media print { a:link::after, article a[href^="http"]::after { content: " "; } } .loading { width: 26px; height: 26px; position: relative; } .loading .container1 > div, .loading .container2 > div, .loading .container3 > div { width: 6px; height: 6px; background-color: rgb(51, 51, 51); border-radius: 100%; position: absolute; animation: 1.2s ease-in-out 0s infinite normal both running bouncedelay; overflow: hidden; backface-visibility: hidden; } .loading .loading-container { position: absolute; width: 100%; height: 100%; } .loading .container2 { transform: rotateZ(45deg); } .loading .container3 { transform: rotateZ(90deg); } .loading .circle1 { top: 0px; left: 0px; } .loading .circle2 { top: 0px; right: 0px; } .loading .circle3 { right: 0px; bottom: 0px; } .loading .circle4 { left: 0px; bottom: 0px; } .loading .container2 .circle1 { animation-delay: -1.1s; } .loading .container3 .circle1 { animation-delay: -1s; } .loading .container1 .circle2 { animation-delay: -0.9s; } .loading .container2 .circle2 { animation-delay: -0.8s; } .loading .container3 .circle2 { animation-delay: -0.7s; } .loading .container1 .circle3 { animation-delay: -0.6s; } .loading .container2 .circle3 { animation-delay: -0.5s; } .loading .container3 .circle3 { animation-delay: -0.4s; } .loading .container1 .circle4 { animation-delay: -0.3s; } .loading .container2 .circle4 { animation-delay: -0.2s; } .loading .container3 .circle4 { animation-delay: -0.1s; } @-webkit-keyframes bouncedelay { 0%, 80%, 100% { transform: scale(0); } 40% { transform: scale(1); } } @keyframes bouncedelay { 0%, 80%, 100% { transform: scale(0); } 40% { transform: scale(1); } } .isotope_grid .loading { position: absolute; bottom: 10px; left: 50%; margin: 0px 0px 0px -10px; } .isotope_grid .portfolios_group { padding: 5px 0px 35px; position: relative; text-align: left; } .isotope_grid .portfolios_group a { margin: 0px 3px 5px 0px; padding: 8px 32px; line-height: 18px; font-size: 13px; outline: none; transition: all 200ms ease-in 0s; } a.portfolios_default_btn { display: inline-block; width: 120px; border: 1px solid rgb(237, 71, 74); color: rgb(237, 71, 74); border-radius: 3px; text-align: center; text-decoration: none; margin-right: 10px; text-transform: uppercase; transition: all 200ms ease-in 0s; line-height: 36px !important; } a.portfolios_default_btn:hover { color: rgb(255, 255, 255); background-color: rgb(237, 71, 74); text-decoration: none; } @media only screen and (max-width: 991px) { a.portfolios_default_btn { margin-right: 2px; } .breadcrumbshade { display: none; } } .portfolios_carousel_title { font-size: 20px; color: rgb(51, 51, 51); padding: 23px 0px 15px; } .Grid_layouts .isotope_main { margin-left: -15px; } .Grid_layouts .isotope_item .photo_box { margin: 0px 0px 15px 15px; } .Grid_layouts .photo_box .content h3 { font-size: 16px; line-height: 1.8; margin: 0px; text-transform: uppercase; } .Grid_layouts .photo_box .content p { font-size: 13px; margin-bottom: 15px; } .Grid_layouts .photo_box .content a { font-size: 14px; color: rgb(255, 255, 255); line-height: 36px; border: 1px solid rgb(255, 255, 255); padding: 8px 45px; border-radius: 3px; } .Grid_layouts .photo_box .shade { background-color: rgb(237, 71, 74); } .Grid_layouts .photo_box:hover .shade { opacity: 0.8; } @media only screen and (max-width: 991px) { .Grid_layouts .isotope_main { margin-left: 0px; } .Grid_layouts .isotope_item .photo_box { margin: 0px 0px 15px; } } .Classic_layouts .isotope_main { margin-left: -15px; } .Classic_layouts .isotope_item .photo_box { margin: 0px 0px 15px 15px; } .Classic_layouts .photo_box .content h3 { font-size: 14px; line-height: 20px; margin: 0px; text-transform: uppercase; letter-spacing: 0px; } .Classic_layouts .isotope_item .photo_box .shade { background-color: rgb(0, 0, 0) !important; } .Classic_layouts .photo_box:hover .shade { opacity: 0.5; } @media only screen and (max-width: 991px) { .Classic_layouts .isotope_main { margin-left: 0px; } .Classic_layouts .isotope_item .photo_box { margin: 0px 0px 15px; } } .Text_layouts .isotope_main { margin-left: -15px; } .Text_layouts .isotope_item .photo_box { margin: 0px 0px 15px 15px; letter-spacing: 0px; } .Text_layouts .photo_box .ico span { font-size: 16px; border: 1px solid rgb(255, 255, 255); transition: all 200ms ease-in 0s; width: 50px !important; height: 50px !important; line-height: 50px !important; background: none !important; } .Text_layouts .photo_box a:hover span { color: rgb(237, 71, 74); background: rgb(255, 255, 255) !important; } .Text_layouts .photo_box .shade { background-color: rgb(237, 71, 74); } .text_sytle1 { font-size: 12px; color: rgb(102, 102, 102); padding: 16px 0px 19px; } .text_sytle1 h3 { color: rgb(51, 51, 51); text-transform: uppercase; font-size: 15px !important; letter-spacing: 0px !important; font-weight: bold !important; } .text_sytle1 a { font-size: 13px; color: rgb(237, 71, 74); text-transform: uppercase; } .text_sytle2 { font-size: 13px; color: rgb(102, 102, 102); padding: 20px 20px 15px; border-width: 0px 1px 1px; border-style: solid; border-color: rgb(212, 212, 212); border-radius: 0px 0px 5px 5px; } .text_sytle2 h3 { color: rgb(51, 51, 51); text-transform: uppercase; font-size: 15px !important; letter-spacing: 0px !important; font-weight: bold !important; } .text_sytle2 .info { float: right; font-size: 14px; padding-top: 13px; } .text_sytle2 .info span { margin-right: 3px; } @media only screen and (max-width: 991px) { .Text_layouts .isotope_main { margin-left: 0px; } .Text_layouts .isotope_item .photo_box { margin: 0px 0px 15px; } } .List_layouts .isotope_main { margin-left: 0px; } .List_layouts .isotope_item > div { margin: 0px -15px; } .List_layouts .isotope_main .photo_box { margin: 0px; } .List_layouts .isotope_item { padding-bottom: 40px; margin-bottom: 40px; border-bottom: 1px solid rgb(229, 229, 229); } .List_layouts_text { font-size: 12px; } .text_sytle3 { font-size: 13px; color: rgb(102, 102, 102); } .text_sytle3 h3 { font-size: 15px; color: rgb(51, 51, 51); margin: 0px 0px 7px; text-transform: uppercase; } .List_layouts_text hr { width: 60px; margin: 20px 0px; border-color: rgb(237, 71, 74); display: inline-block; } .List_layouts_text p a { margin-top: 26px; } @media only screen and (max-width: 991px) { .List_layouts .isotope_main .photo_box { margin: 0px 0px 15px; } } .Sidebar_layouts { padding-bottom: 25px; margin-bottom: 30px; border-bottom: 1px solid rgb(229, 229, 229); } .Sidebar_layouts .text_sytle3 { padding: 20px 0px 4px; } .Sidebar_layouts p a { margin-top: 13px; } .Sidebar_layouts_categories { margin: 0px 0px 20px; list-style: none; } .Sidebar_layouts_categories li { border-bottom: 1px solid rgb(209, 209, 209); font-size: 13px; color: rgb(83, 86, 90); line-height: 1.6; margin-bottom: 0.7em; padding-bottom: 0.8em; } .Sidebar_layouts_categories1 li { border-bottom: 1px solid rgb(209, 209, 209); line-height: 39px; font-size: 13px; color: rgb(83, 86, 90); } .Sidebar_layouts_categories li a { color: rgb(83, 86, 90); } .Sidebar_layouts_categories .glyphicons { font-size: 12px; color: rgb(237, 71, 74); margin-right: 10px; } .categories_number { float: right; } .Sidebar_layouts_recent_news { font-size: 13px; color: rgb(136, 136, 136); padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid rgb(209, 209, 209); } .Sidebar_layouts_recent_news img { float: left; padding-right: 20px; } .Sidebar_layouts_recent_news .heading { font-size: 14px; color: rgb(51, 51, 51); padding-top: 8px; } .Sidebar_layouts_recent_news .heading a { color: rgb(51, 51, 51); } .Sidebar_layouts_links { margin: 0px 0px 20px; list-style: none; } .Sidebar_layouts_links li { border-bottom: 1px solid rgb(209, 209, 209); line-height: 39px; } .Sidebar_layouts_links li a { font-size: 12px; color: rgb(102, 102, 102); } .Sidebar_layouts_links .glyphicons { color: rgb(237, 71, 74); margin-right: 10px; } .Single_Layouts { font-size: 12px; color: rgb(102, 102, 102); } .Single_Layouts h3 { font-size: 15px; color: rgb(51, 51, 51); text-transform: uppercase; margin: 20px 0px 15px; } .Single_Layouts p { padding-bottom: 11px; } .page_turning a { font-size: 12px; margin: 0px 5px 5px 0px; color: rgb(102, 102, 102) !important; } a.page_control { display: inline-block; width: 70px; border: 1px solid rgb(204, 204, 204); border-radius: 3px; text-align: center; text-decoration: none; transition: all 200ms ease-in 0s; line-height: 31px !important; } a.page_number { display: inline-block; height: 30px; width: 30px; border: 1px solid rgb(204, 204, 204); border-radius: 50%; text-align: center; text-decoration: none; transition: all 200ms ease-in 0s; line-height: 30px !important; } a.page_control:hover, a.page_number:hover { border: 1px solid rgb(237, 71, 74); text-decoration: none; color: rgb(237, 71, 74) !important; } .Single_page { padding-bottom: 30px; margin-bottom: 40px; border-bottom: 1px solid rgb(216, 216, 216); } .Single_page a { font-size: 13px; color: rgb(237, 71, 74); display: inline-block; width: 100px; border: 1px solid rgb(237, 71, 74); text-align: center; border-radius: 3px; text-decoration: none; transition: all 200ms ease-in 0s; line-height: 38px !important; } .Single_page a:hover { background-color: rgb(237, 71, 74); color: rgb(255, 255, 255); } .prev_control { float: left; } .next_control { float: right; } .home6_head h4 { font-size: 16px; color: rgb(102, 102, 102); font-weight: normal; margin: 0px 0px 16px; } .home6_head h3 { font-size: 24px; color: rgb(51, 51, 51); margin: 0px; line-height: 1; text-transform: uppercase; } .home6_head .line, .home6_head .line_center { width: 40px; height: 2px; background-color: rgb(237, 71, 74); margin: 20px 0px; } .home6_head .line_center { margin: 20px auto; } .img_display { display: inline-block; } .arrow_icon { width: 20px; height: 20px; line-height: 20px; text-align: center; display: inline-block; vertical-align: middle; background-color: rgb(237, 71, 74); color: rgb(255, 255, 255); margin: -3px 0px 0px 10px; font-size: 12px; position: relative; border-radius: 50%; } .arrow_icon::before { content: ""; position: absolute; left: 50%; top: 50%; margin: -3px 0px 0px -4px; border-right: 1px solid rgb(255, 255, 255); border-bottom: 1px solid rgb(255, 255, 255); width: 6px; height: 6px; transform: rotate(-45deg); } .home6_text1_img { width: 200px; height: 200px; line-height: 200px; margin: 0px auto 30px; background-color: rgb(239, 239, 239); border: 3px solid rgb(239, 239, 239); cursor: pointer; border-radius: 50%; transition: all 200ms ease 0s; } .home6_text1_img:hover { background-color: rgb(249, 249, 249); border: 3px solid rgb(229, 229, 229); } .home6_text1_img img { transform: scale(1); transition: all 200ms ease 0s; } .home6_text1_img:hover img { transform: scale(1.2); } .home6_text1 .home6_head h4 { font-size: 14px; } .home6_text1 .home6_head h3 { font-size: 18px; color: rgb(61, 63, 64); } .home6_text1 .home6_head .line_center { background-color: rgb(51, 51, 51); } .home6_text1 a { text-transform: uppercase; } .home6_full_bg1 { background-color: rgb(238, 238, 238); position: relative; } .home6_full_bg1_l { float: left; width: 50%; position: relative; padding: 60px 50px; } .home6_full_bg1_l::before { content: ""; position: absolute; top: 20%; left: 100%; border-width: 18px 0px 18px 18px; border-color: transparent transparent transparent rgb(238, 238, 238); border-style: solid; z-index: 1; } .home6_full_bg1_l p { padding-bottom: 10px; } .home6_full_bg1_btn a { margin: 10px 0px 0px; text-transform: uppercase; } .home6_full_bg1_r { float: right; width: 50%; height: 100%; background: url("images/home6_img4.jpg") center 0px / cover no-repeat; position: absolute; right: 0px; top: 0px; } .home6_isotope > p { padding: 0px; } .home6_isotope .isotope_grid .isotope_item .photo_box h3 { font-weight: bold; letter-spacing: 0px; text-transform: uppercase; } .home6_isotope .isotope_grid .isotope_item .photo_box .shade { background-color: rgb(0, 0, 0); } .home6_isotope .isotope_grid .photo_box:hover .shade { opacity: 0.7; } .home6_isotope .photo_box.ico_right_rotate .ico, .home6_isotope .photo_box.ico_right_rotate .ico > span { height: 60px; width: 60px; } .home6_isotope .isotope_grid .isotope_item .photo_box .ico span { border: none; background-color: rgb(237, 71, 74); height: 60px !important; width: 60px !important; line-height: 60px !important; } .home6_number_bg { background-color: rgb(34, 34, 34); padding: 0px 15px; } .home6_number_bg .number_Animation .number { line-height: 1; } .home6_number_line { width: 40px; height: 3px; background-color: rgb(170, 170, 170); margin: 15px auto; } .home6_number_bg p { font-size: 16px; color: rgb(255, 255, 255); line-height: 1; } .home6_text2_ul ul { list-style: none; margin: 25px 0px; } .home6_text2_ul ul li { padding-bottom: 10px; } .home6_text2_ul ul li span { color: rgb(237, 71, 74); margin-right: 15px; } .home6_text2 .Button_default { margin: 0px; text-transform: uppercase; } .home6_text3 { padding-top: 45px; } .home6_text3_left { text-align: right; } .home6_text3_right { text-align: left; } .home6_text3_left > div, .home6_text3_right > div { padding-top: 45px; } .home6_text3_left_title, .home6_text3_right_title { font-size: 16px; color: rgb(61, 63, 64); font-weight: bold; line-height: 50px; text-transform: uppercase; } .home6_text3_left_title span.glyphicons, .home6_text3_right_title span.glyphicons { float: right; width: 50px; height: 50px; line-height: 50px; font-size: 20px; margin: 0px 0px 0px 20px; color: rgb(255, 255, 255); background-color: rgb(237, 71, 74); text-align: center; border-radius: 50%; } .home6_text3_right_title span.glyphicons { float: left; margin: 0px 20px 0px 0px; } .home6_text3_btn a { margin: 40px 15px 0px; text-transform: uppercase; } .three_equal_height { display: table; border-collapse: collapse; color: rgb(255, 255, 255); } .table_cell1, .table_cell2, .table_cell3 { display: table-cell; width: 33.3333%; padding: 60px 70px; } .table_cell1 { background-color: rgb(254, 106, 86); } .table_cell2 { background-color: rgb(237, 71, 74); } .table_cell3 { background-color: rgb(255, 102, 115); } .three_equal_height .home6_head h4 { color: rgb(255, 255, 255); } .three_equal_height .home6_head h3 { color: rgb(255, 255, 255); font-size: 18px; } .three_equal_height .home6_head .line { background-color: rgb(255, 255, 255); } a.table_cell_btn { padding: 10px 28px; display: inline-block; font-size: 14px; text-transform: uppercase; border: 1px solid rgb(255, 255, 255); margin-top: 25px; border-radius: 3px; transition: all 200ms ease-in 0s; color: rgb(255, 255, 255) !important; } a.table_cell_btn:hover { background-color: rgb(255, 255, 255); text-decoration: none; color: rgb(237, 71, 74) !important; } .home6_team_content .photo_box { padding: 45px 0px 20px; } .home6_team_content .photo_box .pic_box { width: 200px; border-radius: 50%; } .home6_team_content .home6_head h4 { font-size: 14px; margin: 0px 0px 10px; } .home6_team_content .home6_head h3 { font-size: 16px; color: rgb(61, 63, 64); } .home6_team_content .home6_head .line_center { background-color: rgb(187, 187, 187); } .home6_full_bg2 { background: url("images/home6_full_bg2.jpg") center center no-repeat; color: rgb(255, 255, 255); } .home6_full_bg2 .home6_head h4, .home6_full_bg2 .home6_head h3 { color: rgb(255, 255, 255); } .home6_full_bg2 .home6_head .line_center { background-color: rgb(255, 255, 255); } .home6_full_bg2 > div > div > p { padding-bottom: 55px; } .home6_full_bg1 #gmap3 { position: absolute; top: 0px; left: 0px; height: 100%; width: 50%; } .home6_contact { float: right; width: 50%; padding: 60px; position: relative; box-shadow: rgb(187, 187, 187) -3px 0px 3px 0px; } .home6_contact::before { content: ""; position: absolute; top: 20%; left: -9px; height: 18px; width: 18px; background-color: rgb(238, 238, 238); box-shadow: rgb(187, 187, 187) -3px -3px 3px 0px; transform: rotate(-45deg); } .home6_contact_info { padding: 35px 0px 10px; border-bottom: 1px dashed rgb(170, 170, 170); } .home6_contact_info .row > div { padding-bottom: 45px; } .home6_contact_info .glyphicons { float: left; height: 50px; width: 50px; line-height: 50px; font-size: 20px; margin-right: 30px; color: rgb(255, 255, 255); background-color: rgb(237, 71, 74); text-align: center; border-radius: 50%; } .home6_contact_info_right { overflow: hidden; padding-top: 10px; } .home6_contact_info_right span { font-size: 15px; font-weight: bold; color: rgb(51, 51, 51); text-transform: uppercase; } .home6_contact_social a { font-size: 24px; float: left; line-height: 1; padding-top: 40px; margin-right: 8px; color: rgb(153, 153, 153) !important; } .home6_contact_social a:hover { color: rgb(237, 71, 74) !important; } .home6_foot_about img { padding-bottom: 25px; } .home6_foot_about p { padding-bottom: 10px; } .home6_foot_about a { text-transform: uppercase; } .home6_foot_news { border-bottom: 1px solid rgb(67, 67, 67); line-height: 1; padding-bottom: 27px; } .home6_foot_news + .home6_foot_news { margin-top: 27px; } .home6_foot_news img { float: left; padding-right: 25px; } .home6_foot_news .news_p1 { font-size: 14px; padding-bottom: 15px; } .home6_foot_news .news_p2 { color: rgb(72, 72, 72); } .foot_text span { padding: 0px 12px; } .anchorTag { text-align: center; position: relative; cursor: pointer; backface-visibility: hidden; transform: translate3d(0px, 0px, 0px); z-index: 903; } #anchorNav { position: fixed; right: 100px; top: 30%; margin: 0px; padding: 0px; z-index: 10000; } #anchorNav li { list-style: none; cursor: pointer; position: relative; margin-bottom: 15px; } #anchorNav li i { display: block; width: 20px; height: 20px; background-color: rgb(0, 0, 0); border: 6px solid rgb(0, 0, 0); opacity: 0.6; text-indent: -200px; overflow: hidden; border-radius: 50%; transition: background-color 300ms ease-out 0s; } #anchorNav li:hover i, #anchorNav li.active i { background-color: rgb(255, 255, 255); } #anchorNav li span { background-color: rgb(0, 0, 0); color: rgb(255, 255, 255); position: absolute; top: 50%; right: 100%; height: 30px; line-height: 30px; margin: -15px 10px 0px 0px; white-space: nowrap; padding: 0px 15px; visibility: hidden; transition: all 200ms ease-in 0s; opacity: 0.6; } #anchorNav li span::before { content: ""; position: absolute; top: 50%; left: 100%; margin-top: -5px; border-width: 5px 0px 5px 5px; border-style: solid; border-color: transparent transparent transparent rgb(0, 0, 0); } #anchorNav li:hover span { visibility: visible; } @media only screen and (max-width: 991px) { #anchorNav { display: none; } } .home7_head h3 { font-size: 20px; color: rgb(51, 51, 51); text-transform: uppercase; margin: 0px; line-height: 1; } .home7_head .dash_line, .home7_head .dash_line_center { width: 40px; border-bottom: 1px dashed rgb(237, 71, 74); margin: 25px 0px 20px; } .home7_head .dash_line_center { margin: 25px auto 20px; } .home7_anchor_bg { background-color: rgb(237, 71, 74); color: rgb(255, 255, 255); } .anchor_title { font-size: 50px; font-weight: bold; padding: 0px 40px; text-transform: uppercase; position: relative; display: inline-block; } .title_left_line { position: absolute; right: 100%; top: -5px; } .title_right_line { position: absolute; left: 100%; top: -5px; } .home7_text1_content img { padding-top: 35px; } .home7_text1_content h3 { font-size: 16px; color: rgb(51, 51, 51); margin: 25px 0px 18px; text-transform: uppercase; } .home7_text1_content p { padding-bottom: 10px; } .home7_text1_content a { text-transform: uppercase; } .home7_full_bg1 { background-color: rgb(240, 240, 240); } .home7_text2_ul ul { list-style: none; margin: 25px 0px 40px; } .home7_text2_ul ul li { margin-bottom: 2px; } .home7_text2_ul .arrow_icon { height: 15px; line-height: 15px; width: 15px; margin: -3px 10px 0px 0px; } .home7_text2_ul .arrow_icon::before { height: 4px; width: 4px; margin: -2px 0px 0px -2px; } .home7_full_bg1 .Button_default { margin: 0px; text-transform: uppercase; } .home7_employees_content img { padding: 25px 0px 35px; } .home7_employees_content h3 { font-size: 15px; color: rgb(0, 0, 0); font-weight: normal; margin: 0px; } .home7_employees_content h4 { font-size: 13px; color: rgb(136, 136, 136); text-transform: uppercase; font-weight: normal; margin: 4px 0px 20px; } .home7_employees_content a { width: 40px; height: 40px; line-height: 40px; display: inline-block; margin: 15px 3px 0px; border: 1px solid rgb(145, 145, 145); font-size: 16px; border-radius: 50%; transition: all 200ms ease-in 0s; } .home7_employees_content a span { color: rgb(145, 145, 145); transition: all 200ms ease-in 0s; } .home7_employees_content a:hover { background-color: rgb(237, 71, 74); border-color: rgb(237, 71, 74); } .home7_employees_content a:hover span { color: rgb(255, 255, 255); } .home7_full_bg2 { background: url("images/home7_full_bg2.jpg") 0px 0px repeat; color: rgb(255, 255, 255); } .home7_full_bg2 .home7_head h3 { color: rgb(255, 255, 255); } .home7_text3_content { padding-top: 34px; } .home7_text3_content .row + .row { padding-top: 60px; } .home7_text3_content span.glyphicons { float: left; width: 50px; height: 50px; line-height: 50px; text-align: center; margin-right: 20px; font-size: 22px; color: rgb(255, 255, 255); background-color: rgb(237, 71, 74); border-radius: 50%; } .home7_text3_right { overflow: hidden; padding-top: 7px; } .home7_text3_right h3 { font-size: 15px; color: rgb(51, 51, 51); text-transform: uppercase; margin: 5px 0px 16px; } .home7_full_bg3 { background: url("images/home7_full_bg3.jpg") center center no-repeat; color: rgb(255, 255, 255); } .home7_features_left img { display: inline-block; } .home7_full_bg3 .home7_head { padding: 25px 0px 10px; } .home7_full_bg3 .home7_head h3 { color: rgb(255, 255, 255); } .home7_full_bg3 .dash_line { border-color: rgb(255, 255, 255); } .home7_features { padding-bottom: 40px; } .home7_features span.glyphicons { float: left; width: 72px; height: 72px; line-height: 70px; text-align: center; margin-right: 30px; font-size: 30px; color: rgb(255, 255, 255); border: 1px solid rgb(255, 255, 255); border-radius: 50%; } .home7_features div { overflow: hidden; } .home7_features_btn a { text-transform: uppercase; } .home7_portfolio { background-color: rgb(236, 236, 236); position: relative; } .home7_portfolio_img1, .home7_portfolio_img2, .home7_portfolio_img3, .home7_portfolio_img4 { position: absolute; top: 0px; width: 25%; height: 100%; } .home7_portfolio_img1 { background: url("images/home7_img9.jpg") center center / cover no-repeat; left: 0px; } .home7_portfolio_img2 { background: url("images/home7_img10.jpg") center center / cover no-repeat; left: 50%; } .home7_portfolio_img3 { background: url("images/home7_img11.jpg") center center / cover no-repeat; left: 25%; } .home7_portfolio_img4 { background: url("images/home7_img12.jpg") center center / cover no-repeat; left: 75%; } .home7_portfolio_img1::before, .home7_portfolio_img2::before, .home7_portfolio_img3::before, .home7_portfolio_img4::before { content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-color: rgb(0, 0, 0); opacity: 0; transition: all 300ms ease-out 0s; } .home7_portfolio_img1:hover::before, .home7_portfolio_img2:hover::before, .home7_portfolio_img3:hover::before, .home7_portfolio_img4:hover::before { opacity: 0.7; } .home7_portfolio_text1, .home7_portfolio_text2, .home7_portfolio_text3, .home7_portfolio_text4 { width: 25%; padding: 30px; position: relative; top: 0px; float: left; z-index: 1; transition: all 300ms ease-out 0s; } .home7_portfolio_text1 { left: 25%; } .home7_portfolio_text2 { left: 50%; } .home7_portfolio_text3 { left: 0px; } .home7_portfolio_text4 { left: 25%; } .home7_portfolio_text1::before, .home7_portfolio_text2::before { content: ""; position: absolute; right: 100%; top: 20%; border-width: 18px 18px 18px 0px; border-color: transparent rgb(236, 236, 236) transparent transparent; border-style: solid; transition: all 300ms ease-out 0s; } .home7_portfolio_text3::before, .home7_portfolio_text4::before { content: ""; position: absolute; left: 100%; top: 20%; border-width: 18px 0px 18px 18px; border-color: transparent transparent transparent rgb(236, 236, 236); border-style: solid; transition: all 300ms ease-out 0s; } .home7_portfolio_text1 h3, .home7_portfolio_text2 h3, .home7_portfolio_text3 h3, .home7_portfolio_text4 h3 { text-transform: uppercase; font-size: 16px; color: rgb(51, 51, 51); padding-bottom: 5px; transition: all 300ms ease-out 0s; } .home7_portfolio_text1 p, .home7_portfolio_text2 p, .home7_portfolio_text3 p, .home7_portfolio_text4 p { padding-bottom: 10px; transition: all 300ms ease-out 0s; } .home7_portfolio_text1 a, .home7_portfolio_text2 a, .home7_portfolio_text3 a, .home7_portfolio_text4 a { text-transform: uppercase; } .home7_portfolio_text1:hover, .home7_portfolio_text2:hover, .home7_portfolio_text3:hover, .home7_portfolio_text4:hover { background-color: rgb(34, 34, 34); color: rgb(255, 255, 255); } .home7_portfolio_text1:hover h3, .home7_portfolio_text2:hover h3, .home7_portfolio_text3:hover h3, .home7_portfolio_text4:hover h3 { color: rgb(255, 255, 255); } .home7_portfolio_text1:hover::before, .home7_portfolio_text2:hover::before { border-color: transparent rgb(34, 34, 34) transparent transparent; } .home7_portfolio_text3:hover::before, .home7_portfolio_text4:hover::before { border-color: transparent transparent transparent rgb(34, 34, 34); } .home7_full_bg4 { background: url("images/home7_full_bg4.jpg") center center no-repeat; color: rgb(255, 255, 255); } .home7_full_bg4 h3 { font-size: 20px; color: rgb(255, 255, 255); text-transform: uppercase; padding-bottom: 27px; } .home7_pricing .price-table { padding-top: 35px; } .home7_full_bg5 { background: url("images/home7_full_bg5.jpg") center center no-repeat; color: rgb(255, 255, 255); } .home7_text4 h3 { font-size: 24px; color: rgb(255, 255, 255); text-transform: uppercase; margin: 0px 0px 15px; line-height: 1; } .home7_text4 p { font-size: 15px; } .home7_text4 a { padding: 9px 0px; width: 169px; display: inline-block; white-space: nowrap; margin: 24px 0px 0px; letter-spacing: 1px; text-transform: uppercase; border: 1px solid rgb(255, 255, 255); border-radius: 3px; transition: all 200ms ease-in 0s; color: rgb(255, 255, 255) !important; } .home7_text4 a + a { margin-left: 30px; } .home7_text4 a:hover { border-color: rgb(237, 71, 74); background-color: rgb(237, 71, 74); text-decoration: none; } .home7_touch_info { padding-top: 30px; } .home7_touch_info h4 { font-size: 14px; color: rgb(51, 51, 51); font-weight: normal; margin: 0px 0px 5px; } .home7_touch_info div span { width: 85px; display: inline-block; } .home7_touch_social a { display: inline-block; width: 50px; height: 50px; line-height: 55px; text-align: center; margin: 30px 10px 0px 0px; border: 1px solid rgb(204, 204, 204); border-radius: 2px; transition: all 300ms ease 0s; } .home7_touch_social a span.social { font-size: 18px; color: rgb(130, 130, 130); transition: all 300ms ease 0s; } .home7_touch_social a:hover { border-color: rgb(237, 71, 74); } .home7_touch_social a:hover span.social { color: rgb(237, 71, 74); } .home7_foot_news + .home7_foot_news { padding: 15px 0px 0px; margin: 15px 0px 0px; border-top: 1px solid rgb(62, 62, 62); } .home7_foot_accent { color: rgb(237, 71, 74); } .home7_foot_social { border-bottom: 1px solid rgb(62, 62, 62); padding-bottom: 13px; } .home7_foot_social + .home7_foot_social { margin-top: 10px; } .home7_foot_social a { display: block; color: rgb(102, 102, 102) !important; } .home7_foot_social a span.social { font-size: 24px; margin-right: 18px; vertical-align: middle; transition: all 300ms ease 0s; } .home7_social_arrow { border-right: 1px solid rgb(102, 102, 102); border-bottom: 1px solid rgb(102, 102, 102); float: right; width: 4px; height: 4px; margin: 11px 1px 0px 0px; transform: rotate(-45deg); transition: all 300ms ease 0s; } .home7_foot_social a:hover { text-decoration: none; color: rgb(237, 71, 74) !important; } .home7_foot_social a:hover span { color: rgb(237, 71, 74); } .home7_foot_social a:hover .home7_social_arrow { border-color: rgb(237, 71, 74); } .home7_footpane .sep { padding: 0px 12px; } @media only screen and (min-width: 1400px) { .home7_portfolio_text1, .home7_portfolio_text2, .home7_portfolio_text3, .home7_portfolio_text4 { padding: 60px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .mt-60 { margin-top: 30px; } .mb-60 { margin-bottom: 30px; } .pt-60 { padding-top: 30px; } .pb-60 { padding-bottom: 30px; } .home6_text2_ul ul li span { margin-right: 5px; } .home6_text3_left_title, .home6_text3_right_title { font-size: 15px; line-height: 40px; } .home6_text3_left_title span.glyphicons, .home6_text3_right_title span.glyphicons { margin: 0px 0px 0px 5px; width: 40px; height: 40px; line-height: 40px; } .home6_text3_right_title span.glyphicons { margin: 0px 5px 0px 0px; } .table_cell1, .table_cell2, .table_cell3 { padding: 30px; } .home6_team_content .photo_box .pic_box { width: 100%; } .home6_contact_info_right { float: left; } .home7_text2_ul ul { margin: 10px 0px 20px; } .home7_text2_ul .arrow_icon { margin-right: 5px; } .home7_text3_content span.glyphicons, .home7_features span.glyphicons { margin-right: 10px; } .home7_features { padding-bottom: 20px; } .home7_portfolio_img1, .home7_portfolio_img2, .home7_portfolio_img3, .home7_portfolio_img4 { width: 50%; height: 300px; top: 0px; left: 0px; } .home7_portfolio_img2, .home7_portfolio_img4 { left: 50%; } .home7_portfolio_text1, .home7_portfolio_text2, .home7_portfolio_text3, .home7_portfolio_text4 { width: 50%; left: 0px; margin-top: 300px; } .home7_portfolio_text1::before, .home7_portfolio_text2::before, .home7_portfolio_text3::before, .home7_portfolio_text4::before { display: none; } } @media only screen and (max-width: 991px) { .mt-60 { margin-top: 15px; } .mb-60 { margin-bottom: 15px; } .pt-60 { padding-top: 15px; } .pb-60 { padding-bottom: 15px; } .pr-10 { padding-right: 0px; } .pl-10 { padding-left: 0px; } .home6_text1_img { margin-top: 15px; } .home6_full_bg1_l { float: none; width: 100%; padding: 15px; } .home6_full_bg1_l::before { display: none; } .home6_full_bg1_r { width: 100%; position: relative; height: 200px; } .home6_number_bg .number_Animation .number { font-size: 40px; } .home6_number_bg .row > div { padding-top: 10px; } .home6_text2_left img { padding-bottom: 15px; } .home6_text3_left { text-align: left; } .home6_text3_left > div, .home6_text3_right > div { padding: 5px 0px; } .home6_text3_left_title span.glyphicons { float: left; margin: 0px 20px 0px 0px; } .home6_text3_btn a { margin: 10px 1px 0px; } .table_cell1, .table_cell2, .table_cell3 { display: block; width: 100%; padding: 15px; } .home6_full_bg1 #gmap3 { width: 100%; position: relative; height: 300px; } .home6_contact { float: none; width: 100%; padding: 15px; box-shadow: none; } .home6_contact::before { display: none; } .anchor_title { padding: 0px 15px; font-size: 30px; } .title_left_line, .title_right_line { display: none; } .home7_full_bg1 .home7_head { padding-top: 15px; } .home7_portfolio_img1, .home7_portfolio_img2, .home7_portfolio_img3, .home7_portfolio_img4 { position: relative; width: 100%; height: 300px; top: 0px; left: 0px; } .home7_portfolio_text1, .home7_portfolio_text2, .home7_portfolio_text3, .home7_portfolio_text4 { width: 100%; float: none; left: 0px; padding: 15px; } .home7_portfolio_text1::before, .home7_portfolio_text2::before, .home7_portfolio_text3::before, .home7_portfolio_text4::before { display: none; } .home7_text4 a { margin: 10px 2px 0px; } .home7_text4 a + a { margin-left: 2px; } .ClCcard-1-alt, .ClPractice { display: block; margin: 0px; height: auto; min-height: 0px; width: 100% !important; } }

@charset "utf-8"; html { text-size-adjust: 100%; } body { margin: 0px; } article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0px; } [hidden], template { display: none; } a { background: transparent; } a:active, a:hover { outline: 0px; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } mark { color: rgb(0, 0, 0); background: rgb(255, 255, 0); } small { font-size: 80%; } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0px; } svg:not(:root) { overflow: hidden; } figure { margin: 1em 40px; } hr { height: 0px; box-sizing: content-box; } pre { overflow: auto; } code, kbd, pre, samp { font-family: "Open Sans"; font-size: 1em; } button, input, optgroup, select, textarea { margin: 0px; font: inherit; color: inherit; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } input { line-height: normal; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0px; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"] { box-sizing: content-box; appearance: textfield; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { appearance: none; } fieldset { padding: 0.35em 0.625em 0.75em; margin: 0px 2px; border: 1px solid rgb(192, 192, 192); } legend { padding: 0px; border: 0px; } textarea { overflow: auto; } optgroup { font-weight: bold; } table { border-spacing: 0px; border-collapse: collapse; } td, th { padding: 0px; } @media print { * { color: rgb(0, 0, 0) !important; text-shadow: none !important; background: transparent !important; box-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]::after { content: " (" attr(href) ")"; } abbr[title]::after { content: " (" attr(title) ")"; } a[href^="javascript:"]::after, a[href^="#"]::after { content: ""; } pre, blockquote { border: 1px solid rgb(153, 153, 153); break-inside: avoid; } thead { display: table-header-group; } tr, img { break-inside: avoid; } img { max-width: 100% !important; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { break-after: avoid; } select { background: rgb(255, 255, 255) !important; } .navbar { display: none; } .table td, .table th { background-color: rgb(255, 255, 255) !important; } .btn > .caret, .dropup > .btn > .caret { border-top-color: rgb(0, 0, 0) !important; } .label { border: 1px solid rgb(0, 0, 0); } .table { border-collapse: collapse !important; } .table-bordered th, .table-bordered td { border: 1px solid rgb(221, 221, 221) !important; } } * { box-sizing: border-box; } ::before, ::after { box-sizing: border-box; } html { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } body { } input, button, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; } a { text-decoration: none; } a:hover, a:focus { text-decoration: underline; } a:focus { outline: -webkit-focus-ring-color auto 5px; outline-offset: -2px; } figure { margin: 0px; } img { vertical-align: middle; } img { max-width: 150%; } .img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img { display: block; width: 100%; max-width: 100%; height: auto; } .img-rounded { border-radius: 6px; } .img-thumbnail { display: inline-block; max-width: 100%; height: auto; padding: 4px; line-height: 1.42857; background-color: rgb(255, 255, 255); border: 1px solid rgb(221, 221, 221); border-radius: 4px; transition: all 0.2s ease-in-out 0s; } .img-circle { border-radius: 50%; } hr { margin-top: 20px; margin-bottom: 20px; border-width: 1px 0px 0px; border-right-style: initial; border-bottom-style: initial; border-left-style: initial; border-right-color: initial; border-bottom-color: initial; border-left-color: initial; border-image: initial; border-top-style: solid; border-top-color: rgb(238, 238, 238); } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0px; margin: -1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); border: 0px; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0px; overflow: visible; clip: auto; } p { margin: 0px 0px 10px; } .lead { margin-bottom: 20px; font-size: 16px; font-weight: 300; line-height: 1.4; } @media (min-width: 768px) { .lead { font-size: 21px; } } small, .small { font-size: 85%; } cite { font-style: normal; } mark, .mark { padding: 0.2em; } .text-left { text-align: left; } .text-right { text-align: right; } .text-center { text-align: center; } .text-justify { text-align: justify; } .text-nowrap { white-space: nowrap; } .text-lowercase { text-transform: lowercase; } .text-uppercase { text-transform: uppercase; } .text-capitalize { text-transform: capitalize; } .text-muted { color: rgb(119, 119, 119); } .text-primary { color: rgb(0, 102, 99); } a.text-primary:hover { color: rgb(48, 113, 169); } .text-success { color: rgb(60, 118, 61); } a.text-success:hover { color: rgb(43, 84, 44); } .text-info { color: rgb(49, 112, 143); } a.text-info:hover { color: rgb(36, 82, 105); } .text-warning { color: rgb(138, 109, 59); } a.text-warning:hover { color: rgb(102, 81, 44); } .text-danger { color: rgb(169, 68, 66); } a.text-danger:hover { color: rgb(132, 53, 52); } .bg-primary { color: rgb(255, 255, 255); background-color: rgb(0, 102, 99); } a.bg-primary:hover { background-color: rgb(48, 113, 169); } .bg-success { background-color: rgb(223, 240, 216); } a.bg-success:hover { background-color: rgb(193, 226, 179); } .bg-info { background-color: rgb(217, 237, 247); } a.bg-info:hover { background-color: rgb(175, 217, 238); } .bg-warning { background-color: rgb(252, 248, 227); } a.bg-warning:hover { background-color: rgb(247, 236, 181); } .bg-danger { background-color: rgb(242, 222, 222); } a.bg-danger:hover { background-color: rgb(228, 185, 185); } .page-header { padding-bottom: 9px; margin: 40px 0px 20px; border-bottom: 1px solid rgb(238, 238, 238); } ul, ol { margin-top: 0px; margin-bottom: 10px; } ul ul, ol ul, ul ol, ol ol { margin-bottom: 0px; } .list-unstyled { padding-left: 0px; list-style: none; } .list-inline { padding-left: 0px; margin-left: -5px; list-style: none; } .list-inline > li { display: inline-block; padding-right: 5px; padding-left: 5px; } dl { margin-top: 0px; margin-bottom: 20px; } dt, dd { line-height: 1.42857; } dt { font-weight: bold; } dd { margin-left: 0px; } @media (min-width: 768px) { .dl-horizontal dt { float: left; width: 160px; overflow: hidden; clear: left; text-align: right; text-overflow: ellipsis; white-space: nowrap; } .dl-horizontal dd { margin-left: 180px; } } abbr[title], abbr[data-original-title] { cursor: help; border-bottom: 1px dotted rgb(119, 119, 119); } .initialism { font-size: 90%; text-transform: uppercase; } blockquote { padding: 10px 20px; margin: 0px 0px 20px; font-size: 17.5px; border-left: 5px solid rgb(238, 238, 238); } blockquote p:last-child, blockquote ul:last-child, blockquote ol:last-child { margin-bottom: 0px; } blockquote footer, blockquote small, blockquote .small { display: block; font-size: 80%; line-height: 1.42857; color: rgb(119, 119, 119); } blockquote footer::before, blockquote small::before, blockquote .small::before { content: "— "; } .blockquote-reverse, blockquote.pull-right { padding-right: 15px; padding-left: 0px; text-align: right; border-right: 5px solid rgb(238, 238, 238); border-left: 0px; } .blockquote-reverse footer::before, blockquote.pull-right footer::before, .blockquote-reverse small::before, blockquote.pull-right small::before, .blockquote-reverse .small::before, blockquote.pull-right .small::before { content: ""; } .blockquote-reverse footer::after, blockquote.pull-right footer::after, .blockquote-reverse small::after, blockquote.pull-right small::after, .blockquote-reverse .small::after, blockquote.pull-right .small::after { content: " —"; } blockquote::before, blockquote::after { content: ""; } address { margin-bottom: 20px; font-style: normal; line-height: 1.42857; } code, kbd, pre, samp { font-family: "Open Sans", "Courier New", monospace; } code { padding: 2px 4px; font-size: 90%; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; } kbd { padding: 2px 4px; font-size: 90%; color: rgb(255, 255, 255); background-color: rgb(51, 51, 51); border-radius: 3px; box-shadow: rgba(0, 0, 0, 0.25) 0px -1px 0px inset; } kbd kbd { padding: 0px; font-size: 100%; box-shadow: none; } pre { display: block; padding: 9.5px; margin: 0px 0px 10px; font-size: 13px; line-height: 1.42857; color: rgb(51, 51, 51); word-break: break-all; overflow-wrap: break-word; background-color: rgb(245, 245, 245); border: 1px solid rgb(204, 204, 204); border-radius: 4px; } pre code { padding: 0px; font-size: inherit; color: inherit; white-space: pre-wrap; background-color: transparent; border-radius: 0px; } .pre-scrollable { max-height: 340px; overflow-y: scroll; } .container { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } @media (min-width: 768px) { .container { width: 750px; } } @media (min-width: 992px) { .container { width: 970px; } } @media (min-width: 1200px) { .container { width: 100%; } } .container-fluid { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } .row { margin-right: -15px; margin-left: -15px; } .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; padding-right: 15px; padding-left: 15px; } .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; } .col-xs-12 { width: 100%; padding: 10px; } .col-xs-11 { width: 91.6667%; } .col-xs-10 { width: 83.3333%; } .col-xs-9 { width: 75%; } .col-xs-8 { width: 66.6667%; } .col-xs-7 { width: 58.3333%; } .col-xs-6 { width: 50%; } .col-xs-5 { width: 41.6667%; } .col-xs-4 { width: 33.3333%; } .col-xs-3 { width: 25%; } .col-xs-2 { width: 16.6667%; } .col-xs-1 { width: 8.33333%; } .col-xs-pull-12 { right: 100%; } .col-xs-pull-11 { right: 91.6667%; } .col-xs-pull-10 { right: 83.3333%; } .col-xs-pull-9 { right: 75%; } .col-xs-pull-8 { right: 66.6667%; } .col-xs-pull-7 { right: 58.3333%; } .col-xs-pull-6 { right: 50%; } .col-xs-pull-5 { right: 41.6667%; } .col-xs-pull-4 { right: 33.3333%; } .col-xs-pull-3 { right: 25%; } .col-xs-pull-2 { right: 16.6667%; } .col-xs-pull-1 { right: 8.33333%; } .col-xs-pull-0 { right: auto; } .col-xs-push-12 { left: 100%; } .col-xs-push-11 { left: 91.6667%; } .col-xs-push-10 { left: 83.3333%; } .col-xs-push-9 { left: 75%; } .col-xs-push-8 { left: 66.6667%; } .col-xs-push-7 { left: 58.3333%; } .col-xs-push-6 { left: 50%; } .col-xs-push-5 { left: 41.6667%; } .col-xs-push-4 { left: 33.3333%; } .col-xs-push-3 { left: 25%; } .col-xs-push-2 { left: 16.6667%; } .col-xs-push-1 { left: 8.33333%; } .col-xs-push-0 { left: auto; } .col-xs-offset-12 { margin-left: 100%; } .col-xs-offset-11 { margin-left: 91.6667%; } .col-xs-offset-10 { margin-left: 83.3333%; } .col-xs-offset-9 { margin-left: 75%; } .col-xs-offset-8 { margin-left: 66.6667%; } .col-xs-offset-7 { margin-left: 58.3333%; } .col-xs-offset-6 { margin-left: 50%; } .col-xs-offset-5 { margin-left: 41.6667%; } .col-xs-offset-4 { margin-left: 33.3333%; } .col-xs-offset-3 { margin-left: 25%; } .col-xs-offset-2 { margin-left: 16.6667%; } .col-xs-offset-1 { margin-left: 8.33333%; } .col-xs-offset-0 { margin-left: 0px; } @media (min-width: 768px) { .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; } .col-sm-12 { width: 100%; } .col-sm-11 { width: 91.6667%; } .col-sm-10 { width: 83.3333%; } .col-sm-9 { width: 75%; } .col-sm-8 { width: 66.6667%; } .col-sm-7 { width: 58.3333%; } .col-sm-6 { width: 50%; } .col-sm-5 { width: 41.6667%; } .col-sm-4 { width: 33.3333%; } .col-sm-3 { width: 25%; } .col-sm-2 { width: 16.6667%; } .col-sm-1 { width: 8.33333%; } .col-sm-pull-12 { right: 100%; } .col-sm-pull-11 { right: 91.6667%; } .col-sm-pull-10 { right: 83.3333%; } .col-sm-pull-9 { right: 75%; } .col-sm-pull-8 { right: 66.6667%; } .col-sm-pull-7 { right: 58.3333%; } .col-sm-pull-6 { right: 50%; } .col-sm-pull-5 { right: 41.6667%; } .col-sm-pull-4 { right: 33.3333%; } .col-sm-pull-3 { right: 25%; } .col-sm-pull-2 { right: 16.6667%; } .col-sm-pull-1 { right: 8.33333%; } .col-sm-pull-0 { right: auto; } .col-sm-push-12 { left: 100%; } .col-sm-push-11 { left: 91.6667%; } .col-sm-push-10 { left: 83.3333%; } .col-sm-push-9 { left: 75%; } .col-sm-push-8 { left: 66.6667%; } .col-sm-push-7 { left: 58.3333%; } .col-sm-push-6 { left: 50%; } .col-sm-push-5 { left: 41.6667%; } .col-sm-push-4 { left: 33.3333%; } .col-sm-push-3 { left: 25%; } .col-sm-push-2 { left: 16.6667%; } .col-sm-push-1 { left: 8.33333%; } .col-sm-push-0 { left: auto; } .col-sm-offset-12 { margin-left: 100%; } .col-sm-offset-11 { margin-left: 91.6667%; } .col-sm-offset-10 { margin-left: 83.3333%; } .col-sm-offset-9 { margin-left: 75%; } .col-sm-offset-8 { margin-left: 66.6667%; } .col-sm-offset-7 { margin-left: 58.3333%; } .col-sm-offset-6 { margin-left: 50%; } .col-sm-offset-5 { margin-left: 41.6667%; } .col-sm-offset-4 { margin-left: 33.3333%; } .col-sm-offset-3 { margin-left: 25%; } .col-sm-offset-2 { margin-left: 16.6667%; } .col-sm-offset-1 { margin-left: 8.33333%; } .col-sm-offset-0 { margin-left: 0px; } } @media (min-width: 992px) { .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; } .col-md-12 { width: 100%; } .col-md-11 { width: 91.6667%; } .col-md-10 { width: 83.3333%; } .col-md-9 { width: 75%; } .col-md-8 { width: 66.6667%; } .col-md-7 { width: 58.3333%; } .col-md-6 { width: 50%; } .col-md-5 { width: 41.6667%; } .col-md-4 { width: 33.3333%; } .col-md-3 { width: 25%; } .col-md-2 { width: 16.6667%; } .col-md-1 { width: 8.33333%; } .col-md-pull-12 { right: 100%; } .col-md-pull-11 { right: 91.6667%; } .col-md-pull-10 { right: 83.3333%; } .col-md-pull-9 { right: 75%; } .col-md-pull-8 { right: 66.6667%; } .col-md-pull-7 { right: 58.3333%; } .col-md-pull-6 { right: 50%; } .col-md-pull-5 { right: 41.6667%; } .col-md-pull-4 { right: 33.3333%; } .col-md-pull-3 { right: 25%; } .col-md-pull-2 { right: 16.6667%; } .col-md-pull-1 { right: 8.33333%; } .col-md-pull-0 { right: auto; } .col-md-push-12 { left: 100%; } .col-md-push-11 { left: 91.6667%; } .col-md-push-10 { left: 83.3333%; } .col-md-push-9 { left: 75%; } .col-md-push-8 { left: 66.6667%; } .col-md-push-7 { left: 58.3333%; } .col-md-push-6 { left: 50%; } .col-md-push-5 { left: 41.6667%; } .col-md-push-4 { left: 33.3333%; } .col-md-push-3 { left: 25%; } .col-md-push-2 { left: 16.6667%; } .col-md-push-1 { left: 8.33333%; } .col-md-push-0 { left: auto; } .col-md-offset-12 { margin-left: 100%; } .col-md-offset-11 { margin-left: 91.6667%; } .col-md-offset-10 { margin-left: 83.3333%; } .col-md-offset-9 { margin-left: 75%; } .col-md-offset-8 { margin-left: 66.6667%; } .col-md-offset-7 { margin-left: 58.3333%; } .col-md-offset-6 { margin-left: 50%; } .col-md-offset-5 { margin-left: 41.6667%; } .col-md-offset-4 { margin-left: 33.3333%; } .col-md-offset-3 { margin-left: 25%; } .col-md-offset-2 { margin-left: 16.6667%; } .col-md-offset-1 { margin-left: 8.33333%; } .col-md-offset-0 { margin-left: 0px; } } @media (min-width: 1200px) { .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; } .col-lg-12 { width: 100%; } .col-lg-11 { width: 91.6667%; } .col-lg-10 { width: 83.3333%; } .col-lg-9 { width: 75%; } .col-lg-8 { width: 66.6667%; } .col-lg-7 { width: 58.3333%; } .col-lg-6 { width: 50%; } .col-lg-5 { width: 41.6667%; } .col-lg-4 { width: 33.3333%; } .col-lg-3 { width: 25%; } .col-lg-2 { width: 16.6667%; } .col-lg-1 { width: 8.33333%; } .col-lg-pull-12 { right: 100%; } .col-lg-pull-11 { right: 91.6667%; } .col-lg-pull-10 { right: 83.3333%; } .col-lg-pull-9 { right: 75%; } .col-lg-pull-8 { right: 66.6667%; } .col-lg-pull-7 { right: 58.3333%; } .col-lg-pull-6 { right: 50%; } .col-lg-pull-5 { right: 41.6667%; } .col-lg-pull-4 { right: 33.3333%; } .col-lg-pull-3 { right: 25%; } .col-lg-pull-2 { right: 16.6667%; } .col-lg-pull-1 { right: 8.33333%; } .col-lg-pull-0 { right: auto; } .col-lg-push-12 { left: 100%; } .col-lg-push-11 { left: 91.6667%; } .col-lg-push-10 { left: 83.3333%; } .col-lg-push-9 { left: 75%; } .col-lg-push-8 { left: 66.6667%; } .col-lg-push-7 { left: 58.3333%; } .col-lg-push-6 { left: 50%; } .col-lg-push-5 { left: 41.6667%; } .col-lg-push-4 { left: 33.3333%; } .col-lg-push-3 { left: 25%; } .col-lg-push-2 { left: 16.6667%; } .col-lg-push-1 { left: 8.33333%; } .col-lg-push-0 { left: auto; } .col-lg-offset-12 { margin-left: 100%; } .col-lg-offset-11 { margin-left: 91.6667%; } .col-lg-offset-10 { margin-left: 83.3333%; } .col-lg-offset-9 { margin-left: 75%; } .col-lg-offset-8 { margin-left: 66.6667%; } .col-lg-offset-7 { margin-left: 58.3333%; } .col-lg-offset-6 { margin-left: 50%; } .col-lg-offset-5 { margin-left: 41.6667%; } .col-lg-offset-4 { margin-left: 33.3333%; } .col-lg-offset-3 { margin-left: 25%; } .col-lg-offset-2 { margin-left: 16.6667%; } .col-lg-offset-1 { margin-left: 8.33333%; } .col-lg-offset-0 { margin-left: 0px; } } table { background-color: transparent; } th { text-align: left; } .table { width: 100%; max-width: 100%; margin-bottom: 20px; } .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td { padding: 8px; line-height: 1.42857; vertical-align: top; border-top: 1px solid rgb(221, 221, 221); } .table > thead > tr > th { vertical-align: bottom; border-bottom: 2px solid rgb(221, 221, 221); } .table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > td { border-top: 0px; } .table > tbody + tbody { border-top: 2px solid rgb(221, 221, 221); } .table .table { background-color: rgb(255, 255, 255); } .table-condensed > thead > tr > th, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > tbody > tr > td, .table-condensed > tfoot > tr > td { padding: 5px; } .table-bordered { border: 1px solid rgb(221, 221, 221); } .table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td { border: 1px solid rgb(221, 221, 221); } .table-bordered > thead > tr > th, .table-bordered > thead > tr > td { border-bottom-width: 2px; } .table-striped > tbody > tr:nth-child(2n+1) > td, .table-striped > tbody > tr:nth-child(2n+1) > th { background-color: rgb(249, 249, 249); } .table-hover > tbody > tr:hover > td, .table-hover > tbody > tr:hover > th { background-color: rgb(245, 245, 245); } table col[class*="col-"] { position: static; display: table-column; float: none; } table td[class*="col-"], table th[class*="col-"] { position: static; display: table-cell; float: none; } .table > thead > tr > td.active, .table > tbody > tr > td.active, .table > tfoot > tr > td.active, .table > thead > tr > th.active, .table > tbody > tr > th.active, .table > tfoot > tr > th.active, .table > thead > tr.active > td, .table > tbody > tr.active > td, .table > tfoot > tr.active > td, .table > thead > tr.active > th, .table > tbody > tr.active > th, .table > tfoot > tr.active > th { background-color: rgb(245, 245, 245); } .table-hover > tbody > tr > td.active:hover, .table-hover > tbody > tr > th.active:hover, .table-hover > tbody > tr.active:hover > td, .table-hover > tbody > tr:hover > .active, .table-hover > tbody > tr.active:hover > th { background-color: rgb(232, 232, 232); } .table > thead > tr > td.success, .table > tbody > tr > td.success, .table > tfoot > tr > td.success, .table > thead > tr > th.success, .table > tbody > tr > th.success, .table > tfoot > tr > th.success, .table > thead > tr.success > td, .table > tbody > tr.success > td, .table > tfoot > tr.success > td, .table > thead > tr.success > th, .table > tbody > tr.success > th, .table > tfoot > tr.success > th { background-color: rgb(223, 240, 216); } .table-hover > tbody > tr > td.success:hover, .table-hover > tbody > tr > th.success:hover, .table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr:hover > .success, .table-hover > tbody > tr.success:hover > th { background-color: rgb(208, 233, 198); } .table > thead > tr > td.info, .table > tbody > tr > td.info, .table > tfoot > tr > td.info, .table > thead > tr > th.info, .table > tbody > tr > th.info, .table > tfoot > tr > th.info, .table > thead > tr.info > td, .table > tbody > tr.info > td, .table > tfoot > tr.info > td, .table > thead > tr.info > th, .table > tbody > tr.info > th, .table > tfoot > tr.info > th { background-color: rgb(217, 237, 247); } .table-hover > tbody > tr > td.info:hover, .table-hover > tbody > tr > th.info:hover, .table-hover > tbody > tr.info:hover > td, .table-hover > tbody > tr:hover > .info, .table-hover > tbody > tr.info:hover > th { background-color: rgb(196, 227, 243); } .table > thead > tr > td.warning, .table > tbody > tr > td.warning, .table > tfoot > tr > td.warning, .table > thead > tr > th.warning, .table > tbody > tr > th.warning, .table > tfoot > tr > th.warning, .table > thead > tr.warning > td, .table > tbody > tr.warning > td, .table > tfoot > tr.warning > td, .table > thead > tr.warning > th, .table > tbody > tr.warning > th, .table > tfoot > tr.warning > th { background-color: rgb(252, 248, 227); } .table-hover > tbody > tr > td.warning:hover, .table-hover > tbody > tr > th.warning:hover, .table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr:hover > .warning, .table-hover > tbody > tr.warning:hover > th { background-color: rgb(250, 242, 204); } .table > thead > tr > td.danger, .table > tbody > tr > td.danger, .table > tfoot > tr > td.danger, .table > thead > tr > th.danger, .table > tbody > tr > th.danger, .table > tfoot > tr > th.danger, .table > thead > tr.danger > td, .table > tbody > tr.danger > td, .table > tfoot > tr.danger > td, .table > thead > tr.danger > th, .table > tbody > tr.danger > th, .table > tfoot > tr.danger > th { background-color: rgb(242, 222, 222); } .table-hover > tbody > tr > td.danger:hover, .table-hover > tbody > tr > th.danger:hover, .table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr:hover > .danger, .table-hover > tbody > tr.danger:hover > th { background-color: rgb(235, 204, 204); } @media screen and (max-width: 991px) { .table-responsive { width: 100%; margin-bottom: 15px; overflow: auto hidden; border: 1px solid rgb(221, 221, 221); } .table-responsive > .table { margin-bottom: 0px; } .table-responsive > .table > thead > tr > th, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > td { } .table-responsive > .table-bordered { border: 0px; } .table-responsive > .table-bordered > thead > tr > th:first-child, .table-responsive > .table-bordered > tbody > tr > th:first-child, .table-responsive > .table-bordered > tfoot > tr > th:first-child, .table-responsive > .table-bordered > thead > tr > td:first-child, .table-responsive > .table-bordered > tbody > tr > td:first-child, .table-responsive > .table-bordered > tfoot > tr > td:first-child { border-left: 0px; } .table-responsive > .table-bordered > thead > tr > th:last-child, .table-responsive > .table-bordered > tbody > tr > th:last-child, .table-responsive > .table-bordered > tfoot > tr > th:last-child, .table-responsive > .table-bordered > thead > tr > td:last-child, .table-responsive > .table-bordered > tbody > tr > td:last-child, .table-responsive > .table-bordered > tfoot > tr > td:last-child { border-right: 0px; } .table-responsive > .table-bordered > tbody > tr:last-child > th, .table-responsive > .table-bordered > tfoot > tr:last-child > th, .table-responsive > .table-bordered > tbody > tr:last-child > td, .table-responsive > .table-bordered > tfoot > tr:last-child > td { border-bottom: 0px; } } fieldset { min-width: 0px; padding: 0px; margin: 0px; border: 0px; } legend { display: block; width: 100%; padding: 0px; margin-bottom: 20px; font-size: 21px; line-height: inherit; color: rgb(51, 51, 51); border-width: 0px 0px 1px; border-top-style: initial; border-right-style: initial; border-left-style: initial; border-top-color: initial; border-right-color: initial; border-left-color: initial; border-image: initial; border-bottom-style: solid; border-bottom-color: rgb(229, 229, 229); } label { display: inline-block; max-width: 100%; margin-bottom: 5px; padding: 5px; } input[type="search"] { box-sizing: border-box; } input[type="radio"], input[type="checkbox"] { margin: 4px 0px 0px; line-height: normal; } input[type="file"] { display: block; } input[type="range"] { display: block; width: 100%; } select[multiple], select[size] { height: auto; } input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus { outline: -webkit-focus-ring-color auto 5px; outline-offset: -2px; } output { display: block; padding-top: 7px; font-size: 14px; line-height: 1.42857; color: rgb(85, 85, 85); } .form-control { display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857; color: rgb(85, 85, 85); background-color: rgb(255, 255, 255); background-image: none; border: 1px solid rgb(204, 204, 204); border-radius: 4px; box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px inset; transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; } .form-control:focus { border-color: rgb(102, 175, 233); outline: 0px; box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px inset, rgba(102, 175, 233, 0.6) 0px 0px 8px; } .form-control::-webkit-input-placeholder { color: rgb(119, 119, 119); } .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { cursor: not-allowed; background-color: rgb(238, 238, 238); opacity: 1; } textarea.form-control { height: auto; } input[type="search"] { appearance: none; } input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"] { line-height: 34px; } input[type="date"].input-sm, input[type="time"].input-sm, input[type="datetime-local"].input-sm, input[type="month"].input-sm { line-height: 30px; } input[type="date"].input-lg, input[type="time"].input-lg, input[type="datetime-local"].input-lg, input[type="month"].input-lg { line-height: 46px; } .form-group { margin-bottom: 15px; } .radio, .checkbox { position: relative; display: block; min-height: 20px; margin-top: 10px; margin-bottom: 10px; } .radio label, .checkbox label { padding-left: 20px; margin-bottom: 0px; font-weight: normal; cursor: pointer; } .radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] { position: absolute; margin-left: -20px; } .radio + .radio, .checkbox + .checkbox { margin-top: -5px; } .radio-inline, .checkbox-inline { display: inline-block; padding-left: 20px; margin-bottom: 0px; font-weight: normal; vertical-align: middle; cursor: pointer; } .radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline { margin-top: 0px; margin-left: 10px; } input[type="radio"][disabled], input[type="checkbox"][disabled], input[type="radio"].disabled, input[type="checkbox"].disabled, fieldset[disabled] input[type="radio"], fieldset[disabled] input[type="checkbox"] { cursor: not-allowed; } .radio-inline.disabled, .checkbox-inline.disabled, fieldset[disabled] .radio-inline, fieldset[disabled] .checkbox-inline { cursor: not-allowed; } .radio.disabled label, .checkbox.disabled label, fieldset[disabled] .radio label, fieldset[disabled] .checkbox label { cursor: not-allowed; } .form-control-static { padding-top: 7px; padding-bottom: 7px; margin-bottom: 0px; } .form-control-static.input-lg, .form-control-static.input-sm { padding-right: 0px; padding-left: 0px; } .input-sm, .form-horizontal .form-group-sm .form-control { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } select.input-sm { height: 30px; line-height: 30px; } textarea.input-sm, select[multiple].input-sm { height: auto; } .input-lg, .form-horizontal .form-group-lg .form-control { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.33; border-radius: 6px; } select.input-lg { height: 46px; line-height: 46px; } textarea.input-lg, select[multiple].input-lg { height: auto; } .has-feedback { position: relative; } .has-feedback .form-control { padding-right: 42.5px; } .form-control-feedback { position: absolute; top: 25px; right: 0px; z-index: 2; display: block; width: 34px; height: 34px; line-height: 34px; text-align: center; } .input-lg + .form-control-feedback { width: 46px; height: 46px; line-height: 46px; } .input-sm + .form-control-feedback { width: 30px; height: 30px; line-height: 30px; } .has-success .help-block, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline { color: rgb(60, 118, 61); } .has-success .form-control { border-color: rgb(60, 118, 61); box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px inset; } .has-success .form-control:focus { border-color: rgb(43, 84, 44); box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px inset, rgb(103, 177, 104) 0px 0px 6px; } .has-success .input-group-addon { color: rgb(60, 118, 61); background-color: rgb(223, 240, 216); border-color: rgb(60, 118, 61); } .has-success .form-control-feedback { color: rgb(60, 118, 61); } .has-warning .help-block, .has-warning .control-label, .has-warning .radio, .has-warning .checkbox, .has-warning .radio-inline, .has-warning .checkbox-inline { color: rgb(138, 109, 59); } .has-warning .form-control { border-color: rgb(138, 109, 59); box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px inset; } .has-warning .form-control:focus { border-color: rgb(102, 81, 44); box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px inset, rgb(192, 161, 107) 0px 0px 6px; } .has-warning .input-group-addon { color: rgb(138, 109, 59); background-color: rgb(252, 248, 227); border-color: rgb(138, 109, 59); } .has-warning .form-control-feedback { color: rgb(138, 109, 59); } .has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline { color: rgb(169, 68, 66); } .has-error .form-control { border-color: rgb(169, 68, 66); box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px inset; } .has-error .form-control:focus { border-color: rgb(132, 53, 52); box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px inset, rgb(206, 132, 131) 0px 0px 6px; } .has-error .input-group-addon { color: rgb(169, 68, 66); background-color: rgb(242, 222, 222); border-color: rgb(169, 68, 66); } .has-error .form-control-feedback { color: rgb(169, 68, 66); } .has-feedback label.sr-only ~ .form-control-feedback { top: 0px; } .help-block { display: block; margin-top: 5px; margin-bottom: 10px; color: rgb(115, 115, 115); } @media (min-width: 768px) { .form-inline .form-group { display: inline-block; margin-bottom: 0px; vertical-align: middle; } .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle; } .form-inline .input-group { display: inline-table; vertical-align: middle; } .form-inline .input-group .input-group-addon, .form-inline .input-group .input-group-btn, .form-inline .input-group .form-control { width: auto; } .form-inline .input-group > .form-control { width: 100%; } .form-inline .control-label { margin-bottom: 0px; vertical-align: middle; } .form-inline .radio, .form-inline .checkbox { display: inline-block; margin-top: 0px; margin-bottom: 0px; vertical-align: middle; } .form-inline .radio label, .form-inline .checkbox label { padding-left: 0px; } .form-inline .radio input[type="radio"], .form-inline .checkbox input[type="checkbox"] { position: relative; margin-left: 0px; } .form-inline .has-feedback .form-control-feedback { top: 0px; } } .form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline { padding-top: 7px; margin-top: 0px; margin-bottom: 0px; } .form-horizontal .radio, .form-horizontal .checkbox { min-height: 27px; } .form-horizontal .form-group { margin-right: -15px; margin-left: -15px; } @media (min-width: 768px) { .form-horizontal .control-label { padding-top: 7px; margin-bottom: 0px; text-align: right; } } .form-horizontal .has-feedback .form-control-feedback { top: 0px; right: 15px; } @media (min-width: 768px) { .form-horizontal .form-group-lg .control-label { padding-top: 14.3px; } } @media (min-width: 768px) { .form-horizontal .form-group-sm .control-label { padding-top: 6px; } } .btn { display: inline-block; padding: 6px 12px; margin-bottom: 0px; font-size: 14px; font-weight: normal; line-height: 1.42857; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 4px; } .btn:focus, .btn:active:focus, .btn.active:focus { outline: -webkit-focus-ring-color auto 5px; outline-offset: -2px; } .btn:hover, .btn:focus { color: rgb(51, 51, 51); text-decoration: none; } .btn:active, .btn.active { background-image: none; outline: 0px; box-shadow: rgba(0, 0, 0, 0.125) 0px 3px 5px inset; } .btn.disabled, .btn[disabled], fieldset[disabled] .btn { pointer-events: none; cursor: not-allowed; box-shadow: none; opacity: 0.65; } .btn-default { color: rgb(51, 51, 51); background-color: rgb(255, 255, 255); border-color: rgb(204, 204, 204); } .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default { color: rgb(51, 51, 51); background-color: rgb(230, 230, 230); border-color: rgb(173, 173, 173); } .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default { background-image: none; } .btn-default.disabled, .btn-default[disabled], fieldset[disabled] .btn-default, .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled:active, .btn-default[disabled]:active, fieldset[disabled] .btn-default:active, .btn-default.disabled.active, .btn-default[disabled].active, fieldset[disabled] .btn-default.active { background-color: rgb(255, 255, 255); border-color: rgb(204, 204, 204); } .btn-default .badge { color: rgb(255, 255, 255); background-color: rgb(51, 51, 51); } .btn-primary { color: rgb(255, 255, 255); background-color: rgb(0, 102, 99); border-color: rgb(53, 126, 189); } .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary { border-color: rgb(0, 102, 99); background: rgb(0, 0, 0) !important; color: rgb(255, 255, 255) !important; } .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary { background-image: none; } .btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active { background-color: rgb(0, 102, 99); border-color: rgb(53, 126, 189); } .btn-primary .badge { color: rgb(0, 102, 99); background-color: rgb(255, 255, 255); } .btn-success { color: rgb(255, 255, 255); background-color: rgb(92, 184, 92); border-color: rgb(76, 174, 76); } .btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success { color: rgb(255, 255, 255); background-color: rgb(68, 157, 68); border-color: rgb(57, 132, 57); } .btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success { background-image: none; } .btn-success.disabled, .btn-success[disabled], fieldset[disabled] .btn-success, .btn-success.disabled:hover, .btn-success[disabled]:hover, fieldset[disabled] .btn-success:hover, .btn-success.disabled:focus, .btn-success[disabled]:focus, fieldset[disabled] .btn-success:focus, .btn-success.disabled:active, .btn-success[disabled]:active, fieldset[disabled] .btn-success:active, .btn-success.disabled.active, .btn-success[disabled].active, fieldset[disabled] .btn-success.active { background-color: rgb(92, 184, 92); border-color: rgb(76, 174, 76); } .btn-success .badge { color: rgb(92, 184, 92); background-color: rgb(255, 255, 255); } .btn-info { color: rgb(255, 255, 255); background-color: rgb(91, 192, 222); border-color: rgb(70, 184, 218); } .btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info { color: rgb(255, 255, 255); background-color: rgb(49, 176, 213); border-color: rgb(38, 154, 188); } .btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info { background-image: none; } .btn-info.disabled, .btn-info[disabled], fieldset[disabled] .btn-info, .btn-info.disabled:hover, .btn-info[disabled]:hover, fieldset[disabled] .btn-info:hover, .btn-info.disabled:focus, .btn-info[disabled]:focus, fieldset[disabled] .btn-info:focus, .btn-info.disabled:active, .btn-info[disabled]:active, fieldset[disabled] .btn-info:active, .btn-info.disabled.active, .btn-info[disabled].active, fieldset[disabled] .btn-info.active { background-color: rgb(91, 192, 222); border-color: rgb(70, 184, 218); } .btn-info .badge { color: rgb(91, 192, 222); background-color: rgb(255, 255, 255); } .btn-warning { color: rgb(255, 255, 255); background-color: rgb(240, 173, 78); border-color: rgb(238, 162, 54); } .btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning { color: rgb(255, 255, 255); background-color: rgb(236, 151, 31); border-color: rgb(213, 133, 18); } .btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning { background-image: none; } .btn-warning.disabled, .btn-warning[disabled], fieldset[disabled] .btn-warning, .btn-warning.disabled:hover, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning:hover, .btn-warning.disabled:focus, .btn-warning[disabled]:focus, fieldset[disabled] .btn-warning:focus, .btn-warning.disabled:active, .btn-warning[disabled]:active, fieldset[disabled] .btn-warning:active, .btn-warning.disabled.active, .btn-warning[disabled].active, fieldset[disabled] .btn-warning.active { background-color: rgb(240, 173, 78); border-color: rgb(238, 162, 54); } .btn-warning .badge { color: rgb(240, 173, 78); background-color: rgb(255, 255, 255); } .btn-danger { color: rgb(255, 255, 255); background-color: rgb(217, 83, 79); border-color: rgb(212, 63, 58); } .btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger { color: rgb(255, 255, 255); background-color: rgb(201, 48, 44); border-color: rgb(172, 41, 37); } .btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger { background-image: none; } .btn-danger.disabled, .btn-danger[disabled], fieldset[disabled] .btn-danger, .btn-danger.disabled:hover, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger:hover, .btn-danger.disabled:focus, .btn-danger[disabled]:focus, fieldset[disabled] .btn-danger:focus, .btn-danger.disabled:active, .btn-danger[disabled]:active, fieldset[disabled] .btn-danger:active, .btn-danger.disabled.active, .btn-danger[disabled].active, fieldset[disabled] .btn-danger.active { background-color: rgb(217, 83, 79); border-color: rgb(212, 63, 58); } .btn-danger .badge { color: rgb(217, 83, 79); background-color: rgb(255, 255, 255); } .btn-link { font-weight: normal; color: rgb(0, 102, 99); cursor: pointer; border-radius: 0px; } .btn-link, .btn-link:active, .btn-link[disabled], fieldset[disabled] .btn-link { background-color: transparent; box-shadow: none; } .btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active { border-color: transparent; } .btn-link:hover, .btn-link:focus { color: rgb(42, 100, 150); text-decoration: underline; background-color: transparent; } .btn-link[disabled]:hover, fieldset[disabled] .btn-link:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:focus { color: rgb(119, 119, 119); text-decoration: none; } .btn-lg, .btn-group-lg > .btn { padding: 10px 16px; font-size: 18px; line-height: 1.33; border-radius: 6px; } .btn-sm, .btn-group-sm > .btn { padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } .btn-xs, .btn-group-xs > .btn { padding: 1px 5px; font-size: 12px; line-height: 1.5; border-radius: 3px; } .btn-block { display: block; width: 100%; } .btn-block + .btn-block { margin-top: 5px; } input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block { width: 100%; } .fade { opacity: 0; transition: opacity 0.15s linear 0s; } .fade.in { opacity: 1; } .collapse { display: none; } .collapse.in { display: block; } tr.collapse.in { display: table-row; } tbody.collapse.in { display: table-row-group; } .collapsing { position: relative; height: 0px; overflow: hidden; transition: height 0.35s ease 0s; } .caret { display: inline-block; width: 0px; height: 0px; margin-left: 2px; vertical-align: middle; border-top: 4px solid; border-right: 4px solid transparent; border-left: 4px solid transparent; } .dropdown { position: relative; } .dropdown-toggle:focus { outline: 0px; } .dropdown-menu { position: absolute; top: 100%; left: 0px; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0px; margin: 2px 0px 0px; font-size: 14px; text-align: left; list-style: none; background-color: rgb(255, 255, 255); background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 4px; box-shadow: rgba(0, 0, 0, 0.176) 0px 6px 12px; } .dropdown-menu.pull-right { right: 0px; left: auto; } .dropdown-menu .divider { height: 1px; margin: 9px 0px; overflow: hidden; background-color: rgb(229, 229, 229); } .dropdown-menu > li > a { display: block; padding: 3px 20px; clear: both; font-weight: normal; line-height: 1.42857; color: rgb(51, 51, 51); white-space: nowrap; } .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { color: rgb(38, 38, 38); text-decoration: none; background-color: rgb(245, 245, 245); } .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { color: rgb(255, 255, 255); text-decoration: none; background-color: rgb(0, 102, 99); outline: 0px; } .dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { color: rgb(119, 119, 119); } .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { text-decoration: none; cursor: not-allowed; background-color: transparent; background-image: none; } .open > .dropdown-menu { display: block; } .open > a { outline: 0px; } .dropdown-menu-right { right: 0px; left: auto; } .dropdown-menu-left { right: auto; left: 0px; } .dropdown-header { display: block; padding: 3px 20px; font-size: 12px; line-height: 1.42857; color: rgb(119, 119, 119); white-space: nowrap; } .dropdown-backdrop { position: fixed; inset: 0px; z-index: 990; } .pull-right > .dropdown-menu { right: 0px; left: auto; } .dropup .caret, .navbar-fixed-bottom .dropdown .caret { content: ""; border-top: 0px; border-bottom: 4px solid; } .dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu { top: auto; bottom: 100%; margin-bottom: 1px; } @media (min-width: 768px) { .navbar-right .dropdown-menu { right: 0px; left: auto; } .navbar-right .dropdown-menu-left { right: auto; left: 0px; } } .btn-group, .btn-group-vertical { position: relative; display: inline-block; vertical-align: middle; } .btn-group > .btn, .btn-group-vertical > .btn { position: relative; float: left; } .btn-group > .btn:hover, .btn-group-vertical > .btn:hover, .btn-group > .btn:focus, .btn-group-vertical > .btn:focus, .btn-group > .btn:active, .btn-group-vertical > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn.active { z-index: 2; } .btn-group > .btn:focus, .btn-group-vertical > .btn:focus { outline: 0px; } .btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group { margin-left: -1px; } .btn-toolbar { margin-left: -5px; } .btn-toolbar .btn-group, .btn-toolbar .input-group { float: left; } .btn-toolbar > .btn, .btn-toolbar > .btn-group, .btn-toolbar > .input-group { margin-left: 5px; } .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { border-radius: 0px; } .btn-group > .btn:first-child { margin-left: 0px; } .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) { border-top-right-radius: 0px; border-bottom-right-radius: 0px; } .btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) { border-top-left-radius: 0px; border-bottom-left-radius: 0px; } .btn-group > .btn-group { float: left; } .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0px; } .btn-group > .btn-group:first-child > .btn:last-child, .btn-group > .btn-group:first-child > .dropdown-toggle { border-top-right-radius: 0px; border-bottom-right-radius: 0px; } .btn-group > .btn-group:last-child > .btn:first-child { border-top-left-radius: 0px; border-bottom-left-radius: 0px; } .btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle { outline: 0px; } .btn-group > .btn + .dropdown-toggle { padding-right: 8px; padding-left: 8px; } .btn-group > .btn-lg + .dropdown-toggle { padding-right: 12px; padding-left: 12px; } .btn-group.open .dropdown-toggle { box-shadow: rgba(0, 0, 0, 0.125) 0px 3px 5px inset; } .btn-group.open .dropdown-toggle.btn-link { box-shadow: none; } .btn .caret { margin-left: 0px; } .btn-lg .caret { border-width: 5px 5px 0px; } .dropup .btn-lg .caret { border-width: 0px 5px 5px; } .btn-group-vertical > .btn, .btn-group-vertical > .btn-group, .btn-group-vertical > .btn-group > .btn { display: block; float: none; width: 100%; max-width: 100%; } .btn-group-vertical > .btn-group > .btn { float: none; } .btn-group-vertical > .btn + .btn, .btn-group-vertical > .btn + .btn-group, .btn-group-vertical > .btn-group + .btn, .btn-group-vertical > .btn-group + .btn-group { margin-top: -1px; margin-left: 0px; } .btn-group-vertical > .btn:not(:first-child):not(:last-child) { border-radius: 0px; } .btn-group-vertical > .btn:first-child:not(:last-child) { border-top-right-radius: 4px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; } .btn-group-vertical > .btn:last-child:not(:first-child) { border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 4px; } .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0px; } .btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle { border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; } .btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child { border-top-left-radius: 0px; border-top-right-radius: 0px; } .btn-group-justified { display: table; width: 100%; table-layout: fixed; border-collapse: separate; } .btn-group-justified > .btn, .btn-group-justified > .btn-group { display: table-cell; float: none; width: 1%; } .btn-group-justified > .btn-group .btn { width: 100%; } .btn-group-justified > .btn-group .dropdown-menu { left: auto; } [data-toggle="buttons"] > .btn > input[type="radio"], [data-toggle="buttons"] > .btn > input[type="checkbox"] { position: absolute; z-index: -1; opacity: 0; } .input-group { position: relative; display: table; border-collapse: separate; } .input-group[class*="col-"] { float: none; padding-right: 0px; padding-left: 0px; } .input-group .form-control { position: relative; z-index: 2; float: left; width: 100%; margin-bottom: 0px; } .input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.33; border-radius: 6px; } select.input-group-lg > .form-control, select.input-group-lg > .input-group-addon, select.input-group-lg > .input-group-btn > .btn { height: 46px; line-height: 46px; } textarea.input-group-lg > .form-control, textarea.input-group-lg > .input-group-addon, textarea.input-group-lg > .input-group-btn > .btn, select[multiple].input-group-lg > .form-control, select[multiple].input-group-lg > .input-group-addon, select[multiple].input-group-lg > .input-group-btn > .btn { height: auto; } .input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } select.input-group-sm > .form-control, select.input-group-sm > .input-group-addon, select.input-group-sm > .input-group-btn > .btn { height: 30px; line-height: 30px; } textarea.input-group-sm > .form-control, textarea.input-group-sm > .input-group-addon, textarea.input-group-sm > .input-group-btn > .btn, select[multiple].input-group-sm > .form-control, select[multiple].input-group-sm > .input-group-addon, select[multiple].input-group-sm > .input-group-btn > .btn { height: auto; } .input-group-addon, .input-group-btn, .input-group .form-control { display: table-cell; } .input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child), .input-group .form-control:not(:first-child):not(:last-child) { border-radius: 0px; } .input-group-addon, .input-group-btn { width: 1%; white-space: nowrap; vertical-align: middle; } .input-group-addon { padding: 6px 12px; font-size: 14px; font-weight: normal; line-height: 1; color: rgb(85, 85, 85); text-align: center; background-color: rgb(238, 238, 238); border: 1px solid rgb(204, 204, 204); border-radius: 4px; } .input-group-addon.input-sm { padding: 5px 10px; font-size: 12px; border-radius: 3px; } .input-group-addon.input-lg { padding: 10px 16px; font-size: 18px; border-radius: 6px; } .input-group-addon input[type="radio"], .input-group-addon input[type="checkbox"] { margin-top: 0px; } .input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:last-child > .btn-group:not(:last-child) > .btn { border-top-right-radius: 0px; border-bottom-right-radius: 0px; } .input-group-addon:first-child { border-right: 0px; } .input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:first-child > .btn-group:not(:first-child) > .btn { border-top-left-radius: 0px; border-bottom-left-radius: 0px; } .input-group-addon:last-child { border-left: 0px; } .input-group-btn { position: relative; font-size: 0px; white-space: nowrap; } .input-group-btn > .btn { position: relative; } .input-group-btn > .btn + .btn { margin-left: -1px; } .input-group-btn > .btn:hover, .input-group-btn > .btn:focus, .input-group-btn > .btn:active { z-index: 2; } .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group { margin-right: -1px; } .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group { margin-left: -1px; } .nav { padding-left: 0px; margin-bottom: 0px; list-style: none; } .nav > li { position: relative; display: block; } .nav > li > a { position: relative; display: block; padding: 10px 15px; } .nav > li > a:hover, .nav > li > a:focus { text-decoration: none; background-color: rgb(238, 238, 238); } .nav > li.disabled > a { color: rgb(119, 119, 119); } .nav > li.disabled > a:hover, .nav > li.disabled > a:focus { color: rgb(119, 119, 119); text-decoration: none; cursor: not-allowed; background-color: transparent; } .nav .open > a, .nav .open > a:hover, .nav .open > a:focus { background-color: rgb(238, 238, 238); border-color: rgb(0, 102, 99); } .nav .nav-divider { height: 1px; margin: 9px 0px; overflow: hidden; background-color: rgb(229, 229, 229); } .nav > li > a > img { max-width: none; } .nav-tabs { border-bottom: 1px solid rgb(221, 221, 221); } .nav-tabs > li { float: left; margin-bottom: -1px; } .nav-tabs > li > a { margin-right: 2px; line-height: 1.42857; border: 1px solid transparent; border-radius: 4px 4px 0px 0px; } .nav-tabs > li > a:hover { border-color: rgb(238, 238, 238) rgb(238, 238, 238) rgb(221, 221, 221); } .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { color: rgb(85, 85, 85); cursor: default; background-color: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(221, 221, 221) rgb(221, 221, 221) transparent; border-image: initial; } .nav-tabs.nav-justified { width: 100%; border-bottom: 0px; } .nav-tabs.nav-justified > li { float: none; } .nav-tabs.nav-justified > li > a { margin-bottom: 5px; text-align: center; } .nav-tabs.nav-justified > .dropdown .dropdown-menu { top: auto; left: auto; } @media (min-width: 768px) { .nav-tabs.nav-justified > li { display: table-cell; width: 1%; } .nav-tabs.nav-justified > li > a { margin-bottom: 0px; } } .nav-tabs.nav-justified > li > a { margin-right: 0px; border-radius: 4px; } .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus { border: 1px solid rgb(221, 221, 221); } @media (min-width: 768px) { .nav-tabs.nav-justified > li > a { border-bottom: 1px solid rgb(221, 221, 221); border-radius: 4px 4px 0px 0px; } .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus { border-bottom-color: rgb(255, 255, 255); } } .nav-pills > li { float: left; } .nav-pills > li > a { border-radius: 4px; } .nav-pills > li + li { margin-left: 2px; } .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus { color: rgb(255, 255, 255); background-color: rgb(0, 102, 99); } .nav-stacked > li { float: none; } .nav-stacked > li + li { margin-top: 2px; margin-left: 0px; } .nav-justified { width: 100%; } .nav-justified > li { float: none; } .nav-justified > li > a { margin-bottom: 5px; text-align: center; } .nav-justified > .dropdown .dropdown-menu { top: auto; left: auto; } @media (min-width: 768px) { .nav-justified > li { display: table-cell; width: 1%; } .nav-justified > li > a { margin-bottom: 0px; } } .nav-tabs-justified { border-bottom: 0px; } .nav-tabs-justified > li > a { margin-right: 0px; border-radius: 4px; } .nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus { border: 1px solid rgb(221, 221, 221); } @media (min-width: 768px) { .nav-tabs-justified > li > a { border-bottom: 1px solid rgb(221, 221, 221); border-radius: 4px 4px 0px 0px; } .nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus { border-bottom-color: rgb(255, 255, 255); } } .tab-content > .tab-pane { display: none; } .tab-content > .active { display: block; } .nav-tabs .dropdown-menu { margin-top: -1px; border-top-left-radius: 0px; border-top-right-radius: 0px; } .navbar { position: relative; min-height: 50px; margin-bottom: 20px; border: 1px solid transparent; } @media (min-width: 768px) { .navbar { border-radius: 4px; } } @media (min-width: 768px) { .navbar-header { float: left; } } .navbar-collapse { padding-right: 15px; padding-left: 15px; overflow-x: visible; border-top: 1px solid transparent; box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 0px inset; } .navbar-collapse.in { overflow-y: auto; } @media (min-width: 768px) { .navbar-collapse { width: auto; border-top: 0px; box-shadow: none; } .navbar-collapse.collapse { padding-bottom: 0px; display: block !important; height: auto !important; overflow: visible !important; } .navbar-collapse.in { overflow-y: visible; } .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { padding-right: 0px; padding-left: 0px; } } .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { max-height: 340px; } @media (max-width: 480px) and (orientation: landscape) { .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { max-height: 200px; } } .container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse { margin-right: -15px; margin-left: -15px; } @media (min-width: 768px) { .container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse { margin-right: 0px; margin-left: 0px; } } .navbar-static-top { z-index: 1000; border-width: 0px 0px 1px; } @media (min-width: 768px) { .navbar-static-top { border-radius: 0px; } } .navbar-fixed-top, .navbar-fixed-bottom { position: fixed; right: 0px; left: 0px; z-index: 1030; transform: translate3d(0px, 0px, 0px); } @media (min-width: 768px) { .navbar-fixed-top, .navbar-fixed-bottom { border-radius: 0px; } } .navbar-fixed-top { top: 0px; border-width: 0px 0px 1px; } .navbar-fixed-bottom { bottom: 0px; margin-bottom: 0px; border-width: 1px 0px 0px; } .navbar-brand { float: left; height: 50px; padding: 15px; font-size: 18px; line-height: 20px; } .navbar-brand:hover, .navbar-brand:focus { text-decoration: none; } @media (min-width: 768px) { .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand { margin-left: -15px; } } .navbar-toggle { position: relative; float: right; padding: 9px 10px; margin-top: 8px; margin-right: 15px; margin-bottom: 8px; background-color: transparent; background-image: none; border: 1px solid transparent; border-radius: 4px; } .navbar-toggle:focus { outline: 0px; } .navbar-toggle .icon-bar { display: block; width: 22px; height: 2px; border-radius: 1px; } .navbar-toggle .icon-bar + .icon-bar { margin-top: 4px; } @media (min-width: 768px) { .navbar-toggle { display: none; } } .navbar-nav { margin: 7.5px -15px; } .navbar-nav > li > a { padding-top: 10px; padding-bottom: 10px; line-height: 20px; } @media (max-width: 991px) { .navbar-nav .open .dropdown-menu { position: static; float: none; width: auto; margin-top: 0px; background-color: transparent; border: 0px; box-shadow: none; } .navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header { padding: 5px 15px 5px 25px; } .navbar-nav .open .dropdown-menu > li > a { line-height: 20px; } .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus { background-image: none; } } @media (min-width: 768px) { .navbar-nav { float: left; margin: 0px; } .navbar-nav > li { float: left; } .navbar-nav > li > a { padding-top: 15px; padding-bottom: 15px; } .navbar-nav.navbar-right:last-child { margin-right: -15px; } } @media (min-width: 768px) { .navbar-left { float: left !important; } .navbar-right { float: right !important; } } .navbar-form { padding: 10px 15px; margin: 8px -15px; border-top: 1px solid transparent; border-bottom: 1px solid transparent; box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 0px inset, rgba(255, 255, 255, 0.1) 0px 1px 0px; } @media (min-width: 768px) { .navbar-form .form-group { display: inline-block; margin-bottom: 0px; vertical-align: middle; } .navbar-form .form-control { display: inline-block; width: auto; vertical-align: middle; } .navbar-form .input-group { display: inline-table; vertical-align: middle; } .navbar-form .input-group .input-group-addon, .navbar-form .input-group .input-group-btn, .navbar-form .input-group .form-control { width: auto; } .navbar-form .input-group > .form-control { width: 100%; } .navbar-form .control-label { margin-bottom: 0px; vertical-align: middle; } .navbar-form .radio, .navbar-form .checkbox { display: inline-block; margin-top: 0px; margin-bottom: 0px; vertical-align: middle; } .navbar-form .radio label, .navbar-form .checkbox label { padding-left: 0px; } .navbar-form .radio input[type="radio"], .navbar-form .checkbox input[type="checkbox"] { position: relative; margin-left: 0px; } .navbar-form .has-feedback .form-control-feedback { top: 0px; } } @media (max-width: 991px) { .navbar-form .form-group { margin-bottom: 5px; } } @media (min-width: 768px) { .navbar-form { width: auto; padding-top: 0px; padding-bottom: 0px; margin-right: 0px; margin-left: 0px; border: 0px; box-shadow: none; } .navbar-form.navbar-right:last-child { margin-right: -15px; } } .navbar-nav > li > .dropdown-menu { margin-top: 0px; border-top-left-radius: 0px; border-top-right-radius: 0px; } .navbar-fixed-bottom .navbar-nav > li > .dropdown-menu { border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; } .navbar-btn { margin-top: 8px; margin-bottom: 8px; } .navbar-btn.btn-sm { margin-top: 10px; margin-bottom: 10px; } .navbar-btn.btn-xs { margin-top: 14px; margin-bottom: 14px; } .navbar-text { margin-top: 15px; margin-bottom: 15px; } @media (min-width: 768px) { .navbar-text { float: left; margin-right: 15px; margin-left: 15px; } .navbar-text.navbar-right:last-child { margin-right: 0px; } } .navbar-default { background-color: rgb(248, 248, 248); border-color: rgb(231, 231, 231); } .navbar-default .navbar-brand { color: rgb(119, 119, 119); } .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus { color: rgb(94, 94, 94); background-color: transparent; } .navbar-default .navbar-text { color: rgb(119, 119, 119); } .navbar-default .navbar-nav > li > a { color: rgb(119, 119, 119); } .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { color: rgb(51, 51, 51); background-color: transparent; } .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { color: rgb(85, 85, 85); background-color: rgb(231, 231, 231); } .navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus { color: rgb(204, 204, 204); background-color: transparent; } .navbar-default .navbar-toggle { border-color: rgb(221, 221, 221); } .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: rgb(221, 221, 221); } .navbar-default .navbar-toggle .icon-bar { background-color: rgb(136, 136, 136); } .navbar-default .navbar-collapse, .navbar-default .navbar-form { border-color: rgb(231, 231, 231); } .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { color: rgb(85, 85, 85); background-color: rgb(231, 231, 231); } @media (max-width: 991px) { .navbar-default .navbar-nav .open .dropdown-menu > li > a { color: rgb(119, 119, 119); } .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { color: rgb(51, 51, 51); background-color: transparent; } .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus { color: rgb(85, 85, 85); background-color: rgb(231, 231, 231); } .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus { color: rgb(204, 204, 204); background-color: transparent; } } .navbar-default .navbar-link { color: rgb(119, 119, 119); } .navbar-default .navbar-link:hover { color: rgb(51, 51, 51); } .navbar-default .btn-link { color: rgb(119, 119, 119); } .navbar-default .btn-link:hover, .navbar-default .btn-link:focus { color: rgb(51, 51, 51); } .navbar-default .btn-link[disabled]:hover, fieldset[disabled] .navbar-default .btn-link:hover, .navbar-default .btn-link[disabled]:focus, fieldset[disabled] .navbar-default .btn-link:focus { color: rgb(204, 204, 204); } .navbar-inverse { background-color: rgb(34, 34, 34); border-color: rgb(8, 8, 8); } .navbar-inverse .navbar-brand { color: rgb(119, 119, 119); } .navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus { color: rgb(255, 255, 255); background-color: transparent; } .navbar-inverse .navbar-text { color: rgb(119, 119, 119); } .navbar-inverse .navbar-nav > li > a { color: rgb(119, 119, 119); } .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus { color: rgb(255, 255, 255); background-color: transparent; } .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus { color: rgb(255, 255, 255); background-color: rgb(8, 8, 8); } .navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:hover, .navbar-inverse .navbar-nav > .disabled > a:focus { color: rgb(68, 68, 68); background-color: transparent; } .navbar-inverse .navbar-toggle { border-color: rgb(51, 51, 51); } .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus { background-color: rgb(51, 51, 51); } .navbar-inverse .navbar-toggle .icon-bar { background-color: rgb(255, 255, 255); } .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { border-color: rgb(16, 16, 16); } .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus { color: rgb(255, 255, 255); background-color: rgb(8, 8, 8); } @media (max-width: 991px) { .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header { border-color: rgb(8, 8, 8); } .navbar-inverse .navbar-nav .open .dropdown-menu .divider { background-color: rgb(8, 8, 8); } .navbar-inverse .navbar-nav .open .dropdown-menu > li > a { color: rgb(119, 119, 119); } .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus { color: rgb(255, 255, 255); background-color: transparent; } .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus { color: rgb(255, 255, 255); background-color: rgb(8, 8, 8); } .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus { color: rgb(68, 68, 68); background-color: transparent; } } .navbar-inverse .navbar-link { color: rgb(119, 119, 119); } .navbar-inverse .navbar-link:hover { color: rgb(255, 255, 255); } .navbar-inverse .btn-link { color: rgb(119, 119, 119); } .navbar-inverse .btn-link:hover, .navbar-inverse .btn-link:focus { color: rgb(255, 255, 255); } .navbar-inverse .btn-link[disabled]:hover, fieldset[disabled] .navbar-inverse .btn-link:hover, .navbar-inverse .btn-link[disabled]:focus, fieldset[disabled] .navbar-inverse .btn-link:focus { color: rgb(68, 68, 68); } .pagination { display: inline-block; padding-left: 0px; margin: 20px 0px; border-radius: 4px; } .pagination > li { display: inline; } .pagination > li > a, .pagination > li > span { position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.42857; color: rgb(0, 102, 99); text-decoration: none; background-color: rgb(255, 255, 255); border: 1px solid rgb(221, 221, 221); } .pagination > li:first-child > a, .pagination > li:first-child > span { margin-left: 0px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .pagination > li:last-child > a, .pagination > li:last-child > span { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { color: rgb(42, 100, 150); background-color: rgb(238, 238, 238); border-color: rgb(221, 221, 221); } .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { z-index: 2; color: rgb(255, 255, 255); cursor: default; background-color: rgb(0, 102, 99); border-color: rgb(0, 102, 99); } .pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus { color: rgb(119, 119, 119); cursor: not-allowed; background-color: rgb(255, 255, 255); border-color: rgb(221, 221, 221); } .pagination-lg > li > a, .pagination-lg > li > span { padding: 10px 16px; font-size: 18px; } .pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span { border-top-left-radius: 6px; border-bottom-left-radius: 6px; } .pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span { border-top-right-radius: 6px; border-bottom-right-radius: 6px; } .pagination-sm > li > a, .pagination-sm > li > span { padding: 5px 10px; font-size: 12px; } .pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .pager { padding-left: 0px; margin: 20px 0px; text-align: center; list-style: none; } .pager li { display: inline; } .pager li > a, .pager li > span { display: inline-block; padding: 5px 14px; background-color: rgb(255, 255, 255); border: 1px solid rgb(221, 221, 221); border-radius: 15px; } .pager li > a:hover, .pager li > a:focus { text-decoration: none; background-color: rgb(238, 238, 238); } .pager .next > a, .pager .next > span { float: right; } .pager .previous > a, .pager .previous > span { float: left; } .pager .disabled > a, .pager .disabled > a:hover, .pager .disabled > a:focus, .pager .disabled > span { color: rgb(119, 119, 119); cursor: not-allowed; background-color: rgb(255, 255, 255); } .label { display: inline; padding: 0.2em 0.6em 0.3em; font-size: 75%; font-weight: bold; line-height: 1; color: rgb(255, 255, 255); text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 0.25em; } a.label:hover, a.label:focus { color: rgb(255, 255, 255); text-decoration: none; cursor: pointer; } .label:empty { display: none; } .btn .label { position: relative; top: -1px; } .label-default { background-color: rgb(119, 119, 119); } .label-default[href]:hover, .label-default[href]:focus { background-color: rgb(94, 94, 94); } .label-primary { background-color: rgb(0, 102, 99); } .label-primary[href]:hover, .label-primary[href]:focus { background-color: rgb(48, 113, 169); } .label-success { background-color: rgb(92, 184, 92); } .label-success[href]:hover, .label-success[href]:focus { background-color: rgb(68, 157, 68); } .label-info { background-color: rgb(91, 192, 222); } .label-info[href]:hover, .label-info[href]:focus { background-color: rgb(49, 176, 213); } .label-warning { background-color: rgb(240, 173, 78); } .label-warning[href]:hover, .label-warning[href]:focus { background-color: rgb(236, 151, 31); } .label-danger { background-color: rgb(217, 83, 79); } .label-danger[href]:hover, .label-danger[href]:focus { background-color: rgb(201, 48, 44); } .badge { display: inline-block; min-width: 10px; padding: 3px 7px; font-size: 12px; font-weight: bold; line-height: 1; color: rgb(255, 255, 255); text-align: center; white-space: nowrap; vertical-align: baseline; background-color: rgb(119, 119, 119); border-radius: 10px; } .badge:empty { display: none; } .btn .badge { position: relative; top: -1px; } .btn-xs .badge { top: 0px; padding: 1px 5px; } a.badge:hover, a.badge:focus { color: rgb(255, 255, 255); text-decoration: none; cursor: pointer; } a.list-group-item.active > .badge, .nav-pills > .active > a > .badge { color: rgb(0, 102, 99); background-color: rgb(255, 255, 255); } .nav-pills > li > a > .badge { margin-left: 3px; } .jumbotron { padding: 30px; margin-bottom: 30px; color: inherit; background-color: rgb(238, 238, 238); } .jumbotron h1, .jumbotron .h1 { color: inherit; } .jumbotron p { margin-bottom: 15px; font-size: 21px; font-weight: 200; } .jumbotron > hr { border-top-color: rgb(213, 213, 213); } .container .jumbotron { border-radius: 6px; } .jumbotron .container { max-width: 100%; } @media screen and (min-width: 768px) { .jumbotron { padding-top: 48px; padding-bottom: 48px; } .container .jumbotron { padding-right: 60px; padding-left: 60px; } .jumbotron h1, .jumbotron .h1 { font-size: 63px; } } .thumbnail { display: block; padding: 4px; margin-bottom: 20px; line-height: 1.42857; background-color: rgb(255, 255, 255); border: 1px solid rgb(221, 221, 221); border-radius: 4px; transition: all 0.2s ease-in-out 0s; } .thumbnail > img, .thumbnail a > img { margin-right: auto; margin-left: auto; } a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active { border-color: rgb(0, 102, 99); } .thumbnail .caption { padding: 9px; color: rgb(51, 51, 51); } .alert { padding: 15px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px; } .alert h4 { margin-top: 0px; color: inherit; } .alert .alert-link { font-weight: bold; } .alert > p, .alert > ul { margin-bottom: 0px; } .alert > p + p { margin-top: 5px; } .alert-dismissable, .alert-dismissible { padding-right: 35px; } .alert-dismissable .close, .alert-dismissible .close { position: relative; top: -2px; right: -21px; color: inherit; } .alert-success { color: rgb(60, 118, 61); background-color: rgb(223, 240, 216); border-color: rgb(214, 233, 198); } .alert-success hr { border-top-color: rgb(201, 226, 179); } .alert-success .alert-link { color: rgb(43, 84, 44); } .alert-info { color: rgb(49, 112, 143); background-color: rgb(217, 237, 247); border-color: rgb(188, 232, 241); } .alert-info hr { border-top-color: rgb(166, 225, 236); } .alert-info .alert-link { color: rgb(36, 82, 105); } .alert-warning { color: rgb(138, 109, 59); background-color: rgb(252, 248, 227); border-color: rgb(250, 235, 204); } .alert-warning hr { border-top-color: rgb(247, 225, 181); } .alert-warning .alert-link { color: rgb(102, 81, 44); } .alert-danger { color: rgb(169, 68, 66); background-color: rgb(242, 222, 222); border-color: rgb(235, 204, 209); } .alert-danger hr { border-top-color: rgb(228, 185, 192); } .alert-danger .alert-link { color: rgb(132, 53, 52); } @-webkit-keyframes progress-bar-stripes { 0% { background-position: 40px 0px; } 100% { background-position: 0px 0px; } } @keyframes progress-bar-stripes { 0% { background-position: 40px 0px; } 100% { background-position: 0px 0px; } } .progress { height: 20px; margin-bottom: 20px; overflow: hidden; background-color: rgb(245, 245, 245); border-radius: 4px; box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px inset; } .progress-bar { float: left; width: 0px; height: 100%; font-size: 12px; line-height: 20px; color: rgb(255, 255, 255); text-align: center; background-color: rgb(0, 102, 99); box-shadow: rgba(0, 0, 0, 0.15) 0px -1px 0px inset; transition: width 0.6s ease 0s; } .progress-striped .progress-bar, .progress-bar-striped { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-size: 40px 40px; } .progress.active .progress-bar, .progress-bar.active { animation: 2s linear 0s infinite normal none running progress-bar-stripes; } .progress-bar[aria-valuenow="1"], .progress-bar[aria-valuenow="2"] { min-width: 30px; } .progress-bar[aria-valuenow="0"] { min-width: 30px; color: rgb(119, 119, 119); background-color: transparent; background-image: none; box-shadow: none; } .progress-bar-success { background-color: rgb(92, 184, 92); } .progress-striped .progress-bar-success { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .progress-bar-info { background-color: rgb(91, 192, 222); } .progress-striped .progress-bar-info { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .progress-bar-warning { background-color: rgb(240, 173, 78); } .progress-striped .progress-bar-warning { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .progress-bar-danger { background-color: rgb(217, 83, 79); } .progress-striped .progress-bar-danger { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .media, .media-body { overflow: hidden; zoom: 1; } .media, .media .media { margin-top: 15px; } .media:first-child { margin-top: 0px; } .media-object { display: block; } .media-heading { margin: 0px 0px 5px; } .media > .pull-left { margin-right: 10px; } .media > .pull-right { margin-left: 10px; } .media-list { padding-left: 0px; list-style: none; } .list-group { padding-left: 0px; margin-bottom: 20px; } .list-group-item { position: relative; display: block; padding: 10px 15px; margin-bottom: -1px; background-color: rgb(255, 255, 255); border: 1px solid rgb(221, 221, 221); } .list-group-item:first-child { border-top-left-radius: 4px; border-top-right-radius: 4px; } .list-group-item:last-child { margin-bottom: 0px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } .list-group-item > .badge { float: right; } .list-group-item > .badge + .badge { margin-right: 5px; } a.list-group-item { color: rgb(85, 85, 85); } a.list-group-item .list-group-item-heading { color: rgb(51, 51, 51); } a.list-group-item:hover, a.list-group-item:focus { color: rgb(85, 85, 85); text-decoration: none; background-color: rgb(245, 245, 245); } .list-group-item.disabled, .list-group-item.disabled:hover, .list-group-item.disabled:focus { color: rgb(119, 119, 119); background-color: rgb(238, 238, 238); } .list-group-item.disabled .list-group-item-heading, .list-group-item.disabled:hover .list-group-item-heading, .list-group-item.disabled:focus .list-group-item-heading { color: inherit; } .list-group-item.disabled .list-group-item-text, .list-group-item.disabled:hover .list-group-item-text, .list-group-item.disabled:focus .list-group-item-text { color: rgb(119, 119, 119); } .list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus { z-index: 2; color: rgb(255, 255, 255); background-color: rgb(0, 102, 99); border-color: rgb(0, 102, 99); } .list-group-item.active .list-group-item-heading, .list-group-item.active:hover .list-group-item-heading, .list-group-item.active:focus .list-group-item-heading, .list-group-item.active .list-group-item-heading > small, .list-group-item.active:hover .list-group-item-heading > small, .list-group-item.active:focus .list-group-item-heading > small, .list-group-item.active .list-group-item-heading > .small, .list-group-item.active:hover .list-group-item-heading > .small, .list-group-item.active:focus .list-group-item-heading > .small { color: inherit; } .list-group-item.active .list-group-item-text, .list-group-item.active:hover .list-group-item-text, .list-group-item.active:focus .list-group-item-text { color: rgb(225, 237, 247); } .list-group-item-success { color: rgb(60, 118, 61); background-color: rgb(223, 240, 216); } a.list-group-item-success { color: rgb(60, 118, 61); } a.list-group-item-success .list-group-item-heading { color: inherit; } a.list-group-item-success:hover, a.list-group-item-success:focus { color: rgb(60, 118, 61); background-color: rgb(208, 233, 198); } a.list-group-item-success.active, a.list-group-item-success.active:hover, a.list-group-item-success.active:focus { color: rgb(255, 255, 255); background-color: rgb(60, 118, 61); border-color: rgb(60, 118, 61); } .list-group-item-info { color: rgb(49, 112, 143); background-color: rgb(217, 237, 247); } a.list-group-item-info { color: rgb(49, 112, 143); } a.list-group-item-info .list-group-item-heading { color: inherit; } a.list-group-item-info:hover, a.list-group-item-info:focus { color: rgb(49, 112, 143); background-color: rgb(196, 227, 243); } a.list-group-item-info.active, a.list-group-item-info.active:hover, a.list-group-item-info.active:focus { color: rgb(255, 255, 255); background-color: rgb(49, 112, 143); border-color: rgb(49, 112, 143); } .list-group-item-warning { color: rgb(138, 109, 59); background-color: rgb(252, 248, 227); } a.list-group-item-warning { color: rgb(138, 109, 59); } a.list-group-item-warning .list-group-item-heading { color: inherit; } a.list-group-item-warning:hover, a.list-group-item-warning:focus { color: rgb(138, 109, 59); background-color: rgb(250, 242, 204); } a.list-group-item-warning.active, a.list-group-item-warning.active:hover, a.list-group-item-warning.active:focus { color: rgb(255, 255, 255); background-color: rgb(138, 109, 59); border-color: rgb(138, 109, 59); } .list-group-item-danger { color: rgb(169, 68, 66); background-color: rgb(242, 222, 222); } a.list-group-item-danger { color: rgb(169, 68, 66); } a.list-group-item-danger .list-group-item-heading { color: inherit; } a.list-group-item-danger:hover, a.list-group-item-danger:focus { color: rgb(169, 68, 66); background-color: rgb(235, 204, 204); } a.list-group-item-danger.active, a.list-group-item-danger.active:hover, a.list-group-item-danger.active:focus { color: rgb(255, 255, 255); background-color: rgb(169, 68, 66); border-color: rgb(169, 68, 66); } .list-group-item-heading { margin-top: 0px; margin-bottom: 5px; } .list-group-item-text { margin-bottom: 0px; line-height: 1.3; } .panel { margin-bottom: 20px; background-color: rgb(255, 255, 255); border: 1px solid transparent; border-radius: 4px; box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 1px; } .panel-body { padding: 15px; } .panel-heading { padding: 10px 15px; border-bottom: 1px solid transparent; border-top-left-radius: 3px; border-top-right-radius: 3px; } .panel-heading > .dropdown .dropdown-toggle { color: inherit; } .panel-title { margin-top: 0px; margin-bottom: 0px; font-size: 16px; color: inherit; } .panel-title > a { color: inherit; } .panel-footer { padding: 10px 15px; background-color: rgb(245, 245, 245); border-top: 1px solid rgb(221, 221, 221); border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .panel > .list-group { margin-bottom: 0px; } .panel > .list-group .list-group-item { border-width: 1px 0px; border-radius: 0px; } .panel > .list-group:first-child .list-group-item:first-child { border-top: 0px; border-top-left-radius: 3px; border-top-right-radius: 3px; } .panel > .list-group:last-child .list-group-item:last-child { border-bottom: 0px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .panel-heading + .list-group .list-group-item:first-child { border-top-width: 0px; } .list-group + .panel-footer { border-top-width: 0px; } .panel > .table, .panel > .table-responsive > .table, .panel > .panel-collapse > .table { margin-bottom: 0px; } .panel > .table:first-child, .panel > .table-responsive:first-child > .table:first-child { border-top-left-radius: 3px; border-top-right-radius: 3px; } .panel > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child { border-top-left-radius: 3px; } .panel > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child { border-top-right-radius: 3px; } .panel > .table:last-child, .panel > .table-responsive:last-child > .table:last-child { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .panel > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child { border-bottom-left-radius: 3px; } .panel > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child { border-bottom-right-radius: 3px; } .panel > .panel-body + .table, .panel > .panel-body + .table-responsive { border-top: 1px solid rgb(221, 221, 221); } .panel > .table > tbody:first-child > tr:first-child th, .panel > .table > tbody:first-child > tr:first-child td { border-top: 0px; } .panel > .table-bordered, .panel > .table-responsive > .table-bordered { border: 0px; } .panel > .table-bordered > thead > tr > th:first-child, .panel > .table-responsive > .table-bordered > thead > tr > th:first-child, .panel > .table-bordered > tbody > tr > th:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child, .panel > .table-bordered > tfoot > tr > th:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child, .panel > .table-bordered > thead > tr > td:first-child, .panel > .table-responsive > .table-bordered > thead > tr > td:first-child, .panel > .table-bordered > tbody > tr > td:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child, .panel > .table-bordered > tfoot > tr > td:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child { border-left: 0px; } .panel > .table-bordered > thead > tr > th:last-child, .panel > .table-responsive > .table-bordered > thead > tr > th:last-child, .panel > .table-bordered > tbody > tr > th:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child, .panel > .table-bordered > tfoot > tr > th:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child, .panel > .table-bordered > thead > tr > td:last-child, .panel > .table-responsive > .table-bordered > thead > tr > td:last-child, .panel > .table-bordered > tbody > tr > td:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child, .panel > .table-bordered > tfoot > tr > td:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child { border-right: 0px; } .panel > .table-bordered > thead > tr:first-child > td, .panel > .table-responsive > .table-bordered > thead > tr:first-child > td, .panel > .table-bordered > tbody > tr:first-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > td, .panel > .table-bordered > thead > tr:first-child > th, .panel > .table-responsive > .table-bordered > thead > tr:first-child > th, .panel > .table-bordered > tbody > tr:first-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > th { border-bottom: 0px; } .panel > .table-bordered > tbody > tr:last-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td, .panel > .table-bordered > tfoot > tr:last-child > td, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td, .panel > .table-bordered > tbody > tr:last-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th, .panel > .table-bordered > tfoot > tr:last-child > th, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th { border-bottom: 0px; } .panel > .table-responsive { margin-bottom: 0px; border: 0px; } .panel-group { margin-bottom: 20px; } .panel-group .panel { margin-bottom: 0px; border-radius: 4px; } .panel-group .panel + .panel { margin-top: 5px; } .panel-group .panel-heading { border-bottom: 0px; } .panel-group .panel-heading + .panel-collapse > .panel-body { border-top: 1px solid rgb(221, 221, 221); } .panel-group .panel-footer { border-top: 0px; } .panel-group .panel-footer + .panel-collapse .panel-body { border-bottom: 1px solid rgb(221, 221, 221); } .panel-default { border-color: rgb(221, 221, 221); } .panel-default > .panel-heading { color: rgb(51, 51, 51); background-color: rgb(245, 245, 245); border-color: rgb(221, 221, 221); } .panel-default > .panel-heading + .panel-collapse > .panel-body { border-top-color: rgb(221, 221, 221); } .panel-default > .panel-heading .badge { color: rgb(245, 245, 245); background-color: rgb(51, 51, 51); } .panel-default > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: rgb(221, 221, 221); } .panel-primary { border-color: rgb(0, 102, 99); } .panel-primary > .panel-heading { color: rgb(255, 255, 255); background-color: rgb(0, 102, 99); border-color: rgb(0, 102, 99); } .panel-primary > .panel-heading + .panel-collapse > .panel-body { border-top-color: rgb(0, 102, 99); } .panel-primary > .panel-heading .badge { color: rgb(0, 102, 99); background-color: rgb(255, 255, 255); } .panel-primary > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: rgb(0, 102, 99); } .panel-success { border-color: rgb(214, 233, 198); } .panel-success > .panel-heading { color: rgb(60, 118, 61); background-color: rgb(223, 240, 216); border-color: rgb(214, 233, 198); } .panel-success > .panel-heading + .panel-collapse > .panel-body { border-top-color: rgb(214, 233, 198); } .panel-success > .panel-heading .badge { color: rgb(223, 240, 216); background-color: rgb(60, 118, 61); } .panel-success > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: rgb(214, 233, 198); } .panel-info { border-color: rgb(188, 232, 241); } .panel-info > .panel-heading { color: rgb(49, 112, 143); background-color: rgb(217, 237, 247); border-color: rgb(188, 232, 241); } .panel-info > .panel-heading + .panel-collapse > .panel-body { border-top-color: rgb(188, 232, 241); } .panel-info > .panel-heading .badge { color: rgb(217, 237, 247); background-color: rgb(49, 112, 143); } .panel-info > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: rgb(188, 232, 241); } .panel-warning { border-color: rgb(250, 235, 204); } .panel-warning > .panel-heading { color: rgb(138, 109, 59); background-color: rgb(252, 248, 227); border-color: rgb(250, 235, 204); } .panel-warning > .panel-heading + .panel-collapse > .panel-body { border-top-color: rgb(250, 235, 204); } .panel-warning > .panel-heading .badge { color: rgb(252, 248, 227); background-color: rgb(138, 109, 59); } .panel-warning > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: rgb(250, 235, 204); } .panel-danger { border-color: rgb(235, 204, 209); } .panel-danger > .panel-heading { color: rgb(169, 68, 66); background-color: rgb(242, 222, 222); border-color: rgb(235, 204, 209); } .panel-danger > .panel-heading + .panel-collapse > .panel-body { border-top-color: rgb(235, 204, 209); } .panel-danger > .panel-heading .badge { color: rgb(242, 222, 222); background-color: rgb(169, 68, 66); } .panel-danger > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: rgb(235, 204, 209); } .embed-responsive { position: relative; display: block; height: 0px; padding: 0px; overflow: hidden; } .embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object { position: absolute; top: 0px; bottom: 0px; left: 0px; width: 100%; height: 100%; border: 0px; } .embed-responsive.embed-responsive-16by9 { padding-bottom: 56.25%; } .embed-responsive.embed-responsive-4by3 { padding-bottom: 75%; } .well { min-height: 20px; padding: 19px; margin-bottom: 20px; background-color: rgb(245, 245, 245); border: 1px solid rgb(227, 227, 227); border-radius: 4px; box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 1px inset; } .well blockquote { border-color: rgba(0, 0, 0, 0.15); } .well-lg { padding: 24px; border-radius: 6px; } .well-sm { padding: 9px; border-radius: 3px; } .close { float: right; font-size: 21px; font-weight: bold; line-height: 1; color: rgb(0, 0, 0); text-shadow: rgb(255, 255, 255) 0px 1px 0px; opacity: 0.2; } .close:hover, .close:focus { color: rgb(0, 0, 0); text-decoration: none; cursor: pointer; opacity: 0.5; } button.close { appearance: none; padding: 0px; cursor: pointer; background: transparent; border: 0px; } .modal-open { overflow: hidden; } .modal { position: fixed; inset: 0px; z-index: 1050; display: none; overflow: hidden; outline: 0px; } .modal.fade .modal-dialog { transition: transform 0.3s ease-out 0s; transform: translate3d(0px, -25%, 0px); } .modal.in .modal-dialog { transform: translate3d(0px, 0px, 0px); } .modal-open .modal { overflow: hidden auto; } .modal-dialog { position: relative; width: auto; margin: 10px; } .modal-content { position: relative; background-color: rgb(255, 255, 255); background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; outline: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 3px 9px; } .modal-backdrop { position: fixed; inset: 0px; z-index: 1040; background-color: rgb(0, 0, 0); } .modal-backdrop.fade { opacity: 0; } .modal-backdrop.in { opacity: 0.5; } .modal-header { min-height: 16.4286px; padding: 15px; border-bottom: 1px solid rgb(229, 229, 229); } .modal-header .close { margin-top: -2px; } .modal-title { margin: 0px; line-height: 1.42857; } .modal-body { position: relative; padding: 15px; } .modal-footer { padding: 15px; text-align: right; border-top: 1px solid rgb(229, 229, 229); } .modal-footer .btn + .btn { margin-bottom: 0px; margin-left: 5px; } .modal-footer .btn-group .btn + .btn { margin-left: -1px; } .modal-footer .btn-block + .btn-block { margin-left: 0px; } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } @media (min-width: 768px) { .modal-dialog { width: 600px; margin: 30px auto; } .modal-content { box-shadow: rgba(0, 0, 0, 0.5) 0px 5px 15px; } .modal-sm { width: 300px; } } @media (min-width: 992px) { .modal-lg { width: 900px; } } .tooltip { position: absolute; z-index: 1070; display: block; font-size: 12px; line-height: 1.4; visibility: visible; opacity: 0; } .tooltip.in { opacity: 0.9; } .tooltip.top { padding: 5px 0px; margin-top: -3px; } .tooltip.right { padding: 0px 5px; margin-left: 3px; } .tooltip.bottom { padding: 5px 0px; margin-top: 3px; } .tooltip.left { padding: 0px 5px; margin-left: -3px; } .tooltip-inner { max-width: 200px; padding: 3px 8px; color: rgb(255, 255, 255); text-align: center; text-decoration: none; background-color: rgb(0, 0, 0); border-radius: 4px; } .tooltip-arrow { position: absolute; width: 0px; height: 0px; border-color: transparent; border-style: solid; } .tooltip.top .tooltip-arrow { bottom: 0px; left: 50%; margin-left: -5px; border-width: 5px 5px 0px; border-top-color: rgb(0, 0, 0); } .tooltip.top-left .tooltip-arrow { bottom: 0px; left: 5px; border-width: 5px 5px 0px; border-top-color: rgb(0, 0, 0); } .tooltip.top-right .tooltip-arrow { right: 5px; bottom: 0px; border-width: 5px 5px 0px; border-top-color: rgb(0, 0, 0); } .tooltip.right .tooltip-arrow { top: 50%; left: 0px; margin-top: -5px; border-width: 5px 5px 5px 0px; border-right-color: rgb(0, 0, 0); } .tooltip.left .tooltip-arrow { top: 50%; right: 0px; margin-top: -5px; border-width: 5px 0px 5px 5px; border-left-color: rgb(0, 0, 0); } .tooltip.bottom .tooltip-arrow { top: 0px; left: 50%; margin-left: -5px; border-width: 0px 5px 5px; border-bottom-color: rgb(0, 0, 0); } .tooltip.bottom-left .tooltip-arrow { top: 0px; left: 5px; border-width: 0px 5px 5px; border-bottom-color: rgb(0, 0, 0); } .tooltip.bottom-right .tooltip-arrow { top: 0px; right: 5px; border-width: 0px 5px 5px; border-bottom-color: rgb(0, 0, 0); } .popover { position: absolute; top: 0px; left: 0px; z-index: 1060; display: none; max-width: 276px; padding: 1px; text-align: left; white-space: normal; background-color: rgb(255, 255, 255); background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 10px; } .popover.top { margin-top: -10px; } .popover.right { margin-left: 10px; } .popover.bottom { margin-top: 10px; } .popover.left { margin-left: -10px; } .popover-title { padding: 8px 14px; margin: 0px; font-size: 14px; font-weight: normal; line-height: 18px; background-color: rgb(247, 247, 247); border-bottom: 1px solid rgb(235, 235, 235); border-radius: 5px 5px 0px 0px; } .popover-content { padding: 9px 14px; } .popover > .arrow, .popover > .arrow::after { position: absolute; display: block; width: 0px; height: 0px; border-color: transparent; border-style: solid; } .popover > .arrow { border-width: 11px; } .popover > .arrow::after { content: ""; border-width: 10px; } .popover.top > .arrow { bottom: -11px; left: 50%; margin-left: -11px; border-top-color: rgba(0, 0, 0, 0.25); border-bottom-width: 0px; } .popover.top > .arrow::after { bottom: 1px; margin-left: -10px; content: " "; border-top-color: rgb(255, 255, 255); border-bottom-width: 0px; } .popover.right > .arrow { top: 50%; left: -11px; margin-top: -11px; border-right-color: rgba(0, 0, 0, 0.25); border-left-width: 0px; } .popover.right > .arrow::after { bottom: -10px; left: 1px; content: " "; border-right-color: rgb(255, 255, 255); border-left-width: 0px; } .popover.bottom > .arrow { top: -11px; left: 50%; margin-left: -11px; border-top-width: 0px; border-bottom-color: rgba(0, 0, 0, 0.25); } .popover.bottom > .arrow::after { top: 1px; margin-left: -10px; content: " "; border-top-width: 0px; border-bottom-color: rgb(255, 255, 255); } .popover.left > .arrow { top: 50%; right: -11px; margin-top: -11px; border-right-width: 0px; border-left-color: rgba(0, 0, 0, 0.25); } .popover.left > .arrow::after { right: 1px; bottom: -10px; content: " "; border-right-width: 0px; border-left-color: rgb(255, 255, 255); } .carousel { position: relative; } .carousel-inner { position: relative; width: 100%; overflow: hidden; } .carousel-inner > .item { position: relative; display: none; transition: left 0.6s ease-in-out 0s; } .carousel-inner > .item > img, .carousel-inner > .item > a > img { line-height: 1; } .carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev { display: block; } .carousel-inner > .active { left: 0px; } .carousel-inner > .next, .carousel-inner > .prev { position: absolute; top: 0px; width: 100%; } .carousel-inner > .next { left: 100%; } .carousel-inner > .prev { left: -100%; } .carousel-inner > .next.left, .carousel-inner > .prev.right { left: 0px; } .carousel-inner > .active.left { left: -100%; } .carousel-inner > .active.right { left: 100%; } .carousel-control { position: absolute; top: 0px; bottom: 0px; left: 0px; width: 15%; font-size: 20px; color: rgb(255, 255, 255); text-align: center; text-shadow: rgba(0, 0, 0, 0.6) 0px 1px 2px; opacity: 0.5; } .carousel-control.left { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%); background-repeat: repeat-x; } .carousel-control.right { right: 0px; left: auto; background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%); background-repeat: repeat-x; } .carousel-control:hover, .carousel-control:focus { color: rgb(255, 255, 255); text-decoration: none; outline: 0px; opacity: 0.9; } .carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right { position: absolute; top: 50%; z-index: 5; display: inline-block; } .carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left { left: 50%; margin-left: -10px; } .carousel-control .icon-next, .carousel-control .glyphicon-chevron-right { right: 50%; margin-right: -10px; } .carousel-control .icon-prev, .carousel-control .icon-next { width: 20px; height: 20px; margin-top: -10px; font-family: "Open Sans"; } .carousel-control .icon-prev::before { content: "‹"; } .carousel-control .icon-next::before { content: "›"; } .carousel-indicators { position: absolute; bottom: 10px; left: 50%; z-index: 15; width: 60%; padding-left: 0px; margin-left: -30%; text-align: center; list-style: none; } .carousel-indicators li { display: inline-block; width: 10px; height: 10px; margin: 1px; text-indent: -999px; cursor: pointer; background-color: rgba(0, 0, 0, 0); border: 1px solid rgb(255, 255, 255); border-radius: 10px; } .carousel-indicators .active { width: 12px; height: 12px; margin: 0px; background-color: rgb(255, 255, 255); } .carousel-caption { position: absolute; right: 15%; bottom: 20px; left: 15%; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: rgb(255, 255, 255); text-align: center; text-shadow: rgba(0, 0, 0, 0.6) 0px 1px 2px; } .carousel-caption .btn { text-shadow: none; } @media screen and (min-width: 768px) { .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next { width: 30px; height: 30px; margin-top: -15px; font-size: 30px; } .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev { margin-left: -15px; } .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next { margin-right: -15px; } .carousel-caption { right: 20%; left: 20%; padding-bottom: 30px; } .carousel-indicators { bottom: 20px; } } .clearfix::before, .clearfix::after, .dl-horizontal dd::before, .dl-horizontal dd::after, .container::before, .container::after, .container-fluid::before, .container-fluid::after, .row::before, .row::after, .form-horizontal .form-group::before, .form-horizontal .form-group::after, .btn-toolbar::before, .btn-toolbar::after, .btn-group-vertical > .btn-group::before, .btn-group-vertical > .btn-group::after, .nav::before, .nav::after, .navbar::before, .navbar::after, .navbar-header::before, .navbar-header::after, .navbar-collapse::before, .navbar-collapse::after, .pager::before, .pager::after, .panel-body::before, .panel-body::after, .modal-footer::before, .modal-footer::after { display: table; content: " "; } .clearfix::after, .dl-horizontal dd::after, .container::after, .container-fluid::after, .row::after, .form-horizontal .form-group::after, .btn-toolbar::after, .btn-group-vertical > .btn-group::after, .nav::after, .navbar::after, .navbar-header::after, .navbar-collapse::after, .pager::after, .panel-body::after, .modal-footer::after { clear: both; } .center-block { display: block; margin-right: auto; margin-left: auto; } .pull-right { float: right !important; } .pull-left { float: left !important; } .hide { display: none !important; } .show { display: block !important; } .invisible { visibility: hidden; } .text-hide { font: 0px / 0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0px; } .hidden { display: none !important; visibility: hidden !important; } .affix { position: fixed; transform: translate3d(0px, 0px, 0px); } .visible-xs, .visible-sm, .visible-md, .visible-lg { display: none !important; } .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block { display: none !important; } @media (max-width: 991px) { .visible-xs { display: block !important; } table.visible-xs { display: table; } tr.visible-xs { display: table-row !important; } th.visible-xs, td.visible-xs { display: table-cell !important; } } @media (max-width: 991px) { .visible-xs-block { display: block !important; } } @media (max-width: 991px) { .visible-xs-inline { display: inline !important; } } @media (max-width: 991px) { .visible-xs-inline-block { display: inline-block !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm { display: block !important; } table.visible-sm { display: table; } tr.visible-sm { display: table-row !important; } th.visible-sm, td.visible-sm { display: table-cell !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-block { display: block !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline { display: inline !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline-block { display: inline-block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md { display: block !important; } table.visible-md { display: table; } tr.visible-md { display: table-row !important; } th.visible-md, td.visible-md { display: table-cell !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-block { display: block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline { display: inline !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline-block { display: inline-block !important; } } @media (min-width: 1200px) { .visible-lg { display: block !important; } table.visible-lg { display: table; } tr.visible-lg { display: table-row !important; } th.visible-lg, td.visible-lg { display: table-cell !important; } } @media (min-width: 1200px) { .visible-lg-block { display: block !important; } } @media (min-width: 1200px) { .visible-lg-inline { display: inline !important; } } @media (min-width: 1200px) { .visible-lg-inline-block { display: inline-block !important; } } @media (max-width: 991px) { .hidden-xs { display: none !important; } } @media (min-width: 768px) and (max-width: 991px) { .hidden-sm { display: none !important; } } @media (min-width: 992px) and (max-width: 1199px) { .hidden-md { display: none !important; } } @media (min-width: 1200px) { .hidden-lg { display: none !important; } } .visible-print { display: none !important; } @media print { .visible-print { display: block !important; } table.visible-print { display: table; } tr.visible-print { display: table-row !important; } th.visible-print, td.visible-print { display: table-cell !important; } } .visible-print-block { display: none !important; } @media print { .visible-print-block { display: block !important; } } .visible-print-inline { display: none !important; } @media print { .visible-print-inline { display: inline !important; } } .visible-print-inline-block { display: none !important; } @media print { .visible-print-inline-block { display: inline-block !important; } } @media print { .hidden-print { display: none !important; } } .bs-glyphicons { margin: 0px 0px 20px; padding: 0px 0px 1px; list-style: none; overflow: hidden; } .bs-glyphicons li { float: left; width: 25%; height: 100px; padding: 10px; margin: 0px -1px -1px 0px; font-size: 12px; line-height: 1.4; text-align: center; border: 1px solid rgb(221, 221, 221); list-style: none; } .bs-glyphicons .glyphicons, .bs-glyphicons .social { display: block; margin: 5px auto 10px; font-size: 24px; } .bs-glyphicons li b, .bs-glyphicons li strong { display: block; font-weight: normal; } .bs-glyphicons li:hover { background-color: rgba(86, 61, 124, 0.1); } @media only screen and (min-width: 768px) { .bs-glyphicons li { width: 12.5%; } } @media only screen and (min-width: 768px) { .bs-glyphicons li { width: 12.5%; } } @font-face { font-family: "Glyphicons Regular"; src: url("fonts/glyphicons-regular.eot?#iefix") format("embedded-opentype"), url("fonts/glyphicons-regular.woff") format("woff"), url("fonts/glyphicons-regular.ttf") format("truetype"), url("fonts/glyphicons-regular.svg#glyphiconsregular") format("svg"); font-weight: normal; font-style: normal; } .glyphicons { position: relative; top: 1px; display: inline-block; font-family: "Glyphicons Regular"; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; } @font-face { font-family: "Open Sans"; src: url("fonts/glyphicons-social-regular.eot?#iefix") format("embedded-opentype"), url("fonts/glyphicons-social-regular.woff") format("woff"), url("fonts/glyphicons-social-regular.ttf") format("truetype"), url("fonts/glyphicons-social-regular.svg#glyphicons_socialregular") format("svg"); font-weight: normal; font-style: normal; } .social { position: relative; top: 1px; display: inline-block; font-family: "Open Sans"; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; } a.social, a.social:link, a.social:active, a.social:visited { color: rgb(119, 119, 119); } a.social:hover { text-decoration: none; } .glyphicons:empty, .social:empty { width: 1em; } .glyphicons.glyph-glass::before { content: ""; } .glyphicons.glyph-leaf::before { content: ""; } .glyphicons.glyph-dog::before { content: "🐕"; } .glyphicons.glyph-user::before { content: ""; } .glyphicons.glyph-girl::before { content: "👧"; } .glyphicons.glyph-car::before { content: ""; } .glyphicons.glyph-user-add::before { content: ""; } .glyphicons.glyph-user-remove::before { content: ""; } .glyphicons.glyph-film::before { content: ""; } .glyphicons.glyph-magic::before { content: ""; } .glyphicons.glyph-envelope::before { content: "✉"; } .glyphicons.glyph-camera::before { content: "📷"; } .glyphicons.glyph-heart::before { content: ""; } .glyphicons.glyph-beach-umbrella::before { content: ""; } .glyphicons.glyph-train::before { content: "🚆"; } .glyphicons.glyph-print::before { content: ""; } .glyphicons.glyph-bin::before { content: ""; } .glyphicons.glyph-music::before { content: ""; } .glyphicons.glyph-note::before { content: ""; } .glyphicons.glyph-heart-empty::before { content: ""; } .glyphicons.glyph-home::before { content: ""; } .glyphicons.glyph-snowflake::before { content: "❄"; } .glyphicons.glyph-fire::before { content: "🔥"; } .glyphicons.glyph-magnet::before { content: ""; } .glyphicons.glyph-parents::before { content: ""; } .glyphicons.glyph-binoculars::before { content: ""; } .glyphicons.glyph-road::before { content: ""; } .glyphicons.glyph-search::before { content: ""; } .glyphicons.glyph-cars::before { content: ""; } .glyphicons.glyph-notes-2::before { content: ""; } .glyphicons.glyph-pencil::before { content: "✏"; } .glyphicons.glyph-bus::before { content: "🚌"; } .glyphicons.glyph-wifi-alt::before { content: ""; } .glyphicons.glyph-luggage::before { content: ""; } .glyphicons.glyph-old-man::before { content: ""; } .glyphicons.glyph-woman::before { content: "👩"; } .glyphicons.glyph-file::before { content: ""; } .glyphicons.glyph-coins::before { content: ""; } .glyphicons.glyph-airplane::before { content: "✈"; } .glyphicons.glyph-notes::before { content: ""; } .glyphicons.glyph-stats::before { content: ""; } .glyphicons.glyph-charts::before { content: ""; } .glyphicons.glyph-pie-chart::before { content: ""; } .glyphicons.glyph-group::before { content: ""; } .glyphicons.glyph-keys::before { content: ""; } .glyphicons.glyph-calendar::before { content: "📅"; } .glyphicons.glyph-router::before { content: ""; } .glyphicons.glyph-camera-small::before { content: ""; } .glyphicons.glyph-dislikes::before { content: ""; } .glyphicons.glyph-star::before { content: ""; } .glyphicons.glyph-link::before { content: ""; } .glyphicons.glyph-eye-open::before { content: ""; } .glyphicons.glyph-eye-close::before { content: ""; } .glyphicons.glyph-alarm::before { content: ""; } .glyphicons.glyph-clock::before { content: ""; } .glyphicons.glyph-stopwatch::before { content: ""; } .glyphicons.glyph-projector::before { content: ""; } .glyphicons.glyph-history::before { content: ""; } .glyphicons.glyph-truck::before { content: ""; } .glyphicons.glyph-cargo::before { content: ""; } .glyphicons.glyph-compass::before { content: ""; } .glyphicons.glyph-keynote::before { content: ""; } .glyphicons.glyph-paperclip::before { content: "📎"; } .glyphicons.glyph-power::before { content: ""; } .glyphicons.glyph-lightbulb::before { content: ""; } .glyphicons.glyph-tag::before { content: ""; } .glyphicons.glyph-tags::before { content: ""; } .glyphicons.glyph-cleaning::before { content: ""; } .glyphicons.glyph-ruller::before { content: ""; } .glyphicons.glyph-gift::before { content: ""; } .glyphicons.glyph-umbrella::before { content: "☂"; } .glyphicons.glyph-book::before { content: ""; } .glyphicons.glyph-bookmark::before { content: "🔖"; } .glyphicons.glyph-wifi::before { content: ""; } .glyphicons.glyph-cup::before { content: ""; } .glyphicons.glyph-stroller::before { content: ""; } .glyphicons.glyph-headphones::before { content: ""; } .glyphicons.glyph-headset::before { content: ""; } .glyphicons.glyph-warning-sign::before { content: ""; } .glyphicons.glyph-signal::before { content: ""; } .glyphicons.glyph-retweet::before { content: ""; } .glyphicons.glyph-refresh::before { content: ""; } .glyphicons.glyph-roundabout::before { content: ""; } .glyphicons.glyph-random::before { content: ""; } .glyphicons.glyph-heat::before { content: ""; } .glyphicons.glyph-repeat::before { content: ""; } .glyphicons.glyph-display::before { content: ""; } .glyphicons.glyph-log-book::before { content: ""; } .glyphicons.glyph-address-book::before { content: ""; } .glyphicons.glyph-building::before { content: ""; } .glyphicons.glyph-eyedropper::before { content: ""; } .glyphicons.glyph-adjust::before { content: ""; } .glyphicons.glyph-tint::before { content: ""; } .glyphicons.glyph-crop::before { content: ""; } .glyphicons.glyph-vector-path-square::before { content: ""; } .glyphicons.glyph-vector-path-circle::before { content: ""; } .glyphicons.glyph-vector-path-polygon::before { content: ""; } .glyphicons.glyph-vector-path-line::before { content: ""; } .glyphicons.glyph-vector-path-curve::before { content: ""; } .glyphicons.glyph-vector-path-all::before { content: ""; } .glyphicons.glyph-font::before { content: ""; } .glyphicons.glyph-italic::before { content: ""; } .glyphicons.glyph-bold::before { content: ""; } .glyphicons.glyph-text-underline::before { content: ""; } .glyphicons.glyph-text-strike::before { content: ""; } .glyphicons.glyph-text-height::before { content: ""; } .glyphicons.glyph-text-width::before { content: ""; } .glyphicons.glyph-text-resize::before { content: ""; } .glyphicons.glyph-left-indent::before { content: ""; } .glyphicons.glyph-right-indent::before { content: ""; } .glyphicons.glyph-align-left::before { content: ""; } .glyphicons.glyph-align-center::before { content: ""; } .glyphicons.glyph-align-right::before { content: ""; } .glyphicons.glyph-justify::before { content: ""; } .glyphicons.glyph-list::before { content: ""; } .glyphicons.glyph-text-smaller::before { content: ""; } .glyphicons.glyph-text-bigger::before { content: ""; } .glyphicons.glyph-embed::before { content: ""; } .glyphicons.glyph-embed-close::before { content: ""; } .glyphicons.glyph-table::before { content: ""; } .glyphicons.glyph-message-full::before { content: ""; } .glyphicons.glyph-message-empty::before { content: ""; } .glyphicons.glyph-message-in::before { content: ""; } .glyphicons.glyph-message-out::before { content: ""; } .glyphicons.glyph-message-plus::before { content: ""; } .glyphicons.glyph-message-minus::before { content: ""; } .glyphicons.glyph-message-ban::before { content: ""; } .glyphicons.glyph-message-flag::before { content: ""; } .glyphicons.glyph-message-lock::before { content: ""; } .glyphicons.glyph-message-new::before { content: ""; } .glyphicons.glyph-inbox::before { content: ""; } .glyphicons.glyph-inbox-plus::before { content: ""; } .glyphicons.glyph-inbox-minus::before { content: ""; } .glyphicons.glyph-inbox-lock::before { content: ""; } .glyphicons.glyph-inbox-in::before { content: ""; } .glyphicons.glyph-inbox-out::before { content: ""; } .glyphicons.glyph-cogwheel::before { content: ""; } .glyphicons.glyph-cogwheels::before { content: ""; } .glyphicons.glyph-picture::before { content: ""; } .glyphicons.glyph-adjust-alt::before { content: ""; } .glyphicons.glyph-database-lock::before { content: ""; } .glyphicons.glyph-database-plus::before { content: ""; } .glyphicons.glyph-database-minus::before { content: ""; } .glyphicons.glyph-database-ban::before { content: ""; } .glyphicons.glyph-folder-open::before { content: ""; } .glyphicons.glyph-folder-plus::before { content: ""; } .glyphicons.glyph-folder-minus::before { content: ""; } .glyphicons.glyph-folder-lock::before { content: ""; } .glyphicons.glyph-folder-flag::before { content: ""; } .glyphicons.glyph-folder-new::before { content: ""; } .glyphicons.glyph-edit::before { content: ""; } .glyphicons.glyph-new-window::before { content: ""; } .glyphicons.glyph-check::before { content: ""; } .glyphicons.glyph-unchecked::before { content: ""; } .glyphicons.glyph-more-windows::before { content: ""; } .glyphicons.glyph-show-big-thumbnails::before { content: ""; } .glyphicons.glyph-show-thumbnails::before { content: ""; } .glyphicons.glyph-show-thumbnails-with-lines::before { content: ""; } .glyphicons.glyph-show-lines::before { content: ""; } .glyphicons.glyph-playlist::before { content: ""; } .glyphicons.glyph-imac::before { content: ""; } .glyphicons.glyph-macbook::before { content: ""; } .glyphicons.glyph-ipad::before { content: ""; } .glyphicons.glyph-iphone::before { content: ""; } .glyphicons.glyph-iphone-transfer::before { content: ""; } .glyphicons.glyph-iphone-exchange::before { content: ""; } .glyphicons.glyph-ipod::before { content: ""; } .glyphicons.glyph-ipod-shuffle::before { content: ""; } .glyphicons.glyph-ear-plugs::before { content: ""; } .glyphicons.glyph-record::before { content: ""; } .glyphicons.glyph-step-backward::before { content: ""; } .glyphicons.glyph-fast-backward::before { content: ""; } .glyphicons.glyph-rewind::before { content: ""; } .glyphicons.glyph-play::before { content: ""; } .glyphicons.glyph-pause::before { content: ""; } .glyphicons.glyph-stop::before { content: ""; } .glyphicons.glyph-forward::before { content: ""; } .glyphicons.glyph-fast-forward::before { content: ""; } .glyphicons.glyph-step-forward::before { content: ""; } .glyphicons.glyph-eject::before { content: ""; } .glyphicons.glyph-facetime-video::before { content: ""; } .glyphicons.glyph-download-alt::before { content: ""; } .glyphicons.glyph-mute::before { content: ""; } .glyphicons.glyph-volume-down::before { content: ""; } .glyphicons.glyph-volume-up::before { content: ""; } .glyphicons.glyph-screenshot::before { content: ""; } .glyphicons.glyph-move::before { content: ""; } .glyphicons.glyph-more::before { content: ""; } .glyphicons.glyph-brightness-reduce::before { content: ""; } .glyphicons.glyph-brightness-increase::before { content: ""; } .glyphicons.glyph-circle-plus::before { content: ""; } .glyphicons.glyph-circle-minus::before { content: ""; } .glyphicons.glyph-circle-remove::before { content: ""; } .glyphicons.glyph-circle-ok::before { content: ""; } .glyphicons.glyph-circle-question-mark::before { content: ""; } .glyphicons.glyph-circle-info::before { content: ""; } .glyphicons.glyph-circle-exclamation-mark::before { content: ""; } .glyphicons.glyph-remove::before { content: ""; } .glyphicons.glyph-ok::before { content: ""; } .glyphicons.glyph-ban::before { content: ""; } .glyphicons.glyph-download::before { content: ""; } .glyphicons.glyph-upload::before { content: ""; } .glyphicons.glyph-shopping-cart::before { content: ""; } .glyphicons.glyph-lock::before { content: "🔒"; } .glyphicons.glyph-unlock::before { content: ""; } .glyphicons.glyph-electricity::before { content: ""; } .glyphicons.glyph-ok-2::before { content: ""; } .glyphicons.glyph-remove-2::before { content: ""; } .glyphicons.glyph-cart-out::before { content: ""; } .glyphicons.glyph-cart-in::before { content: ""; } .glyphicons.glyph-left-arrow::before { content: ""; } .glyphicons.glyph-right-arrow::before { content: ""; } .glyphicons.glyph-down-arrow::before { content: ""; } .glyphicons.glyph-up-arrow::before { content: ""; } .glyphicons.glyph-resize-small::before { content: ""; } .glyphicons.glyph-resize-full::before { content: ""; } .glyphicons.glyph-circle-arrow-left::before { content: ""; } .glyphicons.glyph-circle-arrow-right::before { content: ""; } .glyphicons.glyph-circle-arrow-top::before { content: ""; } .glyphicons.glyph-circle-arrow-down::before { content: ""; } .glyphicons.glyph-play-button::before { content: ""; } .glyphicons.glyph-unshare::before { content: ""; } .glyphicons.glyph-share::before { content: ""; } .glyphicons.glyph-chevron-right::before { content: ""; } .glyphicons.glyph-chevron-left::before { content: ""; } .glyphicons.glyph-bluetooth::before { content: ""; } .glyphicons.glyph-euro::before { content: "€"; } .glyphicons.glyph-usd::before { content: ""; } .glyphicons.glyph-gbp::before { content: ""; } .glyphicons.glyph-retweet-2::before { content: ""; } .glyphicons.glyph-moon::before { content: ""; } .glyphicons.glyph-sun::before { content: "☉"; } .glyphicons.glyph-cloud::before { content: "☁"; } .glyphicons.glyph-direction::before { content: ""; } .glyphicons.glyph-brush::before { content: ""; } .glyphicons.glyph-pen::before { content: ""; } .glyphicons.glyph-zoom-in::before { content: ""; } .glyphicons.glyph-zoom-out::before { content: ""; } .glyphicons.glyph-pin::before { content: ""; } .glyphicons.glyph-albums::before { content: ""; } .glyphicons.glyph-rotation-lock::before { content: ""; } .glyphicons.glyph-flash::before { content: ""; } .glyphicons.glyph-google-maps::before { content: ""; } .glyphicons.glyph-anchor::before { content: "⚓"; } .glyphicons.glyph-conversation::before { content: ""; } .glyphicons.glyph-chat::before { content: ""; } .glyphicons.glyph-male::before { content: ""; } .glyphicons.glyph-female::before { content: ""; } .glyphicons.glyph-asterisk::before { content: "*"; } .glyphicons.glyph-divide::before { content: "÷"; } .glyphicons.glyph-snorkel-diving::before { content: ""; } .glyphicons.glyph-scuba-diving::before { content: ""; } .glyphicons.glyph-oxygen-bottle::before { content: ""; } .glyphicons.glyph-fins::before { content: ""; } .glyphicons.glyph-fishes::before { content: ""; } .glyphicons.glyph-boat::before { content: ""; } .glyphicons.glyph-delete::before { content: ""; } .glyphicons.glyph-sheriffs-star::before { content: ""; } .glyphicons.glyph-qrcode::before { content: ""; } .glyphicons.glyph-barcode::before { content: ""; } .glyphicons.glyph-pool::before { content: ""; } .glyphicons.glyph-buoy::before { content: ""; } .glyphicons.glyph-spade::before { content: ""; } .glyphicons.glyph-bank::before { content: "🏦"; } .glyphicons.glyph-vcard::before { content: ""; } .glyphicons.glyph-electrical-plug::before { content: ""; } .glyphicons.glyph-flag::before { content: ""; } .glyphicons.glyph-credit-card::before { content: ""; } .glyphicons.glyph-keyboard-wireless::before { content: ""; } .glyphicons.glyph-keyboard-wired::before { content: ""; } .glyphicons.glyph-shield::before { content: ""; } .glyphicons.glyph-ring::before { content: "˚"; } .glyphicons.glyph-cake::before { content: ""; } .glyphicons.glyph-drink::before { content: ""; } .glyphicons.glyph-beer::before { content: ""; } .glyphicons.glyph-fast-food::before { content: ""; } .glyphicons.glyph-cutlery::before { content: ""; } .glyphicons.glyph-pizza::before { content: ""; } .glyphicons.glyph-birthday-cake::before { content: ""; } .glyphicons.glyph-tablet::before { content: ""; } .glyphicons.glyph-settings::before { content: ""; } .glyphicons.glyph-bullets::before { content: ""; } .glyphicons.glyph-cardio::before { content: ""; } .glyphicons.glyph-t-shirt::before { content: ""; } .glyphicons.glyph-pants::before { content: ""; } .glyphicons.glyph-sweater::before { content: ""; } .glyphicons.glyph-fabric::before { content: ""; } .glyphicons.glyph-leather::before { content: ""; } .glyphicons.glyph-scissors::before { content: ""; } .glyphicons.glyph-bomb::before { content: "💣"; } .glyphicons.glyph-skull::before { content: "💀"; } .glyphicons.glyph-celebration::before { content: ""; } .glyphicons.glyph-tea-kettle::before { content: ""; } .glyphicons.glyph-french-press::before { content: ""; } .glyphicons.glyph-coffe-cup::before { content: ""; } .glyphicons.glyph-pot::before { content: ""; } .glyphicons.glyph-grater::before { content: ""; } .glyphicons.glyph-kettle::before { content: ""; } .glyphicons.glyph-hospital::before { content: "🏥"; } .glyphicons.glyph-hospital-h::before { content: ""; } .glyphicons.glyph-microphone::before { content: "🎤"; } .glyphicons.glyph-webcam::before { content: ""; } .glyphicons.glyph-temple-christianity-church::before { content: ""; } .glyphicons.glyph-temple-islam::before { content: ""; } .glyphicons.glyph-temple-hindu::before { content: ""; } .glyphicons.glyph-temple-buddhist::before { content: ""; } .glyphicons.glyph-bicycle::before { content: "🚲"; } .glyphicons.glyph-life-preserver::before { content: ""; } .glyphicons.glyph-share-alt::before { content: ""; } .glyphicons.glyph-comments::before { content: ""; } .glyphicons.glyph-flower::before { content: "⚘"; } .glyphicons.glyph-baseball::before { content: "⚾"; } .glyphicons.glyph-rugby::before { content: ""; } .glyphicons.glyph-ax::before { content: ""; } .glyphicons.glyph-table-tennis::before { content: ""; } .glyphicons.glyph-bowling::before { content: "🎳"; } .glyphicons.glyph-tree-conifer::before { content: ""; } .glyphicons.glyph-tree-deciduous::before { content: ""; } .glyphicons.glyph-more-items::before { content: ""; } .glyphicons.glyph-sort::before { content: ""; } .glyphicons.glyph-filter::before { content: ""; } .glyphicons.glyph-gamepad::before { content: ""; } .glyphicons.glyph-playing-dices::before { content: ""; } .glyphicons.glyph-calculator::before { content: ""; } .glyphicons.glyph-tie::before { content: ""; } .glyphicons.glyph-wallet::before { content: ""; } .glyphicons.glyph-piano::before { content: ""; } .glyphicons.glyph-sampler::before { content: ""; } .glyphicons.glyph-podium::before { content: ""; } .glyphicons.glyph-soccer-ball::before { content: ""; } .glyphicons.glyph-blog::before { content: ""; } .glyphicons.glyph-dashboard::before { content: ""; } .glyphicons.glyph-certificate::before { content: ""; } .glyphicons.glyph-bell::before { content: "🔔"; } .glyphicons.glyph-candle::before { content: ""; } .glyphicons.glyph-pushpin::before { content: "📌"; } .glyphicons.glyph-iphone-shake::before { content: ""; } .glyphicons.glyph-pin-flag::before { content: ""; } .glyphicons.glyph-turtle::before { content: "🐢"; } .glyphicons.glyph-rabbit::before { content: "🐇"; } .glyphicons.glyph-globe::before { content: ""; } .glyphicons.glyph-briefcase::before { content: "💼"; } .glyphicons.glyph-hdd::before { content: ""; } .glyphicons.glyph-thumbs-up::before { content: ""; } .glyphicons.glyph-thumbs-down::before { content: ""; } .glyphicons.glyph-hand-right::before { content: ""; } .glyphicons.glyph-hand-left::before { content: ""; } .glyphicons.glyph-hand-up::before { content: ""; } .glyphicons.glyph-hand-down::before { content: ""; } .glyphicons.glyph-fullscreen::before { content: ""; } .glyphicons.glyph-shopping-bag::before { content: ""; } .glyphicons.glyph-book-open::before { content: ""; } .glyphicons.glyph-nameplate::before { content: ""; } .glyphicons.glyph-nameplate-alt::before { content: ""; } .glyphicons.glyph-vases::before { content: ""; } .glyphicons.glyph-bullhorn::before { content: ""; } .glyphicons.glyph-dumbbell::before { content: ""; } .glyphicons.glyph-suitcase::before { content: ""; } .glyphicons.glyph-file-import::before { content: ""; } .glyphicons.glyph-file-export::before { content: ""; } .glyphicons.glyph-bug::before { content: "🐛"; } .glyphicons.glyph-crown::before { content: "👑"; } .glyphicons.glyph-smoking::before { content: ""; } .glyphicons.glyph-cloud-upload::before { content: ""; } .glyphicons.glyph-cloud-download::before { content: ""; } .glyphicons.glyph-restart::before { content: ""; } .glyphicons.glyph-security-camera::before { content: ""; } .glyphicons.glyph-expand::before { content: ""; } .glyphicons.glyph-collapse::before { content: ""; } .glyphicons.glyph-collapse-top::before { content: ""; } .glyphicons.glyph-globe-af::before { content: ""; } .glyphicons.glyph-global::before { content: ""; } .glyphicons.glyph-spray::before { content: ""; } .glyphicons.glyph-nails::before { content: ""; } .glyphicons.glyph-claw-hammer::before { content: ""; } .glyphicons.glyph-classic-hammer::before { content: ""; } .glyphicons.glyph-hand-saw::before { content: ""; } .glyphicons.glyph-riflescope::before { content: ""; } .glyphicons.glyph-electrical-socket-eu::before { content: ""; } .glyphicons.glyph-electrical-socket-us::before { content: ""; } .glyphicons.glyph-message-forward::before { content: ""; } .glyphicons.glyph-coat-hanger::before { content: ""; } .glyphicons.glyph-dress::before { content: "👗"; } .glyphicons.glyph-bathrobe::before { content: ""; } .glyphicons.glyph-shirt::before { content: ""; } .glyphicons.glyph-underwear::before { content: ""; } .glyphicons.glyph-log-in::before { content: ""; } .glyphicons.glyph-log-out::before { content: ""; } .glyphicons.glyph-exit::before { content: ""; } .glyphicons.glyph-new-window-alt::before { content: ""; } .glyphicons.glyph-video-sd::before { content: ""; } .glyphicons.glyph-video-hd::before { content: ""; } .glyphicons.glyph-subtitles::before { content: ""; } .glyphicons.glyph-sound-stereo::before { content: ""; } .glyphicons.glyph-sound-dolby::before { content: ""; } .glyphicons.glyph-sound-5-1::before { content: ""; } .glyphicons.glyph-sound-6-1::before { content: ""; } .glyphicons.glyph-sound-7-1::before { content: ""; } .glyphicons.glyph-copyright-mark::before { content: ""; } .glyphicons.glyph-registration-mark::before { content: ""; } .glyphicons.glyph-radar::before { content: ""; } .glyphicons.glyph-skateboard::before { content: ""; } .glyphicons.glyph-golf-course::before { content: ""; } .glyphicons.glyph-sorting::before { content: ""; } .glyphicons.glyph-sort-by-alphabet::before { content: ""; } .glyphicons.glyph-sort-by-alphabet-alt::before { content: ""; } .glyphicons.glyph-sort-by-order::before { content: ""; } .glyphicons.glyph-sort-by-order-alt::before { content: ""; } .glyphicons.glyph-sort-by-attributes::before { content: ""; } .glyphicons.glyph-sort-by-attributes-alt::before { content: ""; } .glyphicons.glyph-compressed::before { content: ""; } .glyphicons.glyph-package::before { content: "📦"; } .glyphicons.glyph-cloud-plus::before { content: ""; } .glyphicons.glyph-cloud-minus::before { content: ""; } .glyphicons.glyph-disk-save::before { content: ""; } .glyphicons.glyph-disk-open::before { content: ""; } .glyphicons.glyph-disk-saved::before { content: ""; } .glyphicons.glyph-disk-remove::before { content: ""; } .glyphicons.glyph-disk-import::before { content: ""; } .glyphicons.glyph-disk-export::before { content: ""; } .glyphicons.glyph-tower::before { content: ""; } .glyphicons.glyph-send::before { content: ""; } .glyphicons.glyph-git-branch::before { content: ""; } .glyphicons.glyph-git-create::before { content: ""; } .glyphicons.glyph-git-private::before { content: ""; } .glyphicons.glyph-git-delete::before { content: ""; } .glyphicons.glyph-git-merge::before { content: ""; } .glyphicons.glyph-git-pull-request::before { content: ""; } .glyphicons.glyph-git-compare::before { content: ""; } .glyphicons.glyph-git-commit::before { content: ""; } .glyphicons.glyph-construction-cone::before { content: ""; } .glyphicons.glyph-shoe-steps::before { content: ""; } .glyphicons.glyph-plus::before { content: "+"; } .glyphicons.glyph-minus::before { content: "−"; } .glyphicons.glyph-redo::before { content: ""; } .glyphicons.glyph-undo::before { content: ""; } .glyphicons.glyph-golf::before { content: ""; } .glyphicons.glyph-hockey::before { content: ""; } .glyphicons.glyph-pipe::before { content: ""; } .glyphicons.glyph-wrench::before { content: "🔧"; } .glyphicons.glyph-folder-closed::before { content: ""; } .glyphicons.glyph-phone-alt::before { content: ""; } .glyphicons.glyph-earphone::before { content: ""; } .glyphicons.glyph-floppy-disk::before { content: ""; } .glyphicons.glyph-floppy-saved::before { content: ""; } .glyphicons.glyph-floppy-remove::before { content: ""; } .glyphicons.glyph-floppy-save::before { content: ""; } .glyphicons.glyph-floppy-open::before { content: ""; } .glyphicons.glyph-translate::before { content: ""; } .glyphicons.glyph-fax::before { content: ""; } .glyphicons.glyph-factory::before { content: "🏭"; } .glyphicons.glyph-shop-window::before { content: ""; } .glyphicons.glyph-shop::before { content: ""; } .glyphicons.glyph-kiosk::before { content: ""; } .glyphicons.glyph-kiosk-wheels::before { content: ""; } .glyphicons.glyph-kiosk-light::before { content: ""; } .glyphicons.glyph-kiosk-food::before { content: ""; } .glyphicons.glyph-transfer::before { content: ""; } .glyphicons.glyph-money::before { content: ""; } .glyphicons.glyph-header::before { content: ""; } .glyphicons.glyph-blacksmith::before { content: ""; } .glyphicons.glyph-saw-blade::before { content: ""; } .glyphicons.glyph-basketball::before { content: ""; } .glyphicons.glyph-server::before { content: ""; } .glyphicons.glyph-server-plus::before { content: ""; } .glyphicons.glyph-server-minus::before { content: ""; } .glyphicons.glyph-server-ban::before { content: ""; } .glyphicons.glyph-server-flag::before { content: ""; } .glyphicons.glyph-server-lock::before { content: ""; } .glyphicons.glyph-server-new::before { content: ""; } .social.social-pinterest::before { content: ""; } .social.social-dropbox::before { content: ""; } .social.social-google-plus::before { content: ""; } .social.social-jolicloud::before { content: ""; } .social.social-yahoo::before { content: ""; } .social.social-blogger::before { content: ""; } .social.social-picasa::before { content: ""; } .social.social-amazon::before { content: ""; } .social.social-tumblr::before { content: ""; } .social.social-wordpress::before { content: ""; } .social.social-instapaper::before { content: ""; } .social.social-evernote::before { content: ""; } .social.social-xing::before { content: ""; } .social.social-zootool::before { content: ""; } .social.social-dribbble::before { content: ""; } .social.social-deviantart::before { content: ""; } .social.social-read-it-later::before { content: ""; } .social.social-linked-in::before { content: ""; } .social.social-forrst::before { content: ""; } .social.social-pinboard::before { content: ""; } .social.social-behance::before { content: ""; } .social.social-github::before { content: ""; } .social.social-youtube::before { content: ""; } .social.social-skitch::before { content: ""; } .social.social-foursquare::before { content: ""; } .social.social-quora::before { content: ""; } .social.social-badoo::before { content: ""; } .social.social-spotify::before { content: ""; } .social.social-stumbleupon::before { content: ""; } .social.social-readability::before { content: ""; } .social.social-facebook::before { content: ""; } .social.social-twitter::before { content: ""; } .social.social-instagram::before { content: ""; } .social.social-posterous-spaces::before { content: ""; } .social.social-vimeo::before { content: ""; } .social.social-flickr::before { content: ""; } .social.social-last-fm::before { content: ""; } .social.social-rss::before { content: ""; } .social.social-skype::before { content: ""; } .social.social-e-mail::before { content: ""; } .social.social-vine::before { content: ""; } .social.social-myspace::before { content: ""; } .social.social-goodreads::before { content: ""; } .social.social-apple::before { content: ""; } .social.social-windows::before { content: ""; } .social.social-yelp::before { content: ""; } .social.social-playstation::before { content: ""; } .social.social-xbox::before { content: ""; } .social.social-android::before { content: ""; } .social.social-ios::before { content: ""; } .verticalTab_Left { clear: both; } .verticalTab_Left::after { clear: both; content: "."; height: 0px; font-size: 0px; visibility: hidden; display: block; } .verticalTab_Left ul.resp-tabs-list { float: left; margin: 0px; padding: 1px 0px; } .verticalTab_Left .resp-tabs-container { padding: 0px; margin: 0px; overflow: auto; } .verticalTab_Left .resp-tab-content .resp_margin { margin-left: 25px; } .verticalTab_Left ul.resp-tabs-list li { font-size: 13px; margin: 0px; list-style: none; border-top: 1px solid rgb(232, 232, 232); border-right: 1px solid rgb(232, 232, 232); position: relative; z-index: 1; min-width: 120px; transition: background-color 200ms ease-in 0s; } .verticalTab_Left ul.resp-tabs-list li:first-child { border-top: none; } .verticalTab_Left ul.resp-tabs-list li span { border: none; padding: 8px 15px; display: block; white-space: nowrap; cursor: pointer; } .verticalTab_Left ul.resp-tabs-list li:hover { background: rgb(238, 238, 238); } .verticalTab_Left ul.resp-tabs-list li:hover span { color: rgb(51, 51, 51); } .verticalTab_Left ul.resp-tabs-list li.resp-tab-active { position: relative; z-index: 1; color: rgb(255, 255, 255); background-color: rgb(105, 181, 50); } .verticalTab_Left ul.resp-tabs-list li.resp-tab-active span { background-image: url("images/tab-left-active-bg.png"); background-position: right top; background-repeat: no-repeat; margin-right: -16px; padding-right: 31px; color: rgb(255, 255, 255); } .verticalTab_Left h2.resp-accordion, .verticalTab_Left .resp_container { display: none; } @media only screen and (max-width: 768px) { .verticalTab_Left ul.resp-tabs-list { display: none; } .verticalTab_Left h2.resp-accordion { display: block; border-top: 1px solid rgb(225, 225, 225); border-right: 1px solid rgb(225, 225, 225); border-left: 1px solid rgb(225, 225, 225); border-image: initial; border-bottom: none; font-size: 12px; font-weight: normal; padding: 8px 15px; cursor: pointer; margin: 0px; color: rgb(145, 145, 145); transition: background-color 200ms ease-in 0s; } .verticalTab_Left .resp-arrow { float: right; position: relative; top: 1px; display: inline-block; font-family: "Open Sans"; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; margin-top: 4px; } .verticalTab_Left .resp-arrow:empty { width: 1em; } .verticalTab_Left .resp-arrow::before { content: "+"; } .verticalTab_Left .resp-tab-active .resp-arrow::before { content: "−"; } .verticalTab_Left .resp-accordion:hover { background: rgb(238, 238, 238); color: rgb(51, 51, 51); } .verticalTab_Left .resp-tab-active, .verticalTab_Left .resp-tab-active:hover { background: rgb(105, 181, 50); } .verticalTab_Left .resp-tab-active span { color: rgb(255, 255, 255); } .verticalTab_Left .resp-tabs-container { width: 100%; margin: 0px; border-radius: 0px; border-bottom: 1px solid rgb(225, 225, 225); } .verticalTab_Left .resp-tabs-container .resp_margin { margin: 15px; } .verticalTab_Left .resp-tab-content { border-top: 1px solid rgb(225, 225, 225); border-right: 1px solid rgb(225, 225, 225); border-left: 1px solid rgb(225, 225, 225); border-image: initial; border-bottom: none; padding: 0px; margin-bottom: 0px; clear: both; display: none; width: auto !important; } .verticalTab_Left .resp-tab-content::after { clear: both; content: "."; height: 0px; font-size: 0px; visibility: hidden; display: block; } } .verticalTab_Right { clear: both; } .verticalTab_Right::after { clear: both; content: "."; height: 0px; font-size: 0px; visibility: hidden; display: block; } .verticalTab_Right ul.resp-tabs-list { float: right; margin: 0px; padding: 1px 0px; } .verticalTab_Right .resp-tabs-container { padding: 0px; margin: 0px; overflow: auto; } .verticalTab_Right .resp-tab-content .resp_margin { margin-right: 25px; } .verticalTab_Right ul.resp-tabs-list li { font-size: 13px; margin: 0px; list-style: none; border-top: 1px solid rgb(232, 232, 232); border-left: 1px solid rgb(232, 232, 232); position: relative; z-index: 1; min-width: 120px; transition: background-color 200ms ease-in 0s; } .verticalTab_Right ul.resp-tabs-list li:first-child { border-top: none; } .verticalTab_Right ul.resp-tabs-list li span { border: none; padding: 8px 15px; display: block; white-space: nowrap; cursor: pointer; } .verticalTab_Right ul.resp-tabs-list li:hover { background: rgb(238, 238, 238); } .verticalTab_Right ul.resp-tabs-list li:hover span { color: rgb(51, 51, 51); } .verticalTab_Right ul.resp-tabs-list li.resp-tab-active { position: relative; z-index: 1; color: rgb(255, 255, 255); background-color: rgb(105, 181, 50); } .verticalTab_Right ul.resp-tabs-list li.resp-tab-active span { background-image: url("images/tab-right-active-bg.png"); background-position: left top; background-repeat: no-repeat; background-color: rgb(105, 181, 50); margin-left: -16px; color: rgb(255, 255, 255); padding-left: 31px !important; } .verticalTab_Right h2.resp-accordion, .verticalTab_Right .resp_container { display: none; } @media only screen and (max-width: 768px) { .verticalTab_Right ul.resp-tabs-list { display: none; } .verticalTab_Right h2.resp-accordion { display: block; border-top: 1px solid rgb(225, 225, 225); border-right: 1px solid rgb(225, 225, 225); border-left: 1px solid rgb(225, 225, 225); border-image: initial; border-bottom: none; font-size: 12px; font-weight: normal; padding: 8px 15px; cursor: pointer; margin: 0px; color: rgb(145, 145, 145); transition: background-color 200ms ease-in 0s; } .verticalTab_Right .resp-arrow { float: right; position: relative; top: 1px; display: inline-block; font-family: "Open Sans"; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; margin-top: 4px; } .verticalTab_Right .resp-arrow:empty { width: 1em; } .verticalTab_Right .resp-arrow::before { content: "+"; } .verticalTab_Right .resp-tab-active .resp-arrow::before { content: "−"; } .verticalTab_Right .resp-accordion:hover { background: rgb(238, 238, 238); color: rgb(51, 51, 51); } .verticalTab_Right .resp-tab-active, .verticalTab_Right .resp-tab-active:hover { background: rgb(105, 181, 50); } .verticalTab_Right .resp-tab-active span { color: rgb(255, 255, 255); } .verticalTab_Right .resp-tabs-container { width: 100%; margin: 0px; border-radius: 0px; border-bottom: 1px solid rgb(225, 225, 225); } .verticalTab_Right .resp-tabs-container .resp_margin { margin: 15px; } .verticalTab_Right .resp-tab-content { border-top: 1px solid rgb(225, 225, 225); border-right: 1px solid rgb(225, 225, 225); border-left: 1px solid rgb(225, 225, 225); border-image: initial; border-bottom: none; padding: 0px; margin-bottom: 0px; clear: both; display: none; width: auto !important; } .verticalTab_Right .resp-tab-content::after { clear: both; content: "."; height: 0px; font-size: 0px; visibility: hidden; display: block; } } .horizontalTab_Top { clear: both; } .horizontalTab_Top::after { clear: both; content: "."; height: 0px; font-size: 0px; visibility: hidden; display: block; } .horizontalTab_Top ul.resp-tabs-list { margin: 0px; padding: 1px 0px; } .horizontalTab_Top .resp-tabs-container { padding: 0px; margin: 0px; clear: both; border: 1px solid rgb(232, 232, 232); } .horizontalTab_Top .resp-tabs-container::after { clear: both; content: "."; height: 0px; font-size: 0px; visibility: hidden; display: block; } * + html .horizontalTab_Top .resp-tabs-container { display: inline-block; } .horizontalTab_Top .resp-tab-content .resp_margin { margin: 15px; } .horizontalTab_Top ul.resp-tabs-list li { font-size: 13px; margin: 0px 0px -1px; list-style: none; border-top: 1px solid rgb(232, 232, 232); border-right: 1px solid rgb(232, 232, 232); float: left; position: relative; z-index: 1; transition: background-color 200ms ease-in 0s; } .horizontalTab_Top ul.resp-tabs-list li:first-child { border-left: 1px solid rgb(232, 232, 232); } .horizontalTab_Top ul.resp-tabs-list li span { border: none; padding: 8px 15px; display: block; white-space: nowrap; cursor: pointer; } .horizontalTab_Top ul.resp-tabs-list li:hover { background: rgb(238, 238, 238); } .horizontalTab_Top ul.resp-tabs-list li:hover span { color: rgb(51, 51, 51); } .horizontalTab_Top ul.resp-tabs-list li.resp-tab-active { position: relative; z-index: 1; color: rgb(255, 255, 255); } .horizontalTab_Top .resp-tab-active, .horizontalTab_Top .resp-tab-active:hover { background: none; } .horizontalTab_Top ul.resp-tabs-list li.resp-tab-active span { background-color: rgb(255, 255, 255); color: rgb(105, 181, 50); } .horizontalTab_Top h2.resp-accordion, .horizontalTab_Top .resp_container { display: none; } @media only screen and (max-width: 768px) { .horizontalTab_Top ul.resp-tabs-list { display: none; } .horizontalTab_Top h2.resp-accordion { display: block; border-top: 1px solid rgb(225, 225, 225); border-right: 1px solid rgb(225, 225, 225); border-left: 1px solid rgb(225, 225, 225); border-image: initial; border-bottom: none; font-size: 12px; font-weight: normal; padding: 8px 15px; cursor: pointer; margin: 0px; color: rgb(145, 145, 145); transition: background-color 200ms ease-in 0s; } .horizontalTab_Top .resp-arrow { float: right; position: relative; top: 1px; display: inline-block; font-family: "Open Sans"; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; margin-top: 4px; } .horizontalTab_Top .resp-arrow:empty { width: 1em; } .horizontalTab_Top .resp-arrow::before { content: "+"; } .horizontalTab_Top .resp-tab-active .resp-arrow::before { content: "−"; } .horizontalTab_Top .resp-accordion:hover { background: rgb(238, 238, 238); color: rgb(51, 51, 51); } .horizontalTab_Top .resp-tab-active, .horizontalTab_Top .resp-tab-active:hover { background: rgb(105, 181, 50); } .horizontalTab_Top .resp-tab-active span { color: rgb(255, 255, 255); } .horizontalTab_Top .resp-tabs-container { width: 100%; margin: 0px; border-radius: 0px; border-top: none; border-right: none; border-left: none; border-image: initial; border-bottom: 1px solid rgb(225, 225, 225); } .horizontalTab_Top .resp-tabs-container .resp_margin { margin: 15px; } .horizontalTab_Top .resp-tab-content { border-top: 1px solid rgb(225, 225, 225); border-right: 1px solid rgb(225, 225, 225); border-left: 1px solid rgb(225, 225, 225); border-image: initial; border-bottom: none; padding: 0px; margin-bottom: 0px; clear: both; display: none; width: auto !important; } .horizontalTab_Top .resp-tab-content::after { clear: both; content: "."; height: 0px; font-size: 0px; visibility: hidden; display: block; } } .animated, .animated .animation_item { animation-duration: 1s; animation-fill-mode: both; animation-delay: 200ms; } span.animation, a.animation, b.animation, i.animation, span.animationhover, a.animationhover, b.animationhover, i.animationhover, span.animation_item, a.animation_item, b.animation_item, i.animation_item { display: inline-block; } .animated.infinite, .animation_item.infinite { animation-iteration-count: infinite; } .animated.hinge, .animation_item.hinge { animation-duration: 2s; } .animation img, .animationhover img, .animated .animation_item img { max-width: 100%; } .animation { opacity: 0; } .animationhover, .animated { opacity: 1; } .animationhover { animation-delay: 0ms; } @keyframes bounce { 0%, 100%, 20%, 53%, 80% { transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transform: translate3d(0px, 0px, 0px); } 40%, 43% { transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transform: translate3d(0px, -30px, 0px); } 70% { transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transform: translate3d(0px, -15px, 0px); } 90% { transform: translate3d(0px, -4px, 0px); } } @-webkit-keyframes bounce { 0%, 100%, 20%, 53%, 80% { transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transform: translate3d(0px, 0px, 0px); } 40%, 43% { transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transform: translate3d(0px, -30px, 0px); } 70% { transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transform: translate3d(0px, -15px, 0px); } 90% { transform: translate3d(0px, -4px, 0px); } } .animated.bounce, .animated .animation_item.bounce { animation-name: bounce; transform-origin: center bottom; } @-webkit-keyframes flash { 0%, 100%, 50% { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { 0%, 100%, 50% { opacity: 1; } 25%, 75% { opacity: 0; } } .animated.flash, .animated .animation_item.flash { animation-name: flash; } @-webkit-keyframes pulse { 0% { transform: scale3d(1, 1, 1); } 50% { transform: scale3d(1.05, 1.05, 1.05); } 100% { transform: scale3d(1, 1, 1); } } @keyframes pulse { 0% { transform: scale3d(1, 1, 1); } 50% { transform: scale3d(1.05, 1.05, 1.05); } 100% { transform: scale3d(1, 1, 1); } } .animated.pulse, .animated .animation_item.pulse { animation-name: pulse; } @-webkit-keyframes rubberBand { 0% { transform: scale3d(1, 1, 1); } 30% { transform: scale3d(1.25, 0.75, 1); } 40% { transform: scale3d(0.75, 1.25, 1); } 50% { transform: scale3d(1.15, 0.85, 1); } 65% { transform: scale3d(0.95, 1.05, 1); } 75% { transform: scale3d(1.05, 0.95, 1); } 100% { transform: scale3d(1, 1, 1); } } @keyframes rubberBand { 0% { transform: scale3d(1, 1, 1); } 30% { transform: scale3d(1.25, 0.75, 1); } 40% { transform: scale3d(0.75, 1.25, 1); } 50% { transform: scale3d(1.15, 0.85, 1); } 65% { transform: scale3d(0.95, 1.05, 1); } 75% { transform: scale3d(1.05, 0.95, 1); } 100% { transform: scale3d(1, 1, 1); } } .animated.rubberBand, .animated .animation_item.rubberBand { animation-name: rubberBand; } @-webkit-keyframes shake { 0%, 100% { transform: translate3d(0px, 0px, 0px); } 10%, 30%, 50%, 70%, 90% { transform: translate3d(-10px, 0px, 0px); } 20%, 40%, 60%, 80% { transform: translate3d(10px, 0px, 0px); } } @keyframes shake { 0%, 100% { transform: translate3d(0px, 0px, 0px); } 10%, 30%, 50%, 70%, 90% { transform: translate3d(-10px, 0px, 0px); } 20%, 40%, 60%, 80% { transform: translate3d(10px, 0px, 0px); } } .animated.shake, .animated .animation_item.shake { animation-name: shake; } @-webkit-keyframes swing { 20% { transform: rotate3d(0, 0, 1, 15deg); } 40% { transform: rotate3d(0, 0, 1, -10deg); } 60% { transform: rotate3d(0, 0, 1, 5deg); } 80% { transform: rotate3d(0, 0, 1, -5deg); } 100% { transform: rotate3d(0, 0, 1, 0deg); } } @keyframes swing { 20% { transform: rotate3d(0, 0, 1, 15deg); } 40% { transform: rotate3d(0, 0, 1, -10deg); } 60% { transform: rotate3d(0, 0, 1, 5deg); } 80% { transform: rotate3d(0, 0, 1, -5deg); } 100% { transform: rotate3d(0, 0, 1, 0deg); } } .animated.swing, .animated .animation_item.swing { transform-origin: center top; animation-name: swing; } @-webkit-keyframes tada { 0% { transform: scale3d(1, 1, 1); } 10%, 20% { transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } 100% { transform: scale3d(1, 1, 1); } } @keyframes tada { 0% { transform: scale3d(1, 1, 1); } 10%, 20% { transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } 100% { transform: scale3d(1, 1, 1); } } .animated.tada, .animated .animation_item.tada { animation-name: tada; } @-webkit-keyframes wobble { 0% { transform: none; } 15% { transform: translate3d(-25%, 0px, 0px) rotate3d(0, 0, 1, -5deg); } 30% { transform: translate3d(20%, 0px, 0px) rotate3d(0, 0, 1, 3deg); } 45% { transform: translate3d(-15%, 0px, 0px) rotate3d(0, 0, 1, -3deg); } 60% { transform: translate3d(10%, 0px, 0px) rotate3d(0, 0, 1, 2deg); } 75% { transform: translate3d(-5%, 0px, 0px) rotate3d(0, 0, 1, -1deg); } 100% { transform: none; } } @keyframes wobble { 0% { transform: none; } 15% { transform: translate3d(-25%, 0px, 0px) rotate3d(0, 0, 1, -5deg); } 30% { transform: translate3d(20%, 0px, 0px) rotate3d(0, 0, 1, 3deg); } 45% { transform: translate3d(-15%, 0px, 0px) rotate3d(0, 0, 1, -3deg); } 60% { transform: translate3d(10%, 0px, 0px) rotate3d(0, 0, 1, 2deg); } 75% { transform: translate3d(-5%, 0px, 0px) rotate3d(0, 0, 1, -1deg); } 100% { transform: none; } } .animated.wobble, .animated .animation_item.wobble { animation-name: wobble; } @-webkit-keyframes bounceIn { 0%, 100%, 20%, 40%, 60%, 80% { transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } 20% { transform: scale3d(1.1, 1.1, 1.1); } 40% { transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; transform: scale3d(1.03, 1.03, 1.03); } 80% { transform: scale3d(0.97, 0.97, 0.97); } 100% { opacity: 1; transform: scale3d(1, 1, 1); } } @keyframes bounceIn { 0%, 100%, 20%, 40%, 60%, 80% { transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } 20% { transform: scale3d(1.1, 1.1, 1.1); } 40% { transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; transform: scale3d(1.03, 1.03, 1.03); } 80% { transform: scale3d(0.97, 0.97, 0.97); } 100% { opacity: 1; transform: scale3d(1, 1, 1); } } .animated.bounceIn, .animated .animation_item.bounceIn { animation-name: bounceIn; animation-duration: 0.75s; } @-webkit-keyframes bounceInDown { 0%, 100%, 60%, 75%, 90% { transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(0px, -3000px, 0px); } 60% { opacity: 1; transform: translate3d(0px, 25px, 0px); } 75% { transform: translate3d(0px, -10px, 0px); } 90% { transform: translate3d(0px, 5px, 0px); } 100% { transform: none; } } @keyframes bounceInDown { 0%, 100%, 60%, 75%, 90% { transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(0px, -3000px, 0px); } 60% { opacity: 1; transform: translate3d(0px, 25px, 0px); } 75% { transform: translate3d(0px, -10px, 0px); } 90% { transform: translate3d(0px, 5px, 0px); } 100% { transform: none; } } .animated.bounceInDown, .animated .animation_item.bounceInDown { animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { 0%, 100%, 60%, 75%, 90% { transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(-3000px, 0px, 0px); } 60% { opacity: 1; transform: translate3d(25px, 0px, 0px); } 75% { transform: translate3d(-10px, 0px, 0px); } 90% { transform: translate3d(5px, 0px, 0px); } 100% { transform: none; } } @keyframes bounceInLeft { 0%, 100%, 60%, 75%, 90% { transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(-3000px, 0px, 0px); } 60% { opacity: 1; transform: translate3d(25px, 0px, 0px); } 75% { transform: translate3d(-10px, 0px, 0px); } 90% { transform: translate3d(5px, 0px, 0px); } 100% { transform: none; } } .animated.bounceInLeft, .animated .animation_item.bounceInLeft { animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { 0%, 100%, 60%, 75%, 90% { transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(3000px, 0px, 0px); } 60% { opacity: 1; transform: translate3d(-25px, 0px, 0px); } 75% { transform: translate3d(10px, 0px, 0px); } 90% { transform: translate3d(-5px, 0px, 0px); } 100% { transform: none; } } @keyframes bounceInRight { 0%, 100%, 60%, 75%, 90% { transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(3000px, 0px, 0px); } 60% { opacity: 1; transform: translate3d(-25px, 0px, 0px); } 75% { transform: translate3d(10px, 0px, 0px); } 90% { transform: translate3d(-5px, 0px, 0px); } 100% { transform: none; } } .animated.bounceInRight, .animated .animation_item.bounceInRight { animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { 0%, 100%, 60%, 75%, 90% { transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(0px, 3000px, 0px); } 60% { opacity: 1; transform: translate3d(0px, -20px, 0px); } 75% { transform: translate3d(0px, 10px, 0px); } 90% { transform: translate3d(0px, -5px, 0px); } 100% { transform: translate3d(0px, 0px, 0px); } } @keyframes bounceInUp { 0%, 100%, 60%, 75%, 90% { transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(0px, 3000px, 0px); } 60% { opacity: 1; transform: translate3d(0px, -20px, 0px); } 75% { transform: translate3d(0px, 10px, 0px); } 90% { transform: translate3d(0px, -5px, 0px); } 100% { transform: translate3d(0px, 0px, 0px); } } .animated.bounceInUp, .animated .animation_item.bounceInUp { animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 20% { transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; transform: scale3d(1.1, 1.1, 1.1); } 100% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } } @keyframes bounceOut { 20% { transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; transform: scale3d(1.1, 1.1, 1.1); } 100% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } } .animated.bounceOut, .animated .animation_item.bounceOut { animation-name: bounceOut; animation-duration: 0.75s; } @-webkit-keyframes bounceOutDown { 20% { transform: translate3d(0px, 10px, 0px); } 40%, 45% { opacity: 1; transform: translate3d(0px, -20px, 0px); } 100% { opacity: 0; transform: translate3d(0px, 2000px, 0px); } } @keyframes bounceOutDown { 20% { transform: translate3d(0px, 10px, 0px); } 40%, 45% { opacity: 1; transform: translate3d(0px, -20px, 0px); } 100% { opacity: 0; transform: translate3d(0px, 2000px, 0px); } } .animated.bounceOutDown, .animated .animation_item.bounceOutDown { animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; transform: translate3d(20px, 0px, 0px); } 100% { opacity: 0; transform: translate3d(-2000px, 0px, 0px); } } @keyframes bounceOutLeft { 20% { opacity: 1; transform: translate3d(20px, 0px, 0px); } 100% { opacity: 0; transform: translate3d(-2000px, 0px, 0px); } } .bounceOutLeft { animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; transform: translate3d(-20px, 0px, 0px); } 100% { opacity: 0; transform: translate3d(2000px, 0px, 0px); } } @keyframes bounceOutRight { 20% { opacity: 1; transform: translate3d(-20px, 0px, 0px); } 100% { opacity: 0; transform: translate3d(2000px, 0px, 0px); } } .animated.bounceOutRight, .animated .animation_item.bounceOutRight { animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 20% { transform: translate3d(0px, -10px, 0px); } 40%, 45% { opacity: 1; transform: translate3d(0px, 20px, 0px); } 100% { opacity: 0; transform: translate3d(0px, -2000px, 0px); } } @keyframes bounceOutUp { 20% { transform: translate3d(0px, -10px, 0px); } 40%, 45% { opacity: 1; transform: translate3d(0px, 20px, 0px); } 100% { opacity: 0; transform: translate3d(0px, -2000px, 0px); } } .animated.bounceOutUp, .animated .animation_item.bounceOutUp { animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } .animated.fadeIn, .animated .animation_item.fadeIn { animation-name: fadeIn; } @-webkit-keyframes fadeInDown { 0% { opacity: 0; transform: translate3d(0px, -20px, 0px); } 100% { opacity: 1; transform: none; } } @keyframes fadeInDown { 0% { opacity: 0; transform: translate3d(0px, -20px, 0px); } 100% { opacity: 1; transform: none; } } .animated.fadeInDown, .animated .animation_item.fadeInDown { animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { 0% { opacity: 0; transform: translate3d(0px, -2000px, 0px); } 100% { opacity: 1; transform: none; } } @keyframes fadeInDownBig { 0% { opacity: 0; transform: translate3d(0px, -2000px, 0px); } 100% { opacity: 1; transform: none; } } .animated.fadeInDownBig, .animated .animation_item.fadeInDownBig { animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; transform: translate3d(-20px, 0px, 0px); } 100% { opacity: 1; transform: none; } } @keyframes fadeInLeft { 0% { opacity: 0; transform: translate3d(-20px, 0px, 0px); } 100% { opacity: 1; transform: none; } } .animated.fadeInLeft, .animated .animation_item.fadeInLeft { animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { 0% { opacity: 0; transform: translate3d(-2000px, 0px, 0px); } 100% { opacity: 1; transform: none; } } @keyframes fadeInLeftBig { 0% { opacity: 0; transform: translate3d(-2000px, 0px, 0px); } 100% { opacity: 1; transform: none; } } .animated.fadeInLeftBig, .animated .animation_item.fadeInLeftBig { animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { 0% { opacity: 0; transform: translate3d(20px, 0px, 0px); } 100% { opacity: 1; transform: none; } } @keyframes fadeInRight { 0% { opacity: 0; transform: translate3d(20px, 0px, 0px); } 100% { opacity: 1; transform: none; } } .animated.fadeInRight, .animated .animation_item.fadeInRight { animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { 0% { opacity: 0; transform: translate3d(2000px, 0px, 0px); } 100% { opacity: 1; transform: none; } } @keyframes fadeInRightBig { 0% { opacity: 0; transform: translate3d(2000px, 0px, 0px); } 100% { opacity: 1; transform: none; } } .animated.fadeInRightBig, .animated .animation_item.fadeInRightBig { animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { 0% { opacity: 0; transform: translate3d(0px, 20px, 0px); } 100% { opacity: 1; transform: none; } } @keyframes fadeInUp { 0% { opacity: 0; transform: translate3d(0px, 20px, 0px); } 100% { opacity: 1; transform: none; } } .animated.fadeInUp, .animated .animation_item.fadeInUp { animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { 0% { opacity: 0; transform: translate3d(0px, 2000px, 0px); } 100% { opacity: 1; transform: none; } } @keyframes fadeInUpBig { 0% { opacity: 0; transform: translate3d(0px, 2000px, 0px); } 100% { opacity: 1; transform: none; } } .animated.fadeInUpBig, .animated .animation_item.fadeInUpBig { animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .animated.fadeOut, .animated .animation_item.fadeOut { animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(0px, 100%, 0px); } } @keyframes fadeOutDown { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(0px, 100%, 0px); } } .animated.fadeOutDown, .animated .animation_item.fadeOutDown { animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(0px, 2000px, 0px); } } @keyframes fadeOutDownBig { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(0px, 2000px, 0px); } } .animated.fadeOutDownBig, .animated .animation_item.fadeOutDownBig { animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(-100%, 0px, 0px); } } @keyframes fadeOutLeft { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(-100%, 0px, 0px); } } .animated.fadeOutLeft, .animated .animation_item.fadeOutLeft { animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(-2000px, 0px, 0px); } } @keyframes fadeOutLeftBig { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(-2000px, 0px, 0px); } } .animated.fadeOutLeftBig, .animated .animation_item.fadeOutLeftBig { animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(100%, 0px, 0px); } } @keyframes fadeOutRight { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(100%, 0px, 0px); } } .animated.fadeOutRight, .animated .animation_item.fadeOutRight { animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(2000px, 0px, 0px); } } @keyframes fadeOutRightBig { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(2000px, 0px, 0px); } } .animated.fadeOutRightBig, .animated .animation_item.fadeOutRightBig { animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(0px, -100%, 0px); } } @keyframes fadeOutUp { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(0px, -100%, 0px); } } .animated.fadeOutUp, .animated .animation_item.fadeOutUp { animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(0px, -2000px, 0px); } } @keyframes fadeOutUpBig { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(0px, -2000px, 0px); } } .animated.fadeOutUpBig, .animated .animation_item.fadeOutUpBig { animation-name: fadeOutUpBig; } @-webkit-keyframes flip { 0% { transform: perspective(400px) rotate3d(0, 1, 0, -360deg); animation-timing-function: ease-out; } 40% { transform: perspective(400px) translate3d(0px, 0px, 150px) rotate3d(0, 1, 0, -190deg); animation-timing-function: ease-out; } 50% { transform: perspective(400px) translate3d(0px, 0px, 150px) rotate3d(0, 1, 0, -170deg); animation-timing-function: ease-in; } 80% { transform: perspective(400px) scale3d(0.95, 0.95, 0.95); animation-timing-function: ease-in; } 100% { transform: perspective(400px); animation-timing-function: ease-in; } } @keyframes flip { 0% { transform: perspective(400px) rotate3d(0, 1, 0, -360deg); animation-timing-function: ease-out; } 40% { transform: perspective(400px) translate3d(0px, 0px, 150px) rotate3d(0, 1, 0, -190deg); animation-timing-function: ease-out; } 50% { transform: perspective(400px) translate3d(0px, 0px, 150px) rotate3d(0, 1, 0, -170deg); animation-timing-function: ease-in; } 80% { transform: perspective(400px) scale3d(0.95, 0.95, 0.95); animation-timing-function: ease-in; } 100% { transform: perspective(400px); animation-timing-function: ease-in; } } .animated.flip, .animated .animation_item.flip { backface-visibility: visible; animation-name: flip; } @-webkit-keyframes flipInX { 0% { transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transition-timing-function: ease-in; opacity: 0; } 40% { transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transition-timing-function: ease-in; } 60% { transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } 100% { transform: perspective(400px); } } @keyframes flipInX { 0% { transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transition-timing-function: ease-in; opacity: 0; } 40% { transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transition-timing-function: ease-in; } 60% { transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } 100% { transform: perspective(400px); } } .animated.flipInX, .animated .animation_item.flipInX { animation-name: flipInX; backface-visibility: visible !important; } @-webkit-keyframes flipInY { 0% { transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transition-timing-function: ease-in; opacity: 0; } 40% { transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transition-timing-function: ease-in; } 60% { transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } 100% { transform: perspective(400px); } } @keyframes flipInY { 0% { transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transition-timing-function: ease-in; opacity: 0; } 40% { transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transition-timing-function: ease-in; } 60% { transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } 100% { transform: perspective(400px); } } .animated.flipInY, .animated .animation_item.flipInY { animation-name: flipInY; backface-visibility: visible !important; } @-webkit-keyframes flipOutX { 0% { transform: perspective(400px); } 30% { transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } 100% { transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @keyframes flipOutX { 0% { transform: perspective(400px); } 30% { transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } 100% { transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .animated.flipOutX, .animated .animation_item.flipOutX { animation-name: flipOutX; animation-duration: 0.75s; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { 0% { transform: perspective(400px); } 30% { transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } 100% { transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } @keyframes flipOutY { 0% { transform: perspective(400px); } 30% { transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } 100% { transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .animated.flipOutY, .animated .animation_item.flipOutY { animation-name: flipOutY; animation-duration: 0.75s; backface-visibility: visible !important; } @-webkit-keyframes lightSpeedIn { 0% { transform: translate3d(100%, 0px, 0px) skewX(-30deg); opacity: 0; } 60% { transform: skewX(20deg); opacity: 1; } 80% { transform: skewX(-5deg); opacity: 1; } 100% { transform: none; opacity: 1; } } @keyframes lightSpeedIn { 0% { transform: translate3d(100%, 0px, 0px) skewX(-30deg); opacity: 0; } 60% { transform: skewX(20deg); opacity: 1; } 80% { transform: skewX(-5deg); opacity: 1; } 100% { transform: none; opacity: 1; } } .animated.lightSpeedIn, .animated .animation_item.lightSpeedIn { animation-name: lightSpeedIn; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { 0% { opacity: 1; } 100% { transform: translate3d(100%, 0px, 0px) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOut { 0% { opacity: 1; } 100% { transform: translate3d(100%, 0px, 0px) skewX(30deg); opacity: 0; } } .animated.lightSpeedOut, .animated .animation_item.lightSpeedOut { animation-name: lightSpeedOut; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { 0% { transform-origin: center center; transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } 100% { transform-origin: center center; transform: none; opacity: 1; } } @keyframes rotateIn { 0% { transform-origin: center center; transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } 100% { transform-origin: center center; transform: none; opacity: 1; } } .animated.rotateIn, .animated .animation_item.rotateIn { animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { 0% { transform-origin: left bottom; transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } 100% { transform-origin: left bottom; transform: none; opacity: 1; } } @keyframes rotateInDownLeft { 0% { transform-origin: left bottom; transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } 100% { transform-origin: left bottom; transform: none; opacity: 1; } } .animated.rotateInDownLeft, .animated .animation_item.rotateInDownLeft { animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { 0% { transform-origin: right bottom; transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } 100% { transform-origin: right bottom; transform: none; opacity: 1; } } @keyframes rotateInDownRight { 0% { transform-origin: right bottom; transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } 100% { transform-origin: right bottom; transform: none; opacity: 1; } } .animated.rotateInDownRight, .animated .animation_item.rotateInDownRight { animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { 0% { transform-origin: left bottom; transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } 100% { transform-origin: left bottom; transform: none; opacity: 1; } } @keyframes rotateInUpLeft { 0% { transform-origin: left bottom; transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } 100% { transform-origin: left bottom; transform: none; opacity: 1; } } .animated.rotateInUpLeft, .animated .animation_item.rotateInUpLeft { animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { 0% { transform-origin: right bottom; transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } 100% { transform-origin: right bottom; transform: none; opacity: 1; } } @keyframes rotateInUpRight { 0% { transform-origin: right bottom; transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } 100% { transform-origin: right bottom; transform: none; opacity: 1; } } .animated.rotateInUpRight, .animated .animation_item.rotateInUpRight { animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { 0% { transform-origin: center center; opacity: 1; } 100% { transform-origin: center center; transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } @keyframes rotateOut { 0% { transform-origin: center center; opacity: 1; } 100% { transform-origin: center center; transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .animated.rotateOut, .animated .animation_item.rotateOut { animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { 0% { transform-origin: left bottom; opacity: 1; } 100% { transform-origin: left bottom; opacity: 0; } } @keyframes rotateOutDownLeft { 0% { transform-origin: left bottom; opacity: 1; } 100% { transform-origin: left bottom; opacity: 0; } } .animated.rotateOutDownLeft, .animated .animation_item.rotateOutDownLeft { animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { 0% { transform-origin: right bottom; opacity: 1; } 100% { transform-origin: right bottom; transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutDownRight { 0% { transform-origin: right bottom; opacity: 1; } 100% { transform-origin: right bottom; transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .animated.rotateOutDownRight, .animated .animation_item.rotateOutDownRight { animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { 0% { transform-origin: left bottom; opacity: 1; } 100% { transform-origin: left bottom; transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutUpLeft { 0% { transform-origin: left bottom; opacity: 1; } 100% { transform-origin: left bottom; transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .animated.rotateOutUpLeft, .animated .animation_item.rotateOutUpLeft { animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { 0% { transform-origin: right bottom; opacity: 1; } 100% { transform-origin: right bottom; transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } @keyframes rotateOutUpRight { 0% { transform-origin: right bottom; opacity: 1; } 100% { transform-origin: right bottom; transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .animated.rotateOutUpRight, .animated .animation_item.rotateOutUpRight { animation-name: rotateOutUpRight; } @-webkit-keyframes hinge { 0% { transform-origin: left top; animation-timing-function: ease-in-out; } 20%, 60% { transform: rotate3d(0, 0, 1, 80deg); transform-origin: left top; animation-timing-function: ease-in-out; } 40%, 80% { transform: rotate3d(0, 0, 1, 60deg); transform-origin: left top; animation-timing-function: ease-in-out; opacity: 1; } 100% { transform: translate3d(0px, 700px, 0px); opacity: 0; } } @keyframes hinge { 0% { transform-origin: left top; animation-timing-function: ease-in-out; } 20%, 60% { transform: rotate3d(0, 0, 1, 80deg); transform-origin: left top; animation-timing-function: ease-in-out; } 40%, 80% { transform: rotate3d(0, 0, 1, 60deg); transform-origin: left top; animation-timing-function: ease-in-out; opacity: 1; } 100% { transform: translate3d(0px, 700px, 0px); opacity: 0; } } .animated.hinge, .animated .animation_item.hinge { animation-name: hinge; } @-webkit-keyframes rollIn { 0% { opacity: 0; transform: translate3d(-100%, 0px, 0px) rotate3d(0, 0, 1, -120deg); } 100% { opacity: 1; transform: none; } } @keyframes rollIn { 0% { opacity: 0; transform: translate3d(-100%, 0px, 0px) rotate3d(0, 0, 1, -120deg); } 100% { opacity: 1; transform: none; } } .animated.rollIn, .animated .animation_item.rollIn { animation-name: rollIn; } @-webkit-keyframes rollOut { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(100%, 0px, 0px) rotate3d(0, 0, 1, 120deg); } } @keyframes rollOut { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(100%, 0px, 0px) rotate3d(0, 0, 1, 120deg); } } .animated.rollOut, .animated .animation_item.rollOut { animation-name: rollOut; } @-webkit-keyframes zoomIn { 0% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes zoomIn { 0% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } .animated.zoomIn, .animated .animation_item.zoomIn { animation-name: zoomIn; } @-webkit-keyframes zoomInDown { 0% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0px, -1000px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0px, 60px, 0px); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInDown { 0% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0px, -1000px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0px, 60px, 0px); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .animated.zoomInDown, .animated .animation_item.zoomInDown { animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { 0% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0px, 0px); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInLeft { 0% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0px, 0px); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .animated.zoomInLeft, .animated .animation_item.zoomInLeft { animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { 0% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0px, 0px); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInRight { 0% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0px, 0px); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .animated.zoomInRight, .animated .animation_item.zoomInRight { animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { 0% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0px, 1000px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0px, -60px, 0px); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInUp { 0% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0px, 1000px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0px, -60px, 0px); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .animated.zoomInUp, .animated .animation_item.zoomInUp { animation-name: zoomInUp; } @-webkit-keyframes zoomOut { 0% { opacity: 1; } 50% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } 100% { opacity: 0; } } @keyframes zoomOut { 0% { opacity: 1; } 50% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } 100% { opacity: 0; } } .animated.zoomOut, .animated .animation_item.zoomOut { animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0px, -60px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 100% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0px, 2000px, 0px); transform-origin: center bottom; animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutDown { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0px, -60px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 100% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0px, 2000px, 0px); transform-origin: center bottom; animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .animated.zoomOutDown, .animated .animation_item.zoomOutDown { animation-name: zoomOutDown; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0px, 0px); } 100% { opacity: 0; transform: scale(0.1) translate3d(-2000px, 0px, 0px); transform-origin: left center; } } @keyframes zoomOutLeft { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0px, 0px); } 100% { opacity: 0; transform: scale(0.1) translate3d(-2000px, 0px, 0px); transform-origin: left center; } } .animated.zoomOutLeft, .animated .animation_item.zoomOutLeft { animation-name: zoomOutLeft; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0px, 0px); } 100% { opacity: 0; transform: scale(0.1) translate3d(2000px, 0px, 0px); transform-origin: right center; } } @keyframes zoomOutRight { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0px, 0px); } 100% { opacity: 0; transform: scale(0.1) translate3d(2000px, 0px, 0px); transform-origin: right center; } } .animated.zoomOutRight, .animated .animation_item.zoomOutRight { animation-name: zoomOutRight; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0px, 60px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 100% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0px, -2000px, 0px); transform-origin: center bottom; animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutUp { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0px, 60px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 100% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0px, -2000px, 0px); transform-origin: center bottom; animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .animated.zoomOutUp, .animated .animation_item.zoomOutUp { animation-name: zoomOutUp; } @keyframes scaleUp { 0% { opacity: 0; transform: scale(0.8); } 100% { opacity: 1; transform: scale(1); } } @-webkit-keyframes scaleUp { 0% { opacity: 0; transform: scale(0.8); } 100% { opacity: 1; transform: scale(1); } } .animated.scaleUp, .animated .animation_item.scaleUp { animation-name: scaleUp; } .animated.delay1, .animated .animation_item.delay1 { animation-delay: 400ms; } .animated.delay2, .animated .animation_item.delay2 { animation-delay: 600ms; } .animated.delay3, .animated .animation_item.delay3 { animation-delay: 800ms; } .animated.delay4, .animated .animation_item.delay4 { animation-delay: 1000ms; } .animated.delay5, .animated .animation_item.delay5 { animation-delay: 1200ms; } .animated.delay6, .animated .animation_item.delay6 { animation-delay: 1400ms; } .animated.delay7, .animated .animation_item.delay7 { animation-delay: 1600ms; } .animated.delay8, .animated .animation_item.delay8 { animation-delay: 1800ms; } .animated.delay9, .animated .animation_item.delay9 { animation-delay: 2000ms; } .animated.delay10, .animated .animation_item.delay10 { animation-delay: 2200ms; } .animated.delay11, .animated .animation_item.delay11 { animation-delay: 2400ms; } .animated.delay12, .animated .animation_item.delay12 { animation-delay: 2600ms; } @-webkit-keyframes star { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } 0% { transform: rotate(0deg) scale(1); } 50% { transform: rotate(180deg) scale(0.7); } 100% { transform: rotate(360deg) scale(1); } } @keyframes star { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } 0% { transform: rotate(0deg) scale(1); } 50% { transform: rotate(180deg) scale(0.7); } 100% { transform: rotate(360deg) scale(1); } } @-webkit-keyframes cloud { 0% { left: -100px; } 100% { left: 100%; } } @keyframes cloud { 0% { left: -100px; } 100% { left: 100%; } } @-webkit-keyframes snowflake { 0% { top: -100px; transform: rotate(0deg) translateX(0px); } 25% { transform: rotate(360deg) translateX(20px); } 50% { transform: rotate(720deg) translateX(0px); } 75% { transform: rotate(1080deg) translateX(-20px); } 100% { top: 100%; transform: rotate(1440deg) translateX(0px); } } @keyframes snowflake { 0% { top: -100px; transform: rotate(0deg) translateX(0px); } 25% { transform: rotate(360deg) translateX(20px); } 50% { transform: rotate(720deg) translateX(0px); } 75% { transform: rotate(1080deg) translateX(-20px); } 100% { top: 100%; transform: rotate(1440deg) translateX(0px); } } @-webkit-keyframes dandelion { 0% { opacity: 0; left: 20%; } 10% { opacity: 1; } 100% { bottom: 100%; } } @keyframes dandelion { 0% { opacity: 0; left: 20%; } 10% { opacity: 1; } 100% { bottom: 100%; } } .ilightbox-overlay.dark { background: rgb(0, 0, 0); } .ilightbox-loader.dark { box-shadow: black 0px 0px 85px, black 0px 0px 85px; } .ilightbox-loader.dark div { background: url("images/preloader.gif") center center no-repeat rgb(0, 0, 0); } .ilightbox-holder.dark { padding: 5px; background: rgb(0, 0, 0); box-shadow: rgba(0, 0, 0, 0.8) 0px 0px 15px; } .ilightbox-holder.dark .ilightbox-container .ilightbox-caption { background: url("images/caption-bg.png"); color: rgb(255, 255, 255); text-shadow: black 0px 1px; } .ilightbox-holder.dark .ilightbox-container .ilightbox-social { background: url("images/caption-bg.png"); border-radius: 2px; } .ilightbox-holder.dark .ilightbox-alert { background: url("images/alert.png") center top no-repeat; color: rgb(85, 85, 85); } .ilightbox-toolbar.dark { top: 11px; left: 10px; } .ilightbox-toolbar.dark a { width: 25px; height: 23px; background: url("images/buttons.png") 7px 6px no-repeat black; } .ilightbox-toolbar.dark a.disabled { opacity: 0.2; cursor: default; background-color: rgb(0, 0, 0) !important; } .ilightbox-toolbar.dark a:first-of-type { border-bottom-left-radius: 3px; border-top-left-radius: 3px; } .ilightbox-toolbar.dark a:last-of-type { border-bottom-right-radius: 3px; border-top-right-radius: 3px; } .ilightbox-toolbar.dark a.ilightbox-close:hover { background-position: -32px 6px; } .ilightbox-toolbar.dark a.ilightbox-fullscreen { background-position: 6px -33px; right: 35px; } .ilightbox-toolbar.dark a.ilightbox-fullscreen:hover { background-position: -31px -33px; } .ilightbox-toolbar.dark a.ilightbox-play { background-position: 8px -57px; } .ilightbox-toolbar.dark a.ilightbox-play:hover { background-position: -32px -57px; } .ilightbox-toolbar.dark a.ilightbox-pause { background-position: 8px -83px; } .ilightbox-toolbar.dark a.ilightbox-pause:hover { background-position: -32px -83px; } .isMobile .ilightbox-toolbar.dark { background: rgb(0, 0, 0); top: auto; bottom: 0px; left: 0px; width: 100%; height: 40px; text-align: center; box-shadow: rgba(0, 0, 0, 0.8) 0px 0px 25px; } .isMobile .ilightbox-toolbar.dark a { display: inline-block; float: none; width: 50px; height: 40px; background-size: 50%; background-position: 50% center !important; } .isMobile .ilightbox-toolbar.dark a:hover { background-color: rgb(17, 17, 17); } .isMobile .ilightbox-toolbar.dark a.ilightbox-fullscreen { background-image: url("images/fullscreen-icon-64.png"); } .isMobile .ilightbox-toolbar.dark a.ilightbox-close { background-image: url("images/x-mark-icon-64.png"); } .isMobile .ilightbox-toolbar.dark a.ilightbox-next-button { background-image: url("images/arrow-next-icon-64.png"); background-position: 52% 50%; } .isMobile .ilightbox-toolbar.dark a.ilightbox-prev-button { background-image: url("images/arrow-prev-icon-64.png"); background-position: 48% 50%; } .isMobile .ilightbox-toolbar.dark a.ilightbox-play { background-image: url("images/play-icon-64.png"); } .isMobile .ilightbox-toolbar.dark a.ilightbox-pause { background-image: url("images/pause-icon-64.png"); } .ilightbox-holder.dark .ilightbox-inner-toolbar .ilightbox-title { font-size: 18px; padding: 10px 60px 10px 8px; color: rgb(255, 255, 255); } .ilightbox-holder.dark .ilightbox-inner-toolbar .ilightbox-toolbar { left: auto; top: 5px; right: 5px; } .ilightbox-holder.dark .ilightbox-inner-toolbar .ilightbox-toolbar a { border-radius: 0px; float: right; } .ilightbox-holder.dark .ilightbox-inner-toolbar .ilightbox-toolbar a:first-of-type { border-bottom-right-radius: 3px; border-top-right-radius: 3px; } .ilightbox-holder.dark .ilightbox-inner-toolbar .ilightbox-toolbar a:last-of-type { border-bottom-left-radius: 3px; border-top-left-radius: 3px; } .ilightbox-thumbnails.dark .ilightbox-thumbnails-grid .ilightbox-thumbnail img { box-shadow: rgba(0, 0, 0, 0.9) 0px 0px 6px; } .ilightbox-thumbnails.dark .ilightbox-thumbnails-grid .ilightbox-thumbnail .ilightbox-thumbnail-video { background: url("images/thumb-overlay-play.png") center center no-repeat; } .ilightbox-button.dark.disabled { opacity: 0.1; cursor: default; background-color: rgb(0, 0, 0) !important; } .ilightbox-button.dark span { display: block; width: 100%; height: 100%; } .ilightbox-button.dark { bottom: 0px; right: 0px; left: 0px; width: 95px; height: 75px; margin: auto; background: url("images/arrow-next-vertical-icon-64.png") 50% 65% no-repeat rgb(0, 0, 0); border-radius: 5px 5px 0px 0px; } .ilightbox-button.ilightbox-button.dark:hover { background-color: rgb(17, 17, 17); } .ilightbox-button.ilightbox-prev-button.dark { top: 0px; bottom: auto; background-image: url("images/arrow-prev-vertical-icon-64.png"); background-position: 50% 35%; border-radius: 0px 0px 5px 5px; } .ilightbox-button.dark.horizontal { inset: 0px 0px 0px auto; width: 75px; height: 95px; background-image: url("images/arrow-next-icon-64.png"); background-position: 65% 50%; border-radius: 5px 0px 0px 5px; } .ilightbox-button.ilightbox-prev-button.dark.horizontal { right: auto; left: 0px; background-image: url("images/arrow-prev-icon-64.png"); background-position: 35% 50%; border-radius: 0px 5px 5px 0px; } .ilightbox-overlay, .ilightbox-loader, .ilightbox-loader *, .ilightbox-holder, .ilightbox-holder .ilightbox-container, .ilightbox-holder .ilightbox-container img.ilightbox-image, .ilightbox-holder .ilightbox-container .ilightbox-caption, .ilightbox-toolbar, .ilightbox-toolbar *, .ilightbox-thumbnails, .ilightbox-thumbnails *, .ilightbox-holder .ilightbox-container .ilightbox-social, .ilightbox-holder .ilightbox-container .ilightbox-social * { float: none; margin: 0px; padding: 0px; border: 0px; outline: 0px; font-size: 100%; line-height: 100%; vertical-align: baseline; background: transparent; user-select: none; } .ilightbox-overlay, .ilightbox-loader, .ilightbox-loader *, .ilightbox-holder .ilightbox-container .ilightbox-caption, .ilightbox-toolbar, .ilightbox-thumbnails, .ilightbox-thumbnails *, .ilightbox-holder .ilightbox-container .ilightbox-social { transform: translateZ(0px); } .ilightbox-noscroll { overflow: hidden; } .ilightbox-closedhand * { cursor: url("images/closedhand.cur"), default !important; } .ilightbox-overlay { display: none; position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 100000; } .ilightbox-loader { position: fixed; z-index: 100005; top: 45%; left: -192px; padding-left: 30px; opacity: 0.9; border-radius: 0px 100px 100px 0px; } .ilightbox-loader div { width: 72px; height: 72px; border-radius: 0px 100px 100px 0px; } .ilightbox-loader.horizontal { left: 45%; top: -192px; padding: 30px 0px 0px; border-radius: 0px 0px 100px 100px; } .ilightbox-loader.horizontal div { border-radius: 0px 0px 100px 100px; } .ilightbox-toolbar { display: none; position: fixed; z-index: 100010; } .ilightbox-toolbar a { float: left; cursor: pointer; } .ilightbox-toolbar .ilightbox-prev-button, .ilightbox-toolbar .ilightbox-next-button { display: none; } .ilightbox-thumbnails { display: block; position: fixed; z-index: 100009; } .ilightbox-thumbnails.ilightbox-horizontal { bottom: 0px; left: 0px; width: 100%; height: 100px; } .ilightbox-thumbnails.ilightbox-vertical { top: 0px; right: 0px; width: 140px; height: 100%; overflow: hidden; } .ilightbox-thumbnails .ilightbox-thumbnails-container { display: block; position: relative; } .ilightbox-thumbnails.ilightbox-horizontal .ilightbox-thumbnails-container { width: 100%; height: 100px; } .ilightbox-thumbnails.ilightbox-vertical .ilightbox-thumbnails-container { width: 140px; height: 100%; } .ilightbox-thumbnails .ilightbox-thumbnails-grid { display: block; position: absolute; transform: translateZ(0px); } .ilightbox-thumbnails .ilightbox-thumbnails-grid .ilightbox-thumbnail { display: block; cursor: pointer; padding: 10px; position: relative; } .ilightbox-thumbnails .ilightbox-thumbnails-grid .ilightbox-thumbnail img { width: 100%; height: 100%; border-radius: 2px; } .ilightbox-thumbnails .ilightbox-thumbnails-grid .ilightbox-thumbnail .ilightbox-thumbnail-icon { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; opacity: 0.7; } .ilightbox-thumbnails .ilightbox-thumbnails-grid .ilightbox-thumbnail .ilightbox-thumbnail-icon:hover { opacity: 1; } .ilightbox-holder { display: none; position: fixed; z-index: 100003; transform: none; } .ilightbox-holder.ilightbox-next, .ilightbox-holder.ilightbox-prev { cursor: pointer; } .ilightbox-holder div.ilightbox-container { position: relative; width: 100%; height: 100%; } .ilightbox-holder img.ilightbox-image { width: 100%; height: 100%; } .ilightbox-holder .ilightbox-container .ilightbox-caption { display: none; position: absolute; left: 30px; right: 30px; bottom: 0px; max-width: 100%; padding: 5px 10px; margin: 0px auto; font-size: 12px; line-height: 150%; overflow-wrap: break-word; z-index: 20003; box-sizing: border-box; border-radius: 3px 3px 0px 0px; } .ilightbox-holder .ilightbox-container .ilightbox-social { display: none; position: absolute; left: 10px; top: 10px; padding: 5px 5px 5px 0px; z-index: 20003; height: 16px; } .ilightbox-holder .ilightbox-container .ilightbox-social ul { float: left; list-style: none; height: 16px; } .ilightbox-holder .ilightbox-container .ilightbox-social ul li { display: inline; } .ilightbox-holder .ilightbox-container .ilightbox-social ul li a { float: left; margin-left: 5px; width: 16px; height: 16px; background-repeat: no-repeat; background-position: 50% center; } .ilightbox-holder .ilightbox-container .ilightbox-social ul li.facebook a { background-image: url("../social_icons/facebook_16.png"); } .ilightbox-holder .ilightbox-container .ilightbox-social ul li.digg a { background-image: url("../social_icons/digg_16.png"); } .ilightbox-holder .ilightbox-container .ilightbox-social ul li.twitter a { background-image: url("../social_icons/twitter_16.png"); } .ilightbox-holder .ilightbox-container .ilightbox-social ul li.delicious a { background-image: url("../social_icons/delicious_16.png"); } .ilightbox-holder .ilightbox-container .ilightbox-social ul li.reddit a { background-image: url("../social_icons/reddit_16.png"); } .ilightbox-holder .ilightbox-container .ilightbox-social ul li.googleplus a { background-image: url("../social_icons/google_plus_16.png"); } .ilightbox-holder .ilightbox-alert { display: block; position: absolute; inset: 0px; text-align: center; padding-top: 100px; margin: auto; width: 300px; height: 50px; } .ilightbox-holder .ilightbox-wrapper { width: 100%; height: 100%; overflow: auto; } .ilightbox-holder .ilightbox-inner-toolbar { position: relative; z-index: 100; } .ilightbox-holder .ilightbox-inner-toolbar .ilightbox-toolbar { position: absolute; } .ilightbox-button { position: fixed; z-index: 100008; cursor: pointer; } .isMobile .ilightbox-button, .isMobile .ilightbox-thumbnails { display: none !important; } .isMobile .ilightbox-toolbar .ilightbox-prev-button, .isMobile .ilightbox-toolbar .ilightbox-next-button { display: block; } .jumbotron { background: linear-gradient(45deg, rgb(121, 62, 58) 0%, rgb(23, 15, 62) 100%); } .masthead .btn { padding: 11px 19px; } .masthead .btn[class^="icon-"] { margin-top: 7px; } .navbar-wrapper { position: fixed; z-index: 1035; top: 0px; left: 0px; right: 0px; } .navbar { margin-bottom: 0px; } .navbar .navbar-inner { border: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 2px 10px; border-radius: 0px 0px 4px 4px; } .navbar .brand { padding: 14px 20px 16px; font-size: 16px; font-weight: bold; text-shadow: rgba(0, 0, 0, 0.5) 0px -1px 0px; } .navbar .nav > li > a { padding: 15px 20px; } .navbar .btn-navbar { margin-top: 10px; } .masthead { padding-top: 110px; padding-bottom: 60px; } .marketing .span4, .marketing .span4 p, .marketing .marketing-byline { text-align: center; } .marketing .marketing-byline.left { text-align: left; margin-top: -50px; } .marketing h2 { font-weight: normal; } .marketing p, .hero-unit { text-align: left; } .featurette-divider { margin: 80px 0px; } .featurette { overflow: hidden; text-align: left; } .featurette-image { margin-top: -120px; } .featurette-image.pull-left { margin-right: 40px; } .featurette-image.pull-right { margin-left: 40px; } .featurette-heading { font-size: 50px; font-weight: 300; line-height: 1; letter-spacing: -1px; margin-bottom: 60px !important; } .thumbnail > img { margin: 0px auto; } @media (max-width: 979px) { .navbar-wrapper { position: relative; margin-top: 20px; } .container.navbar-wrapper { margin-bottom: 0px; width: auto; } .navbar-inner { border-radius: 0px; margin: -20px 0px; } .featurette { height: auto; padding: 0px; } .featurette-image.pull-left, .featurette-image.pull-right { display: block; float: none; max-width: 40%; margin: 0px auto 20px; } } @media (max-width: 991px) { .navbar-inner { margin: -20px; } .marketing .span4 + .span4 { margin-top: 40px; } .featurette-heading { font-size: 30px; } .featurette .lead { font-size: 18px; line-height: 1.5; } } div.center { width: 450px; height: 260px; text-align: center; } div.center h2 { display: block; margin: 0px; } div.center h2 img { display: block; margin: 0px auto; padding: 20px; } .ilightbox-dialogue .ilightbox-container, .ilightbox-dialogue .ilightbox-inner-toolbar { width: auto !important; height: auto !important; } .dialogue { min-width: 200px; max-width: 600px; max-height: 400px; padding: 20px; } .dialogue .btn { float: right; padding-right: 20px; padding-left: 20px; margin-left: 10px; margin-top: 10px; } a.slideshow_button { display: none; position: fixed; left: 0px; right: 0px; bottom: 35px; padding: 14px 30px; margin: auto; cursor: pointer; font-size: 22px; z-index: 100001; width: 140px; } html.win .ilightbox-noscroll, html.win .ilightbox-noscroll .navbar-wrapper { padding-right: 17px; } html.linux .ilightbox-noscroll, html.linux .ilightbox-noscroll .navbar-wrapper { padding-right: 13px; } #ControlBar, #ControlBar *, .dnnMemberDirectory, .dnnMemberDirectory *, .dnn_mact > li.actionMenuMove > ul li { box-sizing: content-box; } .dnnMemberDirectory img { max-width: 100%; } body::before { content: " "; height: 0px; width: 100%; display: block; clear: both; overflow: hidden; } .dnnDropDownList *, ul.dnnAdminTabNav *, .dnnModuleDigitalAssetsBackground * { box-sizing: content-box; } ul.dnnAdminTabNav { height: 43px; border-radius: 0px !important; } .dnnPrimaryAction, .dnnFormItem input[type="submit"], a.dnnPrimaryAction { color: rgb(255, 255, 255) !important; text-decoration: none !important; } @media only screen and (max-width: 991px) { .ElementHide-xs, tr.ElementHide-xs, th.ElementHide-xs, td.ElementHide-xs { display: none !important; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .ElementHide-sm, tr.ElementHide-sm, th.ElementHide-sm, td.ElementHide-sm { display: none !important; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .ElementHide-md, tr.ElementHide-md, th.ElementHide-md, td.ElementHide-md { display: none !important; } } @media only screen and (min-width: 1200px) { .ElementHide-lg, tr.ElementHide-lg, th.ElementHide-lg, td.ElementHide-lg { display: none !important; } } .bs-docs-example { margin-bottom: 8px; } a.btn.btn-primary { color: rgb(255, 255, 255); } .SkinPlugin_icon { position: fixed; top: 20%; right: 0px; width: 34px; height: 108px; background: url("images/xplugin.png") center center no-repeat; z-index: 10000; cursor: pointer; } .SkinPlugin_icon a, .SkinPlugin_icon a:hover { display: block; width: 34px; height: 108px; text-decoration: none; }

@charset "utf-8"; .custom-shade-with-background-color { position: relative; bottom: 0px; background-color: rgb(0, 102, 99); width: 100%; height: 50px; font-size: 32px; color: rgb(255, 255, 255); text-align: center; opacity: 0.9; } .anchor-without-underline { text-decoration: none; color: black; } .custom-introduction-text { font-size: 14px; text-decoration: none; color: rgb(0, 0, 0); } .price-table::after { clear: both; content: "."; height: 0px; font-size: 0px; visibility: hidden; display: block; } .price-table { display: inline-block; } .price-table { display: block; } .price-table { padding: 28px 0px; } .price-table [class*="span"] { margin-bottom: 15px; } .price-table .col { float: left; text-align: center; margin-bottom: 10px; transition: all 200ms ease-in 0s; } .price-table.col2 .col { width: 50%; } .price-table.col3 .col { width: 33.3333%; } .price-table.col4 .col { width: 25%; } .price-table.col5 .col { width: 20%; } * + html .price-table.col2 .col { width: 49.9%; } * + html .price-table.col3 .col { width: 33.33%; } * + html .price-table.col4 .col { width: 24.9%; } * + html .price-table.col5 .col { width: 19.9%; } .price-table .col:hover { box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 13px; } .price-table .col.best_value { box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 5px inset; margin-top: -38px; } .price-table .col.best_value .price_title { padding-top: 30px; padding-bottom: 26px; background: none; color: rgb(255, 255, 255) !important; } .price-table .col.best_value .price_title h2 { color: rgb(255, 255, 255) !important; } .price-table .col.best_value .price_holder { padding-bottom: 22px; } .price_title { color: rgb(68, 68, 68); border: 1px solid rgb(226, 226, 226); padding: 15px 10px 11px; font-size: 22px; position: relative; transition: all 200ms ease-in 0s; } .price-table .price_title h2 { margin: 0px; font-weight: normal; } .price-table .col:hover .price_title { } .price-table .col:nth-of-type(2n+1) .price_title { } .price-table .col:first-child .price_holder { margin-left: 0px; } .price-table .price_holder { border: 1px solid rgb(228, 228, 228); margin: 0px 0px 0px -1px; min-height: 300px; padding-bottom: 12px; } .price-table .col:hover .price_holder { } .price-table .price_box { color: rgb(68, 68, 68); padding: 20px 0px 25px; } .price-table .sup { font-size: 28px; line-height: 34px; vertical-align: top; } .price-table .price { font-size: 48px; line-height: 50px; } .price-table .price_holder ul { margin: 0px 0px 13px; padding: 0px; border-bottom: 1px solid rgb(226, 226, 226); } .price-table .price_holder ul li { list-style: none; border-top: 1px solid rgb(226, 226, 226); padding: 12px 0px; } .price-table .btn { border: none; background: transparent; text-shadow: none; border-radius: 0px; padding: 5px 20px; color: rgb(255, 255, 255) !important; transition: all 200ms ease-in 0s !important; } .price-table .btn:hover { background-color: rgb(82, 82, 82); } .price-table a.btn { color: rgb(255, 255, 255); margin-top: 10px; position: relative; font-size: 15px; } .price-table [class*="col-"] { margin-bottom: 15px; } .price-table1 { padding: 0px; } .price-table1 .price_title { color: rgb(255, 255, 255); background: rgb(47, 47, 47); padding: 30px 0px; margin: 0px; border: none; } .price-table1 .price_title h2 { color: rgb(255, 255, 255); text-align: center; font-size: 26px; } .price-table1 .price_box { position: relative; background: rgb(237, 71, 74); color: rgb(255, 255, 255); text-align: center; padding: 11px 1px 7px !important; margin: 0px -1px !important; } .price-table1 .price_holder ul { padding: 20px 0px; } .price-table1 .price_holder ul li { text-align: center; border: none; font-size: 15px; color: rgb(47, 47, 47); padding: 10px 0px; } .price-table1 .price_holder { text-align: center; margin: 0px; padding: 0px 0px 12px; border-right: 1px solid rgb(233, 233, 233); border-bottom: 1px solid rgb(233, 233, 233); border-left: 1px solid rgb(233, 233, 233); border-image: initial; border-top: none; background: rgb(247, 247, 247); } .price-table1 .btn { padding: 12px 30px; font-size: 20px !important; color: rgb(255, 255, 255) !important; } .price-table1 .btn:hover { background: rgb(47, 47, 47); } .price-table1 .best_value .btn { background: rgb(47, 47, 47); } .price-table1 .sup { font-size: 18px; line-height: 18px; margin-right: 5px; } .price-table1 .price { font-size: 30px; line-height: 30px; margin-right: 5px; } .price-table1 .unit { font-size: 20px; } .price-table1 .best_value { } .price-table1 .best_value .price_title { background: rgb(237, 71, 74); } .price-table1 .best_value .price_box { background: rgb(47, 47, 47); } .price-table2 { padding: 10px 0px 0px; } .price-table2 .price_title { background: rgb(47, 47, 47); padding: 23px 0px 50px; border: 1px solid rgb(233, 233, 233); } .price-table2 .price_title h2 { color: rgb(255, 255, 255); text-align: center; font-size: 26px; position: relative; z-index: 0; } .price-table2 .price_box { background: rgb(237, 71, 74); width: 62px; height: 62px; padding: 0px; border: 2px solid rgb(255, 255, 255); border-radius: 50%; margin: -30px auto 0px; position: relative; z-index: 1; text-align: center; } .price-table2 .sup { color: rgb(255, 255, 255); font-size: 18px; line-height: 52px; } .price-table2 .price { color: rgb(255, 255, 255); font-size: 26px; line-height: 62px; } .price-table2 .price_holder { margin: 0px; border-right: 1px solid rgb(233, 233, 233); border-bottom: 1px solid rgb(233, 233, 233); border-left: 1px solid rgb(233, 233, 233); border-image: initial; border-top: none; padding: 0px; } .price-table2 .price_holder ul { padding: 25px 0px; margin: 0px; } .price-table2 .price_holder ul li { text-align: center; border: none; font-size: 15px; color: rgb(47, 47, 47); padding: 10px 0px; } .price-table2 .price_bottom { background: rgb(247, 247, 247); padding: 19px 0px; text-align: center; } .price-table2 .price_bottom a.btn { border: 2px solid rgb(47, 47, 47); padding: 12px 50px; background: none; border-radius: 3px; box-shadow: none; color: rgb(47, 47, 47) !important; } .price-table2 .price_bottom a.btn:hover { background-color: rgb(237, 71, 74); border: 2px solid rgb(237, 71, 74); color: rgb(255, 255, 255) !important; } .price-table2 .best_value .price_title { background: rgb(237, 71, 74); } .price-table2 .best_value .price_bottom a.btn { background-color: rgb(237, 71, 74); border: 2px solid rgb(237, 71, 74); color: rgb(255, 255, 255) !important; } .price-table2 [class*="col-"]:hover .price_title { background: rgb(237, 71, 74); } .price-table2 [class*="col-"]:hover .price_bottom a.btn { background-color: rgb(237, 71, 74); border: 2px solid rgb(237, 71, 74); color: rgb(255, 255, 255) !important; } .price-table3 { padding: 10px 0px 0px; } .price-table3 .price_title { padding: 15px 0px 20px; background: rgb(47, 47, 47); text-align: center; color: rgb(255, 255, 255); font-size: 37px; border: none; } .price-table3 h2 { font-size: 26px; color: rgb(255, 255, 255); } .price-table3 .price_holder { margin: 0px; border-right: 1px solid rgb(233, 233, 233); border-bottom: 1px solid rgb(233, 233, 233); border-left: 1px solid rgb(233, 233, 233); border-image: initial; border-top: none; background: rgb(247, 247, 247); text-align: center; } .price-table3 .price_box { text-align: center; } .price-table3 .unit { font-size: 16px; } .price-table3 .sup { font-size: 26px; line-height: 10px; vertical-align: top; } .price-table3 .price_holder ul { border-bottom: 1px solid rgb(233, 233, 233); } .price-table3 .price_holder ul li { border-top: 1px solid rgb(233, 233, 233); font-size: 15px; color: rgb(47, 47, 47); } .price-table3 a.btn { padding: 12px 50px; border-radius: 6px; margin-bottom: 10px; background-color: rgb(47, 47, 47); } .price-table4 { padding: 10px 0px 0px; } .price-table4 .price_main { border: 1px solid rgb(217, 217, 217); border-radius: 6px 6px 6px 0px; margin-left: 8px; } .price-table4 .price_title { background: rgb(255, 255, 255); border-radius: 6px 6px 0px 0px; padding: 35px 2px 0px; width: 100%; margin: -4px 0px 0px -8px; } .price-table4 .price_title h2 { padding: 15px 0px; text-align: center; color: rgb(255, 255, 255); font-size: 26px; background-color: rgb(47, 47, 47); margin: 0px -3px; transition: background-color 200ms ease-in 0s; } .price-table4 .price_holder { padding: 0px 2px 10px; background: rgb(255, 255, 255); width: 100%; text-align: center; border-right: 1px solid rgb(217, 217, 217); border-bottom: 1px solid rgb(217, 217, 217); border-left: 1px solid rgb(217, 217, 217); border-image: initial; border-top: none; min-height: 250px; border-radius: 0px 0px 6px 6px; margin: 0px 0px 4px -8px !important; } .price-table4 .price_box { text-align: center; color: rgb(237, 71, 74); padding: 20px 0px; } .price-table4 .sup { font-size: 48px; line-height: 48px; } .price-table4 .price { font-size: 80px; line-height: 1; } .price-table4 .unit { line-height: normal; font-size: 16px; display: inline-block; text-align: center !important; } .price-table4 .price_content { color: rgb(47, 47, 47); font-size: 13px; padding-bottom: 15px; } .price-table4 a.btn { padding: 12px 50px; border-radius: 6px; margin-bottom: 10px; background-color: rgb(47, 47, 47); } .price-table5 { padding: 0px; } .price-table5 .price_title { color: rgb(255, 255, 255); background-color: rgb(237, 71, 74); padding: 15px 0px; margin: 0px; border: none; } .price-table5 .price_title h2 { color: rgb(255, 255, 255); text-align: center; font-size: 20px; font-weight: bold; } .price-table5 .price_holder { text-align: center; margin: 0px; padding: 28px 0px 0px; border-right: 1px solid rgb(233, 233, 233); border-bottom: 1px solid rgb(233, 233, 233); border-left: 1px solid rgb(233, 233, 233); border-image: initial; border-top: none; transition: all 200ms ease-in 0s; } .price-table5 .price_box { width: 156px; height: 156px; line-height: 156px; padding: 0px; margin: 0px auto 28px; position: relative; color: rgb(237, 71, 74); text-align: center; border: 3px solid rgb(227, 227, 227); border-radius: 50%; transition: all 200ms ease-in 0s; z-index: 1; } .price-table5 .price_box::before { content: ""; width: 150px; height: 150px; top: 0px; left: 0px; position: absolute; background-color: rgb(240, 240, 240); border-radius: 50%; z-index: -1; } .price-table5 .price_holder ul { padding: 0px; margin: 0px; border: none; } .price-table5 .price_holder ul li { text-align: center; border: none; font-size: 15px; padding: 10px 0px; position: relative; z-index: 1; } .price-table5 .price_holder ul li:nth-child(2n+1)::before { background-color: rgb(240, 240, 240); content: ""; top: 0px; left: 0px; position: absolute; width: 100%; height: 100%; z-index: -1; } .price-table5 .Button_default { margin: 30px 0px; } .price-table5 .best_value .btn { background: rgb(47, 47, 47); } .price-table5 .sup { font-size: 30px; line-height: 30px; margin-right: 2px; vertical-align: inherit; } .price-table5 .price { font-size: 30px; line-height: 30px; } .price-table5 .unit { font-size: 15px; } .price-table5 .price_border:hover .price_holder { border-right: 3px solid rgb(237, 71, 74); border-bottom: 3px solid rgb(237, 71, 74); border-left: 3px solid rgb(237, 71, 74); border-image: initial; border-top: none; } .price-table5 .price_border:hover .price_box { border-color: rgb(237, 71, 74); } .price-table5 .price_border:hover .price_box::before { background-color: rgb(237, 71, 74); opacity: 0.2; } .price-table5 .price_border:hover .price_holder ul li:nth-child(2n+1)::before { background-color: rgb(237, 71, 74); opacity: 0.12; } .price-table5 .price_border:hover .Button_default { background: rgb(85, 85, 85); } .price-table5 .best_value { } .price-table5 .best_value .price_title { } .price-table5 .best_value .price_holder { border-right: 3px solid rgb(237, 71, 74); border-bottom: 3px solid rgb(237, 71, 74); border-left: 3px solid rgb(237, 71, 74); border-image: initial; border-top: none; } .price-table5 .best_value .price_box { border-color: rgb(237, 71, 74); } .price-table5 .best_value .price_box::before { background-color: rgb(237, 71, 74); opacity: 0.2; } .price-table5 .best_value .price_holder ul li:nth-child(2n+1)::before { background-color: rgb(237, 71, 74); opacity: 0.12; } .price-table5 .best_value .Button_default { background: rgb(85, 85, 85); } @media only screen and (min-width: 768px) and (max-width: 991px) { } @media only screen and (max-width: 991px) { .price-table .col.best_value { margin-top: 0px; } .price-table .col.best_value .price_title { padding-top: 15px; padding-bottom: 11px; } .price-table .col.best_value .price_holder { padding-bottom: 12px; } .price_content { margin-bottom: 20px; } .price-table .best_value { margin-top: 0px !important; margin-bottom: 15px !important; } } .chart_list { text-align: center; } .chart_list .percentage1 { position: relative; margin: auto auto 8px; width: 170px; height: 170px; line-height: 170px; color: rgb(237, 71, 74); } .chart_list .percentage1 .percentage_inner { position: absolute; left: 0px; top: 0px; text-align: center; width: 100%; font-size: 20px; color: rgb(46, 46, 46); } .chart_list .percentage1 .percentage_inner p { } .percentage { position: relative; color: rgb(255, 255, 255); height: 185px; width: 185px; margin: 20px 0px 50px; } .percentage .percentage_inner, .percentage1 .percentage_inner { position: absolute; text-align: center; width: 100%; font-size: 20px; padding-top: 60px; line-height: 1.5 !important; } .percentage i, .percentage em { display: block; position: absolute; left: 100%; margin: -8px 0px 0px; top: 50%; width: 53px; height: 17px; background: url("images/arrow_2.png") left top; } @media only screen and (min-width: 1200px) { .percentage i, .percentage em { margin: -8px 0px 0px 25px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .percentage { margin: 20px auto 50px; } .percentage i, .percentage em { margin: -8px 0px 0px 55px; } } @media only screen and (max-width: 991px) { .percentage { margin: 20px auto 80px; } .percentage i, .percentage em { left: 50%; top: 100%; margin: 12px 0px 0px -8px; width: 17px; height: 53px; background: url("images/arrow_2.png") left bottom; } } .percentage2 { position: relative; margin: auto auto 8px; padding: 9px; width: 170px; height: 170px; line-height: 170px; color: rgb(237, 71, 74); background-color: rgb(237, 71, 74); border-radius: 50%; } .percentage2 .percentage_inner { position: absolute; left: 0px; top: 0px; text-align: center; width: 100%; font-size: 36px; font-weight: bold; color: rgb(255, 255, 255); padding: 0px; line-height: 170px !important; } .chart_list1 { text-align: center; } .chart_list1 > div { padding-top: 35px; } .chart_list1 h3 { color: rgb(255, 255, 255); font-size: 16px; text-transform: uppercase; margin: 25px 0px 10px; font-weight: normal; } .loaded_list p { margin: 0px; color: rgb(46, 46, 46); } .loaded_list .progress { margin: 0px 0px 10px; height: 26px; border-radius: 0px; } .loaded_list .progress .bar { height: 26px; line-height: 26px; text-align: right; background: rgb(237, 71, 74); color: rgb(255, 255, 255); width: 0px; transition: width 200ms ease-in 0s; } .loaded_list .progress .bar span { padding-right: 5px; } .loaded_list2 p { margin: 0px; padding-bottom: 6px; } .loaded_list2 .progress { margin: 0px 0px 10px; height: 10px; border-radius: 0px; } .loaded_list2 .progress .bar { height: 10px; line-height: 10px; text-align: right; background: rgb(237, 71, 74); color: rgb(255, 255, 255); width: 0px; transition: width 200ms ease-in 0s; } .loaded_list2 .progress .bar span { padding-right: 5px; } .number_Animation { text-align: center; color: rgb(237, 71, 74); } .number_Animation .glyphicons { font-size: 90px; } .number_Animation .number { display: block; text-align: center; font-size: 48px; } .number_Animation2 .glyphicons { font-size: 60px; display: block; margin: auto; padding: 8px 0px; } .number_Animation2 { overflow: hidden; } .number_Animation2 .number { font-size: 36px; } .number_Animation2 [class*="col-sm"] { position: relative; } .number_Animation2 [class*="col-sm"]::before { content: ""; position: absolute; left: 100%; top: 0px; bottom: 0px; border-right: 1px dashed rgb(230, 230, 230); } blockquote { font-style: italic; color: rgb(132, 132, 132); position: relative; border: none; } blockquote p { font-size: 13px; line-height: 1.8; text-indent: 50px; margin: 0px; } blockquote small { display: block; line-height: 18px; font-size: 13px; position: absolute; bottom: -42px; left: 20%; padding: 24px 0px 0px 30px; } .blockquote1 .mark { font-size: 100px; width: 100px; height: 100px; line-height: 145px; background-color: rgb(237, 71, 74); display: block; margin: 0px auto 40px; border-radius: 50%; color: rgb(255, 255, 255); font-family: "Open Sans"; text-indent: -14px; } .blockquote1 p { font-size: 15px; color: rgb(68, 68, 68); } .blockquote1 small { display: block; line-height: 18px; position: static; padding: 24px 0px 0px; font-size: 13px; color: rgb(34, 34, 34); font-style: normal; } .blockquote1 small::before { content: ""; } .blockquote1 small span { display: block; color: rgb(237, 71, 74); font-size: 13px; font-weight: bold; padding-bottom: 5px; } .Testimonials_tab { position: relative; margin: 0px; padding: 0px; width: 100%; overflow: hidden; min-height: 20px; transition: height 200ms ease-in 0s; } .Testimonials_tab img { max-width: 100%; } .Testimonials_tab li { position: absolute; left: 0px; top: 0px; display: none; width: 100%; list-style: none; } .Testimonials_tab .last_page, .Testimonials_tab .next_page { position: absolute; height: 28px; line-height: 28px; width: 28px; background-color: rgb(242, 242, 242); border-radius: 50%; text-align: center; color: rgb(121, 121, 121); font-family: "Open Sans"; inset: 72% 0px 14px auto; transition: background-color 200ms ease-in 0s; z-index: 15; } .Testimonials_tab .last_page { right: 32px; } .Testimonials_tab .last_page:hover, .Testimonials_tab .next_page:hover { color: rgb(255, 255, 255); text-decoration: none; } .Testimonials_tab .dot { position: absolute; bottom: 0px; z-index: 15; } .Testimonials_tab .dot a { display: inline-block; width: 6px; height: 6px; border: 2px solid rgb(96, 96, 96); margin: 0px 3px; border-radius: 50%; font-size: 0px; text-indent: -999px; vertical-align: middle; } * + html .Testimonials_tab .dot a { display: inline; } .Testimonials_tab .dot a.actived { background: rgb(96, 96, 96); width: 10px; height: 10px; } .Testimonials_1 .dot { right: 60px; bottom: 16px; } .Testimonials_1 .dot a { border: 1px solid rgb(242, 242, 242); width: 20px; height: 20px; } .Testimonials_1 .dot a.actived { width: 20px; height: 20px; border: 1px solid rgb(242, 242, 242); background: rgb(242, 242, 242); } .Testimonials_1 blockquote { background: none; padding: 1px 0px 0px; margin: 0px; text-indent: 0px; } .Testimonials_1 blockquote p { background-color: rgb(250, 250, 250); border: 1px solid rgb(236, 236, 236); padding: 20px; font-size: 13px; color: rgb(128, 128, 128); font-style: normal; text-indent: 0px; } .Testimonials_1 small { position: relative; top: 0px; left: 0px; font-size: 13px; color: rgb(119, 119, 119); font-style: normal; padding: 24px 0px 0px 35px; } .Testimonials_1 small::before { content: " "; position: absolute; top: -7px; left: 55px; width: 10px; height: 10px; background-color: rgb(250, 250, 250); border-left: 1px solid rgb(236, 236, 236); border-bottom: 1px solid rgb(236, 236, 236); transform: rotate(-45deg); } .Testimonials_1 small img { width: 50px; height: 50px; border-radius: 50%; margin-right: 15px; float: left; vertical-align: middle; } .Testimonials_1 small span { display: block; font-size: 15px; font-weight: bold; margin-top: 4px; } .Testimonials_2 .last_page, .Testimonials_2 .next_page { top: auto; bottom: 0px; left: 50%; } .Testimonials_2 .last_page { right: 32px; margin: 0px 0px 0px -30px; } .Testimonials_2 .dot { right: 0px; bottom: 3px; width: 100%; text-align: center; } .Testimonials_2 .dot a { border: 1px solid rgb(242, 242, 242); width: 20px; height: 20px; } .Testimonials_2 .dot a.actived { width: 20px; height: 20px; border: 1px solid rgb(242, 242, 242); background: rgb(242, 242, 242); } .Testimonials_2 blockquote { background: none; padding: 0px; margin: 0px; text-indent: 0px; } .Testimonials_2 blockquote p { padding: 0px; text-align: center; font-size: 13px; color: rgb(128, 128, 128); font-style: normal; } .Testimonials_2 .Pic { width: 70px; height: 70px; border-radius: 50%; vertical-align: middle; display: block; margin: 0px auto 10px; overflow: hidden; text-align: center; text-indent: 0px; } .Testimonials_2 small { position: relative; top: 0px; left: 0px; font-size: 13px; color: rgb(119, 119, 119); font-style: normal; padding: 15px 0px 40px; width: 100%; text-align: center; } .Testimonials_2 small::before { content: " "; } .Testimonials_2 small span { display: block; font-size: 15px; font-weight: bold; margin-top: 4px; } .Testimonials_3 blockquote { background: none; padding-bottom: 0px; position: relative; } .Testimonials_3 .last_page { left: 180px; bottom: 60px; } .Testimonials_3 .next_page { left: 210px; bottom: 60px; } .Testimonials_3 { position: relative; } .Testimonials_3 .Pic { width: 160px; height: 160px; max-width: 50%; border-radius: 50%; overflow: hidden; position: absolute; top: 0px; left: 0px; } .Testimonials_3 li { padding-left: 180px; min-height: 160px; width: auto; } .Testimonials_3 blockquote span.mark { font-size: 103px; position: absolute; top: -15px; left: 10px; color: rgb(85, 85, 85); line-height: normal; text-align: left; width: 100px; font-family: "Open Sans" !important; font-style: italic !important; text-indent: 0px !important; } * + html .Testimonials_3 blockquote span.mark { text-indent: -55px !important; } .Testimonials_3 small::before { content: " "; } .Testimonials_3 small span { display: block; font-size: 15px; color: rgb(68, 68, 68); font-weight: bold; margin-top: 4px; font-style: normal; margin-bottom: 3px; } .Testimonials_3 small { position: static; font-size: 13px; color: rgb(119, 119, 119); font-style: normal; padding: 25px 0px 40px; float: right; } .Testimonials_3 .dot { left: 180px; bottom: 10px; } .Testimonials_4 { margin: 0px; padding: 0px; } .Testimonials_4 li { list-style: none; } .Testimonials_5 .dot { right: 0px; } .Testimonials_4 blockquote { background: none; padding: 0px; margin: 0px 0px 15px; } .Testimonials_4 blockquote p { border-bottom: 7px solid rgb(240, 240, 240); padding: 0px 0px 20px; font-size: 13px; line-height: 2; color: rgb(128, 128, 128); font-style: normal; text-indent: 0px; } .Testimonials_4 small { position: relative; top: 0px; left: 0px; font-size: 13px; color: rgb(119, 119, 119); font-style: normal; padding: 24px 0px 0px; } .Testimonials_4 small::before { content: " "; position: absolute; top: 0px; left: 30px; width: 0px; height: 0px; border-width: 10px 7px 7px; border-style: solid; border-color: rgb(240, 240, 240) transparent transparent; border-image: initial; } .Testimonials_4 small img { width: 60px; height: 60px; margin-right: 15px; float: left; vertical-align: middle; } .Testimonials_4 small span { display: block; font-size: 15px; font-weight: bold; margin: 6px 0px 5px; } .Testimonials_5 blockquote { background: none; padding: 0px; margin: 0px 0px 15px; text-indent: 0px; } .Testimonials_5 blockquote p { font-size: 13px; font-style: normal; text-indent: 0px; padding: 20px; background-color: rgb(237, 71, 74); color: rgb(255, 255, 255); } .Testimonials_5 small { position: relative; top: 0px; left: 0px; font-size: 13px; color: rgb(119, 119, 119); font-style: normal; padding: 20px 0px 0px; } .Testimonials_5 small::before { content: " "; position: absolute; top: 0px; left: 30px; width: 0px; height: 0px; border: 7px solid transparent; } .Testimonials_5 small span { display: block; font-size: 15px; color: rgb(237, 71, 74); font-weight: bold; margin: 6px 0px 5px; } .Testimonials_5 .last_page, .Testimonials_5 .next_page { top: auto; bottom: 5px; width: 29px; height: 27px; background-color: rgb(149, 153, 152); text-indent: -999px; border-radius: 0px; overflow: hidden; } .Testimonials_5 .last_page::before { content: ""; position: absolute; top: 50%; left: 50%; border-width: 6px; border-style: solid; border-color: transparent rgb(255, 255, 255) transparent transparent; border-image: initial; margin: -6px 0px 0px -9px; width: 0px !important; height: 0px !important; } .Testimonials_5 .next_page::before { content: ""; position: absolute; top: 50%; left: 50%; border-width: 6px; border-style: solid; border-color: transparent transparent transparent rgb(255, 255, 255); border-image: initial; margin: -6px 0px 0px -3px; width: 0px !important; height: 0px !important; } .Testimonials_6 { padding-bottom: 30px; text-align: center; box-sizing: content-box; transition: height 0ms ease-in 0s; } .Testimonials_6 .dot { text-align: center; width: 100%; bottom: 15px; } .Testimonials_6 .dot a, .Testimonials_6 .dot a.actived { width: 18px; height: 18px; border: none; background: rgb(46, 46, 46); transition: background-color 200ms ease-in 0s; } .Testimonials_6 .dot a.actived { background: rgb(237, 71, 74); } .Testimonials_7 { padding-bottom: 30px; text-align: center; box-sizing: content-box; transition: height 200ms ease-in 0s; } .Testimonials_7 .dot { text-align: center; width: 100%; bottom: 15px; } .Testimonials_7 .dot a, .Testimonials_7 .dot a.actived { width: 18px; height: 18px; border: none; background: rgb(255, 255, 255); transition: background-color 200ms ease-in 0s; } .Testimonials_7 .dot a.actived { background: rgb(237, 71, 74); } .Testimonials_7 .ico { width: 70px; height: 70px; overflow: hidden; line-height: 100px; text-indent: -25px; background-color: rgb(237, 71, 74); text-align: center; margin: 0px auto 15px; font-size: 70px; color: rgb(255, 255, 255); border-radius: 50%; } .Testimonials_7 blockquote, .Testimonials_7 blockquote p { color: rgb(255, 255, 255); text-align: center; font-size: 26px; line-height: 1.4; } .Testimonials_7 blockquote small { margin: auto; position: static; font-size: 22px; color: rgb(255, 255, 255); } .Testimonials_8 { text-align: center; text-indent: 0px; } .Testimonials_8 p { font-size: 16px; color: rgb(138, 138, 138); text-align: center; text-indent: 0px; } .Testimonials_8 small { color: rgb(61, 63, 64); font-size: 16px; position: static; padding: 15px 0px 10px; } .Testimonials_8 .dot { width: 100%; text-align: center; } .Testimonials_8 .dot a { width: 9px; height: 9px; } .Testimonials_8 .dot a.actived { width: 13px; height: 13px; } .Testimonials_9 .last_page, .Testimonials_9 .next_page { width: 30px; height: 30px; border: 2px solid rgb(73, 75, 77); border-radius: 50%; background-color: transparent; text-indent: -999px; overflow: hidden; } .Testimonials_9 .last_page { right: 52px; } .Testimonials_9 .next_page { right: 15px; } .Testimonials_9 .last_page:hover, .Testimonials_9 .next_page:hover { border: 2px solid rgb(237, 71, 74); background-color: transparent !important; } .Testimonials_9 .last_page::before { content: ""; position: absolute; top: 50%; left: 50%; border-bottom: 2px solid rgb(73, 75, 77); border-left: 2px solid rgb(73, 75, 77); width: 8px; height: 8px; margin: -3px 0px 0px -2px; transform: rotate(45deg); } .Testimonials_9 .next_page::before { content: ""; position: absolute; top: 50%; left: 50%; border-bottom: 2px solid rgb(73, 75, 77); border-right: 2px solid rgb(73, 75, 77); width: 8px; height: 8px; margin: -3px 0px 0px -4px; transform: rotate(-45deg); } .Testimonials_9 .last_page:hover::before { border-bottom: 2px solid rgb(237, 71, 74); border-left: 2px solid rgb(237, 71, 74); } .Testimonials_9 .next_page:hover::before { border-bottom: 2px solid rgb(237, 71, 74); border-right: 2px solid rgb(237, 71, 74); } .Testimonials_9 .dot { right: 60px; bottom: 16px; } .Testimonials_9 .dot a { border: 1px solid rgb(242, 242, 242); width: 20px; height: 20px; } .Testimonials_9 .dot a.actived { width: 20px; height: 20px; border: 1px solid rgb(242, 242, 242); background: rgb(242, 242, 242); } .Testimonials_9 blockquote { background: none; padding: 1px 0px 0px; margin: 0px; text-indent: 0px; } .Testimonials_9 blockquote p { background-color: rgb(250, 250, 250); border: 1px solid rgb(236, 236, 236); padding: 20px; font-size: 13px; color: rgb(128, 128, 128); font-style: normal; text-indent: 0px; } .Testimonials_9 small { position: relative; top: 0px; left: 0px; font-size: 13px; color: rgb(119, 119, 119); font-style: normal; padding: 24px 0px 0px 35px; } .Testimonials_9 small::before { content: " "; position: absolute; top: -7px; left: 55px; width: 10px; height: 10px; background-color: rgb(250, 250, 250); border-left: 1px solid rgb(236, 236, 236); border-bottom: 1px solid rgb(236, 236, 236); transform: rotate(-45deg); } .Testimonials_9 small img { width: 50px; height: 50px; border-radius: 50%; margin-right: 15px; float: left; vertical-align: middle; border: 2px solid rgb(237, 237, 237); } .Testimonials_9 small span { display: block; font-size: 15px; font-weight: bold; margin: 4px 0px; color: rgb(237, 71, 74); } .Testimonials_10, .Testimonials_10 blockquote, .Testimonials_10 p { text-indent: 5px; font-style: normal; font-size: 14px; padding: 0px; margin: 0px; } .Testimonials_10 small { color: rgb(237, 71, 74); position: static; margin: 0px; padding: 10px 0px 30px; font-size: 14px; } .Testimonials_10 small::before { content: ""; } .Testimonials_10 .dot a { width: 9px; height: 9px; border: none; background: rgb(51, 51, 51); } .Testimonials_10 .dot a.actived { background: rgb(237, 71, 74); } .Testimonials_11 blockquote { background: none; padding: 0px; margin: 0px; text-indent: 0px; } .Testimonials_11 blockquote p { padding: 0px; text-align: center; color: rgb(255, 255, 255); font-style: normal; } .Testimonials_11 .Pic { width: 100px; height: 100px; border-radius: 50%; vertical-align: middle; display: block; margin: 0px auto 30px; overflow: hidden; text-align: center; text-indent: 0px; } .Testimonials_11 small { position: relative; top: 0px; left: 0px; font-size: 13px; color: rgb(255, 255, 255); font-style: normal; padding: 25px 0px 55px; width: 100%; text-align: center; } .Testimonials_11 small::before { content: " "; } .Testimonials_11 small span { display: block; font-weight: bold; margin-top: 4px; text-transform: uppercase; } .Testimonials_11 .last_page, .Testimonials_11 .next_page { width: 40px; height: 40px; line-height: 40px; top: 30px; bottom: auto; left: 50%; margin: 0px 0px 0px 60px; color: rgb(255, 255, 255); background: none; border: 1px solid rgb(255, 255, 255); transition: all 200ms ease-in 0s; } .Testimonials_11 .last_page { right: 32px; margin: 0px 0px 0px -100px; } .Testimonials_11 .last_page:hover, .Testimonials_11 .next_page:hover { background-color: rgb(237, 71, 74); border-color: rgb(237, 71, 74); } .Testimonials_11 .dot { right: 0px; bottom: 3px; width: 100%; text-align: center; } .Testimonials_11 .dot a { border: 2px solid rgb(255, 255, 255); width: 13px; height: 13px; } .Testimonials_11 .dot a.actived { width: 13px; height: 13px; border: 1px solid rgb(255, 255, 255); background: rgb(255, 255, 255); } @media only screen and (max-width: 991px) { .Testimonials_3 li { padding-left: 100px; } .Testimonials_3 .Pic { width: 80px; height: 80px; } .Testimonials_7 blockquote, .Testimonials_7 blockquote p { font-size: 18px; line-height: 1.4; } .Testimonials_7 blockquote small { font-size: 14px; } } .horizontalTab_Top_1 { padding-bottom: 15px; } .horizontalTab_Top_1 ul.resp-tabs-list li, .horizontalTab_Top_1 ul.resp-tabs-list li:hover { margin-right: 10px; border-top: 1px solid rgb(214, 214, 214); border-right: 1px solid rgb(214, 214, 214); border-left: 1px solid rgb(214, 214, 214); border-image: initial; border-bottom: none; } .horizontalTab_Top_1 ul.resp-tabs-list li span, .horizontalTab_Top_1 ul.resp-tabs-list li span a, .horizontalTab_Top_1 ul.resp-tabs-list li:hover span { padding: 12px 22px; font-size: 14px; color: rgb(255, 255, 255); } .horizontalTab_Top_1 ul.resp-tabs-list li span, .horizontalTab_Top_1 ul.resp-tabs-list li span a, .horizontalTab_Top_1 ul.resp-tabs-list hover span { font-size: 1em; } .horizontalTab_Top_1 ul.resp-tabs-list li.resp-tab-active { border-top: 1px solid rgb(214, 214, 214); border-right: 1px solid rgb(214, 214, 214); border-left: 1px solid rgb(214, 214, 214); border-image: initial; border-bottom: none; } .horizontalTab_Top_1 ul.resp-tabs-list li.resp-tab-active span, .horizontalTab_Top_1 ul.resp-tabs-list li.resp-tab-active span a { background-color: rgb(250, 250, 250); color: rgb(46, 46, 46) !important; } .horizontalTab_Top_1 .resp-tabs-container { border: 1px solid rgb(214, 214, 214); background-color: rgb(250, 250, 250); } .horizontalTab_Top_2 { padding-bottom: 15px; } .horizontalTab_Top_2 ul.resp-tabs-list li, .horizontalTab_Top_2 ul.resp-tabs-list li:hover { margin: 0px 5px 3px 0px; border: 1px solid rgb(214, 214, 214); } .horizontalTab_Top_2 ul.resp-tabs-list li span, .horizontalTab_Top_2 ul.resp-tabs-list li:hover span { padding: 10px 12px; font-size: 14px; color: rgb(255, 255, 255) !important; } .horizontalTab_Top_2 ul.resp-tabs-list li.resp-tab-active span { background-color: rgb(250, 250, 250); color: rgb(46, 46, 46) !important; } .horizontalTab_Top_2 .resp-tabs-container { background-color: rgb(250, 250, 250); border: 1px solid rgb(214, 214, 214); } .horizontalTab_Top_3 { border: 1px solid rgb(214, 214, 214); background-color: rgb(250, 250, 250); padding: 10px 20px; width: auto !important; } .horizontalTab_Top_3 ul.resp-tabs-list li, .horizontalTab_Top_3 ul.resp-tabs-list li:hover { margin: 0px 10px 5px 0px; border: none !important; } .horizontalTab_Top_3 ul.resp-tabs-list li span { padding: 12px 22px; font-size: 14px; color: rgb(255, 255, 255); background: none !important; } .horizontalTab_Top_3 ul.resp-tabs-list li.resp-tab-active, .horizontalTab_Top_3 ul.resp-tabs-list li.resp-tab-active:hover { background-color: rgb(46, 46, 46); } .horizontalTab_Top_3 ul.resp-tabs-list li.resp-tab-active span, .horizontalTab_Top_3 ul.resp-tabs-list li.resp-tab-active:hover span, .horizontalTab_Top_3 ul.resp-tabs-list li:hover span { color: rgb(255, 255, 255) !important; } .horizontalTab_Top_3 ul.resp-tabs-list { clear: both; overflow: hidden; border-bottom: 1px solid rgb(214, 214, 214); } .horizontalTab_Top_3 .resp-tabs-container { border: none; } .horizontalTab_Top_4 ul.resp-tabs-list li { border-top: none; border-bottom: none; border-left: none; border-image: initial; border-right: 1px solid rgb(255, 255, 255); } .horizontalTab_Top_4 ul.resp-tabs-list li span { padding: 10px 50px 10px 15px; background-color: rgb(241, 242, 242); font-size: 15px; color: rgb(61, 63, 64); } .horizontalTab_Top_4 ul.resp-tabs-list li.resp-tab-active span { border-top: 3px solid rgb(237, 71, 74); padding-top: 7px; color: rgb(61, 63, 64); } .horizontalTab_Top_4 ul.resp-tabs-list li:last-child { border-right: none; } .horizontalTab_Top_4 ul.resp-tabs-list li.resp-tab-active:last-child { border-right: 1px solid rgb(232, 232, 232); } .verticalTab_Left_1 { padding-bottom: 15px; } .verticalTab_Left_1 .resp-tab-content { border: none; } .verticalTab_Left_1 .resp_container .resp_margin { border: 1px solid rgb(214, 214, 214); padding: 15px 25px; margin: 0px; background: rgb(250, 250, 250) !important; } .verticalTab_Left_1 ul.resp-tabs-list li.resp-tab-active span { margin: 0px; border: none; background: none !important; } .verticalTab_Left_1 ul.resp-tabs-list li { border: 1px solid transparent; padding-left: 1px; margin: 0px 3px 8px 0px; } .verticalTab_Left_1 ul.resp-tabs-list li span, .verticalTab_Left_1 ul.resp-tabs-list li:hover span { padding: 13px 15px; margin: 0px; border: none; background: none; color: rgb(255, 255, 255); } .verticalTab_Left_1 ul.resp-tabs-list li:first-child { border: 1px solid rgb(214, 214, 214); } .verticalTab_Left_1 ul.resp-tabs-list { padding: 0px; } .verticalTab_Left_1 ul.resp-tabs-list li.resp-tab-active { margin-right: -1px; padding-right: 4px; border-top: 1px solid rgb(214, 214, 214) !important; border-bottom: 1px solid rgb(214, 214, 214) !important; border-left: 1px solid rgb(214, 214, 214) !important; border-image: initial !important; border-right: none !important; background: rgb(250, 250, 250) !important; } .verticalTab_Left_1 ul.resp-tabs-list li.resp-tab-active span { color: rgb(46, 46, 46); } .verticalTab_Left_2 { padding-bottom: 15px; } .verticalTab_Left_2 .resp-tab-content { border: none; } .verticalTab_Left_2 .resp_container .resp_margin { border: 1px solid rgb(214, 214, 214); padding: 15px 25px; margin: 0px; background: rgb(250, 250, 250); } .verticalTab_Left_2 ul.resp-tabs-list li.resp-tab-active span { margin: 0px; border: none; } .verticalTab_Left_2 ul.resp-tabs-list li { border: 1px solid transparent; padding-left: 1px; margin: 0px 3px 8px 0px; } .verticalTab_Left_2 ul.resp-tabs-list li span, .verticalTab_Left_2 ul.resp-tabs-list li:hover span { margin: 0px; border: none; background: none; color: rgb(255, 255, 255); padding: 13px 15px !important; } .verticalTab_Left_2 ul.resp-tabs-list li:first-child { border: 1px solid rgb(214, 214, 214); } .verticalTab_Left_2 ul.resp-tabs-list { padding: 0px; } .verticalTab_Left_2 ul.resp-tabs-list li.resp-tab-active { margin-right: 3px; padding-right: 0px; border: 1px solid rgb(214, 214, 214) !important; background: rgb(250, 250, 250) !important; } .verticalTab_Left_2 ul.resp-tabs-list li.resp-tab-active span { color: rgb(46, 46, 46) !important; } .verticalTab_Left_3 { border: 1px solid rgb(214, 214, 214); background-color: rgb(250, 250, 250); padding: 10px 20px; width: auto !important; } .verticalTab_Left_3 .resp-tab-content { border: none; } .verticalTab_Left_3 .resp_container .resp_margin { border: none; padding: 15px 25px; margin: 0px; } .verticalTab_Left_3 ul.resp-tabs-list li span { padding: 12px 15px; margin: 0px; border: none; background: none; color: rgb(255, 255, 255); text-align: left; } .verticalTab_Left_3 ul.resp-tabs-list li:hover span { color: rgb(255, 255, 255); } .verticalTab_Left_3 ul.resp-tabs-list li.resp-tab-active span { margin: 0px; border: none; color: rgb(255, 255, 255); padding-right: 15px; background: transparent !important; } .verticalTab_Left_3 ul.resp-tabs-list li { margin-bottom: 12px; margin-right: 10px; text-align: center; } .verticalTab_Left_3 ul.resp-tabs-list li.resp-tab-active, .verticalTab_Left_3 ul.resp-tabs-list li.resp-tab-active:hover { background: rgb(226, 226, 226) !important; } .verticalTab_Left_3 ul.resp-tabs-list li:first-child { border-top: 1px solid rgb(235, 235, 235); } .verticalTab_Left_3 ul.resp-tabs-list { padding: 0px; border-right: 1px solid rgb(214, 214, 214); } .verticalTab_Left_3 ul.resp-tabs-list li em, .verticalTab_Left_3 ul.resp-tabs-list li i, .verticalTab_Left_3 h2.resp-accordion span em, .verticalTab_Left_3 h2.resp-accordion span i { padding-right: 5px; } .verticalTab_Right_1 { padding-bottom: 15px; } .verticalTab_Right_1 .resp-tab-content { border: none; } .verticalTab_Right_1 .resp_container .resp_margin { border: 1px solid rgb(214, 214, 214); padding: 15px 25px; margin: 0px; background: rgb(250, 250, 250) !important; } .verticalTab_Right_1 ul.resp-tabs-list li.resp-tab-active span { margin: 0px; border: none; background: none !important; } .verticalTab_Right_1 ul.resp-tabs-list li { border: 1px solid transparent; padding-right: 1px; margin: 0px 0px 8px 3px; } .verticalTab_Right_1 ul.resp-tabs-list li span, .verticalTab_Right_1 ul.resp-tabs-list li:hover span { padding: 13px 15px; margin: 0px; border: none; background: none; color: rgb(255, 255, 255); } .verticalTab_Right_1 ul.resp-tabs-list li:first-child { border: 1px solid rgb(214, 214, 214); } .verticalTab_Right_1 ul.resp-tabs-list { padding: 0px; } .verticalTab_Right_1 ul.resp-tabs-list li.resp-tab-active { margin-left: -1px; padding-left: 4px; border-top: 1px solid rgb(214, 214, 214) !important; border-right: 1px solid rgb(214, 214, 214) !important; border-bottom: 1px solid rgb(214, 214, 214) !important; border-image: initial !important; border-left: none !important; background: rgb(250, 250, 250) !important; } .verticalTab_Right_1 ul.resp-tabs-list li.resp-tab-active span { color: rgb(46, 46, 46) !important; } .verticalTab_Right_2 { padding-bottom: 15px; } .verticalTab_Right_2 .resp-tab-content { border: none; } .verticalTab_Right_2 .resp_container .resp_margin { border: 1px solid rgb(214, 214, 214); padding: 15px 25px; margin: 0px; background: rgb(250, 250, 250) !important; } .verticalTab_Right_2 ul.resp-tabs-list li.resp-tab-active span { margin: 0px; border: none; background: none !important; } .verticalTab_Right_2 ul.resp-tabs-list li { border: 1px solid transparent; padding-right: 1px; margin: 0px 0px 8px 3px; } .verticalTab_Right_2 ul.resp-tabs-list li span, .verticalTab_Right_2 ul.resp-tabs-list li:hover span { margin: 0px; border: none; background: none; color: rgb(255, 255, 255); padding: 13px 15px !important; } .verticalTab_Right_2 ul.resp-tabs-list li:first-child { border: 1px solid rgb(214, 214, 214); } .verticalTab_Right_2 ul.resp-tabs-list { padding: 0px; } .verticalTab_Right_2 ul.resp-tabs-list li.resp-tab-active { margin-left: 3px; padding-left: 0px; border: 1px solid rgb(214, 214, 214) !important; background: rgb(250, 250, 250) !important; } .verticalTab_Right_2 ul.resp-tabs-list li.resp-tab-active span { color: rgb(46, 46, 46) !important; padding-left: 15px !important; } .verticalTab_Right_3 { border: 1px solid rgb(214, 214, 214); background-color: rgb(250, 250, 250); padding: 20px 30px; width: auto !important; } .verticalTab_Right_3 .resp-tab-content { border: none; } .verticalTab_Right_3 .resp_container .resp_margin { border: none; padding: 15px 25px 10px 0px; margin: 0px; } .verticalTab_Right_3 ul.resp-tabs-list li span { padding: 12px 15px; margin: 0px; border: none; background: none; color: rgb(255, 255, 255); text-align: left; } .verticalTab_Right_3 ul.resp-tabs-list li:hover span { color: red !important; } .verticalTab_Right_3 ul.resp-tabs-list li.resp-tab-active span { margin: 0px; border: none; color: rgb(255, 255, 255); padding-left: 15px !important; background: transparent !important; } .verticalTab_Right_3 ul.resp-tabs-list li { margin-bottom: 12px; margin-left: 10px; text-align: center; } .verticalTab_Right_3 ul.resp-tabs-list li.resp-tab-active, .verticalTab_Right_3 ul.resp-tabs-list li.resp-tab-active:hover { background: rgb(46, 46, 46) !important; } .verticalTab_Right_3 ul.resp-tabs-list li:first-child { border-top: 1px solid rgb(235, 235, 235); } .verticalTab_Right_3 ul.resp-tabs-list { padding: 0px; border-left: 1px solid rgb(214, 214, 214); } .verticalTab_Right_3 ul.resp-tabs-list li em, .verticalTab_Right_3 ul.resp-tabs-list li i, .verticalTab_Right_3 h2.resp-accordion span em, .verticalTab_Right_3 h2.resp-accordion span i { padding-right: 5px; } .horizontalTab_Top_1 table td, .horizontalTab_Top_2 table td, .horizontalTab_Top_3 table td, .horizontalTab_Top_4 table td, .verticalTab_Left_1 table td, .verticalTab_Left_2 table td, .verticalTab_Left_3 table td, .verticalTab_Left_4 table td, .verticalTab_Right_1 table td, .verticalTab_Right_2 table td, .verticalTab_Right_3 table td, .verticalTab_Right_4 table td { vertical-align: top; } .horizontalTab_Top_1 table td img, .horizontalTab_Top_2 table td img, .horizontalTab_Top_3 table td img, .horizontalTab_Top_4 table td img, .verticalTab_Left_1 table td img, .verticalTab_Left_2 table td img, .verticalTab_Left_3 table td img, .verticalTab_Left_4 table td img, .verticalTab_Right_1 table td img, .verticalTab_Right_2 table td img, .verticalTab_Right_3 table td img, .verticalTab_Right_4 table td img { max-width: none; margin: 5px 25px 5px 0px; } .horizontalTab_Top ul.resp-tabs-list li em, .horizontalTab_Top ul.resp-tabs-list li i, .horizontalTab_Top h2.resp-accordion span em, .horizontalTab_Top h2.resp-accordion span i, .verticalTab_Left ul.resp-tabs-list li em, .verticalTab_Left ul.resp-tabs-list li i, .verticalTab_Left h2.resp-accordion span em, .verticalTab_Left h2.resp-accordion span i, .verticalTab_Right ul.resp-tabs-list li em, .verticalTab_Right ul.resp-tabs-list li i, .verticalTab_Right h2.resp-accordion span em, .verticalTab_Right h2.resp-accordion span i { margin-right: 5px; } @media only screen and (max-width: 797px) { .verticalTab_Left_1 .resp_container .resp_margin, .verticalTab_Left_2 .resp_container .resp_margin, .verticalTab_Left_3 .resp_container .resp_margin, .verticalTab_Right_1 .resp_container .resp_margin, .verticalTab_Right_2 .resp_container .resp_margin, .verticalTab_Right_3 .resp_container .resp_margin { border-bottom: none; } .horizontalTab_Top_1 .resp-tabs-container { border: none; } .horizontalTab_Top_3, .verticalTab_Right_3, .verticalTab_Left_3 { border: none; background-color: transparent; padding: 0px; } .horizontalTab_Top_1 .resp-tabs-container, .horizontalTab_Top_3 .resp-tabs-container { border-bottom: 1px solid rgb(214, 214, 214); } .verticalTab_Right_3 .resp_container .resp_margin { border-left: 1px solid rgb(214, 214, 214); border-right: 1px solid rgb(214, 214, 214); } .horizontalTab_Top_2 .resp-tabs-container { border-top: none; border-right: none; border-left: none; border-image: initial; border-bottom: 1px solid rgb(214, 214, 214); } .horizontalTab_Top h2.resp-accordion, .verticalTab_Right_3 h2.resp-accordion, .verticalTab_Left h2.resp-accordion { border-top: 1px solid rgb(214, 214, 214); border-right: 1px solid rgb(214, 214, 214); border-left: 1px solid rgb(214, 214, 214); border-image: initial; border-bottom: none; } } .accordion_1 .panel-default { border: 1px solid rgb(224, 224, 224); border-radius: 0px; } .accordion_1 > .panel-default > .panel-heading { padding: 0px; border-radius: 0px; } .accordion_1 .panel-title a { color: rgb(255, 255, 255); font-weight: normal; display: block; padding: 10px 15px; position: relative; font-size: 14px !important; font-family: "Open Sans" !important; } .accordion_1 .panel-title a:hover { text-decoration: none; } .accordion_1 .panel-title span { font-size: 20px; margin-right: 10px; vertical-align: middle; float: right; } .accordion_1 .panel-title a.collapsed { color: rgb(68, 68, 68); } .glyphicons.glyph-chevron-left::before { transform: rotate(-90deg) !important; } .accordion_1 .panel-title a::before { content: " "; border-width: 8px; border-style: solid; border-color: rgb(154, 190, 170) transparent transparent; border-image: initial; position: absolute; top: 50%; right: 10px; margin: -10px 0px 0px; } .accordion_1 .panel-title a.collapsed::before { border-width: 8px; border-style: solid; border-color: transparent transparent rgb(154, 190, 170); border-image: initial; } .accordion_2 .panel-default { background-color: rgb(255, 255, 255); border: none; border-radius: 0px; box-shadow: none; margin: -1px 0px 0px !important; } .accordion_2 > .panel-default > .panel-heading { background-color: transparent; padding: 0px; border-bottom: 1px solid rgb(224, 224, 224); border-top: 1px solid rgb(224, 224, 224); margin: 0px; border-radius: 0px; } .accordion_2 .panel-title a { font-size: 14px; font-weight: normal; display: block; padding: 12px 5px; position: relative; } .accordion_2 .panel-title a:hover { text-decoration: none; } .accordion_2 .panel-title span { font-size: 20px; margin-right: 10px; vertical-align: middle; } .accordion_2 .panel-title a.collapsed { color: rgb(68, 68, 68); } .accordion_2 .panel-body { border: none !important; } .accordion_2 .panel-heading .accordion_icon { display: inline-block; width: 5px; height: 5px; margin-top: -3px; vertical-align: middle; margin-right: 10px; transform: rotate(45deg); transition: all 200ms ease-in 0s; } .accordion_2 .panel-heading a.collapsed .accordion_icon { border-right: 1px solid rgb(102, 102, 102); border-bottom: 1px solid rgb(102, 102, 102); transform: rotate(-45deg); } .accordion_2 .panel-heading a.collapsed:hover { } .accordion_2 .panel-heading a.collapsed:hover .accordion_icon { } .accordion_3 .panel-default { background-color: rgb(255, 255, 255); border: none; border-radius: 0px; box-shadow: none; margin: 0px !important; } .accordion_3 > .panel-default > .panel-heading { background-color: transparent; padding: 0px; margin: 0px 0px 5px; border-radius: 0px; border: none !important; } .accordion_3 .panel-body { border: none !important; padding: 15px 0px !important; } .accordion_3 .panel-title a { display: block; background-color: rgb(242, 242, 242); border: none; padding: 12px 0px 12px 50px; position: relative; font-size: 14px; font-weight: normal; transition: color 200ms ease-in 0s; } .accordion_3 .panel-title a .accordion_icon { background: rgb(222, 222, 222); width: 38px; height: 100%; position: absolute; left: 0px; top: 0px; text-align: center; color: rgb(255, 255, 255); transition: background-color 200ms ease-in 0s; } .accordion_3 .panel-title a.collapsed { color: rgb(68, 68, 68); } .accordion_3 .panel-title a.collapsed .accordion_icon { background: rgb(222, 222, 222); color: rgb(102, 102, 102); } .accordion_3 .panel-title a:hover { text-decoration: none; } .accordion_3 .panel-title a:hover .accordion_icon { color: rgb(255, 255, 255); } .accordion_3 .accordion_icon::before { content: "+"; top: 50%; left: 50%; margin: -10px 0px 0px -8px; position: absolute; width: 18px; text-align: center; } .accordion_3 .panel-title a .accordion_icon::before { content: "���"; font-size: 20px; } .accordion_3 .panel-title a.collapsed .accordion_icon::before { content: "+"; font-size: 26px; } .accordion_4 .panel-default { background-color: rgb(255, 255, 255); border: none; border-radius: 0px; box-shadow: none; margin: 0px !important; } .accordion_4 > .panel-default > .panel-heading { background-color: transparent; padding: 0px; margin: 0px 0px 5px; border-radius: 0px; border: 1px solid rgb(224, 224, 224) !important; } .accordion_4 .panel-body { border: none !important; padding: 15px 0px 0px 13px !important; } .accordion_4 .panel-title a { display: block; background-color: rgb(242, 242, 242); border: none; padding: 11px 50px 11px 15px; position: relative; font-size: 14px; font-weight: normal; transition: color 200ms ease-in 0s; } .accordion_4 .panel-title .accordion_icon { width: 38px; height: 100%; position: absolute; right: 0px; top: 0px; text-align: center; background-color: rgb(102, 102, 102); transition: background-color 200ms ease-in 0s; } .accordion_4 .accordion_icon::before { left: 50%; } .accordion_4 .panel-title a.collapsed { color: rgb(68, 68, 68); } .accordion_4 .panel-title a.collapsed .accordion_icon { background: rgb(102, 102, 102); color: rgb(255, 255, 255); } .accordion_4 .panel-title a:hover { text-decoration: none; } .accordion_4 .panel-title a.collapsed:hover .accordion_icon { } .accordion_4 .panel-title a .accordion_icon::before { content: " "; top: 50%; margin: -2px 0px 0px -4px; position: absolute; width: 8px; height: 8px; border-bottom: 1px solid rgb(255, 255, 255); border-right: 1px solid rgb(255, 255, 255); transform: rotate(-135deg); transition: all 200ms ease-in 0s; } .accordion_4 .panel-title a.collapsed .accordion_icon::before { margin: -6px 0px 0px -4px; transform: rotate(45deg); } .accordion_5 .panel-default { border: none; box-shadow: none; } .accordion_5 > .panel-default > .panel-heading { padding: 0px; background-color: rgb(235, 235, 235); } .accordion_5 .panel-title a { font-size: 15px; color: rgb(255, 255, 255); font-weight: normal; display: block; padding: 13px 15px; position: relative; background-color: rgb(237, 71, 74); border: none; border-radius: 3px; transition: background-color 200ms ease-in 0s; } .accordion_5 .panel-title a:hover { text-decoration: none; } .accordion_5 .panel-title span { font-size: 20px; margin-right: 10px; vertical-align: middle; } .accordion_5 .panel-title a.collapsed { background-color: rgb(235, 235, 235); color: rgb(68, 68, 68); } .accordion_5 .panel-title a::before { content: "-"; position: absolute; top: 50%; right: 15px; margin: -9px 0px 0px; font-size: 20px; font-weight: normal; font-family: "Open Sans"; } .accordion_5 .panel-title a.collapsed::before { content: "+"; } .accordion_5 .panel-default, .accordion_5 .panel-default > .panel-heading + .panel-collapse .panel-body { border-top: none !important; } .accordion_5 .panel-default .panel-collapse .panel-body { margin: 20px 30px; padding: 5px 20px; border-left: 1px solid rgb(237, 71, 74) !important; } .accordion_6 .panel-default { background-color: rgb(255, 255, 255); border: none; border-radius: 0px; box-shadow: none; margin: 0px !important; } .accordion_6 > .panel-default > .panel-heading { background-color: transparent; padding: 0px; margin: 0px 0px 5px; border-radius: 0px; border: none !important; } .accordion_6 .panel-body { border: none !important; padding: 15px 0px !important; } .accordion_6 .panel-title a { display: block; background-color: rgb(232, 232, 232); border: none; padding: 15px 0px 15px 60px; position: relative; font-size: 15px; color: rgb(46, 46, 46); font-weight: normal; transition: color 200ms ease-in 0s; } .accordion_6 .panel-title a .accordion_icon { background: rgb(237, 71, 74); width: 45px; height: 100%; position: absolute; left: 0px; top: 0px; text-align: center; color: rgb(255, 255, 255); transition: background-color 200ms ease-in 0s; } .accordion_6 .panel-title a.collapsed { color: rgb(68, 68, 68); } .accordion_6 .panel-title a.collapsed .accordion_icon { background: rgb(237, 71, 74); } .accordion_6 .panel-title a:hover { text-decoration: none; } .accordion_6 .panel-title a:hover .accordion_icon { color: rgb(255, 255, 255); } .accordion_6 .accordion_icon::before { content: "+"; top: 50%; left: 50%; margin: -10px 0px 0px -8px; position: absolute; width: 18px; text-align: center; } .accordion_6 .panel-title a .accordion_icon::before { content: "���"; font-size: 20px; } .accordion_6 .panel-title a.collapsed .accordion_icon::before { content: "+"; font-size: 26px; } mark, .mark { padding: 0px; } .quotes_1 blockquote { background: rgb(251, 251, 251); border: 1px solid rgb(235, 235, 235); border-radius: 4px; color: rgb(143, 143, 143); text-indent: 0px; padding: 25px 35px; margin: 0px 0px 8px; } .quotes_1 blockquote p { text-indent: 0px; color: rgb(143, 143, 143); } .quotes_1 blockquote small { position: static; color: rgb(94, 94, 94); padding: 20px 0px 0px; } .quotes_1 blockquote span.mark { font-size: 20px; position: absolute; top: 25px; left: 20px; line-height: normal; font-family: "Open Sans" !important; font-style: italic !important; } * + html .quotes_1 blockquote span.mark { text-indent: -15px !important; } .quotes_2 blockquote { background: rgb(255, 255, 255); border: 1px solid rgb(235, 235, 235); color: rgb(143, 143, 143); text-indent: 0px; padding: 25px 35px; margin: 0px 0px 8px; } .quotes_2 blockquote p { text-indent: 20px; position: relative; z-index: 1; color: rgb(143, 143, 143); } .quotes_2 blockquote small { position: static; color: rgb(94, 94, 94); padding: 20px 0px 0px; text-align: right; } .quotes_2 blockquote span.mark { font-size: 120px; position: absolute; top: -15px; left: 10px; color: rgb(210, 210, 210); line-height: normal; z-index: 0; font-family: "Open Sans" !important; font-style: italic !important; text-indent: 0px !important; } * + html .quotes_2 blockquote span.mark { top: -5px; text-indent: -75px !important; } .quotes_3 blockquote { border-top: 1px solid rgb(235, 235, 235); border-bottom: 1px solid rgb(235, 235, 235); color: rgb(255, 255, 255); text-indent: 0px; padding: 25px 35px; margin: 0px 0px 8px; } .quotes_3 blockquote p { text-indent: 30px; color: rgb(255, 255, 255); } .quotes_3 blockquote small { position: static; color: rgb(255, 255, 255); padding: 20px 0px 0px; text-align: right; } .quotes_3 blockquote span.mark { font-size: 84px; position: absolute; top: 8px; left: 25px; color: rgb(255, 255, 255); line-height: normal; font-family: "Open Sans" !important; } * + html .quotes_3 blockquote span.mark { top: 10px; text-indent: -55px !important; } .quotes_4 blockquote { background: rgb(255, 255, 255); color: rgb(143, 143, 143); text-indent: 0px; padding: 25px 0px; margin: 0px 0px 8px; } .quotes_4 blockquote p { text-indent: 45px; color: rgb(143, 143, 143); } .quotes_4 blockquote small { position: static; padding: 20px 0px 0px; } .quotes_4 blockquote span.mark { font-size: 103px; position: absolute; top: -2px; left: -10px; color: rgb(210, 210, 210); line-height: normal; font-family: "Open Sans" !important; font-style: italic !important; } * + html .quotes_4 blockquote span.mark { top: 0px; text-indent: -55px !important; } .dropcaps_1 { width: 60px; height: 60px; line-height: 60px; text-align: center; float: left; font-size: 45px; color: rgb(102, 102, 102); } .dropcaps_2 { width: 60px; height: 60px; line-height: 60px; text-align: center; float: left; font-size: 45px; color: rgb(237, 71, 74); } .dropcaps_3 { width: 50px; height: 50px; line-height: 50px; margin: 10px 8px 5px 0px; text-align: center; float: left; font-size: 36px; color: rgb(102, 102, 102); background: rgb(242, 242, 242); } .dropcaps_4 { width: 50px; height: 50px; line-height: 50px; margin: 10px 8px 5px 0px; text-align: center; float: left; font-size: 36px; color: rgb(237, 71, 74); background: rgb(242, 242, 242); } .dropcaps_5 { width: 50px; height: 50px; line-height: 50px; margin: 10px 8px 5px 0px; text-align: center; float: left; font-size: 36px; color: rgb(255, 255, 255); background: rgb(237, 71, 74); border-radius: 50%; } .dropcaps_6 { width: 50px; height: 50px; line-height: 50px; margin: 10px 8px 5px 0px; text-align: center; float: left; font-size: 36px; color: rgb(255, 255, 255); background: rgb(237, 71, 74); border-radius: 4px; } .dropcaps_7 { width: 50px; height: 50px; line-height: 50px; margin: 10px 8px 5px 0px; text-align: center; float: left; font-size: 36px; color: rgb(255, 255, 255); background: rgb(46, 46, 46); border-radius: 4px; } .dropcaps_8 { width: 84px; height: 84px; line-height: 84px; margin: 10px 15px 0px 0px; text-align: center; float: left; font-size: 70px; color: rgb(255, 255, 255); background: rgb(46, 46, 46); border-radius: 50%; } .carousel .owl-wrapper::after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0px; } .carousel { display: none; position: relative; width: 100%; } .carousel .owl-wrapper { display: none; position: relative; transform: translate3d(0px, 0px, 0px); } .carousel .owl-wrapper-outer { overflow: hidden; position: relative; } .carousel .owl-wrapper-outer.autoHeight { transition: height 500ms ease-in-out 0s; } .carousel .owl-item { float: left; } .carousel .owl-pagination { text-align: center; padding: 22px 0px 0px; position: absolute; top: 100%; width: 100%; background-color: rgb(154, 190, 170); } .carousel .owl-page { cursor: pointer; width: 21px; height: 21px; border: 2px solid rgb(46, 46, 46); margin: 0px 5px; display: inline-block; border-radius: 50%; } .carousel .owl-page.active { } .carousel .owl-buttons .owl-prev, .carousel .owl-buttons .owl-next { position: absolute; left: -30px; top: 50%; width: 34px; height: 34px; line-height: 34px; font-size: 0px; text-align: center; cursor: pointer; margin: -17px 0px 0px; border: 2px solid rgb(46, 46, 46); border-radius: 50%; } .carousel .owl-buttons .owl-next { left: auto; right: -30px; } .carousel .owl-buttons .owl-prev::before, .carousel .owl-buttons .owl-next::before { content: ""; border-left: 2px solid rgb(46, 46, 46); border-bottom: 2px solid rgb(46, 46, 46); width: 8px; height: 8px; position: absolute; top: 50%; left: 50%; margin: -3px 0px 0px -3px; font-size: 20px; transform: rotate(45deg); } .carousel .owl-buttons .owl-next::before { border-left: none; border-right: 2px solid rgb(46, 46, 46); margin-left: -4px; transform: rotate(-45deg); } .carousel .owl-buttons .owl-prev:hover, .carousel .owl-buttons .owl-next:hover { } .carousel .owl-buttons .owl-prev:hover::before { } .carousel .owl-buttons .owl-next:hover::before { border-left: none; } .carousel .grabbing { cursor: url("images/grabbing.png") 8 8, move; } .carousel .owl-wrapper, .carousel .owl-item { backface-visibility: hidden; transform: translate3d(0px, 0px, 0px); } .carousel { display: none; } .carousel img { width: 110px; height: 110px; } @media only screen and (max-width: 991px) { .carousel .owl-buttons .owl-prev { left: 0px; } .carousel .owl-buttons .owl-next { left: auto; right: 0px; } } .carousel_1 .item { text-align: center; padding: 0px 5px; } .carousel_1 .ico { width: 110px; height: 110px; border-radius: 50%; text-align: center; box-sizing: content-box; margin: auto; transition: all 200ms ease-in 0s; } .carousel_1 .ico .glyphicons, .carousel_1 .ico .socia { width: 60px; height: 59px; line-height: 60px; background: rgb(46, 46, 46); display: block; color: rgb(255, 255, 255); font-size: 20px; border: 4px solid rgb(46, 46, 46); border-radius: 50%; box-sizing: content-box; transition: all 200ms ease-in 0s; } .carousel_1 h3 { font-weight: normal; color: rgb(61, 63, 64); font-size: 19px; margin: 10px 0px; } .carousel_1 a.Button_normal { margin: 10px 0px 0px; } .carousel_1 .item:hover .ico { } .carousel_1 .item:hover .ico .glyphicons, .carousel_1 .item:hover .ico .socia { border: 4px solid rgb(255, 255, 255); } .carousel_1 .item:hover a.Button_normal { } .carousel_1 .item:hover h3 { } .carousel_4 { margin-bottom: 50px; } @media only screen and (min-width: 1400px) { .carousel_2 img { height: 917px; margin-top: -140px; } } @media only screen and (min-width: 1200px) and (max-width: 1400px) { .carousel_2 img { height: 620px; margin-top: -140px; } } @media only screen and (max-width: 1200px) { .carousel_2 img { height: 550px; margin-top: -140px; } } .carousel_2 .owl-buttons .owl-prev, .carousel_2 .owl-buttons .owl-next, .carousel_4 .owl-buttons .owl-prev, .carousel_4 .owl-buttons .owl-next { width: 41px; height: 65px; margin-top: -33px; border: none; background-color: rgba(0, 0, 0, 0.8); border-radius: 0px; transition: background-color 200ms ease-in 0s; } .carousel_2 .owl-buttons .owl-prev, .carousel_4 .owl-buttons .owl-prev { left: 0px; } .carousel_2 .owl-buttons .owl-next, .carousel_4 .owl-buttons .owl-next { right: 0px; } .carousel_2 .owl-buttons .owl-prev::before, .carousel_2 .owl-buttons .owl-prev:hover::before, .carousel_4 .owl-buttons .owl-prev::before, .carousel_4 .owl-buttons .owl-prev:hover::before { margin: -5px 0px 0px -3px; width: 12px; height: 12px; border-left: 2px solid rgb(255, 255, 255) !important; border-bottom: 2px solid rgb(255, 255, 255) !important; } .carousel_2 .owl-buttons .owl-next::before, .carousel_2 .owl-buttons .owl-next:hover::before, .carousel_4 .owl-buttons .owl-next::before, .carousel_4 .owl-buttons .owl-next:hover::before { margin: -5px 0px 0px -7px; width: 12px; height: 12px; border-right: 2px solid rgb(255, 255, 255) !important; border-bottom: 2px solid rgb(255, 255, 255) !important; } .carousel_2 .owl-buttons .owl-prev:hover, .carousel_2 .owl-buttons .owl-next:hover, .carousel_4 .owl-buttons .owl-prev:hover, .carousel_4 .owl-buttons .owl-next:hover { border: none !important; } .carousel_2 .owl-item { position: relative; overflow: hidden; background-color: rgb(154, 190, 170); } .carousel_2 .owl-item .carousel_content { position: absolute; top: 0px; left: -30%; width: 45%; height: 30%; z-index: 10; padding: 30px; color: rgb(255, 255, 255); opacity: 0; transition: all 200ms ease-out 0ms; } @media only screen and (min-width: 1200px) and (max-width: 1399px) { .carousel_2 .owl-item .carousel_content { padding-bottom: 50px !important; } } .carousel_2 .owl-item.synced .carousel_content, .carousel_2 .owl-item.synced .carousel_content.text_left { top: 64%; left: 15%; opacity: 1; transition: all 400ms ease-out 800ms; } @media only screen and (min-width: 1200px) and (max-width: 1400px) { .carousel_2 .owl-item.synced .carousel_content, .carousel_2 .owl-item.synced .carousel_content.text_left { top: 45%; width: 48%; height: 43%; } .text_left { padding-bottom: 40px !important; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .carousel_2 .owl-item.synced .carousel_content, .carousel_2 .owl-item.synced .carousel_content.text_left { top: 45%; width: 50%; height: 50%; } } @media only screen and (min-width: 768px) and (max-width: 991px) { } .carousel_2 .owl-item .carousel_content.text_right { left: auto; right: -30%; width: 25%; height: 100%; margin-top: 140px; } .carousel_2 .owl-item.synced .carousel_content.text_right { left: auto; right: 0px; vertical-align: bottom; } .carousel_2 .owl-item .carousel_content.text_top { left: 0px; top: -100%; width: 100%; height: auto; max-height: 100%; } .carousel_2 .owl-item.synced .carousel_content.text_top { left: 0px; top: 0px; } .carousel_2 .owl-item .carousel_content.text_bottom { left: 0px; top: auto; bottom: -100%; width: 100%; height: auto; max-height: 100%; } .carousel_2 .owl-item.synced .carousel_content.text_bottom { left: 0px; top: auto; bottom: 0px; } .carousel_2 .owl-item .carousel_content h3 { color: rgb(255, 255, 255); } .carousel_2 .owl-item .carousel_content::before { content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-color: rgb(154, 190, 170); opacity: 0.98; z-index: -1; } @media only screen and (min-width: 768px) and (max-width: 979px) { .carousel_2 .owl-item .carousel_content { padding: 15px; } .carousel_2 .owl-item .carousel_content.text_left { left: -35%; width: 35%; } .carousel_2 .owl-item .carousel_content.text_right { right: -35%; width: 35%; } } @media only screen and (max-width: 991px) { .carousel_2 .owl-pagination { bottom: 3px; } .carousel_2 .owl-item .carousel_content.text_left { height: auto; top: auto; padding: 8px 15px; width: auto; } .carousel_2 .owl-item .carousel_content.text_right { height: auto; top: auto; bottom: 0px; padding: 8px 15px; width: auto; } .carousel_2 .owl-item .carousel_content.text_top, .carousel_2 .owl-item .carousel_content.text_bottom { padding: 8px 15px; } .carousel_2 .owl-item .carousel_content p { display: none; } .carousel_2 .owl-item .carousel_content h3 { font-size: 13px; padding: 0px; margin: 0px; } } .carousel_3 { margin-bottom: 40px; } .carousel_3 .item { margin: 0px 15px 1px; border: 1px solid rgb(228, 228, 228); background: rgb(255, 255, 255); text-align: center; padding-bottom: 20px; color: rgb(153, 153, 153); } .carousel_3 .item h3 { margin: 25px 0px 5px; font-size: 15px; color: rgb(102, 102, 102); } .carousel_3 .owl-buttons .owl-prev, .carousel_3 .owl-buttons .owl-next { top: 100%; left: 50%; margin: 20px 0px 0px -40px; width: 30px; height: 30px; } .carousel_3 .owl-buttons .owl-next { top: 100%; left: 50%; margin: 20px -40px 0px 0px; } .carousel_3 .pic { margin: -1px; position: relative; } .carousel_3 .pic a img { transition: all 200ms ease-in 0s; } .carousel_3 .item:hover .pic a img { opacity: 0.5; } .carousel_3 .pic a::after { content: ""; width: 64px; height: 64px; position: absolute; top: 50%; left: 50%; margin: -32px 0px 0px -32px; background: url("images/carousel_ico.png") center center no-repeat; border-radius: 50%; opacity: 0; transition: all 200ms ease-in 0s; } .carousel_3 .item:hover .pic a::after { opacity: 1; } .carousel_4 { margin-bottom: 60px; } .carousel_4 .owl-buttons .owl-prev, .carousel_4 .owl-buttons .owl-next { opacity: 0; transition: all 200ms ease-in 0s; } .carousel_4:hover .owl-buttons .owl-prev, .carousel_4:hover .owl-buttons .owl-next { opacity: 1; } .carousel_4 .item { text-align: center; margin: auto 10px; position: relative; overflow: hidden; } .carousel_4 .sliding { position: absolute; background-color: rgba(0, 0, 0, 0.7); top: 100%; left: 0px; margin-top: -50px; text-align: center; height: 100%; width: 100%; padding: 0px 15px; color: rgb(255, 255, 255); transition: all 200ms ease-in 0s; } .carousel_4 .sliding h3 { color: rgb(255, 255, 255); font-size: 15px; padding: 3px 0px; transition: all 200ms ease-in 0s; } .carousel_4 .sliding a, .carousel_4 .sliding a:link, .carousel_4 .sliding a:active, .carousel_4 .sliding a:visited { color: rgb(255, 255, 255); font-size: 14px; text-decoration: none; } .carousel_4 .sliding a:hover { color: rgb(255, 255, 255); text-decoration: none; } .carousel_4 .item:hover .sliding { top: 0px; margin-top: 0px; opacity: 0.95; width: 100%; } .carousel_4 .item:hover .sliding h3 { margin-top: 5%; } .carousel_5 .item { margin: auto 15px; position: relative; overflow: hidden; } .carousel_5 h3 { padding: 16px 0px 12px; margin: 0px; font-size: 16px; font-weight: normal; } .carousel_5 .but { background-color: rgb(237, 71, 74); padding: 8px 20px; color: rgb(255, 255, 255); display: inline-block; transition: background-color 200ms ease-in 0s; } .carousel_5 .but:hover { background-color: rgb(77, 77, 77); } .carousel_5 .owl-buttons .owl-prev, .carousel_5 .owl-buttons .owl-next { background-color: rgb(220, 220, 220); height: 60px; width: 60px; transition: background-color 200ms ease-in 0s; border: none !important; } .carousel_5 .owl-buttons .owl-prev:hover, .carousel_5 .owl-buttons .owl-next:hover { background-color: rgb(237, 71, 74); border: none !important; } .carousel_5 .owl-buttons .owl-prev::before { border-left: 3px solid rgb(104, 104, 104); border-bottom: 3px solid rgb(104, 104, 104); width: 9px; height: 9px; } .carousel_5 .owl-buttons .owl-prev:hover::before { border-left: 3px solid rgb(255, 255, 255) !important; border-bottom: 3px solid rgb(255, 255, 255) !important; } .carousel_5 .owl-buttons .owl-next::before { border-right: 3px solid rgb(104, 104, 104); border-bottom: 3px solid rgb(104, 104, 104); width: 9px; height: 9px; } .carousel_5 .owl-buttons .owl-next:hover::before { border-right: 3px solid rgb(255, 255, 255) !important; border-bottom: 3px solid rgb(255, 255, 255) !important; } .carousel_6 .item { text-align: center; } .carousel_6 .item img { opacity: 0.7; } .carousel_6 .item:hover img { opacity: 1; } .carousel_6 .owl-buttons .owl-prev, .carousel_6 .owl-buttons .owl-next { border: none !important; } .carousel_6 .owl-buttons .owl-next { right: -30px; } .carousel_6 .owl-buttons .owl-prev::before, .carousel_6 .owl-buttons .owl-next::before { height: 14px; width: 14px; margin: -7px 0px 0px -5px; border-bottom: 4px solid rgb(255, 255, 255) !important; border-left: 4px solid rgb(255, 255, 255) !important; } .carousel_6 .owl-buttons .owl-next::before { margin-left: -10px; border-left: none !important; border-right: 4px solid rgb(255, 255, 255) !important; } @media only screen and (min-width: 768px) and (max-width: 991px) { .carousel .owl-buttons .owl-next { right: 0px; } .carousel_6 .owl-buttons .owl-prev { left: 0px; } .carousel_6 .owl-buttons .owl-next { right: 0px; } } @media only screen and (min-width: 1400px) { .carousel_5 .owl-buttons .owl-prev { left: -80px; } .carousel_5 .owl-buttons .owl-next { right: -80px; } } @media only screen and (max-width: 991px) { .carousel_6 .owl-buttons .owl-next { right: 0px; } } .isotope_grid { width: 100%; overflow: hidden; position: relative; } .portfolio_block.isotope { width: auto; } .isotope_grid .isotope_main { width: 100%; overflow: hidden; position: relative; } .isotope_grid .isotope_item { width: 200px; margin: 0px; position: absolute; left: 0px; top: 0px; overflow: hidden; } .isotope_grid .isotope_item .pic_box img { width: 100%; } .isotope_grid .isotope_item > div { margin: 0px; } .isotope_grid .isotope_group { text-align: center; padding: 10px 0px 40px; } .isotope_grid .isotope_group a { margin: 0px 3px 5px; padding: 10px 35px; color: rgb(85, 85, 85); font-size: 13px; background-color: rgb(225, 225, 225); text-decoration: none; display: inline-block; transition: background-color 200ms ease-in 0s; } .isotope_grid .isotope_group a:hover, .isotope_grid .isotope_group a.active { background-color: rgb(237, 71, 74); color: rgb(255, 255, 255); text-decoration: none; } .isotope_grid .isotope_item .photo_box .shade { background-color: rgb(237, 71, 74); } .isotope_grid .photo_box:hover .shade { opacity: 0.9; } .isotope_grid .isotope_item .photo_box .ico span { background-color: transparent; border: 1px solid rgb(255, 255, 255); } .isotope_grid .isotope_item .photo_box { letter-spacing: 1px; } .isotope_grid .isotope_item .photo_box h3 { font-size: 18px; font-weight: normal; letter-spacing: 3px; } .player .Play { cursor: pointer; display: inline-block; } .player.Button { width: auto; height: auto; box-shadow: none; position: absolute; z-index: 1000; background-color: rgb(255, 0, 0); color: rgb(255, 255, 255); display: block !important; } .player .YTPOverlay { background-color: rgb(0, 0, 0); opacity: 0.2; } .player .Play { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; } .player_boxes { padding: 50px 40px; text-align: center; background-color: rgba(255, 255, 255, 0.6); border-radius: 10px; } .player_boxes.dark { background-color: rgba(0, 0, 0, 0.6); } .player_boxes .player_title { font-size: 50px; font-weight: normal; letter-spacing: 3px; line-height: 1.1; } .player_boxes .player_line { width: 70px; border-top: 2px solid rgb(105, 181, 50); margin: 20px auto; } .player_boxes .player_smalltitle { font-size: 16px; letter-spacing: 2px; margin-bottom: 20px; font-weight: normal; line-height: 1.2; } .player_boxes .player_content { color: rgb(102, 102, 102); margin: 0px 10% 30px; } .player_boxes .Button_default { margin-bottom: 10px; } .player_boxes.dark .player_smalltitle, .player_boxes.dark .player_content { color: rgb(255, 255, 255); } .responsive-video { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0px; overflow: hidden; z-index: 0; } .responsive-video iframe, .responsive-video object, .responsive-video embed, .responsive-video video { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 1; } .photo_box .pic_box { backface-visibility: hidden; transform: translate3d(0px, 0px, 0px); } .photo_box { margin: 0px 0px 5px; padding: 0px; overflow: hidden; line-height: 1.8; } .photo_box .pic_box { position: relative; display: inline-block; overflow: hidden; width: 100%; vertical-align: middle; } .photo_box a, .photo_box a:hover { text-decoration: none; } .photo_box .ico { position: absolute; top: 50%; width: 100%; margin-top: -25px; text-align: center; color: rgb(255, 255, 255); opacity: 0; z-index: 1; } .photo_box .ico span { color: rgb(255, 255, 255); display: inline-block; text-align: center; font-size: 20px; margin: 0px 3px; background-color: rgb(105, 181, 50); border-radius: 50%; width: 50px !important; height: 50px !important; line-height: 50px !important; } .photo_box .ico h3 { color: rgb(255, 255, 255); font-size: 15px; margin-bottom: 5px; } .photo_box .content { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; text-align: center; color: rgb(255, 255, 255); opacity: 0; z-index: 1; } .vertical_center_1 { width: 100%; height: 100%; display: table; } .vertical_center_2 { display: table-cell; width: 100%; vertical-align: middle; } .photo_box .content h3 { color: rgb(255, 255, 255); font-size: 15px; margin-bottom: 5px; } .photo_box .content p { color: rgb(255, 255, 255); font-size: 13px; } .photo_box .content > .glyphicons { font-size: 50px; height: 70%; position: relative; } .photo_box .content > .glyphicons::before { position: absolute; top: 50%; left: 0px; } .photo_box .content .ico { position: static; margin: 0px 0px 15px; } .photo_box .shade { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; background-color: rgb(0, 0, 0); opacity: 0; z-index: 0; } .photo_box .ico, .photo_box .content, .photo_box .shade { transition: all 200ms ease-in 0s; } .photo_box:hover .ico, .photo_box:hover .content { opacity: 1; } .photo_box:hover .shade { opacity: 0.5; } .photo_box.default_show .ico, .photo_box.default_show .content { opacity: 1; } .photo_box.default_show .shade { opacity: 0.5; } .photo_box.img_zoom .pic_box img { transform: scale(1); transition: all 300ms ease-out 0s; } .photo_box:hover.img_zoom .pic_box img { transform: scale(1.15); } .photo_box.ico_left_enter .ico, .photo_box.ico_right_enter .ico, .photo_box.ico_top_enter .ico, .photo_box.ico_bottom_enter .ico, .photo_box.ico_LeftAndRight_enter span, .photo_box.ico_TopAndBottom_enter span { transition: all 300ms ease-in 0s; } .photo_box.ico_left_enter .ico { left: -100%; } .photo_box:hover.ico_left_enter .ico { left: 0%; } .photo_box.ico_right_enter .ico { left: 100%; } .photo_box:hover.ico_right_enter .ico { left: 0%; } .photo_box.ico_top_enter .ico { top: -100%; } .photo_box:hover.ico_top_enter .ico { top: 50%; } .photo_box.ico_bottom_enter .ico { top: 150%; } .photo_box:hover.ico_bottom_enter .ico { top: 50%; } .photo_box.ico_LeftAndRight_enter span.ico_left { transform: translate(-200px, 0px); } .photo_box.ico_LeftAndRight_enter span.ico_right { transform: translate(200px, 0px); } .photo_box.ico_TopAndBottom_enter span.ico_top { transform: translate(0px, -200px); } .photo_box.ico_TopAndBottom_enter span.ico_bottom { transform: translate(0px, 200px); } .photo_box:hover.ico_LeftAndRight_enter span.ico_left, .photo_box:hover.ico_LeftAndRight_enter span.ico_right, .photo_box:hover.ico_TopAndBottom_enter span.ico_top, .photo_box:hover.ico_TopAndBottom_enter span.ico_bottom { transform: translate(0px, 0px); } .photo_box.ico_push_in img { margin-bottom: -15px; transition: all 200ms ease-in 0s; } .photo_box.ico_push_in .ico { top: auto; bottom: -50px; width: 100%; background-color: rgb(105, 181, 50); opacity: 1; } .photo_box.ico_push_in .ico span { background-color: transparent !important; } .photo_box.ico_push_in .ico a { display: block; width: 50%; float: left; text-align: center; } .photo_box.ico_push_in .ico a:first-child { border-right: 1px solid rgba(255, 255, 255, 0.5); margin-right: -2px; } .photo_box:hover.ico_push_in img { margin-top: -15px; margin-bottom: 0px; } .photo_box:hover.ico_push_in .ico { top: auto; bottom: 0px; } .photo_box.ico_left_rotate .ico, .photo_box.ico_left_rotate .ico > span, .photo_box.ico_right_rotate .ico, .photo_box.ico_right_rotate .ico > span { width: 50px; height: 50px; border-radius: 0px; margin: 0px; padding: 0px; } .photo_box.ico_left_rotate .ico { left: 0px; top: auto; bottom: 0px; transform: rotate(-90deg); transition: all 200ms ease-in 0s; transform-origin: 0px 100%; } .photo_box.ico_right_rotate .ico { inset: auto 0px 0px auto; transform: rotate(90deg); transition: all 200ms ease-in 0s; transform-origin: 100% 100%; } .photo_box:hover.ico_left_rotate .ico, .photo_box:hover.ico_right_rotate .ico { transform: rotate(0deg); } .photo_box.content_top_increment .increment_1 { transform: translate(0px, -300px); transition: all 500ms ease-in 0s; } .photo_box.content_top_increment .increment_2 { transform: translate(0px, -300px); transition: all 400ms ease-in 0s; } .photo_box.content_top_increment .increment_3 { transform: translate(0px, -300px); transition: all 300ms ease-in 0s; } .photo_box:hover.content_top_increment .increment_1, .photo_box:hover.content_top_increment .increment_2, .photo_box:hover.content_top_increment .increment_3 { transform: translate(0px, 0px); } .photo_box:hover.content_top_increment .increment_1 { transition: all 300ms ease-in 0s; } .photo_box:hover.content_top_increment .increment_2 { transition: all 400ms ease-in 0s; } .photo_box:hover.content_top_increment .increment_3 { transition: all 500ms ease-in 0s; } .photo_box.content_top_increment .content h3 { background-color: rgb(105, 181, 50); font-size: 18px; color: rgb(255, 255, 255); padding: 15px; margin-bottom: 25px; width: 100%; } .photo_box.content_top_increment .content a.but { background-color: rgb(222, 222, 222); color: rgb(102, 102, 102); display: inline-block; padding: 5px 15px; border-radius: 3px; text-decoration: none; margin-top: 15px; } .photo_box.content_top_increment .content p { padding: 0px 30px; } .photo_box.ico_zoom .ico span { transform: scale(0.5); transition: all 300ms ease-in 0s; } .photo_box:hover.ico_zoom .ico span { transform: scale(1); } .photo_box.img_flip { overflow: visible; } .photo_box.img_flip .pic_box { position: relative; overflow: visible; perspective: 1000px; } .photo_box.img_flip .pic_box img, .photo_box.img_flip .shade, .photo_box.img_flip .content { transform-style: preserve-3d; transition: all 750ms ease 0s; backface-visibility: hidden; } .photo_box.img_flip .pic_box img { z-index: 1; position: relative; transform: rotateY(0deg); } .photo_box.img_flip .pic_box .shade, .photo_box.img_flip .pic_box .content { z-index: -2; opacity: 1; transform: rotateY(-180deg); } .photo_box.img_flip .pic_box .content { z-index: -1; } .photo_box:hover.img_flip img { transform: rotateY(180deg); } .photo_box:hover.img_flip .pic_box .shade, .photo_box:hover.img_flip .pic_box .content { transform: rotateY(0deg); } .photo_box:hover.img_flip .pic_box .shade { z-index: 2; } .photo_box:hover.img_flip .pic_box .content { z-index: 3; } .content_sytle_2 .shade { background-color: rgb(105, 181, 50); } .content_sytle_2 .content h3 { font-size: 18px; color: rgb(255, 255, 255); margin-bottom: 5px; } .content_sytle_2 .content p { padding: 0px 30px 5px; } .content_sytle_2 .content a.but { border: 1px solid rgb(255, 255, 255); padding: 10px 25px; font-size: 13px; border-radius: 3px; display: inline-block; margin-top: 10px; color: rgb(255, 255, 255); } .photo_box.content_push_in .pic_box img { transition: all 200ms ease-in 0s; } .photo_box.content_push_in .content { opacity: 1; background-color: rgb(105, 181, 50); top: auto; bottom: 0px; height: 60px; margin-bottom: -60px; overflow: hidden; } .photo_box.content_push_in .content h3 { margin: 10px 0px 0px; } .photo_box:hover.content_push_in .pic_box img { margin-top: -60px; margin-bottom: 60px; } .photo_box:hover.content_push_in .content { margin-bottom: 0px; } .photo_box.icon_tag_push .ico { width: 90px; height: 90px; left: auto; right: -90px; top: -90px; margin: 0px; text-align: right; transition: all 200ms ease-in 0s; } .photo_box.icon_tag_push .ico::before { content: ""; position: absolute; top: 0px; right: 0px; border-width: 45px; border-style: solid; border-color: rgb(105, 181, 50) rgb(105, 181, 50) transparent transparent; border-image: initial; } .photo_box.icon_tag_push .ico span { background: none; height: auto !important; display: inline-block !important; line-height: 60px !important; width: 50px !important; text-align: center !important; } .photo_box:hover.icon_tag_push .ico { right: 0px; top: 0px; } .photo_box.icon_tag_push .content { background-color: rgba(255, 255, 255, 0.8); width: auto; height: auto; padding: 13px 36px; color: rgb(102, 102, 102); top: auto; bottom: 20px; opacity: 1; } .photo_box.icon_tag_push .content h3 { color: rgb(102, 102, 102); font-size: 16px; margin: 0px; } .photo_box.content_bottom_push_in .content { background-color: rgba(255, 255, 255, 0.8); height: auto; padding: 10px 0px; color: rgb(102, 102, 102); top: auto; bottom: 0px; transition: all 200ms ease-in 0s; transform: translate(0px, 100%); } .photo_box.content_bottom_push_in .content::before { content: ""; border-width: 8px; border-style: solid; border-color: transparent transparent rgba(255, 255, 255, 0.8); border-image: initial; position: absolute; top: -16px; left: 50%; margin-left: -4px; } .photo_box.content_bottom_push_in .content h3 { color: rgb(102, 102, 102); font-size: 16px; margin: 0px; } .photo_box.content_bottom_push_in .content p { color: rgb(102, 102, 102); margin-bottom: 0px; } .photo_box:hover.content_bottom_push_in .content { transform: translate(0px, 0px); } .photo_box.content_bottom_push_in_2 .shade { background-color: rgb(0, 0, 0); top: 100%; margin-top: -40px; opacity: 0.5; } .photo_box:hover.content_bottom_push_in_2 .shade { top: 0px; margin: 0px; opacity: 0.5; } .photo_box.content_bottom_push_in_2 .content { opacity: 1; height: 40px; top: 100%; margin-top: -35px; transition: all 200ms ease-in 0s; } .photo_box:hover.content_bottom_push_in_2 .content { height: 100%; top: 0px; margin-top: 0px; } .photo_box.content_bottom_push_in_2 .but { border: 1px solid rgb(255, 255, 255); padding: 10px 22px; font-size: 13px; border-radius: 3px; display: inline-block; margin-top: 10px; color: rgb(255, 255, 255); text-decoration: none; } .photo_box.entirety_left_offset .shade { background-color: rgb(240, 240, 240); } .photo_box.entirety_left_offset .shade, .photo_box.entirety_left_offset .ico, .photo_box.entirety_left_offset .content { opacity: 1; left: 100%; transition: all 200ms ease-in 0s; } .photo_box.entirety_left_offset .ico { width: auto; top: auto; bottom: 0px; } .photo_box.entirety_left_offset .ico span { border-radius: 0px; margin: 0px; } .photo_box.entirety_left_offset .content { text-align: left; box-sizing: border-box; padding: 30px 80px 30px 30px; } .photo_box.entirety_left_offset h3, .photo_box.entirety_left_offset p, .photo_box.entirety_left_offset a { color: rgb(102, 102, 102); } .photo_box:hover.entirety_left_offset .shade, .photo_box:hover.entirety_left_offset .ico, .photo_box:hover.entirety_left_offset .content { left: 50px; } .photo_box.entirety_bevel .content { height: 60%; text-align: left; top: 0px; padding: 0px 40px; box-sizing: border-box; } .photo_box.entirety_bevel .ico { height: 40%; text-align: left; margin: 0px; top: 60%; left: 40px; } .photo_box.entirety_bevel .ico span { background-color: transparent; border: 1px solid rgb(255, 255, 255); } .photo_box:hover.entirety_bevel .shade { background-color: rgb(105, 181, 50); opacity: 0.8; } .photo_box.entirety_bevel .pic_box::before { content: ""; border-width: 0px; border-style: solid; border-color: rgb(229, 229, 229) rgb(255, 255, 255) rgb(255, 255, 255) rgb(229, 229, 229); position: absolute; right: 0px; bottom: 0px; z-index: 3; transition: all 200ms ease-in 0s; } .photo_box:hover.entirety_bevel .pic_box::before { border-width: 25px; border-style: solid; border-color: rgb(229, 229, 229) rgb(255, 255, 255) rgb(255, 255, 255) rgb(229, 229, 229); } .img_left { padding-right: 15px; float: left; width: auto; margin: 0px; } .img_right { float: right; width: auto; margin: 8px 0px 5px 15px; } .img_center { text-align: center; width: 100%; display: block; margin-bottom: 5px; } .img_center .pic_box { display: inline-block; width: auto; } .box_border_radius { border-radius: 5px; overflow: hidden; backface-visibility: hidden; transform: translate3d(0px, 0px, 0px); } .box_border_round { border-radius: 50%; overflow: hidden; backface-visibility: hidden; transform: translate3d(0px, 0px, 0px); } .box_border { border: 3px solid rgb(221, 221, 221); overflow: hidden; } .box_border_padding1 { padding: 0px; width: auto; } .box_border_padding1 { padding: 0px; width: 100%; background-color: rgb(249, 249, 249); margin-bottom: 1px; } .box_border_padding { border: 3px solid rgb(221, 221, 221); padding: 2px; width: 100%; } .box_border_padding { border: 1px solid rgb(217, 217, 217); padding: 2px; width: 100%; } .box_bottom_shadow { box-shadow: rgba(0, 0, 0, 0.3) 0px 8px 8px -4px; } .box_bottom_shadow_left, .box_bottom_shadow_right { overflow: visible; position: relative; z-index: 1; } .box_bottom_shadow_left::before { content: ""; position: absolute; top: 100%; left: 0px; width: 100px; height: 15px; z-index: 0; box-shadow: rgba(0, 0, 0, 0.3) 14px 14px 14px; margin: -24px 0px 0px; transform: rotate(-5deg); } .box_bottom_shadow_right::after { content: ""; position: absolute; top: 100%; right: 0px; width: 100px; height: 15px; z-index: -1; box-shadow: rgba(0, 0, 0, 0.3) -14px 14px 14px; margin: -24px 0px 0px; transform: rotate(5deg); } .box_dotted_padding { border: 1px dashed rgb(221, 221, 221); padding: 3px; } .photo_box img { max-width: 100%; } @-webkit-keyframes ico_rotate { 0% { transform: rotate(-60deg) scale(0.5); opacity: 0; } 50% { transform: rotate(20deg) scale(1.1); opacity: 1; } 100% { transform: rotate(0deg) scale(1); opacity: 1; } } @keyframes ico_rotate { 0% { transform: rotate(-60deg) scale(0.5); opacity: 0; } 50% { transform: rotate(20deg) scale(1.1); opacity: 1; } 100% { transform: rotate(0deg) scale(1); opacity: 1; } } .ico_rotate .ico span { animation-duration: 300ms; animation-fill-mode: both; width: 80px; height: 80px; box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 4px; } .ico_rotate:hover .ico span { animation-name: ico_rotate; } .shade_zoom .shade { transform: scale(0.1); transition: all 300ms ease-in 0s; } .shade_zoom:hover .shade { transform: scale(1); } .shade_zoom .ico span { transform: scale(1.5); opacity: 0; border-radius: 0px; border: 1px solid rgb(255, 255, 255); transition: all 300ms ease-in 0s; width: 40px !important; height: 40px !important; line-height: 40px !important; background-color: transparent !important; } .shade_zoom:hover .ico span { transform: scale(1); opacity: 1; } .photo_box.content_zoom .shade, .photo_box.content_zoom .content { overflow: hidden; top: auto; left: 0px; bottom: 0px; transform: scale(0.1); transition: all 300ms ease-in 0s; } .photo_box.content_zoom:hover .shade, .photo_box.content_zoom:hover .content { transform: scale(1); opacity: 1; } .ico_no_bg .glyphicons { text-shadow: rgba(0, 0, 0, 0.6) 1px 1px 3px; background: none !important; font-size: 30px !important; color: rgb(255, 255, 255) !important; } .text_sytle_1 { padding: 15px 10px 10px; } .text_sytle_1 h3, .text_sytle_2 h3 { font-size: 14px; color: rgb(102, 102, 102); margin: 0px; } .text_sytle_1 .info { float: right; padding-top: 13px; font-size: 14px; } .text_sytle_1 .info span { margin-right: 3px; } .text_sytle_1 h3 { margin: 0px 0px 5px; font-size: 14px; color: rgb(102, 102, 102); } .text_sytle_2 { background-color: rgb(245, 245, 245); padding: 15px 15px 10px; border-bottom: 2px solid rgb(220, 220, 220); text-align: center; } .text_sytle_3 { padding: 10px 0px 5px; } .text_sytle_3 h3 { font-size: 14px; color: rgb(102, 102, 102); } .text_sytle_4 h3 { padding: 0px; border-bottom: 1px solid rgb(222, 222, 222); margin-bottom: 12px; font-size: 14px; color: rgb(102, 102, 102); } .text_sytle_4 h3 span { display: inline-block; padding: 10px 0px; border-bottom: 1px solid rgb(105, 181, 50); margin-bottom: -1px; font-size: 14px; color: rgb(102, 102, 102); } .text_sytle_5 { clear: both; overflow: hidden; margin: 5px; } .text_sytle_5 h3 { font-size: 16px; color: rgb(102, 102, 102); font-weight: bold; margin: 10px 8px; } .text_sytle_5 h3 span { float: right; } .text_sytle_6 h3 { color: rgb(54, 56, 57); font-size: 18px; padding: 25px 0px 0px; font-weight: normal; margin-bottom: 0px; } .text_sytle_6 .info { margin-bottom: 10px; } .text_sytle_6 .social-icons a { font-size: 23px; color: rgb(138, 138, 138); opacity: 0.5; transition: all 200ms ease-in 0s; } .text_sytle_6 .social-icons a:hover { opacity: 1; } .text_sytle_7 { clear: both; overflow: hidden; margin: 5px; } .text_sytle_7 h3 { font-size: 16px; color: rgb(102, 102, 102); font-weight: bold; margin: 10px 8px; } .text_sytle_7 h3 span { float: right; } .flip_box { backface-visibility: hidden; perspective: 1000px; overflow: visible; margin-bottom: 5px; position: relative; } .flip_box .front, .flip_box .back { backface-visibility: hidden; transition: all 750ms ease 0s; transform-style: preserve-3d; } .flip_box .front { position: relative; z-index: 0; transform: rotateY(0deg); } .flip_box .back { position: absolute; top: 0px; left: 0px; right: 0px; height: 100%; z-index: -2; background-color: rgb(255, 255, 255); transform: rotateY(-180deg); } .flip_box.flip_right .back { transform: rotateY(180deg); } .flip_box.flip_top .front { transform: rotateX(0deg); } .flip_box.flip_top .back { transform: rotateX(180deg); } .flip_box.flip_bottom .front { transform: rotateX(0deg); } .flip_box.flip_bottom .back { transform: rotateX(-180deg); } .flip_box:hover .front { transform: rotateY(180deg); } .flip_box:hover .back { z-index: 3; transform: rotateY(0deg); } .flip_box.flip_right:hover .front { transform: rotateY(-180deg); } .flip_box.flip_top:hover .front { transform: rotateX(-180deg); } .flip_box.flip_top:hover .back { transform: rotateX(0deg); } .flip_box.flip_bottom:hover .front { transform: rotateX(180deg); } .flip_box.flip_bottom:hover .back { transform: rotateX(0deg); } .flip_box_1 .front, .flip_box_1 .back { border: 1px solid rgb(226, 226, 226); padding: 25px; text-align: center; } .flip_box_1 .front .glyphicons { background-color: rgb(105, 181, 50); border-radius: 50%; width: 60px; height: 60px; line-height: 60px; text-align: center; font-size: 26px; color: rgb(255, 255, 255); margin-bottom: 20px; } .flip_box_1 h3 { font-size: 15px; color: rgb(102, 102, 102); margin-bottom: 10px; } .flip_box_1 .back { height: auto; } .flip_box_1 .back h3 { margin: 0px 0px 15px; } .flip_box_1 .back a.but { padding: 6px 0px; color: rgb(255, 255, 255); background-color: rgb(105, 181, 50); text-decoration: none; display: block; width: 120px; text-align: center; margin: 37px auto -42px; } .flip_box_2 .front, .flip_box_2 .back { background-color: rgb(248, 248, 248); border: 1px solid rgb(226, 226, 226); padding: 25px; text-align: center; } .flip_box_2 .back { height: 100%; padding: 0px 25px; } .flip_box_2 .front .glyphicons { font-size: 45px; color: rgb(119, 119, 119); margin: 8px 0px 0px; } .flip_box_2 h3 { color: rgb(102, 102, 102); font-size: 15px; margin: 25px 0px 15px; } .flip_box_3 .front, .flip_box_3 .back { }

@charset "utf-8"; @import url("https://fonts.googleapis.com/css?family=Open+Sans"); #Body, html, body, .Head, .SubHead, .SubSubHead, .Normal, .TeamDetail_info li a, .TeamDetail_info li a:link, .TeamDetail_info li a:active, .TeamDetail_info li a:visited { color: rgb(83, 86, 90); font-size: 14px; font-family: "Open Sans"; line-height: 1.8; } .customDiv { background-color: rgb(226, 226, 226); width: 100%; border-top: 4px solid rgb(217, 217, 217); } html, button, input, select, textarea { font-family: "Open Sans"; } #dnn_wrapper { width: auto; } .Page_box_bg { display: none; } #dnn_wrapper { padding-top: 135px !important; } .printlogo { display: none; } a, a:link, a:active, a:visited, a:hover, .Login a:hover { color: rgb(0, 102, 99); font-family: "Open Sans"; } .table-hover > tbody > tr:hover > td { background-color: transparent; } .table-hover > tbody > tr > th { background-color: rgb(245, 245, 245); } .ls-layer, .ls-layer * { font-family: "Open Sans" !important; } a.Button_default { background-color: rgb(0, 102, 99); width: 100%; } #left_menu ul li a { text-transform: none; font-family: "Open Sans"; font-size: 14px; } #left_menu > .gomenu > ul > li > a:hover, #left_menu > .gomenu > ul > li.current > a:hover, #left_menu > .gomenu > ul > li.current > a { background-color: rgb(255, 255, 255) !important; } #left_menu ul li li a:hover, #left_menu ul li li.subcurrent > a { color: rgb(237, 71, 74); } #left_menu ul li li a:hover::before, #left_menu ul li li.subcurrent > a::before { border-right: 1px solid rgb(237, 71, 74); border-bottom: 1px solid rgb(237, 71, 74); } .childmenuitem { color: rgb(83, 86, 90) !important; } .divider { border-top: 2px solid rgb(226, 226, 226); } .price-table1 .price_box, .price-table1 .best_value .price_title, .price-table1 .btn, .price-table2 .price_box, .price-table2 .best_value .price_title, .price-table2 .best_value .price_bottom a.btn, .price-table2 .price_bottom a.btn:hover, .price-table2 [class*="col-"]:hover .price_title, .price-table2 [class*="col-"]:hover .price_bottom a.btn, .price-table3 a.btn:hover, .price-table3 .best_value .price_title, .price-table3 .best_value a.btn, .price-table3 [class*="col-"]:hover .price_title, .price-table3 [class*="col-"]:hover a.btn, .price-table4 a.btn:hover, .price-table4 .best_value .price_title h2, .price-table4 .best_value a.btn, .price-table4 [class*="col-"]:hover .price_title h2, .price-table4 [class*="col-"]:hover a.btn { background-color: rgb(0, 102, 99); } .price-table2 .best_value .price_bottom a.btn, .price-table2 .price_bottom a.btn:hover, .price-table2 [class*="col-"]:hover .price_bottom a.btn { border-color: rgb(0, 102, 99); } .price-table4 .price_box { color: rgb(0, 102, 99); } .chart_list .percentage1, .number_Animation { color: rgb(0, 102, 99); } .loaded_list .progress .bar, .loaded_list2 .progress .bar { background-color: rgb(0, 102, 99); } .Testimonials_1 small span, .Testimonials_2 small span, .Testimonials_4 small span, .Testimonials_5 small span, .Testimonials_9 small span, .Testimonials_10 small { color: rgb(0, 102, 99); } .Testimonials_tab .last_page:hover, .Testimonials_tab .next_page:hover, .Testimonials_5 blockquote p, .Testimonials_6 .dot a.actived, .Testimonials_10 .dot a.actived, .Testimonials_7 .ico, .Testimonials_7 .dot a.actived, .Testimonials_8 .dot a.actived { background-color: rgb(0, 102, 99); } .Testimonials_5 small::before { border-top: 10px solid rgb(0, 102, 99); } .Testimonials_9 .last_page:hover, .Testimonials_9 .next_page:hover { border: 2px solid rgb(0, 102, 99); } .Testimonials_9 .next_page:hover::before { border-bottom: 2px solid rgb(0, 102, 99); border-right: 2px solid rgb(0, 102, 99); } .Testimonials_9 .last_page:hover::before { border-bottom: 2px solid rgb(0, 102, 99); border-left: 2px solid rgb(0, 102, 99); } .Testimonials_8 .dot a.actived { border-color: rgb(0, 102, 99); } .backgroundImage1 { background-color: rgb(0, 102, 99); } .horizontalTab_Top_1 ul.resp-tabs-list li, .horizontalTab_Top_1 ul.resp-tabs-list li:hover, .horizontalTab_Top_2 ul.resp-tabs-list li, .horizontalTab_Top_2 ul.resp-tabs-list li:hover, .horizontalTab_Top_3 ul.resp-tabs-list li, .horizontalTab_Top_3 ul.resp-tabs-list li:hover { background-color: rgb(0, 102, 99); } .verticalTab_Left_1 ul.resp-tabs-list li, .verticalTab_Left_2 ul.resp-tabs-list li, .verticalTab_Left_3 ul.resp-tabs-list li, .verticalTab_Right_1 ul.resp-tabs-list li, .verticalTab_Right_2 ul.resp-tabs-list li, .verticalTab_Right_3 ul.resp-tabs-list li { } .horizontalTab_Top_4 ul.resp-tabs-list li.resp-tab-active span { border-top: 3px solid rgb(0, 102, 99); } .table > thead > tr.success > th { background-color: rgb(0, 102, 99); color: rgb(255, 255, 255); } h4.panel-title a span.h3 { color: rgb(0, 102, 99); font-size: 22px; font-weight: bold; text-align: left; line-height: 1.3; letter-spacing: normal; margin: 5px 0px 0px; font-family: "Open Sans" !important; } div#practice { background: rgb(255, 255, 255); } div.dnnLabel label, div.dnnForm div.fnl-search input { } @media only screen and (max-width: 768px) { .horizontalTab_Top .resp-tab-active, .horizontalTab_Top .resp-tab-active:hover, .verticalTab_Left .resp-tab-active, .verticalTab_Left .resp-tab-active:hover, .verticalTab_Right .resp-tab-active, .verticalTab_Right .resp-tab-active:hover { background-color: rgb(0, 102, 99); } .horizontalTab_Top ul.resp-tabs-list { display: block; } } .accordion_2 .panel-heading .accordion_icon, .accordion_2 .panel-heading a.collapsed:hover .accordion_icon { border-right: 1px solid rgb(0, 102, 99); border-bottom: 1px solid rgb(0, 102, 99); } .quotes_2 blockquote { border-left: 5px solid rgb(0, 102, 99); } .quotes_3 blockquote { background-color: rgb(0, 102, 99); } .quotes_4 blockquote small { color: rgb(0, 102, 99); } .dropcaps_2, .dropcaps_4 { color: rgb(0, 102, 99); } .dropcaps_5, .dropcaps_6 { background: rgb(0, 102, 99); } .Skin_01_Default.galler_datail .single_meta a:hover { color: rgb(237, 71, 74); } .Skin_02_Default #filters li.selected a, .Skin_02_Default #filters li.selected a:hover, .Skin_02_Default .filter-switch, .galler_datail .gallery_tags a:hover { background-color: rgb(0, 102, 99); } .Skin_02_Default #filters li a:hover, .Skin_02_Default .sort_box li a:hover, .Skin_02_Default .portfolio_categories a:hover, .Skin_02_Default.galler_datail .single_meta a:hover, .Skin_02_Default .portfolio_descr .name a:hover { color: rgb(0, 102, 99); } .Skin_02_Default .comment_form .submit_button .CommandButton { } .Skin_03_Default .filter-switch, .Skin_03_Default .view-tenth:hover .portfolio_descr { background-color: rgb(0, 102, 99); } .Skin_03_Default #filters li.selected a, .Skin_03_Default #filters li.selected a:hover, .Skin_03_Default #filters li a:hover, .Skin_03_Default .sort_box li a:hover { color: rgb(0, 102, 99); } .Skin_03_Default .comment_form .submit_button .CommandButton { } .Skin_01_Default.news_list .post_categories a:hover, .Skin_01_Default.news_list .post_more a:hover, .Skin_01_Default.news_detail .post_categories a:hover, .Skin_01_Default.news_detail .post_more a:hover { } .Skin_03_Simple .single_meta a:hover, .Skin_03_Simple.simple_list h2.news_title a:hover { } .Skin_04_Box .post_date a:hover, .Skin_04_Box.news_list h2.news_title a:hover { } .Skin_04_Box .post_categories a:hover { background-color: rgb(0, 102, 99); } .Skin_04_Box .comment_form .submit_button .CommandButton { } .Skin_05_timeline .news_post_box .post_box h2.news_title a:hover, .Skin_05_timeline .news_post_box .post_box .post_date a:hover, .Skin_05_timeline .news_detail_top h2.news_title { color: rgb(0, 102, 99); } .Skin_05_timeline .news_post_box .post_box .post_more a:hover { background: rgb(0, 102, 99); border: 1px solid rgb(0, 102, 99); } .Skin_05_timeline .news_detail_top .tab_right .news_detail_username a:hover, .Skin_05_timeline.news_detail .post_date a:hover, .Skin_05_timeline .comment_content .comment_date a, .Skin_05_timeline .comment_content .comment_date a:link, .Skin_05_timeline .comment_content .comment_date a:active, .Skin_05_timeline .comment_content .comment_date a:visited, .Skin_05_timeline .comment_content .comment_date a:hover, .Skin_05_timeline .post_author_info .author_desc { } .Skin_05_timeline .news_date_box span, .Skin_05_timeline .news_date_box span i, .Skin_05_timeline .news_more_box span, .Skin_05_timeline .news_more_box .line span, .Skin_05_timeline .news_post_box .news_post .dot, .Skin_05_timeline .news_date_box span, .Skin_05_timeline .news_date_box span i, .Skin_05_timeline .news_more_box span, .Skin_05_timeline .xblog_page .pager { background-color: rgb(0, 102, 99); } .Skin_05_timeline .comment_form .Post_button .CommandButton { } .Theme_21_LinkAndZoom_Normal .next:hover, .Theme_21_LinkAndZoom_Normal .prev:hover, .Theme_21_LinkAndZoom_Normal .pager a.selected, .Theme_21_LinkAndZoom_Default .next:hover, .Theme_21_LinkAndZoom_Default .prev:hover, .Theme_21_LinkAndZoom_Default .pager a.selected { } .Theme_19_Normal .filter_navigation ul li.selected a, .Theme_19_Normal .filter_navigation ul li a:hover { } .Theme_19_Default .filter_navigation ul ul li.selected a, .Theme_19_Default .filter_navigation ul ul li a:hover, .Theme_19_Default .view-tenth .mask { } .Theme_13_Elegant .unoslider_left, .Theme_13_Elegant .unoslider_right, .Theme_13_Elegant .unoslider_indicator a.unoslider_indicator_active { } .carousel_1 .item:hover .ico .glyphicons, .carousel_1 .item:hover .ico .socia, .carousel_1 .item:hover a.Button_normal, .carousel_3 .pic, .carousel_2 .owl-buttons .owl-prev:hover, .carousel_2 .owl-buttons .owl-next:hover, .carousel_4 .owl-buttons .owl-prev:hover, .carousel_4 .owl-buttons .owl-next:hover, .carousel_4 .item:hover .sliding { background-color: rgb(0, 102, 99); } .carousel .owl-page.active, .carousel .owl-buttons .owl-prev:hover, .carousel .owl-buttons .owl-next:hover { border: 2px solid rgb(0, 102, 99); } .carousel .owl-buttons .owl-prev:hover::before { border-left: 2px solid rgb(0, 102, 99); border-bottom: 2px solid rgb(0, 102, 99); } .carousel .owl-buttons .owl-next:hover::before { border-right: 2px solid rgb(0, 102, 99); border-bottom: 2px solid rgb(0, 102, 99); } .carousel_1 .item:hover .ico { background: rgb(0, 102, 99); border: 2px solid rgb(0, 102, 99); } .carousel_1 .item:hover h3 { color: rgb(0, 102, 99); } a.breadcrumb:hover { color: rgb(0, 102, 99); } .serviceAnimation h3, .TeamDetail_right .Teamtitle span, .info_list li h3 span, .about_content h3 span, .TeamDetail_left .team_social a, .TeamDetail_info li a:hover, .our_team1 .team_title span, .our_team1 .team_social a, .our_team1 .team_title span, .our_team1 .team_social a, .Service_Box:hover dt, .social_list2 a:hover, .advantage_box:hover h3, .evaluate blockquote small span, .color, .full_screen_pic .content .title span, .full_screen_pic #nextPage, .blockquote1 small span, .list_style11 li::before { color: rgb(0, 102, 99); } .full_screen_pic #nextPage::after { border-right-color: rgb(0, 102, 99); border-bottom-color: rgb(0, 102, 99); } .service_left { border-right: 1px dashed rgb(0, 102, 99); } .service_right { border-left: 1px dashed rgb(0, 102, 99); } .info_list .info_box::before, .info_list::before, .advantage_box:hover .advantage_ico { border: 2px solid rgb(0, 102, 99); } .info_list li.active, .serviceAnimation li .number, .serviceAnimation li::before, .ContentTop_bg, .ContentBottom_bg, .info_list .info_box:hover, .list_style2 li::before, .list_style5 li:hover, .list_style6 li .ico, .list_style7 li .ico, .list_style8 li .ico, .faq_list dt .ico_q, .Service_Box dd .glyphicons, .Service_Box dd .social, .tags_list a:hover, .image_gallery a, .advantage_box:hover a.Button_normal, .advantage_box:hover .advantage_ico .glyphicons, .advantage_box:hover .advantage_ico .socia, .advantage_box:hover .advantage_ico, .list_style10 li span, .carousel_5 .owl-buttons .owl-prev:hover, .carousel_5 .owl-buttons .owl-next:hover, .carousel_5 .but, .accordion_5 .panel-title a, .list_1 li .ico span, .banner4content2, .magic_box, .magic_box .up, .magic_box .down, .blockquote1 .mark, .isotope_grid .isotope_group a:hover, .isotope_grid .isotope_group a.active, .isotope_grid .isotope_item .photo_box .shade, .ServeList_2 .ico, .ServeList_2 .but, .accordion_6 .panel-title a.collapsed .accordion_icon, .accordion_6 .panel-title a .accordion_icon { background-color: rgb(0, 102, 99); } #to_top { border: 3px solid rgb(0, 102, 99); color: rgb(0, 102, 99); } #to_top::before { border-bottom: 8px solid rgb(0, 102, 99); } .Theme_Responsive_Default button.btn, .Theme_Responsive_Default input[type="submit"].btn, .Theme_Responsive_Default input[type="reset"].btn { } .ServeList_1 .ico { border-color: rgb(0, 102, 99); color: rgb(0, 102, 99); } .accordion_5 .panel-default .panel-collapse .panel-body { } .SliderRevolution3D .banner4more a:hover, .employeesContent .glyph a:hover { } .Testimonials_10 small { color: rgb(237, 71, 74); } .Testimonials_10 .dot a.actived { background-color: rgb(237, 71, 74); } .player_boxes .player_line { border-top-color: rgb(0, 102, 99); } @media only screen and (min-width: 768px) and (max-width: 991px) { .service_left { } .service_right { } } .Container-10 .dnntitle { background: rgb(0, 102, 99); } .title2 { color: rgb(0, 102, 99); } .title8 { border-bottom: 3px solid rgb(0, 102, 99); } .title9 { border-left: 2px solid rgb(0, 102, 99); } .Container-22 .dnntitle .dash_line_center, .Container-23 .dnntitle .dash_line { } .Text_layouts .photo_box a:hover span, .Sidebar_layouts_categories .glyphicons, .Sidebar_layouts_links .glyphicons { color: rgb(0, 102, 99); } .List_layouts_text hr { border-color: rgb(0, 102, 99); } a.portfolios_default_btn, .Single_page a { color: rgb(0, 102, 99); border-color: rgb(0, 102, 99); } a.page_control:hover, a.page_number:hover { border-color: rgb(0, 102, 99); } a.portfolios_default_btn:hover, .Single_page a:hover { background-color: rgb(0, 102, 99); } .home6_head .line, .home6_head .line_center, .home6_isotope .isotope_grid .isotope_item .photo_box .ico span, .home6_text3_left_title span.glyphicons, .home6_text3_right_title span.glyphicons, .home6_contact_info .glyphicons { background-color: rgb(0, 102, 99); } .home6_text2_ul ul li span { color: rgb(0, 102, 99); } .home6_contact_social a:hover { } .footer_top .Theme_Responsive_20060_home6 .form_submit input { background: rgb(0, 102, 102); } .footer_top .Theme_Responsive_20060_home6 .form_submit input:hover { background: rgb(85, 85, 85); } .arrow_icon { background-color: rgb(237, 71, 74); } .home7_anchor_bg, .home7_text2_ul .arrow_icon, .home7_text3_content span.glyphicons, .price-table5 .price_title, .price-table5 .price_border:hover .price_box::before, .price-table5 .price_border:hover .price_holder ul li:nth-child(2n+1)::before, .price-table5 .best_value .price_box::before, .price-table5 .best_value .price_holder ul li:nth-child(2n+1)::before { background-color: rgb(0, 102, 99); } .home7_employees_content a:hover, .Testimonials_11 .last_page:hover, .Testimonials_11 .next_page:hover, .home7_text4 a:hover { background-color: rgb(0, 102, 99); border-color: rgb(0, 102, 99); } .percentage2 { background-color: rgb(0, 102, 99); color: rgb(0, 102, 99); } .home7_head .dash_line, .home7_head .dash_line_center, .price-table5 .price_border:hover .price_holder, .price-table5 .price_border:hover .price_box, .price-table5 .best_value .price_holder, .price-table5 .best_value .price_box, .home7_touch_social a:hover { border-color: rgb(0, 102, 99); } .price-table5 .price_box, .home7_touch_social a:hover span.social { color: rgb(0, 102, 99); } #dnn_content .Theme_Responsive_20060_home7 .form_submit input { background: rgb(0, 102, 99); } #dnn_content .Theme_Responsive_20060_home7 .form_submit input:hover { background: rgb(85, 85, 85); } .banner2more:hover, .banner4more:hover, .banner7_btn:hover { background-color: rgb(0, 102, 99); border-color: rgb(0, 102, 99); } .banner6_btn { background-color: rgb(0, 102, 99); } .banner7_text1 span { color: rgb(0, 102, 99); } h1 { font-family: "Open Sans"; font-size: 48px; line-height: 1em; font-weight: 600; color: rgb(83, 86, 90); } h2 { line-height: 1.2; font-family: "Open Sans"; font-size: 36px; color: rgb(0, 102, 99); } h3 { color: rgb(0, 102, 99); font-family: "Open Sans"; font-size: 22px; text-align: left; line-height: 1.3; } h4 { color: rgb(0, 102, 99); font-family: "Open Sans"; font-size: 18px; line-height: 16px; font-weight: 600; } h5 { color: rgb(0, 102, 99); font-family: "Open Sans"; font-size: 18px; line-height: 16px; } h6 { color: rgb(0, 102, 99); font-family: "Open Sans"; font-size: 16px; line-height: 14px; font-weight: 600; } @media only screen and (min-width: 1200px) and (max-width: 1399px) { .h21 { font-family: "Open Sans"; font-size: 36px; line-height: 30px; color: rgb(255, 255, 255); font-weight: 900; } } .h21 { font-family: "Open Sans"; font-size: 42px; line-height: 30px; color: rgb(255, 255, 255); font-weight: 900 !important; } .dnn_logo { padding: 0px; float: left; height: 90px; line-height: 90px; } .dnn_logo img { max-height: 100%; padding: 5px 0px 20px; } * + html .dnn_logo img { max-width: none; } .dnn_logo_Printable { padding: 0px; margin-left: 80%; visibility: hidden; } .dividers_Printable { border-top: none; border-right: none; border-left: none; border-image: initial; border-bottom: 1px solid rgb(235, 235, 235); height: 0px; width: 100%; clear: both; display: block; overflow: hidden; margin: 5px 0px; visibility: hidden; } .nav_box { text-align: left; margin: 0px; padding-bottom: 20px; } .pulldownsearch { float: right; position: relative; text-align: center; border: none; z-index: 1000; height: 90px !important; } .pulldownsearch .searchbut { margin: -20px 0px 0px -20px; line-height: 40px; border: none; border-radius: 50%; } .searchBox::before { display: none; } .searchBox { margin-top: -60px; box-shadow: none; border-radius: 0px; position: absolute !important; z-index: 20 !important; } .dnn_menu { float: right; padding: 0px; margin: 0px; vertical-align: middle; } * + html .pulldownsearch, * + html .dnn_menu { display: inline; vertical-align: middle; } .searchbut, #search2 > span > a, .mobile_icon { color: rgb(255, 255, 255); } .multi_menu { font-family: "Open Sans"; } .rotated { transform: rotate(-90deg); } .chevron-updown { font-size: 16px; color: rgb(154, 190, 170); } .multi_menu_header { font-family: "Open Sans"; font-size: 18px; line-height: 28px; font-weight: bold; color: rgb(83, 86, 90); padding: 20px 20px 10px; border-bottom: 1px solid rgb(229, 229, 229); } #dnngo_megamenu ul { font-family: "Open Sans"; } #dnngo_megamenu .dnngo_menuslide { margin: 0px; } #dnngo_megamenu > div > ul { display: inline-block; vertical-align: middle; padding: 0px 0px 0px 3px !important; } * + html #dnngo_megamenu > div > ul { display: inline; } #dnngo_megamenu > div > ul > li { background: none; height: 90px; line-height: 90px; display: block; } #dnngo_megamenu > div > ul > li li { line-height: 1.8; } #dnngo_megamenu > div > ul > li > a { vertical-align: middle; display: inline-block; line-height: 1.8; } #dnngo_megamenu > div > ul > li > a:hover > span, #dnngo_megamenu > div > ul > li.dir > a:hover > span, #dnngo_megamenu > div > ul > li.menu_hover > a > span, #dnngo_megamenu > div > ul > li.current > a > span { } .roll_menu roll_activated #dnngo_megamenu > div > ul > li > a:hover > span, .roll_menu.roll_activated #dnngo_megamenu > div > ul > li.dir > a:hover > span, .roll_menu.roll_activated #dnngo_megamenu > div > ul > li.menu_hover > a > span, .roll_menu.roll_activated #dnngo_megamenu > div > ul > li.current > a > span { border: 1px solid rgb(255, 255, 255); } #dnngo_megamenu > div > ul > li > a > span { letter-spacing: 2px; padding: 0px 8px; display: block; color: rgb(255, 255, 255); transition: color 200ms ease-in 0s; height: 40px; line-height: 40px; font-size: 15px; text-transform: capitalize; font-weight: bold; border: 1px solid transparent; margin: 0px 5px; } #dnngo_megamenu > div > ul > li.dir > a > span { white-space: nowrap; } #dnngo_megamenu > div > ul > li.dir > a > span:hover { text-decoration: underline; color: rgb(154, 190, 170) !important; } #dnngo_megamenu > div > ul > li.dir > a > span::after { } #dnngo_megamenu > div > ul > li.menu_hover > a > span, #dnngo_megamenu > div > ul > li.current > a > span { } #dnngo_megamenu .dnngo_boxslide .menu_centerbox ul li li a { color: rgb(255, 255, 255); } #dnngo_megamenu .dnngo_boxslide .menu_centerbox > ul > li > a > span, #dnngo_megamenu .dnngo_boxslide .dnngo_masonrymenu > ul > li > a > span, #dnngo_megamenu .dnngo_boxslide .dnngo_masonrymenu > ul > li > a, #dnngo_megamenu .dnngo_boxslide .menu_centerbox ul li li a:hover, h2.mega_title { color: rgb(0, 102, 99); } #dnngo_megamenu .dnngo_slide_menu ul { background-color: rgb(22, 81, 79); } #dnngo_megamenu .dnngo_slide_menu, #dnngo_megamenu .dnngo_boxslide { background-color: rgb(22, 81, 79); box-shadow: rgb(0, 0, 0) 0px 0px 2px; } #dnngo_megamenu .dnngo_slide_menu li a { color: rgb(255, 255, 255); } #dnngo_megamenu .dnngo_slide_menu li a:hover, #dnngo_megamenu .dnngo_slide_menu li.menu_hover > a { color: rgb(154, 190, 170); text-decoration: underline; } #dnngo_megamenu .dnngo_slide_menu li a span { color: inherit; display: block; padding: 9px 60px 9px 24px; margin: 0px; background: none; white-space: nowrap; font-size: 13px; } #dnngo_megamenu .dnngo_boxslide .menu_centerbox ul li li a:hover span::before { } #dnngo_megamenu .dnngo_boxslide .menu_rightbox .Normal, #dnngo_megamenu .dnngo_boxslide .menu_leftbox .Normal, #dnngo_megamenu .dnngo_boxslide .menu_topbox .Normal, #dnngo_megamenu .dnngo_boxslide .menu_bottombox .Normal, #dnngo_megamenu .dnngo_boxslide .menu_rightbox, #dnngo_megamenu .dnngo_boxslide .menu_leftbox, #dnngo_megamenu .dnngo_boxslide .menu_topbox, #dnngo_megamenu .dnngo_boxslide .menu_bottombox { color: rgb(255, 255, 255); } @media only screen and (min-width: 1200px) and (max-width: 1400px) { #dnngo_megamenu > div > ul > li.dir > a::before { margin-left: -24px; } #dnngo_megamenu > div > ul > li > a > span { padding: 0px 6px; } #dnngo_megamenu .dnngo_slide_menu li a span { font-size: 14px; } #dnngo_megamenu > div > ul > li > a > span { font-size: 16px; } } @media only screen and (min-width: 1400px) { #dnngo_megamenu > div > ul > li.dir > a::before { margin-left: -24px; } #dnngo_megamenu > div > ul > li > a > span { padding: 0px 20px; } #dnngo_megamenu .dnngo_slide_menu li a span { font-size: 15px; } #dnngo_megamenu > div > ul > li > a > span { font-size: 20px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { #dnngo_megamenu > div > ul > li > a > span { letter-spacing: 0px; padding: 0px 3px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { #dnngo_megamenu > div > ul > li > a > span { letter-spacing: 0px; padding: 0px 10px; } .Sidebar_layouts_categories .glyphicons { margin-left: -22px; } } @media only screen and (min-width: 1200px) and (max-width: 1399px) { #dnngo_megamenu > div > ul > li > a > span { letter-spacing: 3px; padding: 0px 8px; } .roll_menu.roll_activated .dnn_logo img { max-width: 160px !important; } .Sidebar_layouts_categories .glyphicons { margin-left: -22px; } } @media only screen and (max-width: 991px) { .header_element.Open .icon { background-color: rgb(0, 102, 99); color: rgb(255, 255, 255); } .multi_menu ul li li.active > a, .multi_menu ul li a:hover { color: rgb(0, 102, 99); } .multi_menu ul li.current > a, .multi_menu ul li.current > a:hover { background-color: rgb(0, 102, 99); } .header_element { border-left: 1px solid rgb(0, 102, 99); border-right: 1px solid rgb(0, 102, 99); } .header_bg .head_mid { position: relative; } .mobile_icon { border: none; position: absolute; right: 15px; top: 50%; margin: -25px 0px 0px; } } .roll_menu.roll_activated { position: fixed; background-color: rgb(110, 110, 110); width: 100%; z-index: 991; left: 0px; box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 3px; } .roll_menu.roll_activated .header_top { display: none; } .roll_menu.roll_activated .head_mid { display: none; } .roll_menu.roll_activated .nav_box { margin: 0px; } .roll_menu.roll_activated .dnn_logo { display: block; float: left; margin: 5px 0px; line-height: 40px !important; height: 60px !important; } .roll_menu.roll_activated .dnn_logo img { max-height: 100%; } .roll_menu.roll_activated #dnngo_megamenu > div > ul > li { line-height: 50px; height: 50px; } .roll_menu.roll_activated #right_folding { display: none; } .roll_menu.roll_activated .dnn_menu { float: right; } .roll_menu.roll_activated .pulldownsearch { display: none; } .roll_replace { position: absolute; } .body_bg { position: relative; } .header_bg { position: absolute; top: 0px; left: 0px; width: 100%; z-index: 100; border-bottom: 4px solid rgb(0, 69, 67); background-color: rgb(0, 102, 99); opacity: 0.98; } .header_bg .before { content: ""; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; z-index: -1; background-color: rgb(0, 102, 99); opacity: 0.98; } .header_top { width: 100%; height: 50px; background-color: rgb(12, 89, 87); } .right-skew { position: relative; } .right-skew::before { z-index: -1; content: ""; position: absolute; top: 0px; bottom: 0px; left: -45px; display: block; width: 175%; background: rgb(12, 89, 87); transform: skew(90deg); } .left-skew { position: relative; height: 50px; width: 43%; background: rgb(12, 89, 87); margin-left: 30%; color: white; } @media only screen and (min-width: 1400px) { .left-skew { position: relative; height: 50px; background: rgb(12, 89, 87); margin-left: 30%; color: white; } } .left-skew::before { position: absolute; content: ""; left: -50px; top: 0px; border-style: solid; border-color: rgb(12, 89, 87) transparent; border-width: 50px 0px 0px 50px; } .HeadPane { float: left; height: 50px; line-height: 50px; } .HeadPane .Normal { padding: 0px; line-height: 50px; } .Login { float: right; } .Login, .Login a, .Login a:link, .Login a:active, .Login a:visited, .HeadPane .Normal, .HeadPane a, .HeadPane a:link, .HeadPane a:active, .HeadPane a:visited, .HeadPane a:hover, .header_element .icon { color: rgb(255, 255, 255); } .Open .Login, .Open .Login a, .Open .Login a:link, .Open .Login a:active, .Open .Login a:visited, .Open .HeadPane .Normal, .Open .HeadPane a, .Open .HeadPane a:link, .Open .HeadPane a:active, .Open .HeadPane a:visited, .Open .HeadPane a:hover { color: rgb(255, 255, 255); } .Login .registerGroup li.userMessages a { line-height: 20px; } .Login .registerGroup li.userMessages a span { background: rgb(0, 102, 99); top: -4px; } .Login a:hover, .Open .Login a:hover { color: rgb(0, 102, 99); } .Login .registerGroup li.userMessages, .Login .registerGroup li.userNotifications { border-right: 1px solid rgb(0, 102, 99); height: 20px; line-height: 20px; overflow: visible; margin: -6px 0px -2px; } .Login .loginGroup, .Login .registerGroup { height: 20px; line-height: 20px; margin: 15px 0px; padding: 0px 1px 0px 15px; border-right: none; border-left: 1px solid rgb(0, 102, 99); } .Login .loginGroup { border-right: none; padding: 0px 1px 0px 15px !important; } @media only screen and (min-width: 1200px) and (max-width: 1399px) { .Login .loginGroup { padding: 0px 1px 0px 8px !important; } } .languageBox { border-left: none; height: 50px; line-height: 50px; padding: 0px 8px 0px 15px; } .languageBox img { width: 22px; height: 16px; } .languageBox span img { border: 2px solid rgb(66, 66, 66); border-radius: 2px; } .languageBox span.selected img { box-shadow: none; } @media only screen and (max-width: 767px) { .header_bg { position: relative; } .header_bg .before { opacity: 1; } .header_top { border-bottom: 1px solid rgba(255, 255, 255, 0.2); } .HeadPane .Normal { line-height: 34px; padding: 0px 15px; } .Login .loginGroup, .Login .registerGroup { height: 34px; line-height: 34px; margin: 0px; } .Login .registerGroup li.userMessages, .Login .registerGroup li.userNotifications { height: 34px; line-height: 34px; margin: -6px 0px -4px; } .Login .registerGroup li.userMessages a { line-height: 31px; } .Login .registerGroup li.userMessages a span { top: 2px; } .languageBox { height: 34px; line-height: 34px; } .dnn_logo { max-width: 100%; } .dnn_logo img { padding: 5px 40px 5px 0px; margin-left: 10px; } .roll_replace, .roll_menu.roll_activated { position: relative; } } .footer_top a, .footer_top a:link, .footer_top a:active, .footer_top a:visited, .footer_top a:hover, .home7_foot_accent, .home7_foot_social a:hover span { color: rgb(154, 190, 170); } .home7_foot_social a { color: rgb(255, 255, 255) !important; } .home7_foot_social a:hover { color: rgb(0, 102, 102) !important; } .home7_social_arrow { border-color: rgb(255, 255, 255); } .home7_foot_social a:hover .home7_social_arrow { border-color: rgb(0, 102, 102); } .footer_top .arrow_icon { background-color: rgb(0, 102, 102); } .footer_top .title17, .footer_top .title18 { color: rgb(255, 255, 255); } .footer_top .title21 { color: rgb(0, 102, 102); } .footer_top .Theme_Responsive_20060_home1 .submit_but, .footer_top .Theme_Responsive_20060_home4 button.btn, .footer_top .Theme_Responsive_20060_home4 input.btn[type="submit"], .footer_top .Theme_Responsive_20060_home4 input.btn[type="reset"] { background: rgb(0, 102, 102); } .footer_top .Theme_Responsive_20060_home1 .submit_but:hover, .footer_top .Theme_Responsive_20060_home4 button.btn:hover, .footer_top .Theme_Responsive_20060_home4 input.btn[type="submit"]:hover, .footer_top .Theme_Responsive_20060_home4 input.btn[type="reset"]:hover { background: rgb(33, 33, 33); } .footer_top .Testimonials_10 p, .footer_top .posts_list2 li, .list_style9 li a, .list_style9 li a:link { color: rgb(255, 255, 255); } .footer_top .Testimonials_10 .dot a { background: rgb(255, 255, 255); } .tags_list2 a, .tags_list2 a:link, .tags_list2 a:active, .tags_list2 a:visited { border-color: rgb(255, 255, 255); color: rgb(255, 255, 255); } .font-icons a, .font-icons a:link, .font-icons a:active, .font-icons a:visited { color: rgb(255, 255, 255); } .font-icons a:hover { color: rgb(0, 102, 102); } .social_list2 a, .social_list2 a:link, .social_list2 a:active, .social_list2 a:visited { color: rgb(255, 255, 255); } .Theme_Normal_Bottom .btn, .Theme_Responsive_Default button.btn:hover, .Theme_Responsive_Default input[type="submit"].btn, .Theme_Responsive_Default input[type="reset"].btn, .footer_box .photo_box .ico span { background-color: rgb(0, 102, 102) !important; } .footer_top { background-color: rgb(83, 86, 90); } .footer_bottom { background-color: rgb(73, 73, 73); } .footer_top .title3 { color: rgb(255, 255, 255); } .footer_top, .footer_top .Normal, .link_list li, .link_list li a, .link_list li a:link, .link_list li a:active, .link_list li a:visited { color: rgb(255, 255, 255); } .tags_list2 a:hover { background-color: rgb(0, 102, 102); border-color: rgb(0, 102, 102); } .footer_bottom, .footer_bottom .Normal, .copyright_style, .copyright_style a, .copyright_style a:link, .copyright_style a:active, .copyright_style a:visited, .FooterPane .Normal, .FooterPane a, .FooterPane a:link, .FooterPane a:active, .FooterPane a:visited { color: rgb(255, 255, 255); } .copyright_style a:hover, .FooterPane a:hover { color: rgb(0, 102, 102); } .link_list li a:hover, .footer_box .Testimonials_10 small, .footer_box .social_list2 a:hover, .list_style9 li a:hover { color: rgb(0, 102, 102); } .footer_box .Testimonials_10 .dot a.actived, .footer_box .tags_list a:hover, .footer_box .image_gallery a { background-color: rgb(0, 102, 102); } .Foot_line { border-bottom: 1px solid rgb(49, 49, 49); } .BannerBox { background-color: rgb(255, 255, 255); background-position: center top; background-attachment: scroll; background-repeat: repeat; background-size: auto; } #dnn_content { background-repeat: no-repeat; } .photo_box .ico span, .photo_box.ico_push_in .ico, .photo_box.content_top_increment .content h3, .content_sytle_2 .shade, .photo_box.content_push_in .content, .photo_box:hover.entirety_bevel .shade { background-color: rgb(0, 102, 99); } .photo_box.icon_tag_push .ico::before { border-right-color: rgb(0, 102, 99); border-top-color: rgb(0, 102, 99); } .text_sytle_4 h3 span { border-bottom-color: rgb(0, 102, 99); } .flip_box_1 .front .glyphicons, .flip_box_1 .back a.but, .flip_box_3 .back { background-color: rgb(0, 102, 99); } .boxes_style_1 .boxes, .boxes_style_6, .boxes_style_6 .boxes { border-color: rgb(0, 102, 99); } .boxes_style_1 .Boxes_title, .boxes_style_6 .Boxes_title { color: rgb(0, 102, 99); } .boxes_style_3 .boxes { border-top-color: rgb(0, 102, 99); } .boxes_style_3 .Boxes_title::before, .boxes_style_4 .Boxes_title::before, .boxes_style_4 .boxes { border-bottom-color: rgb(0, 102, 99); } .boxes_style_5 .boxes, .boxes_style_8 .boxes { border-left-color: rgb(0, 102, 99); } @media only screen and (min-width: 768px) and (max-width: 991px) { .roll-sm.roll_menu.roll_activated { position: relative !important; top: 0px !important; left: 0px !important; opacity: 1 !important; } .roll_menu.roll_activated .roll-sm { display: none !important; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .roll-md.roll_menu.roll_activated { position: relative !important; top: 0px !important; left: 0px !important; opacity: 1 !important; } .roll_menu.roll_activated .roll-md { display: none !important; } .Login .loginGroup, .Login .registerGroup { height: 20px; line-height: 20px; margin: 15px 0px 15px -25px; padding: 0px 1px 0px 15px; border-right: none; border-left: 1px solid rgb(0, 102, 99); } #dnn_dnnLogin_enhancedLoginLink { margin-left: 10px; } } @media only screen and (min-width: 1200px) { .roll-lg.roll_menu.roll_activated { position: relative !important; top: 0px !important; left: 0px !important; opacity: 1 !important; } .roll_menu.roll_activated .roll-lg { display: none !important; } } .parentdiv { position: relative; margin-top: 0px; margin-left: 0px; z-index: 84; background-color: rgb(154, 190, 170); padding: 2%; } .buttondiv { float: left; position: relative; width: 206px; height: 50px; margin-top: 10px; margin-bottom: 50px; margin-left: 25%; z-index: 85; background-color: rgb(154, 190, 170); opacity: 1; } .buttondiv a { } .buttondiv:hover { background-color: rgb(77, 146, 135); border: none; } .button { margin-top: 20px; margin-left: 40px; font-family: "Open Sans"; font-size: 13px; line-height: 10px; color: rgb(0, 102, 99); font-weight: bold; text-shadow: rgba(255, 255, 255, 0.5) 1px 1px 1px; } .buttondiv:hover .button > a { color: white; text-shadow: none; } .button > a:hover { color: white; text-shadow: none; text-decoration: none; } .button > a:visited { border-bottom-color: white; } .childdiv { position: relative; width: 100%; height: auto; z-index: 85; background-color: rgb(154, 190, 170); border: 3px solid rgb(0, 102, 99); opacity: 1; } .parentdiv:hover { background-color: rgb(77, 146, 135); border: 7px solid rgb(0, 102, 99) !important; } .parentdiv:hover .childdiv { background-color: rgb(77, 146, 135); border: none; width: 100%; height: auto; } .parentdiv:hover .CTAButton { color: white; text-shadow: none; } .childdiv:hover .CTAButton { color: white; text-shadow: none; } .CTAButton { padding-top: 10%; padding-bottom: 10%; text-align: center; font-family: "Open Sans"; font-size: 30px; line-height: 24px; color: rgb(0, 102, 99); font-weight: bold; text-shadow: rgba(255, 255, 255, 0.5) 1px 1px 1px; } #social-icons { float: left; position: relative; margin-top: 136px; margin-left: -513px; z-index: 157; min-height: 30px; } #twitter { float: left; position: relative; width: 25px; height: 21px; margin-top: 5px; margin-left: 0px; z-index: 156; } #linkedin-1 { float: left; position: relative; width: 35px; margin-top: 0px; margin-left: 20px; z-index: 152; min-height: 23px; } #linkedin { float: left; position: relative; width: 25px; height: 23px; margin-top: 0px; margin-left: 0px; z-index: 151; background-color: rgb(255, 255, 255); border-radius: 2.625px / 2.645px; } #facebook { float: left; position: relative; width: 14px; height: 28px; margin-top: 1px; margin-left: 20px; z-index: 148; } #youtube { float: left; position: relative; width: 27px; height: 30px; margin-top: 0px; margin-left: 20px; z-index: 144; } #instagramBot { float: left; position: relative; width: 30px; height: 30px; margin-top: 0px; margin-left: 20px; z-index: 156; } #divstyle1 { float: right; position: relative; margin-top: 0px; z-index: 159; } .cardpadding { margin-top: 30px !important; } .card-col-Ad { text-align: center; position: relative; background-color: rgb(249, 249, 249); margin-top: 100px; padding-bottom: 50px; padding-left: 5px; } .card-col-left { float: left; position: relative; width: 95%; background-color: rgb(249, 249, 249); margin-top: 10px; border-left: 5px solid rgb(217, 217, 217); padding: 10px; } .card-col-right { float: left; position: relative; width: 100%; background-color: rgb(249, 249, 249); margin-top: 10px; border-left: 5px solid rgb(217, 217, 217); padding: 10px; } .card-col-left:hover { background-color: rgb(238, 238, 238); } .card-col-right:hover { background-color: rgb(238, 238, 238); } .text-style-2 { margin: 0px; padding: 20px; text-indent: 0px; text-align: left; font: 16px "Open Sans"; text-transform: none; text-decoration: none; color: rgb(255, 255, 255); letter-spacing: normal; } .text-style-4 { margin: 0px; padding: 0px; text-indent: 0px; text-align: left; font: bold 18px "Open Sans"; text-transform: none; text-decoration: none; color: rgb(0, 102, 99); letter-spacing: normal; } .text-style-5 { margin: 0px; padding: 0px; text-indent: 0px; text-align: left; font: italic 15px / 32px "Open Sans"; text-transform: none; text-decoration: none; color: rgb(83, 86, 90); letter-spacing: normal; } .text-style-5-1 { font: 14px "Open Sans"; } .text-style-15 { margin: 0px; padding: 0px; text-indent: 0px; text-align: left; font: 600 14px "Open Sans"; text-transform: none; text-decoration: none; color: rgb(0, 102, 99); letter-spacing: normal; } .text-style-1 { margin: 0px; padding: 0px; text-indent: 0px; text-align: left; font: 19px / 32px "Open Sans"; text-transform: none; text-decoration: none; color: rgb(83, 86, 90); letter-spacing: normal; } .text-style-3 { margin: 0px; padding: 0px; text-indent: 0px; text-align: left; font: 19px / 25px "Open Sans"; text-transform: none; text-decoration: none; color: rgb(83, 86, 90); letter-spacing: normal; } .text-style-6 { margin: 0px; padding: 0px; text-indent: 0px; text-align: left; font: 600 20px / 24px "Open Sans"; text-transform: none; text-decoration: none; color: rgb(242, 242, 242); letter-spacing: normal; } .text-style-7 { margin: 0px; padding: 0px; text-indent: 0px; text-align: left; font: 14px / 24px "Open Sans"; text-transform: none; text-decoration: none; color: rgb(255, 255, 255); letter-spacing: normal; } .text-style-8 { margin: 0px; padding: 0px; text-indent: 0px; text-align: left; font: 16px / 28px "Open Sans"; text-transform: none; text-decoration: none; color: rgb(241, 241, 241); letter-spacing: normal; } .text-style-9 { margin: 0px; padding: 0px; text-indent: 0px; text-align: center; font: 600 20px / 9px "Open Sans"; text-transform: none; text-decoration: none; color: rgb(83, 86, 90); letter-spacing: normal; } .text-style-10 { margin: 0px; padding: 0px; text-indent: 0px; text-align: left; font: 600 16px / 36px "Open Sans"; text-transform: none; text-decoration: none; color: rgb(255, 255, 255); letter-spacing: normal; } .text-style-11 { margin: 0px; padding: 0px; text-indent: 0px; text-align: center; font: 600 14px / 16px "Open Sans"; text-transform: none; text-decoration: none; color: rgb(83, 86, 90); letter-spacing: normal; } .text-style-12 { margin: 0px; padding: 0px; text-indent: 0px; text-align: center; font: bold 32px / 38px "Open Sans"; text-transform: none; text-decoration: none; color: rgb(0, 102, 99); letter-spacing: normal; } .text-style-13 { margin: 0px; padding: 0px; text-indent: 0px; text-align: left; font: 18px / 30px "Open Sans"; text-transform: none; text-decoration: none; color: rgb(255, 255, 255); letter-spacing: normal; } .text-style-14 { margin-top: 10px; text-indent: 0px; text-align: left; font: 14px "Open Sans"; text-transform: none; text-decoration: none; color: rgb(255, 255, 255); letter-spacing: normal; } .text-style-17 { margin: 0px; padding: 0px; text-indent: 0px; text-align: left; font: 600 18px / 36px "Open Sans"; text-transform: none; text-decoration: none; color: rgb(154, 190, 170); letter-spacing: normal; } .text-style-18 { margin: 0px; padding: 5px 0px 0px; text-indent: 0px; text-align: left; font: 22px / 24px "Open Sans"; text-transform: none; text-decoration: none; color: rgb(255, 255, 255); letter-spacing: normal; } .text-style-19 { margin: 0px; padding: 0px; text-indent: 0px; text-align: left; font: 15px / 25px "Open Sans"; text-transform: none; text-decoration: none; color: rgb(83, 86, 90); letter-spacing: normal; } .text-style-20 { margin: 0px; padding: 0px; text-indent: 0px; text-align: left; font: 600 19px / 25px "Open Sans"; text-transform: none; text-decoration: none; color: rgb(83, 86, 90); letter-spacing: normal; } .text-style-21 { margin: 0px; padding: 0px; text-indent: 0px; text-align: center; font: 19px / 23px "Open Sans"; text-transform: none; text-decoration: none; color: rgb(83, 86, 90); letter-spacing: normal; } .text-style-22 { margin: 0px; padding: 0px; text-indent: 0px; text-align: center; font: 20px / 24px "Open Sans"; text-transform: none; text-decoration: none; color: rgb(0, 102, 99); letter-spacing: normal; } .text-style-23 { margin: 0px; padding: 0px; text-indent: 0px; text-align: left; font: 16px / 20px "Open Sans"; text-transform: none; text-decoration: none; color: rgb(0, 102, 99); letter-spacing: normal; } .text-style-24 { margin: 0px; padding: 0px; text-indent: 0px; text-align: left; font: 16px / 27px "Open Sans"; text-transform: none; text-decoration: none; color: rgb(0, 102, 99); letter-spacing: normal; } .text-style-25 { margin: 0px; padding: 0px; text-indent: 0px; text-align: left; font: 15px / 19px "Open Sans"; text-transform: none; text-decoration: none; color: rgb(83, 86, 90); letter-spacing: normal; } .text-style-26 { margin: 0px; padding: 0px; text-indent: 0px; text-align: left; font: 19px / 23px "Open Sans"; text-transform: none; text-decoration: none; color: rgb(83, 86, 90); letter-spacing: normal; } .text-style-27 { margin: 0px; padding: 0px; text-indent: 0px; text-align: left; font: 16px / 24px "Open Sans"; text-transform: none; text-decoration: none; color: rgb(255, 255, 255); letter-spacing: normal; } .text-style-28 { margin: 0px; padding: 0px; text-indent: 0px; text-align: left; font: 18px / 36px "Open Sans"; text-transform: none; text-decoration: none; color: rgb(255, 255, 255); letter-spacing: normal; } .text-style-29 { margin: 0px; padding: 0px; text-indent: 0px; text-align: left; font: 600 19px / 32px "Open Sans"; text-transform: none; text-decoration: none; color: rgb(83, 86, 90); letter-spacing: normal; } .text-style-30 { margin: 0px; padding: 0px; text-indent: 0px; text-align: center; font: 16px / 27px "Open Sans"; text-transform: none; text-decoration: none; color: rgb(0, 102, 99); letter-spacing: normal; } .text-style-31 { margin: 0px; padding: 0px; text-indent: 0px; text-align: left; font: 16px / 24px "Open Sans"; text-transform: none; text-decoration: none; color: rgb(154, 190, 170); letter-spacing: normal; } .text-style-32 { margin: 0px; padding: 0px; text-indent: 0px; text-align: left; font: 600 19px / 38px "Open Sans"; text-transform: none; text-decoration: none; color: rgb(83, 86, 90); letter-spacing: normal; } .span { color: rgb(154, 190, 170); } .span-1 { font-style: italic; color: rgb(154, 190, 170); } .span-2 { font-style: normal; font-size: 19px; } .span-3 { color: rgb(0, 102, 99); } .span-4 { font-weight: normal; font-size: 18px; } .text-style-16 { float: left; margin: 0px; padding-top: 0px; padding-right: 0px; padding-left: 0px; text-indent: 0px; text-align: left; font: bold 22px "Open Sans"; text-transform: none; text-decoration: none; color: rgb(83, 86, 90); letter-spacing: normal; padding-bottom: 5px !important; } #logo-copy { float: left; position: relative; width: 214px; height: 66px; margin-top: 0px; z-index: 160; } #national-association-of-social-workers-750-first-street-ne-sui { float: left; position: relative; margin-top: 98px; margin-left: -214px; z-index: 158; } #practice { float: left; position: relative; width: 384px; margin-top: 0px; margin-left: 0px; z-index: 25; min-height: 1052px; background-image: url("practice.png"); background-repeat: no-repeat; } #chronic-pain-management-address-the-psychosocial-needs-of-pe, #featured-courses, #health-literacy-for-social-workers-help-clients-understand-thei, #jobs-counselor-mental-health-therapist-clinical-social-worke, #news-nasw-urges-reforms-for-temporary-assistance-for-needy-fam, #practice-report-social-worker-perceptions-of-workforce-challe { display: block; max-width: 384px; margin-top: 10px; margin-left: auto; margin-right: auto; overflow: hidden; width: 100%; box-sizing: border-box; padding-left: 5px; padding-right: 5px; min-height: 0px; float: none; } #card-1-alt { float: left; width: 414px; z-index: 104; border: 1px solid rgb(217, 217, 217); margin-top: 40px !important; } .card-1-alt-row-1 { margin-top: 40px !important; } .card-1-alt-row-2 { margin-top: -28px !important; } .card-1-alt-in { float: left; position: relative; width: 100%; margin-top: 0px; margin-left: 0px; z-index: 104; min-height: 90px; } .card-1-alt-in h3 { text-align: center !important; } #card-1-alt h3 { padding-top: 30px; } #card-1-alt p { margin-bottom: 20px; } #mon-fri-900-am-900-pm-et-member-services-800-742-4089, #national-association-of-social-workers-750-first-street-ne-sui { display: block; max-width: 526px; margin-top: 10px; margin-left: auto; margin-right: auto; overflow: hidden; width: 100%; box-sizing: border-box; padding-left: 5px; padding-right: 5px; min-height: 0px; float: none; } #card-2-alt :hover, #card-3-alt :hover { background-color: rgb(0, 102, 99) !important; color: white !important; } #card-1-alt :hover .card-1-alt-in { background-color: rgb(0, 102, 99) !important; color: white !important; } #card-1-alt :hover a, #card-1-alt :hover h3, #card-1-alt :hover p, #card-2-alt :hover a, #card-2-alt :hover h3, #card-2-alt :hover p, #card-3-alt :hover a, #card-3-alt :hover h3, #card-3-alt :hover p { color: white !important; } #card-1-alt, #card-2-alt, #card-3-alt, #courses, #featured-items, #footer, #footer-columns, #footer-info, #header, #jobs, #main-body-home, #navbar, #navbar-a, #news, #practice, #utility-nav { display: block; margin: 0px; width: 100%; height: auto; min-height: 0px; z-index: 10; } #rest-1 { float: none; position: relative; width: 100%; z-index: 89; margin: auto; } #group-3 { float: none; position: relative; width: 100%; margin: auto; z-index: 86; min-height: auto; } #join-button { float: none; position: relative; width: 100%; min-height: auto; margin-top: 50px; margin-bottom: 50px; z-index: 98; clear: both; } .parentdiv { width: 100%; } .childdiv { width: 100%; } .CTAButton { font-family: "Open Sans"; font-size: 30px; line-height: 24px; color: rgb(0, 102, 99); font-weight: bold; text-align: center; } h3.ListingItemHeadings { text-align: left; margin-top: 0px; line-height: 2; color: rgb(83, 86, 90); padding-bottom: 1%; } .PublishDate { line-height: 30px; color: rgb(83, 86, 90); } .ReadMore { font-size: 14px; font-weight: 600; font-style: italic; display: inline-block; } .NormalDisabled { margin-left: 5px; } table.dnnFormItem { margin-top: 20px; } table.dnnFormItem tr td { padding-right: 20px; } #dnn_ctr18083_Default_List_panSearch { margin-top: 20px; } @media only screen and (max-width: 767px) { #join-button { } #rest-1 { } #group-3 { } #seach-rest { float: left; position: relative; width: 23px; height: 19px; margin-top: 43px; margin-left: 95px; z-index: 176; } .featured-courses-style { padding-bottom: 40px !important; } .parentdiv { } .childdiv { } .CTAButton { font-family: "Open Sans"; font-size: 30px; line-height: 24px; color: rgb(0, 102, 99); font-weight: bold; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .parentdiv { } .childdiv { } .CTAButton { font-size: 24px; } } @media only screen and (max-width: 768px) { #join-button { width: 50%; display: block; margin: auto; padding-top: 5%; padding-bottom: 5%; } #rest-1 { } #group-3 { } .parentdiv { } .childdiv { } .CTAButton { font-size: 1.5em; line-height: 18px; } .parentdiv:hover .childdiv { background-color: rgb(77, 146, 135); border: none; } } @media only screen and (width: 768px) { #join-button { width: 100%; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .text-style-16 { font: bold 18px "Open Sans"; } .card-col-left { font: 12px "Open Sans" !important; } .card-col-right { font: 12px "Open Sans" !important; } #twitter { margin-top: 5px; } #linkedin-1 { margin-left: 15px; } #facebook { margin-left: 15px; } #youtube { margin-left: 15px; } #instagrambot { margin-left: 15px; } .parentdiv { } .childdiv { } .parentdiv:hover .childdiv { background-color: rgb(77, 146, 135); border: none; } .CTAButton { font-family: "Open Sans"; font-size: 24px; line-height: 18px; color: rgb(0, 102, 99); font-weight: bold; } .text-style-14 { font: 12px "Open Sans"; } .text-style-15 { margin: 0px; padding: 0px; text-indent: 0px; text-align: left; font: 600 14px "Open Sans"; text-transform: none; text-decoration: none; color: rgb(0, 102, 99); letter-spacing: normal; } .text-style-2 { margin: 0px; padding: 10px; text-indent: 0px; text-align: left; font: 14px "Open Sans"; } .text-style-4 { font: bold 16px "Open Sans"; } .text-style-5 { font: italic 12px "Open Sans"; } .h21 { font-size: 32px; } } @media only screen and (max-width: 991px) { #mobile_menu { height: auto; } .dnn_logo { max-width: 100%; float: none; } .dnn_logo { float: none; } .dnn_logo img { } .roll_replace, .roll_menu.roll_activated { position: relative; } #logo-copy { display: block; margin: auto; float: none; width: 40%; height: auto; } p.text-style-14 { text-align: center; } #divstyle1 { float: none; margin-top: -50px; } #socialMediaIconRow { display: flex; justify-content: center; } .copyright_style .sep { padding: 0px 7px; float: none; display: block; } .sep1 { color: rgb(73, 73, 73); float: none; display: block; } .sep { float: none; display: block; } .multi_menu ul li.current1 { font-weight: bold; } #GomMenuMobile { margin-top: 40px; } .Login { float: left; padding-left: 0px; } .Login .registerGroup { padding-left: 0px; } .Login .registerGroup li.userDisplayName a { padding-left: 12px; padding-right: 12px; } .DNNModuleContent div img { width: 100%; } } @media only screen and (max-width: 767px) { #logo-copy { width: 50%; } #dnn_wrapper { padding-top: 0px !important; } .dnn_logo img { margin-left: 10px; padding: 5px 15% 5px 0px !important; } } @media only screen and (max-width: 480px) { #join-button { width: 100%; } #logo-copy { width: 60%; } .Login .registerGroup li.userDisplayName a { padding-left: 5px; padding-right: 5px; font-size: 13px; } .Login { padding-left: 0px; padding-right: 0px; } } .pane_layout_adjusted { margin-right: 30px !important; } .footer_layout_adjusted { width: 43%; margin-left: 40px !important; margin-right: 40px !important; } .sep { float: right; } .sep1_top { float: right; color: rgb(73, 73, 73); } @media only screen and (min-width: 1200px) and (max-width: 1399px) { .footer_layout_adjusted { width: 40%; margin-left: 40px !important; margin-right: 40px !important; } .nasw_addPading { padding: 20px 0px 15px; color: rgb(83, 86, 90); text-align: left; font-size: 48px; line-height: 18px; font-family: "Open Sans" !important; } .intro-p-style p { padding: 50px 20px 15px 15px; line-height: 28px; } .customDiv { min-height: 540px; } .card-col-left { font: 12px "Open Sans"; } .card-col-right { font: 12px "Open Sans"; } .card-col { padding-bottom: 40px !important; } #twitter { margin-top: 5px; } #linkedin-1 { margin-left: 20px; } #facebook { margin-left: 20px; } #youtube { margin-left: 20px; } #instagrambot { margin-left: 20px; } .text-style-14 { } .text-style-15 { margin: 0px; padding: 0px; text-indent: 0px; text-align: left; font: 600 14px "Open Sans"; text-transform: none; text-decoration: none; color: rgb(0, 102, 99); letter-spacing: normal; } .text-style-16 { float: left; margin: 0px; padding: 0px; text-indent: 0px; text-align: left; font: bold 20px "Open Sans"; text-transform: none; text-decoration: none; color: rgb(83, 86, 90); letter-spacing: normal; } .text-style-2 { margin: 0px; padding: 10px; text-indent: 0px; text-align: left; font: 14px "Open Sans"; } .text-style-4 { font: bold 15px "Open Sans"; } .text-style-5 { font: italic 12px "Open Sans"; } .text-style-5-1 { padding-top: 10px; font: 13px "Open Sans"; } .h21 { font-size: 32px; } #join-button { } #rest-1 { } #group-3 { } .parentdiv { } .childdiv { } .parentdiv:hover .childdiv { background-color: rgb(77, 146, 135); border: none; } .CTAButton { font-family: "Open Sans"; font-size: 20px; line-height: 16px; color: rgb(0, 102, 99); font-weight: bold; } } @media only screen and (max-width: 1199px) { .h21 { font-size: 22px; } .text-style-2 { font: 14px "Open Sans"; } } @media only screen and (min-width: 1400px) { .footer_top { min-height: 220px; } .nasw_addPading { padding: 20px 0px 15px; color: rgb(83, 86, 90); text-align: left; font-size: 48px; line-height: 18px; font-family: "Open Sans" !important; } .intro-p-style p { padding: 50px 20px 15px 15px; line-height: 28px; } .customDiv { min-height: 550px; } #join-button { width: 320px; } #rest-1 { } #group-3 { } .CTAButton { font-family: "Open Sans"; font-size: 24px; line-height: 18px; color: rgb(0, 102, 99); font-weight: bold; } } .myTestDiv { height: 300px; width: 100%; border: 2px solid red; background-color: white; } .parentBox { width: 100%; background-color: rgb(154, 190, 170); padding: 2%; } .childBox { border: 3px solid rgb(0, 102, 99); background-color: rgb(154, 190, 170); width: 100%; height: 85px; padding: 0px 0px 10% 15%; } .custom_font { font-size: 18px; } .nasw_addPading2 { padding: 30px 20px 5px 15px; color: rgb(83, 86, 90); text-align: left; } .nasw_addPading { padding: 30px 20px 30px 0px; font-size: 48px; line-height: 50px; } .h2_addPading { padding: 30px 20px 20px 0px; } .nasw_imagePadding { padding: 0px 20% 10%; width: 100%; } .DnnModule-22776 > #dnn_ctr22776_ContentPane > #dnn_ctr22776_ModuleContent > #dnn_ctr22776_HtmlModule_lblContent > ul > li { padding-left: 0px; padding-right: 0px; } .DnnModule-22776 > #dnn_ctr22776_ContentPane > #dnn_ctr22776_ModuleContent > #dnn_ctr22776_HtmlModule_lblContent > ul > li.list-inline-item-divider { font-size: 16px; } @media screen and (min-width: 1024px) { .nasw_addPading2 { margin-left: 0%; } .list_style4 { margin-left: 0%; } } @media screen and (min-width: 1280px) { .myTestDiv { border: 2px solid blue; } } @media screen and (min-width: 1366px) { .myTestDiv { border: 2px solid green; } } @media screen and (min-width: 1440px) { .childBox { padding-left: 25%; } } @media screen and (min-width: 1600px) { } @media screen and (min-width: 1680px) { } @media screen and (min-width: 1920px) { } @media screen and (min-width: 0) { } @media screen and (min-width: 0) { } @media screen and (min-width: 0) { } @media screen and (min-width: 0) { } @media screen and (min-width: 0) { } @media not all { a.dnnFormHelp { display: inline-block; position: absolute; right: 0px; top: 2px; width: 14px; height: 15px; background: url("../../../../../images/helpI-icn-grey.png") left 2px no-repeat; padding: 0px !important; margin: 0px !important; } } @media not all { a.dnnFormHelp { display: inline-block; position: absolute; right: 0px; top: 2px; width: 14px; height: 15px; background: url("../../../../../images/helpI-icn-grey.png") left 2px no-repeat; padding: 0px !important; margin: 0px !important; } } @media not all { a.dnnFormHelp { display: inline-block; position: absolute; right: 0px; top: 2px; width: 14px; height: 15px; background: url("../../../../../images/helpI-icn-grey.png") left 2px no-repeat; padding: 0px !important; margin: 0px !important; } } @media print { .footer_box { display: none; } .breadcrumbshade { display: none; } #ControlBar { display: none; } #dnn_content { } .h3_addpading { width: 300px; } #mobile_menu { display: none !important; } #dnn_ctr16128_ContentPane { display: block; } .dnn_TopPane { } .pagination { display: block; } .dnn_logo_Printable { padding: 0px; visibility: visible; } .dividers_Printable { border: none; height: 0px; clear: both; display: block; overflow: hidden; margin: 5px 0px; visibility: visible; } .nasw_addPading { padding: 30px 20px 30px 0px; } .h2_addpading { } .pulldownsearch { display: none; } .header_bg { } .printlogo { float: none; display: block !important; } .dnn_menu { display: none; } .h2_addpading { } .nasw_addPading { } .dividers_Printable { border: none; height: 0px; clear: both; display: block; overflow: hidden; margin: 5px 0px; visibility: visible; } #dnn_ctr13232_ModuleContent { } #dnn_TopPane4 { display: none; } #dnn_ctr13232_HtmlModule_lblContent { display: block !important; } .Boxes_title { } #dnn_ctr27725_HtmlModule_lblContent { } .resp_container { display: block; } }

@charset "utf-8"; @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 400; font-stretch: 100%; src: url("https://fonts.gstatic.com/s/opensans/v27/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0B4taVIGxA.woff2") format("woff2"); unicode-range: U+460-52F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 400; font-stretch: 100%; src: url("https://fonts.gstatic.com/s/opensans/v27/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0B4kaVIGxA.woff2") format("woff2"); unicode-range: U+400-45F, U+490-491, U+4B0-4B1, U+2116; } @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 400; font-stretch: 100%; src: url("https://fonts.gstatic.com/s/opensans/v27/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0B4saVIGxA.woff2") format("woff2"); unicode-range: U+1F00-1FFF; } @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 400; font-stretch: 100%; src: url("https://fonts.gstatic.com/s/opensans/v27/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0B4jaVIGxA.woff2") format("woff2"); unicode-range: U+370-3FF; } @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 400; font-stretch: 100%; src: url("https://fonts.gstatic.com/s/opensans/v27/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0B4iaVIGxA.woff2") format("woff2"); unicode-range: U+590-5FF, U+20AA, U+25CC, U+FB1D-FB4F; } @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 400; font-stretch: 100%; src: url("https://fonts.gstatic.com/s/opensans/v27/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0B4vaVIGxA.woff2") format("woff2"); unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+1EA0-1EF9, U+20AB; } @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 400; font-stretch: 100%; src: url("https://fonts.gstatic.com/s/opensans/v27/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0B4uaVIGxA.woff2") format("woff2"); unicode-range: U+100-24F, U+259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 400; font-stretch: 100%; src: url("https://fonts.gstatic.com/s/opensans/v27/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0B4gaVI.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

@charset "utf-8"; .HeadBg { } body { } .ControlPanel { } .TabBg { } .LeftPane { } .ContentPane { } .RightPane { } .SelectedTab { } a.SelectedTab:link { } a.SelectedTab:visited { } a.SelectedTab:hover { } a.SelectedTab:active { } .OtherTabs { } a.OtherTabs:link { } a.OtherTabs:visited { } a.OtherTabs:hover { } a.OtherTabs:active { } .Head { } .SubHead { } .SubSubHead { } .Normal { } .NormalTextBox { } .NormalRed { } .NormalBold { } .CommandButton { } a.CommandButton:link { } a.CommandButton:visited { } a.CommandButton:hover { } a.CommandButton:active { } .StandardButton { } h1 { } h2 { } h3 { } h4 { } h5, dt { } h6 { } tfoot, thead { } th { } a:link { } a:visited { } a:hover { } a:active { } small { } big { } blockquote, pre { } ul li { } ul li li { } ul li li li { } ol li { } ol ol li { } ol ol ol li { } ol ul li { } hr { } .Message { } .ItemTitle { } .ModuleTitle_MenuContainer { } .ModuleTitle_MenuBar { } .ModuleTitle_MenuItem { } .ModuleTitle_MenuIcon { } .ModuleTitle_SubMenu { } .ModuleTitle_MenuBreak { } .ModuleTitle_MenuItemSel { } .ModuleTitle_MenuArrow { } .ModuleTitle_RootMenuArrow { } .MainMenu_MenuContainer { } .MainMenu_MenuBar { } .MainMenu_MenuItem { } .MainMenu_MenuIcon { } .MainMenu_SubMenu { } .MainMenu_MenuBreak { } .MainMenu_MenuItemSel { } .MainMenu_MenuArrow { } .MainMenu_RootMenuArrow { } .LoginPanel { } .LoginTabGroup { } .LoginTab { } .LoginTabSelected { } .LoginTabHover { } .LoginContainerGroup { } .LoginContainer { }

@charset "utf-8"; table.dataTable { width: 100%; margin: 0px auto; clear: both; border-collapse: separate; border-spacing: 0px; } table.dataTable thead th, table.dataTable tfoot th { font-weight: bold; } table.dataTable thead th, table.dataTable thead td { padding: 10px 18px; border-bottom: 1px solid rgb(17, 17, 17); } table.dataTable thead th:active, table.dataTable thead td:active { outline: none; } table.dataTable tfoot th, table.dataTable tfoot td { padding: 10px 18px 6px; border-top: 1px solid rgb(17, 17, 17); } table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc_disabled { cursor: pointer; background-repeat: no-repeat; background-position: right center; } table.dataTable thead .sorting { background-image: url("../images/sort_both.png"); } table.dataTable thead .sorting_asc { background-image: url("../images/sort_asc.png"); } table.dataTable thead .sorting_desc { background-image: url("../images/sort_desc.png"); } table.dataTable thead .sorting_asc_disabled { background-image: url("../images/sort_asc_disabled.png"); } table.dataTable thead .sorting_desc_disabled { background-image: url("../images/sort_desc_disabled.png"); } table.dataTable tbody tr { background-color: rgb(255, 255, 255); } table.dataTable tbody tr.selected { background-color: rgb(176, 190, 217); } table.dataTable tbody th, table.dataTable tbody td { padding: 8px 10px; } table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td { border-top: 1px solid rgb(221, 221, 221); } table.dataTable.row-border tbody tr:first-child th, table.dataTable.row-border tbody tr:first-child td, table.dataTable.display tbody tr:first-child th, table.dataTable.display tbody tr:first-child td { border-top: none; } table.dataTable.cell-border tbody th, table.dataTable.cell-border tbody td { border-top: 1px solid rgb(221, 221, 221); border-right: 1px solid rgb(221, 221, 221); } table.dataTable.cell-border tbody tr th:first-child, table.dataTable.cell-border tbody tr td:first-child { border-left: 1px solid rgb(221, 221, 221); } table.dataTable.cell-border tbody tr:first-child th, table.dataTable.cell-border tbody tr:first-child td { border-top: none; } table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd { background-color: rgb(249, 249, 249); } table.dataTable.stripe tbody tr.odd.selected, table.dataTable.display tbody tr.odd.selected { background-color: rgb(172, 186, 212); } table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover { background-color: rgb(246, 246, 246); } table.dataTable.hover tbody tr:hover.selected, table.dataTable.display tbody tr:hover.selected { background-color: rgb(170, 183, 209); } table.dataTable.order-column tbody tr > .sorting_1, table.dataTable.order-column tbody tr > .sorting_2, table.dataTable.order-column tbody tr > .sorting_3, table.dataTable.display tbody tr > .sorting_1, table.dataTable.display tbody tr > .sorting_2, table.dataTable.display tbody tr > .sorting_3 { background-color: rgb(250, 250, 250); } table.dataTable.order-column tbody tr.selected > .sorting_1, table.dataTable.order-column tbody tr.selected > .sorting_2, table.dataTable.order-column tbody tr.selected > .sorting_3, table.dataTable.display tbody tr.selected > .sorting_1, table.dataTable.display tbody tr.selected > .sorting_2, table.dataTable.display tbody tr.selected > .sorting_3 { background-color: rgb(172, 186, 213); } table.dataTable.display tbody tr.odd > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 { background-color: rgb(241, 241, 241); } table.dataTable.display tbody tr.odd > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd > .sorting_2 { background-color: rgb(243, 243, 243); } table.dataTable.display tbody tr.odd > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd > .sorting_3 { background-color: whitesmoke; } table.dataTable.display tbody tr.odd.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_1 { background-color: rgb(166, 180, 205); } table.dataTable.display tbody tr.odd.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_2 { background-color: rgb(168, 181, 207); } table.dataTable.display tbody tr.odd.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_3 { background-color: rgb(169, 183, 209); } table.dataTable.display tbody tr.even > .sorting_1, table.dataTable.order-column.stripe tbody tr.even > .sorting_1 { background-color: rgb(250, 250, 250); } table.dataTable.display tbody tr.even > .sorting_2, table.dataTable.order-column.stripe tbody tr.even > .sorting_2 { background-color: rgb(252, 252, 252); } table.dataTable.display tbody tr.even > .sorting_3, table.dataTable.order-column.stripe tbody tr.even > .sorting_3 { background-color: rgb(254, 254, 254); } table.dataTable.display tbody tr.even.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_1 { background-color: rgb(172, 186, 213); } table.dataTable.display tbody tr.even.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_2 { background-color: rgb(174, 188, 214); } table.dataTable.display tbody tr.even.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_3 { background-color: rgb(175, 189, 216); } table.dataTable.display tbody tr:hover > .sorting_1, table.dataTable.order-column.hover tbody tr:hover > .sorting_1 { background-color: rgb(234, 234, 234); } table.dataTable.display tbody tr:hover > .sorting_2, table.dataTable.order-column.hover tbody tr:hover > .sorting_2 { background-color: rgb(236, 236, 236); } table.dataTable.display tbody tr:hover > .sorting_3, table.dataTable.order-column.hover tbody tr:hover > .sorting_3 { background-color: rgb(239, 239, 239); } table.dataTable.display tbody tr:hover.selected > .sorting_1, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_1 { background-color: rgb(162, 174, 199); } table.dataTable.display tbody tr:hover.selected > .sorting_2, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_2 { background-color: rgb(163, 176, 201); } table.dataTable.display tbody tr:hover.selected > .sorting_3, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_3 { background-color: rgb(165, 178, 203); } table.dataTable.no-footer { border-bottom: 1px solid rgb(17, 17, 17); } table.dataTable.nowrap th, table.dataTable.nowrap td { white-space: nowrap; } table.dataTable.compact thead th, table.dataTable.compact thead td { padding: 4px 17px 4px 4px; } table.dataTable.compact tfoot th, table.dataTable.compact tfoot td { padding: 4px; } table.dataTable.compact tbody th, table.dataTable.compact tbody td { padding: 4px; } table.dataTable th.dt-left, table.dataTable td.dt-left { text-align: left; } table.dataTable th.dt-center, table.dataTable td.dt-center, table.dataTable td.dataTables_empty { text-align: center; } table.dataTable th.dt-right, table.dataTable td.dt-right { text-align: right; } table.dataTable th.dt-justify, table.dataTable td.dt-justify { text-align: justify; } table.dataTable th.dt-nowrap, table.dataTable td.dt-nowrap { white-space: nowrap; } table.dataTable thead th.dt-head-left, table.dataTable thead td.dt-head-left, table.dataTable tfoot th.dt-head-left, table.dataTable tfoot td.dt-head-left { text-align: left; } table.dataTable thead th.dt-head-center, table.dataTable thead td.dt-head-center, table.dataTable tfoot th.dt-head-center, table.dataTable tfoot td.dt-head-center { text-align: center; } table.dataTable thead th.dt-head-right, table.dataTable thead td.dt-head-right, table.dataTable tfoot th.dt-head-right, table.dataTable tfoot td.dt-head-right { text-align: right; } table.dataTable thead th.dt-head-justify, table.dataTable thead td.dt-head-justify, table.dataTable tfoot th.dt-head-justify, table.dataTable tfoot td.dt-head-justify { text-align: justify; } table.dataTable thead th.dt-head-nowrap, table.dataTable thead td.dt-head-nowrap, table.dataTable tfoot th.dt-head-nowrap, table.dataTable tfoot td.dt-head-nowrap { white-space: nowrap; } table.dataTable tbody th.dt-body-left, table.dataTable tbody td.dt-body-left { text-align: left; } table.dataTable tbody th.dt-body-center, table.dataTable tbody td.dt-body-center { text-align: center; } table.dataTable tbody th.dt-body-right, table.dataTable tbody td.dt-body-right { text-align: right; } table.dataTable tbody th.dt-body-justify, table.dataTable tbody td.dt-body-justify { text-align: justify; } table.dataTable tbody th.dt-body-nowrap, table.dataTable tbody td.dt-body-nowrap { white-space: nowrap; } table.dataTable, table.dataTable th, table.dataTable td { box-sizing: content-box; } .dataTables_wrapper { position: relative; clear: both; zoom: 1; } .dataTables_wrapper .dataTables_length { float: left; } .dataTables_wrapper .dataTables_filter { float: right; text-align: right; } .dataTables_wrapper .dataTables_filter input { margin-left: 0.5em; } .dataTables_wrapper .dataTables_info { clear: both; float: left; padding-top: 0.755em; } .dataTables_wrapper .dataTables_paginate { float: right; text-align: right; padding-top: 0.25em; } .dataTables_wrapper .dataTables_paginate .paginate_button { box-sizing: border-box; display: inline-block; min-width: 1.5em; padding: 0.5em 1em; margin-left: 2px; text-align: center; cursor: pointer; border: 1px solid transparent; border-radius: 2px; text-decoration: none !important; color: rgb(51, 51, 51) !important; } .dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover { border: 1px solid rgb(151, 151, 151); background: linear-gradient(rgb(255, 255, 255) 0%, rgb(220, 220, 220) 100%); color: rgb(51, 51, 51) !important; } .dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active { cursor: default; border: 1px solid transparent; background: transparent; box-shadow: none; color: rgb(102, 102, 102) !important; } .dataTables_wrapper .dataTables_paginate .paginate_button:hover { border: 1px solid rgb(17, 17, 17); background: linear-gradient(rgb(88, 88, 88) 0%, rgb(17, 17, 17) 100%); color: white !important; } .dataTables_wrapper .dataTables_paginate .paginate_button:active { outline: none; background: linear-gradient(rgb(43, 43, 43) 0%, rgb(12, 12, 12) 100%); box-shadow: rgb(17, 17, 17) 0px 0px 3px inset; } .dataTables_wrapper .dataTables_paginate .ellipsis { padding: 0px 1em; } .dataTables_wrapper .dataTables_processing { position: absolute; top: 50%; left: 50%; width: 100%; height: 40px; margin-left: -50%; margin-top: -25px; padding-top: 20px; text-align: center; font-size: 1.2em; background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%); } .dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate { color: rgb(51, 51, 51); } .dataTables_wrapper .dataTables_scroll { clear: both; } .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody { } .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > th, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > td, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > th, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td { vertical-align: middle; } .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > th > div.dataTables_sizing, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > td > div.dataTables_sizing, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > th > div.dataTables_sizing, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td > div.dataTables_sizing { height: 0px; overflow: hidden; margin: 0px !important; padding: 0px !important; } .dataTables_wrapper.no-footer .dataTables_scrollBody { border-bottom: 1px solid rgb(17, 17, 17); } .dataTables_wrapper.no-footer div.dataTables_scrollHead table.dataTable, .dataTables_wrapper.no-footer div.dataTables_scrollBody > table { border-bottom: none; } .dataTables_wrapper::after { visibility: hidden; display: block; content: ""; clear: both; height: 0px; } @media screen and (max-width: 767px) { .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_paginate { float: none; text-align: center; } .dataTables_wrapper .dataTables_paginate { margin-top: 0.5em; } } @media screen and (max-width: 640px) { .dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter { float: none; text-align: center; } .dataTables_wrapper .dataTables_filter { margin-top: 0.5em; } }

@charset "utf-8"; .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { border: 0px; clip: rect(0px, 0px, 0px, 0px); height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; width: 1px; } .ui-helper-reset { margin: 0px; padding: 0px; border: 0px; outline: 0px; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix::before, .ui-helper-clearfix::after { content: ""; display: table; border-collapse: collapse; } .ui-helper-clearfix::after { clear: both; } .ui-helper-clearfix { min-height: 0px; } .ui-helper-zfix { width: 100%; height: 100%; top: 0px; left: 0px; position: absolute; opacity: 0; } .ui-front { z-index: 100; } .ui-state-disabled { cursor: default !important; } .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } .ui-widget-overlay { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; } .ui-accordion .ui-accordion-header { display: block; cursor: pointer; position: relative; margin: 2px 0px 0px; padding: 0.5em 0.5em 0.5em 0.7em; min-height: 0px; font-size: 100%; } .ui-accordion .ui-accordion-icons { padding-left: 2.2em; } .ui-accordion .ui-accordion-icons .ui-accordion-icons { padding-left: 2.2em; } .ui-accordion .ui-accordion-header .ui-accordion-header-icon { position: absolute; left: 0.5em; top: 50%; margin-top: -8px; } .ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0px; overflow: auto; } .ui-autocomplete { position: absolute; top: 0px; left: 0px; cursor: default; } .ui-button { display: inline-block; position: relative; padding: 0px; line-height: normal; margin-right: 0.1em; cursor: pointer; vertical-align: middle; text-align: center; overflow: visible; } .ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active { text-decoration: none; } .ui-button-icon-only { width: 2.2em; } button.ui-button-icon-only { width: 2.4em; } .ui-button-icons-only { width: 3.4em; } button.ui-button-icons-only { width: 3.7em; } .ui-button .ui-button-text { display: block; line-height: normal; } .ui-button-text-only .ui-button-text { padding: 0.4em 1em; } .ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: 0.4em; text-indent: -1e+07px; } .ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: 0.4em 1em 0.4em 2.1em; } .ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: 0.4em 2.1em 0.4em 1em; } .ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; } input.ui-button { padding: 0.4em 1em; } .ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; } .ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; } .ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: 0.5em; } .ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: 0.5em; } .ui-buttonset { margin-right: 7px; } .ui-buttonset .ui-button { margin-left: 0px; margin-right: -0.3em; } .ui-datepicker { width: 17em; padding: 0.2em 0.2em 0px; display: none; } .ui-datepicker .ui-datepicker-header { position: relative; padding: 0.2em 0px; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 2px; width: 1.8em; height: 1.8em; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; } .ui-datepicker .ui-datepicker-prev { left: 2px; } .ui-datepicker .ui-datepicker-next { right: 2px; } .ui-datepicker .ui-datepicker-prev-hover { left: 1px; } .ui-datepicker .ui-datepicker-next-hover { right: 1px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-title { margin: 0px 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0px; } .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 45%; } .ui-datepicker table { width: 100%; font-size: 0.9em; border-collapse: collapse; margin: 0px 0px 0.4em; } .ui-datepicker th { padding: 0.7em 0.3em; text-align: center; font-weight: bold; border: 0px; } .ui-datepicker td { border: 0px; padding: 1px; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: 0.2em; text-align: right; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: 0.7em 0px 0px; padding: 0px 0.2em; border-left: 0px; border-right: 0px; border-bottom: 0px; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: 0.5em 0.2em 0.4em; cursor: pointer; padding: 0.2em 0.6em 0.3em; width: auto; overflow: visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left; } .ui-datepicker.ui-datepicker-multi { width: auto; } .ui-datepicker-multi .ui-datepicker-group { float: left; } .ui-datepicker-multi .ui-datepicker-group table { width: 95%; margin: 0px auto 0.4em; } .ui-datepicker-multi-2 .ui-datepicker-group { width: 50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width: 33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width: 25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width: 0px; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear: left; } .ui-datepicker-row-break { clear: both; width: 100%; font-size: 0px; } .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear: right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group { float: right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width: 0px; border-left-width: 1px; } .ui-dialog { overflow: hidden; position: absolute; top: 0px; left: 0px; padding: 0.2em; outline: 0px; } .ui-dialog .ui-dialog-titlebar { padding: 0.4em 1em; position: relative; } .ui-dialog .ui-dialog-title { float: left; margin: 0.1em 0px; white-space: nowrap; width: 90%; overflow: hidden; text-overflow: ellipsis; } .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: 0.3em; top: 50%; width: 20px; margin: -10px 0px 0px; padding: 1px; height: 20px; } .ui-dialog .ui-dialog-content { position: relative; border: 0px; padding: 0.5em 1em; background: none; overflow: auto; } .ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0px 0px; background-image: none; margin-top: 0.5em; padding: 0.3em 1em 0.5em 0.4em; } .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; } .ui-dialog .ui-dialog-buttonpane button { margin: 0.5em 0.4em 0.5em 0px; cursor: pointer; } .ui-dialog .ui-resizable-se { width: 12px; height: 12px; right: -5px; bottom: -5px; background-position: 16px 16px; } .ui-draggable .ui-dialog-titlebar { cursor: move; } .ui-draggable-handle { touch-action: none; } .ui-menu { list-style: none; padding: 0px; margin: 0px; display: block; outline: none; } .ui-menu .ui-menu { position: absolute; } .ui-menu .ui-menu-item { position: relative; margin: 0px; padding: 3px 1em 3px 0.4em; cursor: pointer; min-height: 0px; list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"); } .ui-menu .ui-menu-divider { margin: 5px 0px; height: 0px; font-size: 0px; line-height: 0; border-width: 1px 0px 0px; } .ui-menu .ui-state-focus, .ui-menu .ui-state-active { margin: -1px; } .ui-menu-icons { position: relative; } .ui-menu-icons .ui-menu-item { padding-left: 2em; } .ui-menu .ui-icon { position: absolute; top: 0px; bottom: 0px; left: 0.2em; margin: auto 0px; } .ui-menu .ui-menu-icon { left: auto; right: 0px; } .ui-progressbar { height: 2em; text-align: left; overflow: hidden; } .ui-progressbar .ui-progressbar-value { margin: -1px; height: 100%; } .ui-progressbar .ui-progressbar-overlay { background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw=="); height: 100%; opacity: 0.25; } .ui-progressbar-indeterminate .ui-progressbar-value { background-image: none; } .ui-resizable { position: relative; } .ui-resizable-handle { position: absolute; font-size: 0.1px; display: block; touch-action: none; } .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; } .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0px; } .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0px; } .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0px; height: 100%; } .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0px; height: 100%; } .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px; } .ui-selectable { touch-action: none; } .ui-selectable-helper { position: absolute; z-index: 100; border: 1px dotted black; } .ui-selectmenu-menu { padding: 0px; margin: 0px; position: absolute; top: 0px; left: 0px; display: none; } .ui-selectmenu-menu .ui-menu { overflow: hidden auto; padding-bottom: 1px; } .ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup { font-size: 1em; font-weight: bold; line-height: 1.5; padding: 2px 0.4em; margin: 0.5em 0px 0px; height: auto; border: 0px; } .ui-selectmenu-open { display: block; } .ui-selectmenu-button { display: inline-block; overflow: hidden; position: relative; text-decoration: none; cursor: pointer; } .ui-selectmenu-button span.ui-icon { right: 0.5em; left: auto; margin-top: -8px; position: absolute; top: 50%; } .ui-selectmenu-button span.ui-selectmenu-text { text-align: left; padding: 0.4em 2.1em 0.4em 1em; display: block; line-height: 1.4; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; touch-action: none; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: 0.7em; display: block; border: 0px; background-position: 0px 0px; } .ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range { filter: inherit; } .ui-slider-horizontal { height: 0.8em; } .ui-slider-horizontal .ui-slider-handle { top: -0.3em; margin-left: -0.6em; } .ui-slider-horizontal .ui-slider-range { top: 0px; height: 100%; } .ui-slider-horizontal .ui-slider-range-min { left: 0px; } .ui-slider-horizontal .ui-slider-range-max { right: 0px; } .ui-slider-vertical { width: 0.8em; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -0.3em; margin-left: 0px; margin-bottom: -0.6em; } .ui-slider-vertical .ui-slider-range { left: 0px; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0px; } .ui-slider-vertical .ui-slider-range-max { top: 0px; } .ui-sortable-handle { touch-action: none; } .ui-spinner { position: relative; display: inline-block; overflow: hidden; padding: 0px; vertical-align: middle; } .ui-spinner-input { border: none; background: none; color: inherit; padding: 0px; margin: 0.2em 22px 0.2em 0.4em; vertical-align: middle; } .ui-spinner-button { width: 16px; height: 50%; font-size: 0.5em; padding: 0px; margin: 0px; text-align: center; position: absolute; cursor: default; display: block; overflow: hidden; right: 0px; } .ui-spinner a.ui-spinner-button { border-top: none; border-bottom: none; border-right: none; } .ui-spinner .ui-icon { position: absolute; margin-top: -8px; top: 50%; left: 0px; } .ui-spinner-up { top: 0px; } .ui-spinner-down { bottom: 0px; } .ui-spinner .ui-icon-triangle-1-s { background-position: -65px -16px; } .ui-tabs { position: relative; padding: 0.2em; } .ui-tabs .ui-tabs-nav { margin: 0px; padding: 0.2em 0.2em 0px; } .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 0px; margin: 1px 0.2em 0px 0px; border-bottom-width: 0px; padding: 0px; white-space: nowrap; } .ui-tabs .ui-tabs-nav .ui-tabs-anchor { float: left; padding: 0.5em 1em; text-decoration: none; } .ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: -1px; padding-bottom: 1px; } .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor { cursor: text; } .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor { cursor: pointer; } .ui-tabs .ui-tabs-panel { display: block; border-width: 0px; padding: 1em 1.4em; background: none; } .ui-tooltip { padding: 8px; position: absolute; z-index: 9999; max-width: 300px; box-shadow: rgb(170, 170, 170) 0px 0px 5px; } body .ui-tooltip { border-width: 2px; } .ui-widget { font-family: Verdana, Arial, sans-serif; font-size: 1.1em; } .ui-widget .ui-widget { font-size: 1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana, Arial, sans-serif; font-size: 1em; } .ui-widget-content { border: 1px solid rgb(170, 170, 170); background: url("images/ui-bg_flat_75_ffffff_40x100.png") 50% 50% repeat-x rgb(255, 255, 255); color: rgb(34, 34, 34); } .ui-widget-content a { color: rgb(34, 34, 34); } .ui-widget-header { border: 1px solid rgb(170, 170, 170); background: url("images/ui-bg_highlight-soft_75_cccccc_1x100.png") 50% 50% repeat-x rgb(204, 204, 204); color: rgb(34, 34, 34); font-weight: bold; } .ui-widget-header a { color: rgb(34, 34, 34); } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid rgb(211, 211, 211); background: url("images/ui-bg_glass_75_e6e6e6_1x400.png") 50% 50% repeat-x rgb(230, 230, 230); font-weight: normal; color: rgb(85, 85, 85); } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: rgb(85, 85, 85); text-decoration: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid rgb(153, 153, 153); background: url("images/ui-bg_glass_75_dadada_1x400.png") 50% 50% repeat-x rgb(218, 218, 218); font-weight: normal; color: rgb(33, 33, 33); } .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited { color: rgb(33, 33, 33); text-decoration: none; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid rgb(170, 170, 170); background: url("images/ui-bg_glass_65_ffffff_1x400.png") 50% 50% repeat-x rgb(255, 255, 255); font-weight: normal; color: rgb(33, 33, 33); } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: rgb(33, 33, 33); text-decoration: none; } .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid rgb(252, 239, 161); background: url("images/ui-bg_glass_55_fbf9ee_1x400.png") 50% 50% repeat-x rgb(251, 249, 238); color: rgb(54, 54, 54); } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a { color: rgb(54, 54, 54); } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { border: 1px solid rgb(205, 10, 10); background: url("images/ui-bg_glass_95_fef1ec_1x400.png") 50% 50% repeat-x rgb(254, 241, 236); color: rgb(205, 10, 10); } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: rgb(205, 10, 10); } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: rgb(205, 10, 10); } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: 0.7; font-weight: normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: 0.35; background-image: none; } .ui-state-disabled .ui-icon { } .ui-icon { width: 16px; height: 16px; } .ui-icon, .ui-widget-content .ui-icon { background-image: url("images/ui-icons_222222_256x240.png"); } .ui-widget-header .ui-icon { background-image: url("images/ui-icons_222222_256x240.png"); } .ui-state-default .ui-icon { background-image: url("images/ui-icons_888888_256x240.png"); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon { background-image: url("images/ui-icons_454545_256x240.png"); } .ui-state-active .ui-icon { background-image: url("images/ui-icons_454545_256x240.png"); } .ui-state-highlight .ui-icon { background-image: url("images/ui-icons_2e83ff_256x240.png"); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon { background-image: url("images/ui-icons_cd0a0a_256x240.png"); } .ui-icon-blank { background-position: 16px 16px; } .ui-icon-carat-1-n { background-position: 0px 0px; } .ui-icon-carat-1-ne { background-position: -16px 0px; } .ui-icon-carat-1-e { background-position: -32px 0px; } .ui-icon-carat-1-se { background-position: -48px 0px; } .ui-icon-carat-1-s { background-position: -64px 0px; } .ui-icon-carat-1-sw { background-position: -80px 0px; } .ui-icon-carat-1-w { background-position: -96px 0px; } .ui-icon-carat-1-nw { background-position: -112px 0px; } .ui-icon-carat-2-n-s { background-position: -128px 0px; } .ui-icon-carat-2-e-w { background-position: -144px 0px; } .ui-icon-triangle-1-n { background-position: 0px -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -64px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0px -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -64px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 0px -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0px -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0px -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0px -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0px -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0px -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0px -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-on { background-position: -96px -144px; } .ui-icon-radio-off { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0px -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-start { background-position: -80px -160px; } .ui-icon-seek-first { background-position: -80px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0px -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; } .ui-icon-circle-plus { background-position: 0px -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0px -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0px -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { border-top-left-radius: 4px; } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-top-right-radius: 4px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { border-bottom-left-radius: 4px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-bottom-right-radius: 4px; } .ui-widget-overlay { background: url("images/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x rgb(170, 170, 170); opacity: 0.3; } .ui-widget-shadow { margin: -8px 0px 0px -8px; padding: 8px; background: url("images/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x rgb(170, 170, 170); opacity: 0.3; border-radius: 8px; }