Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- @charset "UTF-8";
- @import url(../css/fonts.css);
- body {
- background-color: #ffffff;
- font-family: "Roboto Regular";
- color: #8899a6;
- font-size: 14px;
- line-height: 1.42857;
- margin: 0; }
- p {
- color: #333333;
- font-size: 16px;
- font-family: "Roboto Regular";
- line-height: 28px;
- text-align: left;
- float: left;
- width: 100%; }
- a {
- color: #333333;
- font-size: 16px;
- font-family: "Roboto Regular";
- line-height: 18px;
- text-decoration: underline;
- text-align: left;
- cursor: pointer; }
- a:hover {
- color: #a53b9d;
- text-decoration: none; }
- .blockquote {
- color: #5a5959;
- font-size: 17px;
- font-family: "Roboto Regular";
- line-height: 30px;
- text-align: left;
- border-top: 1px solid #cccccc;
- border-bottom: 1px solid #cccccc;
- margin: 25px 50px 30px 30px;
- float: left; }
- .img-container {
- position: relative;
- height: 360px;
- width: 100%;
- float: left;
- margin-top: 15px; }
- @media (max-width: 767px) {
- .img-container {
- height: auto; } }
- .img-container img {
- width: 100%;
- height: 100%;
- object-fit: cover; }
- h1 {
- color: #601f5b;
- font-size: 46px;
- font-family: "Roboto Black";
- line-height: 52px;
- text-align: left;
- width: 100%;
- position: relative;
- float: left;
- margin: 0; }
- @media (max-width: 767px) {
- h1 {
- font-size: 44px;
- line-height: 48px; } }
- h2 {
- float: left;
- width: 100%;
- color: #333333;
- font-size: 34px;
- font-family: "Roboto Black";
- line-height: 52px;
- text-align: left;
- position: relative;
- margin: 0; }
- @media (max-width: 767px) {
- h2 {
- font-size: 30px;
- line-height: 40px; } }
- h3 {
- width: 100%;
- float: left;
- color: #601f5b;
- font-size: 20px;
- font-family: "Roboto Black";
- line-height: 52px;
- text-align: left;
- margin: 0; }
- h4 {
- float: left;
- width: 100%;
- color: #601f5b;
- font-size: 20px;
- font-family: "Roboto Bold";
- line-height: 24px;
- text-align: left;
- margin: 0; }
- h5 {
- float: left;
- width: 100%;
- color: #5b5a5a;
- font-size: 13px;
- font-family: "Roboto Regular";
- line-height: 26px;
- text-align: left;
- text-transform: uppercase;
- margin: 0; }
- @media (max-width: 767px) {
- .change-content-item-position {
- display: flex;
- flex-flow: column; } }
- @media (max-width: 767px) {
- .two {
- order: 1; } }
- @media (max-width: 767px) {
- .one {
- order: 2; } }
- .responsive-table {
- float: left;
- width: 100%;
- margin-bottom: 60px; }
- @media (max-width: 767px) {
- .responsive-table {
- margin-bottom: 15px; } }
- .responsive-table thead th {
- display: none;
- color: #333333;
- font-size: 16px;
- font-family: "Roboto Bold";
- line-height: 16px;
- text-align: left;
- padding: 20px 0 20px 0; }
- @media (min-width: 768px) {
- .responsive-table thead th {
- display: table-cell;
- text-align: left; } }
- .responsive-table thead th:first-child {
- padding-left: 10px; }
- .responsive-table tbody tr {
- padding-left: 10px; }
- .responsive-table tbody tr:nth-child(odd) {
- background-color: #f5f5f5; }
- @media (max-width: 767px) {
- .responsive-table tbody tr {
- padding: 15px 10px 15px 0;
- float: left;
- width: 100%; } }
- .responsive-table tbody td {
- display: block;
- color: #333333;
- font-size: 16px;
- font-family: "Roboto Regular";
- line-height: 18px;
- text-align: left;
- padding: 20px 0; }
- @media (max-width: 767px) {
- .responsive-table tbody td {
- padding: 10px 15px;
- text-align: right;
- float: left;
- width: 100%; } }
- .responsive-table tbody td:first-child {
- padding-left: 10px; }
- @media (max-width: 767px) {
- .responsive-table tbody td:first-child {
- padding: 10px 15px; } }
- @media (min-width: 768px) and (max-width: 991px) {
- .responsive-table tbody td:first-child {
- max-width: 230px; } }
- @media (min-width: 992px) and (max-width: 1199px) {
- .responsive-table tbody td:first-child {
- max-width: 270px; } }
- @media (min-width: 768px) and (max-width: 991px) {
- .responsive-table tbody td:nth-child(2) {
- max-width: 160px; } }
- @media (min-width: 992px) and (max-width: 1199px) {
- .responsive-table tbody td:nth-child(2) {
- max-width: 230px; } }
- .responsive-table tbody td:before {
- content: attr(data-th);
- float: left;
- width: 80px;
- text-align: left; }
- @media (min-width: 768px) {
- .responsive-table tbody td:before {
- display: none; } }
- @media (min-width: 768px) {
- .responsive-table tbody td {
- display: table-cell;
- text-align: left; } }
- .custom-accordion {
- float: left;
- width: 100%;
- border-top: 1px solid #cccccc;
- padding: 10px 0 70px 0; }
- @media (max-width: 767px) {
- .custom-accordion {
- padding-bottom: 40px; } }
- .custom-accordion .panel-group .panel {
- border-radius: 0;
- box-shadow: none;
- border: none;
- margin-top: 15px; }
- .custom-accordion .panel-group .panel-default > .panel-heading {
- padding: 0;
- border-radius: 0;
- color: #a53b9e;
- background-color: transparent;
- border: none; }
- .custom-accordion .panel-group .panel-default > .panel-heading + .panel-collapse .panel-body {
- border-top: none; }
- .custom-accordion .panel-group .panel-title > a {
- color: #a53b9e;
- font-size: 19px;
- font-family: "Roboto Black";
- line-height: 26px;
- text-align: left;
- text-decoration: none;
- padding-left: 25px;
- display: inline-block;
- position: relative; }
- .custom-accordion .panel-group .panel-title > a:hover {
- color: #60205b;
- text-decoration: underline; }
- .custom-accordion .panel-group .more-less {
- float: left;
- font-size: 14px;
- font-weight: 100;
- position: absolute;
- top: 7px;
- left: 0; }
- .custom-accordion .panel-group .panel-body {
- color: #5a5959;
- font-size: 15px;
- font-family: "Roboto Regular";
- line-height: 24px;
- text-align: left;
- padding: 15px 60px 15px 25px;
- border-top: none; }
- @media (max-width: 767px) {
- .custom-accordion .panel-group .panel-body {
- padding-right: 25px; } }
- @media (min-width: 768px) and (max-width: 991px) {
- .custom-accordion .panel-group .panel-body {
- padding-right: 25px; } }
- @media (min-width: 992px) and (max-width: 1199px) {
- .custom-accordion .panel-group .panel-body {
- padding-right: 25px; } }
- .footer-title {
- font-family: "Roboto Black";
- color: #5a5050;
- font-size: 19px;
- line-height: 26px;
- text-align: left;
- width: 100%;
- float: left; }
- .footer-subtitle {
- font-family: "Roboto Bold";
- width: 100%;
- float: left;
- color: #5a5050;
- font-size: 17px;
- line-height: 26px;
- text-align: left; }
- strong {
- font-weight: 700;
- font-family: "Roboto Bold"; }
- b {
- font-weight: 700;
- font-family: "Roboto Bold"; }
- ul {
- padding: 0;
- margin: 0;
- list-style: none; }
- #listen-container {
- float: left;
- width: 100%;
- margin-bottom: 70px;
- padding: 40px 0;
- background: -webkit-linear-gradient(180deg, #d1d1d1 0%, #e1e1e1 100%);
- background: -moz-linear-gradient(180deg, #d1d1d1 0%, #e1e1e1 100%);
- background: -o-linear-gradient(180deg, #d1d1d1 0%, #e1e1e1 100%);
- background: -ms-linear-gradient(180deg, #d1d1d1 0%, #e1e1e1 100%);
- background: linear-gradient(-90deg, #d1d1d1 0%, #e1e1e1 100%); }
- #listen-container .listen-container-icon {
- float: left;
- width: 23px; }
- #listen-container .listen-container-icon img {
- width: 100%; }
- #listen-container h4 {
- margin: 0 0 5px 0;
- line-height: 17px; }
- #listen-container span {
- color: #5a5959;
- font-size: 14px;
- font-family: "Roboto Regular";
- line-height: 14px;
- text-align: left; }
- .hover {
- -webkit-user-select: none;
- -webkit-touch-callout: none; }
- .section {
- float: left;
- width: 100%;
- margin-bottom: 15px; }
- .flex-row {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -ms-flex-wrap: wrap;
- flex-wrap: wrap; }
- .flex-row:after,
- .flex-row:before {
- display: none; }
- .flex-row > [class*='col-'] {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -ms-flex-direction: column;
- flex-direction: column; }
- #filter-button-container {
- float: left;
- width: 100%;
- margin-bottom: 40px; }
- @media (max-width: 767px) {
- #filter-button-container {
- margin-bottom: 20px; } }
- #filter-button-container ul li {
- display: inline-block;
- margin-right: 10px; }
- #filter-button-container ul li:last-child {
- margin-right: 0; }
- #filter-button-container ul li.active a {
- border-color: #333333;
- background-color: #333333;
- color: rgba(255, 255, 255, 0.82); }
- #filter-button-container ul li a {
- font-size: 14px;
- font-family: "Roboto Light";
- line-height: 26px;
- text-align: left;
- color: #999999;
- border: 1px solid #cccccc;
- background-color: #ffffff;
- text-decoration: none;
- padding: 7px 10px; }
- #filter-button-container ul li a:hover {
- background-color: #333333;
- color: rgba(255, 255, 255, 0.82);
- text-decoration: none; }
- #filter-button-container .select-hidden {
- display: none;
- visibility: hidden;
- padding-right: 10px; }
- #filter-button-container .select-options {
- display: none;
- position: absolute;
- top: 41px;
- right: 15px;
- left: 15px;
- z-index: 999;
- margin: 0;
- padding: 0;
- list-style: none;
- background-color: #ffffff;
- color: #333333; }
- #filter-button-container .select-options li {
- border-color: #333333;
- background-color: #333333;
- color: rgba(255, 255, 255, 0.82);
- font-size: 14px;
- font-family: "Roboto Light";
- line-height: 26px;
- text-align: center;
- padding: 7px 10px;
- float: left;
- width: 100%;
- border-bottom: 1px solid rgba(255, 255, 255, 0.82); }
- #filter-button-container .select-styled {
- border-color: #333333;
- background-color: #333333;
- color: rgba(255, 255, 255, 0.82);
- font-size: 14px;
- font-family: "Roboto Light";
- line-height: 26px;
- text-align: center;
- padding: 7px 10px; }
- .purple-btn {
- background-color: #a946a1;
- color: #ffffff;
- color: #ffffff;
- font-size: 14px;
- font-family: "Roboto Regular";
- line-height: 16px;
- text-align: left;
- text-decoration: none;
- border-radius: 5px;
- padding: 10px 15px; }
- .purple-btn:hover {
- background-color: #60205b; }
- .purple-btn:visited {
- color: #ffffff; }
- .dark-purple-btn {
- color: rgba(255, 255, 255, 0.82) !important;
- font-size: 14px;
- font-family: "Roboto Light";
- line-height: 18px;
- text-align: left;
- background-color: #601f5b;
- border-radius: 5px;
- padding: 7px 10px;
- text-decoration: none; }
- .dark-purple-btn:hover {
- background-color: #a53b9d;
- text-decoration: none;
- color: rgba(255, 255, 255, 0.82); }
- .gray-btn {
- border-radius: 5px;
- padding: 7px 10px;
- text-decoration: none;
- border: 1px solid #cccccc;
- background-color: #f5f5f5;
- font-size: 14px;
- font-family: "Roboto Light";
- line-height: 18px;
- text-align: left;
- color: #666666; }
- .gray-btn:hover {
- text-decoration: none;
- color: rgba(255, 255, 255, 0.82);
- background-color: #cccccc; }
- .container-fluid {
- padding-right: 15px;
- padding-left: 15px;
- margin-right: auto;
- margin-left: auto; }
- body.no-scroll {
- overflow-y: hidden; }
- #header {
- float: left;
- width: 100%;
- border-bottom: 1px solid #cccccc; }
- @media (max-width: 767px) {
- #header {
- border-bottom: 2px solid #cccccc; } }
- #header .top-nav {
- float: left;
- width: 100%;
- height: 80px;
- position: relative;
- padding: 20px 0 25px 0; }
- @media (max-width: 767px) {
- #header .top-nav {
- padding: 0 15px;
- height: 70px;
- background: -webkit-linear-gradient(0deg, #9f2528 0%, #8e2436 26%, #60205b 49%, #243e90 100%);
- background: -moz-linear-gradient(0deg, #9f2528 0%, #8e2436 26%, #60205b 49%, #243e90 100%);
- background: -o-linear-gradient(0deg, #9f2528 0%, #8e2436 26%, #60205b 49%, #243e90 100%);
- background: -ms-linear-gradient(0deg, #9f2528 0%, #8e2436 26%, #60205b 49%, #243e90 100%);
- background: linear-gradient(90deg, #9f2528 0%, #8e2436 26%, #60205b 49%, #243e90 100%); } }
- #header .top-nav .tools-nav {
- background: #ffffff;
- position: absolute;
- top: 0;
- left: 0;
- right: 0;
- width: 100%;
- height: 80px; }
- @media (max-width: 767px) {
- #header .top-nav .tools-nav {
- height: 70px;
- background: -webkit-linear-gradient(0deg, #9f2528 0%, #8e2436 26%, #60205b 49%, #243e90 100%);
- background: -moz-linear-gradient(0deg, #9f2528 0%, #8e2436 26%, #60205b 49%, #243e90 100%);
- background: -o-linear-gradient(0deg, #9f2528 0%, #8e2436 26%, #60205b 49%, #243e90 100%);
- background: -ms-linear-gradient(0deg, #9f2528 0%, #8e2436 26%, #60205b 49%, #243e90 100%);
- background: linear-gradient(90deg, #9f2528 0%, #8e2436 26%, #60205b 49%, #243e90 100%); } }
- #header .top-nav .tools-nav img {
- height: 100%;
- width: 100%;
- object-fit: cover; }
- #header .top-nav.searh-is-active .menu-dropdown {
- display: none; }
- #header .top-nav.searh-is-active .top-part .form-group .select {
- display: none; }
- @media (max-width: 767px) {
- #header .top-nav.searh-is-active .top-part .form-group .select {
- display: block; } }
- #header .top-nav.searh-is-active .nav-right-side .top-part .logged-user-content {
- display: none !important; }
- #header .header-banner {
- float: left;
- width: 100%;
- position: relative;
- height: 160px;
- background: -webkit-linear-gradient(0deg, #9f2528 12%, #8a2339 32%, #60205b 49%, #243e90 86%);
- background: -moz-linear-gradient(0deg, #9f2528 12%, #8a2339 32%, #60205b 49%, #243e90 86%);
- background: -o-linear-gradient(0deg, #9f2528 12%, #8a2339 32%, #60205b 49%, #243e90 86%);
- background: -ms-linear-gradient(0deg, #9f2528 12%, #8a2339 32%, #60205b 49%, #243e90 86%);
- background: linear-gradient(90deg, #9f2528 12%, #8a2339 32%, #60205b 49%, #243e90 86%); }
- #header .header-banner .banner-background {
- position: absolute;
- top: 0;
- right: 0;
- height: 100%; }
- #header .header-banner .banner-background img {
- width: auto;
- height: 100%;
- display: block;
- object-fit: cover; }
- #header .header-banner .banner-logo {
- position: absolute;
- left: 15px;
- top: 43px; }
- #header .header-banner .banner-logo img {
- width: auto;
- height: 100%;
- display: block;
- object-fit: cover; }
- @media (max-width: 767px) and (orientation: portrait) {
- #header .header-banner .banner-logo img {
- height: auto;
- width: 100%;
- margin: 0 auto; } }
- @media (max-width: 767px) and (orientation: landscape) {
- #header .header-banner .banner-logo img {
- height: auto;
- width: auto;
- max-width: 100%;
- margin: 0 auto; } }
- @media (max-width: 767px) {
- #header .header-banner .banner-logo {
- height: 80px;
- width: auto;
- max-width: 100%;
- right: 15px; } }
- #header .nav-left-side {
- float: left;
- width: 55%;
- position: relative; }
- @media (max-width: 767px) {
- #header .nav-left-side {
- top: initial;
- left: initial;
- width: auto;
- padding: 15px 15px; } }
- @media (min-width: 768px) and (max-width: 991px) {
- #header .nav-left-side {
- width: 60%; } }
- @media (min-width: 992px) and (max-width: 1199px) {
- #header .nav-left-side {
- width: 60%; } }
- @media (max-width: 767px) {
- #header .nav-left-side.active {
- background-color: #ffffff;
- width: 90px;
- padding: 20px 15px; } }
- #header .nav-left-side .mobile-serch-icon {
- padding: 28px 13px;
- position: absolute;
- top: -15px;
- right: -80px;
- -webkit-transition: all 0.3s cubic-bezier(0, 0.68, 0.07, 1);
- -moz-transition: all 0.3s cubic-bezier(0, 0.68, 0.07, 1);
- transition: all 0.3s cubic-bezier(0, 0.68, 0.07, 1);
- -ms-transition: all 0.3s cubic-bezier(0, 0.68, 0.07, 1); }
- #header .nav-left-side .mobile-serch-icon.active {
- background-color: #ffffff; }
- #header .nav-left-side .mobile-serch-icon.active .fa {
- color: #595959; }
- #header .nav-left-side .mobile-serch-icon .fa {
- font-size: 44px;
- line-height: 44px;
- color: #ffffff; }
- #header .nav-left-side .menu-icon {
- position: absolute;
- top: 0;
- left: -15px;
- margin: auto;
- padding: 33px 10px;
- cursor: pointer; }
- #header .nav-left-side .menu-icon.active-menu-icon {
- background-color: #ffffff; }
- #header .nav-left-side .menu-icon.active-menu-icon .hamburger-menu:after {
- background: #595959; }
- #header .nav-left-side .menu-icon.active-menu-icon .hamburger-menu:before {
- background: #595959; }
- #header .nav-left-side .hamburger-menu,
- #header .nav-left-side .hamburger-menu:after,
- #header .nav-left-side .hamburger-menu:before {
- width: 40px;
- height: 5px; }
- #header .nav-left-side .hamburger-menu {
- position: relative;
- top: -16px;
- transform: translateY(16px);
- background: white;
- transition: all 0ms 300ms; }
- #header .nav-left-side .hamburger-menu.animate {
- background: rgba(255, 255, 255, 0); }
- #header .nav-left-side .hamburger-menu:before {
- content: "";
- position: absolute;
- left: 0;
- bottom: 11px;
- background: white;
- transition: bottom 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1); }
- #header .nav-left-side .hamburger-menu:after {
- content: "";
- position: absolute;
- left: 0;
- top: 11px;
- background: white;
- transition: top 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1); }
- #header .nav-left-side .hamburger-menu.animate:after {
- top: 0;
- transform: rotate(45deg);
- transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1); }
- #header .nav-left-side .hamburger-menu.animate:before {
- bottom: 0;
- transform: rotate(-45deg);
- transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1); }
- @media (max-width: 767px) {
- #header .nav-left-side .menu-container {
- float: left;
- width: 100%;
- background: #ffffff;
- position: fixed;
- top: 70px;
- z-index: 9;
- left: 0;
- right: 0;
- padding: 20px 0;
- bottom: 0%;
- opacity: 0;
- visibility: hidden;
- transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s; } }
- @media (max-width: 767px) {
- #header .nav-left-side .menu-container.active-menu {
- visibility: visible;
- opacity: 1;
- z-index: 1;
- transform: translateY(0%);
- transition-delay: 0s, 0s, 0.3s; } }
- #header .nav-left-side .menu-container .mobile-logged-user-content {
- float: left;
- width: 100%;
- margin-bottom: 10px;
- padding: 0 35px; }
- #header .nav-left-side .menu-container .mobile-logged-user-content span {
- float: left;
- width: 100%;
- color: #2b2b2b;
- font-size: 22px;
- font-family: "Roboto Regular";
- line-height: 24px;
- text-align: left;
- padding-bottom: 20px; }
- #header .nav-left-side .menu-container .mobile-logged-user-content a {
- float: left;
- width: 100%;
- text-decoration: none;
- color: #a53b9e;
- font-size: 22px;
- font-family: "Roboto Regular";
- line-height: 24px;
- text-align: left;
- padding-bottom: 25px;
- border-bottom: 1px solid #cccccc; }
- #header .nav-left-side .menu {
- float: left;
- width: 100%;
- position: relative; }
- @media (max-width: 767px) {
- #header .nav-left-side .menu {
- height: 100%;
- overflow-y: scroll; } }
- #header .nav-left-side .menu ul {
- margin: 0;
- width: auto; }
- #header .nav-left-side .menu ul li {
- color: #ffffff;
- font-size: 17px;
- font-family: "Roboto Regular";
- line-height: 17px;
- text-align: left;
- float: left;
- width: auto;
- position: relative;
- padding-left: 0; }
- @media (max-width: 767px) {
- #header .nav-left-side .menu ul li {
- width: 100%; } }
- #header .nav-left-side .menu ul li:before {
- display: none; }
- #header .nav-left-side .menu ul li.home-icon-header {
- margin-right: 25px; }
- #header .nav-left-side .menu ul li.home-icon-header img {
- width: 35px;
- height: 35px;
- object-fit: contain; }
- #header .nav-left-side .menu .menu-dropdown {
- top: 10px; }
- #header .nav-left-side .menu .menu-dropdown:hover > a {
- background-color: inherit;
- color: #505050; }
- @media (max-width: 767px) {
- #header .nav-left-side .menu .menu-dropdown {
- top: 0;
- padding: 20px 0; } }
- #header .nav-left-side .menu .menu-dropdown > a {
- color: #505050;
- font-size: 16px;
- font-family: "Roboto Bold";
- line-height: 16px;
- text-align: left;
- text-decoration: none;
- z-index: 9999;
- padding: 15px 45px 20px 20px;
- position: relative; }
- @media (max-width: 767px) {
- #header .nav-left-side .menu .menu-dropdown > a {
- padding: 0 0 0 30px;
- color: #2b2b2b;
- margin-left: 35px; } }
- @media (min-width: 768px) and (max-width: 991px) {
- #header .nav-left-side .menu .menu-dropdown > a {
- padding-right: 20px; } }
- #header .nav-left-side .menu .menu-dropdown > a:after {
- position: absolute;
- top: 20px;
- right: 25px;
- display: block;
- content: "";
- background-image: url("../images/header/Arrow down.png");
- background-repeat: no-repeat;
- background-size: cover;
- width: 13px;
- height: 8px; }
- @media (max-width: 767px) {
- #header .nav-left-side .menu .menu-dropdown > a:after {
- font-family: "FontAwesome";
- background-image: none;
- content: "\f067";
- color: #2b2b2b;
- font-weight: 100;
- font-size: 16px;
- line-height: 16px;
- left: 0;
- top: 1px; } }
- @media (min-width: 768px) and (max-width: 991px) {
- #header .nav-left-side .menu .menu-dropdown > a:after {
- right: 0; } }
- #header .nav-left-side .menu .menu-dropdown:hover ul {
- display: block; }
- @media (min-width: 992px) and (max-width: 1199px) {
- #header .nav-left-side .menu .menu-dropdown.active-hover > ul {
- display: block; } }
- @media (min-width: 768px) and (max-width: 991px) {
- #header .nav-left-side .menu .menu-dropdown.active-hover > ul {
- display: block; } }
- @media (max-width: 767px) {
- #header .nav-left-side .menu .menu-dropdown.active-hover > ul {
- display: block; } }
- #header .nav-left-side .menu .menu-dropdown.active-hover > a {
- background-color: inherit;
- color: #505050; }
- @media (max-width: 767px) {
- #header .nav-left-side .menu .menu-dropdown.active-hover > a {
- background-color: transparent;
- color: #2b2b2b; } }
- #header .nav-left-side .menu .menu-dropdown.active-hover > a:after {
- color: inherit; }
- @media (max-width: 767px) {
- #header .nav-left-side .menu .menu-dropdown.active-hover > a:after {
- content: "\f068";
- color: #2b2b2b; } }
- #header .nav-left-side .menu .menu-dropdown > ul {
- display: none;
- background-color: #ffffff;
- position: absolute;
- top: 30px;
- left: 5px;
- margin-top: -1px;
- z-index: 99;
- padding: 5px 0 10px 20px;
- min-width: 450px;
- border: 1px solid #cccccc; }
- @media (max-width: 767px) {
- #header .nav-left-side .menu .menu-dropdown > ul {
- position: relative;
- background-color: #e1e1e1;
- margin-bottom: 30px;
- padding: 0;
- min-width: auto;
- float: left;
- width: 100%;
- left: 0; } }
- #header .nav-left-side .menu .menu-dropdown > ul .sub-menu-table {
- display: table; }
- #header .nav-left-side .menu .menu-dropdown > ul li {
- display: table-cell;
- width: 100%;
- float: left; }
- #header .nav-left-side .menu .menu-dropdown > ul li:last-child {
- border-bottom: none; }
- #header .nav-left-side .menu .menu-dropdown > ul li > a {
- color: #303030;
- font-size: 16px;
- font-family: "Roboto Bold";
- line-height: 16px;
- text-align: left;
- float: left;
- text-decoration: none;
- margin: 20px 0 15px 0; }
- @media (max-width: 767px) {
- #header .nav-left-side .menu .menu-dropdown > ul li > a {
- margin-left: 35px;
- padding-left: 30px; } }
- @media (max-width: 767px) {
- #header .nav-left-side .menu .menu-dropdown > ul li.inner-sub-menu > a {
- position: relative;
- font-family: "Roboto Regular"; } }
- @media (max-width: 767px) {
- #header .nav-left-side .menu .menu-dropdown > ul li.inner-sub-menu > a:after {
- content: "\f067";
- color: #2b2b2b;
- font-weight: 100;
- font-size: 16px;
- line-height: 16px;
- left: 0;
- top: 1px;
- font-family: "FontAwesome";
- display: block;
- color: inherit;
- position: absolute; } }
- @media (max-width: 767px) {
- #header .nav-left-side .menu .menu-dropdown > ul li.inner-sub-menu.active-inner-hover > a:after {
- content: "\f068"; } }
- @media (max-width: 767px) {
- #header .nav-left-side .menu .menu-dropdown > ul li.inner-sub-menu.active-inner-hover .inner-sub-menu-content {
- display: block;
- background-color: #cccccc;
- padding-top: 20px; } }
- #header .nav-left-side .menu .menu-dropdown > ul li .inner-sub-menu-content {
- display: block;
- float: left;
- width: 100%; }
- @media (max-width: 767px) {
- #header .nav-left-side .menu .menu-dropdown > ul li .inner-sub-menu-content {
- display: none; } }
- #header .nav-left-side .menu .menu-dropdown > ul li .inner-sub-menu-content li {
- float: left;
- width: 100%;
- margin-bottom: 15px; }
- #header .nav-left-side .menu .menu-dropdown > ul li .inner-sub-menu-content li:last-child {
- margin-bottom: 20px; }
- #header .nav-left-side .menu .menu-dropdown > ul li .inner-sub-menu-content li.inner-inner-sub-menu > a {
- position: relative; }
- #header .nav-left-side .menu .menu-dropdown > ul li .inner-sub-menu-content li.inner-inner-sub-menu > a:after {
- position: absolute;
- top: 5px;
- right: -25px;
- display: block;
- content: "";
- background-image: url("../images/header/Arrow down.png");
- background-repeat: no-repeat;
- background-size: cover;
- width: 13px;
- height: 8px; }
- @media (max-width: 767px) {
- #header .nav-left-side .menu .menu-dropdown > ul li .inner-sub-menu-content li.inner-inner-sub-menu > a:after {
- display: none; }
- #header .nav-left-side .menu .menu-dropdown > ul li .inner-sub-menu-content li.inner-inner-sub-menu > a:before {
- content: "\f067";
- color: #2b2b2b;
- font-weight: 100;
- font-size: 16px;
- line-height: 16px;
- left: 0;
- top: 1px;
- font-family: "FontAwesome";
- display: block;
- color: inherit;
- position: absolute; } }
- #header .nav-left-side .menu .menu-dropdown > ul li .inner-sub-menu-content li.inner-inner-sub-menu:hover .inner-inner-sub-menu-content {
- display: block; }
- @media (max-width: 767px) {
- #header .nav-left-side .menu .menu-dropdown > ul li .inner-sub-menu-content li.inner-inner-sub-menu.active-hover.inner-inner-sub-menu > a:before {
- content: "\f068"; } }
- @media (min-width: 992px) and (max-width: 1199px) {
- #header .nav-left-side .menu .menu-dropdown > ul li .inner-sub-menu-content li.inner-inner-sub-menu.active-hover .inner-inner-sub-menu-content {
- display: block; } }
- @media (min-width: 768px) and (max-width: 991px) {
- #header .nav-left-side .menu .menu-dropdown > ul li .inner-sub-menu-content li.inner-inner-sub-menu.active-hover .inner-inner-sub-menu-content {
- display: block; } }
- @media (max-width: 767px) {
- #header .nav-left-side .menu .menu-dropdown > ul li .inner-sub-menu-content li.inner-inner-sub-menu.active-hover .inner-inner-sub-menu-content {
- display: block;
- background-color: #acacac;
- padding: 15px 0px;
- margin-top: 15px; } }
- #header .nav-left-side .menu .menu-dropdown > ul li .inner-sub-menu-content li.inner-inner-sub-menu .inner-inner-sub-menu-content {
- float: left;
- width: 100%;
- margin-top: 10px;
- display: none; }
- #header .nav-left-side .menu .menu-dropdown > ul li .inner-sub-menu-content li.inner-inner-sub-menu .inner-inner-sub-menu-content li {
- margin-bottom: 5px; }
- @media (max-width: 767px) {
- #header .nav-left-side .menu .menu-dropdown > ul li .inner-sub-menu-content li.inner-inner-sub-menu .inner-inner-sub-menu-content li {
- margin-bottom: 10px; } }
- @media (max-width: 767px) {
- #header .nav-left-side .menu .menu-dropdown > ul li .inner-sub-menu-content li.inner-inner-sub-menu .inner-inner-sub-menu-content li:last-child {
- margin-bottom: 0; } }
- #header .nav-left-side .menu .menu-dropdown > ul li .inner-sub-menu-content li.inner-inner-sub-menu .inner-inner-sub-menu-content li a {
- position: relative;
- padding-left: 15px; }
- @media (max-width: 767px) {
- #header .nav-left-side .menu .menu-dropdown > ul li .inner-sub-menu-content li.inner-inner-sub-menu .inner-inner-sub-menu-content li a {
- padding-left: 30px; } }
- #header .nav-left-side .menu .menu-dropdown > ul li .inner-sub-menu-content a {
- color: #505050;
- font-size: 14px;
- font-family: "Roboto Regular";
- line-height: 18px;
- text-align: left;
- text-decoration: none;
- margin: 0; }
- @media (max-width: 767px) {
- #header .nav-left-side .menu .menu-dropdown > ul li .inner-sub-menu-content a {
- margin-left: 35px; } }
- #header .nav-right-side {
- float: right;
- width: 45%; }
- @media (max-width: 767px) {
- #header .nav-right-side {
- width: auto;
- position: absolute;
- right: 90px;
- top: 15px; } }
- @media (min-width: 768px) and (max-width: 991px) {
- #header .nav-right-side {
- width: 40%; } }
- @media (min-width: 992px) and (max-width: 1199px) {
- #header .nav-right-side {
- width: 40%; } }
- #header .nav-right-side .form-group {
- margin: 0; }
- #header .nav-right-side .top-part {
- float: left;
- width: 100%;
- text-align: right;
- position: relative;
- top: 3px; }
- #header .nav-right-side .top-part > form {
- display: inline-block; }
- @media (max-width: 767px) {
- #header .nav-right-side .top-part > form {
- display: block; } }
- #header .nav-right-side .top-part .form-group {
- float: none; }
- @media (min-width: 768px) and (max-width: 991px) {
- #header .nav-right-side .top-part .form-group {
- margin-right: 10px; } }
- @media (min-width: 992px) and (max-width: 1199px) {
- #header .nav-right-side .top-part .form-group {
- margin-right: 10px; } }
- #header .nav-right-side .top-part .form-group .select-hidden {
- display: none;
- visibility: hidden;
- padding-right: 10px; }
- #header .nav-right-side .top-part .form-group .select {
- cursor: pointer;
- display: inline-block;
- position: relative;
- font-family: "Roboto Regular";
- font-size: 16px;
- font-weight: 100;
- line-height: 16px;
- text-align: right;
- color: #666666;
- width: 100px; }
- @media (max-width: 767px) {
- #header .nav-right-side .top-part .form-group .select {
- font-size: 34px;
- line-height: 28px;
- width: auto;
- color: #ffffff;
- position: absolute;
- right: 20px; } }
- #header .nav-right-side .top-part .form-group .select-styled {
- text-align: left;
- padding: 7px 0 7px 5px;
- border: 1px solid transparent; }
- @media (max-width: 767px) {
- #header .nav-right-side .top-part .form-group .select-styled {
- width: 42px;
- overflow: hidden;
- white-space: nowrap;
- text-transform: uppercase;
- padding: 5px 0; } }
- #header .nav-right-side .top-part .form-group .select-styled:after {
- display: block;
- content: "";
- background-image: url("../images/header/Arrow down (1).png");
- background-repeat: no-repeat;
- background-size: cover;
- width: 13px;
- height: 8px;
- position: absolute;
- top: 11px;
- right: 18px;
- z-index: 9999; }
- @media (max-width: 767px) {
- #header .nav-right-side .top-part .form-group .select-styled:after {
- right: -20px;
- font-family: "FontAwesome";
- content: "\f107";
- font-size: 28px;
- line-height: 18px;
- color: #ffffff;
- display: inline-block;
- background-image: none; } }
- @media (max-width: 767px) {
- #header .nav-right-side .top-part .form-group .select-styled:before {
- display: block;
- content: "";
- background-image: url(../images/header/language-icon-inactive.png);
- background-repeat: no-repeat;
- background-size: cover;
- width: 24px;
- height: 24px;
- position: absolute;
- top: 6px;
- left: -35px; } }
- #header .nav-right-side .top-part .form-group .select-options {
- display: none;
- position: absolute;
- top: 30px;
- right: 10px;
- left: 0;
- z-index: 999;
- margin: 0;
- padding: 0;
- list-style: none;
- background-color: #ffffff;
- color: #333333;
- padding-left: 5px;
- border: 1px solid #cccccc; }
- @media (max-width: 767px) {
- #header .nav-right-side .top-part .form-group .select-options {
- right: -18px;
- left: -40px;
- width: 120px;
- top: 45px;
- padding: 0 40px; } }
- #header .nav-right-side .top-part .form-group .select-options li {
- margin: 0;
- padding: 7px 0;
- font-size: 16px;
- font-weight: 100;
- line-height: 16px;
- color: #333333;
- float: left; }
- @media (max-width: 767px) {
- #header .nav-right-side .top-part .form-group .select-options li {
- padding-left: 0;
- font-size: 35.5px;
- line-height: 28px;
- width: 42px;
- overflow: hidden;
- white-space: nowrap;
- text-transform: uppercase; } }
- #header .nav-right-side .top-part .form-group .select-options li:before {
- display: none; }
- #header .nav-right-side .top-part .form-group .select-options li:last-child:before {
- display: none; }
- #header .nav-right-side .top-part .form-group .select-options li:last-child:after {
- display: none; }
- #header .nav-right-side .top-part .form-group .select-options li[rel="hide"] {
- display: none; }
- #header .nav-right-side .top-part .logged-user-content {
- display: inline-block !important;
- margin-right: 30px; }
- @media (max-width: 767px) {
- #header .nav-right-side .top-part .logged-user-content {
- display: none !important; } }
- @media (min-width: 768px) and (max-width: 991px) {
- #header .nav-right-side .top-part .logged-user-content {
- margin-right: 15px; } }
- @media (min-width: 992px) and (max-width: 1199px) {
- #header .nav-right-side .top-part .logged-user-content {
- margin-right: 20px; } }
- #header .nav-right-side .top-part .logged-user-content span {
- font-family: "Roboto Regular";
- color: #a841a0;
- font-size: 16px;
- line-height: 16px;
- text-align: right;
- border-right: 1px solid #a1a1a1;
- padding-right: 10px;
- margin-right: 7px;
- width: 250px;
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap;
- display: inline-block;
- position: relative;
- top: 3px; }
- @media (min-width: 768px) and (max-width: 991px) {
- #header .nav-right-side .top-part .logged-user-content span {
- width: 95px; } }
- @media (min-width: 992px) and (max-width: 1199px) {
- #header .nav-right-side .top-part .logged-user-content span {
- width: 175px; } }
- #header .nav-right-side .top-part .logged-user-content a {
- font-family: "Roboto Regular";
- color: #666666;
- font-size: 16px;
- font-weight: 100;
- line-height: 16px;
- text-align: right;
- text-decoration: none; }
- #header .nav-right-side .top-part .logged-user-content a:hover {
- text-decoration: underline; }
- #header .nav-right-side .bottom-part {
- float: left;
- width: 100%;
- margin-top: 7px; }
- #header .nav-right-side .bottom-part .search-container {
- width: 300px;
- float: right;
- margin-right: 15px;
- position: relative; }
- #header .nav-right-side .bottom-part .search-container .form-control {
- outline: none;
- border-radius: 0;
- color: #ffffff;
- font-size: 15px;
- font-weight: 100;
- line-height: 16px;
- text-align: left;
- font-family: "Roboto Regular";
- border: none;
- background-color: transparent;
- -webkit-box-shadow: inset 3px 3px 10px 3px rgba(0, 0, 0, 0.47);
- -moz-box-shadow: inset 3px 3px 10px 3px rgba(0, 0, 0, 0.47);
- box-shadow: inset 3px 3px 10px 3px rgba(0, 0, 0, 0.47); }
- #header .nav-right-side .bottom-part .search-container .form-control:focus {
- outline: none;
- border-color: initial;
- -webkit-box-shadow: inset 3px 3px 10px 3px rgba(0, 0, 0, 0.47);
- -moz-box-shadow: inset 3px 3px 10px 3px rgba(0, 0, 0, 0.47);
- box-shadow: inset 3px 3px 10px 3px rgba(0, 0, 0, 0.47); }
- #header .nav-right-side .bottom-part .search-container .form-control::-webkit-input-placeholder {
- /* Chrome/Opera/Safari */
- color: #ffffff;
- font-size: 15px;
- font-weight: 100;
- line-height: 16px;
- text-align: left;
- font-family: "Roboto Regular"; }
- #header .nav-right-side .bottom-part .search-container .form-control::-moz-placeholder {
- /* Firefox 19+ */
- color: #ffffff;
- font-size: 15px;
- font-weight: 100;
- line-height: 16px;
- text-align: left;
- font-family: "Roboto Regular"; }
- #header .nav-right-side .bottom-part .search-container .form-control:-ms-input-placeholder {
- /* IE 10+ */
- color: #ffffff;
- font-size: 15px;
- font-weight: 100;
- line-height: 16px;
- text-align: left;
- font-family: "Roboto Regular"; }
- #header .nav-right-side .bottom-part .search-container .form-control:-moz-placeholder {
- /* Firefox 18- */
- color: #ffffff;
- font-size: 15px;
- font-weight: 100;
- line-height: 16px;
- text-align: left;
- font-family: "Roboto Regular"; }
- #header .nav-right-side .bottom-part .search-container img {
- width: 19px;
- height: 19px;
- position: absolute;
- top: 9px;
- right: 12px; }
- #header .nav-right-side .mobile-serch-icon {
- display: inline-block;
- margin-left: 10px; }
- #header .nav-right-side .mobile-serch-icon img {
- width: 20px;
- height: 20px;
- cursor: pointer; }
- @media (max-width: 767px) {
- #header .nav-right-side .mobile-serch-icon {
- float: left;
- margin: 0;
- position: absolute;
- padding: 36px 26px;
- top: -18px;
- right: -90px;
- -webkit-transition: all 0.3s cubic-bezier(0, 0.68, 0.07, 1);
- -moz-transition: all 0.3s cubic-bezier(0, 0.68, 0.07, 1);
- transition: all 0.3s cubic-bezier(0, 0.68, 0.07, 1);
- -ms-transition: all 0.3s cubic-bezier(0, 0.68, 0.07, 1); } }
- @media (max-width: 767px) {
- #header .nav-right-side .mobile-serch-icon .search-wrapper-container {
- float: left;
- width: 100%;
- margin-top: -70px;
- -webkit-transition: all 0.3s cubic-bezier(0, 0.68, 0.07, 1);
- -moz-transition: all 0.3s cubic-bezier(0, 0.68, 0.07, 1);
- transition: all 0.3s cubic-bezier(0, 0.68, 0.07, 1);
- -ms-transition: all 0.3s cubic-bezier(0, 0.68, 0.07, 1); } }
- #header .nav-right-side .mobile-serch-icon.active {
- position: absolute;
- width: 500px;
- left: 46%; }
- @media (max-width: 767px) {
- #header .nav-right-side .mobile-serch-icon.active {
- background-color: #ffffff;
- position: relative;
- width: 100%;
- padding: 36px 26px;
- top: -18px;
- right: -90px;
- left: initial;
- float: left;
- margin: 0; } }
- @media (min-width: 768px) and (max-width: 991px) {
- #header .nav-right-side .mobile-serch-icon.active {
- width: 400px;
- left: 10%; } }
- @media (min-width: 992px) and (max-width: 1199px) {
- #header .nav-right-side .mobile-serch-icon.active {
- left: 28%; } }
- #header .nav-right-side .mobile-serch-icon.active .fa {
- color: #595959; }
- #header .nav-right-side .mobile-serch-icon.active .active-search-icon {
- display: none !important; }
- #header .nav-right-side .mobile-serch-icon.active .active-cross-icon {
- display: block; }
- @media (max-width: 767px) {
- #header .nav-right-side .mobile-serch-icon.active .active-cross-icon {
- display: none; } }
- @media (max-width: 767px) {
- #header .nav-right-side .mobile-serch-icon.active .search-wrapper-container {
- margin-top: 0; } }
- #header .nav-right-side .mobile-serch-icon.active .search-wrapper-container .input-group .input-group-append {
- display: block; }
- @media (max-width: 767px) {
- #header .nav-right-side .mobile-serch-icon.active .search-wrapper-container .input-group .input-group-append {
- display: none; } }
- #header .nav-right-side .mobile-serch-icon.active .search-wrapper-container input {
- max-width: 500px;
- border: 1px solid #cccccc;
- background-color: #ffffff;
- right: 100%;
- z-index: 99999; }
- @media (max-width: 767px) {
- #header .nav-right-side .mobile-serch-icon.active .search-wrapper-container input {
- max-width: 100%;
- right: 0; } }
- #header .nav-right-side .mobile-serch-icon.active .search-wrapper-container input::-webkit-input-placeholder {
- /* Chrome/Opera/Safari */
- opacity: 1;
- visibility: visible; }
- #header .nav-right-side .mobile-serch-icon.active .search-wrapper-container input:-ms-input-placeholder {
- opacity: 1;
- visibility: visible; }
- #header .nav-right-side .mobile-serch-icon.active .search-wrapper-container input::-moz-placeholder {
- opacity: 1;
- visibility: visible; }
- #header .nav-right-side .mobile-serch-icon.active .search-wrapper-container input:-moz-placeholder {
- opacity: 1;
- visibility: visible; }
- #header .nav-right-side .mobile-serch-icon.active #search-btn {
- right: 46.5%;
- position: absolute; }
- @media (max-width: 767px) {
- #header .nav-right-side .mobile-serch-icon.active #search-btn {
- right: 10px; } }
- @media (min-width: 768px) and (max-width: 991px) {
- #header .nav-right-side .mobile-serch-icon.active #search-btn {
- right: 39%; } }
- @media (min-width: 992px) and (max-width: 1199px) {
- #header .nav-right-side .mobile-serch-icon.active #search-btn {
- right: 47%; } }
- #header .nav-right-side .mobile-serch-icon .fa {
- font-size: 44px;
- line-height: 44px;
- color: #ffffff; }
- @media (max-width: 767px) {
- #header .nav-right-side .mobile-serch-icon .fa {
- font-size: 32px;
- line-height: 58px; } }
- #header .nav-right-side .mobile-serch-icon .active-cross-icon {
- display: none; }
- #header .nav-right-side .mobile-serch-icon .search-wrapper-container .input-group {
- position: initial; }
- @media all and (-ms-high-contrast: none) {
- #header .nav-right-side .mobile-serch-icon .search-wrapper-container .input-group {
- position: static; } }
- #header .nav-right-side .mobile-serch-icon .search-wrapper-container .input-group .input-group-append {
- display: none; }
- #header .nav-right-side .mobile-serch-icon .search-wrapper-container .input-group .input-group-append .input-group-text {
- position: relative;
- top: 7px;
- right: 40px;
- z-index: 999999; }
- #header .nav-right-side .mobile-serch-icon .search-wrapper-container input {
- position: absolute;
- top: -5px;
- padding: 12px 20px;
- border: none;
- max-width: 0;
- width: 100%;
- transition: all .30s linear;
- -moz-transition: all .30s linear;
- -webkit-transition: all .30s linear; }
- @media (max-width: 767px) {
- #header .nav-right-side .mobile-serch-icon .search-wrapper-container input {
- position: relative;
- top: initial;
- width: 100%; } }
- #header .nav-right-side .mobile-serch-icon .search-wrapper-container input:focus {
- outline: none; }
- #header .nav-right-side .mobile-serch-icon .search-wrapper-container input::-webkit-input-placeholder {
- /* Chrome/Opera/Safari */
- color: #666666;
- font-size: 16px;
- font-family: "Roboto Regular";
- line-height: 16px;
- text-align: left;
- opacity: 0;
- visibility: hidden; }
- #header .nav-right-side .mobile-serch-icon .search-wrapper-container input::-moz-placeholder {
- /* Firefox 19+ */
- color: #666666;
- font-size: 16px;
- font-family: "Roboto Regular";
- line-height: 16px;
- text-align: left;
- opacity: 0;
- visibility: hidden; }
- #header .nav-right-side .mobile-serch-icon .search-wrapper-container input:-ms-input-placeholder {
- /* IE 10+ */
- color: #666666;
- font-size: 16px;
- font-family: "Roboto Regular";
- line-height: 16px;
- text-align: left;
- opacity: 0;
- visibility: hidden; }
- #header .nav-right-side .mobile-serch-icon .search-wrapper-container input:-moz-placeholder {
- /* Firefox 18- */
- color: #666666;
- font-size: 16px;
- font-family: "Roboto Regular";
- line-height: 16px;
- text-align: left;
- opacity: 0;
- visibility: hidden; }
- #header .nav-right-side .mobile-serch-icon #search-btn {
- position: relative;
- top: 3px;
- right: 0; }
- @media (min-width: 992px) and (max-width: 1199px) {
- #header .nav-right-side .mobile-serch-icon #search-btn {
- position: absolute;
- top: 4px; } }
- @media (min-width: 768px) and (max-width: 991px) {
- #header .nav-right-side .mobile-serch-icon #search-btn {
- position: absolute;
- top: 4px; } }
- @media (max-width: 767px) {
- #header .nav-right-side .mobile-serch-icon #search-btn {
- right: 10px;
- position: absolute;
- top: 4px; } }
- #header .mobile-search-wrapper {
- float: left;
- width: 100%; }
- @media (max-width: 767px) {
- #header .mobile-search-wrapper {
- margin-top: -70px;
- -webkit-transition: all 0.3s cubic-bezier(0, 0.68, 0.07, 1);
- -moz-transition: all 0.3s cubic-bezier(0, 0.68, 0.07, 1);
- transition: all 0.3s cubic-bezier(0, 0.68, 0.07, 1);
- -ms-transition: all 0.3s cubic-bezier(0, 0.68, 0.07, 1); } }
- @media (max-width: 767px) {
- #header .mobile-search-wrapper.active {
- margin-top: 0; } }
- #header .mobile-search-wrapper .form-group {
- margin: 0; }
- #header .mobile-search-wrapper input {
- padding: 15px 25px;
- float: left;
- width: 100%;
- color: #333333;
- font-size: 20px;
- font-weight: 100;
- line-height: 22px;
- text-align: left;
- font-family: "Roboto Regular";
- border: none;
- -webkit-box-shadow: inset -2px -5px 19px -5px rgba(0, 0, 0, 0.75);
- -moz-box-shadow: inset -2px -5px 19px -5px rgba(0, 0, 0, 0.75);
- box-shadow: inset -2px -5px 19px -5px rgba(0, 0, 0, 0.75); }
- #header .mobile-search-wrapper input:focus {
- outline: none;
- -webkit-box-shadow: inset -2px -5px 19px -5px rgba(0, 0, 0, 0.75);
- -moz-box-shadow: inset -2px -5px 19px -5px rgba(0, 0, 0, 0.75);
- box-shadow: inset -2px -5px 19px -5px rgba(0, 0, 0, 0.75);
- border-color: initial; }
- #header .mobile-search-wrapper input::-webkit-input-placeholder {
- /* Chrome/Opera/Safari */
- color: #333333;
- font-size: 20px;
- font-weight: 100;
- line-height: 22px;
- text-align: left;
- font-family: "Roboto Regular"; }
- #header .mobile-search-wrapper input::-moz-placeholder {
- /* Firefox 19+ */
- color: #333333;
- font-size: 20px;
- font-weight: 100;
- line-height: 22px;
- text-align: left;
- font-family: "Roboto Regular"; }
- #header .mobile-search-wrapper input:-ms-input-placeholder {
- /* IE 10+ */
- color: #333333;
- font-size: 20px;
- font-weight: 100;
- line-height: 22px;
- text-align: left;
- font-family: "Roboto Regular"; }
- #header .mobile-search-wrapper input:-moz-placeholder {
- /* Firefox 18- */
- color: #333333;
- font-size: 20px;
- font-weight: 100;
- line-height: 22px;
- text-align: left;
- font-family: "Roboto Regular"; }
- #footer .outer-footer-container {
- float: left;
- width: 100%;
- background-color: #eeeeee;
- position: relative; }
- #footer .outer-footer-container .image-dots-container {
- position: absolute;
- top: 0;
- right: 0;
- height: 100%; }
- #footer .outer-footer-container .image-dots-container img {
- width: 100%;
- height: 100%;
- display: block;
- object-fit: cover; }
- #footer .content-footer {
- float: left;
- width: 100%;
- padding: 45px 0 70px 0; }
- #footer .content-footer .col-xs-12:nth-child(2) .content-item {
- margin-top: 40px; }
- #footer .content-footer .footer-subtitle {
- color: #303030;
- font-size: 16px;
- font-family: "Roboto Bold";
- line-height: 20px;
- text-align: left;
- margin-bottom: 20px; }
- #footer .content-footer .footer-title {
- color: #303030;
- font-size: 20px;
- font-family: "Roboto Bold";
- line-height: 16px;
- text-align: left;
- margin-bottom: 20px; }
- #footer .content-footer .footer-logo {
- float: right;
- width: 200px;
- height: 110px; }
- #footer .content-footer .footer-logo img {
- width: 100%; }
- @media (max-width: 767px) {
- #footer .content-footer .footer-logo {
- float: left;
- margin-top: 30px; } }
- #footer .content-footer a {
- font-family: "Roboto Regular";
- color: #505050;
- font-size: 16px;
- line-height: 18px;
- text-align: left;
- width: 100%;
- float: left;
- text-decoration: none; }
- #footer .content-footer a:hover {
- text-decoration: underline; }
- #footer .content-footer .content-item {
- float: left;
- width: 100%;
- margin-bottom: 20px;
- padding-right: 30px; }
- #footer .content-footer .content-item:last-child {
- margin-bottom: 0; }
- #footer .content-footer .content-item:last-child li:last-child {
- margin-bottom: 0; }
- #footer .content-footer .content-item li {
- position: relative;
- padding-left: 0;
- margin-bottom: 15px;
- float: left; }
- #footer .content-footer .content-item li:before {
- display: none; }
- #footer .social-outer-container {
- float: left;
- width: 100%;
- background: -webkit-linear-gradient(0deg, #9f2528 12%, #8a2339 32%, #60205b 49%, #2348bc 86%);
- background: -moz-linear-gradient(0deg, #9f2528 12%, #8a2339 32%, #60205b 49%, #2348bc 86%);
- background: -o-linear-gradient(0deg, #9f2528 12%, #8a2339 32%, #60205b 49%, #2348bc 86%);
- background: -ms-linear-gradient(0deg, #9f2528 12%, #8a2339 32%, #60205b 49%, #2348bc 86%);
- background: linear-gradient(90deg, #9f2528 12%, #8a2339 32%, #60205b 49%, #2348bc 86%);
- padding: 15px 0; }
- #footer .social-outer-container ul {
- margin: 0;
- position: relative; }
- #footer .social-outer-container ul li {
- position: relative;
- padding-left: 0;
- font-size: initial;
- line-height: initial;
- width: auto; }
- #footer .social-outer-container ul li:before {
- display: none; }
- #footer .social-outer-container ul li a {
- color: rgba(255, 255, 255, 0.82);
- font-size: 14px;
- font-family: "Roboto Regular";
- line-height: 16px;
- text-align: left;
- text-decoration: none; }
- #footer .social-outer-container ul li a:hover {
- text-decoration: underline; }
- #footer .social-outer-container ul.left-side {
- top: 15px; }
- @media (max-width: 767px) {
- #footer .social-outer-container ul.left-side {
- top: 0;
- text-align: center;
- margin-bottom: 20px; } }
- #footer .social-outer-container ul.left-side li {
- margin-right: 55px;
- display: inline-block; }
- @media (min-width: 768px) and (max-width: 991px) {
- #footer .social-outer-container ul.left-side li {
- margin-right: 25px; } }
- #footer .social-outer-container ul.left-side li:last-child {
- margin-right: 0; }
- #footer .social-outer-container ul.right-side {
- top: 15px; }
- @media (max-width: 767px) {
- #footer .social-outer-container ul.right-side {
- top: 0;
- text-align: center;
- margin-top: 20px; } }
- #footer .social-outer-container ul.right-side li {
- margin-right: 25px;
- display: inline-block; }
- #footer .social-outer-container ul.right-side li:last-child {
- margin-right: 0; }
- #footer .social-outer-container ul.social-icon-content {
- top: 0;
- text-align: center; }
- #footer .social-outer-container ul.social-icon-content li {
- margin-right: 25px;
- float: none;
- display: inline-block; }
- #footer .social-outer-container ul.social-icon-content li:last-child {
- margin-right: 0; }
- #breadcrumb-container {
- float: left;
- width: 100%;
- margin: 25px 0 35px 0; }
- #breadcrumb-container ul {
- float: left;
- width: 100%; }
- #breadcrumb-container ul li {
- display: inline-block;
- position: relative;
- margin-right: 20px; }
- #breadcrumb-container ul li:after {
- content: "/";
- color: #cccccc;
- display: block;
- font-size: 13px;
- line-height: 14px;
- position: absolute;
- top: 2px;
- left: -14px; }
- #breadcrumb-container ul li:first-child:after {
- display: none; }
- #breadcrumb-container ul li:last-child {
- margin-right: 0; }
- #breadcrumb-container ul li.active a {
- color: #333333; }
- #breadcrumb-container ul li a {
- color: #cccccc;
- font-size: 14px;
- font-family: "Roboto Regular";
- text-align: left;
- text-decoration: none; }
- #main-title-container {
- float: left;
- width: 100%;
- margin: 0; }
- #main-title-container h1 {
- margin-bottom: 25px; }
- #second-title-container {
- float: left;
- width: 100%;
- margin: 0; }
- @media (max-width: 767px) {
- #second-title-container {
- margin-top: 20px; } }
- #second-title-container h2 {
- margin-bottom: 25px; }
- #second-title-container h2:before {
- transform: translateX(-100%);
- display: block;
- content: "";
- position: absolute;
- left: -20px;
- height: 20px;
- width: 100px;
- background: -webkit-linear-gradient(0deg, #ebebeb 24%, #d7d7d7 65%, #cccccc 100%);
- background: -moz-linear-gradient(0deg, #ebebeb 24%, #d7d7d7 65%, #cccccc 100%);
- background: -o-linear-gradient(0deg, #ebebeb 24%, #d7d7d7 65%, #cccccc 100%);
- background: -ms-linear-gradient(0deg, #ebebeb 24%, #d7d7d7 65%, #cccccc 100%);
- background: linear-gradient(90deg, #ebebeb 24%, #d7d7d7 65%, #cccccc 100%);
- top: 19px; }
- #second-title-container h4 {
- color: #595959;
- font-size: 21px;
- margin-bottom: 20px;
- font-family: "Roboto Regular"; }
- #second-title-container h3 {
- color: #464646;
- font-size: 24px;
- font-family: "Roboto Regular";
- margin-top: -18px;
- margin-bottom: 20px; }
- #second-navigation-container {
- float: left;
- width: 100%;
- margin: 0; }
- #second-navigation-container .second-navigation-content {
- float: left;
- width: 100%;
- border-bottom: 1px solid #cccccc;
- padding-bottom: 6px;
- margin-bottom: 38px;
- position: relative; }
- @media (max-width: 767px) {
- #second-navigation-container .second-navigation-content {
- margin-bottom: 20px;
- border-bottom: none; } }
- #second-navigation-container .second-navigation-content ul li {
- display: inline-block;
- margin-right: 40px; }
- #second-navigation-container .second-navigation-content ul li a {
- color: #bbbbbb;
- font-size: 14px;
- font-family: "Roboto Bold";
- line-height: 22px;
- text-align: left;
- text-decoration: none;
- position: relative;
- text-transform: uppercase; }
- @media (min-width: 768px) and (max-width: 991px) {
- #second-navigation-container .second-navigation-content ul li a {
- font-size: 10px;
- line-height: 18px; } }
- @media (min-width: 992px) and (max-width: 1199px) {
- #second-navigation-container .second-navigation-content ul li a {
- font-size: 13px;
- line-height: 20px; } }
- #second-navigation-container .second-navigation-content ul li a:hover {
- color: #333333; }
- #second-navigation-container .second-navigation-content ul li a:hover:after {
- content: "";
- background-color: #acabab;
- position: absolute;
- bottom: -10px;
- display: block;
- left: 0;
- width: 100%;
- height: 4px; }
- @media (max-width: 767px) {
- #second-navigation-container .second-navigation-content ul li a:hover:after {
- bottom: -8px; } }
- @media (max-width: 767px) {
- #second-navigation-container .second-navigation-content ul li {
- margin-right: 15px; } }
- @media (min-width: 768px) and (max-width: 991px) {
- #second-navigation-container .second-navigation-content ul li {
- margin-right: 10px; } }
- @media (min-width: 992px) and (max-width: 1199px) {
- #second-navigation-container .second-navigation-content ul li {
- margin-right: 20px; } }
- #second-navigation-container .second-navigation-content ul li:last-child {
- margin-right: 0; }
- #second-navigation-container .second-navigation-content ul li.active a {
- color: #333333; }
- #second-navigation-container .second-navigation-content ul li.active a:after {
- content: "";
- background-color: #a53b9d;
- position: absolute;
- bottom: -10px;
- display: block;
- left: 0;
- width: 100%;
- height: 4px; }
- #second-navigation-container .second-navigation-content .select-hidden {
- display: none;
- visibility: hidden;
- padding-right: 10px; }
- #second-navigation-container .second-navigation-content .select-options {
- display: none;
- position: absolute;
- top: 41px;
- right: 0;
- left: 0;
- z-index: 999;
- margin: 0;
- padding: 0;
- list-style: none;
- background-color: #ffffff;
- color: #333333;
- border: 1px solid #cccccc; }
- #second-navigation-container .second-navigation-content .select-options li {
- color: #333333;
- font-size: 14px;
- font-family: "Roboto Light";
- line-height: 26px;
- text-align: center;
- padding: 7px 10px;
- float: left;
- width: 100%;
- border-bottom: 1px solid #cccccc;
- margin: 0; }
- #second-navigation-container .second-navigation-content .select-styled {
- border: 1px solid #cccccc;
- color: #333333;
- font-size: 14px;
- font-family: "Roboto Light";
- line-height: 26px;
- text-align: center;
- padding: 7px 10px;
- position: relative; }
- #second-navigation-container .second-navigation-content .select-styled:after {
- content: "";
- background-color: #a53b9d;
- position: absolute;
- bottom: 0;
- display: block;
- left: 0;
- width: 100%;
- height: 4px; }
- #back-to-project-container {
- float: left;
- width: 100%;
- margin: 0; }
- #back-to-project-container .back-to-project {
- position: absolute;
- top: -22px;
- left: 15px;
- color: #cccccc;
- font-size: 14px;
- font-family: "Roboto Regular";
- line-height: 16px;
- text-align: left;
- text-decoration: none;
- display: inline-block; }
- #back-to-project-container .back-to-project:hover {
- text-decoration: underline; }
- #back-to-project-container .back-to-project:before {
- font-family: "FontAwesome";
- display: inline-block;
- content: "\f104";
- color: #cccccc;
- font-size: 16px;
- line-height: 14px;
- margin-right: 10px; }
- #page-sections-container {
- float: left;
- width: 100%;
- margin: 35px 0 25px 0; }
- @media (max-width: 767px) {
- #page-sections-container {
- margin-top: 20px; } }
- .sidebar-menu {
- float: left;
- width: 255px;
- border-top: 1px solid #cccccc;
- padding-top: 20px;
- position: absolute;
- right: 15px;
- top: 0; }
- @media (max-width: 767px) {
- .sidebar-menu {
- width: 100%;
- position: relative;
- top: 0;
- right: 0;
- margin-bottom: 25px; } }
- @media (min-width: 768px) and (max-width: 991px) {
- .sidebar-menu {
- width: 100%; } }
- .sidebar-menu li {
- float: left;
- width: 100%;
- margin-bottom: 25px;
- position: relative;
- padding-left: 0;
- font-size: initial;
- line-height: initial; }
- .sidebar-menu li:before {
- display: none; }
- @media (min-width: 768px) and (max-width: 991px) {
- .sidebar-menu li {
- margin-bottom: 10px; } }
- .sidebar-menu li.active a {
- font-family: "Roboto Bold";
- font-size: 19px;
- line-height: 20px; }
- .sidebar-menu li.active a:after {
- content: "";
- background-color: #a53b9d;
- position: absolute;
- bottom: -5px;
- display: block;
- left: 0;
- width: 50px;
- height: 3px; }
- .sidebar-menu li a {
- font-family: "Roboto Regular";
- font-size: 16px;
- line-height: 20px;
- text-align: left;
- width: 100%;
- float: left;
- position: relative;
- color: #545454;
- text-decoration: none; }
- .sidebar-menu li a:active {
- text-decoration: none; }
- .sidebar-menu li a:visited {
- text-decoration: none; }
- .sidebar-menu li a:hover {
- color: #545454; }
- .sidebar-menu li a:hover:after {
- content: "";
- background-color: #acabab;
- position: absolute;
- bottom: -5px;
- display: block;
- left: 0;
- width: 50px;
- height: 3px; }
- #page-title-container {
- float: left;
- width: 100%;
- margin: 10px 0 70px 0; }
- @media (max-width: 767px) {
- #page-title-container {
- margin-bottom: 40px; } }
- #page-title-container .page-title-content {
- float: left;
- width: 100%; }
- #page-title-container .page-title-content h4 {
- float: left;
- width: 100%;
- color: #595959;
- font-size: 21px;
- font-family: "Roboto Regular";
- line-height: 20px;
- text-align: left;
- margin-top: 0;
- text-transform: uppercase; }
- #page-title-container .page-title-content span {
- float: left;
- width: 100%;
- color: #464646;
- font-size: 45px;
- font-family: "Roboto Black";
- line-height: 52px;
- text-align: left;
- position: relative; }
- #page-title-container .page-title-content span:before {
- transform: translateX(-100%);
- display: block;
- content: "";
- position: absolute;
- left: -20px;
- height: 30px;
- width: 50%;
- background: -webkit-linear-gradient(0deg, #ebebeb 24%, #d7d7d7 65%, #cccccc 100%);
- background: -moz-linear-gradient(0deg, #ebebeb 24%, #d7d7d7 65%, #cccccc 100%);
- background: -o-linear-gradient(0deg, #ebebeb 24%, #d7d7d7 65%, #cccccc 100%);
- background: -ms-linear-gradient(0deg, #ebebeb 24%, #d7d7d7 65%, #cccccc 100%);
- background: linear-gradient(90deg, #ebebeb 24%, #d7d7d7 65%, #cccccc 100%);
- top: 12px; }
- #page-title-container .page-title-content h3 {
- float: left;
- width: 100%;
- color: #464646;
- font-size: 24.62px;
- font-family: "Roboto Regular";
- line-height: 40px;
- text-align: left;
- margin-top: 10px;
- text-transform: uppercase; }
- #standard-home-content {
- float: left;
- width: 100%;
- margin-top: 80px; }
- @media (max-width: 767px) {
- #standard-home-content {
- margin-top: 15px; } }
- #standard-home-content a:hover .section-title-image {
- background-color: #223e92; }
- #standard-home-content a:hover .section-title-image:after {
- background: #223e92; }
- #standard-home-content a:hover .section-title-image.large-image:after {
- background: #223e92; }
- #standard-home-content a:hover .section-title-image.large-image:before {
- background: #223e92; }
- #standard-home-content a:hover .section-title-image .hide-image {
- display: block; }
- #standard-home-content a:hover .section-title-image .hover-hide-image {
- display: none; }
- #standard-home-content a:hover .section-subtitle-image {
- background-color: #9a3234; }
- #standard-home-content a:hover .section-subtitle-image:after {
- background: #9a3234; }
- #standard-home-content a:hover .section-subtitle-image .hide-image {
- display: block; }
- #standard-home-content a:hover .section-subtitle-image .hover-hide-image {
- display: none; }
- #standard-home-content .hide-image {
- display: none; }
- #standard-home-content .section-title-image {
- float: left;
- width: 100%;
- margin-bottom: 25px;
- background-color: #f5f5f5;
- height: 230px;
- position: relative; }
- #standard-home-content .section-title-image img {
- height: 103px;
- max-width: 100%;
- position: absolute;
- top: 50%;
- left: 50%;
- transform: translate(-50%, -50%); }
- @media (min-width: 768px) and (max-width: 991px) {
- #standard-home-content .section-title-image img {
- height: 75px; } }
- #standard-home-content .section-title-image:after {
- content: "";
- background: #f5f5f5;
- position: absolute;
- bottom: -10px;
- left: 50%;
- display: block;
- width: 20px;
- height: 20px;
- transform: translateX(-50%) rotate(45deg); }
- #standard-home-content .section-title-image.large-image:after {
- content: "";
- background: #f5f5f5;
- position: absolute;
- bottom: -10px;
- right: 23%;
- left: initial;
- display: block;
- width: 20px;
- height: 20px;
- transform: translateX(-50%) rotate(45deg); }
- @media (max-width: 767px) {
- #standard-home-content .section-title-image.large-image:after {
- right: 46%; } }
- #standard-home-content .section-title-image.large-image:before {
- content: "";
- background: #f5f5f5;
- position: absolute;
- bottom: -10px;
- left: 23%;
- display: block;
- width: 20px;
- height: 20px;
- transform: translateX(-50%) rotate(45deg); }
- @media (max-width: 767px) {
- #standard-home-content .section-title-image.large-image:before {
- display: none; } }
- #standard-home-content .section-subtitle-image {
- float: left;
- width: 100%;
- background-color: #f5f5f5;
- height: 230px;
- position: relative;
- margin-bottom: 15px; }
- #standard-home-content .section-subtitle-image img {
- height: 103px;
- max-width: 100%;
- position: absolute;
- top: 50%;
- left: 50%;
- transform: translate(-50%, -50%); }
- @media (min-width: 768px) and (max-width: 991px) {
- #standard-home-content .section-subtitle-image img {
- height: 75px; } }
- #standard-home-content .section-subtitle-image:after {
- content: "";
- background: #f5f5f5;
- position: absolute;
- bottom: -20px;
- left: 48%;
- display: block;
- width: 20px;
- height: 20px;
- transform: translateY(-50%) rotate(45deg); }
- @media (max-width: 767px) {
- #standard-home-content .section-subtitle-image:after {
- left: 46%; } }
- #standard-home-content .item-content span {
- font-family: "Roboto Black";
- color: #601f5b;
- font-size: 20px;
- line-height: 24px;
- text-align: left;
- padding: 15px 0;
- float: left;
- width: 100%;
- border-bottom: 1px solid #cccccc;
- margin-bottom: 20px; }
- @media (max-width: 767px) {
- #standard-home-content .item-content span {
- cursor: pointer; } }
- #standard-home-content .item-content ul {
- width: 75%; }
- @media (max-width: 767px) {
- #standard-home-content .item-content ul {
- -webkit-transform: scaleY(0);
- -o-transform: scaleY(0);
- -ms-transform: scaleY(0);
- transform: scaleY(0);
- -webkit-transform-origin: top;
- -o-transform-origin: top;
- -ms-transform-origin: top;
- transform-origin: top;
- -webkit-transition: -webkit-transform 0.4s ease;
- -o-transition: -o-transform 0.4s ease;
- -ms-transition: -ms-transform 0.4s ease;
- transition: transform 0.4s ease;
- height: 0;
- overflow-y: hidden; } }
- @media (max-width: 767px) {
- #standard-home-content .item-content ul.show {
- -webkit-transform: scaleY(1);
- -o-transform: scaleY(1);
- -ms-transform: scaleY(1);
- transform: scaleY(1);
- height: auto; } }
- #standard-home-content .item-content li {
- float: left;
- width: 100%;
- position: relative;
- padding-left: 0;
- font-size: initial;
- line-height: initial; }
- #standard-home-content .item-content li:before {
- display: none; }
- #standard-home-content .item-content li a {
- font-family: "Roboto Bold";
- color: #303030;
- font-size: 18px;
- line-height: 20px;
- text-align: left;
- padding: 0px 0 35px 0;
- width: 100%;
- float: left;
- text-decoration: none; }
- #standard-home-content .item-content li a:hover {
- text-decoration: underline; }
- #biography-container {
- float: left;
- width: 100%;
- margin-top: 25px; }
- #biography-container .biography-image {
- width: 205px;
- height: 205px; }
- @media (max-width: 767px) {
- #biography-container .biography-image {
- margin: 0 auto; } }
- #biography-container .biography-image img {
- height: 100%; }
- #biography-container .biography-content {
- float: left;
- width: 100%; }
- @media (max-width: 767px) {
- #biography-container .biography-content {
- margin-top: 30px; } }
- #biography-container .biography-content .biography-intro {
- float: left;
- width: 100%;
- border-bottom: 2px solid #cccccc;
- padding-bottom: 15px;
- margin-bottom: 60px; }
- #biography-container .biography-content .biography-intro .position {
- font-family: "Roboto Black";
- color: #5a5050;
- font-size: 19px;
- line-height: 19px;
- text-align: left;
- margin-bottom: 20px;
- float: left;
- width: 100%; }
- #biography-container .biography-content .biography-intro table tr td:first-child {
- min-width: 150px;
- font-family: "Roboto Bold";
- color: #595959;
- font-size: 17px;
- line-height: 26px;
- text-align: left; }
- @media (max-width: 767px) {
- #biography-container .biography-content .biography-intro table tr td:first-child {
- min-width: 130px; } }
- #biography-container .biography-content .biography-intro table tr td:last-child {
- font-family: "Roboto Regular";
- color: #595959;
- font-size: 17px;
- font-weight: 100;
- line-height: 26px;
- text-align: left; }
- #biography-container p {
- font-family: "Roboto Regular";
- color: #5a5959;
- font-size: 15px;
- font-weight: 400;
- line-height: 24px;
- text-align: left;
- margin-bottom: 20px; }
- #members-list-container {
- float: left;
- width: 100%;
- margin-bottom: 100px; }
- @media (max-width: 767px) {
- #members-list-container {
- margin-bottom: 20px; } }
- #members-list-container .members-list-section-title {
- float: left;
- width: 100%;
- position: relative;
- margin-bottom: 30px; }
- #members-list-container .members-list-section-title:after {
- content: "";
- background-color: #d1cfcf;
- position: absolute;
- top: -30px;
- display: block;
- left: 0;
- width: 80px;
- height: 3px; }
- #members-list-container .members-list-section-title span {
- text-transform: uppercase;
- color: #808080;
- font-family: "Roboto Regular";
- font-size: 26px;
- line-height: 28px;
- text-align: left;
- float: left;
- width: 100%; }
- #members-list-container .non-voting-content .members-list-section-title {
- margin-top: 35px; }
- #members-list-container .non-voting-content li {
- color: #5a5959;
- font-family: "Roboto Regular";
- font-size: 15px;
- line-height: 22px;
- text-align: left; }
- #members-list-container .voting-content .members-list-section-title {
- margin-bottom: 50px; }
- @media (max-width: 767px) {
- #members-list-container .voting-content .members-list-section-title {
- margin-top: 30px; } }
- #members-list-container .voting-content .member-content {
- float: left;
- width: 100%;
- height: 160px; }
- #members-list-container .voting-content .member-content .image-container {
- height: 97px;
- width: 97px;
- float: left; }
- @media (min-width: 992px) and (max-width: 1199px) {
- #members-list-container .voting-content .member-content .image-container {
- width: 90px;
- height: 84px; } }
- @media (min-width: 768px) and (max-width: 991px) {
- #members-list-container .voting-content .member-content .image-container {
- width: 57px;
- height: 52px; } }
- @media (max-width: 767px) {
- #members-list-container .voting-content .member-content .image-container {
- width: 97px;
- height: 92px; } }
- #members-list-container .voting-content .member-content .image-container img {
- height: 100%;
- width: 100%;
- object-fit: cover; }
- #members-list-container .voting-content .member-content .member-info {
- float: left;
- width: 68%;
- margin-left: 15px;
- padding-top: 25px;
- border-top: 1px solid #cccccc; }
- @media (min-width: 992px) and (max-width: 1199px) {
- #members-list-container .voting-content .member-content .member-info {
- width: 64%;
- padding-top: 15px; } }
- @media (min-width: 768px) and (max-width: 991px) {
- #members-list-container .voting-content .member-content .member-info {
- padding-top: 10px;
- margin-left: 10px; } }
- @media (max-width: 767px) {
- #members-list-container .voting-content .member-content .member-info {
- padding-top: 10px;
- margin-left: 10px;
- width: 63%; } }
- #members-list-container .voting-content .member-content .member-info span.name {
- float: left;
- font-family: "Roboto Bold";
- font-size: 17px;
- line-height: 20px;
- text-align: left;
- color: #595959; }
- #members-list-container .voting-content .member-content .member-info span.title {
- float: left;
- width: 100%;
- font-family: "Roboto Regular";
- font-size: 15px;
- line-height: 18px;
- text-align: left;
- color: #595959; }
- #members-list-container .voting-content .member-content .member-info span.position {
- float: left;
- font-family: "Roboto Bold";
- font-size: 17px;
- line-height: 20px;
- text-align: left;
- color: #595959; }
- #members-list-container .voting-content .member-content .member-info table {
- float: left;
- width: 100%;
- margin: 7px 0; }
- #members-list-container .voting-content .member-content .member-info table tr td {
- font-family: "Roboto Regular";
- font-size: 13px;
- line-height: 14px;
- text-align: left;
- color: #595959; }
- #members-list-container .voting-content .member-content .member-info table tr td:first-child {
- width: 95px; }
- #members-list-container .voting-content .member-content a:hover {
- color: initial;
- text-decoration: none; }
- #members-list-container .voting-content .member-content a:hover span.name {
- color: #a53b9d;
- position: relative; }
- #members-list-container .voting-content .member-content a:hover span.name:after {
- content: "";
- background-color: #a53b9d;
- position: absolute;
- bottom: -1px;
- display: block;
- left: 0;
- width: 100%;
- height: 3px; }
- #members-list-container .voting-content .member-content a:hover .image-container {
- position: relative; }
- #members-list-container .voting-content .member-content a:hover .image-container:after {
- background-color: rgba(96, 32, 91, 0.6);
- content: "";
- height: 97px;
- width: 97px;
- z-index: 999999999999;
- position: absolute;
- top: 0;
- left: 0;
- right: 0;
- bottom: 0; }
- @media (min-width: 992px) and (max-width: 1199px) {
- #members-list-container .voting-content .member-content a:hover .image-container:after {
- width: 90px;
- height: 84px; } }
- @media (min-width: 768px) and (max-width: 991px) {
- #members-list-container .voting-content .member-content a:hover .image-container:after {
- width: 57px;
- height: 52px; } }
- @media (max-width: 767px) {
- #members-list-container .voting-content .member-content a:hover .image-container:after {
- width: 97px;
- height: 92px; } }
- #council-container {
- float: left;
- width: 100%; }
- #council-container .cta-banner-block {
- float: left;
- width: 100%;
- margin-bottom: 55px;
- padding: 60px 0 40px 0;
- position: relative; }
- #council-container .cta-banner-block img {
- position: absolute;
- top: 0;
- right: 0;
- width: auto;
- height: 100%;
- object-fit: fill; }
- #council-container .cta-banner-block span {
- float: left;
- width: 100%;
- font-family: "Roboto Black";
- font-size: 19px;
- line-height: 26px;
- text-align: left;
- margin-bottom: 30px; }
- #council-container .cta-banner-block p {
- float: left;
- width: 100%;
- font-family: "Roboto Regular";
- font-size: 15px;
- line-height: 24px;
- text-align: left;
- margin-bottom: 30px; }
- #council-container .cta-banner-block a {
- float: left;
- text-align: center;
- font-size: 14px;
- font-weight: 100;
- line-height: 26px;
- text-align: left;
- font-family: "Roboto Regular";
- border-style: solid;
- box-sizing: border-box;
- padding: 5px 25px 5px 20px;
- text-decoration: none; }
- #council-container .cta-banner-block .right-border {
- height: 100%;
- position: absolute;
- right: 0; }
- @media (max-width: 767px) {
- #council-container .cta-banner-block .right-border {
- display: none; } }
- #council-container .cta-banner-block .right-side {
- float: left;
- width: 100%;
- padding-left: 25px; }
- @media (max-width: 767px) {
- #council-container .cta-banner-block .right-side {
- padding-left: 0;
- margin-top: 30px; } }
- #council-container .cta-banner-block .left-side {
- float: left;
- width: 100%;
- padding-right: 95px; }
- @media (max-width: 767px) {
- #council-container .cta-banner-block .left-side {
- padding-right: 0; } }
- @media (min-width: 768px) and (max-width: 991px) {
- #council-container .cta-banner-block .left-side {
- padding-right: 20px; } }
- @media (min-width: 992px) and (max-width: 1199px) {
- #council-container .cta-banner-block .left-side {
- padding-right: 30px; } }
- #council-container #about-container {
- background: -webkit-linear-gradient(180deg, #e1e1e1 0%, #f2f1f1 80%);
- background: -moz-linear-gradient(180deg, #e1e1e1 0%, #f2f1f1 80%);
- background: -o-linear-gradient(180deg, #e1e1e1 0%, #f2f1f1 80%);
- background: -ms-linear-gradient(180deg, #e1e1e1 0%, #f2f1f1 80%);
- background: linear-gradient(-90deg, #e1e1e1 0%, #f2f1f1 80%);
- min-height: 300px; }
- #council-container #about-container span {
- color: #5a5050; }
- #council-container #about-container p {
- color: #5a5959; }
- #council-container #about-container a {
- color: #464646;
- border-color: #cccccc;
- border-width: 1px;
- background-color: #ffffff; }
- #council-container #about-container .right-border {
- border-right: 1px solid #b7b7b7; }
- #council-container #cta-container {
- background: -webkit-linear-gradient(0deg, #7d1975 0%, #731b6d 70%, #60205b 100%);
- background: -moz-linear-gradient(0deg, #7d1975 0%, #731b6d 70%, #60205b 100%);
- background: -o-linear-gradient(0deg, #7d1975 0%, #731b6d 70%, #60205b 100%);
- background: -ms-linear-gradient(0deg, #7d1975 0%, #731b6d 70%, #60205b 100%);
- background: linear-gradient(90deg, #7d1975 0%, #731b6d 70%, #60205b 100%);
- min-height: 280px; }
- @media (max-width: 767px) {
- #council-container #cta-container {
- margin-bottom: 0; } }
- #council-container #cta-container span {
- color: #ffffff; }
- #council-container #cta-container p {
- color: #ffffff; }
- #council-container #cta-container a {
- color: #ffffff;
- border-color: transparent;
- background-color: #92638e;
- border-width: 2px; }
- #council-container #cta-container .right-border {
- border-right: 1px solid #92638e; }
- #council-container #meetings-news-container {
- float: left;
- width: 100%;
- margin-top: 20px; }
- #council-container #meetings-news-container span.section-title {
- margin: 30px 0;
- float: left;
- width: 300px;
- text-transform: uppercase;
- color: #808080;
- font-family: "Roboto Regular";
- font-size: 26px;
- line-height: 26px;
- text-align: left;
- position: relative; }
- @media (max-width: 767px) {
- #council-container #meetings-news-container span.section-title {
- width: 100%;
- margin-top: 80px; } }
- @media (min-width: 768px) and (max-width: 991px) {
- #council-container #meetings-news-container span.section-title {
- width: 100%; } }
- @media (min-width: 992px) and (max-width: 1199px) {
- #council-container #meetings-news-container span.section-title {
- width: 100%; } }
- #council-container #meetings-news-container span.section-title:before {
- content: "";
- background-color: #d1cfcf;
- position: absolute;
- top: -30px;
- display: block;
- left: 0;
- width: 80px;
- height: 3px; }
- #council-container #meetings-news-container a:focus {
- outline: none; }
- #council-container #meetings-news-container a:hover {
- outline: none; }
- #council-container #meetings-news-container a:active {
- outline: none; }
- #council-container #meetings-news-container a.section-link {
- color: #a53b9e;
- font-size: 18px;
- font-family: "Roboto Regular";
- line-height: 26px;
- text-align: left;
- float: left;
- position: relative;
- text-decoration: none; }
- #council-container #meetings-news-container a.section-link:hover {
- color: #60205b; }
- #council-container #meetings-news-container a.section-link:hover:after {
- content: "";
- background-color: #60205b;
- position: absolute;
- bottom: 0px;
- display: block;
- left: 0;
- width: 100%;
- height: 2px; }
- #council-container #meetings-news-container a.section-link:hover .fa {
- color: #60205b; }
- #council-container #meetings-news-container a.section-link .fa {
- color: #a53b9e;
- position: absolute;
- top: 7px;
- right: -20px;
- font-weight: 100;
- font-size: 13px;
- line-height: 13px; }
- #council-container #meetings-news-container a.meetings-news-item-link {
- float: left;
- width: 300px; }
- @media (max-width: 767px) {
- #council-container #meetings-news-container a.meetings-news-item-link {
- width: 100%; } }
- @media (min-width: 768px) and (max-width: 991px) {
- #council-container #meetings-news-container a.meetings-news-item-link {
- width: 100%; } }
- @media (min-width: 992px) and (max-width: 1199px) {
- #council-container #meetings-news-container a.meetings-news-item-link {
- width: 100%; } }
- #council-container #meetings-news-container a.meetings-news-item-link:hover {
- background-color: #ebebeb; }
- #council-container #meetings-news-container a.meetings-news-item-link:hover span {
- color: #5a5959; }
- #council-container #meetings-news-container .meetings-news-item {
- float: left;
- width: 300px;
- border-top: 1px solid #cccccc;
- padding: 20px 0 50px 0; }
- @media (max-width: 767px) {
- #council-container #meetings-news-container .meetings-news-item {
- width: 100%; } }
- @media (min-width: 768px) and (max-width: 991px) {
- #council-container #meetings-news-container .meetings-news-item {
- width: 100%; } }
- @media (min-width: 992px) and (max-width: 1199px) {
- #council-container #meetings-news-container .meetings-news-item {
- width: 100%; } }
- #council-container #meetings-news-container .meetings-news-item .icon-content.icon-25 {
- width: 25px; }
- #council-container #meetings-news-container .meetings-news-item .icon-content.icon-20 {
- width: 20px; }
- #council-container #meetings-news-container .meetings-news-item .icon-content.icon-15 {
- width: 15px; }
- #council-container #meetings-news-container .meetings-news-item .icon-content img {
- width: 100%; }
- #council-container #meetings-news-container .meetings-news-item span {
- float: left;
- width: 100%; }
- #council-container #meetings-news-container .meetings-news-item span.meeting-location {
- color: #5a5959;
- font-size: 13px;
- font-family: "Roboto Regular";
- line-height: 20px;
- text-align: left; }
- #council-container #meetings-news-container .meetings-news-item span.meeting-title {
- color: #5a5959;
- font-size: 17px;
- font-family: "Roboto Bold";
- line-height: 20px;
- text-align: left; }
- #council-container #meetings-news-container .meetings-news-item span.meeting-time {
- color: #5a5959;
- font-size: 13px;
- font-family: "Roboto Regular";
- line-height: 20px;
- text-align: left; }
- #council-container #meetings-news-container .meetings-news-item p {
- color: #5a5959;
- font-size: 13px;
- font-family: "Roboto Regular";
- line-height: 20px;
- text-align: left;
- float: left;
- width: 100%;
- margin-top: 15px; }
- #council-container #meetings-news-container .meetings-news-item .date-content {
- float: left;
- width: 100%;
- margin-top: 4px; }
- #council-container #meetings-news-container .meetings-news-item .date-content .date {
- color: #60205b;
- font-size: 45px;
- font-family: "Roboto Regular";
- line-height: 36px;
- text-align: center; }
- @media (min-width: 768px) and (max-width: 991px) {
- #council-container #meetings-news-container .meetings-news-item .date-content .date {
- font-size: 30px;
- line-height: 22px; } }
- @media (min-width: 992px) and (max-width: 1199px) {
- #council-container #meetings-news-container .meetings-news-item .date-content .date {
- font-size: 42px;
- line-height: 34px; } }
- #council-container #meetings-news-container .meetings-news-item .date-content .month {
- font-family: "Roboto Black";
- color: #60205b;
- font-size: 25px;
- line-height: 26px;
- text-align: center; }
- @media (min-width: 768px) and (max-width: 991px) {
- #council-container #meetings-news-container .meetings-news-item .date-content .month {
- font-size: 15px;
- line-height: 15px; } }
- @media (min-width: 992px) and (max-width: 1199px) {
- #council-container #meetings-news-container .meetings-news-item .date-content .month {
- font-size: 24px;
- line-height: 28px; } }
- #council-container #meetings-news-container .meetings-news-item .date-content.multiple-dates {
- margin-top: 0; }
- #council-container #meetings-news-container .meetings-news-item .date-content.multiple-dates .date {
- font-size: 23px;
- line-height: 26px;
- letter-spacing: -1.52px; }
- @media (min-width: 768px) and (max-width: 991px) {
- #council-container #meetings-news-container .meetings-news-item .date-content.multiple-dates .date {
- font-size: 15px;
- line-height: 19px; } }
- @media (min-width: 992px) and (max-width: 1199px) {
- #council-container #meetings-news-container .meetings-news-item .date-content.multiple-dates .date {
- font-size: 22px;
- line-height: 26px; } }
- #committee-container {
- float: left;
- width: 100%; }
- #committee-container .committee-intro {
- position: relative;
- float: left;
- width: 100%;
- margin-bottom: 20px;
- padding: 60px 0 35px 0; }
- #committee-container .committee-intro:before {
- background: -webkit-linear-gradient(180deg, #e1e1e1 0%, #f2f1f1 33%);
- background: -moz-linear-gradient(180deg, #e1e1e1 0%, #f2f1f1 33%);
- background: -o-linear-gradient(180deg, #e1e1e1 0%, #f2f1f1 33%);
- background: -ms-linear-gradient(180deg, #e1e1e1 0%, #f2f1f1 33%);
- background: linear-gradient(-90deg, #e1e1e1 0%, #f2f1f1 33%);
- content: "";
- position: absolute;
- left: -46%;
- top: 0;
- display: block;
- height: 100%;
- width: 800px; }
- @media (max-width: 767px) {
- #committee-container .committee-intro:before {
- left: -15px; } }
- #committee-container .committee-intro img {
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- object-fit: fill; }
- @media (max-width: 767px) {
- #committee-container .committee-intro img {
- display: none; } }
- #committee-container .committee-intro span {
- color: #5a5959;
- font-size: 15px;
- font-family: "Roboto Regular";
- line-height: 19px;
- text-align: left;
- float: left;
- width: 100%;
- padding-bottom: 5px; }
- #committee-container .committee-intro h4 {
- line-height: 20px; }
- #committee-container .committee-intro .left-side {
- padding-right: 60px;
- float: left;
- width: 100%;
- border-right: 1px solid #cccccc; }
- @media (min-width: 992px) and (max-width: 1199px) {
- #committee-container .committee-intro .left-side {
- padding-right: 40px; } }
- @media (min-width: 768px) and (max-width: 991px) {
- #committee-container .committee-intro .left-side {
- padding-right: 20px; } }
- @media (max-width: 767px) {
- #committee-container .committee-intro .left-side {
- padding-right: 15px;
- border-right: none;
- border-bottom: 1px solid #cccccc;
- margin-bottom: 20px; } }
- #committee-container .committee-intro .right-side {
- padding-left: 30px;
- float: left;
- width: 100%; }
- @media (min-width: 992px) and (max-width: 1199px) {
- #committee-container .committee-intro .right-side {
- padding-left: 20px; } }
- @media (min-width: 768px) and (max-width: 991px) {
- #committee-container .committee-intro .right-side {
- padding-left: 10px; } }
- @media (max-width: 767px) {
- #committee-container .committee-intro .right-side {
- padding-left: 0; } }
- #committee-container .committee-intro .right-side .contact-container {
- float: left;
- width: 100%;
- position: relative; }
- #committee-container .committee-intro .right-side .contact-container a {
- color: #5a5959;
- font-size: 15px;
- font-family: "Roboto Regular";
- line-height: 19px;
- text-align: left;
- text-decoration: none;
- padding-left: 30px; }
- #committee-container .committee-intro .right-side .contact-container .phone-content {
- position: relative;
- float: left;
- width: 100%;
- margin-bottom: 7px; }
- #committee-container .committee-intro .right-side .contact-container .phone-content img {
- position: absolute;
- top: -1px;
- left: 0;
- width: 18px;
- height: auto;
- display: block; }
- #committee-container .committee-intro .right-side .contact-container .mail-content {
- position: relative;
- float: left;
- width: 100%; }
- #committee-container .committee-intro .right-side .contact-container .mail-content img {
- position: absolute;
- top: 5px;
- left: 0;
- width: 16px;
- display: block;
- height: auto; }
- #committee-container .meetings-news-item {
- width: 350px; }
- @media (min-width: 768px) and (max-width: 991px) {
- #committee-container .meetings-news-item {
- width: 100%; } }
- @media (max-width: 767px) {
- #committee-container .meetings-news-item {
- width: 100%; } }
- #committee-container a.meetings-news-item-link {
- width: 350px; }
- @media (min-width: 768px) and (max-width: 991px) {
- #committee-container a.meetings-news-item-link {
- width: 100%; } }
- @media (max-width: 767px) {
- #committee-container a.meetings-news-item-link {
- width: 100%; } }
- #committee-container .committee-member-container {
- float: left;
- width: 100%;
- margin-top: 40px; }
- #committee-container .committee-member-container .committee-member {
- border-top: 1px solid #cccccc;
- float: left;
- width: 205px;
- padding: 30px 0 45px 0; }
- @media (min-width: 768px) and (max-width: 991px) {
- #committee-container .committee-member-container .committee-member {
- width: 100%; } }
- @media (max-width: 767px) {
- #committee-container .committee-member-container .committee-member {
- width: 100%; } }
- #committee-container .committee-member-container .committee-member span {
- float: left;
- width: 100%; }
- #committee-container .committee-member-container .committee-member span.organization {
- color: #5a5959;
- font-size: 15px;
- font-family: "Roboto Regular";
- line-height: 19px;
- text-align: left;
- padding-bottom: 5px; }
- #committee-container .committee-member-container .committee-member span.position {
- color: #595959;
- font-size: 17px;
- font-family: "Roboto Bold";
- line-height: 26px;
- text-align: left; }
- #committee-container .committee-member-container .committee-member h5 {
- text-transform: none;
- line-height: 16px; }
- #committee-container .committee-member-container .committee-member h4 {
- line-height: 18px; }
- .meetings-container {
- float: left;
- width: 100%; }
- .meetings-container a:focus {
- outline: none; }
- .meetings-container a:hover {
- outline: none; }
- .meetings-container a:active {
- outline: none; }
- .meetings-container a.section-link {
- color: #a53b9e;
- font-size: 18px;
- font-family: "Roboto Regular";
- line-height: 26px;
- text-align: left;
- float: left;
- position: relative;
- text-decoration: none; }
- .meetings-container a.section-link:hover {
- color: #60205b; }
- .meetings-container a.section-link:hover:after {
- content: "";
- background-color: #60205b;
- position: absolute;
- bottom: 0px;
- display: block;
- left: 0;
- width: 100%;
- height: 2px; }
- .meetings-container a.section-link:hover .fa {
- color: #60205b; }
- .meetings-container a.section-link .fa {
- color: #a53b9e;
- position: absolute;
- top: 7px;
- right: -20px;
- font-weight: 100;
- font-size: 13px;
- line-height: 13px; }
- .meetings-container a.meetings-news-item-link {
- float: left;
- width: 100%; }
- @media (max-width: 767px) {
- .meetings-container a.meetings-news-item-link {
- width: 100%; } }
- @media (min-width: 768px) and (max-width: 991px) {
- .meetings-container a.meetings-news-item-link {
- width: 100%; } }
- @media (min-width: 992px) and (max-width: 1199px) {
- .meetings-container a.meetings-news-item-link {
- width: 100%; } }
- .meetings-container a.meetings-news-item-link:hover {
- background-color: #ebebeb; }
- .meetings-container a.meetings-news-item-link:hover span {
- color: #5a5959; }
- .meetings-container .meetings-news-item {
- float: left;
- width: 100%;
- border-top: 1px solid #cccccc;
- padding: 20px 0 50px 0; }
- @media (max-width: 767px) {
- .meetings-container .meetings-news-item {
- width: 100%; } }
- @media (min-width: 768px) and (max-width: 991px) {
- .meetings-container .meetings-news-item {
- width: 100%; } }
- @media (min-width: 992px) and (max-width: 1199px) {
- .meetings-container .meetings-news-item {
- width: 100%; } }
- .meetings-container .meetings-news-item .icon-content.icon-25 {
- width: 25px; }
- .meetings-container .meetings-news-item .icon-content.icon-20 {
- width: 20px; }
- .meetings-container .meetings-news-item .icon-content.icon-15 {
- width: 15px; }
- .meetings-container .meetings-news-item .icon-content img {
- width: 100%; }
- .meetings-container .meetings-news-item span {
- float: left;
- width: 100%; }
- .meetings-container .meetings-news-item span.meeting-location {
- color: #5a5959;
- font-size: 13px;
- font-family: "Roboto Regular";
- line-height: 20px;
- text-align: left; }
- .meetings-container .meetings-news-item span.meeting-title {
- color: #5a5959;
- font-size: 17px;
- font-family: "Roboto Bold";
- line-height: 20px;
- text-align: left; }
- .meetings-container .meetings-news-item span.meeting-time {
- color: #5a5959;
- font-size: 13px;
- font-family: "Roboto Regular";
- line-height: 20px;
- text-align: left; }
- .meetings-container .meetings-news-item p {
- color: #5a5959;
- font-size: 13px;
- font-family: "Roboto Regular";
- line-height: 20px;
- text-align: left;
- float: left;
- width: 100%;
- margin-top: 15px; }
- .meetings-container .meetings-news-item .date-content {
- float: left;
- width: 100%;
- margin-top: 4px; }
- .meetings-container .meetings-news-item .date-content .date {
- color: #60205b;
- font-size: 45px;
- font-family: "Roboto Regular";
- line-height: 36px;
- text-align: center; }
- @media (min-width: 768px) and (max-width: 991px) {
- .meetings-container .meetings-news-item .date-content .date {
- font-size: 30px;
- line-height: 22px; } }
- @media (min-width: 992px) and (max-width: 1199px) {
- .meetings-container .meetings-news-item .date-content .date {
- font-size: 42px;
- line-height: 34px; } }
- .meetings-container .meetings-news-item .date-content .month {
- font-family: "Roboto Black";
- color: #60205b;
- font-size: 25px;
- line-height: 26px;
- text-align: center; }
- @media (min-width: 768px) and (max-width: 991px) {
- .meetings-container .meetings-news-item .date-content .month {
- font-size: 15px;
- line-height: 15px; } }
- @media (min-width: 992px) and (max-width: 1199px) {
- .meetings-container .meetings-news-item .date-content .month {
- font-size: 24px;
- line-height: 28px; } }
- .meetings-container .meetings-news-item .date-content.multiple-dates {
- margin-top: 0; }
- .meetings-container .meetings-news-item .date-content.multiple-dates .date {
- font-size: 23px;
- line-height: 26px;
- letter-spacing: -1.52px; }
- @media (min-width: 768px) and (max-width: 991px) {
- .meetings-container .meetings-news-item .date-content.multiple-dates .date {
- font-size: 15px;
- line-height: 19px; } }
- @media (min-width: 992px) and (max-width: 1199px) {
- .meetings-container .meetings-news-item .date-content.multiple-dates .date {
- font-size: 22px;
- line-height: 26px; } }
- #meeting-list-container {
- float: left;
- width: 100%; }
- #meeting-list-container .meetings-container .meetings-news-item .col-sm-2 {
- width: 10%; }
- @media (min-width: 768px) and (max-width: 991px) {
- #meeting-list-container .meetings-container .meetings-news-item .col-sm-2 {
- width: 11%; } }
- @media (min-width: 992px) and (max-width: 1199px) {
- #meeting-list-container .meetings-container .meetings-news-item .col-sm-2 {
- width: 11%; } }
- @media (max-width: 767px) {
- #meeting-list-container .meetings-container .meetings-news-item .col-sm-2 {
- width: 25%; } }
- #custom-tab-accordion {
- float: left;
- width: 100%; }
- #custom-tab-accordion ul li {
- width: auto; }
- #custom-tab-accordion ul li:before {
- display: none; }
- #custom-tab-accordion ul.tabs {
- margin: 0;
- padding: 0;
- float: left;
- list-style: none;
- border-bottom: 1px solid #cccccc;
- width: 100%; }
- @media (max-width: 767px) {
- #custom-tab-accordion ul.tabs {
- display: none; } }
- #custom-tab-accordion ul.tabs li {
- float: left;
- margin: 0;
- cursor: pointer;
- overflow: hidden;
- position: relative;
- line-height: 16px;
- padding: 20px 40px 20px 35px;
- background: -webkit-linear-gradient(0deg, #ebebeb 0%, #e7e7e7 58%, #e1e1e1 100%);
- background: -moz-linear-gradient(0deg, #ebebeb 0%, #e7e7e7 58%, #e1e1e1 100%);
- background: -o-linear-gradient(0deg, #ebebeb 0%, #e7e7e7 58%, #e1e1e1 100%);
- background: -ms-linear-gradient(0deg, #ebebeb 0%, #e7e7e7 58%, #e1e1e1 100%);
- background: linear-gradient(90deg, #ebebeb 0%, #e7e7e7 58%, #e1e1e1 100%);
- margin-right: 25px; }
- #custom-tab-accordion ul.tabs li:last-child {
- margin-right: 0; }
- #custom-tab-accordion ul.tabs li:hover {
- background: -webkit-linear-gradient(175deg, #60205b 0%, #7d1b75 47%, #98158e 100%);
- background: -moz-linear-gradient(175deg, #60205b 0%, #7d1b75 47%, #98158e 100%);
- background: -o-linear-gradient(175deg, #60205b 0%, #7d1b75 47%, #98158e 100%);
- background: -ms-linear-gradient(175deg, #60205b 0%, #7d1b75 47%, #98158e 100%);
- background: linear-gradient(-85deg, #60205b 0%, #7d1b75 47%, #98158e 100%);
- color: #ffffff; }
- #custom-tab-accordion ul.tabs li.active {
- background: -webkit-linear-gradient(175deg, #60205b 0%, #7d1b75 47%, #98158e 100%);
- background: -moz-linear-gradient(175deg, #60205b 0%, #7d1b75 47%, #98158e 100%);
- background: -o-linear-gradient(175deg, #60205b 0%, #7d1b75 47%, #98158e 100%);
- background: -ms-linear-gradient(175deg, #60205b 0%, #7d1b75 47%, #98158e 100%);
- background: linear-gradient(-85deg, #60205b 0%, #7d1b75 47%, #98158e 100%);
- color: #ffffff; }
- #custom-tab-accordion .tab_container .tab_content {
- display: none;
- float: left;
- width: 100%;
- margin-top: 10px; }
- #custom-tab-accordion .tab_container .tab_drawer_heading {
- display: none; }
- @media (max-width: 767px) {
- #custom-tab-accordion .tab_container .tab_drawer_heading {
- float: left;
- width: 100%;
- position: relative;
- line-height: 16px;
- padding: 20px 35px 20px 35px;
- background: -webkit-linear-gradient(0deg, #ebebeb 0%, #e7e7e7 58%, #e1e1e1 100%);
- background: -moz-linear-gradient(0deg, #ebebeb 0%, #e7e7e7 58%, #e1e1e1 100%);
- background: -o-linear-gradient(0deg, #ebebeb 0%, #e7e7e7 58%, #e1e1e1 100%);
- background: -ms-linear-gradient(0deg, #ebebeb 0%, #e7e7e7 58%, #e1e1e1 100%);
- background: linear-gradient(90deg, #ebebeb 0%, #e7e7e7 58%, #e1e1e1 100%);
- font-size: 15px;
- font-family: "Roboto Regular";
- text-align: center;
- display: block;
- cursor: pointer;
- -webkit-touch-callout: none;
- -webkit-user-select: none;
- -khtml-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none;
- color: #5a5959; } }
- @media (max-width: 767px) {
- #custom-tab-accordion .tab_container .tab_drawer_heading.d_active {
- background: -webkit-linear-gradient(175deg, #60205b 0%, #7d1b75 47%, #98158e 100%);
- background: -moz-linear-gradient(175deg, #60205b 0%, #7d1b75 47%, #98158e 100%);
- background: -o-linear-gradient(175deg, #60205b 0%, #7d1b75 47%, #98158e 100%);
- background: -ms-linear-gradient(175deg, #60205b 0%, #7d1b75 47%, #98158e 100%);
- background: linear-gradient(-85deg, #60205b 0%, #7d1b75 47%, #98158e 100%);
- color: #ffffff; } }
- #pagination-container {
- float: left;
- width: 100%;
- padding: 8px 0; }
- @media (max-width: 767px) {
- #pagination-container {
- margin-bottom: 25px; } }
- #pagination-container #custom-pagination {
- border-radius: 0;
- display: block;
- margin: 0 0 0 20px;
- float: left;
- width: 100%; }
- @media (min-width: 768px) and (max-width: 991px) {
- #pagination-container #custom-pagination {
- margin-left: 15px; } }
- @media (max-width: 767px) {
- #pagination-container #custom-pagination {
- border-right: none;
- margin: 0 0 15px 0; } }
- #pagination-container #custom-pagination ul {
- margin: 0; }
- @media (max-width: 767px) {
- #pagination-container #custom-pagination ul {
- text-align: center; } }
- #pagination-container #custom-pagination ul li {
- width: auto;
- padding-left: 0;
- text-align: center;
- font-size: initial;
- line-height: initial;
- text-align: center; }
- @media (max-width: 767px) {
- #pagination-container #custom-pagination ul li {
- display: inline-block;
- float: none; } }
- #pagination-container #custom-pagination ul li:before {
- display: none; }
- #pagination-container #custom-pagination ul li a {
- text-decoration: none;
- color: #333333;
- font-size: 16px;
- font-family: "Roboto Regular";
- line-height: 26px;
- text-align: center;
- position: relative;
- margin-right: 20px;
- width: 25px;
- float: left; }
- @media (min-width: 768px) and (max-width: 991px) {
- #pagination-container #custom-pagination ul li a {
- width: 15px;
- margin-right: 10px; } }
- @media (max-width: 767px) {
- #pagination-container #custom-pagination ul li a {
- width: 15px;
- margin-right: 10px; } }
- #pagination-container #custom-pagination ul li a:hover:after {
- background: #cccccc;
- position: absolute;
- bottom: 4px;
- left: 0;
- content: "";
- display: block;
- width: 100%;
- height: 2px; }
- #pagination-container #custom-pagination ul li a.active {
- color: #a53b9d;
- pointer-events: none; }
- #pagination-container #custom-pagination ul li .next {
- width: auto; }
- #pagination-container #custom-pagination ul li .next:before {
- font-family: "FontAwesome";
- display: block;
- position: absolute;
- top: 4px;
- color: #333333;
- font-size: 15px;
- line-height: 15px;
- right: -20px;
- content: "\f105"; }
- @media (min-width: 768px) and (max-width: 991px) {
- #pagination-container #custom-pagination ul li .next:before {
- right: -30px; } }
- @media (max-width: 767px) {
- #pagination-container #custom-pagination ul li .next:before {
- right: -17px; } }
- #pagination-container #custom-pagination ul li .next:hover:after {
- display: none; }
- #pagination-container #custom-pagination ul li .prev {
- width: auto; }
- @media (min-width: 768px) and (max-width: 991px) {
- #pagination-container #custom-pagination ul li .prev {
- margin-right: 25px; } }
- @media (max-width: 767px) {
- #pagination-container #custom-pagination ul li .prev {
- margin-right: 10px; } }
- #pagination-container #custom-pagination ul li .prev:before {
- left: -20px;
- content: "\f104";
- font-family: "FontAwesome";
- display: block;
- position: absolute;
- top: 4px;
- color: #333333;
- font-size: 15px;
- line-height: 15px; }
- @media (min-width: 768px) and (max-width: 991px) {
- #pagination-container #custom-pagination ul li .prev:before {
- left: -15px; } }
- @media (max-width: 767px) {
- #pagination-container #custom-pagination ul li .prev:before {
- left: -17px; } }
- #pagination-container #custom-pagination ul li .prev:hover:after {
- display: none; }
- #standards-projects-overview-container {
- float: left;
- width: 100%;
- margin-bottom: 15px; }
- @media (max-width: 767px) {
- #standards-projects-overview-container .responsive-table {
- margin-bottom: 0; } }
- #standards-project-detail-container {
- float: left;
- width: 100%;
- margin-bottom: 75px; }
- @media (max-width: 767px) {
- #standards-project-detail-container {
- margin-bottom: 15px; } }
- #standards-project-detail-container #purple-info-container {
- padding-bottom: 20px; }
- #standards-project-detail-container #purple-info-container .purple-btn {
- position: relative; }
- #standards-project-detail-container #purple-info-container p {
- margin-bottom: 0; }
- #disclaimer-container {
- float: left;
- width: 100%;
- margin-bottom: 80px; }
- @media (max-width: 767px) {
- #disclaimer-container {
- margin-bottom: 0; } }
- #disclaimer-container .disclaimer-content {
- float: left;
- width: 100%;
- background-color: #333333;
- padding: 30px 125px 30px 20px; }
- @media (max-width: 767px) {
- #disclaimer-container .disclaimer-content {
- padding-right: 20px; } }
- @media (min-width: 768px) and (max-width: 991px) {
- #disclaimer-container .disclaimer-content {
- padding-right: 40px; } }
- @media (min-width: 992px) and (max-width: 1199px) {
- #disclaimer-container .disclaimer-content {
- padding-right: 60px; } }
- #disclaimer-container .disclaimer-content span {
- color: rgba(255, 255, 255, 0.82);
- font-size: 16px;
- font-family: "Roboto Bold";
- line-height: 24px;
- text-align: left;
- float: left;
- margin-bottom: 3px; }
- #disclaimer-container .disclaimer-content p {
- color: rgba(255, 255, 255, 0.82);
- line-height: 24px;
- margin-bottom: 5px; }
- #news-summaries-container {
- float: left;
- width: 100%;
- margin-bottom: 60px; }
- @media (max-width: 767px) {
- #news-summaries-container {
- margin-bottom: 0; } }
- #news-summaries-container .news-summaries-content {
- float: left;
- width: 100%; }
- #news-summaries-container .news-summaries-content .news-summaries-item {
- float: left;
- width: 100%; }
- #news-summaries-container .news-summaries-content .news-summaries-item span {
- display: inline-block; }
- #news-summaries-container .news-summaries-content .news-summaries-item span.date {
- color: #333333;
- font-size: 16px;
- font-family: "Roboto Regular";
- line-height: 20px;
- text-align: left; }
- #news-summaries-container .news-summaries-content .news-summaries-item a {
- text-decoration: none;
- display: inline-block; }
- #news-summaries-container .news-summaries-content .news-summaries-item a.title {
- color: #333333;
- font-size: 18px;
- font-family: "Roboto Bold";
- line-height: 24px;
- text-align: left;
- float: left;
- width: 100%;
- margin: 20px 0 15px 0; }
- #news-summaries-container .news-summaries-content .news-summaries-item a.title:hover {
- color: #333333;
- text-decoration: underline; }
- #news-summaries-container .news-summaries-content .news-summaries-item p {
- color: #5a5959; }
- #news-summaries-container .news-summaries-content .news-summaries-item .update-link {
- color: #999999;
- font-size: 16px;
- font-family: "Roboto Light";
- line-height: 24px;
- text-align: left;
- padding-left: 5px; }
- #news-summaries-container .news-summaries-content h3 {
- float: none;
- width: auto;
- display: inline-block;
- line-height: 22px; }
- @media (max-width: 767px) {
- #news-summaries-container .news-summaries-content h3 {
- width: 50%; } }
- #news-summaries-container .news-summaries-content a.see-all-news-summaries-link {
- text-decoration: none;
- font-size: 14px;
- font-family: "Roboto Regular";
- line-height: 26px;
- text-align: left;
- color: #999999;
- float: right;
- margin-right: 10px; }
- #news-summaries-container .news-summaries-content a.see-all-news-summaries-link:after {
- display: inline-block;
- content: "";
- background-image: url("../images/standards-project-detail/Arrow down (1).png");
- width: 6px;
- height: 10px;
- position: relative;
- top: 1px;
- left: 10px; }
- #news-summaries-container .news-summaries-content a.see-all-news-summaries-link:hover {
- color: #999999;
- text-decoration: underline; }
- #news-summaries-container .news-summaries-content hr {
- margin-top: 15px;
- border-color: #dddddd; }
- #purple-info-container {
- float: left;
- width: 100%;
- background-color: #601f5b;
- padding: 30px 0 40px 0;
- margin-bottom: 45px; }
- @media (max-width: 767px) {
- #purple-info-container {
- padding-bottom: 0; } }
- #purple-info-container .purple-info-content {
- position: relative; }
- #purple-info-container .purple-info-content h3 {
- margin: 0 0 20px 0;
- line-height: 22px;
- color: rgba(255, 255, 255, 0.82); }
- #purple-info-container .purple-info-content span {
- color: rgba(255, 255, 255, 0.82);
- font-size: 18px;
- font-family: "Roboto Bold";
- line-height: 20px;
- text-align: left; }
- #purple-info-container .purple-info-content p {
- font-family: "Roboto Light";
- color: rgba(255, 255, 255, 0.82);
- margin-bottom: 55px; }
- @media (max-width: 767px) {
- #purple-info-container .purple-info-content p {
- margin-bottom: 20px; } }
- @media (min-width: 768px) and (max-width: 991px) {
- #purple-info-container .purple-info-content p {
- margin-bottom: 70px; } }
- #purple-info-container .purple-info-content .btn-container {
- position: absolute;
- bottom: 0;
- display: block; }
- @media (max-width: 767px) {
- #purple-info-container .purple-info-content .btn-container {
- position: relative;
- margin-bottom: 50px; } }
- #purple-info-container .purple-info-content .btn-container .purple-btn {
- display: inline-block;
- text-align: center; }
- #purple-info-container .purple-info-content .btn-container .purple-btn:first-child {
- margin-right: 15px; }
- @media (min-width: 768px) and (max-width: 991px) {
- #purple-info-container .purple-info-content .btn-container .purple-btn:last-child {
- margin-top: 15px; } }
- @media (max-width: 767px) {
- #purple-info-container .purple-info-content .btn-container .purple-btn:last-child {
- margin-top: 15px; } }
- @media (max-width: 767px) and (orientation: portrait) {
- #purple-info-container .purple-info-content .btn-container .purple-btn {
- width: 100%; } }
- #purple-info-container .purple-info-content .btn-container .purple-btn:hover {
- color: #a946a1;
- background-color: rgba(255, 255, 255, 0.82); }
- #project-status-container {
- float: left;
- width: 100%;
- margin-bottom: 50px; }
- #project-status-container .project-status-content {
- float: left;
- width: 100%; }
- #project-status-container .project-status-content ul li {
- float: left;
- width: 100%;
- background-color: #f5f5f5;
- padding: 20px;
- margin-bottom: 5px; }
- #project-status-container .project-status-content ul li .purple-btn {
- margin-right: 15px; }
- @media (max-width: 767px) {
- #project-status-container .project-status-content ul li .purple-btn {
- margin-right: 0; } }
- @media (min-width: 768px) and (max-width: 991px) {
- #project-status-container .project-status-content ul li .purple-btn {
- margin-right: 0; } }
- #project-status-container .project-status-content ul li .purple-btn:hover {
- color: #a946a1;
- background-color: rgba(255, 255, 255, 0.82); }
- #project-status-container .project-status-content ul li span {
- color: #333333;
- font-size: 16px;
- font-family: "Roboto Bold";
- line-height: 18px;
- text-align: left;
- float: left;
- width: 100%; }
- #project-status-container .project-status-content ul li p {
- color: #333333;
- font-size: 16px;
- font-family: "Roboto Regular";
- line-height: 18px;
- text-align: left;
- margin: 0 0 10px 0; }
- @media (max-width: 767px) {
- #project-status-container .project-status-content ul li p {
- display: -webkit-box;
- width: 93%; } }
- #project-status-container .project-status-content ul li p:first-child {
- margin: 0; }
- #project-status-container .project-status-content ul li p:last-child {
- margin: 0; }
- #project-status-container .project-status-content ul li p:nth-child(2) {
- margin: 10px 0 10px 0; }
- #project-status-container .project-status-content ul li p:before {
- display: inline-block;
- content: "";
- background-image: url("../images/standards-project-detail/쀀.png");
- width: 17px;
- height: 14px;
- background-repeat: no-repeat;
- margin-right: 12px;
- position: relative;
- top: 1px; }
- @media (max-width: 767px) {
- #project-status-container .project-status-content ul li p:before {
- display: block; } }
- #project-status-container .project-status-content ul li.active {
- background-color: #601f5b; }
- #project-status-container .project-status-content ul li.active p {
- color: rgba(255, 255, 255, 0.82); }
- #project-status-container .project-status-content ul li.active p:before {
- display: none; }
- #project-status-container .project-status-content ul li.active span {
- color: rgba(255, 255, 255, 0.82); }
- @media (max-width: 767px) {
- #project-status-container .project-status-content ul li.active .purple-btn {
- width: 100%;
- text-align: center;
- display: block;
- float: left;
- margin-top: 17px; } }
- #standards-documents-container {
- float: left;
- width: 100%; }
- #standards-documents-container .responsive-table {
- margin-bottom: 300px; }
- @media (max-width: 767px) {
- #standards-documents-container .responsive-table {
- margin-bottom: 0; } }
- #standards-overview-container {
- float: left;
- width: 100%; }
- #standards-overview-container .dark-purple-btn {
- display: block;
- text-align: center;
- margin-right: 15px; }
- #standards-overview-container .responsive-table tbody td {
- text-align: left; }
- #standard-project-intro {
- float: left;
- width: 100%;
- background-color: #f5f5f5;
- padding: 30px 0;
- margin-bottom: 40px; }
- #standard-project-intro .standard-project-content {
- float: left;
- width: 100%; }
- #standard-project-intro .standard-project-content .left-side p {
- line-height: 22px;
- padding-right: 160px; }
- @media (max-width: 767px) {
- #standard-project-intro .standard-project-content .left-side p {
- padding-right: 0; } }
- #standard-project-intro .standard-project-content .left-side .morecontent span {
- display: none; }
- #standard-project-intro .standard-project-content .left-side .morelink {
- color: #60205b;
- font-size: 16px;
- font-family: "Roboto Regular";
- line-height: 26px;
- text-align: left;
- text-decoration: none;
- float: left;
- width: 100%;
- margin-top: 15px; }
- #standard-project-intro .standard-project-content .right-side h4 {
- color: #333333;
- font-size: 16px;
- font-family: "Roboto Bold";
- line-height: 19px;
- text-align: left;
- margin-bottom: 5px; }
- #standard-project-intro .standard-project-content .right-side span.organization {
- color: #999999;
- font-size: 16px;
- font-family: "Roboto Regular";
- line-height: 19px;
- text-align: left;
- float: left;
- width: 100%;
- margin-bottom: 15px; }
- #standard-project-intro .standard-project-content .right-side .phone-content {
- float: left;
- width: 100%;
- margin-bottom: 15px; }
- #standard-project-intro .standard-project-content .right-side .phone-content a {
- text-decoration: none;
- color: #333333;
- font-size: 14px;
- font-family: "Roboto Bold";
- line-height: 19px;
- text-align: left; }
- #standard-project-intro .standard-project-content .right-side .phone-content img {
- width: 16px;
- height: 16px; }
- #standard-project-intro .standard-project-content .right-side .mail-content a {
- color: #5a5959;
- font-size: 14px;
- font-weight: 400;
- line-height: 19px;
- text-align: left;
- font-family: "Roboto Light";
- text-decoration: none; }
- #standard-project-intro .standard-project-content .right-side .mail-content img {
- width: 16px;
- height: 12px; }
- #items-per-page-container {
- position: relative;
- float: right; }
- @media (max-width: 767px) {
- #items-per-page-container {
- margin-bottom: 20px; } }
- #items-per-page-container #items-per-page-container-mobile.select-hidden {
- display: none;
- visibility: hidden; }
- #items-per-page-container .select-options {
- display: none;
- position: absolute;
- top: 40px;
- right: 0px;
- left: 0;
- z-index: 999;
- margin: 0;
- padding: 0;
- list-style: none;
- background-color: #ffffff; }
- #items-per-page-container .select-options li {
- color: #333333;
- font-size: 16px;
- font-family: "Roboto Regular";
- line-height: 16px;
- text-align: center;
- margin-bottom: 5px;
- cursor: pointer; }
- #items-per-page-container .select-options li:hover {
- color: #666666; }
- #items-per-page-container .select-options li:last-child {
- margin-bottom: 0; }
- #items-per-page-container .form-group {
- margin: 0; }
- #items-per-page-container label {
- display: inline-block;
- font-size: 14px;
- font-family: "Roboto Light";
- line-height: 14px;
- text-align: left;
- color: #999999;
- margin: 0 10px 0 0px; }
- #items-per-page-container .select {
- display: inline-block;
- position: relative; }
- #items-per-page-container .select-styled {
- color: #333333;
- font-size: 16px;
- font-family: "Roboto Regular";
- line-height: 16px;
- text-align: left;
- padding: 6px 10px;
- border: 1px solid #cccccc;
- cursor: pointer; }
- #items-per-page-container .select-styled:after {
- font-family: "FontAwesome";
- content: "\f107";
- font-size: 18px;
- line-height: 18px;
- color: #999999;
- display: inline-block;
- padding-left: 10px; }
- #standards-plain-language-container {
- float: left;
- width: 100%; }
- #standards-plain-language-container #filter-button-container {
- width: auto; }
- @media (max-width: 767px) {
- #standards-plain-language-container #filter-button-container {
- width: 100%; } }
- @media (max-width: 767px) {
- #standards-plain-language-container #filter-button-container .form-group {
- margin: 0; } }
- #standards-plain-language-container .standards-plain-language-content {
- float: left;
- width: 100%; }
- #standards-plain-language-container .standards-plain-language-content .content-item {
- float: left;
- width: 75%;
- margin-bottom: 45px; }
- @media (max-width: 767px) {
- #standards-plain-language-container .standards-plain-language-content .content-item {
- width: 100%;
- margin-bottom: 20px; } }
- #standards-plain-language-container .standards-plain-language-content .content-item .content-item-title {
- float: left;
- width: 100%; }
- #standards-plain-language-container .standards-plain-language-content .content-item .content-item-title p {
- width: auto;
- display: inline-block;
- margin-bottom: 5px;
- line-height: 28px; }
- #standards-plain-language-container .standards-plain-language-content .content-item .content-item-title p:last-child {
- color: #999999;
- padding-left: 10px; }
- #standards-plain-language-container .standards-plain-language-content .content-item h4 {
- margin-bottom: 5px; }
- #standards-plain-language-container .standards-plain-language-content .content-item p {
- line-height: 22px; }
- #loginContainer {
- float: left;
- width: 100%;
- margin: 35px 0 25px 0; }
- #forgotPasswordContainer {
- float: left;
- width: 100%;
- margin: 35px 0 25px 0; }
- #forgotUserNameContainer {
- float: left;
- width: 100%;
- margin: 35px 0 25px 0; }
- #registerContainer {
- float: left;
- width: 100%;
- margin: 35px 0 25px 0; }
- .form-section {
- float: left;
- width: 100%; }
- .form-section .form-section-content {
- float: left;
- width: 100%;
- margin-top: 35px;
- padding-right: 80px; }
- @media (min-width: 768px) and (max-width: 991px) {
- .form-section .form-section-content {
- padding-right: 20px; } }
- @media (max-width: 767px) {
- .form-section .form-section-content {
- padding-right: 0; } }
- .form-section a {
- color: #006fba;
- font-family: "Roboto Light"; }
- .form-section #customForm {
- display: table;
- margin: 45px auto 20px auto;
- float: left;
- text-align: center;
- width: 100%; }
- @media (max-width: 767px) {
- .form-section #customForm {
- text-align: left; } }
- .form-section #customForm .form-group {
- position: relative; }
- .form-section #customForm .form-group .error {
- color: #ff0000;
- position: absolute;
- padding-left: 10px; }
- .form-section #customForm, .form-section label, .form-section input[name="submit"] {
- position: relative; }
- .form-section input, .form-section textarea, .form-section button {
- width: 100%;
- border: none; }
- .form-section input[type="text"], .form-section input[type="email"], .form-section textarea, .form-section input[type="password"] {
- border: 1px solid #999999;
- outline: none;
- width: 280px;
- padding: 8px;
- color: #333333;
- font-family: "Roboto Light";
- font-size: 16px;
- line-height: 16px;
- border-radius: 5px; }
- @media (max-width: 767px) {
- .form-section input[type="text"], .form-section input[type="email"], .form-section textarea, .form-section input[type="password"] {
- width: 100%; } }
- @media (min-width: 768px) and (max-width: 991px) {
- .form-section input[type="text"], .form-section input[type="email"], .form-section textarea, .form-section input[type="password"] {
- width: 250px; } }
- .form-section input.invalid, .form-section textarea.invalid {
- border-color: #d5144d; }
- .form-section textarea {
- min-height: 70px; }
- .form-section .dark-purple-btn {
- text-align: center;
- max-width: 250px;
- min-width: 150px;
- width: auto;
- display: block;
- margin: 50px auto 0 auto; }
- .form-section .dark-purple-btn:focus {
- outline: none; }
- .form-section label {
- width: 240px;
- text-align: left;
- font-family: "Roboto Light";
- font-size: 16px;
- line-height: 18px;
- color: #333333; }
- .form-section label span:after {
- content: ":"; }
- @media (min-width: 768px) and (max-width: 991px) {
- .form-section label {
- width: 220px; } }
- .form-section .required-fields {
- width: 250px;
- text-align: left;
- font-family: "Roboto Light";
- font-size: 16px;
- line-height: 18px;
- color: #333333;
- position: relative;
- left: -21%;
- margin-bottom: 20px;
- display: inline-block; }
- @media (max-width: 767px) {
- .form-section .required-fields {
- left: 0; } }
- .form-section .required-fields:before {
- content: "*";
- color: #d5144d;
- position: relative;
- top: -2px;
- left: -2px;
- font-size: 13px;
- line-height: 14px; }
- .form-section p.error-message {
- display: none;
- color: #d5144d; }
- .form-section p.error-message a {
- color: #d5144d; }
- .form-section .form-group.required label:before {
- content: "*";
- color: #d5144d;
- position: relative;
- top: -2px;
- left: 0;
- font-size: 13px;
- line-height: 14px; }
- .form-section .form-group a {
- display: inline-block;
- padding-left: 20px;
- min-width: 220px; }
- @media (max-width: 767px) {
- .form-section .form-group a {
- padding: 5px 0 0 0; } }
- .form-section .not-registered-container {
- float: left;
- width: 100%;
- text-align: center;
- margin: 20px 0; }
- .form-section .not-registered-container span {
- float: left;
- width: 100%;
- text-align: center;
- font-family: "Roboto Light";
- font-size: 16px;
- line-height: 18px;
- color: #333333;
- padding-bottom: 5px; }
- .form-section .not-registered-container a {
- float: left;
- width: 100%;
- text-align: center; }
- #staff-contact-container {
- float: left;
- width: 100%;
- background-color: #601f5b;
- padding: 20px 0 25px 0; }
- #staff-contact-container .staff-contact-content {
- float: left;
- width: 100%; }
- #staff-contact-container .staff-contact-content h3 {
- color: rgba(255, 255, 255, 0.82);
- font-family: "Roboto Bold";
- float: left;
- width: 100%;
- padding-bottom: 5px; }
- #staff-contact-container .staff-contact-content span {
- color: rgba(255, 255, 255, 0.82);
- font-size: 18px;
- font-family: "Roboto Regular";
- line-height: 19px;
- text-align: left;
- float: left;
- width: 100%;
- padding-bottom: 5px; }
- #staff-contact-container .staff-contact-content p {
- color: rgba(255, 255, 255, 0.82);
- line-height: 20px;
- font-family: "Roboto Light";
- float: left;
- width: 100%; }
- #staff-contact-container .staff-contact-content a {
- color: rgba(255, 255, 255, 0.82);
- text-decoration: none;
- font-size: 15px;
- line-height: 19px;
- text-align: left; }
- #staff-contact-container .staff-contact-content .staff-phone {
- margin-top: 58px;
- margin-bottom: 18px; }
- @media (max-width: 767px) {
- #staff-contact-container .staff-contact-content .staff-phone {
- margin-top: 20px; } }
- #staff-contact-container .staff-contact-content .staff-phone img {
- display: inline-block;
- width: 19px;
- height: 19px;
- margin-right: 10px; }
- #staff-contact-container .staff-contact-content .staff-phone a {
- display: inline-block;
- font-family: "Roboto Regular"; }
- #staff-contact-container .staff-contact-content .staff-mail img {
- display: inline-block;
- width: 18px;
- height: 14px;
- margin-right: 10px; }
- #staff-contact-container .staff-contact-content .staff-mail a {
- display: inline-block;
- font-family: "Roboto Light"; }
- #strategic-plan-annual-reports-container {
- float: left;
- width: 100%; }
- #strategic-plan-annual-reports-container .strategic-plan-annual-reports-content {
- float: left;
- width: 100%; }
- #strategic-plan-annual-reports-container .strategic-plan-annual-reports-content .annual-report-content {
- float: left;
- width: 100%; }
- @media (max-width: 767px) {
- #strategic-plan-annual-reports-container .strategic-plan-annual-reports-content .annual-report-content {
- text-align: center; } }
- #strategic-plan-annual-reports-container .strategic-plan-annual-reports-content .annual-report-content .img-content {
- display: inline-block;
- width: 100px;
- margin-right: 15px; }
- @media (max-width: 767px) {
- #strategic-plan-annual-reports-container .strategic-plan-annual-reports-content .annual-report-content .img-content {
- display: block;
- margin: 0 auto;
- margin-bottom: 20px; } }
- #strategic-plan-annual-reports-container .strategic-plan-annual-reports-content .annual-report-content .img-content img {
- width: 100%; }
- #strategic-plan-annual-reports-container .strategic-plan-annual-reports-content .annual-report-content a {
- display: inline-block; }
- #strategic-plan-annual-reports-container .strategic-plan-annual-reports-content .past-annual-reports-content {
- float: left;
- width: 100%;
- margin-top: 100px; }
- @media (max-width: 767px) {
- #strategic-plan-annual-reports-container .strategic-plan-annual-reports-content .past-annual-reports-content {
- margin-top: 40px; } }
- #strategic-plan-annual-reports-container .strategic-plan-annual-reports-content .past-annual-reports-content.active h3:after {
- transform: rotate(180deg); }
- #strategic-plan-annual-reports-container .strategic-plan-annual-reports-content .past-annual-reports-content h3 {
- margin-bottom: 5px; }
- @media (max-width: 767px) {
- #strategic-plan-annual-reports-container .strategic-plan-annual-reports-content .past-annual-reports-content h3 {
- border-bottom: 1px solid #cccccc;
- padding-bottom: 10px;
- position: relative;
- padding-left: 25px; } }
- @media (max-width: 767px) {
- #strategic-plan-annual-reports-container .strategic-plan-annual-reports-content .past-annual-reports-content h3:after {
- position: absolute;
- top: 22px;
- left: 0;
- display: block;
- content: "";
- background-image: url("../images/header/Arrow down.png");
- background-repeat: no-repeat;
- background-size: cover;
- width: 16px;
- height: 10px; } }
- #strategic-plan-annual-reports-container .strategic-plan-annual-reports-content .past-annual-reports-content ul {
- border-top: 1px solid #cccccc;
- float: left;
- padding-top: 20px; }
- #strategic-plan-annual-reports-container .strategic-plan-annual-reports-content .past-annual-reports-content ul li a {
- padding: 0px 0 25px 0;
- width: 100%;
- float: left; }
- @media (max-width: 767px) {
- #strategic-plan-annual-reports-container .strategic-plan-annual-reports-content .past-annual-reports-content ul {
- border-top: none;
- -webkit-transform: scaleY(0);
- -o-transform: scaleY(0);
- -ms-transform: scaleY(0);
- transform: scaleY(0);
- -webkit-transform-origin: top;
- -o-transform-origin: top;
- -ms-transform-origin: top;
- transform-origin: top;
- -webkit-transition: -webkit-transform 0.4s ease;
- -o-transition: -o-transform 0.4s ease;
- -ms-transition: -ms-transform 0.4s ease;
- transition: transform 0.4s ease;
- height: 0;
- overflow-y: hidden; } }
- @media (max-width: 767px) {
- #strategic-plan-annual-reports-container .strategic-plan-annual-reports-content .past-annual-reports-content ul.show {
- -webkit-transform: scaleY(1);
- -o-transform: scaleY(1);
- -ms-transform: scaleY(1);
- transform: scaleY(1);
- height: auto; } }
- #individual-annual-reports-container {
- float: left;
- width: 100%; }
- #individual-annual-reports-container .individual-annual-reports-content ul {
- padding-left: 40px;
- float: left;
- width: 100%;
- margin-bottom: 20px; }
- #individual-annual-reports-container .individual-annual-reports-content ul li {
- color: #333333;
- font-size: 16px;
- font-family: "Roboto Regular";
- line-height: 28px;
- text-align: left;
- float: left;
- width: 100%;
- position: relative; }
- #individual-annual-reports-container .individual-annual-reports-content ul li:before {
- position: absolute;
- display: block;
- content: "\f111";
- font-family: "FontAwesome";
- font-size: 8px;
- line-height: 10px;
- left: -20px;
- top: 8px;
- color: inherit; }
- @media (max-width: 767px) {
- #individual-annual-reports-container .individual-annual-reports-content img {
- width: auto !important;
- height: auto !important;
- margin: 30px auto;
- display: block; } }
- #individual-annual-reports-container .download-content {
- float: left;
- width: 100%;
- margin: 30px 0; }
- #individual-annual-reports-container .download-content a {
- margin-top: 20px;
- float: left; }
- #individual-annual-reports-container .download-content a .img-content {
- width: 150px; }
- @media (max-width: 767px) {
- #individual-annual-reports-container .download-content a .img-content {
- margin: 0 auto;
- display: block; } }
- #individual-annual-reports-container .download-content a .img-content img {
- width: 100%; }
- /*# sourceMappingURL=main.css.map */
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement