/* 
-----------------------------------------------
Blogger Template Style
Name:        Dizee
License:     Free Version
Version:     1.0
Author:      Sora Templates
Author Url:  https://www.soratemplates.com/
----------------------------------------------- */



/*-- Reset CSS --*/
 /* PRELOADER */
ul.no-posts {
    text-align: center;
}
html .home {
    overflow-x: hidden;
}
#google_translate_element {
    clear: both;
}
#preloader {
position: fixed;
z-index: 1800;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
 background-color: #f1c40f;
  overflow: hidden;
}
.no-js #preloader,
.oldie #preloader {
display: none
}
#preloader h1 {
  position: absolute;
  font-weight: 600;
  font-size: 15px;
  text-transform: uppercase;
  left: 50%;
  top: 58%;
  margin-left: -20px;
  letter-spacing:2px;
  font-family: 'Indie Flower', sans-serif;
}

.loader-x {
  position: absolute;
  top: 50%;
  margin-left: -50px;
  left: 50%;
  animation: speeder .4s linear infinite;

  > span {
    height: 5px;
    width: 35px;
    background: #000;
    position: absolute;
    top: -19px;
    left: 60px;
    border-radius: 2px 10px 1px 0;
  }
}

.loader-x .base {
  span {
    position: absolute;
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-right: 100px solid #000;
    border-bottom: 6px solid transparent;

    &:before {
      content: "";
      height: 22px;
      width: 22px;
      border-radius: 50%;
      background: #000;
      position: absolute;
      right: -110px;
      top: -16px;
    }

    &:after {
      content: "";
      position: absolute;
      width: 0;
      height: 0;
      border-top: 0 solid transparent;
      border-right: 55px solid #000;
      border-bottom: 16px solid transparent;
      top: -16px;
      right: -98px;
    }
  }
}

.loader-x .face {
  position: absolute;
  height: 12px;
  width: 20px;
  background: #000;
  border-radius: 20px 20px 0 0;
  transform: rotate(-40deg);
  right: -125px;
  top: -15px;

  &:after {
    content: "";
    height: 12px;
    width: 12px;
    background: #000;
    right: 4px;
    top: 7px;
    position: absolute;
    transform: rotate(40deg);
    transform-origin: 50% 50%;
    border-radius: 0 0 0 2px;
  }
}

.loader-x  > span > span:nth-child(1),
.loader-x  > span > span:nth-child(2),
.loader-x  > span > span:nth-child(3),
.loader-x  > span > span:nth-child(4) {
  width: 30px;
  height: 1px;
  background: #000;
  position: absolute;
  animation: fazer1 .2s linear infinite;
}

.loader-x  > span > span:nth-child(2) {
  top: 3px;
  animation: fazer2 .4s linear infinite;
}

.loader-x  > span > span:nth-child(3) {
  top: 1px;
  animation: fazer3 .4s linear infinite;
  animation-delay: -1s;
}

.loader-x  > span > span:nth-child(4) {
  top: 4px;
  animation: fazer4 1s linear infinite;
  animation-delay: -1s;
}

@keyframes fazer1 {
  0% {
    left: 0;
  }
  100% {
    left: -80px;
    opacity: 0;
  }
}

@keyframes fazer2 {
  0% {
    left: 0;
  }
  100% {
    left: -100px;
    opacity: 0;
  }
}

@keyframes fazer3 {
  0% {
    left: 0;
  }
  100% {
    left: -50px;
    opacity: 0;
  }
}

@keyframes fazer4 {
  0% {
    left: 0;
  }
  100% {
    left: -150px;
    opacity: 0;
  }
}

@keyframes speeder {
  0% {
    transform: translate(2px, 1px) rotate(0deg);
  }
  10% {
    transform: translate(-1px, -3px) rotate(-1deg);
  }
  20% {
    transform: translate(-2px, 0px) rotate(1deg);
  }
  30% {
    transform: translate(1px, 2px) rotate(0deg);
  }
  40% {
    transform: translate(1px, -1px) rotate(1deg);
  }
  50% {
    transform: translate(-1px, 3px) rotate(-1deg);
  }
  60% {
    transform: translate(-1px, 1px) rotate(0deg);
  }
  70% {
    transform: translate(3px, 1px) rotate(-1deg);
  }
  80% {
    transform: translate(-2px, -1px) rotate(1deg);
  }
  90% {
    transform: translate(2px, 1px) rotate(0deg);
  }
  100% {
    transform: translate(1px, -2px) rotate(-1deg);
  }
}

.longfazers {
  position: absolute;
  width: 100%;
  height: 100%;

  span {
    position: absolute;
    height: 2px;
    width: 20%;
    background: #000;

    &:nth-child(1) {
      top: 20%;
      animation: lf .6s linear infinite;
      animation-delay: -5s;
    }

    &:nth-child(2) {
      top: 40%;
      animation: lf2 .8s linear infinite;
      animation-delay: -1s;
    }

    &:nth-child(3) {
      top: 60%;
      animation: lf3 .6s linear infinite;
    }

    &:nth-child(4) {
      top: 80%;
      animation: lf4 .5s linear infinite;
      animation-delay: -3s;
    }
  }
}

@keyframes lf {
  0% {
    left: 200%;
  }
  100% {
    left: -200%;
    opacity: 0;
  }
}
@keyframes lf2 {
  0% {
    left: 200%;
  }
  100% {
    left: -200%;
    opacity: 0;
  }
}
@keyframes lf3 {
  0% {
    left: 200%;
  }
  100% {
    left: -100%;
    opacity: 0;
  }
}
@keyframes lf4 {
  0% {
    left: 200%;
  }
  100% {
    left: -100%;
    opacity: 0;
  }
}
a,abbr,acronym,address,applet,b,big,blockquote,body,caption,center,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,i,iframe,img,ins,kbd,label,legend,li,object,p,pre,q,s,samp,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,u,ul,var{
    padding:0;
    border:0;
    outline:0;
    vertical-align:baseline;
    background:0 0;
    text-decoration:none
}
*{
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
form,textarea,input,button{
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    border-radius:0
}
dl,ul{
    list-style-position:inside;
    font-weight:400;
    list-style:none
}
ul li{
    list-style:none
}
caption,th{
    text-align:center
}
img{
    border:none;
    position:relative
}
a,a:visited{
    text-decoration:none
}
.post-body a:visited {
color:red;
}
.clearfix{
    clear:both
}
.section,.widget,.widget ul{
    margin:0;
    padding:0
}
a{
    color:#f75023
}
a:visited {
color:red;
}
a:hover{
    color:#2a2b3f
}
a img{
    border:0
}
abbr{
    text-decoration:none
}
.CSS_LIGHTBOX{
    z-index:999999!important
}
.separator a{
    clear:none!important;
    float:none!important;
    margin-left:0!important;
    margin-right:0!important
}
#navbar-iframe,.widget-item-control,a.quickedit,.home-link,.feed-links{
    display:none!important
}
.center{
    display:table;
    margin:0 auto;
    position:relative
}
.widget > h2,.widget > h3{
    display:none
}
h1,h2,h3,h4,h5,h6 {font-family: 'Nunito', sans-serif;font-weight:700;}
/*-- Body Content CSS --*/
 body{
    background:$(color) url() repeat scroll top left;
    background-color:#ffffff;
    background-size: auto;
    font-family:'Poppins',sans-serif;
    font-size:14px;
    font-weight:400;
    color:#495057;
    word-wrap:break-word;
    margin:0;
    padding:0
}
 .row{
    width:1240px
}
 #content-wrapper{
    float:left;
    width:100%;
    padding:0 0 35px;
    margin:0;
    background-color: #f3f7fd;
}
.home #content-wrapper, .index #content-wrapper, .static_page #content-wrapper {
 margin:0;
 padding-bottom:35px;
 background:transparent;
}
 .item #content-wrapper{
    margin:40px 0;
    background:#ffffff;
}
 #content-wrapper > .container{
    position:relative;
    margin:0 auto
}
 #main-wrapper{
    overflow:hidden;
    padding:0;
    margin:0 -7px
}
.index #main-wrapper {
    overflow: visible;
    float: left;
    width: 100%;
    margin: 0;
}
 .item #main-wrapper{
    margin:0;
