/*

Theme Name: Practical Financial Services

Theme URI: https://spinzsoft.com/

Author: support@spinzsoft.com

Author URI: https://spinzsoft.com/

Description: practicalfinancialservices

Requires at least: 5.0

Tested up to: 6.8

Requires PHP: 7.2

Version: 0.1.1

License: GNU General Public License v3 or later

License URI: http://www.gnu.org/licenses/gpl-3.0.html

Text Domain: practical_financial_services

Tags: one-column, two-columns, right-sidebar, left-sidebar, grid-layout, custom-colors, custom-background, custom-header, custom-menu, custom-logo, editor-style, footer-widgets, full-width-template, flexible-header, sticky-post, theme-options, threaded-comments, blog, portfolio, e-commerce



*/

html {

	line-height: 1.15;

	-ms-text-size-adjust: 100%;

	-webkit-text-size-adjust: 100%;

    overflow-x: hidden;

}

body {

	margin: 0; 

	font-family: 'Poppins', sans-serif;

	overflow-x: hidden;	

/*	background: #fff;*/

	color: #1C3434;

	background-color: #fff;

}

h1, h2{color:#d60000;font-family: 'Poppins', sans-serif; }

h3, h4, h5, h6 {

	color: #0F3567;

    font-family: 'Poppins', sans-serif;

}



/*#slider h2, #slider p{

	font-family: "Space Grotesk", serif;

}*/



article,

aside,

footer,

header,

nav,

section {

	display: block;

}

h1 {

	font-size: 2em;

	margin: 0.67em 0;

}

figcaption,

figure,

main {

	display: block;

}



/* figure {

	margin: 1em 0;

} */



hr {

	-webkit-box-sizing: content-box;

	-moz-box-sizing: content-box;

	box-sizing: content-box;

	height: 0;

	overflow: visible;

}



p {

	color: #1C3434;

	font-size: 15px;

  line-height: 1.8;

}



pre {

	font-size: 1em;

}



a {

	background-color: transparent;

	-webkit-text-decoration-skip: objects;

	text-decoration: none;

}



a:active,

a:hover {

	outline-width: 0;

	text-decoration: none;

}

a:focus, input:focus, textarea:focus, button:focus, .header-box a:focus{

	outline: -webkit-focus-ring-color auto 1px;

	text-decoration: none;

}

.site-footer a:focus, .site-footer input:focus, .closepop a:focus,

.nav-menu ul ul a:focus, .site-footer button:focus{

	outline-color: #fff;

}

abbr[title] {

	border-bottom: 1px #767676 dotted;

	text-decoration: none;

}



b,

strong {

	font-weight: inherit;

}



b,

strong {

	font-weight: 700;

}



code,

kbd,

samp {

	font-size: 1em;

}



dfn {

	font-style: italic;

}



mark {

	background-color: #eee;

	color: #222;

}



small {

	font-size: 80%;

}



sub,

sup {

	font-size: 75%;

	line-height: 0;

	position: relative;

	vertical-align: baseline;

}



sub {

	bottom: -0.25em;

}



sup {

	top: -0.5em;

}



audio,

video {

	display: inline-block;

}



audio:not([controls]) {

	display: none;

	height: 0;

}



img {

	border-style: none;

}



svg:not(:root) {

	overflow: hidden;

}



button,

input,

optgroup,

select,

textarea {

	font-size: 100%;

	line-height: 1.15;

	margin: 0;

}



button,

input {

	overflow: visible;

}



button,

select {

	text-transform: none;

}



button,

html [type="button"],

[type="reset"],

[type="submit"] {

	-webkit-appearance: button;

}



button::-moz-focus-inner,

[type="button"]::-moz-focus-inner,

[type="reset"]::-moz-focus-inner,

[type="submit"]::-moz-focus-inner {

	border-style: none;

	padding: 0;

}



button:-moz-focusring,

[type="button"]:-moz-focusring,

[type="reset"]:-moz-focusring,

[type="submit"]:-moz-focusring {

	outline: 1px dotted ButtonText;

}



fieldset {

	border: 1px solid #bbb;

	margin: 0 2px;

	padding: 0.35em 0.625em 0.75em;

}



legend {

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

	color: inherit;

	display: table;

	max-width: 100%;

	padding: 0;

	white-space: normal;

}



progress {

	display: inline-block;

	vertical-align: baseline;

}



textarea {

	overflow: auto;

}



[type="checkbox"],

[type="radio"] {

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

	padding: 0;

}



[type="number"]::-webkit-inner-spin-button,

[type="number"]::-webkit-outer-spin-button {

	height: auto;

}



[type="search"] {

	-webkit-appearance: textfield;

	outline-offset: -2px;

}



[type="search"]::-webkit-search-cancel-button,

[type="search"]::-webkit-search-decoration {

	-webkit-appearance: none;

}



::-webkit-file-upload-button {

	-webkit-appearance: button;

	font: inherit;

}



details,

menu {

	display: block;

}



summary {

	display: list-item;

}



canvas {

	display: inline-block;

}



template {

	display: none;

}



[hidden] {

	display: none;

}

/* new style */

.features-section {

  padding: 60px 20px;

  font-family: Arial, sans-serif;

}



.features-header {

  text-align: center;

  margin-bottom: 40px;

}



.features-title {

  font-weight: bold;

  text-transform: uppercase;

  margin-bottom: 10px;

  color: #0F3567;

}



.features-subtitle {

  font-size: 16px;

  color: #555;

  max-width: 700px;

  margin: 0 auto;

}



.features-grid {

  display: grid;

  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));

  gap: 25px;

}



.feature-box {

  background: #fff;

  padding: 25px;

  border-radius: 12px;

  box-shadow: 0 4px 12px rgba(0,0,0,0.08);

  text-align: center;

  transition: background 0.5s ease;

  background: #fff;

}



.feature-box:hover {

  background: #e6edfd;

}





.feature-icon {

  font-size: 36px;

  color: #f15651;

  margin-bottom: 15px;

}



.feature-heading {

  font-size: 18px;

  font-weight: bold;

  color: #222;

  margin-bottom: 12px;

}



.feature-text {

  font-size: 14px;

  color: #555;

  margin-bottom: 15px;

}



.feature-link {

  display: inline-flex;

  align-items: center;

  font-size: 14px;

  font-weight: bold;

  color: #f15651;

  text-decoration: none;

  transition: color 0.3s ease;

}



.feature-link i {

  margin-left: 6px; 

  transition: transform 0.3s ease;

}



.feature-link:hover {

  color: #1e40af;

}



.feature-link:hover i {

  transform: translateX(4px);

}

#process-steps {

  padding: 60px 20px;

  background: #f9fafc;

}



.process-title {

  margin-bottom: 50px;

  text-align: center;

}



.process-title h2 {

  font-weight: bold;

  text-transform: uppercase;

  margin-bottom: 10px;

  color: #0F3567;

}



.process-title h3 {

  font-size: 18px;

  font-weight: normal;

  color: #777;

}



.process-wrapper {

  display: flex;

  justify-content: space-between; 

  align-items: center;

  flex-wrap: nowrap;

  gap: 0;

  width: 100%;

}



.process-box {

  flex: 1; 

  max-width: 100%;

  position: relative;

  padding: 0 20px; 

  box-sizing: border-box;

}



.process-card {

  background: #fff;

  border-radius: 10px;

  padding: 25px 20px;

  box-shadow: 0 6px 15px rgba(0,0,0,0.08);

  transition: all 0.3s ease;

  height: 100%;

  text-align:center;

}



.process-card:hover {

 box-shadow: 0 10px 20px rgba(0,0,0,0.12);

}

.process-icon .fa{border-radius: 50px;

    border: 1px solid #e1e1e1;

    width: 70px;

    height: 70px;

    line-height: 70px;

    position: relative;

    z-index: 1;}

.process-icon {

  font-size: 38px;

  color: #007bff;

  margin-bottom: 15px;

  height: 110px;

    width: 110px;

    line-height: 110px;

    margin: 15px auto;

    border-radius: 50%;

    z-index: 0;

    font-size: 40px;

    border: 1px solid #e1e1e1;

    transition: all 0.5s;

}



.step-title {

  font-size: 18px;

  font-weight: 600;

  margin-bottom: 8px;

  color: #333;

}



.process-content p {

  font-size: 14px;

  color: #666;

}



.process-connector {

  position: absolute;

  top: 50%;

  right: -15px;

  transform: translateY(-50%);

  display: none;

}



.process-connector svg {

  width: 30px;

  height: 30px;

  stroke: #007bff;

  stroke-width: 2.2;

  fill: none;

}



@media (min-width: 992px) {

  .process-connector {

    display: block;

  }

}

@media (max-width: 992px) {

  .process-wrapper { display: inline-block; text-align:center; }

  .process-box{display:inline-block; width:48%; margin-bottom:20px;}

}

@media (max-width: 600px) {

  .process-box{display:inline-block; width:100% !important;}

}

.process-icon::before {

    content: "";

    position: absolute;





    top: 36%;

    left: 50%;

    width: 90px;       /* match icon container size */

    height: 90px;

    background: #007bff; /* pulse color */

    border-radius: 50%;

    transform: translate(-50%, -50%) scale(1);

    opacity: 0;

    z-index: 0;          /* behind the icon */

    transition: all 0.3s ease;

}



/* Trigger pulse animation on hover */

.process-card:hover .process-icon::before {

    animation: pulse-border 1.5s ease-out infinite;

}



/* Pulse keyframes */

@keyframes pulse-border {

    0% {

        transform: translate(-50%, -50%) scale(1);

        opacity: 0.6;

    }

    100% {

        transform: translate(-50%, -50%) scale(1.6);

        opacity: 0;

    }

}



#our-team-section {

  padding: 60px 0;

  background: #fff;

}



.team-header {

  text-align: center;

  margin-bottom: 40px;

}



.team-header h2 {

  text-transform: uppercase;

  font-weight: bold;

  margin-bottom: 10px;

  color:#0F3567;

}



.team-header h3 {

  font-size: 18px;

  color: #666;

  text-transform: capitalize;

}



.team-grid {

  display: flex;

  justify-content: space-between;

  flex-wrap: wrap;

  gap: 20px;

}



.team-card {

  flex: 1 1 calc(25% - 20px);

  max-width: calc(25% - 20px);

  background: #fff;

  border-radius: 10px;

  overflow: hidden;

  box-shadow: 0 5px 15px rgba(0,0,0,0.1);

  transition: all 0.3s ease;

  text-align: center;

}



.team-card:hover {

  box-shadow: 0 10px 20px rgba(0,0,0,0.15);

}



.team-image {

  position: relative;

  overflow: hidden;

}



.team-image img {

  width: 100%;

  display: block;

  border-bottom: 4px solid #007bff;

}



.team-info {

  position: absolute;

  bottom: 0;

  left: 0;

  right: 0;

  background: rgba(255,255,255,0.95);

  padding: 12px;

}



.team-info h4 {

  margin: 0;

  font-size: 16px;

  font-weight: 600;

  color: #222;

}



.team-info p {

  margin: 2px 0 0;

  font-size: 14px;

  color: #555;

}



.team-social {

  padding: 12px;

  background: #fff;

}



.team-social a {

  display: inline-block;

  margin: 0 6px;

  color: #007bff;

  font-size: 16px;

  transition: all 0.3s ease;

}



.team-social a:hover {

  color: #0056b3;

}



@media (max-width: 991px) {

  .team-card {

    flex: 1 1 calc(50% - 20px);

    max-width: calc(50% - 20px);

  }

}



@media (max-width: 576px) {

  .team-card {

    flex: 1 1 100%;

    max-width: 100%;

  }

}

/* Testimonial Section */

.testimonials-area {

  background: #090a1e;

  padding: 80px 0;

  color: #fff;

}



.testimonial-section-title h3 {

  text-align: center;

  text-transform: uppercase;

  font-size: 28px;

  margin-bottom: 10px;

  color: #fff;

}



.testimonial-section-title p {

  text-align: center;

  font-size: 16px;

  color: #bbb;

  margin-bottom: 40px;

}



/* Testimonial Box */

.testimonial-box {

  background: #10122d;

  padding: 25px;

  border-radius: 12px;

  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.4);

  text-align: left;

  min-height: 250px;

  display: flex;

  flex-direction: column;

  justify-content: space-between;

}



.testimonial-box p {

  font-size: 15px;

  line-height: 1.6;

  color: #ddd;

  margin-bottom: 20px;

}



.testimonial-info {

  display: flex;

  align-items: center;

  gap: 12px;

}



.testimonial-info img {

  width: 55px !important;

  height: 55px;

  border-radius: 50%;

  border: 2px solid #fff;

  object-fit: cover;

}



.testimonial-info h4 {

  font-size: 16px;

  margin: 0;

  color: #fff;

}



.testimonial-info span {

  font-size: 14px;

  color: #aaa;

}



/* Pricing Section */

.pricing-area {

  background: #f9f9f9;

  padding: 100px 0;

}



.pricing-section-title h3 {

  text-align: center;

  text-transform: uppercase;

  margin-bottom: 60px;

  color:#0F3567;

}



/* Pricing Wrapper */

.pricing-wrapper {

  display: flex;

  justify-content: center;

  gap: 30px;

  flex-wrap: wrap;

}



/* Pricing Box */

.pricing-box {

  background: #fff;

  padding: 40px 25px;

  border-radius: 15px;

  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);

  flex: 1 1 280px;

  max-width: 320px;

  position: relative;

  overflow: hidden;

  transition: 0.5s;

}



.pricing-box.middle {

  transform: translateY(-20px); /* Raise middle box */

}



.pricing-box:hover {

  background: #1e90ff;

  color: #fff;

}



/* Animated dots overlay on hover */

.pricing-box::after {

  content: "";

  position: absolute;

  top: -100%;

  left: 0;

  width: 100%;

  height: 200%;

  background: radial-gradient(#fff 1px, transparent 1px);

  background-size: 10px 10px;

  opacity: 0;

  pointer-events: none;

  transition: 0.5s;

}



.pricing-box:hover::after {

  top: 0;

  opacity: 0.2;

  animation: moveDots 1.5s linear infinite;

}



/* Dots moving animation */

@keyframes moveDots {

  0% { background-position: 0 0; }

  100% { background-position: 0 20px; }

}



/* Pricing Content */

.pricing-content h4 {

  font-size: 22px;

  margin-bottom: 15px;

}



.pricing-content h2 {

  font-size: 32px;

  margin-bottom: 25px;

}



.pricing-content h2 span {

  font-size: 18px;

}



.pricing-content ul {

  list-style: none;

  padding: 0;

  margin-bottom: 30px;

}



.pricing-content ul li {

  margin-bottom: 12px;

  font-size: 15px;

}



.btn {

  display: inline-block;

  padding: 12px 30px;

  background: #1e90ff;

  color: #fff;

  border-radius: 50px;

  text-decoration: none;

  font-weight: 600;

  transition: 0.3s;

}



.pricing-box:hover .btn {

  background: #fff;

  color: #1e90ff;

}



#faq_section {

  padding: 80px 0;

  /*background: #f9f9f9;*/

}



.faq-left {

  position: relative;

}



.faq-image-wrapper {

  position: relative;

  display: inline-block;

}



.faq-big-img {

  width: 100%;

  border-radius: 15px;

}



.faq-small-img {

  position: absolute;

  bottom: -20px;

  right: -20px;

  width: 40%;

  border-radius: 10px;

  box-shadow: 0 5px 20px rgba(0,0,0,0.1);

}



/* Right FAQ Section */

.faqsec-heading h3 {

  font-size: 28px;

  margin-bottom: 15px;

  color: #1e2a78;

}



.faqsec-heading p {

  font-size: 15px;

  color: #666;

  margin-bottom: 30px;

}



.faq-list {

  display: flex;

  flex-direction: column;

  gap: 15px;

}



.faq-item {

  background: #fff;

  border-radius: 10px;

  box-shadow: 0 5px 15px rgba(0,0,0,0.05);

  overflow: hidden;

  transition: 0.3s;

  cursor: pointer;

}



.faq-question {

  font-size: 18px;

  margin: 0;

  padding: 18px 20px;

  color: #1e2a78;

  position: relative;

}



.faq-question::after {

  content: "+";

  position: absolute;

  right: 20px;

  font-size: 20px;

  transition: transform 0.3s;

}



.faq-item.active .faq-question::after {

  content: "-";

}



.faq-answer {

  display: none;

  padding: 0 20px 15px;

  font-size: 14px;

  color: #555;

  line-height: 1.6;

}



/* Hover / Active effect */

.faq-item:hover,

.faq-item.active {

  background: #d60000;

  color: #fff;

}

