/*


*/

@font-face {
	font-family: 'robotolight';
	src: url("../fonts/Roboto-Light-webfont.eot");
	src: url("../fonts/Roboto-Light-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto-Light-webfont.woff") format("woff"), url("../fonts/Roboto-Light-webfont.ttf") format("truetype"), url("../fonts/Roboto-Light-webfont.svg#robotolight") format("svg");
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'robotoregular';
	src: url("../fonts/Roboto-Regular-webfont.eot");
	src: url("../fonts/Roboto-Regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto-Regular-webfont.woff") format("woff"), url("../fonts/Roboto-Regular-webfont.ttf") format("truetype"), url("../fonts/Roboto-Regular-webfont.svg#robotoregular") format("svg");
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'robotobold';
	src: url("../fonts/Roboto-Bold-webfont.eot");
	src: url("../fonts/Roboto-Bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto-Bold-webfont.woff") format("woff"), url("../fonts/Roboto-Bold-webfont.ttf") format("truetype"), url("../fonts/Roboto-Bold-webfont.svg#robotobold") format("svg");
	font-weight: normal;
	font-style: normal;
}


/* -------------------------------------------
   excerpt from Bootstrap v5.3.0
------------------------------------------- */
.m-0 { margin: 0 !important;} .m-1 { margin: 0.25rem !important;} .m-2 { margin: 0.5rem !important;} .m-3 { margin: 1rem !important;} .m-4 { margin: 1.5rem !important;} .m-5 { margin: 3rem !important;} .m-auto { margin: auto !important;} .mx-0 { margin-right: 0 !important; margin-left: 0 !important;} .mx-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important;} .mx-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important;} .mx-3 { margin-right: 1rem !important; margin-left: 1rem !important;} .mx-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important;} .mx-5 { margin-right: 3rem !important; margin-left: 3rem !important;} .mx-auto { margin-right: auto !important; margin-left: auto !important;} .my-0 { margin-top: 0 !important; margin-bottom: 0 !important;} .my-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important;} .my-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important;} .my-3 { margin-top: 1rem !important; margin-bottom: 1rem !important;} .my-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important;} .my-5 { margin-top: 3rem !important; margin-bottom: 3rem !important;} .my-auto { margin-top: auto !important; margin-bottom: auto !important;} .mt-0 { margin-top: 0 !important;} .mt-1 { margin-top: 0.25rem !important;} .mt-2 { margin-top: 0.5rem !important;} .mt-3 { margin-top: 1rem !important;} .mt-4 { margin-top: 1.5rem !important;} .mt-5 { margin-top: 3rem !important;} .mt-auto { margin-top: auto !important;} .me-0 { margin-right: 0 !important;} .me-1 { margin-right: 0.25rem !important;} .me-2 { margin-right: 0.5rem !important;} .me-3 { margin-right: 1rem !important;} .me-4 { margin-right: 1.5rem !important;} .me-5 { margin-right: 3rem !important;} .me-auto { margin-right: auto !important;} .mb-0 { margin-bottom: 0 !important;} .mb-1 { margin-bottom: 0.25rem !important;} .mb-2 { margin-bottom: 0.5rem !important;} .mb-3 { margin-bottom: 1rem !important;} .mb-4 { margin-bottom: 1.5rem !important;} .mb-5 { margin-bottom: 3rem !important;} .mb-auto { margin-bottom: auto !important;} .ms-0 { margin-left: 0 !important;} .ms-1 { margin-left: 0.25rem !important;} .ms-2 { margin-left: 0.5rem !important;} .ms-3 { margin-left: 1rem !important;} .ms-4 { margin-left: 1.5rem !important;} .ms-5 { margin-left: 3rem !important;} .ms-auto { margin-left: auto !important;} .p-0 { padding: 0 !important;} .p-1 { padding: 0.25rem !important;} .p-2 { padding: 0.5rem !important;} .p-3 { padding: 1rem !important;} .p-4 { padding: 1.5rem !important;} .p-5 { padding: 3rem !important;} .px-0 { padding-right: 0 !important; padding-left: 0 !important;} .px-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important;} .px-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important;} .px-3 { padding-right: 1rem !important; padding-left: 1rem !important;} .px-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important;} .px-5 { padding-right: 3rem !important; padding-left: 3rem !important;} .py-0 { padding-top: 0 !important; padding-bottom: 0 !important;} .py-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important;} .py-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important;} .py-3 { padding-top: 1rem !important; padding-bottom: 1rem !important;} .py-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important;} .py-5 { padding-top: 3rem !important; padding-bottom: 3rem !important;} .pt-0 { padding-top: 0 !important;} .pt-1 { padding-top: 0.25rem !important;} .pt-2 { padding-top: 0.5rem !important;} .pt-3 { padding-top: 1rem !important;} .pt-4 { padding-top: 1.5rem !important;} .pt-5 { padding-top: 3rem !important;} .pe-0 { padding-right: 0 !important;} .pe-1 { padding-right: 0.25rem !important;} .pe-2 { padding-right: 0.5rem !important;} .pe-3 { padding-right: 1rem !important;} .pe-4 { padding-right: 1.5rem !important;} .pe-5 { padding-right: 3rem !important;} .pb-0 { padding-bottom: 0 !important;} .pb-1 { padding-bottom: 0.25rem !important;} .pb-2 { padding-bottom: 0.5rem !important;} .pb-3 { padding-bottom: 1rem !important;} .pb-4 { padding-bottom: 1.5rem !important;} .pb-5 { padding-bottom: 3rem !important;} .ps-0 { padding-left: 0 !important;} .ps-1 { padding-left: 0.25rem !important;} .ps-2 { padding-left: 0.5rem !important;} .ps-3 { padding-left: 1rem !important;} .ps-4 { padding-left: 1.5rem !important;} .ps-5 { padding-left: 3rem !important;}

