Organizational policy

This website uses cookies to ensure you get the best experience on our website. By continuing to use our site, you accept our Privacy Policy I accept

• MyNASW
• Join/Renew
• Advertise
• Shop
• Donate

Login

• About
  • Governance
  • Delegate Assembly
  • Chapters
  • Ethics
  • Legal
  • Diversity, Equity and Inclusion
  • Staff
  • NASW Press
  • NASW Foundation
  • NASW Assurance Services, Inc.
• Practice
  • Aging
  • Behavioral Health
  • Child Welfare
  • Clinical Social Work
  • Ethnicity & Race
  • Health
  • LGBTQIA+
  • School Social Work
  • Research Materials
• Careers
  • Continuing Education
  • Credentials
  • NASW Career Center
  • Specialty Practice Sections
  • CE Approval Program
• Advocacy
  • Policy Issues
  • Sign-On Letters & Statements
    • Previous Comments and Statements
  • Political Action for Candidate Election (PACE)
  • Policy Updates
  • Legislative Alerts
  • Social Justice
  • Congressional Briefings
• News
  • Social Work Advocates
  • NASW News Archives
  • News Releases
  • Social Work Talks Podcast
  • Social Work Month
  • 1000 Experts
  • Facts
  • Research & Data
  • NASW Blogs
• Events
  • NASW Conferences
  • National Awards
  • Celebrations
  • National Campaigns
  • NASW Events Calendar
• Membership
  • Membership Types
  • Membership Benefits
  • Membership FAQ

• +About
  • Governance
  • Delegate Assembly
  • Chapters
  • Ethics
  • Legal
  • Diversity, Equity and Inclusion
  • Staff
  • NASW Press
  • NASW Foundation
  • NASW Assurance Services, Inc.
• +Practice
  • Aging
  • Behavioral Health
  • Child Welfare
  • Clinical Social Work
  • Ethnicity & Race
  • Health
  • LGBTQIA+
  • School Social Work
  • Research Materials
• +Careers
  • Continuing Education
  • Credentials
  • NASW Career Center
  • Specialty Practice Sections
  • CE Approval Program
• +Advocacy
  • Policy Issues
  • +Sign-On Letters & Statements
    • Previous Comments and Statements
  • Political Action for Candidate Election (PACE)
  • Policy Updates
  • Legislative Alerts
  • Social Justice
  • Congressional Briefings
• +News
  • Social Work Advocates
  • NASW News Archives
  • News Releases
  • Social Work Talks Podcast
  • Social Work Month
  • 1000 Experts
  • Facts
  • Research & Data
  • NASW Blogs
• +Events
  • NASW Conferences
  • National Awards
  • Celebrations
  • National Campaigns
  • NASW Events Calendar
• +Membership
  • Membership Types
  • Membership Benefits
  • Membership FAQ

• MyNASW
• Join/Renew
• Advertise
• Shop
• Donate

Login >   About   >   Ethics  >   Code of Ethics  >   Code of Ethics: English

Read the Code of Ethics

The NASW Code of Ethics is a set of standards that guide the professional conduct of social workers. The 2021 update includes language that addresses the importance of professional self-care.  Moreover, revisions to Cultural Competence standard provide more explicit guidance to social workers.  All social workers should review the new text and affirm their commitment to abide by the Code of Ethics. Also available in Spanish.

• The first Section, "Preamble," summarizes the social work profession's mission and core values.
• The second section, "Purpose of the NASW Code of Ethics," provides an overview of the Code's main functions and a brief guide for dealing with ethical issues or dilemmas in social work practice.
• The third section, "Ethical Principles," presents broad ethical principles, based on social work's core values, that inform social work practice.
• The final section, "Ethical Standards," includes specific ethical standards to guide social workers' conduct and to provide a basis for adjudication.

Preamble

The primary mission of the social work profession is to enhance human well-being and help meet the basic human needs of all people, with particular attention to the needs and empowerment of people who are vulnerable, oppressed, and living in poverty. A historic and defining feature of social work is the profession’s dual focus on individual well-being in a social context and the well-being of society. Fundamental to social work is attention to the environmental forces that create, contribute to, and address problems in living.

Social workers promote social justice and social change with and on behalf of clients. “Clients” is used inclusively to refer to individuals, families, groups, organizations, and communities. Social workers are sensitive to cultural and ethnic diversity and strive to end discrimination, oppression, poverty, and other forms of social injustice. These activities may be in the form of direct practice, community organizing, supervision, consultation, administration, advocacy, social and political action, policy development and implementation, education, and research and evaluation. Social workers seek to enhance the capacity of people to address their own needs. Social workers also seek to promote the responsiveness of organizations, communities, and other social institutions to individuals’ needs and social problems.

The mission of the social work profession is rooted in a set of core values. These core values, embraced by social workers throughout the profession’s history, are the foundation of social work’s unique purpose and perspective:

• service
• social justice
• dignity and worth of the person
• importance of human relationships
• integrity
• competence.

This constellation of core values reflects what is unique to the social work profession. Core values, and the principles that flow from them, must be balanced within the context and complexity of the human experience.

Purpose of the NASW Code of Ethics

Professional ethics are at the core of social work. The profession has an obligation to articulate its basic values, ethical principles, and ethical standards. The NASW Code of Ethics sets forth these values, principles, and standards to guide social workers’ conduct. The Code is relevant to all social workers and social work students, regardless of their professional functions, the settings in which they work, or the populations they serve.

The NASW Code of Ethics serves six purposes:

1. The Code identifies core values on which social work’s mission is based.

2. The Code summarizes broad ethical principles that reflect the profession’s core values and establishes a set of specific ethical standards that should be used to guide social work practice.

3. The Code is designed to help social workers identify relevant considerations when professional obligations conflict or ethical uncertainties arise.

4. The Code provides ethical standards to which the general public can hold the social work profession accountable.

5. The Code socializes practitioners new to the field to social work’s mission, values, ethical principles, and ethical standards, and encourages all social workers to engage in self-care, ongoing education, and other activities to ensure their commitment to those same core features of the profession.

6. The Code articulates standards that the social work profession itself can use to assess whether social workers have engaged in unethical conduct. NASW has formal procedures to adjudicate ethics complaints filed against its members.* In subscribing to this Code, social workers are required to cooperate in its implementation, participate in NASW adjudication proceedings, and abide by any NASW disciplinary rulings or sanctions based on it.

The Code offers a set of values, principles, and standards to guide decision making and conduct when ethical issues arise. It does not provide a set of rules that prescribe how social workers should act in all situations. Specific applications of the Code must take into account the context in which it is being considered and the possibility of conflicts among the Code’s values, principles, and standards. Ethical responsibilities flow from all human relationships, from the personal and familial to the social and professional. *For information on the NASW Professional Review Process, see NASW Procedures for Professional Review.

Furthermore, the NASW Code of Ethics does not specify which values, principles, and standards are most important and ought to outweigh others in instances when they conflict. Reasonable differences of opinion can and do exist among social workers with respect to the ways in which values, ethical principles, and ethical standards should be rank ordered when they conflict. Ethical decision making in a given situation must apply the informed judgment of the individual social worker and should also consider how the issues would be judged in a peer review process where the ethical standards of the profession would be applied.

Ethical decision making is a process. In situations when conflicting obligations arise, social workers may be faced with complex ethical dilemmas that have no simple answers. Social workers should take into consideration all the values, principles, and standards in this Code that are relevant to any situation in which ethical judgment is warranted. Social workers’ decisions and actions should be consistent with the spirit as well as the letter of this Code.

In addition to this Code, there are many other sources of information about ethical thinking that may be useful. Social workers should consider ethical theory and principles generally, social work theory and research, laws, regulations, agency policies, and other relevant codes of ethics, recognizing that among codes of ethics social workers should consider the NASW Code of Ethics as their primary source. Social workers also should be aware of the impact on ethical decision making of their clients’ and their own personal values and cultural and religious beliefs and practices. They should be aware of any conflicts between personal and professional values and deal with them responsibly. For additional guidance social workers should consult the relevant literature on professional ethics and ethical decision making and seek appropriate consultation when faced with ethical dilemmas. This may involve consultation with an agency-based or social work organization’s ethics committee, a regulatory body, knowledgeable colleagues, supervisors, or legal counsel.

Instances may arise when social workers’ ethical obligations conflict with agency policies or relevant laws or regulations. When such conflicts occur, social workers must make a responsible effort to resolve the conflict in a manner that is consistent with the values, principles, and standards expressed in this Code. If a reasonable resolution of the conflict does not appear possible, social workers should seek proper consultation before making a decision.

The NASW Code of Ethics is to be used by NASW and by individuals, agencies, organizations, and bodies (such as licensing and regulatory boards, professional liability insurance providers, courts of law, agency boards of directors, government agencies, and other professional groups) that choose to adopt it or use it as a frame of reference. Violation of standards in this Code does not automatically imply legal liability or violation of the law.

Such determination can only be made in the context of legal and judicial proceedings. Alleged violations of the Code would be subject to a peer review process. Such processes are generally separate from legal or administrative procedures and insulated from legal review or proceedings to allow the profession to counsel and discipline its own members.

A code of ethics cannot guarantee ethical behavior. Moreover, a code of ethics cannot resolve all ethical issues or disputes or capture the richness and complexity involved in striving to make responsible choices within a moral community. Rather, a code of ethics sets forth values, ethical principles, and ethical standards to which professionals aspire and by which their actions can be judged. Social workers' ethical behavior should result from their personal commitment to engage in ethical practice. The NASW Code of Ethics reflects the commitment of all social workers to uphold the profession’s values and to act ethically. Principles and standards must be applied by individuals of good character who discern moral questions and, in good faith, seek to make reliable ethical judgments.

With growth in the use of communication technology in various aspects of social work practice, social workers need to be aware of the unique challenges that may arise in relation to the maintenance of confidentiality, informed consent, professional boundaries, professional competence, record keeping, and other ethical considerations. In general, all ethical standards in this Code of Ethics are applicable to interactions, relationships, or communications, whether they occur in person or with the use of technology. For the purposes of this Code, “technology-assisted social work services” include any social work services that involve the use of computers, mobile or landline telephones, tablets, video technology, or other electronic or digital technologies; this includes the use of various electronic or digital platforms, such as the Internet, online social media, chat rooms, text messaging, e-mail and emerging digital applications. Technology-assisted social work services encompass all aspects of social work practice, including psychotherapy; individual, family, or group counseling; community organization; administration; advocacy; mediation; education; supervision; research; evaluation; and other social work services. Social workers should keep apprised of emerging technological developments that may be used in social work practice and how various ethical standards apply to them.

Professional self-care is paramount for competent and ethical social work practice. Professional demands, challenging workplace climates, and exposure to trauma warrant that social workers maintain personal and professional health, safety, and integrity. Social work organizations, agencies, and educational institutions are encouraged to promote organizational policies, practices, and materials to support social workers’ self-care.

Ethical Principles

The following broad ethical principles are based on social work’s core values of service, social justice, dignity and worth of the person, importance of human relationships, integrity, and competence. These principles set forth ideals to which all social workers should aspire.

Value: Service

Ethical Principle: Social workers’ primary goal is to help people in need and to address social problems

Social workers elevate service to others above self-interest. Social workers draw on their knowledge, values, and skills to help people in need and to address social problems. Social workers are encouraged to volunteer some portion of their professional skills with no expectation of significant financial return (pro bono service).

Value: Social Justice

Ethical Principle: Social workers challenge social injustice

Social workers pursue social change, particularly with and on behalf of vulnerable and oppressed individuals and groups of people. Social workers’ social change efforts are focused primarily on issues of poverty, unemployment, discrimination, and other forms of social injustice. These activities seek to promote sensitivity to and knowledge about oppression and cultural and ethnic diversity. Social workers strive to ensure access to needed information, services, and resources; equality of opportunity; and meaningful participation in decision making for all people.

Value: Dignity and Worth of the Person

Ethical Principle: Social workers respect the inherent dignity and worth of the person.

Social workers treat each person in a caring and respectful fashion, mindful of individual differences and cultural and ethnic diversity. Social workers promote clients’ socially responsible self-determination. Social workers seek to enhance clients’ capacity and opportunity to change and to address their own needs. Social workers are cognizant of their dual responsibility to clients and to the broader society. They seek to resolve conflicts between clients’ interests and the broader society’s interests in a socially responsible manner consistent with the values, ethical principles, and ethical standards of the profession.

Value: Importance of Human Relationships

Ethical Principle: Social workers recognize the central importance of human relationships.

Social workers understand that relationships between and among people are an important vehicle for change. Social workers engage people as partners in the helping process. Social workers seek to strengthen relationships among people in a purposeful effort to promote, restore, maintain, and enhance the well-being of individuals, families, social groups, organizations, and communities.

Value: Integrity

Ethical Principle: Social workers behave in a trustworthy manner.

Social workers are continually aware of the profession’s mission, values, ethical principles, and ethical standards and practice in a manner consistent with them. Social workers should take measures to care for themselves professionally and personally. Social workers act honestly and responsibly and promote ethical practices on the part of the organizations with which they are affiliated.

Value: Competence

Ethical Principle: Social workers practice within their areas of competence and develop and enhance their professional expertise.

Social workers continually strive to increase their professional knowledge and skills and to apply them in practice. Social workers should aspire to contribute to the knowledge base of the profession.

Ethical Standards

The following ethical standards are relevant to the professional activities of all social workers. These standards concern (1) social workers' ethical responsibilities to clients, (2) social workers' ethical responsibilities to colleagues, (3) social workers' ethical responsibilities in practice settings, (4) social workers' ethical responsibilities as professionals, (5) social workers' ethical responsibilities to the social work profession, and (6) social workers' ethical responsibilities to the broader society.

Some of the standards that follow are enforceable guidelines for professional conduct, and some are aspirational. The extent to which each standard is enforceable is a matter of professional judgment to be exercised by those responsible for reviewing alleged violations of ethical standards.

1. Social Workers' Ethical Responsibilities to Clients

1.01 Commitment to Clients

Social workers' primary responsibility is to promote the well-being of clients. In general, clients' interests are primary. However, social workers' responsibility to the larger society or specific legal obligations may on limited occasions supersede the loyalty owed clients, and clients should be so advised. (Examples include when a social worker is required by law to report that a client has abused a child or has threatened to harm self or others.)

1.02 Self-Determination

Social workers respect and promote the right of clients to self-determination and assist clients in their efforts to identify and clarify their goals. Social workers may limit clients' right to self-determination when, in the social workers' professional judgment, clients' actions or potential actions pose a serious, foreseeable, and imminent risk to themselves or others.

1.03 Informed Consent

(a) Social workers should provide services to clients only in the context of a professional relationship based, when appropriate, on valid informed consent. Social workers should use clear and understandable language to inform clients of the purpose of the services, risks related to the services, limits to services because of the requirements of a third-party payer, relevant costs, reasonable alternatives, clients' right to refuse or withdraw consent, and the time frame covered by the consent. Social workers should provide clients with an opportunity to ask questions.

(b) In instances when clients are not literate or have difficulty understanding the primary language used in the practice setting, social workers should take steps to ensure clients' comprehension. This may include providing clients with a detailed verbal explanation or arranging for a qualified interpreter or translator whenever possible.

(c) In instances when clients lack the capacity to provide informed consent, social workers should protect clients' interests by seeking permission from an appropriate third party, informing clients consistent with the clients' level of understanding. In such instances social workers should seek to ensure that the third party acts in a manner consistent with clients' wishes and interests. Social workers should take reasonable steps to enhance such clients' ability to give informed consent.

(d) In instances when clients are receiving services involuntarily, social workers should provide information about the nature and extent of services and about the extent of clients' right to refuse service.

(e) Social workers should discuss with clients the social workers’ policies concerning the use of technology in the provision of professional services.

(f) Social workers who use technology to provide social work services should obtain informed consent from the individuals using these services during the initial screening or interview and prior to initiating services. Social workers should assess clients’ capacity to provide informed consent and, when using technology to communicate, verify the identity and location of clients.

(g) Social workers who use technology to provide social work services should assess the clients’ suitability and capacity for electronic and remote services. Social workers should consider the clients’ intellectual, emotional, and physical ability to use technology to receive services and the clients’ ability to understand the potential benefits, risks, and limitations of such services. If clients do not wish to use services provided through technology, social workers should help them identify alternate methods of service.

(h) Social workers should obtain clients’ informed consent before making audio or video recordings of clients or permitting observation of service provision by a third party.

(i) Social workers should obtain client consent before conducting an electronic search on the client. Exceptions may arise when the search is for purposes of protecting the client or other people from serious, foreseeable, and imminent harm, or for other compelling professional reasons.

1.04 Competence

(a) Social workers should provide services and represent themselves as competent only within the boundaries of their education, training, license, certification, consultation received, supervised experience, or other relevant professional experience.

(b) Social workers should provide services in substantive areas or use intervention techniques or approaches that are new to them only after engaging in appropriate study, training, consultation, and supervision from people who are competent in those interventions or techniques.

(c) When generally recognized standards do not exist with respect to an emerging area of practice, social workers should exercise careful judgment and take responsible steps (including appropriate education, research, training, consultation, and supervision) to ensure the competence of their work and to protect clients from harm.