.faq-item:hover .faq-question {color:#fff;}

.faq-item.active .faq-question,

.faq-item.active .faq-answer {

  color: #fff;

}



@media(max-width: 768px) {

  .faq-small-img {

    width: 50%;

    bottom: -15px;

    right: -15px;

  }

}

.newsletter-section {

  background: #d60000;

  padding: 35px 15px;

}



.newsletter-form {

  display: flex;

  flex-wrap: wrap;   /* allow wrapping on small screens */

  align-items: center;

  justify-content: center;

  gap: 15px;

  max-width: 1000px;

  margin: 0 auto;

  width: 100%;

}



.newsletter-title {

  color: #fff !important;

  font-size: 26px;

  margin: 0;

  flex: 1;

  text-align: center;

 

}



.newsletter-inputs {

  display: flex;

  flex: 1;

  gap: 10px;

  min-width: 250px;

}



.newsletter-inputs input {

  flex: 1;

  padding: 12px 15px;

  border: none;

  border-radius: 5px;

}



.newsletter-inputs button {

  padding: 12px 25px;

  background: #fff;

  color: #d60000;

  font-size: 16px;

  font-weight: 600;

  border: none;

  border-radius: 5px;

  cursor: pointer;

  transition: 0.3s;

  white-space: nowrap;

}



.newsletter-inputs button:hover {

  background: #f1f1f1;

}



/* Tablet: stack title on its own line, keep input+button in one row */

@media (max-width: 992px) {

  .newsletter-form {

    flex-direction: column;

    text-align: center;

  }

  .newsletter-inputs {

    width: 100%;

    justify-content: center;

  }

}



/* Mobile: stack input and button */

@media (max-width: 576px) {

  .newsletter-inputs {

    flex-direction: column;

  }

  .newsletter-inputs input,

  .newsletter-inputs button {

    width: 100%;

  }

}





.about-area {padding-bottom:25px;}

.footer-logo {display:inline-block; width:100%; margin-bottom:20px;}

.footer-logo img{width:70%;}

.custom-widget-area{background:#eef4ff;display:inline-block; width:100%;text-align:center;padding:30px 0px; margin-bottom:30px;

  background: linear-gradient(

      rgba(15, 23, 50, 0.6),

      rgba(15, 23, 50, 0.6)

    ),

    url("assets/images/getintouchbg.webp") center/cover no-repeat;

}

.custom-widget-area .wpforms-container{display:inline-block;width:70%;background: rgba(0, 0, 0, 0.4);padding: 20px 40px;}

.custom-widget-area .widget-title{color:#fff;}

.contact-form-area { gap: 10px; display: flex;padding: 20px;}

.wp-block-column1 { flex: 1;}

.getClass {margin-right:10px;}



@media (min-width: 1200px) {

    #banner .container {

        max-width: 1250px;

    }

}

#block-16 {margin-top:0px;}

#block-16 #custom_html-2{margin-top:0px;}

#block-20 .wp-block-heading{font-size:25px; font-weight:600;}

.primary-menu ul.sub-menu li {border-bottom:1px solid #f1f1f1 !important;}

.primary-menu ul.sub-menu li a {color:#000;}

.primary-menu ul.sub-menu {background:#fff !important;border-top: 4px solid #d60000 !important;border-bottom: 4px solid #d60000 !important;}



.submissionFormTable table {margin:30px 0px;}

.submissionFormTable table thead tr{background:#0E4C86;}

.submissionFormTable table thead tr th{color:#fff;}

.fv-filters label{margin:5px 10px 5px 0px;}

.fv-wrap {

    font-family: Arial, sans-serif;

    background-color: #f9f9f9;

    padding: 20px;

    border-radius: 8px;

    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);

    margin: 20px 0;

}



.fv-wrap form {

    display: flex;

    gap: 16px;

    flex-wrap: wrap;

    margin-bottom: 20px;

}



.fv-wrap label, form#complaints-filters label {

    font-weight: bold;

    margin-bottom: 8px;

    flex: 1 1 200px; 

}



.fv-wrap select, .fv-wrap button, form#complaints-filters select, form#complaints-filters button, select#complaints-sort, select#complaints-order{

    padding: 10px;

    font-size: 16px;

    border-radius: 4px;

    border: 1px solid #ddd;

    width: auto;

    max-width: 100%;

    box-sizing: border-box; background: #FFF;

}



.fv-wrap button, form#complaints-filters button {

    background-color: #0073aa;

    color: #fff;

    cursor: pointer;

    border: none;

    transition: background-color 0.3s ease;  padding: 0px 40px;

    margin-bottom: 8px;

}



.fv-wrap button:hover, form#complaints-filters button:hover {

    background-color: #005f8d;

}



.fv-wrap select, form#complaints-filters select {

    background-color: #fff;

    border-color: #ccc;

	width:60%;

}



.fv-wrap select:focus, .fv-wrap button:focus, form#complaints-filters select:focus,form#complaints-filters button:focus{

    outline: none;

    border-color: #0073aa;

}



.submissionFormTable table {

    width: 100%;

    border-collapse: collapse;

    margin-top: 20px;

    background-color: #fff;

    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);

    border-radius: 8px;

}



.submissionFormTable table th, table td {

    padding: 12px 15px;

    text-align: left;

    border-bottom: 1px solid #ddd;

}



.submissionFormTable table th {

    background-color: #0073aa;

    color: #fff;

    font-size: 16px;

}



.submissionFormTable table td {

    font-size: 14px;

    color: #333;

}



.submissionFormTable table tr:nth-child(even) {

    background-color: #f9f9f9;

}



.submissionFormTable table tr:hover {

    background-color: #f1f1f1;

}



@media (max-width: 768px) {

	.fv-wrap label, form#complaints-filters label{flex:1 1 0px;}

    .fv-wrap {

        padding: 16px;

    }



    .fv-wrap form {

        flex-direction: column;

    }



    .fv-wrap label, form#complaints-filters label {

        margin-bottom: 8px;

    }



    .submissionFormTable table th, table td {

        font-size: 12px;

        padding: 10px;

    }



    .fv-wrap table {

        display: block;

        overflow-x: auto;

        -webkit-overflow-scrolling: touch;

        white-space: nowrap;

        border-radius: 8px;

    }



    .submissionFormTable table th, table td {

        min-width: 120px;

    }

	.wp-block-column1{flex:auto;}

	.submissionboardTable .wpforms-field-container .wpforms-one-third, .submissionboardTable .wpforms-field-container .wpforms-field.wpforms-one-half {width:100%; margin-left :0px;}

}

.wp-block-column1 div.wpforms-container-full {margin-top:0px;}

#fv-results {

    margin-top: 20px;

    font-size: 18px;

    color: #666;

    text-align: center;

}



#fv-results p {

    color: red;

    font-weight: bold;

}



.fv-pagination {

    text-align: center;

    margin-top: 20px;

}



.fv-pagination a {

    text-decoration: none;

    padding: 8px 15px;

    background-color: #0073aa;

    color: white;

    margin: 0 5px;

    border-radius: 4px;

}



.fv-pagination a:hover {

    background-color: #005f8d;

}

.wp-block-column1{flex:1;}



.submissionboardTable {

  max-width: 1200px;

    margin: 30px auto;

    padding: 20px;}

   .submissionboardTable .wpforms-form{

    font-family: Arial, sans-serif;

    background-color: #f9f9f9;

    padding: 20px;

    border-radius: 8px;

    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);

    margin: 20px 0;

}.submissionboardTable .wpforms-field-label, .submissionboardTable .wpforms-field-sublabel {

    color: #000000 !important; background-color: inherit;



}.submissionboardTable .wpforms-field{background-color: inherit;

}

@media (min-width: 880px) {

.shrink-header {

  position: fixed; 

  top: 0;

  left: 0;

  width: 100%;

  z-index: 9999;

  background-color: white;

  transition: all 0.3s ease; 

  

}

.shrink-header #masthead {

  padding: 10px 20px; 

  height: 70px; }



.shrink-header .site-header-content{padding:15px 0px;}

.shrink-header {

  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); 

}

}

 button#wpforms-submit-2734{    background-color: #0e4c86 !important; color:#fff !important; margin-left:20px; padding:10px 35px;}

 .complaints-board

 {

    font-family: Arial, sans-serif;

    background-color: #f9f9f9;

    padding: 20px;

    border-radius: 8px;

    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);

    margin: 20px 0;

}.fv-pagination {

    float: right; margin-top:35px; display:flex; gap:6px; align-items:center; flex-wrap:wrap; }

button.fv-page-btn {

    padding: 5px 20px;

    font-size: 12px;

}



/* new style end */



/*-------------- Alignments ---------------*/

.alignleft {

	display: inline;

	float: left;

	margin-right: 1.5em;

}

.alignright {

	display: inline;

	float: right;

	margin-left: 1.5em;

}

.aligncenter {

	clear: both;

	display: block;

	margin-left: auto;

	margin-right: auto;

}

/*--------------- Clearings -------------*/

.clear:before,

.clear:after,

.entry-content:before,

.entry-content:after,

.entry-footer:before,

.entry-footer:after,

.comment-content:before,

.comment-content:after,

.site-header:before,

.site-header:after,

.site-content:before,

.site-content:after,

.site-footer:before,

.site-footer:after,

.nav-links:before,

.nav-links:after,

.pagination:before,

.pagination:after,

.comment-author:before,

.comment-author:after,

.widget-area:before,

.widget-area:after,

.widget:before,

.widget:after,

.comment-meta:before,

.comment-meta:after {

	content: "";

	display: table;

	table-layout: fixed;

}



.clear:after,

.entry-content:after,

.entry-footer:after,

.comment-content:after,

.site-header:after,

.site-content:after,

.site-footer:after,

.nav-links:after,

.pagination:after,

.comment-author:after,

.widget-area:after,

.widget:after,

.comment-meta:after {

	clear: both;

}



/*--------- Forms ---------*/



label {

	color: #3f3f3f;

	font-weight: 600;

	margin-bottom: 0.5em;

}



fieldset {

	margin-bottom: 1em;

}



input[type="text"],

input[type="email"],

input[type="url"],

input[type="password"],

input[type="search"],

input[type="number"],

input[type="tel"],

input[type="range"],

input[type="date"],

input[type="month"],

input[type="week"],

input[type="time"],

input[type="datetime"],

input[type="datetime-local"],

input[type="color"],

textarea {

	color: #747474;

    background: #F9F9F9;

    background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));

    border: 1px solid #ECECEC;

    border-radius: 4px;

    display: block;

    padding: 8px 6px 8px 18px;

    width: 100%;

    margin:0 0 4px 0;

}



input[type="text"]:focus,

input[type="email"]:focus,

input[type="url"]:focus,

input[type="password"]:focus,

input[type="search"]:focus,

input[type="number"]:focus,

input[type="tel"]:focus,

input[type="range"]:focus,

input[type="date"]:focus,

input[type="month"]:focus,

input[type="week"]:focus,

input[type="time"]:focus,

input[type="datetime"]:focus,

input[type="datetime-local"]:focus,

input[type="color"]:focus,

textarea:focus {

	color: #222;

	border-color: #3f3f3f;

}



select {

	border: 1px solid #bbb;

	-webkit-border-radius: 3px;

	border-radius: 3px;

	height: 3em;

	max-width: 100%;

}



input[type="radio"],

input[type="checkbox"] {

	margin-right: 0.5em;

}



input[type="radio"] + label,

input[type="checkbox"] + label {

	font-weight: 400;

}



button, 

input[type="button"], 

input[type="submit"] {

    background: #d60000;

    border: 0;

    color: #fff;

    cursor: pointer;

    display: inline-block;

    font-size: 14px;

    font-weight: 600;

    line-height: 1;

    padding: 1em 2.8em;

    border-radius: 4px;

}



input + button,

input + input[type="button"],

input + input[type="submit"] {

	padding: 0.75em 2em;

}



button.secondary,

input[type="reset"],

input[type="button"].secondary,

input[type="reset"].secondary,

input[type="submit"].secondary {

	background-color: #ddd;

	color: #222;

}



button.secondary:hover,

button.secondary:focus,

input[type="reset"]:hover,

input[type="reset"]:focus,

input[type="button"].secondary:hover,

input[type="button"].secondary:focus,

input[type="reset"].secondary:hover,

input[type="reset"].secondary:focus,

input[type="submit"].secondary:hover,

input[type="submit"].secondary:focus {

	background: #bbb;

}



/* Placeholder text color -- selectors need to be separate to work. */

::-webkit-input-placeholder {

	color: #3f3f3f;

}

:-moz-placeholder {

	color: #3f3f3f;

}

::-moz-placeholder {

	color: #3f3f3f;

	opacity: 1;

}

:-ms-input-placeholder {

	color: #3f3f3f;

}



/*------ Formatting ---------*/



hr {

	background-color: #bbb;

	border: 0;

	height: 1px;

	margin-bottom: 1.5em;

}



/*-------- Lists ----------*/



ul,

ol {

	margin: 0 0 1.5em;

	padding: 0;

}



ul {

	list-style: disc;

	padding-left: 15px;

}



ol {

	list-style: decimal;

}



li > ul,

li > ol {

	margin-bottom: 0;

	margin-left: 1.5em;

}



dt {

	font-weight: 700;

}



dd {

	margin: 0 1.5em 1.5em;

}



/*---------- Tables ---------*/



table {

	border-collapse: collapse;

	width: 100%;

}



thead th {

	padding-bottom: 0.5em;

}



th {

	padding: 0.4em;

	text-align: left;

}

tbody, td, th {

    border: 1px dashed;

	border:none;

}



td {

	padding: 0.4em;

}



th:first-child,

td:first-child {

	/*padding-left: 0;*/

}



th:last-child,

td:last-child {

	padding-right: 0;

}



/*---------- Links -----------*/

a {

	color: #1C3434;

	text-decoration: none ;

}

.article_content a, .lz-content a, .entry-content a, 

.comment-body a, .textwidget a, .content-area a {

    text-decoration: underline;

}

a:hover,

a:active {

	outline: 0;

	color: #1C3434;

	text-decoration: none;

}

.entry-content a,

.entry-summary a,

.widget a,

.site-footer .widget-area a,

.posts-navigation a,

.widget_authors a strong {

	-webkit-transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;

	transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;

	transition: color 80ms ease-in, box-shadow 130ms ease-in-out;

	transition: color 80ms ease-in, box-shadow 130ms ease-in-out, -webkit-box-shadow 130ms ease-in-out;

}

.entry-title a,

.entry-meta a,

.page-links a,

.page-links a .page-number,

.entry-footer a,

.entry-footer .cat-links a,

.entry-footer .tags-links a,

.edit-link a,

.post-navigation a,

.logged-in-as a,

.comment-navigation a,

.comment-metadata a,

.comment-metadata a.comment-edit-link,

.comment-reply-link,

a .nav-title,

.pagination a,

.comments-pagination a,

.site-info a,

.widget .widget-title a,

.widget ul li a,

.site-footer .widget-area ul li a,

.site-footer .widget-area ul li a {

	text-decoration: none;

	-webkit-transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;

	transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;

	transition: color 80ms ease-in, box-shadow 130ms ease-in-out;

	transition: color 80ms ease-in, box-shadow 130ms ease-in-out, -webkit-box-shadow 130ms ease-in-out;

}





.site-footer .current-menu-item a {

	color: #d60000;

}



/* Fixes linked images */

.entry-content a img,

.widget a img {

	-webkit-box-shadow: 0 0 0 8px #fff;

	box-shadow: 0 0 0 8px #fff;

}



.post-navigation a:focus .icon,

.post-navigation a:hover .icon {

	color: #222;

}



/*------------ Serviced Image Hover ----------------*/



.service-content a {

	overflow-wrap: break-word;

}



.post-thumbnail {

	margin-bottom: 1em;

}

.post-thumbnail img {

    width: auto;

}

.post-thumbnail a img {

	-webkit-backface-visibility: hidden;

	-webkit-transition: opacity 0.2s;

	transition: opacity 0.2s;

}



.post-thumbnail a:hover img,

.post-thumbnail a:focus img {

	opacity: 0.7;

}





.carousel-indicators {

    left: -50px;

}

.home #inner-pages-header{display: none;}

#inner-pages-header {

	padding: 4em 0 4em 0;

	position: relative;

	background: #fff;

}

#inner-pages-header h1 {

	font-weight: 600;

    font-size: 41px;

	color: #fff;

    padding: 10px 10px;

	overflow-wrap: break-word;

    margin: 0;

    text-transform: capitalize;

    position: relative;

}

#inner-pages-header .innheader-border{

    display: block;

    margin: 10px auto;

    content: " ";

    text-shadow: none;

    width: 22%;

    border-style: solid;

    border-width: 0px;

    border-left: none;

    border-right: none;

    border-bottom: none;

    border-color: #fff;

    position: relative;

}

/*#inner-pages-header h1:before {

	content: '';

	width: 35px;

	height: 100%;

	position: absolute;

	left: 0;

	top: 0;

	background: #d60000;

	clip-path: polygon(0 0, 50% 0%, 100% 100%, 0% 100%);

}*/

