/*----------------------------------------*/
/* Header
/*----------------------------------------*/
.ct2-logo {
    display: none;
}
.sidebar.info-block {
    width: 300px;
    position: fixed;
    height: 100%;
    padding-top: 3em;
    box-shadow: 0px 0px 60px #0000001A;
    border-radius: 10px;
    background: #ffffff;
    z-index: 9999;
    top: 0;
}
.sidebar .user-img img {
    height: 200px;
    width: 200px;
    border-radius: 50%;
}
.sidebar .user-img {
    margin: 0 auto;
    text-align: center;
}
.sidebar .username {
    letter-spacing: 0.81px;
    color: #3A3A3A;
    text-align: center;
    font-size: 28px;
    font-weight: 600;
    text-transform: capitalize;
}
.sidebar .user-designation {
    letter-spacing: 0.46px;
    color: #3A3A3A;
    font-size: 16px;
    padding-top: 1em;
}
.sidebar .copyright-text {
    letter-spacing: 0.41px;
    color: #aaaaaa;
    padding-top: 1.5em;
    text-align: center;
    font-size: 14px;
        font-weight: 300;
}
.sidebar--socials ul li {
    width: 37px;
    height: 37px;
    display: inline-block;
    border: 1px solid #9F9F9F;
    text-align: center;
    line-height: 37px;
    border-radius: 50%;
    margin: 0 0.8em;
    position: relative;
    z-index: 1;
}
.sidebar--socials ul li i.fa {
    color: #9F9F9F;
}
.sidebar--socials {
    text-align: center;
    margin-top: 1.4em;
}
.sidebar--btn a {
    font-size: 17px;
    color: #FFFFFF;
    background: #243984 0% 0% no-repeat padding-box;
    border: 1px solid #243984;
    border-radius: 6px;
    position: relative;
    z-index: 3;
    display: inline-block;
    padding: 0.6em 2.5em;
}
.sidebar--btn a:hover{
    color: #fff;
}
.sidebar--btn {
    text-align: center;
    margin-top: 2em;
    position: relative;
    z-index: 3;
}
.left-text span {
    color: #3A3A3A;
    font-size: 20px;
    font-weight: 800;
    display: block;
}
.left-text {
    font-size: 14px;
    color: #3A3A3A;
    font-weight: 600;
}
.top-taglines{
    margin-bottom: 2em !important;
}
/*----------------------------------------*/
/* Inner page header
/*----------------------------------------*/

.page-header {
    position: relative;
    z-index: 99999999 !important;
    padding-bottom: 2em !important;
    padding-top: 5em !important;
}
body.page-template .content-wrapper,
body.page-template-default .content-wrapper {
    height: 100%;
}
body.page-template div#banner .subtext:before,
body.page-template-default div#banner .subtext:before{
    content: none !important;
}
body.page-template #banner .container span,
body.page-template-default #banner .container span {
    display: inline-block;
}
body.page-template div#banner .textdata1,
body.page-template-default #banner .textdata1{
text-transform: uppercase;
    font-weight: 800 !IMPORTANT;
}
body.page-template #banner .container span a, 
body.page-template #banner .container span,
body.page-template-default #banner .container span a, 
body.page-template-default #banner .container span {
    font-weight: 600;
    letter-spacing: 1.68px;
    color: #353535;
    padding-left: 4px;
}
body.page-template #banner .subtext,
body.page-template-default #banner .subtext{
    color: #353535;
    margin-top: 0.5em;
}
body.page-template div#banner,
body.page-template-default div#banner {
    position: relative;
    /* overflow: hidden; */
    padding-bottom: 18em;
    padding-top: 10em;
}
/*----------------------------------------*/
/* Sidebar
/*----------------------------------------*/

.navigation .mainmenu li.current_page_item a, .current_page_item > a {
    font-weight: 500 !IMPORTANT;
}
header.site-header li.list-inline-item i.fa, 
header.site-header li.list-inline-item i.fa-brands {
    color: #090909;
    font-size: 12px;
}
header.site-header .socialmedia li.list-inline-item {
    background: #cecece;
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 23px;
    border-radius: 50%;
    margin-right: 1.7em;
}
header.site-header li.list-inline-item:hover i.fa,
header.site-header li.list-inline-item:hover i.fa-brands{
    color: #ffffff;
}
header.site-header li.list-inline-item:hover{
    background: #662D92;
}
.site-header img.avatar {
    width: 39px;
    height: 39px;
    border-radius: 7px;
}
.site-header .username {
    font-size: 14px;
    font-weight: 600;
}
.site-header .useremail {
    font-size: 12px;
}
.site-header .socialmedia {
    position: relative;
    padding-left: 2em;
    border-top: 1px solid #000000;
    margin-top: 2em;
    padding-top: 2.5em;
}
.site-header .user-img{
    padding: 0 !important;
    margin: 0 auto;
    text-align: center;    
}
.site-header .info-block {
    position: relative;
    left: 2em;
    top: 3em;
}
.site-header ul.navigation-box .fa:before{
    color: #ffffff;
    position: absolute;
    top: 12px;
    font-size: 13px;
    left: 12px;
}
.site-header ul.sub-menu .fa:before{
     color: #3a3a3a;
}
.fa-services:before {
    content: "\f009";
}
.fa-blog:before{
    content: "\f044";
}
.fa-phone:before {
    content: "\f2a0" !important;
    transform: rotate(-35deg);
}
.fa-project:before {
    content: "\f135";
    /* transform: rotate(-35deg); */
}
.content-wrapper {
    margin: 0;
    position: relative;
    width: 100%;
/*    height: 100%;*/
}
.site-header__header-one {
 /*   position: fixed !important;
    padding: 0;*/
 /*   left: 0;
    top: 0;
    height: 100%;
    z-index: 999 !important;
    width: 300px;
        overflow-y: scroll;
        box-shadow: 0px 0px 60px #0000001A;
    scrollbar-width: none;*/
}
.header__bar {
    background: #000000b0;
}

.ip--header-tagline {
    color: #ffffff;
    font-size: 0.9rem;
    line-height: 1.5rem;
    padding-top: 0.9rem;
}

.ip--header_float-right a {
    padding-right: 1rem;
    font-size: 1.5rem;
    position: relative;
    right: 20px;
    bottom: 2px;
}

.ip--header_float-right a:hover {
    text-decoration: none;
}

.site-header__header-one {
    position: absolute;
    padding: 0;
}

.site-header__header-one .header-navigation .main-navigation {
    position: relative;
    background: #353535 0% 0% no-repeat padding-box;
    border-radius: 49px;
    padding: 0.5em 0.8em 0.5em 1.3em;
}

.site-header__wrapper {
    position: absolute;
    top: auto;
    left: 0;
    width: 100%;
    z-index: 100;
}

.header-navigation ul.navigation-box li a .sub-nav-toggler {
    background: transparent;
    position: absolute;
    right: 0;
}

.header-navigation ul.navigation-box li .sub-menu li {
    /*border-bottom: 1px solid #981b3e;*/
    display: block;
    position: relative;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    padding: 0;
    margin: 0;
}

.header-navigation ul.navigation-box li .sub-menu li {
    background-image: none;
}

.header-navigation ul.navigation-box li .sub-menu li a {
    padding: 5px 0 5px 35px;
    left: 0;
    line-height: 30px;
    transition: 0.3s ease-in-out;
}

ul.navigation-box li .sub-menu li a:hover {
    padding-left: 30px;
    padding-right: 15px;
    transition: 0.3s ease-in-out;
}

.header-navigation ul.navigation-box li .sub-menu li a:hover {
    /*    background: #b2214a;*/
    border-radius: 5px;
    color: #662D92;
}

.ip-header-outer {
    padding: 0px 0;
}

nav.navbar {
    padding: 0;
position: relative;
    top: 3.2em;
    z-index: 1;
    /* width: 70%; */
    /* margin-left: 1em; */
    justify-content: end;
}


.header-navigation ul.navigation-box li {
    display: inline;
    position: relative;
    padding-right: 5px;
    padding-left: 5px;
    background-repeat: no-repeat;
    background-position: 0 13px;
/*    background-image: linear-gradient(#231d73,#231d73);*/
background-size: 0% 60%;
transition: background-size .3s ease-in
}

/*.header-navigation ul.navigation-box li:hover {*/
/*    background-size: 100% 60%;*/
/*}*/

.ip-btn i.fa.fa-angle-right {
    font-weight: bold;
    font-size: 1.5rem;
}

.ip-btn {
    /*    position:absolute;
    right:0;
    bottom:0;*/
}

.ip-btn ul {
    margin: 0;
    padding: 0;
    list-style: none;
    z-index: 9999;
    position: relative;
}

.ip-btn ul li {
    display: inline-block;
    margin-left: -50px;
    float: right;
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -ms-transition: all 0.5s;
    text-align: center;
}

.ip-btn ul li a.ip-btn-cl {
    width: 20px;
    line-height: 70px;
    height: 55px;
    display: block;
    color: #fff;
    background: #231d73;
}

.ip-btn ul li a.ip-btn-cl:hover {
    background: #f72985;
}

.ip-btn ul:hover li.share-button a.ip-btn-cl {
    background: #f72985;
}

.ip-btn ul:hover li {
    margin-left: 4px;
}

.share-details-btn ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.share-details-btn ul li {
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 6px;
}



.ht-site-title a, .site-title a {color: #fff;}
header.site-header .maintop-header{
    background: #06332e;
    padding: 2px 0;
} 
.ht-sticky-header .site-header{ 
    position: fixed;
}   

.top-bar-head{
    padding: 0px;
    width: 100%;
    display: inline-block;
    background: transparent;
    border-radius: 0px;
    z-index: 999;
    position: relative;
} 
.is-sticky-on {
    position: fixed !important;
    top: 0;
    left: 0;
    width: 100%;
    background: #ffffff;
    max-width: 100%;
    z-index: 99999;
    box-shadow: 0px 3px 6px #00000029;
    transition: transform 500ms ease, background 200ms ease;
}
.top-bar-head .header-bottom-border{ 
    border-bottom: 1px solid #dad3c9;
    position: relative;
    bottom: 4px;
    left: 18px;
    opacity: 0.5;
}
.ht-sticky-header .site-header .top-bar-head{
    background-color: #000;
}
.border-right {
    border-right: 1px solid #b4b4b4;
}
.space {
    padding: 15px 20px;
}
.maintop-header ul li{
    list-style: none;
    float: right;
    line-height: 45px;
}
.maintop-header ul li:last-child{
 margin-left: 0em;
}
.maintop-header ul li:first-child{
 margin-left: 3em;
}
.maintop-header ul li a {
    font-size: 17px;
    font-weight: 400;    
    margin: 0;
    color: #b3b2b2;
}
.maintop-header ul li a.h-phone {
    color: #b3b2b2;
}
.maintop-header ul li a.h-email {
    color: #b3b2b2;
}
.maintop-header ul li i.fa-envelope-o {
    color: #fff;
    margin-right: 15px;
    font-size: 16px;
    line-height: 29px;
    border-radius: 50%;
    border: 3px solid #fff;
    width: 34px;
    height: 34px;
    text-align: center;
}
.maintop-header ul li i.fa-phone {
    color: #fff;
    margin-right: 15px;
    font-size: 16px;
    line-height: 29px;
    border-radius: 50%;
    border: 3px solid #fff;
    width: 34px;
    height: 34px;
    text-align: center;
}
.phn-contact li a.h-phone:hover{
    color: #2d81f5;
}
.phn-contact1 {
    display: none;
}

.site-header .site-navigation { text-align: right; }
.site-header .phn-contact {text-align: left; padding: 16px 13px 16px 0;}

.site-header .phn-contact a i.fa {
    color: #06332e;
    font-size: 18px;
    margin-right: 11px;
    margin-bottom: 5px;
    line-height: 33px;
    border-radius: 50%;
    background: #fff;
    width: 32px;
    height: 31px;
    text-align: center;    
    transition: all 0.9s;
}
.site-header .phn-contact a i.fa:hover {
    color: #fff;
    background: #06332e;
    transform: scale(1.2);
    transition: all 0.9s;
}

.site-header .phn-contact1 a i.fa {
    color: #06332e;
    font-size: 18px;
    margin-right: 11px;
    margin-bottom: 5px;
    line-height: 33px;
    border-radius: 50%;
    background: #fff;
    width: 32px;
    height: 31px;
    text-align: center;    
    transition: all 0.9s;
}
.site-header .phn-contact1 a i.fa:hover {
    color: #fff;
    background: #06332e;
    transform: scale(1.2);
    transition: all 0.9s;
}
.phn-contact1 li a.h-phone1:hover{
    color: #2d81f5;
}
/*--------------------  Site logo & title ---------------------------*/
.ht-site-description,
.ht-site-description,
.page .ht-site-description,
.single .ht-site-description{
    color: #3a3a3a;
    font-size: 14px;
    font-weight: normal;
    margin: 0;
    text-align: center;
    padding-top: 5px;
    line-height: 17px;
}
.ht-site-description a,
.ht-site-description a,
.page .ht-site-description a,
.single .ht-site-description a  {
    color: #fff;
}
.logo-header,
.logo-header,
.page .logo-header,
.single .logo-header{
    margin: 0 auto;
    text-align: center;
/*    position: absolute;*/
}
.logo-header {
    padding-top: 40px;
}
h2.ct2logo--title a {
    color: #000000;
}
.logo-header .custom-logo-link img {
    position: relative;
}
.header-transparent .sticky-header .logo-header{
    top: 35px !important;
}
.header-nav-area {
    margin-bottom: 1em;
    margin-top: 2em;
    position: relative;
}
.header-nav-area ul.dropdown,
.header-nav-area .top-account-info {
    padding-top: 0.8em;
}
.header-nav-area ul.dropdown {
    text-align: left;
}
.ht-site-title,.site-title,
.ht-site-title,  .site-title,
.page .ht-site-title, .page .site-title,
.single .ht-site-title, .single .site-title
{
    font-weight: bold;
    font-size: 50px;
    line-height: 55px;
    padding: 0px;
}

.ht-site-title a,
.ht-site-title a,
.page .ht-site-title a,
.single .ht-site-title a{
    color:#000000;

}
/*--------------------  Site logo & title responsive ---------------------------*/
@media screen and (min-width: 320px) and (max-width: 475px){
    .ht-site-description{
        text-align: center;
    }
}
@media only screen and (max-width: 992px){

    .logo-header {
        padding-top: 0;
    }
    .ip-btn ul li a.ip-btn-cl {
        width: 20px;
        line-height: 50px;
        height: 45px;
        display: block;
        color: #fff;
        background: #231d73;
    }
    .site-header__header-one .header-navigation .main-navigation{
        padding-top: 0;
    }
    .site-header__header-one{
        position: relative !important;
        height: unset;
        width: 100%;
        overflow-y: visible;
        padding-top: 4em;
        padding-bottom: 1em;
    }
    .ip-btn {
       display: block !important;
       position: absolute;
       top: -50px;
       right: 45px;
   }
   .header-nav-area {
    padding-bottom: 0em;
    margin-top: 1em;
}
.ht-site-description {
    padding: 8px 2px;
}
.phn-contact1 {
    display: block;
    text-align: left;
    margin-top: 1em;
    margin-left: 1em;
}
.header-nav-area .phn-contact {
    display: none;
}
}

/*--------------------  contact details ---------------------------*/
ul.h-contact,
ul.h-contact,
.page ul.h-contact,
.single ul.h-contact {
    text-align: center;
    margin: 0;
    padding: 8px 0;
}
ul.h-contact li,
ul.h-contact li,
.page ul.h-contact li,
.single ul.h-contact li{
    float: left;
    margin: 0;
    padding: 0 20px 0 0;
    font-size: 20px;
}
ul.h-contact li i,
ul.h-contact li i,
.page ul.h-contact li i,
.single ul.h-contact li i{
    padding-right: 10px;
    font-size: 20px;
}
.h-mailid a, .h-phone a,
.h-mailid a,  .h-phone a,
.page .h-mailid a, .page .h-phone a,
.single .h-mailid a, .single .h-phone a{    
    color: #ffffff;
    font-size: 18px;    
}
.h-contact,
.page .h-contact,
.h-contact,
.single .h-contact{
    text-align: center;
}
.h-mailid a i, .h-phone a i,
.h-mailid a i,  .h-phone a i,
.page .h-mailid a i, .page .h-phone a i,
.single .h-mailid a i, .single .h-phone a i{    
    color: #ffffff;
    font-size: 22px;  
    padding-right: 6px;  
}
.h-phone a i,
.h-phone a i,
.page .h-phone a i,
.single .h-phone a i{    
    margin-bottom: 15px;
}
.h-mailid a:hover,.h-phone a:hover,
.h-mailid a:hover,  .h-phone a:hover,
.page .h-mailid a:hover, .page .h-phone a:hover,
.single .h-mailid a:hover, .single .h-phone a:hover{
    color: #000;
}
.h-contact-block,
.h-contact-block,
.page .h-contact-block,
.single .h-contact-block  {
    background: linear-gradient(to right,#783afd 0%,#4971f4 20%,#4971f4 50%,#783afd 100%);
    background-size: 500%;
    text-align: center;
    padding: 1.5em 0;
    border-radius: 0 0 15px 0;
    position: relative;
    right: -1px;
}
/*--------------------  Socials ---------------------------*/
.share-btn,
.share-btn,
.page .share-btn,
.single .share-btn{
    text-align: right;
}
.share-btn a.site-button,
.share-btn a.site-button,
.page .share-btn a.site-button,
.single .share-btn a.site-button{
    border-radius: 50%;
    width: 40px;
    line-height: 35px;
    height: 40px;
    font-size: 22px;
    display: inline-block;
    margin: 0 5px;
    color: #fefdff;
    border: 3px solid #f7fbec;
    text-align: center;
}
.share-btn a.site-button:hover,
.share-btn a.site-button:hover,
.page .share-btn a.site-button:hover,
.single .share-btn a.site-button:hover{
    color: #000;
    border: 3px solid #000;
}
/*--------------------  Navigation ---------------------------*/
.navigation .mainmenu li{
    display: inline-block;
    position: relative;
    line-height: normal;
    margin-right: 35px;
}
.navigation .mainmenu>li>a {
    display: block;
    font-size: 16px;
    padding: 30px 0;
    font-weight: 600;
    line-height: 30px;
    text-transform: capitalize;
    text-decoration: none;
    position: relative;
    vertical-align: middle;
    -webkit-box-shadow: 0 0 1px transparent;
    box-shadow: 0 0 1px transparent;
    white-space: nowrap;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.navigation .mainmenu li.current_page_item a, .current_page_item > a,
.navigation .mainmenu li a:hover,
div#navbarNavDropdown li.current_page_item a:hover, 
.current_page_item > a:hover{
    color: #C70000;
}
.navigation .mainmenu li a  {
    color: #ebf0f1;
}
header.site-header ul.sub-menu li a, 
.navigation .mainmenu li.current_page_item ul.sub-menu li a,
.header.site-header ul.sub-menu li a{
    color: #fff;
}

header.site-header ul.sub-menu li a:hover,
.navigation .mainmenu ul.sub-menu li.current_page_item a,
ul.sub-menu .current_page_item > a,
div#navbarNavDropdown ul.sub-menu li.current_page_item a:hover, 
ul.sub-menu .current_page_item > a:hover,
div#navbarNavDropdown li.current_page_item ul.sub-menu li a:hover,
.header.site-header ul.sub-menu li:hover a{
    color: #06332e;
}
.menu-click i{
    color: #ffffff;
    /* display: none; */
    font-size: 10px;
    position: absolute;
    right: 25px;
    top: 15px;
}
.site-header .menu-click i:before {
    left: 0 !important;
    top: 0 !important;
    font-size: 10px !important;
}
.navigation .mainmenu ul.sub-menu li.current_page_item a, 
ul.sub-menu .current_page_item > a, 
div#navbarNavDropdown ul.sub-menu li.current_page_item a:hover, 
ul.sub-menu .current_page_item > a:hover, 
div#navbarNavDropdown li.current_page_item ul.sub-menu li a:hover {
    background:none ;
}
ul.sub-menu, header.site-header ul.sub-menu{
    background:#fff ;
}
.header.site-header ul.sub-menu li a:before {
    color:#fff;
}
.navigation .mainmenu ul.sub-menu li{
    display: block;
    position: relative;
    line-height: normal;
    margin-right: 0;
}
.navigation .mainmenu li:hover ul.sub-menu li{
    opacity: 1;
    visibility: visible;
}
header.site-header ul.sub-menu li a, .navigation .mainmenu li.current_page_item ul.sub-menu li a, .header.site-header ul.sub-menu li a, .header.site-header ul.sub-menu li a:before, header.site-header ul.sub-menu li a:hover, .navigation .mainmenu ul.sub-menu li.current_page_item a, ul.sub-menu .current_page_item > a, div#navbarNavDropdown ul.sub-menu li.current_page_item a:hover, ul.sub-menu .current_page_item > a:hover, div#navbarNavDropdown li.current_page_item ul.sub-menu li a:hover, .header.site-header ul.sub-menu li:hover a {
    color: #000;
}
.phn-contact li a.h-phone {
    color: #040404;
    font-size: 16px;
    line-height: 30px;
    font-weight: 500;
}
.phn-contact li i{ 
    color: #2d81f5;
    position: absolute;
}
.phn-cntct-circle {
    background: #dceafd;
    font-size: 23px;
    padding: 10px;
    border-radius: 50%;
    height: 42px;
    width: 42px;
    margin-right: 15px;
}
.phn-contact p.phn-cnt-txt {
    font-size: 17px;
    font-weight: 500;
    color: #040404;
    line-height: 15px;
    text-align: left;
    padding-bottom: 4px;
}
.phn-contact1 li a.h-phone1 {
    color: #040404;
    font-size: 16px;
    line-height: 30px;
    font-weight: 500;
}
.phn-contact1 li i{
    background: #dceafd;
    font-size: 23px;
    padding: 10px;
    border-radius: 50%;
    color: #2d81f5;
    height: 42px;
    width: 42px;
    margin-right: 15px;
}
.phn-contact1 p.phn-cnt-txt1 {
    font-size: 16px;
    font-weight: 500;
    color: #040404;
    line-height: 15px;
    text-align: left;
}
.header.site-header ul.sub-menu li:hover a  {
    background: none !important;
    color: #fff;
    border-radius: 0px;
    -moz-transform: translate(15px, 0%);
    -ms-transform: translate(15px, 0%);
    -webkit-transform: translate(15px, 0%);
    -o-transform: translate(15px, 0%);
    transform: translate(15px, 0%);
    overflow: hidden;
}
.navigation .mainmenu ul.sub-menu li a{
    list-style-type: none;
    font-size: 13px;
    font-weight: 400;
    padding: 12px 20px;
    display: inline-block;
    width: 100%;
    margin: 0px;
}
.header.site-header ul.sub-menu li a{
    font-size: 14px;
    font-weight: 500;
    position: relative;
}
.header.site-header ul.sub-menu li a  {
    display: block;
    vertical-align: middle;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    transition: all 0.2s ease;
    line-height: 1.4em;
    letter-spacing: .05em;
}

.header.site-header ul.sub-menu li:hover > a:before {
    opacity: 1;
}
/*----------------nav responsive -----------------*/

@media only screen and (min-width: 1300px){
    .navigation .mainmenu ul.sub-menu li,
    .navigation .mainmenu ul.sub-menu li,
    .page .navigation .mainmenu ul.sub-menu li,
    .single .navigation .mainmenu ul.sub-menu li {
        list-style-type: none;
        font-size: 13px;
        color: #666;
    }
    .navigation .mainmenu li:hover ul.sub-menu,
    .navigation .mainmenu li:hover ul.sub-menu,
    .page .navigation .mainmenu li:hover ul.sub-menu,
    .single .navigation .mainmenu li:hover ul.sub-menu {
        left: auto;
        top: 86px;
        text-align: left;
        pointer-events: auto;
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
    }
    .navigation .mainmenu li:hover ul.sub-menu ul {
        top: 50px;
        right: -5px;
    }
    .navigation .mainmenu li ul ul.sub-menu{
        top: 60px;
    }
    .navigation .mainmenu ul.sub-menu li,
    .navigation .mainmenu ul.sub-menu li,
    .page .navigation .mainmenu ul.sub-menu li ,
    .single .navigation .mainmenu ul.sub-menu li {
        list-style-type: none;
        font-size: 13px;
        color: #666;
        padding: 0;
    }
}

@media only screen and (max-width: 1024px){
    .hero-style .slide-title h2 {
        font-size: 50px !important;
        line-height: 60px !important;
    }
    .hero-style {
        height: 480px !important;
    }
    .site-header .phn-contact {
        padding: 10px 10px 10px 0;
    }
    .logo {
        padding-left: 10px !important;
    }
    .h-contact-block,  .h-contact-block, .page .h-contact-block, .single .h-contact-block {
     right: 0px; 
 }
 #steps .peccular-steps-icon span {
    left: 5px;
    width: 45px;
    height: 45px;
}
}
@media only screen and (max-width: 992px){
    .phn-cntct-circle{
        background: none;
    }
    .navigation {
        width: 255px;
        height: 100%;
        position: fixed;
        left: -100%;
        padding: 0;
        top: 0;
        margin: 0;
        z-index: 99999;
        -webkit-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;
        background: #fff;
    }
    .navigation .mainmenu li {
        display: block;
        position: relative;
        line-height: normal;
        margin-right: 35px;
        margin: 0;
        padding: 0;
    }
    .navigation .mainmenu>li>a {
        padding: 5px 20px;
    }
    .hamburger-menus{
        width: 30px;
        height: 30px;
        position: absolute;
        -webkit-transition: .1s;
        transition: .1s;
        margin: 5px 15px;
        cursor: pointer;
        display: inline-block;
        float: right;
        right: 20px;
        top: 0px;
        z-index: 1;
    }

    .navigation .mainmenu li a{ color: #06332e ; }

}
@media screen and ( min-width: 992px) and (max-width: 1199px){
 .navigation .mainmenu li a,
 .page .navigation .mainmenu li a,
 .single .navigation .mainmenu li a, 
 .error404 .navigation .mainmenu li a{ font-size: 15px !important; }
 .navigation .mainmenu {  text-align: left;}
}
@media screen and ( min-width: 320px) and (max-width: 425px){
    .maintop-header ul li:last-child {  margin-left: 0em !important; }

}
@media screen and ( min-width: 320px) and (max-width: 1199px){
    .ht-site-description,
    .ht-site-description, 
    .page .ht-site-description,
    .single .ht-site-description{    padding: 0px 0px 0px 22px;}
    .maintop-header ul li:last-child {  margin-left: 13em;   text-align: right;}

}
@media screen and ( min-width: 320px) and (max-width: 425px){
    .maintop-header ul li {   line-height: 21px;}
}

/*----- Sticky Header ------*/
.sticky-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: #fff;
    max-width: 100%;
    z-index: 99999;
    box-shadow: -2px 2px 10px 0px #2d2d2d;
}
@media screen and ( max-width: 768px) and (min-width: 720px){
 .sticky-header {
    margin-top: 0;
}
}

@media screen and (max-width:720px) {
 .sticky-header {
    margin-top: 0;
}
}
/*----------------------------------------*/
/*  HOME PAGE COMMON AREA
/*----------------------------------------*/

.peccular-section-head {
    margin-bottom: 70px;
}
.peccular-section-head h2{
    position: relative;
    color: #3A3A3A;
    font-weight: 700;
    font-size: 45px;
    letter-spacing: 1.35px;
    line-height: 60px;
}
#productcat_section .peccular-section-head h2,
section#featuredproduct-section h2,
#best-seller-products h2 {
    color: #212121;
}
.peccular-section-head h3{
    font-size: 16px;
    font-weight: 400;
    margin: 0;
    padding: 0;
    margin-bottom: 17px;
}
.peccular-section-head .peccular-section-head-icon i{
    font-size: 40px;
    line-height: 40px;
    margin-bottom: 15px;
    color: #06332e;
}
section#profile .profile-bg,
#newsletter .newsletter-bg,
#counter .counter-bg,
#footer .footer-bg,
#featuredproduct-section .featuredproduct-bg,
#best-seller-products .bestsellerproducts-bg,
#banner2 .bannert-bg,
#banner3 .bannerth-bg,
#gallery .gallery-bg,
#about .about-bg,
#skill .skill-bg,
#services .services-bg,
#pricing .pricing-bg,
#banner .banner-bg,
#courses .courses-bg,
#contact .contact-bg,
#productcat_section .productcat-bg,
#blog .blog-bg
{
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 0;
    top: 0;
    left: 0;
}
#about,
#skill,
#services,
#pricing,
#counter,
#features,
#courses,
#newsletter,
#productcat_section,
#featuredproduct-section,
#best-seller-products,
div#banner2,
#gallery,
#banner3,
section#profile,
#contact,
#blog,
#footer{
    position: relative;
    overflow: hidden;
}
.peccular-section-head {
    position: relative;
}
.alert-warning {
    background-color: #000000;
    border-color: #000000;
    border-radius: 0;
    color: #ffffff;
    font-weight: normal;
    font-family: 'Poppins';
}
.alert-warning strong {
    font-weight: 400;
}
/*----------------------------------------*/
/*  gallery
/*----------------------------------------*/
div#gallery h2 {
    font-size: 50px;
    color: #212121;
}
div#gallery {
    background-color: #ffffff;
    text-align: center;
}
div#gallery p.desc {
    font-size: 20px;
    font-weight: 500;
    padding-top: 18px;
    padding-bottom: 5px;
    line-height: 30px;
}
div#gallery .peccular-section-head {
    margin-bottom: 1.5em;
    margin-left: 1.2em;
}
div#gallery .button-all span {
    font-weight: 600;
}
div#gallery a.button-all.btn.btn-lg {
    font-size: 20px;
    font-weight: 700;
    padding: 12px 75px 12px 75px;
    border-radius: 37px;
    letter-spacing: 0;
    color: #ffffff;
    background: #000000;
    margin-top: 5px;
}
div#gallery .button-all:before {
    border-color: #ffffff;
}
/**/
.about {
  position: fixed;
  z-index: 10;
  bottom: 10px;
  right: 10px;
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  transition: all 0.2s ease;
}
.about .bg_links {
  width: 40px;
  height: 40px;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(255, 255, 255, 0.2);
  border-radius: 100%;
  backdrop-filter: blur(5px);
  position: absolute;
}
.about .logo {
  width: 40px;
  height: 40px;
  z-index: 9;
  background-image: url(https://rafaelalucas91.github.io/assets/codepen/logo_white.svg);
  background-size: 50%;
  background-repeat: no-repeat;
  background-position: 10px 7px;
  opacity: 0.9;
  transition: all 1s 0.2s ease;
  bottom: 0;
  right: 0;
}
.about .social {
  opacity: 0;
  right: 0;
  bottom: 0;
}
.about .social .icon {
  width: 100%;
  height: 100%;
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: center;
  background-color: transparent;
  display: flex;
  transition: all 0.2s ease, background-color 0.4s ease;
  opacity: 0;
  border-radius: 100%;
}
.about .social.portfolio {
  transition: all 0.8s ease;
}
.about .social.portfolio .icon {
  background-image: url(https://rafaelalucas91.github.io/assets/codepen/link.svg);
}
.about .social.dribbble {
  transition: all 0.3s ease;
}
.about .social.dribbble .icon {
  background-image: url(https://rafaelalucas91.github.io/assets/codepen/dribbble.svg);
}
.about .social.linkedin {
  transition: all 0.8s ease;
}
.about .social.linkedin .icon {
  background-image: url(https://rafaelalucas91.github.io/assets/codepen/linkedin.svg);
}
.about:hover {
  width: 105px;
  height: 105px;
  transition: all 0.6s cubic-bezier(0.64, 0.01, 0.07, 1.65);
}
.about:hover .logo {
  opacity: 1;
  transition: all 0.6s ease;
}
.about:hover .social {
  opacity: 1;
}
.about:hover .social .icon {
  opacity: 0.9;
}
.about:hover .social:hover {
  background-size: 28px;
}
.about:hover .social:hover .icon {
  background-size: 65%;
  opacity: 1;
}
.about:hover .social.portfolio {
  right: 0;
  bottom: calc(100% - 40px);
  transition: all 0.3s 0s cubic-bezier(0.64, 0.01, 0.07, 1.65);
}
.about:hover .social.portfolio .icon:hover {
  background-color: #698fb7;
}
.about:hover .social.dribbble {
  bottom: 45%;
  right: 45%;
  transition: all 0.3s 0.15s cubic-bezier(0.64, 0.01, 0.07, 1.65);
}
.about:hover .social.dribbble .icon:hover {
  background-color: #ea4c89;
}
.about:hover .social.linkedin {
  bottom: 0;
  right: calc(100% - 40px);
  transition: all 0.3s 0.25s cubic-bezier(0.64, 0.01, 0.07, 1.65);
}
.about:hover .social.linkedin .icon:hover {
  background-color: #0077b5;
}

/* main 1*/
/* main 2*/
/* neutral 1*/
/* neutral 2*/

#wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}

.content {
  width: 100%;
  transition: 0.3s ease;
}


/* Tabs menu */
.tabs {
    margin: 0;
    background: #EBEBEB 0% 0% no-repeat padding-box;
    border-radius: 27px;
    display: flex;
    /* justify-content: space-between; */
    align-items: center;
    height: 38px;
    width: 67%;
    margin: 0 auto;
    margin-bottom: 4em;
}
@media screen and (max-width: 512px) {
  .tabs {
    height: 40px;
}
}

/* Tab Links */
.tablinks {
    background: transparent;
    /* background-image: linear-gradient(90deg, transparent 70%, rgba(255, 255, 255, 0.2) 100%); */
    border: none;
    outline: none;
    cursor: pointer;
    width: 30%;
    height: 38px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    /* font-family: "IBM Plex Sans", sans-serif; */
    overflow: hidden;
    transition: 0.3s ease;
}
@media screen and (max-width: 512px) {
  .tablinks {
    height: 40px;
    font-size: 12px;
}
}

.tablinks:before {
  content: "";
  width: 100%;
  height: 0px;
  position: absolute;
  top: 0;
  left: 0;
  transition: 0.3s ease-in-out;
  z-index: 2;
}

/*tab buttons hover*/
.tablinks:hover::before {
  height: 100%;
  z-index: 2;
  bottom: 0;
}
@media screen and (max-width: 512px) {
  .tablinks:hover::before {
    height: 0;
}
}

/* Tab active */
.tablinks.active {
    background: #353535 0% 0% no-repeat padding-box;
    border-radius: 27px;
    z-index: 0;
    border-right: 0px;
    border-left: 0px;
    height: 38px;
    bottom: 0px;
    overflow: hidden;
    color: #ffffff;
}


.tablinks.active:before {
  content: "";
  width: 100%;
  height: 5px;
  top: 0;
  left: 0;
}

/* Tabs text */
.tablinks.active p,
.tablinks.active:hover p {
    opacity: 1;
    /* background: -webkit-linear-gradient(135deg, #667eea 0%, #764ba2 100%); */
    /* -webkit-background-clip: text; */
    /* -webkit-text-fill-color: transparent; */
    color: #ffffff;
    font-weight: 600;
}

.tablinks p {
    /* opacity: 0.6; */
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
    transition: 0.5s ease;
    padding: 0;
    margin: 0;
    color: #353535;
    backface-visibility: hidden;
    font-weight: 400;
    font-size: 16px;
    font-weight: 600;
}

.tablinks:hover p {
  opacity: 1;
}
@media screen and (max-width: 512px) {
  .tablinks:hover p {
    color: #686868;
    opacity: 0.6;
}
}

/* Tabs text bigger */
.tablinks p:before {
  content: attr(data-title);
  position: absolute;
  height: auto;
  width: auto;
  color: #B75ECD;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0.1;
  font-size: 40px;
  transition: 1s ease-out;
  z-index: -1;
  font-weight: 600;
  top: 110%;
}
@media screen and (max-width: 512px) {
  .tablinks p:before {
    display: none;
}
}

.tablinks:hover p:before {
    opacity: 1;
    font-size: 20px;
    top: -80%;
}

/* tab content */
.wrapper_tabcontent {
  margin-top: 0px;
  z-index: -3;
  position: relative;
  opacity: 1;
  padding: 40px 20px;
  overflow: hidden;
  transition: all 1s ease;
  top: 0;
}

.tabcontent {
  display: none;
  min-height: 180px;
}

@keyframes tabEffect {
  from {
    top: -40px;
}
to {
    top: 0px;
}
}
.tabcontent.active {
  transition: all 1s ease;
  display: block;
}

/* Tab content line */
/*.wrapper_tabcontent:after {
  content: "";
  height: 5px;
  width: 100%;
  position: absolute;
  background-image: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  left: 0;
  bottom: 0;
  z-index: -2;
  transition: all 1s ease;
}
*/
/* Title */
.tabcontent h3 {
  font-size: 40px;
  top: 75px;
  transform: rotate(90deg);
  position: absolute;
  left: -90px;
  opacity: 0.1;
  width: 200px;
  height: 60px;
  background: -webkit-linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  padding: 0;
  animation: city 1s ease;
}
@media screen and (max-width: 512px) {
  .tabcontent h3 {
    top: 65px;
}
}

@keyframes city {
  from {
    left: -150px;
}
to {
    left: -90px;
}
}
/* Text*/
.tabcontent {
  color: #686868;
  margin: 0;
  padding: 0;
  line-height: 28px;
  font-weight: 100;
  transition: all 1s ease;
  animation: fadeEffect 0.6s ease;
  width: 100%;
  font-size: 16px;
  font-family: "IBM Plex Sans", sans-serif;
}
@media screen and (max-width: 512px) {
  .tabcontent p {
    font-size: 14px;
    line-height: 26px;
}
}

@keyframes fadeEffect {
  from {
    opacity: 0;
    margin-left: 30px;
}
to {
    opacity: 1;
    margin-left: 0;
}
}

div#courses .peccular-section-head p {
    letter-spacing: 2.88px;
    padding-bottom: 0.8em;
    color: #3A3A3A;
    font-weight: 500;
    font-size: 18px;
}
div#courses #wrapper{
    z-index: 1;
}
.padding-10 {
    padding: 12px;
}
div#courses .project-prof {
    border: 0.5px solid #c1c1c1;
    border-radius: 0px 0px 16px 16px;
    padding: 1.5em 1em 1.3em 1.3em;
}
div#courses .content {
    position: relative;
    z-index: 1;
}
div#courses span.post {
    font-size: 16px;
    line-height: 25px;
    color: #77777D;
    /* margin-bottom: 0.8em; */
}
body.page-template-default main#innerpage-box h2.post-title {
    font-size: 18px !important;
    line-height: 34px !important;
    margin: 0;
}
body.page-template-default main#innerpage-box button.tablinks.active p {
    color: #ffffff !important;
}
div#courses h2.post-title a{
    font-size: 18px;
    line-height: 25px;
    color: #1A1A1A;
    font-weight: 600;
}
div#courses .pic{
    line-height: 0;
}
div#courses .our-project {
    margin-bottom: 1.5em;
}
div#courses .our-project img {
    width: 100%;
}
.shine {
  position: relative;
  overflow: hidden;
}
.shine::before {
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
  content: "";
  display: block;
  height: 100%;
  left: -75%;
  position: absolute;
  top: 0;
  transform: skewX(-25deg);
  width: 50%;
  z-index: 2;
}
div#courses .our-project:hover .shine::before, 
.shine:focus::before {
  -webkit-animation: shine 0.85s;
  animation: shine 0.85s;
}
@-webkit-keyframes shine {
  100% {
    left: 125%;
}
}
@keyframes shine {
  100% {
    left: 125%;
}
}
/*----------------------------------------*/
/*  counter section
/*----------------------------------------*/
.peccular-counter-num {
    font-size: 60px;
    font-weight: 800;
    padding-bottom: 5px;
    display: inline-block;
}
h4.peccular-counter-title.inner-area-title {
    font-size: 20px;
    font-weight: 400;
    color: #000008;
}
#counter .peccular-counter-b span{
    color: #3808D5;
    font-size: 73px;
    display: inline-block;
}
/*----------------------------------------*/
/*  profile section
/*----------------------------------------*/
#profile {
    position: relative;
    overflow: hidden;
    padding-top: 5em;
    padding-bottom: 5em;
}
#profile .profile-body {
    position: relative;
}
#profile .peccular-section-head {
    margin-bottom: 3em;
    margin-top: 0em;
    margin-right: 2em;
}
#profile .topSVGLines {
    position: absolute;
    right: 0;
    top: -72px;
}
#profile .smallCircle {
    position: absolute;
    height: 18px width;
    margin-top: -82px;
    margin-left: 101px;
} 
#profile .smallCircle i {
    transform: scale(1);
    transition: all 0.5s ease 0s;
    color: #075652;
    font-size: 16px;
    padding: 0px 1px 1px 1px;
    border-radius: 50%;
    border: 1px solid #075652;
    font-style: normal;
}

