/** 

          1. ttm-row 



          2. Row-Equal-Height



          3. Bg-Layer 



          4. Row-Bg-Image



          5. Col-Bg-Image



          6. Section-Title 



          7. sep_holder



          8. Buttons



          9. Icons



          10. Fid



          11. featured-icon-box



          12. Featured-imagebox



          13. Progress-Bar 



          14. Testimonial



          15. Client-row



          16. Accordion



          17. Wrap-Form



          18. Tab



          19. Boxes-Spacing



          20. Sidebar



          21. Pricing Plan



          22. steps-box



**/





/* ===============================================

    1.ttm-row

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

.ttm-row {

    padding: 60px 0; 

}

.ttm-row.broken-section {
    padding: 0px 0;
    /* margin-top: -520px; */
   
    position: absolute;
    top: 276px;
    right: 87px;
    width: 300px;


}

.ttm-row.zero_padding-section { padding: 0 0; }

.ttm-row.bottom_zero_padding-section { padding: 70px 0; }

.bg10{background: #fefefe;
 position:relative; background-image: url(http://shikshamed.com/wp-content/uploads/2023/12/map1111.png);}

.ttm-row.top_zero_padding-section { padding: 0 0 90px; }

.ttm-row.only_title2-section { padding: 60px 0; }

.ttm-row.client-section { padding: 30px 0; }

.ttm-row.grid-section { padding: 75px 0; }





/* ===============================================

    2.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;

}





/* ===============================================

    3.Bg-Layer 

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

.ttm-bg20{ position: relative;}

.ttm-col-bgimage-yes{ z-index: 1; }

.bg-layer-equal-height .ttm-col-bgimage-yes, 

.bg-layer-equal-height .ttm-col-bgcolor-yes,

.bg-layer-equal-height .layer-content{ 

    height: 100%;

}

.ttm-bg-layer , .ttm-titlebar-wrapper .ttm-titlebar-wrapper-bg-layer, .ttm-col-wrapper-bg-layer-inner {

    position: absolute;

    height: 100%;

    width: 100%; 

    top: 0;

    left: 0; background:#1abc9c !important

}

.ttm-left-span > .ttm-col-wrapper-bg-layer {

    width: auto;

    margin-left: -100px;

    right: 0;

}

.ttm-right-span > .ttm-col-wrapper-bg-layer {

    width: auto;

    margin-right: -100px;

    right: 0;

}


.layer-content {
    position: relative;
    z-index: 1;
    background: #ffffffe3;
    text-align: center;
    padding: 12px;
    border-radius: 20px;
}


.bg-layer { position: relative; }

.bg-layer > .container > .row { margin: 0; }

.bg-layer > .container , .bg-layer > .container-fluid { padding: 0; }



.ttm-bg.ttm-bgimage-yes >.ttm-bg-layer ,

.ttm-bg.ttm-col-bgimage-yes > .ttm-bg-layer > .ttm-col-wrapper-bg-layer-inner {}



.ttm-bg.ttm-col-bgimage-yes.ttm-bg-pattern > .ttm-bg-layer > .ttm-col-wrapper-bg-layer-inner,

.ttm-bg.ttm-bgimage-yes.ttm-bg-pattern > .ttm-bg-layer { opacity: .8; }





/* ===============================================

    4.Row-Bg-Image  

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

.bg-img1{

    background-image: url(../images/bg-image/row-bgimage-1.png);

    background-size: cover;

    background-repeat: no-repeat;

    background-position: center center; 

    background-attachment: fixed;

}

.bg-img2{

    background-image: url(../images/bg-image/row-bgimage-2.png);

    background-size: cover;

    background-repeat: no-repeat;

    background-position: center; 

}

.bg-img3{

    background-image: url(../images/bg-image/row-bgimage-3.jpg);

    background-size: cover;

    background-repeat: no-repeat;

    background-position: center; 

}

.bg-img4{

    background-image: url(../images/bg-image/row-bgimage-4.jpg);

    background-size: cover;

    background-repeat: no-repeat;

    background-position: right center; 

}

.bg-img5{

    background-image: url(../images/bg-image/row-bgimage-5.jpg);

    background-size: cover;

    background-repeat: no-repeat;

    background-position: center; 

}

.bg-img6{

    background-image: url(../images/bg-image/row-bgimage-6.jpg);

    background-size: cover;

    background-repeat: no-repeat;

    background-attachment: fixed; 

    background-position: center center; 

}

.bg-img7{

    background-image: url(../images/bg-image/row-bgimage-7.png);

    background-repeat: no-repeat;

    background-position: right bottom; 

}

.bg-img8{

     background-image: url(http://shikshamed.com/wp-content/uploads/2023/12/bg23.jpg);
}

.bg-img9{

    background-image: url(../images/bg-image/row-bgimage-9.jpg);

    background-size: cover;

    background-repeat: no-repeat;

    background-attachment: fixed;

    background-position: center center;

}

.bg-img10{

    background-image: url(../images/bg-image/row-bgimage-10.jpg);

    background-size: cover;

    background-repeat: no-repeat;

    background-position: center; 

}







/* ===============================================

    5.Col-Bg-Image  

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

.ttm-equal-height-image{ display: none; }

.col-bg-img-one.ttm-col-bgimage-yes > .ttm-col-wrapper-bg-layer{

    background-image: url(../images/bg-image/col-bgimage-1.jpg);

    background-position: right center;

    background-size: cover;

    background-repeat: no-repeat;

}

.col-bg-img-two.ttm-col-bgimage-yes > .ttm-col-wrapper-bg-layer{

    background-image: url(../images/bg-image/col-bgimage-2.png);

    background-position: center center;

    background-size: cover;

    aspect-ratio: auto;

    background-repeat: no-repeat;

}

.col-bg-img-three.ttm-col-bgimage-yes > .ttm-col-wrapper-bg-layer{

    background-image: url(../images/bg-image/col-bgimage-3.jpg);

    background-position: center center;

    background-size: cover;

    background-repeat: no-repeat;

}

.col-bg-img-four.ttm-col-bgimage-yes > .ttm-col-wrapper-bg-layer{

    background-image: url(../images/bg-image/col-bgimage-4.jpg);

    background-position: right center;

    background-size: cover;

    background-repeat: no-repeat;

}

.col-bg-img-five.ttm-col-bgimage-yes > .ttm-col-wrapper-bg-layer{

    background-image: url(../images/bg-image/col-bgimage-5.jpg);

    background-position: center;

    background-size: cover;

    background-repeat: no-repeat;

}

.col-bg-img-six.ttm-col-bgimage-yes > .ttm-col-wrapper-bg-layer{

    background-image: url(../images/bg-image/col-bgimage-6.jpg);

    background-position: center;

    background-size: cover;

    background-repeat: no-repeat;

}

.col-bg-img-seven.ttm-col-bgimage-yes > .ttm-col-wrapper-bg-layer{

    background-image: url(../images/bg-image/col-bgimage-7.png);

    background-position: 220% 60%;

    background-size: cover;

    background-repeat: no-repeat;

}





/* ===============================================

    6.Section-Title  

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

.section-title {

    position: relative;

   margin-bottom: -15px;

}

.section-title h3{

    font-weight: 700;

    text-transform: capitalize;

    font-size: 100px;

    line-height: 110px;

    margin-top: -20px;

    color: rgba(236,236,236,.7);

    margin-bottom: -35px;

}

.ttm-bgcolor-darkgrey .section-title h3 ,

.ttm-bgcolor-skincolor .section-title h3 {

    color: rgba(236,236,236,.04);

}

.ttm-bgcolor-darkgrey .ttm-bgcolor-white .section-title h3 ,

.ttm-bgcolor-skincolor .ttm-bgcolor-white .section-title h3 {

    color: rgba(236,236,236,.4);

}

.section-title h2.title{

    font-weight: 500;

    text-transform: capitalize;

    font-size: 37px;

    line-height: 46px;

    margin-bottom: 15px;

}

.section-title h2.title_{

    font-weight: 500;

    text-transform: capitalize;

    font-size: 22px;

    line-height: 31px;

    margin-bottom: 12px;

}

.section-title.col-title h2.title{

    font-size: 28px;

    line-height: 40px;

}

.heading-seperator span{

    position: relative;

    display: block;

    padding-bottom: 10px;

}

.heading-seperator span:before {

    content: "";

    position: absolute;

    top: auto;

    left: 0;

    width: 65px;

    height: 2px;

}

.section-title.title-style-center_text{

    text-align: center;

}

.section-title.title-style-center_text h3 { 

    margin-bottom: -75px;

    display: flex;

    flex-direction: column;

    justify-content: center;

}

.section-title.title-style-center_text .title-desc {

    width: 50%;

    margin: 0 auto;

}

.section-title.title-style-center_text .heading-seperator span:before {

    left: 0;

    right: 0;

    margin: 0 auto;

    text-align: center;

}

.section-title.title-style-center_text .heading-seperator span {

    display: block;

    text-align: center;

    margin: 0 auto;

    width: 100%;

    position: relative;

}





/* ===============================================

    7.sep_holder

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

.ttm-horizontal_sep {

    border-top: 1px solid rgba(0, 0, 0, 0.09);

    display: block;

    position: relative;

}

.ttm-horizontal_sep.sep_width2 { border-top-width: 2px; }

.ttm-bgcolor-darkgrey .ttm-horizontal_sep{

    border-top-color: rgba(255,255,255,0.08);

}

.ttm-bgcolor-white .ttm-horizontal_sep{

    border-top-color: #f1f1f1;

}

.border, .border-top, .border-left, .border-bottom, .border-right {

    border-color: #ebf0f4 !important;

}

.ttm-bgcolor-darkgrey .border,

.ttm-bgcolor-darkgrey .border-top,

.ttm-bgcolor-darkgrey .border-left,

.ttm-bgcolor-darkgrey .border-bottom,

.ttm-bgcolor-darkgrey .border-right,

.ttm-bgcolor-skincolor .border,

.ttm-bgcolor-skincolor .border-top,

.ttm-bgcolor-skincolor .border-left,

.ttm-bgcolor-skincolor .border-bottom,

.ttm-bgcolor-skincolor .border-right{

    border-color: rgba(255,255,255,0.06) !important;

}



.ttm-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.09);

}



.ttm-vertical_sep.sep_width2 > [class*='col-']:not(:last-child):before { width: 2px; }



.row.no-gutters.ttm-vertical_sep > [class*='col-']:not(:last-child):before{ right: 0; }

.ttm-bgcolor-darkgrey .ttm-vertical_sep > [class*='col-']:not(:last-child):before,

.ttm-bgcolor-skincolor .ttm-vertical_sep > [class*='col-']:not(:last-child):before {

    background-color: rgba(255,255,255,0.2);

}



.ttm_left_sep > [class*='col-']:not(:last-child) {

    padding-right: 35px;

}

.ttm_left_sep > [class*='col-']:not(:first-child) {

    padding-left: 35px;

}

.ttm_left_sep > [class*='col-']:not(:first-child):before{

    position: absolute;

    content: '';

    left: -5px;

    height: 100%;

    width: 1px;

    background: #ebebeb;

}

.ttm_bottom_sep > [class*='col-']:after{

    position: absolute;

    content: '';

    bottom: 15px;

    height: 1px;

    left: 0;

    right: 0;

    background: #ebebeb;

}

.ttm_bottom_sep > [class*='col-'] {

    padding-bottom: 30px;

}







/* ===============================================

    8.Buttons

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

.ttm-btn{ 

    display: inline-block;

    vertical-align: middle;

    font-size: 15px;

    line-height: normal;

    padding: 11px 32px 11px 31px;

    background: transparent; 

    border-width: 1px ;

    border-style: solid;

    border-color: transparent;

    position: relative;

    text-transform: capitalize;

    font-weight: 600;

    overflow: hidden;

    z-index: 1;

    background-size: 200% auto;

    transition: all 0.5s ease 0s;

}



.ttm-btn.ttm-icon-btn-left{ padding-left: 22px; transition: unset;}

.ttm-btn.ttm-icon-btn-right{ padding-right: 22px; transition: unset;}

.ttm-btn.ttm-icon-btn-right i{ padding-right: 2px; }





/** btn-with-icon **/

.ttm-btn.ttm-icon-btn-right i, .ttm-btn.ttm-icon-btn-left i{

    display: inline-block;

    vertical-align: middle;

    text-align: inherit;

    transition: .4s;

}

.ttm-btn.ttm-icon-btn-right i { text-align: right; margin-left: 10px; margin-right: 0;}

.ttm-btn.ttm-icon-btn-left i { text-align: left; margin-right: 10px; margin-left: 0;}



/** btn-size-xs **/

.ttm-btn.ttm-btn-size-xs { font-size: 11px; padding: 8px 16px;}

.ttm-btn.ttm-btn-size-xs i { font-size: 10px; line-height: 11px;}

.ttm-btn.ttm-icon-btn-right.ttm-btn-size-xs i { text-align: right; margin-left: 6px; margin-right: 0;}

.ttm-btn.ttm-icon-btn-left.ttm-btn-size-xs i { text-align: left; margin-right: 6px; margin-left: 0;}



/** btn-size-sm **/

.ttm-btn.ttm-btn-size-sm { font-size: 13px; padding: 10px 18px 10px 18px; }

.ttm-btn.ttm-btn-size-sm i { font-size: 13px; line-height: 14px;}



/** btn-size-md **/

.ttm-btn.ttm-btn-size-md {
    font-size: 14px;
    padding: 10px 10px 8px 10px !important;
}

.ttm-btn.ttm-btn-size-md i { font-size: 14px; line-height: 15px; font-size: 16px; }



/** btn-size-lg **/

.ttm-btn.ttm-btn-size-lg { font-size: 18px; line-height: 18px; padding: 20px 40px;}

.ttm-btn.ttm-btn-size-lg i { font-size: 17px; line-height: 18px;}



/** btn-shape **/

.ttm-btn.ttm-btn-shape-round { border-radius: 2em; }

.ttm-btn.ttm-btn-shape-rounded { border-radius: 3px; }

.ttm-btn.ttm-btn-shape-square { border-radius: 0; }



/** btn-style-border **/

.ttm-btn.ttm-btn-style-border{ background-color: transparent; border: 1px solid currentColor; }

.ttm-btn.ttm-btn-color-white.ttm-btn-style-border {

    color: #fff;

    border-color: #fff;

    background-color: transparent;

}



/** btn-inline **/

.ttm-btn.btn-inline{

    padding: 0;

    border: 0;

    background-color: transparent;

}

.ttm-btn.btn-inline i{ 

    display: inline-block;

    vertical-align: middle;

    transition: 0s;

}

.ttm-btn.btn-inline.ttm-icon-btn-right i{ margin-left: 7px; transition: ease-in-out .3s;}

.ttm-btn.btn-inline.ttm-icon-btn-left i{ margin-right: 7px; transition: ease-in-out .3s;}

.ttm-btn.btn-inline i.fa-minus:before { height: 1px; display: block; }

.ttm-btn .fa-minus:before {

    display: inline-block;

    vertical-align: middle;

    margin-right: 2px;

    content: "";

    height: 2px;

    width: 20px;

    background-color: currentColor;

}



.ttm-btn.btn-inline.ttm-icon-btn-right:hover i { margin-left: 11px!important; }

.ttm-btn.btn-inline.ttm-icon-btn-left:hover i { margin-right: 11px!important; }



/* play-btn */

.ttm-play-icon-btn .ttm-icon.ttm-icon_element-size-sm{

    display: block;

    height: 50px;

    width: 50px;

    line-height: 50px;

    margin: 0;

    z-index: 2;

}

.ttm-play-icon-btn .ttm-icon.ttm-icon_element-size-sm i.fa-play{ 

    padding-left: 5px;

    font-size: 20px;

    display: inline-block;

    vertical-align: middle;

    line-height: 0;

}

.ttm-play-icon-btn .ttm-icon.ttm-icon_element-size-md{

    height: 67px;

    width: 67px;

    line-height: 67px;

    margin: 0;

    z-index: 2;

}

.ttm-play-icon-btn .ttm-icon.ttm-icon_element-size-md i.fa-play{ 

    font-size: 28px;

}

i.fa-play{ padding-left: 5px; }

.ttm-play-icon-btn .ttm-play-icon-animation{

    position: relative;

    display: inline-block;

    margin: 10px 0;

}

.ttm-play-icon-btn .ttm-play-icon-animation .ttm-icon{ margin-bottom: 0; }

.ttm-play-icon-btn .ttm-play-icon-animation:after, .ttm-play-icon-btn .ttm-play-icon-animation:before {

    content: '';

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%,-50%);

    border-radius: 50%;

}

.ttm-play-icon-btn .ttm-play-icon-animation:after{

    z-index: 1;

    width: calc(100% * 1.2 );

    height: calc(100% * 1.2 );

    opacity: .3;

}

.ttm-play-icon-btn .ttm-play-icon-animation:before {

    width: calc(100% * 1.4 );

    height: calc(100% * 1.4 );

    opacity: .5;

}

.ttm-play-icon-btn.with-border .ttm-play-icon-animation:after, .ttm-play-icon-btn.with-border .ttm-play-icon-animation:before{

    background-color: transparent;

    border: 1px solid #f3f3f3;

    opacity: 1;

}

.ttm-bgcolor-skincolor .ttm-play-icon-btn .ttm-play-icon-animation:after { opacity: .1; }

.ttm-bgcolor-skincolor .ttm-play-icon-btn .ttm-play-icon-animation:before { opacity: .3;}



.ttm-play-icon-btn:hover .ttm-play-icon-animation:after, .ttm-play-icon-btn:hover .ttm-play-icon-animation:before{

    -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;

}

@-webkit-keyframes sep-anim{ 100% { width:200%;height:200%;opacity:0 } }

@keyframes sep-anim{ 100% { width:200%;height:200%;opacity:0 } }





/* ===============================================

    9.Icons

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

.ttm-icon{

    margin-bottom: 25px;

    display: inline-block;

    vertical-align: middle;

    text-align: center;

    border: 1px solid transparent;

    position: relative;

    transition: all .4s ease-in-out;

    -moz-transition: all .4s ease-in-out;

    -webkit-transition: all .4s ease-in-out;

    -o-transition: all .4s ease-in-out;

    box-sizing: content-box;

    position: relative;

}

.ttm-icon i {

    display: inline-block;

    vertical-align: middle;

    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 **/

.ttm-icon.ttm-icon_element-size-xs { height: 33px; width: 33px; line-height: 33px; }

.ttm-icon.ttm-icon_element-size-xs i { font-size: 15px; }



/** icon-size-sm **/

.ttm-icon.ttm-icon_element-size-sm { height: 50px; width: 50px; line-height: 50px; }

.ttm-icon.ttm-icon_element-size-sm i { font-size: 30px; }



/** icon-size-md **/

.ttm-icon.ttm-icon_element-size-md { height: 76px; width: 76px; line-height: 76px; }

.ttm-icon.ttm-icon_element-size-md i { font-size: 36px; }



/** icon-size-lg **/

.ttm-icon.ttm-icon_element-size-lg { height: 88px; width: 88px; line-height: 88px; }

.ttm-icon.ttm-icon_element-size-lg i { font-size: 48px; }



/** icon-size-xl **/

.ttm-icon.ttm-icon_element-size-xl { height: 90px; width: 90px; line-height: 90px; }

.ttm-icon.ttm-icon_element-size-xl i { font-size: 55px; }

.ttm-icon.ttm-icon_element-onlytxt.ttm-icon_element-size-xl i { font-size: 63px; }



.ttm-icon.ttm-icon_element-onlytxt { height: auto; width: auto; line-height: 1;}

.ttm-icon.ttm-icon_element-onlytxt i { 

    position: unset;

    -webkit-transform: translate(0,0);

    -ms-transform: translate(0,0);

    -o-transform: translate(0,0);

    transform: translate(0,0);

}



/** icon-shape **/

.ttm-icon.ttm-icon_element-style-round { border-radius: 5px; }

.ttm-icon.ttm-icon_element-style-rounded { border-radius: 50%; }

.ttm-icon.ttm-icon_element-style-square { border-radius: 0;}





/* ttm-list-style-icon */

.ttm-list {

    list-style: none;

    padding: 0;

    margin: 0;

}

.ttm-list li {

    position: relative;

    padding-bottom: 11px;

    color: black;

}

.ttm-list li:last-child{

    padding-bottom: 0;

}

.ttm-list.ttm-list-style-disc { 

    list-style: disc; 

    padding-left: 15px;

}

.ttm-list.ttm-list-style-square { 

    list-style: square; 

    padding-left: 15px;

}

.ttm-list.ttm-list-style-icon li i {

    position: absolute;

    left: auto;

    top: 5px;

}

.ttm-list.ttm-list-style-icon li i.fa-minus:before{

    position: absolute;

    content: "";

    top: 6px;

    left: 0;

    height: 2px;

    width: 7px;

    background-color: currentcolor;

}

.ttm-list.ttm-list-style-icon .ttm-list-li-content {

    display: inline-block;

    padding-left: 25px;

}





/* ===============================================

    10.Fid

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

.inside {

    position: relative;

    transition: all .4s;

    padding: 10px 0 15px;

}

.ttm-fid-view-lefticon .ttm-fid-icon-wrapper ,

.ttm-fid-view-lefticon .ttm-fid-contents ,

.ttm-fid-view-righticon .ttm-fid-icon-wrapper ,

.ttm-fid-view-righticon .ttm-fid-contents{

    display: inline-block;

    vertical-align: middle;

}

.ttm-fid-view-lefticon .ttm-fid-contents,

.ttm-fid-view-righticon .ttm-fid-icon-wrapper {

    padding-left: 17px;

    text-align: left;

}

.ttm-fid-view-topicon i {

    margin-bottom: 10px;

}

.ttm-fid-icon-wrapper i {

    font-size: 45px;

    line-height: 50px; color:#fff !important;

    display: inline-block;

}

.inside h4, .inside h4 span {

    display: inline-block;

    margin-bottom: 0px; color:#fff;

    font-size: 40px;

    line-height: 40px;

}

.inside h3 {

    margin-bottom: 0;

    font-size: 16px;

    line-height: 24px;

    font-weight: 500;

    color: inherit;

    position: relative;

}

.ttm-fid sub {

    opacity: 1;

    font-size: 35px;

    font-weight: 600;

    bottom: 0;

    margin-left: 2px;

}



.ttm-fid.inside.ttm-fid-boxed-view {

    background-color: rgba(0,0,0,.02);

    padding: 25px 30px 35px 35px;

    margin: 15px 0;

}

.ttm-bgcolor-darkgrey .ttm-fid.inside.ttm-fid-boxed-view, 

.ttm-bgcolor-skincolor .ttm-fid.inside.ttm-fid-boxed-view {

    background-color: rgba(242,242,242,.1);

}



/* style1 */

.ttm-fid.inside.style1 {

    padding: 12px 15px 18px 20px;

}

.ttm-fid.inside.style1 .ttm-fid-icon-wrapper i { font-size: 50px; line-height: 50px; }

.ttm-fid.inside.style1 h4, .ttm-fid.inside.style1 h4 span {

    font-size: 45px;

    line-height: 54px;

    font-weight: 600;

    margin: 0;

}

.ttm-fid.inside.style1 h3 {

    font-size: 16px;

    line-height: 18px;

    font-weight: normal;

}



/*srtle2*/

.ttm-fid.inside.style2 {

    margin: 0 0 10px;

    text-align: center;

}

.ttm-fid.inside.style2 h3.ttm-fid-title {

    font-size: 16px;

    line-height: 23px;

    margin-bottom: 0px;

    padding-top: 8px;

    font-weight: 400;

    color: #fff; letter-spacing:1px

}

.ttm-fid.inside.style2 h4 span {

    color: #fff;

    font-size: 38px;

    line-height: 40px;

    font-weight: 700;

    margin-bottom: 0;

}

.ttm-bgcolor-skincolor .ttm-fid.inside.style2, 

.ttm-bgcolor-darkgrey .ttm-fid.inside.style2 {

    border-color: rgba(255,255,255,.15);

    background-color: rgba(255,255,255,.08);

}

.ttm-boxes-spacing-10px .ttm-fid.inside ,

.ttm-boxes-spacing-10px .ttm-fid.inside.style2{ padding: 30px; margin: 0; }





/*style3*/

.ttm-fid.inside.style3 {

    padding: 15px 0;

    width: 100%;

}

.ttm-fid.inside.style3 .ttm-fid-contents{

    padding: 0;

}

.ttm-fid.inside.ttm-fid-with-icon.style3 i {

    font-size: 40px;

}

.ttm-fid.inside.style3 span{

    font-size: 36px;

}

.ttm-fid.inside.style3 .ttm-fid-inner { 

    padding-left: 10px;

    vertical-align: bottom;

}

.ttm-fid.inside.style3 .ttm-fid-inner span:not(.numinate) { 

    margin-left: -8px;

}

.ttm-fid.inside.style3 .ttm-fid-title{

    padding-top: 20px;

    margin-top: 20px;

    width: 90%;

    display: inline-block;

    font-weight: normal;

    font-size: 17px;

    border-top: 1px solid #eeeeee;

}





.ttm-fid.inside.style4 {

    margin-bottom: 0;

    padding: 11px 15px 7px;

    padding-left: 40px;

    margin-top: 20px;

}

.ttm-fid.inside.style4 .ttm-fid-contents {

    display: flex;

    align-items: center;

}

.ttm-fid.inside.style4:before {

    content: '';

    position: absolute;

    width: 120px;

    height: 170px;

    top: 0;

    left: 0;

    background-color: #f6f7f5;

    border-radius: 5px;

    margin-top: -15px;

}

.ttm-fid.inside.style4 h3.ttm-fid-title {

    font-size: 18px;

    line-height: 30px;

    font-weight: 400;

    color: inherit;

    margin-bottom: 0;

}

.ttm-fid.inside.style4 h4 span {

    margin-top: 1px;

    margin-bottom: 0;

    display: block;

    color: inherit;

    position: relative;

    font-size: 100px;

    line-height: 110px;

    margin-right: 25px;

}







/* ===============================================

    11.featured-icon-box ( only contents )

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

.featured-icon-box { position: relative; margin: 15px 0; }

.featured-icon-box .ttm-icon{ margin-bottom: 0; }

.featured-title h3{ font-size: 20px; line-height: 27px; margin-bottom: 10px; font-weight: 600; 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: 3px;

}

.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: 8px; }

.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; }



.container{ counter-reset: featuredbox-number; }

.featuredbox-number .ttm-num:before{ 

    counter-increment: featuredbox-number; 

    content: counter(featuredbox-number) " " ; 

    font-weight: 600;

}



/* style1 */

.featured-icon-box.style1 {

    position: relative;

    padding: 0px 25px 31px 25px;

    background-color: #fff;

    text-align: center;

    margin-top: 60px;

    width: 100%;

    -webkit-transition: 0.5s;

    -o-transition: 0.5s;

    -moz-transition: 0.5s;

    transition: 0.5s;

    border-radius: 3px;

    -webkit-transform: translateY(0);

    -moz-transform: translateY(0);

    -ms-transform: translateY(0);

    -o-transform: translateY(0);

    transform: translateY(0);

    -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 rgb(43 52 59 / 8%);

}

.featured-icon-box.style1:hover {

    -webkit-transform: translateY(-10px);

    -moz-transform: translateY(-10px);

    -ms-transform: translateY(-10px);

    -o-transform: translateY(-10px);

    transform: translateY(-10px);

}

.featured-icon-box.style1:hover .featured-icon {

    animation: tm-animate 500ms ease-in-out 50ms;

}

@keyframes tm-animate{ 

    0%{transform:translateY(0)}40%{transform:translateY(-12px)}100%{transform:translateY(0)}

}

.featured-icon-box.style1 .featured-icon {

    position: relative;

    display: inline-block;

    border: 1px dashed #e3e3e3;

    margin-bottom: -50px;

    top: -50px;

    -webkit-transition: 0.5s;

    -o-transition: 0.5s;

    -moz-transition: 0.5s;

    transition: 0.5s;

}

.featured-icon-box.style1 .featured-icon .ttm-icon {

    font-size: 45px;

    -webkit-box-shadow: 0 0 5px 0 rgb(43 52 59 / 20%);

    -moz-box-shadow: 0 0 5px 0 rgb(43,52,59,.2);

    box-shadow: 0 0 5px 0 rgb(43 52 59 / 20%);

    background-color: #fff;

    height: 70px;

    width: 70px;

    line-height: 71px;

    text-align: center;

    margin: 10px;

}

.featured-icon-box.style1 .featured-desc p { color: inherit; }





/* style2 */

.featured-icon-box.style2 { 

 padding: 30px 15px 25px;

    text-align: center; border-radius:0px 0 0px 0;


    position: relative;

    margin: 0;

    box-shadow: 0px 0px 1px #e5e0e0;

    -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;

}
.featured-icon-box.style2 .featured-title h3 a{color:#fff}
.featured-icon-box.style2 .featured-title h3 {

    font-size: 21px;

    line-height: 20px;

    position: relative;

    font-weight: 500;

}

.featured-icon-box.style2 .featured-icon .ttm-icon {

    width: 97px;

    height: 97px;

    line-height: 93px;

    border: 5px solid transparent;

    opacity: .9;

    transition: all 0.7s ease-in-out 0s ;

}

.featured-icon-box.style2:hover .featured-icon .ttm-icon {

    transform: rotateY(360deg);

    border-color: inherit;

    border: 5px solid #445f7f;

    opacity: .9;

}

.featured-icon-box.style2:hover .featured-title h3,

.featured-icon-box.style2:hover .featured-title h3 a { color: #fff;}





/* style3 */

.featured-icon-box.style3 { 

    border: 5px solid #f2f2f2;

    padding: 37px 35px 25px;

    background-color: #fff;

    margin-top: 10px;

    -webkit-transform: translateY(0);

    -moz-transform: translateY(0);

    -ms-transform: translateY(0);

    -o-transform: translateY(0);

    transform: translateY(0);

    -webkit-transition: 0.5s;

    -o-transition: 0.5s;

    -moz-transition: 0.5s;

    transition: 0.5s;

}

.featured-icon-box.style3 ul.ttm-list { padding-bottom: 20px; }

.featured-icon-box.style3 ul.ttm-list .ttm-list-li-content { 

    padding-left: 20px;

}

.featured-icon-box.style3:hover {

    -webkit-transform: translateY(-10px);

    -moz-transform: translateY(-10px);

    -ms-transform: translateY(-10px);

    -o-transform: translateY(-10px);

    transform: translateY(-10px);

    border: 5px solid #204066;

}





/* style4 */

.featured-icon-box.style4 { 

    background-color: #fff;

    padding: 35px 30px 32px 30px;

    -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;

    margin: 15px 0 0;

    width: 100%;

    display: inline-block;

}

.featured-icon-box.style4 .featured-content { padding-left: 30px; }

.featured-icon-box.style4 .featured-title h3{ 

    padding-left: 85px;

    font-size: 21px;

    position: relative;

    line-height: 25px;

}

.featured-icon-box.style4 .featured-title h3:before {

    width: 40px;

    height: 2px;

    background-color: #12b48b;

    content: '';

    display: block;

    top: 13px;

    position: absolute;

    left: 35px;

}

.featured-icon-box.style4 .featured-icon .ttm-icon i { font-size: 55px; }

.featuredbox-number .featured-icon-box.style4 .ttm-num {

    position: absolute;

    right: -55px;

    left: auto;

    top: 0;

    bottom: 0;

    font-size: 22px;

    line-height: 1;

}

.featuredbox-number .featured-icon-box.style4 .ttm-num:before {

    counter-increment: featuredbox-number;

    content: counter(featuredbox-number,decimal-leading-zero) " ";

}



/* style5 */

.featured-icon-box.style5 {

    padding: 40px;

    margin: 0;

    text-align: left;

    width: 100%;

    position: relative;

}

.featured-icon-box.style5:before {

    position: absolute;

    content: "";

    background-color: #fff;

    left: 15px;

    right: 15px;

    top: -15px;

    bottom: 0;

    z-index: -1;

}

.featured-icon-box.style5.ttm-bgcolor-skincolor p ,

.featured-icon-box.style5.ttm-bgcolor-darkgrey p { color: #fff; }





/* style6 */

.featured-icon-box.style6 { margin: 0 0 30px; }

.featured-icon-box.style6 .featured-icon { line-height: 1; }

.featured-icon-box.style6 .ttm-icon i { font-size: 10px; margin-top: -8px; }

.featured-icon-box.style6 .featured-title h3 { font-size: 18px; line-height: 1; }





/* style7 */

.featured-icon-box.style7 {

    display: inline-block;

    text-align: left;

    width: 100%;

    padding: 25px 20px 20px;

    padding-left: 50px;

}

.featured-icon-box.style7 .featured-content {

    padding-left: 30px;

}

.featured-icon-box.style7 .featured-icon { padding-top: 28px; }

.featured-icon-box.style7 .ttm-icon {

    height: 66px;

    width: 66px;

    line-height: 66px;

    background-color: rgba(255,255,255,.04);

    border-color: rgba(255,255,255,.11);

}

.featured-icon-box.style7 .ttm-icon i {

    font-size: 36px;

}

.featured-icon-box.style7 .ttm-icon:before{

    position: absolute;

    content: "";

    height: 90px;

    width: 90px;

    background-color: rgba(255,255,255,.04);

    top: -40px;

    left: -40px;

    z-index: -1;

    border-radius: 50%;

}

.featured-icon-box.style7 .ttm-icon.ttm-icon_element-color-skincolor {

    border: 1px solid rgba(0,0,0,.08);

    background-color: #fff;

}

.featured-icon-box.style7 .ttm-icon.ttm-icon_element-color-skincolor:before {

    background-color: #f6f6f6;

}





/* style8 */

.featured-icon-box.style8 {

    border: 4px solid #f2f2f2;

    padding: 20px 20px;

}

.featured-icon-box.style8 .ttm-icon {

    height: 64px;

    width: 64px;

    line-height: 64px;

}

.featured-icon-box.style8 .featured-title h3 {

    margin-bottom: 4px;

}







/* ===============================================

    12.featured-imagebox ( contents with image)

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

.featured-imagebox,

.featured-imagebox .featured-thumbnail { 

    position: relative;

    overflow: hidden;

}

.featured-imagebox { margin: 15px 0; }

.slick_slider .featured-imagebox { margin-bottom: 0; }

.featured-imagebox .featured-content .featured-title h3 {

    margin-bottom: 10px;

    position: relative;

    overflow: hidden;

    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;

    display: inline-block;

}

.featured-imagebox .featured-thumbnail img{

    width: 100%;

    transform: scale(1.01);

    transition: all 700ms ease;

}

.featured-imagebox:hover .featured-thumbnail img{

    -webkit-transform: scale(1.07) rotate(0.5deg);

    -ms-transform: scale(1.07) rotate(0.5deg);

    -moz-transform: scale(1.07) rotate(0.5deg);

    transform: scale(1.07) rotate(0.5deg);

}

.ttm-box-view-overlay , .ttm-box-view-content-inner{ position: relative; }

.ttm-box-view-overlay:before, .ttm-box-view-content-inner:before{

    position: absolute;

    content: "";

    top: 0px;

    left: 0px;

    width: 100%;

    height: 100%;

    z-index: 1;

    -webkit-transition: all 0.45s ease-in-out;

    -moz-transition: all 0.45s ease-in-out;

    -ms-transition: all 0.45s ease-in-out;

    transition: all 0.45s ease-in-out;

    opacity: 0;

    visibility: hidden;

    display: flex;

    align-items: center;

    justify-content: center;

    background-color: rgba( 35,39,51,0.80);

}

div:hover > .ttm-box-view-overlay:before, div:hover > .ttm-box-view-content-inner:before{

    opacity: .8;

    visibility: visible;

}

.ttm-portfolio-format-video {

    position: relative;

    overflow: hidden;

    padding-bottom: 83.95%;

    padding-top: 23px;

    height: 0;

}

.ttm-portfolio-format-video iframe {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    border: none;

}





/* portfolio-1 */

.featured-imagebox-portfolio.style1 { margin: 0; }

.featured-imagebox-portfolio.style1 .featured-content {

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    padding: 30px;

    padding-top: 55px;

    z-index: 1;

    opacity: 0;

    -webkit-transition: 0.3s;

    -o-transition: 0.3s;

    -ms-transition: 0.3s;

    -moz-transition: 0.3s;

    transition: 0.3s;

}

.featured-imagebox-portfolio.style1:hover .featured-content { opacity: 1; }

.featured-imagebox-portfolio.style1 .featured-content .pf-num{

    display: block;

    font-size: 24px;

    margin-bottom: 8px;

    line-height: 19px;

    font-weight: 600;

    color: #fff;

    transition: all .6s;

}

.featured-imagebox-portfolio.style1:hover .featured-content .pf-num {

    font-size: 30px;

}

.featured-imagebox-portfolio.style1 .featured-content .category {

    position: relative;

    padding-left: 50px;

    font-size: 14px;

    line-height: 19px;

    font-weight: 500;

}

.featured-imagebox-portfolio.style1 .featured-content .category span {

    color: #fff !important;

}

.featured-imagebox-portfolio.style1 .featured-content .category:before {

    width: 40px;

    height: 1px;

    background-color: #fff;

    content: '';

    display: block;

    top: 50%;

    position: absolute;

    left: 0;

    -webkit-transform: scale(0);

    -ms-transform: scale(0);

    transform: scale(0);

    -webkit-transition: .5s;

    -o-transition: .5s;

    transition: .5s;

}

.featured-imagebox-portfolio.style1:hover .featured-content .category:before{

    -webkit-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1);

}

.featured-imagebox-portfolio.style1 .featured-title h3 {

    font-size: 22px;

    line-height: 28px;

    transform: translateY(100%);

    transition: all 0.5s linear;

    padding-top: 10px;

}

.featured-imagebox-portfolio.style1:hover .featured-title h3{

    transform: translateY(0);

}

.featured-imagebox-portfolio.style1 .ttm-media-link {

    position: absolute;

    bottom: 40px;

    left: 30px;

    padding: 10px;

    opacity: 0;

    z-index: 1;

    border: 1px solid #fff;

    -webkit-transform: scale(.5);

    -ms-transform: scale(.5);

    transform: scale(.5);

    -webkit-transition: .5s;

    -o-transition: .5s;

    transition: .5s;

    width: -webkit-max-content;

    width: -moz-max-content;

    width: max-content;

    border-radius: 50%;

}

.featured-imagebox-portfolio.style1:hover .ttm-media-link {

    opacity: 1;

    -webkit-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1);

}

.featured-imagebox-portfolio.style1 .ttm-media-link a.ttm_link {

    position: relative;

    display: inline-block;

    border: 1px solid #fff;

    height: 45px;

    width: 45px;

    text-align: center;

    line-height: 45px;

    border-radius: 50%;

    background-color: transparent;

    font-size: 11px;

    color: #fff;

}

.featured-imagebox-portfolio.style1 .ttm-media-link a.ttm_link i { color: #fff; }

.featured-imagebox-portfolio.style1 .ttm-box-view-overlay:before {

    background-color: transparent;

    background-image: -webkit-linear-gradient( 90deg,rgba( 18,180,139)0%,rgba(0,0,0,.7) 70%);

}





/* portfolio-2 */

.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 25px;

    background-color: #fff;

}

.featured-imagebox-portfolio.style2 .featured-content .featured-title h3 { 

    font-size: 20px;

    line-height: 28px;

    margin-bottom: 2px;

}

.featured-imagebox-portfolio.style2 .featured-content .category {

    font-size: 15px; line-height: 18px;

}

.featured-imagebox-portfolio.style2 .ttm-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;

    border-radius: 2em;

    margin-top: -20px;

    transition: all 0.45s ease 0ms;

}

.featured-imagebox-portfolio.style2 .ttm-media-link a.ttm_image{

    transform: translate(-30px, -45px);

    margin-left: -45px;

}

.featured-imagebox-portfolio.style2 .ttm-media-link a.ttm_link{

    transform: translate(30px, 45px);

    margin-left: 6px;

}

.featured-imagebox-portfolio.style2:hover .ttm-media-link a{

    opacity: 1;

    transform: translate(0px);

}





/* team-1 */

.featured-imagebox-team.style1 {

    background-color: #fff;

    border-bottom: 3px solid #f2f2f2;

    border-top: none;

}

.featured-imagebox-team.style1 .ttm-team-bottom-content,

.featured-imagebox-team.style1 .featured-content {

    border-left: 3px solid #f2f2f2;

    border-right: 3px solid #f2f2f2;

}

.featured-imagebox-team.style1 .featured-content  {

    padding-top: 18px;

    background-color: #fafafa;

    padding-bottom: 16px;

    text-align: center;

}

.featured-imagebox-team.style1 .featured-content .featured-title h3 {

    font-size: 17px;

    line-height: 22px;

    margin-bottom: 00;

}

.featured-imagebox-team.style1 .featured-content .team-position {

    font-size: 13px;

    margin: 0;

}

.featured-imagebox-team.style1 .media-block {

    position: absolute;

    bottom: 0;

    width: 100%;

    opacity: 1;

    text-align: center;

    padding: 10px 10px;

    top: auto;

    height: auto;

    -webkit-transition: -webkit-transform 0.35s;

    transition: transform 0.35s;

    -ms-transform: translate3d(0,100%,0);

    -webkit-transform: translate3d(0,100%,0);

    transform: translate3d(0,100%,0);

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

}

.featured-imagebox-team.style1:hover .media-block {

    -ms-transform: translate3d(0,0,0);

    -webkit-transform: translate3d(0,0,0);

    transform: translate3d(0,0,0);

}

.featured-imagebox-team.style1 .media-block ul li a {

    color: #fff;

    border: none;

    display: block;

    width: 30px;

    height: 30px;

    text-align: center;

    font-size: 15px;

    line-height: 30px;

    border-radius: 50%;

}

.featured-imagebox-team.style1 .ttm-team-bottom-content {

    padding: 17px 0 12px;

    text-align: center;

}

.featured-imagebox-team.style1 .ttm-team-bottom-content .ttm-available-timebox-inner ul {

    list-style-type: none;

    padding: 0;

    margin: 0;

}

.featured-imagebox-team.style1 .ttm-team-bottom-content .ttm-available-timebox-inner .ttm-time {

    padding-left: 50px;

}

.featured-imagebox-team.style1 .ttm-team-bottom-content .ttm-btn-bottom {

    padding-top: 11px;

    border-top: 1px solid rgba(0,0,0,.07);

    margin-top: 17px;

}





/* post */

.featured-imagebox-post { 

    overflow: visible;

}

.featured-imagebox-post .featured-content .featured-title h3{

    font-size: 20px;

    line-height: 27px; font-weight:400

}

.featured-imagebox-post .featured-content .post-meta span{ 

    display: inline-block;

    position: relative;

    margin-right: 20px;

    font-size: 13px;

    line-height: 13px;

    font-style: normal;

    margin-bottom: 12px;

}

.featured-imagebox-post .featured-content .post-meta span a { color: inherit; }

.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{

    content: '||';

    position: absolute;

    display: inline-block;

    margin: 0 8px 2px;

    top: 0;

    background-color: transparent;

    height: auto;

    width: auto;

    color: inherit;

    opacity: .3;

    font-size: 13px;

    transform: rotate(15deg);

}

.featured-imagebox-post .featured-content .post-meta span i{ 

    padding-right: 5px; 

    font-size: 12px;

}

.featured-imagebox-post .ttm-box-post-date .ttm-entry-date{

    color: #fff;

    display: inline-block;

    padding: 20px 8px;

    z-index: 2;

    font-size: 15px;

}

.ttm-box-post-date .ttm-entry-date .entry-month, 

.ttm-box-post-date .ttm-entry-date .entry-year {

    font-size: 15px;

    font-weight: 400;

    display: block;

    text-transform: capitalize;

}

.ttm-post-format-video{

    position: relative;

    overflow: hidden;

    padding-bottom: 64.25%;

    padding-top: 25px;

    height: 0;

}

.ttm-post-format-video iframe{

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    border: none;

}





/* post_1 */

.featured-imagebox-post.style1 .featured-content {

    background-color: #fff;

    padding: 25px 30px 25px;

    margin-left: 15px;

    margin-right: 15px;

    margin-top: -35px;

    position: relative;

    -webkit-transform: translate(0,0);

    -moz-transform: translate(0,0);

    -ms-transform: translate(0,0);

    -o-transform: translate(0,0);

    transform: translate(0,0);

    transition: all 0.5s;

    -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-post.style1:hover .featured-content {

    -webkit-transform: translate(0,-8px);

    -moz-transform: translate(0,-8px);

    -ms-transform: translate(0,-8px);

    -o-transform: translate(0,-8px);

    transform: translate(0,-8px);

    box-shadow: 0 0 20px rgba(0, 0, 0, .014);

}

.featured-imagebox-post.style1 .featured-content .featured-title h3 {

    font-size: 20px;

    line-height: 30px;

    margin-bottom: 0;

}

.featured-imagebox-post.style1 .featured-content .post-meta span{ margin-bottom: 8px;}

.featured-imagebox-post.style1 .featured-content .post-meta span,

.featured-imagebox-post.style1 .featured-content .post-meta span a{ 

    color: inherit;

}

.featured-imagebox-post.style1 .post-footer { 

    display: flex;

    justify-content: space-between;

    align-items: center;

    margin-top: 22px;

    padding-top: 12px;

    border-top: 1px dashed;

    border-color: rgba(0,0,0,.13);

    position: relative;

}

.featured-imagebox-post.style1 .post-footer:before {

    position: absolute;

    content: "";

    top: -5px;

    left: 0;

    right: 0;

    border-top: 1px dashed;

    border-color: rgba(0,0,0,.13);

}





/* post_2 */

.featured-imagebox-post.style2{

    padding: 20px 25px 22px 25px;

    margin: 0px 20px 20px;

}





/* post_3 */

.featured-imagebox-post.style3 .featured-content {

    padding: 0 25px 20px;

    background-color: #fff;

    position: relative;

    border: 4px solid #f2f2f2;

    border-top: none;

}

.featured-imagebox-post.style3 .post-meta {

    color: #fff;

    display: inline-block;

    padding: 7px 19px 5px 20px;

    transform: translateY(-20px);

background: #1a67a3;

}

.featured-imagebox-post.style3 .post-footer {

    display: flex;

    justify-content: space-between;

    align-items: center;

    border-top: 1px solid #e6e8eb;

    padding-top: 13px;

    margin-top: 25px;

}





/* services-1 */

.featured-imagebox-services.style1{

    padding: 0 20px;

    padding-top: 35px;

    margin-top: 50px;

    border-radius: 3px;

    overflow: visible;

    margin-bottom: 15px;

    background-color: #fff;

    text-align: center;

    border-radius: 3px;

    box-shadow: 0px 0px 10px 0px rgba(43, 52, 59, 0.1);

}

.featured-imagebox-services.style1 .featured-thumbnail { margin-top: -70px; overflow: hidden; }

.featured-imagebox-services.style1 .featured-content {

    padding: 23px 20px 30px;

}





.featured-imagebox-procedure { text-align: center; overflow: visible; }

.featured-imagebox-procedure .featured-thumbnail { overflow: visible; display: inline-block; }

.featured-imagebox-procedure .featured-thumbnail img {

    border-radius: 50%;

    min-width: auto;

    width: auto;

    transition: all 0.3s ease 0s;

    margin-bottom: 30px;

}

.featured-imagebox-procedure .featured-thumbnail img,

.featured-imagebox-procedure:hover .featured-thumbnail img  {

    transform: unset;

}

.featured-imagebox-procedure .process-num {

    width: 40px;

    height: 40px;

    border-radius: 50%;

    border: none;

    display: block;

    text-align: center;

    position: absolute;

    right: 20px;

    bottom: 30px;

    z-index: 1;

    opacity: 0;

    padding: 5px;

    -webkit-transition: all .8s;

    -moz-transition: all .8s;

    -ms-transition: all .8s;

    -o-transition: all .8s;

    transition: all .8s;

}

.featured-imagebox-procedure .process-num span {

    color: #fff;

    font-size: 13px;

    font-weight: 600;

    display: block;

    width: 30px;

    height: 30px;

    border-radius: 50%;

    border: 1px solid rgba(255,255,255,.43);

    z-index: -2;

    line-height: 30px;

    text-align: center;

}

.featured-imagebox-procedure:hover .process-num { 

    -webkit-transform: scale(1.3);

    -moz-transform: scale(1.3);

    -ms-transform: scale(1.3);

    -o-transform: scale(1.3);

    opacity: 1;

} 

@media (min-width: 992px){

[class*='col-']:not(:last-child) .featured-imagebox-procedure .featured-thumbnail:before {

    display: block;

    content: '';

    position: absolute;

    right: -100px;

    top: 35%;

    margin-top: -10px;

    height: 64px;

    width: 64px;

    background-image: url(../images/procedure-arrow.png);

    background-repeat: no-repeat;

}

}





/* ===============================================

    13.Progress-Bar

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

.ttm-progress-bar{ position: relative; }

.ttm-progress-bar:not(:last-child){ margin-bottom: 30px; }

.ttm-progress-bar .progressbar-title {

    font-size: 16px;

    line-height: 25px;

    margin-bottom: 8px;

    font-weight: 600;

    letter-spacing: .5px;

}

.ttm-progress-bar .progress-bar-percent {

    position: absolute;

    right: 0;

    z-index: 3;

    text-shadow: none;

    font-size: 16px;

    line-height: 20px;

    font-weight: 600;

    border-radius: 0;

    top: 0;

    overflow: hidden;

}

.ttm-progress-bar .progress-bar {

    display: block;

    height: 5px;

    margin-left: 2px;

    position: relative;

}

.ttm-progress-bar .progress-bar-inner{ 

    box-shadow: none;

    border-radius: 0;

    height: 13px;

    border: 1px solid #e3e3e3;

    z-index: 1;

    display: flex;

    flex-direction: column;

    justify-content: center;

}



.ttm-bgcolor-skincolor .ttm-progress-bar .progress-bar-inner{

    background-color: rgba(0, 0, 0, 0.1);

}





/* ===============================================

    14.Testimonial

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

.testimonials{

    position: relative;

}

.testimonials .testimonial-caption h3 {

    font-size: 19px;

    line-height: 15px;

    display: block;

    font-weight: 500;

    margin-bottom: 0;

}

.testimonial-caption label { 

    margin: 0; color:#222;

    font-size: 13px;

    line-height: 1;

}

.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: 13.8px;

    min-width: 14px;

    display: inline-block;

    color: #e0e8f0;

}

.star-ratings { line-height: 1; }

.star-ratings ul li.active , .star-ratings ul li.active i{ color: #e8c433;}





/* ttm-testimonial-box-view-style1 */

.testimonials.ttm-testimonial-box-view-style1 {

    position: relative;

    width: 100%;

    transition: all 0.5s;

    margin-top: 10px;

    -webkit-transform: translateY(0);

    -moz-transform: translateY(0);

    -ms-transform: translateY(0);

    -o-transform: translateY(0);

    transform: translateY(0);

    -webkit-transition: 0.5s;

    -o-transition: 0.5s;

    -moz-transition: 0.5s;

    transition: 0.5s;

}

.testimonials.ttm-testimonial-box-view-style1:hover {

    -webkit-transform: translateY(-10px);

    -moz-transform: translateY(-10px);

    -ms-transform: translateY(-10px);

    -o-transform: translateY(-10px);

    transform: translateY(-10px);

}

.testimonials.ttm-testimonial-box-view-style1 .testimonial-content { 

    padding: 30px 30px 25px;

    margin-bottom: 15px;

    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;

    -webkit-transition: 0.5s;

    -o-transition: 0.5s;

    -moz-transition: 0.5s;

    transition: 0.5s;

}

.testimonials.ttm-testimonial-box-view-style1:hover .testimonial-content  {

    box-shadow: 0 0 20px rgba(0, 0, 0, .14);

}

.testimonials.ttm-testimonial-box-view-style1 .testimonial-avatar{

    display: block;

    width: 83px;

    height: 83px;

    margin-right: 20px;

}

.testimonials.ttm-testimonial-box-view-style1 .testimonial-avatar img{

    border: 4px solid #f2f2f2;

    -webkit-box-shadow: 0 0 10px 0 rgb(242 242 242 / 10%);

    -moz-box-shadow: 0 0 10px 0 rgba(242,242,242,.1);

    box-shadow: 0 0 10px 0 rgb(242 242 242 / 0%);

}

.testimonials.ttm-testimonial-box-view-style1 .testimonial-content .testimonial-caption h3{

    font-size: 18px;

    line-height: 23px;

    font-weight: 600;

}

.testimonials.ttm-testimonial-box-view-style1 .testimonial-content blockquote{

    text-align: left;

    font-style: normal;

    font-size: 15px;

    line-height: 26px;

    padding: 0;

    padding-top: 15px;

}

.testimonials.ttm-testimonial-box-view-style1 .testimonial-content blockquote:before {

    position: absolute;

    content: "";

    bottom: 0;

    right: 0;

    height: 70px;

    width: 70px;

    -webkit-mask: url(../images/qoute-bg-icon.svg) no-repeat 100% 100%;

    -webkit-mask-box-image: url(../images/qoute-bg-icon.svg);

    -webkit-mask-size: cover;

    background-color: rgba(0,0,0,.04);

}

.testimonials.ttm-testimonial-box-view-style1 .ttm-border-line {

    position: relative;

    margin: 20px 0;

    padding: 2.5px 0;

    border-top: 1px dashed rgba(0,0,0,.15);

    border-bottom: 1px dashed rgba(0,0,0,.15);

    transition: all .4s;

}

.testimonials.ttm-testimonial-box-view-style1:hover .ttm-border-line:before,

.testimonials.ttm-testimonial-box-view-style1:hover .ttm-border-line:after {

    opacity: 1;

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -ms-transform: scale(1);

    -o-transform: scale(1);

    transform: scale(1);

}

.testimonials.ttm-testimonial-box-view-style1 .ttm-border-line:before,

.testimonials.ttm-testimonial-box-view-style1 .ttm-border-line:after {

    position: absolute;

    top: 0;

    right: 0;

    left: 0;

    content: '';

    opacity: 0;

    -webkit-transition: opacity 0.35s,-webkit-transform 0.35s;

    transition: opacity 0.55s,transform 0.55s;

    border-top: 1px dashed #f71735;

    -webkit-transform: scale(0,1);

    transform: scale(0,1);

    -webkit-transform-origin: 0 0;

    transform-origin: 0 0;

}

.testimonials.ttm-testimonial-box-view-style1 .ttm-border-line:after { 

    top: auto; bottom: 0;

    -webkit-transform-origin: top right;

    transform-origin: top right;

}



/* testimonials */

.testimonials.ttm-testimonial-box-view-style2  .testimonial-content blockquote {

    text-align: left;

    margin: 0;

    padding: 96px 15px 0 30px;

    font-size: 15px;

    position: relative;

    line-height: 24px;

    margin-bottom: 15px;

    color: #222;

    font-weight: 400;

    font-style: normal;

}

.testimonials.ttm-testimonial-box-view-style2  .testimonial-content blockquote:before {

    content: "\f10d";

    font-family: "FontAwesome";

    position: absolute;

    top: 20px;

    left: 20px;

    color: #444;

    text-align: center;

    display: block;

    opacity: .1;

    line-height: 1;

    font-size: 68px;

    font-style: normal;

}

.testimonials.ttm-testimonial-box-view-style2 .testimonial-avatar img {

    border-radius: 50%;

    height: 97px;

    border: 5px solid #566b85;

    width: 97px;

    margin-left: 20px; margin-bottom:20px

}

.ttm-bgcolor-skincolor .testimonials.ttm-testimonial-box-view-style2,

.ttm-bgcolor-darkgrey .testimonials.ttm-testimonial-box-view-style2 { color: rgba(255,255,255,.8); }

.ttm-bgcolor-skincolor .testimonials.ttm-testimonial-box-view-style2 .testimonial-avatar img,

.ttm-bgcolor-darkgrey .testimonials.ttm-testimonial-box-view-style2 .testimonial-avatar img{

    border: 5px solid rgb(255,255,255,.2);

}





/* ===============================================

    15.Client-row  

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

.client-box{ 

    position: relative;

    text-align: center;

}

.client-box .ttm-client-logo-tooltip{ 

    margin-top: 45px; 

    margin-bottom: 45px;

}

.client-box .ttm-client-logo-tooltip,

.client-box .ttm-client-logo-tooltip-inner{

    position: relative; 

}

.client-box .ttm-client-logo-tooltip img{

    text-align: center;

    display: block;

    margin: 0 auto;

}

.client-box:hover .ttm-client-logo-tooltip img { opacity: 1; }

.client-box .ttm-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 .ttm-client-logo-tooltip .client-thumbnail_hover {

    bottom: 0;

}



.client-box .client-thumbnail-grayscale img {

    filter: grayscale(100%);

    -webkit-transition: all 0.5s ease 0s;

    -moz-transition: all 0.5s ease 0s;

    -ms-transition: all 0.5s ease 0s;

    -o-transition: all 0.5s ease 0s;

    transition: all 0.5s ease 0s;

}

.client-box .client-thumbnail-grayscale img:hover {

    filter: grayscale(0%);

}







/* ===============================================

    16.Accordion

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

.wrap-acadion .accordion { margin-top: 15px; }

.accordion .toggle:not(:last-child){

    border-bottom: 1px solid #eaeaea;

    margin-bottom: 15px;

    padding-bottom: 15px;

}

.accordion .toggle-title a{ 

    display: block;

    font-weight: 500;

    font-size: 16px;

    position: relative;

}

.accordion .toggle-title a i{ margin-right: 15px; }

.accordion .toggle-content {

    margin-top: 15px;

}

.accordion .toggle-content.show {

    display: block !important;

}

.accordion .toggle-content p:last-child{

    margin-bottom: 0;

}

.accordion .toggle .toggle-title a:after {

    position: absolute;

    font-family: "FontAwesome";

    right: 20px;

    top: 20px;

    display: inline-block;

    content: "\f067";

    border-radius: 50%;

    font-size: 12px;

    line-height: 10px;

}

.accordion .toggle .toggle-title a.active:after {

    content: "\f068";

}





/* ttm-style-classic */

.accordion .toggle.ttm-toggle_style_classic {

    padding-bottom: 0px;

    margin-bottom: 15px;

    border: 0;

    position: relative;

}

.accordion .toggle.ttm-toggle_style_classic:last-child{ margin-bottom: 0; }

.accordion .toggle.ttm-toggle_style_classic .toggle-content{

    padding:  20px 20px;

    margin-top: 0;

}

.accordion .toggle.ttm-toggle_style_classic .toggle-title a {

    text-transform: capitalize;

    font-size: 16px;

    line-height: 20px;

    display: block;

    padding: 15px 20px;

    padding-right: 48px;

    border-radius: 30px;

    position: relative;

    -webkit-transition: color 0s ease-in-out;

    -o-transition: color 0s ease-in-out;

    transition: color 0s ease-in-out;

}

.accordion .toggle.ttm-toggle_style_classic .toggle-title a:after{ 

    top: 30%;

    font-size: 10px;

    line-height: 23px;

    height: 22px;

    width: 22px;

    font-weight: normal;

    text-align: center;

    color: #fff;

    font-weight: 100;

}

.toggle .toggle-title.ttm-toggle_style_classic a.active{ margin: -1px; }





.accordion .toggle.ttm-toggle_style_border .toggle-title{

    border : 1px solid #f1f1f1;

}

.accordion .toggle.ttm-toggle_style_border .toggle-title a{

    padding: 12px 20px;

}

.accordion .toggle.ttm-toggle_style_border .toggle-content{

    padding: 14px 20px;

    margin-top: 0;

    border : 1px solid #f0f0f0;

    border-top: 0;

}

.accordion .toggle.ttm-toggle_style_border.ttm-toggle-title-bgcolor-white .toggle-content {

    background-color: #fff;

} 

.accordion .toggle.ttm-control-left-true .toggle-title a{

    padding-right: 20px;

    padding-left: 48px;

}

.accordion .toggle.ttm-control-left-true .toggle-title a:after{

    left: 20px;

}

.accordion .alignleft{ margin:  .375em 1.75em 0 0; }





/* ===============================================

    17.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;

}



.ttm-bgcolor-grey .wrap-form span.text-input input, 

.ttm-bgcolor-grey .wrap-form span.text-input textarea,

.ttm-bgcolor-grey .wrap-form span.text-input select{

    background-color: #fff;

}



.ttm-bgcolor-skincolor .wrap-form span.text-input input, 

.ttm-bgcolor-skincolor .wrap-form span.text-input textarea,

.ttm-bgcolor-skincolor .wrap-form span.text-input select{

    background-color: transparent;

    border: 0;

    color: #fff;

    padding-left: 0;

    border-bottom: 2px solid rgba(255,255,255,.12);

}

.ttm-bgcolor-skincolor .wrap-form span.text-input input::-webkit-input-placeholder, 

.ttm-bgcolor-skincolor .wrap-form span.text-input textarea::-webkit-input-placeholder,

.ttm-bgcolor-skincolor .wrap-form span.text-input select::-webkit-input-placeholder {

    color: #fff;

}





/* 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);

    background-color: #f4f7fb;

    border-color: transparent;

}

.wrap-form.contact_form button[type="submit"] { 

    font-size: 13px;

    padding: 14px 28px;

}





/* appoinment_form */

.wrap-form.appoinment_form span.text-input input, 

.wrap-form.appoinment_form span.text-input textarea,

.wrap-form.appoinment_form span.text-input select {

    padding: 6px 15px;

    border: 1px solid rgba(119,119,119,.2);

    background-color:#f2f2f2; border-radius:5px

}

.wrap-form.appoinment_form span { margin-bottom: 0; }

.wrap-form.appoinment_form span.text-input i {

    position: absolute;

    right: 20px;

    top: 15px;

    opacity: .9;

    font-size: 16px;

    z-index: 1;

    left: auto;

}



.sign_up_form-block h3 { font-size: 18px; margin: 0; line-height: 25px;}

.sign_up_form #sign_up_form-content {

    margin: 30px 0;

    position: relative;

}

.sign_up_form input[type="email"] {

    padding: 8px 20px;

    font-size: 14px;

    border-radius: 2em;

}

.sign_up_form button[type="submit"] {

    position: absolute;

    right: 0;

    top: 0;

    font-size: 14px;

    font-weight: 600;

    padding: 0 26px 0;

    height: 45px;

    display: block;

    border-radius: 0 2em 2em 0;

    -webkit-transition: all 0.35s ease;

    transition: all 0.35s ease;

    border-top-left-radius: 0;

    border-bottom-left-radius: 0;

}



.wrap-form.contact_form.under_line_form_formate span.text-input input, 

.wrap-form.contact_form.under_line_form_formate span.text-input textarea,

.wrap-form.contact_form.under_line_form_formate span.text-input select {

    border: none;

    background-color: transparent;

    border-bottom: 1px solid rgba(0,0,0,.09);

    padding-left: 0;

}

.ttm-boxes-spacing-20px > [class*='col-'] .text-input ,

.ttm-boxes-spacing-30px > [class*='col-'] .text-input { margin-bottom: 0; }





/* ===============================================

    18.Tab

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

.ttm-tabs ul.tabs{

    padding: 0;

    margin: 0;

}

.ttm-tabs ul.tabs li{ 

    position: relative;

    display: inline-block;

    margin-bottom: 10px;

}

.ttm-tabs ul.tabs li:last-child{

    margin-bottom: 0;

}

.ttm-tabs .content-tab .content-inner {

    display: none;

}

.ttm-tabs .content-tab .content-inner.active {

    display: block;

}



.portfolio_filter_tab .tab-title-wrapper {

    position: absolute;

    left: -210px;

    top: 0;

    writing-mode: vertical-lr;

    transform: rotate(180deg);

    letter-spacing: 3px;

}

.portfolio_filter_tab .tab-title-wrapper .tab-title {

    font-size: 80px;

    font-weight: 600;

    line-height: 90px;

    letter-spacing: 3px;

    opacity: .03;

}

.portfolio_filter_tab .content-tab {

    width: calc(100% - 315px);

}

.portfolio_filter_tab .content-tab {

    margin-left: 315px;

    margin-top: -170px;

}

.portfolio_filter_tab ul.tabs {

    position: absolute;

    left: 35px;

    width: 300px;

    top: 0;

    bottom: 0;

    display: flex;

    flex-direction: column;

    justify-content: center;

}

.portfolio_filter_tab ul.tabs:before {

    position: absolute;

    content: "";

    height: 200%;

    border-left: 1px solid rgb(255 255 255 / 15%);

    left: 0px;

    top: -50%;

    z-index: 1;

    right: 0;

}

.ttm-bgcolor-darkgrey .portfolio_filter_tab ul.tabs:before { border-left-color: rgba(255,255,255,.05); }

.portfolio_filter_tab ul.tabs li{

    display: block;

    cursor: pointer;

    padding: 10px 25px;

    margin-bottom: 5px;

    line-height: 21px;

    position: relative;

    z-index: 3;

    -webkit-transition: all 0.3s;

    transition: all 0.3s;

    font-size: 14px;

    font-weight: 400;

}

.ttm-bgcolor-darkgrey .portfolio_filter_tab ul.tabs li a,

.ttm-bgcolor-skincolor .portfolio_filter_tab ul.tabs li a {

    color: rgba(255,255,255,.4);

}

.portfolio_filter_tab ul.tabs li:after {

    position: absolute;

    content: '';

    left: -18px;

    top: 21px;

    height: 1px;

    width: 35px;

    -webkit-transition: .5s ease;

    -o-transition: .5s ease;

    transition: .5s ease;

    opacity: 0;

    -webkit-transform: scale(0);

    -ms-transform: scale(0);

    transform: scale(0);

    -webkit-transform-origin: 0 0;

    -ms-transform-origin: 0 0;

    transform-origin: 0 0;

}

.portfolio_filter_tab ul.tabs li:before {

    content: '';

    position: absolute;

    height: 11px;

    width: 11px;

    top: 15px;

    left: -5px;

    border: 2px solid #000;

    border-radius: 50%;

}

.ttm-bgcolor-darkgrey .portfolio_filter_tab ul.tabs li:before {

    border-color: rgba(255,255,255,.05);

}

.portfolio_filter_tab ul.tabs li.active:after {

    opacity: 1;

    -webkit-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1)

}





/* ttm-tab-style-01 */

.ttm-tabs.ttm-tab-style-01 ul.tabs {

    margin: 0; 

    padding: 0;

}

.ttm-tabs.ttm-tab-style-01 ul.tabs li{

    margin: 0 -2px;

    margin-top: 15px;

}

.ttm-tabs.ttm-tab-style-01 ul.tabs li a { 

    padding: 10px 20px; 

    font-size: 16px; 

    display: inline-block;

    position: relative;

    font-weight: 500;

    border: 1px solid #e3e3e3;

}

.ttm-bgcolor-grey .ttm-tabs.ttm-tab-style-01 ul.tabs li a {

    background-color: #efefef;

}

.ttm-tabs.ttm-tab-style-01 ul.tabs li.active a {

    background-color: #fff;

}

.ttm-tabs.ttm-tab-style-01 ul.tabs li a i { margin-right: 10px; }

.ttm-tabs.ttm-tab-style-01 .content-tab {

    padding-top: 30px;

}

.ttm-tabs.ttm-tab-style-01 ul.tabs li.active a:before {

    position: absolute;

    content: "";

    top: -3px;

    left: -1px;

    right: -1px;

    border-top: 3px solid;

}





.ttm-tabs.ttm-tab-style-02 ul.tabs li {

    display: inline-block;

    margin: 0 5px;

}

.ttm-tabs.ttm-tab-style-02 ul.tabs li a {

    display: block;

    cursor: pointer;

    padding: 10px 25px;

    margin-bottom: 10px;

    line-height: 22px;

    width: auto;

    position: relative;

    z-index: 3;

    font-size: 15px;

    border-radius: 3px;

    font-weight: 600;

    border: 1px solid #ebebeb;

    transition: all .3s;

}



.ttm-tabs.ttm-tab-style-03 ul.tabs li {

    display: inline-block;

    margin: 0 5px;

}

.ttm-tabs.ttm-tab-style-03 ul.tabs li:first-child{

    margin-left: 0;

}

.ttm-tabs.ttm-tab-style-03 ul.tabs li:last-child{

    margin-right: 0;

}

.ttm-tabs.ttm-tab-style-03 ul.tabs li a {

    display: block;

    cursor: pointer;

    padding: 5px 21px;

    margin-bottom: 10px;

    line-height: 22px;

    width: auto;

    position: relative;

    z-index: 3;

    font-size: 16px;

    border-radius: 3px;

    font-weight: 600;

    border: 1px solid #ebebeb;

    transition: all .3s;

}





/* ===============================================

    19.Boxes-Spacing

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

.row.ttm-boxes-spacing-30px, .ttm-boxes-spacing-30px { margin: 0 -15px; }

.ttm-boxes-spacing-30px > [class*='col-'] {

    padding-right: 15px;

    padding-left: 15px;

    padding-bottom: 30px;

}



.row.ttm-boxes-spacing-20px, .ttm-boxes-spacing-20px { margin: 0 -10px; }

.ttm-boxes-spacing-20px > [class*='col-'] {

    padding-right: 10px;

    padding-left: 10px;

    padding-bottom: 15px;

}

.row.ttm-boxes-spacing-15px, .ttm-boxes-spacing-15px { margin: 0 -7.5px; }

.ttm-boxes-spacing-15px > [class*='col-'] {

    padding-right: 7.5px;

    padding-left: 7.5px;

    padding-bottom: 15px;

}

.row.ttm-boxes-spacing-10px, .ttm-boxes-spacing-10px{ margin: 0 -5px; }

.ttm-boxes-spacing-10px > [class*='col-'] {

    padding-right: 5px;

    padding-left: 5px;

    padding-bottom: 10px;

}

.row.ttm-boxes-spacing-5px, .ttm-boxes-spacing-5px{ margin: 0 2.5px; }

.ttm-boxes-spacing-5px > [class*='col-'] {

    padding-right: 2.5px;

    padding-left: 2.5px;

    padding-bottom: 5px;

}

.row.ttm-boxes-spacing-0px, .ttm-boxes-spacing-0px{ margin: 0; }

.ttm-boxes-spacing-0px > [class*='col-'] {

    padding-right: 0px;

    padding-left: 0px;

    margin-bottom: 0px;

    outline: 0;

}





/* ===============================================

    20.Sidebar

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







/* ===============================================

    21.Pricing Plan

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

.ttm-pricing-plan {

    position: relative;

    -webkit-transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    transition: all 0.3s ease;

    overflow: hidden;

    padding: 40px 40px 50px;

    margin: 15px 0;

    text-align: center;

    -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;

    border-top: 5px solid;

}

.ttm-pricing-plan:hover {

    -webkit-transform: translateY(-5px);

    transform: translateY(-5px);

}

.ttm-p_table-title h3 {

    font-size: 24px;

    line-height: 31px;

    font-weight: 600;

    margin-bottom: 20px;

}

.ttm-p_table-icon .ttm-icon { margin-bottom: 0; }

.ttm-p_table-icon .ttm-icon i {

    display: inline-block;

    font-size: 50px;

}

.ttm-p_table-amount {

    margin-top: 15px;

}

.ttm-p_table-amount h3 {

    font-size: 52px;

    line-height: 60px;

    display: inline-block;

    margin-bottom: 0;

    font-weight: 600;

}

.ttm-p_table-amount .cur_symbol {

    font-size: 26px;

    font-weight: 600;

    color: #333333;

    padding: 0 2px;

}

.ttm-p_table-amount .pac_frequency {

    position: relative;

    font-size: 15px;

    line-height: 25px;

    font-weight: 500;

    display: block;

}

.ttm-p_table-body {

    padding: 0 30px 0;

    transition: all 0.5s ease;

    position: relative;

}

.ttm-p_table-features {

    list-style-type: none;

    position: relative;

    margin: 0;

    padding: 20px 0px 20px;

    margin: 0 -30px;

}

.ttm-p_table-features li {

    padding: 0;

    margin: 0;

    padding-top: 12px;

    padding-bottom: 11px;

    border-bottom: 1px solid #f2f2f2;

}

.ttm-p_table-footer{

    text-align: center;

    padding-top: 20px;

    transition: all 0.5s ease;

}





/* ===============================================

    21.Sidebar

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

.sidebar .widget-area .widget {

    position: relative;

    margin-bottom: 40px;

}

.sidebar .widget-area .widget {

    padding: 30px 30px 35px;

    border: 1px solid #e5e5e5;

}

.sidebar .widget-area .widget:last-child{ margin-bottom: 0px; }

.sidebar .widget ul{

    margin: 0;

    padding: 0;

}

.sidebar .widget ul >li {

    border-top: 1px solid #eee;

    padding-bottom: 10px;

    padding-top: 10px;

    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 { 

    margin-bottom: 30px;

    padding-bottom: 15px;

    display: block;

    width: 100%;

    position: relative;

    font-weight: 600;

    font-size: 18px;

    line-height: 24px;

    border-bottom: 1px solid #dde2e7;

}

.sidebar .widget-title:before {

    display: block;

    height: 3px;

    content: '';

    position: absolute;

    left: 0;

    width: 30px;

    bottom: -2px;

    z-index: 3;

}

.sidebar.ttm-sidebar-left .widget { border: 0; }

.sidebar.ttm-sidebar-left .widget:before {

    content: "";

    width: 3px;

    left: 0;

    top: 7%;

    background: #000;

    height: 85%;

    position: absolute;

    transition: all .3s cubic-bezier(.645,.045,.355,1);

    z-index: 1;

}





/*widget-search*/

.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: 49px;

    height: 49px;

    z-index: 1;

    color: #fff;

    outline: 0;

    border: 0;

}