#inner-pages-header .theme-breadcrumb {

	/*background: #fff;

	display: inline-block;

	margin-left: 50px;*/

}

#inner-pages-header .theme-breadcrumb a{color:#ffed00 !important;}

#inner-pages-header .theme-breadcrumb a, #inner-pages-header .theme-breadcrumb span {

	color: #b4c8ff;

	font-size: 15px;

	display: inline-block;

	position: relative;

	font-weight: 600;

	padding: 5px 10px;

}

#inner-pages-header .theme-breadcrumb span {

	overflow-wrap: break-word;

	word-break: break-all;

	/*background: #d60000;

	padding-left: 15px;

	color: #fff;

	clip-path: polygon(20% 0, 100% 0%, 100% 100%, 0% 100%);*/

}

#inner-pages-header .header-content {

	text-align: center;

	position: relative;

}

#inner-pages-header .theme-breadcrumb a:last-child:after {

	display: none;

}

#inner-pages-header .header-overlay {

	position: absolute;

	width: 100%;

	height: 100%;

	background-color: #002465;

	left: 0;

	top: 0;

	/* opacity: 0.5; */

}

.pd-0{padding: 0;}

.mr-0{margin-left:0 !important; margin-right:0 !important; }



/*-------------- Header btn----------------*/

#header .h-btnbox{  float: right;  text-align: right;}

#header .searchoutbx{	display: inline-block;}

#header .searchbx {

    width: 46px;

    height: 46px;

    line-height: 44px;

    border: 1px solid #d60000;

    background: #C1D5F9;

    text-align: center;

    margin: 0px 8px 0 0;

    position: relative;

    border-radius: 5px;

}

/*#header .searchbx i{

	color: #C69453;

	padding-top: 11px;

}*/

#header .search-form input, 

#header .search-form button {

    width: calc(100% - 2px);

    margin-bottom: 10px;

}

#search-form-container {

    border-radius: 6px;

    position: absolute;

    top: 110%;

    right: 0;

    width: auto;

    background: #f1f1f1;

    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);

    opacity: 0;

    transition: opacity 0.3s ease;

    z-index: 1000;

    pointer-events: none;

}



#search-form-container.visible {

    opacity: 1; /* Fully visible */

    pointer-events: auto; /* Allow interaction when visible */

}



#search-form-container:focus-within {

    opacity: 1; /* Make the form visible if any child element is focused */

    pointer-events: auto; /* Allow interaction when visible */

}





.search-form {

    padding: 10px 10px 1px 10px;

	width: 240px;

    box-sizing: border-box;

}



.search-form input,

.search-form button {

    width: calc(100% - 20px); /* Adjust the width of input and button */

    margin-bottom: 10px; /* Optional: Add margin between input and button */

}



.search-form button {

    background: #F23C38; /* Button background color */

    color: #fff; /* Button text color */

    border: none;

    padding: 8px;

    cursor: pointer;

}



.page-template-default #header, .single #header{

	width: 100%;

	top: 0;

    /* position: absolute;

	z-index: 999; */

}



#header .search-box {

	position: relative;

    z-index: 1;

   /* margin-left: 31px;

    margin-right: 31px;*/

}



#header .search-form .search-field::placeholder {

	color: #d60000;

}



#header .search-form .search-field {

    font-size: 14px;

    font-weight: 500;

    margin: 0 !important;

    color: #000;

    border-radius: 4px;

    padding: 8px 10px 8px 12px;

    FONT-WEIGHT: 400;

    border: 1px solid #000;

    letter-spacing: 0.6px;

}



/* .search-form:after {

    content: "\f002";

    position: absolute;

    top: 6px;

    font-size: 21px;

    font-weight: 300;

    right: 33px;

    color: #f5f2f2fa;

    font-family: 'Font Awesome 5 Free';

    cursor: pointer;

	color: #d60000;

} */

/*

#header .search-form:after {

    content: '\f002';

    font-family: 'Font Awesome 5 Free';

    font-weight: 900;

    position: absolute;

    left: 8px;

    top: 6px;

    cursor: pointer;

    font-size: 13px;

    color: #d60000;

}*/



/*#header .search-form .search-submit {

    bottom: 0px;

    padding: 10px;

    top: -52px;

    position: absolute;

    left: 0;

    color: #e37979;

    font-size: 16px;

}*/

#header .search-form .search-submit {

    float: right;

    position: relative;

    right: 0;

    /* text-indent: -999px; */

    padding: 8px 6px;

    top: 0px;

    text-align: center;

    font-size: 14px;

    border-radius: 0%;

    box-shadow: none;

    display: inline-block;

    /* opacity: 0; */

    width: 40%;

    color: #fff;

    background: #000;

    border-radius: 4px;

}

/*.search-form .search-submit {

    bottom: 0px;

    padding: 10px;

    top: -52px;

    position: absolute;

    right: 22px;

    color: #fff;

    font-size: 16px;

}*/

/*#header .search-form .search-submit {

    float: right;

    position: absolute;

    right: auto;

    text-indent: -999px;

    padding: 8px 13px 8px;

    top: 0px;

    border-radius: 0%;

    box-shadow: none;

    display: inline-block;

    opacity: 0;

}*/

/*#header .btncart {

    background: #fff;

    border-radius: 50px 0 0 50px;

    padding: 10px 15px 10px 20px;

    position: relative;

}

#header .btncart .cart{

	font-size: 19px;

	color: #d60000;

	font-weight: 500;

}

#header .btncart .cart i{    

	float: right;

    position: relative;

    top: 4px;

}*/

.page-template-custom-home-page #header {

    position: relative;

    width: 100%;

    z-index: 999;

    padding: 0px 0;

    margin: 0 0 0em 0;

}

#header .top-head{

	position: relative;

/*	background: #d60000; */

	padding: 6px 0px;

}

/*.tph-inn p{    

	position: relative;

    color: #1C3434;

    margin: 0;

    font-size: 16px;

    font-weight: 600;

    float: right;

}

.tph-inn p i{

	color: #d60000;

	padding-right: 10px;

}

.tph-inn a:hover p{color: #d60000;}*/

#header .tphead {

    padding: 6px 0;

    border-bottom: 2px dotted #ccc;

    background: #fff;

}

#header .mail,

#header .phone { display: inline-block; margin: 0 20px 0;}



#header .mail a,

#header .phone a{color: #212121; font-size: 15px;font-weight: 400;}



#header .mail a:hover,

#header .phone a:hover{color: #d60000;}



#header .mail a i,

#header .phone a i{

	font-size: 16px;

	color: #d60000;

    padding-right: 12px;

    position: relative;

    top: 1px;

    font-weight: 600;

    

}



/***** header button *****/

#header .contact{ text-align: right;}

#header .contact a{

    margin-top: 5px;

	position: relative;

    overflow: hidden;

    display: inline-block;

    text-decoration: none;

    font-weight: 400;

    font-size: 20px;

    padding: 6px 20px;

    color: #EAE1DA;

    transition: all 0.5s;

    border-radius: 3px;

    cursor: pointer;

    text-align: center;

    z-index: 9;

    word-break: break-all;

    background: #d60000;

    border-radius: 50px;

    border: none;

}

#header .contact a:hover{background-color: #1C3434}

#header .logobx {width: 15%;padding: 0 10px 0 0; }

#header .m-headbox{padding: 0 0 0 6px;width: 85%;}

#header .h-btnboxout{width: 10%;padding: 0 0 0 4px}

#header .m-head{position: relative;padding: 0px 0;text-align:center; }



.logo img{max-height:100% !important;}

p.site-description{

	font-size: 14px;

	margin: 0;

	padding-bottom: 5px;

	color: #1C3434;

}

h1.site-title, p.site-title {

	margin: 0;

	padding-top: 10px;

	font-size: 26px;

	font-weight: 600;

	letter-spacing: 0;

	line-height: 1.2;	

	text-transform: capitalize;

}

 h1.site-title a, p.site-title a{

	color: #1C3434;

} 









/* --------- MENUS CSS --------- */





/* Header Navigation ------------------------- */



.header-navigation-wrapper {

	display: none;

}



/* Header Toggles ---------------------------- */



.header-toggles {

	display: none;

}



.header-inner .toggle {

	align-items: center;

}



.header-inner .toggle svg {

	display: block;

	position: relative;

	z-index: 1;

}



.header-inner .toggle path {

	fill: currentColor;

}



.toggle-inner {

	float: right;

	justify-content: center;



	position: relative;

}



.toggle-icon {

	display: block;

	overflow: hidden;

}



.toggle-inner .toggle-text {

	color: #6d6d6d;

	font-size: 1rem;

	font-weight: 600;

	position: absolute;

	top: calc(100% + 0.5rem);

	width: auto;

	white-space: nowrap;

	word-break: break-all;

}



.overlay-header .toggle-text {

	color: inherit;

}



.header-inner .toggle:focus .toggle-text,

.header-inner .toggle:hover .toggle-text {

	text-decoration: underline;

}



/* Toggles ----------------------------------- */



.toggle {

	-moz-appearance: none;

	-webkit-appearance: none;

	color: inherit;

	cursor: pointer;

	font-family: inherit;

	position: relative;

	-webkit-touch-callout: none;

	-webkit-user-select: none;

	-khtml-user-select: none;

	-moz-user-select: none;

	-ms-user-select: none;

	text-align: inherit;

	user-select: none;

}



button.toggle {

	background: none;

	border: none;

	box-shadow: none;

	border-radius: 0;

	font-size: inherit;

	font-weight: 400;

	letter-spacing: inherit;

	padding: 0;

	text-transform: none;

}





nav#primary-site-navigation { padding: 0 0 0 18px;}

#sidelong-menu { display: inline;}

.nav-menu ul{

  margin: 0;

  padding: 0;

}

.nav-menu ul li{

	display: inline-block;

	position: relative;

}

.nav-menu ul li a{

	color: #fff;

    font-size: 16px;

    display: block;

    padding: 4px 12px;

    position: relative;

    font-weight: 500;

}

.nav-menu ul li a:hover {

	color: #d60000;

}



/* .sf-arrows .sf-with-ul:before {

    padding: 0px 2px;

    content: "\f107";

    font-family: "Fontawesome";

    font-weight: 600;

    position: relative;

    right: -4px;

    font-size: 5px;

    opacity: 1;

    color: #d60000;

    top: 12px;

    float: right;

    background: #d60000;

    border-radius: 50px;

} */

/* .nav-menu ul li a:before {

	content: '';

	width: 100%;

	height: 5px;

	background: #d60000;

	border-radius: 0 0 10px 10px;

	position: absolute;

	left: 0;

	bottom: -5px;

	display: block;

	opacity: 0;

} */

.nav-menu ul li a:hover:before, .nav-menu ul li.current_page_item a:before {

	opacity: 1;

}

.nav-menu ul ul li a:before {

	display: none;

}

.nav-menu ul ul{

	display: none;

	position: absolute;

	min-width: 215px;

	top: 45px;

	z-index: 9999;

	border: 1px solid #1C3434;

	margin: 0;

}

.nav-menu ul ul ul{

	left: 216px;

	top: 0;

}

.nav-menu ul ul a{

	color: #fff ;

	padding: 10px;

	line-height: 1.5;

	font-size: 14px;

	background: #1C3434;

	transition: all 0.5s ease 0s;

}

.nav-menu ul ul a:hover{

	color: #d60000;

}

.nav-menu ul ul li{

	float: none;

	display: block;

	text-align: left;

	border-left: none;

	border-right: none !important;

	padding: 0;

	border: 0;

	margin: 0;

}



/*header social mediea*/

/*#header .s-media{position: relative; text-align: right;}

#header .s-media span{color: #d60000;font-weight: 500;}

#header .s-media li{display: inline-block;}

#header .s-media a{padding: 0;margin: 0;}

#header .s-media a i {

    position: relative;

    color: #00254A;

    font-size: 16px;

    font-weight: 500 !important;

    padding: 0;

    margin:3px 5px 0px 5px;

    transition: all 0.3s;

    text-align: center;

}

#header .s-media a:hover i{color: #767676; transition: all 0.3s; }*/

/*--------------- SUPERFISH MENU ---------------------------*/

.sf-arrows .sf-with-ul:after {

  content: '\f107';

  font-family: 'Font Awesome 5 Free';

	font-weight: 900;

  position: absolute;

  right: 0px;

  top: 9px;

  font-size: 14px;

}

.sf-arrows ul .sf-with-ul {

	padding: 10px;

}

.sf-arrows ul .sf-with-ul:hover:after{

  transform: rotate(270deg);

}

.sf-arrows ul .sf-with-ul:after{

	top: 10px;

	right: 15px;

}

.toggle-menu, a.closebtn{

	display: none;

}



/* content-page*/

.single-post .article_content p{

	text-align: left;

}



.article_content .is-style-squared a{

	border-radius: 0;

}

.single-post-tags{

	text-align: left;

	font-weight: 500;

	color: #1C3434;

	font-size: 16px;

}

.single-post-tags a {

	font-style: italic;

  text-decoration: none;

  margin-left: 5px;

  display: inline-block;

  font-weight: normal;

}

.article_content img {

  padding: 0 0 10px;

}

.grid-layout .article_content {

	border: 1px solid #eee;

}

.grid-layout .post-date{

	width: 60%;

}

article.inner-service {

	margin-bottom: 25px;

	position: relative;

}

article.inner-service:before {

	content: '';

	width: 60%;

	height: 6px;

	border-radius: 30px;

	background: #d60000;

	position: absolute;

	top: -3px;

	left: 50%;

	transform: translateX(-50%);

}

article.inner-service img {

	width: 100%;

}

.article_content {

  padding: 10px;

  background: #fff;

}

.article_content h3{

	padding: 0 0 10px;

  font-size: 22px;

  color: #1C3434;

  margin: 0;

  overflow-wrap: break-word;

  font-weight: 600;

}

.metabox {

  padding: 5px 10px;

  background: #1C3434;

}

.metabox span {

	display: inline-block;

  font-size: 13px;

  color: #fff;

  font-weight: 500;

	width: 49%;

	text-align: center;

	padding: 0 7px;

}

.metabox span.entry-comments{

	border-right: 1px solid #fff;

}

.metabox span.entry-date span {

	background: #fff;

	padding: 0 10px 0 0;

	display: inline-block;

	width: auto;

	color: #1C3434;

	position: relative;

	font-size: 12px;

}

.metabox span.entry-date span i {

	color: #fff;

	clip-path: polygon(0 0, 70% 0%, 100% 100%, 0% 100%);

	background: #d60000;

	padding: 10px;

	padding: 7px 12px 7px 7px;

  font-size: 15px;

}

.metabox span i{

	margin-right: 5px;

}

.content-area {

  margin-top: 4em;

  margin-bottom: 2em;

}

.article_content p {

	color: #8D8D8D;

	font-size: 13px;

}





/* Navigation Toggle ------------------------- */



.nav-toggle {

	position: absolute;

	bottom: 0;

	right: 0;

	top: 0;

	width: 6.6rem;

}



.nav-toggle .toggle-icon,

.nav-toggle svg {

	height: 34px;

    width: 40px;

    color: #fff;

	border-radius: 2px;

	left: 55px;

	top: 11px;

    background: #1C3434;

    text-align: center;

    line-height: 36px;

    z-index: 9;

    font-size: 24px;

}



/*.nav-toggle .toggle-inner {

	padding-top: 0.8rem;

}*/



/* Primary Menu ---------------------------- */



.primary-menu-wrapper {display: none;}

ul.primary-menu {

    margin: 0px 0 0 0;

    padding: 0;

    border: 1px solid #d60000;

    border-radius: 5px;

    padding: 4px;

    text-align: left;

}



.primary-menu .icon {

	display: block;

    color: #1C3434;

    height: 0.1rem;

    position: absolute;

    pointer-events: none;

    transform: rotate(-45deg);

    width: 1rem;

}



.primary-menu .icon::before,

.primary-menu .icon::after {

	content: "";

	display: block;

	background-color: currentColor;

	position: absolute;

	bottom: calc(50% - 0.1rem);

	left: 0;

}



.primary-menu .icon::before {

	height: 0.4rem;

    width: 0.1rem;

}



.primary-menu .icon::after {

	height: 0.14rem;

    width: 0.4rem;

}



.primary-menu li {

	display: inline-block;

	font-size: inherit;

	line-height: 1.25;

	position: relative;

}



.primary-menu li .sub-menu li {

	display: block;

}



.primary-menu > li {margin:2px 2px 2px 2px;}

.primary-menu > li.menu-item-has-children > a {padding-right: 1.4rem;}



.primary-menu > li > .icon {

	right: 0rem;

    top: calc(54% - 0.3rem);

}

/*.header-navigation-wrapper{float: right;}*/

.primary-menu a {

	color: #1C3434;

    display: block;

    line-height: 1.2;

    font-size: 14px;

    font-weight: 400;

    text-decoration: none !important;

    word-break: normal;

    word-wrap: normal;

    padding: 6px 6px;

}



.primary-menu a:hover,

.primary-menu a:focus,

.primary-menu .current_page_ancestor {

	text-decoration: underline;



}



.primary-menu li.current-menu-item > a,

.primary-menu li.current-menu-item > .link-icon-wrapper > a {

	color: #d60000;

}

.primary-menu li.current-menu-item > a,

.primary-menu li a:hover {

	color: #d60000 !important; 

	transition: all 0.3s ease;

	background: #fde9e9; 

	border-radius: 4px;

}



.primary-menu li.current-menu-item > a:hover,

.primary-menu li.current-menu-item > .link-icon-wrapper > a:hover,

.primary-menu li.current-menu-item > a:focus,

.primary-menu li.current-menu-item > .link-icon-wrapper > a:focus {

	text-decoration: none;

}



/* SUB MENU */

.primary-menu .sub-menu li a:hover,.primary-menu .sub-menu a,

.primary-menu .sub-menu li.current-menu-item a{background: none !important;}



.primary-menu li.current_page_item a, .current_page_item > a {font-weight:600;}



.primary-menu ul {

	background: #1C3434;

    border-radius: 0.4rem;

    color: #fff;

    font-size: 1rem;

	opacity: 0;

    padding: 5px 0;

    position: absolute;

	right: 9999rem;

	top: calc(100% + 0.5rem);

	transition: opacity 0.15s linear, transform 0.15s linear, right 0s 0.15s;

	transform: translateY(0.6rem);

	width: 12rem;

	z-index: 1;



	/* z-index: 9;

    display: none;

    width: 20rem; */

    /* top: calc(98% + .8rem); */

}



/* .primary-menu li.menu-item-has-children:hover > ul,

.primary-menu li.menu-item-has-children:focus > ul,

.primary-menu li.menu-item-has-children.focus > ul {

	display: block;

} */



.primary-menu li.menu-item-has-children:hover > ul, 

.primary-menu li.menu-item-has-children:focus > ul, 

.primary-menu li.menu-item-has-children.focus > ul {

	right: 0;

	opacity: 1;

	transform: translateY(0);

	transition: opacity 0.15s linear, transform 0.15s linear;

}



.primary-menu li::marker{    color: transparent;}



.primary-menu ul a {

	background: transparent;

	border: none;

	text-align: left;

	color: inherit;

	display: block;

	padding: 15px 25px;

	transition: background-color 0.15s linear;

	width: 100%;

}



.primary-menu ul li.menu-item-has-children > a {

	padding-right: 4.5rem;

}



.primary-menu ul li.menu-item-has-children .icon {

	position: absolute;

	right: 1.5rem;

	top: calc(50% - 0.5rem);

}



/* DEEP DOWN */



.primary-menu ul ul {

	top: -1rem;

}



.primary-menu ul li.menu-item-has-children:hover > ul,

.primary-menu ul li.menu-item-has-children:focus > ul,

.primary-menu ul li.menu-item-has-children.focus > ul {

    /* left: 80px;

    top: 25px; */

	left: 169px;

    top: -5px;

}



.primary-menu ul ul::before {

	bottom: 0;

	height: auto;

	left: auto;

	right: -2rem;

	top: 0;

	width: 2rem;

}



.primary-menu ul ul::after {

	border-bottom-color: transparent;



	/*rtl:ignore*/

	border-left-color: #1C3434;

	bottom: auto;

	right: -1.6rem;

	top: 2rem;

}



.rtl .primary-menu ul ul::after {

	transform: rotate(180deg);

}





/*header button*/



.headerbtn{position: relative; ;margin: 8px 0 0 0;}

/*.headerbtn a i{   margin: 1px 0px 0px 2px;}*/

.headerbtn a {

    position: relative;

    overflow: hidden;

    font-size: 18px;

    font-weight: 400;

    padding: 12px 22px;

    color: #fff;

    background: #d60000;

    transition: all .6s ease-in-out;

    border-radius: 5px;

}

.headerbtn a:hover{color: #d60000;}





body.touch-enabled .primary-menu ul li.menu-item-has-children > a {

	margin-right: 4.5rem;

	padding-right: 0;

	width: unset;

}



/* -------------------------------------------------------------------------- */



/*	5. Menu Modal

/* -------------------------------------------------------------------------- */





.menu-modal {

	background: #fff;

	display: none;

	opacity: 0;

	overflow-y: auto;

	overflow-x: hidden;

	position: fixed;

	bottom: 0;

	left: -99999rem;

	right: 99999rem;

	top: 0;

	transition: opacity 0.25s ease-in, left 0s 0.25s, right 0s 0.25s;

	z-index: 99;

	width: 80%;

}



.admin-bar .menu-modal {

	top: 32px;

}





.menu-modal.show-modal {

	display: flex;

}



.menu-modal.active {

	left: 0;

	opacity: 1;

	right: 0;

	transition: opacity 0.25s ease-out;

}



.menu-modal-inner {

	background: #fff;

	/* display: flex; */

	/* padding-right: 18px; */

	justify-content: stretch;

	overflow: auto;

	-ms-overflow-style: auto;

	width: 100%;

}



.menu-wrapper {

	display: flex;

	flex-direction: column;

	justify-content: space-between;

	position: relative;

}



button.close-nav-toggle {

	align-items: center;

    display: flex;

    font-size: 2rem;

    font-weight: 600;

    justify-content: flex-end;

    padding: 1.2rem 18px;

    width: 100%;

}



button.close-nav-toggle svg {

	height: 1.6rem;

	width: 1.6rem;

}



button.close-nav-toggle .toggle-text {

    margin-right: 13px;

    font-size: 18px;

	color: #1C3434;

}

button.close-nav-toggle i {

	font-size: 25px;

	color: #1C3434;

}



.menu-modal .menu-top {

	flex-shrink: 0;

}



i.fa.fa-chevron-down {

	color: #1C3434;

}





/* Main Menu --------------------------------- */



.modal-menu {

	position: relatiave;

	left: calc(50% - 50vw);

	padding: 0;

	width: 100%;

}



.modal-menu li {

	border-color: #dedfdf;

	border-style: solid;

	border-width: 0.1rem 0 0 0;

	display: flex;

	flex-wrap: wrap;

	line-height: 1;

	justify-content: flex-start;

	margin: 0;

}



.modal-menu > li > a,

.modal-menu > li > .ancestor-wrapper > a {

	font-size: 1.1rem;

	font-weight: 500;

	letter-spacing: -0.0375em;

}



.modal-menu > li:last-child {

	border-bottom-width: 0.1rem;

}



.modal-menu .ancestor-wrapper {

	display: flex;

	justify-content: space-between;

	width: 100%;

}



.modal-menu a {

	display: block;

	text-align: left;

	padding: 18px 11px;

	text-decoration: none;

	width: 100%;

}



.modal-menu a:focus,

.modal-menu a:hover,

.modal-menu li.current-menu-item > .ancestor-wrapper > a,

.modal-menu li.current_page_ancestor > .ancestor-wrapper > a {

	text-decoration: underline;

}



button.sub-menu-toggle {

	border-left: 0.1rem solid #dedfdf;

	flex-shrink: 0;

	margin: 1rem 0;

	padding: 0 23px;

}



button.sub-menu-toggle svg {

	height: 0.9rem;

	transition: transform 0.15s linear;

	width: 1.5rem;

}



button.sub-menu-toggle.active svg {

	transform: rotate(180deg);

}



.modal-menu ul {

	display: none;

	margin: 0;

	padding: 0;

	width: 100%;

}



.modal-menu ul li {

	border-left-width: 1rem;

}



.modal-menu ul li a {

	color: #1C3434;

	font-weight: 500;

}



/* Main menu animation ----------------------- */



.menu-wrapper .menu-item {

	position: relative;

	padding: 0 6px;

}



.menu-wrapper .active {

	display: block;

}



.menu-wrapper.is-toggling {

	pointer-events: none;

}



.menu-wrapper.is-toggling .menu-item {

	position: absolute;

	top: 0;

	left: 0;

	margin: 0;

	width: 100%;

}



.menu-wrapper.is-toggling .menu-bottom .social-menu .menu-item {

	width: auto;

}



.menu-wrapper.is-animating .menu-item,

.menu-wrapper.is-animating .toggling-target {

	transition-duration: 250ms;

}



.menu-wrapper.is-animating .menu-item {

	transition-property: transform;

}



.menu-wrapper.is-toggling .toggling-target {

	display: block;

	position: absolute;

	top: 0;

	left: 0;

	opacity: 1;

}



.menu-wrapper.is-toggling .toggling-target.active {

	opacity: 0;

}



.menu-wrapper.is-animating.is-toggling .toggling-target {

	display: block;

	transition-property: opacity;

	opacity: 0;

}



.menu-wrapper.is-animating.is-toggling .toggling-target.active {

	opacity: 1;

}



.menu-wrapper.is-toggling .modal-menu > li:last-child li {

	border-top-color: transparent;

	border-bottom-width: 0.1rem;

}



@media (prefers-reduced-motion: reduce) {



	.menu-wrapper.is-animating .menu-item,

	.menu-wrapper.is-animating .toggling-target {

		transition-duration: 1ms !important;

	}



}





/* Expanded Menu ----------------------------- */



.expanded-menu {

	display: none;

}



.mobile-menu {

	display: block;

}





@media ( min-width: 1000px ) {



	/* HEADER NAVIGATION */



	.header-navigation-wrapper {

		align-items: center;

		display: inline-block;

	}



	.primary-menu-wrapper {

		display: block;

		text-align: center;

		width: auto;

	}



	/* HEADER TOGGLES */



	.mobile-search-toggle,

	.mobile-nav-toggle {

		display: none !important;

	}



	.primary-menu-wrapper + .header-toggles {

		margin-left: 3rem;

	}



	.header-toggles {

		display: flex;

		flex-shrink: 0;

		margin-right: -3rem;

	}



	.header-inner .toggle {

		height: 4.4rem;

		padding: 0 3rem;

		position: relative;

		bottom: auto;

		left: auto;

		right: auto;

		top: auto;

		width: auto;

	}



	.header-inner .toggle-wrapper {

		position: relative;

	}



	.header-inner .toggle-wrapper::before {

		background: #dedfdf;

		content: "";

		display: block;

		height: 2.7rem;

		position: absolute;

		left: 0;

		top: calc(50% - 1.35rem);

		width: 0.1rem;

	}



	.header-inner .toggle-wrapper:first-child::before {

		content: none;

	}



	.header-inner .primary-menu-wrapper + .header-toggles .toggle-wrapper:first-child::before {

		content: "";

	}



	.nav-toggle-wrapper:not(.has-expanded-menu) {

		display: none;

	}



	.toggle-inner {

		position: static;

	}



	.toggle-inner .toggle-text {

		left: 0;

		right: 0;

		text-align: center;

		top: calc(100% - 0.3rem);

		width: auto;

	}



	.header-toggles:only-child .nav-toggle .toggle-inner {

		padding-top: 0;

	}



	.header-toggles:only-child .toggle-inner {

		display: flex;

		flex-wrap: nowrap;

		align-items: center;

	}



	.header-toggles:only-child .toggle-inner .svg-icon {

		order: 1;

	}



	.header-toggles:only-child .toggle-inner .toggle-text {

		position: static;

		padding-right: 20px;

		font-size: 15px;

		color: inherit;

	}



	/* Menu Modal ---------------------------- */



	.menu-modal {

		opacity: 1;

		justify-content: flex-end;

		padding: 0;

		transition: background-color 0.3s ease-in, left 0s 0.3s, right 0s 0.3s;

	}



	.menu-modal.cover-modal {

		background: rgba(0, 0, 0, 0);

	}



	.menu-modal.active {

		background: rgba(0, 0, 0, 0.2);

		transition: background-color 0.3s ease-out;

	}



	.menu-wrapper.section-inner {

		width: calc(100% - 8rem);

	}



	.menu-modal-inner {

		box-shadow: 0 0 2rem 0 rgba(0, 0, 0, 0.1);

		opacity: 0;

		padding: 0;

		transform: translateX(20rem);

		transition: transform 0.2s ease-in, opacity 0.2s ease-in;

		width: 50rem;

	}



	.menu-modal.active .menu-modal-inner {

		opacity: 1;

		transform: translateX(0);

		transition-timing-function: ease-out;

	}



	.mobile-menu {

		display: none;

	}



	.expanded-menu {

		display: block;

	}



	.menu-bottom {

		padding: 6rem 0;

	}



	.menu-bottom .social-menu {

		justify-content: flex-start;

	}



}



@media ( min-width: 1220px ) {



	/* HEADER TOGGLES */



	.primary-menu-wrapper + .header-toggles {

		margin-left: 4rem;

	}



	.header-toggles {

		margin-right: -4rem;

	}



	.header-toggles .toggle {

		padding: 0 4rem;

	}

	

}



@media (max-width: 782px) {



	.admin-bar .menu-modal {

		top: 46px;

	}

}



/*======================================*/

/********* Banner Section **************/

/*======================================*/

#banner{

	position: relative;

	overflow: hidden;

	padding: 3em 0 0em 0;

}

#banner .bannerinn{position: relative;}

#banner .img-box {

    position: relative;

    width: 40%;

}

#banner .profileimg {

    text-align: right;

}

#banner .profile-box{

	text-align: center;

	position: relative;

}

@keyframes spin {

  from {

    transform: rotate(124.515deg);

  }

  to {

    transform: rotate(484.515deg); /* 124.515 + 360 */

  }

}



#banner .profile-box:after {

    width: 450px;

    height: 450px;

    content: "";

    background: #D6E6F9;

    left: 0;

    right: 0;

    bottom: inherit;

    position: absolute;

    border-radius: 50%;

    margin: 0 auto;

    z-index: -1;



  transform-origin: center;

  

}

#banner .profile-box:before{

		  animation: spin 50s linear infinite;

	width: 470px;

    height: 470px;

    content: "";

    left: 0;

    right: 0;

    bottom: inherit;

    position: absolute;

    border-radius: 50%;

    margin: 0 auto;

    outline: 2px dashed #d60000;

    z-index: -1;

}

#banner .profile img{position: relative;}

#banner .profileimg img{

	border-radius: 20px;

	 box-shadow: 0px 3px 15px #0000001A;

}

#banner .profile-box{}

#banner .plneimg {

    position: absolute;

    left: 4%;

    top: -8%;

}

#banner .cir1 {

    position: absolute;

    left: 0;

    top: 25%;

    animation: spin 3s linear infinite;

}

#banner .cir2 {

    position: absolute;

    right: 16%;

    top: 8%;

    animation: spin 6s linear infinite;

}

#banner .cir3 {

    position: absolute;

    right: 0;

    bottom: 15%;

    animation: spin 9s linear infinite;

}

/*****/

#banner .content-box {

    position: relative;

    /* background: #193131; */

    padding: 0em;

    margin: 2em 0em 0;

}

#banner .content-boxinn {

    position: relative;

  	padding: 0 2em 0 0;

    width: 60%;

}

#banner .content-boxinn h1 {

    position: relative;

    font-size: 50px;

    font-weight: 600;

    color: #002465;

    margin: 30px 0 40px 0;

}



#banner .content-boxinn p {

    position: relative;

    font-size: 18px;

    color: #1A3B75;

    line-height: 28px;

    font-weight: 300;

    margin: 10px 0 16px 0;

}

#banner .box{position: relative;}

#banner .box .num{position: relative; margin: 20px 0 0 0;}

#banner .box .num h2 {

    position: relative;

    margin: 0;

    width: 18%;

    font-weight: 700;

    font-size: 55px;

    color: #1A3B75;

}

#banner .box .num.\32 x h2{color: #d60000;}

#banner .box .num.\32 x h2:before {

    content: "";

    left: 28px;

    position: absolute;

    bottom: 13px;

    border-bottom: 2px solid #d60000;

    /* right: 0; */

    width: 60px;

}

#banner .box .num.\32 x p{padding: 0 14em 0 0;}

#banner .box .num p{

	width: 82%;

	font-size: 18px;

	color: #414141;

}

#banner .profiletext1 {

    position: absolute;

    top: 70%;

    font-size: 14px;

    left: 0%;

    color: #1A3B75;

    box-shadow: 0px 0px 10px #00000029;

    padding: 4px 14px 6px 8px;

    background: #fff;

    border-radius: 4px;

    transform: rotate(11deg);

}

#banner .profiletext1 i{margin-right:10px; }



#banner .profiletext2 {

    position: absolute;

    bottom: 26%;

    font-size: 14px;

    right: 0%;

    color: #1A3B75;

    box-shadow: 0px 0px 10px #00000029;

    padding: 4px 14px 6px 8px;

    background: #fff;

    border-radius: 4px;

    transform: rotate(-8deg);

}