float: left;
    overflow: hidden;
    width: 66.66666667%;
    box-sizing: border-box;
    word-wrap: break-word;
    padding: 0 15px;
    margin: 0;
}
 #sidebar-wrapper{
  display:none;
   float: right;
    overflow: hidden;
    width: 33.33333333%;
    box-sizing: border-box;
    word-wrap: break-word;
    padding: 0 15px;
}
.item #sidebar-wrapper {
display:block;
}
.sidebar .widget{
position:relative;
overflow:hidden;
background-color:#fff;
box-sizing:border-box;
padding:0;
margin:0 0 35px
}
.sidebar .widget-title{
position:relative;
float:left;
width:100%;
height:32px;
background-color:#f0f0f0;
display:block;
margin:0 0 20px
}
.sidebar .widget-title > h3{
position:relative;
display:block;
height:32px;
font-size:12px;
color:#333333;
font-weight:700;
line-height:32px;
text-align:center;
text-transform:uppercase;
padding:0 15px;
margin:0;
border-radius:2px 2px 0 0
}
.sidebar .widget-content{
float:left;
width:100%;
margin:0
}
 .list-label li{
    position:relative;
    display:block;
    padding:8px 0;
    border-top:1px dotted #eaeaea
}
 .list-label li:first-child{
    padding:0 0 8px;
    border-top:0
}
 .list-label li:last-child{
    padding-bottom:0;
    border-bottom:0
}
 .list-label li a{
    display:block;
    color:#2a2b3f;
    font-size:13px;
    font-weight:400;
    text-transform:capitalize;
    transition:color .17s
}
 .list-label li a:before{
    content:"\f105";
    float:left;
    color:#2a2b3f;
    font-size:12px;
    font-weight:400;
    font-family:FontAwesome;
    margin:0 3px 0 0;
    transition:color .17s
}
 .list-label li a:hover{
    color:#f75023
}
 .list-label .label-count{
    position:relative;
    float:right;
    font-weight:400
}
 .cloud-label li{
    position:relative;
    float:left;
    margin:0 5px 5px 0
}
 .cloud-label li a{
    display:block;
    height:26px;
    background-color:#fff;
    color:#2a2b3f;
    font-size:12px;
    line-height:26px;
    font-weight:400;
    padding:0 10px;
    border:1px solid #eaeaea;
    border-radius:3px;
    transition:all .17s ease
}
 .cloud-label li a:hover{
    color:#f75023
}
 .cloud-label .label-count{
    display:none
}
 .sidebar .FollowByEmail > .widget-title > h3{
    margin:0
}
 .FollowByEmail .widget-content{
    position:relative;
    overflow:hidden;
    background-color:#f75023;
    font-weight:400;
    text-align:center;
    box-sizing:border-box;
    padding:20px
}
 .FollowByEmail .widget-content > h3{
    font-size:18px;
    color:#fff;
    font-weight:700;
    margin:0 0 13px
}
 .FollowByEmail .before-text{
    font-size:13px;
    color:#fff;
    line-height:1.4em;
    margin:0 0 15px;
    display:block;
    padding:0 15px;
    overflow:hidden
}
 .FollowByEmail .follow-by-email-inner{
    position:relative
}
 .FollowByEmail .follow-by-email-inner .follow-by-email-address{
    width:100%;
    height:34px;
    color:#888;
    font-size:11px;
    font-family:inherit;
    text-align:center;
    padding:0 10px;
    margin:0 0 10px;
    box-sizing:border-box;
    border:1px solid #eaeaea;
    transition:ease .17s
}
 .FollowByEmail .follow-by-email-inner .follow-by-email-address:focus{
    border-color:rgba(0,0,0,0.1)
}
 .FollowByEmail .follow-by-email-inner .follow-by-email-submit{
    width:100%;
    height:34px;
    font-family:inherit;
    font-size:11px;
    color:#fff;
    background-color:#2a2b3f;
    text-transform:uppercase;
    text-align:center;
    font-weight:700;
    cursor:pointer;
    margin:0;
    border:0;
    transition:opacity .17s
}
 .FollowByEmail .follow-by-email-inner .follow-by-email-submit:hover{
    opacity:.8
}
 #ArchiveList ul.flat li{
    color:#2a2b3f;
    font-size:13px;
    font-weight:400;
    padding:8px 0;
    border-bottom:1px dotted #eaeaea
}
 #ArchiveList ul.flat li:first-child{
    padding-top:0
}
 #ArchiveList ul.flat li:last-child{
    padding-bottom:0;
    border-bottom:0
}
 #ArchiveList .flat li > a{
    display:block;
    color:#2a2b3f;
    transition:color .17s
}
 #ArchiveList .flat li > a:hover{
    color:#f75023
}
 #ArchiveList .flat li > a:before{
    content:"\f105";
    float:left;
    color:#2a2b3f;
    font-size:12px;
    font-weight:400;
    font-family:FontAwesome;
    margin:0 3px 0 0;
    display:inline-block;
    transition:color .17s
}
 #ArchiveList .flat li > a > span{
    position:relative;
    float:right;
    font-weight:400
}
 .PopularPosts .post{
    overflow:hidden;
    margin:20px 0 0
}
 .PopularPosts .post:first-child{
    margin:0
}
 .PopularPosts .post-image-link{
    position:relative;
    width:80px;
    height:65px;
    float:left;
    overflow:hidden;
    display:block;
    vertical-align:middle;
    margin:0 12px 0 0
}
 .PopularPosts .post-info{
    overflow:hidden
}
 .PopularPosts .post-title{
    font-size:14px;
    font-weight:500;
    line-height:1.4em;
    margin:0 0 5px
}
 .PopularPosts .post-title a{
    display:block;
    color:#2a2b3f;
    transition:color .17s
}
 .PopularPosts .post-title a:hover{
    color:#f75023
}
 .PopularPosts .post-meta{
    font-size:11px
}
 .PopularPosts .post-date:before{
    font-size:10px
}
 .FeaturedPost .post-image-link{
    display:block;
    position:relative;
    overflow:hidden;
    width:100%;
    height:180px;
    margin:0 0 13px
}
 .FeaturedPost .post-title{
    font-size:18px;
    overflow:hidden;
    font-weight:500;
    line-height:1.4em;
    margin:0 0 10px
}
 .FeaturedPost .post-title a{
    color:#2a2b3f;
    display:block;
    transition:color .17s ease
}
 .FeaturedPost .post-title a:hover{
    color:#f75023
}
 .Text{
    font-size:13px
}
 .contact-form-widget form{
    font-weight:400
}
 .contact-form-name{
    float:left;
    width:100%;
    height:30px;
    font-family:inherit;
    font-size:13px;
    line-height:30px;
    box-sizing:border-box;
    padding:5px 10px;
    margin:0 0 10px;
    border:1px solid #eaeaea
}
 .contact-form-email{
    float:left;
    width:100%;
    height:30px;
    font-family:inherit;
    font-size:13px;
    line-height:30px;
    box-sizing:border-box;
    padding:5px 10px;
    margin:0 0 10px;
    border:1px solid #eaeaea
}
 .contact-form-email-message{
    float:left;
    width:100%;
    font-family:inherit;
    font-size:13px;
    box-sizing:border-box;
    padding:5px 10px;
    margin:0 0 10px;
    border:1px solid #eaeaea
}
 .contact-form-button-submit{
    float:left;
    width:100%;
    height:30px;
    background-color:#f75023;
    font-size:13px;
    color:#fff;
    line-height:30px;
    cursor:pointer;
    box-sizing:border-box;
    padding:0 10px;
    margin:0;
    border:0;
    transition:background .17s ease
}
 .contact-form-button-submit:hover{
    background-color:#2a2b3f
}
 .contact-form-error-message-with-border{
    float:left;
    width:100%;
    background-color:#fbe5e5;
    font-size:11px;
    text-align:center;
    line-height:11px;
    padding:3px 0;
    margin:10px 0;
    box-sizing:border-box;
    border:1px solid #fc6262
}
 .contact-form-success-message-with-border{
    float:left;
    width:100%;
    background-color:#eaf6ff;
    font-size:11px;
    text-align:center;
    line-height:11px;
    padding:3px 0;
    margin:10px 0;
    box-sizing:border-box;
    border:1px solid #5ab6f9
}
 .contact-form-cross{
    margin:0 0 0 3px
}
 .contact-form-error-message,.contact-form-success-message{
    margin:0
}
 .BlogSearch .search-input{
    float:left;
    width:75%;
    height:30px;
    background-color:#fff;
    font-weight:400;
    font-size:13px;
    line-height:30px;
    box-sizing:border-box;
    padding:5px 10px;
    border:1px solid #eaeaea;
    border-right-width:0
}
 .BlogSearch .search-action{
    float:right;
    width:25%;
    height:30px;
    font-family:inherit;
    font-size:13px;
    line-height:30px;
    cursor:pointer;
    box-sizing:border-box;
    background-color:#f75023;
    color:#fff;
    padding:0 5px;
    border:0;
    transition:background .17s ease
}
 .BlogSearch .search-action:hover{
    background-color:#2a2b3f
}
 .Profile .profile-img{
    float:left;
    width:80px;
    height:80px;
    margin:0 15px 0 0;
    transition:all .17s ease
}
 .Profile .profile-datablock{
    margin:0
}
 .Profile .profile-data .g-profile{
    display:block;
    font-size:14px;
    color:#2a2b3f;
    margin:0 0 5px;
    transition:color .17s ease
}
 .Profile .profile-data .g-profile:hover{
    color:#f75023
}
 .Profile .profile-info > .profile-link{
    color:#2a2b3f;
    font-size:11px;
    margin:5px 0 0;
    transition:color .17s ease
}
 .Profile .profile-info > .profile-link:hover{
    color:#f75023
}
 .Profile .profile-datablock .profile-textblock{
    display:none
}
 .common-widget .LinkList ul li,.common-widget .PageList ul li{
    width:calc(50% - 5px);
    padding:7px 0 0
}
 .common-widget .LinkList ul li:nth-child(odd),.common-widget .PageList ul li:nth-child(odd){
    float:left
}
 .common-widget .LinkList ul li:nth-child(even),.common-widget .PageList ul li:nth-child(even){
    float:right
}
 .common-widget .LinkList ul li a,.common-widget .PageList ul li a{
    display:block;
    color:#2a2b3f;
    font-size:13px;
    font-weight:400;
    transition:color .17s ease
}
 .common-widget .LinkList ul li a:hover,.common-widget .PageList ul li a:hover{
    color:#f75023
}
 .common-widget .LinkList ul li:first-child,.common-widget .LinkList ul li:nth-child(2),.common-widget .PageList ul li:first-child,.common-widget .PageList ul li:nth-child(2){
    padding:0
}
 .post-image-wrap{
    position:relative;
    display:block
}
 .post-image-link:hover:after,.post-image-wrap:hover .post-image-link:after{
    opacity:1
}
 .post-image-link,.comments .avatar-image-container{
    background-color:#f9f9f9
}
 .post-thumb{
    display:block;
    position:relative;
    width:100%;
    height:100%;
    color:transparent;
    object-fit:cover;
    z-index:1;
   opacity: 0;
    transition:opacity .35s ease,transform .35s ease
}
.post-thumb.lazy-yard {
    opacity: 1;
}
 .widget-title > h3{
    display:none
}
#brand-services-wrap .widget-title {
display:block;
    text-align: center;
}
#brand-services-wrap .widget-title > h3 {
    color: #2a2b3f;
    display: inline-block;
    font-size: 20px;
    font-weight: 700;
    max-width: 540px;
    margin: 0 auto;
    padding: 0 0 20px;
}
.custom-widget li{
    overflow:hidden;
    margin:20px 0 0
}
 .custom-widget li:first-child{
    padding:0;
    margin:0;
    border:0
}
 .custom-widget .post-image-link{
    position:relative;
    width:80px;
    height:60px;
    float:left;
    overflow:hidden;
    display:block;
    vertical-align:middle;
    margin:0 12px 0 0
}
 .custom-widget .post-info{
    overflow:hidden
}
 .custom-widget .post-title{
    overflow:hidden;
    font-size:13px;
    font-weight:400;
    line-height:1.5em;
    margin:0 0 3px
}
 .custom-widget .post-title a{
    display:block;
    color:#2a2b3f;
    transition:color .17s
}
 .custom-widget li:hover .post-title a{
    color:#f75023
}
 .custom-widget .post-meta{
    font-size:12px
}
#editorial-wrap .container {
    margin: 0 auto;
}
.editorial-authors {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px 0;
}
.editorial-authors .widget {
    display: block;
    width: 33.33333%;
    padding:0 15px;
    box-sizing: border-box;
    border-radius: 12px;
    text-align: center;
}
.editorial-authors .widget .editorial-avatar-wrap {
    position: relative;
}
.editorial-authors .widget .editorial-avatar-wrap .editorial-avatar {
    display: block;
    width: 100%;
    height: 510px;
    overflow: hidden;
}
.editorial-authors .widget .editorial-avatar-wrap .editorial-avatar img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    margin: 0;
}
.editorial-authors .widget .editorial-avatar-wrap .editorial-info {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 30px 30px 34px;
    text-align: center;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#000),to(transparent));
    background-image: -webkit-linear-gradient(bottom,#000,transparent);
    background-image: -moz-linear-gradient(bottom,#000,transparent);
    background-image: -ms-linear-gradient(bottom,#000,transparent);
    background-image: -o-linear-gradient(bottom,#000,transparent);
    background-image: linear-gradient(bottom,#000,transparent);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#000',endColorStr='rgba(0, 0, 0, 0)');
}
.editorial-authors .widget .editorial-avatar-wrap .editorial-info .editorial-title {
    font-size: 22px;
    color: #fff;
    font-weight: 700;
    margin: 0 0 2px;
}
.editorial-authors .widget .editorial-avatar-wrap .editorial-info .editorial-meta {
    font-size: 14px;
    color: #fff;
    font-weight: 400;
    margin: 0;
    display: block;
}
#editorial-wrap .head-text {
    margin: 15px 0 50px;
}
#editorial-wrap {
    display: none;
    margin-bottom: 50px;
}
 #top-bar{ 
    background-image: url(https://1.bp.blogspot.com/-GUTgXwRhUV0/YGAkDor0AGI/AAAAAAAAKXU/VB_EXXtwjms7kFnwy2JhtdVkwp52clA_gCNcBGAsYHQ/s16000/email-bg.jpg);
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    background-attachment: fixed;
    width:100%;
    padding:20px 0 0;
    overflow:hidden;
    margin:0;
    position:relative;
}
 .top-bar-bg{ 
 background-color: rgba(68,63,69,0.9);
 position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
}
 #top-bar .container{
    margin:0 auto
}
 .top-bar-nav{
    position:relative;
    float:right;
    display:block
}
 .top-bar-nav .widget > .widget-title{
    display:none
}
 .top-bar-nav ul li{
    float:left
}
 .top-bar-nav ul li > a{
    height:30px;
    display:block;
    color:#fff;
    font-size:12px;
    font-weight:400;
    line-height:30px;
    margin:0 0 0 10px;
    padding:0 5px;
    transition:color .17s
}
 .top-bar-nav ul li:first-child > a{
    padding:0 5px 0 0
}
 .top-bar-nav ul > li:hover > a{
    color:#f75023
}
 .top-bar-social{
    float:left;
width:66.66666667%;
    position:relative;
    display:block;
margin: 0;
padding:25px 0 0;
text-align:center;
}
#author-email-pic {
    width: 33.33333333%;
    float: right;
}
#author-email-pic img {
    height: auto;
    max-width: 100%;
    vertical-align: top;
}
.top-bar-social .BlogSearch {
    max-width: 550px;
    width: 100%;
    margin: 0 auto;
    overflow:hidden;
}
.top-bar-social .BlogSearch .widget-content {
   background:transparent;
}
.top-bar-social .BlogSearch .search-input {
border-radius: 10px;
    height: auto;
    font-size: 15px;
    width: 100%;
    color: #888;
    font-family: inherit;
    text-align: center;
    padding: 0;
    margin: 0 0 10px;
    box-sizing: border-box;
    border: 1px solid #eaeaea;
    transition: ease .17s;
    line-height: 50px;
}
.top-bar-social .BlogSearch .search-input input {
    width: 100%;
    box-sizing: border-box;
    padding: 0 10px;
    border: 0;
    text-align:center;
    height: 50px;
    border-radius: 10px;
    line-height: 50px;
}
.top-bar-social .BlogSearch .search-action {
width:auto;
display: inline-block;
    padding: 0 15px;
    box-sizing: border-box;
    border-radius: 30px;
background:#f75023;
    height: 45px;
    font-size: 14px;
    letter-spacing: 1px;
        float: none;
}
.top-bar-social .LinkList {
margin-top:15px;
}
.top-bar-social .widget-title > h3 {
    display: block;
    color: #f2f2f2;
   font-size: 36px;
    line-height: 42px;
    font-weight: 700;
    margin: 0 0 15px;
}
 .top-bar-social .LinkList >  .widget-title{
    display:none
}
 .top-bar-social ul > li{
    display:inline-block
}
 .top-bar-social ul > li > a{
   display:block;
width:30px;
height:30px;
border:1px solid rgba(158, 158, 158, 0.15);
color:#ffffff;
font-size:14px;
text-align:center;
line-height:30px;
padding:0;
margin:0 0 0 10px;
transition:all .17s ease;
border-radius:50%;
}
 
 .top-bar-social ul > li:hover > a{
    color:#f75023
}
 .social a:before{
    display:inline-block;
    font-family:FontAwesome;
    font-style:normal;
    font-weight:400
}
 .social .facebook a:before{
    content:"\f230"
}
 .social .facebook-f a:before{
    content:"\f09a"
}
 .social .twitter a:before{
    content:"\f099"
}
.social .x-twitter a:before{
    content:"\e61b"
}
 .social .gplus a:before{
    content:"\f0d5"
}
 .social .rss a:before{
    content:"\f09e"
}
 .social .youtube a:before{
    content:"\f16a"
}
 .social .skype a:before{
    content:"\f17e"
}
 .social .stumbleupon a:before{
    content:"\f1a4"
}
 .social .tumblr a:before{
    content:"\f173"
}
 .social .vk a:before{
    content:"\f189"
}
 .social .stack-overflow a:before{
    content:"\f16c"
}
 .social .github a:before{
    content:"\f09b"
}
 .social .linkedin a:before{
    content:"\f0e1"
}
 .social .dribbble a:before{
    content:"\f17d"
}
 .social .soundcloud a:before{
    content:"\f1be"
}
 .social .behance a:before{
    content:"\f1b4"
}
 .social .digg a:before{
    content:"\f1a6"
}
 .social .instagram a:before{
    content:"\f16d"
}
 .social .pinterest a:before{
    content:"\f0d2"
}
 .social .pinterest-p a:before{
    content:"\f231"
}
 .social .twitch a:before{
    content:"\f1e8"
}
 .social .delicious a:before{
    content:"\f1a5"
}
 .social .codepen a:before{
    content:"\f1cb"
}
 .social .reddit a:before{
    content:"\f1a1"
}
 .social .whatsapp a:before{
    content:"\f232"
}
 .social .snapchat a:before{
    content:"\f2ac"
}
 .social .email a:before{
    content:"\f0e0"
}
 .social .external-link a:before{
    content:"\f14c"
}
 .social-color .facebook a,.social-color .facebook-f a{
    background-color:#3b5999
}
 .social-color .twitter a{
    background-color:#00acee
}
.social-color .x-twitter a{
    background-color:#14171A
}
 .social-color .gplus a{
    background-color:#db4a39
}
 .social-color .youtube a{
    background-color:#db4a39
}
 .social-color .instagram a{
    background-color:#bc3490
}
 .social-color .pinterest a,.social-color .pinterest-p a{
    background-color:#ca2127
}
 .social-color .dribbble a{
    background-color:#ea4c89
}
 .social-color .linkedin a{
    background-color:#0077b5
}
 .social-color .tumblr a{
    background-color:#365069
}
 .social-color .twitch a{
    background-color:#6441a5
}
 .social-color .rss a{
    background-color:#ffc200
}
 .social-color .skype a{
    background-color:#00aff0
}
 .social-color .stumbleupon a{
    background-color:#eb4823
}
 .social-color .vk a{
    background-color:#4a76a8
}
 .social-color .stack-overflow a{
    background-color:#f48024
}
 .social-color .github a{
    background-color:#24292e
}
 .social-color .soundcloud a{
    background-color:#ff5400
}
 .social-color .behance a{
    background-color:#191919
}
 .social-color .digg a{
    background-color:#1b1a19
}
 .social-color .delicious a{
    background-color:#0076e8
}
 .social-color .codepen a{
    background-color:#000
}
 .social-color .reddit a{
    background-color:#ff4500
}
 .social-color .whatsapp a{
    background-color:#3fbb50
}
 .social-color .snapchat a{
    background-color:#ffe700
}
 .social-color .email a{
    background-color:#888
}
 .social-color .external-link a{
    background-color:#2a2b3f
}
 #header-wrap{
   position: relative;
    background: #e8f3ff;
    border-bottom: 1px solid #0E0B3D26;
    left: 0;
    top: 0;
    padding: 0;
    width: 100%;
    height: 68px;
    z-index: 1010;
}
 #header-wrap .container{
    margin:0 auto;
    position:relative
}
 .header-logo{
    position:relative;
    float:left;
    height:38px;
    margin:15px 0 0
}
 .header-logo .header-brand{
    display:inline-block;
    line-height:0
}
 .header-logo img{
    max-width:100%;
    height:38px;
    vertical-align:middle
}
 .header-logo h1{
    color:#0e0b3d;
    font-size:20px;
    line-height:38px;
    margin:0
}
 .header-logo p{
    font-size:12px;
    margin:5px 0 0
}
#parallax-menu {
    display: none;
}
.home #parallax-menu {
    display: block;
}
.scrolling-menu {
    float: right;
    position: relative;
    height: 68px;
}
.scrolling-menu ul > li {
    float: left;
    position: relative;
    margin: 0;
    padding: 0;
    transition: color .17s;
}
.scrolling-menu ul > li > a {
    position: relative;
    color: #0e0b3d;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 68px;
    display: inline-block;
    text-decoration: none;
    padding: 0 10px;
    margin: 0 0 0 5px;
    transition: color .17s;
}
.scrolling-menu ul > li:last-child > a {
    padding: 0 0 0 10px
}
.home #main-menu {
display:none;
}
 #main-menu{
    float:right
}
 #main-menu .widget,#main-menu .widget > .widget-title{
    display:none
}
 #main-menu .show-menu{
    display:block
}
 #main-menu{
    position:relative;
    height:68px;
    z-index:15
}
 #main-menu ul > li{
    float:left;
    position:relative;
    margin:0;
    padding:0;
    transition:color .17s
}
 #main-menu ul > li > a{
    position:relative;
    color:#0e0b3d;
    font-size:12px;
    font-weight:600;
    text-transform:uppercase;
    line-height:68px;
    display:inline-block;
    text-decoration:none;
    padding:0 10px;
    margin:0 0 0 5px;
    transition:color .17s
}
 #main-menu #main-menu-nav > li:last-child > a{
    padding:0 0 0 10px
}
 #main-menu ul > li > a:hover{
    color:#f75023
}
 #main-menu ul > li > ul{
    position:absolute;
    float:left;
    left:0;
    top:68px;
    width:180px;
    background-color:#2a2b3f;
    z-index:99999;
    margin-top:0;
    padding:0;
    visibility:hidden;
    opacity:0
}
 #main-menu ul > li > ul > li > ul{
    position:absolute;
    float:left;
    top:0;
    left:100%;
    margin-left:0
}
 #main-menu ul > li > ul > li{
    display:block;
    float:none;
    position:relative;
    transition:background .17s ease
}
 #main-menu ul > li > ul > li a{
    display:block;
    height:34px;
    font-size:11px;
    color:#ffffff;
    line-height:34px;
    box-sizing:border-box;
    padding:0 15px;
    margin:0
}

 #main-menu ul > li > ul > li:hover{
    background-color:#f75023
}
 #main-menu ul > li > ul > li:hover > a{
    color:#fff
}
 #main-menu ul > li.has-sub > a:after{
    content:'\f107';
    float:right;
    font-family:FontAwesome;
    font-size:12px;
    font-weight:400;
    margin:0 0 0 6px
}
 #main-menu ul > li > ul > li.has-sub > a:after{
    content:'\f105';
    float:right;
    margin:0
}
 #main-menu ul > li:hover > ul,#main-menu ul > li > ul > li:hover > ul{
    visibility:visible;
    opacity:1
}
 #main-menu ul ul{
    transition:all .17s ease
}
 .mobile-menu-toggle, .scrolling-mobile-menu-toggle{
    display:none;
    position:absolute;
    right:0;
    top:0;
    height:68px;
    line-height:68px;
    z-index:20;
    color:#0e0b3d;
    font-size:21px;
    font-weight:400;
    text-align:left;
    cursor:pointer;
    padding:0 0 0 20px;
    transition:color .17s ease
}
.home .mobile-menu-toggle, .home .mobile-menu-wrap {
display:none;
}
 .mobile-menu-toggle:before, .scrolling-mobile-menu-toggle:before{
    content:"\f0c9";
    font-family:FontAwesome
}
 .nav-active .mobile-menu-toggle:before, .scrolling-active .scrolling-mobile-menu-toggle:before{
    content:"\f00d";
    font-family:FontAwesome
}
 .mobile-menu-toggle:hover, .scrolling-mobile-menu-toggle:hover{
    color:#f75023
}
 .overlay{
    display:none;
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    z-index:990;
    background:rgba(0,0,0,0.8)
}
 .mobile-menu-wrap, .scrolling-mobile-menu-wrap{
    display:none
}
 .mobile-menu, .scrolling-mobile-menu{
    position:absolute;
    top:68px;
    left:0;
    width:100%;
    background-color:#2a2b3f;
    box-sizing:border-box;
    visibility:hidden;
    z-index:1000;
    opacity:0;
    border-top:1px solid rgba(255,255,255,0.05);
    transition:all .17s ease
}
 .nav-active .mobile-menu, .scrolling-active .scrolling-mobile-menu{
    visibility:visible;
    opacity:1
}
 .mobile-menu > ul, .scrolling-mobile-menu > ul{
    margin:0
}
 .mobile-menu .m-sub{
    display:none;
    padding:0
}
 .mobile-menu ul li, .scrolling-mobile-menu ul li{
    position:relative;
    display:block;
    overflow:hidden;
    float:left;
    width:100%;
    font-size:11px;
    font-weight:600;
    text-transform:uppercase;
    line-height:38px;
    border-bottom:1px solid rgba(255,255,255,0.05)
}
 .mobile-menu ul li:last-child, .scrolling-mobile-menu ul li:last-child{
    border-bottom:0
}
 .mobile-menu > ul li ul{
    overflow:hidden
}
 .mobile-menu ul li a, .scrolling-mobile-menu ul li a{
    color:#ffffff;
    padding:0 20px;
    display:block;
    transition:all .17s ease
}
 .mobile-menu ul li a:hover, .scrolling-mobile-menu ul li a:hover{
    color:#f75023
}
 .mobile-menu ul li.has-sub .submenu-toggle{
    position:absolute;
    top:0;
    right:0;
    color:#ffffff;
    cursor:pointer;
    border-left:1px solid rgba(255,255,255,0.05)
}
 .mobile-menu ul li.has-sub .submenu-toggle:after{
    content:'\f105';
    font-family:FontAwesome;
    font-weight:400;
    float:right;
    width:38px;
    font-size:16px;
    line-height:38px;
    text-align:center;
    transition:all .17s ease
}
 .mobile-menu ul li.has-sub .submenu-toggle:hover{
    color:#f75023
}
 .mobile-menu ul li.has-sub.show > .submenu-toggle:after{
    transform:rotate(90deg)
}
 .mobile-menu ul li ul li:first-child{
    border-top:1px solid rgba(255,255,255,0.05)
}
 .mobile-menu ul li ul li{
    background-color:rgba(255,255,255,0.05)
}
 #intro-wrap{
    display:none;
    position:relative;
    float:left;
    width:100%;
    z-index:2;
    margin:0;
    background-image:linear-gradient(180deg, #F4FEFF 65%, #FFFFFF 100%);
}
#intro-wrap:after {
    position: absolute;
    background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNQkqj0zKQJLgNUuRG23AQJevNBol-qTvJci-DEv118j50yxPGxGsJx7rkf1-Nyvw1mMm5XWbVRp116RLVQ3pi62jAErtZqcoIwSlcZYKZrvB-N46YTIs_3CLJ1HMhyphenhypheno94-aJ1m3wZXDnqR4FRh-zP6wdcPKfs49TMblnTNJRHlkul3t8ZKGpOlIM03Hte/s16000/main-bg.jpg);
    display: block;
    content: "";
    top: 0;
    height: 100%;
    width: 100%;
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: cover;
    mix-blend-mode: multiply;
    opacity: 1;
}
.slide-in {
    font-size: 3.3rem;
    position: absolute;
    bottom: 2.2rem;
    left: 0;
    display: block;
    width: 100%;
    margin: 0;
    padding: 0
}
.slide-in .pointer {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 26px;
    height: 42px;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border: 2px solid #f75023;
    border-radius: 26px;
    -webkit-backface-visibility: hidden
}
.slide-in .pointer:after {
    position: absolute;
    top: 5px;
    left: 50%;
    width: 4px;
    height: 4px;
    margin-left: -2px;
    content: '';
    -webkit-transform: translateY(0) scaleY(1) scaleX(1) translateZ(0);
    transform: translateY(0) scaleY(1) scaleX(1) translateZ(0);
    -webkit-animation: scroll 1.5s -1s cubic-bezier(.68, -.55, .265, 1.55) infinite;
    animation: scroll 1.5s -1s cubic-bezier(.68, -.55, .265, 1.55) infinite;
    opacity: 1;
    border-radius: 100%;
    background-color: #f75023
}
@-webkit-keyframes scroll {
    0%, 20% {
        -webkit-transform: translateY(0) scaleY(1) scaleX(1) translateZ(0);
        transform: translateY(0) scaleY(1) scaleX(1) translateZ(0)
    }
    10% {
        -webkit-transform: translateY(0) scaleY(1.2) scaleX(1.2) translateZ(0);
        transform: translateY(0) scaleY(1.2) scaleX(1.2) translateZ(0);
        opacity: 1
    }
    to {
        -webkit-transform: translateY(20px) scaleY(2.5) scaleX(.5) translateZ(0);
        transform: translateY(20px) scaleY(2.5) scaleX(.5) translateZ(0);
        opacity: .01
    }
}
@keyframes scroll {
    0%, 20% {
        -webkit-transform: translateY(0) scaleY(1) scaleX(1) translateZ(0);
        transform: translateY(0) scaleY(1) scaleX(1) translateZ(0)
    }
    10% {
        -webkit-transform: translateY(0) scaleY(1.2) scaleX(1.2) translateZ(0);
        transform: translateY(0) scaleY(1.2) scaleX(1.2) translateZ(0);
        opacity: 1
    }
    to {
        -webkit-transform: translateY(20px) scaleY(2.5) scaleX(.5) translateZ(0);
        transform: translateY(20px) scaleY(2.5) scaleX(.5) translateZ(0);
        opacity: .01
    }
}
@-webkit-keyframes blink {
    0%, to {
        opacity: 1
    }
    50% {
        opacity: 0
    }
}
@keyframes blink {
    0%, to {
        opacity: 1
    }
    50% {
        opacity: 0
    }
}
 #main-intro{
    position:relative;
    float:left;
    width:100%;
    height:100%;
}
 #main-intro .widget{
    height:100%;
    width:100%;
    display:block;
    overflow:hidden;
    position: relative;
    z-index: 2;
}
#main-intro #LinkList2 {
    display: none;
    visibility: hidden;
    opacity: 0;
    height: 0;
    width: 0;
}
#main-intro .widget-content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin:0 -15px;
}
#main-intro .container {
    position: relative;
    margin: 0 auto;
}
#main-intro .widget.HTML, #main-intro #HTML100 {
    display: none;
}
 .intro-content{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    max-width: 50%;
    flex: 0 0 50%;
    text-align: left;
    margin: 0;
    padding: 0 15px;
}
 .intro-title{
    font-size:50px;
    color:#0e0b3d;
    font-weight:900;
    margin:0 0 20px;
    position: relative;
}
.intro-title:before, .head-text .widget-title > h3:before, .author-title:before {
    content: '';
    background-color: #c3e6e478;
    height: 70px;
    width: 70px;
    display: inline-block;
    position: absolute;
    border-radius: 50%;
    z-index: -1;
    top: -5px;
}
.head-text .widget-title > h3:before {
    width: 40px;
    height: 40px;
}
 .intro-snippet{
    font-size:18px;
    line-height:34px;
    color:#46436a;
    margin:0
}
 .intro-action a, .service-action a{
    position:relative;
    display:inline-block;
    height:40px;
    font-size:14px;  
    overflow: hidden;
    z-index: 1;
    color:#fff;
    line-height:40px;
    padding:0 25px;
    margin:30px 0 0;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px;
    transition:background .17s ease
}
.intro-action {
    width:100%;
}
.intro-action-button {
    display:inline-block;
    padding:4px;
    margin:30px 0 0;
    border:1px solid #f75023;
    border-radius: 50px 50px 50px 50px;
    -webkit-border-radius: 50px 50px 50px 50px;
    -moz-border-radius: 50px 50px 50px 50px;
    border-radius: 50px 50px 50px 50px;
}
.intro-action-button:hover{
    border-color:#2a2b3f
}
.intro-action a {
    display:block;
    height:60px;
    line-height:60px;
    margin:0;
    color:#ffffff;
    font-size:21px; 
    font-weight:700;
    text-align:center;
    border-radius: 50px 50px 50px 50px;
    -webkit-border-radius: 50px 50px 50px 50px;
    -moz-border-radius: 50px 50px 50px 50px;
    border-radius: 50px 50px 50px 50px;
    box-shadow:0px 6px 12px 0px rgba(9.488944251018994, 86.19899155061154, 201.26406249999997, 0.2) inset;
}
.intro-action a:hover {
    
}
.intro-action a:before {
    content:"\f061";
    float:right;
    margin:0 0 0 8px;
    font-family: FontAwesome;
    font-weight: 400;
    
}
.intro-action a:after, .service-action a:after {   
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    height: 100%;
    width: 100%;
    background: #f75023 none repeat scroll 0 0;
    transition: all .35s ease-in-out;
    z-index: -1;
}
 .intro-action a:hover:after{
    background-color:#2a2b3f
}
.intro-image {
   display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    max-width: 50%;
    flex: 0 0 50%;
    text-align: left;
    margin: 0;
    order: 13;
    padding: 0;
    position:relative;
}
#intro-wrap .intro-image .intro-image-inner-part {
   position:relative;
   bottom:0;
   height:100%;
   width:100%;
    max-height: 400px;
    max-width: 320px;
}
#intro-wrap .intro-image img {
   position:relative;
   bottom:0;
}
.intro-image:before {
    content:""; 
    background-position: top center;
    background-repeat: no-repeat;
    background-size: contain;
    position:absolute;
   left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
}
.bubble-target {
  position: absolute;
  top: 0;
  left: 0;
    width: 100%;
    height: 100%;
}

