/* ----------------------
     yv-row
 ------------------------*/
 .yv-row{ padding: 90px 0;}
 .yv-row.padding_bottom_zero-section { padding: 90px 0 0; }
 .yv-row.padding_top_zero-section { padding: 0 0 90px 0; }
 .yv-row.padding_zero-section { padding: 0 0; }
 .yv-row.broken-section { padding: 0 0; }
 .yv-row.client-section { padding: 60px 0; }
 .yv-row.grid-section { padding: 75px 0; }
 .yv-row.sidebar { padding: 80px 0; }
 /* ----------------------
     Row-Equal-Height
 ------------------------*/
 .row-equal-height{ display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex;}
 .row-equal-height > [class*='col-'] { 
     display: -webkit-box; 
     display: -webkit-flex; 
     display: -ms-flexbox;
     display: flex;
     -webkit-flex-wrap: wrap;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
 }
 /* ----------------------
     Bg-Layer 
 ------------------------*/
 .yv-bg{ position: relative;}
 .yv-col-bgimage-yes{ z-index: 1; }
 .bg-layer-equal-height .yv-col-bgimage-yes, 
 .bg-layer-equal-height .yv-col-bgcolor-yes{ 
     height: 100%;
 }
 .yv-bg-layer , .yv-titlebar-wrapper .yv-titlebar-wrapper-bg-layer, .yv-col-wrapper-bg-layer-inner {
     position: absolute;
     height: 100%;
     width: 100%; 
     top: 0;
     left: 0;
 }
 .yv-left-span > .yv-col-wrapper-bg-layer {
     width: auto;
     margin-left: -500px;
     right: 0;
 }
 .yv-right-span > .yv-col-wrapper-bg-layer {
     width: auto;
     margin-right: -500px;
     right: 0;
 }
 .layer-content{ position: relative; z-index: 1; height: 100%; width: 100%; }
 .bg-layer { position: relative; }
 .bg-layer > .container > .row { margin: 0; }
 .bg-layer > .container , .bg-layer > .container-fluid { padding: 0; }
 .yv-bg.yv-bgimage-yes >.yv-bg-layer ,
 .yv-bg.yv-col-bgimage-yes > .yv-bg-layer > .yv-col-wrapper-bg-layer-inner { opacity: .88; }
 .yv-bgcolor-white.yv-bg.yv-bgimage-yes >.yv-bg-layer, 
 .yv-bgcolor-white.yv-bg.yv-col-bgimage-yes > .yv-bg-layer > .yv-col-wrapper-bg-layer-inner {
     opacity: .94;
 }
 /* ----------------------
     Row-Bg-Image  
 ------------------------*/
 .bg-img1{
     background-image: url(../img/bg-image/choose-para.jpg);
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center;
     background-attachment: fixed;
 }
 .bg-img2{
     background-image: url(../img/bg-image/row-bgimage-2.jpg);
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center bottom;
 }
 .bg-img3{
     background-image: url(../img/bg-image/row-bgimage-3.jpg);
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center;
     background-attachment: fixed;
 }
 .bg-img4{
     background-image: url(../img/bg-image/row-bgimage-4.png);
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center
 }
 .bg-img5{
     background-image: url(../img/bg-image/test-bg.jpg);
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center;
 }
 /* ----------------------
     Col-Bg-Image  
 ------------------------*/
 .yv-equal-height-image{ 
     display: none;
  }
 .col-bg-img-one.yv-col-bgimage-yes > .yv-col-wrapper-bg-layer {
     background-image: url(../img/bg-image/col-bgimage-1.jpg);
     background-position: center;
     background-size: cover;
 }
 .col-bg-img-two.yv-col-bgimage-yes > .yv-col-wrapper-bg-layer {
     background-image: url(../img/bg-image/sets.png);
     background-position: center;
     background-size: cover;
 }
 .col-bg-img-three.yv-col-bgimage-yes > .yv-col-wrapper-bg-layer {
     background-image: url(../img/bg-image/help.jpg);
     background-position: left center;
     background-repeat: no-repeat;
     background-size: cover;
     -webkit-clip-path:polygon(100% 0%, 75% 50%, 100% 100%, 25% 100%, 0% 50%, 25% 0%);
     clip-path: polygon(100% 0%, 75% 50%, 100% 100%, 25% 100%, 0% 50%, 25% 0%);
 }
 .col-bg-img-four.yv-col-bgimage-yes > .yv-col-wrapper-bg-layer {
     background-image: url(../img/bg-image/col-bgimage-4.jpg);
     background-position: center;
     background-size: cover;
 }
 .col-bg-img-five.yv-col-bgimage-yes > .yv-col-wrapper-bg-layer {
     background-image: url(../img/bg-image/choose.jpg);
     background-position: center;
     background-size: cover;
 }
 .col-bg-img-six.yv-col-bgimage-yes > .yv-col-wrapper-bg-layer {
     background-image: url(../img/bg-image/choose-shape.svg);
     background-position: top center;
     background-size: cover;
     background-repeat: no-repeat;
 }
 .col-bg-img-seven.yv-col-bgimage-yes > .yv-col-wrapper-bg-layer {
     background-image: url(../img/bg-image/call.jpg) !important;
     background-position: center !important;
     background-size: cover !important;
     background-repeat: no-repeat !important;
 }
 .col-bg-img-eight.yv-col-bgimage-yes > .yv-col-wrapper-bg-layer {
     background-image: url(../img/bg-image/test-shape.png) !important;
     background-position: center !important;
     background-size: cover !important;
     background-repeat: no-repeat !important;
 }
 .col-bg-img-eight.yv-bg.yv-col-bgimage-yes > .yv-bg-layer > .yv-col-wrapper-bg-layer-inner {
     opacity: .02;
 }
 /* ----------------------
     Section-Title  
 ------------------------*/
 .section-title{ 
     position: relative;
     margin-bottom: 12px;
     margin-top: -7px;
 }
 .section-title h3{
     font-weight: 500;
     display: inline-block;
     text-transform: uppercase;
     font-size: 15px;
     line-height: 25px;
     margin-bottom: 8px;
     letter-spacing: 0.7px;
     position: relative;
     color: #7c756b !important;
 }
 .section-title h2.title{
     font-weight: 400;
     text-transform: capitalize;
     font-size: 40px;
     line-height: 50px;
     margin-bottom: 10px;
 }
 .section-title h2 b{
     /*color: #5ba600;*/
     color: #7c756b;
 }
 .heading-line {
     position: relative;
     /*background-color: #5ba600;*/
     background-color: #7c756b;
     height: 4px;
     width: 90px;
     margin: 0 auto;
 }
 .heading-line:before {
     /*background-color: #5ba600;*/
     background-color: #7c756b;
     content: '';
     position: absolute;
     left: 0;
     top: -2.7px;
     height: 9px;
     width: 10px;
     -webkit-animation-duration: 3s;
     animation-duration: 3s;
     -webkit-animation-timing-function: linear;
     animation-timing-function: linear;
     -webkit-animation-iteration-count: infinite;
     animation-iteration-count: infinite;
     animation-direction: alternate-reverse;
     -webkit-animation-direction: alternate-reverse;
     -webkit-animation-name: watermark-animate;
     animation-name: watermark-animate;
 }
 .watermark-animate {
     -webkit-animation: watermark-animate 8s infinite;
     animation: watermark-animate 8s infinite;
     animation-direction: alternate-reverse;
     -webkit-animation-timing-function: linear;
     animation-timing-function: linear;
   }
   @keyframes watermark-animate {
     0% {
       left: 0;
     }
     100% {
       left: 100%;
     }
   }
 .section-title .title-desc p{
     padding-bottom: 15px;
     margin: 0;
 }
 .section-title h4.title{
     font-weight: 600;
     text-transform: capitalize;
     font-size: 42px;
     line-height: 52px;
     margin-bottom: 0;
 }
 .section-title.title-style-center_text {
     text-align: center;
 }
 .section-title.title-style-center_text .title-desc p{ 
     margin-bottom: 15px;
     width: 55%;
     margin: 0 auto;
 }
 .section-title .title-header { padding-bottom: 11px; }
 /* style2 */
 .section-title.style2 { margin-bottom: 22px; }
 .section-title.style2 .title-header{
     width: 49.5%;
     padding-right: 30px;
     padding-bottom: 0;
     position: relative;
 }
 .section-title.style2 .title-desc{
     padding-right: 20px;
 }
 .section-title.style2 .title-desc p {
     margin-bottom: 0;
     padding-bottom: 10px;
 }
 .section-title.style2 .title-header,
 .section-title.style2 .title-desc{
     display: table-cell;
     vertical-align: middle;
 }
 .row-title .section-title h2 { 
     font-size: 60px;
     line-height: 70px;
 }
 .row-title .section-title {
     margin-bottom: 20px;
 }
 /* ----------------------
     sep_holder
 ------------------------*/
 .yv-horizontal_sep {
     border-top: 1px solid #ebebeb;
     display: block;
     position: relative;
 }
 .yv-bgcolor-darkgrey .yv-horizontal_sep{
     border-top-color: rgba(255,255,255,0.08);
 }
 .yv-bgcolor-white .yv-horizontal_sep{
     border-top-color: #f1f1f1;
 }
 .border, .border-top, .border-left, .border-bottom, .border-right {
     border-color: #ebf0f4 !important;
 }
 .yv-bgcolor-darkgrey .border,
 .yv-bgcolor-darkgrey .border-top,
 .yv-bgcolor-darkgrey .border-left,
 .yv-bgcolor-darkgrey .border-bottom,
 .yv-bgcolor-darkgrey .border-right,
 .yv-bgcolor-skincolor .border,
 .yv-bgcolor-skincolor .border-top,
 .yv-bgcolor-skincolor .border-left,
 .yv-bgcolor-skincolor .border-bottom,
 .yv-bgcolor-skincolor .border-right{
     border-color: rgba(255,255,255,0.06) !important;
 }
 .yv-vertical_sep > [class*='col']:not(:last-child):before{
     position: absolute;
     content: "";
     height: 100%;
     top: 0;
     right: 15px;
     width: 1px;
     background-color: rgba(0, 0, 0, 0.06);
 }
 .row.no-gutters.yv-vertical_sep > [class*='col']:not(:last-child):before{ right: 0; }
 .yv-bgcolor-darkgrey .yv-vertical_sep > [class*='col']:not(:last-child):before,
 .yv-bgcolor-skincolor .yv-vertical_sep > [class*='col']:not(:last-child):before {
     background-color: rgba(255,255,255,.21);
 }
 /* ----------------------
     Buttons
 ------------------------*/
 .yv-btn{ 
     display: inline-block;
     vertical-align: middle;
     font-size: 16px;
     line-height: normal;
     padding: 11px 32px 11px 31px;
     background: transparent; 
     border-width: 1px ;
     border-radius: 50px;
     border-style: solid;
     border-color: #eaeff5;
     position: relative;
     text-transform: uppercase;
     font-weight: 500;
     overflow: hidden;
     z-index: 1;
     transition: all 0.5s ease 0s;
 }
 .yv-btn:not(.btn-inline)::before {
     content: '';
     position: absolute;
     /*background-color: #343434;*/
     background-color: #7c756b;
     width: 0%;
     height: 100%;
     right: 0;
     left: auto;
     top: 0;
     -webkit-transition: .4s all ease-in-out;
     -o-transition: .4s all ease-in-out;
     transition: .4s all ease-in-out;
     z-index: -1;
 }
 .yv-btn:not(.btn-inline):hover::before{
     right: auto;
     left: 0;
     width: 100%;
 }
 .yv-btn.yv-icon-btn-left{ padding-left: 22px; transition: unset;}
 .yv-btn.yv-icon-btn-right{ padding-right: 22px; transition: unset;}
 .yv-btn.yv-icon-btn-right i{ right: 2px; }
 .yv-bgcolor-darkgrey .yv-btn:hover.btn-inline.yv-btn-color-skincolor{
     background-color: transparent;
     color: #fff;
 }
 .rev-btn.yv-btn.yv-btn-style-fill:hover { background-color: transparent; border-color: currentColor;}
 .rev-btn.yv-btn.yv-btn-style-fill:before { position: unset; background-color: transparent;}
 /** btn-with-icon **/
 .yv-btn i{
     display: inline-block;
     vertical-align: middle;
     text-align: inherit;
     margin-left: 10px;
     transition: .4s;
 }
 .yv-btn.yv-icon-btn-right i { text-align: right; margin-left: 10px; margin-right: 0;}
 .yv-btn.yv-icon-btn-left i { text-align: left; margin-right: 10px; margin-left: 0;}
 /** btn-size-xs **/
 .yv-btn.yv-btn-size-xs { font-size: 11px; padding: 8px 20px;}
 .yv-btn.yv-btn-size-xs i { font-size: 10px; line-height: 11px;}
 .yv-btn.yv-icon-btn-right.yv-btn-size-xs i { text-align: right; margin-left: 6px; margin-right: 0;}
 .yv-btn.yv-icon-btn-left.yv-btn-size-xs i { text-align: left; margin-right: 6px; margin-left: 0;}
 /** btn-size-sm **/
 .yv-btn.yv-btn-size-sm { font-size: 13px; padding: 11px 20px; }
 .yv-btn.yv-btn-size-sm i { font-size: 13px; line-height: 14px;}
 /** btn-size-md **/
 .yv-btn.yv-btn-size-md { font-size: 14px; padding: 14px 30px 14px 30px;}
 .yv-btn.yv-btn-size-md i { font-size: 14px; line-height: 15px; font-size: 16px; }
 /** btn-size-lg **/
 .yv-btn.yv-btn-size-lg { font-size: 18px; line-height: 18px; padding: 11px 35px;}
 .yv-btn.yv-btn-size-lg i { font-size: 18px; line-height: 18px;}
 /** btn-shape **/
 .yv-btn.yv-btn-shape-round { border-radius: 2em; }
 .yv-btn.yv-btn-shape-rounded { border-radius: 3px; }
 .yv-btn.yv-btn-shape-square { border-radius: 0; }
 /** btn-style-border **/
 .yv-btn.yv-btn-style-border{ background-color: transparent; border: 1px solid currentColor; }
 .yv-btn.yv-btn-color-white.yv-btn-style-border {
     color: #fff;
     border-color: #fff;
     background-color: transparent;
 }
 /** btn-inline **/
 .yv-btn.btn-inline{
     text-transform: uppercase;
     padding: 0;
     border: 0;
     background-color: transparent;
 }
 .yv-btn.btn-inline i{ 
     display: inline-block;
     vertical-align: middle;
     transition: 0s;
 }
 .yv-btn.btn-inline.yv-icon-btn-right i{ margin-left: 7px; transition: ease-in-out .3s;}
 .yv-btn.btn-inline.yv-icon-btn-left i{ margin-right: 7px; transition: ease-in-out .3s;}
 .yv-btn.btn-inline i.fa-minus:before { height: 1px; display: block; }
 .yv-btn.btn-inline:hover { opacity: .9; }
 .yv-btn.btn-inline.yv-icon-btn-right:hover i { margin-left: 11px!important; }
 .yv-btn.btn-inline.yv-icon-btn-left:hover i { margin-right: 11px!important; }
 /* play-btn / play-icon */
 .yv-play-icon {
     color: #fff;
     display: block;
     position: relative;
 }
 .yv-play-icon .yv-icon.yv-icon_element-size-md{
     height: 95px;
     width: 95px;
     line-height: 95px;
     margin: 0;
 }
 .yv-play-icon .yv-play-icon-animation{ 
     display: inline-block;
     position: relative;
 }
 .yv-play-icon .yv-play-icon-animation:after, .yv-play-icon .yv-play-icon-animation:before {
     content: '';
     border: 1px solid;
     border-color: inherit;
     width: 150%;
     height: 150%;
     -webkit-border-radius: 100%;
     border-radius: 100%;
     position: absolute;
     left: -25%;
     top: -25%;
     opacity: 1;
     -webkit-animation: 1s videoplay-anim linear infinite;
     animation: 1s videoplay-anim linear infinite;
 }
 .yv-play-icon .yv-play-icon-animation:after, .yv-play-icon .yv-play-icon-animation:before {
     -webkit-animation:videoplay-anim 1.05s infinite;
     -moz-animation:videoplay-anim 1.05s infinite;
     -ms-animation:videoplay-anim 1.05s infinite;
     -o-animation:videoplay-anim 1.05s infinite;
     animation:videoplay-anim 1.05s infinite;
 }
 .yv-play-icon .yv-play-icon-animation:after{
     border-color: #bfbfbf;
 }
 .yv-play-icon .yv-play-icon-animation:before {
     border-color: #e4e4e4;
     -webkit-animation-delay: .5s;
     animation-delay: .5s;
 }
 .yv-play-icon-btn .yv-icon.yv-icon_element-size-sm{
     display: block;
     height: 50px;
     width: 50px;
     line-height: 50px;
     margin: 0;
     z-index: 2;
 }
 .yv-play-icon-btn .yv-icon.yv-icon_element-size-sm i.fa-play{ 
     padding-left: 5px;
     font-size: 20px;
     display: inline-block;
     vertical-align: middle;
     line-height: 0;
 }
 .yv-play-icon-btn .yv-icon.yv-icon_element-size-md{
     display: block;
     height: 67px;
     width: 67px;
     line-height: 67px;
     margin: 0;
     z-index: 2;
 }
 .yv-play-icon-btn .yv-icon.yv-icon_element-size-md i.fa-play{ 
     font-size: 28px;
 }
 i.fa-play{ padding-left: 5px; }
 .yv-play-icon-btn .yv-play-icon-animation{
     position: relative;
     display: inline-block;
 }
 .yv-play-icon-btn .yv-play-icon-animation .yv-icon{ margin-bottom: 0; }
 .yv-play-icon-btn .yv-play-icon-animation:after, .yv-play-icon-btn .yv-play-icon-animation:before {
     content: '';
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%,-50%);
     border-radius: 50%;
     -webkit-animation:sep-anim 1.05s infinite;
     -moz-animation:sep-anim 1.05s infinite;
     -ms-animation:sep-anim 1.05s infinite;
     -o-animation:sep-anim 1.05s infinite;
     animation:sep-anim 1.05s infinite;
 }
 .yv-play-icon-btn .yv-play-icon-animation:after{
     z-index: 1;
     width: calc(100% * 1.3 );
     height: calc(100% * 1.3 );
     opacity: .3;
     background-color: #fff;
 }
 .yv-play-icon-btn .yv-play-icon-animation:before {
     width: calc(100% * 1.6 );
     height: calc(100% * 1.6 );
     opacity: .5;
     background-color: #fff;
 }
 .yv-bgcolor-skincolor .yv-play-icon-btn .yv-play-icon-animation:after { opacity: .1; }
 .yv-bgcolor-skincolor .yv-play-icon-btn .yv-play-icon-animation:before { opacity: .3;}
 @-webkit-keyframes sep-anim{ 100% { width:200%;height:200%;opacity:0 } }
 @keyframes sep-anim{ 100% { width:200%;height:200%;opacity:0 } }
 /* ----------------------
     Icons
 ------------------------*/
 .yv-icon{
     margin-bottom: 25px;
     display: inline-block;
     vertical-align: middle;
     text-align: center;
     border: 1px solid transparent;
     position: relative;
     transition: all 1s ease 0s;
     -moz-transition: all 1s ease 0s;
     -webkit-transition: all 1s ease 0s;
     -o-transition: all 1s ease 0s;
     box-sizing: content-box;
     position: relative;
 }
 .yv-icon i {
     display: inline-block;
     vertical-align: middle;
     line-height: 1;
     position: absolute;
     top: 50%;
     left: 50%;
     -webkit-transform: translate(-50%,-50%);
     -ms-transform: translate(-50%,-50%);
     -o-transform: translate(-50%,-50%);
     transform: translate(-50%,-50%);
 }
 /** icon-size-xs **/
 .yv-icon.yv-icon_element-size-xs { height: 40px; width: 40px; line-height: 40px; }
 .yv-icon.yv-icon_element-size-xs i { font-size: 18px; }
 /** icon-size-sm **/
 .yv-icon.yv-icon_element-size-sm { height: 50px; width: 50px; line-height: 50px; }
 .yv-icon.yv-icon_element-size-sm i { font-size: 30px; }
 /** icon-size-md **/
 .yv-icon.yv-icon_element-size-md { height: 67px; width: 67px; line-height: 67px }
 .yv-icon.yv-icon_element-size-md i { font-size: 37px; }
 /** icon-size-lg **/
 .yv-icon.yv-icon_element-size-lg { height: 78px; width: 78px; line-height: 78px; }
 .yv-icon.yv-icon_element-size-lg i { font-size: 48px; }
 /** icon-size-xl **/
 .yv-icon.yv-icon_element-size-xl { height: 88px; width: 80px; line-height: 88px; }
 .yv-icon.yv-icon_element-size-xl i { font-size: 58px; }
 .yv-icon.yv-icon_element-onlytxt { height: auto; width: auto; line-height: 1;}
 .yv-icon.yv-icon_element-onlytxt i { 
     position: relative;
     top: 0;
     left: 0;
     -webkit-transform: unset;
     -ms-transform: unset;
     -o-transform: unset;
     transform: unset;
     -webkit-transform: translate(0,0);
     -ms-transform: translate(0,0);
     -o-transform: translate(0,0);
     transform: translate(0,0);
     transform: translate(0,0);
 }
 /** icon-shape **/
 .yv-icon.yv-icon_element-style-round { border-radius: 5px; }
 .yv-icon.yv-icon_element-style-rounded { border-radius: 50%; }
 .yv-icon.yv-icon_element-style-square { border-radius: 0;}
 /* yv-list-style-icon */
 .yv-list {
     list-style: none;
     padding: 0;
     margin: 0;
     font-size: 16px;
 }
 .yv-list.yv-list-style-icon.font-weight-normal li i , 
 .yv-list.yv-list-style-icon.font-weight-normal .yv-list-li-content {
     font-weight: normal;
     padding-bottom: 2px;
 }
 .yv-list.yv-list-style-icon li {
     position: relative;
     display: inline-block;
     padding-bottom: 8px;
 }
 .yv-list.yv-list-style-icon li i {
     position: absolute;
     left: auto;
     top: 4px;
     font-weight: 400;
 }
 .yv-list.yv-list-style-icon li i.fa-minus:before{
     position: absolute;
     content: "";
     top: 6px;
     left: 0;
     height: 2px;
     width: 7px;
     background-color: currentcolor;
 }
 .yv-list.yv-list-style-icon .yv-list-li-content {
     display: inline-block;
     padding-left: 30px;
 }
 .yv-list.yv-bordered-lists li {
     padding: 13px 0 13px 0;
     display: block;
 }
 .yv-list.yv-bordered-lists.yv-list-style-icon li i { top: 19px; }
 /* yv-video-icon */
 .yv-video-icon .yv-icon.yv-icon_element-size-md{
     height: 98px;
     width: 98px;
     line-height: 98px;
 }
 .yv-video-icon .yv-icon.yv-icon_element-size-md i{ 
     font-size: 40px;
 }
 .yv-right-video-icon, .yv-left-video-icon, .yv-center-video-icon {
     position: absolute;
     left: 0;
     right: 0;
     top: 50%;
 }
 /* ----------------------
     Fid
 ------------------------*/
 .inside {
     position: relative;
     transition: all .4s;
     padding: 10px 0 15px;
 }
 .yv-fid-view-topicon i {
     margin-bottom: 10px;
 }
 .yv-fid-icon-wrapper i {
     font-size: 45px;
     line-height: 50px;
     display: inline-block;
 }
 .inside h4, .inside h4 span {
     font-size: 46px;
     line-height: 50px;
     font-weight: 500;
     margin-bottom: 0;
 }
 .inside h3 {
     margin-bottom: 0;
     width: 100%;
     font-size: 15px;
     line-height: 26px;
     font-weight: 400;
     padding-top: 0;
     color: inherit;
 }
 .yv-fid span:not(.numinate) {
     opacity: 1;
     font-size: 35px;
     font-weight: 600;
     bottom: 0;
 }
 .yv-fid.inside.yv-fid-boxed-view {
     background-color: rgba(0,0,0,.02);
     padding: 25px 30px 35px 35px;
     margin: 15px 0;
 }
 .yv-bgcolor-darkgrey .yv-fid.inside.yv-fid-boxed-view, 
 .yv-bgcolor-skincolor .yv-fid.inside.yv-fid-boxed-view {
     background-color: rgba(242,242,242,.1);
 }
 .yv-fid.inside.style1 {
     padding: 15px 0;
     text-align: center;
 }
 .yv-fid.inside.style1 .yv-fid-icon-wrapper {
     height: 85px;
     line-height: 85px;
     border-radius: 50px;
     display: block;
     position: relative;
     width: 85px;
     text-align: center;
     margin: 0 auto;
     border: 2px solid #fff;
     margin-bottom: 47px;
 }
 .yv-fid.inside.style1 .yv-fid-icon-wrapper i {
     font-size: 42px;
     line-height: 55px;
     transition: all 1s ease;
     display: inline-block;
     vertical-align: middle;
     color: #5ba600;
 }
 .yv-fid.inside.style1 .yv-fid-icon-wrapper:after {
     content: "";
     left: 50%;
     height: 10px;
     position: absolute;
     bottom: -35px;
     width: 10px;
     background-color: #5ba600;
     border-radius: 50%;
 }
 .yv-fid.inside.style1:hover .yv-fid-icon-wrapper  i {
     transform: rotateY(360deg);
 }
 .yv-fid.inside.style2{
     text-align: center;
     padding: 50px 0;
 }
 .yv-fid.inside.style2 h4, .yv-fid.inside.style2 h4 span {
     font-size: 36px;
     line-height: 47px;
     font-weight: 500;

     margin-right: -8px;
 }
 .yv-fid.inside.style2 .yv-fid-icon-wrapper i {
     font-size: 60px;
     line-height: 1;
     padding-top: 7px;
     font-weight: 500;
     /*color: #5ba600;*/
     color: #fff;
     margin-bottom: 30px;
 }
 .yv-fid.inside.style2 h3 {
     font-size: 16px;
     font-weight: normal;
     opacity: .8;
 }
 .yv-fid.inside.style3{
     padding: 20px 15px;
     text-align: center;
 }
 .yv-fid.inside.style3 .yv-fid-icon-wrapper i {
     font-size: 40px;
     margin-bottom: 20px;
 }
 .yv-fid.inside.style3 h3.yv-fid-title {
     font-size: 17px;
     line-height: 24px;
     margin-bottom: 0;
     padding-top: 10px;
     font-weight: 400;
 }
 .yv-bgcolor-skincolor .yv-fid.inside.style3 h3.yv-fid-title,
 .yv-bgcolor-darkgrey .yv-fid.inside.style3 h3.yv-fid-title {
     color: rgba(255,255,255,.8);
 }
 .yv-fid.inside.style3 h4, .yv-fid.inside.style3 h4 span {
     font-size: 40px;
     line-height: 1;
 }
 /* ----------------------
     featured-icon-box
 ------------------------*/
 .featured-icon-box { position: relative; margin: 15px 0; }
 .featured-icon-box .yv-icon{ margin-bottom: 0; }
 .featured-title h3{ font-size: 20px; line-height: 30px; margin-bottom: 12px; font-weight: 500; text-transform: capitalize;}
 .featured-icon-box.icon-align-before-content .featured-icon,
 .featured-icon-box.icon-align-before-content .featured-content,
 .featured-icon-box.icon-align-before-title .featured-title,
 .featured-icon-box.icon-align-before-title .featured-icon {
     display: table-cell;
     vertical-align: middle;
 }
 .featured-icon-box.icon-align-before-content .featured-icon i { display: inline-block; vertical-align: middle; }
 .featured-icon-box.icon-align-before-content.icon-ver_align-top .featured-icon {
     vertical-align: top;
     padding-top: 4px;
 }
 .featured-icon-box.icon-align-before-content .featured-content, 
 .featured-icon-box.icon-align-before-title .featured-title{ padding-left: 15px; }
 .featured-icon-box.icon-align-before-content .featured-title h3 { margin-bottom: 13px; }
 .featured-icon-box.icon-align-before-title .featured-title h3{ margin-bottom: 0; }
 .featured-icon-box.icon-align-before-content .featured-content .featured-desc p{ 
     margin-bottom: 0;
 }
 .featured-icon-box.icon-align-before-title .featured-content{ margin-top: 15px; }
 .featured-icon-box.icon-align-top-content .featured-content { padding-top: 15px; }
 .featured-box{
     background-color: #fff;
     border-radius: 10px;
     -webkit-box-shadow: 0 0 10px 0 rgb(0 0 0 / 10%);
     -moz-box-shadow: 0 0 12px 0 rgba(0,0,0,.1);
     box-shadow: 0 0 10px 0 rgb(43 52 59 / 10%);
 }
 /* style1 */
 .featured-icon-box.style1 {
     padding: 25px 5px;
     margin: 0;
 }
 .featured-icon-box.style1 .yv-icon i { 
     font-size: 45px;
     padding-left: 15px;
 }
 .featured-icon-box.style1 .yv-icon:before {
     position: absolute;
     content: '';
     height: 45px;
     width: 45px;
     opacity: 1;
     top: -5px;
     left: 0;
     border-radius: 50px;
     -webkit-transition: .5s all ease;
     -ms-transition: .5s all ease;
     -moz-transition: .5s all ease;
     -o-transition: .5s all ease;
     transition: .5s all ease;
 }
 .featured-icon-box.style1 .yv-icon,
 .featured-icon-box.style1 .featured-content,
 .featured-icon-box.style1 .featured-content .yv-btn {
     transform: translateY(0);
     -ms-transform: translateY(0);
     -webkit-transform: translateY(0);
     -moz-transform: translateY(0);
     opacity: 1;
     transition: all .6s ease;
 }
 .featured-icon-box.style1:hover .yv-icon {
     transform: translateY(-25px);
     -ms-transform: translateY(-25px);
     -webkit-transform: translateY(-25px);
     -moz-transform: translateY(-25px);
     opacity: 0;
 }
 .featured-icon-box.style1 .featured-content .yv-btn {
     opacity: 0;
     position: absolute;
     left: 0;
 }
 .featured-icon-box.style1:hover .featured-content .yv-btn {
     transform: translateY(-5px);
     -ms-transform: translateY(-5px);
     -webkit-transform: translateY(-5px);
     -moz-transform: translateY(-5px);
     opacity: 1;
 }
 .featured-icon-box.style1:hover .featured-content {
     transform: translateY(-35px);
     -ms-transform: translateY(-35px);
     -webkit-transform: translateY(-35px);
     -moz-transform: translateY(-35px);
 }
 /* style2 */
 .featured-icon-box.style2 .yv-icon i {
     font-size: 10px;
     transition: all 1s ease 0s;
 }
 .featured-icon-box.style2 .yv-icon  {
     height: 25px;
     width: 25px;
     line-height: 25px;
 }
 /* style3 */
 .featured-icon-box.style3 {
     text-align: center;
     padding: 35px 35px 30px;
 }
 .featured-icon-box.style3 .yv-icon i {
     font-size: 50px;
     transition: all 1s ease 0s;
 }
 .featured-icon-box.style3:hover .yv-icon  {
     transform: rotateY(360deg);
 }
 .featured-icon-box.style3::before {
     content: "";
     position: absolute;
     left: 0px;
     bottom: 0px;
     width: 100%;
     transform: scaleX(0);
     border-bottom: 3px solid;
     transition: all 0.3s ease 0s;
 }
 .featured-icon-box.style3:hover::before {
     transform: scaleX(1);
 }
 .featured-icon-box.style3 .yv-highlight-box {
     position: absolute;
     top: 0;
     right: 0;
     text-align: center;
     font-size: 16px;
     width: 0;
     height: 0;
     border-width: 0 60px 60px 0;
     border-style: solid;
     border-color: transparent;
     border-right-color: #ffc107;
     font-weight: 600;
 }
 .featured-icon-box.style3 .yv-highlight-box i {
     position: absolute;
     top: 11px;
     left: 35px;
     color: #fff;
     font-size: 14px;
 }
 /* style4 */
 .featured-icon-box.style4 {
     padding: 58px 0 62px;
     margin: 0;
 }
 .featured-icon-box.style4 .featured-title h3 {
     font-size: 32px;
     line-height: 50px;
     margin-bottom: 5px;
 }
 .featured-icon-box.style4 .featured-desc p{
     font-size: 18px;
     line-height: 24px;
     margin: 0;
 }
 .featured-icon-box.style4 .featured-content { padding-left: 0; z-index: 1; position: relative;}
 .featured-icon-box.style4 .featured-icon .yv-icon {
     position: absolute;
     opacity: .15;
     top: 25px;
     left: 70px;
     color: #fff;
     display: block;
     font-weight: 400;
     transition: all 1s ease;
 }
 .featured-icon-box.style4:hover .featured-icon .yv-icon {
     transform: rotateY(360deg);
 }
 .featured-icon-box.style4 .featured-icon .yv-icon i {
     font-size: 140px;
 }
 /* style5 */
 .featured-icon-box.style5{
     padding: 0 15px;
     box-shadow: 0 0 40px 5px rgb(0 0 0 / 5%);
     background-color: #fff;
     padding: 30px 30px 30px;
     position: relative;
     text-align: left;
     border-radius: 16px;
 }
 .featured-icon-box.style5 .featured-icon .yv-icon i { font-size: 48px; }
 .row > [class*='col-']:nth-child(even) .featured-icon-box.style5 { margin-top: 65px; }
 .row > [class*='col-']:nth-child(even) .featured-icon-box.style5 i.yv-num { top: -60px;}
 /* style6 */
 .featured-icon-box.style6 {
     padding: 12px 0;
     width: 100%;
     margin-top: 0;
     margin-bottom: 0;
 }
 .featured-icon-box.style6 .featured-content {
     padding: 20px 30px 20px 30px;
     background-color: #f8f8f8;
     width: 100%;
     border-radius: 16px;
     -webkit-transition: all .6s ease;
     -moz-transition: all .6s ease;
     -ms-transition: all .6s ease;
     -o-transition: all .6s ease;
     transition: all .6s ease;
 }
 .featured-icon-box.style6 .featured-content .featured-title h3 {
     font-size: 20px;
     margin-bottom: 8px;
 }
 .featured-icon-box.style6 .yv-icon{
     line-height: 48px;
     width: 70px;
     height: 70px;
     margin-right: 40px;
     margin-top: -15px;
     transition: all .4s;
 }
 .featured-icon-box.style6 .yv-icon i{
     font-size: 30px;
     font-weight: 500;
     /*color: #5ba600;*/
     color: #333;
 }
 /* style7 */
 .featured-icon-box.style7 {
     padding: 30px 30px 15px;
     background-color: #fff;
     -webkit-box-shadow: 0 0 7px 0 rgb(43 52 59 / 8%);
     -moz-box-shadow: 0 0 7px 0 rgba(43,52,59,.08);
     box-shadow: 0 0 7px 0 rgba(43,52,59,.08);
     border-radius: 12px;
 }
 .featured-icon-box.style7 .featured-icon .yv-icon {
     position: absolute;
     left: -35px;
     top: 30px;
     width: 50px;
     height: 50px;
     line-height: 50px;
     text-align: center;
 }
 .featured-icon-box.style7 .featured-icon .yv-icon i { 
     font-size: 20px;
     font-family: "Rubik",sans-serif;
 }
 .featured-icon-box.style7 .featured-icon  i { 
     font-size: 50px;
     /*color: #5ba600;*/
     color: #7c756b;
 }
 /* style8 */
 .featured-icon-box.style8 {
     text-align: left;
     width: 100%;
     padding: 15px 0 0;
 }
 .featured-icon-box.style8 .yv-icon {
     font-size: 37px;
     height: 70px;
     width: 70px;
     line-height: 70px;
     text-align: center;
     margin-bottom: 15px;
     border-radius: 50px;
     /*border:5px solid #fff;*/
     border: 5px solid #7c756b;
 }
 .featured-icon-box.style8:hover .featured-icon .yv-icon {
     -webkit-transform: translateY(-5px);
     transform: translateY(-5px);
     box-shadow: 0 0 12px 0 rgb(0 0 0 / 11%);
 }
 .featured-icon-box.style8:hover .featured-icon .yv-icon:before {
     opacity: 1;
     -webkit-transform: translateY(5px);
     transform: translateY(5px);
 }
 .featured-icon-box.style8 .featured-icon .yv-icon:before {
     pointer-events: none;
     position: absolute;
     z-index: -1;
     content: '';
     top: 100%;
     left: 5%;
     height: 10px;
     width: 90%;
     opacity: 0;
     background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
     background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
     -webkit-transition-duration: 0.3s;
     transition-duration: 0.3s;
     -webkit-transition-property: transform, opacity;
     transition-property: transform, opacity;
 }
 .featured-icon-box.style8 .yv-icon i {
     font-size: 37px;
 }
 .featured-icon-box.style8 .fea_num {
     position: absolute;
     height: 30px;
     width: 30px;
     line-height: 30px;
     border-radius: 50%;
     z-index: 1;
     top: -15px;
     left: 51px;
     text-align: center;
     color: #fff;
     transition: all 0.5s ease-in-out;
 }
 .featured-icon-box.style8 .fea_num i {
     display: block;
     font-size: 14px;
     padding-top: 2px;
     font-family: inherit;
 }
 .featured-icon-box.style8 .featured-icon { position: relative; }
 @media (min-width: 992px){
     .featured-icon-box.style8 .featured-icon:after ,
     .featured-icon-box.style8 .featured-icon:before {
         position: absolute;
         content: "";
         width: 110%;
         height: 1px;
         top: 35px;
         z-index: -1;
         left: 70px;
         padding: 2px 0;
         /*background: #5ba600;*/
         background-color: #7c756b;
     }
     .row > div:last-child > .featured-icon-box.style8 .featured-icon:after,
     .row > div:last-child > .featured-icon-box.style8 .featured-icon:before { content: unset; }
 }
 /* ----------------------
     featured-imagebox
 ------------------------*/
 .featured-imagebox,
 .featured-imagebox .featured-thumbnail { 
     position: relative;
     overflow: hidden;
     border-radius:12px;
 }
 .featured-imagebox .featured-thumbnail img {
     border-radius:12px;
     -moz-transform: scale(1);
     -webkit-transform: scale(1);
     -ms-transform: scale(1);
     transform: scale(1);
     -webkit-transition: all .6s ease-in-out;
     -moz-transition: all .6s ease-in-out;
     -ms-transition: all .6s ease-in-out;
     -o-transition: all .6s ease-in-out;
 }
 .featured-imagebox:hover .featured-thumbnail img{
     -moz-transform: scale(1.09);
     -webkit-transform: scale(1.09);
     -ms-transform: scale(1.09);
     transform: scale(1.09);
 }
 .slick-slide .featured-imagebox { margin: 15px; }
 .featured-imagebox .featured-content .featured-title h3 {
     position: relative;
     overflow: hidden;
     font-size: 22px;
     line-height: 32px;
     font-weight: 500;
     margin-bottom: 10px;
     display: -webkit-box;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical; 
 }
 .featured-imagebox .featured-content .category, .featured-imagebox .featured-content .category a {
     font-size: 14px;
     line-height: 15px;
     margin-bottom: 0;
     transition: all .3s;
     display: inline-block;
 }
 .yv-box-view-overlay , .yv-box-view-content-inner{ 
     position: relative;
     overflow: hidden;
 }
 .yv-box-view-overlay:before, .yv-box-view-content-inner:before  {
     position: absolute;
     content: "";
     left: 0;
     width: 100%;
     height: 100%;
     text-align: center;
     z-index: 1;
     opacity: 0;
     -webkit-transition: all .4s ease-out;
     transition: all .4s ease-out;
 }
 div:hover > .yv-box-view-overlay:before, div:hover > .yv-box-view-content-inner:before {
     opacity: .7;
 }
 /* post */
 .featured-imagebox-post { 
     overflow: visible;
     margin-bottom: 25px;
     -webkit-transform: translateY(0);
     -moz-transform: translateY(0);
     -ms-transform: translateY(0);
     -o-transform: translateY(0);
     transform: translateY(0);
     -webkit-transition: .5s;
     -o-transition: .5s;
     -moz-transition: .5s;
     transition: .5s;
 }
 .featured-imagebox-post:hover {
     -webkit-transform: translateY(-7px);
     -moz-transform: translateY(-7px);
     -ms-transform: translateY(-7px);
     -o-transform: translateY(-7px);
     transform: translateY(-7px);
 }
 .featured-imagebox-post .featured-content .post-meta span{ 
     display: inline-block;
     position: relative;
     margin-right: 20px;
     font-size: 14px;
     line-height: 14px;
     margin-bottom: 12px;
 }
 .featured-imagebox-post .featured-content .post-meta span:last-child{
     margin-right: 0;
 }
 .featured-imagebox-post .featured-content .post-meta span:not(:last-child):after{
     position: absolute;
     background-color: currentColor;
     display: inline-block;
     content: "/ ";
     color: #555c63;
     width: 1px;
     height: 100%;
     border-radius: 50%;
     vertical-align: middle;
     top: 0;
     background-color: transparent;
     right: -10px;
 }
 .featured-imagebox-post .featured-content .post-meta span i{ 
     padding-right: 8px; 
     font-size: 14px;
     line-height: 0;
 }
 .featured-imagebox-post .featured-content .post-meta span i.fa-comments-o { font-size: 16px; }
 .featured-imagebox-post .yv-box-post-date .yv-entry-date{
     color: #fff;
     display: inline-block;
     padding: 20px 8px;
     z-index: 2;
     font-size: 15px;
 }
 .yv-box-post-date .yv-entry-date .entry-month, 
 .yv-box-post-date .yv-entry-date .entry-year {
     font-size: 16px;
     line-height: 1;
     display: block;
     font-weight: 700;
     text-transform: capitalize;
 }
 .post-category{
     display: inline-block;
     border-radius: 6px;
     font-size: 14px;
     line-height: 1;
     padding: 6px 10px;
     color: #fff;
     margin-bottom: 15px;
 }
 .post-bottom.yv-post-link { display: flex; }
 .yv-post-format-video{
     position: relative;
     overflow: hidden;
     padding-bottom: 55.25%;
     padding-top: 25px;
     height: 0;
 }
 .yv-post-format-video iframe{
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     border: none;
 }
 /* post-1*/
 .featured-imagebox-post.style1 {
     border: 17px solid #fff;
     background-color: #fff;
     transition: all .4s;
     box-shadow: 0 0px 8px 0 rgba(18, 29, 39, 0.16);
 }
 .featured-imagebox-post.style1:hover {
     box-shadow: 0 0px 28px -6px rgba(31, 31, 31, 0.21);
 }
 .featured-imagebox-post.style1 .post-header{
     display: flex;
     align-items: center;
     margin-bottom: 17px;
 }
 .featured-imagebox-post.style1 .featured-content{
     padding: 35px 0 17px;
     position: relative;
 }
 .featured-imagebox-post.style1 .post-meta {
     display: block;
     padding: 5px 0px 0;
 }
 .featured-imagebox-post.style1 .yv-box-post-date {
     position: absolute;
     left: 45%;
     top: -35px;
     height: 60px;
     width: 60px;
     font-weight: 500 ;
     font-size: 15px;
     line-height: 19px;
     padding-top: 11px;
     z-index: 2;
     color: #fff;
     text-align: center;
     border-radius: 10px;
 }
 .featured-imagebox-post.style1 .yv-box-post-date .yv-entry-date{
     display: block;
     padding: 0;
     margin: 0;
     font-size: 20px;
     line-height: 20px;
     display: block;
     font-weight: 500;
 }
 .featured-imagebox-post.style1 .yv-box-post-date .yv-entry-date .entry-month {
     font-size: 14px;
     font-weight: 400;
     margin-top: 5px;
     text-transform: uppercase;
 }
 .yv-blog-overlay-iconbox a{
     opacity: 0;
     position: absolute;
     text-align: center;
     z-index: 1;
     top: 50%;
     left: 50%;
     margin-top: -12px;
     margin-left: -17px;
     display: inline-block;
     height: 25px;
     width: 25px;
     line-height: 25px;
     color: #fff;
     font-size: 25px;
     z-index: 2;
     -webkit-transition: all .9s ease;
     -o-transition: all .9s ease;
     -moz-transition: all .9s ease;
     transition: all .9s ease;
     transform: scale(0);
     -webkit-transform: scale(0);
 }
 .featured-imagebox-post:hover .yv-blog-overlay-iconbox a{
     opacity: 1;
     transform: scale(1);
     -webkit-transform: scale(1);
 }
 .featured-imagebox-post.style1 .yv-btn { font-size: 13px; font-weight: 700; }
 /* post-2 */
 .featured-imagebox-post.style2 .featured-content { 
     box-shadow: rgba(43, 52, 59, 0.1) 0px 0px 10px 0px;
     margin-right: 20px;
     margin-left: 20px;
     background-color: rgb(255, 255, 255);
     position: relative;
     top: -33px;
     margin-bottom: -33px;
     padding: 25px 25px 31px 30px;
 }
 .featured-imagebox-post.style2 .yv-box-post-date i { margin-right: 5px; }
 .featured-imagebox-post.style2 .yv-box-post-date {
     position: absolute;
     color: rgb(255, 255, 255);
     z-index: 1;
     right: 0;
     top: -35px;
     display: block;
     height: 35px;
     font-size: 14px;
     line-height: 30px;
     padding: 5px 16px;
 }
 .featured-imagebox-post.style2 .featured-desc p {
     display: -webkit-box;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
     overflow: hidden;
 }
 /* services-01*/
 .featured-imagebox-services.style1{
     text-align: left;
     background-color: #fff;
     padding: 17px 17px;
     box-shadow: 0 0 15px rgba(0,0,0,.1);
     -webkit-transform: translateY(0);
     -moz-transform: translateY(0);
     -ms-transform: translateY(0);
     -o-transform: translateY(0);
     transform: translateY(0);
     -webkit-transition: .5s;
     -o-transition: .5s;
     -moz-transition: .5s;
     transition: .5s;
 }
 .featured-imagebox-services.style1:hover {
     -webkit-transform: translateY(-7px);
     -moz-transform: translateY(-7px);
     -ms-transform: translateY(-7px);
     -o-transform: translateY(-7px);
     transform: translateY(-7px);
 }
 .featured-imagebox-services.style1 .featured-content {
     padding-top: 20px;
     position: relative;
 }
 .featured-imagebox-services.style1 .featured-content .yv-details-link {
     position: absolute;
     top: 25px;
     right: 4px;
     font-size: 20px;
 }
 /* services-02*/
 .featured-imagebox-procedure, .featured-imagebox-procedure .featured-thumbnail {
     text-align: center;
     overflow: visible;
 }
 .featured-imagebox-procedure .featured-thumbnail { display: inline-block; }
 .row > [class*='col-']:nth-child(odd) .featured-imagebox-procedure {
     margin-top: 50px;
 }
 .featured-imagebox-procedure:hover .featured-thumbnail img{
     transform: translateY(10px);
 }
 .featured-imagebox-procedure .featured-content{
     margin-top: 20px;
     padding: 0 15px;
 }
 .featured-imagebox-procedure .featured-content .featured-title h3 {
     font-size: 20px;
     line-height: 30px;
     margin-bottom: 10px;
 }
 .featured-imagebox-procedure .featured-thumbnail img {
     border-radius: 50%;
     min-width: auto;
     transform: translateY(-10px);
     transition: all 0.3s ease 0s;
     /*border-right: 10px solid #5ba600;
     border-bottom: 10px solid #5ba600;*/
     border-right: 10px solid #ded2c4;
     border-bottom: 10px solid #ded2c4;
 }
 .featured-imagebox-procedure .process-num {
     font-size: 16px;
     font-weight: 600;
     color: rgb(255, 255, 255);
     width: 60px;
     height: 60px;
     line-height: 60px;
     display: block;
     text-align: center;
     position: absolute;
     top: 2px;
     left: 0px;
     z-index: 1;
     border-radius: 50%;
 }
 .featured-imagebox-procedure .process-num:after {
     position: absolute;
     content: "";
     top: -6px;
     left: -6px;
     width: 73px;
     height: 73px;
     border-radius: 50%;
     z-index: -1;
     opacity: .2;
 }
 .featured-imagebox-procedure .process-num:before {
     counter-increment: featured-imagebox-procedure;
     content: counter(featured-imagebox-procedure, decimal-leading-zero) " ";
     display: none;
 }
 section{ counter-reset: featured-imagebox-procedure; }
 /* style1 */
 .yv-boxes-spacing-10px .featured-imagebox-portfolio.style1 { margin: 0; }
 .featured-imagebox-portfolio.style1 .yv-media-link a {
     display: inline-block;
     font-size: 17px;
     position: absolute;
     top: 42%;
     right: 50%;
     margin-top: -15px;
     height: 45px;
     width: 45px;
     opacity: 0;
     line-height: 45px;
     border-radius: 0;
     text-align: center;
     margin-right: 5px;
     z-index: 1;
     background-color: #fff;
     transform: translateX(-20px);
     -webkit-transition: .5s;
     transition: .5s;
 }
 .featured-imagebox-portfolio.style1 .yv-media-link a:hover i { color: inherit; }
 .featured-imagebox-portfolio.style1 .yv-media-link a.yv-link {
     transform: translateX(20px);
     -webkit-transition: 1s;
     margin-right: -49px;
 }
 .featured-imagebox-portfolio.style1:hover .yv-media-link a{
     opacity: 1;
 }
 .featured-imagebox-portfolio.style1:hover .yv-media-link a {
     -webkit-transform: translate(0);
     transform: translate(0);
 }
 .featured-imagebox-portfolio.style1 .featured-thumbnail{
     position: relative;
     -webkit-transition-timing-function: linear;
     transition-timing-function: linear;
     -webkit-transition-duration: .3s;
     transition-duration: .3s;
     -webkit-transition-property: -webkit-transform,-webkit-box-shadow;
     transition-property: -webkit-transform,-webkit-box-shadow;
     transition-property: transform,box-shadow;
     transition-property: transform,box-shadow,-webkit-transform,-webkit-box-shadow;
 }
 .featured-imagebox-portfolio.style1:hover .featured-thumbnail{
     -webkit-transform: translateY(-20px);
     -ms-transform: translateY(-20px);
     transform: translateY(-20px);
 }
 .featured-imagebox-portfolio.style1 .featured-content{
     position: absolute;
     bottom: 0;
     width: 100%;
     background-color: #fff;
     padding: 15px;
     -webkit-transform: translateY(100%);
     -moz-transform: translateY(100%);
     -ms-transform: translateY(100%);
     -o-transform: translateY(100%);
     transform: translateY(100%);
     z-index: 2;
     -webkit-transition: all 0.5s;
     -moz-transition: all 0.5s;
     -ms-transition: all 0.5s;
     -o-transition: all 0.5s;
     transition: all 0.5s;
     text-align: center;
 }
 .featured-imagebox-portfolio.style1:hover .featured-content{
     -webkit-transform: translateY(0%);
     -moz-transform: translateY(0%);
     -ms-transform: translateY(0%);
     -o-transform: translateY(0%);
     transform: translateY(0%);
 }
 .featured-imagebox-portfolio.style1 .featured-content .featured-title h3 {
     font-size: 20px; line-height: 28px; margin-bottom: 0;
 }
 /* style1 */
 .featured-imagebox-portfolio.style2 {
     margin: 15px 0;
     -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
     -moz-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1);
     box-shadow: 0px 0px 10px 0px rgba(43, 52, 59, 0.1);
     transition: all .5s;
 }
 .featured-imagebox-portfolio.style2 .featured-content {
     padding: 25px 30px 15px;
     background-color: #fff;
 }
 .featured-imagebox-portfolio.style2 .featured-content .featured-title h3 { 
     font-size: 20px;
     line-height: 28px;
     margin-bottom: 10px;
 }
 .featured-imagebox-portfolio.style2 .featured-content .featured-desc p{
     overflow: hidden;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 2;
 }
 .featured-imagebox-portfolio.style2 .yv-media-link a{
     position: absolute;
     top: 50%;
     left: 50%;
     color: rgb(255, 255, 255);
     width: 40px;
     height: 40px;
     text-align: center;
     line-height: 40px;
     font-size: 14px;
     opacity: 0;
     z-index: 1;
     margin-top: -20px;
     transition: all 0.45s ease 0ms;
 }
 .featured-imagebox-portfolio.style2 .yv-media-link a.yv-image{
     transform: translate(-30px, -45px);
     margin-left: -45px;
 }
 .featured-imagebox-portfolio.style2 .yv-media-link a.yv-link{
     transform: translate(30px, 45px);
     margin-left: 6px;
 }
 .featured-imagebox-portfolio.style2:hover .yv-media-link a{
     opacity: 1;
     transform: translate(0px);
 }
 /* team-1 */
 .featured-imagebox-team.style1 { 
     transition: all .4s;
     margin-bottom: 15px;
 }
 .featured-imagebox-team.style1 .featured-content {
     text-align: center;
     position: relative;
     z-index: 2;
     margin: -25px 40px 5px;
     padding: 20px 0 23px;
     background-color: #fff;
     -webkit-transition: .5s cubic-bezier(.3,.57,.55,1);
     transition: .5s cubic-bezier(.3,.57,.55,1);
     -webkit-box-shadow: 0 0 7px 0 rgba(43,52,59,.08);
     -moz-box-shadow: 0 0 7px 0 rgba(43,52,59,.08);
     box-shadow: 0 0 7px 0 rgba(43,52,59,.08);
 }
 .featured-imagebox-team .featured-content .featured-title h5 {
     margin-bottom: 0;
 }
 .featured-imagebox-team.style1 .team-position {
     font-size: 14px;
     font-style: italic;
     margin-bottom: 0;
 }
 .featured-imagebox-team.style1 .yv-media-link {
     position: absolute;
     top: 0;
     left: -40px;
     right: auto;
     padding: 10px;
     margin-top: 0;
     opacity: 0;
     z-index: 9;
     background-color: #000;
     -webkit-transition: .5s all ease;
     -ms-transition: .5s all ease;
     -moz-transition: .5s all ease;
     -o-transition: .5s all ease;
     transition: .5s all ease;
 }
 .featured-imagebox-team.style1:hover .yv-media-link {
     opacity: 1;
     left: 0;
 }
 .featured-imagebox-team.style1 .media-block .social-icons li {
     list-style: none;
     margin: 7px 0;
     display: block;
 }
 .featured-imagebox-team.style1 .media-block .social-icons li a {
     font-size: 14px;
     color: #fff;
     position: relative;
 }
 .featured-imagebox-team.style1 .featured-content::before {
     content: "";
     position: absolute;
     left: 0px;
     bottom: 0px;
     width: 100%;
     transform: scaleX(0);
     border-bottom: 3px solid;
     transition: all 0.3s ease 0s;
 }
 .featured-imagebox-team.style1:hover .featured-content::before {
     transform: scaleX(1);
 }
 /* ----------------------
     Progress-Bar
 ------------------------*/
 .yv-progress-bar{ position: relative; }
 .yv-progress-bar:not(:last-child){ margin-bottom: 35px; }
 .yv-progress-bar .progressbar-title {
     font-size: 16px;
     line-height: 24px;
     margin-bottom: 8px;
     font-weight: 500;
     padding-right: 50px;
     text-transform: capitalize;
 }
 .yv-progress-bar .progress-bar {
     position: relative;
     background-color: rgba(192, 192, 192, 0.34);
 }
 .yv-progress-bar .progress-bar-inner{ 
     box-shadow: none;
     width: 100%;
     z-index: 1;
     background-color: rgba(192, 192, 192, 0.34);
 }
 .yv-bgcolor-skincolor .yv-progress-bar .progress-bar-inner{
     background-color: rgba(0, 0, 0, 0.1);
 }
 .yv-bgcolor-darkgrey .yv-progress-bar .progress-bar-inner { background-color: #fff; }
 .yv-bgcolor-grey .yv-progress-bar .progress-bar-inner{ background-color: #fff;}
 /* ----------------------
     Testimonial
 ------------------------*/
 .testimonials {
     position: relative;
 }
 .testimonials .testimonial-caption h3 {
     font-size: 20px;
     line-height: 30px;
     display: block;
     font-weight: 500;
     margin-bottom: 0;
 }
 .testimonial-caption label {
     display: block;
     margin: 0; 
     margin-bottom: -5px;
 }
 .testimonials .testimonial-content blockquote{
     padding: 10px 25px;
     font-size: 20px;
     position: relative;
     line-height: 32px;
     font-style: italic;
     margin: 0;
 }
 .star-ratings ul{ padding: 0; margin: 0;}
 .star-ratings li{
     font-size: 13px;
     min-width: 13px;
     display: inline-block;
     color: #e0e8f0;
 }
 .star-ratings ul li.active , .star-ratings ul li.active i{ color: #f1d121;}
 /* yv-testimonial-box-view-style1 */
 .testimonials.yv-testimonial-box-view-style1 {
     text-align: center;
     padding: 10px 15px 0;
 }
 .testimonials.yv-testimonial-box-view-style1 .testimonial-avatar{
     position: relative;
     height: 122px;
     width: 122px;
     text-align: center;
     margin: 0 auto;
     margin-bottom: 30px;
 }
 .testimonials.yv-testimonial-box-view-style1 .testimonial-avatar img {
     border-radius: 50%;
     height: 100%;
     width: 100%;
     border : 6px solid #fff;
 }
 .testimonials.yv-testimonial-box-view-style1 .testimonial-avatar:before {
     content: "\f10d";
     font-family: "Font Awesome 5 Pro";
     background-color: inherit;
     font-size: 18px;
     line-height: 46px;
     position: absolute;
     bottom: 0;
     right: -8px;
     color: #fff;
     border-radius: 50%;
     width: 43px;
     height: 43px;
 }
 .testimonials.yv-testimonial-box-view-style1 .testimonial-content blockquote{
     padding: 0 15px 15px;
     text-align: center;
     font-size: 18px;
     line-height: 33px;
     font-weight: 400;
     color: #555c63;
     font-style: italic;
 }
 .testimonials.yv-testimonial-box-view-style1 .testimonial-caption h5{
     font-size: 19px;
     line-height: 29px;
     font-weight: 500;
     margin-bottom: 0px;
 }
 .testimonials.yv-testimonial-box-view-style1 .star-ratings ul li i { font-size: 17px; margin: 0 1.5px; }
 /* yv-testimonial-box-view-style2 */
 .testimonials.yv-testimonial-box-view-style2 { margin: 15px; }
 .testimonials.yv-testimonial-box-view-style2 .testimonial-img {
     border-radius: 50%;
     height: 69px;
     width: 69px;
     display: block;
     margin: 0 auto;
     font-size: 27px;
     color: #fff;
     line-height: 69px;
 }
 .testimonials.yv-testimonial-box-view-style2 .testimonial-img img { 
     border: 3px solid #fff;
     -webkit-box-shadow: 0 0 10px 0 rgb(3 59 74 / 10%);
     -moz-box-shadow: 0 0 10px 0 rgba(3,59,74,.1);
     box-shadow: 0 0 10px 0 rgb(3 59 74 / 10%);
     border-radius: 50%;
 }
 .testimonials.yv-testimonial-box-view-style2 .testimonial-content blockquote {
     border-left: none;
     margin: 0;
     padding: 0 15px 0 0;
     font-size: 16px;
     line-height: 29px;
     color: inherit;
     font-weight: 400;
     text-align: center;
     font-style: normal;
     overflow: visible;
     align-items: center;
     padding: 80px 40px 50px;
     background-color: #fff;
     border-radius: 10px;
 }
 .testimonials.yv-testimonial-box-view-style2 .testimonial-content blockquote:before {
     content: "\f10d";
     font-family: "Font Awesome 5 Pro";
     position: absolute;
     top: 40px;
     left: 0;
     right: 0;
     color: #000;
     text-align: center;
     display: block;
     opacity: .06;
     letter-spacing: 0;
     font-size: 40px;
     font-style: normal;
 }
 .slick-active.slick-current .testimonials.yv-testimonial-box-view-style2 .testimonial-content blockquote:before {
     opacity: 1;
 }
 .testimonials.yv-testimonial-box-view-style2 .testimonial-content .testimonial-bottom {
     margin-top: -30px;
     z-index: 1;
     position: relative;
     text-align: center;
 }
 .testimonials.yv-testimonial-box-view-style2 .testimonial-caption h5{
     font-weight: 500;
     padding-top: 10px;
     margin-bottom: 0;
     font-size: 20px;
 }
 @media (min-width: 992px){
     .testimonials.yv-testimonial-box-view-style2 .testimonial-content {
         transform: scale(1);
         margin-top: 25px;
         transition: .6s ease;
         text-align: center;
         z-index: -1;
     }
     .slick-active.slick-current .testimonials.yv-testimonial-box-view-style2 .testimonial-caption h5{
         font-size: 17px;
         line-height: 21px;
     }
     .slick-active.slick-current .testimonials.yv-testimonial-box-view-style2 .testimonial-content blockquote {
         line-height: 26px;
     }
     .slick-active.slick-current .testimonials.yv-testimonial-box-view-style2 .testimonial-caption label { 
         line-height: 22px;
     }
     .slick-active.slick-current .testimonials.yv-testimonial-box-view-style2 .testimonial-content {
         transform: scale(1);
         z-index: 1;
         margin-top: -10px;
     }
 }
 /* yv-testimonial-box-view-style3 */
 .yv-testimonial-box-view-style3 {
     padding: 35px 35px;
 }
 .testimonials.yv-testimonial-box-view-style3 .testimonial-caption, 
 .testimonials.yv-testimonial-box-view-style3 .testimonial-avatar {
     display: table-cell;
     vertical-align: middle;
 }
 .testimonials.yv-testimonial-box-view-style3 .testimonial-caption {
     padding-left: 20px;
 }
 .testimonials.yv-testimonial-box-view-style3 .testimonial-content blockquote {
     text-align: left;
     font-size: 19px;
     line-height: 31px;
     font-weight: 400;
     padding: 0;
     position: relative;
     margin: 15px 0 25px;
     padding-top: 50px;
     border-left: none;
     font-style: italic;
     background-color: transparent;
 }
 .testimonials.yv-testimonial-box-view-style3 .testimonial-content blockquote:before {
     content: "\f10d";
     font-family: "Font Awesome 5 Pro";
     position: absolute;
     top: -10px;
     left: 0;
     color: #fff;
     text-align: center;
     display: block;
     opacity: .9;
     letter-spacing: 0;
     font-size: 52px;
     font-style: normal;
 }
 .testimonials.yv-testimonial-box-view-style3 .testimonial-img {
     width: 83px;
     height: 83px;
     border-radius: 50px;
 }
 .testimonials.yv-testimonial-box-view-style3 .testimonial-img img{
     border-radius: 50px;
 }
 .testimonials.yv-testimonial-box-view-style3 .testimonial-caption h5 {
     font-size: 20px;
     line-height: 30px;
     margin-bottom: 0;
 }
 /* ----------------------
     Client-row  
 ------------------------*/
 .client-box{ 
     position: relative;
     text-align: center;
 }
 .client-box .yv-client-logo-tooltip{ 
     margin-top: 45px; 
     margin-bottom: 45px;
 }
 .client-box .yv-client-logo-tooltip,
 .client-box .yv-client-logo-tooltip-inner{
     position: relative; 
 }
 .client-box .yv-client-logo-tooltip img{
     text-align: center;
     display: block;
     margin: 0 auto;
 }
 .client-box:hover .yv-client-logo-tooltip img { opacity: 1; }
 .client-box .yv-client-logo-tooltip .client-thumbnail_hover{
     position: absolute;
     content: '';
     left: 0;
     right: 0;
     z-index: 1;
     -webkit-transition: .3s;
     -o-transition: .3s;
     transition: .3s;
 }
 .client-box:hover .yv-client-logo-tooltip .client-thumbnail_hover {
     bottom: 0;
 }
 /* ----------------------
     Wrap-Form
 ------------------------*/
 .wrap-form label{
     width: 100%;
     margin: 0;
 }
 .wrap-form span.text-input {
     margin-bottom: 20px;
     display: block;
     position: relative;
 }
 .wrap-form span.text-input > i {
     position: absolute;
     left: 10px;
     top: 21px;
     opacity: .9;
     font-size: 14px;
     z-index: 1;
 }
 /* contactform */
 .wrap-form.contact_form span.text-input i {
     position: absolute;
     left: 0;
     top: 20px;
     opacity: .9;
     font-size: 16px;
     z-index: 1;
 }
 .wrap-form.contact_form span.text-input input, 
 .wrap-form.contact_form span.text-input textarea,
 .wrap-form.contact_form span.text-input select {
     border-radius: 0;
     color: rgba(0,0,0,.60);
     border-color: #f1f1f1;
     border-radius: 0;
     padding: 12px 15px;
 }
 .wrap-form.contact_form span.text-input textarea { padding: 10px 15px; }
 .wrap-form.contact_form button[type="submit"] { 
     font-size: 13px;
     padding: 14px 28px;
     border-radius: 3px;
 }
 .yv-bgcolor-grey .wrap-form.contact_form span.text-input input, 
 .yv-bgcolor-grey .wrap-form.contact_form span.text-input textarea,
 .yv-bgcolor-grey .wrap-form.contact_form span.text-input select{
     background-color: #fff;
 }
 .yv-bgcolor-skincolor .wrap-form.contact_form span.text-input input, 
 .yv-bgcolor-skincolor .wrap-form.contact_form span.text-input textarea,
 .yv-bgcolor-skincolor .wrap-form.contact_form span.text-input select{
     background-color: transparent;
     border: 0;
     color: #fff;
     padding-left: 0;
     border-bottom: 2px solid rgba(255,255,255,.12);
 }
 .yv-bgcolor-skincolor .wrap-form.contact_form span.text-input input::-webkit-input-placeholder, 
 .yv-bgcolor-skincolor .wrap-form.contact_form span.text-input textarea::-webkit-input-placeholder,
 .yv-bgcolor-skincolor .wrap-form.contact_form span.text-input select::-webkit-input-placeholder {
     color: #fff;
 }
 .wrap-form.request_qoute_form span.text-input { margin: 5px 0 25px; }
 .wrap-form.request_qoute_form label { width: auto; }
 /* ----------------------
     Tab
 ------------------------*/
 .yv-tabs ul.tabs{
     width:100%; 
     padding: 0;
     margin: 0;
 }
 .yv-tabs ul.tabs li{ 
     position: relative;
     width: 100%;
     display: inline-block;
     margin-bottom: 10px;
 }
 .yv-tabs ul.tabs li:last-child{
     margin-bottom: 0;
 }
 .yv-tabs .content-tab .content-inner {
     display: none;
 }
 .yv-tabs .content-tab .content-inner.active {
     display: block;
 }
 /* yv-tab-style-01 */
 .yv-tabs.yv-tab-style-01 ul.tabs { 
     margin: 15px 0 20px;
     display: flex;
     width: 100%;
 }
 .yv-tabs.yv-tab-style-01 ul.tabs li a{
     display: block;
     cursor: pointer;
     padding: 18px 28px 23px;
     margin-bottom: 0px;
     width: auto;
     color: #7a8a9e;
     font-size: 18px;
     line-height: 26px;
     font-weight: 400;
     position: relative;
     background-color: #fff;
     border: 0;
     margin: 0 5px 25px;
     border-radius: 3px;
     border: 1px solid #f0f0f0;
     text-transform: capitalize;
 }
 .yv-tabs.yv-tab-style-01 ul.tabs li.active a:after {
     display: block;
     content: "";
     position: absolute;
     top: 100%;
     left: 0;
     right: 0;
     text-align: center;
     margin: 0 auto;
     width: 0;
     height: 0;
     border-top: 14px solid #fff;
     border-right: 13px solid transparent;
     border-left: 13px solid transparent;
 }
 .yv-tabs.yv-tab-style-01 ul.tabs li a i {
     display: block;
     font-size: 44px;
     line-height: 60px;
     font-weight: 400;
     font-weight: normal;
 }
 .yv-tabs.yv-tab-style-01 .content-inner h3 {
     font-size: 32px;
     line-height: 40px;
 }
 .yv-tabs.yv-tab-style-01 .content-tab {
     padding: 40px;
     background: #fff;
     -webkit-box-shadow: 0 0 7px 0 rgba(41,61,88,.18);
     -moz-box-shadow: 0 0 7px 0 rgba(41,61,88,.18);
     box-shadow: 0 0 7px 0 rgba(41,61,88,.18);
 }
 /* yv-tab-style-02 */
 .yv-tabs.yv-tab-style-02 ul.tabs li { 
     padding: 20px 20px;
     font-size: 24px;
     display: block;
     font-weight: bold;
     border: 1px solid #eeeeee;
     box-shadow: 0 0 10px 0 rgb(43 52 59 / 9%);
     margin-bottom: 13px;
     border-radius: 6px;
     border-left: 4px solid transparent;
 }
 .yv-tabs.yv-tab-style-02 ul.tabs li:last-child { margin-bottom: 0;}
 .yv-tabs.yv-tab-style-02 ul.tabs li.active:after {
     content: "";
     position: absolute;
     background: #e6e6e6;
     top: 100%;
     left: 0;
     width: 100%;
     margin-top: -5px;
     height: 5px;
 }
 .yv-tabs.yv-tab-style-02 ul.tabs li.active {
     box-shadow: 0 2px 1px -1px rgb(0 0 0 / 20%);
 }
 .yv-tabs.yv-tab-style-02 ul.tabs li:not(:last-child) {
     border-bottom: 1px solid #eeeeee;
 }
 .yv-tabs.yv-tab-style-02 ul.tabs li i {
     display: inline-block;
     vertical-align: middle;
     font-weight: normal;
     font-size: 40px;
     position: absolute;
 }
 .yv-tabs.yv-tab-style-02 ul.tabs li h3 {
     position: relative;
     display: inline-block;
     vertical-align: middle;
     font-size: 24px;
     line-height: 1;
     font-weight: 600;
     padding-left: 58px;
     margin-bottom: 0;
     transition: all 500ms ease;
 }
 .yv-tabs.yv-tab-style-02 {
     padding-top: 15px;
 }
 .yv-tabs.yv-tab-style-03 ul.tabs{
     text-align: center;
     margin: 0 auto;
     padding-bottom: 15px;
 }
 .yv-tabs.yv-tab-style-03 ul.tabs li {
     display: inline-block;
     margin: 0 5px;
 }
 .yv-tabs.yv-tab-style-03 ul.tabs li a {
     display: block;
     cursor: pointer;
     padding: 10px 25px;
     margin-bottom: 5px;
     line-height: 22px;
     width: auto;
     position: relative;
     z-index: 3;
     font-size: 14px;
     font-weight: 600;
     border: 1px solid #e0e0e0;
 }
 /* yv-tab-style-vertical */
 .yv-tabs.yv-tab-style-vertical{
     overflow: hidden;
     display: flex;
     justify-content: space-between;
 }
 .yv-tabs.yv-tab-style-vertical .content-tab { 
     padding: 0; margin: 0;
     padding-left: 30px;
 }
 .yv-tabs.yv-tab-style-vertical ul.tabs li { 
     margin-top: 1px; 
     width: 100%; 
     display: block;
 }
 .yv-tabs.yv-tab-style-vertical ul.tabs li a{ 
     color: #fff;
     display: block;
     padding: 14px 20px; 
     font-size: 17px; 
     line-height: 25px; 
     margin: 0; 
     border-radius: 0;
 }
 /* ----------------------
     Boxes-Spacing
 ------------------------*/
 .row.yv-boxes-spacing-30px, .yv-boxes-spacing-30px { margin: 0 -20px; }
 .yv-boxes-spacing-30px .yv-box-col-wrapper {
     padding-right: 15px;
     padding-left: 15px;
     padding-bottom: 30px;
 }
 .row.yv-boxes-spacing-20px, .yv-boxes-spacing-20px { margin: 0 -15px; }
 .yv-boxes-spacing-20px .yv-box-col-wrapper {
     padding-right: 10px;
     padding-left: 10px;
     padding-bottom: 20px;
 }
 .row.yv-boxes-spacing-15px, .yv-boxes-spacing-15px { margin: 0 -10px; }
 .yv-boxes-spacing-15px .yv-box-col-wrapper {
     padding-right: 7.5px;
     padding-left: 7.5px;
     padding-bottom: 15px;
 }
 .row.yv-boxes-spacing-10px, .yv-boxes-spacing-10px{ margin: 0 -5px; }
 .yv-boxes-spacing-10px .yv-box-col-wrapper {
     padding-right: 5px;
     padding-left: 5px;
     padding-bottom: 10px;
 }
 .row.yv-boxes-spacing-5px, .yv-boxes-spacing-5px{ margin: 0; }
 .yv-boxes-spacing-5px .yv-box-col-wrapper {
     padding-right: 2.5px;
     padding-left: 2.5px;
     padding-bottom: 5px;
 }
 .row.yv-boxes-spacing-0px, .yv-boxes-spacing-0px{ margin: 0; }
 .yv-boxes-spacing-0px .yv-box-col-wrapper {
     padding-right: 0px;
     padding-left: 0px;
     margin-bottom: 0px;
     outline: 0;
 }
 /* ----------------------
     15.Pricing-Plan
 ------------------------*/
 .yv-pricing-plan {
     background-color: #fff;
     -webkit-box-shadow: 0 0 10px 0 rgb(0 0 0 / 10%);
     -moz-box-shadow: 0 0 12px 0 rgba(0,0,0,.1);
     box-shadow: 0 0 10px 0 rgb(43 52 59 / 10%);
     border-radius: 6px;
     padding: 50px 35px;
     margin: 15px 0;
     position: relative;
     text-align: center;
     -webkit-transition: all .4s ease;
     -moz-transition: all .4s ease;
     -o-transition: all .4s ease;
     transition: all .4s ease;
 }
 .yv-pricing-plan .yv-p_table-icon i {
     font-size: 50px;
     line-height: 50px;
 }
 .yv-p_table-title h3 {
     font-size: 22px;
     line-height: 30px;
     margin-top: 10px;
     margin-bottom: 2px;
 }
 .yv-p_table-amount, .yv-p_table-price {
     font-size: 50px;
     line-height: 60px;
     font-weight: 600;
     color: #333;
     display: inline;
 }
 .yv-p_table-amount { 
     display: block;
     margin-bottom: 15px;
 }
 .yv-p_table-amount .cur_symbol {
     font-size: 22px;
     font-weight: 600;
     color: #333333;
     padding: 0 2px;
 }
 .yv-p_table-amount .pac_frequency {
     position: relative;
     font-size: 20px;
     font-weight: 500;
     color: #222d35;
     display: inline;
     line-height: 26px;
 }
 .yv-p_table-amount .pac_frequency:before {
     content: '/ ';
 }
 .yv-p_table-body .yv-p_table-features {
     list-style-type: none;
     padding: 12px 0 20px 0;
     margin-top: 30px;
     border-top: 1px solid #eee;
     margin-bottom: 11px;
     position: relative;
     border-bottom: 1px solid #eee;
     margin-bottom: 25px;
 }
 .yv-p_table-features li {
     padding: 0;
     margin: 0;
     position: relative;
     padding: 0;
     margin: 0;
     padding-top: 12px;
     padding-bottom: 11px;
 }
 .yv-p_table-features li:before {
     font-family: "Font Awesome 5 Pro";
     position: absolute;
     content: "\f178";
     left: 0;
 }
 .yv-p_table-footer{
     display: block;
     text-align: center;
 }
 /* ----------------------
     Sidebar
 ------------------------*/
 .sidebar .widget-area .widget {
     position: relative;
     margin-bottom: 40px;
 }
 .sidebar .widget-area .widget:after {
     display: block;
     height: 3px;
     content: '';
     position: absolute;
     width: auto;
     bottom: 0;
     left: 35px;
     right: 35px;
 }
 .sidebar .widget-area .widget.with-title{
     padding: 30px 25px;
     /*-webkit-box-shadow: 0 0 22px 3px rgba(0,0,0,.08);
     box-shadow: 0 0 22px 3px rgba(0,0,0,.08);*/
 }
 .sidebar .widget-area .widget:last-child{ margin-bottom: 0px; }
 .sidebar .widget a {
     font-weight: 400;
     font-size: 15px;
 }
 .sidebar .widget ul{
     margin: 0;
     padding: 0;
 }
 .sidebar .widget > ul{
     background-color: #fff;
 }
 .sidebar .widget ul >li {
     list-style: none;
 }
 .sidebar .widget ul>li:first-child{
     border-top: none;
     padding-top: 0;
 }
 .sidebar .sep_holder .sep_line{ border-color: #ebebeb; }
 .sidebar .widget-title{ 
     font-size: 20px; 
     line-height: 25px;
     margin-bottom: 20px;
     position: relative;
 }
 /*widget-search*/
 .sidebar .widget.widget-search ,
 .sidebar .widget-area.yv-col-bgcolor-yes .widget.widget-search { 
     padding: 0;
 }
 .sidebar .widget.widget-search .search-form{ 
     border: 0;
     position: relative;
 }
 .sidebar .widget.widget-search .search-form label {
     display: block;
     margin: 0;
 }
 .sidebar .widget-search .screen-reader-text {
     clip: rect(1px,1px,1px,1px);
     position: absolute!important;
     height: 1px;
     width: 1px;
     overflow: hidden;
 }
 .sidebar .widget.widget-search .search-form .btn[type="submit"] {
     content: "";
     position: absolute;
     top: 0;
     right: 0;
     padding: 0;
     width: 48px;
     height: 48px;
     z-index: 1;
     outline: 0;
     border: 0;
     opacity: .4;
     background-color: transparent;
     background-repeat: no-repeat;
     background-position: center;
     background-size: 16px 16px;
 }
 .sidebar .widget.widget-search .input-text {
     border: 1px solid #f0f0f0;
     padding: 11px 15px;
     background-color: #fff;
 }
 .sidebar .widget.widget-search input{
     color: #242c42;
 }
 /* contact-widget */
 ul.contact-widget-wrapper { padding: 20px 15px !important; }
 ul.contact-widget-wrapper li{
     border: 0 !important;
     padding-top: 0 !important;
     padding-bottom: 16px !important;
 }
 ul.contact-widget-wrapper li:last-child {
     padding-bottom: 0 !important;
 }
 ul.contact-widget-wrapper li i {
     position: absolute;
     top: 3px;
     left: 0;
     font-size: 17px;
 }
 ul.contact-widget-wrapper li {
     padding-left: 30px ;
     position: relative;
     padding-top: 0;
     padding-bottom: 17px;
     line-height: 23px;
     color: #222d35;
 }
 /* widget-banner */
 .widget-banner .yv-bgcolor-darkgrey > .yv-bg-layer, .widget-banner .yv-col-wrapper-bg-layer-inner {
     background: linear-gradient(to bottom,rgba(255, 255, 255, 0) 10%,rgba(34, 45, 53, 1) 54%);
     background-color: transparent !important;
 }
 .widget-banner .widget-banner-inner { 
     padding: 240px 20px 50px 30px;
 }
 .widget-banner .widget-banner-inner h3 {
     font-size: 26px; line-height: 35px; font-weight: 600;
 }
 .widget-banner .widget-banner-inner ul li {
     font-size: 24px;
     margin-top: 10px;
     display: inline-block;
     vertical-align: middle; 
 }
 .widget-banner .widget-banner-inner ul li i { 
     margin-right: 12px;
     display: inline-block;
     vertical-align: middle; 
     font-size: 22px;
 }
 /* widget-categories */
 .widget-Categories ul li a{
     position: relative;
     display: inline-block;
 }
 .widget-Categories ul li{ 
     padding: 15px !important;
     border-top: 1px solid #eee;
     position: relative;
 }
 .widget-Categories li span {
     position: absolute;
     top: 15px;
     right: 15px;
     width: 26px;
     height: 26px;
     overflow: hidden;
     z-index: 1;
     font-size: 10px;
     letter-spacing: 0;
     font-weight: 500;
     line-height: 20px;
     text-align: center;
     padding: 4px 4px;
     border-radius: 0;
     background-color: #f8f8f8;
 }
 /* widget-nav-menu */
 .sidebar .widget-area .widget.widget.widget-nav-menu:after { content: unset; }
 .widget.widget-nav-menu ul li{ 
     position: relative;
 }
 .widget.widget-nav-menu ul li a{
     display: block;
     padding: 17px 20px 17px 20px;
     position: relative;
     z-index: 1;
     font-size: 15px;
     font-weight: 500;
     border-bottom: 1px solid #eee;
 }
 .widget.widget-nav-menu ul li a:before {
     content: "";
     width: 3px;
     left: 0;
     bottom: 50%;
     background: #eaeaea;
     height: 0;
     position: absolute;
     transition: all .3s cubic-bezier(.645,.045,.355,1);
     z-index: 1;
 }
 .widget.widget-nav-menu ul li:hover a:before, .widget.widget-nav-menu ul li.active a:before {
     height: 100%;
     bottom: 0;
 }
 .widget.widget-nav-menu ul li a:after {
     content: '\f105';
     font-family: "Font Awesome 5 Pro";
     font-style: normal;
     position: absolute;
     top: 15px;
     right: 20px;
     font-size: 20px;
     background-color: transparent;
 }
 /** yv-recent-post-list **/
 .widget-recent-post ul.yv-recent-post-list>li{
     padding: 16px 10px !important;
 }
 .widget-recent-post ul.yv-recent-post-list>li > a ,
 .widget-recent-post ul.yv-recent-post-list>li> .post-detail{
     display: table-cell;
     vertical-align: middle;
 }
 .widget-recent-post ul.yv-recent-post-list>li> a { 
     padding-right: 10px;
     width: 95px;
 }
 .widget-recent-post ul.yv-recent-post-list>li .post-detail a {
     line-height: 23px;
     font-size: 15px;
     display: block;
     padding-bottom: 4px;
 }
 .widget-recent-post ul.yv-recent-post-list>li img {
     display: block;
     width: 75px;
     border-radius: 50%;
 }
 .widget-recent-post ul.yv-recent-post-list>li .post-date {
     display: block;
     font-size: 12px;
     line-height: 22px;
 }
 .widget-recent-post ul.yv-recent-post-list li:after {
     content: " ";
     display: table;
     clear: both;
 }
 .widget-recent-post ul.yv-recent-post-list>li > a, .widget-recent-post ul.yv-recent-post-list>li> .post-detail {
     display: table-cell;
     vertical-align: middle;
 }
 /* tagcloud */
 .widget .tagcloud a {
     display: inline-block;
     padding: 7px 21px;
     margin: 0 4px 10px 0;
     border: 1px solid #eee;
     border-radius: 0;
     font-size: 14px!important;
     background-color: #fff;
     font-weight: 500;
 }
 .widget .tagcloud a:nth-last-child(-n+2) {
     margin-bottom: 5px;
 }
 /* pagination */
 .pagination-block {
     display: block;
     margin-top: 35px;
     text-align: center;
 }
 .pagination-block .page-numbers {
     width: 35px;
     height: 35px;
     line-height: 35px;
     text-align: center;
     display: inline-block;
     color: #656c76;
     font-size: 15px;
     font-weight: 600;
     border: 1px solid #e9eef6;
     border-radius: 0;
     margin: 0 3px;
     padding: 0;
     -webkit-transition: all 0.3s ease 0s;
     -moz-transition: all 0.3s ease 0s;
     -ms-transition: all 0.3s ease 0s;
     -o-transition: all 0.3s ease 0s;
     transition: all 0.3s ease 0s;
 }
 .pagination-block .page-numbers i{ font-size: 12px; }
 /*----------------------------*/
 /*  Custom CSS
 /*----------------------------*/
 .layer-content {
     /*display: flex;
     align-items: center;
     overflow: hidden;*/
 }