#banner .profiletext2 i{margin-right:10px; }

/*======================================*/

/********* trustedbycompanies-section **************/

/*======================================*/

#trustedbycompanies-section{

	position: relative;

	overflow: hidden;

	background: #d60000 ;

	padding: 2em 0;

}

#trustedbycompanies-section h2 {

    font-size: 24px;

    font-weight: 600;

    color: #fff;

}

#trustedbycompanies-section .logo {

    text-align: center;

    margin: 6px 0;

}

/*======================================*/

/********* aboutus-section **************/

/*======================================*/

#aboutus-section{

	position: relative;

	overflow: hidden;

	padding: 8em 0 2em;

}

#aboutus-section .abtimgbx{position: relative;width: 45%;}

#aboutus-section .abtimgbx img{position: relative;border-radius: 14px;}



#aboutus-section .detailbx{position: relative;width: 55%;padding: 0 44px 0 0px;}

#aboutus-section .titleimg {

    position: absolute;

    top: -6pc;

    left: -1pc;

}

#aboutus-section .detailbx h5 {

    font-size: 50px;

    font-weight: 600;

    margin: 0;

    color: #002465;

    position: relative;

    margin: 15px 0 15px 0;

    text-indent: 100px;

}

#aboutus-section .detailbx p{

	font-size: 17px;

	color: #1C3434;

	margin: 20px 0 10px 0;

}

#aboutus-section .list ul{margin: 0;padding: 0;}

#aboutus-section .list li {

    list-style: none;

    padding: 0 0px 0 0;

}

#aboutus-section .list li h4 {

    position: relative;

    font-size: 15px;

    font-weight: 800;

    margin: 12px 0;

	font-family: 'Mulish', sans-serif;

    color: #1C3434;

    padding: 0 0 0 30px;

}

#aboutus-section .list li h4 i {

    position: relative;

    color: #1C3434;

    font-size: 10px;

    margin: 0 10px 0 -30px;

    border-radius: 50px;

    border: 1px solid #1C3434;

    padding: 3px;

}

#aboutus-section .bttn{

	position: relative;

    padding:20px 0px 20px 0;

    /*border-right: 1px solid #ccc;*/

    margin: 4px 0 4px 0;

}

#aboutus-section .bttn a {

    position: relative;

    overflow: hidden;

    display: inline-block;

    text-decoration: none;

    font-weight: 400;

    font-size: 16px;

    padding: 8px 30px 8px 30px;

    color: #fff;

    transition: all 0.5s;

    border: none;

    border-radius: 4px;

    cursor: pointer;

    text-align: center;

    word-break: break-all;

    background-color: #d60000;

    z-index: 1;

}

#aboutus-section .bttn a:hover{background:#000;color:#fff;transition: all 0.5s;}

#aboutus-section .bttn a i{

    transition: all 0.2s;

    margin-left: 8px;

}

#aboutus-section .aboutus-profileimg{

	    display: inline-block;

}

#aboutus-section .aboutus-profileimg img{

    width: 53px;

    height: 53px;

    border-radius: 50px;

}

#aboutus-section .aboutus-profileimgnumber {

    display: inline-block;

    position: relative;

    margin: 0px 0 0 12px;

    top: 15px;

}

#aboutus-section .aboutus-profileimgnumber h2{

   padding: relative;

    font-size: 20px;

    font-weight: 600;

    color: #002465;

}

#aboutus-section .aboutus-profileimgnumber h2 span{

  font-size: 16px;

  font-weight: 400;

  color: #707070;

}



#aboutus-section .expebx {

    position: absolute;

    right: 0;

    bottom: 24px;

    display: inline-block;

    background: #1C3434;

    border-radius: 14px;

    border: 1px solid #fff;

    padding: 6px 50px 10px 50px;

}

#aboutus-section .expebx h2 {

    font-weight: 600;

    font-size: 42px;

    color: #fff;

    padding: 0;

    margin: 0;

    line-height: 1;

}

#aboutus-section .exptxt{

	font-size: 18px;

	color: #fff;

	font-weight: 3

}





#aboutus-section .projects-numbers {

    position: relative;

}

/**************************/

/*counter*/

.counter{

  position: relative;

  overflow: hidden;

  padding: 3em 0 1em 0;

}

.counter .c-box1{

    width: 70%;

    background:#E9E9E9;

    border-radius: 21px 0 0 21px;

}

.counter .c-boxinn { width: 50%;    padding: 0 6px 0 10px;}

.counter .c-bxn {

    position: relative;

    text-align: center;

    border-radius: 21px;

    background: #fff;

    margin: 10px 0;

    padding: 20px 10px;

}

.counter .c-boxinn h2 {

  font-size: 60px;

  font-weight: 600;

  color: #002465;

  padding: 0;

  margin: 0;

}

.counter .c-boxinn h2 i {

    background: #d60000;

    font-size: 13px;

    color: #fff;

    width: 29px;

    height: 29px;

    line-height: 29px;

    border-radius: 50px;

    position: relative;

    top: -24px;

    left: 10px;

}

.counter .c-boxinn p{

  font-size: 20px;

  font-weight: 600;

  color: #002465;

  padding: 0;

  margin: 0;

}

.counter .c-box2 {

  position: relative;

  width: 30%;

  border-radius: 0 21px 21px 0;

  background: url(assets/images/counterrbg.png);

  background-size: cover;

}

.counter .cimg-bx {

    position: relative;

    padding: 4em 5em 1em 3em;

    display: block;

	padding: 5pc 1pc 4px 2pc;

}

.counter .cimg-bx h4 {

     width: 38%;

    font-size: 60px;

    font-weight: 600;

    color: #fff;

    position: relative;

    width: 36%;

    font-size: 60px;

    font-weight: 600;

    color: #fff;

    text-align: right;

    line-height: 1;

}

.counter .cimg-bx h5{

  width: 62%;

  font-size: 20px;

  font-weight: 600;

  line-height: 1.4;

  color: #fff;

}

/*======================================*/

/********* services-section **************/

/*======================================*/

#services-section {

    position: relative;
   
    /*overflow: hidden;

    padding: 0em 0 3em;*/

}

#services-section .head{position: relative;margin-bottom: 6em;text-align: center;}

#services-section .head h3{font-size: 18px;font-weight: 500; margin: 10px 0 0 0;color: #d60000;}

#services-section .head h2{font-size: 35px;font-weight: 600; margin: 18px 0;color: #0F3567;}

#services-section .serbx {position: relative;}

#services-section .serbx .serbxinn {

    position: relative;

    margin: 0 0 2.3em 0;

    background: #fff;

    border-radius: 10px;

    padding: 16px 16px;

    transition: all 0.5s;

    box-shadow: 0px 0px 20px #00000029;

}

#services-section .serbx .serbxinn:hover{

	transition: all 0.5s;

	/*background: #0F3567;*/

}



#services-section .serbxinn img{width: 100%;border-radius: 7px;}

#services-section .content{

	position: relative;

	margin-top: 2em;

}

#services-section .sconbx {

    position: relative;

    overflow: hidden;

}

#services-section  .Numrical {

    position: absolute;

    right: 5px;

}

#services-section  .Numrical h5 {

    position: relative;

    font-size: 75px;

    color: #f2f3f5;

    transition: all 0.5s;

}

#services-section .serbxinn:hover  .Numrical h5 {color: #d60000;transition: all 0.5s;}

#services-section .serbxinn h4 {

    font-size: 24px;

    color: #0F3567;

    line-height: 1;

    font-weight: 600;

    margin: 20px 0px 14px 0;

    transition: all 0.5s;

}

#services-section .serbx .serbxinn:hover h4 {

	/*color: #fff;*/

	transition: all 0.5s;

}

#services-section .serbxinn p {

    position: relative;

    font-size: 16px;

    color: #879ab8;

    font-weight: 300;

    line-height: 26px;

    margin: 0;

    padding: 0 0;

    transition: all 0.5s;

}

#services-section .serbx .serbxinn:hover p {

	/*color: #fff;*/

	transition: all 0.5s;

}



#services-section .ser-btn{position: relative;transition: all 0.5s;margin-top: 10px;}

#services-section .ser-btn a svg {

    position: relative;

    width: 30px;

    margin: 0 0 0 8px;

    top: -1px;

    transition: all 0.5s;

    fill: #000;

}

#services-section .ser-btn a{

    position: relative;

    overflow: hidden;

    font-size: 16px;

    transition: all 0.5s; 

}

#services-section .serbxinn:hover .ser-btn a svg{/*fill:#fff;*/}

#services-section .serbxinn:hover .ser-btn a{transition: all 0.5s; /*color: #fff ;*/}

#services-section .ser-btn a:hover{letter-spacing: 1px;transition: all 0.5s;}



/*=============================*/

.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next, .owl-carousel button.owl-dot {

    font-size: 30px !important;

}



.owl-theme .owl-nav [class*='owl-']:hover {

	color: #1C3434 !important;

	background: none !important;

}





/*---- Back to Top css ----*/

/*=============================*/

.back-to-top, .back-to-top::after, .back-to-top-text {

	transition: all 0.25s ease-in-out;

}

.back-to-top, .back-to-top::after {

	position: fixed;

	height: 35px;

	width: 35px;

	color: #fff;

	padding: 3px 3px;

	font-size: 12px;

	font-weight: bold;

	background: #bc64ec;

}

.back-to-top {

	right: 10px;

	bottom: -12%;

	z-index: 999;

	text-align: center;

	text-decoration: none;

	text-transform: uppercase;

	transform: rotate(-45deg);

	background: #1C3434;

	border-radius: 0;

}

.back-to-top::after {

	display: inline-block;

	content: "";

	right:  -1px;

	bottom: 0;

	border-width: 1px;

	background: transparent;

}

.back-to-top-text {

	display: block;

	position: relative;

	transform: rotate(45deg) translate(2%,0%);

}

.back-to-top:focus {

	outline: none;

}

.back-to-top:hover::after {

	transform: translate(25%,-25%);

	background: #d60000;

	z-index: 9;

}

.back-to-top:hover .back-to-top-text {

	color: #fff;

	z-index: 99;

	transform: rotate(45deg) translate(2px,-15px);

}

.show-back-to-top {

	bottom: 4%;

}



/* Woocommerce */

.entry-content .woocommerce .col-1, .entry-content .woocommerce .col-2{

	max-width: 100%;

}

.woocommerce ul.products {

	margin: 0;

}

.woocommerce .products li{

	border: 1px solid #939191;

	background: #fff;

	margin-bottom: 20px !important;

}

.woocommerce .products li:hover{

	border: 1px solid #1C3434;

}

.woocommerce #sidebar {

  margin-top: 2em;

}

.woocommerce-product-gallery__image{

  padding: 2px;

}

a.showcoupon,

.woocommerce-message::before{

	color: #1C3434;

}

.woocommerce-message {

  border-top-color: #1C3434;

}

.woocommerce span.onsale{

	background: #1C3434;

	color: #fff;

	padding: 0;

	border-radius: 0;

}

.woocommerce ul.products li.product .onsale, .woocommerce ul.products li.product .button, .woocommerce ul.products li.product img{

	margin: 0 !important;

}

.products li {

  padding: 10px !important;

  text-align: center;

}

h2.woocommerce-loop-product__title, .woocommerce div.product .product_title {

  color: #1C3434;

  font-weight: 600;

  font-size: 22px !important;

  padding-top: 0;

}

.woocommerce ul.products li.product .price, .woocommerce div.product p.price, .woocommerce div.product span.price {

  color: #1C3434;

  font-size: 16px;

}

.woocommerce .woocommerce-product-rating .star-rating {

	color: #1C3434;

}

.woocommerce div.product .product_title,.woocommerce div.product p.price, .woocommerce div.product span.price{

	margin-bottom: 5px;

}

.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button,.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled], .woocommerce a.added_to_cart.wc-forward{

	background: #1C3434;

	border-radius: 0;

	color: #fff;

	font-weight: 500;

	transition: 0.5s all ease-in-out;

}

.woocommerce a.added_to_cart.wc-forward {

	padding: 6px 12px;

	display: inline-block;

	margin-top: 10px;

}

.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover,.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce button.button:disabled:hover, .woocommerce button.button:disabled[disabled]:hover, .woocommerce a.added_to_cart.wc-forward:hover {

	background: #d60000;

	color: #fff;

}

.woocommerce .quantity .qty {

  width: 5em;

  padding: 5px;

  border-radius: 0;

  border: solid 1px #353535;

  color: #353535;

}

span.woocommerce-input-wrapper {

	width: 100%;

}

nav.woocommerce-MyAccount-navigation ul {

  list-style: none;

}

nav.woocommerce-MyAccount-navigation ul li {

  background: #1C3434;

  padding: 12px;

  margin-bottom: 10px;

  font-weight: 500;

}

nav.woocommerce-MyAccount-navigation ul li a{

	color: #fff;

	text-decoration: none;

}

.product_meta a {

	text-decoration: none;

}

.posted_in, .woocommerce form .password-input, .woocommerce form .form-row, .woocommerce .woocommerce-form-login .woocommerce-form-login__rememberme {

	display: block;

}

header.woocommerce-products-header {

  margin-top: 20px;

}

.woocommerce .products .star-rating{

	margin: 5px auto 10px;

}

.select2-container--default .select2-selection--single {

	height: auto !important;

}

.select2-container--default .select2-selection--single .select2-selection__rendered {

	padding: 8px;

}

.select2-container--default .select2-selection--single .select2-selection__arrow {

	height: 5px !important;

	top: 50% !important;

	transform: translateY(-50%);

}



/*------- Header ---------*/



/*.topheadmobout a {

	color: #1C3434;

}

.topheadmobout i {

	color: #d60000;

}

.topheadmobout .fa-phone {

	transform: scaleX(-1);

}

*/

/*.topheadmobout a.phone {

    margin-right: 4em;

}*/

.site-title {

	clear: none;

	font-size: 24px;

	font-weight: 800;

	line-height: 1.25;

	letter-spacing: 0.08em;

	margin: 0;

	padding: 0;

	text-transform: uppercase;

}

.site-title,

.site-title a {

	/* color: #222; */

	opacity: 1; 

}

.custom-logo-link {

	display: inline-block;

	vertical-align: middle;

	width: auto;

}

#header .bott-head{

	position: relative;

    padding-top: 35px;

    padding-bottom: 30px;

}

.custom-logo-link img {

	display: inline-block;

	max-height: 80px;

	width: auto;

}



body.home.title-tagline-hidden.has-header-image .custom-logo-link img,

body.home.title-tagline-hidden.has-header-video .custom-logo-link img {

	max-height: 200px;

	max-width: 100%;

}



.custom-logo-link a:hover,

.custom-logo-link a:focus {

	opacity: 0.9;

}



body:not(.title-tagline-hidden) .site-branding-text {

	display: inline-block;

	vertical-align: middle;

}



.has-header-image.practical_financial_services-front-page .custom-header,

.has-header-video.practical_financial_services-front-page .custom-header,

.has-header-image.home.blog .custom-header,

.has-header-video.home.blog .custom-header {

	display: table;

	height: 300px;

	height: 75vh;

	width: 100%;

}

.wp-custom-header .wp-custom-header-video-button { 

	background-color: rgba(34, 34, 34, 0.5);

	border: 1px solid rgba(255, 255, 255, 0.6);

	color: rgba(255, 255, 255, 0.6);

	height: 45px;

	overflow: hidden;

	padding: 0;

	position: fixed;

	right: 30px;

	top: 30px;

	-webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;

	transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;

	width: 45px;

}

.wp-custom-header .wp-custom-header-video-button:hover,

.wp-custom-header .wp-custom-header-video-button:focus { 

	border-color: rgba(255, 255, 255, 0.8);

	background-color: rgba(34, 34, 34, 0.8);

	color: #fff;

}

.admin-bar .wp-custom-header-video-button {

	top: 62px;

}

.has-header-image.practical_financial_services-front-page .site-branding,

.has-header-video.practical_financial_services-front-page .site-branding,

.has-header-image.home.blog .site-branding,

.has-header-video.home.blog .site-branding {

	display: table-cell;

	height: 100%;

	vertical-align: bottom;

}



/*------- Front Page ------------*/

.practical_financial_services-front-page .site-content {

	padding: 0;

}

.practical_financial_services-panel {

	overflow: hidden;

	position: relative;

}

.panel-image {

	background-position: center center;

	background-repeat: no-repeat;

	-webkit-background-size: cover;

	background-size: cover;

	position: relative;

}

.panel-image:before {	

	background: -webkit-linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%);

	background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.3)));

	background: -webkit-linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%);

	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%);

	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1f222100000", endColorstr="#4d000000", GradientType=0);

	bottom: 0;

	content: "";

	left: 0;

	right: 0;

	position: absolute;

	top: 100px;

}

.practical_financial_services-front-page article:not(.has-post-thumbnail):not(:first-child) {

	border-top: 1px solid #ddd;

}