#profile .peccular-section-head h2{
color: #3a3a3a;
    margin-top: 0em;
    font-weight: 500;
    font-size: 48px;
    line-height: 52px;
    padding-bottom: 0px;
    margin-bottom: 0px;
}
#profile .block_title h3{
    color: #000;
    margin-bottom: 0px;
    text-transform: capitalize;
    font-weight: 500;
    font-size: 30px;
    font-family: Roboto, Medium;
    text-align: center;
    background: #fef2e6;
    padding: 9px 63px;
    border-radius: 28px;
    display: inline-block;
    margin-bottom: 1em;
    margin-left: 2.5em;
}
#profile .peccular-section-subtext{
    color: #010101;
    font-size: 17px;
    font-weight: 400;
    word-break: break-word;
    line-height: 22px;
    margin-bottom: 2em;
    margin-left: 0em;
    opacity: 0.5;
}

#profile .peccular-section-head .head_border_dash i{
    color: #F17900;
    font-size: 2px;
    padding: 1px 5px;
    background: #F17900;
    border-radius: 43px;
    margin-bottom: 10px;
    position: relative;
    margin-right: 6px;
    margin-left: 0;
    margin-top: 20px;
}
#profile .peccular-section-head .head_border_dash {
    margin-left: 3em;
    margin-top: -15px;
}
#profile .peccular-section-head span i{
    color: #fcf900;        
    font-size: 8px;
    margin-right: 5px;
    margin-top: -20px;
    padding: 0 15px;
    background: #fcf900;
    border-radius: 16px;
}

#profile .peccular_profile_num_icon{
    color: #243984;
    /* padding: 10px 15px 2px 15px; */
    font-size: 18px;
    font-weight: 500;
    transition: .5s;
    line-height: 22px;
}
#profile .dash_border {
    border-left: 2px dashed #707070;
}
#profile .peccular-profile-content {
    padding-left: 35px;
    padding-top: 0;
    padding-bottom: 30px;
}
#profile .left_content {
    padding-top: 0.5em;
    text-align: right;
    padding-right: 2.5em;
}
#profile .peccular-profile-area .peccular-profile-content {
/*    padding-bottom: 0;*/
}
#profile .left_content .firstLeftSubheading {
font-weight: 400;
    color: #b0b0b0;
    font-size: 18px;
    line-height: 22px;
} 
#profile .read-btn{
    color: #fff;
    background: linear-gradient(0deg, #FF8000 0%, #FFA041 100%);
    padding: 18px 13px 18px 22px;
    font-size: 26px;
    font-weight: 500;
    word-break: break-word;
    line-height: 25px;
    border-radius: 40px;
    z-index: 10;
    position: relative;
    display: inline-block;
    -webkit-transition-property: color;
    transition-property: color;
    transition: all 0.5s ease 0s;
    transition-duration: 0.5s;
    font-family: Roboto, Medium;
    text-transform: uppercase;
}
#profile .read-btn:hover{ color: #000; text-decoration: underline;transition: all 0.5s ease 0s;}

#profile .read-btn:after{
    content: "\f0ab ";
    font-family: 'Fontawesome';
    transform: scale(1);
    transition: all 0.5s ease 0s;
    color: #fdfdfd;
    display: inline-block;
    margin-bottom: 0;
    font-size: 39px;
    border-radius: 50px;
    padding-left: 5px;
    padding-right: 0px;
    top: 3px;
    position: relative;
}
#profile .read-btn:hover:after {
animation: wobble 4s linear infinite;
color: #fff;
}
#profile .peccular-profile-area:hover .peccular_profile_num_icon{
        transition: .5s;
}
#profile .peccular-profile-area .peccular-profile-single{
transition: .5s;
    margin-bottom: 5px;
}

#profile .peccular-profile-area h4.peccular-profile-title{
    color: #000;
    font-size: 18px;
    font-weight: 500;
    line-height: 25px;
    margin: 0;
    text-align: left;
    font-family: Roboto, Medium;
}

#profile .peccular-profile-area .peccular-profile-text{
color: #acacac;
    font-size: 16px;
    font-weight: 400;
    line-height: 19px;
    margin: 0;
    text-align: left;
    /* opacity: 35%; */
}

#profile .peccular-section-head .peccular-section-head-icon i{
    font-size: 40px;
    line-height: 40px;
    margin-bottom: 15px;
    color: #06332e;
    margin-left: 1em;
}

#profile .peccular-profile-imgbox{ 
    position: relative;     
    overflow: hidden; 
    top:0px;
    padding: 50px 0px 60px 140px;
    margin-top: 4.5em;
}
#profile .download_btn {
    text-align: center;
    position: relative;
}
#profile .peccular-profile-img-circle1{
    background: linear-gradient(0deg, #FF8000 0%, #FFA041 100%);
    width: 53px;
    height: 53px;
    border-radius: 50%;
    position: absolute;
    left: 10%;
    top: 38px;
    box-shadow: inset 0px 0px 3px 0px #0000001f;
    animation: bounceOut 4s linear infinite;
}
#profile .block--2 {
    padding-top: 7em;
}
/*================ for animation =========================*/


:root {
  --sqrt3: 1.73205080757;                      /* Square root of 3 */
  --time: 11;                                  /* Duration of animation  */
  --gap: 1;                                    /* Horizontal gap between hexagons */
  --radius: 3;                                 /* Radius of inscribed circle */
  --Gap: var(--gap) / 2 * var(--sqrt3);        /* Vertical gap between hexagons */
  --Radius: 2 / var(--sqrt3) * var(--radius);  /* Radius of circumcircle */
}

@keyframes odd-animation {
  0%   { transform: translate(calc( 0.5 * var(--offset-x) ), calc( 0.5 * var(--offset-y) )) scale(0) }
  33%  { transform: translate(calc(   1 * var(--offset-x) ), calc(   1 * var(--offset-y) )) scale(1) }
  66%  { transform: translate(calc(   2 * var(--offset-x) ), calc(   2 * var(--offset-y) )) scale(1) }
  100% { transform: translate(calc(   3 * var(--offset-x) ), calc(   3 * var(--offset-y) )) scale(0) }
}

@keyframes even-animation {
  50%  { transform: translate(calc( 1 * var(--offset-x) ), calc( 1 * var(--offset-y) )) scale(1) }
  100% { transform: translate(calc( 2 * var(--offset-x) ), calc( 2 * var(--offset-y) )) scale(0) }
}

#profile .hex {
    background: linear-gradient(0deg, #FF8000 0%, #FFA041 100%);
    width: 53px;
    height: 53px;
    border-radius: 50%;
    position: absolute;
    left: -22px;
    bottom: 38px;
    box-shadow: inset 0px 0px 3px 0px #0000001f;
    color: transparent;
    animation: bounce 4s linear infinite;
}

#profile .hex::before {
  border: calc(0.5em * var(--Radius)) solid transparent;
  border-left: 0;
  border-right: calc(1em * var(--radius)) solid currentColor;
  content: "";
  height: var(--Radius);
}

#profile .hex::after  {
  border: calc(0.5em * var(--Radius)) solid transparent;
  border-left: calc(1em * var(--radius)) solid currentColor;
  border-right: 0;
  content: "";
  height: var(--Radius);
}

#profile .center {
 position: absolute;
 top: 12%;
}

#profile .odd,
#profile .even {
  --global-offset-x: calc( 0.5em * var(--gap) + var(--radius) * 1em);
  --global-offset-y: calc( 1.5em * var(--Radius) + var(--Gap) * 1em);
  animation: infinite cubic-bezier(.21, .61, .01, .89);
  position: absolute;
  transform: translate(0, 0) scale(0);  
}

#profile .odd {
  animation-duration: 11s;
}
#profile .even {
  animation-duration: 7.333333333s;
}

#profile .hex.first {
  animation-delay: -6.2857142857s;
}
#profile .hex.second {
  animation-delay: -2.619047619s;
}
#profile .hex.third {
  animation-delay: 1.0476190476s;
}

@supports (animation-delay: calc(1 * 1s)) and (animation-duration: calc(1 * 1s)) {
 #profile .odd {
    animation-duration: calc(var(--time) * 1s);
}
#profile .even {
    animation-duration: calc( var(--time) * 2 / 3 * 1s);
}

#profile .hex.first {
    animation-delay: calc( var(--time) / -1.75 * 1s );
}
#profile .hex.second {
    animation-delay: calc( var(--time) * 1.25 / -5.25 * 1s );
}
#profile .hex.third {
    animation-delay: calc( var(--time) * -0.25 / -2.625 * 1s );
}
}

#profile .hex.one {
  --offset-x: calc( var(--global-offset-x) * 1 );
  --offset-y: calc( var(--global-offset-y) * -1 );
  animation-name: odd-animation;
  bottom: 0;
  left: 0;
}
#profile .hex.two {
  --offset-x: calc( var(--global-offset-x) * 1.5 );
  --offset-y: calc( var(--global-offset-y) * -0.5 );
  animation-name: even-animation;
  bottom: calc( var(--global-offset-y) * 0.5 );
  left: calc( var(--global-offset-x) * 1.5 );
}
#profile .hex.three {
  --offset-x: calc( var(--global-offset-x) * 2 );
  --offset-y: calc( var(--global-offset-y) * 0 );
  animation-name: odd-animation;
  bottom: 0;
  right: 0;
}
#profile .hex.four {
  --offset-x: calc( var(--global-offset-x) * 1.5 );
  --offset-y: calc( var(--global-offset-y) * 0.5 );
  animation-name: even-animation;
  top: calc( var(--global-offset-y) * 0.5 );
  left: calc( var(--global-offset-x) * 1.5 );
}
#profile .hex.five {
  --offset-x: calc( var(--global-offset-x) * 1 );
  --offset-y: calc( var(--global-offset-y) * 1 );
  animation-name: odd-animation;
  top: 0;
  left: 0;
}
#profile .hex.six {
  --offset-x: calc( var(--global-offset-x) * 0 );
  --offset-y: calc( var(--global-offset-y) * 1 );
  animation-name: even-animation;
  top: calc( var(--global-offset-y) * 1 );
  left: 0;
}
#profile .hex.seven {
  --offset-x: calc( var(--global-offset-x) * -1 );
  --offset-y: calc( var(--global-offset-y) * 1 );
  animation-name: odd-animation;
  top: 0;
  right: 0;
}
#profile .hex.eight {
  --offset-x: calc( var(--global-offset-x) * -1.5 );
  --offset-y: calc( var(--global-offset-y) * 0.5 );
  animation-name: even-animation;
  top: calc( var(--global-offset-y) * 0.5 );
  right: calc( var(--global-offset-x) * 1.5 );
}
#profile .hex.nine {
  --offset-x: calc( var(--global-offset-x) * -2 );
  --offset-y: calc( var(--global-offset-y) * 0 );
  animation-name: odd-animation;
  top: 0;
  right: 0;
}
#profile .hex.ten {
  --offset-x: calc( var(--global-offset-x) * -1.5 );
  --offset-y: calc( var(--global-offset-y) * -0.5 );
  animation-name: even-animation;
  bottom: calc( var(--global-offset-y) * 0.5 );
  right: calc( var(--global-offset-x) * 1.5 );
}
#profile .hex.eleven {
  --offset-x: calc( var(--global-offset-x) * -1 );
  --offset-y: calc( var(--global-offset-y) * -1 );
  animation-name: odd-animation;
  bottom: 0;
  right: 0;
}
#profile .hex.twelve {
  --offset-x: calc( var(--global-offset-x) * 0 );
  --offset-y: calc( var(--global-offset-y) * -1 );
  animation-name: even-animation;
  bottom: calc( var(--global-offset-y) * 1 );
  left: 0;
}
/*================end for animation =========================*/
#profile .peccular-profile-imgbox .peccular-profile-img-circle2{
    background: #E8EBDF;
    width: 146px;
    height: 146px;
    border-radius: 50%;
    position: absolute;
    left: 47px;
    bottom: 147px;
    opacity: 0.5;
    z-index: 0;
}
#profile .peccular-profile-imgbox .peccular-profile-imgTop-circle {
    background: #E8EBDF;
    width: 104px;
    height: 104px;
    border-radius: 50%;
    position: absolute;
    right: 87px;
    top: 26px;
    opacity: 0.5;
    z-index: 0;
}

#profile .peccular-profile-imgbox img{
    width: 100%;
    box-shadow: 0px 0px 30px #00000057;
    width: 376px;
    height: 495px;
    border-radius: 26px;
    position: relative;
    z-index: 2;
}
#profile:hover .imageBGBox1{
    transform: matrix(0.97, 0.26, -0.26, 0.97, 0, 0);
    transition: all 0.4s ease 0s;
}
#profile:hover .imageBGBox2{
    transform: matrix(0.95, -0.31, 0.31, 0.95, 0, 0);
    transition: all 0.4s ease 0s;
}
#profile .imageBGBox1 {
    width: 376px;
    height: 495px;
    border-radius: 26px;
    position: absolute;
    z-index: 1;
    transform: matrix(0.95, -0.31, 0.31, 0.95, 0, 0);
    background: #085853;
    transition: all 0.4s ease 0s;
}
#profile .imageBGBox2 {
    width: 376px;
    height: 495px;
    border-radius: 26px;
    position: absolute;
    z-index: 0;
    background: #FF8000;
    transform: matrix(0.97, 0.26, -0.26, 0.97, 0, 0);
    z-index: 1;
    transition: all 0.4s ease 0s;
}
/*----------------------------------------*/
/*  about
/*----------------------------------------*/

#about .about-title {
    font-size: 48px;
    line-height: 58px;
    letter-spacing: 0px;
    color: #3A3A3A;
    text-transform: uppercase;
    font-weight: 500;
    margin-bottom: 19px;
    position: relative;
}

#about .about-text {
    letter-spacing: 0px;
    color: #3A3A3A;
    font-size: 18px;
    line-height: 22px;
    font-weight: 400;
    margin-bottom: 21px;
        position: relative;
}

#about figure.peccular-aboutlogo-logo {
    border: 0.5px solid #A856BD;
    border-radius: 9px;
    background: #F4F4F4;
    width: 56px;
    height: 56px;
    padding: 11px;
    position: relative;

}
#about figure.peccular-aboutlogo-logo img{
    width: 35px;
    height: 35px;
        border-radius: 9px;
}

#about li.peccular-aboutlogo-b {
    float: left;
    margin-right: 19px;
}
#about .about-tagline {
    font-size: 22px;
    line-height: 27px;
    letter-spacing: 0.88px;
    font-weight: 500;
    margin-bottom: 45px;
    position: relative;

}

#about li.peccular-aboutfeature-b {
    float: left;
    width: 50%;
    margin-bottom: 23px;
    letter-spacing: 0px;
    color: #000000;
    opacity: 0.7;
    font-size: 16px;
    line-height: 19px;
    font-weight: 400;
    position: relative;
}

#about li.peccular-aboutfeature-b span {
    opacity: 1;
    font-weight: bold;
    margin-right: 12px;
}
#about .about-tagline span {
    color: #243984;
    font-weight: 500;
}
/*----------------------------------------*/
/*  skill section
/*----------------------------------------*/
#skill .skill-title {
    font-size: 48px;
    line-height: 58px;
    letter-spacing: 0px;
    color: #3A3A3A;
    text-transform: uppercase;
    font-weight: 500;
    margin-bottom: 17px;
    position: relative;
    padding: 0 10px;
}

#skill .skill-text {
    letter-spacing: 0px;
    color: #3A3A3A;
    text-transform: lowercase;
    opacity: 0.5;
    font-size: 16px;
    line-height: 19px;
    font-weight: 400;
    padding: 0 10px;
    margin-bottom: 61px;
}
#skill .percent-number {
    width: 81px;
    height: 81px;
    /* padding: 23px; */
    border-radius: 50%;
    margin-bottom: 7px;
    border: 1px solid #707070;
    background: #fff;
    text-align: center;
    padding-top: 24px;
    font-size: 28px;
    line-height: 34px;
    letter-spacing: 0px;
    color: #3A3A3A;
    text-transform: lowercase;
    font-weight: bold;
}
#skill .peccular-skillfeature-single{
    text-align: center;
    margin-bottom: 1em;
    position: relative;
    z-index: 1;
}
#skill .percent-number-outline{
    background-image: linear-gradient(to right, #B75ECD 0%, #B75ECD 0%, #B75ECD 21%, #B75ECD 52%, #662D92 78%, #662D92 100%);
    width: 101px;
    height: 101px;
    border-radius: 50%;
    padding: 10px;
    margin: 0 auto;
}
#skill .percent-title{
    letter-spacing: 0px;
    color: #3A3A3A;
    text-transform: capitalize;
    font-size: 14px;
    line-height: 17px;
    font-weight: bold;
    margin-top: 17px;
}

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

#services .peccular-section-head h2 {
    font-size: 48px;
    line-height: 58px;
    letter-spacing: 0px;
    color: #3A3A3A;
    text-transform: uppercase;
    font-weight: 500;
    margin-bottom: 17px;
    position: relative;
    padding: 0 10px;
}
#services .peccular-section-head p {
    letter-spacing: 0px;
    color: #3A3A3A;
    text-transform: lowercase;
    opacity: 0.5;
    font-size: 16px;
    line-height: 19px;
    font-weight: 400;
    padding: 0 10px;
    margin-bottom: 61px;
}
#services .peccular-services-single {
    background: #E8E8E8;
    border-radius: 17px;
    padding: 24px 13px 10px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    position: relative;
    border: 1px solid #fff;
    margin-bottom: 10px;
}
#services .peccular-services-single:hover {
/*    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -o-transform: translateY(-5px);
    transform: translateY(-5px);*/
/*    -webkit-box-shadow: 0 12px 17px rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0 12px 17px rgba(0, 0, 0, 0.12);
    -o-box-shadow: 0 12px 17px rgba(0, 0, 0, 0.12);
    box-shadow: 0 12px 17px rgba(0, 0, 0, 0.12);*/
    border: 1px solid #3808D5;
}
#services h4.peccular-services-title a {
    font-size: 24px;
    line-height: 27px;
    font-weight: bold;
    letter-spacing: 0.64px;
    color: #000008;
}
#services h4.peccular-services-title a:hover{
    color: #243984;
}
#services h4.peccular-services-title{
    margin-bottom: 75px;
}
#services p.peccular-services-text {
    font-size: 14px;
    line-height: 25px;
    letter-spacing: 0.41px;
    color: #000008;
    font-weight: 400;
    margin-bottom: 25px;
}
#services .services-image {
    position: relative;
    overflow: hidden;
    border-radius: 11px;
}
#services .services-image img {
    height: 215px;
    border-radius: 11px;
    transition: .5s;
    width: 100%;
}
#services .peccular-services-b:hover .peccular-services-single .services-image img{
    transform: scale(1.2);
}


/*----------------------------------------*/
/*  Services page
/*----------------------------------------*/
.peccular-services-b {
    padding: 5px;
}

#innerpage-box .peccular-services-single {
    background: #E8E8E8;
    border-radius: 17px;
    padding: 24px 13px 10px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    position: relative;    
    border: 1px solid #fff;
    margin-bottom: 2em;
}
#innerpage-box .peccular-services-single:hover {
    border: 1px solid #3808D5;
}
#innerpage-box h4.peccular-services-title a {
    font-size: 24px;
    line-height: 27px;
    font-weight: bold;
    letter-spacing: 0.64px;
    color: #000008;
}
#innerpage-box h4.peccular-services-title a:hover{
    color: #243984;
}
#innerpage-box h4.peccular-services-title{
    margin-bottom: 75px;
}
#innerpage-box p.peccular-services-text {
    font-size: 14px;
    line-height: 25px;
    letter-spacing: 0.41px;
    color: #000008;
    font-weight: 400;
    margin-bottom: 25px;
}
#innerpage-box .services-image {
    position: relative;
    overflow: hidden;
    border-radius: 11px;
}
#innerpage-box .services-image img {
    height: 215px;
    border-radius: 11px;
    transition: .5s;
    width: 100%;
}
#innerpage-box .peccular-services-b:hover .peccular-services-single .services-image img{
    transform: scale(1.2);
}


/*----------------------------------------*/
/*  pricing section
/*----------------------------------------*/

#pricing .peccular-section-head h2 {
    font-size: 48px;
    line-height: 58px;
    letter-spacing: 0px;
    color: #3A3A3A;
    text-transform: uppercase;
    font-weight: 500;
    margin-bottom: 17px;
    position: relative;
    padding: 0 10px;
}
#pricing .peccular-section-head p {
    letter-spacing: 0px;
    color: #3A3A3A;
    text-transform: lowercase;
    opacity: 0.5;
    font-size: 16px;
    line-height: 19px;
    font-weight: 400;
    padding: 0 10px;
    margin-bottom: 99px;
}

#pricing .peccular-pricing-single {
    background: #fff;
    padding: 55px 40px 56px;
    box-shadow: 0px 1px 25px #0000000E;
    border-radius: 10px;
}

#pricing .peccular-pricing-border{
    position: relative;
    z-index: 1;
}

#pricing .peccular-pricing-border:nth-child(2) .peccular-pricing-single,
#pricing .peccular-pricing-border .peccular-pricing-single:hover{
    background: #243984;
    box-shadow: 0px 1px 5px #0000000E;
    border-radius: 10px;
}

#pricing h4.peccular-pricing-title {
    font-size: 28px;
    line-height: 34px;
    letter-spacing: 0px;
    color: #3E4581;
    text-transform: capitalize;
    font-weight: 400;
    margin-bottom: 21.41px;
    transition: .9s ease;
}
#pricing .peccular-pricing-single:hover h4.peccular-pricing-title {
    transform: scale(0.9);
}
#pricing .peccular-pricing-currency-price {
    font-size: 49px;
    line-height: 59px;
    letter-spacing: 0px;
    color: #3E4581;
    font-weight: bold;
    margin-bottom: 35.59px;
}
#pricing ul.peccular-pricing-list {
    text-align: left;
    margin-bottom: 35px;
}
#pricing ul.peccular-pricing-list li{
    text-align: left;
    letter-spacing: 0px;
    color: #3E4581;
    font-size: 15px;
    line-height: 18px;
    font-weight: 400;
    margin-bottom: 13px;
}
#pricing ul.peccular-pricing-list li i{
    margin-right: 15.87px;
    color: #3E4581;
    transition: .9s ease;
}
#pricing .peccular-pricing-single:hover ul.peccular-pricing-list li i {
    transform: scale(1.3);
}
#pricing .buttondesign a span {
    border: 1px solid #AE68FA;
    background: #fff;
    border-radius: 7px;
    padding: 21px;
    font-size: 14px;
    line-height: 17px;
    width: 100%;
    position: relative;
    display: block;
    color: #AE68FA;
}

#pricing .buttondesign a span:hover{
    background: #AE68FA;
    color: #fff;
}
#pricing .peccular-pricing-border:nth-child(2) h4.peccular-pricing-title,
#pricing .peccular-pricing-single:hover h4.peccular-pricing-title{
    color: #fff;
}
#pricing .peccular-pricing-border:nth-child(2) .peccular-pricing-currency-price,
#pricing .peccular-pricing-single:hover .peccular-pricing-currency-price{
    color: #fff;
}
#pricing .peccular-pricing-border:nth-child(2) ul.peccular-pricing-list li,
#pricing .peccular-pricing-single:hover ul.peccular-pricing-list li{
    color: #fff;
}
#pricing .peccular-pricing-border:nth-child(2) ul.peccular-pricing-list li i,
#pricing .peccular-pricing-single:hover ul.peccular-pricing-list li i{
    color: #fff;
}
#pricing .peccular-pricing-border:nth-child(2) .buttondesign a span,
#pricing .peccular-pricing-single:hover .buttondesign a span {
    border: 1px solid #B45CCB;
    background: #B45CCB;
    color: #fff;
}
#pricing .peccular-pricing-border:nth-child(2) .buttondesign a span:hover,
#pricing .peccular-pricing-single:hover .buttondesign a span:hover{
    background: #fff;
    color: #AE68FA;
}





/*----------------------------------------*/
/*  pricing page
/*----------------------------------------*/

#innerpage-box .peccular-section-head h2 {
    font-size: 48px;
    line-height: 58px;
    letter-spacing: 0px;
    color: #3A3A3A;
    text-transform: uppercase;
    font-weight: 500;
    margin-bottom: 17px;
    position: relative;
    padding: 0 10px;
}
#innerpage-box .peccular-section-head p {
    letter-spacing: 0px;
    color: #3A3A3A;
    text-transform: lowercase;
    opacity: 0.5;
    font-size: 16px;
    line-height: 19px;
    font-weight: 400;
    padding: 0 10px;
    margin-bottom: 99px;
}

#innerpage-box .peccular-pricing-single {
    background: #fff;
    padding: 55px 40px 56px;
    box-shadow: 0px 1px 25px #0000000E;
    border-radius: 10px;
}

#innerpage-box .peccular-pricing-border{
    position: relative;
    z-index: 1;
}

#innerpage-box .peccular-pricing-border:nth-child(2) .peccular-pricing-single,
#innerpage-box .peccular-pricing-border .peccular-pricing-single:hover{
    background: #243984;
    box-shadow: 0px 1px 5px #0000000E;
    border-radius: 10px;
}

#innerpage-box h4.peccular-pricing-title {
    font-size: 28px;
    line-height: 34px;
    letter-spacing: 0px;
    color: #3E4581;
    text-transform: capitalize;
    font-weight: 400;
    margin-bottom: 21.41px;
    transition: .9s ease;
}
#innerpage-box .peccular-pricing-single:hover h4.peccular-pricing-title {
    transform: scale(0.9);
}
#innerpage-box .peccular-pricing-currency-price {
    font-size: 49px;
    line-height: 59px;
    letter-spacing: 0px;
    color: #3E4581;
    font-weight: bold;
    margin-bottom: 35.59px;
}
#innerpage-box ul.peccular-pricing-list {
    text-align: left;
    margin-bottom: 35px;
}
#innerpage-box ul.peccular-pricing-list li{
    text-align: left;
    letter-spacing: 0px;
    color: #3E4581;
    font-size: 15px;
    line-height: 18px;
    font-weight: 400;
    margin-bottom: 13px;
}
#innerpage-box ul.peccular-pricing-list li:before{
   display: none; 
}
#innerpage-box ul.peccular-pricing-list li i{
    margin-right: 15.87px;
    color: #3E4581;
    transition: .9s ease;
}
#innerpage-box .peccular-pricing-single:hover ul.peccular-pricing-list li i {
    transform: scale(1.3);
}
#innerpage-box .peccular-pricing-single .buttondesign a span {
    border: 1px solid #AE68FA;
    background: #fff;
    border-radius: 7px;
    padding: 21px;
    font-size: 14px;
    line-height: 17px;
    width: 100%;
    position: relative;
    display: block;
    color: #AE68FA;
}

#innerpage-box .peccular-pricing-single .buttondesign a span:hover{
    background: #AE68FA;
    color: #fff;
}
#innerpage-box .peccular-pricing-border:nth-child(2) h4.peccular-pricing-title,
#innerpage-box .peccular-pricing-single:hover h4.peccular-pricing-title{
    color: #fff;
}
#innerpage-box .peccular-pricing-border:nth-child(2) .peccular-pricing-currency-price,
#innerpage-box .peccular-pricing-single:hover .peccular-pricing-currency-price{
    color: #fff;
}
#innerpage-box .peccular-pricing-border:nth-child(2) ul.peccular-pricing-list li,
#innerpage-box .peccular-pricing-single:hover ul.peccular-pricing-list li{
    color: #fff !important;
}
#innerpage-box .peccular-pricing-border:nth-child(2) ul.peccular-pricing-list li i,
#innerpage-box .peccular-pricing-single:hover ul.peccular-pricing-list li i{
    color: #fff;
}
#innerpage-box .peccular-pricing-border:nth-child(2) .buttondesign a span,
#innerpage-box .peccular-pricing-single:hover .buttondesign a span {
    border: 1px solid #B45CCB;
    background: #B45CCB;
    color: #fff !important;
}
#innerpage-box .peccular-pricing-border:nth-child(2) .buttondesign a span:hover,
#innerpage-box .peccular-pricing-single:hover .buttondesign a span:hover{
    background: #fff;
    color: #AE68FA !important;
}
#innerpage-box .peccular-pricing-border:nth-child(2) ul.peccular-pricing-list li:before,
#innerpage-box .peccular-pricing-single:hover ul.peccular-pricing-list li:before{
   display: none; 
}



/*----------------------------------------*/
/*  about page
/*----------------------------------------*/

#inner_aboutme_page .about-title {
    font-size: 48px;
    line-height: 58px;
    letter-spacing: 0px;
    color: #3A3A3A;
    text-transform: uppercase;
    font-weight: 500;
    margin-bottom: 19px;
    position: relative;
}

#inner_aboutme_page .about-text {
    letter-spacing: 0px;
    color: #3A3A3A;
    font-size: 18px;
    line-height: 22px;
    font-weight: 400;
    margin-bottom: 21px;
        position: relative;
}

#inner_aboutme_page figure.peccular-aboutlogo-logo {
    border: 0.5px solid #A856BD;
    border-radius: 9px;
    background: #F4F4F4;
    width: 56px;
    height: 56px;
    padding: 11px;
    position: relative;

}
#inner_aboutme_page figure.peccular-aboutlogo-logo img{
    width: 35px;
    height: 35px;
        border-radius: 9px;
}

#inner_aboutme_page li.peccular-aboutlogo-b {
    float: left;
    margin-right: 19px;
}
#inner_aboutme_page .about-tagline {
    font-size: 22px;
    line-height: 27px;
    letter-spacing: 0.88px;
    font-weight: 500;
    margin-bottom: 45px;
    position: relative;

}

#inner_aboutme_page li.peccular-aboutfeature-b {
    float: left;
    width: 50%;
    margin-bottom: 23px;
    letter-spacing: 0px;
    color: #000000;
    opacity: 0.7;
    font-size: 16px;
    line-height: 19px;
    font-weight: 400;
    position: relative;
}

#inner_aboutme_page li.peccular-aboutfeature-b span {
    opacity: 1;
    font-weight: bold;
    margin-right: 12px;
}
#inner_aboutme_page .about-tagline span {
    color: #243984;
    font-weight: 500;
}



#inner_aboutme_page .profile-body {
    position: relative;
}
#inner_aboutme_page .peccular-section-head {
    margin-bottom: 3em;
    margin-top: 0em;
    margin-right: 2em;
}
#inner_aboutme_page .topSVGLines {
    position: absolute;
    right: 0;
    top: -72px;
}
#inner_aboutme_page .smallCircle {
    position: absolute;
    height: 18px width;
    margin-top: -82px;
    margin-left: 101px;
} 
#inner_aboutme_page .smallCircle i {
    transform: scale(1);
    transition: all 0.5s ease 0s;
    color: #075652;
    font-size: 16px;
    padding: 0px 1px 1px 1px;
    border-radius: 50%;
    border: 1px solid #075652;
    font-style: normal;
}

#inner_aboutme_page .peccular-section-head h2{
color: #3a3a3a;
    margin-top: 0em;
    font-weight: 500;
    font-size: 48px;
    line-height: 52px;
    padding-bottom: 0px;
    margin-bottom: 0px;
}
#inner_aboutme_page .block_title h3{
    color: #000;
    margin-bottom: 0px;
    text-transform: capitalize;
    font-weight: 500;
    font-size: 30px;
    font-family: Roboto, Medium;
    text-align: center;
    background: #fef2e6;
    padding: 9px 63px;
    border-radius: 28px;
    display: inline-block;
    margin-bottom: 1em;
    margin-left: 2.5em;
}
#inner_aboutme_page .peccular-section-subtext{
    color: #010101;
    font-size: 17px;
    font-weight: 400;
    word-break: break-word;
    line-height: 22px;
    margin-bottom: 2em;
    margin-left: 0em;
    opacity: 0.5;
}

