/* General Styling */
.pa-feature ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.pa-feature li {
    flex: 1 1 calc(25% - 10px); /* For 4 items per row on desktop */
    text-align: center;
    margin-bottom: 20px;
    transition: transform 0.3s ease-in-out;
}

.pa-feature img {
    transition: transform 0.3s ease-in-out;
}

.pa-feature img:hover {
    transform: translateY(-10px); /* Image jumps on hover */
}

.pa-feature a {
    display: block;
    margin-top: 10px;
    font-size: 16px;
    color: #333;
    text-decoration: none;
}

.pa-feature a:hover {
    color: #007BFF; /* Optional hover effect for links */
}

/* Responsive Design */
@media (max-width: 768px) {
    .pa-feature li {
        flex: 1 1 calc(50% - 10px); /* 2 items per row on mobile */
    }
}

		html {
    font-family : sans-serif;
}

body {
    margin : 0;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display : block;
}
		
a {
    background-color : transparent;
}
	
a:active, a:hover {
    outline : 0;
}	
b, strong {
    font-weight : 700;
}
h1 {
    margin : 0.67em 0;
    font-size : 2em;
}
img {
    border : 0;
}
button, input, optgroup, select, textarea {
    margin : 0;
    font : inherit;
    color : inherit;
}

button {
    overflow : visible;
}

button, select {
    text-transform : none;
}

button, html input[type="button"], input[type="reset"], input[type="submit"] {
    cursor : pointer;
}
table {
    border-spacing : 0;
    border-collapse : collapse;
}

td, th {
    padding : 0;
}
html {
    font-size : 10px;
}

body {
    font-family : "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size : 14px;
    line-height : 1.42857143;
    color : #333;
    background-color : #fff;
}

button, input, select, textarea {
    font-family : inherit;
    font-size : inherit;
    line-height : inherit;
}

a {
    color : #337ab7;
    text-decoration : none;
}

a:focus, a:hover {
    color : #000000;
    text-decoration : underline;
	font-weight: 600;
}

a:focus {
    outline : thin dotted;
    outline-offset : -2px;
}

figure {
    margin : 0;
}

img {
    vertical-align : middle;
}

.sr-only {
    position : absolute;
    width : 1px;
    height : 1px;
    padding : 0;
    margin : -1px;
    overflow : hidden;
    clip : rect(0,0,0,0);
    border : 0;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family : inherit;
    font-weight : 500;
    line-height : 1.1;
    color : inherit;
}.h1, .h2, .h3, h1, h2, h3 {
    margin-top : 20px;
    margin-bottom : 10px;
}.h4, .h5, .h6, h4, h5, h6 {
    margin-top : 10px;
    margin-bottom : 10px;
}
		
.h1, h1 {
    font-size : 36px;
}

.h2, h2 {
    font-size : 30px;
}

.h3, h3 {
    font-size : 24px;
}

.h4, h4 {
    font-size : 18px;
}

.h5, h5 {
    font-size : 14px;
}

.h6, h6 {
    font-size : 12px;
}

p {
    margin : 0 0 10px;
}

.lead {
    margin-bottom : 20px;
    font-size : 16px;
    font-weight : 300;
    line-height : 1.4;
}

@media (min-width: 768px) {
    .lead {
        font-size : 21px;
    }
}

.small, small {
    font-size : 85%;
}

.mark, mark {
    padding : 0.2em;
    background-color : #fcf8e3;
}

.text-left {
    text-align : left;
}

.text-right {
    text-align : right;
}

.text-center {
    text-align : center;
}

.text-justify {
    text-align : justify;
}

.text-nowrap {
    white-space : nowrap;
}

.text-lowercase {
    text-transform : lowercase;
}

.text-uppercase {
    text-transform : uppercase;
}

.text-capitalize {
    text-transform : capitalize;
}

.text-muted {
    color : #777;
}

.text-primary {
    color : #337ab7;
}

a.text-primary:hover {
    color : #286090;
}

.text-success {
    color : #3c763d;
}

a.text-success:hover {
    color : #2b542c;
}

.text-info {
    color : #31708f;
}

a.text-info:hover {
    color : #245269;
}

.text-warning {
    color : #8a6d3b;
}

a.text-warning:hover {
    color : #66512c;
}

.text-danger {
    color : #a94442;
}

a.text-danger:hover {
    color : #843534;
}

.bg-primary {
    color : #fff;
    background-color : #337ab7;
}

a.bg-primary:hover {
    background-color : #286090;
}

.bg-success {
    background-color : #dff0d8;
}

a.bg-success:hover {
    background-color : #c1e2b3;
}

.bg-info {
    background-color : #d9edf7;
}

a.bg-info:hover {
    background-color : #afd9ee;
}

.bg-warning {
    background-color : #fcf8e3;
}

a.bg-warning:hover {
    background-color : #f7ecb5;
}

.bg-danger {
    background-color : #f2dede;
}

a.bg-danger:hover {
    background-color : #e4b9b9;
}

.page-header {
    padding-bottom : 9px;
    margin : 40px 0 20px;
    border-bottom : 1px solid #eee;
}

ol, ul {
    margin-top : 0;
    margin-bottom : 10px;
}
.container {
    padding-right : 15px;
    padding-left : 15px;
    margin-right : auto;
    margin-left : auto;
}

@media (min-width: 768px) {
    .container {
        width : 750px;
    }
}

@media (min-width: 992px) {
    .container {
        width : 970px;
    }
}

@media (min-width: 1200px) {
    .container {
        width : 1170px;
    }
}

.container-fluid {
    padding-right : 15px;
    padding-left : 15px;
    margin-right : auto;
    margin-left : auto;
}