.bubble-images {
  position: relative;
  margin: 0;
  padding: 0;
  list-style: none;
    width: 100%;
    height: 100%;
}

.bubble-images li {
  position: relative;
  padding: 6px;
  background-color: rgba(255, 255, 255, 0.4);
  border-radius: 10px;
  box-shadow: 0 3px 20px rgba(14, 11, 61, 0.1);
  overflow: hidden;
}

.bubble-images li::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  border-radius: 10px;
  background-color: rgba(255, 255, 255, 0.6);
  z-index: 0;
}

.bubble-images li a {
  display: block;
  line-height: 0;
  padding: 0;
  margin: 0;
  border: none;
  position: relative;
  z-index: 1;
}

.bubble-images li img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 5px;
}

.bubble-images li.item-0 {
  position: absolute;
 top: 0px;
    left: -20px;
  animation: floatUpDown 4s ease-in-out infinite;
  animation-delay: 0s;
}

.bubble-images li.item-1 {
  position: absolute;
 top: 50px;
    right: -40px;
  animation: floatUpDown 5s ease-in-out infinite;
  animation-delay: 1s;
}
.bubble-images li.item-2 {
  position: absolute;
 bottom: 0;
    right: 50%;
    left:auto;
    margin:0 auto;
  animation: floatUpDown 4.5s ease-in-out infinite;;
  animation-delay: 0.5s;
}
@keyframes floatUpDown {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-15px);
  }
  100% {
    transform: translateY(0px);
  }
}
.author-intro-widgets-duo {
    padding: 40px 0;
    background: #ffffff;
}
.author-intro-widgets-duo .container {
    margin: 0 auto;   
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-gap: 0;
}
#head-text5 {
    margin:0 auto;
}
.author-intro-widgets-duo .right-side-widget{
display: flex;
    justify-content: center;
    align-items: center;
    justify-items: center;
}
.author-intro-widgets-duo .widget {
    display: block;
    overflow: hidden;
    padding: 25px 55px 25px 0;
}
#intro-author-services-left .widget {
    background: #fcfcff;
    border: 1px solid #0E0B3D26;
    padding: 25px;
    margin:0 0 25px;
    border-radius: 20px;
}
#intro-author-services-left .widget:last-child {
   margin:0;
}
.author-intro-widgets-duo .author-list.right-side-widget .widget {  
    padding: 0 30px;
    box-sizing:border-box;
}
.counter-content {
    position:relative;
    overflow:hidden;
}
.author-intro-widgets-duo .left-side-widget .widget:last-child {
    border-bottom: 0;
}
.author-intro-widgets-duo .author-list .service-icon {
    float: left;
    margin-right: 25px;
    font-size: 30px;
    color: #ffffff;
    position: relative;
    background: #f75023;
    border-radius: 16px;
    height: 86px;
    width: 86px;
    flex-shrink: 0;
    text-align: center;
    line-height: 86px;
}
.author-intro-widgets-duo .author-list.right-side-widget  .service-icon {
    float: left;
    margin-left: 0;
     margin-right:25px;
}
.author-intro-widgets-duo .author-list.left-side-widget .service-content {
    text-align: left;
}
.author-intro-widgets-duo .author-list.right-side-widget .service-content {
    text-align: left;
}
.author-intro-widgets-duo .author-list .service-title {
    color:#2a2b3f;
    font-size: 26px;
    margin: 0 0 15px;
}
.author-intro-widgets-duo .author-list .service-snippet {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.875;
    color: #495057;
    margin: 0;
}
#brand-services-wrap{
    display:none;
    background-color: #f5f5f7;
    float:left;
    width:100%;
    padding:30px 0
}
#brand-services-wrap .container {
    position: relative;
    margin: 0 auto;
}
#brand-services-wrap ul {
padding:0;
margin:0;
list-style:none;
}
#brand-services-wrap li{
float: left;
    width: calc(100% / 5);
    box-sizing: border-box;
    padding: 0 20px;
position:relative;
text-align:center;
}
.author-intro-widgets-duo .left-side-widget ul {
  background-color: #ffffff;
    border-radius: 12px;
}

.toggle {
    margin-bottom: 20px;
}
.toggle:last-child {
margin:0;
}
.toggle .toggle-title {
  position: relative;
  display: block;
}
.toggle .toggle-title h3 {
  font-size: 25px;
  margin: 0px;
  line-height: 1.6;
  cursor: pointer;
  font-weight: 700;
  color:#2a2b3f;
text-transform:capitalize;
}

.toggle .toggle-inner {
  padding: 7px 25px 10px 25px;
  display: none;
  margin: -7px 0 6px;
  color:#495057;
}
.toggle .toggle-inner div {
  max-width: 100%;
}
.toggle .toggle-title .title-name {
  display: block;
  padding: 15px 35px 15px 25px;
box-sizing:border-box;

}
.toggle .toggle-title a i {
  font-size: 22px;
  margin-right: 5px;
}
.toggle .toggle-title i {
  position: absolute;
  background: url("https://4.bp.blogspot.com/-ygbxrw8NhQA/XHGJ5IWmT-I/AAAAAAAAGYA/6UiyG5LnnhM6iqhFI2EEGd8wgd1hln5ggCLcBGAs/s1600/plus_minus.png") 0px -24px no-repeat;
  width: 24px;
  height: 24px;
  transition: all 0.3s ease;
  margin: 15px;
  right: 0;
}
.toggle .toggle-title.active i {
  background: url("https://4.bp.blogspot.com/-ygbxrw8NhQA/XHGJ5IWmT-I/AAAAAAAAGYA/6UiyG5LnnhM6iqhFI2EEGd8wgd1hln5ggCLcBGAs/s1600/plus_minus.png") 0px 0px no-repeat;
}
.counter-box {
   overflow: hidden;
    margin: 0 auto 35px;
    padding: 0;
    position: relative;
    background:#ffffff;
}
.counter-box:before, .counter-box:after{
   content: '';
    position: absolute;
    background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwNUA18UQKIyqVjwwcy_B3NvLF7B0zx2aB-jI-PspzgnEAo_QfuIHosKrS9hihkIMkNAXM8VgQ4PUomxy045fAW3lnLcLoqhcZYZyR1E2ZwCSm2KcVU13Gqqs7NxW7PSWNhw-u942ZzORk8mst1ie5JXxNOEpywk3lc_TJBDTESsTT_-Sz2iL274fDc6fZ/s16000/bg-1.png);
    background-repeat: no-repeat;
    background-size: cover;
}
.counter-box:before {
    width:130px;
    height:217px;
    left:0;
    top:0;
}
.counter-box:after{
    background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihve8ovMmsLEN_Nw8KPgJXyNu1aQvqU0ZyV6pTZuHHfrNGEBS4kmvidlv2PJyQ48nQVy1arOhN47rFdXvMA36EpBTzgaVhodlgedrXe3pKkAKjgWax_iXbKF3UesvpWt2hIvOzLjO4I2x5IXe_RruC_J7zl19qRoYX4AyUY0pfRq7Wy0QSfRdYwu4HSkuW/s16000/bg-2.png);
    width:272px;
    height:165px;
    right:0;
    bottom:0;
}
.counter-box-footer {
    margin: 0 auto;
    padding: 0 0 30px;
}
.counter-box .container {
margin:0 auto;
}
.counter-box-info {
    float: right;
    width: 50%;
    padding-left:30px;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    justify-items: center;
}
.counter-box-info .head-text {
    text-align: left;
        margin: 0;
}
.counter-box-image {
    float: left;
    width: 50%;
    padding-right:30px;
        box-sizing: border-box;
}
.counter-box-wrap {
float:left;
width:100%;
position:relative;
overflow:hidden;
display: grid;
    grid-template-columns: repeat(4,1fr);
    grid-gap: 20px;
    margin: 0 auto;
    border-radius:10px;
    padding:60px 0;
}
.counter-box-wrap .widget {
   display: flex;
    flex-direction: column;
    width: 100%;
    padding:10px 0;
    box-sizing: border-box;
    position: relative;
    flex-wrap: wrap;
    align-content: center;
}
.counter-avatar {
  float: left;
    margin-right: 15px;
    position: relative;
    height: 45px;
    width: 45px;
    flex-shrink: 0;
    text-align: center;
    line-height: 45px;
}
.counter-avatar img {
    width: 100%;
    height: 100%;
}
.counter-avatar i {
    display: block;
    line-height: 45px;
    font-size: 45px;
    font-weight: 400;
    font-style: normal;
    margin: 0;
    color: #f75023;
}
.counter-info {
    overflow: hidden;
}
.counter-info .counter-title {
    font-size: 30px;
    line-height: .9;
    font-weight: 700;
    margin: 0;
    padding: 0;
}
.counter-info .counter-meta {
    font-weight: 400;
    font-size: 12px;
    color: #99A2AC;
    margin: 0;
}
.counter-box-image .counter-content {
    position: relative;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
}
.counter-box-image .counter-content {
    text-align: center;
}
.counter-image-wrap, .counter-image-wrap .widget, .counter-image-wrap .widget-content, .counter-image-wrap .counter-content {
    height: 100%;
}
 #intro-author-wrap{
   display:none;
    position:relative;
    float:left;
    width:100%;
    padding:0;
    margin:0;
}
 #intro-author-wrap .container{
    position:relative;
    margin:0 auto
}
#intro-author-heading {
    width: 100%;
    float: left;
    display:block;
    position:relative;
    padding: 20px 0;
    margin-bottom:30px;
    text-align:center;
}
#intro-author-heading .container {
    margin: 0 auto;
   background-color: rgba(128,103,240,.92);
    background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtkomLiIjNVVAD_pUUpQH53qcVAkHrID6SBL1YKgtFDQg2JGwwrFhZ77aEzwkjFDxbidGMOS57JSlyqpHGoJIlq8qcahXGn3HNCfP-UFvPp7sblcSZhdpWFUV5cfb50ZQK9of3G87LyuPICB6yh9ct_lORs4uoLdAaN1rYWMvarPD7vyNTXZHQuCDBofhp/s16000/dots.jpg);
   border-radius: 10px;
    position: relative;
    overflow: hidden;
}
#intro-author-heading .bg-overlay {
  background-color: transparent;
    background-image: radial-gradient(at center center, rgba(128,103,240,.92) 0%, rgba(128,103,240,.92) 85%);
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
}
#intro-author-heading .author-content {
    padding: 40px 30px;
    box-sizing:border-box;
    z-index: 2;
    position: relative;
}
#intro-author-heading .button {
    margin: 10px 0 0;
    padding: 8px 20px;
    background: #f75023;
    color:#fff;
display: inline-block;
    float: none;
    border-radius:10px;
}
#intro-author-heading .button:hover {
   background: #f75023;
}
.author-intro-widgets {
    margin: 0 0 30px;
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-gap: 15px;
    padding:0;
}
.author-intro-widgets .left-side-widget, .author-intro-widgets .center-side-widget, .author-intro-widgets .right-side-widget {
    display: flex;
    flex-direction: column;
    width: 100%;
    box-sizing: border-box;
    text-align: center;
    padding: 0;
    box-sizing: border-box;
    position:relative;
    background: #ffffff;
    border-radius:20px;
}
.author-intro-widgets .right-side-widget {

}
#intro-author-heading .author-title {
    color:#ffffff
}
#intro-author-heading .author-snippet {
    color:#fefefe
}
.author-intro-widgets .author-list .widget {
    display: block;
    list-style: none;
    width:100%;
    float: left;
    margin:0;
    box-sizing: border-box;
position:relative;
}
 #intro-author-photo{
    position:relative;
    float:left;
    width:100%;
    height:400px;
    box-sizing:border-box;
    padding:0 10px
}
 #intro-author-photo .author-image{
    position:relative;
    display:block;
    width:100%;
    height:100%;
    background-repeat:no-repeat;
    background-size:cover;
    margin:0
}
 
 .author-title{
    display:block;
    font-size:40px;
    color:#2a2b3f;
    font-weight:700;
    margin:15px 0 20px;
    position:relative;
}
 .author-snippet{
    font-size:14px;
     color:#495057;
    line-height:24px;
    margin:0
}
 #intro-services-wrap{
    display:none;
    float:left;
    width:100%;
    background-color:#fffffff;
    padding:80px 0
}
 #intro-services-wrap .container{
    position:relative;
    margin:0 auto
}
 #intro-services{
    display:block;
    margin:0 -20px
}
 #intro-services .widget{
    float:left;
    width:calc(100% / 3);
    box-sizing:border-box;
    padding:0 20px
}
 .service-content{
    display:block;
    text-align:center
}
 #intro-services .service-icon{
    display:inline-block;
    width:70px;
    height:70px;
    text-align:center;
    border-radius:100%;
    overflow:hidden
}
 #intro-services .service-icon img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    border-radius:100%;
    color:transparent
}
 #intro-services .service-icon i{
    display:block;
    background-color:#f2f2f2;
    font-size:30px;
    color:#f75023;
    line-height:70px;
    font-weight:400;
    font-style:normal;
    margin:0
}


.author-intro-widgets .author-list .service-content-details {
    position: absolute;
    bottom:0;
    left:0;
    z-index: 3;
    float: left;
    width: 100%;
    padding: 30px;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
.author-intro-widgets .author-list .service-content:hover .service-content-details{
    webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}
.author-intro-widgets .author-list .service-content-details .service-snippet {
    color: #fefefe;
    font-size: 13px;
line-height: 22px;
}
.author-intro-widgets .left-side-widget .service-content {
text-align:right;
}
.author-intro-widgets .author-list .service-content {
    text-align: left;
    overflow:hidden;
    padding: 0;
    position: relative;
    border-radius: 12px;
    height:490px;
    width:100%;
    box-sizing: border-box;
}
.author-intro-widgets .author-list .service-content:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    background: #000;
    opacity: 0;
    z-index: 2;
    margin: 0;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
.author-intro-widgets .author-list .service-content:hover:before {
    opacity: .3;
}
.author-intro-widgets .service-content .service-content-box-color {
    float: left;
    width: 100%;
    height: 100%;
    margin: 0;
    border-radius: 12px;
    position: relative;
    display: block;
    box-sizing: border-box;
}
.author-intro-widgets .service-content .service-content-box-color img {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: 12px;
    color: transparent;
    object-fit: cover;
    z-index: 1;    
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    -webkit-transition: all .4s;
    transition: all .4s;
}
.author-intro-widgets .service-content:hover .service-content-box-color img{
    -webkit-transform: scale3d(1.15, 1.15, 1);
    transform: scale3d(1.15, 1.15, 1);
} 
.service-title{
    font-size:14px;
    color:#2a2b3f;
    font-weight:700;
    text-transform:capitalize;
    margin:25px 0 15px
}
.author-intro-widgets .author-list .service-title{
font-size: 28px;
    line-height: 1.2;
margin:0 0 10px;
color:#ffffff;
overflow:hidden;
}
 .service-snippet{
    font-size:14px;
    line-height:24px;
    margin:0
}
#pricing-tables {
    margin: 0 auto;
}
#pricing-table {
    margin: 0 0 30px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 15px;
    align-items: start
}
#pricing-table .widget {
display: flex;
    flex-direction: column;
    width: 100%;
    padding: 20px 0 0;
   box-sizing: border-box;
    text-align: left;
    background: #2a2b3f;
    box-shadow: 0px 0px 60px 0px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
}
#pricing-table #HTML5 {
    background: #f75023;
}
#pricing-table .widget .widget-title {
position: relative;
    color: #fff;
    display: block;
    text-align: center;
    margin: 0 0 20px;
}
#pricing-table #HTML4 .widget-title:before {
    content: "Bronze";
    font-size: 16px;
    color: #f75023;
    text-align: center;
    display: block;
    text-transform: uppercase;
    font-weight: 400;
}
#pricing-table #HTML5 .widget-title:before { 
 content: "Silver";
    font-size: 16px;
    color: #ffffff;
    text-align: center;
    display: block;
    text-transform: uppercase;
    font-weight: 400;
}
#pricing-table #HTML6 .widget-title:before { 
 content: "Gold";
    font-size: 16px;
    color: #f75023;
    text-align: center;
    display: block;
    text-transform: uppercase;
    font-weight: 400;
}
#pricing-table .widget .widget-title h3 {
    position: relative;
    display: block;
    font-size: 22px;
    color: #fff;
    text-transform: capitalize;
    text-align: center;
    padding: 0;
    margin: 5px 0 0;
}
#pricing-table .widget .widget-content{
    background: #ffffff;
    margin: 0;
    border-radius: 10px;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
    padding:20px;
}
#pricing-table .widget .widget-content:before {
    content: "";
    position: absolute;
    height: 7px;
    width: 100%;
    bottom: 0;
    right: 0;
    z-index: 2;
    background-color: transparent;
    background-image: linear-gradient(90deg, #885DD100 65%, #e3545d 100%);
}
#pricing-table .widget .widget-content:after {
    content: "";
    position: absolute;
    height: 7px;
    width: 100%;
    bottom: 0;
    left: 0;
    z-index: 1;
    background-color: transparent;
    background-image: linear-gradient(90deg, #f75023 0%, #885dd1 65%);
}
#pricing-table .widget .widget-content .price_card_header {
    display: flex;
    align-items: center;
    justify-content: center;
}
#pricing-table .widget .widget-content .price_card_header .price_card_price {
    font-size: 58px;
    font-weight: 700;
    color:#f75023;
}
#pricing-table .widget .widget-content .price_card_header .price_card_name {
    font-size: 16px;
    color: #2a2b3f;
    text-transform: capitalize;
    margin-left:3px;
}
#pricing-table .widget .widget-content .pricing-inner-wrap .price_card_features {
    position: relative;
     display: grid;
    grid-template-columns: 1fr;
    grid-gap: 15px;
}
#pricing-table .widget .widget-content .pricing-inner-wrap .price_card_features li {
    text-transform: capitalize;
    font-weight: normal;
    color:#495057
}
#pricing-table .widget .widget-content .pricing-inner-wrap .price_card_button {
    display: block;
    margin: 15px 0;
    text-align: center;
}
#pricing-table .widget .widget-content .pricing-inner-wrap .price_card_button a {
    display: inline-block;
    height: 34px;
    background-color: #f75023;
    font-size: 14px;
    color: #ffffff;
    font-weight: 400;
    line-height: 34px;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    padding: 0 20px;
    margin: 0;
}
#pricing-table #HTML5 .widget-content .pricing-inner-wrap .price_card_button a {
    background-color: #2a2b3f;
}
#pricing-table .widget .widget-content .pricing-inner-wrap .price_card_tip {
    font-family: 'Indie Flower';
    color: rgb(117, 117, 117);
}
.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: 0
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list,
.slick-slider .slick-track {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.slick-track:after,
.slick-track:before {
    display: table;
    content: ''
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}
.slick-next,
.slick-prev {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: 0;
    background: 0 0
}

.slick-next:focus,
.slick-next:hover,
.slick-prev:focus,
.slick-prev:hover {
    color: transparent;
    outline: 0;
    background: 0 0
}

.slick-next:focus:before,
.slick-next:hover:before,
.slick-prev:focus:before,
.slick-prev:hover:before {
    opacity: 1
}

.slick-next.slick-disabled:before,
.slick-prev.slick-disabled:before {
    opacity: .25
}

.slick-next:before,
.slick-prev:before {
    font-family: slick;
    font-size: 20px;
    line-height: 1;
    opacity: .75;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-prev {
    left: -25px
}

[dir=rtl] .slick-prev {
    right: -25px;
    left: auto
}

.slick-prev:before {
    content: ''
}

[dir=rtl] .slick-prev:before {
    content: ''
}

.slick-next {
    right: -25px
}

[dir=rtl] .slick-next {
    right: auto;
    left: -25px
}

.slick-next:before {
    content: ''
}

[dir=rtl] .slick-next:before {
    content: ''
}

.slick-dotted.slick-slider {
    margin-bottom: 30px
}

.slick-dots {
    position: absolute;
    bottom: -25px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center
}

.slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer
}

.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: 0;
    background: 0 0
}