#inner_aboutme_page .peccular-section-head .head_border_dash i{
    color: #F17900;
    font-size: 2px;
    padding: 1px 5px;
    background: #F17900;
    border-radius: 43px;
    margin-bottom: 10px;
    position: relative;
    margin-right: 6px;
    margin-left: 0;
    margin-top: 20px;
}
#inner_aboutme_page .peccular-section-head .head_border_dash {
    margin-left: 3em;
    margin-top: -15px;
}
#inner_aboutme_page .peccular-section-head span i{
    color: #fcf900;        
    font-size: 8px;
    margin-right: 5px;
    margin-top: -20px;
    padding: 0 15px;
    background: #fcf900;
    border-radius: 16px;
}

#inner_aboutme_page .peccular_profile_num_icon{
    color: #243984;
    /* padding: 10px 15px 2px 15px; */
    font-size: 18px;
    font-weight: 500;
    transition: .5s;
    line-height: 22px;
}
#inner_aboutme_page .dash_border {
    border-left: 2px dashed #707070;
}
#inner_aboutme_page .peccular-profile-content {
    padding-left: 35px;
    padding-top: 0;
    padding-bottom: 30px;
}
#inner_aboutme_page .left_content {
    padding-top: 0.5em;
    text-align: right;
    padding-right: 2.5em;
}
#inner_aboutme_page .peccular-profile-area .peccular-profile-content {
/*    padding-bottom: 0;*/
}
#inner_aboutme_page .left_content .firstLeftSubheading {
font-weight: 400;
    color: #b0b0b0;
    font-size: 18px;
    line-height: 22px;
} 
#inner_aboutme_page .read-btn{
    color: #fff;
    background: linear-gradient(0deg, #FF8000 0%, #FFA041 100%);
    padding: 18px 13px 18px 22px;
    font-size: 26px;
    font-weight: 500;
    word-break: break-word;
    line-height: 25px;
    border-radius: 40px;
    z-index: 10;
    position: relative;
    display: inline-block;
    -webkit-transition-property: color;
    transition-property: color;
    transition: all 0.5s ease 0s;
    transition-duration: 0.5s;
    font-family: Roboto, Medium;
    text-transform: uppercase;
}
#inner_aboutme_page .read-btn:hover{ color: #000; text-decoration: underline;transition: all 0.5s ease 0s;}

#inner_aboutme_page .read-btn:after{
    content: "\f0ab ";
    font-family: 'Fontawesome';
    transform: scale(1);
    transition: all 0.5s ease 0s;
    color: #fdfdfd;
    display: inline-block;
    margin-bottom: 0;
    font-size: 39px;
    border-radius: 50px;
    padding-left: 5px;
    padding-right: 0px;
    top: 3px;
    position: relative;
}
#inner_aboutme_page .read-btn:hover:after {
animation: wobble 4s linear infinite;
color: #fff;
}
#inner_aboutme_page .peccular-profile-area:hover .peccular_profile_num_icon{
        transition: .5s;
}
#inner_aboutme_page .peccular-profile-area .peccular-profile-single{
transition: .5s;
    margin-bottom: 5px;
}

#inner_aboutme_page .peccular-profile-area h4.peccular-profile-title{
    color: #000;
    font-size: 18px;
    font-weight: 500;
    line-height: 25px;
    margin: 0;
    text-align: left;
    font-family: Roboto, Medium;
}

#inner_aboutme_page .peccular-profile-area .peccular-profile-text{
color: #acacac;
    font-size: 16px;
    font-weight: 400;
    line-height: 19px;
    margin: 0;
    text-align: left;
    /* opacity: 35%; */
}

#inner_aboutme_page .peccular-section-head .peccular-section-head-icon i{
    font-size: 40px;
    line-height: 40px;
    margin-bottom: 15px;
    color: #06332e;
    margin-left: 1em;
}

#inner_aboutme_page .peccular-profile-imgbox{ 
    position: relative;     
    overflow: hidden; 
    top:0px;
    padding: 50px 0px 60px 140px;
    margin-top: 4.5em;
}
#inner_aboutme_page .download_btn {
    text-align: center;
    position: relative;
}
#inner_aboutme_page .peccular-profile-img-circle1{
    background: linear-gradient(0deg, #FF8000 0%, #FFA041 100%);
    width: 53px;
    height: 53px;
    border-radius: 50%;
    position: absolute;
    left: 10%;
    top: 38px;
    box-shadow: inset 0px 0px 3px 0px #0000001f;
    animation: bounceOut 4s linear infinite;
}
#inner_aboutme_page .block--2 {
    padding-top: 7em;
}
/*================ for animation =========================*/


:root {
  --sqrt3: 1.73205080757;                      /* Square root of 3 */
  --time: 11;                                  /* Duration of animation  */
  --gap: 1;                                    /* Horizontal gap between hexagons */
  --radius: 3;                                 /* Radius of inscribed circle */
  --Gap: var(--gap) / 2 * var(--sqrt3);        /* Vertical gap between hexagons */
  --Radius: 2 / var(--sqrt3) * var(--radius);  /* Radius of circumcircle */
}

@keyframes odd-animation {
  0%   { transform: translate(calc( 0.5 * var(--offset-x) ), calc( 0.5 * var(--offset-y) )) scale(0) }
  33%  { transform: translate(calc(   1 * var(--offset-x) ), calc(   1 * var(--offset-y) )) scale(1) }
  66%  { transform: translate(calc(   2 * var(--offset-x) ), calc(   2 * var(--offset-y) )) scale(1) }
  100% { transform: translate(calc(   3 * var(--offset-x) ), calc(   3 * var(--offset-y) )) scale(0) }
}

@keyframes even-animation {
  50%  { transform: translate(calc( 1 * var(--offset-x) ), calc( 1 * var(--offset-y) )) scale(1) }
  100% { transform: translate(calc( 2 * var(--offset-x) ), calc( 2 * var(--offset-y) )) scale(0) }
}

#inner_aboutme_page .hex {
    background: linear-gradient(0deg, #FF8000 0%, #FFA041 100%);
    width: 53px;
    height: 53px;
    border-radius: 50%;
    position: absolute;
    left: -22px;
    bottom: 38px;
    box-shadow: inset 0px 0px 3px 0px #0000001f;
    color: transparent;
    animation: bounce 4s linear infinite;
}

#inner_aboutme_page .hex::before {
  border: calc(0.5em * var(--Radius)) solid transparent;
  border-left: 0;
  border-right: calc(1em * var(--radius)) solid currentColor;
  content: "";
  height: var(--Radius);
}

#inner_aboutme_page .hex::after  {
  border: calc(0.5em * var(--Radius)) solid transparent;
  border-left: calc(1em * var(--radius)) solid currentColor;
  border-right: 0;
  content: "";
  height: var(--Radius);
}

#inner_aboutme_page .center {
 position: absolute;
 top: 12%;
}

#inner_aboutme_page .odd,
#inner_aboutme_page .even {
  --global-offset-x: calc( 0.5em * var(--gap) + var(--radius) * 1em);
  --global-offset-y: calc( 1.5em * var(--Radius) + var(--Gap) * 1em);
  animation: infinite cubic-bezier(.21, .61, .01, .89);
  position: absolute;
  transform: translate(0, 0) scale(0);  
}

#inner_aboutme_page .odd {
  animation-duration: 11s;
}
#inner_aboutme_page .even {
  animation-duration: 7.333333333s;
}

#inner_aboutme_page .hex.first {
  animation-delay: -6.2857142857s;
}
#inner_aboutme_page .hex.second {
  animation-delay: -2.619047619s;
}
#inner_aboutme_page .hex.third {
  animation-delay: 1.0476190476s;
}

@supports (animation-delay: calc(1 * 1s)) and (animation-duration: calc(1 * 1s)) {
 #inner_aboutme_page .odd {
    animation-duration: calc(var(--time) * 1s);
}
#inner_aboutme_page .even {
    animation-duration: calc( var(--time) * 2 / 3 * 1s);
}

#inner_aboutme_page .hex.first {
    animation-delay: calc( var(--time) / -1.75 * 1s );
}
#inner_aboutme_page .hex.second {
    animation-delay: calc( var(--time) * 1.25 / -5.25 * 1s );
}
#inner_aboutme_page .hex.third {
    animation-delay: calc( var(--time) * -0.25 / -2.625 * 1s );
}
}

#inner_aboutme_page .hex.one {
  --offset-x: calc( var(--global-offset-x) * 1 );
  --offset-y: calc( var(--global-offset-y) * -1 );
  animation-name: odd-animation;
  bottom: 0;
  left: 0;
}
#inner_aboutme_page .hex.two {
  --offset-x: calc( var(--global-offset-x) * 1.5 );
  --offset-y: calc( var(--global-offset-y) * -0.5 );
  animation-name: even-animation;
  bottom: calc( var(--global-offset-y) * 0.5 );
  left: calc( var(--global-offset-x) * 1.5 );
}
#inner_aboutme_page .hex.three {
  --offset-x: calc( var(--global-offset-x) * 2 );
  --offset-y: calc( var(--global-offset-y) * 0 );
  animation-name: odd-animation;
  bottom: 0;
  right: 0;
}
#inner_aboutme_page .hex.four {
  --offset-x: calc( var(--global-offset-x) * 1.5 );
  --offset-y: calc( var(--global-offset-y) * 0.5 );
  animation-name: even-animation;
  top: calc( var(--global-offset-y) * 0.5 );
  left: calc( var(--global-offset-x) * 1.5 );
}
#inner_aboutme_page .hex.five {
  --offset-x: calc( var(--global-offset-x) * 1 );
  --offset-y: calc( var(--global-offset-y) * 1 );
  animation-name: odd-animation;
  top: 0;
  left: 0;
}
#inner_aboutme_page .hex.six {
  --offset-x: calc( var(--global-offset-x) * 0 );
  --offset-y: calc( var(--global-offset-y) * 1 );
  animation-name: even-animation;
  top: calc( var(--global-offset-y) * 1 );
  left: 0;
}
#inner_aboutme_page .hex.seven {
  --offset-x: calc( var(--global-offset-x) * -1 );
  --offset-y: calc( var(--global-offset-y) * 1 );
  animation-name: odd-animation;
  top: 0;
  right: 0;
}
#inner_aboutme_page .hex.eight {
  --offset-x: calc( var(--global-offset-x) * -1.5 );
  --offset-y: calc( var(--global-offset-y) * 0.5 );
  animation-name: even-animation;
  top: calc( var(--global-offset-y) * 0.5 );
  right: calc( var(--global-offset-x) * 1.5 );
}
#inner_aboutme_page .hex.nine {
  --offset-x: calc( var(--global-offset-x) * -2 );
  --offset-y: calc( var(--global-offset-y) * 0 );
  animation-name: odd-animation;
  top: 0;
  right: 0;
}
#inner_aboutme_page .hex.ten {
  --offset-x: calc( var(--global-offset-x) * -1.5 );
  --offset-y: calc( var(--global-offset-y) * -0.5 );
  animation-name: even-animation;
  bottom: calc( var(--global-offset-y) * 0.5 );
  right: calc( var(--global-offset-x) * 1.5 );
}
#inner_aboutme_page .hex.eleven {
  --offset-x: calc( var(--global-offset-x) * -1 );
  --offset-y: calc( var(--global-offset-y) * -1 );
  animation-name: odd-animation;
  bottom: 0;
  right: 0;
}
#inner_aboutme_page .hex.twelve {
  --offset-x: calc( var(--global-offset-x) * 0 );
  --offset-y: calc( var(--global-offset-y) * -1 );
  animation-name: even-animation;
  bottom: calc( var(--global-offset-y) * 1 );
  left: 0;
}
/*================end for animation =========================*/
#inner_aboutme_page .peccular-profile-imgbox .peccular-profile-img-circle2{
    background: #E8EBDF;
    width: 146px;
    height: 146px;
    border-radius: 50%;
    position: absolute;
    left: 47px;
    bottom: 147px;
    opacity: 0.5;
    z-index: 0;
}
#inner_aboutme_page .peccular-profile-imgbox .peccular-profile-imgTop-circle {
    background: #E8EBDF;
    width: 104px;
    height: 104px;
    border-radius: 50%;
    position: absolute;
    right: 87px;
    top: 26px;
    opacity: 0.5;
    z-index: 0;
}

#inner_aboutme_page .peccular-profile-imgbox img{
    width: 100%;
    box-shadow: 0px 0px 30px #00000057;
    width: 376px;
    height: 495px;
    border-radius: 26px;
    position: relative;
    z-index: 2;
}
#inner_aboutme_page:hover .imageBGBox1{
    transform: matrix(0.97, 0.26, -0.26, 0.97, 0, 0);
    transition: all 0.4s ease 0s;
}
#inner_aboutme_page:hover .imageBGBox2{
    transform: matrix(0.95, -0.31, 0.31, 0.95, 0, 0);
    transition: all 0.4s ease 0s;
}
#inner_aboutme_page .imageBGBox1 {
    width: 376px;
    height: 495px;
    border-radius: 26px;
    position: absolute;
    z-index: 1;
    transform: matrix(0.95, -0.31, 0.31, 0.95, 0, 0);
    background: #085853;
    transition: all 0.4s ease 0s;
}
#inner_aboutme_page .imageBGBox2 {
    width: 376px;
    height: 495px;
    border-radius: 26px;
    position: absolute;
    z-index: 0;
    background: #FF8000;
    transform: matrix(0.97, 0.26, -0.26, 0.97, 0, 0);
    z-index: 1;
    transition: all 0.4s ease 0s;
}



#inner_aboutme_page .skill-title {
    font-size: 48px;
    line-height: 58px;
    letter-spacing: 0px;
    color: #3A3A3A;
    text-transform: uppercase;
    font-weight: 500;
    margin-bottom: 17px;
    position: relative;
    padding: 0 10px;
}

#inner_aboutme_page .skill-text {
    letter-spacing: 0px;
    color: #3A3A3A;
    text-transform: lowercase;
    opacity: 0.5;
    font-size: 16px;
    line-height: 19px;
    font-weight: 400;
    padding: 0 10px;
    margin-bottom: 61px;
}
#inner_aboutme_page .percent-number {
    width: 81px;
    height: 81px;
    /* padding: 23px; */
    border-radius: 50%;
    margin-bottom: 7px;
    border: 1px solid #707070;
    background: #fff;
    text-align: center;
    padding-top: 24px;
    font-size: 28px;
    line-height: 34px;
    letter-spacing: 0px;
    color: #3A3A3A;
    text-transform: lowercase;
    font-weight: bold;
}
#inner_aboutme_page .peccular-skillfeature-single{
    text-align: center;
    margin-bottom: 1em;
    position: relative;
    z-index: 1;
}
#inner_aboutme_page .percent-number-outline{
    background-image: linear-gradient(to right, #B75ECD 0%, #B75ECD 0%, #B75ECD 21%, #B75ECD 52%, #662D92 78%, #662D92 100%);
    width: 101px;
    height: 101px;
    border-radius: 50%;
    padding: 10px;
    margin: 0 auto;
}
#inner_aboutme_page .percent-title{
    letter-spacing: 0px;
    color: #3A3A3A;
    text-transform: capitalize;
    font-size: 14px;
    line-height: 17px;
    font-weight: bold;
    margin-top: 17px;
}

#inner_aboutme_page .peccular-counter-num {
    font-size: 60px;
    font-weight: 800;
    padding-bottom: 5px;
}
#inner_aboutme_page h4.peccular-counter-title.inner-area-title {
    font-size: 20px;
    font-weight: 400;
    color: #000008;
}
/*----------------------------------------*/
/*  banner3
/*----------------------------------------*/
div#banner3 .header-content,
div#banner3shop .header-content {
    position: relative;
    z-index: 1;
    padding: 6em 0em 5em 6em;
}
div#banner3 .offet-text,
div#banner3 .offet-text span,
div#banner3shop .offet-text,
div#banner3shop .offet-text span {
    font-size: 85px;
    line-height: 100px;
    font-weight: 700;
    color: #ffffff;
    word-break: break-word;
}
div#banner3 .offet-text span{
    animation: neons 5s ease infinite;
}
@keyframes neons{
    0%,100%{
        color: #001A4B;
    }
    50%{
        color: #fff;
    }
} 
div#banner3shop .offet-text span{
    animation: neonss 5s ease infinite;
}
@keyframes neonss{
    0%,100%{
        color: #000000;
    }
    50%{
        color: #D80000;
    }
} 
div#banner3 .sale-text,
div#banner3shop .sale-text {
    font-size: 59px;
    padding: 0.4em 0em;
    line-height: 75px;
    font-weight: 700;
    color: #ffffff;
    word-break: break-word;
}
div#banner3 .discount-text,
div#banner3shop .discount-text {
    font-size: 25px;
    line-height: 40px;
    font-weight: 700;
    color: #Ffffff;
    padding: 0.2em 0 0.3em 0;
    word-break: break-word;
}
div#banner3 a.button-all,
div#banner3shop a.button-all {
    background: #000000;
    color: #ffffff;
    font-size: 24px;
    letter-spacing: 0.96px;
    padding: 10px 35px 10px 35px;
}
div#banner3 a.button-all:hover,
div#banner3shop a.button-all:hover{
    color: #ffffff;
}
div#banner3 .button-all:before,
div#banner3shop .button-all:before{
    border: 3px dashed #ffffff;
}
div#banner3shop a.button-all {
    font-size: 31px;
    letter-spacing: 1.24px;
}
div#banner3shop .offet-text, 
div#banner3shop .offet-text span {
    font-size: 92px;
    color: #000000;
    text-transform: uppercase !important;
}
div#banner3shop .sale-text {
    font-size: 64px;
    text-transform: uppercase ! IMPORTANT;
    color: #000000;
    padding-bottom: 20px !important;
}
div#banner3shop {
    background-size: cover !important;
    background-repeat: no-repeat !important;
    margin-top: 4em !important;
}
/*----------------------------------------*/
/*  Featured Area
/*----------------------------------------*/
.product-grid-box h3.title a {
    font-size: 26px;
    line-height: 39px;
    color: #000000;
    font-weight: 500;
}

.product-grid-box .price span {
    font-weight: 500;
    color: #000000;
}
.product-grid-box .price, 
.product-grid-box del, 
.product-grid-box .price del bdi,
.product-grid-box .price bdi{
    font-size: 26px;
    line-height: 39px;
    font-weight: 600;
    padding: 7px 0;
}
.product-grid-box .product-content {
    padding: 15px 0;
}
.product-grid-box .price ins {
    background: transparent;
    float: left;
    padding-right: 0.5em;
}
section#featuredproduct-section .product-grid-box del span, 
section#featuredproduct-section .product-grid-box .price, 
section#featuredproduct-section .product-grid-box del,
section#best-seller-products .product-grid-box del span, 
section#best-seller-products .product-grid-box .price, 
section#best-seller-products .product-grid-box del{
    color: #8f8f8f;
}
.product-grid-box .product-image {
    overflow: hidden;
}
.product-grid-box .product-image img {
    transition: all 1s ease-in-out 0s;
    -moz-transition: all 1s ease-in-out 0s;
    -webkit-transition: all 1s ease-in-out 0s;
    -o-transition: all 1s ease-in-out 0s;
    filter: brightness(1);
    height: auto;
}
.product-grid-box:hover .product-image img {
    transform: scale(1.020) rotateZ(0deg);
    -moz-transform: scale(1.020) rotateZ(0deg);
    -webkit-transform: scale(1.020) rotateZ(0deg);
    -o-transform: scale(1.020) rotateZ(0deg);
    filter: brightness(0.7);
}
section#best-seller-products .owl-dots {
 margin-top: 20px !IMPORTANT;
}
section#best-seller-products .owl-dots button {
    box-shadow: none;
}
section#best-seller-products .owl-theme .owl-dots .owl-dot span {
    box-shadow: none ! IMPORTANT;
    background: #686868;
    width: 20px;
    height: 20px;
    margin: 0 10px;
}
section#best-seller-products button.owl-dot.active span {
    background: #000000 !important;
}
/*----------------------------------------*/
/*  banner 2
/*----------------------------------------*/
div#banner2 .peccular-feat-single-bg {
    transition: all 1s ease-in-out 0s;
    -moz-transition: all 1s ease-in-out 0s;
    -webkit-transition: all 1s ease-in-out 0s;
    -o-transition: all 1s ease-in-out 0s;
    filter: brightness(1);
}
div#banner2 .peccular-feat-single-bg:hover {
    filter: brightness(0.7);
}
div#banner2 .peccular-feat-single-bg {
    height: 587px;
    width: 100%;
    position: relative;
    overflow: hidden;
    background-size: cover ! IMPORTANT;
    background-repeat: no-repeat ! IMPORTANT;
}
div#banner2 .peccular-bannert-icon {
    position: absolute;
    width: 80px;
    height: 80px;
    bottom: 0;
}
div#banner2 h4.title a {
    font-weight: 600;
    color: #ffffff;
}
div#banner2 h4.title {
    position: absolute;
    bottom: 0.7em;
    z-index: 1;
    color: #ffffff;
    font-size: 41px;
    line-height: 50px;
    font-weight: 700;
    left: 2.5em;
    padding: 0 20px;
    word-break: break-word;
}
div#banner2 .peccular-bannert-b:nth-child(2) h4.title,
div#banner2 .peccular-bannert-b:nth-child(4) h4.title {
    right: 2.5em;
    left: auto;
    text-align: right;
}
div#banner2 .peccular-bannert-b:hover .peccular-bannert-icon {
    transform: translateX(0px);
    transition: 0.2s ease-in-out;
}
div#banner2 .peccular-bannert-icon {
    position: absolute;
    width: 100px;
    height: 100px;
    bottom: 0;
    transform: translateX(-125px);
    transition: 0.2s ease-in-out;
}
.peccular-bannert-b {
    padding: 5px;
}
.bannert-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(to top, #000000 0%, #c3b3b300 60.3%);
}
div#banner2 .peccular-bannert-b:nth-child(2) .peccular-bannert-icon,
div#banner2 .peccular-bannert-b:nth-child(4) .peccular-bannert-icon {
    transform: translateX(125px);
    position: absolute;
    right: 0;
}
div#banner2 .peccular-bannert-b:nth-child(2):hover .peccular-bannert-icon,
div#banner2 .peccular-bannert-b:nth-child(4):hover .peccular-bannert-icon {
    transform: translateX(0);
}
/*----------------------------------------*/
/*  shop
/*----------------------------------------*/
li.product-category.product.last {
   /* clear: both;*/
}
li.product-category.product img {
    height: 500px ! IMPORTANT;
}
div#content-box a.woocommerce-Button.wc-forward.button,
div#content-box a.button.wc-forward {
    color: #ffffff ! IMPORTANT;
    font-size: 16px;
    border-radius: 0;
    box-shadow: none;
}
.u-column1.col-1.woocommerce-Address,
.u-column2.col-2.woocommerce-Address {
    width: 100%;
}
button.woocommerce-Button.button {
    margin-top: 1em;
    margin-bottom: 1em !important;
    border: 0 !IMPORTANT;
}
.woocommerce .single-productpage li.product a.button,
.single-productpage a.single_add_to_cart_button.button.alt.custom-checkout-btn {
    display: none !important;
}
.woocommerce ul.products li.product .price del, 
.woocommerce-page ul.products li.product .price del, 
.woocommerce-page ul.products li.product .price {
    font-size: 26px;
    line-height: 39px;
}
.woocommerce ul.products li.product .price ins, 
.woocommerce-page ul.products li.product .price ins, 
.woocommerce-page ul.products li.product .price ins span,
.woocommerce-page span.price bdi {
    font-size: 26px;
    line-height: 39px;
    font-weight: 500 !IMPORTANT;
    color: #000000;
}
.woocommerce ul.products li.product .total-product-title-wrap {
    padding: 5px 0px 0;
    text-align: left;
}
main#innerpage-box h2.woocommerce-loop-product__title {
    color: #000 !important;
    padding-left: 0;
    font-weight: 500 !important;
}
.woocommerce-page ul.products li.product .price ins {
    padding-right: 1em;
}
.woocommerce ul.products li.product, 
.woocommerce-page ul.products li.product {
    padding-bottom: 20px;
    margin-bottom: 0;
    margin: 0 3.3% 2.992em 0;
}
.woocommerce ul.products li.product .onsale {
    margin: 10px -6px 0 0;
    display: none;
}
.woocommerce .products ul, 
.woocommerce-page .products ul, 
.woocommerce ul.products, 
.woocommerce-page ul.products {
    padding-top: 55px;
    border-top: 0px solid #eee !important;
}
.woocommerce-page .woocommerce-ordering select{
    border: 1px solid #000000 ! IMPORTANT;
    height: 44px;
    width: 90%;
    float: right;
}
.woocommerce-page .woocommerce-ordering select option, 
.woocommerce-page .woocommerce-ordering select {
    font-weight: 600 !important;
    font-size: 20px;
    line-height: 30px;
    padding: 3px 15px;
    border: 1px solid #000000 !IMPORTANT;
}
.woocommerce-page .woocommerce-ordering select option {
    font-weight: 500 !IMPORTANT;
}
main#innerpage-box h2.woocommerce-loop-product__title:hover,
.widget-area .woocommerce ul.product_list_widget li a span:hover,
main#innerpage-box .widget-area .tagcloud a:hover{
    color: #4c4c4c !important;
}
.woocommerce ul.products li.product .price del, 
.woocommerce ul.products li.product .price del span{
 font-weight: 500;
}
.woocommerce .widget_price_filter .ui-slider-horizontal {
    height: .2em !important;
}
.woocommerce .product-page {
    position: absolute;
    z-index: 1;
    width: 30%;
}
.woocommerce .widget-area a{
    line-height: 40px;
    font-size: 20px;
}
.woocommerce div#secondary{
    display: none;
    box-shadow: 1px 1px 3px #00000029;
    background: #ffffff;
    padding: 20px;
    border-radius: 0;
    margin-top: 1.2em;
}
.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 0;
    padding-top: 5px;
    height: 40px !important;
    border-radius: 0 !important;
}
.woocommerce .products .star-rating,
.woocommerce ul.products li.product .total-product-title-wrap a span{
    display: none;
}
.woocommerce div#secondary .tagcloud a {
    line-height: 25px;
    color: #000 !important;
    font-size: 20px;
    font-weight: 600;
}
p.woocommerce-result-count {
    display: none;
}
button#product-page {
    border: 1px solid #000000;
    border-radius: 0;
    background: #ffffff;
    color: #000000 !important;
    font-size: 20px;
    font-weight: 600;
    padding: 10px 25px 10px 10px;
}
body.post-type-archive-product .star-rating.ehi-star-rating {
    display: none ! IMPORTANT;
}
main#innerpage-box h1.ht-main-title {
    font-size: 58px !important;
    text-align: left;
    font-weight: 700;
    letter-spacing: 1.74px;
    color: #212121;
    padding-bottom: 20px;
    text-transform: uppercase !important;
}

body.post-type-archive-product ul.products,
body.archive.tax-product_cat ul.products{
    padding-top: 4.5em !important;
}

body.archive.tax-product_cat .star-rating.ehi-star-rating{
    display: none;
}

.woocommerce ul.products li.product a img{
    transition: all 1s ease-in-out 0s;
    -moz-transition: all 1s ease-in-out 0s;
    -webkit-transition: all 1s ease-in-out 0s;
    -o-transition: all 1s ease-in-out 0s;
    filter: brightness(1);
    height: auto;
}
.woocommerce ul.products li.product:hover a img{
    transform: scale(1.020) rotateZ(0deg);
    -moz-transform: scale(1.020) rotateZ(0deg);
    -webkit-transform: scale(1.020) rotateZ(0deg);
    -o-transform: scale(1.020) rotateZ(0deg);
    filter: brightness(0.7);
}
li.product-category {
    width: 30.2%;
    float: left;
    margin-right: 20px !important;
    padding: 0 !important;
    margin-bottom: 2.5em !important;
    margin-left: 20px ! IMPORTANT;
}
.woocommerce ul.products li.product a img {
    width: 100%;
}
body.page-template-default main#innerpage-box h2.woocommerce-loop-category__title mark {
    clear: both;
    display: block;
    text-align: center;
    font-size: 18px;
    padding-top: 0.5em;
}
.woocommerce ul.products li.product .woocommerce-loop-category__title {
    text-align: center;
    font-size: 18px;
    font-weight: 200 !IMPORTANT;
}
body.page-template-default main#innerpage-box h2.woocommerce-loop-category__title:hover, 
body.page-template-default main#innerpage-box h2.woocommerce-loop-category__title:hover mark{
    color: d80000;
}
li.product-category:before{
    content: none !important;
}
body.page-template-default main#innerpage-box h2.woocommerce-loop-category__title {
    font-size: 18px !important;
    font-weight: 400 !important;
    margin: 0;
    line-height: 25px;
    padding: 1.5em 0 0 0;
}
.woocommerce ul.products li.product, 
.woocommerce-page ul.products li.product {
    padding-bottom: 10px;
    margin-bottom: 22px;
}

