body { background:var(--white-color); font-family:var(--primary-font-family); font-size: 14px; line-height:20px; margin:0; padding:0; color:var(--text-color); font-weight:var(--font-weight-400); white-space:normal; visibility:inherit; text-align:inherit; border:0px; letter-spacing:0px; font-stretch:inherit; overflow-x: hidden !important;}

html{height:100%; margin-bottom:0px;}
* { margin: 0; padding: 0; outline: 0; }

body, div, section, a, p, aside, span, ul, li, dl, header, footer, h1, h2, h3, h4, h5, h6 {text-decoration: none; outline: none; border: none; padding: 0; margin: 0; list-style: none;}

a { text-decoration:none;}
a:hover { text-decoration:none;}

.margin_auto { margin:auto !important;}
.m-0 { margin:0;}
.mb-15 { margin-bottom:15px;}
.mt-15 { margin-top:15px;}
.ml-15 { margin-left:15px;}
.mr-15 { margin-right:15px;}

.m-15-bottom { margin-bottom:-15px;}
.m-15-top { margin-top:-15px;}

.p-0 { padding:0;}
.pb-15 { padding-bottom:15px;}
.pt-15 { padding-top:15px;}
.pl-15 { padding-left:15px;}
.pr-15 { padding-right:15px;}

.pl-30 { padding-left:30px;}
.pr-30 { padding-right:30px;}
.pt-30 {padding-top: 30px;}
.pb-30 {padding-bottom: 30px;}

.pl-15-p { padding-left:-15px;}
.pr-15-p { padding-right:-15px;}

/*LOADER*/
.no-js #loader { display: none;}
.js #loader {display: block; position: absolute; left: 100px; top: 0;}
.se-pre-con {position: fixed; left: 0px; top:0px; width: 100%; height: 100%; z-index: 99999; background:url(../images/Preloader.gif) center no-repeat var(--primary-color);}
/*LOADER*/

/*custom scrollbar*/
/* width */
::-webkit-scrollbar {width:10px;}
/* Track */
::-webkit-scrollbar-track {background:var(--dark-color); }
/* Handle */
::-webkit-scrollbar-thumb {background:var(--text-color);  border-radius: var(--border-radius);  }
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {background:var(--primary-color); }
/*custom scrollbar*/

/*TEXT SELECTION*/
::-moz-selection {/* Code for Firefox */ color:var(--white-color); background:var(--primary-color);}
::selection {color:var(--white-color); background:var(--primary-color);}
/*TEXT SELECTION*/

h1, h2, h3, h4, h5 {text-transform:uppercase; font-weight:var(--font-weight-900); letter-spacing: var(--letter-spacing-2);}

.heading { margin-bottom:15px; margin-top:15px; padding:0; }
.heading h1 {font-size:40px; line-height:50px; color:var(--primary-color); margin:0; padding:0;}
.heading h2 {font-size:40px; line-height:50px; color:var(--primary-color); margin:0; padding:0;}
.heading h3 {color:var(--dark-color); font-size:20px; margin-bottom:0px; line-height:25px;}
.heading h4 {color:var(--dark-color); font-size:20px; position: relative; margin:0; line-height:30px;}
.heading h6 { color:var(--dark-color); font-size:16px; line-height:24px; margin-bottom:0; margin-top:5px; padding:0;  text-transform: capitalize; font-weight:var(--font-weight-600); letter-spacing: var(--letter-spacing-1); }

p { color:var(--text-color); font-size:14px; line-height:22px; margin-bottom:15px; margin-top:15px; padding:0; font-weight:var(--font-weight-500);}
p a {color:var(--two-dark-primary-color); font-weight:var(--font-weight-500); transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}
p a:hover {color:var(--primary-color); transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}
p span {color:var(--primary-color); font-weight:var(--font-weight-600);}
p strong {color:var(--text-color); font-weight:var(--font-weight-700);}
p i { font-size:13px; line-height:22px; margin-right:5px;}

/*****HEADER*****/
#header-1 { position: relative; margin-bottom: -90px; z-index:9}

/*LOGO*/
.logo { float:left; margin:25px 0; padding:0; display:block;}
.logo img { height: 40px;}
/*LOGO*/

/*MOBILE TOP*/
.mobile-top { float: left; padding-left: 0; list-style-type: none; margin-top:15px; margin-bottom:0;}
.mobile-top li { float:left; margin-right:0; margin-left:15px; display: inline-block;}
.mobile-top li a { float: left; width:30px; text-align: center; line-height:30px; height:30px; padding: 0; text-transform: uppercase; border:none; background:var(--dark-color); color:var(--white-color); display: inline-block; font-size:13px; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; border-radius:var(--border-radius); font-weight:var(--font-weight-700); letter-spacing:var(--letter-spacing-1); }
.mobile-top li a:hover {color:var(--white-color); background:var(--primary-color); transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}
/*MOBILE TOP*/

.top-btn { font-size:13px; font-weight:var(--font-weight-600); width:auto; text-transform: uppercase; padding:10px 10px; line-height:30px ; color:var(--white-color); background:var(--primary-color); letter-spacing:var(--letter-spacing-05); margin-top:0; margin-bottom:0; margin-left:0; margin-right:0; border: none; border-radius:var(--border-radius-25);}
.top-btn:hover {  background:var(--dark-color);  color:var(--white-color);}
/*****HEADER*****/

.more-btn { font-size:16px; font-weight:var(--font-weight-700); text-transform:uppercase; padding:15px 30px; line-height:25px; color:var(--white-color); background:var(--dark-color); transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; border: none;  letter-spacing: var(--letter-spacing-2); border-radius:var(--border-radius-25);}
.more-btn:hover { background:var(--primary-color); color:var(--white-color);  transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}