.slick-dots li button:focus,
.slick-dots li button:hover {
    outline: 0
}

.slick-dots li button:focus:before,
.slick-dots li button:hover:before {
    opacity: 1
}

.slick-dots li button:before {
    font-family: slick;
    font-size: 6px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '•';
    text-align: center;
    opacity: .25;
    color: #000;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-dots li.slick-active button:before {
    opacity: .75;
    color: #000
}
#slider-wrapper .PopularPosts .main-slider, #slider-wrapper .PopularPosts .main-slider .slider-item  {
    height: 395px;
    overflow: hidden;
}
#slider-wrapper .PopularPosts .main-slider.owl-carousel.owl-loaded, #slider-wrapper .PopularPosts .main-slider.owl-carousel.owl-loaded .slider-item  {
    height: auto;
}
.loader{
    position:relative;
    height:280px;
    overflow:hidden;
    display:block;
    margin:0
}
 .loader:after{
    content:'';
    position:absolute;
    top:50%;
    left:50%;
    width:28px;
    height:28px;
    margin:-16px 0 0 -16px;
    border:2px solid #f75023;
    border-right-color:rgba(155,155,155,0.2);
    border-radius:100%;
    animation:spinner 1.1s infinite linear;
    transform-origin:center
}
 @-webkit-keyframes spinner {
     0%{
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg)
    }
     to{
        -webkit-transform:rotate(1turn);
        transform:rotate(1turn)
    }
}
 @keyframes spinner {
     0%{
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg)
    }
     to{
        -webkit-transform:rotate(1turn);
        transform:rotate(1turn)
    }
}
#slider-wrapper .show-slider, #slider-wrapper .PopularPosts{
    display:block!important
}
#slider-wrapper .show-slider .widget-content, #slider-wrapper .PopularPosts .widget-content{
    position:relative;
    height:auto;
    overflow:hidden;
margin:0 0 30px;
}
#slider-wrapper {
    margin: 0 auto;
}
#slider-section .widget, #slider-section .widget > .widget-title {
    display: none;
}
#slider-wrapper .PopularPosts .main-slider {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-gap: 10px;
}
#slider-wrapper .PopularPosts ul.main-slider.owl-carousel.owl-loaded {
    display: block;
}
 .main-slider{
    position:relative;
    overflow:hidden;
    height:auto
}
 .main-slider .slider-item{
    position:relative;
    float:left;
    width:100%;
    height:auto;
    overflow:hidden;
    box-sizing:border-box
}
#slider-wrapper .PopularPosts .main-slider .slider-item {
    display: flex;
    flex-direction: column;
    overflow: hidden;
}
#slider-wrapper .PopularPosts ul.main-slider.owl-carousel.owl-loaded .slider-item {
    display: block;
}
 .slider-item-inner{
    position:relative;
    float:left;
    width:100%;
    height:100%;
    overflow:hidden;
    display:block;
    box-shadow: 0 5px 30px 0 rgb(0 0 0 / 26%);
    border-radius: 10px;
    background: #ffffff;
    box-sizing: border-box;
    padding: 15px;
}
 .main-slider .post-image-link{
    width:100%;
    height:280px;
    position:relative;
    overflow:hidden;
    display:block;
    margin-bottom:20px;
    background-image:linear-gradient(-45deg,rgba(0,0,0,0.1),#ededed,rgba(0,0,0,0.1));background-size:150% 150%;animation:gradient 1s ease infinite
}
@keyframes gradient {
0%{background-position:100% 50%}
50%{background-position:50% 0}
100%{background-position:100% 50%}
}
 .main-slider .post-info-wrap {
    width: 100%;
    text-align: left;
    overflow: hidden;
    z-index: 5;
    box-sizing: border-box;
    padding:0;
    transition: transform .5s ease;
}
.main-slider .owl-item.active .post-info-wrap {
   
}

 .main-slider .post-info{
  position: relative;
    overflow: hidden;
    display: block;
    z-index: 10;
}

 .main-slider .post-title{
    font-size:21px;
    font-weight:500;
    display:block;
    line-height:1.5;
    margin:0 0 5px
}
 .main-slider .post-title a{
    color:#2a2b3f;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
 .main-slider .post-title a:hover{
    text-decoration:underline
}
.main-slider .post-snippet {
    color:#5E5E5E;
} 
 .show-slider .no-posts{
    position:absolute;
    top:calc(50% - 50px);
    left:0;
    width:100%;
text-align:center;
}
.main-slider .post-info .post-tag{
   display: flex;
   color: #f75023;
    font-size: 9px;
    letter-spacing: 2px;
    font-weight: 400;
    text-transform:uppercase;
    margin-bottom:15px;
}
 .main-slider .post-info .post-tag:hover{
  color:#f75023;
}
.main-slider .post-meta {
    color: #aaaaaa;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    padding: 0 1px;
}
.main-slider .post-date {
    font-size: 11px;
    color: #2a2b3f;
    margin: 0;
display: inline-block;
float:none;
}
.main-slider .owl-nav{
    position:absolute;
    top:0;
    left:0;
    right:0;
    height:0
}
 .main-slider .owl-prev,.main-slider .owl-next{
    height:40px;
    line-height:40px;
    z-index:10;
    border:0
}
 .main-slider .owl-prev{
    float:left;
    left:-25px;
}
 .main-slider:hover .owl-prev{
    left:0
}
 .main-slider .owl-next{
    float:right;
    right:-25px;
}
 .main-slider:hover .owl-next{
    right:0
}
 .head-text{
    float:left;
    width:100%;
    text-align:center;
    margin:50px 0 50px
}

 .head-text .widget-title > h3{
    display:block;
    font-size:27px;
    color:#2a2b3f;
    font-weight:700;
    margin:0 0 20px;
    position:relative;
}
 .head-text .widget-content{
    font-size:14px;
    margin:0; 
    color:#495057;
}
.project-head {
margin:0 auto;
}
 #serv-tile-wrap{
    background-color: #ffffff;
    display:none;
    float:left;
    width:100%;
    margin:0;
    padding: 40px 0;
}
 #serv-tile-wrap .container{
    position:relative;
    margin:0 auto
}
 #serv-tile{
   display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-gap: 15px;
    margin:0;
    padding:0
}
 #serv-tile .widget{
   display: flex;
    flex-direction: column;
    width: 100%;
    padding: 60px 0 0;
    box-sizing: border-box;
    text-align:center;
    background: #ffffff;
    border:1px solid #eaeaeb;
    box-shadow: 0px 0px 60px 0px rgba(0, 0, 0, 0.1);
    border-radius:10px;
}
.serv-tile-box-avatar {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px; 
    text-align: center;
    line-height: 80px;
    margin: 0;
}
.serv-tile-box-avatar > * {
    position: relative;
    z-index: 1;
}
.serv-tile-box-avatar::before {
    content: "";
    position: absolute;
    inset: 0;
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4YXZ7K2wnQIWOArVqbx84cghANeEY23f3nQ7lmQ01u03pJ4JYN6L1btSP7-72sGNCdOIA1QfhSpMAez9bXoj6eugPPgdyadkLWkuPnb9n4orBDQ_gV_Tt3P0jmRrUIQcroCOUvRMG3altBGFkrGZMexOW22_YLmsfVICpcClm1Kywv64vUgBJBtIZMV8-/s1600/1.png) no-repeat center;
    background-size: 100%;
    animation: rotateBg 10s linear infinite;
    z-index: 0;
}
#serv-tile .widget:nth-child(2) .serv-tile-box-avatar::before {
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkyCijDuAXITSRJBNMes1Bt-6FYD6xfvBsLzeV4xkAURo26YrS5GU979rt60UKnYIXyDMXa3fjUIH6CgNA3qsGHvdCnTrnOSTN-ihlpZo2EIR1XqQt1dSI-YyKa55Xp4RpvVkp109qD53Z8eDJAQFqX_aiew66lRImqVz-Wny0m0G3pUQqfuKEKHInziga/s1600/2.png);
    background-repeat: no-repeat;
    background-size: 100%;
}
#serv-tile .widget:nth-child(3) .serv-tile-box-avatar::before {
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHVbwuj-CR0IXelbpayPBZV1xwED6DZ2Hiyj_Vd4cL-BTLVhbqB59r-0C0wnrMntWs7Z577994TFjhVz1Md2uxIb19t4JzvP5oZ084WOBJotSX7D5IRvpcShZIaMBhKsUSAuppyzRtIyMPGWdYnxldZaS_V8PnvHEzUGjz6EGYAFcu10i9PZjUa9E4Rd18/s16000/3.png);
    background-repeat: no-repeat;
    background-size: 100%;
}
@keyframes rotateBg {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}
.serv-tile-box-avatar i {
    display: block;
    line-height: 80px;
    font-size: 30px;
    font-weight: 400;
    font-style: normal;
    margin: 0;
    color: #f75023;
}
 .serv-tile-box-avatar img{
   width: 80px;
    height: 80px;
}
 .serv-tile-box-info{
margin-top: 25px;
    overflow:hidden
}
 .serv-tile-box-title{
    font-size: 24px;
    color:#0e0b3d;
    font-weight:700;
    margin:0;
    padding:0;
    box-sizing:border-box;
}
 .serv-tile-box-meta{
    font-size:16px;
line-height: 1.75;
    color:#495057;
    background: #ffffff;
    margin:0;
    border-radius:10px;
    padding:30px;
    box-sizing:border-box;
    position:relative;
    overflow:hidden;
}
.owl-carousel{
display:none;
width:100%;
-webkit-tap-highlight-color:transparent;
position:relative;
z-index:1
}
.owl-nav {
}
.owl-carousel .owl-stage{
position:relative;
-ms-touch-action:pan-Y
}
.owl-carousel .owl-stage:after{
content:".";
display:block;
clear:both;
visibility:hidden;
line-height:0;
height:0
}
.owl-carousel .owl-stage-outer{
position:relative;
overflow:hidden;
-webkit-transform:translate3d(0px,0px,0px)
}
.owl-carousel .owl-controls .owl-nav .owl-prev,.owl-carousel .owl-controls .owl-nav .owl-next,.owl-carousel .owl-controls .owl-dot{
cursor:pointer;
cursor:hand;
-webkit-user-select:none;
-khtml-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none
}
.owl-carousel.owl-hidden{
opacity:0
}
.owl-carousel .owl-refresh .owl-item{
display:none
}
.owl-carousel.owl-loading{
opacity:0;
display:block
}
.owl-carousel.owl-loaded{
display:block
}
.owl-carousel .owl-item{
position:relative;
min-height:1px;
float:left;
-webkit-backface-visibility:visible;
-webkit-tap-highlight-color:transparent;
-webkit-touch-callout:none;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none
}
.owl-carousel .owl-item img, ul.customer-logos img{
display:block;
}

.owl-carousel.owl-text-select-on .owl-item{
-webkit-user-select:auto;
-moz-user-select:auto;
-ms-user-select:auto;
user-select:auto
}
.owl-carousel .owl-grab{
cursor:move;
cursor:-webkit-grab;
cursor:-o-grab;
cursor:-ms-grab;
cursor:grab
}
.owl-carousel.owl-rtl{
direction:rtl
}
.owl-carousel.owl-rtl .owl-item{
float:right
}
.no-js .owl-carousel{
display:block
}
.owl-carousel .animated{
-webkit-animation-duration:1000ms;
animation-duration:1000ms;
-webkit-animation-fill-mode:both;
animation-fill-mode:both
}
.owl-carousel .owl-animated-in{
z-index:1
}
.owl-carousel .owl-animated-out{
z-index:0
}
.owl-carousel .owl-item li {
padding: 0;
}
.owl-height{
-webkit-transition:height 500ms ease-in-out;
-moz-transition:height 500ms ease-in-out;
-ms-transition:height 500ms ease-in-out;
-o-transition:height 500ms ease-in-out;
transition:height 500ms ease-in-out
}
.owl-carousel .owl-controls .owl-dots {
    margin-top: 25px;
    text-align: center;
}
.owl-carousel .owl-controls .owl-dot {
    display: inline-block;
}
.owl-carousel .owl-controls .owl-dots span {
    background: none repeat scroll 0 0 #869791;
    border-radius: 20px;
    display: block;
    height: 12px;
    margin: 5px 7px;
    opacity: 0.5;
    width: 12px;
}
.owl-carousel .owl-controls .owl-dot.active span {
background:none repeat scroll 0 0 #f75023;
}
.owl-prev,.owl-next{
position:relative;
float:left;
width:24px;
height:24px;
background-color:#fff;
font-family: FontAwesome;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size:11px;
line-height:23px;
font-weight:900;
color:#bdbdbd;
text-align:center;
cursor:pointer;
border:1px solid rgba(0,0,0,0.08);
box-sizing:border-box;
transition:all .25s ease
}
.owl-prev:before{
content:"\f053"
}
.owl-next:before{
content:"\f054"
}
.owl-prev:hover,.owl-next:hover{
background-color:#f75023;
color:#fff;
border-color:#f75023
}
@keyframes fadeInLeft {
     from{
        opacity:0;
        transform:translate3d(-30px,0,0)
    }
     to{
        opacity:1;
        transform:none
    }
}
 @keyframes fadeOutLeft {
     from{
        opacity:1
    }
     to{
        opacity:0;
        transform:translate3d(-30px,0,0)
    }
}
 @keyframes fadeInRight {
     from{
        opacity:0;
        transform:translate3d(30px,0,0)
    }
     to{
        opacity:1;
        transform:none
    }
}
 .fadeInRight{
    animation-name:fadeInRight
}
 @keyframes fadeOutRight {
     from{
        opacity:1
    }
     to{
        opacity:0;
        transform:translate3d(30px,0,0)
    }
}
 .fadeOutRight{
    animation-name:fadeOutRight
}
#testimonial-wrap {
    display:flex;
    flex-direction: column;
    overflow:hidden;
}
.testi-slider {
    width: 100%;
    display: block;
    overflow: hidden;
}
 #testimonial{
    float:left;
    width:100%;
    margin:0
}
 #testimonial .widget{
  position: relative;
    float: left;
    width: 100%;
    overflow: hidden;
    border-radius: 10px;
    background: #ffffff;
    box-sizing: border-box;
    padding: 15px;
}
 #testimonial .widget:nth-child(2), #testimonial .widget:nth-child(4){
}
.testi-bottom-info-outer {
    display: inline-block;
    padding: 4px;
    border: 1px solid #f75023;
    border-radius: 50px 50px 50px 50px;
    -webkit-border-radius: 50px 50px 50px 50px;
    -moz-border-radius: 50px 50px 50px 50px;
    border-radius: 50px 50px 50px 50px;
}
.testi-bottom-info {
    display: block;
    padding: 5px 10px;
    background:#f75023;
    border-radius: 50px 50px 50px 50px;
    box-shadow: 0px 6px 12px 0px rgba(9.488944251018994, 86.19899155061154, 201.26406249999997, 0.2) inset;
}
 .testi-avatar{
    float:left;
    width:45px;
    height:45px;
    overflow:hidden;
border-radius:50%;
    margin:0 15px 0 0
}
 .testi-avatar img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    color:transparent;
    margin:0
}
 .testi-info{
    overflow:hidden;
    padding-right: 15px;
}
 .testi-title{
    font-size:16px;
    color:#ffffff;
    font-weight:700;
    margin:0 0 3px
}
 .testi-meta{
    font-size:9px;
    color:#fcfcff
}
.testi-info-quotes {
    margin-bottom: 26px;
}
 .testi-snippet{
       font-size: 15px;
    line-height: 1.5625;
    color: #495057;
    padding: 15px 0;
    margin:0;
    font-style: italic;
    font-family: cursive;
    letter-spacing: 0.5px;
}
.testi-snippet:before {
    content: '\f10d';
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-right: 10px;
    color:#f75023;
} 
.testi-snippet:after {
    content: '\f10e';
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-left: 10px;
   color:#f75023;
}
#testimonial .widget:nth-child(2) .testi-snippet, #testimonial .widget:nth-child(4) .testi-snippet {
    background-color: #e22310;
    border-color: #d41f0d;
}


 .main .widget{
    position:relative
}
 .queryMessage{
    overflow:hidden;
    color:#2a2b3f;
    font-size:13px;
    font-weight:400;
   padding: 10px;
    margin: 0 0 25px;
    background-color: #eee;
    border: 1px solid #ccc;
    box-sizing: border-box;
}
 .queryMessage .search-query,.queryMessage .search-label{
    font-weight:600;
    text-transform:uppercase
}
 .queryMessage .search-query:before,.queryMessage .search-label:before{
    content:"\201c"
}
 .queryMessage .search-query:after,.queryMessage .search-label:after{
    content:"\201d"
}
 .queryMessage a.show-more{
float: right;
    display:inline-block;
    color:#f75023;
    text-decoration:underline;
    margin:0 0 0 10px
}
 .queryEmpty{
    font-size:13px;
    font-weight:400;
    padding:10px 0;
    margin:0 0 25px;
    text-align:center
}
 .blog-post{
    display:block;
    overflow:hidden;
    word-wrap:break-word
}
.index-post-wrap {
    position: relative;
float: left;
    width: 100%;
}
.grid-posts {
  display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-gap: 30px;
    margin: 0;
}
 .index-post{
    display: flex;
    flex-direction: column;
    width: 100%;
    background: #ffffff;
    box-sizing: border-box;
    padding:15px;
    margin:0;
    overflow: visible;
}
 .index-post .post-image-wrap{
  float: left;
    width: 100%;
    height: 200px;
    margin: 0;    
    border-radius: 10px;
    overflow: hidden;
}
 .index-post .post-image-wrap .post-image-link{
    width:100%;
    height:100%;
    position:relative;
    display:block;
    z-index:1;
    overflow:hidden
}
 .index-post .post-content{
    margin:0;
   float: left;
    width: 100%;
}
 .post-image-wrap:hover .post-content{
  
}
 .index-post .post-info{
    display: block;
    float:left;
    width:100%;
    padding: 15px 0 0;
    box-sizing: border-box;
    min-height: 200px;
}
 .index-post .post-info > h2{
    font-size:24px;
    color:#2a2b3f;
    font-weight:600;
    line-height:1.5em;
    margin:0 0 10px
}
 .index-post .post-info > h2 a{
color:#2a2b3f;
}
 .post-meta{
    color:#515184;
    font-weight:400;
    font-size: 11px;
    text-transform:  capitalize;
    padding:0;
}
.index-post .post-meta .post-author{
 
}
.index-post .post-meta .post-author:before {

}
 .post-meta .post-date{
    display:inline-block;
    margin:0 7px 0 0
}
.post-meta .post-author, .post-meta .post-date {
    float: left;
    display: inline-block;
    margin: 0 10px 0 0;
}
.post-meta .post-author:before, .post-meta .post-date:before, .post-meta .post-tag:before {
    font-family: FontAwesome;
    font-weight: 400;
    margin: 0 3px 0 0;
}
.post-meta .post-author:before {
    content: '\f007';
}
.post-meta .post-date:before {
    content: '\f017';
}
.post-meta .post-tag:before {
    content: '\f022';
}
.post-meta a {
    color: #989898;
    transition: color .17s;
}
.post-snippet {
    position: relative;
    display: block;
    overflow: hidden;
    font-size: 14px;
    line-height: 1.6em;
    font-weight: 400;
    margin: 7px 0 0;
color: #495057;
}
 .widget iframe,.widget img{
    max-width:100%
}
 .item-post h1.post-title{
    font-size:27px;
    color:#2a2b3f;
    line-height:1.5em;
    font-weight:700;
    position:relative;
    display:block;
    margin:0 0 15px
}
 .static_page .item-post h1.post-title{
    margin:0
}
 .item-post .post-header .post-meta{
    font-size:13px
}
 .item-post .post-body{
    display:block;
    font-size:14px;
    line-height:1.6em;
    padding:35px 0 0
}
 .static_page .item-post .post-body{
    padding:35px 0
}
 .item-post .post-outer{
    padding:0
}
 .item-post .post-body img{
    max-width:100%
}
 .post-footer{
    position:relative;
    float:left;
    width:100%;
    margin:35px 0 40px
}
 .post-labels{
    float:left;
    height:auto;
    position:relative
}
 .post-labels a{
    float:left;
    height:26px;
    background-color:#f9f9f9;
    color:#aaa;
    font-size:11px;
    font-weight:600;
    text-transform:uppercase;
    line-height:26px;
    padding:0 10px;
    margin:0 10px 0 0;
    border-radius:3px;
    transition:all .17s ease
}
 .post-labels a:hover{
    background-color:#f75023;
    color:#fff
}
 .post-share{
    position:relative;
    float:right;
    overflow:hidden;
    line-height:0
}
 ul.share-links{
    position:relative
}
 .share-links li{
    float:left;
    box-sizing:border-box;
    margin:0 0 0 5px
}
 .share-links li.whatsapp-mobile{
    display:none
}
 .is-mobile li.whatsapp-desktop{
    display:none
}
 .is-mobile li.whatsapp-mobile{
    display:inline-block
}
 .share-links li a{
    float:left;
    display:inline-block;
    width:35px;
    height:26px;
    color:#fff;
    font-size:12px;
    text-align:center;
    line-height:26px;
    border-radius:3px;
    transition:all .17s ease
}
 .share-links li a:before{
    font-size:14px
}
 .share-links li a:hover{
    background-color:#f75023;
    color:#fff
}
#related-wrap{
    margin: 20px 0 30px;
    overflow: hidden;
    float: left;
    width: 100%;
}
#related-wrap .title-wrap {
    position: relative;
    float: left;
    width: 100%;
    height: 28px;
    background-color: #f75023;
    display: block;
    margin: 0 0 20px;
}
#related-wrap .title-wrap > h3 {
    display: block;
    font-size: 12px;
    color: #ffffff;
    font-weight: 600;
    line-height: 28px;
    text-transform: uppercase;
    text-align: center;
    padding: 0 15px;
    margin: 0;
}
 #related-wrap .related-tag{
    display:none
}
 .related-ready{
    float:left;
    width:100%
}
 .related-ready .loader{
    height:178px
}
 ul.related-posts{
    position:relative;
    overflow:hidden;
    margin:0 -10px;
    padding:0
}
 .related-posts .related-item{
    width:33.33333333%;
    position:relative;
    overflow:hidden;
    float:left;
    display:block;
    box-sizing:border-box;
    padding:0 10px;
    margin:0
}
 .related-posts .post-image-link{
    width:100%;
    height:130px;
    position:relative;
    overflow:hidden;
    display:block
}
 .related-posts .post-title{
    font-size:13px;
    font-weight:600;
    line-height:1.5em;
    display:block;
    margin:7px 0 5px
}
 .related-posts .post-title a{
    color:#2a2b3f;
    transition:color .17s
}
 .related-posts .related-item:hover .post-title a{
    color:#f75023
}
 .related-posts .post-meta{
    font-size:12px
}

 .post-nav{
    position:relative;
    overflow:hidden;
    display:block;
    margin:0
}
 .post-nav .nav-link{
    display:block;
    height:30px;
    background-color:#f9f9f9;
    font-size:11px;
    color:#aaa;
    line-height:30px;
    text-transform:uppercase;
    font-weight:600;
    padding:0 25px;
    border-radius:3px;
    transition:all .17s ease
}
 .post-nav .nav-link:hover{
    background-color:#f75023;
    color:#fff
}
 .post-nav span.nav-link:hover{
    background-color:#f8f8f8;
    color:#999
}
 .next-post-link{
    float:left
}
 .prev-post-link{
    float:right
}
 .next-post-link:after{
    content:"\f104";
    float:left;
    font-family:FontAwesome;
    font-size:13px;
    font-weight:400;
    text-transform:none;
    margin:0 3px 0 0
}
 .prev-post-link:before{
    content:"\f105";
    float:right;
    font-family:FontAwesome;
    font-size:13px;
    font-weight:400;
    text-transform:none;
    margin:0 0 0 3px
}
 #blog-pager{
    float:left;
    width:100%;
    text-align:center;
    margin:16px 0 0
}
 .blog-pager a{
    display:inline-block;
    height:32px;
    background-color:#f75023;
    color:#fff;
    font-size:14px;
    font-weight:400;
    line-height:32px;
    text-transform:capitalize;
    text-align:center;
    padding:0 20px;
    border-radius:3px;
    transition:all .17s ease
}
 .blog-pager a:hover{
    background-color:#2a2b3f
}
 .blog-post-comments{
    display:none;
    overflow:hidden;
    background-color:#f8f8f8;
    padding:10px 30px;
    margin:0 0 40px
}
 #comments{
    margin:0
}
 #gpluscomments{
    float:left!important;
    width:100%!important;
    margin:0 0 25px!important
}
 #gpluscomments iframe{
    float:left!important;
    width:100%
}
 .comments{
    display:block;
    clear:both;
    margin:0
}
 .comments > h3{
    float:left;
    width:100%;
    font-size:12px;
    font-style:italic;
    font-weight:400;
    margin:0 0 20px
}
 .no-comments > h3{
    margin:10px 0 15px
}
 .comments .comments-content{
    float:left;
    width:100%;
    margin:0
}
 #comments h4#comment-post-message{
    display:none
}
 .comments .comment-block{
    position:relative;
    background-color:#fdfdfd;
    padding:15px;
    margin:0 0 0 55px;
    border:1px solid #f2f2f2
}
 .comments .comment-block:before{
    content:'';
    position:absolute;
    top:8px;
    left:-5px;
    width:0;
    height:0;
    border:5px solid #f2f2f2;
    border-top-color:transparent;
    border-right-color:transparent;
    transform:rotate(45deg)
}
 .comments .comment-content{
    font-size:13px;
    line-height:1.6em;
    margin:10px 0
}
 .comment-thread .comment{
    position:relative;
    padding:10px 0 0;
    margin:10px 0 0;
    list-style:none
}
 .comment-thread ol{
    padding:0;
    margin:0 0 20px
}
 .comment-thread ol > li:first-child{
    padding:0;
    margin:0
}
 .comment-thread .avatar-image-container{
    position:absolute;
    top:10px;
    left:0;
    width:40px;
    height:40px;
    overflow:hidden
}
 .comment-thread ol > li:first-child > .avatar-image-container{
    top:0
}
 .avatar-image-container img{
    width:100%;
    height:100%
}
 .comments .comment-header .user{
    font-size:14px;
    color:#2a2b3f;
    display:inline-block;
    font-style:normal;
    font-weight:700;
    margin:0
}
 .comments .comment-header .user a{
    color:#2a2b3f;
    transition:color .17s ease
}
 .comments .comment-header .user a:hover{
    color:#f75023
}
 .comments .comment-header .icon.user{
    display:none
}
 .comments .comment-header .icon.blog-author{
    display:inline-block;
    font-size:12px;
    color:#f75023;
    font-weight:400;
    vertical-align:top;
    margin:0 0 0 5px
}
 .comments .comment-header .icon.blog-author:before{
    content:'\f058';
    font-family:FontAwesome
}
 .comments .comment-header .datetime{
    float:right;
    display:inline-block;
    margin:0
}
 .comment-header .datetime a{
    font-size:12px;
    color:#aaa;
    font-style:italic
}
 .comments .comment-actions{
    display:block;
    margin:0
}
 .comments .comment-actions a{
    color:#aaa;
    font-size:11px;
    font-style:italic;
    margin:0 15px 0 0;
    transition:color .17s ease
}
 .comments .comment-actions a:hover{
    color:#f75023;
    text-decoration:underline
}
 .loadmore.loaded a{
    display:inline-block;
    border-bottom:1px solid rgba(0,0,0,0.1);
    text-decoration:none;
    margin-top:15px
}
 .comments .continue{
    display:none!important
}
 .comments .comment-replies{
    padding:0 0 0 55px
}
 .thread-expanded .thread-count a,.loadmore{
    display:none
}
 .comments .footer,.comments .comment-footer{
    font-size:13px
}
 .comment-form{
    margin:0 -7.5px
}
 .comment-form > p{
    font-size:13px;
    padding:10px 0 5px
}
 .comment-form > p > a{
    color:#2a2b3f
}
 .comment-form > p > a:hover{
    text-decoration:underline
}
 .post-body h1,.post-body h2,.post-body h3,.post-body h4,.post-body h5,.post-body h6{
    color:#2a2b3f;
    font-weight:700;
    margin:0 0 15px
}
 .post-body h1,.post-body h2{
    font-size:24px
}
 .post-body h3{
    font-size:21px
}
 .post-body h4{
    font-size:18px
}
 .post-body h5{
    font-size:16px
}
 .post-body h6{
    font-size:13px
}
 blockquote{
    background-color:#f8f8f8;
    font-style:italic;
    padding:10px 15px;
    margin:0;
    border-left:3px solid #f75023
}
 blockquote:before,blockquote:after{
    display:inline-block;
    font-family:FontAwesome;
    font-weight:400;
    font-style:normal;
    line-height:1
}
 blockquote:before{
    content:'\f10d';
    margin:0 10px 0 0
}
 blockquote:after{
    content:'\f10e';
    margin:0 0 0 10px
}
 .widget .post-body ul,.widget .post-body ol{
    line-height:1.5;
    font-weight:400
}
 .widget .post-body li{
    margin:5px 0;
    padding:0;
    line-height:1.5
}
 .post-body ul{
    padding:0 0 0 20px
}
 .post-body ul li:before{
    content:"\f105";
    font-family:FontAwesome;
    font-size:13px;
    font-weight:900;
    margin:0 5px 0 0
}
 .post-body u{
    text-decoration:underline
}
 .post-body a{
    transition:color .17s ease
}
 .post-body strike{
    text-decoration:line-through
}
 .contact-form-widget form{
    font-weight:400
}
 .contact-form-name,.contact-form-email{
    float:left;
    width:calc(50% - 5px);
    height:34px;
    background-color:rgba(255,255,255,0.01);
    font-family:inherit;
    font-size:13px;
    color:#fff;
    line-height:34px;
    box-sizing:border-box;
    padding:0 10px;
    margin:0 0 10px;
    border:1px solid #ddd;
    border-radius:3px
}
 .contact-form-email{
    float:right
}
 .contact-form-email-message{
    float:left;
    width:100%;
    background-color:rgba(255,255,255,0.01);
    font-family:inherit;
    font-size:13px;
    color:#fff;
    box-sizing:border-box;
    padding:10px;
    margin:0 0 10px;
    border:1px solid #ddd;
    border-radius:3px
}
 .contact-form-button-submit{
    float:left;
    width:100%;
    height:34px;
    background-color:#f75023;
    font-family:inherit;
    font-size:12px;
    color:#fff;
    line-height:34px;
    font-weight:600;
    text-transform:uppercase;
    cursor:pointer;
    box-sizing:border-box;
    padding:0 10px;
    margin:0;
    border:0;
    border-radius:3px;
    transition:background .17s ease
}
 .contact-form-button-submit:hover{
    background-color:rgba(0,0,0,0.5)
}
 .contact-form-error-message-with-border,.contact-form-success-message-with-border{
    float:left;
    width:100%;
    background-color:#e74c3c;
    color:#f2f2f2;
    font-size:11px;
    text-align:center;
    line-height:11px;
    padding:4px 0;
    margin:10px 0;
    border-radius:3px
}
 .contact-form-success-message-with-border{
    background-color:#3498db
}
 .contact-form-cross{
    margin:0 0 0 3px
}
 .contact-form-error-message,.contact-form-success-message{
    margin:0
}
.map-me {
margin:0 0 -5px;
display: block;
max-width: 100%;
width: 100%;
box-sizing: border-box;
}
.map-me #map iframe {
width: 100%;
height: 378px;
}
#footer-wrapper-bg {
    background:#20262d;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: scroll;
    background-position: 100% 0;
}
 #footer-wrapper{
    position:relative;
    overflow:hidden;
    background-size: cover;
    background-position: top;
    margin:0
}
 #footer-copyright{
    border-style: solid;
    border-width: 1px 0 0;
    border-color: #ffffff29;
    display:block;
    overflow:hidden;
    width:100%;
    color:#aaa;
    padding:20px 0
}
 #footer-copyright > .container{
    margin:0 auto
}
 #social-footer{
    float:right
}
 #social-footer .widget{
    line-height:30px
}
 .social-footer ul{
    text-align:center;
    overflow:hidden;
    display:block
}
 .social-footer ul li{
    display:inline-block;
    margin:0 0 0 14px
}
 .social-footer ul li a{
    font-size:16px;
    color:#aaa;
    display:block;
    padding:0 3px;
    transition:color .17s ease
}
 .social-footer ul li:last-child a{
    padding-right:0
}
 .social-footer ul li a:hover{
    color:#f75023
}
 #footer-copyright .copyright-area{
float:left;
    font-size:12px;
    line-height:30px;
}
 #footer-copyright .copyright-area a{
    color:#f75023
}
 #footer-copyright .copyright-area a:hover{
    text-decoration:underline
}
.hidden-widgets{
    display:none;
    visibility:hidden
}
 .back-top{
    display:none;
    z-index:1010;
    width:32px;
    height:32px;
    position:fixed;
    bottom:25px;
    right:25px;
    background-color:#f75023;
    cursor:pointer;
    overflow:hidden;
    font-size:19px;
    color:#fff;
    text-align:center;
    line-height:32px;
    border-radius:3px
}
 .back-top:after{
    content:'\f106';
    position:relative;
    font-family:FontAwesome;
    font-weight:400
}
 .error404 #main-wrapper{
    width:100%!important;
    margin:0!important
}
 .error404 #sidebar-wrapper{
    display:none
}
 .errorWrap{
    color:#2a2b3f;
    text-align:center;
    padding:60px 0 100px
}
 .errorWrap h3{
    font-size:130px;
    line-height:1;
    margin:0 0 30px
}
 .errorWrap h4{
    font-size:25px;
    margin:0 0 20px
}
 .errorWrap p{
    margin:0 0 10px
}
 .errorWrap a{
    display:block;
    color:#f75023;
    padding:10px 0 0
}
 .errorWrap a i{
    font-size:14px
}
 .errorWrap a:hover{
    text-decoration:underline
}
 @media (max-width: 1040px) {
     .row{
        width:100%
    }
    #header-wrap, .home #header-wrap, .item #header-wrap, #intro-author-wrap .container, #content-wrapper, #serv-tile-wrap .container, #contact-area > .container, #footer-copyright > .container, #top-bar .container, .counter-box .container, .featured-posts, #testimonial-wrap .container, #brand-services-wrap .container, #editorial-wrap .container, .project-head, .author-intro-widgets-duo .container, #pricing-tables{
        box-sizing:border-box;
        padding:0 20px
    }
#slider-section {
    padding: 0 20px;
    box-sizing: border-box;
}
     #intro-services-wrap{
        box-sizing:border-box;
        padding:80px 20px
    }

   .intro-image {
   display:none;
}
.intro-image img {
    bottom: auto;
}
.intro-content {
    width: 100%;
    max-width: 80%;
    flex: 100%;
    margin: 0 auto;
}
#main-intro {
padding-top:68px;
}
.counter-box {
    padding: 40px 0;
}
.counter-box-wrap,.counter-title {
border-radius:0;
}
}
 @media (max-width: 980px) {
     #main-menu, #parallax-menu, .home #parallax-menu{
        display:none
    }
     .mobile-menu-wrap,.scrolling-mobile-menu-wrap,.mobile-menu-toggle, .home .scrolling-mobile-menu-toggle{
        display:block
    }
.counter-box-item {
    width: 50%;
}
.faq-toggle {
    background-attachment: inherit;
}
     #content-wrapper > .container{
        margin:0
    }
.grid-posts {
    grid-template-columns: repeat(2,1fr);
}
.item #main-wrapper,#sidebar-wrapper{
        width:100%;
        padding:0
    }
#brand-services-wrap li {
    width: calc(100% / 3);
    margin-bottom: 30px;
}
.counter-box-info, .counter-box-image {
    width: 100%;
    padding: 0;
}
.counter-box-image {
margin-bottom:20px;
}
.counter-image-wrap, .counter-image-wrap .widget, .counter-image-wrap .widget-content, .counter-image-wrap .counter-content {
        height: 100%;
}
#serv-tile .widget {
    padding: 30px 0 0;
}
#intro-author-heading {
    padding: 20px;
    box-sizing: border-box;
}
.counter-image-wrap .counter-content img {
  width: 100%;
        height: auto;
        overflow: hidden;
        object-fit: cover;
}
.author-intro-widgets-duo .container {
    grid-template-columns: 1fr;
}
.author-intro-widgets-duo .author-list .service-icon {
    float: left;
    margin: 0 25px 0 0;
}
.author-intro-widgets-duo .author-list.left-side-widget .service-content {
    text-align: left;
}
.author-intro-widgets-duo .widget {
    padding: 55px 0;
}
.author-intro-widgets-duo .left-side-widget {
    border-right: 0;
}
.editorial-authors .widget .editorial-avatar-wrap .editorial-avatar {
    height: 310px;
}
#author-email-pic {
    display: block;
    position: absolute;
    right: 0;
    z-index: 1;
    bottom: 0;
    opacity: 0.7;
}
.top-bar-social {
    width: 100%;
    z-index: 9;
    padding: 25px 0;
}
}
 @media (max-width: 780px) {
     #main-intro{
        height:380px
    }
  .author-intro-widgets .author-list, .author-intro-widgets .author-list .widget {
    width: 100%;
}
#brand-services-wrap {
    padding: 20px 0;
}
.author-intro-widgets {
    grid-template-columns: 1fr;
}
#serv-tile {
    grid-template-columns: repeat(2, 1fr);
}
#serv-tile .widget:nth-child(3) {
    margin: 0;
    padding: 30px 0 0;
}
#intro-author-heading, .author-intro-widgets {
    width: 100%;
}
#intro-author-photo{
        display:none;
    }
   .post-snippet {
    font-size: 13px;
margin: 0;
}
.index-post .post-info > h2 {
    font-size: 22px;
}
     #social-footer{
        width:100%;
        margin:0 0 10px
    }
     .social-footer ul li{
        margin:0 7px
    }
     #footer-copyright .copyright-area{
        width:100%;
        text-align:center;
        overflow:hidden;
    }
.top-bar-nav {
    width: 100%;
    text-align: center;
    clear: both;
}
.top-bar-nav ul li {
    float: none;
    display: inline-block;
}
     .errorWrap{
        padding:60px 0 80px
    }

}
@media (max-width:767px) {
 .intro-snippet {
    font-size: 13px;
}
.intro-title {
    font-size: 30px;
    margin: 0 0 10px;
}
.slide-in {
display:none;
}
}
@media screen and (max-width: 769px) {
#slider-wrapper .PopularPosts .main-slider {
    grid-template-columns: repeat(2,1fr);
}
}
@media screen and (max-width: 681px) {
#slider-wrapper .PopularPosts .main-slider {
        grid-template-columns: 1fr;
    grid-gap: 0px;
}
}
 @media (max-width: 680px) {
     #intro-services .widget{
        width:100%;
        margin:50px 0 0
    }
     #intro-services .widget:first-child{
        margin:0
    }
     #contact-left,#contact-right{
        width:100%
    }
     #contact-left .widget:last-child{
        margin:0 0 35px
    }
     .post-labels{
        width:100%;
        margin:0 0 25px
    }
     .post-labels a{
        margin:0 10px 5px 0
    }
     .post-share{
        float:left
    }
     .share-links li{
        margin:5px 5px 0 0
    }
}
@media screen and (max-width: 560px) {
.author-intro-widgets-duo .container {
    grid-template-columns: 1fr;
}
.author-intro-widgets-duo .author-list .service-icon {
float: left;
    margin-left: 0;
    margin-right: 25px
}
#serv-tile {
    grid-template-columns: 1fr;
}
.author-intro-widgets-duo .widget, .author-intro-widgets-duo .author-list.right-side-widget .widget{
    border-bottom: 2px solid #192E44;
    padding:35px 0;
}
.author-intro-widgets-duo .author-list.left-side-widget .service-content {
   text-align:left;
}
.author-intro-widgets-duo .left-side-widget {
    border-right:0;
}
.main-slider .post-title {
    font-size: 18px;
}
.grid-posts {
    grid-template-columns: 1fr;
}
#pricing-table {
    grid-template-columns: 1fr;
}
}
 @media (max-width: 540px) {
     #main-intro{
        height:auto
    }
.top-bar-social {
    float: none;
    text-align: center;
}
.top-bar-social ul > li {
    float: none;
}
.author-intro-widgets .author-list {
    width: 100%;
}
#brand-services-wrap {
    padding: 10px 0;
}
.index-post {
    width: 100%;
}
   .feat-big li {
    width: 100%;
    padding: 0;
}
.editorial-authors .widget {
    width: 100%;
    margin-bottom: 15px;
    padding: 0;
}
.editorial-authors .widget:last-child {
    margin: 0;
}
.editorial-authors .widget .editorial-avatar-wrap .editorial-avatar img {
    object-position: top;
}
     .intro-title{
        font-size:27px
    }
     #intro-author-wrap{
        padding:0
    }
     #content-wrapper{
        margin:50px 0
    }
     .item #content-wrapper{
        margin:40px 0
    }
.serv-tile-box-info {
   
}
.email-folower .email-letter-text, .email-folower .follow-by-email-inner {
    float: none;
    width: 100%;
    padding: 0;
}
 ul.related-posts{
        margin:0
    }
     .related-posts .related-item{
        width:100%;
        padding:0;
        margin:20px 0 0
    }
     .related-posts .item-0{
        margin:0
    }
     .related-posts .post-image-link{
        width:75px;
        height:60px;
        float:left;
        margin:0 12px 0 0
    }
     .related-posts .post-title{
        font-size:15px;
        overflow:hidden;
        margin:0 0 5px
    }
#brand-services-wrap li {
    width: calc(100% / 2);
}
}
 @media (max-width: 480px) {
.counter-box-wrap {
    grid-template-columns: 1fr;
}
.counter-box-wrap .widget {
    width: 100%;
    padding: 15px 10px;
}
.dizee-svg-shape svg {
    margin-bottom: 5px;
}
}
 @media (max-width: 440px) {
#serv-tile .widget {
    width: 100%;
    margin-bottom: 10px;
}
.counter-box-item {
    width: 100%;
}
     .item-post h1.post-title{
        font-size:23px
    }
     .head-text .widget-content{
        line-height:24px
    }
}
 @media (max-width: 360px) {
     .intro-title,.author-title,.head-text .widget-title > h3{
        font-size:25px
    }
     .index-post{
        width:100%
    }
     
     .errorWrap h3{
        font-size:120px
    }
     .errorWrap h4{
        font-weight:600
    }
}
#editorial-box {
    clear: both;
}



.firstcharacter{
    float:left;
    color:#27ae60;
    font-size:75px;
    line-height:60px;
    padding-right:8px;
}
 .post-body p{
    margin-bottom:25px
}
 .post-body h1,.post-body h2,.post-body h3,.post-body h4,.post-body h5,.post-body h6{
    color:#000;
    line-height:1.3em;
    margin:0 0 20px
}
 .post-body img{
    height:auto!important
}
 blockquote{
    position:relative;
    background-color:rgba(155,155,155,0.05);
    color:#000000;
    font-style:normal;
    padding:20px 25px;
    margin:0;
    border-radius:3px
}
 blockquote:before{
    position:absolute;
    left:10px;
    top:10px;
    content:'\f10e';
    font-family:FontAwesome;
    font-size:33px;
    font-style:normal;
    font-weight:900;
    color:#000;
    line-height:1;
    opacity:.05;
    margin:0
}
 .post-body .responsive-video-wrap{
    position:relative;
    width:100%;
    padding:0;
    padding-top:56%
}
 .post-body .responsive-video-wrap iframe{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%
}
 .post-body ul{
    padding:0 0 0 15px;
    margin:10px 0
}
 .post-body li{
    margin:5px 0;
    padding:0
}
 .post-body ul li,.post-body ol ul li{
    list-style:none
}
 .post-body ul li:before{
    display:inline-block;
    content:'\2022';
    margin:0 5px 0 0
}
 .post-body ol{
    counter-reset:ify;
    padding:0 0 0 15px;
    margin:10px 0
}
 .post-body ol > li{
    counter-increment:ify;
    list-style:none
}
 .post-body ol > li:before{
    display:inline-block;
    content:counters(ify,'.')'.';
    margin:0 5px 0 0
}
 .post-body u{
    text-decoration:underline
}
 .post-body strike{
    text-decoration:line-through
}
 .post-body sup{
    vertical-align:super
}
 .post-body a{
  
}
 .post-body a:hover{
}
 .post-body a.button{
    display:inline-block;
    height:34px;
    background-color:#2c3e50;
    font-size:14px;
    color:#ffffff;
    font-weight:400;
    line-height:34px;
    text-align:center;
    text-decoration:none;
    cursor:pointer;
    padding:0 20px;
    margin:0 6px 8px 0
}
 .post-body a.colored-button{
    color:#fff
}
 .post-body a.button:hover{
    background-color:#f47500;
    color:#fff
}
 .post-body a.colored-button:hover{
    background-color:#f47500!important;
    color:#fff!important
}
 .button:before{
    float:left;
    font-family:FontAwesome;
    font-weight:900;
    display:inline-block;
    margin:0 8px 0 0
}
 .button.preview:before{
    content:'\f06e'
}
 .button.download:before{
    content:'\f019'
}
 .button.link:before{
    content:'\f0c1'
}
 .button.cart:before{
    content:'\f07a'
}
 .button.info:before{
    content:'\f06a'
}
 .button.share:before{
    content:'\f1e0'
}
 .button.contact:before{
    content:'\f0e0';
    font-weight:400
}
 .alert-message{
    position:relative;
    display:block;
    padding:15px;
    border:1px solid rgba(155,155,155,0.1);
    border-radius:3px
}
 .alert-message.alert-success{
    background-color:rgba(34,245,121,0.03);
    border:1px solid rgba(34,245,121,0.5)
}
 .alert-message.alert-info{
    background-color:rgba(55,153,220,0.03);
    border:1px solid rgba(55,153,220,0.5)
}
 .alert-message.alert-warning{
    background-color:rgba(185,139,61,0.03);
    border:1px solid rgba(185,139,61,0.5)
}
 .alert-message.alert-error{
    background-color:rgba(231,76,60,0.03);
    border:1px solid rgba(231,76,60,0.5)
}
 .alert-message:before{
    font-family:FontAwesome;
    font-size:16px;
    font-weight:900;
    display:inline-block;
    margin:0 5px 0 0
}
 .alert-message.alert-success:before{
    content:'\f058';
    color:rgba(34,245,121,1)
}
 .alert-message.alert-info:before{
    content:'\f05a';
    color:rgba(55,153,220,1)
}
 .alert-message.alert-warning:before{
    content:'\f06a';
    color:rgba(185,139,61,1)
}
 .alert-message.alert-error:before{
    content:'\f057';
    color:rgba(231,76,60,1)
}
 .post-body table{
    width:100%;
    overflow-x:auto;
    text-align:left;
    margin:0;
    border-collapse:collapse;
    border:1px solid #161619
}
 
 .post-body table td,.post-body table th{
    padding:7px 15px;
    border:1px solid #161619
}
 .post-body table thead th{
    color:#000;
    font-weight:700;
    text-align:left;
    vertical-align:bottom
}
 table.tr-caption-container,table.tr-caption-container td,table.tr-caption-container th{
    line-height:1;
    padding:0;
    border:0
}
 table.tr-caption-container td.tr-caption{
    font-size:13px;
    color:#666666;
    padding:6px 0 0
}
 .tocify-wrap{
    display:flex;
    width:100%;
    clear:both;
    margin:0
}
 .tocify-inner{
    position:relative;
    max-width:100%;
    background-color:rgba(155,155,155,0.05);
    display:flex;
    flex-direction:column;
    overflow:hidden;
    font-size:14px;
    color:#000000;
    line-height:1.6em;
    border:1px solid rgba(155,155,155,0.1);
    border-radius:3px
}
 a.tocify-title{
    position:relative;
    height:38px;
    font-size:16px;
    color:#000000;
    font-weight:700;
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:0 15px;
    margin:0
}
 .tocify-title-text{
    display:flex
}
 .tocify-title-text:before{
    content:'\f0cb';
    font-family:FontAwesome;
    font-size:14px;
    font-weight:900;
    margin:0 6px 0 0
}
 .tocify-title:after{
    content:'\f078';
    font-family:FontAwesome;
    font-size:12px;
    font-weight:900;
    margin:0 0 0 25px
}
 .tocify-title.is-expanded:after{
    content:'\f077'
}
 a.tocify-title:hover{
    text-decoration:none
}
 #tocify{
    display:none;
    padding:0 15px 10px;
    margin:0
}
 #tocify ol{
    padding:0 0 0 15px
}
 .rtl #tocify ol{
    padding:0 15px 0 0
}
 #tocify li{
    font-size:14px;
    margin:8px 0
}
 #tocify li a{
    color:#f47500
}
 #tocify li a:hover{
    color:#f47500;
    text-decoration:underline
}
 .post-body .contact-form{
    display:table;
}
 .contact-form .widget-title{
    display:none
}
 .contact-form .contact-form-name{
    width:calc(50% - 5px)
}
 .contact-form .contact-form-email{
    float:right;
    width:calc(50% - 5px)
}
 .post-body pre,pre.code-box{
    position:relative;
    display:block;
    background-color:rgba(155,155,155,0.05);
    font-family:Monospace;
    font-size:13px;
    color:#47474a;
    white-space:pre-wrap;
    line-height:1.4em;
    padding:15px;
    margin:0;
    border:1px solid rgba(155,155,155,0.1);
    border-radius:3px
}
 .post-body .google-auto-placed{
    margin:25px 0
}
  #hidden-widgets-wrap,.hidden-widgets{
    display:none;
    visibility:hidden
}
  @media only screen and (max-width: 680px) {
.post-body table {
    display: block;
}
  }



                .header-widget {
                  background-position: <data:blog.locale.languageAlignment/>;
                  background-repeat: no-repeat;
                }
              


    .post-body a.b-tooltip-container {
      position: relative;
      display: inline-block;
    }

    .post-body a.b-tooltip-container .b-tooltip {
      display: block !important;
      position: absolute;
      top: 100%;
      left: 50%;
      transform: translate(-20%, 1px);
      visibility: hidden;
      opacity: 0;
      z-index: 1;
      transition: opacity 0.2s ease-in-out;
    }

    .post-body a.b-tooltip-container .b-tooltip iframe {
      width: 200px;
      height: 198px;
      max-width: none;
      border: none;
      border-radius: 20px;
      box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.2);
    }

    @media (hover: hover) {
      .post-body a.b-tooltip-container:hover .b-tooltip {
        visibility: visible;
        opacity: 1;
      }
    }
  


.videoWrapper {
position: relative;
padding-bottom: 56.25%; /* 16:9 */
padding-top: 25px;
height: 0;
}
.videoWrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}





    /* Safety Layout Overrides */
    .blogger-theme #outer-wrapper { overflow: visible !important; min-height: 100vh; }
    .blogger-theme #content-wrapper { display: block !important; width: 100% !important; float: left; clear: both; background: #f8fafc; }
    .blogger-theme #content-wrapper > .container { margin: 0 auto !important; max-width: 1240px; width: 100%; box-sizing: border-box; padding: 25px 20px; }
    .blogger-theme #main-wrapper { width: 100% !important; float: left; display: block !important; overflow: visible !important; }
    .blogger-theme.item #content-wrapper > .container { display: flex !important; align-items: flex-start !important; justify-content: space-between !important; gap: 32px !important; }
    .blogger-theme.item #main-wrapper { flex: 1 1 0% !important; min-width: 0 !important; width: auto !important; float: none !important; margin: 0 !important; }
    .blogger-theme.item #sidebar-wrapper { width: 330px !important; flex-shrink: 0 !important; float: none !important; display: flex !important; flex-direction: column !important; gap: 24px !important; margin: 0 !important; }
    .blogger-theme #sidebar-wrapper .widget, .blogger-theme.item #sidebar-wrapper .widget { margin: 0 !important; width: 100% !important; }
    .blogger-theme .grid-posts { display: grid !important; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important; gap: 24px !important; }
    .blogger-theme #header-wrap { height: auto !important; min-height: 68px !important; box-shadow: 0 1px 3px rgba(0,0,0,0.06); }
    .blogger-theme #header-wrap .container { display: flex !important; align-items: center !important; justify-content: space-between !important; max-width: 1240px; margin: 0 auto; padding: 12px 20px; width: 100%; box-sizing: border-box; }
    .blogger-theme .header-logo { float: none !important; margin: 0 !important; height: auto !important; }
    .blogger-theme #parallax-menu, .blogger-theme .scrolling-menu, .blogger-theme .scrolling-mobile-menu-wrap, .blogger-theme .scrolling-mobile-menu-toggle { display: none !important; }
    .blogger-theme #main-menu, .blogger-theme .main-menu, .blogger-theme #header-wrap .main-menu { display: block !important; float: none !important; height: auto !important; position: relative !important; z-index: 100 !important; }
    .blogger-theme #main-menu .widget, .blogger-theme .main-menu .widget { display: block !important; }
    .blogger-theme #main-menu ul, .blogger-theme .main-menu ul { list-style: none !important; display: flex !important; align-items: center !important; gap: 20px !important; margin: 0 !important; padding: 0 !important; flex-wrap: wrap !important; }
    .blogger-theme #main-menu ul li a, .blogger-theme .main-menu ul li a { text-decoration: none !important; font-weight: 700 !important; font-size: 13px !important; color: #0e0b3d !important; text-transform: uppercase !important; transition: color .2s !important; padding: 6px 0 !important; display: inline-block !important; }
    .blogger-theme #main-menu ul li a:hover, .blogger-theme .main-menu ul li a:hover { color: #f75023 !important; }
    .blogger-theme .wow { visibility: visible !important; opacity: 1 !important; animation: none !important; transform: none !important; }
    
    /* Intro Author Heading Banner (Lilás com pontos) */
    .blogger-theme #intro-author-heading, .blogger-theme .intro-author-heading { width: 100% !important; display: block !important; margin: 25px auto !important; padding: 0 20px !important; box-sizing: border-box !important; }
    .blogger-theme #intro-author-heading .container, .blogger-theme .intro-author-heading .container { margin: 0 auto !important; max-width: 1240px !important; width: 100% !important; background-color: rgba(128,103,240,.92) !important; background-image: radial-gradient(at center center, rgba(128,103,240,.92) 0%, rgba(128,103,240,.92) 85%) !important; border-radius: 14px !important; position: relative !important; overflow: hidden !important; padding: 50px 30px !important; text-align: center !important; box-sizing: border-box !important; box-shadow: 0 10px 25px rgba(128,103,240,0.2) !important; }
    .blogger-theme #intro-author-heading .bg-overlay, .blogger-theme .intro-author-heading .bg-overlay { background-color: transparent !important; position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; z-index: 1 !important; pointer-events: none !important; opacity: 0.35 !important; background-image: radial-gradient(#ffffff 1.5px, transparent 1.5px) !important; background-size: 22px 22px !important; }
    .blogger-theme #intro-author-heading .author-content, .blogger-theme .intro-author-heading .author-content { position: relative !important; z-index: 2 !important; max-width: 950px !important; margin: 0 auto !important; }
    .blogger-theme #intro-author-heading .author-title, .blogger-theme .intro-author-heading .author-title { color: #ffffff !important; font-size: 36px !important; font-weight: 800 !important; margin: 0 0 16px !important; line-height: 1.25 !important; letter-spacing: -0.5px !important; }
    .blogger-theme #intro-author-heading .author-snippet, .blogger-theme .intro-author-heading .author-snippet { color: #ffffff !important; font-size: 15px !important; line-height: 1.8 !important; opacity: 0.95 !important; margin: 0 auto 15px !important; }
    .blogger-theme #intro-author-heading a.button, .blogger-theme #intro-author-heading .button { background: #f75023 !important; color: #ffffff !important; font-weight: 700 !important; font-size: 14px !important; padding: 12px 28px !important; border-radius: 8px !important; text-decoration: none !important; display: inline-block !important; margin-top: 15px !important; transition: transform .2s, box-shadow .2s !important; box-shadow: 0 4px 14px rgba(247,80,35,0.35) !important; }
    .blogger-theme #intro-author-heading a.button:hover, .blogger-theme #intro-author-heading .button:hover { transform: translateY(-2px) !important; box-shadow: 0 6px 20px rgba(247,80,35,0.5) !important; }
    
    /* Brand Logos / Partners */
    .blogger-theme #brand-services-wrap, .blogger-theme .brand-services-wrap { display: block !important; width: 100% !important; background: #ffffff !important; padding: 45px 20px !important; text-align: center !important; box-sizing: border-box !important; border-top: 1px solid #edf2f7 !important; }
    .blogger-theme #brand-services-wrap .brand-title, .blogger-theme .brand-services-wrap .brand-title { font-size: 18px !important; font-weight: 700 !important; color: #1e293b !important; margin-bottom: 25px !important; letter-spacing: -0.2px !important; }
    .blogger-theme #brand-services-wrap ul, .blogger-theme .brand-services-wrap ul { list-style: none !important; padding: 0 !important; margin: 0 auto !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 40px !important; flex-wrap: wrap !important; }
    .blogger-theme #brand-services-wrap ul li img, .blogger-theme .brand-services-wrap ul li img { max-height: 38px !important; width: auto !important; opacity: 0.8 !important; filter: grayscale(100%) !important; transition: all .2s !important; }
    .blogger-theme #brand-services-wrap ul li img:hover, .blogger-theme .brand-services-wrap ul li img:hover { opacity: 1 !important; filter: none !important; }
    
    /* Post Thumbnails Visibility Overrides */
    .blogger-theme .post-thumb, .blogger-theme img.post-thumb, .blogger-theme .post-image-wrap img, .blogger-theme .item-thumbnail img { opacity: 1 !important; visibility: visible !important; display: block !important; }
    
    /* Hide Intro Banners, Head Text, and Brands on Single Post Pages */
    .blogger-theme.item #intro-author-heading, .blogger-theme.item .intro-author-heading,
    .blogger-theme.item #brand-services-wrap, .blogger-theme.item .brand-services-wrap,
    .blogger-theme.item .head-text-wrap, .blogger-theme.item #head-text1 { display: none !important; }
    
    /* Sidebar Widgets Clean Styling */
    .blogger-theme .sidebar .widget {
        background: #ffffff !important;
        border: 1px solid #e5e7eb !important;
        border-radius: 12px !important;
        padding: 20px !important;
        margin: 0 0 24px !important;
        box-shadow: 0 1px 3px rgba(0,0,0,0.04) !important;
        box-sizing: border-box !important;
        width: 100% !important;
        float: none !important;
        clear: both !important;
        overflow: hidden !important;
    }
    .blogger-theme .sidebar .widget-title {
        float: none !important;
        width: 100% !important;
        height: auto !important;
        background: transparent !important;
        margin: 0 0 16px !important;
        padding: 0 0 10px !important;
        border-bottom: 2px solid #f1f5f9 !important;
        display: block !important;
    }
    .blogger-theme .sidebar .widget-title > h3 {
        float: none !important;
        height: auto !important;
        line-height: 1.3 !important;
        text-align: left !important;
        padding: 0 !important;
        margin: 0 !important;
        font-size: 16px !important;
        font-weight: 800 !important;
        color: #0e0b3d !important;
        text-transform: none !important;
        background: transparent !important;
    }
    .blogger-theme .sidebar .widget-content {
        float: none !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        background: transparent !important;
        border: none !important;
        box-shadow: none !important;
    }
    .blogger-theme .sidebar .popular-post-item {
        display: flex !important;
        align-items: center !important;
        gap: 12px !important;
        padding: 10px 0 !important;
        border-bottom: 1px solid #f1f5f9 !important;
    }
    .blogger-theme .sidebar .popular-post-item:last-child {
        border-bottom: none !important;
        padding-bottom: 0 !important;
    }
    .blogger-theme .sidebar .popular-post-item .item-thumbnail {
        flex-shrink: 0 !important;
        width: 60px !important;
        height: 60px !important;
        border-radius: 8px !important;
        overflow: hidden !important;
    }
    .blogger-theme .sidebar .popular-post-item .item-thumbnail img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        display: block !important;
        opacity: 1 !important;
    }
    .blogger-theme .sidebar .popular-post-item .item-title {
        flex: 1 1 0% !important;
        min-width: 0 !important;
    }
    .blogger-theme .sidebar .popular-post-item .item-title a {
        font-size: 13px !important;
        font-weight: 700 !important;
        color: #1e293b !important;
        text-decoration: none !important;
        line-height: 1.35 !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 2 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
    }
    .blogger-theme .sidebar .popular-post-item .item-title a:hover {
        color: #f75023 !important;
    }
    .blogger-theme .sidebar .popular-post-item .item-title span {
        font-size: 11px !important;
        color: #94a3b8 !important;
        display: block !important;
        margin-top: 4px !important;
    }