(d) Social workers who use technology in the provision of social work services should ensure that they have the necessary knowledge and skills to provide such services in a competent manner. This includes an understanding of the special communication challenges when using technology and the ability to implement strategies to address these challenges.

(e) Social workers who use technology in providing social work services should comply with the laws governing technology and social work practice in the jurisdiction in which they are regulated and located and, as applicable, in the jurisdiction in which the client is located.

1.05 Cultural Competence

(a) Social workers should demonstrate understanding of culture and its function in human behavior and society, recognizing the strengths that exist in all cultures.

(b) Social workers should demonstrate knowledge that guides practice with clients of various cultures and be able to demonstrate skills in the provision of culturally informed services that empower marginalized individuals and groups. Social workers must take action against oppression, racism, discrimination, and inequities, and acknowledge personal privilege.

(c) Social workers should demonstrate awareness and cultural humility by engaging in critical self-reflection (understanding their own bias and engaging in self-correction), recognizing clients as experts of their own culture, committing to lifelong learning, and holding institutions accountable for advancing cultural humility.

(d) Social workers should obtain education about and demonstrate understanding of the nature of social diversity and oppression with respect to race, ethnicity, national origin, color, sex, sexual orientation, gender identity or expression, age, marital status, political belief, religion, immigration status, and mental or physical ability.

(e) Social workers who provide electronic social work services should be aware of cultural and socioeconomic differences among clients’ use of and access to electronic technology and seek to prevent such potential barriers. Social workers should assess cultural, environmental, economic, mental or physical ability, linguistic, and other issues that may affect the delivery or use of these services.

1.06 Conflicts of Interest

(a) Social workers should be alert to and avoid conflicts of interest that interfere with the exercise of professional discretion and impartial judgment. Social workers should inform clients when a real or potential conflict of interest arises and take reasonable steps to resolve the issue in a manner that makes the clients' interests primary and protects clients' interests to the greatest extent possible. In some cases, protecting clients' interests may require termination of the professional relationship with proper referral of the client.

(b) Social workers should not take unfair advantage of any professional relationship or exploit others to further their personal, religious, political, or business interests.

(c) Social workers should not engage in dual or multiple relationships with clients or former clients in which there is a risk of exploitation or potential harm to the client. In instances when dual or multiple relationships are unavoidable, social workers should take steps to protect clients and are responsible for setting clear, appropriate, and culturally sensitive boundaries. (Dual or multiple relationships occur when social workers relate to clients in more than one relationship, whether professional, social, or business. Dual or multiple relationships can occur simultaneously or consecutively.)

(d) When social workers provide services to two or more people who have a relationship with each other (for example, couples, family members), social workers should clarify with all parties which individuals will be considered clients and the nature of social workers' professional obligations to the various individuals who are receiving services. Social workers who anticipate a conflict of interest among the individuals receiving services or who anticipate having to perform in potentially conflicting roles (for example, when a social worker is asked to testify in a child custody dispute or divorce proceedings involving clients) should clarify their role with the parties involved and take appropriate action to minimize any conflict of interest.

(e) Social workers should avoid communication with clients using technology (such as social networking sites, online chat, e-mail, text messages, telephone, and video) for personal or non-work-related purposes.

(f) Social workers should be aware that posting personal information on professional Web sites or other media might cause boundary confusion, inappropriate dual relationships, or harm to clients.

(g) Social workers should be aware that personal affiliations may increase the likelihood that clients may discover the social worker’s presence on Web sites, social media, and other forms of technology. Social workers should be aware that involvement in electronic communication with groups based on race, ethnicity, language, sexual orientation, gender identity or expression, mental or physical ability, religion, immigration status, and other personal affiliations may affect their ability to work effectively with particular clients.

(h) Social workers should avoid accepting requests from or engaging in personal relationships with clients on social networking sites or other electronic media to prevent boundary confusion, inappropriate dual relationships, or harm to clients.

1.07 Privacy and Confidentiality

(a) Social workers should respect clients' right to privacy. Social workers should not solicit private information from or about clients except for compelling professional reasons. Once private information is shared, standards of confidentiality apply.

(b) Social workers may disclose confidential information when appropriate with valid consent from a client or a person legally authorized to consent on behalf of a client.

(c) Social workers should protect the confidentiality of all information obtained in the course of professional service, except for compelling professional reasons. The general expectation that social workers will keep information confidential does not apply when disclosure is necessary to prevent serious, foreseeable, and imminent harm to a client or others. In all instances, social workers should disclose the least amount of confidential information necessary to achieve the desired purpose; only information that is directly relevant to the purpose for which the disclosure is made should be revealed.

(d) Social workers should inform clients, to the extent possible, about the disclosure of confidential information and the potential consequences, when feasible before the disclosure is made. This applies whether social workers disclose confidential information on the basis of a legal requirement or client consent.

(e) Social workers should discuss with clients and other interested parties the nature of confidentiality and limitations of clients' right to confidentiality. Social workers should review with clients circumstances where confidential information may be requested and where disclosure of confidential information may be legally required. This discussion should occur as soon as possible in the social worker-client relationship and as needed throughout the course of the relationship.

(f) When social workers provide counseling services to families, couples, or groups, social workers should seek agreement among the parties involved concerning each individual's right to confidentiality and obligation to preserve the confidentiality of information shared by others. This agreement should include consideration of whether confidential information may be exchanged in person or electronically, among clients or with others outside of formal counseling sessions. Social workers should inform participants in family, couples, or group counseling that social workers cannot guarantee that all participants will honor such agreements.

(g) Social workers should inform clients involved in family, couples, marital, or group counseling of the social worker's, employer's, and agency's policy concerning the social worker's disclosure of confidential information among the parties involved in the counseling.

(h) Social workers should not disclose confidential information to third-party payers unless clients have authorized such disclosure.

(i) Social workers should not discuss confidential information, electronically or in person, in any setting unless privacy can be ensured. Social workers should not discuss confidential information in public or semi-public areas such as hallways, waiting rooms, elevators, and restaurants.

(j) Social workers should protect the confidentiality of clients during legal proceedings to the extent permitted by law. When a court of law or other legally authorized body orders social workers to disclose confidential or privileged information without a client's consent and such disclosure could cause harm to the client, social workers should request that the court withdraw the order or limit the order as narrowly as possible or maintain the records under seal, unavailable for public inspection.

(k) Social workers should protect the confidentiality of clients when responding to requests from members of the media.

(l) Social workers should protect the confidentiality of clients' written and electronic records and other sensitive information. Social workers should take reasonable steps to ensure that clients' records are stored in a secure location and that clients' records are not available to others who are not authorized to have access.

(m) Social workers should take reasonable steps to protect the confidentiality of electronic communications, including information provided to clients or third parties. Social workers should use applicable safeguards (such as encryption, firewalls, and passwords) when using electronic communications such as e-mail, online posts, online chat sessions, mobile communication, and text messages.

(n) Social workers should develop and disclose policies and procedures for notifying clients of any breach of confidential information in a timely manner.

(o) In the event of unauthorized access to client records or information, including any unauthorized access to the social worker’s electronic communication or storage systems, social workers should inform clients of such disclosures, consistent with applicable laws and professional standards.

(p) Social workers should develop and inform clients about their policies, consistent with prevailing social work ethical standards, on the use of electronic technology, including Internet-based search engines, to gather information about clients.

(q) Social workers should avoid searching or gathering client information electronically unless there are compelling professional reasons, and when appropriate, with the client’s informed consent.

(r) Social workers should avoid posting any identifying or confidential information about clients on professional websites or other forms of social media.

(s) Social workers should transfer or dispose of clients' records in a manner that protects clients' confidentiality and is consistent with applicable laws governing records and social work licensure.

(t) Social workers should take reasonable precautions to protect client confidentiality in the event of the social worker's termination of practice, incapacitation, or death.

(u) Social workers should not disclose identifying information when discussing clients for teaching or training purposes unless the client has consented to disclosure of confidential information.

(v) Social workers should not disclose identifying information when discussing clients with consultants unless the client has consented to disclosure of confidential information or there is a compelling need for such disclosure.

(w) Social workers should protect the confidentiality of deceased clients consistent with the preceding standards.

1.08 Access to Records

(a) Social workers should provide clients with reasonable access to records concerning the clients. Social workers who are concerned that clients' access to their records could cause serious misunderstanding or harm to the client should provide assistance in interpreting the records and consultation with the client regarding the records. Social workers should limit clients' access to their records, or portions of their records, only in exceptional circumstances when there is compelling evidence that such access would cause serious harm to the client. Both clients' requests and the rationale for withholding some or all of the record should be documented in clients' files.

(b) Social workers should develop and inform clients about their policies, consistent with prevailing social work ethical standards, on the use of technology to provide clients with access to their records.