/*****HOME BANNER FORM*****/
.home-banner-form {box-shadow: 0px 5px 50px 0px rgb(0 0 0 / 15%); transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s; margin-top: -60px; margin-bottom:30px;}
.home-banner-form { background:var(--white-color); padding-top: 15px; padding-bottom: 15px;}

.home-form { float: left; margin:15px 0; font-size:14px; line-height:22px; color:var(--text-color); font-weight:var(--font-weight-500); }
.home-form a { color:var(--text-color); text-decoration:none; font-weight:var(--font-weight-600); margin:0; padding:0;}
.home-form a:hover { color:var(--primary-color);}

.home-form-bor { float: left; width: 100%; height:55px; line-height:55px; font-size:14px; text-align:left; color: var(--dark-color); font-weight:var(--font-weight-500); margin: 0; padding:0 0 0 20px; background:var(--white-color); border:1px solid var(--secondary-text-color); font-family:var(--primary-font-family); transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; border-radius:var(--border-radius-25);}
.home-form-textar { width:100%; height:120px; line-height:35px; font-size:14px; text-align:left; color:var(--dark-color); margin:0 ; padding:5px 0 0 20px; background:var(--white-color); border:1px solid var(--secondary-text-color); font-weight:var(--font-weight-500); font-family:var(--primary-font-family); transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; border-radius:var(--border-radius-25);}
.home-form-bor:focus, .home-form-textar:focus { background:var(--white-color); border:1px solid var(--primary-color); transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; }

.home-form select { float:left; font-size:14px; margin:0; padding:0 0 0 20px; color:var(--dark-color);  width:100%; height:55px; line-height:55px; font-weight:var(--font-weight-500); background:var(--white-color) url(../images/arrow-select.png) no-repeat right 15px center ;border:1px solid var(--secondary-text-color); font-family:var(--primary-font-family); appearance:none; -webkit-appearance:none;-moz-appearance: none; text-indent: 0.01px; text-overflow: ''; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; border-radius:var(--border-radius-25); }
.home-form select:focus {background:var(--white-color)  url(../images/arrow-select.png) no-repeat right 15px center ; border:1px solid var(--primary-color); color:var(--dark-color); appearance:none; -webkit-appearance:none;-moz-appearance: none; text-indent: 0.01px; text-overflow: ''; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}

.home-form-btn { font-size:16px; width: 100%; font-weight:var(--font-weight-700); text-transform:uppercase; padding:15px 25px; line-height:25px ; color:var(--white-color); background:var(--dark-color); transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; margin: 0; letter-spacing:var(--letter-spacing-2); border-radius:var(--border-radius-25); border:none;}
.form-btn { font-size:16px; width: auto; font-weight:var(--font-weight-700); text-transform:uppercase; padding:15px 30px; line-height:25px ; color:var(--white-color); background:var(--dark-color); transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; margin-bottom: 0; margin-top: 0;  letter-spacing:var(--letter-spacing-2); border-radius:var(--border-radius-25); border:none;}
.home-form-btn:hover, .form-btn:hover {background:var(--primary-color); color:var(--white-color);  transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}

::placeholder { color:var(--dark-color); opacity: 1;}
:-ms-input-placeholder {color:var(--dark-color);}
::-ms-input-placeholder { color:var(--dark-color);}
/*****HOME BANNER FORM*****/

/*****OFFER*****/
.offer-box { margin-bottom: 15px; margin-top: 15px;}
.offer-box .offer-box-iocn i {color:var(--white-color); background: var(--primary-color);  text-align: center; width:90px; height:90px; line-height:90px; font-size:30px;  margin:0; border-radius:var(--border-radius-50); }
.offer-box h4 {font-weight:var(--font-weight-900); margin:15px 0 5px 0; padding:0; text-transform: uppercase; color:var(--dark-color); font-size:20px; line-height:30px; letter-spacing:var(--letter-spacing-2);}
.offer-box p { margin: 0;}
.offer-box p a { color:var(--text-color);}
.offer-box p a:hover { color:var(--primary-color);}
/*****OFFER*****/

#home-section { background: var(--light-color); margin-top: 15px; }

#inner-section { background: var(--primary-color); margin-top: 15px; margin-bottom: 15px; }
#inner-section .heading h1, #inner-section .heading h2, #inner-section .heading h3, #inner-section .heading h4, #inner-section .heading h5, #inner-section .heading h6, #inner-section p, #inner-section p a, #inner-section p a:hover, #inner-section p span { color:var(--white-color); }

#inner-section-bg { background: var(--primary-color); margin-top: 15px;}

#inner-section-bg .heading h1, #inner-section-bg .heading h2, #inner-section-bg .heading h3, #inner-section-bg .heading h4, #inner-section-bg .heading h5, #inner-section-bg .heading h6, #inner-section-bg p, #inner-section-bg p a, #inner-section-bg p a:hover, #inner-section-bg p span { color:var(--white-color); }

#home-section-sub { background: var(--light-color); margin-top: 15px; margin-bottom: 15px; }

/*****COUNTER*****/
#counter-section { margin-top:0; margin-bottom: 15px; position: relative; padding-bottom:45px; padding-top:45px; background-attachment: fixed; background-repeat: no-repeat; background-size: cover; background-position: center center; background-image:url(../images/image_contact.jpg);}
#counter-section::before {position: absolute; content: ''; left: 0px; top: 0px; width: 100%; height: 100%; background-color: var(--dark-color); opacity: .8;}

.main_counter_area .main_counter_content .single_counter{}
.single_counter{ margin-bottom: 15px; margin-top: 15px; padding:0;}
.single_counter_icon i {color:var(--white-color); background: var(--primary-color);  text-align: center; width:90px; height:90px; line-height:90px; font-size:34px;  margin:0; border-radius:var(--border-radius-50); }
.single_counter_text { margin-top:15px;}
.single_counter_text h4 {font-weight:var(--font-weight-900); margin:0px 0 0 0; padding:0; text-transform: uppercase; color:var(--white-color); font-size:40px; line-height:50px; letter-spacing:var(--letter-spacing-2);}
.single_counter_text h6 { font-size:15px; line-height:25px; font-weight:var(--font-weight-600); margin:0; padding:0; color:var(--white-color); text-transform:uppercase; letter-spacing:var(--letter-spacing-2);} 
/*****COUNTER*****/