.sidebar .widget.widget-search .input-text {

    border: 1px solid #f0f0f0;

    padding: 10px 15px;

    background-color: #fff;

}

.sidebar .widget.widget-search input{

    color: #242c42;

}





/* widget-download */

.widget.widget-download ul li{

    margin-bottom: 10px;

    padding: 0;

    border: 0;

    padding: 11px 0 !important;

    padding-left: 60px !important;

    position: relative;

}

.widget.widget-download ul li:last-child {

    margin-bottom: 0;

}

.widget.widget-download ul li a {

    font-size: 14px;

    font-weight: 600;

    padding-right: 10px;

    display: inline-block;

    vertical-align: middle;

}

.widget.widget-download ul li i {

    color: #fff;

    font-size: 20px;

    width: 50px;

    text-align: center;

    position: absolute;

    vertical-align: middle;

    left: 0;

    top: 0;

    display: flex;

    bottom: 0;

    flex-direction: column;

    justify-content: center;

}





/* widget-text */

.widget.widget-text h4 {

    font-weight: 600;

    font-size: 20px;

    line-height: 27px;

}

.widget.widget-text p {

    margin-bottom: 0;

    color: #fff;

}





/* widget-categories */

.widget-categories ul li a{

    position: relative;

    display: inline-block;

    padding-left: 20px;

    line-height: 1;

}

