.offcanvas-menu .offcanvas-inner ul li ul{
display: none;
background-color: #d7d7d7;
}
.offcanvas-menu .offcanvas-inner ul li ul li a {
/*font-size: 1.25rem; */
}
.offcanvas-menu .offcanvas-inner ul li ul li a.active {
background-color: initial;
color: #17629e;
padding-bottom: initial
}
.offcanvas-menu .offcanvas-inner ul li ul li a:hover {
color: #fff;
background-color: #17629e
}
.offcanvas-menu .offcanvas-inner {
padding: 0px !important;
}
.offcanvas-menu .offcanvas-inner ul {
box-sizing: border-box;
margin-left: 0;
padding-left: 0;
list-style:none;
margin-left:0px;
}
.offcanvas-menu .offcanvas-inner ul li {
padding: 20px;
border-bottom: 2px solid #fff;
list-style:none;
margin-left:0px;
}
.offcanvas-menu .offcanvas-inner ul li a:hover{
color: #fff;
background-color: #17629e;
text-decoration: none
}
body.ltr.offcanvs-position-right.offcanvas-active .offcanvas-menu{
}
body.ltr.offcanvs-position-right.offcanvas-active .offcanvas-menu .menu-parent {
/* background-color: #777; */
color: white;
cursor: pointer;
padding: 0px;
width: 100%;
border: none;
text-align: left;
outline: none;
font-size: 15px;
}
body.ltr.offcanvs-position-right.offcanvas-active .offcanvas-menu .menu-child{
}
#sp-top2, {
margin: 4px 0px;
}
/* Box shadow: ;*/
#n2-ss-46-arrow-next{
position: fixed !important;
top: 200px !important;
right: 30px !important;
}
#n2-ss-46-arrow-previous{
position: fixed !important;
top: 200px !important;
left:30px !important
}
.article-list .article { box-shadow: 0 0 10px rgba(0,0,0,.1); }
.sp-megamenu-parent > li > a {
text-transform: uppercase!important;
}
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {padding:0 13px;}
@media (min-width: 1025px) {
#sp-top-header {
padding: 0 0 33px 0;
}
}
.sp-megamenu-parent {
list-style: none;
padding: 0;
margin: 0 -15px;
z-index: 99;
display: block;
float: unset;
position: relative;
text-align: left;
font-style:italic;
transform: skewX(-10deg);
}
body, .sp-preloader {
color: #000;
}
fieldset {
padding-top:150px !important;
}
.item-209 menu-deeper .menu-parent, .nav-header {
padding: 18px;
border-bottom: 2px solid #fff;
width: 100%;
max-width: 100%;
display: block;
}
.result-title a{
color:#000;
}
span.highlight{
color:#000;
}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
background: #28abe3 !important;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {
color: #ffffff !important;
}
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
font-weight: 500;
margin-left: 10px;
background-color: #28abe3;
border: 2px solid #1a6aa9;
color: #fff !important;
}
.sp-megamenu-parent > li:hover > a {
font-weight: 500;
color: #3480c7 !important;
}
.sp-megamenu-parent > li.active > a {
font-weight: 500;
}
.sp-megamenu-parent > li:hover > a {
color: #3480c7;
background-color: #f8faeb;
}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
box-shadow: none;
padding-left: 40px;
padding-right: 40px;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item {border-bottom: 1px solid #d5d3cf;}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a, .sp-megamenu-parent .sp-dropdown li.sp-menu-item span:not(.sp-menu-badge) {
font-size: 13px;
font-weight: 500;
letter-spacing: 0.8px;
line-height: 20px;
padding: 0px 0 10px;
text-decoration: none;
text-transform: uppercase;
transition-property: color, background-color, border-color, padding-top, padding-bottom;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item:last-child {
border-bottom: none;
}
@media (min-width: 1410px) {
.layout-boxed .body-innerwrapper {max-width: 1400px !important; }
.sppb-row-container {width: 1400px !Important; }
}
#sp-header.header-sticky {
position: relative!important;
width: 100%!important;
top:0px!important;
opacity: 0.98;
}
#sp-header {
top: 0px;
padding-left: 40px;
padding-right: 40px;
}
#sp-header {
left: 0!important;
right: 0!important;
position: relative;
width: 100%;
margin: auto!important;
display: block!important;
}
.sp-megamenu-parent {
float:left;
}
}
#sp-top-header {
border-bottom: 2px solid #e4985b;
}
/*end top part*/
.sp-page-title {
padding: 110px 0 90px 0;
background-repeat: no-repeat;
background-size: cover;
position: relative;
z-index: 1;
}
* PAGE TITLE */
.sp-page-title .sp-page-title-heading {
color: #ffffff;
font-size: 48px;
font-weight: 700;
line-height: 50px;
text-transform: capitalize;
text-align: center;
}
.sp-page-title .breadcrumb {
background: #fff;
border: 1px solid #f4f4f4;
position: absolute;
bottom: 0;
margin: 0;
border-radius: 0;
width: 100%;
left: 0;
overflow: hidden;
padding: 18px 100px 15px;
border-bottom: 1px solid #f4f4f4;
border-top: 1px solid #f4f4f4;
}
@media (min-width: 320px) and (max-width: 1024px) {
.sp-page-title .breadcrumb{
padding: 18px 100px 15px;
background: #fff;
border: 1px solid #f4f4f4;
position: absolute;
bottom: 0;
margin: 0;
border-radius: 0;
width: 100%;
left: 0;
padding :17px 4px 15px 0px;
overflow: hidden;
border-bottom: 1px solid #f4f4f4;
border-top: 1px solid #f4f4f4;
}
}
@media (min-width: 320px) and (max-width: 1024px) {
.sp-contact-info {
list-style: none;
padding: 0;
margin: 0px 0px 10px 0px;
}
}
.sp-page-title .breadcrumb > span, .sp-page-title .breadcrumb > li, .sp-page-title .breadcrumb > li + li::before, .sp-page-title .breadcrumb > li > a {
display: inline-block;
margin-right: 6px;
line-height: 20px;
font-size: 16px;
font-weight: 400;
font-family: 'Poppins', sans-serif;
color: #404040;
text-transform: capitalize;
font-family: 'Poppins', sans-serif;
transition: all 500ms ease;
}
.sp-page-title .breadcrumb > li > a:hover,
.sp-page-title .breadcrumb > .active {
color: #d72924;
}
.sp-page-title .sp-page-title-heading {
color: #ffffff;
font-size: 44px;
font-weight: 700;
line-height: 76px;
text-transform: capitalize;
margin:auto;
display:block;
text-align:center;
}
.sp-page-title .sp-page-title-heading {
color: #ffffff;
font-size: 44px;
font-weight: 700;
line-height: 76px;
text-transform: capitalize;
margin:auto;
display:block;
text-align:center;
}
@media (min-width: 320px) and (max-width: 1024px) {
.sp-page-title .sp-page-title-heading {
font-size: 28px;
font-weight: 700;
line-height: 76px;
}
}
.sp-page-title .sp-page-title-heading:after {
width: 70px;
height: 2px;
display: block;
content:" ";
margin:20px auto auto auto;
display:block;
text-align:center;
}
#sp-logo {
height:auto!important;
}
#sp-logo img {
height:auto!important;
margin:12px 0px 0px 0px;
}
#sp-top2 ul.menu li {
display: inline-block;
margin: 0 10px;
}
#sp-top-bar {
line-height: 14px;
}
.search {
margin:11px 0px 0px 0px;
}
.search input {
border: 1px solid #ebebeb;
display: block;
border-radius:0;
}
.error-page .error-code {
color: #d60000;
}
#sp-sp-top-bar {
line-height: 12px;
font-size: 15px;
}
.sppb-btn-custom {
background: #000;
}
.pagination-wrapper .pagination li.active a {
background: #d72924;
color: #fff;
border-color: #d72924;
}
.categories-module li h5 {
font-size: 14px;
font-weight: 400;
line-height: 2em;
}
#sp-left .sp-module ul > li, #sp-right .sp-module ul > li {
display: block;
border-bottom: none;
}
#sp-left .sp-module, #sp-right .sp-module{
padding-top: 0px;
padding-bottom: 0px;
}
.category-name >a{
position:absolute ;
left: 30px;
top:1px;
padding:2% 5% 2% 5%;
text-transform: uppercase;
font-weight: 700;
}
.article-info > span a{
color: #fff;
}
.article-info > span:hover a{
color: #eaeaea;
}
.article-info > span + span::before{
content: "";
}
.article-list .article .article-intro-image img {
position: relative;
overflow: hidden;
}
.article-intro-image img{
transition: 0.6s ease;
}
.article-intro-image img:hover{
transform: scale(1.2);
}
.blog .article-list .article .article-body .createdby {
text-transform: uppercase;
color: #232323;
font-size: 13px;
font-weight: 600;
}
.article-info > span {
font-size: 13px;
color: #8a8a8a;
}
#sp-bottom #sp-bottom2, #sp-bottom #sp-bottom3, #sp-bottom #sp-bottom4 {
border-left: solid 1px rgba(255, 255, 255, .1);
}
{
}
@media screen and (max-width: 600px) {
.hair {
width:100%;
}
thead {display: none;}
tr:nth-of-type(2n) {background-color: inherit;}
tr td:first-child {/*background: #f0f0f0;*/ font-weight:normal;font-size:1.1em; text-align:left !important;}
.hair-1 td {display: block; text-align:left;}
.hair-1 td:before {
content: attr(data-th);
display: block;
text-align:left;
font-weight: normal;
}
.hair-1 td::before {
content: attr(data-th);
display: none;
}
}