/*****TESTIMONIALS*****/
.testimonials { display: block;  margin-top:15px; margin-bottom: 15px;}
.testimonials-section { margin-bottom: 0; margin-top: 0;}
.testimonials .carousel {float: none; margin:0 auto;}
.testimonials .carousel-inner { }

.testimonials .carousel-item { padding-left:30px; padding-right:30px;}
.testimonials .carousel-item p { }
.testimonials .carousel-item p.name  { margin-bottom: 0 !important; color: var(--primary-color);  font-weight:var(--font-weight-700);}
.testimonials .carousel-item p.star { margin-top: 0 !important; color: var(--yellow); font-weight:var(--font-weight-500);}

.testimonials .carousel-control-prev, .testimonials .carousel-control-next {position:absolute; top:50%; 
bottom:0; z-index:1; display:-ms-flexbox; display:flex; -ms-flex-align:center; align-items:center; -ms-flex-pack:center; justify-content:center; width:20px; height:40px; line-height:40px; color:var(--dark-color); font-size:14px; text-align:center; opacity:1; transition:opacity .15s ease; border-radius:5px;/*opacity: .8;*/}
.testimonials .carousel-control-prev:hover, .testimonials .carousel-control-next:hover { color:var(--primary-color);}
.media-object{ margin:auto; width:120px; margin-top:15px; padding:1px; overflow: hidden; border-radius: var(--border-radius-50); border:1px solid var(--light-color);}
/*****TESTIMONIALS*****/

/*****HOME CONTACT BTN*****/
.home-contact-area { margin-top:15px; margin-bottom: 15px; position: relative; padding-bottom:0px; padding-top:0px; background: var(--primary-color);}
.innerfooter-contact-area { margin-top:15px; margin-bottom:-15px; position: relative; padding-bottom:0px; padding-top:0px; background: var(--primary-color);}

.home-contact-area .home-img, .innerfooter-contact-area .home-img { margin-top:45px;}
.home-contact-area .heading h1, .home-contact-area .heading h3, .innerfooter-contact-area .heading h1, .innerfooter-contact-area .heading h3 {color:var(--white-color);}

.home-contact-btn { font-size:16px; width: auto; font-weight:var(--font-weight-700); text-transform:uppercase; padding:15px 30px; line-height:25px ; color:var(--white-color); background: none; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; margin-bottom: 15px; margin-top: 15px;  letter-spacing:var(--letter-spacing-2); border-radius:var(--border-radius-25); border:2px solid var(--white-color);}
.home-contact-btn:hover {background:var(--white-color); color:var(--primary-color);  transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; border:2px solid var(--white-color);}
/*****HOME CONTACT BTN*****/

/*****HOME BLOG*****/
.blog-box{ width:100%; padding: 0; background-color:var(--white-color); box-shadow: 0px 5px 50px 0px rgb(0 0 0 / 15%); margin:15px 0px; border-radius: var(--border-radius); overflow: hidden;}

.blog-box .blog-box-img { margin:0; padding:0;  overflow:hidden;}
.blog-box .blog-box-img a img {opacity:1;-moz-transform:scale(1,1);-webkit-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);-webkit-transition: all 0.2s ease-in;-moz-transition: all 0.2s ease-in;-o-transition: all 0.2s ease-in;-ms-transition: all 0.2s ease-in;transition: all 0.2s ease-in; background-position:left; overflow:hidden;min-height:300px;max-height:300px;}
.blog-box:hover .blog-box-img a img { opacity:1;-moz-transform:scale(1.2,1.2);-webkit-transform:scale(1.2,1.2);-o-transform:scale(1.2,1.2);-ms-transform:scale(1.2,1.2);transform:scale(1.2,1.2);-moz-transition: all 0.2s ease-in;-o-transition: all 0.2s ease-in;-ms-transition: all 0.2s ease-in;transition: all 0.2s ease-in;  background-position:right; overflow:hidden;}

.blog-box .blog-text {margin:0; padding:30px;}
.blog-box .blog-text h6 { font-size:14px; line-height:25px; margin:0 0 5px 0; padding:0; color:var(--text-color); font-weight:var(--font-weight-800); letter-spacing:var(--letter-spacing-05);}
.blog-box .blog-text h6 i {color:var(--primary-color); margin-right: 5px;}

.blog-box .blog-text h2 { font-size:20px; line-height:30px; margin:0; padding:0; color:var(--dark-color); -ms-word-break: break-all; word-break: break-all; word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; position:relative; display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; font-weight:var(--font-weight-900);}
.blog-box .blog-text h2 a {color:var(--dark-color);}
.blog-box:hover .blog-text h2 a { color:var(--primary-color);}