.woocommerce-page ul.products li.product .price del bdi {
    font-size: 20px;
    font-weight: 600;
    color: #D80000;
}
main#innerpage-box h2.woocommerce-loop-product__title:hover, 
.widget-area .woocommerce ul.product_list_widget li a span:hover {
    color: #D80000 !important;
}
span.reviewer,
.widget-area del span.woocommerce-Price-amount.amount{
    color: #D80000 !important;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #3b3b3b;
}
div#secondary input[type="search"]::placeholder {
    color: #3b3b3b;
}
body.post-type-archive .single-productpage li.product {
    padding-bottom: 0 !important;
    margin-bottom: 5px ! IMPORTANT;
}
body.archive.post-type-archive.post-type-archive-product li.product.type-product {
    margin-bottom: 2.5em ! IMPORTANT;
}
body.single.single-product .woocommerce-message a.button.wc-forward {
    margin-top: 0;
    padding: 5px 20px;
}
/*----------------------------------------*/
/*  Signle Product
/*----------------------------------------*/
.single .prowoocoomercetab-description ul li {
    list-style: disc;
    color: #000000;
    font-size: 18px;
    line-height: 34px;
    font-family: roboto;
    font-weight: 500;
    text-transform: capitalize;
}
.single .prowoocoomercetab-description ul {
    margin-top: 1em;
    margin-left: 0em;
}
.prowoocoomercetab-content .shipp-ico-box {
    display: none;
}
body.single-product h1.ht-main-title {
    display: none;
}
body.single-product span.root {
    display: none;
}
button.single_add_to_cart_button {
    margin-top: 0 !IMPORTANT;
}
.prowoocoomercetab-content form.cart {
    margin: 0 !IMPORTANT;
    padding: 0 !important;
    margin-top: 1em !important;
}
body.single-product main#innerpage-box .product_title.entry-title {
    font-size: 36px !important;
    line-height: 43px;
    color: #131313;
    padding-left: 0;
    margin-bottom: 20px;
    text-transform: uppercase !important;
    font-weight: 800 !IMPORTANT;
}
p.quantity-heading {
    display: none;
}
body.single-product main#innerpage-box div.quantity {
    margin: 25px 4px 0 0;
}
body.single-product main#innerpage-box p.price {
    font-size: 20px;
    line-height: 24px;
    margin: 0;
    padding: 0 !IMPORTANT;
    font-weight: 700 !important;
    display: -webkit-inline-box;
}
body.single-product main#innerpage-box p.price span,
body.single-product main#innerpage-box p.price bdi {
    font-weight: 700;
    font-family: "Roboto", sans-serif;
}
body.single-product main#innerpage-box p.price bdi {
    font-size: 20px;
}
body.single-product main#innerpage-box p.price del {
    color: #000000;
    opacity: 50%;
}
body.single-product main#innerpage-box p.price ins {
    color: #D80000;
    padding-left: 15px;
}
body.single-product em strong {
    display: none ! IMPORTANT;
}
body.single-product main#innerpage-box p.product-info-quant span {
    color: #D80000;
    font-weight: 700;
}
body.single-product main#innerpage-box p.product-info-quant {
    font-size: 16px;
    line-height: 25px;
    color: #000000;
    font-weight: 700;
    position: relative;
    left: 0em;
    margin-bottom: 30px;
}
body.single-product main#innerpage-box p.product_sku, p.stock.in-stock {
    display: none;
}
body.single-product main#innerpage-box .quantity .qty {
    width: 113px;
    height: 62px;
    border: 3px solid #000000;
    margin-right: 2px;
    font-size: 21px;
    font-weight: 700;
}
body.single-product main#innerpage-box button.minus {
    color: #000;
    background: #ffffff;
    box-shadow: none;
    padding: 0;
    left: 25px;
    position: absolute;
    font-size: 25px;
    line-height: 0;
    font-weight: 700;
    top: 31px;
}
body.single-product main#innerpage-box button.plus {
    padding: 0;
    position: absolute;
    right: 40px;
    background: transparent;
    color: #000000;
    box-shadow: none;
    font-size: 22px;
    font-weight: 700;
    top: 18px;
}
.woocommerce div.product form.cart {
    margin-bottom: 1.8em;
}
body.single-product .short-description {
    font-size: 16px ! IMPORTANT;
    line-height: 27px !important;
    margin-top: 0.8em;
    margin-bottom: 0.8em;
}
.single .prowoocoomercetab-description .short-description {
    display: none;
}
body.single-product main#innerpage-box div.quantity,
body.single-product button.single_add_to_cart_button {
    margin-top: 0px;
}
.woocommerce div.product form.cart .variations{
    margin-bottom: 0 !important;
}
body.single-product .short-description ul li {
    list-style: disc;
    position: relative;
    left: 1.2em;
    color: #707070 ! IMPORTANT;
    font-size: 14px ! IMPORTANT;
    line-height: 28px;
}
body.single-product .short-description ul {
    padding-top: 1em;
}
.woocommerce div.product form.cart div.quantity {
    position: relative;
}
body.single-product button.single_add_to_cart_button.button.alt {
    width: 405px;
    height: 62px ! IMPORTANT;
    font-size: 24px !important;
    font-weight: 500 !important;
    text-transform: capitalize;
}
body.single-product button.single_add_to_cart_button.button.alt:hover,
body.single-product .shipping-txt span a:hover {
    opacity: 0.6 !important;
}
body.single-product .shipping-txt span {
    font-weight: 400;
    text-decoration: underline;
}
body.single-product .shipping-txt {
    font-size: 25px;
    line-height: 30px;
    font-weight: 600;
    color: #000000 ! IMPORTANT;
    display: none;
    font-family: "Roboto", sans-serif;
}
body.single-product .shipping-txt span a {
    color: #000000;
}
body.single-product span.onsale {
    display: none;
}
.woocommerce div.product div.images .flex-control-thumbs li img{
    opacity: 1 !important;
}
.woocommerce div.product div.images .flex-control-thumbs li {
    width: 100% !important;
}
.woocommerce div.product div.images .flex-control-thumbs li img.flex-active {
    opacity: 1;
    border: 1px solid #102833;
    padding: 2px;
}
body.product-template-default.single.single-product .summary.entry-summary .star-rating.ehi-star-rating {
    position: relative;
    top: 0;
}
.woocommerce-MyAccount-content p {
    margin: 0 !IMPORTANT;
}
.woocommerce table.shop_table{
    border-radius: 0 !important;
}
.woocommerce form .form-row .input-text, 
.woocommerce-page form .form-row .input-text,
.woocommerce-error, 
.woocommerce-info, 
.woocommerce-message{
    background: transparent !important;
}
/*-----------------------
## checkout
-----------------------------*/
li.woocommerce-MyAccount-navigation-link {
    position: relative;
}
li.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--dashboard:before {
    content: "\f007" !important;
    font-family: 'FONTAWESOME';
    position: absolute;
    left: 0;
    color: #741d1d;
    top: 5px;
}
li.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--orders:before {
    content: "\f03a" !important;
    font-family: 'FONTAWESOME';
    position: absolute;
    left: 0;
    color: #741d1d;
    top: 5px;
}
li.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--downloads:before {
    content: "\f019" !important;
    font-family: 'FONTAWESOME';
    position: absolute;
    left: 0;
    color: #741d1d;
    top: 5px;
}
li.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--edit-address:before {
    content: "\f041" !important;
    font-family: 'FONTAWESOME';
    position: absolute;
    left: 0;
    color: #741d1d;
    top: 5px;
}
li.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--edit-account:before {
    content: "\f044" !important;
    font-family: 'FONTAWESOME';
    position: absolute;
    left: 0;
    color: #741d1d;
    top: 5px;
}
li.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--customer-logout:before {
    content: "\f08b" !important;
    font-family: 'FONTAWESOME';
    position: absolute;
    left: 0;
    color: #741d1d;
    top: 5px;
}
body.woocommerce-account div#content-box .woocommerce-MyAccount-content p a:nth-child(1):before {
    content: "\f1cb";
    font-family: 'FONTAWESOME';
    position: absolute;
    left: 10px;
    color: #ffffff;
}
body.woocommerce-account div#content-box .woocommerce-MyAccount-content p a:nth-child(2):before {
    content: "\f041";
    font-family: 'FONTAWESOME';
    position: absolute;
    left: 10px;
    color: #ffffff;
}
body.woocommerce-account div#content-box .woocommerce-MyAccount-content p a:nth-child(3):before {
    content: "\f007";
    font-family: 'FONTAWESOME';
    position: absolute;
    left: 10px;
    color: #ffffff;
}
body.woocommerce-account div#content-box .woocommerce-MyAccount-content p a {
    color: #ffffff !important;
    text-decoration: none;
    background: #000000;
    font-size: 16px;
    margin-right: 1em;
    padding: 1em 2em;
    font-weight: 500;
    border-radius: 30px;
    position: relative;
    line-height: 4em;
}
body.woocommerce-account div#content-box .woocommerce-MyAccount-content p a:hover {
    background: #c70000 !important;
}
body.woocommerce-account div#content-box .woocommerce-MyAccount-content p{
    font-size: 0;
}
body.woocommerce-account div#content-box form.woocommerce-EditAccountForm.edit-account p,
body.woocommerce-account div#content-box .woocommerce-address-fields p,
body.woocommerce-downloads div#content-box p,
body.woocommerce-orders div#content-box p{
    font-size: 16px;
    line-height: 30px;
}
body.woocommerce-account div#content-box .woocommerce-address-fields__field-wrapper {
    margin-bottom: 1em;
}
body.woocommerce-account div#content-box a.woocommerce-Button.button{
    color: #ffffff !important;
}
nav.woocommerce-MyAccount-navigation {
    width: 25%;
    border-right: 1px solid #d5d8dc;
    padding-top: 8em;
}
.woocommerce-MyAccount-content {
    width: 75%;
    padding-left: 2em;
    padding-top: 7em;
}
body.woocommerce-account .woocommerce {
    display: flex;
}
.wc-block-cart .wc-block-cart-items th span, 
.wc-block-cart .wc-block-cart__totals-title {
    font-size: 17px !important;
    font-weight: 600;
    padding: 0;
    padding-bottom: 0.5em;
}
div#content-box a.wc-block-components-product-name {
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
}
.wc-block-cart .wc-block-cart-items {
    background: #ffffff !important;
}
.wp-block-woocommerce-cart-order-summary-block {
    background: #ffffff;
    padding: 1em 1em;
}
.wc-block-cart .wc-block-cart__submit-container {
    padding: 0;
    background: #ffffff;
}
div#content-box .wc-block-cart .wc-block-cart__submit-container a {
    background: #000000;
    color: #ffffff ! IMPORTANT;
}
div#content-box .wc-block-cart .wc-block-cart__submit-container a:hover {
    background: #c70000;
}
.is-large.wc-block-cart .wc-block-cart-items th {
    padding: 8px 20px 8px 20px !important;
}
fieldset#contact-fields {
    background: #ffffff;
    padding: 0 2em 2em 4em;
}
h2.wc-block-components-title:before {
    font-size: 0.5em;
    color: #ffffff;
    background: #000000 !important;
    border-radius: 50% !important;
    width: 2em;
    height: 2em;
    line-height: 2em;
    position: relative;
    top: 0px !important;
}
body.woocommerce-checkout h2.wc-block-components-title.wc-block-components-checkout-step__title {
    font-size: 2em !important;
}
fieldset#billing-fields {
    background: #ffffff;
    margin-top: 1.5em;
    padding: 0 2em 2em 4em;
}
fieldset#payment-method {
    padding: 0 2em 2em 4em;
    background: #ffffff;
    margin-top: 1.5em;
}
.wc-block-checkout__add-note {
    padding: 1em 2em 2em 4em !important;
    background: #ffffff;
    margin-top: 0 !important;
}
.wc-block-checkout__terms {
    padding: 2em 2em 0em 4em;
    background: #ffffff;
    margin: 0 !important;
}
.wc-block-checkout__actions {
    border: 0 !important;
    padding: 2em 2em 2em 4em !important;
    background: #ffffff;
}
.wp-block-woocommerce-checkout-order-summary-block {
    background: #ffffff;
    padding: 1em 1em;
}
.wc-block-components-sidebar{
    margin-top: 0 !important;
    padding-left: 0 !important;
}
.wc-block-components-form .wc-block-components-text-input input[type=email], 
.wc-block-components-form .wc-block-components-text-input input[type=number], 
.wc-block-components-form .wc-block-components-text-input input[type=tel], 
.wc-block-components-form .wc-block-components-text-input input[type=text], 
.wc-block-components-form .wc-block-components-text-input input[type=url], 
.wc-block-components-text-input input[type=email], 
.wc-block-components-text-input input[type=number], 
.wc-block-components-text-input input[type=tel], 
.wc-block-components-text-input input[type=text], 
.wc-block-components-text-input input[type=url]{
    border-radius: 0 !important;
}
body.woocommerce-checkout .inner_contentbox{
    padding-top: 0 !important;
}
body.woocommerce-cart .inner_contentbox {
    padding-top: 1em;
}
.woocommerce-MyAccount-content:before {
    content: "Welcome to your account page";
    font-size: 25px;
    font-weight: 600;
    font-family: roboto;
    position: absolute;
    top: 30px;
}
.dashboard-info {
    position: absolute;
    top: 54px;
    font-size: 16px;
    font-weight: 400;
    line-height: 25px;
    padding-right: 5em;
}
.dashboard-info span {
    clear: both;
}
div#customer_login .col-1, div#customer_login .u-column2.col-2 {
    width: 100%;
}
body.woocommerce-account .inner_contentbox img {
    position: absolute;
    top: 0;
    border-radius: 50%;
}
body.woocommerce-account .login-info-my-account {
    position: absolute;
    top: 90px;
    font-weight: 500;
    font-size: 18px;
    line-height: 25px;
}
div#content-box li.woocommerce-MyAccount-navigation-link a:hover, 
div#content-box .woocommerce-MyAccount-navigation-link.is-active a{
    color: #d80000 !important;
}
body.woocommerce-account .peccular-page-main {
    padding-bottom: 3em;
}
/*-----------------------
## Single product tabs 
-----------------------------*/
body.product-template-default.single.single-product .vi-wpvs-variation-style{
    display: block !important;
}
body.single.single-product .owl-nav{
    display: none;
}
body.single.single-product .button {
    margin-top: 1em;
}
body.single.single-product span.treeEnd {
    color: #000000;
}

.single .prowoocoomercetab-content {
    border-bottom: 1px solid #d5d8dc;
    padding: 0px 0px 14px 0px;
    /* display: none; */
    margin-bottom: 23px;
}

.single .prowoocoomercetab-content button.accordion {
    color: #000;
    cursor: pointer;
    width: 100%;
    text-align: left;
    outline: none;
    transition: 0.4s;
    margin: 0;
    background: none;
    padding: 0;
    border: none;
    transition: all 0.2s ease 0s;
    box-shadow: none;
    position: relative;
}

.single .prowoocoomercetab-content button.accordion{
    border-radius: 0;
}
.single .prowoocoomercetab-content button.accordion.active, button.accordion:hover {
    transition: all 0.2s ease 0s;
    opacity: 1;
}
.single .prowoocoomercetab-content button.accordion:before {
    content: "\f067";
    font-family: 'Fontawesome';
    font-size: 12px;
    color: #000;
    float: right;
    right: 19px;
    position: relative;
    /* top: 0px; */
    font-weight: 400;
    line-height: 26px;
    transition: all 0.2s ease 0s;
}
.single .prowoocoomercetab-content button.accordion.active:before {
    content: "\f068";
    font-family: 'Fontawesome';
    transition: all 0.2s ease 0s;
}
.single .prowoocoomercetab-content button.accordion.active:before{color: #000;}
.single .prowoocoomercetab-content div.panel {
    max-height: 0;
    overflow: hidden;
    transition: 0.6s ease-in-out;
    opacity: 0;
    margin: 0px 0 0px 0;
    border: none;
    /* background: linear-gradient(0deg,#8972ea,#516ced 80%) no-repeat;*/
    border-radius: 0 0 ;
    padding: 1px 20px 1px 20px;
    box-shadow:none;
}
.single .prowoocoomercetab-content div.panel{ border-top: none;}
.single .prowoocoomercetab-content div.panel.show {    
    opacity: 1;
    max-height: 500px;
    padding: 0;
}
.single .prowoocoomercetab-content div.panel p{margin: 12px 0 12px 0; line-height: 27px;}
.single h3.prowoocoomercetab-title {
    padding-right: 30px;
    padding-left: 38px;
    margin: 0;
    line-height: 24px !important;
    word-break: break-word;
    text-align: left;
    font-size: 20px !important;
    border: 0 !important;
    font-weight: 400;
    color: #000000 !important;
    margin: 10px 0 !IMPORTANT;
}
.single h3.prowoocoomercetab-title:after {  display: none;}
.single .prowoocoomercetab-content p {
    font-size: 15px;
    padding: 0;
    letter-spacing: 0px;
    word-break: break-word;
    color: #232323 !important;
    font-weight: 400;
    margin: 10px 0 0 !important;
    opacity: 0.76;
}
.single .prowoocoomercetab-description {
    padding-left:18px;
    padding-right:18px;

}
.single h3.prowoocoomercetab-title span {
    color: #ffd200;
}

.single .prowoocoomercetab-description h1, 
.single .prowoocoomercetab-description p.price, 
.single .prowoocoomercetab-description .woocommerce-product-details__short-description, 
.single .prowoocoomercetab-description .single_variation_wrap,
.single .prowoocoomercetab-description .product_meta {
    display: none !important;
}

.single .woocommerce .product_meta .posted_in a {
    background: none !important;
}
.single main#innerpage-box h3.prowoocoomercetab-title {
    font-size: 30px !important;
    font-weight: 800 !important;
    font-family: "Roboto", sans-serif;
}
body.single-product main#innerpage-box .prowoocoomercetab-content p{
    font-size: 20px ! IMPORTANT;
    line-height: 34px !important;
    color: #000000 ! IMPORTANT;
    opacity: 1;
}
body.single-product main#innerpage-box .prowoocoomercetab-content p.product-info-quant {
    display: none;
}
body.single-product main#innerpage-box .prowoocoomercetab-content a.woocommerce-review-link {
    display: none;
}
body.single-product div#banner3 {
    background-size: cover ! IMPORTANT;
    background-repeat: no-repeat ! IMPORTANT;
}
section.related.products {
    position: relative;
    padding-top: 6em;
}
section.related.products:before {
    content: "MAY YOU ALSO LIKE";
    position: absolute;
    color: #000000;
    text-align: center;
    margin: 0;
    left: 0;
    right: 0;
    font-size: 45px;
    letter-spacing: 1.35px;
    font-weight: 700;
    top: 25px;
}
body.single-product ul.tabs.wc-tabs, 
body.single-product div#tab-description {
    display: none !important;
}
.woocommerce div.product section.related.products {
    display: none;
}
.single .single-productpage main#innerpage-box h2.woo-reviews {
    font-size: 50px !important;
    text-align: center;
    line-height: 61px;
    font-weight: 700 !IMPORTANT;
    text-transform: uppercase !important;
    margin-top: 0.5em;
}
.single main#innerpage-box p.average-count {
    font-size: 22px;
    line-height: 27px;
    color: #000000;
    font-weight: 700;
    font-family: "Roboto", sans-serif;
    margin: 0;
}
.single main#innerpage-box p.based-review {
    font-size: 26px;
    line-height: 32px;
    font-weight: 600;
    font-family: "Roboto", sans-serif;
    color: #000000;
    margin: 0;
    padding-top: 5px;
}
.woocommerce-review-toparea .star-rating {
    position: absolute;
    top: 30px;
    font-size: 20px;
}
.woocommerce-review-toparea {
    position: relative;
    border: 1px solid #000000;
    padding: 4em 2em 2em 2em;
    margin-top: 4em;
    margin-bottom: 3em;
}
.single main#innerpage-box button#show-review-form {
    border-radius: 0;
    width: 225px;
    height: 54px;
    letter-spacing: 1.76px;
    font-size: 22px;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    position: absolute;
    right: 20px;
    top: 50px;
}
.single main#innerpage-box strong.woocommerce-review__author {
    font-size: 24px;
    font-weight: 600;
    font-family: "Roboto", sans-serif;
}
.single main#innerpage-box span.woocommerce-review__date {
    position: absolute;
    top: 65px;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 600;
}
body.product-template-default.single.single-product .description {
    position: relative;
    top: 0;
    left: -60px;
    padding-top: 0em;
    font-size: 16px;
}
body.product-template-default.single.single-product .description p {
    font-size: 16px ! IMPORTANT;
    line-height: 25px ! IMPORTANT;
    font-weight: 700 !IMPORTANT;
    color: #000000 ! IMPORTANT;
    font-family: "Roboto", sans-serif;
    top: 3.6em;
    position: relative;
    padding-left: 0.5em;
}
body.product-template-default.single.single-product .description p:before {
    content: "";
    width: 13px;
    height: 2px;
    position: absolute;
    left: -20px;
    background: #000000;
    top: 10px;
}
body.product-template-default.single.single-product ul.products{
    padding-top: 40px;
}
.woocommerce-related-products .star-rating.ehi-star-rating {
    display: none !important;
}
.woocommerce-page .related ul.products li.product{
  width: 30.3% !important;
  margin-right: 3% !important;
}
body.product-template-default.single.single-product span#reply-title {
    font-size: 35px;
    font-weight: 600;
    font-family: "Roboto", sans-serif;
}
body.product-template-default.single.single-product div#review_form form {
    margin-top: 2em;
    margin-bottom: 5em;
}
body.product-template-default.single.single-product #innerpage-box p.comment-notes span {
    font-weight: 600 !important;
}
body.product-template-default.single.single-product #innerpage-box .comment-form-rating .stars a {
    color: #FFAD0C;
    font-weight: 700;
    font-size: 25px;
}
body.product-template-default.single.single-product #innerpage-box .comment-form-rating .stars {
    margin-bottom: 3em !important;
}
body.product-template-default.single.single-product div#review_form form label {
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 5px;
    font-family: "Roboto", sans-serif;
}
.woocommerce #review_form #respond .form-submit input:hover, 
.woocommerce #review_form #respond .form-submit input {
    border: 0 !important;
}
.woocommerce-related-products {
    padding-bottom: 3em;
}
div#banner3shop .offet-text{
    font-weight: 900;
}
.cart_totals h2 {
    font-family: "Roboto", sans-serif;
    margin-top: 10px !important;
    padding: 0 !important;
}
.woocommerce table.shop_table th{
    text-transform: uppercase;
}
div#content-box a.button.wc-backward {
    color: #ffffff !important;
    margin-bottom: 0.2em;
    font-size: 20px;
    font-weight: 500;
}
#coupon_code{
    width: 50% !important;
    border-radius: 0;
}
.woocommerce form .form-row,
form.checkout_coupon.woocommerce-form-coupon p{
    margin: 0 !important;
}
.woocommerce-billing-fields h3,
h3#ship-to-different-address span,
h3#order_review_heading{
    font-family: "Roboto", sans-serif; 
}
h3#ship-to-different-address span {
    font-weight: 600;
}
.woocommerce form .form-row input.input-text, 
.woocommerce form .form-row textarea{
    border-radius: 0 !IMPORTANT;
}
.woocommerce-error::before{
    content: none !important;
}
.woocommerce .blockUI.blockOverlay{
    display: none !important;
}
button#place_order {
    margin-bottom: 1em;
}
body.product-template-default.single.single-product section.related.products h2 {
    display: none;
}
body.product-template-default.single.single-product section.related.products li h2 {
    display: block;
}
/*----------------------------------------*/
/*  Search
/*----------------------------------------*/
body.search.search-results .entry-content {
    font-size: 18px;
    line-height: 30px;
    font-weight: 300;
}
body.search.search-results div#content-box .entry-readmore a {
    color: #ffffff ! IMPORTANT;
    border-radius: 0;
    box-shadow: none;
}
/*----------------------------------------*/
/*  banner Area
/*----------------------------------------*/

/*.page .area-inner {
    margin-left: 425px;
    width: 86.5%;
}*/
.page-template-default .area-inner{
/*    margin-left: 342px;
    width: 79%;*/
}

.area-inner {
    left: 0;
    top: 0;
/*    height: 100%;*/
    z-index: 111;
    margin-left: 300px;
    width: 79%;
    padding: 0 1em;
}
#banner .container.top-box {
  text-align: center;
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, 100%);
  width: 100%;
}

#banner .container span {
  display: block; 
}

.textdata1 {
  color: #662D92;
  font-size: 60px;
  font-weight: 800;
  letter-spacing: 0px;
  margin-bottom: 0px;
  position: relative;
/*   shorthand animation property: name | duration | iteration count */
/*   animation: text 4s 1; */
animation-name: text;
animation-duration: 10s;
animation-iteration-count: infinite;
}

.text2 {
  font-size: 25px;
  color: #FFE997;
}

@keyframes text {
  0% {
    color: black;
/*    margin-bottom: -40px;*/
}
30% {
    letter-spacing: 0px;
/*    margin-bottom: -40px;*/
}
85% {
    letter-spacing: 2px;
/*    margin-bottom: -40px;*/
}
100% {
/*    margin-bottom: 20px;*/
}
}
#banner .subtext {
    font-size: 16px;
    line-height: 19px;
    letter-spacing: 1.28px;
    font-weight: 700;
    margin-top: 2.5em;
    color: #353535;
    position: relative;
    width: 30%;
    margin: 0 auto;
    margin-top: 2.5em;
}
.subtext:before {
    height: 6px;
    width: 6px;
    position: absolute;
    left: 15px;
    background: #3B8931;
    top: 8px;
    content: "";
    border-radius: 50%;
}
#banner .banner-bg {
    opacity: 1;
}


.page {
  height: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -moz-box-align: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
}
.download-btn {
    /* display: flex; */
    background: #243984 0% 0% no-repeat padding-box;
    font-size: 14px !important;
    border-radius: 24px;
    color: #fff;
    line-height: 25px;
    overflow: hidden;
    position: relative;
    text-transform: uppercase;
    margin: 0 0em;
    padding: 12px 30px;
    position: absolute;
    left: auto;
    right: 0;
    top: 3.5em;
    z-index: 1;
    text-align: center;
}
.download-btn.btn-bx {
    border: 1px solid #662D92;
    border-radius: 6px;
    width: 121px;
    background: transparent;
    margin-left: 1.2em;
}
.download-btn:hover,
.download-btn.btn-bx:hover {
    color: #ffffff;
}
.download-btn.btn-bx:hover i.fa{
    color: #ffffff;
}
.download-btn.btn-bx:hover a{
    color: #ffffff !important;
}
i.fa.fa-long-arrow-right {
    position: absolute;
    right: 18px;
    transform: rotate(-45deg);
    top: 10px;
}
.download-btn.btn-bx a {
    color: #212121 !important;
    font-size: 16px !important;
}
.folder {
  position: absolute;
}

.folder-tab {
  /* position: absolute; */
  /* height: 10px; */
  left: 0;
  bottom: 100%;
  display: block;
  width: 40%;
  border-top-left-radius: 8px;
  background-color: inherit;
  /* display: none; */
}
.folder-icn {
    padding-top: 0;
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
    bottom: 10px;
    left: -18px;
    display: none;
    transition: all 0.5s ease-in-out;
}

.banner-btn {
    position: relative;
}
.download-btn a{
    color: #ffffff;
}

.downloading {
    width: 30px;
    height: 32px;
    margin: 0 auto;
    position: absolute;
    overflow: hidden;
    top: -18px;
    left: -5px;
}

.custom-arrow {
    width: 3px;
    height: 10px;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -5px;
    background-color: #fff;
    -webkit-animation-name: downloading;
    -webkit-animation-duration: 1.5s;
    -webkit-animation-iteration-count: infinite;
    animation-name: downloading;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
}
.custom-arrow:after {
    content: '';
    position: absolute;
    display: block;
    top: 100%;
    left: -3px;
    border-top: 4px solid #fff;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
}

.bar {
    width: 14px;
    height: 2px;
    background-color: #fff;
    /* margin: 0 auto; */
}
.download-btn:hover .folder-icn {
    display: block;
    transition: all 0.5s ease-in-out;
}


@-webkit-keyframes downloading {
  0% {
    top: 0;
    opacity: 1;
}
50% {
    top: 110%;
    opacity: 0;
}
52% {
    top: -110%;
    opacity: 0;
}
100% {
    top: 0;
    opacity: 1;
}
}
@keyframes downloading {
  0% {
    top: 0;
    opacity: 1;
}
50% {
    top: 110%;
    opacity: 0;
}
52% {
    top: -110%;
    opacity: 0;
}
100% {
    top: 0;
    opacity: 1;
}
}
div#profile h2.profile {
    font-size: 128px;
    font-weight: 700;
    color: #090909;
    position: relative;
    line-height: 128px;
    padding-left: 0.25em;
}
div#profile h3.profile-designation {
    font-size: 48px;
    font-weight: 500;
    color: #090909;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}
div#profile h2.profile span{
    font-size: 128px;
    font-weight: 700;
    color: #090909;
    line-height: 128px;
    padding-left: 0.6em;
}
.profile-box-2{
    background: #ffffff;
}
div#banner {
    position: relative;
    /* overflow: hidden; */
}
div#banner {
    position: relative;
    /* overflow: hidden; */
    padding-bottom: 28em;
    padding-top: 5em;
}
/*----------------------------------------*/
/*  Products Category Area
/*----------------------------------------*/
#productcat_section .pro-cat-img {
    overflow: hidden;
}
#productcat_section .pro-cat-img img {
    transition: all 1s ease-in-out 0s;
    -moz-transition: all 1s ease-in-out 0s;
    -webkit-transition: all 1s ease-in-out 0s;
    -o-transition: all 1s ease-in-out 0s;
    filter: brightness(0.85);
    height: auto;
}
#productcat_section .portfolio_item_post:hover .pro-cat-img img {
    transform: scale(1.020) rotateZ(0deg);
    -moz-transform: scale(1.020) rotateZ(0deg);
    -webkit-transform: scale(1.020) rotateZ(0deg);
    -o-transform: scale(1.020) rotateZ(0deg);
    filter: brightness(1);
}
#productcat_section h5.category-title {
    font-size: 34px;
    padding: 0 15px;
    line-height: 51px;
    position: absolute;
    bottom: 30px;
    left: 0;
    right: 0;
}
#productcat_section h5.category-title a {
    font-weight: 500;
}
#productcat_section {
    background: #ffffff;
}
#productcat_section h5.category-title a {
    color: #ffffff;
}
#productcat_section h5.category-title a:hover {
    opacity: 0.85;
}
/*----------------------------------------*/
/*  Banner
/*----------------------------------------*/
div#banner .header-content {
    position: relative;
    z-index: 1;
    padding: 5em 2em 5em 8.5em;
}
div#banner .offet-text {
    font-size: 40px;
    line-height: 50px;
    font-weight: 600;
    letter-spacing: 11.6px;
    padding-bottom: 1em;
    padding-top: 0.5em;
    color: #001A4B;
}
div#banner .sale-text {
    font-size: 133px;
    letter-spacing: 22.61px;
    font-weight: bold;
    color: #001A4B;
    line-height: 135px;
    padding-top: 0.1em;
    padding-bottom: 0.2em;
}
div#banner .discount-text span{
   animation: neon 5s ease infinite;
   font-weight: 500;
}
@keyframes neon{
    0%,100%{
        color: #001A4B;
    }
    50%{
        color: #fff;
    }
}
div#banner .discount-text {
    font-size: 66px;
    line-height: 99px;
    font-weight: 500;
    color: #001A4B;
    padding-top: 15px;
    padding-bottom: 15px;
}
div#banner .day-text {
    font-size: 26px;
    line-height: 39px;
    font-weight: 500;
    padding-bottom: 0.5em;
    padding-top: 0.5em;
    color: #001A4B;
}
.button-all{
    color: #8CB3C8;
    background: #001A4B;
    font-size: 25px;
    font-weight: 400;
    letter-spacing: 1.98px;
    padding: 15px 76px 15px 76px;
    border-radius: 0;
    border: none;
    position: relative;
    z-index: 1;
    transition: all 0.3s ease;
    margin: 0.7em 0;
} 
.button-all:hover,
.button-all:focus{
    color: #8CB3C8;
}
.button-all span{
    transition: all 0.3s ease 0s;
    display: block;
    font-weight: 500;
}
.button-all:hover span{
    transform-origin: left center;
    transform: scale(0.85) translateX(-5px);
}
.button-all:before{
    content: '';
    height: 15px;
    width: 15px;
    border: 3px dashed #8CB3C8;
    border-radius: 50%;
    opacity: 0;
    transform: translateY(-50%);
    position: absolute;
    right: 10px;
    top: 49%;
    z-index: -1;
    transition: all 0.3s ease 0s;
}
.button-all:hover:before{
    opacity: 1;
    animation: rotateAnimate 0.5s linear infinite;
}
/*@keyframes rotateAnimate{
    100%{ transform: translateY(-50%) rotate(360deg); }
}
*/

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

    .footer-area li,  .footer-area li, .page .footer-area li {
        margin-bottom: 10px;
        margin-top: 10px;
        margin-left: 6px;
    }
}
/*----------------------------------------*/
/*  Newsletter Area
/*----------------------------------------*/
div#newsletter .peccular-section-head {
    margin-bottom: 2.8em;
}
#newsletter {
    position: relative;
    z-index: 1;
    overflow: visible;
}
#newsletter .newsletter-sign-box {
    padding: 0em 6em 4em 5em;
    background: none;
    position: relative;
    z-index: 999;
}
#newsletter .peccular-section-head h2{
    font-size: 45px;
    line-height: 60px;
    color: #212121;
    font-weight: 700;
    margin-bottom: 35px;
}
#newsletter  .peccular-newsletter-member-wrap input::placeholder,
#newsletter .peccular-newsletter-member-wrap textarea::placeholder{
    opacity: 1 !important;
    font-size: 30px;
    font-weight: 400;
    color: #787777 !important;
}
#newsletter .peccular-newsletter-member-wrap {
    color: #000000;
    text-align: center;
}
#newsletter .footer-tag p {
    text-align: center;
    color: #000000;
    font-size: 26px;
    line-height: 40px;
    font-weight: 700;
    padding:00em 0 0.8em 0;
    position: relative;
}
#newsletter .footer-tag:after {
    height: 2px;
    background: #000000;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    content: "";
    width: 265px;
}
#newsletter .peccular-newsletter-member-wrap input[type="text"], 
#newsletter .peccular-newsletter-member-wrap input[type="email"], 
#newsletter .peccular-newsletter-member-wrap input[type="url"], 
#newsletter .peccular-newsletter-member-wrap input[type="password"], 
#newsletter .peccular-newsletter-member-wrap input[type="search"], 
#newsletter .peccular-newsletter-member-wrap input[type="number"], 
#newsletter .peccular-newsletter-member-wrap input[type="tel"], 
#newsletter .peccular-newsletter-member-wrap input[type="range"], 
#newsletter .peccular-newsletter-member-wrap input[type="date"], 
#newsletter .peccular-newsletter-member-wrap input[type="month"], 
#newsletter .peccular-newsletter-member-wrap input[type="week"], 
#newsletter .peccular-newsletter-member-wrap input[type="time"], 
#newsletter .peccular-newsletter-member-wrap input[type="datetime"],
#newsletter .peccular-newsletter-member-wrap input[type="datetime-local"], 
#newsletter .peccular-newsletter-member-wrap input[type="color"],
#newsletter .peccular-newsletter-member-wrap input[type="file"],
#newsletter .peccular-newsletter-member-wrap textarea{ 
    border: 1px solid #707070 !important;
    width: 100%;
    color: #000000 !important;
    border-radius: 0;
    font-size: 30px;
    height: 74px;
    font-weight: 500;
    background: transparent;
    padding: 0 35px;
}
#newsletter .peccular-newsletter-member-wrap select{
    outline: 0;
    border: none;
    z-index: 2000;
    width: 100%;
    color: #d1cfd0;
    margin: 0 0 6px 0;
    border-radius: 8PX 0 0 8px;
    padding: 16px 20px;
    font-size: 18px;
    height: 65px;
    background: #fff;    
}
#newsletter .peccular-newsletter-member-wrap label{
    color:#fff;
    margin:0;
    width: 100%;
}
#newsletter .submt-btn {
    text-align: center;
}
#newsletter .peccular-newsletter-member-wrap input[type="submit"]{
    background: #000000;
    color: #fdfdfd;
    font-weight: 500;
    padding: 15px 70px 15px 70px;
    border-radius: 0;
    text-decoration: none;
    border: none;
    cursor: pointer;
    font-size: 30px;
    transition: all 0.5s ease 0s;
    height: 74px;
    margin-left: 0em;
    border-radius: 0;
    letter-spacing: 0;
    box-shadow: none;
}
/*----------------------------------------*/
/*  13. Footer Area
/*----------------------------------------*/
#footer,
.footer-area,
.footer-area,
.page .footer-area,
.single .footer-area {
    position: relative;
    z-index: 0;
    background:#06332e;
}
#footer{
    background: #fff !important;
}

#footer .footer-overlay,
#footer .footer-overlay,
.page #footer .footer-overlay,
.single #footer .footer-overlay {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #000;
    opacity: 1;
    background-size: cover;
}
#footer .widget_block,
#footer .widget_meta,
#footer .widget_recent_entries,
#footer .widget_categories,
#footer .widget_recent_comments,
#footer .widget_archive,
#footer .widget_nav_menu ,
#footer .widget_text ,

#footer .widget_block,
#footer .widget_meta,
#footer .widget_recent_entries,
#footer .widget_categories,
#footer .widget_recent_comments,
#footer .widget_archive,
#footer .widget_nav_menu ,
#footer .widget_text ,

.page #footer .widget_block,
.page #footer .widget_meta,
.page #footer .widget_recent_entries,
.page #footer .widget_categories,
.page #footer .widget_recent_comments,
.page #footer .widget_archive,
.page #footer .widget_nav_menu,
.page #footer .widget_text,

.single #footer .widget_block,
.single #footer .widget_meta,
.single #footer .widget_recent_entries,
.single #footer .widget_categories,
.single #footer .widget_recent_comments,
.single #footer .widget_archive,
.single #footer .widget_nav_menu,
.single #footer .widget_text{
    border: none;
    border-radius: 0;
    padding: 0;
    color: #070707;
}
.footer-area li,
.footer-area li,
.page .footer-area li {
    display: inline-block;
    margin-bottom: 0;
    margin-top: 0;
    margin-left: 0;
    font-weight: 400;
    margin-right: 48px;
}
.footer-area li a,
.page .footer-area li a,
.single .footer-area li a {
    font-weight: 400;
    text-decoration: none;
    font-size: 14px;
    color: #212121;
    line-height: 17px;
}
footer.wp-block-latest-comments__comment-meta {
    color: #000000;
}
.footer-area .gallery-item,  .footer-area .gallery-item, .page .footer-area .gallery-item, .single .footer-area .gallery-item {
    max-width: 40.33%;
    padding-right: 13px;
    padding-bottom: 13px;
}
.footer-area .gallery-item img, .footer-area .gallery-item img, .page .footer-area .gallery-item img, .single .footer-area .gallery-item img{
    border-radius: 10px;
    border: 2px solid;
    width: 100%;
    height: 70px;
}
.footer-area ul,
.footer-area ul,
.page .footer-area ul,
.single .footer-area ul  {margin: 0 0 15px 00px;}
.footer-area p,
.page .footer-area p,
.single .footer-area p {    
    margin-bottom: 15px;
    font-weight: 500;
    line-height: 24px;
    font-size: 18px;
    color: #000000;
    position: relative;
}
.footer-area .widget-title,

#footer .widget_block h1,
#footer .widget_block h3, 
#footer .widget_block h4, 
#footer .widget_block h5, 
#footer .widget_block h6, 
#footer .widget_block h2,

.footer-area .widget-title,
.page .footer-area .widget-title,
#footer .widget_block h1,
#footer .widget_block h3, 
#footer .widget_block h4, 
#footer .widget_block h5, 
#footer .widget_block h6, 
#footer .widget_block h2,
.page #footer .widget_block h1,
.page #footer .widget_block h3, 
.page #footer .widget_block h4, 
.page #footer .widget_block h5, 
.page #footer .widget_block h6, 
.page #footer .widget_block h2,
.single .footer-area .widget-title,
.single #footer .widget_block h1,
.single #footer .widget_block h3, 
.single #footer .widget_block h4, 
.single #footer .widget_block h5, 
.single #footer .widget_block h6, 
.single #footer .widget_block h2 {   
    color: #2d82f5;
    margin-bottom: 0px;
    font-family: inherit;
    font-size: 25px;
    text-transform: capitalize;
    padding-bottom: 0px;
    font-weight: 600;
    position: relative;
}
.footer-area .widget-title, 
#footer .widget_block h1, 
#footer .widget_block h3, 
#footer .widget_block h4, 
#footer .widget_block h5, 
#footer .widget_block h6, 
#footer .widget_block h2, 
.footer-area .widget-title, 
.page .footer-area .widget-title, 
#footer .widget_block h1, 
#footer .widget_block h3, 
#footer .widget_block h4, 
#footer .widget_block h5, 
#footer .widget_block h6, 
#footer .widget_block h2, 
.page #footer .widget_block h1, 
.page #footer .widget_block h3, 
.page #footer .widget_block h4, 
.page #footer .widget_block h5, 
.page #footer .widget_block h6, 
.page #footer .widget_block h2, 
.single .footer-area .widget-title, 
.single #footer .widget_block h1, 
.single #footer .widget_block h3, 
.single #footer .widget_block h4, 
.single #footer .widget_block h5, 
.single #footer .widget_block h6, 
.single #footer .widget_block h2, 
#footer .widget .widget-title {
    font-size: 25px ! IMPORTANT;
    line-height: 30px;
    font-weight: bold ! IMPORTANT;
    later-spacing: 0px;
    color: #070707;
    text-transform: capitalize;
    margin-bottom: 33px;
}

.footer-area .widget.widget_recent_entries li a,
.footer-area .widget.widget_recent_entries li a,
.page .footer-area .widget.widget_recent_entries li a ,
.single .footer-area .widget.widget_recent_entries li a {font-size: 16px;}

.footer-area .social-profile-icons ul li,
.footer-area .social-profile-icons ul li,
.page .footer-area .social-profile-icons ul li,
.single .footer-area .social-profile-icons ul li {    
    display: inline-block;
    padding-right: 8px;
    font-size: 15px;
    font-weight: 800;
}
.footer-area .social-profile-icons ul li:before,
.footer-area .social-profile-icons ul li:before,
.page .footer-area .social-profile-icons ul li:before,
.single .footer-area .social-profile-icons ul li:before{
    display: none;
}
.footer-area .widget,
.footer-area .widget,
.page .footer-area .widget ,
.single .footer-area .widget{ margin-bottom: 2em;}
.footer-area .footer-bottom-area ul li,
.footer-area .footer-bottom-area ul li,
.page .footer-area .footer-bottom-area ul li,
.single .footer-area .footer-bottom-area ul li {display: inline-block;margin-left: 40px;margin-bottom: 0;position: relative;}