.row {
    margin-right : -15px;
    margin-left : -15px;
}

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    position : relative;
    min-height : 1px;
    padding-right : 15px;
    padding-left : 15px;
}
.container-fluid { padding-right : 15px; padding-left : 15px; margin-right : auto; margin-left : auto; } .row { margin-right : -15px; margin-left : -15px; } .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { position : relative; min-height : 1px; padding-right : 15px; padding-left : 15px; } .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { float : left; } .col-xs-12 { width : 100%; } .col-xs-11 { width : 91.66666667%; } .col-xs-10 { width : 83.33333333%; } .col-xs-9 { width : 75%; } .col-xs-8 { width : 66.66666667%; } .col-xs-7 { width : 58.33333333%; } .col-xs-6 { width : 50%; } .col-xs-5 { width : 41.66666667%; } .col-xs-4 { width : 33.33333333%; } .col-xs-3 { width : 25%; } .col-xs-2 { width : 16.66666667%; } .col-xs-1 { width : 8.33333333%; } .col-xs-pull-12 { right : 100%; } .col-xs-pull-11 { right : 91.66666667%; } .col-xs-pull-10 { right : 83.33333333%; } .col-xs-pull-9 { right : 75%; } .col-xs-pull-8 { right : 66.66666667%; } .col-xs-pull-7 { right : 58.33333333%; } .col-xs-pull-6 { right : 50%; } .col-xs-pull-5 { right : 41.66666667%; } .col-xs-pull-4 { right : 33.33333333%; } .col-xs-pull-3 { right : 25%; } .col-xs-pull-2 { right : 16.66666667%; } .col-xs-pull-1 { right : 8.33333333%; } .col-xs-pull-0 { right : auto; } .col-xs-push-12 { left : 100%; } .col-xs-push-11 { left : 91.66666667%; } .col-xs-push-10 { left : 83.33333333%; } .col-xs-push-9 { left : 75%; } .col-xs-push-8 { left : 66.66666667%; } .col-xs-push-7 { left : 58.33333333%; } .col-xs-push-6 { left : 50%; } .col-xs-push-5 { left : 41.66666667%; } .col-xs-push-4 { left : 33.33333333%; } .col-xs-push-3 { left : 25%; } .col-xs-push-2 { left : 16.66666667%; } .col-xs-push-1 { left : 8.33333333%; } .col-xs-push-0 { left : auto; } .col-xs-offset-12 { margin-left : 100%; } .col-xs-offset-11 { margin-left : 91.66666667%; } .col-xs-offset-10 { margin-left : 83.33333333%; } .col-xs-offset-9 { margin-left : 75%; } .col-xs-offset-8 { margin-left : 66.66666667%; } .col-xs-offset-7 { margin-left : 58.33333333%; } .col-xs-offset-6 { margin-left : 50%; } .col-xs-offset-5 { margin-left : 41.66666667%; } .col-xs-offset-4 { margin-left : 33.33333333%; } .col-xs-offset-3 { margin-left : 25%; } .col-xs-offset-2 { margin-left : 16.66666667%; } .col-xs-offset-1 { margin-left : 8.33333333%; } .col-xs-offset-0 { margin-left : 0; } @media (min-width:768px) { .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 { float : left; } .col-sm-12 { width : 100%; } .col-sm-11 { width : 91.66666667%; } .col-sm-10 { width : 83.33333333%; } .col-sm-9 { width : 75%; } .col-sm-8 { width : 66.66666667%; } .col-sm-7 { width : 58.33333333%; } .col-sm-6 { width : 50%; } .col-sm-5 { width : 41.66666667%; } .col-sm-4 { width : 33.33333333%; } .col-sm-3 { width : 25%; } .col-sm-2 { width : 16.66666667%; } .col-sm-1 { width : 8.33333333%; } .col-sm-pull-12 { right : 100%; } .col-sm-pull-11 { right : 91.66666667%; } .col-sm-pull-10 { right : 83.33333333%; } .col-sm-pull-9 { right : 75%; } .col-sm-pull-8 { right : 66.66666667%; } .col-sm-pull-7 { right : 58.33333333%; } .col-sm-pull-6 { right : 50%; } .col-sm-pull-5 { right : 41.66666667%; } .col-sm-pull-4 { right : 33.33333333%; } .col-sm-pull-3 { right : 25%; } .col-sm-pull-2 { right : 16.66666667%; } .col-sm-pull-1 { right : 8.33333333%; } .col-sm-pull-0 { right : auto; } .col-sm-push-12 { left : 100%; } .col-sm-push-11 { left : 91.66666667%; } .col-sm-push-10 { left : 83.33333333%; } .col-sm-push-9 { left : 75%; } .col-sm-push-8 { left : 66.66666667%; } .col-sm-push-7 { left : 58.33333333%; } .col-sm-push-6 { left : 50%; } .col-sm-push-5 { left : 41.66666667%; } .col-sm-push-4 { left : 33.33333333%; } .col-sm-push-3 { left : 25%; } .col-sm-push-2 { left : 16.66666667%; } .col-sm-push-1 { left : 8.33333333%; } .col-sm-push-0 { left : auto; } .col-sm-offset-12 { margin-left : 100%; } .col-sm-offset-11 { margin-left : 91.66666667%; } .col-sm-offset-10 { margin-left : 83.33333333%; } .col-sm-offset-9 { margin-left : 75%; } .col-sm-offset-8 { margin-left : 66.66666667%; } .col-sm-offset-7 { margin-left : 58.33333333%; } .col-sm-offset-6 { margin-left : 50%; } .col-sm-offset-5 { margin-left : 41.66666667%; } .col-sm-offset-4 { margin-left : 33.33333333%; } .col-sm-offset-3 { margin-left : 25%; } .col-sm-offset-2 { margin-left : 16.66666667%; } .col-sm-offset-1 { margin-left : 8.33333333%; } .col-sm-offset-0 { margin-left : 0; } } @media (min-width:992px) { .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 { float : left; } .col-md-12 { width : 100%; } .col-md-11 { width : 91.66666667%; } .col-md-10 { width : 83.33333333%; } .col-md-9 { width : 75%; } .col-md-8 { width : 66.66666667%; } .col-md-7 { width : 58.33333333%; } .col-md-6 { width : 50%; } .col-md-5 { width : 41.66666667%; } .col-md-4 { width : 33.33333333%; } .col-md-3 { width : 25%; } .col-md-2 { width : 16.66666667%; } .col-md-1 { width : 8.33333333%; } .col-md-pull-12 { right : 100%; } .col-md-pull-11 { right : 91.66666667%; } .col-md-pull-10 { right : 83.33333333%; } .col-md-pull-9 { right : 75%; } .col-md-pull-8 { right : 66.66666667%; } .col-md-pull-7 { right : 58.33333333%; } .col-md-pull-6 { right : 50%; } .col-md-pull-5 { right : 41.66666667%; } .col-md-pull-4 { right : 33.33333333%; } .col-md-pull-3 { right : 25%; } .col-md-pull-2 { right : 16.66666667%; } .col-md-pull-1 { right : 8.33333333%; } .col-md-pull-0 { right : auto; } .col-md-push-12 { left : 100%; } .col-md-push-11 { left : 91.66666667%; } .col-md-push-10 { left : 83.33333333%; } .col-md-push-9 { left : 75%; } .col-md-push-8 { left : 66.66666667%; } .col-md-push-7 { left : 58.33333333%; } .col-md-push-6 { left : 50%; } .col-md-push-5 { left : 41.66666667%; } .col-md-push-4 { left : 33.33333333%; } .col-md-push-3 { left : 25%; } .col-md-push-2 { left : 16.66666667%; } .col-md-push-1 { left : 8.33333333%; } .col-md-push-0 { left : auto; } .col-md-offset-12 { margin-left : 100%; } .col-md-offset-11 { margin-left : 91.66666667%; } .col-md-offset-10 { margin-left : 83.33333333%; } .col-md-offset-9 { margin-left : 75%; } .col-md-offset-8 { margin-left : 66.66666667%; } .col-md-offset-7 { margin-left : 58.33333333%; } .col-md-offset-6 { margin-left : 50%; } .col-md-offset-5 { margin-left : 41.66666667%; } .col-md-offset-4 { margin-left : 33.33333333%; } .col-md-offset-3 { margin-left : 25%; } .col-md-offset-2 { margin-left : 16.66666667%; } .col-md-offset-1 { margin-left : 8.33333333%; } .col-md-offset-0 { margin-left : 0; } } @media (min-width:1200px) { .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9 { float : left; } .col-lg-12 { width : 100%; } .col-lg-11 { width : 91.66666667%; } .col-lg-10 { width : 83.33333333%; } .col-lg-9 { width : 75%; } .col-lg-8 { width : 66.66666667%; } .col-lg-7 { width : 58.33333333%; } .col-lg-6 { width : 50%; } .col-lg-5 { width : 41.66666667%; } .col-lg-4 { width : 33.33333333%; } .col-lg-3 { width : 25%; } .col-lg-2 { width : 16.66666667%; } .col-lg-1 { width : 8.33333333%; } .col-lg-pull-12 { right : 100%; } .col-lg-pull-11 { right : 91.66666667%; } .col-lg-pull-10 { right : 83.33333333%; } .col-lg-pull-9 { right : 75%; } .col-lg-pull-8 { right : 66.66666667%; } .col-lg-pull-7 { right : 58.33333333%; } .col-lg-pull-6 { right : 50%; } .col-lg-pull-5 { right : 41.66666667%; } .col-lg-pull-4 { right : 33.33333333%; } .col-lg-pull-3 { right : 25%; } .col-lg-pull-2 { right : 16.66666667%; } .col-lg-pull-1 { right : 8.33333333%; } .col-lg-pull-0 { right : auto; } .col-lg-push-12 { left : 100%; } .col-lg-push-11 { left : 91.66666667%; } .col-lg-push-10 { left : 83.33333333%; } .col-lg-push-9 { left : 75%; } .col-lg-push-8 { left : 66.66666667%; } .col-lg-push-7 { left : 58.33333333%; } .col-lg-push-6 { left : 50%; } .col-lg-push-5 { left : 41.66666667%; } .col-lg-push-4 { left : 33.33333333%; } .col-lg-push-3 { left : 25%; } .col-lg-push-2 { left : 16.66666667%; } .col-lg-push-1 { left : 8.33333333%; } .col-lg-push-0 { left : auto; } .col-lg-offset-12 { margin-left : 100%; } .col-lg-offset-11 { margin-left : 91.66666667%; } .col-lg-offset-10 { margin-left : 83.33333333%; } .col-lg-offset-9 { margin-left : 75%; } .col-lg-offset-8 { margin-left : 66.66666667%; } .col-lg-offset-7 { margin-left : 58.33333333%; } .col-lg-offset-6 { margin-left : 50%; } .col-lg-offset-5 { margin-left : 41.66666667%; } .col-lg-offset-4 { margin-left : 33.33333333%; } .col-lg-offset-3 { margin-left : 25%; } .col-lg-offset-2 { margin-left : 16.66666667%; } .col-lg-offset-1 { margin-left : 8.33333333%; } .col-lg-offset-0 { margin-left : 0; } } 
.col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    float : left;
}