.panel-content {

	position: relative;

}

.panel-content .wrap {

	padding-bottom: 0.5em;

	padding-top: 1.75em;

}



/* Panel edit link */

.practical_financial_services-panel .edit-link {

	display: block;

	margin: 0.3em 0 0;

}



/* Front Page - Recent Posts */

.practical_financial_services-front-page .panel-content .recent-posts article {

	border: 0;

	color: #3f3f3f;

	margin-bottom: 3em;

}

.recent-posts .entry-header {

	margin-bottom: 1.2em;

}

.page .panel-content .recent-posts .entry-title {

	font-size: 20px;

	font-size: 1.25rem;

	font-weight: 300;

	letter-spacing: 0;

	text-transform: none;

}

.practical_financial_services-panel .recent-posts .entry-header .edit-link {

	color: #222;

	display: inline-block;

	font-size: 11px;

	font-size: 0.6875rem;

	margin-left: 1em;

}



/*-------- Regular Content -----------*/

.site-content-contain {

	position: relative;

}

.site-content {

	padding: 2.5em 0 0;

}



/*-------- Posts ----------------*/

.sticky {

	position: relative;

	background: #eee;

}

.post:not(.sticky) .icon-thumb-tack {

	display: none;

}

.page .panel-content .entry-title,

.page-title,

body.page:not(.practical_financial_services-front-page) .entry-title {

	color: #1C3434;

	font-size: 25px;

    font-weight: 700;

    letter-spacing: 1px;

}

.page-title strong {

	display: block;

	font-size: 60px;

}

.home-btn a{

	font-weight: 500;

	font-size: 16px;

	display: inline-block;

	margin-bottom: 20px;

}

.home-btn a i{

	margin-right: 8px;

}

.entry-header .entry-title {

	margin-bottom: 0.25em;

}

.entry-title a {

	color: #1C3434;

	text-decoration: none;

	margin-left: -2px;

}

h3.entry-title a {

    font-weight: 500;

}

.entry-title:not(:first-child) {

	padding-top: 0;

}

.entry-meta {

	color: #767676;

	font-size: 11px;

	font-weight: 800;

	letter-spacing: 0.1818em;

	padding-bottom: 0.25em;

	text-transform: uppercase;

}

.entry-meta a {

	color: #767676;

}

.byline,

.updated:not(.published) {

	display: none;

}

.single .byline,

.group-blog .byline {

	display: inline;

}

.pagination,

.comments-pagination {

	font-size: 14px;

	font-weight: 800;

	padding: 2em 0 3em;

	text-align: center;

}

.pagination .icon,

.comments-pagination .icon {

	width: 0.666666666em;

	height: 0.666666666em;

}

.comments-pagination {

	border: 0;

}

.page-numbers {

	display: none;

	padding: 10px;

}

.page-numbers.current{

	display: inline-block;

	background: #1C3434;

}

.prev.page-numbers,

.next.page-numbers {

	background-color: #1C3434;

	display: inline-block;

	color: #fff;

    font-weight: normal;

}

.prev.page-numbers,

.next.page-numbers {

	-webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;

	transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;

}

.prev.page-numbers:focus,

.prev.page-numbers:hover,

.next.page-numbers:focus,

.next.page-numbers:hover {

    background: #1d1d1d;

    color: #fff;

    cursor: pointer;

}

.prev.page-numbers {

	float: left;

}

.next.page-numbers {

	float: right;

}

a.more-link {

    color: #fff;

    background: #1C3434;

    padding: 6px 10px;

    float: left;

}

.more-link:before {

    margin-top: 0 !important;

}



/* Aligned blockquotes */

.entry-content blockquote.alignleft,

.entry-content blockquote.alignright {

	color: #666;

	font-size: 13px;

	font-size: 0.8125rem;

	width: 48%;

}



/* Blog landing, search, archives */

.blog .site-main > article,

.archive .site-main > article,

.search .site-main > article {

	padding-bottom: 2em;

}

body:not(.practical_financial_services-front-page) .entry-header {

	padding: 1em 0;

}

body:not(.practical_financial_services-front-page) .entry-header,

body:not(.practical_financial_services-front-page) .entry-content,

body:not(.practical_financial_services-front-page) #comments {

	margin-left: auto;

	margin-right: auto;

}

body:not(.practical_financial_services-front-page) .entry-header {

	padding-top: 0;

}

.blog .entry-meta a.post-edit-link,

.archive .entry-meta a.post-edit-link,

.search .entry-meta a.post-edit-link {

	color: #222;

	display: inline-block;

	margin-left: 1em;

	white-space: nowrap;

}

.search .page .entry-meta a.post-edit-link {

	margin-left: 0;

	white-space: nowrap;

}

.taxonomy-description {

	color: #666;

	font-size: 13px;

	font-size: 0.8125rem;

}



/* More tag */

.entry-content .more-link:before {

	content: "";

	display: block;

	margin-top: 1.5em;

}



/* Single Post */

.single-post:not(.has-sidebar) #primary,

.page.page-one-column:not(.practical_financial_services-front-page) #primary,

.archive.page-one-column:not(.has-sidebar) .page-header,

.archive.page-one-column:not(.has-sidebar) #primary {

	margin-left: auto;

	margin-right: auto;

	max-width: 740px;

}

.single-serviced-image-header {

	background-color: #fafafa;

	border-bottom: 1px solid #eee;

}

.single-serviced-image-header img {

	display: block;

	margin: auto;

}

.page-links {

	font-size: 14px;

	font-size: 0.875rem;

	font-weight: 800;

	padding: 2em 0 3em;

}

.page-links .page-number {

	color: #767676;

	display: inline-block;

	padding: 0.5em 1em;

}

.page-links a {

	display: inline-block;

}

.page-links a .page-number {

	color: #222;

}



/* Entry footer */

.entry-footer {

	border-bottom: 1px solid #eee;

	border-top: 1px solid #eee;

	margin-top: 2em;

	padding: 2em 0;

}

.entry-footer .cat-links,

.entry-footer .tags-links {

	display: block;

	font-size: 11px;

	font-size: 0.6875rem;

	font-weight: 800;

	letter-spacing: 0.1818em;

	padding-left: 2.5em;

	position: relative;

	text-transform: uppercase;

}

.entry-footer .cat-links + .tags-links {

	margin-top: 1em;

}

.entry-footer .cat-links a,

.entry-footer .tags-links a {

	color: #3f3f3f;

}

.entry-footer .cat-links .icon,

.entry-footer .tags-links .icon {

	color: #767676;

	left: 0;

	margin-right: 0.5em;

	position: absolute;

	top: 2px;

}

.entry-footer .edit-link {

	display: inline-block;

}

.entry-footer .edit-link a.post-edit-link {

	background-color: #222;

	-webkit-border-radius: 2px;

	border-radius: 2px;

	-webkit-box-shadow: none;

	box-shadow: none;

	color: #fff;

	display: inline-block;

	font-size: 14px;

	font-weight: 800;

	margin-top: 2em;

	padding: 0.7em 2em;

	-webkit-transition: background-color 0.2s ease-in-out;

	transition: background-color 0.2s ease-in-out;

	white-space: nowrap;

}

.entry-footer .edit-link a.post-edit-link:hover,

.entry-footer .edit-link a.post-edit-link:focus {

	background-color: #767676;

}



/* Post Formats */

.blog .format-status .entry-title,

.archive .format-status .entry-title,

.blog .format-aside .entry-title,

.archive .format-aside .entry-title {

	display: none;

}

.format-quote blockquote {

	color: #3f3f3f;

	font-size: 20px;

	font-weight: 300;

	overflow: visible;

	position: relative;

}

.format-quote blockquote .icon {

	display: block;

	height: 20px;

	left: -1.25em;

	position: absolute;

	top: 0.4em;

	-webkit-transform: scale(-1, 1);

	-ms-transform: scale(-1, 1);

	transform: scale(-1, 1);

	width: 20px;

}



/* Post Navigation */

.post-navigation{

	padding: 15px 0;

	margin-top: 20px;

    border-top: 1px solid rgba(170,170,170,.25);

    border-bottom: 1px solid rgba(170,170,170,.25);

}

.nav-subtitle {

	background: transparent;

	color: #767676;

	display: block;

	font-size: 16px;

	font-weight: 500

}

.nav-title {

	color: #3f3f3f;

	font-size: 15px;

	font-size: 0.9375rem;

}

.post-navigation .nav-next {

	margin-top: 1.5em;

}

.nav-links .nav-previous .nav-title .nav-title-icon-wrapper {

	margin-right: 0.5em;

}

.nav-links .nav-next .nav-title .nav-title-icon-wrapper {

	margin-left: 0.5em;

}



/*----------- Pages ---------*/

header.page-header h2 {

    font-size: 22px;

}

.page-header {

	padding-top: 2em;

}

.page .entry-header .edit-link {

	font-size: 14px;

}

.search .page .entry-header .edit-link {

	font-size: 11px;

}

.page-links {

	clear: both;

	margin: 0 0 1.5em;

}

.page:not(.home) #content {

	padding-bottom: 1.5em;

}

.error404 .page-content .search-form,

.search .page-content .search-form {

	margin-bottom: 3em;

}



/*----------- Footer --------------*/

#colophon h1,

#colophon h2,

#colophon h3,

#colophon h4,

#colophon h5,

#colophon h6 {

	color: #d60000;

}



#colophon {

	/*background-position: center;

	background-size: cover;

	background-attachment: fixed;*/

	background-color: #fff;

	position: relative;

	font-size: 14px;

	font-weight: 400;

	padding: 0px 0; border-top:1px solid #969b9b;

}

/*.footer-overlay{

	background:#1A1818;

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	opacity: 1;

	

}*/

#colophon .copyright .site-info p {

	color: #000 ;

	font-size: 22px;

	font-weight: 500;

}

#colophon li:before {

    top: 0px;

    content: "\f178";

    font-family: 'Fontawesome';

    font-size: 14px;

    padding-right: 10px;

    position: relative;

}

.footer-widget-1 ,.footer-widget-2,.footer-widget-3,.footer-widget-4{margin-top:2em; }

#colophon li{font-size: 18px;  list-style: none; color:#555555;}

#colophon p {

    /*color: #555555;*/

	font-size: 14px;

    font-weight: 300;

    line-height: 1.5;

    margin-bottom: 8px;

}

aside.widget-area, .copyright  {

	position: relative;

	z-index: 99;

}

.copyright {

/*	background: #d60000;*/

    padding: 35px 0;

	border-top: 1px solid #fff;

}

.site-footer .wrap {

	padding-bottom: 1.5em;

	padding-top: 2em;

}

#colophon .fs-icn { position: relative;}

#colophon .fs-icn li {

    list-style: none;

    display: inline-block;

}

#colophon .fs-icn li {

    margin:10px 30px 10px 0;

    width: 28px;

    height: 28px;

    line-height: 28px;

    list-style: none;

    display: inline-block;

    background: #fff;

    text-align: center;

    border-radius: 50px;

}

/*#colophon .fs-icn li i{color:#1C3434;font-size: 16px;}

#colophon .fs-icn li:hover i{color:#d60000;}*/

.site-footer a, .site-footer p, #colophon caption, .site-footer .widget_rss .rss-date, .site-footer .widget_rss li cite{

	color: #555555;

}



.site-footer p a, .site-footer a {

	text-decoration: underline;

}



.site-footer select {

	color: #555555;

}

.site-footer .widget {

	margin: 20px 0 30px;

}

.site-footer h2.widget-title{

	color: #d60000;

    font-size: 25px;

    margin-bottom: 30px;

    font-weight: 600;

}

#colophon p i{margin-right: 10px;}

.site-footer button.search-submit{

	width: 100%;

	border-radius: 0;

	background: #d60000;

}

#colophon input[type="email"]::placeholder{color: #fff;}



#colophon input[type="email"]{

    padding: 10px 10px 10px 20px;

	background: none;

	border: 1px solid #fff;

	color: #fff;

	border-radius: 50px;

}

#colophon input[type="submit"] {

    box-shadow: none;

/*    right: 4px;*/

    display: inline-block;

    background: #0B437D;

    color: #fff;

    padding: 10px 18px;

    font-size: 14px;

    font-weight: 600;

    color: #fff;

    position: relative;

/*    text-indent: -999px;*/

    border-radius: 0;

    transition: all 0.5s;

    border-radius: 50px;

    position: absolute;

    margin-top: 6px;

}

/*#colophon .wpcf7:after {

    content: "\f1d8";

    position: absolute;

    font-size: 16px;

    color: #fff;

    background-repeat: no-repeat;

    font-family: 'Fontawesome';

    text-align: center;

    right: 3%;

    margin: 0;

    padding-top: 15px;

    z-index: 99;

    top: -5px;

    transform: rotate(40deg);

}*/

/* Site info */

.site-info p,

.site-info a{

    margin: 0;

    font-size: 22px;

    color: #000000;

    text-align: center;

}

.site-info {

    padding: 20px 0;

}

/*===== end ========*/



/*------- Comments ------------*/

#comments {

	clear: both;

	padding: 0 0 0.5em;

}

.comments-title {

	font-size: 20px;

	margin-bottom: 1.5em;

}

.comment-list,

.comment-list .children {

	list-style: none;

	margin: 0;

	padding: 0;

}

.comment-list li:before {

	display: none;

}

.comment-body .reply{

	text-align: right;

	margin-bottom: 10px;

}

.comment-author {

	font-size: 16px;

	margin-bottom: 0.4em;

	position: relative;

	z-index: 2;

}

.comment-author .avatar {

	height: 50px;

	width: 50px;

}

.comment-author .says {

	display: none;

}

.comment-meta {

	margin: 10px 0;

}

.comment-meta a {

	text-decoration: none;

}

.comment-metadata a.comment-edit-link {

	color: #222;

	margin-left: 1em;

}

.comment-body {

	color: #3f3f3f;

	font-size: 14px;

	margin-bottom: 1em;

	border-bottom: 1px solid rgba(170,170,170,.25);

}

.comment-body .comment-reply-link {

	font-weight: 500;

	color: #fff;

	background: #1C3434;

	padding: 6px 10px;

	text-decoration: none;

	font-size: 14px;

	display: inline-block;

	border-radius: 0;

	transition: all 0.4s;

}

.comment-body .comment-reply-link:hover, .form-submit input[type="submit"]:hover {

	background: #d60000;

	color: #fff;

}

.comment-reply-link .icon {

	color: #222;

	left: -2em;

	height: 1em;

	position: absolute;

	top: 0;

	width: 1em;

}

.children .comment-author .avatar {

	height: 30px;

	left: -45px;

	width: 30px;

}

.bypostauthor > .comment-body > .comment-meta > .comment-author .avatar {

	border: 1px solid #3f3f3f;

	padding: 2px;

}

.no-comments,

.comment-awaiting-moderation {

	color: #767676;

	font-size: 14px;

}

.comments-pagination {

	margin: 2em 0 3em;

}

.form-submit {

	text-align: right;

}



/*-------- Widgets ----------*/

.page-template-page-with-right-sidebar #sidebar,

.page-template-page-with-left-sidebar #sidebar {

    margin: 4% 0 0;

}

#sidebar .widget li{

    border-bottom: 1px solid #eee;

}

#sidebar .widget li:last-child {

    border: none;

}

#sidebar .widget {

  padding: 15px;

  margin-bottom: 30px;

  background: #fff;

	border: 1px solid #eee;

}

#sidebar h2.widget-title {

  margin-bottom: 10px;

  font-size: 20px;

  color: #1C3434;

  position: relative;

  padding: 0 0 10px;

}

#sidebar h2.widget-title:after{

	content: '';

	border-bottom: 2px solid #1C3434;

	width: 12%;

	position: absolute;

	bottom: 0;

	left: 0;

}

#sidebar h2 a.rsswidget {

  color: #1C3434;

}

#sidebar .tagcloud a {

    border: 1px solid #1C3434;

    color: #1C3434;

    text-decoration: none;

}

#sidebar .tagcloud a:hover{

	background-color: #1C3434; 

	color: #fff;

	border-color: #1C3434;

}

#sidebar button.search-submit{

	background: #1C3434;

  color: #fff;

  font-size: 16px;

  font-weight: 500;

  margin-top: 12px;

  width: 100%;

  padding: 8px;

  border-radius: 0;

}

#sidebar .search-form .search-submit {

	bottom: 3px;

}

#sidebar input.search-field {

  border: 1px solid;

  padding: 10px;

  font-size: 15px;

  width: 100%;	

  border-radius: 0px;

}

#sidebar ul li a,

#sidebar .widget_rss .rssSummary,

#sidebar p{

	color: #1C3434;

}



/* widget forms */

.widget select {

	width: 100%;

	margin-top: 10px;

}



/* widget lists */

.widget ul {

	list-style: none;

	margin: 0;

	padding: 0;

}