.footer-area .bottom-area ul,
.footer-area .bottom-area ul,
.page .footer-area .bottom-area ul,
.single .footer-area .bottom-area ul { margin-bottom: 0;}

.footer-area .footer-text, .footer-text a,
.footer-area .footer-text, .footer-text a,
.single .footer-area .footer-text, .single .footer-text a,
.single .footer-area .footer-text, .single .footer-text a   {
   font-size: 16px;
   font-weight: 300;
   color: #f8f4f5; 
}
.footer-area .bottom-area .footer-text  {
    font-size: 14px;
    line-height: 17px;
    font-weight: 400;
    color: #212121 !important;
    letter-spacing: 0px;
    color: #070707;
    text-transform: capitalize;
    opacity: 1;
}
.bottom-area {
    position: relative;
    background: #EDEDED;
}
.footer-area .bottom-area .bottom-logo {
    padding-top: 3em;
    padding-left: 15px;
}
.footer-area .bottom-area  li {
    display: inline-block;
    list-style-type: none!important;
}
.footer-area .bottom-area  li:before{
    content: '';
}
.footer-area .bottom-area .phn-contact {
    text-align: left;
    padding: 15px 13px 15px 0;
}
.footer-area .bottom-area .phn-contact li i{
    color: #2d81f5;
    padding-left: 10px;
    margin-right: 19px;
    border-radius: 50%;
    height: 40px;
    width: 40px;
    margin-top: -17px;
}
.bottom-area .phn-contact p.phn-cnt-txt {
    font-size: 16px;
    font-weight: 500;
    color: #040404;
    line-height: 15px;
    text-align: left;
    margin-bottom: 0;
    margin-left: 25px;
}
.bottom-area .phn-contact li a.h-phone {
    color: #040404;
    font-size: 16px;
    line-height: 30px;
    font-weight: 500;
    margin-left: 40px;
}
.footer-area .footer-c{
    margin-bottom: 24px;
    font-size: 14px;
    line-height: 17px;
    color: #070707;
    font-weight: 400;
}
.footer-area .footer-c i {
    font-size: 14px !important;
    width: 15px;
    height: 10px;
    line-height: 1 !important;
    margin-right: 0 !important;
}

.footer-area .s-footer.single-footer-2 {
    padding-left: 6em;
}

.footer-area .footer--socials ul li {
    letter-spacing: 0px;
    color: #070707;
    text-transform: capitalize;
    font-size: 14px;
    line-height: 17px;
}
.footer-area .pd-0,
.footer-area .pd-0,
.page .footer-area .pd-0,
.single .footer-area .pd-0{padding: 0;}
.footer-area .bottom-area li a:hover, .social-profile-icons li a:hover,
.footer-area .bottom-area li a:hover,  .social-profile-icons li a:hover,
.page .footer-area .bottom-area li a:hover,
.single .footer-area .bottom-area li a:hover{border-bottom: 0;}
.footer-area .bottom-area li:hover a::after, .footer-area .bottom-area li:hover a:after,
.footer-area .bottom-area li:hover a::after,  .footer-area .bottom-area li:hover a:after,
.page .footer-area .bottom-area li:hover a::after, .page .footer-area .bottom-area li:hover a:after,
.single .footer-area .bottom-area li:hover a::after, .single .footer-area .bottom-area li:hover a:after
{width: 20px;}
.footer-area .bottom-area li.current_page_item a:after,
.footer-area .bottom-area li.current_page_item a:after,
.page .footer-area .bottom-area li.current_page_item a:after,
.single .footer-area .bottom-area li.current_page_item a:after{position: absolute;width: 20px;height: 2px;background: #ff8b00;content: "";bottom: -5px;left: 2px;transition: .3s;}
.footer-area .bottom-area .footer-link,
.footer-area .bottom-area .footer-link,
.page .footer-area .bottom-area .footer-link,
.single .footer-area .bottom-area .footer-link{
    text-align: right;
}
.footer-area  ul,
.footer-area  ul,
.page .footer-area  ul ,
.single .footer-area  ul{
    list-style: none;
    padding: 0;
    position: relative;
    background: none !important;
    box-shadow: none !important;
    display: block;
    z-index: 1;
}
.footer-area .peccular-newsletter-member-wrap form p i {
    position: absolute;
    top: 11px;
    line-height: 0;
    width: 16px;
    margin-right: 19.03px;
    height: 11px;
    left: 0;
    padding: 0 !important;
    color: #243984;
}
.footer-area input[type="text"], .footer-area input[type="email"], .footer-area input[type="url"], .footer-area input[type="password"], .footer-area input[type="search"], .footer-area input[type="number"], .footer-area input[type="tel"], .footer-area input[type="range"], .footer-area input[type="date"], .footer-area input[type="month"], .footer-area input[type="week"], .footer-area input[type="time"], .footer-area input[type="datetime"], .footer-area input[type="datetime-local"], .footer-area input[type="color"], .footer-area textarea,
.footer-area select,

.footer-area input[type="text"],  .footer-area input[type="email"],  .footer-area input[type="url"],  .footer-area input[type="password"],  .footer-area input[type="search"],  .footer-area input[type="number"],  .footer-area input[type="tel"],  .footer-area input[type="range"],  .footer-area input[type="date"],  .footer-area input[type="month"],  .footer-area input[type="week"],  .footer-area input[type="time"],  .footer-area input[type="datetime"],  .footer-area input[type="datetime-local"],  .footer-area input[type="color"],  .footer-area textarea,
.footer-area select,
.page .footer-area input[type="text"], .page .footer-area input[type="email"], .page .footer-area input[type="url"], .page .footer-area input[type="password"], .page .footer-area input[type="search"], .page .footer-area input[type="number"], .page .footer-area input[type="tel"], .page .footer-area input[type="range"], .page .footer-area input[type="date"], .page .footer-area input[type="month"], .page .footer-area input[type="week"], .page .footer-area input[type="time"], .page .footer-area input[type="datetime"], .page .footer-area input[type="datetime-local"], .page .footer-area input[type="color"], .page .footer-area textarea,
.page .footer-area select,

.single .footer-area input[type="text"], .single .footer-area input[type="email"], .single .footer-area input[type="url"], .single .footer-area input[type="password"], .single .footer-area input[type="search"], .single .footer-area input[type="number"], .single .footer-area input[type="tel"], .single .footer-area input[type="range"], .single .footer-area input[type="date"], .single .footer-area input[type="month"], .single .footer-area input[type="week"], .single .footer-area input[type="time"], .single .footer-area input[type="datetime"], .single .footer-area input[type="datetime-local"], .single .footer-area input[type="color"], .single .footer-area textarea,
.single .footer-area select{
    border: 0;
    border-bottom: 1px solid #243984 ! IMPORTANT;
    font-size: 14px;
    height: 41px;
    width: 100%;
    margin-bottom: 5px;
    padding: 0px 10.03px 5px 25px;
    font-style: normal;
    font-weight: 400;
    line-height: 17px;
    color: #070707;
    margin-top: -21px;
}
#pnotibarbtn.showpnotibar {
    z-index: 99999 !important;
}
.footer-area input[type="submit"],
.footer-area input[type="submit"],
.page .footer-area input[type="submit"] ,
.single .footer-area input[type="submit"]{  
    background: #243984;
    font-size: 14px;
    font-weight: 600;
    line-height: 17px;
    border: none;
    padding: 0px;
    padding: 0;
    color: #FFF;
    padding: 12px 30px;
    border-radius: 6px;
    -moz-transition: all 0.3s ease;
    border-radius: 0;
    box-shadow: none;
}
.footer-area label,
.footer-area label,
.page .footer-area label,
.single .footer-area label{
    font-weight: 400;
}
.footer-area div.wpcf7 input[type="file"],
.footer-area div.wpcf7 input[type="file"],
.page .footer-area div.wpcf7 input[type="file"],
.single .footer-area div.wpcf7 input[type="file"] {font-size: 15px;font-weight: 500;width: 100%;margin-bottom: 30px;}
.footer-area select option,
.page .footer-area select option,
.single .footer-area select option{font-weight: 400;}
.footer-area .tagcloud a,
.page .footer-area .tagcloud a,
.single .footer-area .tagcloud a{font-size: 15px !important;font-weight: 400;}
.footer-area input[type="submit"] {
    color: #ffffff;
    background: #243984;
    padding: 12px 30px;
    border-radius: 6px;
}
.single-footer-1 form p {
    font-size: 14px;
    line-height: 17px;
}
.footer-area input[type="submit"]:hover {
    opacity: 0.6;
}
.footer-area i.fa ,
.footer-area i.fa ,
.page .footer-area i.fa,
.single .footer-area i.fa{    
    padding: 0;
    font-size: 28px;
    margin-right: 15px;
    line-height: 44px;

}
.footer-area i.fa {
    color: #fff;
}
.footer-area i.fa:hover{
    color: #2d82f5;
}
.footer-area .social-profile-icons i.fa,
.footer-area .social-profile-icons i.fa,
.page .footer-area .social-profile-icons i.fa ,
.single .footer-area .social-profile-icons i.fa{    
    padding: 0;
    text-align: center;
    margin-right: 0;
    font-size: 20px;
    padding: 5px;
}
.footer-area table tr,
.footer-area table tr,
.page .footer-area table tr ,
.single .footer-area table tr{text-align: center;line-height: 28px;}
.footer-area table td,
.footer-area table td,
.page .footer-area table td,
.single .footer-area table td  {font-size: 15px;padding: 5px;}

.footer-area .widget_calendar table thead tr th,
.footer-area .widget_calendar table thead tr th,
.page .footer-area .widget_calendar table thead tr th,
.single .footer-area .widget_calendar table thead tr th{text-align: center;}
.footer-area fieldset,
.footer-area fieldset,
.page .footer-area fieldset ,
.single .footer-area fieldset {
    padding-top: 0;
}
.footer-area .widget_calendar thead,
.footer-area .widget_calendar thead,
.page .footer-area .widget_calendar thead,
.single .footer-area .widget_calendar thead { background: transparent;box-shadow: 0 0px 3px 0 #88828252;}
.footer-area figure.gallery-item img:hover,
.footer-area figure.gallery-item img:hover,
.page .footer-area figure.gallery-item img:hover,
.single .footer-area figure.gallery-item img:hover{opacity: 0.8;}
.footer-area p span,
.footer-area p span,
.page .footer-area p span,
.single .footer-area p span    {color: #fe900f;font-weight: 400;}

.footer-area input[type="text"], .footer-area input[type="email"], .footer-area input[type="url"], .footer-area input[type="password"], .footer-area input[type="search"], .footer-area input[type="number"], .footer-area input[type="tel"], .footer-area input[type="range"], .footer-area input[type="date"], .footer-area input[type="month"], .footer-area input[type="week"], .footer-area input[type="time"], .footer-area input[type="datetime"], .footer-area input[type="datetime-local"], .footer-area input[type="color"], .footer-area textarea {background: transparent;}
.footer-area .s-footer,

.footer-area input[type="text"],  .footer-area input[type="email"],  .footer-area input[type="url"],  .footer-area input[type="password"],  .footer-area input[type="search"],  .footer-area input[type="number"],  .footer-area input[type="tel"],  .footer-area input[type="range"],  .footer-area input[type="date"],  .footer-area input[type="month"],  .footer-area input[type="week"],  .footer-area input[type="time"],  .footer-area input[type="datetime"],  .footer-area input[type="datetime-local"],  .footer-area input[type="color"],  .footer-area textarea {background: transparent;}
.footer-area .s-footer,

.page .footer-area input[type="text"], .page .footer-area input[type="email"], .page .footer-area input[type="url"], .page .footer-area input[type="password"], .page .footer-area input[type="search"], .page .footer-area input[type="number"], .page .footer-area input[type="tel"], .page .footer-area input[type="range"], .page .footer-area input[type="date"], .page .footer-area input[type="month"], .page .footer-area input[type="week"], .page .footer-area input[type="time"], .page .footer-area input[type="datetime"], .page .footer-area input[type="datetime-local"], .page .footer-area input[type="color"], .page .footer-area textarea {background: transparent;}
.page .footer-area .s-footer,

.single .footer-area input[type="text"], .single .footer-area input[type="email"], .single .footer-area input[type="url"], .single .footer-area input[type="password"], .single .footer-area input[type="search"], .single .footer-area input[type="number"], .single .footer-area input[type="tel"], .single .footer-area input[type="range"], .single .footer-area input[type="date"], .single .footer-area input[type="month"], .single .footer-area input[type="week"], .single .footer-area input[type="time"], .single .footer-area input[type="datetime"], .single .footer-area input[type="datetime-local"], .single .footer-area input[type="color"], .single .footer-area textarea {background: transparent;}
.single .footer-area .s-footer{
    float: left;
    margin-bottom: 4em;
}
.footer-area .single-footer-1,
.footer-area .single-footer-1,
.page .footer-area .single-footer-1 ,
.single .footer-area .single-footer-1{    
    float: left;
}
.footer-area .widget_recent_entries ul li,
.footer-area .widget_recent_entries ul li,
.page .footer-area .widget_recent_entries ul li,
.single .footer-area .widget_recent_entries ul li{
    line-height: 40px;
}
.footer-area .social-profile-icons i.fa {
    color: #fff;
}
.footer-area .social-profile-icons a:hover i.fa, 
.footer-area .social-profile-icons ul li a:hover i {
    color: #707070 !important;
}
.footer-area p, 
footer.wp-block-latest-comments__comment-meta {
    color: #000000;
}
.footer-share-btn ul li:before,
.footer-share-btn ul li:before, .page .footer-share-btn ul li:before,
.single .footer-share-btn ul li:before{
    display: none;
}
.single .socialMedia ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.single .socialMedia ul li{
    float: left;
}
.single .socialMedia ul li a.site-button {
    background: none;
    color: #000;
    padding-right: 10px;
}
.single #content-box .socialMedia ul li a.site-button i {
    color: #000;
}
.single #content-box .socialMedia ul li a.site-button:hover i{
    color: #783afd;
}
.single-footer-1 img{margin-bottom: 12px;}
.single-footer-1 p{
    margin-bottom: 16px !important;
    font-weight: 500 !important;
    line-height: 22px !important;
    font-size: 16px !important;
    color: #fdf8f8!important;
}
.single-footer-1 p i{
    margin: 0 17px 0 0 !important;
    font-weight: 600 !important;
    line-height: 19px !important;
    font-size: 15px !important;
    color: #000 !important;
    background: #fff;
    padding: 8px 10px !important;
    border-radius: 50%;
    width: 33px;
    height: 33px;
}
.footer-area p span,
.single-footer-1 p i span{
    font-weight: 500 !important;
    line-height: 19px !important;
    font-size: 20px !important;
    color: #000 !important;
}
.footer-area p span a,
.single-footer-1 p i span a{
    color: #fff !important;
}
.footer-area p span a:hover,
.single-footer-1 p i span a:hover{
    color: #f9c12c !important;
}
.footer-area .single-footer-4 .footer5overlay{
    background: #000!important;
    position: absolute;
    left: 0px;
    right: 0;
    top: 40px;
    /*bottom: 145px;*/
    height: 221px;
    opacity: 1;
}

.footer-area .social-profile-icons ul li a{
    background: none;
    padding: 0px 0px;
    border-radius: 50%;
    text-align: center;
    line-height: 26px;
    color: #fff;
}

.footer-area .social-profile-icons ul li a i,
.footer-area .social-profile-icons i.fa {
    color: #000000 !important;
    font-size: 35px;
    padding-right: 0.8em;
}
.footer-area .social-profile-icons ul li{
    display: inline-block;
    font-size: 15px;
    font-weight: 800;
} 
.footer-area  .top-area {
    overflow: hidden;
    position: relative;
}
.footer-area .footer-bgleft {
    position: absolute;
    top: -62px;
    left: 0;
    z-index: 0;
}
.footer-area .footer-bgleft img{
    width: 100%;
}
.footer-area .footer-bgright img{
    width: 100%;
}
.footer-area .footer-bgright{
    position: absolute;
    bottom: 70px;
    right: 0;
    z-index: -1;
}
/*-----------------------
Innerpage Page 
-----------------------------*/
.ht-main-title{
    margin: 0 0 0.5em 0%;
    letter-spacing: 0px;
    font-weight: 600;
    text-align: center;
    position: relative;
    z-index: 1;
    letter-spacing: 1px;
    text-align: left;
    font-weight: 700 !important;
    letter-spacing: 1.74px;
    color: #212121;
    padding-top: 5px;
    text-transform: uppercase;
}
.overlShape {
   width: 25px;
   height: 25px;
   background: #0060ff;
   clip-path: polygon(0 0, 0 83%, 79% 37%);
   z-index: 1;
   position: relative;
   left: 31%;
   bottom: 40%;
}
.overlShape1 {
    width: 25px;
    height: 25px;
    background: #0060ff;
    clip-path: polygon(0 0, 45% 77%, 100% 0);
    z-index: 1;
    position: relative;
    left: 69%;
    bottom: 122%;
}
.overlShape2 {
   border-radius: 50px;
   width: 17px;
   height: 17px;
   /* background: #0060ff; */
   /* clip-path: polygon(0 0, 45% 77%, 100% 0); */
   z-index: 1;
   position: relative;
   left: 83%;
   bottom: 51%;
   border: 3px solid #0060ff;
}
.category .ht-main-title {
    margin: 0 0 1.5em;
}
.category .ht-main-title span {
    font-size: 36px;
    padding: 0 5px;
}
.ht-main-title:last-child{
    margin-bottom: 0;
}
.ht-site-title a, .site-title a{
    font-weight: bold;
    color: #000000;
}

.page div#secondary ul.sub-menu .current_page_item > a {
    background: none;
}
.widget_block, 
.widget_meta, 
.widget_recent_entries, 
.widget_categories, 
.widget_recent_comments,
.widget_archive,
.widget_nav_menu,
.widget_search{
    border: 0px solid #eaeaea;
    border-radius: 10px;
    padding: 15px 15px;
}


#total-breadcrumbs,
.woocommerce .woocommerce-breadcrumb{
   font-size: 17px !important;
   margin: 0;
   color: #fff !important;
   display: block !important;
   padding: 0px 0 2.5em;
   text-align: center !important;
   font-weight: 500 !important;
}
.woocommerce .woocommerce-breadcrumb a, #total-breadcrumbs a{
    color: #fff !important;
}
.woocommerce .products ul, .woocommerce ul.products{
    margin: 0 0 0em !important;
}

.inner_contentbox {
    padding: 3.5em 0em 0;
}
.peccular-innerpage-overlay {
    padding: 75px 0;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0;
    background: #000;
    opacity: 0.4;
    display: flex;
    align-items: center;
    text-align: center;
}
.peccular-page-main{
    position: relative;
}

#content-box ul li:before, #content-box ol li:before, main#innerpage-box div#sitemap-box ul li a:before {
    color: #06332e;
}
.ht-post-info .entry-date span.ht-day, .entry-categories .fa, 
.widget-area a:hover, .comment-list a:hover, 
.no-comments, .woocommerce .woocommerce-breadcrumb a:hover, 
#total-breadcrumbs a:hover, .ht-featured-link a, 
.ht-portfolio-cat-name-list .fa, .ht-portfolio-cat-name:hover, 
.ht-portfolio-cat-name.active, .ht-portfolio-caption a, .ht-team-detail, 
.ht-counter-icon, .woocommerce ul.products li.product .price, 
.woocommerce div.product p.price, .woocommerce div.product span.price, 
.woocommerce .product_meta a:hover, .woocommerce-error:before, 
.woocommerce-info:before, .woocommerce-message:before, 
.featured-post:after, .featured-post:before, 
.featured-link a, #ht-colophon .social-profile-icons a:hover, 
footer#ht-colophon ul li a:hover, .ht-footer .textwidget .fa, 
h6.secondry-text, #ht-about-us-section ul li:before, 
.pluses.text-right i.fa.fa-plus, .ht-section-tagline.lz-newslatter-text b, 
#content-box ul li:before, .offtimebox h4.offtime-text, 
#ht-masthead .header-social-links span:hover, 
#ht-masthead ul.header-menu-links li.mailto a:hover, 
.ht-slider-highlighttext, .edit-link a, .inner-blog-post .socialMedia a:hover, 
#comments a, #commentsAdd a, #content-box a, #content-box a i:hover, 
#respond .stars span a, #content-box .socialMedia a:hover, .post-date-publishable i, 
.woocommerce .star-rating span, .woocommerce div.product .woocommerce-product-rating a, 
#content-box .socialbxsinglepost:hover a i, section#inner-blog-section h2.title small, 
section#inner-blog-section h2.title a, div#secondary li.current_page_item > a, .woocommerce .star-rating::before, .socialMedia a:hover, 
.peccular-time div:nth-child(8) div.days-time-day, 
div#content-box header.woocommerce-Address-title.title a:hover, 
#blog-box .ht-blog-date, #blog-box .ht-blog-date .fa, 
.widget-area ul li:before, .woocommerce table.shop_attributes th, 
.widget-area span.woocommerce-Price-amount.amount, 
main#innerpage-box .blog-date span{
    color: #06332e;
}
/*--------------------------------------------------------------
## Breadcrumb
--------------------------------------------------------------*/

.breadcrumbbox {
    padding: 0px 0 0.5em 0%;
    text-align: center;
    position: relative;
    z-index: 1;
}
.breadcrumbbox span {
    color: #fafbfd;
    margin: 0 3px;
    font-size: 18px;
    font-weight: 500;
}
.breadcrumbbox span.bread-arrow  span i{ font-size: 10px;  }
.breadcrumbbox span i{
    font-size: 11px;
    line-height: 5px;
    position: relative;
    top: 0px;
    padding: 0px 12px;
    color: #f9c12c;
}
.breadcrumbbox a {
    color: #fff;
    font-weight: 600;
    
}
.breadcrumbbox a:hover {
    color: #000;
}
/*--------------------------------------------------------------
## Sidebar
--------------------------------------------------------------*/
.woocommerce-cart div#content-box li.wc-block-grid__product:before{
    content: none !important;
}
.woocommerce-cart div#content-box li.wc-block-grid__product{
    padding-left: 0 !important;
}
.woocommerce-cart div#content-box .wp-block-button.wc-block-grid__product-add-to-cart .wp-block-button__link {
    color: #ffffff ! IMPORTANT;
}
.woocommerce-cart div#content-box .wp-block-button.wc-block-grid__product-add-to-cart .wp-block-button__link:hover {
    color: #c70000 ! IMPORTANT;
}
.woocommerce-cart div#content-box .wc-block-grid__product-rating .star-rating span:before{
    font-family: 'WooCommerce';
}

/*cart page*/
body.product-template-default.single.single-product .woocommerce-message{
    padding: 1em 2em 2em 3.5em;
}
.woocommerce-checkout .button,
.woocommerce-account .button,
.woocommerce-cart .button{
    padding-bottom: 2em;
}
h1.product_title.entry-title{
    font-size: 58px !important;
}
.page-template-pagewithleftsidebar-template div#secondary,
.page-template-pagewithrightsidebar-template div#secondary {
    position: relative;
    bottom: 15px;
}
div#content-box ul li {
    font-size: 20px;
    line-height: 30px;
    position: relative;
    padding-left: 1.7em;
}
div#content-box nav.woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link {
    padding-left: 0;
    font-size: 15px !important;
    line-height: normal;
}
div#content-box nav.woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link:before {
    left: 0;
    color: #7a7a7a ! IMPORTANT;
    opacity: 100%;
}
#content-box ul li ul, #content-box li ul {
    margin: 0 0 0 35px;
    padding: 15px 0 0px 0;
}
#content-box ul li ul li{
    padding-left: 1.1em;
    padding-bottom: 0.3em;
    font-weight: 400;
}
#content-box ul li ul li:before {
    font-size: 10px;
    opacity: 100%;
}
.page-template-pagewithleftsidebar-template div#content-box {
    padding-left: 3em;
}
.page-template-pagewithrightsidebar-template div#content-box {
    padding-right: 3em;
}
#content-box ol li ol {
    padding-top: 2em !important;
    padding-bottom: 0 !IMPORTANT;
    margin-bottom: 0 !IMPORTANT;
}
#content-box ol li ol li:last-child {
    padding-bottom: 0;
}
.wp-block-quote:not(.is-large):not(.is-style-large) {
    border: 0 !IMPORTANT;
    position: relative;
    box-shadow: none;
    padding: 2.8em 6em 3em 1em;
    font-style: normal;
}
#innerpage-box blockquote p:before {
    content: "QUOTES";
    font-size: 30px;
    display: block;
    font-weight: 800;
    color: #333333;
    position: relative;
    bottom: 25px;
}
#innerpage-box blockquote p:after {
    content: "\f10e";
    font-family: 'FontAwesome';
    position: absolute;
    font-size: 50px;
    color: #6E6E6E;
    width: 100px;
    right: 10px;
    text-align: center;
    bottom: 35px;
}
/**/
.woocommerce-page main#innerpage-box .woocommerce-product-search .search-field {
    margin-bottom: 2em !important;
}
.woocommerce-page #secondary button[type="submit"]{
    right: 20px !important;
}
.woocommerce-page .widget-area .widget{
    margin-bottom: 2em;
}
.woocommerce-page #sidebars button{
    font-size: 18px ! IMPORTANT;
}
.woocommerce .widget_price_filter .price_slider_amount{
    text-align: left !important;
}
.woocommerce-page .widget.widget_price_filter button[type="submit"]:after{
    content: none !important;
}
.woocommerce-page #secondary .widget.widget_price_filter button[type="submit"] {
    position: absolute;
    right: 0;
    font-size: 16px ! IMPORTANT;
    width: auto !important;
    height: auto !important;
}
.price_slider_wrapper {
    padding: 1em 2em 0 2em;
}
.woocommerce-page .widget-area .woocommerce ul.cart_list li img, 
.woocommerce-page .widget-area .woocommerce-page ul.cart_list li img, 
.woocommerce-page .widget-area .woocommerce ul.product_list_widget li img, 
.woocommerce-page .widget-area .woocommerce-page ul.product_list_widget li img {
    width: 74px;
    height: 117px;
    box-shadow: 0px 2px 10px #0000001A;
}
/**/

#innerpage-box .widget-area h4.widget-title, 
#innerpage-box .widget-area .widget h4, 
#innerpage-box .widget-area .widget h2, 
main#innerpage-box .widget-area h2.wp-block-heading{
    text-align: left;
    padding: 12px 20px 12px 25px !important;
    font-size: 19px !important;
    font-weight: 400 !important;
    word-break: break-word;
    color: #ffffff !important;
    margin: 0 0 0px 0 !important;
    border-bottom: none !important;
    text-decoration: none;
    line-height: 28px;
    display: block;
    position: relative;
    overflow: hidden;
    background: #000000;
}
div#secondary.widget-area ul.wp-block-latest-posts__list, 
div#secondary ul.wp-block-categories-list, 
div#secondary.widget-area ul.wp-block-archives-list, 
div#secondary.widget-area p.wp-block-tag-cloud, 
main#innerpage-box .widget-area .widget_categories ul, 
main#innerpage-box .widget-area .widget_archive ul, 
div#secondary .widget.widget_recent_entries ul, 
div#secondary ol.wp-block-latest-comments,
div#secondary .wp-block-group p,
div#secondary .menu-services-container,
ul#recentcomments,
div#secondary .wp-block-search__inside-wrapper {
    padding-top: 25px;
    padding-bottom: 15px;
    margin: 0;
    background: #f0efee 0% 0% no-repeat padding-box;
}
div#secondary .widget.widget_nav_menu ul {
    padding: 1.2em 1em 1.5em 1em;
    margin: 0;
    background: #f0efee 0% 0% no-repeat padding-box;
}
div#secondary .wp-block-latest-comments__comment-excerpt p {
    padding-left: 0 !IMPORTANT;
}
div#secondary .wp-block-group p {
    padding: 1.5em 2em 1.5em 2em;
    font-size: 16px;
    color: #000000;
}
main#innerpage-box ul#recentcomments li, 
main#innerpage-box ul#recentcomments li a {
    font-size: 16px;
    line-height: 25px;
}
main#innerpage-box ul#recentcomments li {
    padding-bottom: 1.5em;
    border-bottom: 1px solid #c7c4c4;
    margin-bottom: 1.2em;
    padding-left: 3em;
}
main#innerpage-box ul#recentcomments li:last-child{
    border: 0;
}
div#secondary ul#recentcomments .recentcomments:before {
    left: 10px;
}
div#secondary .wp-block-group form p {
    padding-bottom: 0;
}
div#secondary input[type="submit"] {
    border-radius: 0;
}
div#secondary ol.wp-block-latest-comments,
ul#recentcomments {
    padding: 2em 1.5em 0em 1.5em;
}
div#secondary footer.wp-block-latest-comments__comment-meta a {
    font-size: 16px;
    line-height: 25px;
}
div#secondary li.wp-block-latest-comments__comment {
    border-bottom: 1px solid #d5d8dc;
    margin-bottom: 1.5em;
}
div#secondary li.wp-block-latest-comments__comment:last-child {
    border: 0;
}
div#secondary.widget-area ul.wp-block-latest-posts__list li:before, 
div#secondary.widget-area ul.wp-block-archives-list li:before, 
div#secondary .widget.widget_recent_entries li:before, 
main#innerpage-box .widget-area .widget_archive ul li:before, 
main#innerpage-box .widget-area .widget_nav_menu ul li:before, 
div#secondary ul.wp-block-categories-list li.cat-item:before, 
main#innerpage-box .widget-area .widget_categories ul li.cat-item:before, 
ul#recentcomments .recentcomments:before {
    content: "\f111";
    font-family: 'FontAwesome';
    font-weight: normal;
    padding-right: 10px;
    color: #7A7A7A;
    font-size: 10px;
    top: 0;
    opacity: 1;
    position: absolute;
    left: 70px;
}
div#secondary.widget-area ul.wp-block-latest-posts__list li, 
div#secondary ul.wp-block-categories-list li.cat-item, 
div#secondary.widget-area ul.wp-block-archives-list li, 
div#secondary .widget.widget_recent_entries li, 
main#innerpage-box .widget-area .widget_archive ul li, 
main#innerpage-box .widget-area .widget_categories ul li, 
ul#recentcomments .recentcomments {
    padding: 0px 20px 5px 110px;
}
ul#recentcomments .recentcomments {
    margin-top: 0 !IMPORTANT;
}
body.page-template-blogpagewithrightsidebar-template div#blog-box .inner-blog-post, 
body.archive div#blog-box .inner-blog-post, 
.blog-sidebar-right div#blog-box .inner-blog-post, 
body.page-template.page-template-templates.page-template-pagewithrightsidebar-template div#blog-box .inner-blog-post{
 padding-left: 000;
 padding-right: 35px;
}

body.page-template-blogpagewithleftsidebar-template div#blog-box .inner-blog-post, 
.blog-sidebar-left div#blog-box .inner-blog-post, 
body.page-template.page-template-templates.page-template-pagewithleftsidebar-template div#blog-box .inner-blog-post{
 padding-left: 35px;
 padding-right: 000;
}
div#secondary .tagcloud {
    padding: 2.5em 1em 1.9em 2.2em;
    background: #f0efee 0% 0% no-repeat padding-box;
}
div#secondary.widget-area p.wp-block-tag-cloud a {
    background: #F5F5F5 0% 0% no-repeat padding-box;
    box-shadow: 0px 0px 2px #00000029;
    border-radius: 1px;
    padding: 0 15px;
    /* line-height: 32px; */
    margin-bottom: 10px;
    margin-right: 3px;
}
div#secondary.widget-area p.wp-block-tag-cloud {
    padding: 2.5em 1em 1.9em 2.2em;
}
.page-template-blogpagewithrightsidebar-template .widget-area .widget, 
.page-template-blogpagewithleftsidebar-template .widget-area .widget, 
.page-template-blog-template .widget-area .widget,
body.archive.tag .widget-area .widget,
body.archive.category .widget-area .widget,
.page-template .widget-area .widget,
body.archive.date .widget-area .widget{
    margin-bottom: 4.5em;
}
div#secondary #searchform input[type="submit"]{
    float: right;
    position: absolute;
    right: 0px;
    top: 46%;
    text-indent: -999px;
    /* background: none; */
    padding: 9px 24px 9px 25px;
    top: 0;
    z-index: 1 !IMPORTANT;
    box-shadow: none;
    background: transparent !important;
    width: 10% !important;
}
#secondary .wp-block-search__button:after, 
#secondary button[type="submit"]:after, 
div#secondary #searchform input[type="submit"]:after {
    content: "\f002";
    position: absolute;
    top: 0;
    font-size: 30px;
    right: 0px;
    color: #000000;
    background-repeat: no-repeat;
    height: 48px;
    width: 48px;
    font-family: 'FontAwesome';
    background: #F8F8F8;
    text-align: center;
    border-radius: 0;
    line-height: 45px;
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
}
form#searchform:after {
    content: "\f002";
    position: absolute;
    top: 0;
    font-size: 30px;
    right: 0px;
    color: #000000;
    background-repeat: no-repeat;
    height: 48px;
    width: 48px;
    font-family: 'FontAwesome';
    background: #F8F8F8;
    text-align: center;
    border-radius: 0;
    line-height: 45px;
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
}
#secondary button[type="submit"] {
    position: absolute;
    right: 0;
    font-size: 0 !IMPORTANT;
    width: 44px;
    height: 44px;
}
body.archive.post-type-archive.post-type-archive-product #innerpage-box .widget-area h4.widget-title, 
body.archive.tax-product_cat #innerpage-box .widget-area h4.widget-title {
    color: #fff;
    background: #000000 0% 0% no-repeat padding-box;
    text-align: left;
    border-radius: 0;
    letter-spacing: 0;
    font-size: 20px !important;
    font-weight: 300 !IMPORTANT;
    text-transform: capitalize;
    border: none;
    font-family: "Roboto", sans-serif;
    margin-bottom: 0.8em ! IMPORTANT;
}
body.page-template.page-template-templates.page-template-blogpagewithleftsidebar-template div#secondary .wp-block-search__inside-wrapper,
body.post-template-default.single.single-post div#secondary .wp-block-search__inside-wrapper,
body.archive.date div#secondary .wp-block-search__inside-wrapper,
body.archive.tag div#secondary .wp-block-search__inside-wrapper,
body.archive.category div#secondary .wp-block-search__inside-wrapper{
    background: transparent;
}
.wp-block-search__input,
#secondary form#searchform input[type="text"]{
    background: #000000 ! IMPORTANT;
    color: #ffffff ! IMPORTANT;
}
.wp-block-search__input::placeholder,
#secondary form#searchform input[type="text"]::placeholder{
 color: #ffffff ! IMPORTANT;
}
form#searchform {
    position: relative;
}
/*--------------------------------------------------------------
## Blog page
--------------------------------------------------------------*/
#innerpage-box ul.blog-share-ico {
    position: absolute;
    top: 11px;
    left: -4px;
}
#innerpage-box .inner-blogpost {
    margin: 0px 6px;
    position: relative;
    overflow: hidden;
    margin-bottom: 2em;
}

#innerpage-box .blog-category {
    padding: 0;
    color: #838283;
    font-size: 15px;
    font-weight: 500;
    position: relative;
    top: 0px;
}
#innerpage-box .blog-category span i {
    color: #999ba3;
    font-size: 13px;
    padding-right: 10px;
}
#innerpage-box .blog-tags {
    padding: 20px 0 0 0px;
}
#innerpage-box .blog-tags i {
    color: #000000;
    font-size: 13px;
    padding-right: 10px;
}
#innerpage-box .single_post .blog-tags a {
    color: #000000;
    font-size: 17px;
    font-weight: 500 !important;
    font-style: normal !important;
    text-decoration: none !important;
}

#innerpage-box .ht-blog-thumbnail {
    position: relative;
}
#innerpage-box .peccular-blog-comment {
    position: relative;
}

#innerpage-box .peccular-blog-comment ul li{
    float: left;
}
#innerpage-box .peccular-blog-comment_box {
    padding: 0px 0px 0px 3em;
}

#innerpage-box .peccular-blog-date i {
    font-weight: 500;
    color: #606060;
    transition: .9s ease;
}
#innerpage-box .inner-blog-post .share-btn{
    position: absolute;
    right: -60px;
    bottom: 0;
    top: -170px;
}
#innerpage-box .inner-blog-post .share-btn ul{
    margin:0;
    padding:0;
    list-style:none;
    z-index: 9999;
    position: relative;
}
#innerpage-box .inner-blog-post .share-btn ul li{
    display:inline-block;
    transition:all 0.5s;
    -moz-transition:all 0.5s;
    -o-transition:all 0.5s;
    -webkit-transition:all 0.5s;
    -ms-transition:all 0.5s;
    text-align: center;
}
#innerpage-box .inner-blog-post .share-btn ul li a.site-button{
    display: block;
    background: transparent !important;
    color: #ffffff;
    font-size: 20px;
    border-radius: 0;
    border: 0;
    width: 50px;
    height: 35px;
    line-height: 35px;
    margin-bottom: 1px;
} 
#innerpage-box .inner-blog-post .share-btn ul:hover li{
    margin-left: 4px;
}
#innerpage-box .inner-blog-post .share-details-btn ul{
    margin:0;
    padding:0;
    list-style:none;
}
#innerpage-box .peccular-blog-single {
    padding: 0em 0em 0em 0em;
    position: relative;
    margin-top: 0px;
    background: #ffffff;
    width: 100%;
}

#innerpage-box .inner-blogpost .category{
    padding: 0;
    margin: 0;
    list-style: none;
    font-weight: bold;
}
#innerpage-box .inner-blogpost .category i.fa {
    padding-right: 5px;
    font-weight: bold;
}
#innerpage-box .inner-blogpost .category li,
#innerpage-box .inner-blogpost .post-date{
    display: inline-block;
    font-size: 16px;
    color: #fff;
    text-transform: capitalize;
}
#innerpage-box .inner-blogpost .category li:after{
    content: " /";
}
#innerpage-box .inner-blogpost .category li:last-child:after{
    content: "";
}
#innerpage-box .inner-blogpost .category li a{
    color: #fff;
    transition: all 0.40s linear;
}
#innerpage-box .inner-blogpost .category li a:hover{
    color: #555;
    text-decoration: none;
}
#content-box .socialMedia {
   padding: 1em 0 0;
   float: right;
}
#content-box .single_post .socialMedia ul li:before{
    font-size: 13px;
    font-weight: 400;
    margin-right: 9px;
    display: none ;

}
#content-box .socialMedia ul li{
    display: inline-block;
    font-size: 15px;
    font-weight: 400;
    border-radius: 3px;
    color: #ffffff !important;
    background: #1194f2;
    border: 1px solid #ccc;
    box-shadow: 0 1px 0 rgb(0 0 0 / 8%);
    text-shadow: none;
    line-height: 23px;
    padding: 6px 15px 0 0px;
    margin: 0 16px 5px 0;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 20px !important;
}
#content-box .socialMedia ul li:hover{
    background: #ffed02;
}
#innerpage-box .ht-blog-thumbnail img {
    width: 100%;
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}
.inner-blogpost-info {
    margin-bottom: 0;
    padding: 10px 0;
    border-radius: 0;
    position: relative;
    top: -64px;
}
#innerpage-box #blog-box h2 {
    color: #3A3A3A !important;
    font-size: 22px !important;
    font-weight: bold !important;
    line-height: 27px;
    margin-bottom: 18px;
    padding: 0em;
    transform: scale(1);
    transition: all 1s ease 0s;
    margin-top: 0px;
    letter-spacing: 0;
}
#innerpage-box #blog-box h2:hover a{
    color: #C70000 !important;
}

div#secondary .social-profile-icons ul li i:hover, #innerpage-box .inner-blogpost:hover .blog-date span {
    color: #4a8cec;
}
#innerpage-box .inner-blog-excerpt {
    font-size: 16px;
    font-weight: 400;
    word-break: break-all;
    line-height: 25px;
    color: #828282;
    margin-bottom: 10px;
}
#innerpage-box .single_post .blog-page-btn{
    background: none !important;
    text-align: left;
    padding: 0;
}
#innerpage-box .peccular-blog-single .btn {
    border-radius: 0;
    font-size: 16px;
    line-height: 22px;
    border: 0;
    background: #000000;
    color: #ffffff;
    letter-spacing: 0;
    font-weight: 300 !IMPORTANT;
    padding: 12px 25px 12px 25px;
}
#innerpage-box .peccular-blog-single .btn:hover {
    background-color: #C70000;
}
#innerpage-box .peccular-blog-single .button-all:before{
    border-color: #ffffff;
}
#innerpage-box .single_post .blog-page-btn a{
    background: #dee27b;
    color: #fff;
    font-size: 16px;
    display: inline-block;
    padding: 11px 23px;
    text-align: center;
    margin: 0px 0 0px;
    position: relative;
    border-radius: 5px;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    overflow: hidden;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    text-decoration: none !important;
    font-style: normal !important;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: white;
}

#innerpage-box .single_post .blog-page-btn:hover a{  color: #fff; }

#innerpage-box .single_post .blog-page-btn a:hover:before, 
#innerpage-box .single_post .blog-page-btn a:focus:before, 
#innerpage-box .single_post s.blog-page-btn a:active:before {
    -webkit-transform: scale(2);
    transform: scale(2);
}

#innerpage-box .single_post .blog-author a,
#innerpage-box .single_post .blog-category a{ color: #868586 !important;}

#innerpage-box .single_post .blog-author a:hover,
#innerpage-box .single_post .blog-category a:hover, 
#innerpage-box .single_post .blog-tags a:hover{  color: #27a9e1 !important;}

#innerpage-box .blog-author, #innerpage-box .blog-time, #innerpage-box .single-blog-date {
    color: #000000;
}
#innerpage-box .blog-author {
    padding-left: 0;
}
#innerpage-box .single_post .blog-category {
    padding: 0px;
    padding-left: 18px;
}
#innerpage-box .blog-author i, #innerpage-box .blog-time i{
    color: #4d4d4d;
    padding-right: 8px;
}

#innerpage-box #blog-box .socialMedia {
    position: relative;
    left: 0px;
    top: 20px;
}

#innerpage-box #blog-box .socialMedia ul{
    margin:0;
    padding:0;
    list-style:none;
    z-index: 9999;
    position: relative;
}
#innerpage-box #blog-box .socialMedia ul li{
    display:inline-block;
    transition:all 0.5s;
    -moz-transition:all 0.5s;
    -o-transition:all 0.5s;
    -webkit-transition:all 0.5s;
    -ms-transition:all 0.5s;
    text-align: center;
}
#innerpage-box #blog-box .socialMedia ul li a.site-button{
    border-radius: 5px;
    width: 73px;
    line-height: 35px;
    height: 33px;
    display: block;
    color:#fff;
    background: #06332e;
}
#innerpage-box #blog-box .socialMedia ul li a.site-button:hover{

    background: #000;
    -webkit-box-shadow: 0px 0px 20px rgb(50 50 0 / 35%);
    box-shadow: 0px 0px 20px rgb(50 50 0 / 35%);
}
#innerpage-box #blog-box .socialMedia ul:hover li.share-button a.site-button{
 background: #06332e;
}   
#innerpage-box #blog-box .socialMedia ul:hover li{
    margin-left: 6px;
}
#innerpage-box .inner-blog-post .share-btn ul li a.site-button:hover i {
    color: #C70000;
}
#blog-box .ht-blog-date, #blog-box .ht-blog-date .fa{
    color: #06332e;
    margin-bottom: 5px;
}
#blog-box .ht-blog-date .fa{
   margin-right: 5px;
}

.ht-blog-thumbnail .socialMedia {
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;
    text-align: center;
    z-index: 3;
    transition: .5s;
}
.ht-blog-thumbnail .socialMedia a {
   font-size: 18px;
   padding: 5px 10px;
   line-height: 18px;
   margin: 0 0px;
   transition: 0s;
   background: #06332e;
   border-radius: 5px;
   color: #ffffff;
   font-weight: bold;
   box-shadow: 0px 6px 10px -4px rgba(0,0,0,0.4);
   display: inline-block;
}
.ht-blog-thumbnail .socialMedia a:hover {
    background: #fff;
}
.single #innerpage-box h2{
    padding: 0px 0px !important;
    font-weight: 600 !important;
    font-size: 23px !important;
    text-transform: capitalize !important;
    margin-bottom: 4px !important;
    color: #000000;
    text-decoration: none;
    font-style: normal;
}

.single #innerpage-box .article a{
    text-decoration: none !important;
    font-style: normal !important;
    font-weight: 500;
    
}
body.post-template-default.single.single-post #content-box .blog-tags a {
   display: inline-block;
}
.single #innerpage-box .article a.btn.btn-lg{
  color: #ffffff !important;
  
}
.single #innerpage-box h1, .single #innerpage-box h2, .single #innerpage-box h3, .single #innerpage-box h4, .single #innerpage-box h5, .single #innerpage-box h6 {
    color: #000000;
}

.single #innerpage-box .comment-respond h4 {
    color: #000;
    margin-bottom: 12px;
}

div#secondary {
    position: relative;
}

#innerpage-box article.post.excerpt {
    float: left;
    position: relative;
}

#innerpage-box .inner-blog-post:hover .share-btn {
    position: absolute;
    right: -55px;
    bottom: 0;
    top: 0;
    transition: .5s ease-in-out;
}
#innerpage-box #blog .peccular-blog-date{
    top: -5px;
    right: 40px;
    width: 68px;
}
#innerpage-box .peccular-blog-post:after{
    top: -5px;
    right: 25px;
}

#innerpage-box .peccular-blog-single i.fa {
    font-size: 15px;
    position: relative;
    padding-right: 0px;
    color: #606060;
    position: relative;
    bottom: 0px;
}

body.page-template-blogpagewithleftsidebar-template #innerpage-box .comm-auth-box,
body.page-template-blogpagewithrightsidebar-template #innerpage-box .comm-auth-box,
body.archive #innerpage-box .comm-auth-box,
.blog-sidebar-right .comm-auth-box{
 margin: 0;
}
.blog-sidebar-left .comm-auth-box{
  padding: 5px 35px 5px 25px !important;
}
body.post-template-default.single.single-post .metabox2brdr ul li:before {
    content: none !important;
}
#innerpage-box .blog-info-area .metabox2brdr ul li i.fa {
    padding-right: 3px;
}
body.post-template-default.single.single-post .blog-tags a {
    font-size: 17px;
    line-height: 20px;
    background: #E2E2E2;
    border-radius: 5px;
    padding: 11px 20px;
    margin-right: 1em;
    margin-bottom: 0.9em ! IMPORTANT;
    position: relative;
}
body.post-template-default.single.single-post div#content-box .blog-tags a:hover {
  background: #c70000;
  color: #ffffff !important;
}
body.post-template-default.single.single-post div#content-box .blog-tags {
    padding: 0px 0 0 0px;
}
body.post-template-default.single.single-post div#content-box p {
    margin-bottom: 20px;
    font-size: 18px;
    line-height: 29px;
    color: #000000;
}
body.post-template-default.single.single-post div#secondary p{
    margin-bottom: 0 !important;
}
.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt p {
    padding-top: 10px ! IMPORTANT;
}
body.post-template-default.single.single-post div#secondary ol li{
    padding-left: 0;
}
body.post-template-default.single.single-post div#secondary ol{
    padding: 2em 1.5em 0em 1.5em !important;
}
body.post-template-default.single.single-post div#secondary ol li:before{
    content: none !important;
}
body.post-template-default.single.single-post .widget_categories ul li.cat-item {
    margin-top: 0 !IMPORTANT;
}
body.post-template-default.single.single-post div#content-box .post-single-content h1, 
body.post-template-default.single.single-post div#content-box .post-single-content h2, 
body.post-template-default.single.single-post div#content-box .post-single-content h3, 
body.post-template-default.single.single-post div#content-box .post-single-content h4, 
body.post-template-default.single.single-post div#content-box .post-single-content h5, 
body.post-template-default.single.single-post div#content-box .post-single-content h6 {
    margin: 0 !important;
    padding: 0;
    text-transform: none;
    margin-bottom: 0.2em !important;
    margin-top: 0.4em ! IMPORTANT;
}
.tags-heading {
    font-size: 26px;
    line-height: 57px;
    font-weight: 700;
    margin-bottom: 0.8em;
    color: #000000;
}
body.post-template-default.single.single-post .blog-tags a:before {
    content: ".";
    font-size: 30px;
    position: absolute;
    top: 2px;
    left: 9px;
    color: #000000;
}
body.post-template-default.single.single-post .blog-tags a:hover:before{
    color: #fff !important;
}
body.post-template-default.single.single-post ul.post-categories li {
    display: inline-block;
    list-style: none;
}
body.post-template-default.single.single-post div#content-box ul.post-categories li:before,
body.post-template-default.single.single-post div#content-box ul.post-categories li a:before{
    content: none !important;
}
body.post-template-default.single.single-post div#content-box ul.post-categories li, 
body.post-template-default.single.single-post div#content-box ul.post-categories li a {
    margin-bottom: 0 !IMPORTANT;
}
body.post-template-default.single.single-post div#content-box .socialMedia {
    padding: 1em 0 1.5em;
    text-align: center;
    float: none;
}
body.post-template-default.single.single-post div#content-box .social-tagline.text-center {
    font-size: 26px;
    font-weight: 600;
    color: #000000;
}
body.post-template-default.single.single-post div#content-box .socialMedia li {
    width: 45px;
    height: 45px;
    line-height: 51px ! IMPORTANT;
}
body.post-template-default.single.single-post div#content-box .socialMedia i.fa, 
body.post-template-default.single.single-post div#content-box .socialMedia i.fa-brands {
    font-size: 24px !important;
    text-align: center;
    line-height: 35px !important;
    padding: 0 1px;
}
body.post-template-default.single.single-post div#content-box .total-comments {
    font-size: 34px;
    font-weight: 700;
    margin-top: 0.8em;
    margin-bottom: 1.2em;
}
body.post-template-default.single.single-post div#content-box div#comments ol {
    padding-left: 0;
}
body.post-template-default.single.single-post div#content-box div#comments ol li:before,
body.post-template-default.single.single-post div#content-box div#comments ol li:after,
body.post-template-default.single.single-post div#content-box .social-box ul li:before{
    content: none !important;
}
body.post-template-default.single.single-post div#content-box div#comments ol li {
    padding-left: 0;
    margin-bottom: 3em;
}
body.post-template-default.single.single-post div#content-box .comment-author.vcard img {
    width: 98px;
    height: 98px;
    border-radius: 50%;
    position: absolute;
}
body.post-template-default.single.single-post div#content-box .commentmetadata {
 padding-left: 7em;
 padding-top: 0.5em;
}
body.post-template-default.single.single-post div#content-box .commentmetadata p {
    margin-top: 0 !important;
    font-size: 18px;
    line-height: 34px ! IMPORTANT;
    color: #979393 ! IMPORTANT;
}
body.post-template-default.single.single-post div#content-box .comment-metadata {
    padding-left: 7em;
}
body.post-template-default.single.single-post div#content-box .commentmetadata time {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    font-size: 20px;
    line-height: 27px;
    color: #C4C4C4;
    width: 40%;
}
body.post-template-default.single.single-post div#content-box span.reply:after {
    content: "\f178";
    font-family: 'FontAwesome';
    font-size: 15px;
    padding-left: 1.2em;
}
body.post-template-default.single.single-post div#content-box .comment-respond h4 span {
    text-align: left !important;
    padding: 0 0;
    font-size: 34px;
    font-weight: bold;
    text-transform: none;
    margin-top: 2em ! IMPORTANT;
}
}
body.post-template-default.single.single-post div#content-box .comment-respond h4 {
    margin-top: 2em;
    margin-bottom: 2em;
}
body.post-template-default.single.single-post div#content-box textarea#comment,
body.post-template-default.single.single-post div#content-box input[type="text"] {
    border-radius: 5px;
    background: transparent;
}
body.post-template-default.single.single-post div#content-box p.comment-form-url, 
body.post-template-default.single.single-post div#content-box p.comment-form-email, 
body.post-template-default.single.single-post div#content-box p.comment-form-author {
    margin-right: 0.9em ! IMPORTANT;
    margin-top: 2em ! IMPORTANT;
    /* margin-bottom: 2em !important; */
}
body.post-template-default.single.single-post div#content-box #commentsAdd input[type="submit"] {
    margin-top: 1em !important;
    width: 213px ! IMPORTANT;
    border-radius: 5px ! IMPORTANT;
    box-shadow: none;
    font-size: 21px;
}
body.post-template-default.single.single-post .nav-bx-bar {
    padding-bottom: 3em;
}
body.post-template-default.single.single-post .nav-bx-bar i.fa {
    font-size: 35px;
    color: #000000;
    position: relative;
    top: 0.2em;
}
body.post-template-default.single.single-post .nav-bx-bar a{
   font-size: 20px;
   color: #9F9F9F;
}
body.post-template-default.single.single-post .text-right {
    text-align: right;
}
body.post-template-default.single.single-post .nav-bx-bar h2 a {
    font-size: 28px;
    line-height: 57px;
    color: #000000;
}
body.post-template-default.single.single-post .nav-bx-bar a:hover,
body.post-template-default.single.single-post .nav-bx-bar h2 a:hover,
body.post-template-default.single.single-post .nav-bx-bar i.fa:hover,
body.post-template-default.single.single-post div#content-box .social-box ul li i.fa:hover,
body.post-template-default.single.single-post div#content-box .social-box ul li i.fa-brands:hover{
    color: #c70000 !important;
}
body.post-template-default.single.single-post .nav-bx-bar h2 {
    margin-top: 10px !important;
}
#innerpage-box .single-blog-date, 
#innerpage-box .single-blog-date i.fa {
    font-weight: 700;
}
body.post-template-default.single.single-post ul.post-categories {
    margin-top: 6px ! IMPORTANT;
    padding-bottom: 0 !IMPORTANT;
}
body.post-template-default.single.single-post .metabox ul li {
    margin-bottom: 0.1em ! IMPORTANT;
    font-size: 18px !important;
    margin-top: 0.1em ! IMPORTANT;
}
body.post-template-default.single.single-post div#content-box .metabox ul li ul, 
body.post-template-default.single.single-post div#content-box .metabox li ul {
    margin: 0 0 0 35px;
    padding: 10px 0 10px 0;
}
body.post-template-default.single.single-post div#content-box .social-box ul{
    text-align: center;
    position: relative;
}
body.post-template-default.single.single-post div#content-box .social-box ul li {
    display: inline-block;
    padding-left: 0;
}
body.post-template-default.single.single-post div#content-box .social-box ul li i.fa,
body.post-template-default.single.single-post div#content-box .social-box ul li i.fa-brands {
    color: #000000;
    font-size: 30px;
    width: 60px;
}
body.post-template-default.single.single-post div#content-box .social-box ul:before {
    content: "";
    height: 2px;
    width: 33%;
    background: #cdc9c9;
    position: absolute;
    left: 0;
    top: 15px;
}
body.post-template-default.single.single-post div#content-box .social-box ul:after {
    content: "";
    height: 2px;
    width: 33%;
    background: #cdc9c9;
    position: absolute;
    right: 0;
    top: 15px;
}
body.post-template-default.single.single-post div#content-box p.comment-notes {
    margin: 0;
    padding: 0;
}
body.post-template-default.single.single-post div#content-box .comment-respond h4 {
    margin-bottom: 2em;
}
body.post-template-default.single.single-post div#content-box div#respond textarea#comment {
    height: 148px;
}
body.post-template-default.single.single-post .nav-bx-bar {
    border-top: 2px solid #e2e2e2;
    padding-top: 2.5em;
}
body.post-template-default.single.single-post div#content-box {
    padding-bottom: 0;
}
body.post-template-default.single.single-post div#content-box .peccular-blog-single {
    padding: 0em 0px 1.2em 0px;
}
body.post-template-default.single.single-post div#secondary {
    padding-left: 1em;
}
body.post-template-default.single.single-post .wp-block-search__button{
    right: 5%;
}
body.post-template-default.single.single-post span.reply {
    font-size: 20px;
}
body.post-template-default.single.single-post div#content-box .comment-metadata a {
    font-size: 22px;
    color: #cb1212;
    padding-bottom: 5px;
}

body.post-template-default.single.single-post .post-left-space {
    position: relative;
    right: -2em;
    padding-left: 2em !important;
}
body.post-template-default.single.single-post .post-right-space {
    position: relative;
    left: -2em;
    padding-right: 2em ! IMPORTANT;
}
body.post-template-default.single.single-post div#content-box p.comment-form-cookies-consent label {
    display: inline;
}
body.post-template-default.single.single-post div#content-box div#comments ol em {
    padding-left: 7em;
}

.comm-auth-box {
    font-size: 15px;
}
#innerpage-box .peccular-blog-single a {
    font-size: 17px;
    font-weight: 500;
    line-height: 26px;
}
#innerpage-box .inner-blogpost:hover img {
    filter: grayscale(1);
}
#innerpage-box .inner-blogpost .button-all span{
    font-weight: 300;
}
body.page-template span.treeEnd,
body.archive.date h1.ht-main-title, 
body.archive.category h1.ht-main-title, 
body.archive.category h1.ht-main-title span, 
body.archive.tag h1.ht-main-title {
    padding-left: 1.2em;
    font-size: 15px !important;
    color: #000000;
}
body.archive.category h1.ht-main-title span{
    padding-left: 0em;
}
body.page-template .button,
body.archive.date .button, 
body.archive.category .button, 
body.archive.tag .button {
    padding-bottom: 1.5em;
}
/*single post*/
#innerpage-box .blog-info-area .metabox2brdr ul li {
    color: #8A8A8A;
    float: left;
    list-style: none;
    margin-right: 35px;
    padding: 0 16px 0 0;
    font-size: 17px;
    letter-spacing: 0.19px;
    margin-bottom: 1.5em;
    margin-top: 0 !important;
}
body.post-template-default.single.single-post #innerpage-box .peccular-blog-single {
    margin-top: 0;
    width: 75%;
}
body.post-template-default.single.single-post #innerpage-box .peccular-blog-single {
    background: transparent;
}
body.post-template-default.single.single-post span:nth-child(3), 
body.post-template-default.single.single-post span i.fa {
    display: none;
}
#innerpage-box div#content-box .blog-info-area .metabox2brdr ul li a {
    color: #8A8A8A ! IMPORTANT;
    font-weight: 400 !IMPORTANT;
}
body.post-template-default.single.single-post #innerpage-box .peccular-blog-single i.fa{
    font-size: 18px;
}
body.post-template-default.single.single-post div#content-box ul.post-categories li {
    padding-left: 0;
}
body.post-template-default.single.single-post .metabox ul {
    padding-bottom: 0 !IMPORTANT;
}
body.post-template-default.single.single-post div#content-box p.comment-form-url, 
body.post-template-default.single.single-post div#content-box p.comment-form-email, 
body.post-template-default.single.single-post div#content-box p.comment-form-author {
    margin-right: 0.9em ! IMPORTANT;
    margin-top: 2em ! IMPORTANT;
    /* margin-bottom: 2em !important; */
}
body.post-template-default.single.single-post #innerpage-box .peccular-blog-single i.fa{
    bottom: 0 !important;
}
/*-------------shop inner page-------------*/

main#innerpage-box h2.woocommerce-loop-product__title{
    color: #000 !important;
}
main#innerpage-box .woocommerce ul.products li.product .price del span{ color: #000 !important; }
main#innerpage-box .woocommerce ul.products li.product .price ins span{ color: #06332e !important;}
main#innerpage-box .woocommerce ul.products li.product .button,.woocommerce a.button,
main#innerpage-box .woocommerce span.onsale{ color: #fff; background: #06332e; }
main#innerpage-box .woocommerce ul.products li.product:hover .button{ color: #fff; background: #000; }

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

#contact .peccular-section-head h3 {
    letter-spacing: 0px;
    color: #131313;
    text-transform: capitalize;
    font-size: 15px;
    line-height: 18px;
}

#contact .peccular-section-head h2{
    letter-spacing: 0px;
    color: #131313;
    text-transform: capitalize;
    font-size: 38px;
    line-height: 46px;
    margin-top: 14px;
    margin-bottom: 21px;
    font-weight: bold;
}
#contact .peccular-section-head h2 span{
    color: #243984;
    font-weight: bold;
} 

#contact .peccular-section-head p {
    letter-spacing: 0px;
    color: #131313;
    text-transform: capitalize;
    opacity: 0.5;
    font-size: 16px;
    line-height: 24px;
    padding-right: 10px;
    margin-bottom: 33px;
}

#contact .bullet-points-contact ul li{
    letter-spacing: 0px;
    color: #131313;
    text-transform: capitalize;
    font-size: 16px;
    line-height: 19px;
    font-weight: 400;
    margin-bottom: 22px;
}
#contact .bullet-points-contact ul li i{
    margin-right: 21.26px;
    color: #243984;
    font-size: 22px;
    transition: .9s ease;
}

#contact .bullet-points-contact ul li:hover i{
    transform: scale(1.3);
}

#contact .peccular-contact-member-wrap label {
    font-size: 16px;
    line-height: 19px;
    letter-spacing: 0px;
    color: #131313;
    text-transform: capitalize;
    margin-bottom: 17px;
}


#contact .peccular-contact-member-wrap input[type="text"], 
#contact .peccular-contact-member-wrap input[type="email"], 
#contact .peccular-contact-member-wrap input[type="url"], 
#contact .peccular-contact-member-wrap input[type="password"], 
#contact .peccular-contact-member-wrap input[type="search"], 
#contact .peccular-contact-member-wrap input[type="number"], 
#contact .peccular-contact-member-wrap input[type="tel"], 
#contact .peccular-contact-member-wrap input[type="range"], 
#contact .peccular-contact-member-wrap input[type="date"], 
#contact .peccular-contact-member-wrap input[type="month"], 
#contact .peccular-contact-member-wrap input[type="week"], 
#contact .peccular-contact-member-wrap input[type="time"], 
#contact .peccular-contact-member-wrap input[type="datetime"],
#contact .peccular-contact-member-wrap input[type="datetime-local"], 
#contact .peccular-contact-member-wrap input[type="color"],
#contact .peccular-contact-member-wrap input[type="file"],
#contact .peccular-contact-member-wrap textarea{ 
    z-index: 2000;
    width: 100%;
    margin: 0 0 35px 0;
    border-radius: 0;
    padding: 18px 27px 17px;
    font-size: 12px;
    line-height: 14px;
    height: 63px;
    font-weight: 400 !important;
    background: #00000014;
    border: 0.30000001192092896px solid #707070;
    border-radius: 12px;
    letter-spacing: 0px;
    color: #cccccc;
    text-transform: capitalize;
}

#contact .peccular-contact-member-wrap {
    margin: 18px 0;
}

#contact .peccular-contact-block {
    position: relative;
}

#contact .peccular-contact-member-wrap input[type="file"] {
    cursor: pointer;
    padding: 22px 30px;
}

#contact .peccular-contact-member-wrap .wpcf7-spinner {
    position: absolute;
}

#contact .peccular-contact-member-wrap select{
    outline: 0;
    z-index: 2000;
    width: 100%;
    color: #B8B5B5;
    margin: 0 0 10px 0;
    border-radius: 0;
    padding: 22px 30px;
    font-size: 16px;
    height: 63px;
    font-weight: 400 !important;
}
#contact .peccular-contact-member-wrap textarea {
    height: 106px;
    padding: 18px 27px;
    border-radius: 12px;
}
#contact .peccular-contact-member-wrap textarea::placeholder{
    color:#B8B5B5;
}
#contact .box-form {
    text-align: left;
}
#contact .peccular-contact-member-wrap input[type="submit"]{
    display: inline-block;
    background: #243984;
    color: #fff;
    font-weight: bold !important;
    padding: 15px 35px;
    line-height: 19px;
    border-radius: 0;
    text-decoration: none;
    border: none;
    cursor: pointer;
    font-size: 16px;
    transition: all 0.5s ease 0s;
    opacity: 1;
    right: 0;
    box-shadow: none;
    margin-top: 12px;
    border-radius: 6px;
    height: 49px;
}
#contact .peccular-contact-member-wrap input[type="submit"]:hover{
    color: #fff;
     transition: all 0.5s ease 0s;
     background: #B45CCB;
}
/*/*-----------------------
## Contact Page
-----------------------------*/

#innerpage-box .peccular-contactus-wrap .peccular-section-head h3 {
    letter-spacing: 0px;
    color: #131313;
    text-transform: capitalize;
    font-size: 15px;
    line-height: 18px;
}

#innerpage-box .peccular-contactus-wrap .peccular-section-head h2{
    letter-spacing: 0px;
    color: #131313;
    text-transform: capitalize;
    font-size: 38px;
    line-height: 46px;
    margin-top: 14px;
    margin-bottom: 21px;
    font-weight: bold;
}
#innerpage-box .peccular-contactus-wrap .peccular-section-head h2 span{
    color: #243984;
    font-weight: bold;
} 

#innerpage-box .peccular-contactus-wrap .peccular-section-head p {
    letter-spacing: 0px;
    color: #131313;
    text-transform: capitalize;
    opacity: 0.5;
    font-size: 16px;
    line-height: 24px;
    padding-right: 10px;
    margin-bottom: 33px;
}

#innerpage-box .bullet-points-contactpage ul li{
    letter-spacing: 0px;
    color: #131313;
    text-transform: capitalize;
    font-size: 16px;
    line-height: 19px;
    font-weight: 400;
    margin-bottom: 22px;
}
#innerpage-box .bullet-points-contactpage ul li i{
    margin-right: 21.26px;
    color: #243984;
    font-size: 22px;
    transition: .9s ease;
}

#innerpage-box .bullet-points-contactpage ul li:hover i{
    transform: scale(1.3);
}

#innerpage-box .peccular-contactpage-member-wrap label {
    font-size: 16px;
    line-height: 19px;
    letter-spacing: 0px;
    color: #131313;
    text-transform: capitalize;
    margin-bottom: 17px;
}


#innerpage-box .peccular-contactpage-member-wrap input[type="text"], 
#innerpage-box .peccular-contactpage-member-wrap input[type="email"], 
#innerpage-box .peccular-contactpage-member-wrap input[type="url"], 
#innerpage-box .peccular-contactpage-member-wrap input[type="password"], 
#innerpage-box .peccular-contactpage-member-wrap input[type="search"], 
#innerpage-box .peccular-contactpage-member-wrap input[type="number"], 
#innerpage-box .peccular-contactpage-member-wrap input[type="tel"], 
#innerpage-box .peccular-contactpage-member-wrap input[type="range"], 
#innerpage-box .peccular-contactpage-member-wrap input[type="date"], 
#innerpage-box .peccular-contactpage-member-wrap input[type="month"], 
#innerpage-box .peccular-contactpage-member-wrap input[type="week"], 
#innerpage-box .peccular-contactpage-member-wrap input[type="time"], 
#innerpage-box .peccular-contactpage-member-wrap input[type="datetime"],
#innerpage-box .peccular-contactpage-member-wrap input[type="datetime-local"], 
#innerpage-box .peccular-contactpage-member-wrap input[type="color"],
#innerpage-box .peccular-contactpage-member-wrap input[type="file"],
#innerpage-box .peccular-contactpage-member-wrap textarea{ 
    z-index: 2000;
    width: 100%;
    margin: 0 0 35px 0;
    border-radius: 0;
    padding: 18px 27px 17px;
    font-size: 12px;
    line-height: 14px;
    height: 63px;
    font-weight: 400 !important;
    background: #00000014;
    border: 0.30000001192092896px solid #707070;
    border-radius: 12px;
    letter-spacing: 0px;
    color: #cccccc;
    text-transform: capitalize;
}

#innerpage-box .peccular-contactpage-member-wrap {
    margin: 18px 0;
}

#innerpage-box .peccular-contactpage-block {
    position: relative;
}

#innerpage-box .peccular-contactpage-member-wrap input[type="file"] {
    cursor: pointer;
    padding: 22px 30px;
}

#innerpage-box .peccular-contactpage-member-wrap .wpcf7-spinner {
    position: absolute;
}

#innerpage-box .peccular-contactpage-member-wrap select{
    outline: 0;
    z-index: 2000;
    width: 100%;
    color: #B8B5B5;
    margin: 0 0 10px 0;
    border-radius: 0;
    padding: 22px 30px;
    font-size: 16px;
    height: 63px;
    font-weight: 400 !important;
}
#innerpage-box .peccular-contactpage-member-wrap textarea {
    height: 106px;
    padding: 18px 27px;
    border-radius: 12px;
}
#innerpage-box .peccular-contactpage-member-wrap textarea::placeholder{
    color:#B8B5B5;
}
#innerpage-box .box-form {
    text-align: left;
}
#innerpage-box .peccular-contactpage-member-wrap input[type="submit"]{
    display: inline-block;
    background: #243984;
    color: #fff;
    font-weight: bold !important;
    padding: 15px 35px;
    line-height: 19px;
    border-radius: 0;
    text-decoration: none;
    border: none;
    cursor: pointer;
    font-size: 16px;
    transition: all 0.5s ease 0s;
    opacity: 1;
    right: 0;
    box-shadow: none;
    margin-top: 12px;
    border-radius: 6px;
    height: 49px;
}
#innerpage-box .peccular-contactpage-member-wrap input[type="submit"]:hover{
    color: #fff;
     transition: all 0.5s ease 0s;
     background: #B45CCB;
}

/*/*-----------------------
## Blog Section
-----------------------------*/
#blog .peccular-blog-thumbnail img {
    border: 1px solid #707070;
    border-radius: 12px;
    margin-bottom: 20px;
    width: 100%;
}

#blog .peccular-blog-imgbox {
    position: relative;
    /* text-align: center; */
}

#blog .auth-name {
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 30px;
    position: absolute;
    background: #fff;
    bottom: 20px;
    /* text-align: center; */
    margin: 0 75px 22px;
    width: 52%;
    padding: 4px 4px;
    overflow: hidden;
    height: 47px;
}


#blog .auth-name:before {
    content: "";
    position: absolute;
    top: 0%;
    left: -100%;
    width: 100%;
    height: 100%;
    background: #243984;
    transition: all 0.8s;
    z-index: 0;
    border-radius: 00px;
}

#blog .peccular-blog-post:hover .auth-name:before {
    left: 0;
    transition: all 0.8s;
}

#blog .auth-name span {
    padding: 15px 11px;
    font-size: 14px;
    line-height: 17px;
    font-weight: 400;
    position: relative;
    top: -13px;
    z-index: 2;
}
#blog .auth-name img {
    width: 39px;
    height: 40px;
    border-radius: 25px;
    position: relative;
    z-index: 2;
}

#blog .peccular-blog-post:hover .auth-name span{
    color: #fff;
}

#blog .peccular-box-area-S{
    position: relative;
}


#blog .peccular-blog-single a h4 {
    letter-spacing: 0px;
    color: #3A3A3A;
    font-size: 22px;
    line-height: 27px;
    margin-bottom: 18px;
    font-weight: bold;
}

#blog .peccular-blog-single p.blog {
    font-size: 14px;
    line-height: 27px;
    letter-spacing: 0px;
    color: #141414;
    opacity: 0.5;
    font-weight: 400;
    margin-bottom: 27px;
}

#blog .buttondesign a {
    position: relative;
    overflow: hidden;
    border: 1px solid #707070;
    border-radius: 27px;
    background: #000;
    width: 100%;
    display: block;
    padding: 14px 17px;
    height: 44px;
    text-align: center;
}
#blog .buttondesign a span {
    font-size: 14px;
    line-height: 17px;
    position: relative;
    z-index: 1;
    font-weight: 400;
    color: #FFFFFF;
}

#blog .buttondesign a:before {
    content: "";
    background: #243984;
    width: 0;
    height: 0;
    border-radius: 0;
    transform: translateX(-50%);
    position: absolute;
    top: 0;
    left: 50%;
    z-index: 1;
    transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1);
    border-radius: 27px;
}