(c) When providing clients with access to their records, social workers should take steps to protect the confidentiality of other individuals identified or discussed in such records.

1.09 Sexual Relationships

(a) Social workers should under no circumstances engage in sexual activities, inappropriate sexual communications through the use of technology or in person, or sexual contact with current clients, whether such contact is consensual or forced.

(b) Social workers should not engage in sexual activities or sexual contact with clients' relatives or other individuals with whom clients maintain a close personal relationship when there is a risk of exploitation or potential harm to the client. Sexual activity or sexual contact with clients' relatives or other individuals with whom clients maintain a personal relationship has the potential to be harmful to the client and may make it difficult for the social worker and client to maintain appropriate professional boundaries. Social workers--not their clients, their clients' relatives, or other individuals with whom the client maintains a personal relationship--assume the full burden for setting clear, appropriate, and culturally sensitive boundaries.

(c) Social workers should not engage in sexual activities or sexual contact with former clients because of the potential for harm to the client. If social workers engage in conduct contrary to this prohibition or claim that an exception to this prohibition is warranted because of extraordinary circumstances, it is social workers--not their clients--who assume the full burden of demonstrating that the former client has not been exploited, coerced, or manipulated, intentionally or unintentionally.

(d) Social workers should not provide clinical services to individuals with whom they have had a prior sexual relationship. Providing clinical services to a former sexual partner has the potential to be harmful to the individual and is likely to make it difficult for the social worker and individual to maintain appropriate professional boundaries.

1.10 Physical Contact

Social workers should not engage in physical contact with clients when there is a possibility of psychological harm to the client as a result of the contact (such as cradling or caressing clients). Social workers who engage in appropriate physical contact with clients are responsible for setting clear, appropriate, and culturally sensitive boundaries that govern such physical contact.

1.11 Sexual Harassment

Social workers should not sexually harass clients. Sexual harassment includes sexual advances; sexual solicitation; requests for sexual favors; and other verbal, written, electronic, or physical contact of a sexual nature.

1.12 Derogatory Language

Social workers should not use derogatory language in their written, verbal, or electronic communications to or about clients. Social workers should use accurate and respectful language in all communications to and about clients.

1.13 Payment for Services

(a) When setting fees, social workers should ensure that the fees are fair, reasonable, and commensurate with the services performed. Consideration should be given to clients' ability to pay.

(b) Social workers should avoid accepting goods or services from clients as payment for professional services. Bartering arrangements, particularly involving services, create the potential for conflicts of interest, exploitation, and inappropriate boundaries in social workers' relationships with clients. Social workers should explore and may participate in bartering only in very limited circumstances when it can be demonstrated that such arrangements are an accepted practice among professionals in the local community, considered to be essential for the provision of services, negotiated without coercion, and entered into at the client's initiative and with the client's informed consent. Social workers who accept goods or services from clients as payment for professional services assume the full burden of demonstrating that this arrangement will not be detrimental to the client or the professional relationship.

(c) Social workers should not solicit a private fee or other remuneration for providing services to clients who are entitled to such available services through the social workers' employer or agency.

1.14 Clients Who Lack Decision-Making Capacity

When social workers act on behalf of clients who lack the capacity to make informed decisions, social workers should take reasonable steps to safeguard the interests and rights of those clients.

1.15 Interruption of Services

Social workers should make reasonable efforts to ensure continuity of services in the event that services are interrupted by factors such as unavailability, disruptions in electronic communication, relocation, illness, mental or physical ability, or death.

1.16 Referral for Services

(a) Social workers should refer clients to other professionals when the other professionals' specialized knowledge or expertise is needed to serve clients fully or when social workers believe that they are not being effective or making reasonable progress with clients and that other services are required.

(b) Social workers who refer clients to other professionals should take appropriate steps to facilitate an orderly transfer of responsibility. Social workers who refer clients to other professionals should disclose, with clients' consent, all pertinent information to the new service providers.

(c) Social workers are prohibited from giving or receiving payment for a referral when no professional service is provided by the referring social worker.

1.17 Termination of Services

(a) Social workers should terminate services to clients and professional relationships with them when such services and relationships are no longer required or no longer serve the clients' needs or interests.

(b) Social workers should take reasonable steps to avoid abandoning clients who are still in need of services. Social workers should withdraw services precipitously only under unusual circumstances, giving careful consideration to all factors in the situation and taking care to minimize possible adverse effects. Social workers should assist in making appropriate arrangements for continuation of services when necessary.

(c) Social workers in fee-for-service settings may terminate services to clients who are not paying an overdue balance if the financial contractual arrangements have been made clear to the client, if the client does not pose an imminent danger to self or others, and if the clinical and other consequences of the current nonpayment have been addressed and discussed with the client.

(d) Social workers should not terminate services to pursue a social, financial, or sexual relationship with a client.

(e) Social workers who anticipate the termination or interruption of services to clients should notify clients promptly and seek the transfer, referral, or continuation of services in relation to the clients' needs and preferences.

(f) Social workers who are leaving an employment setting should inform clients of appropriate options for the continuation of services and of the benefits and risks of the options.

2. Social Workers' Ethical Responsibilities to Colleagues

2.01 Respect

(a) Social workers should treat colleagues with respect and should represent accurately and fairly the qualifications, views, and obligations of colleagues.

(b) Social workers should avoid unwarranted negative criticism of colleagues in verbal, written, and electronic communications with clients or with other professionals. Unwarranted negative criticism may include demeaning comments that refer to colleagues' level of competence or to individuals' attributes such as race, ethnicity, national origin, color, sex, sexual orientation, gender identity or expression, age, marital status, political belief, religion, immigration status, and mental or physical ability.

(c) Social workers should cooperate with social work colleagues and with colleagues of other professions when such cooperation serves the well-being of clients.

2.02 Confidentiality

Social workers should respect confidential information shared by colleagues in the course of their professional relationships and transactions. Social workers should ensure that such colleagues understand social workers' obligation to respect confidentiality and any exceptions related to it.

2.03 Interdisciplinary Collaboration

(a) Social workers who are members of an interdisciplinary team should participate in and contribute to decisions that affect the well-being of clients by drawing on the perspectives, values, and experiences of the social work profession. Professional and ethical obligations of the interdisciplinary team as a whole and of its individual members should be clearly established.

(b) Social workers for whom a team decision raises ethical concerns should attempt to resolve the disagreement through appropriate channels. If the disagreement cannot be resolved, social workers should pursue other avenues to address their concerns consistent with client well-being.

2.04 Disputes Involving Colleagues

(a) Social workers should not take advantage of a dispute between a colleague and an employer to obtain a position or otherwise advance the social workers' own interests.

(b) Social workers should not exploit clients in disputes with colleagues or engage clients in any inappropriate discussion of conflicts between social workers and their colleagues.

2.05 Consultation

(a) Social workers should seek the advice and counsel of colleagues whenever such consultation is in the best interests of clients.

(b) Social workers should keep themselves informed about colleagues' areas of expertise and competencies. Social workers should seek consultation only from colleagues who have demonstrated knowledge, expertise, and competence related to the subject of the consultation.

(c) When consulting with colleagues about clients, social workers should disclose the least amount of information necessary to achieve the purposes of the consultation.

2.06 Sexual Relationships

(a) Social workers who function as supervisors or educators should not engage in sexual activities or contact (including verbal, written, electronic, or physical contact) with supervisees, students, trainees, or other colleagues over whom they exercise professional authority.

(b) Social workers should avoid engaging in sexual relationships with colleagues when there is potential for a conflict of interest. Social workers who become involved in, or anticipate becoming involved in, a sexual relationship with a colleague have a duty to transfer professional responsibilities, when necessary, to avoid a conflict of interest.

2.07 Sexual Harassment

Social workers should not sexually harass supervisees, students, trainees, or colleagues. Sexual harassment includes sexual advances; sexual solicitation; requests for sexual favors; and other verbal, written, electronic, or physical contact of a sexual nature.

2.08 Impairment of Colleagues

(a) Social workers who have direct knowledge of a social work colleague's impairment that is due to personal problems, psychosocial distress, substance abuse, or mental health difficulties and that interferes with practice effectiveness should consult with that colleague when feasible and assist the colleague in taking remedial action.

(b) Social workers who believe that a social work colleague's impairment interferes with practice effectiveness and that the colleague has not taken adequate steps to address the impairment should take action through appropriate channels established by employers, agencies, NASW, licensing and regulatory bodies, and other professional organizations.

2.09 Incompetence of Colleagues

(a) Social workers who have direct knowledge of a social work colleague's incompetence should consult with that colleague when feasible and assist the colleague in taking remedial action.