.blog-box .blog-text p { padding:0; margin:5px 0 0 0;  -ms-word-break: break-all; word-break: break-all; word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; position:relative; display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
.blog-box .blog-text p a {color:var(--dark-secondary-color);}
.blog-box:hover .blog-text p a { color:var(--text-color);}
/*****HOME BLOG*****/

/***FOOTER***/
#footer-1 { background:var(--dark-color); padding-top: 15px; padding-bottom:15px; margin-top: 15px;}
#footer-1 h6 { font-size:18px; line-height:25px; margin-bottom:15px; margin-top:0; padding-bottom:10px; color: var(--white-color); font-weight: var(--font-weight-700); letter-spacing: var(--letter-spacing-2); font-style:normal; text-transform:uppercase;  position:relative;}
#footer-1 h6:after {content: ""; position: absolute; left: 0; bottom: 0; width:30px; height:2px; background:var(--primary-color);}

/*FOOTER TEXT*/
.footer-text { margin-bottom: 15px; margin-top: 15px;}
.footer-text p { font-size: 13px; color:var(--secondary-text-color); line-height: 20px; font-weight: var(--font-weight-400); letter-spacing: var(--letter-spacing-05); margin: 0; padding:5px 0;}
.footer-text p a { color:var(--secondary-text-color); font-weight: var(--font-weight-400);}
.footer-text p a:hover {color:var(--white-color);}
/*FOOTER TEXT*/

/*SOCIAL*/
.social-links { float:left; padding-left: 0; list-style-type: none; margin-top:15px; margin-bottom:0;}
.social-links li { float:left; margin-right:10px; margin-left:0; display: inline-block;}
.social-links li a {width:35px; text-align: center; line-height:35px; height:35px; color:var(--secondary-text-color); background:var(--text-color); display: inline-block; font-size: 12px; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; border-radius: var(--border-radius-50);}
.social-links li a:hover {color: var(--white-color); background:var(--primary-color); transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}
/*SOCIAL*/

/*FOOTER NAV*/
.footer-nav {margin-bottom: 15px; margin-top: 15px;}
.footer-nav ul { float:left; margin:0 ; padding:0; list-style:none;}
.footer-nav ul li { float:left; width:100%; margin:0; padding:5px 0; text-transform:capitalize;}
.footer-nav ul li a { float:left; font-size:13px; line-height:20px; color:var(--secondary-text-color); font-weight:var(--font-weight-400); margin:0; padding:0; text-decoration:none; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; letter-spacing:var(--letter-spacing-05);}
.footer-nav ul li a:hover {color:var(--white-color); text-decoration:none; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}
/*FOOTER NAV*/

/*FOOTER BOTTOM*/
.footer-bottom { margin-top:0; padding-top:15px; padding-bottom:15px; margin-bottom:0; background:var(--text-color); border-top: 1px solid var(--dark-secondary-color);}
.footer-bottom p {color:var(--secondary-text-color); margin: 0; padding:5px 15px; font-weight: var(--font-weight-500); font-size:13px; line-height:20px; letter-spacing: var(--letter-spacing-05);}
.footer-bottom p span {color:var(--secondary-text-color); font-weight: var(--font-weight-700); font-style:normal;}
.footer-bottom p a {color:var(--secondary-text-color); font-weight: var(--font-weight-700); transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}
.footer-bottom p a:hover {color:var(--white-color); transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}
/*FOOTER BOTTOM*/
/***FOOTER***/

/***BACK TO TOP***/
#back-to-top {position: fixed; bottom:15px; right:15px; z-index: 9; width:55px; height:55px; line-height:55px; font-size:15px; text-align: center; background:var(--dark-color); color:var(--white-color); cursor: pointer; border:none; text-decoration: none; transition: opacity 0.5s ease-out; opacity: 0; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; border-radius:var(--border-radius-50); box-shadow: 0 3px 6px rgb(0 0 0 / 16%), 0 3px 6px rgb(0 0 0 / 23%);}
#back-to-top:hover {background:var(--primary-color); color:var(--white-color); transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}
#back-to-top.show {opacity:1;}
/***BACK TO TOP***/

/*INNER-BANNER*/
.inner-page-hero-area {padding:210px 0 120px 0; margin-bottom:15px; position: relative; background-attachment: fixed; background-repeat: no-repeat; background-size: cover; background-position: center center;}
.inner-page-hero-area::before {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%;  background-color: var(--dark-color); opacity: 0.65;}

.inner-page-title {font-size:40px; line-height:50px; text-transform:uppercase; font-weight:var(--font-weight-800); letter-spacing: var(--letter-spacing-2);color:var(--white-color); margin-top:0; margin-bottom: 0px;}
.inner-page-hero-area .breadcrumb-menu { padding:0; margin-bottom:0; margin-top:10px; list-style: none; background: none; border-radius:0; }
.inner-page-hero-area .breadcrumb-menu li {background: transparent none repeat scroll 0 0; display: inline-block; margin:0; padding:10px 0; position: relative; z-index: 1;}
.inner-page-hero-area .breadcrumb-menu li i {color:var(--white-color); margin-right: 3px;}
.inner-page-hero-area .breadcrumb-menu::after {content: ""; height: 100%; left: 0; opacity:0.35; position: absolute; top: 0; width: 100%; z-index: -1; }
.breadcrumb-menu > li + li::before {color: var(--white-color); content: "\f111"; font-family: "Font Awesome 6 Free"; font-size: 8px; font-weight: var(--font-weight-500); padding: 0 10px; position: relative; top: -1px;}
.inner-page-hero-area .breadcrumb-menu a, .inner-page-hero-area .breadcrumb-menu li {font-weight:var(--font-weight-500); color:var(--white-color); text-transform:uppercase; font-size:14px; line-height:20px; margin:0; padding:0; letter-spacing:var(--letter-spacing-1);}
.inner-page-hero-area .breadcrumb-menu a:hover {color: var(--primary-color);}
.inner-page-hero-area .breadcrumb-menu li.active {color:var(--white-color);}
/*INNER-BANNER*/

.inner-img { border-radius: var(--border-radius-50); padding: 15px; overflow: hidden; box-shadow: 0px 5px 50px 0px rgb(0 0 0 / 15%);
 }

#map-section { margin-bottom:-20px;}

.blog-page{}
.blog-page .blog-image {position: relative; margin-bottom: 15px; overflow: hidden;border-radius: var(--border-radius);}
.blog-page .blog-content {position: relative; width: 100%; float: left;}

/*Recent Posts*/
.recent-posts {position: sticky; top:30px; background-color:var(--light-color); /*z-index: 99;*/ padding: 30px 30px 0 30px; margin-bottom:15px; margin-top:15px; border: 1px solid var(--secondary-text-color);  border-radius: var(--border-radius);}
.recent-posts h4 { padding:0; font-size:25px; line-height: 35px; color: var(--primary-color); margin-bottom:15px;}

.entry-brief {display: flex; flex-wrap: nowrap; padding-bottom:30px; margin-bottom:30px;  border-bottom: 1px solid var(--secondary-text-color);}
.entry-brief .entry-media {width:90px; min-width:90px; margin-right:15px; border-radius:var(--border-radius); overflow: hidden; }
.entry-brief .entry-title {font-size:15px; line-height:20px; margin-bottom:5px;  -ms-word-break: break-all; word-break: break-all; word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; position:relative; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; letter-spacing:var(--letter-spacing-1);}
.entry-brief .entry-title a { color: var(--dark-color);  transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}
.entry-brief .entry-title a:hover { color: var(--primary-color);  transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}
.entry-brief .item-date {font-size:13px; line-height: 20px; color:var(--text-color); font-weight:var(--font-weight-600); letter-spacing:var(--letter-spacing-1);}
.entry-brief .item-date i {color:var(--primary-color); margin-right: 5px;}
.entry-brief:last-child { margin-bottom: 0; border-bottom: none;}
/*Recent Posts*/

.marker-list { }
.marker-list>li { color:var(--text-color); font-size:14px; line-height:22px; margin-bottom:15px; margin-top:0; font-weight:var(--font-weight-500); letter-spacing:var(--letter-spacing-05); position: relative; padding-left:20px;}
/*.marker-list>li:last-child {margin-bottom: 0; }*/
.marker-list>li:after {position: absolute; top:1px; left: 0; display: block; content: "\f00c"; font-family: "FontAwesome"; font-size: 11px; color: var(--primary-color);}

.marker-list>li span { font-weight:var(--font-weight-700); color: var(--primary-color); }

/*INNER ICON TEXT*/
.inner-icon-text { float: left;} 
.inner-icon-text ul { float:left; margin:0; padding:0; list-style:none;} 
.inner-icon-text ul li {float: left; width: 100%; margin-top:15px; margin-bottom: 15px;} 
/*.inner-icon-text ul li:first-child { margin-top:0;} */
.inner-icon-text .icon, .inner-icon-text .info {display: table-cell; vertical-align:top;} 
.inner-icon-text .info {padding-left: 15px;}
.inner-icon-text ul li .icon i { float:left; height:80px; width:80px; line-height:80px; padding:0;  text-align: center; color:var(--primary-color); background:var(--white-color); font-size:30px; border:none; border-radius:var(--border-radius-50); }	
.inner-icon-text .info h5 {margin:5px 0 0 0; padding:0; color:var(--white-color); font-size:18px; line-height:25px;} 
.inner-icon-text .info p { font-size:14px; line-height: 20px; color:var(--white-color); margin: 0;  -ms-word-break: break-all; word-break: break-all; word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; position:relative;} 
/*INNER ICON TEXT*/

/*TEXT-ICON*/
.text-color-icon { margin-bottom: 15px; margin-top: 15px;}
.text-color-icon i { width: 90px; height:90px; line-height:90px; background:var(--dark-color); color:var(--white-color); text-align: center; font-size:30px; border-radius:var(--border-radius-50); margin-bottom:0;}
.text-color-icon h5 {margin:15px 0 0 0; padding:0; color:var(--primary-color); font-size:18px; line-height:25px;}
.text-color-icon p { margin-bottom:0; margin-top:5px; padding:0; }
/*TEXT-ICON*/

@media only screen and ( min-width: 1299px) and (max-width: 2399px) {
    
.heading h1 {font-size:45px; line-height:55px;}
.heading h2 {font-size:45px; line-height:55px;}
.heading h3 {font-size:25px; line-height:30px;}
.heading h4 {font-size:25px; line-height:35px;}
.heading h6 { font-size:18px; line-height:25px; }
 
p { font-size:15px;}
p i { font-size:13px;}
       
/*****HEADER*****/
#header-1 {margin-bottom: -90px;}

/*LOGO*/
.logo { margin:15px 0;}
.logo img { height: 60px;}
/*LOGO*/

.top-btn { font-size:14px; padding:10px 12px; line-height:30px ;}
/*****HEADER*****/    
    
/***FOOTER***/
#footer-1 h6 { font-size:22px; line-height:35px;}
    
/*SOCIAL*/
.social-links li a {width:40px; line-height:40px; height:40px; font-size: 13px;}
/*SOCIAL*/    
/***FOOTER***/
  
/*INNER-BANNER*/
.inner-page-title {font-size:45px; line-height:55px;}
/*INNER-BANNER*/  
    
/*INNER ICON TEXT*/
.inner-icon-text ul li .icon i {height:90px; width:90px; line-height:90px; font-size:34px;}	
.inner-icon-text .info h5 {font-size:20px; line-height:25px;} 
.inner-icon-text .info p { font-size:14px; line-height: 20px;} 
/*INNER ICON TEXT*/ 
    
/*TEXT-ICON*/
.text-color-icon i { width: 95px; height:95px; line-height:95px; font-size:34px;}
.text-color-icon h5 {font-size:20px; line-height:25px;}
/*TEXT-ICON*/     
}


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

/*****HEADER*****/
#header-1 {margin-bottom: -100px;}

/*LOGO*/
.logo { margin:15px 0 5px 0;}
.logo img { height:40px;}
/*LOGO*/

.top-btn {font-size:11px; padding:10px 10px; line-height:20px;}
/*****HEADER*****/
    
.more-btn { font-size:15px; padding:15px 25px; line-height:25px;}

/*****HOME BANNER FORM*****/
.home-banner-form {margin-top: -45px;}    
.home-form-btn { font-size:15px; padding:15px 25px; line-height:25px;}
.form-btn { font-size:15px;  padding:15px 30px; line-height:25px;}    
/*****HOME BANNER FORM*****/
    
/*****OFFER*****/
.offer-box .offer-box-iocn i { width:80px; height:80px; line-height:80px; font-size:24px;}
.offer-box h4 { font-size:18px; line-height:25px;}
/*****OFFER*****/
    
/*****TESTIMONIALS*****/
.media-object{ width:100px;}
/*****TESTIMONIALS*****/
    
/*****HOME CONTACT BTN*****/
.home-contact-area .home-img, .innerfooter-contact-area .home-img { margin-top:45px;}
.home-contact-btn { font-size:15px; padding:15px 25px; line-height:25px;}
/*****HOME CONTACT BTN*****/    
    
    
/*INNER-BANNER*/
.inner-page-hero-area {padding:190px 0 90px 0;}
.inner-page-title {font-size:35px; line-height:45px;}
.breadcrumb-menu > li + li::before {font-size: 7px; }
.inner-page-hero-area .breadcrumb-menu a, .inner-page-hero-area .breadcrumb-menu li {font-size:13px; line-height:18px;}
/*INNER-BANNER*/     
}


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

