/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
body { font-family:  "Open Sans", sans-serif; color: #444444; }
h1, h2, h3, h4, h5, h6 { font-family: Arial, Helvetica, sans-serif; }

.container, .container-sm, .container-xl, .container-xxl { max-width: 1170px; }
.nopad { padding: 0 }
.nopadr { padding-right: 0 }
.nopadl { padding-left: 0 }
.nopad-xs { }
.ctr { text-align: center }
.clr { clear: both; height: 0px; margin: 0px; padding: 0px; }
.clr5 { clear: both; height: 5px; margin: 0px; padding: 0px; }
.clr10 { clear: both; height: 10px; margin: 0px; padding: 0px; }
.clr20 { clear: both; height: 20px; margin: 0px; padding: 0px; }
.spc10 { display: block; width: 10px; }
.spc20 { display: block; width: 20px; }
p.sml { font-size: 11px; line-height: 1.2; margin:0 }
.rht { text-align: right }
.lft { text-align: left }
.hidden-xs { display: none }
.breadcrumbs { padding: 20px 0 12px }
#admin_menu { position: fixed; top: 0; left: 45%; background: #F00; padding: 1px 10px; z-index: 2000; font-size: 14px; }
#admin_menu a { color: #fff }
.card-header.bg-dark { background-color: #333333 !important }
.card .card-port-img { padding: 10px 30px }
.alert-dark { color: #eee; background-color: #333333; border-color: #272727; }
.btn-block { display: block; width: 100%; padding-right: 0; padding-left: 0; }
.btn-block + .btn-block { margin-top: 5px; }
.btn-group-xs > .btn, .btn-xs {padding: .01rem .24rem; font-size: .875rem; border-radius: .2rem;}
img { width: auto; max-width: 100% }
#phone-div { font-size: 18px; font-weight: bold; color: #333; margin: 0; }
#phone-div a { color: #333 }
#fb-share-button { display: inline-block; position: static; }
#head-email { text-align:right;  }
#head-email a{  color: #888 }
.spacerDiv { display: block; width: 80%; background: #999; padding: 6px 0; margin: 12px auto 0; }
#blogDiv { position: absolute; right: 0; top: 102px; z-index: 1000 }
.bg-danger { background-color: #ff0000 !important; }
.form-control::-webkit-input-placeholder { color: #a8a8aa;font-size: smaller;}
.form-control:-ms-input-placeholder { color: #a8a8aa;font-size: smaller;}
.form-control::placeholder { color: #a8a8aa;font-size: smaller;}
.floating-label { margin-bottom:12px }
.floating-label > input + label, .floating-label > textarea + label { left:10px }
textarea:hover,input:hover, textarea:active,input:active, textarea:focus, input:focus,button:focus,button:active,button:hover,label:focus,.btn:focus,.btn:active,.btn.active{ outline:0px !important; -webkit-appearance:none; box-shadow: none !important;}
.btn:focus, .btn:active:focus, .btn.active:focus{
    outline:none;
    box-shadow:none;
}
table.side-table { margin:0 }
.payment-errors { color: #900; display: inline-block; font-weight: bold; text-align: center; width: 100%; padding: 5px 10px;}

<style type="text/css">  @media (min-width: 768px) {
 .seven-cols .col-md-1,  .seven-cols .col-sm-1,  .seven-cols .col-lg-1 { width: 100%; *width: 100%;}
}
 @media (min-width: 992px) {
.seven-cols .col-md-1,  .seven-cols .col-sm-1,  .seven-cols .col-lg-1 { width: 14.285714285714285714285714285714%;  *width: 14.285714285714285714285714285714%;
max-width: 14.285714285714285714285714285714% !important; flex: none !important; }
}
 @media (min-width: 1200px) {
.seven-cols .col-md-1,  .seven-cols .col-sm-1,  .seven-cols .col-lg-1 { width: 14.285714285714285714285714285714%;  *width: 14.285714285714285714285714285714%;
max-width: 14.285714285714285714285714285714% !important; flex: none !important; }
}
/*--------------------------------------------------------------
# Back to top button
--------------------------------------------------------------*/
.back-to-top { position: fixed; visibility: hidden; opacity: 0; right: 15px; bottom: 15px; z-index: 996; background: #5c9f24; width: 40px; height: 40px; border-radius: 4px; transition: all 0.4s; }
.back-to-top i { font-size: 28px; color: #fff; line-height: 0; }
.back-to-top:hover { background: #6fc02c; color: #fff; }
.back-to-top.active { visibility: visible; opacity: 1; }
/*--------------------------------------------------------------
# specialoffer
--------------------------------------------------------------*/
#specialoffer_view { position: fixed; top: 114px; right: -500px; z-index: 10000; max-width: 400px; width: 360px; padding: 10px 0 0; background: #fff; border-radius: 12px; }
.specialoffer-contentimg { padding: 0 }
.specialoffer-contenttxt { padding: 10px; background: rgba(255,255,255,.4); color: #201f1f; border-radius: 5px; border-top: 1px solid #f2f0f0; }
.specialoffer-contenttxt p { margin: 0 }
#specialoffer_view img { width: auto; max-width: 100% }
.specialoffer-body { padding: 10px }
#specialoffer-closer { width: auto; position: absolute; left: 0; top: -6px; cursor: pointer; font-size: 22px; color: #000; z-index: 100; }
/*--------------------------------------------------------------
# Preloader
--------------------------------------------------------------*/
#preloader { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 9999; overflow: hidden; background: #CCC; }
#preloader:before { content: ""; position: fixed; top: calc(50% - 0px); left: calc(50% - 30px); border: 6px solid #ffc451; border-top-color: #151515; border-bottom-color: #151515; border-radius: 50%; width: 60px; height: 60px; -webkit-animation: animate-preloader 1s linear infinite; animation: animate-preloader 1s linear infinite; }
 @-webkit-keyframes animate-preloader { 0% {
 transform: rotate(0deg);
}
 100% {
 transform: rotate(360deg);
}
}
 @keyframes animate-preloader { 0% {
 transform: rotate(0deg);
}
 100% {
 transform: rotate(360deg);
}
}
/*--------------------------------------------------------------
# Disable aos animation delay on mobile devices
--------------------------------------------------------------*/
@media screen and (max-width: 768px) {
 [data-aos-delay] {
 transition-delay: 0 !important;
}
}
/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
#header { background: #FFFFFF; transition: all 0.5s; z-index: 997; height: auto; position: relative; padding: 8px 0 4px; max-height: 136px; }
#header.header-scrolled, #header.header-inner-pages { background: #FFFFFF; position: relative; width: 100%; border-bottom: 2px solid #0376ff; }
#navbarDiv.header-scrolled, #header.header-inner-pages { background: #FFFFFF; position: relative; width: 100%; border-bottom: 2px solid #0376ff; bottom:auto; left:10px; top:0; padding: 10px 0 6px; }
#header .logo { font-size: 28px; margin: 0; padding: 0; line-height: 1; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; }
#header .logo a { color: #fff; }
#header .logo img { margin: 0; max-width: 100% }
#navbarLogo { display:none;  position: absolute;  left: 0;  top: 0;  z-index: 100;width: 260px;} 
#navbarDiv.header-scrolled > #navbarLogo { display:block }
#navbarDiv.header-scrolled > #navbar  > .ulTop{padding-left:100px; }
#navbarLogo img{ max-width: 100% }	
@media screen and (max-width: 768px) {
#navbarLogo { display:none }	
#header.header-scrolled, #header.header-inner-pages { position: relative; }
#navbarDiv.header-scrolled > #navbar > .ulTop {padding-left:0;}
}

/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
/**
* Desktop Navigation 
*/
#navbarDiv.fixed {position: fixed;top: 0;width: 100%; left:0 }
#header .logo.fixed {position: fixed;top: 40px;left: 50%;transform: translateX(-50%);background: rgba(0,0,0,.9); border-bottom-left-radius:15px; border-bottom-right-radius:15px; padding:0 20px 5px }
#header .logo.fixed > a > img { width:160px }
#navbarDiv .navbar { position:relative; top: inherit; left:inherit }
ul.ulTop { padding:0; text-align: center;}
.navbar-dark .ulTop .nav-link { padding:0 10px; color:#fee6c1; text-transform:uppercase; }
.navbar-dark .ulTop .nav-item { border-top: none; padding:0}
#navbarDiv .navbar-brand { display:none }
@media screen and (max-width: 768px) {
#navbarDiv .navbar { position:fixed; top:0; left:0  }
ul.ulTop { }	
.navbar-dark .ulTop .nav-item {border-top: 1px dotted #a6a1a1;padding: 4px 0;}
#navbarDiv .navbar-brand { display:block; font-size:16px }
#header .logo.fixed {top: 55px; padding:5px 20px;}
}

/*--------------------------------------------------------------
# home Section
--------------------------------------------------------------*/
#home { width: 100%; position: relative; padding: 0 }
#home:before { content: ""; background: rgba(0, 0, 0, 0.6); position: absolute; bottom: 0; top: 0; left: 0; right: 0; }
#home .container { position: relative; padding-top: 0; text-align: center; }
/* Carousel base class */
#homeCarousel.carousel { margin-bottom: 0; width: 100%; }
/* Since positioning the image, we need to help out the caption */
#homeCarousel .carousel-caption { bottom: -20px; z-index: 100; margin: 0 auto; position: absolute; right: auto; left: auto; width: 100%; }
#homeCarousel .carousel-caption h1 { font-size: 2rem }
#homeCarousel .carousel-caption p {
font-size:.9rem; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.8); line-height: .6; }
#homeCarousel .carousel-caption p.lrg { font-size: 1.2rem; }
/* Declare heights because of positioning of img element */
#homeCarousel .carousel-item { height: auto; position: relative; z-index: 10; }
#homeCarousel .carousel-item > img { position: relative; top: 0; left: 0; min-width: 100%; height: auto; }
#banner-imgs { position: absolute; top: 10px; left: 0; z-index: 100; padding: 0 10px; width: 100% }
#banner-imgs img { width: 30% }
/* RESPONSIVE CSS
-------------------------------------------------- */
@media (min-width: 40em) {
/* Bump up size of carousel content */
#homeCarousel .carousel-caption p { margin-bottom: 1rem; font-size: 1.5rem; line-height: 1.2; }
#homeCarousel .carousel-item { height: auto; }
#homeCarousel .carousel-caption { bottom: 4rem; z-index: 100; margin: 0 auto; right: auto; left: auto }
#homeCarousel .carousel-caption h1 { font-size: 2.6rem }
#banner-imgs img { width: auto }
}
 @media (min-width: 62em) {
#homeCarousel .carousel-item { height: auto; z-index: 1; }
#homeCarousel .carousel-caption { bottom: 6rem; z-index: 100; }
#homeCarousel .carousel-caption p.lrg { font-size: 2rem; }
}
/*--------------------------------------------------------------
# Why Us
--------------------------------------------------------------*/
.why-us { padding: 0 0 30px 0; position: relative; z-index: 30; }
.why-us .content { padding: 30px; background: #cda90c; border-radius: 4px; color: #fff; }
.why-us .content h3 { font-weight: 700; font-size: 26px; margin-bottom: 30px; }
.why-us .content p { margin-bottom: 20px; font-size: 16px; text-align: center }
.why-us .content .more-btn { display: inline-block; background: rgba(0,0,0, 0.1); padding: 6px 30px 8px 30px; color: #fff; border-radius: 50px; transition: all ease-in-out 0.4s; }
.why-us .content .more-btn i { font-size: 14px; }
.why-us .content .more-btn:hover { color: #ff5821; background: #fff; }
.why-us .icon-boxes .icon-box { text-align: center; border-radius: 10px; background: #f7710f; box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1); padding: 20px; width: 100%; }
.why-us .icon-boxes .icon-box i { font-size: 40px; color: #ff0; margin-bottom: 30px; }
.why-us .icon-boxes .icon-box h3 { font-size: 24px; font-weight: 700; margin: 0 0 16px 0; color: #eee; }
.why-us .icon-boxes .icon-box h4 { font-size: 20px; font-weight: 700; margin: 0 0 20px 0; color: #ff0; }
.why-us .icon-boxes .icon-box p { font-size: 15px; color: #eee; }
/*--------------------------------------------------------------
# Why Us content
--------------------------------------------------------------*/
#why-us-inner .why-us { padding: 0; position: relative; z-index: 3; }
#why-us-inner .why-us .icon-boxes .icon-box {  background: #f7710f;padding: 5px 0 0; width: 100%; }
#why-us-inner .why-us .content { padding: 0; background: #f7710f; border-radius: 4px; color: #fff; }
#why-us-inner .why-us .content h3 { font-weight: 700; font-size: 15px; margin-bottom: 6px; }
#why-us-inner .why-us .content h4 {  font-size: 16px; margin-bottom: 6px; }
#why-us-inner .why-us .content p { margin-bottom: 6px; font-size: 14px; text-align: center }

/*--------------------------------------------------------------
# Sections General
--------------------------------------------------------------*/
section { padding: 30px 0; }
section.themap { padding:0;background: #172c4e; }
section.inner-page, .section-bg { background-color: #fbfafa; }
section.inner-page .ip-lrg /*, section.inner-page .ip-sml */ { background-color: #fff; min-height: 150px; box-shadow: 0 1px 2px #bbb; padding: 20px;margin: 0 0 14px; }

section.inner-page .ip-lrg h1, section.inner-page .ip-lrg h2 { font-size: 20px; color: #555; margin-bottom: 5px; }
section.inner-page p { margin:0 0 0 0 }
section.inner-page .ip-lrg .f-links { color: #666; font-size: 14px; box-shadow: 0 0 2px #999; border-right: 2px solid #888; border-left: 2px solid #888; padding: 1px 10px; display: inline-flex; margin: 0 2px 4px }
section.inner-page .ip-lrg .filterText { font-size: 12px; color: #888 }
section.inner-page .ip-lrg img { width: auto; max-width: 100% }
.section-title { text-align: center; padding-bottom: 30px; }
.section-title h2 { font-size: 26px; font-weight: bold; margin-bottom: 12px; padding-bottom: 0; color: #b68b68; }
section.inner-page.sc { font-family:Georgia, "Times New Roman", Times, serif }
.section-title-sc { text-align: left; padding-bottom: 10px; }
.section-title-sc h2 { font-size: 18px; font-weight: bold; margin-bottom: 12px; padding-bottom: 0; color: #444; }
.section-title p { margin-bottom: 0; font-size: 22px; font-weight: bold; text-transform: capitalize; }
section.inner-page .ip-lrg.sc p{ margin-bottom:6px; font-size:15px }
@media (max-width: 768px) {
section.inner-page .ip-lrg /*, section.inner-page .ip-sml */ { padding: 5px  }
}
/*--------------------------------------------------------------
# Orders Forms Section
--------------------------------------------------------------*/
#orderFormDiv { position:relative }
#orderFormDiv  { font-size:15px; line-height:1.2 }
#totalsDiv.sticky-top {top: 100px; z-index:10}
#orderFormDiv .tab.hide { display:none }
#orderFormDiv .tab .alert.alert-success { background: #3C9; margin: 0; padding: 2px 0; text-align: center; width: 100%; color: #fff; display: inline-block; left:0;bottom:-10px; position:absolute; font-size: 14px; }
#email-error { padding:5px; display:inline-block; position: absolute;top: 1px; right: 12px; }
ul.products-container { padding: 0px; list-style: none; margin-left: auto; margin-right: auto; color: #777; }
ul.products-container li { display: inline-block; border: 1px solid #ECECEC; margin: 5px 0; background: #fff; text-align: center;width: 33%; }
ul.products-container li h4 { margin: 0; padding: 15px 5px 5px 5px; text-align: center; border-bottom: 1px solid #FAFAFA; }
ul.products-container li .product-box { border: 1px solid #EAEAEA; margin: 5px; padding: 5px; text-align: center; position:relative }
ul.products-container li .product-box div { margin-bottom: 5px; }
ul.products-container li .product-box .btn.btn-primary.added { background: #15bb2f; color: #eee; font-weight: bold;border: 1px solid #0c8408; }
#orderFormDiv .table td .floating-label { margin:0 }
.extra-names .delDiv { position:absolute; font-weight:bold; right:5px; top:0; color:#900; z-index: 100;cursor: pointer; }
@media (max-width: 600px) {
	ul.products-container li { width:100% }
}
/*--------------------------------------------------------------
# Breadcrumbs
--------------------------------------------------------------*/
section.breadcrumbs { padding:0; margin-top:10px;}
.breadcrumbs { padding:0}
.breadcrumbs .bc-img { z-index:10; position:relative }
.breadcrumbs .bc-img img { width:100%; overflow:hidden}
.breadcrumbs .bc-bar { display:block; height:auto; background:#f7710f; z-index:20; position:relative; margin-top:-40px; padding: 6px 30px;font-size: inherit;border-radius: 10px; }
.qXXL {font-size: 100px; position: absolute; height: 40px; top:-30px;
font-family: Georgia, "Times New Roman", Times, serif }
.qXXL.lft { left:-10px }
.qXXL.rht {right: -8px;bottom: 30px;top: auto; }
@media (max-width: 768px) {
.breadcrumbs .d-flex { display: block !important; }
.breadcrumbs ol { display: block; }
.breadcrumbs ol li { display: inline-block; }
.breadcrumbs .bc-bar { margin-top:0;  padding: 6px 10px;font-size: 14px; }
.qXXL {font-size: 60px; }
.qXXL.lft {left: -12px;top: -14px;}
.qXXL.rht { right:-10px; bottom:14px; top:auto }
}
/*--------------------------------------------------------------
# welcome
--------------------------------------------------------------*/
#welcomeDiv { display: block }
#welcomeDiv h1 { font-size: 24px }
#welcomeDiv h2 { font-size: 22px; margin: 5px 0; color: #222; font-weight: bold }
#welcomeDiv img { display: inline; float: none; width: auto; max-width: 100% }
/*--------------------------------------------------------------
# Form Div
--------------------------------------------------------------*/
#formDiv .form-row { margin: 5px 0 5px; }
#formDiv .form-control, #formDiv .form-select { color: #555 }
#formDiv { padding: 10px; }

@media only screen and (min-width: 310px) {
#loader { display: none }
.hidden-xs { display: none }
#formDiv { padding: 10px 5px; }
#formDiv h3 { font-size: 20px }
#formDiv #infoForm { padding: 0 5px }
.spcr { height: 0px }
.card-body {  padding: .5rem .5rem;}
}
@media only screen and (min-width: 768px) {
.hidden-xs { display: block }
#formDiv { padding: 10px; }
#loader { display: none }
#formDiv #infoForm { padding: 0 20px }
.card-body {  padding: 1rem 1rem;}
}
/*--------------------------------------------------------------
# Portfolio
--------------------------------------------------------------*/
.portfolio .portfolio-item { margin-bottom: 30px; }
.portfolio #portfolio-flters { padding: 0; margin: 0 auto 20px auto; list-style: none; text-align: center; }
.portfolio #portfolio-flters li { cursor: pointer; display: inline-block; padding: 6px 12px 6px 10px; font-size: 14px; font-weight: 600; line-height: 1; text-transform: uppercase; color: #444444; margin-bottom: 5px; transition: all 0.3s ease-in-out; border-radius: 3px; }
.portfolio #portfolio-flters li:hover, .portfolio #portfolio-flters li.filter-active { color: #fff; background: #f00; }
.portfolio #portfolio-flters li:last-child { margin-right: 0; }
.portfolio .portfolio-wrap { transition: 0.3s; position: relative; overflow: hidden; z-index: 1; background: rgba(42, 42, 42, 0.7); }
.portfolio .portfolio-wrap::before { content: ""; background: rgba(42, 42, 42, 0.7); position: absolute; left: 0; right: 0; top: auto; bottom: 0; transition: all ease-in-out 0.3s; z-index: 2; opacity: 0; height: 50px }
.portfolio .portfolio-wrap img { transition: all ease-in-out 0.3s; width: 100%; }
.portfolio .portfolio-wrap .portfolio-info { opacity: 1; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 3; transition: all ease-in-out 0.3s; display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-start; padding: 10px; }
.portfolio .portfolio-wrap .portfolio-info h4 { font-size: 14px; color: #fff; font-weight: 600; margin: 2px 0 0 }
.portfolio .portfolio-wrap .portfolio-info p { color: rgba(255, 255, 255, 0.7); font-size: 12.5px; text-transform: capitalize; padding: 0; margin: 0; font-style: italic; }
.portfolio .portfolio-wrap .portfolio-details { display: inline-block; width: 100%; background: rgba(0,0,0,.6); padding: 0; padding: 2px 5px; }
.portfolio .portfolio-wrap .portfolio-links { position: absolute; right: 14px; text-align: center; z-index: 4; bottom: 5px }
.portfolio .portfolio-wrap .portfolio-links a { color: #fff; margin: 0 5px 0 0; font-size: 26px; display: inline-block; transition: 0.3s; }
.portfolio .portfolio-wrap .portfolio-links a:hover { color: #8ed851; }
.portfolio .portfolio-wrap:hover::before { opacity: 1; }
.portfolio .portfolio-wrap:hover img { transform: scale(1.2); }
.portfolio .portfolio-wrap:hover .portfolio-info { opacity: 1; }
/*--------------------------------------------------------------
# Portfolio Details
--------------------------------------------------------------*/
.portfolio-details { padding-top: 40px; }
.portfolio-details .portfolio-details-slider img { width: 100%; }
.portfolio-details .portfolio-details-slider .swiper-pagination { margin-top: 20px; position: relative; }
.portfolio-details .portfolio-details-slider .swiper-pagination .swiper-pagination-bullet { width: 12px; height: 12px; background-color: #fff; opacity: 1; border: 1px solid #5c9f24; }
.portfolio-details .portfolio-details-slider .swiper-pagination .swiper-pagination-bullet-active { background-color: #5c9f24; }
.portfolio-details .portfolio-info { padding: 30px; box-shadow: 0px 0 30px rgba(42, 42, 42, 0.08); }
.portfolio-details .portfolio-info h3 { font-size: 22px; font-weight: 700; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #eee; }
.portfolio-details .portfolio-info ul { list-style: none; padding: 0; font-size: 15px; }
.portfolio-details .portfolio-info ul li + li { margin-top: 10px; }
.portfolio-details .portfolio-description { padding-top: 30px; }
.portfolio-details .portfolio-description h2 { font-size: 26px; font-weight: 700; margin-bottom: 20px; }
.portfolio-details .portfolio-description p { padding: 0; }
#portfolioView { min-height: 260px }
#portfolioView .portfolio-item { background:none; padding:20px }
.swiper-wrapper .portfolio-info { position: absolute; z-index: 100; bottom: 10px; left: 10px; border-radius: 6px; background: rgba(0,0,0,.4); width: auto; max-width: 360px; padding: 8px 16px 4px; color: #eee; font-size: 13px; line-height: 1.1; text-align: justify }
.swiper-wrapper .portfolio-info .info-title { font-size: 13.5px; font-weight: bold }
.swiper-wrapper .portfolio-info p { margin-bottom: 2px }
/*--------------------------------------------------------------
# Services
--------------------------------------------------------------*/
.services { padding: 30px 0 40px }
.services { }
.services .icon-box { margin-bottom: 10px; text-align: center; }
.services .services-box { text-align: justify; }
.services .services-box  p {margin-bottom: .3rem;line-height: 1.2;font-size: .94rem }
.services .icon { display: inline-flex; justify-content: center; align-items: center;  margin-bottom: 12px;transition: 0.5s; color: #5c9f24; padding:10px 35px 30px; }
.services .icon i { font-size: 36px; line-height: 0; }
.services .title { font-weight: 600; margin-bottom: 15px; font-size: 18px; position: relative; padding-bottom: 6px; text-align:center }
.services .title a { color: #444444; transition: 0.3s; }
.services .title a:hover { color: #5c9f24; }
/* =============================================================
   jPages
 ============================================================ */
.holder { margin: 0;text-align: center; }
.holder a { font-size: 15px; cursor: pointer; margin: 0; color: #333;border: 1px solid;
padding: 1px 4px; }
.holder a:hover { background-color: #222; color: #fff; ;border: 1px solid #000;}
.holder a.jp-previous { margin-right: 10px; border:none }
.holder a.jp-next { margin-left: 10px; border:none }
.holder a.jp-current, a.jp-current:hover { background: #222; color:#eee; font-weight: bold;border: 1px solid #000; }
.holder a.jp-disabled, a.jp-disabled:hover { color: #bbb; }
/*.holder a.jp-current, a.jp-current:hover, .holder a.jp-disabled, a.jp-disabled:hover { cursor: default; background: none; } */
.holder span { margin: 0 5px; }
#legends { margin-top:-3px; text-align: right;font-size: 12px; }
#legends div { line-height:1.1; width:100%;text-align:center }
/*--------------------------------------------------------------
# Contact
--------------------------------------------------------------*/
.contact { padding:10px 0 0; }
.contact .section-title { padding:0 }
.contact .info-box { color: #444444; background: #fff; text-align: center; box-shadow: 0 0 30px rgba(214, 215, 216, 0.6); padding: 20px 0 30px 0; }
.contact .info-box i { font-size: 32px; color: #3d97a0; border-radius: 50%; padding: 8px; border: 2px dotted #f0f7fa; }
.contact .info-box h3 { font-size: 20px; color: #777777; font-weight: 700; margin: 10px 0; }
.contact .info-box p { padding: 0; line-height: 24px; font-size: 14px; margin-bottom: 0; }
.contact .php-email-form { box-shadow: 0 0 30px rgba(214, 215, 216, 0.6); padding: 30px; background: #fff; }
.contact .php-email-form .error-message { display: none; color: #fff; background: #ed3c0d; text-align: left; padding: 15px; font-weight: 600; }
.contact .php-email-form .error-message br + br { margin-top: 25px; }
.contact .php-email-form .sent-message { display: none; color: #fff; background: #18d26e; text-align: center; padding: 15px; font-weight: 600; }
.contact .php-email-form .loading { display: none; background: #fff; text-align: center; padding: 15px; }
.contact .php-email-form .loading:before { content: ""; display: inline-block; border-radius: 50%; width: 24px; height: 24px; margin: 0 10px -6px 0; border: 3px solid #18d26e; border-top-color: #eee; -webkit-animation: animate-loading 1s linear infinite; animation: animate-loading 1s linear infinite; }
.contact .php-email-form input, .contact .php-email-form textarea { border-radius: 0; box-shadow: none; font-size: 14px; }
 .contact .php-email-form input::focus, .contact .php-email-form textarea::focus {
 background-color: #67b0d1;
}
@-webkit-keyframes animate-loading { 0% {
 transform: rotate(0deg);
}
 100% {
 transform: rotate(360deg);
}
}
@keyframes animate-loading { 0% {
 transform: rotate(0deg);
}
 100% {
 transform: rotate(360deg);
}
}
@media (min-width: 768px) {
.contact .contact-phone { border-left: 1px solid #ddd; border-right: 1px solid #ddd; }
.contact .contact-address, .contact .contact-phone, .contact .contact-email { padding: 20px 0; }
}
/*--------------------------------------------------------------
# Frequently Asked Questions
--------------------------------------------------------------*/
#faq { color: #112e65 }
#faq .section-title { padding-bottom:10px }
#faq .section-title h3 { font-size: 20px;  margin: 0 0 4px;  border-bottom: 2px solid red;  display: inline-block;}
#faq .section-title p.sml { font-size: 11px; line-height: 1.2; display: inline-block; }
.faq .faq-list { padding: 30px 10px 0 }
.inner-page .faq .faq-list { padding: 0 20px; }
.faq .faq-list ul { padding: 0; list-style: none; }
.faq .faq-list li + li { margin-top: 1px; }
.faq .faq-list li { padding: 10px; background: #f2f5fb; border-radius: 4px; position: relative; }
.faq .faq-list a { display: block; color: #112e65; position: relative; font-family: "Poppins", sans-serif; font-size: 13px; line-height: 1.2; font-weight: 600; padding: 0 30px; outline: none; cursor: pointer; }
.faq .faq-list .icon-help { font-size: 24px; position: absolute; top: -3px; left: 0; color: #9cdc66; }
.faq .faq-list .icon-show, .faq .faq-list .icon-close { font-size: 16px; position: absolute; right: 0; top: 0; }
.faq .faq-list p { margin-bottom: 0; padding: 10px 0 0 0; font-size: 13px; line-height: 1.2; color: #1f438a }
.faq .faq-list .icon-show { display: none; }
.faq .faq-list a.collapsed:hover { color: #4077df; }
.faq .faq-list a.collapsed .icon-show { display: inline-block; }
.faq .faq-list a.collapsed .icon-close { display: none; }
@media (max-width: 1200px) {
.faq .faq-list { padding: 0; }
}
/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
#footer { background: #172c4e;; padding: 0 0 10px; color: #fff; font-size: 14px; }
#footer .footer-top { padding: 36px 0 0 0; }
#footer .footer-top .footer-info h3 { font-size: 20px; margin: 0 0 20px 0; padding: 2px 0 2px 0; line-height: 1; font-weight: 700; }
#footer .footer-top .footer-info p { font-size: 14px; line-height: 24px; margin-bottom: 0; font-family: Arial, Helvetica, sans-serif; }
#footer .footer-top .social-links i { color:#ffb305;  font-size: 16px; }
#footer .footer-top .social-links a { font-size: 14px; color: #fff; line-height: 1; padding: 8px 0; text-align: center; width: 36px; height: 36px; transition: 0.3s; }
#footer .footer-top h4 { font-size: 18px; color: #EEE; position: relative; padding-bottom: 5px; border-bottom:2px solid #424242 }
#footer .footer-top a { color: #eee}
#footer .footer-top .footer-links { margin-bottom: 30px; position: relative }

#footer .footer-top .footer-image { position: relative; }
#footer .footer-top .footer-image img { width: auto; max-width: 100% }
#footer .footer-top .footer-links ul { list-style: none; padding: 0; margin: 0; }
#footer .footer-top .footer-links ul i { padding-right: 2px; color: #b5d9e9; font-size: 18px; line-height: 1; }
#footer .footer-top .footer-links ul li { padding: 4px 0; display: flex; align-items: center; }
#footer .footer-top .footer-links ul li:first-child { padding-top: 0; }
#footer .footer-top .footer-links h4{ color: #ffb305}
#footer .footer-top .footer-links ul a { color: #ffb305; transition: 0.3s; display: inline-block; line-height: 1;text-decoration: none; }
#footer .footer-top .footer-links ul a:hover { color: #a2cfe3; }
#footer .footer-top .footer-newsletter form { margin-top: 30px; background: #fff; padding: 6px 10px; position: relative; border-radius: 4; }
#footer .footer-top .footer-newsletter form input[type="email"] { border: 0; padding: 4px; width: calc(100% - 110px); }
#footer .footer-top .footer-newsletter form input[type="submit"] { position: absolute; top: 0; right: 0; bottom: 0; border: 0; background: none; font-size: 16px; padding: 0 20px; background: #67b0d1; color: #fff; transition: 0.3s; border-radius: 4; }
#footer .footer-top .footer-newsletter form input[type="submit"]:hover { background: #409cc5; }
#footer .communities { padding: 5px 50px 2px; background: rgba(0,0,0,.4); text-align: center; color: #333 }
#footer .communities h5 { font-size: 1.1rem }
#footer .communities p { margin: 0; padding: 0 }
#footer .copyright { text-align: center; padding: 10px 0; border-top: 1px solid #444; margin-top: 10px; font-size:12px }
#footer .copyright a { color:#eee }
#footer .copyright p { margin-bottom: 0 }
#footer .credits { padding-top: 10px; text-align: center; font-size: 13px; color: #fff; }
 @media (max-width: 575px) {
#footer .footer-top .footer-info { margin: -20px 0 30px 0; }
#footer .footer-top .footer-image img { position: relative; margin-top: 0 }
}