.text-start {text-align: left !important;}.text-end {text-align: right !important;}.text-center {text-align: center !important;}.text-decoration-none {text-decoration: none !important;}.text-decoration-underline {text-decoration: underline !important;}.text-decoration-line-through {text-decoration: line-through !important;}.text-lowercase {text-transform: lowercase !important;}.text-uppercase {text-transform: uppercase !important;}.text-capitalize {text-transform: capitalize !important;}.text-wrap {white-space: normal !important;}.text-nowrap {white-space: nowrap !important;}



/* -------------------------------------------
   excerpt from Bootstrap v4.5.0
------------------------------------------- */

.btn{ display: inline-block; font-weight: 400; color: #212529; text-align: center; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: transparent; border: 1px solid transparent; padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.5; border-radius: 0.25rem; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;}@media (prefers-reduced-motion: reduce){ .btn{   transition: none; }}.btn:hover{ color: #212529; text-decoration: none;}.btn:focus, .btn.focus{ outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);}.btn.disabled, .btn:disabled{ opacity: 0.65;}.btn:not(:disabled):not(.disabled){ cursor: pointer;}a.btn.disabled,fieldset:disabled a.btn{ pointer-events: none;}.btn-primary{ color: #fff; background-color: #007bff; border-color: #007bff;}.btn-primary:hover{ color: #fff; background-color: #0069d9; border-color: #0062cc;}.btn-primary:focus, .btn-primary.focus{ color: #fff; background-color: #0069d9; border-color: #0062cc; box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);}.btn-primary.disabled, .btn-primary:disabled{ color: #fff; background-color: #007bff; border-color: #007bff;}.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,.show > .btn-primary.dropdown-toggle{ color: #fff; background-color: #0062cc; border-color: #005cbf;}.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,.show > .btn-primary.dropdown-toggle:focus{ box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);}.btn-secondary{ color: #fff; background-color: #6c757d; border-color: #6c757d;}.btn-secondary:hover{ color: #fff; background-color: #5a6268; border-color: #545b62;}.btn-secondary:focus, .btn-secondary.focus{ color: #fff; background-color: #5a6268; border-color: #545b62; box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);}.btn-secondary.disabled, .btn-secondary:disabled{ color: #fff; background-color: #6c757d; border-color: #6c757d;}.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active,.show > .btn-secondary.dropdown-toggle{ color: #fff; background-color: #545b62; border-color: #4e555b;}.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus,.show > .btn-secondary.dropdown-toggle:focus{ box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);}.btn-success{ color: #fff; background-color: #28a745; border-color: #28a745;}.btn-success:hover{ color: #fff; background-color: #218838; border-color: #1e7e34;}.btn-success:focus, .btn-success.focus{ color: #fff; background-color: #218838; border-color: #1e7e34; box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);}.btn-success.disabled, .btn-success:disabled{ color: #fff; background-color: #28a745; border-color: #28a745;}.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active,.show > .btn-success.dropdown-toggle{ color: #fff; background-color: #1e7e34; border-color: #1c7430;}.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus,.show > .btn-success.dropdown-toggle:focus{ box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);}.btn-info{ color: #fff; background-color: #17a2b8; border-color: #17a2b8;}.btn-info:hover{ color: #fff; background-color: #138496; border-color: #117a8b;}.btn-info:focus, .btn-info.focus{ color: #fff; background-color: #138496; border-color: #117a8b; box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);}.btn-info.disabled, .btn-info:disabled{ color: #fff; background-color: #17a2b8; border-color: #17a2b8;}.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active,.show > .btn-info.dropdown-toggle{ color: #fff; background-color: #117a8b; border-color: #10707f;}.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus,.show > .btn-info.dropdown-toggle:focus{ box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);}.btn-warning{ color: #212529; background-color: #ffc107; border-color: #ffc107;}.btn-warning:hover{ color: #212529; background-color: #e0a800; border-color: #d39e00;}.btn-warning:focus, .btn-warning.focus{ color: #212529; background-color: #e0a800; border-color: #d39e00; box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5);}.btn-warning.disabled, .btn-warning:disabled{ color: #212529; background-color: #ffc107; border-color: #ffc107;}.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active,.show > .btn-warning.dropdown-toggle{ color: #212529; background-color: #d39e00; border-color: #c69500;}.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus,.show > .btn-warning.dropdown-toggle:focus{ box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5);}.btn-danger{ color: #fff; background-color: #dc3545; border-color: #dc3545;}.btn-danger:hover{ color: #fff; background-color: #c82333; border-color: #bd2130;}.btn-danger:focus, .btn-danger.focus{ color: #fff; background-color: #c82333; border-color: #bd2130; box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);}.btn-danger.disabled, .btn-danger:disabled{ color: #fff; background-color: #dc3545; border-color: #dc3545;}.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active,.show > .btn-danger.dropdown-toggle{ color: #fff; background-color: #bd2130; border-color: #b21f2d;}.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus,.show > .btn-danger.dropdown-toggle:focus{ box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);}.btn-light{ color: #212529; background-color: #f8f9fa; border-color: #f8f9fa;}.btn-light:hover{ color: #212529; background-color: #e2e6ea; border-color: #dae0e5;}.btn-light:focus, .btn-light.focus{ color: #212529; background-color: #e2e6ea; border-color: #dae0e5; box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5);}.btn-light.disabled, .btn-light:disabled{ color: #212529; background-color: #f8f9fa; border-color: #f8f9fa;}.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active,.show > .btn-light.dropdown-toggle{ color: #212529; background-color: #dae0e5; border-color: #d3d9df;}.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus,.show > .btn-light.dropdown-toggle:focus{ box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5);}.btn-dark{ color: #fff; background-color: #343a40; border-color: #343a40;}.btn-dark:hover{ color: #fff; background-color: #23272b; border-color: #1d2124;}.btn-dark:focus, .btn-dark.focus{ color: #fff; background-color: #23272b; border-color: #1d2124; box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);}.btn-dark.disabled, .btn-dark:disabled{ color: #fff; background-color: #343a40; border-color: #343a40;}.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active,.show > .btn-dark.dropdown-toggle{ color: #fff; background-color: #1d2124; border-color: #171a1d;}.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus,.show > .btn-dark.dropdown-toggle:focus{ box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);}.btn-outline-primary{ color: #007bff; border-color: #007bff;}.btn-outline-primary:hover{ color: #fff; background-color: #007bff; border-color: #007bff;}.btn-outline-primary:focus, .btn-outline-primary.focus{ box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);}.btn-outline-primary.disabled, .btn-outline-primary:disabled{ color: #007bff; background-color: transparent;}.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active,.show > .btn-outline-primary.dropdown-toggle{ color: #fff; background-color: #007bff; border-color: #007bff;}.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus,.show > .btn-outline-primary.dropdown-toggle:focus{ box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);}.btn-outline-secondary{ color: #6c757d; border-color: #6c757d;}.btn-outline-secondary:hover{ color: #fff; background-color: #6c757d; border-color: #6c757d;}.btn-outline-secondary:focus, .btn-outline-secondary.focus{ box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);}.btn-outline-secondary.disabled, .btn-outline-secondary:disabled{ color: #6c757d; background-color: transparent;}.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active,.show > .btn-outline-secondary.dropdown-toggle{ color: #fff; background-color: #6c757d; border-color: #6c757d;}.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus,.show > .btn-outline-secondary.dropdown-toggle:focus{ box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);}.btn-outline-success{ color: #28a745; border-color: #28a745;}.btn-outline-success:hover{ color: #fff; background-color: #28a745; border-color: #28a745;}.btn-outline-success:focus, .btn-outline-success.focus{ box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);}.btn-outline-success.disabled, .btn-outline-success:disabled{ color: #28a745; background-color: transparent;}.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active,.show > .btn-outline-success.dropdown-toggle{ color: #fff; background-color: #28a745; border-color: #28a745;}.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus,.show > .btn-outline-success.dropdown-toggle:focus{ box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);}.btn-outline-info{ color: #17a2b8; border-color: #17a2b8;}.btn-outline-info:hover{ color: #fff; background-color: #17a2b8; border-color: #17a2b8;}.btn-outline-info:focus, .btn-outline-info.focus{ box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);}.btn-outline-info.disabled, .btn-outline-info:disabled{ color: #17a2b8; background-color: transparent;}.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active,.show > .btn-outline-info.dropdown-toggle{ color: #fff; background-color: #17a2b8; border-color: #17a2b8;}.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus,.show > .btn-outline-info.dropdown-toggle:focus{ box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);}.btn-outline-warning{ color: #ffc107; border-color: #ffc107;}.btn-outline-warning:hover{ color: #212529; background-color: #ffc107; border-color: #ffc107;}.btn-outline-warning:focus, .btn-outline-warning.focus{ box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);}.btn-outline-warning.disabled, .btn-outline-warning:disabled{ color: #ffc107; background-color: transparent;}.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active,.show > .btn-outline-warning.dropdown-toggle{ color: #212529; background-color: #ffc107; border-color: #ffc107;}.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus,.show > .btn-outline-warning.dropdown-toggle:focus{ box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);}.btn-outline-danger{ color: #dc3545; border-color: #dc3545;}.btn-outline-danger:hover{ color: #fff; background-color: #dc3545; border-color: #dc3545;}.btn-outline-danger:focus, .btn-outline-danger.focus{ box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);}.btn-outline-danger.disabled, .btn-outline-danger:disabled{ color: #dc3545; background-color: transparent;}.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active,.show > .btn-outline-danger.dropdown-toggle{ color: #fff; background-color: #dc3545; border-color: #dc3545;}.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus,.show > .btn-outline-danger.dropdown-toggle:focus{ box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);}.btn-outline-light{ color: #f8f9fa; border-color: #f8f9fa;}.btn-outline-light:hover{ color: #212529; background-color: #f8f9fa; border-color: #f8f9fa;}.btn-outline-light:focus, .btn-outline-light.focus{ box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);}.btn-outline-light.disabled, .btn-outline-light:disabled{ color: #f8f9fa; background-color: transparent;}.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active,.show > .btn-outline-light.dropdown-toggle{ color: #212529; background-color: #f8f9fa; border-color: #f8f9fa;}.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus,.show > .btn-outline-light.dropdown-toggle:focus{ box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);}.btn-outline-dark{ color: #343a40; border-color: #343a40;}.btn-outline-dark:hover{ color: #fff; background-color: #343a40; border-color: #343a40;}.btn-outline-dark:focus, .btn-outline-dark.focus{ box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);}.btn-outline-dark.disabled, .btn-outline-dark:disabled{ color: #343a40; background-color: transparent;}.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active,.show > .btn-outline-dark.dropdown-toggle{ color: #fff; background-color: #343a40; border-color: #343a40;}.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus,.show > .btn-outline-dark.dropdown-toggle:focus{ box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);}.btn-link{ font-weight: 400; color: #007bff; text-decoration: none;}.btn-link:hover{ color: #0056b3; text-decoration: underline;}.btn-link:focus, .btn-link.focus{ text-decoration: underline;}.btn-link:disabled, .btn-link.disabled{ color: #6c757d; pointer-events: none;}.btn-lg, .btn-group-lg > .btn{ padding: 0.5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: 0.3rem;}.btn-sm, .btn-group-sm > .btn{ padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0.2rem;}.btn-block{ display: block; width: 100%;}.btn-block + .btn-block{ margin-top: 0.5rem;}

.border {border:1px solid #dee2e6 !important;}.border-top {border-top:1px solid #dee2e6 !important;}.border-right {border-right:1px solid #dee2e6 !important;}.border-bottom {border-bottom:1px solid #dee2e6 !important;}.border-left {border-left:1px solid #dee2e6 !important;}.border-0 {border:0 !important;}.border-top-0 {border-top:0 !important;}.border-right-0 {border-right:0 !important;}.border-bottom-0 {border-bottom:0 !important;}.border-left-0 {border-left:0 !important;}.border-primary {border-color:#007bff !important;}.border-secondary {border-color:#6c757d !important;}.border-success {border-color:#28a745 !important;}.border-info {border-color:#17a2b8 !important;}.border-warning {border-color:#ffc107 !important;}.border-danger {border-color:#dc3545 !important;}.border-light {border-color:#f8f9fa !important;}.border-dark {border-color:#343a40 !important;}.border-white {border-color:#fff !important;}

.rounded-sm {border-radius:0.2rem !important;}.rounded {border-radius:0.25rem !important;}.rounded-top {border-top-left-radius:0.25rem !important; border-top-right-radius:0.25rem !important;}.rounded-right {border-top-right-radius:0.25rem !important; border-bottom-right-radius:0.25rem !important;}.rounded-bottom {border-bottom-right-radius:0.25rem !important; border-bottom-left-radius:0.25rem !important;}.rounded-left {border-top-left-radius:0.25rem !important; border-bottom-left-radius:0.25rem !important;}.rounded-lg {border-radius:0.3rem !important;}.rounded-circle {border-radius:50% !important;}.rounded-pill {border-radius:50rem !important;}.rounded-0 {border-radius:0 !important;}

.bg-primary {background-color: #007bff !important;} a.bg-primary:hover, a.bg-primary:focus, button.bg-primary:hover, button.bg-primary:focus {background-color: #0062cc !important;} .bg-secondary {background-color: #6c757d !important;} a.bg-secondary:hover, a.bg-secondary:focus, button.bg-secondary:hover, button.bg-secondary:focus {background-color: #545b62 !important;} .bg-success {background-color: #28a745 !important;} a.bg-success:hover, a.bg-success:focus, button.bg-success:hover, button.bg-success:focus {background-color: #1e7e34 !important;} .bg-info {background-color: #17a2b8 !important;} a.bg-info:hover, a.bg-info:focus, button.bg-info:hover, button.bg-info:focus {background-color: #117a8b !important;} .bg-warning {background-color: #ffc107 !important;} a.bg-warning:hover, a.bg-warning:focus, button.bg-warning:hover, button.bg-warning:focus {background-color: #d39e00 !important;} .bg-danger {background-color: #dc3545 !important;} a.bg-danger:hover, a.bg-danger:focus, button.bg-danger:hover, button.bg-danger:focus {background-color: #bd2130 !important;} .bg-light {background-color: #f8f9fa !important;} a.bg-light:hover, a.bg-light:focus, button.bg-light:hover, button.bg-light:focus {background-color: #dae0e5 !important;} .bg-dark {background-color: #343a40 !important;} a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus {background-color: #1d2124 !important;} .bg-white {background-color: #fff !important;} .bg-transparent {background-color: transparent !important;}

.alert { position: relative; padding: 0.75rem 1.25rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: 0.25rem;} .alert-heading { color: inherit;} .alert-link { font-weight: 700;} .alert-dismissible { padding-right: 4rem;} .alert-dismissible .close { position: absolute; top: 0; right: 0; padding: 0.75rem 1.25rem; color: inherit;} .alert-primary { color: #004085; background-color: #cce5ff; border-color: #b8daff;} .alert-primary hr { border-top-color: #9fcdff;} .alert-primary .alert-link { color: #002752;} .alert-secondary { color: #383d41; background-color: #e2e3e5; border-color: #d6d8db;} .alert-secondary hr { border-top-color: #c8cbcf;} .alert-secondary .alert-link { color: #202326;} .alert-success { color: #155724; background-color: #d4edda; border-color: #c3e6cb;} .alert-success hr { border-top-color: #b1dfbb;} .alert-success .alert-link { color: #0b2e13;} .alert-info { color: #0c5460; background-color: #d1ecf1; border-color: #bee5eb;} .alert-info hr { border-top-color: #abdde5;} .alert-info .alert-link { color: #062c33;} .alert-warning { color: #856404; background-color: #fff3cd; border-color: #ffeeba;} .alert-warning hr { border-top-color: #ffe8a1;} .alert-warning .alert-link { color: #533f03;} .alert-danger { color: #721c24; background-color: #f8d7da; border-color: #f5c6cb;} .alert-danger hr { border-top-color: #f1b0b7;} .alert-danger .alert-link { color: #491217;} .alert-light { color: #818182; background-color: #fefefe; border-color: #fdfdfe;} .alert-light hr { border-top-color: #ececf6;} .alert-light .alert-link { color: #686868;} .alert-dark { color: #1b1e21; background-color: #d6d8d9; border-color: #c6c8ca;} .alert-dark hr { border-top-color: #b9bbbe;} .alert-dark .alert-link { color: #040505;}

.text-white {color: #fff !important;} .text-primary {color: #007bff !important;} a.text-primary:hover, a.text-primary:focus {color: #0056b3 !important;} .text-secondary {color: #6c757d !important;} a.text-secondary:hover, a.text-secondary:focus {color: #494f54 !important;} .text-success {color: #28a745 !important;} a.text-success:hover, a.text-success:focus {color: #19692c !important;} .text-info {color: #17a2b8 !important;} a.text-info:hover, a.text-info:focus {color: #0f6674 !important;} .text-warning {color: #ffc107 !important;} a.text-warning:hover, a.text-warning:focus {color: #ba8b00 !important;} .text-danger {color: #dc3545 !important;} a.text-danger:hover, a.text-danger:focus {color: #a71d2a !important;} .text-light {color: #f8f9fa !important;} a.text-light:hover, a.text-light:focus {color: #cbd3da !important;} .text-dark {color: #343a40 !important;} a.text-dark:hover, a.text-dark:focus {color: #121416 !important;} .text-body {color: #212529 !important;} .text-muted {color: #6c757d !important;} .text-black-50 {color: rgba(0, 0, 0, 0.5) !important;} .text-white-50 {color: rgba(255, 255, 255, 0.5) !important;} .text-hide {font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0;} .text-decoration-none {text-decoration: none !important;} .text-break {word-wrap: break-word !important;} .text-reset {color: inherit !important;}


/*---------------------------------------------------------
  1. Reset
-------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
.blue {
	color: #06C;
}
.green {
	color: #090;
}
main {
	display: block;
}
body {
	line-height: 1;
}
ol,
ul {
	list-style: none;
}
blockquote,
q {
	quotes: none;
}
blockquote:before,
blockquote:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
html {
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
a:focus {
	outline: none;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
	display: block;
}
audio,
canvas,
video {
	display: inline-block;
	*display: inline;
	*zoom: 1;
}
audio:not([controls]) {
	display: none;
}
sub,
sup {
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	top: -.5em;
}
sub {
	bottom: -.25em;
}
img {
	border: 0;
	-ms-interpolation-mode: bicubic;
}
button,
input,
select,
textarea {
	font-size: 100%;
	margin: 0;
	vertical-align: baseline;
	*vertical-align: middle;
}
button,
input {
	line-height: normal;
	*overflow: visible;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	cursor: pointer;
	-webkit-appearance: button;
}
input[type="search"] {
	-webkit-appearance: textfield;
}
input[type="search"]:-webkit-search-decoration {
	-webkit-appearance: none;
}
textarea {
	overflow: auto;
	vertical-align: top;
}

.inline-block { display: inline-block;}


/********************************************************
    DEVICE
********************************************************/
.pc { display: block !important;}
.sp { display: none !important;}
@media only screen and (max-width: 480px) {
	.pc { display: none !important;}
	.sp { display: block !important;}
}


/*---------------------------------------------------------
  2. Basic Style
-------------------------------------------------------- */
body {
	font-size: 16px;
	line-height: 26px;
	color: #333;
	font-family: 'robotoregular';
	overflow-x: hidden;
}

a {
	color: #069;
	-webkit-transition: all 150ms ease-in-out;
	-moz-transition: all 150ms ease-in-out;
	-ms-transition: all 150ms ease-in-out;
	-o-transition: all 150ms ease-in-out;
	transition: all 150ms ease-in-out;
	text-decoration: none !important;
}
a:hover {
	color: #555;
}

h1, h2, h3, h4, h5 {
	color: #222;
}

.xx-large { font-size: xx-large;}
.x-large  { font-size: x-large; }
.large    { font-size: large;   }
.medium   { font-size: medium;  }
.small    { font-size: small;   }
.x-small  { font-size: x-small; }
.xx-small { font-size: xx-small;}

::-webkit-input-placeholder {
	color: #999;
}
:-moz-placeholder {
	/* Firefox 18- */
	color: #999;
}
::-moz-placeholder {
	/* Firefox 19+ */
	color: #999;
}
:-ms-input-placeholder {
	color: #999;
}

.main-content,
.banner-bg {
	float: right;
	width: 77%;
}
.content-wrapper {
	padding: 0 80px;
}
@media screen and (max-width: 1290px) {
	.main-content,
	.banner-bg {
		width: 70%;
	}
	.main-content,
	.banner-bg {
		width: 100%;
	}
	.content-wrapper {
		padding: 0 30px;
	}
}

h3.widget-title {
	font-size: 28px;
	font-family: 'robotobold';
	font-weight: 400;
	margin-bottom: 30px;
}
h4.section-sub-title {
	font-size: 18px;
	font-weight: 400;
	margin-bottom: 10px;
	padding: 0.75em;
	border-top: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
	background: #f9f9f9;
}
hr {
	position: relative;
	outline: 0;
	border: 0;
	width: 100%;
	height: 4px;
	background: #ddd;
	margin-top: 40px;
	margin-bottom: 0;
}
.page-section {
	padding-top: 80px;
}

@media all and (max-width: 600px) {
	h3.widget-title {
		text-align: center;
	}
	h4.section-sub-title {
		text-align: center;
		line-height: 2;
		border-top: 1px dotted #ccc;
		border-bottom: 1px dotted #ccc;
		background: #eee;
	}
}


/*---------------------------------------------------------
  3. Header
-------------------------------------------------------- */
.sidebar-menu {
	float: left;
	width: 23%;
	height: 100%;
	position: fixed;
	background-color: #fcfdf5;
	color: #222;
	overflow-y: hidden;
}
@media screen and (max-width: 1290px) {
	.sidebar-menu {
		overflow-y: scroll;
		-ms-overflow-style: none;
		scrollbar-width: none;
		width: 30%;
	}
}

.top-section {
	padding: 40px;
	text-align: center;
}
.profile-image {
	width: 150px;
	height: 150px;
	margin: 0 auto 20px;
	/* border: 4px solid white; */
	/* -webkit-border-radius: 100%; */
	/* border-radius: 100%; */
	overflow: hidden;
}
.profile-image img {
	width: 100%;
}
h1.profile-title {
	margin-bottom: 5px;
	color: ;
	font-size: 28px /* 18px */;
	font-family: 'robotobold';
}
.main-navigation {
	margin: 30px 0;
}
.main-navigation li {
  display: block;
}
.main-navigation li a {
	padding: 15px 40px 15px 80px;
	display: block;
	color: ;
	font-size: 18px;
}
.main-navigation li a i {
	margin-right: 15px;
	font-size: 24px;
}
.main-navigation li a:hover {
	background: #ddd;
}
.main-navigation li a.active {
	background: #eee;
}
.main-navigation li a.active:hover {
	background: #ddd;
}
.social-icons {
	display: block;
	padding: 30px 40px;
}
.social-icons li {
	display: inline-block;
	margin-right: 20px;
}
.social-icons a {
	font-size: 18px;
	color: white;
}
.social-icons a:hover {
	color: #ff0;
}
.responsive-header {
	background: #fcfdf5;
	text-align: center;
}

@media screen and (max-width: 992px) {
	.responsive-header .main-navigation {
		margin-top: 10px;
		display: none;
	}
	.responsive-header p {
		color: white;
	}
	.responsive-header .profile-image {
		float: left;
		width: 100px;
		height: 100px;
		/* -webkit-border-radius: 100%; */
	/* border-radius: 100%; */
		overflow: hidden;
		margin-right: 30px;
	}
	.responsive-header .profile-content {
		text-align: left;
		margin-top: 30px;
		overflow: hidden;
	}
	.top-section {
		padding: 40px 20px 0;
	}
	.main-navigation li a {
		padding: 15px 40px;
		font-size: 16px;
	}
	.main-navigation a {
		padding: 10px;
	}
	.main-navigation a.active {
		background: #eee !important;
	}
	.main-navigation a:hover {
		background: #ddd !important;
	}
}

.toggle-menu {
	width: 100%;
	display: block;
	padding: 20px;
	margin-top: 30px;
	background: #6cc0f7;
	color: white;
	font-size: 18px;
}
.toggle-menu:hover {
	color: white;
}

/*---------------------------------------------------------
  4. Main Content
-------------------------------------------------------- */

/*------ banner ------ */
.banner-bg {
	padding: 260px 80px;
	position: relative;
	background: url("../img/hero.jpg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	z-index: 2;
}
.banner-overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(95, 109, 126, 0.1);
	top: 0;
	left: 0;
	z-index: 3;
}
.welcome-text {
	position: relative;
	z-index: 4;
}
.welcome-text h2 {
	font-size: 42px;
	font-family: 'robotobold';
	color: white;
	margin-bottom: 30px;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.9);
}
.welcome-text p {
	font-size: 22px;
	color: white;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.9);
}
@media all and (max-width: 600px) {
	.banner-bg {
		padding: 240px 60px;
	}
	.welcome-text h2 {
		line-height: 1.2;
	}
	.welcome-text p {
		line-height: 1.5;
	}
}

/*------ about us ------ */
.about-image {
	overflow: hidden;
	border: 4px solid #eee;
	margin-bottom: 40px;
}
.about-image img {
	width: 100%;
	display: block;
}

/*------ projects ------ */
.projects-holder {
	margin-right: 0;
	margin-left: 0;
	margin-top: 40px;
}
.projects-holder .col-md-4,
.projects-holder .col-md-4 {
	padding-right: 1px;
	padding-left: 1px;
}
.project-item {
	width: 100%;
	margin-bottom: 2px;
	overflow: hidden;
	position: relative;
}
.project-item img {
	width: 100%;
	display: block;
}
.project-item:hover .project-hover {
	top: 0;
	opacity: 1;
	visibility: visible;
}
.project-hover {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 40px;
	left: 0;
	background: rgba(0, 0, 0, 0.5);
	opacity: 0;
	visibility: 0;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-ms-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	transition: all 200ms linear;
}
.project-hover .inside {
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;
	padding: 30px;
}
.project-hover h4 {
	font-size: 18px;
	margin-bottom: 15px;
	color: white !important;
}
.project-hover h4 .small {
	font-size: 12px;
	color: white !important;
}
.project-hover h4 a {
	color: white;
}
.project-hover p {
	color: white;
	font-size: 13px;
	line-height: 20px;
}

/*------ contact ------ */
.contact-form {
	margin-top: 40px;
}
.contact-form input,
.contact-form textarea {
	width: 100%;
	outline: 0;
	border: 1px solid #aaa;
	padding: 12px;
	color: #999;
	margin-bottom: 30px;
}
.contact-form input:focus,
.contact-form textarea:focus {
	outline: 0;
}
.contact-form .button {
	width: auto;
	background: #5f6d7e;
	color: white;
	text-transform: uppercase;
	border: 0;
}

/*---------------------------------------------------------
  5. Footer
-------------------------------------------------------- */
#footer p.copyright-text {
	margin: 40px 0;
	font-size: 13px;
}
#footer p.copyright-text a {
	color: #5f6d7e;
}
#footer p.copyright-text a:hover {
	color: #6cc0f7;
}

/*---------------------------------------------------------
    Responsive Table
-------------------------------------------------------- */
table.data {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  border-top: 1px solid #ccc;
  border-left: none;
}
table.data th,
table.data td {
  border-right: none;
  border-bottom: 1px solid #ccc;
  padding: 1.25em !important;
}
table.data th {
  width: 22%;
  background: #fafafa;
  vertical-align: middle;
  font-weight: 400;
  text-align: center;
}
table.data td {
  background: #fff;
  vertical-align: top;
  text-align: left;
}
@media all and (max-width: 600px) {
  table.data {
    border-top: none;
  }
  table.data th,
  table.data td {
    display: block;
    width: 100%;
    border-bottom: none;
  }
  table.data td {
    border-top: none !important;
  }
  table.data tr:last-child td:last-child {
    border-bottom: 1px solid #ccc;
  }
}