(b) Social workers who believe that a social work colleague is incompetent and has not taken adequate steps to address the incompetence should take action through appropriate channels established by employers, agencies, NASW, licensing and regulatory bodies, and other professional organizations.

2.10 Unethical Conduct of Colleagues

(a) Social workers should take adequate measures to discourage, prevent, expose, and correct the unethical conduct of colleagues, including unethical conduct using technology.

(b) Social workers should be knowledgeable about established policies and procedures for handling concerns about colleagues' unethical behavior. Social workers should be familiar with national, state, and local procedures for handling ethics complaints. These include policies and procedures created by NASW, licensing and regulatory bodies, employers, agencies, and other professional organizations.

(c) Social workers who believe that a colleague has acted unethically should seek resolution by discussing their concerns with the colleague when feasible and when such discussion is likely to be productive.

(d) When necessary, social workers who believe that a colleague has acted unethically should take action through appropriate formal channels (such as contacting a state licensing board or regulatory body, the NASW National Ethics Committee, or other professional ethics committees).

(e) Social workers should defend and assist colleagues who are unjustly charged with unethical conduct.

3. Social Workers' Ethical Responsibilities in Practice Settings

3.01 Supervision and Consultation

(a) Social workers who provide supervision or consultation (whether in-person or remotely) should have the necessary knowledge and skill to supervise or consult appropriately and should do so only within their areas of knowledge and competence.

(b) Social workers who provide supervision or consultation are responsible for setting clear, appropriate, and culturally sensitive boundaries.

(c) Social workers should not engage in any dual or multiple relationships with supervisees in which there is a risk of exploitation of or potential harm to the supervisee, including dual relationships that may arise while using social networking sites or other electronic media.

(d) Social workers who provide supervision should evaluate supervisees' performance in a manner that is fair and respectful.

3.02 Education and Training

(a) Social workers who function as educators, field instructors for students, or trainers should provide instruction only within their areas of knowledge and competence and should provide instruction based on the most current information and knowledge available in the profession.

(b) Social workers who function as educators or field instructors for students should evaluate students' performance in a manner that is fair and respectful.

(c) Social workers who function as educators or field instructors for students should take reasonable steps to ensure that clients are routinely informed when services are being provided by students.

(d) Social workers who function as educators or field instructors for students should not engage in any dual or multiple relationships with students in which there is a risk of exploitation or potential harm to the student, including dual relationships that may arise while using social networking sites or other electronic media. Social work educators and field instructors are responsible for setting clear, appropriate, and culturally sensitive boundaries.

3.03 Performance Evaluation

Social workers who have responsibility for evaluating the performance of others should fulfill such responsibility in a fair and considerate manner and on the basis of clearly stated criteria.

3.04 Client Records

(a) Social workers should take reasonable steps to ensure that documentation in electronic and paper records is accurate and reflects the services provided.

(b) Social workers should include sufficient and timely documentation in records to facilitate the delivery of services and to ensure continuity of services provided to clients in the future.

(c) Social workers' documentation should protect clients' privacy to the extent that is possible and appropriate and should include only information that is directly relevant to the delivery of services.

(d) Social workers should store records following the termination of services to ensure reasonable future access. Records should be maintained for the number of years required by relevant laws, agency policies, and contracts.

3.05 Billing

Social workers should establish and maintain billing practices that accurately reflect the nature and extent of services provided and that identify who provided the service in the practice setting.

3.06 Client Transfer

(a) When an individual who is receiving services from another agency or colleague contacts a social worker for services, the social worker should carefully consider the client's needs before agreeing to provide services. To minimize possible confusion and conflict, social workers should discuss with potential clients the nature of the clients' current relationship with other service providers and the implications, including possible benefits or risks, of entering into a relationship with a new service provider.

(b) If a new client has been served by another agency or colleague, social workers should discuss with the client whether consultation with the previous service provider is in the client's best interest.

3.07 Administration

(a) Social work administrators should advocate within and outside their agencies for adequate resources to meet clients' needs.

(b) Social workers should advocate for resource allocation procedures that are open and fair. When not all clients' needs can be met, an allocation procedure should be developed that is nondiscriminatory and based on appropriate and consistently applied principles.

(c) Social workers who are administrators should take reasonable steps to ensure that adequate agency or organizational resources are available to provide appropriate staff supervision.

(d) Social work administrators should take reasonable steps to ensure that the working environment for which they are responsible is consistent with and encourages compliance with the NASW Code of Ethics. Social work administrators should take reasonable steps to eliminate any conditions in their organizations that violate, interfere with, or discourage compliance with the Code.

3.08 Continuing Education and Staff Development

Social work administrators and supervisors should take reasonable steps to provide or arrange for continuing education and staff development for all staff for whom they are responsible. Continuing education and staff development should address current knowledge and emerging developments related to social work practice and ethics.

3.09 Commitments to Employers

(a) Social workers generally should adhere to commitments made to employers and employing organizations.

(b) Social workers should work to improve employing agencies' policies and procedures and the efficiency and effectiveness of their services.

(c) Social workers should take reasonable steps to ensure that employers are aware of social workers' ethical obligations as set forth in the NASW Code of Ethics and of the implications of those obligations for social work practice.

(d) Social workers should not allow an employing organization's policies, procedures, regulations, or administrative orders to interfere with their ethical practice of social work. Social workers should take reasonable steps to ensure that their employing organizations' practices are consistent with the NASW Code of Ethics.

(e) Social workers should act to prevent and eliminate discrimination in the employing organization's work assignments and in its employment policies and practices.

(f) Social workers should accept employment or arrange student field placements only in organizations that exercise fair personnel practices.

(g) Social workers should be diligent stewards of the resources of their employing organizations, wisely conserving funds where appropriate and never misappropriating funds or using them for unintended purposes.

3.10 Labor-Management Disputes

(a) Social workers may engage in organized action, including the formation of and participation in labor unions, to improve services to clients and working conditions.

(b) The actions of social workers who are involved in labor-management disputes, job actions, or labor strikes should be guided by the profession's values, ethical principles, and ethical standards. Reasonable differences of opinion exist among social workers concerning their primary obligation as professionals during an actual or threatened labor strike or job action. Social workers should carefully examine relevant issues and their possible impact on clients before deciding on a course of action.

4. Social Workers' Ethical Responsibilities as Professionals

4.01 Competence

(a) Social workers should accept responsibility or employment only on the basis of existing competence or the intention to acquire the necessary competence.

(b) Social workers should strive to become and remain proficient in professional practice and the performance of professional functions. Social workers should critically examine and keep current with emerging knowledge relevant to social work. Social workers should routinely review the professional literature and participate in continuing education relevant to social work practice and social work ethics.

(c) Social workers should base practice on recognized knowledge, including empirically based knowledge, relevant to social work and social work ethics.

4.02 Discrimination

Social workers should not practice, condone, facilitate, or collaborate with any form of discrimination on the basis of race, ethnicity, national origin, color, sex, sexual orientation, gender identity or expression, age, marital status, political belief, religion, immigration status, or mental or physical ability.

4.03 Private Conduct

Social workers should not permit their private conduct to interfere with their ability to fulfill their professional responsibilities.

4.04 Dishonesty, Fraud, and Deception

Social workers should not participate in, condone, or be associated with dishonesty, fraud, or deception.

4.05 Impairment

(a) Social workers should not allow their own personal problems, psychosocial distress, legal problems, substance abuse, or mental health difficulties to interfere with their professional judgment and performance or to jeopardize the best interests of people for whom they have a professional responsibility.

(b) Social workers whose personal problems, psychosocial distress, legal problems, substance abuse, or mental health difficulties interfere with their professional judgment and performance should immediately seek consultation and take appropriate remedial action by seeking professional help, making adjustments in workload, terminating practice, or taking any other steps necessary to protect clients and others.

4.06 Misrepresentation

(a) Social workers should make clear distinctions between statements made and actions engaged in as a private individual and as a representative of the social work profession, a professional social work organization, or the social worker's employing agency.

(b) Social workers who speak on behalf of professional social work organizations should accurately represent the official and authorized positions of the organizations.

(c) Social workers should ensure that their representations to clients, agencies, and the public of professional qualifications, credentials, education, competence, affiliations, services provided, or results to be achieved are accurate. Social workers should claim only those relevant professional credentials they actually possess and take steps to correct any inaccuracies or misrepresentations of their credentials by others.

4.07 Solicitations

(a) Social workers should not engage in uninvited solicitation of potential clients who, because of their circumstances, are vulnerable to undue influence, manipulation, or coercion.

