/** 1. ttm-row 2. Row-Equal-Height 3. Bg-Layer 4. Row-Bg-Image 5. Col-Bg-Image 6. Section-Title 7. Separator 8. Buttons 9. Icons 10. Fid 11. featured-icon-box 12. Featured-imagebox 13. Processbox 14. Progress-Bar 15. Testimonial 16. Client 17. Accordion 18. Wrap-Form 19. Tab 20. Boxes-Spacing 21. Pricing-Plan 22. Sidebar 23. products 24. static-box 25. panel **/ /* =============================================== 1.ttm-row ------------------------*/ .ttm-row{ padding: 90px 0;} .ttm-row.row-top-section, .ttm-row.home2-services-section, .ttm-row.broken-section, .ttm-row.home3-working-section, .ttm-row.home3-client-section, .ttm-row.contact-form-section, .ttm-row.zero-padding-section, .ttm-row.home3-services-section{ padding: 0 0; margin-bottom: 150px !important;} .ttm-row.about-section{padding-top: 77px;} .ttm-row.about-blog-section, .ttm-row.home3-about-section{padding-bottom: 85px;} .ttm-row.services-section, .ttm-row.faqs-accordion-section, .ttm-row.home2-top-section{ padding: 0 0 70px; } .ttm-row.working-section{padding-bottom: 150px;} .ttm-row.our-event-section, .ttm-row.our-letest-classes-section, .ttm-row.diet-tab-section, .ttm-row.pricing-plan-section{padding-bottom: 80px;} .ttm-row.our-post-section, .ttm-row.about-top-section, .ttm-row.portfolio-style-section, .ttm-row.product-section, .ttm-row.team-details-section, .ttm-row.home3-post-section{padding-bottom: 65px;} .ttm-row.home-cta-section{padding-top: 120px;padding-bottom: 100px;} .ttm-row.home-cta-section, .ttm-row.customer-story-section, .ttm-row.about-workingtext-section{padding-bottom: 100px;} .ttm-row.client-section{padding-top: 70px;} .ttm-row.our-team-section, .ttm-row.home3-post-section{padding-top: 140px;} .ttm-row.our-team-section, .ttm-row.classes-pricing-plan-section, .ttm-row.contact-form-section, .ttm-row.about-our-team-section{padding-bottom: 55px;} .ttm-row.home2-cta-section{padding-top: 110px;padding-bottom: 165px;} .ttm-row.customer-story-section, .ttm-row.about2-working-section, .ttm-row.services-pricing-plan-section, .ttm-row.classes-pricing-plan-section, .ttm-row.services-box-section{padding-top:0;} .ttm-row.row-title-style3-section, .ttm-row.home-banner-section, .ttm-row.home3-testimonial-section{padding-bottom: 0;} .ttm-row.row-title-style4-section{padding-top: 55px;padding-bottom: 35px;} .ttm-row.home3-about-section, .ttm-row.classes-top-section{padding-top: 100px;} .ttm-row.workingtext-section{padding-bottom: 140px;padding-top: 74px;} .ttm-row.home3-working-section{padding-bottom: 270px;} .ttm-row.gallery-plan-section{margin-top: 120px;padding-bottom: 78px;} .ttm-row.home3-testimonial-section{padding-top: 160px;} .ttm-row.home3-row-title-section{padding-top: 230px;} .ttm-row.home3-row-title-section{padding-bottom: 110px;} .ttm-row.about-fid-section{padding-top: 65px;} .ttm-row.about-fid-section, .ttm-row.customer-success-story-section, .ttm-row.contact-top-section, .ttm-row.faqs-top-section, .ttm-row.blog-left-section, .ttm-row.services-work-section{padding-bottom: 70px;} .ttm-row.about2-top-section{padding-bottom: 40px;} .ttm-row.product-section.style2, .ttm-row.about-workingtext-section{padding-top: 150px;} .ttm-row.about2-working-section{padding-bottom: 285px;} .ttm-row.team-style2-section{padding-bottom: 30px;} .ttm-row.classes-workingtext-section{padding-bottom: 156px;} .ttm-row.faqs-cta-section{padding-top: 35px;} .ttm-row.faqs-cta-section{padding-bottom: 20px;} .ttm-row.product-section{padding-top: 60px;} .ttm-row.about-client-section{margin-top: 113px;} .ttm-row.about-section_1 { padding: 72px 0 46px; } .ttm-row.working-section_1 { padding:90px 0 200px; } .ttm-row.processbox-section_1 { padding: 28px 0 87px; } .ttm-row.client-section_1 { padding: 155px 0 55px; } .ttm-row.our-post-section_1 { padding: 110px 0 60px; } .ttm-row.about-section_2 { padding: 98px 0 0px; } .ttm-row.working-section_2 { padding:0px 0 42px; } .ttm-row.second-testimonial-section { padding: 50px 0 46px; } .ttm-row.team-style2-section_1 { padding: 80px 0 77px; } .ttm-row.about-section_3 { padding: 80px 0 0px; } .ttm-row.blog_faq-section { padding: 80px 0 120px; } /* =============================================== 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; } .row-equal-height > [class*='col-'] > .ttm-col-bgimage-yes{-webkit-flex-grow: 1;-ms-flex-positive: 1;flex-grow: 1;} /* =============================================== 3.Bg-Layer ------------------------*/ .ttm-bg{ position: relative;} .ttm-col-bgimage-yes, .bg-layer-equal-height .ttm-col-bgcolor-yes{ height: 100%; z-index: 9;} .ttm-bg-layer , .ttm-titlebar-wrapper .ttm-titlebar-wrapper-bg-layer, .ttm-bg-layer-inner { position: absolute; height: 100%; width: 100%; top: 0; left: 0; } .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; } .ttm-bg.ttm-col-bgimage-yes .ttm-bg-layer-inner, .ttm-bg.ttm-bgimage-yes>.ttm-bg-layer { opacity: .94; } .layer-content{ position: relative ; z-index: 9; height: 100%; } .bg-layer > .container > .row { margin: 0; } .bg-layer > .container > .row > [class*='col-'] , .bg-layer > .container-fluid > .row > [class*='col-'] { padding: 0; } /* =============================================== 4.Row-Bg-Image ------------------------*/ .bg-img1{ background-image: url(../images/bg-image/row-bgimage-1.jpg); background-repeat: no-repeat; background-size: cover; background-position: center } .bg-img2{ background-image: url(../images/bg-image/Our_Coching.webp); background-repeat: no-repeat; background-size: cover; background-position: center } .bg-img3{ background-image: url(../images/bg-image/row-bgimage-3.jpg); background-repeat: no-repeat; background-size: cover; background-position: center } .bg-img4{ background-image: url(../images/bg-image/row-bgimage-4.jpg); background-repeat: no-repeat; background-position: center center !important; background-size: cover; } .bg-img5{ background-image: url(../images/bg-image/row-bgimage-5.jpg); background-repeat: no-repeat; background-size: cover; background-position: center; } .bg-img6{ background-image: url(../images/bg-image/row-bgimage-6.jpg); background-repeat: no-repeat; background-size: cover; background-position: center; } .bg-img7{ background-image: url(../images/bg-image/row-bgimage-7.jpg); background-repeat: no-repeat; background-size: cover; background-position: center; } .bg-img8{ background-image: url(../images/bg-image/row-bgimage-8.webp); background-repeat: no-repeat; background-size: cover; background-position: center; } .bg-img9{ background-image: url(../images/bg-image/row-bgimage-9.jpg); background-repeat: no-repeat; background-size: cover; background-position: center; } .bg-img10{ background-image: url(../images/bg-image/row-bgimage-10.jpg); background-repeat: no-repeat; background-size: cover; background-position: center; } .bg-img11{ background-image: url(../images/bg-image/row-bgimage-11.jpg); background-repeat: no-repeat; background-size: cover; background-position: center; } .bg-img12{ background-image: url(../images/bg-image/row-bgimage-12.jpg); background-repeat: no-repeat; background-size: cover; background-position: center; } .bg-img13{ background-image: url(../images/bg-image/row-bgimage-13.jpg); background-repeat: no-repeat; background-size: cover; background-position: center; } .bg-img14{ background-image: url(../images/bg-image/row-bgimage-14.jpg); background-repeat: no-repeat; background-size: cover; background-position: left bottom; } .bg-img15{ background-image: url(../images/bg-image/row-bgimage-15.png); background-repeat: no-repeat; background-size: cover; background-position: center 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) !important; background-position: left center!important; background-repeat: no-repeat !important; background-size: cover !important; } .col-bg-img-two.ttm-col-bgimage-yes .ttm-col-wrapper-bg-layer{ /*background-image: url(../images/bg-image/col-bgimage-2.jpg) !important;*/ background-position: center !important; background-repeat: no-repeat !important; background-size: cover !important; } .col-bg-img-three.ttm-col-bgimage-yes .ttm-col-wrapper-bg-layer{ background-image: url(../images/bg-image/col-bgimage-3.jpg) !important; background-position: center !important; background-repeat: no-repeat !important; background-size: cover !important; } .col-bg-img-four.ttm-col-bgimage-yes .ttm-col-wrapper-bg-layer{ background-image: url(../images/bg-image/col-bgimage-4.jpg) !important; background-position: center !important; background-repeat: no-repeat !important; background-size: cover !important; } .col-bg-img-five.ttm-col-bgimage-yes .ttm-col-wrapper-bg-layer{ background-image: url(../images/bg-image/col-bgimage-5.jpg) !important; background-position: center !important; background-repeat: no-repeat !important; background-size: cover !important; } .col-bg-img-six.ttm-col-bgimage-yes .ttm-col-wrapper-bg-layer{ background-image: url(../images/bg-image/col-bgimage-6.jpg) !important; background-position: center !important; background-repeat: no-repeat !important; background-size: cover !important; } .col-bg-img-seven.ttm-col-bgimage-yes .ttm-col-wrapper-bg-layer{ background-image: url(../images/bg-image/col-bgimage-7.jpg) !important; background-position: left center !important; background-repeat: no-repeat !important; background-size: cover !important; } .col-bg-img-eight.ttm-col-bgimage-yes .ttm-col-wrapper-bg-layer{ background-image: url(../images/bg-image/col-bgimage-8.jpg) !important; background-position: left center !important; background-repeat: no-repeat !important; background-size: cover !important; } .col-bg-img-nine.ttm-col-bgimage-yes .ttm-col-wrapper-bg-layer{ background-image: url(../images/bg-image/col-bgimage-9.jpg) !important; background-position: left center !important; background-repeat: no-repeat !important; background-size: cover !important; } .col-bg-img-ten.ttm-col-bgimage-yes .ttm-col-wrapper-bg-layer{ background-image: url(../images/bg-image/col-bgimage-10.jpg) !important; background-position: center !important; background-repeat: no-repeat !important; background-size: cover !important; } .col-bg-img-eleven.ttm-col-bgimage-yes .ttm-col-wrapper-bg-layer{ background-image: url(../images/bg-image/col-bgimage-11.jpg) !important; background-position: center !important; background-repeat: no-repeat !important; background-size: cover !important; } .col-bg-img-twelv.ttm-col-bgimage-yes .ttm-col-wrapper-bg-layer{ background-image: url(../images/bg-image/col-bgimage-12.jpg) !important; background-position: center !important; background-repeat: no-repeat !important; background-size: cover !important; } .col-bg-img-thirteen.ttm-col-bgimage-yes .ttm-col-wrapper-bg-layer{ background-image: url(../images/bg-image/col-bgimage-13.jpg) !important; background-position: center !important; background-repeat: no-repeat !important; background-size: cover !important; } .col-bg-img-fourteen.ttm-col-bgimage-yes .ttm-col-wrapper-bg-layer{ background-image: url(../images/bg-image/col-bgimage-14.jpg) !important; background-position: center !important; background-repeat: no-repeat !important; background-size: cover !important; } .col-bg-img-fifteen.ttm-col-bgimage-yes .ttm-col-wrapper-bg-layer{ background-image: url(../images/bg-image/col-bgimage-15.jpg) !important; background-position: center !important; background-repeat: no-repeat !important; background-size: cover !important; } .col-bg-img-sixteen.ttm-col-bgimage-yes .ttm-col-wrapper-bg-layer{ background-image: url(../images/bg-image/col-bgimage-16.jpg) !important; background-position: center !important; background-repeat: no-repeat !important; background-size: cover !important; } .col-bg-img-seventeen.ttm-col-bgimage-yes .ttm-col-wrapper-bg-layer { background-image: url(../images/bg-image/col-bgimage-17.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; } .col-bg-img-eightteen.ttm-col-bgimage-yes .ttm-col-wrapper-bg-layer { background-image: url(../images/bg-image/col-bgimage-18.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; } .col-bg-img-nineteen.ttm-col-bgimage-yes .ttm-col-wrapper-bg-layer { background-image: url(../images/bg-image/col-bgimage-19.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; } .col-bg-img-twenty.ttm-col-bgimage-yes .ttm-col-wrapper-bg-layer { background-image: url(../images/bg-image/col-bgimage-20.png); background-position: right top; background-repeat: no-repeat; } .col-bg-img-twenty-one.ttm-col-bgimage-yes .ttm-col-wrapper-bg-layer { background-image: url(../images/bg-image/col-bgimage-21.png); background-position: left top; background-repeat: no-repeat; } /* =============================================== 6.Section-Title ------------------------*/ .section-title,.section-title h5{ position: relative; } .section-title{margin-bottom: 40px;} .section-title h5{ font-weight: 700; text-transform: capitalize; font-size: 16px; line-height: 26px; padding-left: 33px; margin-top: 5px; margin-bottom: 14px; } .section-title h5:after,.section-title.text-center h5:before{ display: block; content: ""; position: absolute; width: 25px; top: 50%; height: 1px; left: 0; } .section-title h2.title{font-weight: 400;font-size: 38px;line-height: 50px;margin-bottom: 0;} .section-title .title-desc{margin-top: 14px!important;} .section-title .title-header{ position: relative; margin-bottom: 5px;} .section-title.text-center h5{display: inline-block;padding-left: 0;} .section-title.text-center h5:after{margin-left: -38px;left: 0%;} .section-title.text-center h5:before{right: 0;margin-right: -38px;left: auto;} .section-title.text-center .title-desc{width: 60%;margin: 0 auto;} .section-title h6{color: #8d8d8d;font-size: 13px;line-height: 20px;margin-top: 5px;font-weight: 700;text-transform: capitalize;margin-bottom: 14px;} .section-title h3{font-size: 20px;line-height: 27px;} .row-title h2.title{font-size: 50px;line-height: 65px;} .row-title .title-desc{font-size: 18px;color: #6e7377;} .row-title.style2 h2.title{font-size: 42px;line-height: 52px;} .row-title.style2 p{font-size: 17px;} .row-title.style2 u{position: relative;text-decoration: none;} .row-title u:after{ display: block; content: ""; position: absolute; width: 100%; bottom: 0; height: 3px; left: 0; } .row-title.style3 h2.title{font-size: 44px;line-height: 50px;} .row-title.style4 h2.title{font-size: 34px;line-height: 47px;} .row-title.style5 h2.title{font-size: 43px;line-height: 62px;} .row-title.style5 p{font-size: 20px;line-height: 24px;} .row-title.style6 h2.title{font-size: 25px;line-height: 38px;} /* =============================================== 7.separator ------------------------*/ .separator .sep-line, .separator .sep-line_1 { height: 1px; border-top: 1px solid #ebebeb; display: block; position: relative; top: 5px; width: 100%; } .separator .sep-line_1:after { content: ""; position: absolute; height: 4px; width: 55px; left: 45%; top: 21%; } .ttm-bgcolor-darkgrey .separator .sep-line{ border-color: rgba(255,255,255,0.14); } .ttm-bgcolor-white .separator .sep-line{ border-color: #f1f1f1; } .ttm-textcolor-white .separator .sep-line, .ttm-textcolor-white .separator .sep-line_1 { border-color: rgba(255,255,255,0.07); } /* =============================================== 8.Buttons ------------------------*/ .ttm-btn{ display: inline-block; font-size: 16px; line-height: normal; padding: 11px 32px 11px 31px; background: transparent; border: 1px solid transparent; position: relative; font-weight: 600; z-index: 9; vertical-align: middle; text-transform: capitalize; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .ttm-btn.ttm-icon-btn-left{ padding-left: 44px; } .ttm-btn.ttm-icon-btn-right{ padding-right: 44px; } .ttm-btn.ttm-icon-btn-left i{ left: 20px;} .ttm-btn.ttm-icon-btn-right i{ right: 20px;} .ttm-btn.ttm-icon-btn-right{ padding-right: 22px; } .ttm-btn.ttm-icon-btn-right i{ right: 2px; } .ttm-bgcolor-darkgrey .ttm-btn:hover.btn-inline.ttm-btn-color-skincolor{ background-color: transparent; color: #fff; } /** btn-with-icon **/ .ttm-btn i{ display: block; position: absolute; top: 50%; -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); -o-transform: translate(0,-50%); transform: translate(0,-50%); } .ttm-btn.ttm-icon-btn-right{ text-align: right; } .ttm-btn.ttm-icon-btn-left { text-align: left; } /** btn-size-xs **/ .ttm-btn.ttm-btn-size-xs { font-size: 11px; padding: 8px 20px;} .ttm-btn.ttm-btn-size-xs.ttm-icon-btn-right{ padding-right: 31px; } .ttm-btn.ttm-btn-size-xs.ttm-icon-btn-left{ padding-left: 31px; } .ttm-btn.ttm-btn-size-xs.ttm-icon-btn-left i{ left: 12px; } .ttm-btn.ttm-btn-size-xs i { font-size: 14px; height: 11px; line-height: 11px; right: 12px; } /** btn-size-sm **/ .ttm-btn.ttm-btn-size-sm { font-size: 14px; padding: 8px 22px 8px 22px; } .ttm-btn.ttm-btn-size-sm.ttm-icon-btn-right{ padding-right: 39px; } .ttm-btn.ttm-btn-size-sm.ttm-icon-btn-left{ padding-left: 39px; } .ttm-btn.ttm-btn-size-sm.ttm-icon-btn-left i{ left: 16px;} .ttm-btn.ttm-btn-size-sm i { font-size: 11px; height: 13px; line-height: 13px; right: 16px; } /** btn-size-md **/ .ttm-btn.ttm-btn-size-md { font-size: 16px; padding: 10px 38px 12px 38px; } .ttm-btn.ttm-btn-size-md.ttm-icon-btn-right { padding-right: 48px; } .ttm-btn.ttm-btn-size-md.ttm-icon-btn-left{ padding-left: 48px; } .ttm-btn.ttm-btn-size-md.ttm-icon-btn-left i{ left: 20px; font-size: 11px;} .ttm-btn.ttm-btn-size-md.ttm-icon-btn-right i { font-size: 11px; height: 11px; line-height: 11px; right: 20px; } /** btn-size-lg **/ .ttm-btn.ttm-btn-size-lg { font-size: 20px; line-height: 20px; padding: 18px 45px;} .ttm-btn.ttm-btn-size-lg.ttm-icon-btn-right { padding-right: 60px; } .ttm-btn.ttm-btn-size-lg.ttm-icon-btn-left{ padding-left: 60px; } .ttm-btn.ttm-btn-size-lg.ttm-icon-btn-left i{ left: 25px;} .ttm-btn.ttm-btn-size-lg.ttm-icon-btn-right i { font-size: 20px; height: 16px; line-height: 16px; right: 25px; } /** btn-shape **/ .ttm-btn.ttm-btn-shape-round { border-radius: 2em; } .ttm-btn.ttm-btn-shape-rounded { border-radius: 5px; } .ttm-btn.ttm-btn-shape-square { border-radius: 0; } /** btn-style-border **/ .ttm-btn.ttm-btn-style-border{ background-color: transparent; border: 1px solid; } .ttm-btn.ttm-btn-color-white.ttm-btn-style-border { color: #fff; border-color: #fff; background: transparent; } .ttm-btn.ttm-btn-color-white.ttm-btn-style-border:hover{ color: #020d26; border-color: #fff; background-color: #fff!important; } /** btn-inline **/ .ttm-btn.btn-inline{ text-transform: capitalize; font-size: 16px; font-weight: 700; padding: 0; border: 1px solid transparent; background-color: transparent; line-height: 26px; } .ttm-btn.btn-inline.ttm-btn-underline:before, .ttm-btn.btn-inline.ttm-btn-underline:after{ position: absolute; content: ""; bottom: -3px; left: auto; right: 0; width: 0; height: 2px; background-color: #efefef; -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; } .ttm-btn.btn-inline.ttm-btn-underline:before{width: 100%;} .ttm-btn.btn-inline.ttm-btn-underline:hover:after{ width: 100%; right: auto; left: 0; } .ttm-btn.btn-inline.ttm-btn-size-lg{ font-size: 20px; line-height: 20px; } /* videao-btn */ .ttm-video-btn.video-btn-left{ left: 0; } .ttm-video-btn.text-center{position: absolute;left: 0;right: 0;top: 165px;} .video-btn-left .ttm-play-btn{ padding-left: 90px; } .ttm-video-btn.video-btn-center {left: 50%;margin-top: -25px;position: absolute;top: 50%;} .ttm-video-btn:hover a {opacity: 0.9;color: #fff;} .ttm-play-btn {border-radius: 30px;color: #fff;font-size: 18px;display: block;padding: 10px 20px 10px 50px;position: relative;} .ttm-video-btn .ttm-btn-play { height: 65px; width: 65px; line-height: 65px; border-radius: 50%; padding-left: 7px; text-align: center; font-size: 30px; font-variant: normal; text-rendering: auto; display: inline-block; text-align: center; margin: 0 auto; -webkit-transform: translate(-25%,-10%); -ms-transform: translate(-25%,-10%); -o-transform: translate(-25%,-10%); transform: translate(-25%,-10%); } .ttm-btn-play:after, .ttm-btn-play:before { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); border-radius: 50%; background-color: #fda12b; } .ttm-btn-play:after{z-index: 1;width: 105px;height: 105px;opacity: .09;} .ttm-btn-play:before {z-index: 2;width: 94px;height: 94px;opacity: .21;} .ttm-play-btn:hover, .ttm-video-btn span.ttm-btn-play{color: #fff;} .ttm-video-btn:hover .ttm-btn-play { background-color: rgba(253, 161, 43, 0.95); color: rgba(255, 255, 255, 1); } /* =============================================== 9.Icons ------------------------*/ .ttm-icon{ margin-bottom: 35px; display: inline-block; text-align: center; border: 2px 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; 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: 40px; width: 40px; line-height: 40px; } .ttm-icon.ttm-icon_element-size-xs i { font-size: 19px; } /** 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: 28px; } /** icon-size-md **/ .ttm-icon.ttm-icon_element-size-md { height: 58px; width: 58px; line-height: 58px } .ttm-icon.ttm-icon_element-size-md i { font-size: 30px; } /** icon-size-lg **/ .ttm-icon.ttm-icon_element-size-lg { height: 58px; width: 58px; line-height: 58px; } .ttm-icon.ttm-icon_element-size-lg i { font-size: 45px; } /** icon-size-xl **/ .ttm-icon.ttm-icon_element-size-xl { height: 64px; width: 64px; line-height: 64px; } .ttm-icon.ttm-icon_element-size-xl i { font-size: 80px; } /** 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;} /** icon-style-border **/ .ttm-icon.ttm-icon-color-black.ttm-icon-style-border { background-color: transparent; } /* ttm-video-icon */ .ttm-video-icon .ttm-icon.ttm-icon_element-size-md{height: 68px;width: 68px;} .ttm-video-icon .ttm-icon.ttm-icon_element-size-md i{ padding-left: 7px; } .ttm-right-video-icon, .ttm-left-video-icon, .ttm-center-video-icon {position: absolute;left: 0;right: 0;top: 50%;} .ttm-video-icon .ttm-icon:before{width: 85px;height: 85px;opacity: .55;} .ttm-video-icon .ttm-icon:after{z-index:1;width:105px;height:105px;opacity:.09} .ttm-video-icon .ttm-icon{ 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; } .ttm-video-icon .ttm-icon:before, .ttm-video-icon .ttm-icon:after{ content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); border-radius: 50%; background-color: #fff; } .ttm-video-icon .ttm-icon:hover:before, .ttm-video-icon .ttm-icon:hover:after{ -webkit-animation: prittyphoto 1.05s infinite; -moz-animation: prittyphoto 1.05s infinite; -ms-animation: prittyphoto 1.05s infinite; -o-animation: prittyphoto 1.05s infinite; animation: prittyphoto 1.05s infinite; } .ttm-right-video-icon{ left: auto; right: 0; top: auto; } @-webkit-keyframes prittyphoto{ 100%{width:200%;height:200%;opacity:0} } @keyframes prittyphoto{ 100%{width:200%;height:200%;opacity:0} } @-webkit-keyframes sonarEffect{ %{opacity:.3} 40%{opacity:.5} 100%{-webkit-transform:scale(1.5);opacity:0} } /* =============================================== 10.Fid ------------------------*/ .inside { text-align: center; position: relative; padding: 29px 15px 21px 15px; margin-bottom: 30px; } .tm-fid.inside h4{position: relative;font-size: 32px;line-height: 40px;} .ttm-fid-view-righticon.inside h4, .ttm-fid-view-lefticon.inside h4 { margin-bottom: 0; float: left; display: block;margin-top: 1px; } .ttm-fid-view-lefticon.inside h4 span:nth-child(2) { margin-left: 5px; } .inside h3 { margin-bottom: 0; bottom: -11px; width: 100%; font-size: 17px; line-height: 25px; font-weight: 400; padding-top: 0; } .ttm-fid-view-righticon .ttm-fid-left, .ttm-fid-view-lefticon .ttm-fid-left {position: relative;display: block;width: 100%;} .ttm-fid-view-righticon .ttm-fid-icon-wrapper, .ttm-fid-view-lefticon .ttm-fid-icon-wrapper {position: absolute;top: 0;} .ttm-fid-view-lefticon .ttm-fid-icon-wrapper i{position: relative;top: 0px;} .ttm-fid-icon-wrapper i { font-size: 60px; line-height: 60px; } .ttm-fid-view-topicon .ttm-fid-icon-wrapper i { position: absolute; top: 50%; left: 50%; -khtml-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .ttm-clients-colum-sep .col-sm-6:not(:last-child):before{ content: ""; height: 100%; width: 1px; background-color: #e9ecef; display: block; position: absolute; right: 0; top: 5px; } .ttm-clients-colum-sep .col-sm-6:last-child{padding-left: 30px!important;} /* ttm-fid-view-lefticon */ .ttm-fid-view-lefticon .ttm-fid-contents, .ttm-fid-view-lefticon.inside h4 {padding-left: 80px;} .ttm-fid-view-lefticon.inside h4 {font-size: 32px;line-height: 40px;} .ttm-fid-view-righticon .ttm-fid-contents, .ttm-fid-view-lefticon .ttm-fid-contents {text-align: left;clear: both;overflow: hidden;} .inside.ttm-fid-view-lefticon h3 {font-size: 16px;line-height: 24px;} .inside.ttm-fid-view-lefticon h3 span {padding: 2px 4px 0 4px;display: block;} .row.ttm-fid-row-wrapper .col-md-6{ padding: 0; } /* ttm-fid-without-icon */ .inside.ttm-fid-without-icon h4{font-size: 24px;line-height: 30px;} .inside.ttm-fid-without-icon h3{font-size: 14px;line-height: 24px;margin-top: -4px;} .ttm-highlight-fid { position: relative; padding: 26px 25px 20px; max-width: 205px; bottom: 154px; left: 70px; text-align: left; border-left: 8px solid; margin-bottom: -86px; } .ttm-highlight-fid-style2 { position: absolute; padding: 20px 20px; max-width: 315px; bottom: 0; left: 0; } .ttm-highlight-fid-style2:after { position: absolute; content: ''; top: -17px; width: 0; height: 0; left: 32px; border: 20px solid transparent; border-top: 0; margin-bottom: -19px; } /* ttm-fid-view-middle */ .ttm-fid-view-roundbox.ttm-column-middlebox { position: absolute; top: 50%; right: 0; margin-top: 0; margin-right: -55px; -khtml-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .inside.ttm-fid-view-roundbox { padding: 0; display: inline-block; border-radius: 50%; border: 16px solid rgba(43,52,59,.57); max-width: 172px; } .inside .ttm-center-fid { text-align: center; height: 140px; padding-top: 18px; width: 140px; background-color: #2b343b; border-radius: 50%; position: relative; } .inside.ttm-fid-view-roundbox .ttm-fid-icon-wrapper i { font-size: 40px; display: block; margin-bottom: 29px; position: relative; top: 17px; line-height: 26px; } .inside.ttm-fid-view-roundbox h3, .inside.ttm-fid-view-roundbox h4 {font-size: 16px;line-height: 24px;} /* ttm-fid-view-right */ .ttm-fid-view-roundbox.ttm-column-rightbox { position: absolute; top: 48%; right: -85px; -khtml-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .ttm-facts-colum-sep .col-md-3:not(:last-child):after { content: ""; height: 100%; width: 1px; background-color: rgba(255,255,255,.08); display: block; position: absolute; right: 0; top: 0; top: 50%; -khtml-transform: translateX(0%) translateY(-50%); -moz-transform: translateX(0%) translateY(-50%); -ms-transform: translateX(0%) translateY(-50%); -o-transform: translateX(0%) translateY(-50%); transform: translateX(0%) translateY(-50%); } .ttm-fid.ttm-fid-view-topicon .ttm-fid-icon-wrapper { height: 61px; line-height: 61px; display: inline-block; position: relative; } .inside.ttm-fid-view-topicon h4 { font-size: 40px; line-height: 40px;margin-bottom: 0; } .inside.ttm-fid-view-topicon h3{ position: relative;margin-top: 20px; } .inside.ttm-fid-view-topicon h3:after { content: ""; left: 50%; height: 2px; position: absolute; top: -13px; width: 30px; margin-left: -17px; background-color: transparent; } .ttm-fid-contents sub {font-size: 15px;font-weight: 400;bottom: -.25em;} .inside.ttm-fid-view-topicon .ttm-fid-icon-wrapper i{font-size: 36px;} .inside h3 span {padding: 2px 4px 0 4px;display: block;} .inside.ttm-fid-view-topicon.style2 h4{font-size: 25px;line-height: 28px;padding-top: 15px;} .inside.ttm-fid-view-topicon.style2 h3{margin-top: 0;} .inside.ttm-fid-view-topicon.style2 .ttm-fid-icon-wrapper i{font-size: 65px;} /* ttm-fid-view-right */ .inside.ttm-fid-view-squarebox { padding: 40px 35px 23px; margin-left: 20px; } .inside.ttm-fid-view-squarebox .ttm-fid-icon-wrapper { line-height: 61px; } .inside.ttm-fid-view-squarebox i { font-size: 50px; line-height: 24px; top: 0; } .inside.ttm-fid-view-squarebox h4 { font-size: 38px; line-height: 40px; margin-bottom: 0; } .inside.ttm-fid-view-squarebox h3 { margin-top: 8px; font-size: 16px; line-height: 26px; color: #86898c; } /* style1 */ .ttm-highlight-fid-style1 { position: relative; text-align: left; padding: 29px 0 11px 0; margin-bottom: 20px; } .ttm-highlight-fid-style1 .ttm-fid-contents { padding-left: 30px; } .ttm-highlight-fid-style1 .ttm-fid-contents:before { content: ""; position: absolute; background-color: #2b343b; opacity: .08; height: 80px; width: 80px; left: 0; top: -8px; } .ttm-highlight-fid-style1 h4 { font-size: 46px; line-height: 46px; margin-top: 1px; margin-bottom: 0; } .ttm-highlight-fid-style1 h3 { font-size: 16px; line-height: 24px; bottom: 0; } .ttm-highlight-fid-style1 h3 span { padding: 6px 4px 0 0; font-size: 17px; } /* =============================================== 11.featured-icon-box ( only contents ) ------------------------*/ .featured-icon-box { position: relative;} .featured-icon-box .ttm-icon{ margin-bottom: 0px; } .featured-icon-box.top-icon .featured-content{ padding-top: 19px; } .featured-icon-box .ttm-icon.ttm-icon_element-size-md{ height: 48px; width: 48px; line-height: 48px;} .featured-icon-box .ttm-icon.ttm-icon_element-size-md i{font-size: 50px;} .featured-icon-box .ttm-icon.ttm-icon_element-fill.ttm-icon_element-size-md{ height: 62px; width: 62px; line-height: 62px; } .featured-icon-box.left-icon{ display: table; } .featured-icon-box.left-icon .featured-icon:not(.ttm-icon_element-border), .featured-icon-box.left-icon .featured-icon, .featured-icon-box.left-icon .featured-content, .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.left-icon.icon-align-top .featured-icon{ vertical-align: top; } .featured-icon-box.left-icon .featured-content { padding-left: 24px; } .featured-title h5{ font-size: 21px; line-height: 28px; margin-bottom: 5px; } .featured-title h6 { font-size: 13px; line-height: 25px; margin-bottom: 0px; } .featured-icon-box.iconalign-before-heading{ padding: 20px 0; } .featured-icon-box.iconalign-before-heading .featured-content{ display: table; } .featured-icon-box.iconalign-before-heading .ttm-icon.ttm-icon_element-size-md { height: auto; width: auto; } .featured-icon-box.iconalign-before-heading .featured-content .featured-icon, .featured-icon-box.iconalign-before-heading .featured-content .featured-title{ display: table-cell; vertical-align: middle;} .featured-icon-box.without-icon .ttm-list.ttm-list-style-icon li i{top: 7px;font-size: 20px;} .featured-icon-box.without-icon .ttm-list.ttm-list-style-icon li {padding-bottom: 15px;padding-left: 30px;} .featured-icon-box.without-icon .ttm-list.ttm-list-style-icon li:not(:first-child){margin-bottom: 25px;} body{ counter-reset: section; } .featuredbox-number .ttm-num:before{ counter-increment: section; content: counter(section) " " ;} .featured-icon-box.style1{ padding: 35px 27px 31px;width: 100%; } .featured-icon-box.style1 .featured-title h5{margin-bottom: 10px;} .featured-icon-box.style1 .ttm-icon.ttm-icon_element-size-md span{font-size: 50px;padding-top: 5px;} .featured-icon-box.style2 { padding: 35px 25px 0 0; position: relative;} .featured-icon-box.style2:not(:last-child){border-right: 1px solid #e9ecef;} .featured-icon-box.style2 .ttm-icon{ margin-bottom: 0; } .featured-icon-box.style2 .featured-title h5{ font-size: 17px; line-height: 23px;font-weight: 700;} .featured-icon-box.style2 .ttm-icon.ttm-icon_element-size-md{width: 32px;height: 32px;line-height: 32px;} .featured-icon-box.style2 .ttm-icon.ttm-icon_element-size-md i{font-size: 36px;} .col-md-4:not(:last-child) .featured-icon-box.style2:after{ content: ""; height: 100%; width: 1px; background-color: #f1f1f1; display: block; position: absolute; right: 0; top: 50%; -khtml-transform: translateX(0%) translateY(-50%); -moz-transform: translateX(0%) translateY(-50%); -ms-transform: translateX(0%) translateY(-50%); -o-transform: translateX(0%) translateY(-50%); transform: translateX(0%) translateY(-50%); } .featured-icon-box.style3{padding: 0 0 15px 0;} .featured-icon-box.style3 .ttm-icon.ttm-icon_element-size-md{ height: 62px; width: 62px; line-height: 62px;} .featured-icon-box.style3 .ttm-icon.ttm-icon_element-size-md i{font-size: 37px!important;} .featured-icon-box.style4{ border: 1px solid #ebeef0;padding: 33px 30px 38px 30px;height: 100%; position: relative; overflow: hidden;} .featured-icon-box.style4 .featured-icon{ margin-bottom: 18px; } .featured-icon-box.style4 .ttm-icon.ttm-icon_element-size-sm i{ font-size: 50px; } .featured-icon-box.style5{padding: 30px 15px 15px;border: 1px solid #f0f0f0;margin-bottom: 10px;width: 100%;} .featured-icon-box.style5 .ttm-icon.ttm-icon_element-size-md{height: 74px;width: 74px;line-height: 74px;} .featured-icon-box.style5 .ttm-icon i{font-size: 74px;} .featured-icon-box.style6 .ttm-icon.ttm-icon_element-size-sm{height: 19px;width: 19px;line-height: 19px;} .featured-icon-box.style6 .ttm-icon i{font-size: 19px; margin-top: -2px;} .featured-icon-box.style6 .featured-content{padding-left: 12px;} .featured-icon-box.style6 .featured-title h5{font-size: 20px;line-height: 26px;} .row.featured-icon-box-style7-row{padding: 25px 0 20px;} .featured-icon-box.style7 {padding: 15px 0 15px;} .featured-icon-box.style7 .ttm-icon.ttm-icon_element-size-md{height: 32px;width: 32px;} .featured-icon-box.style7 .ttm-icon.ttm-icon_element-size-md i{font-size: 38px;} .featured-icon-box.style7 .featured-title h5{margin-bottom: 10px;font-size: 20px;} .featured-icon-box.style7 .featured-content{padding-top: 10px;} .row.featured-icon-box-style7-row .col-md-4:not(:last-child):after{ content: ""; height: 100%; width: 1px; background-color: #f1f1f1; display: block; position: absolute; right: 0; top: 0; } /* style8*/ .featured-icon-box.style8 { margin-bottom: 15px; } .featured-icon-box.style8 .featured-content { margin-top:17px; } .featured-icon-box.style8 .featured-title , .featured-icon-box.style11 .featured-title { padding-left: 15px; } /* style9*/ .featured-icon-box.style9 .featured-content { margin-top:25px; } .featured-icon-box.style9 .ttm-pricelist-block { margin: 0; padding: 0; list-style: none; } .featured-icon-box.style9 .ttm-pricelist-block li:first-child { padding-top: 0; } .featured-icon-box.style9 .ttm-pricelist-block li { padding: 14px 0 14px 0; border-bottom: 1px solid #f0f0f0; font-size: 15px; display: block; } .featured-icon-box.style9 .ttm-pricelist-block li:last-child { border-bottom: none; padding-bottom: 0; } .featured-icon-box.style9 .ttm-pricelist-block .service-price { float: right; } .featured-icon-box.style9 .featured-title { padding-left: 15px; } /* style10*/ .featured-icon-box.style10{ text-align: center; } .featured-icon-box.style10 .featured-icon { background-color: #fff; width: 109px; height: 109px; -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.1); -moz-box-shadow: 0 0 12px 0 rgba(0,0,0,.1); box-shadow: 0 0 10px 0 rgba(43,52,59,.1); margin: 0 auto; line-height: 145px; position: relative; display: inline-block; } .featured-icon-box.style10 .featured-content { margin-top: 40px; padding: 0 30px; } .featured-icon-box.style10 .process-num { margin-right: 5px; font-size: 17px; font-weight: 700; background-color: #182333; color: #fff; width: 35px; height: 35px; line-height: 35px; border-radius: 50%; border: none; display: block; text-align: center; position: absolute; right: -22px; bottom: -12px; z-index: 10; transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; } .container { counter-reset: featuredbox-number; } .featured-icon-box.style10 .process-num:before { counter-increment: featuredbox-number; content: counter(featuredbox-number, decimal-leading-zero) " "; } .ttttm-processbox-wrapper:before { content: ''; position: absolute; left: -580px; right: -200px; height: 100%; display: block; background: url(../images/proccess-box-arrow.png) center center no-repeat; top: -62px; } .ttm-processbox-wrapper .featured-icon-box.style10 .featured-content:after { display: block; content: ''; position: absolute; right: -25%; top: 50px; height: 30px; width: 180px; background: url(../images/proccess-box-arrow.png); background-repeat: no-repeat; } .ttm-processbox-wrapper .row .col-lg-4:last-child .featured-icon-box.style10 .featured-content:after { content: unset; } .featured-icon-box.style10 .featured-title h5 { font-size: 20px; line-height: 30px; margin-bottom: 11px; } /* style11*/ .featured-icon-box.style11 .featured-title h5 { font-size: 16px; line-height: 32px; font-family: 'Lato',Arial,Helvetica; font-weight: 400; } .featured-icon-box.style11 .featured-title p { font-size: 18px; line-height: 32px; font-family: 'Prata',Arial,Helvetica; font-weight: 400; margin-bottom: 11px; } /* style12*/ .featured-icon-box.style12 { padding: 35px 37px 32px 37px; margin: 15px 0; } .featured-icon-box.style12 span { font-size: 50px; } /* style13*/ .featured-icon-box.style13 { -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.1); -moz-box-shadow: 0 0 12px 0 rgba(0,0,0,.1); box-shadow: 0 0 10px 0 rgba(43,52,59,.1); padding: 28px 20px 23px 20px; margin-top: 20px; margin-bottom: 30px; border-radius: 10px; display: block; } .featured-icon-box.style13 .featured-icon { padding-top: 8px; } /* =============================================== 12.featured-imagebox ( contents with image) ------------------------*/ .featured-imagebox.featured-imagebox-service{margin-bottom: 20px;} .featured-imagebox.featured-imagebox-service .ttm-box-bottom-content{padding: 43px 30px 46px 30px;position: relative;text-align: left;} .featured-imagebox-service .ttm-box-bottom-content .featured-title h5, .featured-imagebox.featured-imagebox-post .featured-title h5 {line-height: 30px;} /* imagebox-service */ .featured-imagebox.featured-imagebox-service .ttm-icon { text-align: center; position: absolute; top: -30px; right: 30px; -webkit-transition: all 0.5s cubic-bezier(.645,.045,.355,1); -o-transition: all 0.5s cubic-bezier(.645,.045,.355,1); transition: all 0.5s cubic-bezier(.645,.045,.355,1); height: 62px; width: 62px; line-height: 62px; } .featured-imagebox.featured-imagebox-service .ttm-box-bottom-content .featured-desc{padding-top: 5px;} /* style1*/ .featured-imagebox.featured-imagebox-services.style1.ttm-box-view-before-image { display: block; padding: 0 15px; max-width: 25%; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; transition-timing-function: ease-in-out; box-shadow: none; } .featured-imagebox.featured-imagebox-services.style1.ttm-box-view-before-image.active { max-width: 50%; } .featured-imagebox.featured-imagebox-services.style1.ttm-box-view-before-image:first-child { padding-left: 0; } .featured-imagebox.featured-imagebox-services.style1.ttm-box-view-before-image .featured-imagebox-service-inner { padding: 7px; display: flex; flex-wrap: wrap; width: 275px; background-color: #fff; } .featured-imagebox.featured-imagebox-services.style1.ttm-box-view-before-image .featured-imagebox-service-inner { overflow: hidden; position: relative; } .featured-imagebox.featured-imagebox-services.style1.ttm-box-view-before-image.active .featured-imagebox-service-inner { width: 552px; box-shadow: 0 0 25px 0 rgba(41,61,88,.09); } .featured-imagebox.featured-imagebox-services.style1.ttm-box-view-before-image.active .featured-thumbnail { width: calc(50% - 8px); } .featured-imagebox.featured-imagebox-services.style1.ttm-box-view-before-image.active .featured-content { width: 50%; } .featured-imagebox.featured-imagebox-services.style1.ttm-box-view-before-image .featured-thumbnail{ width: 100%; position: relative; } .featured-imagebox.featured-imagebox-services.style1.ttm-box-view-before-image .ttm-icon { position: absolute; right: 0; bottom: 0; width: 80px; height: 80px; text-align: center; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); margin-bottom: 0; } .featured-imagebox.featured-imagebox-services.style1.ttm-box-view-before-image:hover .ttm-icon { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); bottom: 5%; } .featured-imagebox.featured-imagebox-services.style1.ttm-box-view-before-image .ttm-icon i { font-size: 42px; } .featured-imagebox.featured-imagebox-services.style1.ttm-box-view-before-image .featured-content { overflow: hidden; position: relative; } .featured-imagebox.featured-imagebox-services.style1.ttm-box-view-before-image .featured-content-inner { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 32px 25px 20px 30px; } /* imagebox-event */ .featured-imagebox.featured-imagebox-event .featured-content-event{padding: 25px 25px 25px;} .featured-imagebox-event.ttm-box-view-top-image .featured-content-event i {padding-right: 9px;float: left;padding-top: 7px;} .featured-imagebox-event.ttm-box-view-top-image .featured-content-event .ttm-event-meta-dtstart, .ttm-event-meta-item span.sep, .featured-imagebox-event.ttm-box-view-top-image .featured-content-event .ttm-event-meta-dtend{display: table-cell;float: left;} .featured-imagebox-event.ttm-box-view-top-image .featured-content-event .ttm-event-meta-dtend{position: relative;padding-left: 22px;} .featured-imagebox-event.ttm-box-view-top-image .featured-content-event .ttm-event-meta-dtstart{padding-bottom: 8px;} .featured-imagebox-event.ttm-box-view-top-image .featured-content-event .ttm-event-meta-dtend:before { content: ""; height: 16px; width: 1px; background-color: rgba(0,0,0,.09); display: block; position: absolute; left: 10px; top: 4px; } .featured-content-event .tribe-events-vanue { display: block; width: 100%; clear: both; border-top: 1px solid rgba(201,201,201,.39); padding-top: 8px; margin-top: 30px; font-size: 16px; } .featured-content-event .tribe-events-vanue i{padding-left: 2px;padding-right: 6px;} .ttm-event-meta-item span.sep{ display: none; } .featured-imagebox-event.ttm-box-view-top-image .featured-content-event , .featured-imagebox-event.ttm-box-view-top-image .featured-content-event i {font-size: 13px;} /* imagebox-post */ .featured-imagebox.featured-imagebox-post{ padding: 0; margin: 10px 0 30px; border: 15px solid; -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; } .ttm-post-featured-outer{position: relative;overflow: hidden;} .featured-imagebox-post.ttm-box-view-top-image .ttm-box-post-date { position: absolute; display: inline-block; bottom: 10px; width: 61px; height: 61px; text-align: center; text-transform: uppercase; font-size: 12px; padding-top: 9px; left: 10px; } .featured-imagebox-post.ttm-box-view-top-image .ttm-box-post-date span { display: block; font-size: 25px; line-height: 24px; } .featured-imagebox-post.ttm-box-view-top-image .ttm-post-featured-outer .featured-thumbnail img{ transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); } .featured-imagebox-post.ttm-box-view-top-image:not(.post-slide-gallery):hover .ttm-post-featured-outer .featured-thumbnail img{ transform: scale3d(1.05,1.05,1.05); -webkit-transform: scale3d(1.05,1.05,1.05); -moz-transform: scale3d(1.05,1.05,1.05); -ms-transform: scale3d(1.05,1.05,1.05); -o-transform: scale3d(1.05,1.05,1.05); } .featured-imagebox-post.ttm-box-view-top-image .featured-content-post{ padding: 25px 5px 11px;} .post-meta { padding: 7px 3px 3px 0; display: block; padding-top: 16px; margin: 16px 0 4px 0; border-top: 1px solid #f0f0f0; font-size: 14px; } .post-meta.above-title{ padding-bottom: 8px; padding-top: 0; margin: 0; border-top: none; } .post-meta .ttm-meta-line {padding-right: 23px;position: relative;} .post-meta .ttm-meta-line i{padding-right: 4px;} .post-meta .ttm-meta-line:not(:last-child):after{ position: absolute; content: "|"; right: 8px; top: -3px; color: #eaeaea; } .featured-imagebox-post.style2.ttm-box-view-top-image .featured-content-post{padding: 20px 10px 20px;} /* style1 */ .featured-imagebox.style1 .ttm-box-post-date { display: inline-block; padding: 3px 20px 7px 20px; z-index: 2; font-size: 14px; background-color: #9dca00 !important; position: relative; top: -20px; left: 15px; width: unset; height: unset; bottom: 0; text-transform: capitalize; font-family: "lato",Arial,Helvetica,sans-serif !important; } .featured-imagebox.style1 .post-meta { border-top: 1px solid #f0f0f0; border-bottom: 1px solid #f0f0f0; padding: 6px 0; } .featured-imagebox.style1 .featured-content-post { padding: 0; } .featured-imagebox.style1 .ttm-box-desc { position: relative; } .featured-imagebox.style1 .ttm-box-heading { padding: 9px 20px 0 33px; } .featured-imagebox.style1 .ttm-box-heading:before { position: absolute; content: ""; height: 100%; width: 3px; left: 15px; } .featured-imagebox.style1 .ttm-box-desc-text { padding: 23px 15px 0 12px; } .featured-imagebox.style1 .ttm-box-desc-footer{ padding: 15px 0; } .featured-imagebox.style1:hover .ttm-box-desc-footer a{ color: #2b343b; } .featured-imagebox.style1 { box-shadow: 0 0 10px 0 rgba(43,52,59,.05); margin-top: 20px; } .featured-imagebox.style1:hover { box-shadow: 0 0 20px rgba(0,0,0,.10); } /* blog-2 */ .featured-imagebox-blog.style2 { box-shadow: 0 0 10px 0 rgba(43,52,59,.05); background-color: #fff; margin-bottom: 30px; } .featured-imagebox-blog.style2 .featured-content { padding: 13px 27px 9px; } .featured-imagebox-blog.style2 .featured-content .post-meta { border-top: 0; padding: 0 0 1px 0; margin: 0 0 7px 0; } .featured-imagebox-blog.style2 .featured-thumbnail img { transform: unset; transition: unset; } .featured-imagebox-blog.style2 .ttm-post-format-video { padding-bottom: 103.25%; padding-top: 25px; height: 0; } .featured-imagebox-blog.style2 .featured-content .ttm-btn.ttm-btn-size-sm { padding-top: 9px; padding-bottom: 5px; margin-top: 6px; margin-top: 6px; } .featured-imagebox-blog.style2 .featured-content .featured-desc p { padding-top: 4px; margin-bottom: 0px; } /* imagebox-team */ .featured-imagebox-team{position: relative;overflow: hidden;} .featured-imagebox-team {margin-bottom: 5px;margin-top: 5px;} .featured-imagebox-team .ttm-team-box-view-overlay {position: relative;} .featured-imagebox-team .ttm-team-box-view-overlay:before { content: ''; background: linear-gradient(to bottom,rgba(4,62,76,0) 0%,rgba(43,52,59,.9) 100%); width: 100%; height: 100%; opacity: 0; position: absolute; top: 100%; left: 0; z-index: 2; transition-property: top,opacity; } .featured-imagebox-team .featured-thumbnail{position: relative;overflow: hidden;} .featured-imagebox-team .ttm-box-view-overlay.ttm-team-box-view-overlay .featured-thumbnail img { -webkit-filter: grayscale(100%); filter: grayscale(100%); width: 100%; } .featured-imagebox-team .ttm-team-box-view-overlay .featured-content-team { padding: 10px 20px; padding-bottom: 0; position: absolute; z-index: 2; width:100%; bottom: 0; opacity: 0; text-align: center; } .featured-imagebox-team .ttm-team-box-view-overlay .featured-title {padding-top: 20px;} .featured-imagebox-team .ttm-team-box-view-overlay .featured-title h5 {font-size: 24px;line-height: 30px;margin-bottom: -1px;} .featured-content-team .ttm-team-position {font-size: 13px;} .featured-imagebox-team .ttm-social-links-wrapper ul {margin: 14px 0;} .featured-imagebox-team .ttm-social-links-wrapper ul li a { border-radius: 50%; width: 33px; height: 33px; padding: 0; line-height: 33px; font-size: 12px; text-align: center; background-color: transparent; border: 1px solid #fff; margin: 0 3px; display: block; } .featured-imagebox-team:hover .ttm-team-box-view-overlay .featured-content-team>div, .featured-imagebox-team:hover .ttm-team-box-view-overlay:before { opacity: 1; } .featured-imagebox-team:hover .ttm-team-box-view-overlay:before, .featured-imagebox-team:hover .ttm-team-box-view-overlay .featured-content-team>div { top: 0; } .featured-imagebox-team:hover .featured-content-team { opacity: 1; bottom: 20px; } .featured-imagebox-team:hover .ttm-box-view-overlay.ttm-team-box-view-overlay .featured-thumbnail img { -webkit-filter: grayscale(0%); filter: grayscale(0%); transition-delay: 0.1s; } .featured-imagebox-team.ttm-team-box-view-overlay{overflow: hidden;position: relative;margin-top: 0;margin-bottom: 0;} .featured-imagebox-team .featured-imagebox-team-inner{position: relative;overflow: hidden;} .featured-imagebox-team.ttm-team-box-view-overlay .ttm-box-view-overlay:before { background: rgba(43,52,59,1) none repeat scroll 0 0 padding-box content-box; content: ""; height: 100%; width: 0; opacity: 0; padding: 15px; position: absolute; left: 50%; top: 0; -webkit-transition: all 500ms cubic-bezier(.47,0,.745,.715); -moz-transition: all 500ms cubic-bezier(.47,0,.745,.715); -o-transition: all 500ms cubic-bezier(.47,0,.745,.715); transition: all 500ms cubic-bezier(.47,0,.745,.715); } .featured-imagebox-team.ttm-team-box-view-overlay.ttm-box-view-top-image .ttm-box-view-overlay:before{padding: 0;} .featured-imagebox-team.ttm-team-box-view-overlay .featured-iconbox { padding: 14px 18px; text-align: center; width: 100%; z-index: 9; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .featured-imagebox-team.ttm-team-box-view-overlay .featured-iconbox a { display: inline-block; font-size: 16px; height: 43px; width: 43px; line-height: 43px; padding: 0; margin: 0 4px; text-align: center; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; -webkit-transform: translateY(50px); -moz-transform: translateY(50px); -ms-transform: translateY(50px); -o-transform: translateY(50px); transform: translateY(50px); opacity: 0; visibility: hidden; } .featured-imagebox-team.ttm-team-box-view-overlay:hover .ttm-box-view-overlay:before {opacity: .8;width: 100%;left: 0;} .featured-imagebox-team.ttm-team-box-view-overlay:hover .featured-iconbox{opacity: 1;} .featured-imagebox-team.ttm-team-box-view-overlay:hover .featured-iconbox a{ opacity: 1; visibility: visible; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .featured-imagebox-team.ttm-team-box-view-overlay.ttm-box-view-top-image .ttm-box-bottom-content{ padding: 17px 25px 18px; position: relative; text-align: left; } .featured-imagebox-team.ttm-team-box-view-overlay.ttm-box-view-top-image .ttm-box-bottom-content:before{ position: absolute; bottom: 100%; transform: translateX(-50%); content: ""; display: inline-block; width: 0; height: 0; border-style: solid; border-width: 0 15px 15px 15px; border-color: transparent transparent #fff transparent; z-index: 1; top: -14px; left: 42px; } .featured-imagebox-team.ttm-team-box-view-overlay.ttm-box-view-top-image .category{ color: #8d9297; margin-top: 0; font-size: 13px; margin-bottom: 0; } .featured-imagebox-team.ttm-team-box-view-overlay-style2 .ttm-team-style2-box-view-overlay { position: relative; overflow: hidden; margin-bottom: 17px; transition: all 500ms ease; background-color: #2b343b; } .featured-imagebox-team.ttm-team-box-view-overlay-style2 .ttm-team-style2-box-view-overlay img {transition: .5s ease;} .featured-imagebox-team.ttm-team-box-view-overlay-style2:hover .ttm-team-style2-box-view-overlay img { opacity: .5; } .featured-imagebox-team.ttm-team-box-view-overlay-style2 .ttm-social-links-wrapper { background-color: #9dca00; position: absolute; bottom: -20%; margin: auto; left: 0; right: 0; width: 90%; padding: 2px; text-align: center; border-radius: 0; transition: .5s ease; z-index: 2; } .featured-imagebox-team.ttm-team-box-view-overlay-style2:hover .ttm-social-links-wrapper {bottom: 5%;} .ttm-team-style2-box-view-overlay .ttm-social-links-wrapper ul { margin: 0; padding: 3px 0; text-align: center; } .featured-imagebox-team.ttm-team-box-view-overlay-style2 .ttm-social-links-wrapper ul li a { margin: 0; font-size: 16px; border: none; } .featured-imagebox-team.ttm-team-box-view-overlay-style2 .featured-content-team { text-align: center; padding-bottom: 15px; } .featured-imagebox-team.ttm-team-box-view-overlay-style2 .featured-title{padding-top: 0;} .featured-imagebox-team.ttm-team-box-view-overlay-style2 .featured-title h5 { font-size: 19px; line-height: 25px; padding-bottom: 0; } .featured-imagebox-team.ttm-team-box-view-overlay-style2 .ttm-team-position {color: #9dabaf;} /*style3*/ .featured-imagebox-team.ttm-team-box-view-overlay-style3 { text-align: center; position: relative; padding: 42px 40px 45px 40px; border-radius: 5px; overflow: hidden; background-color: #fff; -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.1); -moz-box-shadow: 0 0 12px 0 rgba(0,0,0,.1); box-shadow: 0 0 10px 0 rgba(43,52,59,.1); margin: 15px 0; } .featured-imagebox-team.ttm-team-box-view-overlay-style3:before{ position: absolute; content: ''; background-repeat: no-repeat; -webkit-mask-box-image: url(../images/quote_2.svg); height: 159px; width: 158px; bottom: 15px; left: 15px; text-align: left; opacity: 0; transition: all 0.2s ease 0s; -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; } .featured-imagebox-team.ttm-team-box-view-overlay-style3:hover:before{ opacity: 1; } .featured-imagebox-team.ttm-team-box-view-overlay-style3 .featured-thumbnail { width: 180px; height: 180px; margin: 0 auto; border-radius: 50%; } .featured-imagebox-team.ttm-team-box-view-overlay-style3 .featured-content { padding-top: 30px; } .featured-imagebox-team.ttm-team-box-view-overlay-style3 .ttm-team-position { color: #9dabaf; } .featured-imagebox-team.ttm-team-box-view-overlay-style3 ul { margin: 0; padding: 3px 0; text-align: center; } .featured-imagebox-team.ttm-team-box-view-overlay-style3 ul li a{ margin: 5px 0 0; line-height: 26px; font-size: 16px; border: 0; } .featured-imagebox-team.ttm-team-box-view-overlay-style3 ul li a:hover { background-color: transparent !important; } .featured-imagebox-team.ttm-team-box-view-overlay-style3 ul li a i{ color: #86898c; } /* ttm-box-view-left-image */ .featured-imagebox.ttm-box-view-left-image .featured-title h5{line-height: 30px;margin-bottom: 10px;} /* team-details */ .featured-imagebox-team-details .featured-content-data { padding: 35px 30px 20px; border: 1px solid rgba(201,201,201,.39); border-top: none; margin-bottom: 70px; } .featured-imagebox-team-details .featured-content-data .featured-title h5{font-size: 23px;line-height: 30px;margin-bottom: 0;} .featured-content-data .ttm-team-position{ font-size: 15px; color: #8d9297; margin-bottom: 10px; } .featured-content-data ul.ttm-team-details-list{padding-left: 0;} .featured-content-data ul.ttm-team-details-list li{ position: relative; font-size: 16px; line-height: 24px; padding: 13px 0 13px 0; border-bottom: 1px solid rgba(201,201,201,.39); width: 100%; font-weight: 500; } .featured-content-data .ttm-team-social-links-wrapper { display: block; clear: both; padding-top: 20px; padding-bottom: 10px; } .ttm-team-social-links-wrapper ul li:not(:first-child){margin-left: 10px;} .ttm-team-social-links-wrapper ul li a { display: block; background-color: transparent; font-size: 15px; width: 35px; height: 35px; text-align: center; line-height: 35px; color: #fff; border: 1px solid transparent; border-radius: 50%; margin-right: 0; } /* =============================================== 13.Processbox ------------------------*/ .ttm-processbox-wrapper { display: -webkit-flex; display: -ms-flexbox; display: flex; position: relative; } .processbox-section_1 .ttm-processbox-wrapper { padding-top: 10px; } .ttm-processbox-wrapper .ttm-processbox { width: calc(100% / 3); padding: 0 15px; position: relative; text-align: center; } .ttm-processbox-wrapper .ttm-processbox .ttm-box-image {position: relative;} .ttm-processbox-wrapper .ttm-processbox .ttm-box-image:before { display: block; content: ''; position: absolute; right: -51px; top: 50%; height: 30px; width: 72px; background-image: url(../images/process-icon-img1.png); background-repeat: no-repeat; } .ttm-processbox-wrapper .ttm-processbox .ttm-process-image { position: relative; display: inline-block; border: 1px solid #f0f0f0; border-radius: 50%; } .ttm-processbox-wrapper .ttm-processbox img { width: 162px; height: 162px; border-radius: 50%; border: 10px solid #fff; box-shadow: 0 0 25px 0 rgba(24,35,51,.09); } .ttm-processbox-wrapper .ttm-processbox .process-num { margin-right: 5px; font-size: 17px; font-weight: 700; background-color: #2b343b; color: #fff; width: 44px; height: 44px; line-height: 44px; border-radius: 50%; border: none; display: block; text-align: center; position: absolute; left: 2px; top: 10px; z-index: 10; transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; } .ttm-processbox-wrapper .featured-content {text-align: center;padding: 0 15px;margin-top: 24px;} .ttm-processbox-wrapper .ttm-processbox .featured-title h5 {margin-bottom: 15px;} .ttm-processbox-wrapper .ttm-processbox:last-child .ttm-box-image:before{content:unset} /* =============================================== 14.Progress-Bar ------------------------*/ .ttm-progress-bar{ position: relative; } .ttm-progress-bar{ margin: 0 0 15px 0; } .ttm-progress-bar:not(:last-child){ margin-bottom: 30px; } .ttm-progress-bar .progress .progress-bar.progress-bar-color-bar_black { background-color: #414141; } .ttm-progress-bar h4 { top: -35px; left: 0; font-size: 17px; color: #5d6576; font-weight: 400; margin-bottom: 10px; letter-spacing: 1.2px; } .ttm-progress-bar i{position: absolute;font-size: 21px;} .ttm-progress-bar .progress {background-color: #c0c0c1;border-radius: 10px;height: 7px;} .ttm-progress-bar .progress-parcent { position: absolute; right: 0; color: #0a0a0a; z-index: 3; text-shadow: none; font-size: 17px; padding: 2px 0; border-radius: 0; top: 0; } .ttm-icon-left-true.ttm-progress-bar h4{ margin-left: 35px; } .ttm-progress-bar.ttm-icon-left-true{ margin-bottom: 24px; } /* =============================================== 15.Testimonial ------------------------*/ .testimonial-slide{background-color: rgba(0,0,0,.08);padding: 13px 31px 32px;} .testimonial-slide.text-center{padding: 0;} .testimonials{position: relative;} .testimonial-caption h6{font-size: 18px;line-height: 20px;margin-bottom: 0;color: #35382f;font-style: normal;} .testimonial-caption label{font-size: 13px;} .testimonials .testimonial-content blockquote { border: none; margin: 0; outline: none; text-align: left; position: relative; color: #7d7d7d; font-style: italic; font-weight: 400; padding: 0; padding-left: 70px; margin: 0; font-size: 20px; background-color: transparent; line-height: 32px; } .testimonials .testimonial-content blockquote:before { position: absolute; content: "“"; font-family: "Playfair Display", serif; font-size: 120px; line-height: 120px; top: 0; left: 0%; background-color: transparent; margin-top: -15px; } .testimonials .testimonial-avatar .testimonial-img img { height: 81px; width: 81px; border: 3px solid #fff; -webkit-box-shadow: 0 0 10px 0 rgba(3,59,74,.1); -moz-box-shadow: 0 0 10px 0 rgba(3,59,74,.1); box-shadow: 0 0 10px 0 rgba(3,59,74,.1); border-radius: 50%; position: relative; } .testimonials .testimonial-content{position: relative;padding: 15px 0px 25px 0;} .testimonials .ttm-author-box{ padding-bottom: 50px; margin-left: 75px; margin-right: 20px; display: block; width: 100%; padding-top: 16px; } .testimonials .ttm-author-box .testimonial-avatar, .testimonials .ttm-author-box .testimonial-caption{ display: inline-block; text-align: left; float: left; } .ttm-author-box .testimonial-caption{padding-top: 18px;margin-left: 22px;} .testimonials.style2 .testimonial-content{padding-top: 25px;} .testimonials.style2 .testimonial-content blockquote{padding-top: 60px;padding-bottom: 30px;} .testimonials.style2 .testimonial-content blockquote:before{right: 0;text-align: center;} /* style3*/ .testimonials.style3 .testimonial-content { padding: 8px 0px 25px 0; } .testimonials.style3 .testimonial-content blockquote { border: none; outline: none; text-align: left; position: relative; color: #7d7d7d !important; font-style: normal; font-weight: 400; padding: 0; padding-left: 0; margin: 0; font-size: 16px; background-color: transparent; line-height: 26px; margin-left: 75px; } .testimonials.style3 .testimonial-content:before { position: absolute; background-repeat: no-repeat; -webkit-mask-box-image: url(../images/quote.svg); content: ''; left: 2px; top: 25px; width: 40px; height: 28px; float: left; background-color: #2b343b; } .testimonials.style3 .testimonial-content:after { content: ""; height: 23px; width: 23px; position: absolute; top: 15px; left: 5px; z-index: -1; } .testimonials.style3 .testimonial-content blockquote:before { background-color: #9dca00; content: ""; display: table; } .testimonial-slide.style1 { background-color: transparent; padding: 0; } .testimonial-slide.style1 .testimonial-caption h6 { font-size: 18px; line-height: 20px; margin-bottom: 0; color: #35382f; font-style: normal; display: inline; } .testimonial-slide.style1 .testimonial-caption label{ display: inline-block; color: #86898c; font-size: 15px; line-height: 26px; font-style: italic; padding-left: 19px; } .testimonials.style3 .ttm-author-box .testimonial-caption { padding-top: 0; margin-left: 0; font-size: 19px; line-height: 26px; } .testimonial-slide.style1.owl-theme .owl-dots { position: absolute; left: -30px; top: 20%; width: 20px; padding: 0; margin: 0; bottom: 30px; text-align: center; } .testimonial-slide.style1.owl-theme .owl-dots .owl-dot:before { width: 20px; height: 20px; top: -6px; background: #fff; left: -6px; } .testimonial-slide.style1.owl-theme .owl-dots .owl-dot.active:before { background-color: transparent; } .testimonial-slide.style1.owl-theme .owl-dots:after { content: ''; background-color: #dadbdc; height: calc(100% + 55px); position: absolute; width: 1px; top: -40px; left: 9px; z-index: -1; } .testimonial-slide.style1.owl-theme .owl-dots .owl-dot { margin: 10px 4px; width: 8px; height: 8px; top: 20px; position: relative; z-index: 11; } /* style4*/ .testimonials.style4 .testimonial-content{ padding: 45px; margin: 0 34px; } .testimonials.style4 .testimonial-content .testimonial-content-inner:before { position: absolute; content: ''; height: 59px; width: 69px; top: 0px; left: 50%; text-align: center; background-image: url(../images/quote_1.png); } .testimonials.style4 .testimonial-content .testimonial-content-inner{ padding-top: 45px; } .testimonial-slide.style2 { background-color: transparent; padding: 0; margin: 0; margin-top: 28px; } .testimonials.style4 .testimonial-content blockquote{ text-align: center; border-left: none; margin: 0 10px 20px; padding: 0 102px; color: #86898c !important; font-style: normal; } .testimonials.style4 .testimonial-content blockquote:before{ content: unset; } .testimonials.style4 .ttm-author-box { padding-top: 0; margin: 0; padding-bottom: 0; } .testimonials.style4 .ttm-author-box .testimonial-caption{ margin-left: 0; padding-top: 6px; display: block; float: none; text-align: center; } .testimonials.style4 .ttm-author-box .testimonial-caption h6{ font-size: 21px; line-height: 30px; margin-bottom: 3px; color: #9dca00; } .testimonials.style4 .ttm-author-box .testimonial-caption label{ font-size: 15px; color: #7d7d7d; } /* =============================================== 16.Client-row ------------------------*/ .client-title.section-title{ display: inline-block; transform: translate(0,50%); z-index: 1; background-color: #fff; padding: 0 25px; } .client-title.section-title h2{margin-bottom: -6px;} .ttm-clints-row-wrapper{ padding: 30px 20px 30px 20px; border-style: solid; border-width: 9px 9px 9px 9px; border-color: #f7f9fa; margin-left: 5px; margin-right: 5px; } .client {padding: 10px 0 10px;} .ttm-client-logo {padding: 8px 8px;} .ttm-client-logo img{max-width: 100%;height:auto;} .client.style2 {padding: 40px 0 40px;} .client.style3 {padding: 50px 0 50px;} /* =============================================== 17.Accordion ------------------------*/ .wrap-acadion .accordion { margin-top: 15px; } .accordion .toggle .toggle-title{ font-size: 17px; line-height: 1; cursor: pointer; padding: 14px 20px; font-weight: 400; margin-bottom: 0; position: relative; } .accordion .toggle-title a{ color: #fff;} .accordion .toggle-title a i{ margin-right: 14px; } .accordion .toggle.ttm-style-classic .toggle-title{ border: 1px solid #f7f7f7;background-color: transparent;} .toggle-content p{ margin-bottom: 0; } .toggle-content ul li{ list-style: disc; } .accordion .toggle:not(:first-child) .toggle-title{ margin-top: 10px; } .accordion .toggle:not(:last-child):not(.active) .toggle-title{ margin-bottom: 10px; } .accordion .toggle .toggle-title:after { position: absolute; font-family: "themify"; right: 20px; content: "\e61a"; font-weight: bold; font-size: 16px; } .accordion .toggle.active .toggle-title:after {content: "\e622";font-family: "themify";} .accordion .toggle-content {display: none;padding: 14px 20px;overflow: hidden;} .accordion .ttm-style-classic.ttm-toggle-title-border .toggle-title{ background-color: transparent; border: 2px solid rgba(227,227,227,.7); } .accordion .toggle.ttm-style-classic.ttm-toggle-title-border .toggle-title{ padding: 28px 25px;padding-right: 40px; } .accordion .toggle.ttm-style-classic.ttm-toggle-title-border:not(:first-child) .toggle-title{margin-top: -2px;} .accordion .toggle.ttm-style-classic.ttm-toggle-title-border:not(:last-child) .toggle-title{margin-bottom: -2px;} .accordion .ttm-style-classic.ttm-toggle-title-border .toggle-content{ border: 2px solid transparent; -webkit-box-sizing: content-box; box-sizing: content-box; display: none; overflow: hidden; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); -webkit-transition: padding .2s ease-in-out; -o-transition: padding .2s ease-in-out; transition: padding .2s ease-in-out; padding-top: 0; padding-bottom: 25px; } .accordion .ttm-style-classic.ttm-toggle-title-border.active .toggle-content{border-top: none;} .accordion .ttm-style-classic.ttm-toggle-title-border.active .toggle-title{border-bottom: none;background-color: transparent;} .accordion .toggle.ttm-toggle_style_befault.ttm-toggle-title-bgcolor-grey .toggle-title { font-size: 18px; padding-left: 20px; line-height: 30px; letter-spacing: .5px; border-radius: 3px; padding: 10px 35px 10px 20px; -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; font-family: "Prata",Arial,Helvetica,sans-serif; } .accordion .toggle.ttm-toggle_style_befault.ttm-toggle-title-bgcolor-grey .toggle-title:after { font-size: 12px; } /* =============================================== 18.Wrap-Form ------------------------*/ .wrap-form label{width: 100%;margin: 0;} .wrap-form span.text-input { margin-bottom: 15px; display: block; padding-top: 5px; position: relative; } /* quote-form */ .ttm-quote-form input[type="text"], .ttm-quote-form textarea, .ttm-quote-form select { border: 1px solid #f8f9fa; background-color: #f8f9fa; width: 100%; font-size: 13px; } .ttm-quote-form .text-input textarea{ min-height: 100%; } .ttm-quote-form button{ margin-top: 10px; } .ttm-quote-form .text-input input::placeholder, .ttm-quote-form .text-input textarea::placeholder{ color: #828282; } .ttm-quote-form input[type="submit"] { padding: 10px 40px; margin-top: 5px; width: 100%; } .wrap-form.ttm-contactform span.text-input i { position: absolute; left: 0; top: 20px; opacity: .9; font-size: 16px; z-index: 1; } .wrap-form.ttm-contactform span.text-input input, .wrap-form.ttm-contactform span.text-input textarea { background-color: transparent; border: none; border: 1px solid rgba(119,119,119,.2); border-radius: 0; padding: 9px 15px; } .wrap-form.ttm-contactform input[type="submit"] { margin-top: 20px; } /* discount-form */ .wrap-form.ttm-discount-form input, .wrap-form.ttm-discount-form select{ background-color: rgba(0,0,0,.12); border-color: transparent; } .wrap-form.ttm-discount-form input:focus{ border-color: transparent; } .wrap-form.ttm-discount-form input[type="submit"] { margin-top: 23px; padding: 11px 28px; font-size: 14px; font-weight: 600; border: 1px solid; text-decoration: none; background-color: transparent!important; } .wrap-form.ttm-discount-form span.text-input { margin-bottom: 0; display: block; padding-top: 4px; position: relative; } /* =============================================== 19.Tab ------------------------*/ .ttm-tabs {width:100%; } .ttm-tabs .section-title{ padding-bottom: 0; } .ttm-tabs ul{ margin: 0; padding: 0; } .ttm-tabs.style2 ul{ display: block; margin-bottom: 35px;} .ttm-tabs ul.tabs li{ display: inline-block;margin-right: 10px; } .ttm-tabs ul.tabs li a{ display: block; cursor: pointer; padding: 10px 25px; margin-bottom: 5px; line-height: 22px; width: auto; position: relative; z-index: 3; border-radius: 3px; color: #2b343b; -webkit-transition: all 0.3s; transition: all 0.3s; font-size: 14px; font-weight: 500; text-transform: uppercase; border: 1px solid #e0e0e0; } .ttm-tabs:not(.ttm-tabs-style-classic) ul.tabs li a{ border-radius: 2em; color: #182333; font-weight: 600; font-size: 14px; } .ttm-tabs ul.tabs li a i{ font-size: 18px; margin-right: 9px; position: relative; top: 2px; } .ttm-tabs ul.tabs li a span{ font-size: 18px; font-weight: normal; } .tab-padding-box{ padding-top: 105px; padding-left: 40px; padding-right: 40px; padding-bottom: 70px; } .ttm-tabs .content-tab{ margin-top: 20px; width: 100%;} .ttm-tabs .content-tab h6{ font-size: 15px; line-height: 28px; margin-bottom: 29px; padding-bottom: 7px; } .ttm-tabs.style2 .tabs{ margin-bottom: 30px; padding-left: 0px} .ttm-tabs.style2.full-width .tabs{ padding-left: 10px } .ttm-tabs.style2 .content-tab{ padding: 0; } .ttm-tabs.style2 .row.ttm-boxes-spacing-10px{ padding: 0; } .ttm-tabs.style2 ul.tabs li { margin-right: 7px; background: transparent; padding: 0; margin-bottom: 5px;} .ttm-tabs.style2 ul.tabs li a { display: block; cursor: pointer; padding: 8px 25px; line-height: 22px; position: relative; z-index: 3; color: #1c1c1c; -webkit-transition: all 0.3s; transition: all 0.3s; background-color: transparent; font-size: 14px; font-weight: 600; border: 1px solid rgba(0,0,0,.2); text-transform: uppercase; } /* ttm-tab-style-vertical */ .ttm-tabs.ttm-tab-style-vertical .content-tab{ padding: 0; margin: 0;} .ttm-tabs.ttm-tab-style-vertical ul.tabs li { margin-top: 1px; width: 100%; display: block;} .ttm-tabs.ttm-tab-style-vertical ul.tabs li a{ background-color: #2a2a2a; color: #fff; letter-spacing: 1.2px; padding: 14px 20px; text-transform: uppercase; font-size: 18px; line-height: 27px; margin: 0; border-radius: 0;} /* ttm-tab-style-horizontal */ .ttm-tabs.ttm-tab-style-horizontal ul{ margin: 0; padding: 0; display: -webkit-flex; display: flex; } .ttm-tabs.ttm-tab-style-horizontal ul.tabs li{ margin-right: 6px; display: inline-block; } .ttm-tabs.ttm-tab-style-horizontal ul.tabs li:last-child{ margin-right: 0; } .ttm-tabs.ttm-tab-style-horizontal ul.tabs li a{ padding: 16px 18px 15px 18px; font-size: 15px; border-radius: 5px; letter-spacing: 1.2px; border: none; color: #fff; display: block; text-align: left;} .ttm-tabs.ttm-tab-style-horizontal .content-tab img{ height: 150px; width: 150px; } .ttm-tabs-style-classic ul.tabs{ display:-webkit-flex; display: flex;margin-bottom: 30px!important;} .ttm-tabs-style-classic .content-tab{padding-top: 14px;padding-bottom: 14px; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); -webkit-transition: padding .2s ease-in-out; -o-transition: padding .2s ease-in-out; transition: padding .2s ease-in-out;} .ttm-tabs-style-classic ul.tabs li{-webkit-flex: 1 1 auto;flex: 1 1 auto;margin-right: 15px;text-align: center;} .ttm-tabs-style-classic ul.tabs li:last-child{margin-right: 0;} .ttm-tabs-style-classic ul.tabs li a { padding: 12px 25px; border: none; text-transform: capitalize; -webkit-transition: background .2s ease-in-out,color .2s ease-in-out; -o-transition: background .2s ease-in-out,color .2s ease-in-out; transition: background .2s ease-in-out,color .2s ease-in-out; } .ttm-tabs-style-classic ul.tabs li a:after { display: block; content: ""; position: absolute; bottom: -7px; left: 50%; width: 13px; height: 13px; border-width: 0 0 1px 1px; -webkit-transform: translateX(-50%) rotate(-45deg); -moz-transform: translateX(-50%) rotate(-45deg); -ms-transform: translateX(-50%) rotate(-45deg); -o-transform: translateX(-50%) rotate(-45deg); transform: translateX(-50%) rotate(-45deg); -webkit-transition-delay: 0.07s; -moz-transition-delay: 0.07s; -o-transition-delay: 0.07s; transition-delay: 0.07s; } .ttm-tabs-style-classic.ttm-tabs-bgcolor-grey ul.tabs li a, .ttm-tabs-style-classic .panel-title a{border-color: #e3e3e3;background-color: #ebebeb;color: #666;} .ttm-tabs-style-classic.ttm-tabs-bgcolor-grey ul.tabs li:not(.active) a:hover {background-color: #f8f9fa;color: #8d8d8d;} .ttm-tabs-style-classic a i { font-size: 18px; line-height: 0; display: inline; position: relative; margin-right: 0; } .ttm-tabs-style-classic a i:after { content: ""; height: 20px; width: 1px; background-color: rgba(120,120,120,.5); display: block; position: absolute; right: -13px; top: 0; } .ttm-tabs-style-classic a span {margin-left: 25px!important;font-size: 16px;letter-spacing: .5px;transition: unset;} .tab-inner-heading{ width: max-content; padding-left: 25px; color: #fff; float: right; position: absolute; right: 0; top: 30px; text-align: center; padding: 5px 20px 7px 20px; font-size: 17px; line-height: 25px; } /* =============================================== 20.Boxes-Spacing ------------------------*/ .row.ttm-boxes-spacing-10px{ margin: 0px -1px;} .ttm-boxes-spacing-10px .ttm-box-col-wrapper { padding-right: 5px; padding-left: 5px; margin: 0 0 10px; } .row.ttm-boxes-spacing-10px.style2{ padding: 10px 0 0; margin: 0 -5px; } .row.ttm-boxes-spacing-5px{ padding: 10px 5px 0px; margin: 0;} .ttm-boxes-spacing-5px .ttm-box-col-wrapper { padding-right: 2.5px; padding-left: 2.5px; margin-bottom: 5px; } .row.ttm-boxes-spacing-5px.style2{ padding: 5px 0 0; margin: 0 -5px; } .ttm-boxes-spacing-30px .ttm-box-col-wrapper {padding: 15px;} /* =============================================== 21.Pricing-Plan ------------------------*/ .ttm-pricing-plan { background-color: #fafafa; -webkit-border-radius: 0; -webkit-background-clip: padding-box; -moz-border-radius: 0; -moz-background-clip: padding; border-radius: 0; border: 2px solid #f0f0f0; background-clip: padding-box; 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: 0 0 30px; margin-bottom: 20px; } .ttm-ptablebox-price-w { position: relative; display: block; margin-top: 37px; margin-bottom: 8px; padding: 0 40px; } .ttm-ptablebox-title {padding: 23px 15px 8px;} .ttm-ptablebox-title h3 {font-size: 20px;line-height: 30px;} .ttm-ptablebox-desc{background-color: #f7f9fa; padding: 13px;margin-top: 20px;} .ttm-pricing-plan .ttm-ptablebox-price {font-size: 40px;line-height: 50px;} .ttm-pricing-plan .ttm-ptablebox-frequency:before {content: '/ ';font-size: 40px;line-height: 50px;} .ttm-pricing-plan .ttm-ptablebox-cur-symbol-after, .ttm-pricing-plan .ttm-ptablebox-cur-symbol-before {font-size: 20px;font-weight: 600;} .ttm-pricing-plan .ttm-ptablebox-cur-symbol-before { position: absolute; top: 0; } .ttm-currency-before .ttm-ptablebox-price { padding-left: 20px; font-size: 50px; line-height: 40px; font-weight: 600; } .ttm-pricing-plan .ttm-ptablebox-frequency { position: relative; padding-left: 0; font-weight: 500; font-size: 20px; } .ttm-ptablebox-price, .ttm-ptablebox-frequency, .ttm-pricing-plan .ttm-ptablebox-cur-symbol-after, .ttm-pricing-plan .ttm-ptablebox-cur-symbol-before { display: inline-block; } .ttm-ptablebox-features .ttm-feature-lines { list-style-type: none; margin: 0; padding: 12px 0 20px 0; } .ttm-ptablebox-features .ttm-feature-lines li { padding: 0; margin: 0; padding-top: 15px; border-bottom: 1px solid #f1f1f1; padding-bottom: 14px; } .price_btn{ display: block; padding-top: 21px; margin-bottom: 11px;} .ttm-ptablebox-featured-col{ border: 2px solid; z-index: 1; margin-right: -2px; margin-left: -2px; } /* =============================================== 22.Sidebar ------------------------*/ .ttm-sidebar-left div.content-area { float: right; } .ttm-sidebar-left div.widget-area { float: left; } .sidebar .widget-area .widget { position: relative; margin: 40px 0 40px; } .sidebar .widget a { font-weight: 500; font-size: 15px; } .sidebar .widget ul>li:last-child{ padding-bottom: 0 !important; } .sidebar .content-area{ padding-top: 65px; padding-bottom: 55px; } .sidebar .sidebar-right, .sidebar .sidebar-left{ margin-top: -37px; padding-top: 60px; padding-bottom: 70px; float: right; } .sidebar .sep_holder .sep_line{ border-color: #ebebeb; } /*author-widget*/ .ttm-author-widget { text-align: center; } .ttm-author-widget .author-widget_img img{ margin-bottom: 20px; width: 175px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; border: 5px solid #fff; } .ttm-author-widget .author-name { font-size: 21px; line-height: 26px; margin-bottom: 11px; font-weight: 400; } .ttm-author-widget .author-widget_text { margin: 0; padding: 0 2px; padding-bottom: 25px; } /*widget-search*/ .sidebar .widget.widget-search{ position: relative; } .sidebar .widget.widget-search .search-form label { display: block; } .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 .input-text { border: 1px solid #fff; border-radius: 0; padding: 10px 15px; -webkit-box-shadow: 0 0 10px 0 rgba(3,59,74,.05); -moz-box-shadow: 0 0 10px 0 rgba(3,59,74,.05); box-shadow: 0 0 10px 0 rgba(3,59,74,.05); } .widget.widget-search label i { position: absolute; right: 0; background: #cd4949; cursor: pointer; padding: 13px 14px; font-size: 18px; z-index: 1; /* left: 0; */ top: 0; } /*default-search*/ .widget.widget-search {margin: 25px 0 15px;} .widget.widget-search .search-form {position: relative;} .widget.widget-search label { max-width: 100%; margin-bottom: 5px; font-weight: 700; display: block; } .search-form .search-field { position: relative; width: 100%; height: 55px; border: 1px solid #e9e6e6; background: #fff; box-shadow: 0 0 21px 0 rgba(1,1,1,.04); padding: 0 20px; } /*widget-categories*/ .sidebar .widget_product_categories li, .sidebar .widget-categories li { position: relative; margin: 5px 0; padding-bottom: 5px!important; } .sidebar .widget_product_categories li:not(:last-child), .sidebar .widget-categories li:not(:last-child){border-bottom: 1px solid #f1f1f1;} .widget-categories li a{ display: inline-block; position: relative; padding-left: 20px; } .widget-categories li a:before { display: block; height: 1px; margin-top: 0; content: ''; position: absolute; top: 50%; left: 0; width: 7px; background-color: #2b343b; } .sidebar .widget_product_categories li span, .sidebar .widget-categories li span { position: absolute; top: 3px; right: 0; width: 23px; height: 23px; color: #fff; overflow: hidden; z-index: 1; font-size: 11px; letter-spacing: 0; font-weight: 600; line-height: 14px; text-align: center; padding: 4px 3px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; -ms-border-radius: 20px; border-radius: 20px; } /* tagcloud-widget */ .sidebar .widget .tagcloud a { display: inline-block; padding: 7px 25px; margin: 0 5px 10px; border: 1px solid #e4e4e4; border-radius: 2em; font-size: 14px!important; background-color: #fff; font-weight: 700; color: #86898c; } /* widget-nav-menu */ .widget.widget-nav-menu ul li{ padding: 0px!important; border: 1px solid #eee; border-bottom: none; background-color: #fff; } .widget.widget-nav-menu ul li:hover a{padding-left: 25px;} .widget.widget-nav-menu ul li a{ display: block; padding: 15px 20px; position: relative; background-color: #fff; z-index: 1; font-weight: 600; font-size: 15px; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; } .widget.widget-nav-menu ul li a:after { content: "\e649"; font-family: "themify"; font-style: normal; font-weight: 400; position: absolute; top: 15px; right: 20px; font-size: 9px; background-color: transparent; } /* post-widget */ .sidebar .widget ul.ttm-recent-post-list>li:not(:last-child) { border-bottom: 1px solid #f1f1f1; } .sidebar .widget .widget-title{border-bottom: 2px solid #f1f1f1;display: block; padding-bottom: 5px;} .sidebar .widget .widget-title:after { display: block; height: 2px; margin-top: 0; margin-bottom: -2px; content: ''; position: absolute; bottom: 0; left: 1px; width: 60px; background-color: #18c471; } .sidebar ul.contact-widget-wrapper li i { position: absolute; top: 6px; left: 0; font-size: 20px; } .sidebar ul.contact-widget-wrapper li { padding-left: 37px; position: relative; padding-top: 0; padding-bottom: 10px; line-height: 29px; font-size: 15px; } /* flicker-widget */ .flicker-widget .ttm-flicker-widget-wrapper a { overflow: hidden; display: block; margin: 0 5px 0 0; width: 75px; height: 75px; display: inline-block; background: none; } /* product-list-widget */ .sidebar .top-rated-products ul.product-list-widget > li{ border-top: 1px solid #f1f1f1; padding-bottom: 12px; padding-top: 12px; margin: 0; list-style: none; } .sidebar .top-rated-products ul.product-list-widget > li:first-child{border-top: none;padding-top: 0;} .sidebar .top-rated-products li a{ display: block; } .sidebar .top-rated-products li a img{ width: 80px; float: left; margin-left: 0; margin-right: 15px; } .products.top-rated-products .star-ratings ul li{padding-bottom: 0;} .products.top-rated-products .star-ratings ul{margin-top: -5px;} .Price-amount.amount ins {padding: 2px 4px;} /* pagination */ .ttm-pagination { display: block; margin-bottom: 15px; margin-top: 10px; text-align: center; } .ttm-pagination .page-numbers { width: 43px; height: 43px; line-height: 40px; text-align: center; display: inline-block; background-color: #fff; color: #35382f; font-size: 15px; font-weight: 600; border: 2px solid #eaebec; border-radius: 50px; 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; } /* =============================================== 23.Products ------------------------*/ .products {clear: both;} .ttm-product-box{ margin-bottom: 35px;border: 1px solid #f0f0f0;} .ttm-product-box-inner {position: relative;overflow: hidden;} .products-result-count {float: left;margin-top: 13px;} .products-ordering { margin-bottom: 36px; float: right; } .products-ordering select{ background-color: #fff; text-indent: 0; -webkit-appearance: none; -moz-appearance: none;position: relative;} .products-ordering .orderby{ position: relative; } .products-ordering .orderby:after{ content: '\f0d7'; font-family: FontAwesome; display: inline-block; position: absolute; right: 25px; top: 14px; } .ttm-product-box-inner .ttm-product-image-box{position: relative;overflow: hidden;} .products .product .ttm-shop-icon { position: absolute; right: 0; bottom: 15px; visibility: hidden; -webkit-transition: .6s; transition: .6s; opacity: 0; padding: 5px; border-radius: 25px; background: #fff; z-index: 1; -webkit-box-shadow: 0 0 15px 0 rgba(40,61,88,.07); -moz-box-shadow: 0 0 15px 0 rgba(40,61,88,.07); box-shadow: 0 0 15px 0 rgba(40,61,88,.07); } .products .product:hover .ttm-shop-icon {right: 15px;visibility: visible;opacity: 1;} .products .product:hover .ttm-product-image-box img{ -webkit-transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1); -ms-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); transform: scale(1.1,1.1); } .products .product .ttm-shop-icon a, .products .product .ttm-product-content .add-to-cart-btn a:after{ display: inline-block; width: 36px; height: 36px; font-size: 15px; line-height: 36px; text-align: center; padding: 0; margin: 0; background: none; font-weight: 500; letter-spacing: 1px; transition: none; padding-left: 0; border-radius: 50%; color: #8d8d8d; } .products .product .ttm-product-content .add-to-cart-btn a:after{ content: "\e60d"; font-family: "themify"; position: absolute; right: 15px; bottom: 30%; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; -ms-transition: all .3s; transition: all .3s; } .products .product .ttm-product-box .ttm-product-content { text-align: left; padding: 18px 50px 13px 18px; border-top: 1px solid #f0f0f0; position: relative; } .products .product .ttm-product-box .ttm-product-content .ttm-product-title h2{ padding: 0; margin: 0; font-size: 16px; font-weight: 500; padding-bottom: 0; line-height: 20px; -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; } .products .price .product-Price-amount {font-size: 15px;} .products .price del .product-Price-amount {font-size: 13px;text-decoration: line-through;} .products .price ins {text-decoration: none;padding: 2px;} .price del .product-Price-amount {color: #888;text-decoration: line-through;} .price ins, .Price-amount.amount ins {text-decoration: none;padding-left: 7px;} /*.price ins .product-Price-amount, .price del .product-Price-amount{font-size: 23px;}*/ .products .product .star-ratings {font-size: 9px;letter-spacing: 1px;} .products .star-ratings ul{ padding: 0; margin: 0; } .products .star-ratings ul li{ display: inline-block;color: #ffdd20; } .products .star-ratings ul li i{ font-size: 10px; } .product .onsale { height: 26px; width: 52px; line-height: 28px; color: #fff; text-align: center; font-size: 12px; text-transform: uppercase; display: inline-block; vertical-align: top; border-radius: 0; padding-top: 0; position: absolute; top: 20px; right: 20px; left: 20px; z-index: 1; margin: -2.5px -5px; min-height: auto; font-weight: 400; } /* single-product-details */ .ttm-single-product-details {background-color: #fff;margin-bottom: 30px;} .ttm-single-product-info {padding: 30px 0px;} .product .product-gallery{position: relative;overflow: hidden;} div.product.ttm-single-product-details div.images { width: 48%;float: left;} div.product.ttm-single-product-details div.summary {width: 48%;float: right;position: relative;} div.product.ttm-single-product-details .product-gallery__image img{height: auto;max-width: 100%;} .ttm-single-product-details div.images .product-gallery__image:nth-child(n+2) { width: 25%; display: inline-block; margin-top: 5px; padding: 3px; } .screen-reader-text { clip: rect(1px,1px,1px,1px); position: absolute!important; height: 1px; width: 1px; overflow: hidden; } div.product .summary .price .Price-amount { font-size: 22px;} div.product .summary .product-rating {float: right;margin-bottom: 15px;} .summary .star-rating { float: left; padding: 0; margin: 0; margin-right: 5px; } .summary .star-rating li{ display: inline-block; font-size: 12px; color: #ffdd20; } .product-rating a.review-link{ overflow: hidden; float: left; top: 0; right: 0; position: absolute; padding-top: 1.5em; } .product_meta { padding-top: 17px; border-top: 1px solid #ddd; margin-top: 15px; } .ttm-single-product-details .product-details__short-description { margin-top: 20px; margin-bottom: 50px; } .summary form.cart { margin-top: 30px; margin-bottom: 30px; } div.product form.cart div.quantity { float: left; margin: 0 8px 0 0; } .quantity .qty { height: 41px; width: 88px; text-align: center; } .sku_wrapper {margin-right: 10px;} .posted_in { font-weight: 700; } .posted_in a { font-weight: 400; } .tabs-for-single-products.ttm-tabs{ padding: 0 30px 30px 0px; } div.product ul.tabs li a { font-weight: 400; color: #515151; padding: 13px 30px; font-size: 16px; font-weight: 400; color: #fff; font-size: 16px; border-color: #e4e4e4; background-color: #f9f9f8; border-radius: 3px; border: 1px solid #e4e4e4; position: relative; } div.product ul.tabs li { margin: 0 2px; } div.product ul.tabs li a{color: #fff !important;border-radius: 0!important;} div.product ul.tabs li.active a, div.product ul.tabs li:hover a { color: #2b343b !important; } div.product ul.tabs li:hover a {background-color: #fff!important;} div.product ul.tabs li a:before{ position: absolute; content: ''; left: 0; top: -1px; width: 100%; height: 3px; opacity: 0; } div.product ul.tabs li.active a:before{opacity: 1;} div.product .ttm-tabs .content-inner h2 { font-size: 25px; } div.product .ttm-tabs .content-tab{ background: #fff!important; margin-top: 0; padding: 30px; border: 1px solid #ececec; border-radius: 0; margin-top: -5px; width: 100%; } .related.products { margin-top: 50px; } .related.products h2 { font-size: 28px; font-weight: 600; line-height: 40px; padding-bottom: 15px; } #reviews #comments ol{ margin: 0; padding: 0; } #reviews #comments ol.commentlist li img.avatar { width: 65px; } #reviews #comments ol.commentlist li img.avatar { float: left; position: absolute; top: 0; left: 0; padding: 3px; background: #ebe9eb; border: 1px solid #e4e1e3; margin: 0; box-shadow: none; } div.product #reviews .star-rating { margin: 0; margin-top: 7px; float: right; } #reviews #comments ol.commentlist li { padding: 0; margin: 0 0 20px; position: relative; border: 0; color: #ffdd20; } #reviews #comments ol.commentlist li .comment-text { border: 1px solid #e4e1e3; padding: 1em 1em 0; border-radius: 0; margin-left: 80px; } #reviews #comments ol.commentlist li .comment-text p.meta { font-size: 16px; color: #828c96; margin-bottom: 9px; } div.product .Reviews .star-rating { margin: 0; margin-top: 7px; float: right; } .comment-form-rating { padding-bottom: 20px;} .comment-form-rating .stars{ margin-bottom: 15px; color: #ffdd20;} #review_form_wrapper .comment-reply-title { font-size: 18px; line-height: 20px; color: #283d58; } .product .comment-form .comment-form-author, .product .comment-form .comment-form-email, .product .comment-form .comment-form-url { position: relative; float: none; width: 100%; } #review_form_wrapper .comment-respond p { margin: 0 0 10px; } #reviews #review_form_wrapper select { width: 154px !important; } #reviews #comment { height: 75px; } #review_form_wrapper .comment-respond .form-submit { margin-top: 30px; } table { border-collapse: collapse; border-spacing: 0; vertical-align: middle; width: 100%; margin: 0 0 1.75em; } table tbody tr, table thead tr { border: 1px solid #e6e6e6; } table tbody th { border-right: 1px solid #e6e6e6; } table.shop_attributes th { width: 150px; font-weight: 700; padding: 8px; border-top: 0; border-bottom: 1px dotted rgba(0,0,0,.1); margin: 0; line-height: 1.5; } table.shop_attributes td { font-style: italic; border-top: 0; border-bottom: 1px dotted rgba(0,0,0,.1); margin: 0; padding-left: 10px; line-height: 1.5; } table.shop_attributes td p { margin: 0; padding: 8px 0; } /* Cart */ .ttm-cart-form, .checkout{ margin: 0; background-color: #fff; } .shop_table{ border: 1px solid rgba(0,0,0,.1); margin: 0 -1px 24px 0; text-align: left; width: 100%; border-collapse: separate; border-radius: 0px; } table.shop_table tbody tr, table.shop_table thead tr { border: 1px solid #e6e6e6; } table.shop_table th { font-weight: 700; padding: 9px 12px; line-height: 1.5em; border-top: 1px solid rgba(0,0,0,.1); } table.shop_table td { border-top: 1px solid rgba(0,0,0,.1); padding: 5px 10px; vertical-align: middle; line-height: 1.5em; } table.shop_table .product-thumbnail img{ width: 32px; height: auto; } table.shop_table td.actions{ text-align: right; } table.shop_table td.actions .input-text { width: 150px; float: left; } .quantity { height: 41px; width: 88px; } .coupon { float: left;} .coupon .input-text{ float: left; margin: 0 4px 0 0; } .actions button, .coupon button , a.checkout-button{ border: 0; } .coupon button , a.checkout-button, button.cart_button{ padding: 15px 30px 15px; font-weight: 600; font-size: 14px; line-height: 1; text-align: center; border-radius: 2em; } button.cart_button{ padding: 11px 40px; } .cart-collaterals { margin-top: 60px; } .cart-collaterals .cart_totals { float: right; width: 48%; } .cart_totals h2 { margin-bottom: 15px; font-size: 28px; } a.checkout-button { display: block; } a.remove { display: block; font-size: 1.5em; height: 1em; width: 1em; text-align: center; line-height: 1; border-radius: 100%; color: red; text-decoration: none; font-weight: 700; border: 0; } a.remove:hover { color: #fff; background: red;} /* checkout */ .form-row .required { color: red; font-weight: 700; border: 0!important; text-decoration: none; } form .form-row { padding: 3px; margin: 0 0 6px; } .checkout h3#order_review_heading { margin-bottom: 30px; margin-top: 15px; } .checkout #payment { background: #ebe9eb; border-radius: 5px; } ul.payment_methods { text-align: left; padding: 1em; border-bottom: 1px solid #d3ced2; margin: 0; list-style: none outside; } #payment .payment_box { position: relative; box-sizing: border-box; width: 100%; padding: 1em; margin: 1em 0; font-size: .92em; border-radius: 2px; line-height: 1.5; background-color: #dfdcde; color: #515151; } #payment div.form-row { padding: 1em; } .checkout-process-div{ margin: 16px 0; overflow: hidden; } .checkout-button-separator{ display: block; opacity: .5; margin: 0 0 16px; } .coupon_toggle .coupon_code{ padding: 1em 2em 1em 3.5em; margin: 0 0 2em; position: relative; border-top: 3px solid; } .coupon_toggle .coupon_code:before{ display: inline-block; position: absolute; top: 1em; left: 1.5em; content: "\e67c"; font-family: 'themify'; } .checkout-form input[type="text"], .checkout-form input[type="tel"], .checkout-form input[type="email"]{line-height: normal;} .checkout .billing-fields h3, .checkout .additional-fields h3 {font-size: 28px;} .checkout-form.checkout-form-row-first, .checkout-form.checkout-form-row-last{ width: 47%; overflow: visible; } .checkout-form.checkout-form-row-first{float: left;} .checkout-form.checkout-form-row-last{float: right;} .checkout-form .required { color: red; font-weight: 700; border: 0!important; text-decoration: none; } #payment div.checkout-form { padding: 1em; } /* =============================================== 24.static-box ------------------------*/ .ttm-static-box-wrapper .ttm-featureplan-image { position: relative; overflow: hidden; } .ttm-feature-plans .ttm-plan-price { position: absolute; width: 0; height: 0; border-top: 100px solid #9dca00; border-left: 100px solid transparent; top: 0; right: -29px; } .ttm-feature-plans .ttm-plan-price .ttm-price { position: relative; top: -103px; right: 69px; display: block; color: #fff; -khtml-transform: rotate(40deg); -moz-transform: rotate(40deg); -ms-transform: rotate(40deg); -o-transform: rotate(40deg); transform: rotate(40deg); font-size: 17px; font-weight: 500; } .ttm-feature-plans .ttm-static-box-content { padding: 10px 15px; text-align: center; margin-top: -1px; } .ttm-feature-plans .ttm-static-box-content h5 { color: #fff; margin: 0; padding: 0; font-size: 17px; } /* =============================================== 25.panel ------------------------*/ .ttm-panel{padding: 0 15px;} .panel-row{display: none;} .panel-heading { margin-bottom: 30px; border-color: #f0f0f0; background-color: #f8f8f8; border: 1px solid #f1f1f1; -webkit-transition: background .2s ease-in-out; -o-transition: background .2s ease-in-out; transition: background .2s ease-in-out; } .panel-title { font-size: 17px; font-weight: 400; margin: 0; } .panel-title > a { background: 0 0; display: block; padding: 14px 20px; -webkit-box-sizing: border-box; box-sizing: border-box; text-decoration: none; color: inherit; position: relative; -webkit-transition: color .2s ease-in-out; -o-transition: color .2s ease-in-out; transition: color .2s ease-in-out; border: none; -webkit-box-shadow: none; box-shadow: none; } /* === link-list == ------------------------*/ .list-style-disc {list-style-type: disc !important;} .list-style-decimal {list-style-type: decimal!important;} ul.ttm-list { list-style: none; padding: 0; padding-left: 0; } .ttm-list.ttm-list-style-icon li i { position: absolute; left: 0px; top: 5px; } .ttm-list.ttm-list-style-icon li { padding-left: 19px; list-style: none; position: relative; padding-bottom: 10px; } /*** Color Switcher Style ==================================================================== ***/ .prt_floting_customsett { position: fixed; top: 50%; right: 0; padding: 3px 0 10px; margin: -89px 0 0; background-color: #fff; box-shadow: 0 6px 12px rgb(0 0 0 / 25%); z-index: 99999; } .tmtheme_fbar_icons { display: block; position: relative; width: 55px; height: 45px; line-height: 52px; text-align: center; } .tmtheme_fbar_icons i { display: inline-block; vertical-align: middle; transition: .3s; font-size: 21px; color: #232323; } .tmtheme_fbar_icons > span { display: block; position: absolute; right: 100%; top: 0; background-color: #fff; box-shadow: 0 6px 12px rgb(0 0 0 / 25%); opacity: 0; visibility: hidden; font-size: 16px; color: #232323; transform: translateX(-5px); transition: 0.5s ease; padding: 0 20px; } .tmtheme_fbar_icons > span >span { padding-left: 5px; } .tmtheme_fbar_icons > span:after { content: ''; position: absolute; top: -2px; bottom: -10px; right: -15px; width: 15px; background-color: #fff; height: 55px; } .tmtheme_fbar_icons:hover > span { opacity: 1; visibility: visible; transform: translateX(0); } .tm-desctext { position: absolute; top: 30px; background-color: #fff; max-width: 400px; right: 30px; padding: 30px 50px 23px 30px; text-align: left; } .tm-desctext:before { display: block; content: ""; position: absolute; width: 6px; height: 100%; left: 0; top: 0; background-color: #ffb120; } .tm-iocnbox-btn { font-size: 18px; line-height: 26px; margin-top: 15px; }