#blog .buttondesign a:hover:before {
    width: 100%;
    height: 100%;
}
#blog .peccular-blog-date span, #blog .peccular-blog-comment span {
    letter-spacing: 0px;
    color: #131413;
    font-size: 14px;
    line-height: 17px;
}
#blog .peccular-blog-date, #blog .peccular-blog-comment{
    margin: 27px 0 25px;
}
#blog .peccular-blog-date i, #blog .peccular-blog-comment i {
    color: #243984;
    font-size: 15px;
    line-height: 16px;
    margin-right: 8.42px;
}



/*/*-----------------------
## Blog Page
-----------------------------*/

#innerpage-box .ht-blog-thumbnail img {
    border: 1px solid #707070;
    border-radius: 12px;
    margin-bottom: 20px;
    width: 100%;
}

#innerpage-box .ht-blog-thumbnail {
    position: relative;
    /* text-align: center; */
}

#innerpage-box .auth-name {
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 30px;
    position: absolute;
    background: #fff;
    bottom: 20px;
    /* text-align: center; */
    margin: 0 75px 22px;
    width: 52%;
    padding: 4px 4px;
    overflow: hidden;
    height: 47px;
}


#innerpage-box .auth-name:before {
    content: "";
    position: absolute;
    top: 0%;
    left: -100%;
    width: 100%;
    height: 100%;
    background: #243984;
    transition: all 0.8s;
    z-index: 0;
    border-radius: 00px;
}

#innerpage-box .inner-blogpost:hover .auth-name:before {
    left: 0;
    transition: all 0.8s;
}

#innerpage-box .auth-name span {
    padding: 15px 11px;
    font-size: 14px;
    line-height: 17px;
    font-weight: 400;
    position: relative;
    top: -35px;
    z-index: 2;
}
#innerpage-box .ht-blog-thumbnail .auth-name img {
    width: 39px;
    height: 40px;
    border-radius: 25px;
    position: relative;
    z-index: 2;
}

#innerpage-box .inner-blogpost:hover .auth-name span{
    color: #fff;
}

#innerpage-box .inner-blogpost{
    position: relative;
}


#innerpage-box #blog-box h2 a {
    letter-spacing: 0px;
    color: #3A3A3A;
    font-size: 22px;
    line-height: 27px;
    margin-bottom: 18px;
    font-weight: bold;
}

#innerpage-box .inner-blog-excerpt {
    font-size: 14px;
    line-height: 27px;
    letter-spacing: 0px;
    color: #141414;
    opacity: 0.5;
    font-weight: 400;
    margin-bottom: 0px;
}
#innerpage-box #blog-box .buttondesign a {
    position: relative;
    overflow: hidden;
    border: 1px solid #707070;
    border-radius: 27px;
    background: #000;
    width: 100%;
    display: block;
    padding: 14px 17px;
    height: 44px;
    text-align: center;
}
#innerpage-box #blog-box .buttondesign a span {
    font-size: 14px;
    line-height: 17px;
    position: relative;
    z-index: 1;
    font-weight: 400;
    color: #FFFFFF;
    top: -5px;
}

#innerpage-box #blog-box .buttondesign a:before {
    content: "";
    background: #243984;
    width: 0;
    height: 0;
    border-radius: 0;
    transform: translateX(-50%);
    position: absolute;
    top: 0;
    left: 50%;
    z-index: 1;
    transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1);
    border-radius: 27px;
}

#innerpage-box #blog-box .buttondesign a:hover:before {
    width: 100%;
    height: 100%;
}
#innerpage-box .peccular-blog-date span, #innerpage-box .peccular-blog-comment span {
    letter-spacing: 0px;
    color: #131413;
    font-size: 14px;
    line-height: 17px;
}
#innerpage-box .peccular-blog-date, #innerpage-box .peccular-blog-comment{
    margin: 27px 0 25px;
}
#innerpage-box .peccular-blog-date i, #innerpage-box .peccular-blog-comment i {
    color: #243984;
    font-size: 15px;
    line-height: 16px;
    margin-right: 8.42px;
}
/*/*-----------------------
## Contact inner Template
-----------------------------*/

main#innerpage-box #peccular-contactus-wrap .map_area_label h4{
  font-size: 33px;
  color: #000;
  letter-spacing: -1px;
  line-height: 45px;
}

#peccular-contactus-wrap .peccular-section-head{
    margin-bottom: 5em;
}
#peccular-contactus-wrap .peccular-section-head h2 {
    font-size: 34px !important;   
    font-weight: 700 !important;
    text-transform: uppercase;
    margin-bottom: 20px !important;
    color: #06332e;
}
#peccular-contactus-wrap .peccular-section-head h3 {

    font-size: 17px !important;    
    font-weight: 600 !important;
    text-transform: uppercase;
    margin-bottom: 9px !important;
    color: #000;
}
#peccular-contactus-wrap .peccular-section-head p {
    font-size: 16px !important;
    line-height: 46px;
    font-weight: 400 !important;    
    margin-bottom: 20px !important;
    color: #333333 !important;     
    text-align: center;
}
#peccular-contactus-wrap .peccular-section-head .soccerclub-left{
    position: relative;
    top: -3px;
    left: -15px;
    display: inline-block;
    width: 70px;
    height: 5px;
    background: transparent;
}
#peccular-contactus-wrap .peccular-section-head .soccerclub-left:before{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 5px;
    height: 5px;
    background: #f9c12c;
    border-radius: 50%;
    content: "";
}
#peccular-contactus-wrap .peccular-section-head .soccerclub-left:after{
    position: absolute;
    top: 0;
    right: 10px;
    bottom: 0;
    width: 5px;
    height: 5px;
    background: #f9c12c;
    border-radius: 50%;
    content: "";
}
#peccular-contactus-wrap .peccular-section-head .soccerclub-left span{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 50px;
    height: 1px;
    background: #f9c12c;
    content: "";
    margin: 2px 0;
}
#peccular-contactus-wrap .peccular-section-head .soccerclub-right{
    position: relative;
    top: -3px;
    right: -15px;
    display: inline-block;
    width: 70px;
    height: 5px;
    background: transparent;
}
#peccular-contactus-wrap .peccular-section-head .soccerclub-right:before{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 5px;
    height: 5px;
    background: #f9c12c;
    border-radius: 50%;
    content: "";
}
#peccular-contactus-wrap .peccular-section-head .soccerclub-right:after{
    position: absolute;
    top: 0;
    left: 10px;
    bottom: 0;
    width: 5px;
    height: 5px;
    background: #f9c12c;
    border-radius: 50%;
    content: "";
}
#peccular-contactus-wrap .peccular-section-head .soccerclub-right span{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 50px;
    height: 1px;
    background: #f9c12c;
    content: "";
    margin: 2px 0;
}
#peccular-contactus-wrap .peccular-contact-block1{
    position: relative;
    display: block;
    background: #EAEFF2;
    width: 100%;
}
#peccular-contactus-wrap .add-bx {
    margin-bottom: 2em;
    position: relative;
    z-index: 1;
    margin-top: 4.5em;
}
#peccular-contactus-wrap .fax-bx {
    position: relative;
    z-index: 1;
}

#peccular-contactus-wrap .peccular-contact-block2{
    background: #fdfdfd;
    padding: 0 30px 0px;
    position: relative;
    display: block;
    width: 100%;
    border: 3px solid #9bfb3b;
}
#peccular-contactus-wrap .peccular-contact-block2 h4{
    color:#06332e;
}
#peccular-contactus-wrap .peccular-contact-block2 .acontact-page-data-box{
    position: relative;
    display: block;
    border-bottom: 1px solid #06332e59;
    padding-bottom: 18px;
    margin-bottom: 24px;
}
#peccular-contactus-wrap .peccular-contact-block2 .contact-label{
    text-transform: capitalize;
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    line-height: 18px;
    color: #000;
    opacity: 0.7;
}
#peccular-contactus-wrap .peccular-contact-block2 .acontact-page-data-box p {
    color: #fff;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    margin: 0;
    text-transform: none;
    word-break: break-all;
}
#peccular-contactus-wrap .peccular-contact-block2 .acontact-page-data-box p a{
    color: #fff !important;
    word-break: break-all;
}
#peccular-contactus-wrap .peccular-contact-block3{

    position: relative;
    display: block;
    background: #fdfdfd;
    padding: 0px 30px 5px;
    width: 100%;
    border: 3px solid #9bfb3b;
}
#peccular-contactus-wrap .peccular-contact-page-form h2{
    color: #fff !important;
}
#peccular-contactus-wrap .peccular-contact-block3 i{
    color: #2d81f5;
}
#peccular-contactus-wrap .peccular-contact-block1 i{
    color: #2d81f5;
}
#peccular-contactus-wrap .peccular-contact-block3 .contact_l_area{
    color: #000;
}
#peccular-contactus-wrap .peccular-contact-block2 .contact_l_area{
    color: #000;
}
#peccular-contactus-wrap .peccular-contact-block1 .contact_l_area{
    color: #000;
}
#peccular-contactus-wrap .contact_l_area {
    padding-top: 0em;
    font-size: 21px;
    line-height: 31px;
    font-weight: 600;
    padding-bottom: 0.3em;
}
#peccular-contactus-wrap .contact-icon {
    padding: 0;
    background: #fafbfc;
    text-align: center;
    width: 45px;
    height: 45px;
    line-height: 45px;
}
#peccular-contactus-wrap .contact-block-bg i.fa {
    font-size: 25px;
    color: #000000;
    text-align: center;
    line-height: 45px;
    font-weight: 600;
}
#peccular-contactus-wrap .contact-block-bg i.fa.fa-envelope {
    font-size: 20px;
}
.contact_info_area, .contact_info_area a {
    font-size: 18px;
    line-height: 27px;
    color: #6E6E6E;
}
.contact_info_area a:hover {
    color: #c70000;
}
#peccular-contactus-wrap .contact_info_area h2{
    margin-top: 0.5em;
}
#peccular-contactus-wrap .peccular-contact-block2 .peccular-contact-area a h2{
    color: #717171;
    font-size: 15px !important;
}
#peccular-contactus-wrap .peccular-contact-block3 .contact_info_area a h2{
    color: #717171;
    font-size: 15px !important;
}
#peccular-contactus-wrap .peccular-contact-block1 .contact_info_area a h2{
    color: #717171;
    font-size: 15px !important;
}
#peccular-contactus-wrap .peccular-contact-block3 .contact_info_area a:hover h2,
#peccular-contactus-wrap .peccular-contact-block1 .contact_info_area a:hover h2{
    color: #2d81f5;
}

#innerpage-box .peccular-contact-form-block h2{
    color: #000000;
    margin-top: 0 !IMPORTANT;
    font-size: 30px !important;
    line-height: 46px;
    font-weight: 600;
    margin-bottom: 20px;
}
#innerpage-box .peccular-contact-form-block .soccerclub-left{
    position: relative;
    top: -3px;
    left: -15px;
    display: inline-block;
    width: 70px;
    height: 5px;
    background: transparent;
}
#innerpage-box .peccular-contact-form-block .soccerclub-left:before{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 5px;
    height: 5px;
    background: #f9c12c;
    border-radius: 50%;
    content: "";
}
#innerpage-box .peccular-contact-form-block .soccerclub-left:after{
    position: absolute;
    top: 0;
    right: 10px;
    bottom: 0;
    width: 5px;
    height: 5px;
    background: #f9c12c;
    border-radius: 50%;
    content: "";
}
#innerpage-box .peccular-contact-form-block .soccerclub-left span{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 50px;
    height: 1px;
    background: #f9c12c;
    content: "";
    margin: 2px 0;
}
#innerpage-box .peccular-contact-form-block{
    display: block;
    position: relative;
    z-index: 0;
}
#innerpage-box .peccular-contact-form-block p{
    color: #fff;
    position: relative;
    display: inline-block;
    color: #131313;
    font-size: 16px;
    line-height: 16px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0;
    width: 100%;
}
#innerpage-box .peccular-contact-form-block .text-box{
    position: relative;
    display: block;
    font-size: 14px;
    color: #333333;
}
#innerpage-box .peccular-contact-form-block .text-box p{
    position: relative;
    display: inline-block;
    padding: 0 15px;
    color: #333333;
    font-size: 16px;
    line-height: 1.6;
    font-weight: 400;
    text-transform: none;
    margin: 0;
}

#peccular-contactus-wrap .peccular-contact-page-form p{
    color: #fff;
}
.contact-mapbox {
    width: 100%;
}

.contact-mapbox iframe {
    z-index: 1;
    width: 100%;
    height: 300px;
    border-radius: 0 0px 30px 0;
}

.peccular-contact-page-form input[type="text"],
.peccular-contact-page-form input[type="email"],
.peccular-contact-page-form input[type="url"],
.peccular-contact-page-form input[type="password"], 
.peccular-contact-page-form input[type="search"], 
.peccular-contact-page-form input[type="number"], 
.peccular-contact-page-form input[type="tel"], 
.peccular-contact-page-form input[type="range"], 
.peccular-contact-page-form input[type="date"], 
.peccular-contact-page-form input[type="month"], 
.peccular-contact-page-form input[type="week"], 
.peccular-contact-page-form input[type="time"], 
.peccular-contact-page-form input[type="datetime"], 
.peccular-contact-page-form input[type="datetime-local"], 
.peccular-contact-page-form input[type="color"], 
.peccular-contact-page-form select, 
.peccular-contact-page-form textarea {
    margin-bottom: 25px;
    border: 1px solid #dedede !important;
    font-size: 13px;
    padding: 15px 20px;
    border-radius: 0;
    background-color: transparent !important;
    color: #000;
    font-weight: 500;
    height: 50px;
}
.peccular-contact-page-form textarea{
 height: 149px;
}

.peccular-contact-page-form input[type="text"]::placeholder,
.peccular-contact-page-form input[type="url"]::placeholder,
.peccular-contact-page-form input[type="password"]::placeholder, 
.peccular-contact-page-form input[type="search"]::placeholder, 
.peccular-contact-page-form input[type="number"]::placeholder, 
.peccular-contact-page-form input[type="tel"]::placeholder, 
.peccular-contact-page-form input[type="range"]::placeholder, 
.peccular-contact-page-form input[type="date"]::placeholder, 
.peccular-contact-page-form input[type="month"]::placeholder, 
.peccular-contact-page-form input[type="week"]::placeholder, 
.peccular-contact-page-form input[type="time"]::placeholder, 
.peccular-contact-page-form input[type="datetime"]::placeholder, 
.peccular-contact-page-form input[type="datetime-local"]::placeholder, 
.peccular-contact-page-form input[type="color"]::placeholder, 
.peccular-contact-page-form select, 
.peccular-contact-page-form textarea::placeholder{
 font-size: 11px !important;
 font-weight: 400;
}
.peccular-contact-page-form input[type="email"]{
    padding: 10px 15px;
}
.peccular-contact-page-form input[type="text"]{
    margin-bottom: 25px !important;
    padding: 15px 20px !important;
    font-size: 11px !important;
    font-weight: 400;
    color: #000000;
    height: 50px;
}

#peccular-contactus-wrap .peccular-contact-page-form input::placeholder{
    opacity: 1;
    color: #000000;
}
#peccular-contactus-wrap .peccular-contact-page-form textarea::placeholder{
    color:#000000;
}

.peccular-contact-page-form .address-c-box{
    background-color: #516bec;
    background-image: radial-gradient( circle farthest-corner at 10% 20%,#06332e 0%,#441e87 100.3% );
    border-radius: 30px 0 0 0;
    padding: 3em 2em;
}

.peccular-contact-page-form input[type="file"] {
    font-size: 14px;
    color: #616161;
    font-weight: 500;
}
.peccular-contact-page-form textarea {
    height: 170px;
}
.peccular-contact-page-form label {
    font-weight: 500;
    width: 100%;
    color: #010101;
    font-size: 17px;
    line-height: 26px;
    padding-bottom: 4px;
    text-transform: capitalize;
}

.peccular-contact-page-form select {
    width: 100%;
}
.peccular-contact-page-form input[type="checkbox"], .peccular-contact-page-form input[type="radio"], .peccular-contact-page-form input[type="file"] {
    margin-bottom: 15px;
}
.peccular-contact-page-form input[type=date] {
    line-height: 10px;
    padding: 14px 20px;
}
main#innerpage-box .peccular-contact-page-form h2{
    color: #000000 !important;
    font-size: 45px;
    font-weight: 500;
}
.peccular-contact-page-form input[type="submit"] {
    display: inline-block;
    font-weight: 400;
    padding: 20px 30px;
    line-height: 1;
    border-radius: 0;
    position: relative;
    text-decoration: none;
    -webkit-appearance: none;
    background: none;
    border: 2px solid #fdfdfd;
    cursor: pointer;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    outline: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 17px;
    background: #000000;
    color: #fff;

    transition: all 0.5s ease 0s;
    margin: 0 5px 2.5em;
    box-shadow: none;
}
.peccular-contact-page-form input[type="submit"]:hover {
    animation-name: gradient;
    -webkit-animation-name: gradient;
    animation-duration: 2s;
    -webkit-animation-duration: s;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    background-color: #c70000;
    border-color: #c70000 !important;
    color: #fff;
}

.peccular-contact-area {
    text-align: center;
}
#peccular-contactus-wrap .contact-block-bg {
    background-color: #EAEFF2;
    padding: 0.5em 2em 2em 1.5em;
    margin-bottom: 2em;
    margin-right: 0.5em;
}
#peccular-contactus-wrap .boxes-gap {
    margin-bottom: 3em;
}
#peccular-contactus-wrap .contact-block-bg h2 {
    font-size: 27px ! IMPORTANT;
    line-height: 40px;
    text-transform: none ! IMPORTANT;
    margin-bottom: 0 !IMPORTANT;
    font-weight: 600 !IMPORTANT;
}
#peccular-contactus-wrap .contact-block-bg p {
    font-size: 18px;
    line-height: 27px;
    color: #787878 ! IMPORTANT;
    margin-bottom: 1.5em ! IMPORTANT;
    margin-top: 10px;
}
.peccular-contact-area i {
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 50px;
    color: #4377ff;
    transition: all 1s ease 0s;
    text-align: center;
}
#peccular-contactus-wrap .peccular-contact-area:hover i{
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-duration: 5s;
    animation-duration: 5s;
    -webkit-animation-name: tada;
    animation-name: tada;
    webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

#peccular-contactus-wrap .tada {
    -webkit-animation-name: tada;
    animation-name: tada;
}
#peccular-contactus-wrap .midix {
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-duration: 5s;
    animation-duration: 5s;
}
.peccular-contact-page-form {
    color: #616161;
}

.peccular-contact-mapbox{
    margin: 0;
    padding: 0;
}
.peccular-contact-mapbox iframe {
    width: 100%;
    padding-bottom: 5.5em;
}

.page .footer-area ul.sub-menu .current_page_item > a {
    background: none;
}

@media screen and (min-width:320px) and (max-width:880px){
    #innerpage-box .peccular-contact-form-block h2{
        font-size: 26px !important;
        line-height: 36px;
        margin: 0 0;
    }
    #peccular-contactus-wrap .peccular-contact-block2 .acontact-page-data-box p{ font-size: 14px !important;}
    #peccular-contactus-wrap .peccular-contact-block2 .contact-label{ font-size: 14px !important;}

}
@media screen and (min-width:320px) and (max-width:425px){
    #peccular-contactus-wrap .peccular-contact-block2 .acontact-page-data-box p{ text-align: center;}

}


/*--------------------------------------------------------------
## Inner Page Heading
--------------------------------------------------------------*/
body.page-template-default main#innerpage-box h1,
body.page-template-default main#innerpage-box h2,
body.page-template-default main#innerpage-box h3,
body.page-template-default main#innerpage-box h4,
body.page-template-default main#innerpage-box h5,
body.page-template-default main#innerpage-box h6,

.page-template-templates main#innerpage-box h1,
.page-template-templates main#innerpage-box h2,
.page-template-templates main#innerpage-box h3,
.page-template-templates main#innerpage-box h4,
.page-template-templates main#innerpage-box h5,
.page-template-templates main#innerpage-box h6,

.single main#innerpage-box h1,
.single main#innerpage-box h2,
.single main#innerpage-box h3,
.single main#innerpage-box h4,
.single main#innerpage-box h5,
.single main#innerpage-box h6
{
    word-break: break-word;
    font-weight: 600;
    margin-bottom: 40px;
    letter-spacing: 4px;
    padding: 0 10px;
    letter-spacing: 0;
    font-size: 23px;
    text-transform: uppercase;
    word-break: break-word;
    color: ;
}
#innerpage-box h1{
    color: #06332e;
    font-size: 40px;
    font-weight: 600;
}
#innerpage-box h2{
 color: #06332e;
 font-size: 20px;
 font-weight: 600;
}
#innerpage-box h3{ 
    color: #06332e;
    font-size: 20px;
    font-weight: 600;
}

#innerpage-box h4{
 color: #06332e;
 font-size: 18px;
 font-weight: 600;
}
#innerpage-box h5{
 color: #06332e;
 font-size: 17px;
 font-weight: 600;
}
#innerpage-box h6{
 color: #06332e;
 font-size: 16px;
 font-weight: 600;
}
#innerpage-box p{
 color: #000000;
 font-size: 15px;
 font-weight: 400;
}

#innerpage-box li {
    font-size: 15px;
    color: #3b3b3b;
}
/*New*/
.mini-cart-dropdown {
    position: absolute;
    right: 0;
    top: 100%;
    background: #fff;
    opacity: 0;
    padding: 10px;
    margin-top: 20px;
    visibility: hidden;
    box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.12);
    /* border-radius: 0px 0px 5px 5px; */
    line-height: 28px;
    list-style: none;
    z-index: 9999;
    /* left: 0; */
    margin: 0 auto;
    text-align: center;
    /* width: 350px;*/
    transform: translateX(50%) translateY(-7%);
}
.total-count:hover .mini-cart-dropdown {
    opacity: 1;
    width: 350px;
    visibility: visible;
    transform: translateX(15%) translateY(-7%);
}
.mini-cart-dropdown i.fa.fa-shopping-bag, 
.mini-cart-dropdown {
    color: #000000;
    font-size: 16px;
    letter-spacing: 0.94px;
    font-weight: 600;
}
header.site-header a.btn-checkout {
    color: #000000;
}
header.site-header .btncheckout {
    background: #f4f4f4;
    display: inline-block;
    padding: 0 1em;
    font-weight: 700;
}
header.site-header a.btn-checkout span{
    font-weight: 500;
}
header.site-header button#formButton{
    line-height: 20px;
    background: transparent;
    box-shadow: none;
    padding: 0;
}
header.site-header #formButton:after {
    content: "\f002";
    font-family: FontAwesome;
    font-weight: 400;
    position: relative;
    display: block;
    font-size: 30px;
    margin: 0;
    z-index: 1;
    color: #000000;
}
header.site-header form#form1 {
    width: 77%;
    border-radius: 0px;
    display: none;
    position: absolute;
    right: 8%;
    top: 52px;
    overflow: hidden;
    z-index: 9999;
}
header.site-header .top-form form {
    padding: 0px;
    border: 1px solid #000000;
}
header.site-header .total-count {
    position: relative;
    text-align: right;
}
header.site-header .top-form form input[type="text"]{
    width: 80%;
    font-size: 15px;
    background: none;
    margin-right: 10px;
}
header.site-header .top-form form input[type="submit"], 
header.site-header .top-form form input[type="button"] {
    background-color: #000000;
    color: #ffffff;
    font-size: 16px;
    padding: 11px 10px;
    font-weight: 500;
    position: absolute;
    top: 0;
    right: 0;
    box-shadow: none;
    letter-spacing: 0.94px;
}
header.site-header input[type="search"]::placeholder, 
header.site-header input[type="search"] {
    letter-spacing: 0.94px;
    color: #000000;
    border: 0;
}
.total-count .count {
    color: #ffffff;
    position: absolute;
    padding: 4px;
    z-index: 300;
    top: -6px;
    right: 0;
    font-size: 10px;
    border-radius: 20px;
    width: 15px;
    height: 15px;
    line-height: 8px;
    text-align: center;
    background: #C70000;
}
.tagline.text-right {
    text-align: right;
}
header.site-header .taglinne a, 
header.site-header .taglinne {
    font-size: 20px;
    line-height: 30px;
    color: #ffffff;
    font-weight: 300;
    text-align: left;
}
.tagline.text-right a {
    font-size: 16px;
    line-height: 30px;
    color: #ffffff;
    font-weight: 300;
}
.tagline.text-right a:hover,
header.site-header .taglinne a:hover {
    opacity: 0.6;
}
header.site-header ul.dropdown li a:hover,
.total-count svg:hover,
header.site-header #formButton:hover:after,
header.site-header a.my-acc:hover{
    opacity: 0.5;
}
.header-logo{
    margin: 0 auto;
    text-align: center;
}
.wc-block-components-address-form__address_2-toggle{
    color: #2b2d2f !important;
    border: 1px solid hsla(0,0%,7%,.8) !important;
}
/*// --------------Responsive ----------------------------- */
@media screen and (min-width:1080px) and (max-width: 1920px){
  body.single-product main#innerpage-box button.plus{
    right: 15px;
}
body.single-product main#innerpage-box button.minus{
    left: 15px;
}
body.post-template-default.single.single-post div#content-box p.comment-form-url, 
body.post-template-default.single.single-post div#content-box p.comment-form-email, 
body.post-template-default.single.single-post div#content-box p.comment-form-author {
    margin-right: 1.4em ! IMPORTANT;
}
}
@media screen and (min-width: 320px) and (max-width: 1440px){
    body.single-product main#innerpage-box button.minus{
      left: 25px;
  }
  body.single-product main#innerpage-box button.plus{
    right: 40px;
}
body.post-template-default.single.single-post div#content-box p.comment-form-url, 
body.post-template-default.single.single-post div#content-box p.comment-form-email, 
body.post-template-default.single.single-post div#content-box p.comment-form-author {
    margin-right: 1em ! IMPORTANT;
}
}
@media screen and (min-width:1024px) and (max-width: 1200px){
   #profile .peccular-section-head h2{
        font-size: 33px;
   }
   #banner .subtext{
        width: 45%;
   }
   ul.mainmenu li a{
        padding: 10px 17px 10px 16px !important;
   }
   .download-btn{
        font-size: 12px !important;
            top: 0;
   }
   .tabs{
    width: 97%;
}
body.single.single-product span.treeEnd{
    left: 10px;
    position: relative;
}
#innerpage-box .peccular-contact-form-block .container {
    padding-right: 0;
}
.p-0-10{
    padding: 0;
}
#peccular-contactus-wrap .contact-block-bg{
    margin-right: 0;
}
#peccular-contactus-wrap .contact-block-bg{
    padding: 0.5em 1em 2em 1.5em;
}
li.product-category.product img {
    height: auto !IMPORTANT;
}
body.single-product button.single_add_to_cart_button.button.alt{
    width: 300px;
}
body.post-template-default.single.single-post .nav-bx-bar h2 a {
    font-size: 24px;
    line-height: 45px;
}
body.post-template-default.single.single-post .post-right-space {
    position: relative;
    left: 0em;
}
body.post-template-default.single.single-post .post-left-space {
    position: relative;
    right: 0;
}
body.post-template-default.single.single-post div#content-box .social-box ul:before,
body.post-template-default.single.single-post div#content-box .social-box ul:after{
    width: 25%;
}
body.post-template-default.single.single-post #innerpage-box .peccular-blog-single {
    width: 58.333333%;
}
body.post-template-default.single.single-post div#content-box p.comment-form-url, 
body.post-template-default.single.single-post div#content-box p.comment-form-email, 
body.post-template-default.single.single-post div#content-box p.comment-form-author {
    margin-right: 0.5em ! IMPORTANT;
    margin-top: 2em ! IMPORTANT;
}
.page-template-pagewithleftsidebar-template div#secondary, 
.page-template-pagewithrightsidebar-template div#secondary {
    position: relative;
    bottom: 0px;
}
.page-template-pagewithleftsidebar-template .inner_contentbox {
    padding: 0.5em 0em 0;
}

.comm-auth-box {
    font-size: 14px;
}
#innerpage-box .peccular-blog-single{
    padding: 2.5em 2em 1.8em 1.2em;
}

.peccular-blog-date {
    padding-right:0;
}
#innerpage-box .inner-blogpost{
    margin-left: 0;
    margin-right: 0;
}
body.single-product main#innerpage-box p.product-info-quant{
   /* left: 2.5em;*/
}
body.single-product main#innerpage-box .shipp-ico-box {
    padding-top: 1em;
}
body.single-product main#innerpage-box button.plus{
    right: 15px;
}
body.single-product main#innerpage-box button.minus{
    left: 15px;
}
.dashboard-info{
    padding-right: 3em;
}
nav.woocommerce-MyAccount-navigation{
    width: 35%;
}
.woocommerce-MyAccount-content{
    padding-top: 8em;
    width: 65%;
}
body.woocommerce-account div#content-box .woocommerce-MyAccount-content p a{
    font-size: 16px;
    line-height: 5em;
    margin-right: 2em;
}
div#banner3shop .header-content{
    padding: 6em 0em 5em 4em;
}
li.product-category{
    width: 23.5%;
}
main#innerpage-box div#content-box .woocommerce-billing-fields h3,
h3#ship-to-different-address span {
    font-size: 30px !IMPORTANT;
}
.product-grid-box h3.title a{
    line-height: 35px;
}
.woocommerce .product-page{
    width: 40%;
}

#products-austrak a, 
#products-sherings a, 
#products-austmark a {
    width: 30.1% !important;
}
#newsletter .footer-tag p{
    font-size: 20px;
}
#newsletter .newsletter-sign-box{
    padding: 0em 2em 4em;
}
div#banner3 .header-content {
    padding: 6em 0em 5em 3em;
}
.product-grid-box h3.title a{
    font-size: 23px;
}
div#banner .header-content {
    padding: 5em 0.5em 6em 0em;
}
.header-woo-cart{
    right: 0;
}
.navigation .mainmenu li{
    margin-left: 15px !important;
}
.ht-site-title, 
.site-title, 
.ht-site-title, 
.site-title, 
.page .ht-site-title, 
.page .site-title, 
.single .ht-site-title, 
.single .site-title{
    font-size: 45px;
}
header.site-header .taglinne a, 
header.site-header .taglinne{
    font-size: 19px;
}
header.site-header #formButton:after{
    right: 20px;
}
}
@media only screen and (min-width: 992px){
          /*  .navbar-expand-lg {
        flex-wrap: wrap;
    }*/


}
@media only screen and (max-width: 992px){
 .download-btn{
  font-size: 12px !important;
  padding: 5px 30px;
  right: 15px;
  top: 2.3em;
}
 .area-inner{
          padding-left: 0 !important;
        margin-left: 0;
        width: 100%;
}
.tabs{
    width: 100%;
}
.wrapper_tabcontent{
    padding: 0px 10px;
}
.navbar-expand-lg {
/*        flex-wrap: wrap;*/
}
.theme-twentytwenty .wc-block-grid.has-4-columns .wc-block-grid__product, 
.wc-block-grid.has-4-columns .wc-block-grid__product {
    flex: 1 0 50% ! IMPORTANT;
    max-width: 50% ! IMPORTANT;
}
.single .footer-area .s-footer {
    margin-bottom: 1em;
}

body.single.single-product span.treeEnd{
    left: 10px;
    position: relative;
}
#innerpage-box .peccular-contact-form-block .container {
    padding-right: 0;
}
.p-0-10{
    padding: 0;
}
.contact-gap {
    margin-top: 1em;
    padding-left: 0;
}
.peccular-contact-page-form input[type="email"] {
    margin-bottom: 1.5em;
}
body.post-template-default.single.single-post .post-right-space {
    position: relative;
    left: 0em;
}
body.post-template-default.single.single-post .nav-bx-bar h2 a {
    font-size: 16px;
    line-height: 30px;
}
body.post-template-default.single.single-post .post-left-space {
    position: relative;
    right: 0;
}
body.post-template-default.single.single-post div#commentsAdd .comment-form [class*="comment-form"] {
    width: 100%;
    margin-bottom: 0 !IMPORTANT;
}
body.post-template-default.single.single-post div#secondary label {
    width: 100%;
}
body.post-template-default.single.single-post div#secondary {
    padding-left: 0;
}
body.post-template-default.single.single-post .inner_contentbox,
body.post-template-default.single.single-post .button {
    padding: 2em 0em 0;
}
body.post-template-default.single.single-post #innerpage-box .peccular-blog-single {
    width: 100%;
}
.page-template-pagewithleftsidebar-template div#secondary, 
.page-template-pagewithrightsidebar-template div#secondary {
    position: relative;
    bottom: 0;
}
main#innerpage-box #content-box ol {
    padding-left: 0 !important;
}
body.post-template-default.single.single-post #content-box div#secondary ol {
    padding: 2em 1.5em 0em 1.5em !important;
}
.page-template-pagewithleftsidebar-template div#content-box {
    padding-left: 2em;
}
.page-template-pagewithrightsidebar-template div#content-box {
    padding-right: 2em;
}
.wp-block-quote:not(.is-large):not(.is-style-large){
    padding: 2.8em 3em 3em 1em;
}
#innerpage-box blockquote p:after{
    right: -15px;
    bottom: 25px;
    font-size: 40px;
}
.page-template-pagewithleftsidebar-template div#content-box ul li,
.page-template-pagewithleftsidebar-template #content-box ol li,
.page-template-pagewithrightsidebar-template div#content-box ul li,
.page-template-pagewithrightsidebar-template #content-box ol li{
    font-size: 16px !important;
    line-height: 28px !important;
}
#innerpage-box blockquote p{
    font-size: 16px;
}
body.post-type-archive-product ul.products, 
body.archive.tax-product_cat ul.products {
    padding-top: 1.5em !important;
}
body.page-template.page-template-templates .inner_contentbox,
body.archive.tag .inner_contentbox,
body.archive.category .inner_contentbox,
body.archive.date .inner_contentbox {
    padding-top: 2em;
}
.page-template-blogpagewithrightsidebar-template .widget-area .widget, 
.page-template-blogpagewithleftsidebar-template .widget-area .widget, 
.page-template-blog-template .widget-area .widget, 
body.archive.tag .widget-area .widget, 
.page-template .widget-area .widget,
body.archive.category .widget-area .widget, 
body.archive.date .widget-area .widget {
    margin-bottom: 2.5em;
}
body.archive.tag .comm-auth-box, 
body.archive.category .comm-auth-box, 
body.archive.date .comm-auth-box {
   padding-left: 0em;
}

#innerpage-box .inner-blogpost{
    margin: 0px 0px;
}
body.page-template-blogpagewithleftsidebar-template #innerpage-box .inner-blogpost,
body.page-template-blogpagewithrightsidebar-template #innerpage-box .inner-blogpost{
    height: auto ! IMPORTANT;
}

body.page-template-blogpagewithleftsidebar-template main#innerpage-box .ht-blog-thumbnail img,
body.page-template-blogpagewithrightsidebar-template main#innerpage-box .ht-blog-thumbnail img{
    height: auto ! IMPORTANT;
}
#innerpage-box .peccular-blog-single{
    padding: 2em 1em 1.8em 1em;
    margin-bottom: 2em;
}
body.single-product main#innerpage-box button.plus{
    right: 15px;
}
body.single-product main#innerpage-box button.minus{
    left: 15px;
}
tr.wc-block-cart-items__row td {
    padding: 0 0.5em ! IMPORTANT;
}
.woocommerce-MyAccount-content:before{
    top: 0;
}
.dashboard-info{
    top: 25px;
    padding-right: 1em;
}
body.woocommerce-account div#content-box .woocommerce-MyAccount-content p a{
 font-size: 14px;
 display: inline-flex;
 line-height: 1em;
 /* padding: 0; */
 margin-bottom: 0.5em;
}
nav.woocommerce-MyAccount-navigation
{
    width: 50%;
    padding-top: 12em;
}
.woocommerce-MyAccount-content{
    width: 60%;
    padding-top: 14em;
}