.col-xs-12 {
    width : 100%;
}

.col-xs-11 {
    width : 91.66666667%;
}

.col-xs-10 {
    width : 83.33333333%;
}

.col-xs-9 {
    width : 75%;
}

.col-xs-8 {
    width : 66.66666667%;
}

.col-xs-7 {
    width : 58.33333333%;
}

.col-xs-6 {
    width : 50%;
}

.col-xs-5 {
    width : 41.66666667%;
}

.col-xs-4 {
    width : 33.33333333%;
}

.col-xs-3 {
    width : 25%;
}

.col-xs-2 {
    width : 16.66666667%;
}

.col-xs-1 {
    width : 8.33333333%;
}

.col-xs-pull-12 {
    right : 100%;
}

.col-xs-pull-11 {
    right : 91.66666667%;
}

.col-xs-pull-10 {
    right : 83.33333333%;
}

.col-xs-pull-9 {
    right : 75%;
}

.col-xs-pull-8 {
    right : 66.66666667%;
}

.col-xs-pull-7 {
    right : 58.33333333%;
}

.col-xs-pull-6 {
    right : 50%;
}

.col-xs-pull-5 {
    right : 41.66666667%;
}

.col-xs-pull-4 {
    right : 33.33333333%;
}

.col-xs-pull-3 {
    right : 25%;
}

.col-xs-pull-2 {
    right : 16.66666667%;
}

.col-xs-pull-1 {
    right : 8.33333333%;
}

.col-xs-pull-0 {
    right : auto;
}

.col-xs-push-12 {
    left : 100%;
}

.col-xs-push-11 {
    left : 91.66666667%;
}

.col-xs-push-10 {
    left : 83.33333333%;
}

.col-xs-push-9 {
    left : 75%;
}

.col-xs-push-8 {
    left : 66.66666667%;
}

.col-xs-push-7 {
    left : 58.33333333%;
}

.col-xs-push-6 {
    left : 50%;
}

.col-xs-push-5 {
    left : 41.66666667%;
}

.col-xs-push-4 {
    left : 33.33333333%;
}

.col-xs-push-3 {
    left : 25%;
}

.col-xs-push-2 {
    left : 16.66666667%;
}

.col-xs-push-1 {
    left : 8.33333333%;
}
		.btn-info {
    color : #000000;
    background-color : #5bc0de;
    border-color : #46b8da;font-weight: 600;
}
		
.btn-link {
    font-weight : 400;
    color : #337ab7;
    border-radius : 0;
}

.btn-link, .btn-link.active, .btn-link:active, .btn-link[disabled], fieldset[disabled] .btn-link {
    background-color : transparent;
    box-shadow : none;
}

.btn-link, .btn-link:active, .btn-link:focus, .btn-link:hover {
    border-color : transparent;
}

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

.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
    outline : thin dotted;
    outline-offset : -2px;
}

.collapse {
    display : none;
    visibility : hidden;
}

.collapse.in {
    display : block;
    visibility : visible;
}

tr.collapse.in {
    display : table-row;
}

tbody.collapse.in {
    display : table-row-group;
}