.widget ul li,

.widget ol li {

	padding: 4px 0px;

}

.widget ul li ul {

	margin: 0 0 -1px;

	padding: 0;

	position: relative;

}

.widget ul li li {

	border: 0;

}



/* Widget lists of links */

.widget_top-posts ul li ul,

.widget_rss_links ul li ul,

.widget-grofile ul.grofile-links li ul,

.widget_pages ul li ul,

.widget_meta ul li ul {

	bottom: 0;

}

.widget_nav_menu ul li li,

.widget_top-posts ul li,

.widget_top-posts ul li li,

.widget_rss_links ul li,

.widget_rss_links ul li li,

.widget-grofile ul.grofile-links li,

.widget-grofile ul.grofile-links li li {

	padding-bottom: 0.25em;

	padding-top: 0.25em;

}

.widget_rss ul li {

	padding-bottom: 1em;

	padding-top: 1em;

}



/* widget markup */

.widget .post-date,

.widget .rss-date {

	font-size: 0.81em;

}



/* Text widget */

.widget_text {

	word-wrap: break-word;

}

.widget_text ul {

	list-style: disc;

	margin: 0 0 1.5em 1.5em;

}

.widget_text ol {

	list-style: decimal;

}

.widget_text ul li,

.widget_text ol li {

	border: none;

}

.widget_text ul li:last-child,

.widget_text ol li:last-child {

	padding-bottom: 0;

}

.widget_text ul li ul {

	margin: 0 0 0 1.5em;

}

.widget_text ul li li {

	padding-left: 0;

	padding-right: 0;

}

.widget_text ol li {

	list-style-position: inside;

}

.widget_text ol li + li {

	margin-top: -1px;

}



/* RSS Widget */

.widget_rss .widget-title .rsswidget:first-child {

	float: right;

}

.widget_rss .widget-title .rsswidget:first-child:hover {

	background-color: transparent;

}

.widget_rss .widget-title .rsswidget:first-child img {

	display: block;

}

.widget_rss ul li:first-child {

	border-top: none;

	padding-top: 0;

}

.widget_rss li .rsswidget {

	font-size:20px;

	font-weight: 300;

	line-height: 1.4;

}

.widget_rss .rss-date,

.widget_rss li cite {

	color: #767676;

	display: block;

	font-size: 10px;

	font-style: normal;

	font-weight: 800;

	letter-spacing: 1px;

	line-height: 1.5;

	text-transform: uppercase;

}

.widget_rss .rss-date {

	margin: 0.5em 0 1.5em;

	padding: 0;

}

.widget_rss .rssSummary {

	font-size: 13px;

	margin-bottom: 0.5em;

}



/* Contact Info Widget */

.widget_contact_info .contact-map {

	margin-bottom: 0.5em;

}



/* Gravatar */

.widget-grofile h4 {

	font-size: 16px;

	margin-bottom: 0;

}



/* Recent Comments */

.widget_recent_comments table,

.widget_recent_comments th,

.widget_recent_comments td {

	border: 0;

}



/* Recent Posts widget */

.widget_recent_entries .post-date {

	display: block;

}



/* Search */

.search-form {

	position: relative;

}

.search-no-results .search-form label, .error404 .search-form label{

	display: inline-block;

}

.search-form label{

	display: block;

}

.search-form .search-submit {

	bottom: 0px;

    padding: 10px;

	top: -52px;

    position: absolute;

    right: 22px;

    color: #fff;

    font-size: 16px;

}

.search-form .search-submit .icon {

	height: 24px;

	top: -2px;

	width: 24px;

}

button.search-submit{

	background-color: #1C3434;

	font-weight: normal;

  letter-spacing: 1px;

}



/* Tag cloud widget */

.tagcloud,

.widget_tag_cloud,

.wp_widget_tag_cloud {

	line-height: 1.5;

}

.widget .tagcloud a,

.widget.widget_tag_cloud a,

.wp_widget_tag_cloud a {

	border: 1px solid #efefef;

	-webkit-box-shadow: none;

	box-shadow: none;

	display: inline-block;

	float: left;

	font-size: 14px !important; 

	margin: 4px 4px 0 0 !important;

	padding: 4px 10px 5px !important;

	position: relative;

	-webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;

	transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;

	width: auto;

	word-wrap: break-word;

	z-index: 0;

}

.widget .tagcloud a:hover,

.widget .tagcloud a:focus,

.widget.widget_tag_cloud a:hover,

.widget.widget_tag_cloud a:focus,

.wp_widget_tag_cloud a:hover,

.wp_widget_tag_cloud a:focus {

	border-color: #d60000;

	background: #d60000;

	-webkit-box-shadow: none;

	box-shadow: none;

	text-decoration: none;

	color: #fff;

}



/* Calendar widget */

.widget_calendar th,

.widget_calendar td {

	text-align: center;

}



/*----------- Media ----------*/

img,

video {

	height: auto; 

	max-width: 100%;

}

img.alignleft,

img.alignright {

	float: none;

	margin: 0;

}

.page-content .wp-smiley,

.entry-content .wp-smiley,

.comment-content .wp-smiley {

	border: none;

	margin-bottom: 0;

	margin-top: 0;

	padding: 0;

}

embed,

iframe,

object {

	margin-bottom: 1.5em;

	max-width: 100%;

}

.wp-caption,

.gallery-caption {

	color: #666;

	font-size: 13px;

	font-style: italic;

	margin-bottom: 1.5em;

	max-width: 100%;

}

.wp-caption img[class*="wp-image-"] {

	display: block;

	margin-left: auto;

	margin-right: auto;

}

.wp-caption .wp-caption-text {

	margin: 0.8075em 0;

}



/* Media Elements */

.mejs-container {

	margin-bottom: 1.5em;

}



/* Audio Player */

.mejs-controls a.mejs-horizontal-volume-slider,

.mejs-controls a.mejs-horizontal-volume-slider:focus,

.mejs-controls a.mejs-horizontal-volume-slider:hover {

	background: transparent;

	border: 0;

}



/* Playlist Color Overrides: Light */

.site-content .wp-playlist-light {

	border-color: #eee;

	color: #222;

}

.site-content .wp-playlist-light .wp-playlist-current-item .wp-playlist-item-album {

	color: #3f3f3f;

}

.site-content .wp-playlist-light .wp-playlist-current-item .wp-playlist-item-artist {

	color: #767676;

}

.site-content .wp-playlist-light .wp-playlist-item {

	border-bottom: 1px dotted #eee;

	-webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;

	transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;

}

.site-content .wp-playlist-light .wp-playlist-item:hover,

.site-content .wp-playlist-light .wp-playlist-item:focus {

	border-bottom-color: rgba(0, 0, 0, 0);

	background-color: #767676;

	color: #fff;

}

.site-content .wp-playlist-light a.wp-playlist-caption:hover,

.site-content .wp-playlist-light .wp-playlist-item:hover a,

.site-content .wp-playlist-light .wp-playlist-item:focus a {

	color: #fff;

}



/* Playlist Color Overrides: Dark */

.site-content .wp-playlist-dark {

	background: #222;

	border-color: #3f3f3f;

}

.site-content .wp-playlist-dark .mejs-container .mejs-controls {

	background-color: #3f3f3f;

}

.site-content .wp-playlist-dark .wp-playlist-caption {

	color: #fff;

}

.site-content .wp-playlist-dark .wp-playlist-current-item .wp-playlist-item-album {

	color: #eee;

}

.site-content .wp-playlist-dark .wp-playlist-current-item .wp-playlist-item-artist {

	color: #aaa;

}

.site-content .wp-playlist-dark .wp-playlist-playing {

	background-color: #3f3f3f;

}

.site-content .wp-playlist-dark .wp-playlist-item {

	border-bottom: 1px dotted #555;

	-webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;

	transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;

}

.site-content .wp-playlist-dark .wp-playlist-item:hover,

.site-content .wp-playlist-dark .wp-playlist-item:focus {

	border-bottom-color: rgba(0, 0, 0, 0);

	background-color: #aaa;

	color: #222;

}

.site-content .wp-playlist-dark a.wp-playlist-caption:hover,

.site-content .wp-playlist-dark .wp-playlist-item:hover a,

.site-content .wp-playlist-dark .wp-playlist-item:focus a {

	color: #222;

}



/* Playlist Style Overrides */

.site-content .wp-playlist {

	padding: 0.625em 0.625em 0.3125em;

}

.site-content .wp-playlist-current-item .wp-playlist-item-title {

	font-weight: 700;

}

.site-content .wp-playlist-current-item .wp-playlist-item-album {

	font-style: normal;

}

.site-content .wp-playlist-current-item .wp-playlist-item-artist {

	font-size: 10px;

	font-weight: 800;

	letter-spacing: 1px;

	text-transform: uppercase;

}

.site-content .wp-playlist-item {

	padding: 0 0.3125em;

	cursor: pointer;

}

.site-content .wp-playlist-item:last-of-type {

	border-bottom: none;

}

.site-content .wp-playlist-item a {

	padding: 0.3125em 0;

	border-bottom: none;

}

.site-content .wp-playlist-item a,

.site-content .wp-playlist-item a:focus,

.site-content .wp-playlist-item a:hover {

	-webkit-box-shadow: none;

	box-shadow: none;

	background: transparent;

}

.site-content .wp-playlist-item-length {

	top: 5px;

}



/*---------- Customizer -----------*/

.highlight-front-sections.practical_financial_services-customizer.practical_financial_services-front-page .practical_financial_services-panel:after {

	border: 2px dashed #0085ba; 

	bottom: 1em;

	content: "";

	display: block;

	left: 1em;

	position: absolute;

	right: 1em;

	top: 1em;

	z-index: 1;

}

.highlight-front-sections.practical_financial_services-customizer.practical_financial_services-front-page .practical_financial_services-panel .panel-content {

	z-index: 2; 

}



/* Used for placeholder text */

.practical_financial_services-customizer.practical_financial_services-front-page .practical_financial_services-panel .practical_financial_services-panel-title {

	display: block;

	font-size: 14px;

	font-weight: 700;

	letter-spacing: 1px;

	padding: 3em;

	text-transform: uppercase;

	text-align: center;

}



/* Show borders on the custom page panels only when the front page sections are being edited */

.highlight-front-sections.practical_financial_services-customizer.practical_financial_services-front-page .practical_financial_services-panel:nth-of-type(1):after {

	border: none;

}

.practical_financial_services-front-page.practical_financial_services-customizer #primary article.panel-placeholder {

	border: 0;

}



/* Add some space around the visual edit shortcut buttons. */

.practical_financial_services-panel .customize-partial-edit-shortcut button {

	top: 30px;

	left: 30px;

}



/* Ensure that placeholder icons are visible. */

.practical_financial_services-panel .customize-partial-edit-shortcut-hidden:before {

	visibility: visible;

}



/* Text meant only for screen readers. */

.screen-reader-text {

  border: 0;

  clip: rect(1px, 1px, 1px, 1px);

  clip-path: inset(50%);

  height: 1px;

  margin: -1px;

  overflow: hidden;

  padding: 0;

  position: absolute !important;

  width: 1px;

  word-wrap: normal !important;

}

.screen-reader-text:focus {

  background-color: #f1f1f1;

  border-radius: 3px;

  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);

  clip: auto !important;

  clip-path: none;

  color: #21759b;

  display: block;

  font-size: 14px;

  font-size: 0.875rem;

  font-weight: bold;

  height: auto;

  left: 5px;

  line-height: normal;

  padding: 15px 23px 14px;

  text-decoration: none;

  top: 5px;

  width: auto;

  z-index: 100000;

}



/* Do not show the outline on the skip link target. */

#content[tabindex="-1"]:focus {

  outline: 0;

}



/*--------- Media --------------*/



@media screen and (max-width: 1500px){

/*#slider .content { left: 12%;}

#slider .slideimg img { height: 700px;}*/

}



@media screen and (max-width: 1299px){

    /*#slider .content { left: 5%; }

    #slider .slideimg img { height: 600px;}*/

}



@media screen and (max-width: 1199px){

	.primary-menu a {  padding: 8px 10px;}

	ul.primary-menu{margin: 0;}

	.nav-menu ul li a {padding: 4px 10px 4px 10px;}

	#banner .content-boxinn h1 { font-size: 40px;}

	#banner .box .num.\32 x p { padding: 0 10em 0 0;}

	#banner .plneimg{display: none;}

	#aboutus-section .detailbx { padding: 0 10px 0 0px;}

	#aboutus-section .detailbx h5 { font-size: 44px;}

	#feature-section h2 {font-size: 100px;}



}



@media screen and (max-width: 1024px){



}



@media screen and (max-width: 1000px){

	.page-template-custom-home-page #header, .page-template-default #header, 

 	.single #header {position: static;width: 100%;}

 	#header .bottomhead { margin-top: 0.5em;}

    .nav-menu .nav ul li a:focus,

	a.closebtn.responsive-menu:focus{

		outline: -webkit-focus-ring-color auto 1px;

	}

	.toggle-menu {

	display: none;

	cursor: pointer;

	z-index: 999999;

	padding: 0 0 10px;

}

	.toggle-menu i {		

    font-size: 20px;

    color: #fff;

    padding: 8px 10px;

    background: #d60000;

	}

	.toggle-menu button {

		background: transparent;

		border: none;

		padding: 0;

		border-radius: 0;

	}

	.sidenav {

		height: 100%;

		visibility: hidden;

		width: 100%;

		position: fixed;

		z-index: 9999999;

		top: -100%;

		left: 0;

		right: 0;

		margin: 0 auto;

		background-color: #d60000;

		overflow-x: hidden;

		padding-top: 6px;

		transition: all 0.3s;

	}



	.nav-menu ul li a:hover {

		color: #272932;

	}



	.sidenav.show{

		visibility: visible;

		width: 100%;

		transition: all 0.3s;

		top: 30px;

/*		transition: 0.8s width ease-in-out;*/

	}

	.sidenav .closebtn {

		position: absolute;

		top: 0;

		right: 0;

		font-size: 30px;

		display: block;

		padding: 10px;

		color: #fff;

		border: none;

		background: transparent;

	}

	.sidenav #primary-site-navigation {

		width: 100%;

	}

	#sidelong-menu{

		text-align: left;

	}

	.toggle-menu, .nav-menu ul ul li{

		display: block !important;

	}

	.nav-menu ul li a:before{

		content: none;

	}

	.nav-menu ul li{

		border: 0;

	}

	.nav-menu .nav ul li{

		border-top:1px #949191 solid; 

		display:block;

	}

	.nav-menu ul li a, .sf-arrows .sf-with-ul{

		padding: 10px;

		display:block;

		color: #fff;

		border: none;

		font-size: 14px;

		line-height: 1.6;

		background: none;

	}

	.nav-menu ul li:after{

		content: none;

	}

	/* .sf-arrows .sf-with-ul:after{

		right: 20px;

	} */

	.nav ul li ul li a:before{

		content:"\00BB \00a0";

	}

	.nav ul li ul li a{

		padding-left:20px !important;

	}

	.nav ul li ul li ul li a{

		padding-left:30px !important;

	} 

	.nav-menu ul ul{

		opacity: 1 !important;

    position: static;

    width: 100%;

    border: 0;

    display: block ;

    height: auto !important;

	}

	.nav-menu ul li{

		padding: 0;

		display: block;

		margin-bottom: 0;

	}

	.main-menu-navigation {

		padding: 0px 10px;

	}

	.nav-menu .sub-menu > li > a:focus, .nav ul li a:focus{

		outline: -webkit-focus-ring-color auto 1px;

	}

	/* .sf-arrows .sf-with-ul:after{

		top: 12px;

	} */

}

@media screen and (max-width: 991px) {

	#header .logobx { width: 30%;}

	#header .m-headbox { width: 10%;  order: 3;}

	#header .h-btnboxout { width: 60%;}

	#banner .content-boxinn { padding: 0 0em 0 0;  width: 100%;}

	#banner .img-box { width: 100%;}

	#banner .profile-box:after {width: 460px; height: 460px; }

	#banner .profile-box:before {width: 480px; height: 480px; }

	#banner .content-box {margin: 0em 0em 0;}

	#banner .content-boxinn h1 {  margin: 10px 0 10px 0;}

	#banner .box .num.\32 x h2:before{display: none;}

	#banner .box .num.\32 x p {  padding: 0 0 0 0;}

	#banner .box .num {  margin: 4px 0 0 0;}

	#aboutus-section .titleimg{display: none;}

	#aboutus-section .detailbx {  width: 100%;}

	#aboutus-section .abtimgbx { width: 100%; margin-top: 1em;}

	.counter .cimg-bx { padding: 2em 2em 2em 3em;}

	.counter .c-box2 { width: 100%;}

	.counter .c-box1 { width: 100%;}

	#services-section .head {  margin-bottom: 2em;}

	#colophon .copyright .site-info p {

}