.widget-categories ul li{ 

    padding: 0 0 18px 0 !important;

    border: 0 !important;

    position: relative;

    line-height: 1;

}

.widget-categories ul li:last-child {

    padding-bottom: 0 !important;

}

.widget-categories ul li a:before {

    position: absolute;

    content: "\e61a";

    font-family: "themify";

    top: 3px;

    color: #888;

    font-weight: bold;

    left: 0;

    font-size: 11px;

    line-height: 1;

}





/* widget-nav-menu */

.widget.widget-nav-menu ul li{ 

    margin: 0 0 10px;

    padding: 0;

    border: 0;

    position: relative;

    display: block;

    background-color: #fff;

    transition: all .4s;

}

.widget.widget-nav-menu ul li:last-child{

    margin-bottom: 0;

}

.widget.widget-nav-menu ul li a{

    display: block;

    padding: 17px 20px 17px 45px;

    position: relative;

    z-index: 1;

    font-size: 16px;

    font-weight: 600!important;

    border: 1px solid #e8ecef;

}

.widget.widget-nav-menu ul li a:before {

    position: absolute;

    content: " ";

    display: inline-block;

    width: 0;

    height: 100%;

    top: 0;

    left: 0;

    -webkit-transition: width 0.4s linear;

    transition: width 0.4s linear;

    z-index: -1;

}