.heading h1 {font-size:35px; line-height:45px;}
.heading h2 {font-size:35px; line-height:45px;}
.heading h3 {font-size:16px; line-height:20px;}
.heading h4 {font-size:16px; line-height:25px;}
.heading h6 { font-size:15px; line-height:24px; }

p { font-size:13px; line-height:20px;}
p i { font-size:12px; line-height:20px;} 

/**HEADER**/
#header-1 {margin-bottom: -70px;}

/*LOGO*/
.logo { margin:15px 0;}
.logo img { height:40px;}
/*LOGO*/
    
.top-btn { font-size:14px; font-weight:var(--font-weight-600); width:100%; text-align: left; padding:10px 15px; line-height:20px ; color:var(--white-color); background:var(--text-color); letter-spacing:var(--letter-spacing-1); margin-top:0; margin-bottom:0; margin-left:0; margin-right:0; border: none;  border-radius:0px; border-bottom: 1px solid var(--light-color);}
.top-btn:hover {  background:var(--primary-color); color:var(--white-color); border-bottom: 1px solid var(--light-color);}     
/**HEADER**/
    
.more-btn { font-size:15px; padding:15px 25px; line-height:20px;}

/*****HOME BANNER FORM*****/
.home-banner-form {margin-top: 0; margin-bottom:15px;}     
.home-form { font-size:13px; line-height:20px; }
.home-form-bor { height:50px; line-height:50px; font-size:13px;}
.home-form-textar { height:100px; line-height:35px; font-size:13px;}
.home-form select { font-size:13px; height:50px; line-height:50px;}
    