.btn-group-vertical > .btn-group:after, .btn-group-vertical > .btn-group:before, .btn-toolbar:after, .btn-toolbar:before, .clearfix:after, .clearfix:before, .container-fluid:after, .container-fluid:before, .container:after, .container:before, .dl-horizontal dd:after, .dl-horizontal dd:before, .form-horizontal .form-group:after, .form-horizontal .form-group:before, .modal-footer:after, .modal-footer:before, .nav:after, .nav:before, .navbar-collapse:after, .navbar-collapse:before, .navbar-header:after, .navbar-header:before, .navbar:after, .navbar:before, .pager:after, .pager:before, .panel-body:after, .panel-body:before, .row:after, .row:before {
    display : table;
    content : " ";
}

.btn-group-vertical > .btn-group:after, .btn-toolbar:after, .clearfix:after, .container-fluid:after, .container:after, .dl-horizontal dd:after, .form-horizontal .form-group:after, .modal-footer:after, .nav:after, .navbar-collapse:after, .navbar-header:after, .navbar:after, .pager:after, .panel-body:after, .row:after {
    clear : both;
}

@media (max-width: 767px) {
    .hidden-xs {
        display : none !important ;
    }
}
 
  .promo, .table, .bar {
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  -ms-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  -o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

.promo, .table, .bar:hover {
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  -ms-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  -o-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}
#myCarousel .carousel-caption {
    left:0;
	right:0;
	bottom:0;
	text-align:left;
	padding:10px;
	background:rgba(0,0,0,0.6);
	text-shadow:none;
}