.widget.widget-nav-menu ul li.active a:before,

.widget.widget-nav-menu ul li:hover a:before {

    width: 100%;

}

.widget.widget-nav-menu ul li.active a,

.widget.widget-nav-menu ul li:hover a {

    color: #fff;

}

.widget.widget-nav-menu ul li a:after {

    content: "\f0a9";

    font: normal normal normal 14px/1 FontAwesome;

    font-style: normal;

    font-weight: 700;

    position: absolute;

    top: 22px;

    left: 22px;

    font-size: 16px;

}





/** ttm-recent-post-list **/

.widget ul.ttm-recent-post-list>li {

    padding: 0 0 22px 0;

    border-top: 0;

}

.widget ul.ttm-recent-post-list>li:last-child{

    padding-bottom: 0;

}

.widget ul.ttm-recent-post-list>li> .post-detail a {

    line-height: 22px;

    font-size: 15px;

    display: block;

    position: relative;

    overflow: hidden;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

}

.widget ul.ttm-recent-post-list>li img {

    display: block;

    width: 80px;

    height: 80px;

    float: left;

    margin-right: 18px;

}

.widget ul.ttm-recent-post-list>li .post-date {

    display: block;

    font-size: 13px;

    margin-bottom: 2px;

}

.widget ul.ttm-recent-post-list>li .post-date i {

    margin-right: 6px;

    font-size: 11px;

}