.home-form-btn { font-size:15px; padding:15px 25px; line-height:20px;}
.form-btn { font-size:15px;  padding:15px 25px; line-height:20px;}     
/*****HOME BANNER FORM*****/
    
/*****OFFER*****/
.offer-box .offer-box-iocn i { width:70px; height:70px; line-height:70px; font-size:20px;}
.offer-box h4 { font-size:18px; line-height:25px;}
/*****OFFER*****/
    
/*****COUNTER*****/
.single_counter_icon i {width:70px; height:70px; line-height:70px; font-size:22px;}
.single_counter_text h4 { font-size:35px; line-height:45px;}
.single_counter_text h6 { font-size:14px; line-height:22px;} 
/*****COUNTER*****/
    
/*****TESTIMONIALS*****/
.media-object{ width:100px;}
/*****TESTIMONIALS*****/
    
/*****HOME CONTACT BTN*****/
.home-contact-area, .innerfooter-contact-area { padding-top: 30px;}    
.home-contact-area .home-img, .innerfooter-contact-area .home-img { margin-top:15px;}    
.home-contact-btn { font-size:15px; padding:15px 25px; line-height:20px;}
/*****HOME CONTACT BTN*****/ 
    
/*****HOME BLOG*****/
.blog-box .blog-text h6 { font-size:14px; line-height:25px;}
.blog-box .blog-text h2 { font-size:18px; line-height:30px;}
/*****HOME BLOG*****/
    
/***FOOTER***/
#footer-1 h6 { font-size:16px; line-height:25px;}

/*FOOTER TEXT*/
.footer-text p { font-size:12px; line-height:18px;}
/*FOOTER TEXT*/
    
/*FOOTER NAV*/
.footer-nav ul li { width: auto; padding:5px 15px 5px 0;}
.footer-nav ul li a {font-size:12px; line-height:18px;}
/*FOOTER NAV*/    
    
/*FOOTER BOTTOM*/
.footer-bottom p {font-size:12px; line-height:18px;}
/*FOOTER BOTTOM*/ 
/***FOOTER***/ 

/***BACK TO TOP***/
#back-to-top {width:45px; height:45px; line-height:45px; font-size:13px;}
/***BACK TO TOP***/
 
/*INNER-BANNER*/
.inner-page-hero-area {padding:145px 0 75px 0;}
.inner-page-title {font-size:35px; line-height:45px;}
.breadcrumb-menu > li + li::before {font-size: 7px; }
.inner-page-hero-area .breadcrumb-menu a, .inner-page-hero-area .breadcrumb-menu li {font-size:13px; line-height:18px;}
/*INNER-BANNER*/ 
    
/*Recent Posts*/
.recent-posts h4 { font-size:20px; line-height: 30px;}
.entry-brief .entry-media {width:80px; min-width:80px;}
.entry-brief .entry-title {font-size:14px; line-height:20px;}
.entry-brief .item-date {font-size:12px; line-height: 18px;}
/*Recent Posts*/ 
    