#myCarousel .list-group {
	position:absolute;
	top:0;
	right:0;
}
#myCarousel .list-group-item {
	border-radius:0px;
	cursor:pointer;
}
#myCarousel .list-group .active {
	background-color:#eee;	
}#slider-wrapper { height:400px;}
@media (max-width: 768px) { #slider-wrapper { height:300px;}}
@media (min-width: 992px) { 
	#myCarousel {padding-right:33.3333%;}
	#myCarousel .carousel-controls {display:none;} 	
}
@media (max-width: 991px) { 
	.carousel-caption p,
	#myCarousel .list-group {display:none;} 
}
  @media screen and (max-width: 1399px)
.pa-banner-two {
  padding: 80px 80px 140px;
}
.pa-banner-two {
  padding: 89px 180px 184px;
  position: relative;
}
  @media screen and (max-width: 1399px)
.pa-banner-two-img {
  width: 488px;
  height: 488px;
  line-height: 488px;
}
.pa-banner-two-img {
  background: #fff;
  z-index: 0;
  position: relative;
  border-radius: 100%;
  width: 620px;
  height: 620px;
  text-align: center;
  line-height: 620px;
  animation: banner_popup 1s;
}
*, ::after, ::before {
  box-sizing: border-box;
}
  @media screen and (max-width: 1399px)
.pa-banner-two {
  padding: 80px 80px 140px;
}
.pa-banner-two {
  padding: 89px 180px 184px;
  position: relative;
}  @media screen and (max-width: 1399px)
.pa-banner-two-img img {
  width: 330px;
  border-radius: 50%;
}
.pa-banner-two-img img {
  width: 450px;
}
.img-fluid {
  max-width: 100%;
  height: auto;
}  @media (min-width: 992px)
.col-lg-6 {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
} 
  .carousel{position:relative;}
@media screen and (max-width:768px){.carousel{position:relative;margin-left:-50px;margin-right:-50px;}
img {
max-height:150px;
max-width:280px;
width:100%;
float:center;
 }} 

<style>
.h1, h1{
text-align:center;
color:red;}
.nblock {
  border-top: 1px solid #c9c9c9;
  border-left: 0;
  border-right: 0;
  border-bottom: 2px solid #a9a9a9;
  padding-top: 20px;
  padding-bottom: 40px;
  margin: 25px 5px 30px 05px;
  border-radius: 20px;
  background: #fcfcfc;
  background: linear-gradient(160deg,#fcfcfc 0,rgb(246 246 246) 75%,rgb(235 235 235) 100%);
}
.h2 , h2 {
    padding: 20px 2px 20px 20px;
    background-color: #b0e8fb;
    font-size: 25px;
    font-weight: 600;
    border-left: 15px solid #38a7bb;
	border-radius: 10px 10px 2px 2px; 
}
.h5 , h5 {
   font-size: 20px;
    font-weight: 600;
    border-left: 4px solid #38a7bb;
    padding-left: 15px;
    border-radius: 5px;
}
.h3,   h3 {
  font-size: 22px;
  margin: 25px 0 15px 0;
  background: -webkit-linear-gradient(to right,#ff751ade 0,#e73d5b 100%);
  background: linear-gradient(to right,#ff751ade 0,#e73d5b 100%);
  
    background-clip: border-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}  
.h3, h3::before {
  content: 'âš›';
  padding-right: 10px;
  font-size: 30px;
  background: -webkit-linear-gradient(to right,#38ef7d,#11998e); 
  background: linear-gradient(to right,#7d9dfd,#26acee);
    background-clip: border-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
	
.promo {
    border: 1px solid #d0d0d0;
    padding: 10px 2px 2px 2px;
    box-shadow: 0 6px 10px 1px rgb(173 173 173);
    -moz-box-shadow: 0 6px 10px 1px rgb(173 173 173);
    -webkit-box-shadow: 0 6px 10px 1px rgb(173 173 173);
    text-align: center;
}

@media screen and (min-width: 991px){
.fix {
    position: -webkit-sticky;
    position: sticky;
    top: 80px;
    margin: 20px; 
 
}
img { 
max-width:80%;
float:center;
 }   
}
p {
    font-family: 'Raleway', sans-serif;
    font-size: 16px;
    line-height: 1.6em;
	margin: 0 0 10px;padding: 15px;

} 
ul.inner li::before {
    content: "》";
    color: #00bfff;
    font-weight: 600;
    display: inline-block;
    margin-left: 1em;
    width: 1.3em;
}
ul.inner {
    line-height: 1.6em;
    font-size: 17px;
    margin-bottom: 0px;
	margin-left: 10px;
    list-style: none;
}
ul.inner li {
    line-height: 24px;
    padding: 2px 0 2px 0;
} 
ul.yes li::before {
    content: "✔";
    color: green;
    font-weight: 600;
    display: inline-block;
    margin-left: -0.5em;
    width: 1.3em;
}
ul.yes {
    line-height: 1.6em;
    font-size: 17px;
    margin-bottom: 0px;
	margin-left: 10px;
    list-style: none;
}
ul.yes li {
    line-height: 24px;
    padding: 2px 0 2px 0;
} 
ul.no li::before {
    content: "✘";
    color: red;
    font-weight: 600;
    display: inline-block;
    margin-left: -0.5em;
    width: 1.3em;
}
ul.no {
    line-height: 1.6em;
    font-size: 17px;
    margin-bottom: 0px;
	margin-left: 10px;
    list-style: none;
}
ul.no li {
    line-height: 24px;
    padding: 2px 0 2px 0;
} 
ol,.breadcrumb { padding : 8px 15px; margin-bottom : 20px; list-style : none;  border-radius : 4px; } ol  > li,.breadcrumb > li { display : inline-block; } ol  > li + li:before,.breadcrumb > li + li:before { padding : 0 5px; color : #ccc; content : "/\00a0"; } ol > .active,.breadcrumb > .active { color : #777; }
  .carousel{position:relative;} 
   
  .hm-header-tp-brdr {
    border-bottom: 3px solid #fdda00;
}.carousel-inner > .item > a > img, .carousel-inner > .item > img {
    line-height: 1;
    min-width: 800px;
    max-height: 350px;
}
@media screen and (max-width:768px){ 
img { } 
.carousel{position:relative;margin-left:-50px;margin-right:-15px;} .ContactSnackBar > ul > li {
    background-color: #00bfff;
    border-right: 1px solid #fff;
    float: left;
    width: 30%;
    list-style: none;
    text-align: center;
}
#heading-breadcrumbs {
  background: url('../img/texture-bw.png') center center repeat;

  max-height:60px;
}
.hm-header-tp-brdr {
    border-bottom: 3px solid #fdda00;
    max-height: 80px;
    min-height: 30px;
}

.navbar-brand > img {
  display: block;
  height:150px;
  width:150px;
}
.navbar-affixed-top {
  top: -32px;
  margin-bottom: -20px;
}
}
@media only screen and (max-width:600px){   .ContactSnackBar > ul > li {
    background-color: #00bfff;
    border-right: 1px solid #fff;
    float: left;
    width: 30%;
    list-style: none;
    text-align: center;
}
.promo {
    margin-left: 0px;
    margin-right: 0px;
}
 .navbar-default {
  background-color: #f8f8f8;
  border-color: #e7e7e7;
    border-bottom-color: rgb(231, 231, 231);
  border-bottom: 3px solid #38a7bb;
}}
.video {
  position: relative;
  padding-bottom: 56.23%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
  background: #000;
  margin: 5px;
}
.video div{
  cursor: pointer;
  -webkit-transition: .6s all;
  -moz-transition: .6s all;
  transition: .6s all;
  display: block;
}
.video div:hover span {
	-webkit-filter: brightness(100%);
}
.video div img{
  width: 100%;
  position: absolute;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.video div span {
  width: 94px;
  height: 64px;
  position: absolute;
  background: url(https://1.bp.blogspot.com/-94QEg1Pk9tw/WGhNhfqMs-I/AAAAAAAAA1w/u3gEPfwh4hwMkWeAu-_PteMTFlSfy8pqACLcB/s1600/1483251316_5295_-_Youtube_I.png) no-repeat;
  background-position: 50% 50%;
  left: 50%;
  top: 50%;
  margin-left: -47px;
  margin-top: -32px;
  -webkit-filter: brightness(75%);
}
.video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
  background: transparent;
}
.newbox{
    visibility: visible;
    border-bottom: inherit;
    border-bottom-width: 2px;
    border-radius: 2px;
    padding-bottom: 8px;padding-top: 8px;
    box-shadow: 0 2px 2px 0 rgb(0 0 0 / 16%), 0 0 0 1px rgb(0 0 0 / 8%);
	margin-top:10px;
}

  .promo, .table, .bar {
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  -ms-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  -o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

.promo, .table, .bar:hover {
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  -ms-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  -o-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}
#myCarousel .carousel-caption {
    left:0;
	right:0;
	bottom:0;
	text-align:left;
	padding:10px;
	background:rgba(0,0,0,0.6);
	text-shadow:none;
}

#myCarousel .list-group {
	position:absolute;
	top:0;
	right:0;
}
#myCarousel .list-group-item {
	border-radius:0px;
	cursor:pointer;
}
#myCarousel .list-group .active {
	background-color:#eee;	
}#slider-wrapper { height:400px;}
@media (max-width: 768px) {
header{ margin-bottom:20px;} #slider-wrapper { height:300px;}}
@media (min-width: 992px) { 
	#myCarousel {padding-right:33.3333%;}
	#myCarousel .carousel-controls {display:none;} 	
}
@media (max-width: 991px) { 
	.carousel-caption p,
	#myCarousel .list-group {display:none;} 
}

/* General styles for the dropdown */
.navbar .dropdown-menu {
      position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: #ccc solid 1px;
    border: rgb(0 0 0 / 0.15) solid 1px;
    border-radius: 4px;
    box-shadow: 0 6px 12px rgb(0 0 0 / 0.175);
}

/* Show the dropdown on hover (for desktop) */
.navbar-nav > li:hover > .dropdown-menu {
    display: block;
}
@media (min-width: 768px) {
    .navbar-right .dropdown-menu {
        right: 0;
        left: auto;
    }
}
/* Ensure dropdown is properly aligned */
.navbar-nav > li {
    position: relative;
}

/* Handle focus for accessibility */
.navbar-nav > li > a:focus + .dropdown-menu {
    display: block;
}

/* Adjustments for smaller screens (mobile-friendly dropdown behavior) */
@media (max-width: 767px) {
    .navbar-nav .open .dropdown-menu {
        display: block; /* Allow dropdown to be shown when clicked */
        position: static;
        float: none;
        margin-top: 0;
        background-color: transparent;
        border: none;
        box-shadow: none;
    }
}
.nav { padding-left : 0; margin-bottom : 0; list-style : none; } .nav > li { position : relative; display : block; } .nav > li > a { position : relative; display : block; padding : 10px 15px; } .nav > li > a:focus, .nav > li > a:hover { text-decoration : none; background-color : #eee; } .nav > li.disabled > a { color : #777; } .nav > li.disabled > a:focus, .nav > li.disabled > a:hover { color : #777; text-decoration : none; cursor : not-allowed; background-color : transparent; } .nav .open > a, .nav .open > a:focus, .nav .open > a:hover { background-color : #eee; border-color : #337ab7; } .nav .nav-divider { height : 1px; margin : 9px 0; overflow : hidden; background-color : #e5e5e5; } .nav > li > a > img { max-width : none; } .nav-tabs { border-bottom : 1px solid #ddd; } .nav-tabs > li { float : left; margin-bottom : -1px; } .nav-tabs > li > a { margin-right : 2px; line-height : 1.42857143; border : transparent solid 1px; border-radius : 4px 4px 0 0; } .nav-tabs > li > a:hover { border-color : #eee #eee #ddd; } .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover { color : #555; cursor : default; background-color : #fff; border : #ddd solid 1px; border-bottom-color : transparent; } .nav-tabs.nav-justified { width : 100%; border-bottom : 0; } .nav-tabs.nav-justified > li { float : none; } .nav-tabs.nav-justified > li > a { margin-bottom : 5px; text-align : center; }
	.nav-tabs.nav-justified > .dropdown .dropdown-menu { top : auto; left : auto; } @media (min-width:768px) { .nav-tabs.nav-justified > li { display : table-cell; width : 1%; } .nav-tabs.nav-justified > li > a { margin-bottom : 0; } } .nav-tabs.nav-justified > li > a { margin-right : 0; border-radius : 4px; } .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:hover { border : #ddd solid 1px; } @media (min-width:768px) { .nav-tabs.nav-justified > li > a { border-bottom : 1px solid #ddd; border-radius : 4px 4px 0 0; } .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:hover { border-bottom-color : #fff; } } .nav-pills > li { float : left; } .nav-pills > li > a { border-radius : 4px; } .nav-pills > li + li { margin-left : 2px; } .nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover { color : #fff; background-color : #337ab7; } .nav-stacked > li { float : none; } .nav-stacked > li + li { margin-top : 2px; margin-left : 0; } .nav-justified { width : 100%; } .nav-justified > li { float : none; } .nav-justified > li > a { margin-bottom : 5px; text-align : center; }
	.nav-justified > .dropdown .dropdown-menu { top : auto; left : auto; } @media (min-width:768px) { .nav-justified > li { display : table-cell; width : 1%; } .nav-justified > li > a { margin-bottom : 0; } } .nav-tabs-justified { border-bottom : 0; } .nav-tabs-justified > li > a { margin-right : 0; border-radius : 4px; } .nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:focus, .nav-tabs-justified > .active > a:hover { border : #ddd solid 1px; } @media (min-width:768px) { .nav-tabs-justified > li > a { border-bottom : 1px solid #ddd; border-radius : 4px 4px 0 0; } .nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:focus, .nav-tabs-justified > .active > a:hover { border-bottom-color : #fff; } } .tab-content > .tab-pane { display : none; visibility : hidden; } .tab-content > .active { display : block; visibility : visible; } .nav-tabs .dropdown-menu { margin-top : -1px; border-top-left-radius : 0; border-top-right-radius : 0; } 
	.navbar { position : relative;
		min-height : 50px; 
		margin-bottom : 20px;
		   position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
    background-color: #fff; /* Change to match your theme */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease-in-out, background-color 0.3s ease-in-out; 
	} @media (min-width:768px) 
	{ .navbar { border-radius : 4px; } } @media (min-width:768px) { .navbar-header { float : left; } } .navbar-collapse { padding-right : 15px; padding-left : 15px; overflow-x : visible; border-top : 1px solid transparent; box-shadow : 0 1px 0 rgb(255 255 255 / 0.1) inset; } .navbar-collapse.in { overflow-y : auto; } @media (min-width:768px) { .navbar-collapse { width : auto; border-top : 0; box-shadow : none; } .navbar-collapse.collapse { display : block !important ; height : auto !important ; padding-bottom : 0; overflow : visible !important ; visibility : visible !important ; } .navbar-collapse.in { overflow-y : visible; } .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse { padding-right : 0; padding-left : 0; } } .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse { max-height : 340px; } @media (max-device-width:480px) and (orientation:landscape) { .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse { max-height : 200px; } } .container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header { margin-right : -15px; margin-left : -15px; } @media (min-width:768px) { .container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header { margin-right : 0; margin-left : 0; } } .navbar-static-top { z-index : 1000; border-width : 0 0 1px; } @media (min-width:768px) { .navbar-static-top { border-radius : 0; } } .navbar-fixed-bottom, .navbar-fixed-top { position : fixed; right : 0; left : 0; z-index : 1030; } @media (min-width:768px) { .navbar-fixed-bottom, .navbar-fixed-top { border-radius : 0; } } .navbar-fixed-top { top : 0; border-width : 0 0 1px; } .navbar-fixed-bottom { bottom : 0; margin-bottom : 0; border-width : 1px 0 0; } .navbar-brand { float : left; height : 50px; padding : 15px 15px; font-size : 18px; line-height : 20px; } .navbar-brand:focus, .navbar-brand:hover { text-decoration : none; } .navbar-brand > img { display : block; } @media (min-width:768px)
	{ .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand { margin-left : -15px; } } .navbar-toggle { position : relative; float : right; padding : 9px 10px; margin-top : 8px; margin-right : 15px; margin-bottom : 8px; background-color : transparent; background-image : none; border : transparent solid 1px; border-radius : 4px; } .navbar-toggle:focus { outline : 0; } .navbar-toggle .icon-bar { display : block; width : 22px; height : 2px; border-radius : 1px; } .navbar-toggle .icon-bar + .icon-bar { margin-top : 4px; } @media (min-width:768px) { .navbar-toggle { display : none; } } .navbar-nav { margin : 7.5px -15px; } .navbar-nav > li > a { padding-top : 10px; padding-bottom : 10px; line-height : 20px; } @media (max-width:767px) { .navbar-nav .open .dropdown-menu { position : static; float : none; width : auto; margin-top : 0; background-color : transparent; border : 0; box-shadow : none; } 
		.navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu > li > a { padding : 5px 15px 5px 25px; } 
		.navbar-nav .open .dropdown-menu > li > a { 
		position: relative;
    color: #140101;
    font-size: 12px;
    font-weight: 600;
    font-stretch: inherit;
    display: block;
    transition: all 0.2s ease-out;
			padding: 3px 20px;
    left: 0;} 
/* Animation on Navbar Visibility Change */
@keyframes fadeInDown {
    from {
        transform: translateY(-100%);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }/* Navbar Hidden (Sliding Up) */
#navbar.hide-navbar {
    transform: translateY(-100%);
}

/* Navbar Shown (Sliding Down) */
#navbar.show-navbar {
    transform: translateY(0);
}
}

@keyframes fadeOutUp {
    from {
        transform: translateY(0);
        opacity: 1;
    }
    to {
        transform: translateY(-100%);
        opacity: 0;
    }
}
		.navbar-nav .open .dropdown-menu > li > a:focus, .navbar-nav .open .dropdown-menu > li > a:hover { background-image : none; } } @media (min-width:768px) { .navbar-nav { float : left; margin : 0; } .navbar-nav > li { float : left; } .navbar-nav > li > a { padding-top : 15px; padding-bottom : 15px; } } .navbar-form { padding : 10px 15px; margin-top : 8px; margin-right : -15px; margin-bottom : 8px; margin-left : -15px; border-top : 1px solid transparent; border-bottom : 1px solid transparent; box-shadow : 0 1px 0 rgb(255 255 255 / 0.1) inset, 0 1px 0 rgb(255 255 255 / 0.1); } @media (min-width:768px) { .navbar-form .form-group { display : inline-block; margin-bottom : 0; vertical-align : middle; } .navbar-form .form-control { display : inline-block; width : auto; vertical-align : middle; } .navbar-form .form-control-static { display : inline-block; } .navbar-form .input-group { display : inline-table; vertical-align : middle; } .navbar-form .input-group .form-control, .navbar-form .input-group .input-group-addon, .navbar-form .input-group .input-group-btn { width : auto; } .navbar-form .input-group > .form-control { width : 100%; } .navbar-form .control-label { margin-bottom : 0; vertical-align : middle; } .navbar-form .checkbox, .navbar-form .radio { display : inline-block; margin-top : 0; margin-bottom : 0; vertical-align : middle; } .navbar-form .checkbox label, .navbar-form .radio label { padding-left : 0; } .navbar-form .checkbox input[type="checkbox"], .navbar-form .radio input[type="radio"] { position : relative; margin-left : 0; } .navbar-form .has-feedback .form-control-feedback { top : 0; } } @media (max-width:767px) { .navbar-form .form-group { margin-bottom : 5px; } .navbar-form .form-group:last-child { margin-bottom : 0; } } @media (min-width:768px) { .navbar-form { width : auto; padding-top : 0; padding-bottom : 0; margin-right : 0; margin-left : 0; border : 0; box-shadow : none; } } .navbar-nav > li > .dropdown-menu { margin-top : 0; border-top-left-radius : 0; border-top-right-radius : 0; } .navbar-fixed-bottom .navbar-nav > li > .dropdown-menu { margin-bottom : 0; border-top-left-radius : 4px; border-top-right-radius : 4px; border-bottom-right-radius : 0; border-bottom-left-radius : 0; } .navbar-btn { margin-top : 8px; margin-bottom : 8px; } .navbar-btn.btn-sm { margin-top : 10px; margin-bottom : 10px; } .navbar-btn.btn-xs { margin-top : 14px; margin-bottom : 14px; } .navbar-text { margin-top : 15px; margin-bottom : 15px; } @media (min-width:768px) { .navbar-text { float : left; margin-right : 15px; margin-left : 15px; } } @media (min-width:768px) { .navbar-left { float : left !important ; } .navbar-right { float : right !important ; margin-right : -15px; } .navbar-right ~ .navbar-right { margin-right : 0; } } 
	.navbar-default { background-color : #f8f8f8;     border-bottom: 3px solid #38a7bb;} .navbar-default .navbar-brand { color : #777; } .navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover { color : #5e5e5e; background-color : transparent; } .navbar-default .navbar-text { color : #777; } .navbar-default .navbar-nav > li > a { color : #777; } .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover { color : #333; background-color : transparent; } .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover { color : #555; background-color : #e7e7e7; } .navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:focus, .navbar-default .navbar-nav > .disabled > a:hover { color : #ccc; background-color : transparent; } .navbar-default .navbar-toggle { border-color : #ddd; } .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover { background-color : #ddd; } .navbar-default .navbar-toggle .icon-bar { background-color : #888; } .navbar-default .navbar-collapse, .navbar-default .navbar-form { border-color : #e7e7e7; } .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover { color : #555; background-color : #e7e7e7; } @media (max-width:767px) { .navbar-default .navbar-nav .open .dropdown-menu > li > a { color : #777; } .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover { color : #333; background-color : transparent; } .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover { color : #555; background-color : #e7e7e7; } .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover { color : #ccc; background-color : transparent; } } .navbar-default .navbar-link { color : #777; } .navbar-default .navbar-link:hover { color : #333; } .navbar-default .btn-link { color : #777; } .navbar-default .btn-link:focus, .navbar-default .btn-link:hover { color : #333; } .navbar-default .btn-link[disabled]:focus, .navbar-default .btn-link[disabled]:hover, fieldset[disabled] .navbar-default .btn-link:focus, fieldset[disabled] .navbar-default .btn-link:hover { color : #ccc; } .navbar-inverse { background-color : #222; border-color : #080808; } .navbar-inverse .navbar-brand { color : #9d9d9d; } .navbar-inverse .navbar-brand:focus, .navbar-inverse .navbar-brand:hover { color : #fff; background-color : transparent; } .navbar-inverse .navbar-text { color : #9d9d9d; } .navbar-inverse .navbar-nav > li > a { color : #9d9d9d; } .navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover { color : #fff; background-color : transparent; } .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover { color : #fff; background-color : #080808; } .navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:focus, .navbar-inverse .navbar-nav > .disabled > a:hover { color : #444; background-color : transparent; } .navbar-inverse .navbar-toggle { border-color : #333; } .navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover { background-color : #333; } .navbar-inverse .navbar-toggle .icon-bar { background-color : #fff; } .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { border-color : #101010; } .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover { color : #fff; background-color : #080808; } @media (max-width:767px) { .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header { border-color : #080808; } .navbar-inverse .navbar-nav .open .dropdown-menu .divider { background-color : #080808; } .navbar-inverse .navbar-nav .open .dropdown-menu > li > a { color : #9d9d9d; } .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover { color : #fff; background-color : transparent; } .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover { color : #fff; background-color : #080808; } .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover { color : #444; background-color : transparent; } } .navbar-inverse .navbar-link { color : #9d9d9d; } .navbar-inverse .navbar-link:hover { color : #fff; } .navbar-inverse .btn-link { color : #9d9d9d; } .navbar-inverse .btn-link:focus, .navbar-inverse .btn-link:hover { color : #fff; } .navbar-inverse .btn-link[disabled]:focus, .navbar-inverse .btn-link[disabled]:hover, fieldset[disabled] .navbar-inverse .btn-link:focus, fieldset[disabled] .navbar-inverse .btn-link:hover { color : #444; } 
#top {
    background : #555555;
    color : #eeeeee;
    padding : 10px 0;
}

#top p {
    margin : 0;
    font-size : 12px;
}

#top .social {
    float : right;
    text-align : right;
}

#top .social a {
    color : #999999;
    display : inline-block;
    width : 24px;
    height : 24px;
    border-radius : 12px;
    line-height : 20px;
    font-size : 12px;
    text-align : center;
    vertical-align : bottom;
}

#top .social a:hover {
    color : #fff;
}

#top .social a:hover.facebook {
    background-color : #4460ae;
}

#top .social a:hover.gplus {
    background-color : #c21f25;
}

#top .social a:hover.twitter {
    background-color : #3cf;
}