(b) Social workers should not engage in solicitation of testimonial endorsements (including solicitation of consent to use a client's prior statement as a testimonial endorsement) from current clients or from other people who, because of their particular circumstances, are vulnerable to undue influence.

4.08 Acknowledging Credit

(a) Social workers should take responsibility and credit, including authorship credit, only for work they have actually performed and to which they have contributed.

(b) Social workers should honestly acknowledge the work of and the contributions made by others.

5. Social Workers' Ethical Responsibilities to the Social Work Profession

5.01 Integrity of the Profession

(a) Social workers should work toward the maintenance and promotion of high standards of practice.

(b) Social workers should uphold and advance the values, ethics, knowledge, and mission of the profession. Social workers should protect, enhance, and improve the integrity of the profession through appropriate study and research, active discussion, and responsible criticism of the profession.

(c) Social workers should contribute time and professional expertise to activities that promote respect for the value, integrity, and competence of the social work profession. These activities may include teaching, research, consultation, service, legislative testimony, presentations in the community, and participation in their professional organizations.

(d) Social workers should contribute to the knowledge base of social work and share with colleagues their knowledge related to practice, research, and ethics. Social workers should seek to contribute to the profession's literature and to share their knowledge at professional meetings and conferences.

(e) Social workers should act to prevent the unauthorized and unqualified practice of social work.

5.02 Evaluation and Research

(a) Social workers should monitor and evaluate policies, the implementation of programs, and practice interventions.

(b) Social workers should promote and facilitate evaluation and research to contribute to the development of knowledge.

(c) Social workers should critically examine and keep current with emerging knowledge relevant to social work and fully use evaluation and research evidence in their professional practice.

(d) Social workers engaged in evaluation or research should carefully consider possible consequences and should follow guidelines developed for the protection of evaluation and research participants. Appropriate institutional review boards should be consulted.

(e) Social workers engaged in evaluation or research should obtain voluntary and written informed consent from participants, when appropriate, without any implied or actual deprivation or penalty for refusal to participate; without undue inducement to participate; and with due regard for participants' well-being, privacy, and dignity. Informed consent should include information about the nature, extent, and duration of the participation requested and disclosure of the risks and benefits of participation in the research.

(f) When using electronic technology to facilitate evaluation or research, social workers should ensure that participants provide informed consent for the use of such technology. Social workers should assess whether participants are able to use the technology and, when appropriate, offer reasonable alternatives to participate in the evaluation or research.

(g) When evaluation or research participants are incapable of giving informed consent, social workers should provide an appropriate explanation to the participants, obtain the participants' assent to the extent they are able, and obtain written consent from an appropriate proxy.

(h) Social workers should never design or conduct evaluation or research that does not use consent procedures, such as certain forms of naturalistic observation and archival research, unless rigorous and responsible review of the research has found it to be justified because of its prospective scientific, educational, or applied value and unless equally effective alternative procedures that do not involve waiver of consent are not feasible.

(i) Social workers should inform participants of their right to withdraw from evaluation and research at any time without penalty.

(j) Social workers should take appropriate steps to ensure that participants in evaluation and research have access to appropriate supportive services.

(k) Social workers engaged in evaluation or research should protect participants from unwarranted physical or mental distress, harm, danger, or deprivation.

(l) Social workers engaged in the evaluation of services should discuss collected information only for professional purposes and only with people professionally concerned with this information.

(m) Social workers engaged in evaluation or research should ensure the anonymity or confidentiality of participants and of the data obtained from them. Social workers should inform participants of any limits of confidentiality, the measures that will be taken to ensure confidentiality, and when any records containing research data will be destroyed.

(n) Social workers who report evaluation and research results should protect participants' confidentiality by omitting identifying information unless proper consent has been obtained authorizing disclosure.

(o) Social workers should report evaluation and research findings accurately. They should not fabricate or falsify results and should take steps to correct any errors later found in published data using standard publication methods.

(p) Social workers engaged in evaluation or research should be alert to and avoid conflicts of interest and dual relationships with participants, should inform participants when a real or potential conflict of interest arises, and should take steps to resolve the issue in a manner that makes participants' interests primary.

(q) Social workers should educate themselves, their students, and their colleagues about responsible research practices.

6. Social Workers' Ethical Responsibilities to the Broader Society

6.01 Social Welfare

Social workers should promote the general welfare of society, from local to global levels, and the development of people, their communities, and their environments. Social workers should advocate for living conditions conducive to the fulfillment of basic human needs and should promote social, economic, political, and cultural values and institutions that are compatible with the realization of social justice.

6.02 Public Participation

Social workers should facilitate informed participation by the public in shaping social policies and institutions.

6.03 Public Emergencies

Social workers should provide appropriate professional services in public emergencies to the greatest extent possible.

6.04 Social and Political Action

(a) Social workers should engage in social and political action that seeks to ensure that all people have equal access to the resources, employment, services, and opportunities they require to meet their basic human needs and to develop fully. Social workers should be aware of the impact of the political arena on practice and should advocate for changes in policy and legislation to improve social conditions in order to meet basic human needs and promote social justice.

(b) Social workers should act to expand choice and opportunity for all people, with special regard for vulnerable, disadvantaged, oppressed, and exploited people and groups.

(c) Social workers should promote conditions that encourage respect for cultural and social diversity within the United States and globally. Social workers should promote policies and practices that demonstrate respect for difference, support the expansion of cultural knowledge and resources, advocate for programs and institutions that demonstrate cultural competence, and promote policies that safeguard the rights of and confirm equity and social justice for all people.

(d) Social workers should act to prevent and eliminate domination of, exploitation of, and discrimination against any person, group, or class on the basis of race, ethnicity, national origin, color, sex, sexual orientation, gender identity or expression, age, marital status, political belief, religion, immigration status, or mental or physical ability.

Revised Code of Ethics

• Order a copy of the Code of Ethics
• Preorder a copy of Código de Ética (Spanish version)

About the Revisions

• 2021 Highlighted Revisions to the Code of Ethics
• Frequently Asked Questions

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

[email protected]

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

@charset "utf-8"; .cc-color-override--266827358.cc-window { color: rgb(255, 255, 255); background-color: rgb(0, 0, 0); } .cc-color-override--266827358.cc-revoke { color: rgb(255, 255, 255); background-color: rgb(0, 0, 0); } .cc-color-override--266827358 .cc-link, .cc-color-override--266827358 .cc-link:active, .cc-color-override--266827358 .cc-link:visited { color: rgb(255, 255, 255); } .cc-color-override--266827358 .cc-btn { color: rgb(255, 255, 255); border-color: transparent; background-color: rgb(38, 38, 38); } .cc-color-override--266827358 .cc-btn:hover, .cc-color-override--266827358 .cc-btn:focus { background-color: rgb(76, 76, 76); } .cc-color-override--266827358 .cc-highlight .cc-btn:first-child { color: rgb(255, 255, 255); }

@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/v28/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/v28/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/v28/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/v28/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/v28/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0B4iaVIGxA.woff2") format("woff2"); unicode-range: U+590-5FF, U+200C-2010, 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/v28/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/v28/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/v28/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"; .actions { width: 10px; } .clear { clear: both; } .c_footer { padding-right: 10px; text-align: right; } .dnntitle { padding-left: 10px; } .c_contentpane { text-align: left; padding: 2px 5px 0px; } .ModuleTitle_MenuContainer { width: 100px !important; } .Container-1 { margin: 0px; } .Container-1 .dnntitle { white-space: nowrap; padding: 0px; margin-top: 38px; text-align: center; } .Container-1 .contentmain1 { } .Container-1 .contentpane { padding: 5px 0px 0px; text-align: left; vertical-align: top; clear: both; } .Container-1 .Icon_1 { width: 82px; height: 36px; display: block; margin: -18px auto 0px; } .Container-2 { margin-bottom: 5px; } .Container-2 .dnntitle { white-space: nowrap; margin-bottom: 10px; padding: 0px; text-align: center; } .Container-2 .contentmain1 { } .Container-2 .contentpane { padding: 5px 0px 3px; text-align: left; vertical-align: top; clear: both; } .Container-3 { margin-bottom: 5px; } .Container-3 .dnntitle { white-space: nowrap; text-align: left; padding: 0px 0px 5px; } .Container-3 .contentmain1 { padding-right: 5px; } .Container-3 .contentpane { padding: 5px 0px 3px; text-align: left; vertical-align: top; clear: both; } .Container-4 { margin-bottom: 5px; } .Container-4 .dnntitle { white-space: nowrap; text-align: left; padding: 0px; } .Container-4 .contentmain1 { padding-right: 5px; } .Container-4 .contentpane { padding: 5px 0px 3px; text-align: left; vertical-align: top; clear: both; } .Container-5 { margin-bottom: 5px; } .Container-5 .dnntitle { white-space: nowrap; text-align: left; padding: 0px; background: url("images/c5_bg.png"); } .Container-5 .contentmain1 { padding-right: 5px; } .Container-5 .contentpane { padding: 5px 0px 3px; text-align: left; vertical-align: top; clear: both; } .Container-6 { margin-bottom: 5px; } .Container-6 .dnntitle { white-space: nowrap; text-align: center; padding: 0px; } .Container-6 .contentmain1 { padding-right: 5px; } .Container-6 .contentpane { padding: 5px 0px 3px; text-align: left; vertical-align: top; clear: both; } .Container-7 { margin-bottom: 5px; border: 3px solid rgb(242, 242, 242); background: rgb(250, 250, 250); padding: 10px 22px 15px; position: relative; overflow: hidden; } .Container-7 .dnntitle { white-space: nowrap; text-align: left; padding: 0px; position: relative; z-index: 1; } .Container-7 .contentmain1 { padding-right: 5px; position: relative; z-index: 1; } .Container-7 .contentpane { padding: 5px 0px 3px; text-align: left; vertical-align: top; clear: both; } .Container-7 .ico_7 { position: absolute; bottom: 20px; right: 20px; z-index: 0; } .Container-7 .c_footer { position: relative; z-index: 10; } .Container-8 { margin-bottom: 5px; } .Container-8 .dnntitle { white-space: nowrap; padding: 0px; border-bottom: 1px solid rgb(229, 228, 225); } .Container-8 .contentmain1 { } .Container-8 .contentpane { padding: 5px 0px 3px; text-align: left; vertical-align: top; clear: both; } .Container-9 { margin-bottom: 5px; } .Container-9 .dnntitle { white-space: nowrap; padding: 0px; border-bottom: 1px solid rgb(229, 228, 225); margin-bottom: 20px; } .Container-9 .contentmain1 { } .Container-9 .contentpane { padding: 5px 0px 3px; text-align: left; vertical-align: top; clear: both; } .Container-10 { margin-bottom: 5px; border: 1px solid rgb(229, 228, 225); padding: 1px; } .Container-10 .dnntitle { white-space: nowrap; padding: 3px 0px; } .Container-10 .contentmain1 { padding: 10px 15px; } .Container-10 .contentpane { padding: 5px 0px 3px; text-align: left; vertical-align: top; clear: both; } .Container-11 { margin-bottom: 5px; } .Container-11 .dnntitle { white-space: nowrap; text-align: center; padding: 0px; margin: 50px 0px 15px; border-top: 1px solid rgb(235, 235, 235); } .Container-11 .contentmain1 { padding-right: 5px; } .Container-11 .contentpane { padding: 5px 0px 3px; text-align: left; vertical-align: top; clear: both; } .Container-12 { margin-bottom: 5px; } .Container-12 .dnntitle { white-space: nowrap; text-align: center; padding: 0px; margin: 50px 0px 15px; } .Container-12 .contentmain1 { padding-right: 5px; } .Container-12 .contentpane { padding: 5px 0px 3px; text-align: left; vertical-align: top; clear: both; } .Container-12 .line { border-top: 1px solid rgb(235, 235, 235); width: 40%; margin: 25px auto 10px; } .Container-13 { position: relative; } .Container-13 .MaskLayer { background: url("images/MaskLayer.png"); position: relative; z-index: 1; top: 0px; left: 0px; } .Container-15 { margin-bottom: 5px; } .Container-15 .dnntitle { white-space: nowrap; margin-bottom: 10px; padding: 0px; text-align: center; } .Container-15 .contentmain1 { } .Container-15 .contentpane { padding: 5px 0px 3px; text-align: left; vertical-align: top; clear: both; } .Container-16 { margin-bottom: 5px; } .Container-16 .dnntitle { white-space: nowrap; text-align: left; padding: 0px 0px 5px; } .Container-16 .contentmain1 { padding-right: 5px; } .Container-16 .contentpane { padding: 5px 0px 3px; text-align: left; vertical-align: top; clear: both; } .Container-17 { margin-bottom: 5px; } .Container-17 .dnntitle { white-space: nowrap; text-align: left; padding: 0px 0px 10px; } .Container-17 .contentmain1 { padding-right: 5px; } .Container-17 .contentpane { padding: 5px 0px 3px; text-align: left; vertical-align: top; clear: both; } .Container-18 { margin-bottom: 5px; } .Container-18 .dnntitle { white-space: nowrap; text-align: left; padding: 0px 0px 10px; } .Container-18 .contentmain1 { padding-right: 5px; } .Container-18 .contentpane { padding: 5px 0px 3px; text-align: left; vertical-align: top; clear: both; } .Container-19 { margin-bottom: 5px; } .Container-19 .dnntitle { white-space: nowrap; text-align: left; padding: 0px 20px; position: relative; display: inline-block; } .Container-19 .dnntitle::before { content: ""; background: url("images/c5_bg.png"); width: 120px; height: 20px; position: absolute; top: 50%; right: 100%; margin-top: -9px; } .Container-19 .dnntitle::after { content: ""; background: url("images/c5_bg.png"); width: 120px; height: 20px; position: absolute; top: 50%; left: 100%; margin-top: -9px; } .Container-19 .contentmain1 { padding-right: 5px; } .Container-19 .contentpane { padding: 5px 0px 3px; text-align: left; vertical-align: top; clear: both; } .Container-19 .titleBox { width: 100%; overflow: hidden; text-align: center; } .Container-20 { margin-bottom: 5px; } .Container-20 .dnntitle { white-space: nowrap; text-align: left; padding: 0px 0px 15px; border-bottom: 1px solid rgb(221, 221, 221); margin-bottom: 10px; } .Container-20 .contentmain1 { padding-right: 5px; } .Container-20 .contentpane { padding: 5px 0px 3px; text-align: left; vertical-align: top; clear: both; } .Container-21 { margin-bottom: 5px; } .Container-21 .dnntitle { white-space: nowrap; text-align: left; padding: 0px 0px 15px; margin-bottom: 10px; } .Container-21 .dnntitle .line { width: 40px; height: 3px; background-color: rgb(170, 170, 170); display: block; margin: 15px 0px; } .Container-21 .contentmain1 { } .Container-21 .contentpane { padding: 5px 0px 3px; text-align: left; vertical-align: top; clear: both; } .Container-22 { margin-bottom: 5px; } .Container-22 .dnntitle { white-space: nowrap; padding: 0px; text-align: center; } .Container-22 .dnntitle .dash_line_center { width: 40px; border-bottom: 1px dashed rgb(237, 71, 74); display: block; margin: 25px auto 20px; } .Container-22 .contentmain1 { } .Container-22 .contentpane { padding: 5px 0px 3px; text-align: left; vertical-align: top; clear: both; } .Container-23 { margin-bottom: 5px; } .Container-23 .dnntitle { white-space: nowrap; padding: 0px; text-align: left; } .Container-23 .dnntitle .dash_line { width: 40px; border-bottom: 1px dashed rgb(237, 71, 74); display: block; margin: 25px 0px 20px; } .Container-23 .contentmain1 { } .Container-23 .contentpane { padding: 5px 0px 3px; text-align: left; vertical-align: top; clear: both; } .Container-13 .Container-13-img { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; margin: 0px; padding: 0px; } .Container-13 .Container-13-img li { list-style: none; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-repeat: no-repeat; background-attachment: fixed; background-size: cover; background-position: 0px center; z-index: 0; } @media only screen and (max-width: 1024px) { .Container-13 .Container-13-img li { background-attachment: scroll; } } .Container-13 { background-attachment: fixed; background-size: cover; } .Container-13 .MaskLayer { background: url("images/MaskLayer.png"); } .Container-H1 { margin-bottom: 5px; } .Container-H1 .dnntitle { padding: 0px; } .Container-H1 .contentmain { } .Container-H1 .contentpane { padding: 5px 0px 1px; text-align: left; vertical-align: top; clear: both; } .Container-H2 { margin-bottom: 5px; } .Container-H2 .dnntitle { padding: 0px; } .Container-H2 .contentmain { } .Container-H2 .contentpane { padding: 5px 0px 1px; text-align: left; vertical-align: top; clear: both; } .Container-H3 { margin-bottom: 5px; } .Container-H3 .dnntitle { padding: 0px; } .Container-H3 .contentmain { } .Container-H3 .contentpane { padding: 5px 0px 1px; text-align: left; vertical-align: top; clear: both; } .title1 { font-size: 36px; line-height: 1.2; color: rgb(255, 255, 255); white-space: normal; vertical-align: middle; font-weight: normal; padding: 20px 0px 0px; margin: 0px; } .title2 { font-size: 36px; line-height: 1.2; white-space: normal; vertical-align: middle; font-weight: normal; padding: 20px 0px 0px; margin: 0px; } .title3 { font-size: 20px; line-height: 1.2; color: rgb(229, 229, 229); white-space: normal; vertical-align: middle; } .title3 span { font-size: 18px; margin-right: 5px; } .title4 { font-size: 20px; line-height: 1.2; color: rgb(46, 46, 46); white-space: normal; vertical-align: middle; } .title5 { font-size: 20px; line-height: 1; color: rgb(46, 46, 46); white-space: normal; background-color: rgb(255, 255, 255); padding: 4px 15px 5px 0px; display: inline-block; } * + html .title5 { display: inline; } .title6 { font-size: 22px; line-height: 1; color: rgb(46, 46, 46); white-space: normal; padding-right: 15px; vertical-align: middle; } .title7 { font-size: 20px; line-height: 1.2; color: rgb(46, 46, 46); white-space: normal; vertical-align: middle; } .title8 { font-size: 22px; line-height: 1.2; color: rgb(76, 76, 76); white-space: normal; vertical-align: middle; margin-bottom: -2px; display: inline-block; padding: 5px 0px; } * + html .title8 { display: inline; } .title9 { font-size: 22px; color: rgb(76, 76, 76); white-space: normal; vertical-align: middle; line-height: 1; display: inline-block; padding: 0px 15px; background-color: rgb(255, 255, 255); margin-bottom: -20px; } * + html .title9 { display: inline; } .title10 { font-size: 22px; line-height: 1.2; color: rgb(255, 255, 255); white-space: normal; vertical-align: middle; padding: 0px 10px; } .title11 { font-size: 30px; line-height: 1; color: rgb(54, 56, 57); white-space: normal; background-color: rgb(255, 255, 255); padding: 0px 15px; margin-top: -25px; display: inline-block; vertical-align: middle; } .title12 { font-size: 30px; line-height: 1; color: rgb(54, 56, 57); white-space: normal; background-color: rgb(255, 255, 255); padding: 0px 15px; margin-top: -25px; display: inline-block; vertical-align: middle; } .title15 { font-size: 36px; line-height: 1.2; color: rgb(61, 63, 64); white-space: normal; vertical-align: middle; font-weight: normal; padding: 20px 0px 0px; margin: 0px; } .title16 { font-size: 28px; line-height: 1.2; color: rgb(55, 57, 58); white-space: normal; vertical-align: middle; } .title17 { font-size: 24px; line-height: 1.2; color: rgb(255, 255, 255); white-space: normal; vertical-align: middle; } .title18 { font-size: 18px; line-height: 1.2; color: rgb(221, 221, 221); white-space: normal; vertical-align: middle; } .title19 { font-size: 26px; line-height: 1; color: rgb(46, 46, 46); white-space: normal; display: inline-block; letter-spacing: 2px; } .title20 { font-size: 24px; line-height: 1.2; color: rgb(46, 46, 46); white-space: normal; vertical-align: middle; } .title21 { font-size: 20px; line-height: 1.2; color: rgb(237, 71, 74); font-weight: bold; white-space: normal; vertical-align: middle; text-transform: uppercase; } .title22 { font-size: 20px; line-height: 1.2; color: rgb(51, 51, 51); font-weight: bold; white-space: normal; vertical-align: middle; text-transform: uppercase; } .Container-13, .Container-13 .Normal, .Container-13 a, .Container-13 a:link, .Container-13 a:active, .Container-13 a:visited, .Container-13 a:hover, .Container-14, .Container-14 .Normal, .Container-14 a, .Container-14 a:link, .Container-14 a:active, .Container-14 a:visited, .Container-14 a:hover { color: rgb(255, 255, 255); }

@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"; .cc-window { opacity: 1; transition: opacity 1s ease 0s; } .cc-window.cc-invisible { opacity: 0; } .cc-animate.cc-revoke { transition: transform 1s ease 0s; } .cc-animate.cc-revoke.cc-top { transform: translateY(-2em); } .cc-animate.cc-revoke.cc-bottom { transform: translateY(2em); } .cc-animate.cc-revoke.cc-active.cc-bottom, .cc-animate.cc-revoke.cc-active.cc-top, .cc-revoke:hover { transform: translateY(0px); } .cc-grower { max-height: 0px; overflow: hidden; transition: max-height 1s ease 0s; } .cc-link, .cc-revoke:hover { text-decoration: underline; } .cc-revoke, .cc-window { position: fixed; overflow: hidden; box-sizing: border-box; font-family: Helvetica, Calibri, Arial, sans-serif; font-size: 16px; line-height: 1.5em; display: flex; flex-wrap: nowrap; z-index: 9999; } .cc-window.cc-static { position: static; } .cc-window.cc-floating { padding: 2em; max-width: 24em; flex-direction: column; } .cc-window.cc-banner { padding: 1em 1.8em; width: 100%; flex-direction: row; } .cc-revoke { padding: 0.5em; } .cc-header { font-size: 18px; font-weight: 700; } .cc-btn, .cc-close, .cc-link, .cc-revoke { cursor: pointer; } .cc-link { opacity: 0.8; display: inline-block; padding: 0.2em; } .cc-link:hover { opacity: 1; } .cc-link:active, .cc-link:visited { color: initial; } .cc-btn { display: block; padding: 0.4em 0.8em; font-size: 0.9em; font-weight: 700; border-width: 2px; border-style: solid; text-align: center; white-space: nowrap; } .cc-banner .cc-btn:last-child { min-width: 140px; } .cc-highlight .cc-btn:first-child { background-color: transparent; border-color: transparent; } .cc-highlight .cc-btn:first-child:focus, .cc-highlight .cc-btn:first-child:hover { background-color: transparent; text-decoration: underline; } .cc-close { display: block; position: absolute; top: 0.5em; right: 0.5em; font-size: 1.6em; opacity: 0.9; line-height: 0.75; } .cc-close:focus, .cc-close:hover { opacity: 1; } .cc-revoke.cc-top { top: 0px; left: 3em; border-bottom-left-radius: 0.5em; border-bottom-right-radius: 0.5em; } .cc-revoke.cc-bottom { bottom: 0px; left: 3em; border-top-left-radius: 0.5em; border-top-right-radius: 0.5em; } .cc-revoke.cc-left { left: 3em; right: unset; } .cc-revoke.cc-right { right: 3em; left: unset; } .cc-top { top: 1em; } .cc-left { left: 1em; } .cc-right { right: 1em; } .cc-bottom { bottom: 1em; } .cc-floating > .cc-link { margin-bottom: 1em; } .cc-floating .cc-message { display: block; margin-bottom: 1em; } .cc-window.cc-floating .cc-compliance { flex: 1 1 0%; } .cc-window.cc-banner { align-items: center; } .cc-banner.cc-top { left: 0px; right: 0px; top: 0px; } .cc-banner.cc-bottom { left: 0px; right: 0px; bottom: 0px; } .cc-banner .cc-message { flex: 1 1 0%; } .cc-compliance { display: flex; align-items: center; align-content: space-between; } .cc-compliance > .cc-btn { flex: 1 1 0%; } .cc-btn + .cc-btn { margin-left: 0.5em; } @media print { .cc-revoke, .cc-window { display: none; } } @media screen and (max-width: 900px) { .cc-btn { white-space: normal; } } @media screen and (max-width: 414px) and (orientation: portrait), screen and (max-width: 736px) and (orientation: landscape) { .cc-window.cc-top { top: 0px; } .cc-window.cc-bottom { bottom: 0px; } .cc-window.cc-banner, .cc-window.cc-left, .cc-window.cc-right { left: 0px; right: 0px; } .cc-window.cc-banner { flex-direction: column; } .cc-window.cc-banner .cc-compliance { flex: 1 1 0%; } .cc-window.cc-floating { max-width: none; } .cc-window .cc-message { margin-bottom: 1em; } .cc-window.cc-banner { align-items: unset; } } .cc-floating.cc-theme-classic { padding: 1.2em; border-radius: 5px; } .cc-floating.cc-type-info.cc-theme-classic .cc-compliance { text-align: center; display: inline; flex: 0 0 auto; } .cc-theme-classic .cc-btn { border-radius: 5px; } .cc-theme-classic .cc-btn:last-child { min-width: 140px; } .cc-floating.cc-type-info.cc-theme-classic .cc-btn { display: inline-block; } .cc-theme-edgeless.cc-window { padding: 0px; } .cc-floating.cc-theme-edgeless .cc-message { margin: 2em 2em 1.5em; } .cc-banner.cc-theme-edgeless .cc-btn { margin: 0px; padding: 0.8em 1.8em; height: 100%; } .cc-banner.cc-theme-edgeless .cc-message { margin-left: 1em; } .cc-floating.cc-theme-edgeless .cc-btn + .cc-btn { margin-left: 0px; }

@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; }