.marker-list>li { font-size:13px; line-height:20px;}
.marker-list>li:after {font-size: 10px;} 
    
/*INNER ICON TEXT*/
.inner-icon-text ul li .icon i {height:80px; width:80px; line-height:80px; font-size:28px;}	
.inner-icon-text .info h5 {font-size:16px; line-height:22px;} 
.inner-icon-text .info p { font-size:13px; line-height:18px;} 
/*INNER ICON TEXT*/ 
    
/*TEXT-ICON*/
.text-color-icon i { width:80px; height:80px; line-height:80px; font-size:24px;}
.text-color-icon h5 {font-size:16px; line-height:20px;}
/*TEXT-ICON*/    
}




@media only screen and ( min-width: 481px) and ( max-width: 599px ) {

.heading h1 {font-size:30px; line-height:40px;}
.heading h2 {font-size:30px; line-height:40px;}
.heading h3 {font-size:15px; line-height:20px;}
.heading h4 {font-size:15px; line-height:25px;}
.heading h6 { font-size:14px; line-height:20px; }

p { font-size:13px; line-height:20px;}
p i { font-size:12px; line-height:20px;}
   
/**HEADER**/
#header-1 {margin-bottom: -70px;}

/*LOGO*/
.logo { margin:15px 0;}
.logo img { height:40px;}
/*LOGO*/
    
.top-btn { font-size:14px; font-weight:var(--font-weight-600); width:100%; text-align: left; padding:10px 15px; line-height:20px ; color:var(--white-color); background:var(--text-color); letter-spacing:var(--letter-spacing-1); margin-top:0; margin-bottom:0; margin-left:0; margin-right:0; border: none;  border-radius:0px; border-bottom: 1px solid var(--light-color);}
.top-btn:hover {  background:var(--primary-color); color:var(--white-color); border-bottom: 1px solid var(--light-color);}     
/**HEADER**/
    
.more-btn { font-size:14px; padding:15px 25px; line-height:20px;}

/*****HOME BANNER FORM*****/
.home-banner-form {margin-top: 0; margin-bottom:15px;}      
.home-form { font-size:13px; line-height:20px; }
.home-form-bor { height:50px; line-height:50px; font-size:13px;}
.home-form-textar { height:100px; line-height:35px; font-size:13px;}
.home-form select { font-size:13px; height:50px; line-height:50px;}
.home-form-btn { font-size:14px; padding:15px 25px; line-height:20px;}
.form-btn { font-size:14px;  padding:15px 25px; line-height:20px;}     
/*****HOME BANNER FORM*****/
    
/*****OFFER*****/
.offer-box .offer-box-iocn i { width:70px; height:70px; line-height:70px; font-size:20px;}
.offer-box h4 { font-size:16px; line-height:20px;}
/*****OFFER*****/
    
/*****COUNTER*****/
.single_counter_icon i {width:70px; height:70px; line-height:70px; font-size:20px;}
.single_counter_text h4 { font-size:35px; line-height:45px;}
.single_counter_text h6 { font-size:14px; line-height:22px;} 
/*****COUNTER*****/
    
/*****TESTIMONIALS*****/
.media-object{ width:80px;}
/*****TESTIMONIALS*****/

/*****HOME CONTACT BTN*****/
.home-contact-area, .innerfooter-contact-area { padding-top: 30px;}    
.home-contact-area .home-img, .innerfooter-contact-area .home-img { margin-top:15px;}    
.home-contact-btn { font-size:14px; padding:15px 25px; line-height:20px;}
/*****HOME CONTACT BTN*****/ 
    
/*****HOME BLOG*****/
.blog-box .blog-text h6 { font-size:13px; line-height:20px;}
.blog-box .blog-text h2 { font-size:16px; line-height:30px;}
/*****HOME BLOG*****/
    
/***FOOTER***/
#footer-1 h6 { font-size:15px; line-height:25px;}

/*FOOTER TEXT*/
.footer-text p { font-size:12px; line-height:18px;}
/*FOOTER TEXT*/
    
/*SOCIAL*/
.social-links li a {width:30px; line-height:30px; height:30px; font-size:10px;}
/*SOCIAL*/    
    
/*FOOTER NAV*/
.footer-nav ul li { width: auto; padding:5px 15px 5px 0;}
.footer-nav ul li a {font-size:12px; line-height:18px;}
/*FOOTER NAV*/      
    
/*FOOTER BOTTOM*/
.footer-bottom p {padding: 5px 30px; font-size:11px; line-height:16px;}
/*FOOTER BOTTOM*/ 
/***FOOTER***/

/***BACK TO TOP***/
#back-to-top {width:40px; height:40px; line-height:40px; font-size:13px;}
/***BACK TO TOP***/ 
    
/*INNER-BANNER*/
.inner-page-hero-area {padding:145px 0 75px 0;}
.inner-page-title {font-size:30px; line-height:40px;}
.breadcrumb-menu > li + li::before {font-size: 6px; }
.inner-page-hero-area .breadcrumb-menu a, .inner-page-hero-area .breadcrumb-menu li {font-size:12px; line-height:16px;}
/*INNER-BANNER*/   
    
/*Recent Posts*/
.recent-posts h4 { font-size:18px; line-height: 28px;}
.entry-brief .entry-media {width:80px; min-width:80px;}
.entry-brief .entry-title {font-size:14px; line-height:20px;}
.entry-brief .item-date {font-size:11px; line-height: 15px;}
/*Recent Posts*/
    
.marker-list>li { font-size:13px; line-height:20px;}
.marker-list>li:after {font-size: 10px;} 
    
/*INNER ICON TEXT*/
.inner-icon-text ul li .icon i {height:70px; width:70px; line-height:70px; font-size:22px;}	
.inner-icon-text .info h5 {font-size:15px; line-height:20px;} 
.inner-icon-text .info p { font-size:13px; line-height:18px;} 
/*INNER ICON TEXT*/  
    
/*TEXT-ICON*/
.text-color-icon i { width:70px; height:70px; line-height:70px; font-size:20px;}
.text-color-icon h5 {font-size:15px; line-height:20px;}
/*TEXT-ICON*/     
}


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