@media screen and (min-width: 30em) {

	body,

	button,

	input,

	select,

	textarea {

		font-size: 15px;

	}

	h1 {

		font-size: 30px;

	}

	h2,

	.home.blog .entry-title,

	.page .panel-content .recent-posts .entry-title {

		font-size: 26px;

	}

	h3 {

		font-size: 22px;

	}

	h4 {

		font-size: 18px;

	}

	h5 {

		font-size: 13px;

	}

	h6 {

		font-size: 16px;

	}

	.entry-content blockquote.alignleft,

	.entry-content blockquote.alignright {

		font-size: 14px;

	}



	/* Fix image alignment */

	img.alignleft {

		float: left;

		margin-right: 1.5em;

	}

	img.alignright {

		float: right;

		margin-left: 1.5em;

	}



	/* Front Page */

	.panel-content .wrap {

		padding-bottom: 2em;

		padding-top: 3.5em;

	}

	.page-one-column .panel-content .wrap {

		max-width: 740px;

	}

	.panel-content .entry-header {

		margin-bottom: 4.5em;

	}

	.panel-content .recent-posts .entry-header {

		margin-bottom: 0;

	}



	/* Blog Index, Archive, Search */

	.taxonomy-description {

		font-size: 14px;

	}

}

@media screen and (min-width: 48em) {

	body,

	button,

	input,

	select,

	textarea {

		font-size: 15px;

		line-height: 1.5;

		

	}

	.entry-content blockquote.alignleft,

	.entry-content blockquote.alignright {

		font-size: 13px;

	}



	/* Layout */

	.wrap {

		max-width: 1000px;

		padding-left: 3em;

		padding-right: 3em;

	}

	.error404 #primary {

		float: none;

	}



	/* Site Branding */

	.site-branding {

		margin: 0 !important;

		padding: 0;

	}

	.has-header-image.practical_financial_services-front-page .site-branding,

	.has-header-video.practical_financial_services-front-page .site-branding,

	.has-header-image.home.blog .site-branding,

	.has-header-video.home.blog .site-branding {

		bottom: 0;

		display: block;

		left: 0;

		height: auto;

		padding-top: 0;

		position: absolute;

		width: 100%;

	}

	.has-header-image.practical_financial_services-front-page .custom-header,

	.has-header-video.practical_financial_services-front-page .custom-header,

	.has-header-image.home.blog .custom-header,

	.has-header-video.home.blog .custom-header {

		display: block;

		height: auto;

	}

/*	.custom-logo-link img,

	body.home.title-tagline-hidden.has-header-image .custom-logo-link img,

	body.home.title-tagline-hidden.has-header-video .custom-logo-link img {

		max-width: 350px;

	}*/

	.title-tagline-hidden.home.has-header-image .custom-logo-link img,

	.title-tagline-hidden.home.has-header-video .custom-logo-link img {

		max-height: 200px;

	}

	.site-title {

		font-size: 36px;

	}



	/* Main Navigation */

	.site-header .site-navigation-fixed .menu-scroll-down {

		display: none;

	}



	/* Scroll down arrow */

	.site-header .menu-scroll-down {

		display: block;

		padding: 1em;

		position: absolute;

		right: 0;

	}

	.site-header .menu-scroll-down .icon {

		-webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */

		-ms-transform: rotate(90deg); /* IE 9 */

		transform: rotate(90deg);

	}

	.site-header .menu-scroll-down {

		color: #fff;

		top: 2em;

	}

	.menu-scroll-down .icon {

		height: 18px;

		width: 18px;

	}



	/* Front Page */

	.practical_financial_services-front-page.has-header-image .site-branding,

	.practical_financial_services-front-page.has-header-video .site-branding,

	.home.blog.has-header-image .site-branding,

	.home.blog.has-header-video .site-branding {

		margin-bottom: 70px;

	}

	.panel-content .wrap {

		padding-bottom: 4.5em;

		padding-top: 6em;

	}

	.panel-image {

		height: 100vh;

		max-height: 1200px;

	}

	.background-fixed .panel-image {

		background-attachment: fixed;

	}

	.page-two-column .panel-content .entry-header {

		float: left;

		width: 36%;

	}

	.page-two-column .panel-content .entry-content {

		float: right;

		width: 58%;

	}



	/* Front Page - Recent Posts */

	.page-two-column .panel-content .recent-posts {

		clear: right;

		float: right;

		width: 58%;

	}

	.panel-content .recent-posts article {

		margin-bottom: 4em;

	}

	.panel-content .recent-posts .entry-header,

	.page-two-column #primary .panel-content .recent-posts .entry-header,

	.panel-content .recent-posts .entry-content,

	.page-two-column #primary .panel-content .recent-posts .entry-content {

		float: none;

		width: 100%;

	}

	.panel-content .recent-posts .entry-header {

		margin-bottom: 1.5em;

	}

	.page .panel-content .recent-posts .entry-title {

		font-size: 26px;

	}

	

	/* Posts */

	.site-content {

		padding: 2em 0 0;

	}

	.single-post .entry-title,

	.page .entry-title {

		font-size: 26px;

	}

	.comments-pagination,

	.post-navigation {

		clear: both;

	}

	.post-navigation .nav-previous {

		float: left;

		width: 50%;

	}

	.post-navigation .nav-next {

		float: right;

		text-align: right;

		width: 50%;

	}

	.nav-next,

	.post-navigation .nav-next {

		margin-top: 0;

	}

	.blog .site-main > article,

	.archive .site-main > article,

	.search .site-main > article {

		padding-bottom: 4em;

	}

	.navigation.pagination {

		clear: both;

		float: right;

		width: 58%;

	}

	.has-sidebar .navigation.pagination,

	.archive.page-one-column:not(.has-sidebar) .navigation.pagination {

		float: none;

		width: 100%;

	}

	.entry-footer {

		display: table;

		width: 100%;

	}

	.entry-footer .cat-tags-links {

		display: table-cell;

		vertical-align: middle;

		width: 100%;

	}

	.entry-footer .edit-link {

		display: table-cell;

		text-align: right;

		vertical-align: middle;

	}

	.entry-footer .edit-link a.post-edit-link {

		margin-top: 0;

		margin-left: 1em;

	}



	/* without sidebar */

	:not(.has-sidebar) .entry-content blockquote.alignleft {

		margin-left: -17.5%;

		width: 48%;

	}

	:not(.has-sidebar) .entry-content blockquote.alignright {

		margin-right: -17.5%;

		width: 48%;

	}



	/* with sidebar */

	.has-sidebar .entry-content blockquote.alignleft {

		margin-left: 0;

		width: 34%;

	}

	.has-sidebar .entry-content blockquote.alignright {

		margin-right: 0;

		width: 34%;

	}

	.has-sidebar #primary .entry-content blockquote.alignright.below-entry-meta {

		margin-right: -72.5%;

		width: 62%;

	}



	/* blog and archive */

	.blog:not(.has-sidebar) .entry-content blockquote.alignleft,

	.practical_financial_services-front-page.page-two-column .entry-content blockquote.alignleft,

	.archive:not(.has-sidebar) .entry-content blockquote.alignleft,

	.page-two-column .entry-content blockquote.alignleft {

		margin-left: -72.5%;

		width: 62%;

	}

	.blog:not(.has-sidebar) .entry-content blockquote.alignright,

	.practical_financial_services-front-page.page-two-column .entry-content blockquote.alignright,

	.archive:not(.has-sidebar) .entry-content blockquote.alignright,

	.page-two-column .entry-content blockquote.alignright {

		margin-right: 0;

		width: 36%;

	}



	/* Post formats */

	.format-quote blockquote .icon {

		left: -1.5em;

	}



	/* Pages */

	.page.page-one-column .entry-header,

	.practical_financial_services-front-page.page-one-column .entry-header,

	.archive.page-one-column:not(.has-sidebar) .page-header {

		margin-bottom: 4em;

	}

	.page:not(.home) #content {

		padding-bottom: 3.25em;

	}

	ol.children .children {

		padding-left: 2em;

	}



	/* Posts pagination */

	.nav-links .nav-title {

		position: relative;

	}

	.nav-title-icon-wrapper {

		position: absolute;

		text-align: center;

		width: 2em;

	}

	.nav-links .nav-previous .nav-title .nav-title-icon-wrapper {

		left: -2em;

	}

	.nav-links .nav-next .nav-title .nav-title-icon-wrapper {

		right: -2em;

	}

}

@media screen and ( min-width: 67em ) {

	.sticky .icon-thumb-tack {

		font-size: 32px;

		height: 22px;

		left: -1.25em;

		top: 0.75em;

		width: 32px;

	}

	.page-numbers {

		display: inline-block;

		margin-right: 5px;

	}

	.page-numbers:hover{

		background: #1d1d1d;

		color: #fff !important;

	}

	.page-numbers.current{

		display: inline-block;

    	background: #1C3434;

    	color: #fff;

	}

}

@media screen and ( min-width: 79em ) {

	.has-sidebar .entry-content blockquote.alignleft {

		margin-left: -20%;

	}

	.blog:not(.has-sidebar) .entry-content blockquote.alignright,

	.archive:not(.has-sidebar) .entry-content blockquote.alignright,

	.page-two-column .entry-content blockquote.alignright,

	.practical_financial_services-front-page .entry-content blockquote.alignright {

		margin-right: -20%;

	}

}









@media only screen and (max-width: 1024px) and (min-width: 1000px){

	.widget_calendar td, #sidebar td{

		padding: 0px;

	}

	.prev.page-numbers,.next.page-numbers{

 		float: none;

 	}

 	.page-numbers.current{

 		color: #fff;

 	}

}



@media screen and (max-width: 1000px){

	

}



@media screen and ( max-width: 1000px) and (min-width: 760px){

	.toggle-menu {

		position: absolute;

		right: 00px;

		top: 70px;

	}

}



@media screen and ( max-width: 1300px) and (min-width: 320px){



	/* .carousel-control-next {

		right: 11px;

	} */

}

@media screen and (max-width: 991px){

#header .h-btnbox{order: 2;}

#header .m-headbox{order: 3;}

.toggle-menu{float: right;}

.logo img { max-height: 100px !important;}

#services-section{padding: 2em 0 1em 0;}

#services-section .serbx { padding: 0 8px;}



#feature-section,#aboutus-section{padding: 1em 0 !important;}

#feature-section .count-box { margin: 0px 0 1em 0;}

#feature-section h2 { line-height: 1;font-size: 80px;}

#feature-section h3 { font-size: 20px; margin: 10px 0 0 0;}

.m-head .container {

	padding-bottom: 10px;

}

}



@media screen and (max-width: 786px){

	#colophon .f_innbx {

		padding: 10px 10px;

	}

	p.site-title {

		padding-top: 5px;

	}

	p.site-description {

		padding-bottom: 5px;

	}

	nav#primary-site-navigation {

		padding: 0;

	}

	

}



@media screen and ( max-width: 768px) and (min-width: 720px){

	.widget_calendar th,

	.widget_calendar td, #courses-section .courses-head p{	padding: 0px;}

	.article_content .content {	margin-top: 10px;}

	.prev.page-numbers,.next.page-numbers{float: none;}

	.footer-widget-1, .footer-widget-2, .footer-widget-3, .footer-widget-4 {

		margin: 0;

	}

}

@media screen and (max-width: 768px) {



	.page-template-custom-home-page #header {

		width: 100%;

	}



	.toggle-menu {

		position: absolute;

		right: 2%;

		top: 9em;

	}



	.search-box {

		top: 3px;

	}



	.imgbx2 {

		padding: 0;

	}



	

}



@media screen and (max-width: 767px){

.page-template-custom-home-page #header{margin: 0 0 1em 0;}

h1.site-title, p.site-title { font-size: 20px;}

.headerbtn a i{display: none}

.headerbtn a {  font-size: 14px;}

/*#banner .profileimg { text-align: center;}

#banner h2 { font-size: 22px;}

#banner .img-box { order: 1;right: auto; width: 100%; margin: 0 0 14px 0;}

#banner .content-boxinn { order: 2; padding: 0 0px 0 0;width: 100%;}

#banner .banner-btn { margin: 10px 10px 10px 0;}

#banner .banner-mail {margin: 10px 1px 10px 0;}*/

/*#aboutus-section .expebx { border-radius: 8px; padding: 6px 20px;}*/

#inner-pages-header { padding: 8% 0;}

#inner-pages-header h1 {font-size: 26px;}

#inner-pages-header .innheader-border {width: 10%;}

#inner-pages-header .theme-breadcrumb a, 

#inner-pages-header .theme-breadcrumb span { font-size: 18px;}



.headerbtn {

	float: left;

}



}

#inner-pages-header{margin-top:20px;}

@media screen and (max-width:720px) {

 	.woocommerce ul.products[class*=columns-] li.product{width: 100% !important;}



}

@media only screen and (max-width: 767px) and (min-width: 425px){

	#search-form-container {  right: -100px;}

	#sidebar .widget_calendar td{	padding: 1px;}

	#sidebar h2.widget-title{width: 100% !important;}

	#sidebar .search-form .search-submit{	padding:9px;}

	.widget .tagcloud a:hover,

	.widget .tagcloud a:focus,

	.widget.widget_tag_cloud a:hover,

	.widget.widget_tag_cloud a:focus,

	.wp_widget_tag_cloud a:hover,

	.wp_widget_tag_cloud a:focus {

		border-color: #bbb;

		-webkit-box-shadow: none;

		box-shadow: none;

		text-decoration: none;

	}

}







@media screen and (max-width:600px) {

	.footer-widget-1, .footer-widget-2, .footer-widget-3, .footer-widget-4 {

		margin: 0;

	}

	.site-footer .widget {

		margin: 10px 0;

	}

	#colophon .f_innbx {

		padding-top: 20px;

	}

}



@media screen and (max-width:575px) {

#header .headerbtn a { padding: 8px 10px;}

#header .searchbx { width: 40px; height: 40px; line-height: 40px; font-size: 14px;}

#banner .bannerinn {  padding: 0 10px;}

#banner .content-boxinn h1 { font-size: 30px;}

#banner .profile-box:after { width: 360px; height: 360px; }

#banner .profile-box:before { width: 380px; height: 380px; }

#aboutus-section .bttn{border: none; padding: 2px 0px 2px 0;}



}

@media screen and (max-width: 475px) {

#banner .profile-box:after { width: 320px; height: 320px; }

#banner .profile-box:before { width: 340px; height: 340px; }

#banner .box .num h2 { width: 100%;}

#banner .box .num p { width: 100%;}

#banner .content-boxinn p {  margin: 1px 0 1px 0;}

#services-section .head h2,

#aboutus-section .detailbx h5 {font-size: 30px;}

#aboutus-section .detailbx p {font-size: 16px;  margin: 10px 0 10px 0;}

.counter .c-boxinn {width: 100%;}



}



@media screen and (max-width: 425px) {

#header .logobx { width: 40%;}

#header .h-btnboxout { width: 50%;}

#header .m-headbox { width: 10%;}

#header .searchbx {

    width: 28px;

    height: 28px;

    line-height: 28px;

    font-size: 12px;

}

.headerbtn { margin: 2px 0 0 0;}

#header .headerbtn a {  padding: 6px 6px;}

#feature-section .feabx {

	padding: 0 4px;

}

}



@media screen and (max-width: 400px) {

#banner .profile-box:after { width: 250px; height: 250px; }

#banner .profile-box:before { width: 264px; height: 264px; }

}



@media screen and (max-width: 390px){



.carousel-indicators {

	left: -15px;

}

}



@media screen and (max-width: 375px){



}



@media screen and (max-width: 320px) {

	

	.article_content .content{

		margin-top:10px;

	}

	.article-text span {

  	margin-right: 6px;

  	padding-right: 6px;

	}

}



.footer-logo img {

  max-width: 150px;      

  margin-bottom: 15px;

}



.footer-text {

  margin: 0 0 8px;      

  font-size: 14px;

  color: #333;

  line-height: 1.4;

}

 p.sebi-title {

    font-weight: 600 !important;

    margin: 0px !important;

}

.footer-left p span.ptitle {

    font-weight: 500 !important;

}
	.site-footer{ border-top: 1px solid #969b9b !important;}
	
/*.header-content h1 {
    font-size: 30px !important;
}.theme-breadcrumb.mt-2 span {
    font-size: 15px !important;
}
.theme-breadcrumb a{font-size: 41px !important}*/
	
@media (max-width: 768px) {
      .table-responsive {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
      }
    }

   
    .table thead th {
      position: sticky;
      top: 0;
      background-color: #f8f9fa;
      z-index: 2;
    }

   
    .table-responsive::-webkit-scrollbar {
      height: 8px;
    }
    .table-responsive::-webkit-scrollbar-thumb {
      background-color: #ccc;
      border-radius: 10px;
    }
a.feature-link {
  text-decoration: underline;
  cursor: pointer;
}