#top .social a:hover.instagram {
    background-color : #cd4378;
}

#top .social a:hover.email {
    background-color : #4a7f45;
}

#top .login {
    float : right;
}

#top .login a {
    font-size : 12px;
    color : #eeeeee;
    margin-right : 15px;
    text-decoration : none;
    text-transform : uppercase;
    font-weight : 700;
    letter-spacing : 0.10em;
}

@media (max-width: 767px) {
    #top .login {
        float : left;
    }
}

#top.light {
    background : #fff;
    color : #999999;
    border-bottom : 1px solid #eeeeee;
}

#top.light .login a {
    color : #555555;
}

 

.navbar ul.nav > li > a {
    text-transform : uppercase;
    text-decoration : underline;
    font-weight : bold;
    letter-spacing : 0.08em;
    border-top : 5px solid transparent;
}

.navbar ul.nav > li > a:hover {
    border-top : 5px solid #38a7bb;
}

.navbar ul.nav > li.active > a, .navbar ul.nav > li.open > a {
    text-decoration : none !important ;
    border-top : 5px solid #20616d;
}

@media (max-width: 768px) {
    .navbar ul.nav > li.active > a, .navbar ul.nav > li.open > a {
        border-top-color : transparent;
    }

    .navbar ul.nav > li > a:hover {
        border-top-color : transparent;
    }
}