div#banner3shop .offet-text, div#banner3shop .offet-text span{
    font-size: 65px;
    line-height: 80px;
}
div#banner3shop .header-content{
    padding: 6em 2em 5em 2em;
}
.woocommerce-page .related ul.products li.product{
    width: 45.3% !important;
}
body.single-product button.single_add_to_cart_button.button.alt{
    width: 200px;
}
body.single-product main#innerpage-box p.product-info-quant{
   /* left: 1.8em;*/
}
li.product-category{
    width: 45%;
    margin-right: 10px !important;
}
body.page-template-default main#innerpage-box h2.woocommerce-loop-category__title{
    padding: 1em 0 0 0;
}
.peccular-section-head h2{
    font-size: 40px;
    line-height: 50px;
}
.peccular-section-head{
    margin-bottom: 2.3em;
}
#gallery,
#featuredproduct-section,
#productcat_section,
#footer {
    padding-top: 3em !important;
}
#newsletter .footer-tag p{
  font-size: 24px;
  margin-top: 1em;
}
#newsletter .peccular-newsletter-member-wrap input[type="submit"]{
    padding: 15px 30px 15px 30px;
    height: 60px;
    font-size: 20px;
}
div#banner2 h4.title{
    left: 4.5em;
    font-size: 30px;
    line-height: 40px;
}
div#banner2 .peccular-bannert-b:nth-child(2) h4.title, 
div#banner2 .peccular-bannert-b:nth-child(4) h4.title {
    right: 4.5em;
    left: auto;
}
div#banner2 .peccular-feat-single-bg{
    height: 300px;
}
.product-grid-box h3.title a{
    line-height: 35px;
}
.woocommerce .product-page {
    width: 50%;
}
.inner_contentbox {
    padding: 0em 0em 0;
}
.woocommerce .woocommerce-ordering {
    right: 3em;
    top: 6em;
}
#products-austrak a, #products-sherings a, #products-austmark a {
    width: 29%;
}
div#gallery h2 {
    font-size: 40px;
}
.footer-area .top-area{
    padding-top: 3em;
}
.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt p,
#footer .widget_text p {
    text-align: left;
}
.footer-area p{
    text-align: center;
}
#newsletter .peccular-section-head h2{
    font-size: 41px;
    line-height: 50px;
}
div#banner3 .header-content {
    padding: 6em 1em 5em 1em;
}
div#banner3 .offet-text, div#banner3 .offet-text span{
    font-size: 70px;
    line-height: 85px;
}
div#banner3 .sale-text{
    font-size: 50px;
    line-height: 65px;
}
div#banner3 .header-content{
    padding: 2em 1em 2em 1em;
}
header.site-header .taglinne a, header.site-header .taglinne {
    font-size: 14px;
    line-height: 23px;
}
.ht-site-title, 
.site-title, 
.ht-site-title, 
.site-title, 
.page .ht-site-title, 
.page .site-title, 
.single .ht-site-title, 
.single .site-title{
    font-size: 45px;
}
.header-woo-cart{
    right: 25px !important;
}
.total-count .count{
    right: -15px;
}
div#banner .header-content{
    padding: 3em 1em 4em 1em;
}
div#banner .discount-text{
   padding: 5px 0;
}
div#banner .offet-text{
    padding: 0.2em 0;
}
header.site-header #formButton:after{
    right: 22px;
}
}
@media screen and (min-width:320px) and (max-width: 767px){
    body.woocommerce-account div#content-box .woocommerce-MyAccount-content p a{
        margin-right: 2em;
    }
}
@media screen and (min-width:320px) and (max-width: 576px){
   .theme-twentytwenty .wc-block-grid.has-4-columns .wc-block-grid__product, 
   .wc-block-grid.has-4-columns .wc-block-grid__product {
    flex: 1 0 100% ! IMPORTANT;
    max-width: 100% ! IMPORTANT;
}
.page-template-pagewithleftsidebar-template div#content-box {
    padding-left: 1em;
}
.page-template-pagewithrighttsidebar-template div#content-box {
    padding-right: 1em;
}
body.page-template-blogpagewithrightsidebar-template div#blog-box .inner-blog-post, 
body.archive div#blog-box .inner-blog-post, 
.blog-sidebar-right div#blog-box .inner-blog-post, 
body.page-template.page-template-templates.page-template-pagewithrightsidebar-template div#blog-box .inner-blog-post{
    padding-right: 1em;
}
main#innerpage-box .ht-blog-thumbnail img {
    height: auto ! IMPORTANT;
}
.peccular-blog-post {
    width: 100%;
}
#innerpage-box .peccular-blog-single {
    height: auto !important;
}
body.single-product main#innerpage-box p.product-info-quant {
    left: 0;
}
body.woocommerce-account .peccular-page-main {
    padding-bottom: 3em;
    padding-top: 1em;
}
.woocommerce-MyAccount-content:before {
    font-size: 25px;
}
.woocommerce-MyAccount-content{
    padding-left: 0em;
}
.woocommerce-MyAccount-content:before {
    top: 165px;
    left: 10px;
}
.dashboard-info {
    top: 185px;
    left: 10px;
    padding-right: 2em;
}
.woocommerce-MyAccount-content {
    padding-top: 0em;
}
nav.woocommerce-MyAccount-navigation {
    padding-top: 22em;
    border: 0;
}
body.woocommerce-account .woocommerce {
    display: block;
}
nav.woocommerce-MyAccount-navigation,
.woocommerce-MyAccount-content {
    width: 100%;
}
body.woocommerce-account div#content-box .woocommerce-MyAccount-content p a {
    font-size: 16px;
    display: block;
    margin-bottom: 0em;
    margin-top: 0.5em;
    line-height: 1.5;
}
body.woocommerce-account div#content-box .woocommerce-MyAccount-content p {
  line-height: 0;
}
fieldset#contact-fields,
fieldset#billing-fields,
fieldset#payment-method{
    padding: 0 1em 2em 1em !important;
}
.wc-block-checkout__terms{
    padding: 2em 1em 0em 1em !important;
}
.wc-block-checkout__actions{
    padding: 2em 1em 2em 1em !important;
}
body.product-template-default.single.single-product .star-rating, 
body.product-template-default.single.single-product .star-rating{
    top: 0;
}
.single main#innerpage-box span.woocommerce-review__date{
  top: 5px; 
}

.woocommerce #content div.product div.images, 
.woocommerce div.product div.images, 
.woocommerce-page #content div.product div.images, 
.woocommerce-page div.product div.images,
.woocommerce #content div.product div.summary, 
.woocommerce div.product div.summary, 
.woocommerce-page #content div.product div.summary, 
.woocommerce-page div.product div.summary{
    width: 100% !important;
}
body.product-template-default.single.single-product .description p{
    top: 0;
    padding-left: 3.5em;
}
li.product-category {
    width: 43.7%;
}
div#gallery h2 {
    font-size: 35px;
    line-height: 50px;
}
div#gallery p.desc{
    font-size: 17px;
}
#products-austrak a, 
#products-sherings a, 
#products-austmark a {
    margin: 0 8px 10px 8px;
}
#newsletter .peccular-section-head h2 {
    font-size: 32px;
    line-height: 40px;
}
div#banner3 .offet-text, div#banner3 .offet-text span {
    font-size: 65px;
    line-height: 85px;
}
div#banner3 .sale-text {
    font-size: 45px;
    line-height: 60px;
}
header.site-header .taglinne a, header.site-header .taglinne,.tagline.text-right a {
    font-size: 11px;
    line-height: 20px;
}
.top-bar{
    padding: 1em 0 !important;
}
.total-count:hover .mini-cart-dropdown{
    transform: translateX(10%) translateY(-7%);
}
header.site-header ul.dropdown li a{
    font-size: 15px;
}
.ht-site-title, 
.site-title, 
.ht-site-title, 
.site-title, 
.page .ht-site-title, 
.page .site-title, 
.single .ht-site-title, 
.single .site-title {
    font-size: 30px;
    line-height: 40px;
}
}
@media screen and (min-width:320px) and (max-width: 540px){
#profile .left_content {
        text-align: left;
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 1em;
}
#profile .peccular-profile-content{
        padding-left: 20px;
}
    .site-header ul.navigation-box .fa:before {
        top: 7px !important;
    }
    .ct2-logo {
        width: 75%;
    }
.site-header__header-one{
   padding-top: 0em;
   padding-bottom: 1em;
}
.ip-btn {
    display: block !important;
    position: absolute;
    top: -50px;
    right: 45px;
}
.ct2-logo {
    display: block !important;
}

.tablinks{
    width: auto;
    padding: 10px 15px;
}
.tablinks p{
    font-size: 14px;
}
.site-header__header-one .header-navigation .main-navigation {
    padding-top: 8px;
}
img.custom-logo{
    max-width: 70%;
}
.logo-header.mostion {
    margin: unset;
    text-align: left !important;
}
h2.ct2logo--title {
    text-align: left !important;
/*        padding: 0px 0 10px 20px !important;*/
}
.site-header__header-one .mob-view {
    width: 80%;
}
.site-header .user-img{
    width: 10%;
}
.site-header__header-one .header-navigation .main-navigation{
    width: 100% !important;
}
.footer-area .widget, 
.footer-area .widget, 
.page .footer-area .widget, 
.single .footer-area .widget {
    margin-bottom: 1em;
}
#peccular-contactus-wrap .contact-block-bg{
    margin-bottom: 1em;
}
.peccular-contact-area {
    width: 85%;
}
#peccular-contactus-wrap .contact-block-bg{
    padding: 0.5em 1em 2em 1.5em;
    margin-right: 0;
}
.peccular-contact-mapbox iframe {
    padding-bottom: 2.5em;
}
.single .single-productpage main#innerpage-box h2.woo-reviews{
    margin-top: 0;
    font-size: 40px !important;
}
body.single.single-product .button {
    margin-top: 1em;
    margin-bottom: 1em;
}
body.single.single-product form.cart {
    margin-bottom: 0em !important;
}
li.product-category.product img {
    height: auto !IMPORTANT;
}
body.post-template-default.single.single-post div#content-box .comment-author.vcard img {
    width: 50px;
    height: 50px;
}
body.post-template-default.single.single-post div#content-box .comment-metadata,
body.post-template-default.single.single-post div#content-box div#comments ol em,
body.post-template-default.single.single-post div#content-box .commentmetadata {
    padding-left: 3em;
}
body.post-template-default.single.single-post div#content-box div#comments ol em {
    font-size: 15px;
    padding-left: 4em ! IMPORTANT;
}
body.post-template-default.single.single-post div#content-box .commentmetadata p{
    font-size: 16px;
    line-height: 30px ! IMPORTANT;
}
body.post-template-default.single.single-post div#content-box .commentmetadata time{
    font-size: 15px;
}
body.post-template-default.single.single-post div#content-box .commentmetadata time{
    width: 100%;
    clear: both;
    display: block;
    text-align: right;
}
.post-left-space, 
.post-right-space {
    width: 80%;
}
.mobile-width-auto {
    width: 20%;
}
body.post-template-default.single.single-post .nav-bx-bar .text-right, 
body.post-template-default.single.single-post .nav-bx-bar .text-left {
    width: 50%;
}
body.post-template-default.single.single-post .post-right-space {
    left: 1.8em;
    padding: 0 !IMPORTANT;
    top: 13px;
}
body.post-template-default.single.single-post .post-left-space {
    padding-left: 0 !IMPORTANT;
    top: 13px;
}
body.post-template-default.single.single-post .nav-bx-bar{
    padding-right: 2em;
}
body.post-template-default.single.single-post .nav-bx-bar a{
    font-size: 18px;
}
body.post-template-default.single.single-post .nav-bx-bar h2 {
    display: none;
}
body.post-template-default.single.single-post div#content-box .comment-respond h4 {
    margin-bottom: 1em;
}
body.post-template-default.single.single-post div#content-box .social-box ul:before, 
body.post-template-default.single.single-post div#content-box .social-box ul:after {
    width: 25%;
}
body.post-template-default.single.single-post div#content-box .social-box ul li i.fa, 
body.post-template-default.single.single-post div#content-box .social-box ul li i.fa-brands {
    font-size: 22px;
    width: 40px;
}
body.post-template-default.single.single-post div#content-box ul.post-categories li, 
body.post-template-default.single.single-post div#content-box ul.post-categories li {
    margin: 9px 0 19px;
}
body.post-template-default.single.single-post .blog-tags a {
    margin-right: 0em;
}
body.post-template-default.single.single-post span.treeEnd {
    line-height: 28px;
}
#innerpage-box .blog-info-area .metabox2brdr ul li, 
#innerpage-box .blog-category {
    font-size: 14px;
}
#innerpage-box .blog-info-area .metabox2brdr ul li {
    margin: 10px 9px 10px 0;
    padding: 0 16px 0 0;
    font-size: 14px;
}
.page-template-pagewithrightsidebar-template div#content-box {
    padding-right: 0;
}
.page-template-pagewithleftsidebar-template div#content-box {
    padding-left: 0em;
}
body.page-template.page-template-templates .inner_contentbox, 
body.archive.tag .inner_contentbox, 
body.archive.category .inner_contentbox, 
body.archive.date .inner_contentbox {
    padding-top: 0em;
}
#innerpage-box blockquote p:after{
    bottom: 20px;
    right: 0;
}
.wp-block-quote:not(.is-large):not(.is-style-large){
    padding: 2.8em 3em 3em 1em;
}
.page-template-blogpagewithrightsidebar-template label,
.page-template-blogpagewithleftsidebar-template label  {
    width: 100%;
}
li.product-category{
    margin-left: 0 ! IMPORTANT;
    margin-right: 00px !important;
}
.page-template-blogpagewithrightsidebar-template .widget-area .widget, 
.page-template-blogpagewithleftsidebar-template .widget-area .widget, 
.page-template-blog-template .widget-area .widget {
    margin-bottom: 1.5em;
}
body.page-template .button,
body.archive.date .button,
body.archive.category .button,
body.archive.tag .button{
    margin-top: 2em;
}
.page-template-blogpagewithrightsidebar-template .comm-auth-box,
.page-template-blogpagewithleftsidebar-template .comm-auth-box,
body.page-template-blogpagewithleftsidebar-template div#blog-box .inner-blog-post, 
.blog-sidebar-left div#blog-box .inner-blog-post, 
body.page-template.page-template-templates.page-template-pagewithleftsidebar-template div#blog-box .inner-blog-post{
 padding-left: 0em;
}
body.page-template-blogpagewithrightsidebar-template div#blog-box .inner-blog-post, 
body.archive div#blog-box .inner-blog-post, 
.blog-sidebar-right div#blog-box .inner-blog-post, 
body.page-template.page-template-templates.page-template-pagewithrightsidebar-template div#blog-box .inner-blog-post {
    padding-right: 0em;
}
.comm-auth-box{
    padding-left: 1em;
}
.width-fifty {
  width: 50%;
  padding: 0;
}
#innerpage-box .inner-blogpost {
    height: auto ! IMPORTANT;
}
body.single-product main#innerpage-box .shipp-ico-box {
/*    padding-top: 0.5em;
    padding-bottom: 2em;*/
}
body.single.single-product .woocommerce-message{
    padding: 1em 0em 1em 3.5em !important;
    font-size: 11px;
}
#products-austrak a, #products-sherings a, #products-austmark a {
    margin: 0 0px 25px !important;
}
body.woocommerce-account div#content-box .woocommerce-MyAccount-content p a{
    font-size: 15px;
}
#banner3 .bannerth-bg{
    background-position: right !important;
}
.woocommerce-MyAccount-content:before {
    font-size: 25px;
}
.woocommerce-MyAccount-content{
    padding-left: 0em;
}
.woocommerce-MyAccount-content:before {
    top: 165px;
    left: 10px;
}
.dashboard-info {
    top: 185px;
    left: 10px;
    padding-right: 2em;
}
.woocommerce-MyAccount-content {
    padding-top: 0em;
}
nav.woocommerce-MyAccount-navigation {
    padding-top: 24em;
    border: 0;
}
body.woocommerce-account .woocommerce {
    display: block;
}
nav.woocommerce-MyAccount-navigation,
.woocommerce-MyAccount-content {
    width: 100%;
}
section.related.products:before{
    top: 0;
    font-size: 30px;
}
section.related.products {
    padding-top: 1em;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text{
    width: 100% !important;
}
.single main#innerpage-box button#show-review-form{
    width: 230px;
    height: 45px;
    right: 0;
    top: 145px;
    left: 0;
    margin: 0 auto;
}
body.product-template-default.single.single-product #innerpage-box .comment-form-rating .stars {
    margin-bottom: 1em !important;
}
main#innerpage-box #comments li.comment {
    margin-bottom: 1em ! IMPORTANT;
}
.woocommerce-review-toparea{
    margin-top: 1em;
    margin-bottom: 2em;
    padding: 4em 2em 5em 2em;
}
div#banner3shop{
    margin-top: 1em !important;
}
.single main#innerpage-box h2.woo-reviews{
    margin-top: 0.5em;
    font-size: 36px !important;
    line-height: 50px;
}
div#banner3shop .header-content {
    padding: 2em 2em 2em 2em;
}
div#banner3shop .sale-text{
    font-size: 50px;
}
body.archive.tax-product_cat main#innerpage-box h1.ht-main-title {
    font-size: 30px !important;
}
body.archive.tax-product_cat .woocommerce-ordering{
    top: 5em;
}
.page-main-header .ht-main-title{
    font-size: 30px !important;
}
li.product-category {
    width: 100%;
    padding-bottom: 0em ! IMPORTANT;
}
.cart_totals h2 {
    margin-top: 0 !important;
}

body.post-type-archive-product ul.products,
body.archive.tax-product_cat ul.products {
    padding-top: 1.5em !important;
}

#featuredproduct-section {
    padding-bottom: 2em !important;
}
#newsletter .peccular-section-head h2{
    margin-bottom: 20px;
}
div#newsletter .peccular-section-head {
    margin-bottom: 1.8em;
}
.lg-actions .lg-next {
    right: 150px !important;
}
.lg-toolbar{
    width: 78% !important;
}
div#banner2 h4.title,
div#banner2 .peccular-bannert-b:nth-child(2) h4.title, 
div#banner2 .peccular-bannert-b:nth-child(4) h4.title {
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
}
.header-woo-cart {
    right: 10px !important;
}
.woocommerce .product-page {
  width: auto;
}

.woocommerce-page .woocommerce-ordering select option, 
.woocommerce-page .woocommerce-ordering select {
    font-size: 15px;
    line-height: 25px;
    height: 32px;
    padding: 0px 15px;
}
.single-productpage main#innerpage-box h1.ht-main-title{
    padding-top: 20px;
}
button#product-page{
    font-size: 0;
}
.woocommerce .woocommerce-ordering {
    right: 2em;
    top: 7.3em;
    width: 72%;
}
.woocommerce-page .woocommerce-ordering select{
    width: 100%;
}
img.lg-object.lg-image {
    position: absolute;
    left: 0 !important;
}
.lg-actions .lg-next {
    right: 170px;
}
div#gallery .peccular-section-head {
    margin-left: 0.2em;
}
#products-austrak a, #products-sherings a, #products-austmark a {
    margin: 0 8px 10px 0px;
}
div#gallery h2 {
  font-size: 40px;
  line-height: 50px;
}
div#gallery p.desc{
    padding-top: 10px;
    line-height: 25px;
}
#products-austrak a, #products-sherings a, #products-austmark a {
    width: 100% !important;
}
#newsletter .footer-tag p{
    font-size: 20px;
    line-height: 30px;
}
#newsletter .peccular-newsletter-member-wrap input::placeholder {
    font-size: 20px;
}
#newsletter .peccular-newsletter-member-wrap input[type="submit"]{
    padding: 15px 20px 15px 20px;
    height: 55px;
    margin-left: 3em;
    font-size: 20px;
}
div#banner3 .offet-text, div#banner3 .offet-text span {
    font-size: 45px;
    line-height: 65px;
}
div#banner3 .sale-text {
    font-size: 30px;
    line-height: 45px;
}

div#banner2 .peccular-feat-single-bg{
    height: 200px;
}
div#banner2 .peccular-bannert-icon{
    display: none;
}
.peccular-section-head{
    margin-left: 0;
    margin-right: 0;
}
.peccular-section-head h2{
    font-size: 35px;
    line-height: 45px;
}
header.site-header #formButton:after {
    right: 0px;
}
.header-woo-cart {
    right: 0;
}
.total-count .count {
    right: 0;
}
header.site-header .total-count{
    left: 10px;
}
div#banner .offet-text{
    font-size: 20px;
    line-height: 30px;
}
div#banner .sale-text{
    font-size: 90px;
    line-height: 92px;
}
div#banner .discount-text{
    font-size: 50px;
    line-height: 70px;
}
.header-nav-area ul.dropdown{
    display: none;
}
.width-auto{
    width: auto;
}
header.site-header .taglinne a, 
header.site-header .taglinne, 
.tagline.text-right a {
    text-align: center;
}
.tagline.text-right {
    text-align: center;
}
header.site-header .taglinne a, header.site-header .taglinne, .tagline.text-right a {
    font-size: 15px;
    line-height: 20px;
    text-align: center;
}
.top-bar {
    padding: 0.5em 0 !important;
}
header.site-header .taglinne {
    padding-bottom: 0.3em;
}
.hamburger-menus{
    top: 135px;
}
.header-nav-area .top-account-info {
 /* padding-top: 2em;*/
}
.header-nav-area {
    padding-bottom: 0em;
}
header.site-header form#form1{
    width: 90%;
    right: 0%;
    top: 60px;
}
.total-count:hover .mini-cart-dropdown {
    transform: translateX(85%) translateY(-7%);
}
#video .wrap{
    height: 200px;
}
.animation-box{
    width: 100% !important;
}
.first-text{
    font-size: 25px;
    top: 10rem;
}
.second-text,
.fourth-text{
 font-size: 50px;
}
.fifth-text{
    font-size: 25px;
    bottom: 50%;
}
div#banner .button-all{
    padding: 15px 50px 15px 50px;
}
.widget-area .woocommerce ul.product_list_widget li a{
    font-size: 15px !important;
}
.widget-area .woocommerce ul.product_list_widget li a span{
    line-height: 25px !important;
}
#add_payment_method #payment ul.payment_methods, 
.woocommerce-cart #payment ul.payment_methods, 
.woocommerce-checkout #payment ul.payment_methods{
    padding: 0 !important;
}
}
@media screen and (min-width:320px) and (max-width: 375px){
    #profile .peccular-section-head h2{
            font-size: 35px;
    }
    .tablinks p {
        font-size: 11.5px;
    }
    .single .single-productpage main#innerpage-box h2.woo-reviews {
        margin-top: 0;
        font-size: 30px !important;
    }
    body.post-template-default.single.single-post div#content-box div#comments ol em {
        font-size: 13px;
        padding-left: 4.5em ! IMPORTANT;
    }
    body.woocommerce-account div#content-box .woocommerce-MyAccount-content p a{
        font-size: 13px;
    }
    div#banner3shop .offet-text, div#banner3shop .offet-text span {
        font-size: 45px;
        line-height: 70px;
    }
    div#banner3shop .sale-text {
        font-size: 29px;
        line-height: 45px;
    }
    .single main#innerpage-box h3.prowoocoomercetab-title{
       font-size: 25px !important;
       margin: 0 !IMPORTANT;
   }
   body.single-product main#innerpage-box .prowoocoomercetab-content p{
    font-size: 16px ! IMPORTANT;
    line-height: 28px !important;
}
li.woocommerce-notice.woocommerce-notice--info.woocommerce-info {
    font-size: 14px !important;
}
.woocommerce-billing-fields h3, 
h3#ship-to-different-address span, 
h3#order_review_heading {
    margin-top: 0 !important;
}
.woocommerce-error::before, .woocommerce-info::before, .woocommerce-message::before{
    left: 0.5em;
}
.woocommerce-info{
    padding: 1em 1em 1em 2.5em;
    font-size: 12px !important;
}
.lg-actions .lg-next {
    right: 200px !important;
}
.lg-toolbar {
    width: 68% !important;
}
.total-count:hover .mini-cart-dropdown {
    transform: translateX(82%) translateY(-7%);
}
.woocommerce .woocommerce-ordering {
    width: 69%;
}
div#gallery h2 {
    font-size: 38px;
    line-height: 50px;
}
div#gallery p.desc {
    padding-top: 10px;
    line-height: 30px;
}
.footer-area .bottom-area .footer-text{
    font-size: 14px;
}
div#banner3 .offet-text, div#banner3 .offet-text span {
    font-size: 42px;
    line-height: 50px;
}
div#banner3 .discount-text{
    font-size: 20px;
    line-height: 35px;
}
div#banner .discount-text {
    font-size: 40px;
    line-height: 60px;
}
div#banner2 h4.title{
    font-size: 30px;
    line-height: 40px;
}
div#banner3 a.button-all{
    font-size: 15px;
    padding: 10px 20px 10px 20px;
}
}
@media screen and (min-width:320px) and (max-width: 320px){
    .tablinks p {
        font-size: 13px;
    }
    .peccular-contact-area {
        width: 80%;
    }
    .single main#innerpage-box h3.prowoocoomercetab-title {
        font-size: 20px !important;
        margin: 0 !IMPORTANT;
    }
    body.single-product button.single_add_to_cart_button.button.alt{
     height: 62px ! IMPORTANT;
     width: 150px !important;
     min-width: 120px !important;
     font-size: 16px !important;
     padding: 0 !IMPORTANT;
 }
 body.post-template-default.single.single-post div#content-box div#comments ol em {
    font-size: 12px;
    padding-left: 4.8em ! IMPORTANT;
}
body.post-template-default.single.single-post .post-right-space {
    left: 1.2em;
    padding: 0 !IMPORTANT;
    top: 15px;
}
body.post-template-default.single.single-post .post-left-space {
    top: 15px;
}
.post-left-space, .post-right-space {
    width: 70%;
}
.mobile-width-auto {
    width: 30%;
}
body.post-template-default.single.single-post .nav-bx-bar a {
    font-size: 15px;
}
body.post-template-default.single.single-post div#content-box .comment-respond h4 span{
    font-size: 30px;
}
body.post-template-default.single.single-post div#content-box .social-box ul:before, 
body.post-template-default.single.single-post div#content-box .social-box ul:after {
    width: 15%;
}
#innerpage-box .blog-info-area .metabox2brdr ul li i.fa {
    font-size: 12px !important;
}
#innerpage-box .blog-info-area .metabox2brdr ul li, 
#innerpage-box .blog-info-area .metabox2brdr ul li a,
#innerpage-box .blog-category {
    font-size: 12px !important;
}
body.single-product main#innerpage-box .shipp-ico-box {
    padding-top: 1em;
    padding-bottom: 1em;
}
body.woocommerce-account div#content-box .woocommerce-MyAccount-content p a {
    margin-right: 0em;
    padding: 1em 1em 1em 2em;
    font-size: 12px;
}
.woocommerce-MyAccount-content:before {
    font-size: 21px;
}
nav.woocommerce-MyAccount-navigation {
    padding-top: 27em;
}
.page-main-header .ht-main-title {
    font-size: 22px !important;
}
.woocommerce-info {
    padding: 1em 1em 1em 2.5em;
    font-size: 14px !important;
    line-height: 20px;
    padding-top: 10px !important;
}
body.woocommerce-checkout h1.ht-main-title{
    font-size: 45px !important;
}
div#content-box .cart .button{
    font-size: 12px;
}
.woocommerce div#secondary{
    padding: 5px;
}
.woocommerce .widget_price_filter .price_slider_amount .price_label span{
    font-size: 15px !important;
}
.peccular-section-head h2 {
    font-size: 30px;
    line-height: 40px;
}
.footer-area .social-profile-icons ul li a i, 
.footer-area .social-profile-icons i.fa {
    padding-right: 0.5em;
}
.lg-actions .lg-next {
    right: 255px !important;
}
.lg-toolbar {
    width: 59% !important;
}
.product-grid-box .price, 
.product-grid-box del, 
.product-grid-box .price del bdi, 
.product-grid-box .price bdi{
    padding: 0;
}
.total-count:hover .mini-cart-dropdown{
    width: 285px;
}
.woocommerce .woocommerce-ordering {
    width: 63%;
}
div#gallery h2 {
    font-size: 32px;
    line-height: 45px;
}
#newsletter .peccular-section-head h2 {
    font-size: 27px;
    line-height: 35px;
}
div#banner3 .offet-text, div#banner3 .offet-text span {
    font-size: 30px;
    line-height: 50px;
}
div#banner3 .sale-text {
    font-size: 25px;
    line-height: 40px;
}
header.site-header .taglinne a, 
header.site-header .taglinne, 
.tagline.text-right a {
    font-size: 13px !important;
}
header.site-header .taglinne a, 
header.site-header .taglinne, 
.tagline.text-right a {
    font-size: 14px;
}
div#banner .discount-text {
    font-size: 38px;
    line-height: 50px;
}
div#banner .offet-text {
    font-size: 18px;
    line-height: 25px;
}
.product-grid-box h3.title a{
    font-size: 19px;
}
.product-grid-box .price, 
.product-grid-box del, 
.product-grid-box .price del bdi, 
.product-grid-box .price bdi{
   font-size: 20px;
}

}
/**/
@media screen and (min-width:320px) and (max-width: 575px){
    main#innerpage-box .peccular-testimonials-image{    text-align: center;}
    body.page-template-default main#innerpage-box .peccular-testimonials-identity {    
        left: 0; 
        text-align: center;
    }
}

@media screen and (min-width:320px) and (max-width: 767px){
    .container {
     max-width: 1000px !important;
 }
 .single-footer-4 h4.widget-title{padding: 0 0 0 0px;}
}

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

    .footer-area .social-profile-icons ul li{ margin: 00 10px 0px 0;}
}

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

 #newsletter .wpcf7:after{ right: 10%;top: 35%;}
}
@media screen and (min-width:768px) and (max-width: 991px){
 .area-inner{
          padding-left: 0 !important;
        margin-left: 0;
        width: 100%;
}
.peccular-counter-b {
    margin-bottom: 2em;
}
#profile .peccular-section-head{
    margin-left: 0;
}
#profile .block--2 {
    padding-top: 3em;
}
#profile{
        padding-bottom: 2em !important;
}
div#banner {
    padding-bottom: 13em !important;
    padding-top: 0em !important;
}
#banner .container.top-box{
        transform: translate(-50%, 45%);
}
#banner .subtext{
        width: 45%;
}

.ct2-logo {
    display: block;
}
header.site-header ul {
    margin: 0;
    text-align: left;
    float: left;
    width: 100%;
}
.sidebar.info-block{
    display: none;
}
 #newsletter .peccular-newsletter-member-wrap input[type="email"]{
    padding: 0px 15px !important;
}
}

@media screen and (min-width:576px) and (max-width: 767px){
 #newsletter .wpcf7:after{    top: 69%;}

}
@media screen and (min-width:495px) and (max-width: 575px){
 #newsletter .peccular-newsletter-member-wrap input[type="submit"]{
    position: absolute !important;
    right: 25px !important;
    top: 82px !important;
}
#newsletter .wpcf7:after{    top: 70%;}

}
@media screen and (min-width:320px) and (max-width: 494px){
 #newsletter .wpcf7:after{ right: 10%;   top: 73%;}

}
@media screen and (min-width:320px) and (max-width: 410px){
 #newsletter .wpcf7:after{ right: 13%;}
}


@media screen and (min-width: 320px) and (max-width: 576px){
    .top-bar-head { background-color: #ffffff !important;}
}

@media screen and (min-width: 426px) and (max-width: 576px){
    .slide-inner .slider-inner-mainbox{     top: 10% !important;}
}
@media screen and (min-width: 320px) and (max-width: 425px){
    .swiper-container-horizontal>.swiper-pagination-bullets,
    .swiper-pagination-custom, .swiper-pagination-fraction{left: 0 !important;}
}
@media screen and (min-width: 426px) and (max-width: 590px){
    .swiper-container-horizontal>.swiper-pagination-bullets,
    .swiper-pagination-custom, .swiper-pagination-fraction{left: 20px !important;}
}
@media screen and (min-width:691px) and (max-width: 767px){
    .swiper-container-horizontal>.swiper-pagination-bullets,
    .swiper-pagination-custom, .swiper-pagination-fraction{left: 4% !important;}
}

@media screen and (min-width: 320px) and (max-width: 358px){
    .ht-main-title {    margin: 45px 0 0.5em 0;}
}
@media screen and (min-width:992px) and (max-width: 1024px){
 #newsletter .newsletter-sign-box {
    padding: 0em 2em 4em 1.5em;
}

.peccular-section-head {
    text-align: left;
    margin-bottom: 3em;
    margin-left: 0em;
    margin-right: 0em;
}

.site-header .socials a i.fa{margin-right: 4px !important;}
.site-header .socials { padding: 25px 0px 10px 0 !important;}
}
@media screen and (min-width:320px) and (max-width: 991px){
    .site-header .socials a i.fa{margin-right:0px !important; width: 28px; height: 28px; line-height: 27px;font-size: 15px;}
    .site-header .socials { padding: 25px 0px 5px 0 !important;}
}
@media screen and (min-width:641px) and (max-width: 767px){
    .top-bar-head .header-bottom-border { bottom: -1px;}
}

@media screen and (min-width:320px) and (max-width: 575px){
    .top-bar-head .header-bottom-border { bottom: 0px;}

}
@media screen and (min-width:320px) and (max-width: 768px){
  .page{
        display: block;
  }
  .area-inner{
          padding-left: 0 !important;
        margin-left: 0;
        width: 100%;
}
  .peccular-counter-b {
    margin-bottom: 2em;
}
  #profile .peccular-section-head{
    margin-left: 0;
}
#profile .block--2 {
    padding-top: 3em;
}
#profile{
        padding-bottom: 2em !important;
}
  .ct2-logo {
          display: inline-block;
}
div#banner {
    padding-bottom: 13em !important;
    padding-top: 0em !important;
}
#banner .container.top-box{
        transform: translate(-50%, 45%);
}
#banner .subtext{
        width: 45%;
}
   .sidebar.info-block{
    display: none;
}
header.site-header ul {
    margin: 0;
    text-align: left;
    float: left;
    width: 100%;
}
    .woocommerce table.shop_table td{
        padding: 9px 12px 40px !important;
    }
    #newsletter .newsletter-sign-box{
        padding: 0em 0em 0em;
    }
    #newsletter .peccular-section-head{
        margin: 0;
    }
    #features .peccular-section-head p {
        padding: 15px 0em 1em 0em !important;
    }
    .slide-inner .slider-inner-mainbox{margin-top: 15px; }

    .hero-style .slide-title h2 {
        font-size: 30px !important;
        line-height: 24px !important;
    }
    .swiper-pagination-bullet {
        width: 8px !important;
        height: 8px !important;
    }
}

@media screen and (min-width:320px) and (max-width:426px){
    .textdata1{
        font-size: 35px;
}
    #banner .subtext {
        width: 80% !important;
    }
        div#banner {
        padding-bottom: 13em !important;
        padding-top: 5em !important;
    }
    .woocommerce ul.products li.product .button {
        margin-bottom: 3em !important;
    }

    main#innerpage-box .peccular-blog-date{
        top: 38% !important;
    }

    div#content-box .faq-content button.accordion:before{
        right: 2em !important;
    }
    #innerpage-box .peccular-testimonials-content p{
        margin-top: 0px;
    }
    main#innerpage-box .peccular-testimonials-single{
        margin: 0em 5px;
        padding: 0.5em;
    }
    #peccular-contactus-wrap .boxes-gap {
        margin-left: 0em;
    }
    #peccular-contactus-wrap .peccular-contact-page-form {
        padding-left: 0em;
        padding-right: 0em;
    }

    #peccular-contactus-wrap .contact-gap {
        margin-left: 0em;
    }
    .footer-area .footer-content {
        padding: 0em 2em 8em 2em;
        margin-right: 0em;
        margin-left: 0em;
    }
    #newsletter .submt-btn {
     text-align: center; 
     z-index: 1; 
     position: absolute;
 }
}
@media screen and (min-width:320px) and (max-width:375px){
    #banner .subtext {
        width: 95% !important;
    }
        .textdata1 {
        font-size: 30px;
    }
}
@media screen and (min-width:320px) and (max-width:320px){
    .textdata1 {
        font-size: 25px;
    }
    #banner .subtext{
            font-size: 14px;
                    width: 100% !important;
    }
}