.heading h1 {font-size:30px; line-height:40px;}
.heading h2 {font-size:30px; line-height:40px;}
.heading h3 {font-size:15px; line-height:20px;}
.heading h4 {font-size:15px; line-height:25px;}
.heading h6 { font-size:14px; line-height:20px; }

p { font-size:13px; line-height:20px;}
p i { font-size:12px; line-height:20px;}
   
/**HEADER**/
#header-1 {margin-bottom: -70px;}

/*LOGO*/
.logo { margin:15px 0;}
.logo img { height:30px;}
/*LOGO*/
    
.top-btn { font-size:14px; font-weight:var(--font-weight-600); width:100%; text-align: left; padding:10px 15px; line-height:20px ; color:var(--white-color); background:var(--text-color); letter-spacing:var(--letter-spacing-1); margin-top:0; margin-bottom:0; margin-left:0; margin-right:0; border: none;  border-radius:0px; border-bottom: 1px solid var(--light-color);}
.top-btn:hover {  background:var(--primary-color); color:var(--white-color); border-bottom: 1px solid var(--light-color);}     
/**HEADER**/
    
.more-btn { font-size:14px; padding:15px 25px; line-height:20px;}
   
/*****HOME BANNER FORM*****/
.home-banner-form {margin-top: 0; margin-bottom:15px;}     
.home-form { font-size:13px; line-height:20px; }
.home-form-bor { height:50px; line-height:50px; font-size:13px;}
.home-form-textar { height:100px; line-height:35px; font-size:13px;}
.home-form select { font-size:13px; height:50px; line-height:50px;}
.home-form-btn { font-size:14px; padding:15px 25px; line-height:20px;}
.form-btn { font-size:14px;  padding:15px 25px; line-height:20px;}     
/*****HOME BANNER FORM*****/
    
/*****OFFER*****/
.offer-box .offer-box-iocn i { width:70px; height:70px; line-height:70px; font-size:20px;}
.offer-box h4 { font-size:16px; line-height:20px;}
/*****OFFER*****/
    
/*****COUNTER*****/
.single_counter_icon i {width:60px; height:60px; line-height:60px; font-size:18px;}
.single_counter_text h4 { font-size:30px; line-height:40px;}
.single_counter_text h6 { font-size:13px; line-height:20px;} 
/*****COUNTER*****/
    
/*****TESTIMONIALS*****/
.media-object{ width:80px;}
/*****TESTIMONIALS*****/
    
/*****HOME CONTACT BTN*****/
.home-contact-area, .innerfooter-contact-area { padding-top: 30px;}    
.home-contact-area .home-img, .innerfooter-contact-area .home-img { margin-top:15px;}    
.home-contact-btn { font-size:14px; padding:15px 25px; line-height:20px;}
/*****HOME CONTACT BTN*****/ 
    
/*****HOME BLOG*****/
.blog-box .blog-text h6 { font-size:13px; line-height:20px;}
.blog-box .blog-text h2 { font-size:16px; line-height:30px;}
/*****HOME BLOG*****/
    
/***FOOTER***/
#footer-1 h6 { font-size:15px; line-height:25px;}
    
/*FOOTER TEXT*/
.footer-text p { font-size:12px; line-height:18px;}
/*FOOTER TEXT*/
         
/*SOCIAL*/
.social-links li a {width:30px; line-height:30px; height:30px; font-size:10px;}
/*SOCIAL*/ 
    
/*FOOTER NAV*/
.footer-nav ul li { width: auto; padding:5px 15px 5px 0;}
.footer-nav ul li a {font-size:12px; line-height:18px;}
/*FOOTER NAV*/     
    
/*FOOTER BOTTOM*/
.footer-bottom p { padding: 5px 30px; font-size:11px; line-height:16px;}
/*FOOTER BOTTOM*/ 
/***FOOTER***/

/***BACK TO TOP***/
#back-to-top {width:40px; height:40px; line-height:40px; font-size:13px;}
/***BACK TO TOP***/ 
    
/*INNER-BANNER*/
.inner-page-hero-area {padding:130px 0 60px 0;}
.inner-page-title {font-size:30px; line-height:40px;}
.breadcrumb-menu > li + li::before {font-size: 6px; }
.inner-page-hero-area .breadcrumb-menu a, .inner-page-hero-area .breadcrumb-menu li {font-size:12px; line-height:16px;}
/*INNER-BANNER*/     

/*Recent Posts*/
.recent-posts h4 { font-size:18px; line-height: 28px;}
.entry-brief .entry-media {width:80px; min-width:80px;}
.entry-brief .entry-title {font-size:14px; line-height:20px;}
.entry-brief .item-date {font-size:11px; line-height: 15px;}
/*Recent Posts*/  
    
.marker-list>li { font-size:13px; line-height:20px;}
.marker-list>li:after {font-size: 10px;}  
    
/*INNER ICON TEXT*/
.inner-icon-text ul li .icon i {height:60px; width:60px; line-height:60px; font-size:22px;}	
.inner-icon-text .info h5 {font-size:15px; line-height:20px;} 
.inner-icon-text .info p { font-size:13px; line-height:18px;} 
/*INNER ICON TEXT*/    
    
/*TEXT-ICON*/
.text-color-icon i { width:60px; height:60px; line-height:60px; font-size:18px;}
.text-color-icon h5 {font-size:15px; line-height:20px;}
/*TEXT-ICON*/      
.footer-heading h4 {
    font-size: 45px;
    line-height: 55px;
    color:#ffffff;
}