.widget ul.ttm-recent-post-list li:after {

    content: " ";

    display: table;

    clear: both;

}





/* tagcloud */

.widget .tagcloud a {

    display: inline-block;

    padding: 7px 21px;

    margin: 0 4px 10px 0;

    border: 1px solid #e3e3e3;

    border-radius: 2em;

    font-size: 14px!important;

    background-color: #fff;

    font-weight: 400;

}

.widget .tagcloud a:nth-last-child(-n+2) {

    margin-bottom: 5px;

}



/** images-gellary **/

.widget .images-gellary ul {

    display: inline-table;

    margin: 0 -1.1666667% -1.1666667% ;

}

.widget .images-gellary ul li {

    display: inline-block;

    max-width: 33.21%;

    border: 0;

    float: left;

    padding: 3px !important;

    text-align: center;

    vertical-align: top;

    width: 100%;

}

.widget .images-gellary a { width: 85px; }





/* pagination */

.pagination-block {

    display: block;

    margin-top: 35px;

    text-align: center;

}

.pagination-block .page-numbers {

    width: 40px;

    height: 40px;

    line-height: 40px;

    border-radius: 50%;

    text-align: center;

    display: inline-block;

    color: #656c76;

    font-size: 15px;

    font-weight: 600;

    border: 1px solid #e9eef6;

    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; }





/* ===============================================

    22.steps-box

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

.ttm-steps-box { 

    margin-top: 10px;

    margin-bottom: 20px;

    padding-left: 40px;

    position: relative;

    clear: both;

}

.ttm-steps-box:before {

    position: absolute;

    content: "";

    left: 10px;

    top: 0%;

    height: 130%;

    border-left: 1px solid rgba(255,255,255,.1);

}

.ttm-static-steps-num  {

    font-size: 20px;

    line-height: 35px;

    color: #fff;

    margin-right: 5px;

    font-weight: 600;

}

.ttm-steps-box.steps-style1 .ttm-steps-desc h3 {

    font-size: 20px;

    display: inline-block;

    line-height: 35px;

    margin-bottom: 5px;

}

.ttm-steps-box:after {

    content: '';

    position: absolute;

    height: 12px;

    width: 12px;

    border-radius: 50%;

    top: 11px;

    left: 5px;

    overflow: hidden;

    z-index: 13;

    border: 3px solid #12b48b;

    background-color: #fff;

    box-shadow: unset;

}