.navbar.navbar-light ul.nav > li.active > a {
    border-top : 5px solid #20616d;
    background : #fff !important ;
    color : #555555 !important ;
}

.navbar.navbar-light ul.nav > li.active > a:hover {
    border-top : 5px solid #20616d;
}

.navbar.navbar-light ul.nav > li > a:hover, .navbar.navbar-light ul.nav > li.open > a:hover, .navbar.navbar-light ul.nav > li > a:focus, .navbar.navbar-light ul.nav > li.open > a:focus {
    border-top : 5px solid #38a7bb;
    background : #fff !important ;
    color : #555555 !important ;
}

.navbar ul.dropdown-menu {
    margin : 0;
    padding : 0;
}

.navbar ul.dropdown-menu li {
    list-style-type : none;
    border-bottom : 1px solid #eeeeee;
    text-transform : uppercase;
    letter-spacing : 0.08em;
    padding : 4px 0;
}

.navbar ul.dropdown-menu li a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
    transition : all 0.2s ease-out;
    left : 0;
}

.navbar ul.dropdown-menu li a:hover {
    color : #38a7bb;
    text-decoration : none;
    background : none;
    left : 2px;
    transition : all 0.2s ease-out;
}

@media (max-width: 767px) {
    .navbar ul.dropdown-menu li a:hover {
        left : 0;
    }
}

.navbar .yamm-content h3 {
    font-size : 18px;
    text-transform : uppercase;
    padding-bottom : 10px;
    margin-top : 5px;
    border-bottom : 1px dotted #555555;
    letter-spacing : 0.08em;
}

@media (max-width: 767px) {
    .navbar .yamm-content h3 {
        font-size : 14px;
    }
}

.navbar .yamm-content h5 {
    text-transform : uppercase;
    padding-bottom : 10px;
    border-bottom : 1px dotted #555555;
    letter-spacing : 0.08em;
}

.navbar .yamm-content ul {
    margin : 0;
    padding : 0;
}

.navbar .yamm-content ul li {
    list-style-type : none;
    border-bottom : 1px solid #eeeeee;
    text-transform : uppercase;
    padding : 4px 0;
}

.navbar .yamm-content ul li a {
    position : relative;
    color : #999999;
    font-size : 12px;
    display : block;
    transition : all 0.2s ease-out;
}

.navbar .yamm-content ul li a:hover {
    color : #38a7bb;
    text-decoration : none;
    padding-left : 2px;
}

.navbar .yamm-content .banner {
    margin-bottom : 10px;
}

.navbar .yamm-fw .dropdown-menu {
    padding : 0;
}

.navbar .navbar-buttons {
    float : right;
}

.navbar .navbar-buttons button, .navbar .navbar-buttons a.btn, .navbar .navbar-buttons .btn-default.navbar-toggle {
    margin-top : 11px;
    margin-bottom : 11px;
    margin-left : 0;
    margin-right : 5px;
}

.navbar .btn-default, .navbar .btn-default.navbar-toggle {
    color : #999999;
    background-color : #fff;
    margin-left : 7px;
    margin-right : 0;
}

.navbar .btn-default:hover, .navbar .btn-default.navbar-toggle:hover, .navbar .btn-default:focus, .navbar .btn-default.navbar-toggle:focus {
    background-color : #fff;
    border-color : #38a7bb;
    color : #38a7bb;
}

.navbar #search {
    clear : both;
    border-top : 1px solid #38a7bb;
    text-align : right;
}

.navbar #search form {
    float : right;
}

.navbar #search form .input-group {
    width : 500px;
}

@media (max-width: 768px) {
    .navbar #search form .input-group {
        width : 100%;
    }
}

.navbar #basket-overview a {
    margin-left : 7px;
}

.navbar-affixed-top {
    top : -32px;
}

.navbar-affixed-top.affix-top {
    transition : all 0.5s ease-out;
}

.navbar-affixed-top.affix {
    position : fixed;
    width : 100%;
    top : 0;
    z-index : 1000;
    box-shadow : 0 0 5px #cccccc;
    transition : all 0.5s ease-out;
}.collapse {
  display: none;
  transition: height 0.3s ease;
}

.collapse.show {
  display: block;
	
    visibility: visible;
}.img-circle {
    border-radius: 50%; /* Makes the image circular */
    object-fit: cover; /* Ensures the image scales properly within the circle */
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: #38a7bb;
}.navbar ul.nav > li > a:hover {
    border-top: 5px solid #38a7bb;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color: #555555;
    background-color: #80cbd9;
}
.navbar-affixed-top {
    top : -32px;
}

.navbar-affixed-top.affix-top {
    transition : all 0.5s ease-out;
}

.navbar-affixed-top.affix {
    position : fixed;
    width : 100%;
    top : 0;
    z-index : 1000;
    box-shadow : 0 0 5px #cccccc;
    transition : all 0.5s ease-out;
}

body.boxed .navbar-affixed-top.affix {
    position : static;
}

#login-modal {
    overflow : hidden;
}

#login-modal .modal-header h4 {
    text-transform : uppercase;
}

#login-modal form {
    margin-bottom : 20px;
}

#login-modal a {
    color : #38a7bb;
}

#login-modal p {
    font-weight : 300;
    margin-bottom : 20px;
    font-size : 13px;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #ffffff;
    background-color: #38a7bb;
}
.fa-align-justify:before {
    content: "";
    display: inline-block;
    width: 16px; /* Adjust to your image size */
    height: 16px; /* Adjust to your image size */
    background-image: url('img/Align_justify_font_awesome.png');
    background-size: contain; /* Ensures the image fits the element */
    background-repeat: no-repeat;
}
.fa {
    display: inline-block;
    font: normal normal normal 14px / 1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
}/* Modal Styles */