/*------------------------------------------------------------------- Theme Name: Multi-Touch Multipurpose HTML Template Theme URI: http://codexcoder.com/ Author: CodexCoder Author URI: http://codexcoder.com/ Description: Multi-Touch is a multi page html template Version: 1.0.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: html, template, Multi-Touch --------------------------------------------------------------------- */ /* Table of contents ---------------------------------------------------------------------- * 1 - Google Font * 2 - Global Styles * 2.1 - Headings * 2.2 - Section Styles * 2.3 - Dropcaps * 2.4 - Block Quotes * 2.5 - List Style * 2.6 - Buttons * 2.7 - Background bg * 2.8 - Media Styles * * 3 - ShortCode * 3.1 - Accordion * 3.2 - Feature Box * 3.3 - General * 3.3.1 - Social * 3.3.2 - Paginations * 3.3.3 - Brands * 3.3.4 - Testimonial * 3.3.5 - Promo Box * * 3.4 - Price Table * 3.5 - Progress Bar * 3.6 - Tabs * ` * 3.7.1 - Blog Categories * 3.7.2 - Popular Post * 3.7.3 - Twitter Widget * 3.7.4 - Tags Widget * 3.7.5 - Flickr Widget * 3.7.6 - Slideshow * 3.7.7 - Contact * 3.7.8 - Calendar * 3.7.9 - Contact Info * 3.7.10 - Login * 3.7.11 - Popular Products * 3.7.12 - Archive * 3.7.13 - Text Widget * 3.7.14 - Search Widget * 3.7.15 - Recent Comments * 3.7.16 - RSS Feed Widget * * 4 - Main Navigation * 4.1 - Header * 4.2 - Logo * 4.3 - Primary Menu * 4.4 - Mega Menu * 4.5 - Top Search * 4.6 - Top Cart * 4.7 - Top Fix Menu * 4.8 - Mini Top Bar * 4.9 - Dark Menu * 4.10 - Transparent Menu * 4.11 - Shop Menu * 4.12 - Resurgent Menu * 4.13 - Agency Menu * 4.14 - Top Contact No * * 5 - Breadcrumb Area * 6 - Slider * 6.1 - Rev Slider * 6.2 - Bootstrap Slider * * 7 - Home v1 * 7.1 - Feature Box * 7.2 - Isotope v1 * 7.3 - Team Members * 7.3.1 - Team Members v2 * 7.3.2 - Team Members v3 * 7.3.3 - Team Members - v4 Chefs * * 7.4 - Working Process * 7.5 - Why Choose * 7.6 - Client-logo * 7.7 - Fun Facts * * 8 - Home v2 * 8.1 - Work * 8.2 - Feature * 8.3 - Skill * * 9 - Home v3 * 9.1 - Recent News * * 10 - Home v4 * 10.1 - Product Slide * 10.1.1 - Product Details * * 10.2 - Product Filter * 10.3 - Watch Video * 10.4 - Recent News * 10.5 - Hot Menu Imem * * 11 - Home v5 * 11.1 - Services * 11.2 - Fun Facts * 11.3 - Latest Twitter * * 12 - Home v6 * * 13 - Foter * 13.1 - Footer Social * 13.2 - Footer Widget * 13.3 - Footer CopyRight * 13.4 - Footer Contact Area * 13.5 - Footer Social Btn * * 14 - Blog * 14.1 - Blog Col-1 * 14.1.1 - Quote Post * 14.1.2 - Twitter Feed * * 14.2 - Blog Sidebar * 14.3 - Blog Single * 14.3.1 - Post Comment * * 15 - Portfolio * 16 - Contact * 17 - 404 Error * * 18 - Shop Page * 18.1 - Shop Index * 18.1.1 - Promo Box * 18.1.2 - Single Product * 18.1.3 - News * * 18.2 - Shop Category * 18.3 - Shop Category Col-2 * 18.4 - Shop List * 18.5 - Product Details * 18.5.1 - Related Product Carousel * * 18.6 - Product Cart * 18.7 - Shop Page Footer * * 19- One Page * 20 - Coming Soon * 21 - Creative Team Memeber and testimonial * 22 - Creative Testimonial * 23 - Responsive Styles * ---------------------------------------------------------------------- */ /* 1 - Google Font ------------------------------------------------------------------------*/ /*@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700,900,300italic,400italic,700italic,900italic);*/ /* 1 - End Google Font ------------------------------------------------------------------------*/ /* 2 - Global Styles ---------------------------------------------------------------------- */ html,body { font-family: 'Lato', sans-serif; font-size: 16px; color: #5d5d5d; word-wrap: break-word; } a, .btn { -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; } a { color: #87919c; } a:focus { color: inherit; outline:none; outline-offset:0; text-decoration: none; } a:hover { color: #53c5d5; text-decoration: none; } p { color: #5d5d5d; font-size: 0.875rem; line-height: 24px; margin-bottom: 20px; text-shadow: 1px 1px 1px rgba(0,0,0,0.004); text-rendering: optimizeLegibility !important; -webkit-font-smoothing: antialiased !important; } p a { color: #53c5d5; text-decoration: underline; } mark { background: #53c5d5; color: #fff; padding: 3px 4px 6px; } b, strong { font-weight: 900; } hr { border-color: #edf0f3; } img { max-width: 100%; height: auto; } .fs-lightbox-content > img { max-width: inherit; } /*ul { padding-left: 0; list-style: none; } article ul { padding-left: inherit; list-style: inherit; }*/ .overlay { background-color: rgba(0,0,0,.6); position: relative; z-index: 1; } .white-bg { background: #fff!important; position: relative; z-index: 1; } .gray-bg { background-color:#fafafa!important; } .base-bg { background-color: #53c5d5!important; } .line-through { text-decoration: line-through; } .circle { border-radius: 100%; } .section-padding { padding: 100px 0; } .inline { display: inline-block; } .text-upc { text-transform: uppercase; } .text-cap { text-transform: capitalize; } .o-hide {overflow: hidden;} section+hr, .section-padding+hr { margin: 0; } .m0 { margin: 0 !important; } .lm0 { margin-left: 0 !important;} .rm0 { margin-right: 0 !important;} .tm0 { margin-top: 0 !important;} .bm0 { margin-bottom: 0 !important;} .bm10 { margin-bottom: 10px !important;} .bm15 { margin-bottom: 15px !important;} .bm30 { margin-bottom: 30px !important;} .bm50 { margin-bottom: 50px !important;} .tm50 { margin-top: 50px !important;} .tm100 { margin-top: 100px !important;} .bm100 { margin-bottom: 100px !important;} .tm30 { margin-top: 30px !important;} .mauto { margin-left: auto !important; margin-right: auto !important; } .lm-15 { margin-left: -15px !important; } .p0 { padding: 0 !important; } .lp0 { padding-left: 0 !important; } .rp0 { padding-right: 0 !important; } .tp0 { padding-top: 0 !important; } .bp0 { padding-bottom: 0 !important; } .lrp15 { padding-left: 15px !important; padding-right: 15px !important; } .lrp25 { padding-left: 25px !important; padding-right: 25px !important; } .lrp30 { padding-left: 30px !important; padding-right: 30px !important; } .p15 { padding: 15px; } .p30 { padding: 30px; } .tp70 { padding-top: 70px !important; } .tp60 { padding-top: 60px !important; } .bp60 { padding-bottom: 60px !important; } .pt50, .tp50 { padding-top: 50px !important; } .tp40 { padding-top: 40px !important; } .tp20 { padding-top: 20px !important; } .bp50 {padding-bottom: 50px !important; } @media (max-width: 992px) { .md-bm30 { margin-bottom: 30px !important; } .md-bm50 { margin-bottom: 50px !important; } .md-tm50 { margin-top: 50px !important; } .md-no-pull { float: none !important } .md-hide { display: none !important } } @media (max-width: 768px) { .sm-bm30 { margin-bottom: 30px !important; } .sm-bm50 { margin-bottom: 50px !important; } .sm-no-pull { float: none !important } .sm-hide { display: none !important } } @media (max-width: 480px) { .xs-full { width: 100% !important } .xs-bm30 { margin-bottom: 30px !important; } .xs-bm50 { margin-bottom: 50px !important; } .xs-no-pull { float: none !important } .xs-hide { display: none !important } } .mf-width { max-width: 100% !important; } .f-width { width: 100% !important; } .dtable { display: table; } .dblock { display: block; } .dinline { display: inline; } .diblock { display: inline-block; } .img-center { display: inline-block; margin: 0 auto; } /* 2.1 - Headings ------------------------------------------- */ h1 { font-size: 3.75rem; } h2 { font-size: 2.25rem; } h3 { font-size: 1.5rem; } h4 { font-size: 1.375rem } h5 { font-size: 1.125rem; } h6 { font-size: 1rem; } .overlay h1, .overlay h2, .overlay h3, .overlay h4, .overlay h5, .overlay h6, .dark-v h1, .dark-v h2, .dark-v h3, .dark-v h4, .dark-v h5, .dark-v h6 { color: #fff; } h1 > span, h2 > span, h3 > span, h4 > span, h5 > span, h6 > span { color: #474f50; } h1, h2, h3, h4, h5, h6{ font-weight: 700; } .dark-v h1 > span, .dark-v h2 > span, .dark-v h3 > span, .dark-v h4 > span, .dark-v h5 > span, .dark-v h6 > span { color: #53c5d5; } /* 2.1 - End Headings ------------------------------------------- */ /* 2.2 - Section Styles ------------------------------------------- */ .section-title, .section-description { text-align: center; max-width: 580px; margin: 0 auto; margin-bottom: 50px; } .section-title { font-weight: 700; margin-bottom: 20px; color: #212627; text-transform: uppercase; } .section-title span { font-weight: 700; color: #53c5d5; } .section-title-btm { position: relative; text-align: center; height: 40px; } .section-title-btm:after, .section-title-btm:before { position: absolute; content: ''; width: 90px; height: 1px; border-bottom: 1px solid #e5e5e5; top: 3px; left: 50%; } .section-title-btm:after { margin-left: 15px; } .section-title-btm:before { margin-left: -105px; } .section-title-btm i { width: 11px; height: 13px; display: inline-block; position: absolute; left: 50%; margin-left: -5px; top: -3px; border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; -webkit-transform: skew(-30deg); -moz-transform: skew(-30deg); -ms-transform: skew(-30deg); -o-transform: skew(-30deg); transform: skew(-30deg); } .section-title-btm i:after{ position: absolute; content: ''; left:50%; height: 13px; width: 1px; border-right: 1px solid #e5e5e5; } .overlay .section-title, .overlay .section-title span, .overlay .section-description, .base-bg .section-description, .base-bg .section-title { color: #fff; } .box-layout { max-width: 1200px; margin: auto; clear: both; box-shadow: 0px 0px 1px 1px rgba(0,0,0,.1); background: #cfc url('../images/bg-pattern.png') repeat fixed; } .box-layout section { background: #fff; } .box-layout .mini-top-bar .contact-details li:first-child { border-left: 0; } /* 2.2 - End Section Styles ------------------------------------------- */ /* 2.3 - Dropcaps ------------------------------------------- */ .dropcap { display: block; float: left; text-align: center; font-size: 4.88rem; font-weight: 700; height: 60px; width: 60px; line-height: 60px; margin-top: 7px; margin-right: 10px; } .dropcap.v1 { color: #53c5d5; } .dropcap.v2 { color: #9ba4a5; } .dropcap.v3, .dropcap.v4 { color: #fff; background: #474f50; font-size: 2rem; } .dropcap.v4 { background: #53c5d5; border-radius: 100%; } .green { color: #53c5d5; font-size: 3.75rem; } .light { font-weight: 500; color: #fff; font-size: 3.75rem; } .black { background-color: rgba(17, 17, 17, 0.62); padding: 5px 10px; margin: 0 !important; } .white { color: #fff; } .font-black { color: #111 !important; } /* 2.3 - End Dropcaps ------------------------------------------- */ /* 2.4 - Block Quotes ------------------------------------------- */ /*quote v1*/ .quote.v1 { border: 1px solid #e7eef1; padding: 30px; } .quote.v1, .quote.v2 { position: relative; margin-bottom: 40px; } .quote.v1:before, .quote.v2:before, .quote.v2:after { content: "\f10e"; position: absolute; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: 3.125rem; color: #ecf0f1; width: 90px; height: 90px; border: 2px solid #ecf0f1; border-radius: 100%; text-align: center; line-height: 86px; } .quote.v1 .content { padding: 0 50px 0 120px; } .quote.v1 .title { font-size: 1.5rem; font-weight: 700; } .quote.v1 .title, .quote.v1 p{ font-style: italic; } .quote.v1 p { margin-bottom: 15px; } .quote.v1 .about .name { font-size: 1.125rem; font-weight: 700; } .quote.v1 .about .designation { font-size: 0.875rem; color: #9ba4a5; } /*quote v2*/ .quote.v2 { border: 1px solid #e7eef1; margin-left: 40px; } .quote.v2 blockquote { border-left: 10px solid #53c5d5; margin: 0; padding: 40px 75px; } .quote.v2:before, .quote.v2:after { font-size: 2.625rem; border: 0; } .quote.v2:before { content: "\f10d"; } .quote.v2:after { right: 0; bottom: 0; } /* 2.4 - End Block Quotes ------------------------------------------- */ /* 2.5 - List Style ------------------------------------------- */ /*list v1*/ .list li { position: relative; margin-left: 25px; margin-bottom: 15px; } .list li:before { position: absolute; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: 15px; width: 16px; height: 16px; background: #53c5d5; color: #fff; text-align: center; line-height: 15px; top: 4px; left: -25px; border-radius: 100%; padding-left: 2px; } .list.v1 li:before { content: "\f105"; } /*list v3*/ .list.v3 li:before, .list.v4 li:before { content: "\52"; font-family: 'ElegantIcons'; background: inherit; color: #53c5d5; padding: 0; } /*list v2*/ .list.v2 li:after, .list.v2 li:before { content: ""; } .list.v2 li:before { top: 5px; width: 12px; height: 12px; } .list.v2 li:after { top: 7px; left: -23px; width: 8px; height:8px; border-radius: 100%; background: #53c5d5; position: absolute; border: 1.5px solid #fff; } /*list v4*/ .list.v4 li:before { content: "\39"; } /* 2.5 - End List Style ------------------------------------------- */ /* 2.6 - Buttons ------------------------------------------- */ .btn-container { margin-bottom: 20px; } .btn { border-radius: 0; margin: 10px; } .btn:active, .btn.active { box-shadow: none; } .btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus { outline: 0; color: #fff; } .btn-default { border: 0; } .btn.btn-sm { font-size: 0.875rem; padding: 8px 25px; } .btn.btn-md { font-size: 1.125rem; padding: 10px 40px; } .btn.btn-lg { font-size: 1.625rem; padding: 15px 100px; } .btn.btn-full { width: 100%; margin: auto; } /*Button bg*/ .btn-bg { color: #fff; } .btn-bg.btn-default { background: #9ba4a5; border: 1px solid #e7eef1; } .btn-bg.btn-deep-ash { background: #474f50; border: 1px solid #474f50; } .btn-bg.btn-blue { background: #53c5d5; border: 1px solid #53c5d5; } .btn-bg.btn-green{ background: #27ae60; border: 1px solid #27ae60; } .btn-bg.btn-yellow{ background: #f39c12; border: 1px solid #f39c12; } .btn-bg.btn-red{ background: #e74c3c; border: 1px solid #e74c3c; } .btn-bg.btn-black{ background: #000; border: 1px solid #000; } /*Button Hover*/ .btn-bg:hover { background: transparent; } .btn-icon { font-size: 0.875rem; position: relative; } .btn-icon i { position: absolute; top: 4px; margin-left: 5px; } /*Redius*/ .redius { border-radius: 3px; } /*stroke*/ .btn-bg.stroke { background: transparent; color: #474f50; } .btn-bg.stroke:hover { background: #53c5d5; color: #fff; border-color: transparent; } /* 2.6.1 - 3D Rectangle --------------------------- */ .btn-bg.ractangle-3d { color: #fff; } /*default btn*/ .btn-bg.btn-default.ractangle-3d { background: #9ba4a5; border: 1px solid #9ba4a5; } .btn-bg.btn-default.ractangle-3d { box-shadow: 0 6px #8a8e8e; } .btn-bg.btn-default.ractangle-3d:hover { box-shadow: 0 4px #8a8e8e; } .btn-bg.btn-default.ractangle-3d:focus, .btn-bg.btn-default.ractangle-3d:active { box-shadow: 0 0 #8a8e8e; } /*deep-ash*/ .btn-bg.btn-deep-ash.ractangle-3d { background: #474f50; border: 1px solid #474f50; } .btn-bg.btn-deep-ash.ractangle-3d { box-shadow: 0 6px #263646; } .btn-bg.btn-deep-ash.ractangle-3d:hover { box-shadow: 0 4px #263646; } .btn-bg.btn-deep-ash.ractangle-3d:focus, .btn-bg.btn-deep-ash.ractangle-3d:active { box-shadow: 0 0 #263646; } /*blue btn*/ .btn-bg.btn-blue.ractangle-3d { background: #53c5d5; border: 1px solid #53c5d5; } .btn-bg.btn-blue.ractangle-3d { box-shadow: 0 6px #3c9eac; } .btn-bg.btn-blue.ractangle-3d:hover { box-shadow: 0 4px #3c9eac; } .btn-bg.btn-blue.ractangle-3d:focus, .btn-bg.btn-blue.ractangle-3d:active { box-shadow: 0 0 #3c9eac; } /*green*/ .btn-bg.btn-green.ractangle-3d { background: #27ae60; border: 1px solid #27ae60; } .btn-bg.btn-green.ractangle-3d { box-shadow: 0 6px #1d8f4d; } .btn-bg.btn-green.ractangle-3d:hover { box-shadow: 0 4px #1d8f4d; } .btn-bg.btn-green.ractangle-3d:focus, .btn-bg.btn-green.ractangle-3d:active { box-shadow: 0 0 #1d8f4d; } /*yellow*/ .btn-bg.btn-yellow.ractangle-3d { background: #f39c12; border: 1px solid #f39c12; } .btn-bg.btn-yellow.ractangle-3d { box-shadow: 0 6px #cb820e; } .btn-bg.btn-yellow.ractangle-3d:hover { box-shadow: 0 4px #cb820e; } .btn-bg.btn-yellow.ractangle-3d:focus, .btn-bg.btn-yellow.ractangle-3d:active { box-shadow: 0 0 #cb820e; } /*red*/ .btn-bg.btn-red.ractangle-3d { background: #e74c3c; border: 1px solid #e74c3c; } .btn-bg.btn-red.ractangle-3d { box-shadow: 0 6px #c83e30; } .btn-bg.btn-red.ractangle-3d:hover { box-shadow: 0 4px #c83e30; } .btn-bg.btn-red.ractangle-3d:focus, .btn-bg.btn-red.ractangle-3d:active { box-shadow: 0 0 #c83e30; } .btn-view-all.btn-bg.btn-default { border-color:#e7ebee; } .btn.btn-sm.btn-heart { padding-left:10px; padding-right: 10px; } .featured-img img { float: right; } .about-touch-img img { float: left; } .about-touch-left { display: inline-block; width: 100%; } .about-touch-left p { margin-bottom: 20px; } /* 2.6.1 - End 3D Rectangle --------------------------- */ /* 2.6 - End Button ------------------------------------------- */ /* 2.7 - Background bg ------------------------------------------- */ .background-bg { background-attachment: fixed; background-position: 50%; background-size: cover; } /* 2.7 - Background bg End ------------------------------------------- */ /* 2.8 - Media Styles ------------------------------------------- */ .wp-caption { border: 1px solid #EFEFEF; padding: 5px } .wp-caption > .wp-caption-text { margin: 0; } /* 2.8 - End Media Styles ------------------------------------------- */ /* 2 - End Global Styles ---------------------------------------------------------------------- */ /* 3 - ShortCode ---------------------------------------------------------------------- */ /* 3.1 - Accordion ------------------------------------------- */ .panel-default>.panel-heading { background-color: transparent; } .panel-group .panel { border-radius: 0; } .panel-heading { padding: 0; border-top-left-radius: 0; border-top-right-radius: 0; } .panel-title { font-weight: 400; } .panel-title>a { display: block; padding: 15px 15px; position: relative; } .panel-title a, .panel-title a.collapsed:hover { color: #53c5d5; } .panel-title a.collapsed { color: #474f50; } .panel-body { color: #9ba4a5; font-size: 0.875rem; } .accordion-img { display: block; float: left; margin-right: 10px; } .panel-default>.panel-heading+.panel-collapse>.panel-body { color: #9ba4a5; line-height: 25px; border-top-color:#e7eef1; } /* 3.1.1 - v1 --------------------- */ .accordion.v1 .panel, .accordion.v4 .panel { border-radius: 0; box-shadow: none; border: 1px solid #e7eef1; } .accordion.v1 .panel-title a:after, .accordion.v4 .panel-title a:after, .accordion.v7 .panel-title a:after, .accordion.v8 .panel-title a:after, .accordion.v9 .panel-title a:after { content: "\3b"; font-family: "ElegantIcons"; right: 15px; position: absolute; } .accordion.v1 .panel-title a.collapsed:after, .accordion.v4 .panel-title a.collapsed:after, .accordion.v7 .panel-title a.collapsed:after, .accordion.v8 .panel-title a.collapsed:after, .accordion.v9 .panel-title a.collapsed:after { content: "\3d"; font-family: "ElegantIcons"; position: absolute; } /* 3.1.1 - v1 End --------------------- */ /* 3.1.2 - v2 --------------------- */ .accordion.v2 .panel, .accordion.v3 .panel, .accordion.v6 .panel, .accordion.v10 .panel { border-radius: 0; box-shadow: none; border: 0; border-bottom: 1px solid #e7eef1; } .accordion.v2 .panel-title>a, .accordion.v3 .panel-title>a, .accordion.v6 .panel-title>a, .accordion.v10 .panel-title>a { padding: 8px 15px 15px 0; } .accordion.v2 .panel-heading+.panel-collapse>.panel-body, .accordion.v2 .panel-heading+.panel-collapse>.list-group, .accordion.v3 .panel-heading+.panel-collapse>.panel-body, .accordion.v3 .panel-heading+.panel-collapse>.list-group, .accordion.v6 .panel-heading+.panel-collapse>.panel-body, .accordion.v6 .panel-heading+.panel-collapse>.list-group, .accordion.v10 .panel-heading+.panel-collapse>.panel-body, .accordion.v10 .panel-heading+.panel-collapse>.list-group { border-top: 0; } .accordion.v2 .panel-body, .accordion.v3 .panel-body, .accordion.v5 .panel-body, .accordion.v6 .panel-body, .accordion.v10 .panel-body { padding: 8px 15px 15px 0; } .accordion.v2 .panel-title a:after, .accordion.v5 .panel-title a:after, .accordion.v10 .panel-title a:after { content: "\3b"; font-family: "ElegantIcons"; left: 0; position: absolute; } .accordion.v2 .panel-title a.collapsed:after, .accordion.v5 .panel-title a.collapsed:after, .accordion.v10 .panel-title a.collapsed:after { content: "\3d"; font-family: "ElegantIcons"; position: absolute; } .accordion.v2 .panel-title>a, .accordion.v5 .panel-title>a, .accordion.v10 .panel-title>a { padding-left: 30px; } /* 3.1.2 - v2 End --------------------- */ /* 3.1.3 - v3 --------------------- */ .accordion.v3 .panel-title a:after, .accordion.v6 .panel-title a:after { content: "\4b"; font-family: "ElegantIcons"; right: 0; background: #53c5d5; color: #fff; width: 25px; height: 25px; text-align: center; line-height: 25px; top: 5px; position: absolute; } .accordion.v3 .panel-title a.collapsed:after, .accordion.v6 .panel-title a.collapsed:after { content: "\4c"; font-family: "ElegantIcons"; background: #9ba4a5; position: absolute; } /* 3.1.3 - End v3 --------------------- */ /* 3.1.4 - v4 --------------------- */ .accordion.v4 .panel-title a, .accordion.v4 .panel-title a.collapsed:hover, .accordion.v5 .panel-title a, .accordion.v5 .panel-title a.collapsed:hover, .accordion.v7 .panel-title a, .accordion.v7 .panel-title a.collapsed:hover{ background: #53c5d5; color: #fff; } .accordion.v4 .panel-title a.collapsed, .accordion.v5 .panel-title a.collapsed, .accordion.v7 .panel-title a.collapsed { background: transparent; color: inherit; } /* 3.1.4 - End v4 --------------------- */ /* 3.1.5 - v5 --------------------- */ .accordion.v5 .panel-group .panel { border: 0; } .accordion.v5 .panel { box-shadow: none; } .accordion.v6 .panel-title>a, .accordion.v8 .panel-title>a, .accordion.v9 .panel-title>a { padding-left: 45px; } .accordion.v5 .panel-title a.collapsed { background: #474f50; color: #fff; } .accordion.v5 .panel-title a:after{ background: #4cb5c4; padding: 15px; top: 0; } .accordion.v5 .panel-title a.collapsed:after { background: #373e3f; color: #879091; } .accordion.v5 .panel-title>a { padding-left: 65px; } /* 3.1.5 - End v5 --------------------- */ /* 3.1.6 - v6 --------------------- */ .accordion.v6 .panel-title a:after { left: 0; } /* 3.1.6 - End v6 --------------------- */ /* 3.1.7 - v7 --------------------- */ .accordion.v7 .panel-title a:after { content: "\47"; } .accordion.v7 .panel-title a.collapsed:after { content: "\49"; } /* 3.1.7 - End v7 --------------------- */ /* 3.1.8 - v8 --------------------- */ .accordion.v8 .panel-title a:before { content: "\37"; font-family: "ElegantIcons"; left: 15px; position: absolute; } .accordion.v8 .panel-title a.collapsed:before { content: "\39"; } .accordion.v8 .panel-title a:after { content: "\4d"; } .accordion.v8 .panel-title a.collapsed:after { content: "\4c"; } /* 3.1.8 - End v8 --------------------- */ /* 3.1.9 - v9 --------------------- */ .accordion.v9 .panel-title a:after { left: 15px; } /* 3.1.9 - End v9 --------------------- */ /* 3.1 - End Accordion ------------------------------------------- */ /* 3.2 - Feature Box ------------------------------------------- */ .icon-text { margin-top: 20px; } .feature-box { margin-bottom: 10px; } .feature-box, .feature-box .icon, .feature-box .feature-title, .feature-box.v3:before { -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; } /* 3.2.1 - v1 ---------------------- */ .feature-box.v1 .icon { background: #9ba4a5; color: #fff; width: 90px; height: 90px; line-height: 90px; text-align: center; margin-bottom: 40px; position: relative; } .feature-box.v1 .icon, .feature-box.v1 .icon:before { -webkit-transition: all .25s; -moz-transition: all .25s; -ms-transition: all .25s; -o-transition: all .25s; transition: all .25s; } .feature-box.v1 .icon:before { content: ""; border: 1px solid #9ba4a5; border-radius: 100%; position: absolute; left: -7px; top: -7px; right: -7px; bottom: -7px; opacity: 0; } .feature-box.v1:hover .icon:before { opacity: 1; } .feature-box.v1:hover .icon, .feature-box.v1:hover .btn-bg { background: #53c5d5; } .feature-box.v1:hover .icon:before, .feature-box.v1:hover .btn-bg { border-color: #53c5d5; } .feature-box.v1:hover .btn-bg { color: #fff; } /* 3.2.1 - End v1 ---------------------- */ /* 3.2.2 - v2 ---------------------- */ .feature-box.v2 .icon { font-size: 3.75rem; } .feature-box.v2:hover .icon, .feature-box.v2:hover .feature-title, .feature-box.v2:hover .btn-icon { color: #53c5d5; } .feature-box.v2 .icon-text p { margin-bottom: 25px; } /* 3.2.2 - End v2 ---------------------- */ /* 3.2.3 - v3 ---------------------- */ .feature-box.v3 { border: 1px solid #e7eef1; border-radius: 5px; box-shadow: 0px 4px 0px #e7eef1; position: relative; z-index: 0; margin-top: 30px; margin-bottom: 10px; } .feature-box.v3 .icon { background: #fff; color: #53c5d5; font-size: 1.5rem; width: 60px; height: 60px; border: 1px solid #53c5d5; border-radius: 100%; line-height: 60px; position: absolute; top: -30px; left: 50%; margin-left: -30px; z-index: 3; } .feature-box.v3 .icon-text { padding: 50px 30px 30px; } .feature-box.v3:before { content: ""; position: absolute; border: 1px solid #e7eef1; border-radius: 100%; width: 74px; height: 74px; top: -36px; left: 50%; margin-left: -37px; background: #fff; z-index: 1; } .feature-box.v3:after { content: ""; position: absolute; width: 76px; height: 35px; background: #fff; top: -36px; margin-left: -38px; z-index: 2; } .feature-box.v3:hover { border-color: #53c5d5; box-shadow: 0px 4px 0px #53c5d5; } .feature-box.v3:hover:before { border-color: #53c5d5; } .feature-box.v3:hover .icon { background: #53c5d5; color: #fff; } .feature-box.v3:hover .feature-title { color: #53c5d5; } /* 3.2.3 - End v3 ---------------------- */ /* 3.2 - End Feature Box ------------------------------------------- */ /* 3.3 - Genaral ------------------------------------------- */ /* 3.3.1 - Social --------------------------- */ .social li { display: inline-block; text-align: center; } .social li a { background: #9ba4a5; display: block; color: #fff; width: 35px; height: 35px; line-height: 35px; } /*Social v1*/ .social.v1 li a, .social.v3 li a, .social.v4 li a, .social.v6 li a { border-radius: 3px; } .social.v1 li:hover .facebook, .social.v2 li:hover .facebook { background: #1b78c7; } .social.v1 li:hover .twitter, .social.v2 li:hover .twitter { background: #00bff3; } .social.v1 li:hover .pinterest, .social.v2 li:hover .pinterest { background: #da421f; } .social.v1 li:hover .googleplus, .social.v2 li:hover .googleplus { background: #d44132; } .social.v1 li:hover .dribbble, .social.v2 li:hover .dribbble { background: #bc2a83; } /*Social v2*/ .social.v2 li a, .social.v5 li a { border-radius: 100%; } /*Social v3*/ .social.v3 li a.facebook { background:#1b78c7; } .social.v3 li a.twitter { background:#00bff3; } .social.v3 li a.pinterest { background:#da421f; } .social.v3 li a.googleplus { background:#d44132; } .social.v3 li a.dribbble { background:#bc2a83; } /* Social v4 */ .social.v4 li a, .social.v6 li a, .social.v5 li a { background: transparent; color: #9ba4a5; border: 1px solid #9da6a7; } .home-v4 .social.v5 li a { /*color: #474f50;*/ } .social.v4 li:hover a, .social.v5 li:hover a { color: #fff; border-color: transparent; } .social.v4 li:hover .facebook, .social.v5 li:hover .facebook { background-color: #1b78c7; border: 1px solid #1b78c7; } .social.v4 li:hover .twitter, .social.v5 li:hover .twitter { background-color: #00bff3; border: 1px solid #00bff3; } .social.v4 li:hover .pinterest, .social.v5 li:hover .pinterest { background-color: #da421f; border: 1px solid #da421f; } .social.v4 li:hover .googleplus, .social.v5 li:hover .googleplus { background-color: #d44132; border: 1px solid #d44132; } .social.v4 li:hover .dribbble, .social.v5 li:hover .dribbble { background-color: #bc2a83; border: 1px solid #bc2a83; } /* Social v5 */ .social.v5 li a { margin: 0 4px; } /* Social v6 */ .social.v6 li a.facebook { color: #1b78c7; border: 1px solid #1b78c7; } .social.v6 li a.twitter { color: #00bff3; border: 1px solid #00bff3; } .social.v6 li a.pinterest { color: #da421f; border: 1px solid #da421f; } .social.v6 li a.googleplus { color: #d44132; border: 1px solid #d44132; } .social.v6 li a.dribbble { color: #bc2a83; border: 1px solid #bc2a83; } /* Social v7 */ .social.v7 li a { font-size: 20px; background-color: transparent; color: #5d5d5d; width: 30px; height: 30px; } /* 3.3.1 - End Social --------------------------- */ /* 3.3.2 - Paginations --------------------------- */ /*Pagination v1*/ .pagination.v1 a, .pagination.v2 a, .pagination.v3 a, .pagination.v4 a, .pagination.v5 a, .pagination.v6 a, .pagination.v7 a, .pagination.v8 a { border: 1px solid #e7eef1; display: inline-block; width: 38px; height: 38px; text-align: center; line-height: 34px; margin-right: -4px; } .pagination.v1 a:hover, .pagination.v1 a.active, .pagination.v2 a:hover, .pagination.v2 a.active, .pagination.v3 a:hover, .pagination.v3 a.active, .pagination.v4 a:hover, .pagination.v4 a.active, .pagination.v5 a:hover { background: #53c5d5; border: 1px solid transparent; color: #fff; } /*Pagination v2*/ .pagination.v2 .previous { border-bottom-left-radius: 50%; border-top-left-radius: 50%; } .pagination.v2 .next { border-bottom-right-radius: 50%; border-top-right-radius: 50%; } /*Pagination v3*/ .pagination.v3 a, .pagination.v4 a { margin-right: inherit; } .pagination.v3 .previous, .pagination.v3 .next { width: inherit; padding: 0 10px; display: inline-block; } .pagination.v3 a { border-radius: 3px; } .pagination.v3 .previous{ margin-right: 10px; } .pagination.v3 .next { margin-left: 10px; } /*Pagination v4*/ .pagination.v4 a:hover, .pagination.v4 a:active, .pagination.v4 a.active { background: #9ba4a5; } /*Pagination v5*/ .pagination.v5 a, .pagination.v6 a, .pagination.v7 a, .pagination.v8 a { margin-right: 10px; font-size: 1.75rem; } .pagination.v5 a, .pagination.v6 a { background: #474f50; color: #fff; border-color: transparent; } /*Pagination v6*/ .pagination.v6 a, .pagination.v8 a { border-radius: 100%; } .pagination.v6 a:hover { background: #9ba4a5; } /*Pagination v7*/ .pagination.v7 a {} /*Pagination v8*/ .pagination.v7 a:hover, .pagination.v8 a:hover { border-color: #53c5d5; } /* 3.3.2 - End Paginations --------------------------- */ /* 3.3.3 - Brands --------------------------- */ /*Client V1*/ .client.v1 a img { -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; } .client.v1 a{ position: relative; display: inline-block; z-index: 0; } .client.v1 a:before{ position: absolute; content: ''; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; background: rgba(255,255,255,.2); -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; } .client.v1 a img { filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 10+, Firefox on Android */ filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: gray; /* IE6-9 */ -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */ } .client.v1 a:hover img { filter: url("data:image/svg+xml;utf8,#grayscale"); filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: none ; /* IE6-9 */ zoom:1; -webkit-filter: grayscale(0%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */ } .client.v1 a:hover:before { background: transparent; } /* 3.3.3 - End Brands --------------------------- */ /* 3.3.4 - Testimonial --------------------------- */ .testimonial { color: #9ba4a5; } .overlay .testimonial, .overlay .testimonial p, .overlay .testimonial .item .name, .overlay .testimonial .designation { color: #fff; } .testimonial .item .name { color: #474f50; font-weight: 700; } .testimonial .owl-dot span{ background: #ecf0f1; width: 13px; height: 13px; position: relative; } .testimonial .owl-theme .owl-dots .owl-dot.active span, .testimonial .owl-theme .owl-dots .owl-dot:hover span { background: #53c5d5; } /*Testimonial v1*/ .testimonial.v1 { max-width: 800px; margin: 0 auto; } .testimonial.v1 .owl-carousel img.testimonial-img, .testimonial.v4 .owl-carousel img.testimonial-img, .testimonial.v5 .owl-carousel img.testimonial-img { width: 80px; height: 80px; border-radius: 100%; margin-bottom: 30px; } .testimonial.v1 .item p{ font-style: italic; font-size: inherit; } .testimonial.v1 .owl-dot span, .testimonial.v1 .owl-dot span:before { -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; } .testimonial.v1 .owl-dot span:before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border: 2px solid transparent; border-radius: 100%; } .testimonial.v1 .owl-dot.active span:before, .testimonial.v1 .owl-dot:hover span:before { top: -4px; left: -4px; right: -4px; bottom: -4px; border-color: #53c5d5; } .testimonial.v1 .owl-controls { margin-top: 30px; } /*Testimonial v2*/ .testimonial.v2 .content, .testimonial.v4 .content { border: 2px solid #e7ebee; padding: 20px; position: relative; margin-bottom: 35px; } .testimonial.v2 p:last-child, .testimonial.v4 p:last-child { margin-bottom: 0; } .testimonial.v2 .owl-dots, .testimonial.v4 .owl-dots { text-align: left; } .testimonial.v2 .owl-dot span, .testimonial.v4 .owl-dot span { margin-left: 0; } .testimonial.v2 .content:after, .testimonial.v2 .content:before, .testimonial.v4 .content:after, .testimonial.v4 .content:before { position: absolute; content: ""; width: 0; height: 0; border-color: transparent; border-style: solid; bottom: -10px; } .testimonial.v2 .content:before, .testimonial.v4 .content:before { border-width: 0px 35px 26px 35px; border-left-color: #e7ebee; bottom: -26px; left: 30px; } .testimonial.v2 .content:after, .testimonial.v4 .content:after { border-width: 0px 30px 23px 30px; border-left-color: #fff; bottom: -22px; left: 32px; } .testimonial.v2 .item .name, .testimonial.v4 .item .name, .testimonial.v5 .item .name { display: block; } /*Testimonial v3*/ .testimonial.v3 { border: 2px solid #e7ebee; padding: 20px; position: relative; } .testimonial.v3:before { position: absolute; content: "\f10e"; font-family: FontAwesome; top: -20px; background: #fff; color: #e7ebee; width: 40px; height: 40px; border-radius: 100%; line-height: 36px; text-align: center; border: 2px solid #e7ebee; left: 0; right: 0; margin: auto; } .testimonial.v3 .item .name:after { content: "|"; padding-left: 5px; } /*Testimonial v4*/ .testimonial.v4 .content { margin-bottom: 45px; } .testimonial.v4 .author-info { width: 70%; } .testimonial.v4 .testimonial-img { background: #eaedf0; padding: 3px; float: left; margin: -12px 10px 0 0; border-radius: 100%; } .testimonial.v4 .testimonial-img img { width: 100%; height: auto; border-radius: 100%; } .testimonial.v4 .owl-controls { bottom: 100px; right: 0px; position: absolute; } .testimonial.v4 { max-width: 800px; } /*Testimonial v5*/ .testimonial.v5 { max-width: 800px; border: 2px solid #e7ebee; padding: 35px; position: relative; } .testimonial.v5:before, .testimonial.v6:before { position: absolute; content: "\f10e"; font-family: FontAwesome; top: -20px; background: #fff; color: #e7ebee; width: 40px; height: 40px; border-radius: 100%; line-height: 36px; text-align: center; border: 2px solid #e7ebee; left: 0; right: 0; margin: auto; } .testimonial.v5 .owl-nav { position: relative; background: #fff !important; top: 15px; width: 50px; height: 44px; margin: auto; } .testimonial.v5 .owl-next, .testimonial.v5 .owl-prev, .testimonial.v6 .owl-next, .testimonial.v6 .owl-prev { position: absolute; width: 30px; height: 30px; border-radius: 100%; } .testimonial.v5 .owl-next { right: 50%; margin-right: -40px !important; } .testimonial.v5 .owl-prev { left: 50%; margin-left: -40px !important; } .testimonial.v5 .owl-theme .owl-nav [class*='owl-'] { background: #e7ebee; color: #9ba4a5; font-size: 1.125rem; } .testimonial.v5 .owl-controls { height: 0; } .testimonial.v5 .owl-carousel img.testimonial-img { margin-bottom: 10px; } .testimonial.v5 .content p { margin-bottom: 20px; } /*Testimonial v6*/ .testimonial.v6 { position: relative; } .testimonial.v6 .title { padding-top: 35px; margin-bottom: 30px; } .testimonial.v6 .name { font-weight: 700; display: block; } .testimonial.v6 .content { border-top: 1px solid #565861; border-bottom: 1px solid #565861; padding: 40px 0; margin-bottom: 30px; } .testimonial.v6 .owl-nav { position: relative; background: transparent !important; top: -40px; width: 50px; margin: auto; } .testimonial.v6 .owl-theme .owl-nav [class*='owl-'] { background: transparent; border: 1px solid #fff; color: #fff; font-size: 1.125rem; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; } .testimonial.v6 .owl-theme .owl-nav [class*='owl-']:hover { background: #53c5d5; border-color: transparent; } .testimonial.v6 .owl-theme .owl-nav i { margin-left: -2px; } .testimonial.v6 .owl-next, .testimonial.v6 .owl-prev { line-height: 23px; } .testimonial.v6 .owl-prev{ right: 100%; margin-right: 50px; } .testimonial.v6 .owl-next { left: 100%; margin-left: 50px; } /*Testimonial v7*/ .testimonial.v7 .content { border:1px solid #e7ebee; padding: 20px; position: relative; } .testimonial.v7 .content:after, .testimonial.v7 .content:before { content: ""; width: 16px; left: 28px; bottom: -17px; position: absolute; border-style: solid; border-width: 8px; border-color: #e7ebee transparent transparent transparent; } .testimonial.v7 .content:after { border-top-color:#fff; bottom: -16px; } .testimonial.v7 .content p { margin-bottom: 10px; } .testimonial.v7 .content p:last-child { margin-bottom: 0; } .testimonial.v7 .testimonial-img { width: 80px; border-radius: 100%; border:3px solid #e7ebee; margin-right: 15px; float: left; } .testimonial.v7 .author-info { margin-top: 20px; } .testimonial.v7 .testimonial-img img { border-radius: 100%; } .testimonial.v7 .author-info .details { margin-left: 100px; padding-top: 12px; } .testimonial.v7 .author-info .designation { display: block; font-size: 0.875rem; } .testimonial.v7 .author-info .name { font-size: 1.125rem; } .testimonial.v7 .owl-controls { position: relative; } .testimonial.v7 .owl-dots { position: absolute; top: -90px; right: 0; } .testimonial.v7 .owl-dots .owl-dot { width: 15px; } /* 3.3.4 - End Testimonial --------------------------- */ /* 3.3.5 - Promo Box --------------------------- */ .promo-box { padding: 30px; } /*Promo Box v1*/ .promo-box.v1, .promo-box.v3 { border: 3px solid #e7ebee; display: block; overflow: hidden; } .promo-box.v1 .title, .promo-box.v3 .title { text-transform: uppercase; } .promo-box.v1 p, .promo-box.v3 p { margin-bottom: inherit; font-size: 0.875rem; } .promo-box.v1 .btn, .promo-box.v3 .btn { margin-top: 25px; } /*Promo Box v2*/ .promo-box.v2 { border: 1px solid #e7ebee; } /*Promo Box v3*/ .promo-box.v3 { background: #e7ebee; border: inherit; } /* 3.3.5 - End Promo Box --------------------------- */ /* 3.3 - End Genaral ------------------------------------------- */ /* 3.4 - Price Table ------------------------------------------- */ .price-table .title { color: #474f50; font-size: 1.5rem; font-weight: 700; text-transform: uppercase; display: block; } .price-table li { padding: 15px; } ul.table-body { padding: 0; margin: 0; } ul.table-body > li { list-style: none; } .price-table .price-btn { background: #474f50; color: #fff; padding: 12px 40px; text-transform: uppercase; font-weight: 700; font-size: 1rem; } .price-table .table-item { border: 1px solid #f1f3f6; border-left:none; } .price-table .single-table:first-child .table-item { border-left: 1px solid #f1f3f6; } .price-table .package-info .title, .price-table .circle:after, .price-table .duration, .price-table .price, .price-table .currency, .price-table .table-head, .price-table .package-info, .price-table .table-footer, .price-table .table-item, .price-table .single-table, .price-table .package-price, .price-table .table-item, .price-table .single-table .price-btn:before, .price-table.v1 .single-table .package-info:before, .price-table .single-table:hover .price-btn:before, .price-table .single-table.active .price-btn:before, .price-table .single-table .price-btn:after, .price-table .single-table .price-btn { -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; } .price-table.v1 .single-table, .price-table.v2 .single-table { z-index: 0; padding: 20px 0; } .price-table.v1 .single-table:hover, .price-table.v2 .single-table:hover{ z-index: 2; padding: 0; } .price-table.v1 .package-info, .price-table.v3 .package-info, .price-table.v4 .package-info { background: #474f50; padding: 25px; } .price-table.v1 .package-price, .price-table.v3 .package-price, .price-table.v4 .package-price { padding: 37px; margin-bottom: 0; position: relative; display: inline-block; } .price-table.v1 .currency, .price-table.v3 .currency, .price-table.v4 .currency { font-size: 1.125rem; font-weight: 300; position: absolute; top: 33px; left: 28px; } .price-table.v1 .price, .price-table.v3 .price, .price-table.v4 .price { font-size: 3rem; color: #474f50; font-weight: 800; } .price-table.v1 .duration, .price-table.v3 .duration, .price-table.v4 .duration { font-size: 0.875rem; } .price-table.v2 .package-info .title, .price-table.v4 .single-table:hover .package-info .title { color: #53c5d5; } .price-table.v2 .table-body li, .price-table.v3 .table-body li, .price-table.v4 .table-body li { border-bottom: 1px solid #f1f3f6; } .price-table.v3 .package-info, .price-table.v4 .package-info { background: #fff; margin-bottom: 0; } .price-table.v3 .price, .price-table.v4 .price { color: #fff; } .price-table.v3 .table-footer, .price-table.v4 .table-footer { padding-bottom: 10px; } .price-table.v1 .table-body, .price-table.v2 .table-body { margin-bottom: 0; } .price-table.v1 .table-footer, .price-table.v2 .table-footer { padding: 15px; } .price-table.v1 .package-info, .price-table.v2 .package-info { position: relative; z-index: 0; } /* 3.4.1 - v1 ---------------------- */ .price-table.v1 .package-info { padding: 27px 0; margin-bottom: 0; } .price-table.v1 .table-item:hover .package-info { padding: 37px 0; } .price-table.v1 .table-item:hover .table-footer { padding: 25px 0; } .price-table.v1 .package-info .title { color: #fff; } .price-table.v1 .table-head, .price-table.v1 .table-body { position: relative; } .price-table.v1 .table-footer { border-top: 1px solid #f1f3f6; } .price-table.v1 .table-head:before { content: ""; position: absolute; border-bottom: 1px solid #f1f3f6; width: 100%; display: block; bottom: 0; margin-bottom: 2px; left: 0; } .price-table.v1 .single-table .package-info:before{ background: #474f50; content: ""; position: absolute; display: block; top: -1px; left: -1px; right: -1px; bottom: 0; z-index: -1; } .price-table.v1 .single-table:nth-child(1) .package-info:before, .price-table.v1 .single-table:nth-child(1) .price-btn { background: #212627; } .price-table.v1 .single-table:nth-child(2) .package-info:before, .price-table.v1 .single-table:nth-child(2) .price-btn { background: #313637; } .price-table.v1 .single-table:nth-child(3) .package-info:before, .price-table.v1 .single-table:nth-child(3) .price-btn { background: #444849; } .price-table.v1 .single-table:nth-child(4) .package-info:before, .price-table.v1 .single-table:nth-child(4) .price-btn { background: #56595a; } .price-table.v1 .single-table:hover .package-info:before, .price-table.v1 .single-table .price-btn:hover { background: #53c5d5; } .price-table.v1 .table-footer { position: relative; } .price-table.v2 .table-footer:before, .price-table.v1 .table-footer:before { content: ""; left: -1px; bottom: 0; height: 0; width: 1px; background: #f1f3f6; position: absolute; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; } .price-table.v2 .single-table:hover .table-footer:before, .price-table.v1 .single-table:hover .table-footer:before { height: 20px; } /* 3.4.1 - End v1 ---------------------- */ /* 3.4.2 - v2 ---------------------- */ .price-table.v2 .table-head { padding: 30px 0; } .price-table.v2 .table-head { background: #fafafa; } .price-table.v2 .table-head .package-info { margin-bottom: 0px; } .price-table.v2 .single-table:hover .table-head, .price-table.v2 .single-table:hover .package-info .title, .price-table.v2 .single-table:hover .package-price, .price-table.v2 .single-table:hover .currency, .price-table.v2 .single-table:hover .price, .price-table .table-footer .price-btn:hover { background: #53c5d5; color: #fff; } .price-table.v2 .currency, .price-table.v2 .price { font-weight: 700; color: #53c5d5; } .price-table.v2 .package-price { margin-bottom: 0; } .price-table.v2 .price-btn { background: transparent; color: #212627; } .price-table.v2 .single-table:hover .table-head { padding: 40px; } .price-table.v2 .single-table:hover .table-footer { padding: 25px; } /* 3.4.2 - End v3 ---------------------- */ /* 3.4.3 - v3 ---------------------- */ .price-table.v3 { position: relative; } .price-table.v3 .single-table { padding: 0; } .price-table.v3 .single-table .table-item.headline { position: absolute; top: 200px; width: 100%; } .price-table.v3 .single-table .table-item.headline .table-body li:last-child { border-bottom: 0; } .price-table.v3 .single-table .table-head { background: #474f50; } .price-table.v3 .package-info, .price-table.v3 .table-body { background: #fff; margin-bottom: 0; } .price-table.v3 .table-footer, .price-table.v3 .package-info, .price-table.v3 .table-body { border:1px solid #f1f3f6; border-right:none; } .price-table.v3 .package-info { padding: 31.5px 0; } .price-table .single-table:first-child .table-item.headline { border-left:none; } .price-table.v3 .headline .table-body { border-bottom: 1px solid #f1f3f6; } .price-table.v3 .single-table:last-child .table-footer, .price-table.v3 .single-table:last-child .package-info, .price-table.v3 .single-table:last-child .table-body { border:1px solid #f1f3f6; } .price-table.v3 .table-body li:last-child { border-bottom: none; } .price-table.v3 .price { color: #fff; } .price-table.v3 .table-footer { padding: 17px 0; } .v3 .single-table:nth-child(2) .table-head, .v3 .single-table:nth-child(2) .price-btn{ background: #212627; } .v3 .single-table:nth-child(3) .table-head, .v3 .single-table:nth-child(3) .price-btn { background: #313637; } .v3 .single-table:nth-child(4) .table-head, .v3 .single-table:nth-child(4) .price-btn{ background: #444849; } .price-table.v3 .table-item { border:none; } .price-table.v3 .single-table:last-child .table-body, .price-table.v3 .table-body { border-bottom: none; } .price-table.v3 .single-table:hover .table-head, .price-table.v3 .single-table .price-btn:hover { background: #53c5d5; } .price-table.v3 .single-table:hover .table-head .duration, .price-table.v3 .single-table:hover .table-head .currency { color: #fff; } /* 3.4.3 - End v3 ---------------------- */ /* 3.4.4 - v4 ---------------------- */ .price-table.v4 .duration { display: block; } .price-table.v4 .table-item { border:1px solid #f1f3f6; } .price-table.v4 .table-head, .price-table.v4 .package-info { border-bottom: 1px solid #f1f3f6; } .price-table.v4 .circle { position: relative; display: block; text-align: center; width: 210px; height: 210px; line-height: 195px; margin: 40px auto; border: 5px solid #f1f3f6; z-index: 0; } .price-table.v4 .circle:after { content: ""; position: absolute; background: #474f50; border-radius: 100%; top: 0; left: 0; right: 0; bottom: 0; z-index: -2; } .price-table.v4 .single-table:hover .circle:after { background: #53c5d5; } .price-table.v4 .circle:before { content: ""; position: absolute; background: #e7eef1; border-radius: 100%; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; background: #474f50; background: -moz-linear-gradient(135deg, rgba(0,0,0,.0) 50%,rgba(0,0,0,.1) 50%); background: -webkit-linear-gradient(135deg, rgba(0,0,0,.0) 50%,rgba(0,0,0,.1) 50%); background: -o-linear-gradient(135deg, rgba(0,0,0,.0) 50%,rgba(0,0,0,.1) 50%); background: -ms-linear-gradient(135deg, rgba(0,0,0,.0) 50%,rgba(0,0,0,.1) 50%); background: linear-gradient(135deg, rgba(0,0,0,.0) 50%,rgba(0,0,0,.1) 50%); } .price-table.v4 .package-price { padding: 0; display: inline-block; } .price-table.v4 .price { font-size: 4.6875rem; } .price-table.v4 .currency { left: -15px; top:-10px; font-size: 1.375rem; } .price-table.v4 .duration { position: absolute; left: 30px; right: inherit; top: 45px; font-size: 1.375rem; } .price-table.v4 .single-table:hover .currency, .price-table.v4 .single-table:hover .duration { color: #bdeef5; } .price-table.v4 .price-btn { border-radius: 30px; padding-left: 50px; padding-right: 50px; } .price-table.v4 .table-body { position: relative; } .price-table.v4 .table-body:after { content: ""; position: absolute; left:0; right: 0; top: -4px; border-bottom: 1px solid #f1f3f6; } /* 3.4.4 - End v4 ---------------------- */ /* 3.4 - End Price Table ------------------------------------------- */ /* 3.5 - Progress Bar ------------------------------------------- */ .circle-skill .skill-item { color: #53c5d5; } .circle-skill .skill-name { font-size: 1.125rem; font-weight: 700; } .circle-skill p { color: #9ba4a5; font-size: 0.875rem; } /* 3.5.1 - v1 ---------------------- */ .circle-skill.v1 .skill-item, .circle-skill.v2 .skill-item, .circle-skill.v5 .skill-item { font-weight: 300; } /* 3.5.1 - End v1 ---------------------- */ /* 3.5.2 - v6 ---------------------- */ .progress.v6, .progress.v7 { background: #fff; box-shadow: none; border: 1px solid #e6e6e6; padding: 2px; overflow: visible; margin: 50px 0px; } .progress.v6, .progress.v6 .progress-bar, .progress.v7, .progress.v7 .progress-bar { border-radius: 20px; } .progress.v6 .progress-bar, .progress.v7 .progress-bar { background-color: #53c5d5; position: relative; } .progress.v6 .value, .progress.v6 .name, .progress.v7 .value, .progress.v7 .name, .progress.v8 .value, .progress.v8 .name, .progress.v9 .value, .progress.v9 .name { position: absolute; top: -25px; right: -15px; color: #9ba4a5; } .progress.v6 .name, .progress.v7 .name, .progress.v8 .name, .progress.v9 .name { left: 0; top: -30px; right: inherit; font-size: 1.125rem; color: #474f50; } /* 3.5.2 - End v6 ---------------------- */ /* 3.5.3 - v8 ---------------------- */ .progress.v8, .progress.v8 .value { background: #e6e6e6; } .progress.v8, .progress.v9 { height: 30px; border-radius: 0; box-shadow: none; overflow: visible; margin: 50px 0px; } .progress.v8 .progress-bar{ position: relative; } .progress.v8 .value { padding: 2px 5px; font-size: 0.938rem; top: -35px; right: -21px; } .progress.v8 .value:after { content: ""; display: block; width: 0; height: 0; border-width: 7px; border-style: solid; border-color: #e6e6e6 transparent transparent transparent; position: absolute; top: 24px; right: 14px; } /* 3.5.3 - End v8 ---------------------- */ /* 3.5.4 - v9 ---------------------- */ .progress.v9 { margin: 25px 0; height: 40px; border-radius: 5px; background: #e6e6e6; } .progress.v9 .progress-bar { border-radius: 5px; position: relative; } .progress.v9 .value, .progress.v9 .name { top: 10px; left: 10px; color: #fff; font-size: 0.938rem; } .progress.v9 .value { right: 10px; left: inherit; } .progress.v9 .progress-bar-info { background: -moz-linear-gradient(left, #53c5d5 0%, #53d58a 100%); background: -webkit-linear-gradient(left, #53c5d5 0%,#53d58a 100%); background: -o-linear-gradient(left, #53c5d5 0%,#53d58a 100%); background: -ms-linear-gradient(left, #53c5d5 0%,#53d58a 100%); background: linear-gradient(to right, #53c5d5 0%,#53d58a 100%); } .progress.v9 .progress-bar-success { background: -moz-linear-gradient(left, #53d58a 0%, #d3d553 100%); background: -webkit-linear-gradient(left, #53d58a 0%,#d3d553 100%); background: -o-linear-gradient(left, #53d58a 0%,#d3d553 100%); background: -ms-linear-gradient(left, #53d58a 0%,#d3d553 100%); background: linear-gradient(to right, #53d58a 0%,#d3d553 100%); } .progress.v9 .progress-bar-warning { background: -moz-linear-gradient(left, #d3d553 0%, #d58a53 100%); background: -webkit-linear-gradient(left, #d3d553 0%,#d58a53 100%); background: -o-linear-gradient(left, #d3d553 0%,#d58a53 100%); background: -ms-linear-gradient(left, #d3d553 0%,#d58a53 100%); background: linear-gradient(to right, #d3d553 0%,#d58a53 100%); } .progress.v9 .progress-bar-danger { background: -moz-linear-gradient(left, #d58a53 0%, #d553c4 100%); background: -webkit-linear-gradient(left, #d58a53 0%,#d553c4 100%); background: -o-linear-gradient(left, #d58a53 0%,#d553c4 100%); background: -ms-linear-gradient(left, #d58a53 0%,#d553c4 100%); background: linear-gradient(to right, #d58a53 0%,#d553c4 100%); } /* 3.5.4 - End v9 ---------------------- */ /* 3.5 - End Progress Bar ------------------------------------------- */ /* 3.6 - Tabs ------------------------------------------- */ .tab p { margin-bottom: 18px; overflow: hidden; } .nav-tabs>li>a { color: #474f50; } .nav-tabs>li>a:hover, .nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus { color: #53c5d5; } .tab-content { overflow: hidden; } .tab-img { margin: 0 15px 10px 0; } .tab.v1 .nav-tabs, .tab.v3 .nav-tabs, .tab.v4 .nav-tabs, .tab.v5 .nav-tabs { border: 0; } .tab.v1 .nav-tabs>li>a, .tab.v3 .nav-tabs>li>a, .tab.v4 .nav-tabs>li>a, .tab.v5 .nav-tabs>li>a, .tab.v6 .nav-tabs>li>a, .tab.v7 .nav-tabs>li>a, .tab.v8 .nav-tabs>li>a { border: 1px solid #dde6e9; border-radius: 0; margin-right: -1px; } .tab.v1 .nav>li>a:hover, .tab.v1 .nav>li>a:focus, .tab.v2 .nav>li>a:hover, .tab.v2 .nav>li>a:focus, .tab.v4 .nav>li>a:hover, .tab.v4 .nav>li>a:focus, .tab.v5 .nav>li>a:hover, .tab.v5 .nav>li>a:focus, .tab.v7 .nav>li>a:hover, .tab.v7 .nav>li>a:focus, .tab.v8 .nav>li>a:hover, .tab.v8 .nav>li>a:focus { background-color: transparent; } .tab.v1 .tab-content, .tab.v2 .tab-content, .tab.v3 .tab-content, .tab.v4 .tab-content, .tab.v5 .tab-content, .tab.v7 .tab-content, .tab.v8 .tab-content { padding: 20px; border: 1px solid #dde6e9; } /* 3.6.1 - v2 ---------------------- */ .tab.v2 .nav-tabs>li>a, .tab.v7 .nav-tabs>li>a { border-radius: 0; background: #ecf0f1; margin-bottom: 2px; margin-right: 2px; } .tab.v2 .nav-tabs>li.active>a { border-bottom-color: #fff; margin-bottom: 0; padding-bottom: 13px; } .tab.v2 .nav-tabs>li.active>a, .tab.v2 .nav-tabs>li.active>a:hover, .tab.v2 .nav-tabs>li.active>a:focus, .tab.v7 .nav-tabs>li.active>a, .tab.v7 .nav-tabs>li.active>a:hover, .tab.v7 .nav-tabs>li.active>a:focus { background: transparent; } .tab.v2 .tab-content { border-top: 0; } /* 3.6.1 - End v2 ---------------------- */ /* 3.6.2 - v3 ---------------------- */ .tab.v3 .nav-tabs>li>a { margin-right: 2px; } .tab.v3 .nav-tabs>li>a:hover, .tab.v3 .nav-tabs>li.active>a, .tab.v3 .nav-tabs>li.active>a:hover, .tab.v3 .nav-tabs>li.active>a:focus { background: #53c5d5; color: #fff; border-color: transparent; } /* 3.6.2 - End v3 ---------------------- */ /* 3.6.3 - v4 ---------------------- */ .tab.v4 .nav-tabs>li.active>a, .tab.v5 .nav-tabs>li.active>a { border-bottom-color: #fff; } .tab.v4 .nav-tabs>li.active>a:before, .tab.v4 .nav-tabs>li.active>a:hover:before, .tab.v4 .nav-tabs>li.active>a:focus:before { content: ""; position: absolute; border-top: 2px solid #53c5d5; width: 100%; top: -1px; left: 0; } /* 3.6.3 - End v4 ---------------------- */ /* 3.6.4 - v5 ---------------------- */ .tab.v5 .nav-tabs>li.active>a { margin-top: -5px; padding-bottom: 15px; } /* 3.6.4 - End v5 ---------------------- */ /* 3.6.5 - v6 ---------------------- */ .tab.v6 .nav-tabs, .tab.v6 .tab-content, .tab.v7 .nav-tabs, .tab.v7 .tab-content, .tab.v8 .nav-tabs, .tab.v8 .tab-content { float: left; } .tab.v6 .nav-tabs>li, .tab.v7 .nav-tabs>li, .tab.v8 .nav-tabs>li { float: none; } .tab.v6 .nav-tabs, .tab.v7 .nav-tabs, .tab.v8 .nav-tabs { width: 25%; } .tab.v6 .tab-content, .tab.v7 .tab-content, .tab.v8 .tab-content { width: 75%; } .tab.v6 .nav-tabs>li.active>a, .tab.v7 .nav-tabs>li.active>a, .tab.v8 .nav-tabs>li.active>a { border-right-color: #fff; } .tab.v8 .nav-tabs>li.active>a:before, .tab.v8 .nav-tabs>li.active>a:hover:before, .tab.v8 .nav-tabs>li.active>a:focus:before { content: ""; position: absolute; border-left: 2px solid #53c5d5; height: 100%; top: 0; left: -1px; } .tab.v6 i.fa { margin-right: 5px; } .tab.v6 .nav>li>a:hover, .tab.v6 .nav>li>a:focus, .tab.v6 .nav-tabs>li.active>a, .tab.v6 .nav-tabs>li.active>a:hover, .tab.v6 .nav-tabs>li.active>a:focus { color: #fff; background-color: #53c5d5; border-color: #53c5d5; position: relative; } .tab.v6 .nav-tabs>li>a:before { content: ""; position: absolute; top: 0; right: -40px; bottom: 0; width: 40px; border-style: solid; border-width: 20px; border-color: transparent; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; } .tab.v6 .nav-tabs>li:hover>a:before, .tab.v6 .nav-tabs>li.active>a:before { border-color: transparent transparent transparent #53c5d5 ; } .tab.v6 .nav-tabs>li>a { margin-bottom: 4px; border-radius: 3px; } .tab.v6 .nav-tabs { border:none; margin-top: 50px; } .tab.v6 .tab-content>.active { padding: 0 15px 0 35px; } .tab.v6 .tab-list li { font-size: 0.875em; color: #5d5d5d; position: relative; padding: 3px 0 3px 25px; line-height: 24px; } .tab.v6 .tab-list li:before { left: 0; top:8px; width: 14px; height: 14px; border:1px solid #53c5d5; } .tab.v6 .tab-list li:after { left: 3px; top:11px; width: 8px; height: 8px; background-color: #53c5d5; } .tab.v6 .tab-list li:after, .tab.v6 .tab-list li:before { content: ""; position: absolute; border-radius: 100%; } .tab.v6 .read-more { color: #212627; margin-left: 0; padding: 10px 30px; font-weight: bold; border: 1px solid #e8e8e8; border-radius: 3px; margin-top: 10px; display: inline-block; } .tab.v6 .read-more:hover { color: #fff; background: #53c5d5; border-color: #53c5d5; } /* 3.6.5 - End v6 ---------------------- */ /* 3.6.6 - v7 ---------------------- */ .tab.v7 .nav-tabs>li>a { background: -moz-linear-gradient(top, rgba(240,243,244,0.65) 0%, rgba(255,255,255,0) 100%); background: -webkit-linear-gradient(top, rgba(240,243,244,0.65) 0%,rgba(255,255,255,0) 100%); background: -o-linear-gradient(top, rgba(240,243,244,0.65) 0%,rgba(255,255,255,0) 100%); background: -ms-linear-gradient(top, rgba(240,243,244,0.65) 0%,rgba(255,255,255,0) 100%); background: linear-gradient(to bottom, rgba(240,243,244,0.65) 0%,rgba(255,255,255,0) 100%); } .tab.v7 .nav-tabs>li.active>a { border-right-color: #fff; margin-right: -1px; padding-right: 13px; } .tab.v7 .nav-tabs, .tab.v8 .nav-tabs { border-bottom: 0; } /* 3.6.6 - End v7 ---------------------- */ /* 3.6.7 - v8 ---------------------- */ .tab.v8 .tab-content { border: 0; border-left: 1px solid #dde6e9; } /* 3.6.7 - End v8 ---------------------- */ /* 3.6.8 - v9 ---------------------- */ .tab.v9 .nav-tabs { border-bottom: 0; margin: 30px auto; display: table; } .tab.v9 .nav-tabs>li { margin: 0 5px; } .tab.v9 .nav-tabs>li>a { border: 1px solid #e7ebee; border-radius: 0; } .tab.v9 .nav-tabs>li>a:hover, .tab.v9 .nav-tabs>li.active>a, .tab.v9 .nav-tabs>li.active>a:hover, .tab.v9 .nav-tabs>li.active>a:focus { color: #fff; background: #53c5d5; border-color: transparent; } /* 3.6.8 - End v9 ---------------------- */ /* 3.6 - End Tabs ------------------------------------------- */ /* ` ------------------------------------------- */ .widget select { max-width: 100%; } .widget > ul, .widget_nav_menu > div > ul { padding: 0; } .widget-title { text-transform: uppercase; } /* 3.7.1 - Blog Categories --------------------------- */ .widget > ul > li, .widget_nav_menu > div > ul > li { border-bottom: 1px solid #e7eef1; list-style: none; } .widget > ul > li ul > li, .widget_nav_menu > div > ul > li ul > li { border-top: 1px solid #e7eef1; list-style: none; position: relative; } .widget > ul > li > a, .widget_nav_menu > div > ul > li > a { display: inline-block; padding: 10px 0; position: relative; margin-left: 20px; } .widget > ul > li ul > li > a, .widget_nav_menu > div > ul > li ul > li > a { display: inline-block; padding: 5px 0; } .widget > ul > li > a:before, .widget > ul > li ul li a:before, .widget_nav_menu > div > ul > li > a:before, .widget_nav_menu > div > ul > li ul li a:before { content: "\f105"; font-family: FontAwesome; position: absolute; font-weight: normal; left: -20px; } .widget > ul > li .badge { background: #ecf0f1; color: #474f50; float: right; min-width: 30px; border-radius: 2px; padding: 3px 7px 4px; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; } .widget > ul > li > a:hover .badge { background: #53c5d5; color: #fff; } .widget .slide-show.carousel a span { width: 36px; height: 36px; line-height: 30px; font-size: 23px; color: #fff; } .widget .slide-show.carousel a.left span { right: inherit; left: 5px; } .widget .slide-show.carousel a.right span { right: 5px; } .widget_search .search-field { margin-right: 0; } .widget_search .search-submit { padding: 14px 15px; } /* 3.7.1 - End Blog Categories --------------------------- */ /* 3.7.2 - Popular Post --------------------------- */ .widget_popular_posts .recentposts .rp-img { width: 80px; height: 80px; } .widget_popular_posts li, .widget_twitter_feeds li, .widget_recent_comments li { border-bottom: 1px solid #e7eef1; } .widget_popular_posts li:last-child, .widget_twitter_feeds li:last-child, .widget_recent_comments li:last-child { border-bottom: 0; } /* 3.7.2 - End Popular Post --------------------------- */ /* 3.7.3 - Twitter Widget --------------------------- */ .widget_twitter_feeds .rp-img img { border-radius: 100%; } .widget_twitter_feeds span.name { font-weight: 700; } .widget_twitter_feeds a { text-decoration: none; } /* 3.7.3 - End Twitter Widget --------------------------- */ /* 3.7.4 - Tags Widget --------------------------- */ .tagcloud a { background: #ecf0f1; padding: 10px 15px; display: inline-block; margin: 0 6px 8px 0; font-size: 0.938rem; } /* 3.7.4 - End Tags Widget --------------------------- */ /* 3.7.5 - Flickr Widget --------------------------- */ .widget_flickr .flickr a { width: 60px; height: 60px; display: inline-block; margin: 2px 1px; position: relative; } .widget_flickr .flickr a:before, .widget_flickr .flickr a:after { -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; } .widget_flickr .flickr a:before { content: ""; position: absolute; background: #53c5d5; top: 0; right: 0; bottom: 0; left: 0; opacity: 0; } .widget_flickr .flickr a:after { content: "+"; position: absolute; color: #fff; text-align: center; line-height: 60px; top: 0; right: 0; bottom: 0; left: 0; opacity: 0; } .widget_flickr .flickr a:hover:before { opacity: 0.7; } .widget_flickr .flickr a:hover:after { opacity: 1; } /* 3.7.5 - End Flickr --------------------------- */ /* 3.7.6 - Slideshow --------------------------- */ .slide-show.carousel a span { background: transparent; color: #474f50; top: 50%; margin-top: -30px; opacity: 0; border-radius: 100%; border:2px solid #e5e5e5; position: absolute; width: 60px; height: 60px; text-align: center; line-height: 56px; font-size: 2.5rem; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; } .slide-show.carousel a:hover span { color: #53c5d5; border-color:#53c5d5; } .slide-show.carousel a.left span { left: 20px; } .slide-show.carousel a.right span { right: 20px; } .slide-show.carousel:hover a span { opacity: 1; } /* 3.7.6 - End Slideshow --------------------------- */ /* 3.7.7 - Contact --------------------------- */ .form-control { background: #fafafa; border: 1px solid #ecf0f1; border-radius: 2px; box-shadow: none; color: #9ba4a5; margin-bottom:30px; padding:24px 20px; } .form-control:focus { border-color: #53c5d5; box-shadow: 0 0 3px #d9d9d9; } .contact-form .btn { border:none; border-radius: 2px; background: #212627; font-weight: 700; text-transform: uppercase; } .contact-form .btn:hover { background: #53c5d5; color: #fff; } .footer-widget .form-control { background: transparent; border-color: #323738; } .footer-widget .form-control:focus { border-color: #53c5d5; } .footer-widget .btn-bg:hover { color: #fff; } .footer-contact-box .wpcf7-form > p { margin: 0; } .footer-contact-box .wpcf7-form input, .footer-contact-box .wpcf7-form textarea { border: 1px solid #323738; margin-bottom:10px; padding: 10px 15px; display: block; width: 100%; } .footer-contact-box .wpcf7-form input[type="submit"]:hover { background-color: #53c5d5; color: #FFF; transition: all 0.15s ease-in-out; } .footer-contact-box .wpcf7-form input:focus, .footer-contact-box .wpcf7-form textarea:focus { outline-color: transparent; } /* 3.7.7 - End Contact --------------------------- */ /* 3.7.8 - Calendar -------------------------------*/ #wp-calendar { width: 100%; } #wp-calendar caption { border: 1px solid #ecf0f1; text-align: center; margin-bottom: 18px; text-transform: uppercase; font-weight: 700; } #wp-calendar tbody td, #wp-calendar thead th { text-align: center; } #wp-calendar table, #wp-calendar th, #wp-calendar td { border: 1px solid #ecf0f1; line-height: 40px; } #wp-calendar td a { font-weight: 700; display: block; } #wp-calendar tbody td { -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; } #wp-calendar td a:hover { background: #53c5d5; color: #fff; } td#prev, td#next { text-align: center; } /* 3.7.8 - End Calendar -------------------------------*/ /* 3.7.9 - Contact Info -------------------------------*/ .contact-info { color: #9ba4a5; } .contact-info .contact { border-top: 1px solid #e7eef1; padding: 18px 0; } .contact-info .contact:first-child { padding-top: 0; border-top: 0; } .contact .icon { display: block; float: left; height: 30px; width: 30px; } .contact .text { display: block; overflow: hidden; } /* 3.7.9 - End Contact Info -------------------------------*/ /* 3.7.10 - Login -------------------------------*/ .widget_login .input-group { margin-bottom: 10px; } .widget_login .input-group-addon { border-radius: 0; } .widget_login .checkbox { padding-left: 20px; position: relative; } .widget_login .checkbox input[type=checkbox] { display: none; } .widget_login .checkbox input[type=checkbox] + label:before { content: ""; position: absolute; width: 20px; height: 20px; text-align: center; line-height: 19px; left: 0; top: 2px; background: #53c5d5; color: #fff; font-family: FontAwesome; font-size: 0.625rem; } .widget_login .checkbox input[type="checkbox"]:checked + label:before { content: "\f00c"; background: #53c5d5; } .widget_login .signup { margin-top: 10px; } .widget_login .signup a { text-decoration: underline; font-size: 0.875rem; } /* 3.7.10 - End Login -------------------------------*/ /* 3.7.11 - Popular Products -------------------------------*/ .widget_popular_product.widget .recentposts li { min-height: 125px; background: #fff; margin-bottom: 30px; box-shadow: 0 0 1px #f2f2f2; border-bottom: 1px solid #e3e3e3; padding: 7px; } .widget_popular_product.widget .recentposts .rp-title { font-size: 1.125rem; font-weight: 700; color: #474f50; } .widget_popular_product.widget .recentposts .rp-img { width: 100px; height: 100px; margin-left: 7px; } .widget_popular_product.widget .recentposts .rp-details{ padding-top: 15px; } .widget_popular_product.widget .recentposts .rp-price { margin: 5px 0; font-size: 1.125rem; font-weight: 700; } .widget_popular_product.widget .recentposts .rp-price, .widget_popular_product.widget .recentposts .rp-rating { color: #53c5d5; } .widget_popular_product.widget .recentposts .rp-price .line-through { color: #9ba4a5; } /* 3.7.11 - End Popular Products -------------------------------*/ /* 3.7.12 - Archive -------------------------------*/ .widget_archive li a:before { background: inherit; color: inherit; } .widget_archive li.down>a { color: #53c5d5; } .widget_archive > label, .widget_categories > label { display: block; } .widget_archive > select, .widget_categories > select { width: 100%; padding: 10px; } /* 3.7.12 - End Archive -------------------------------*/ /* 3.7.13 - Text Widget ------------------------------*/ .widget_text .textwidget { color: #777777; font-size: 0.875rem; line-height: 24px; } .widget_text .textwidget ol, .widget_text .textwidget ul{ list-style: inherit; padding-left: 20px; } .widget_text .textwidget img { margin: 15px 0; } /* 3.7.13 - End Text Widget -------------------------------*/ /* 3.7.14 - Search Widget -------------------------------*/ .search-form { position: relative; } .search-form > .search-field { padding-right: 55px; } .search-form > .search-submit { background: #53c5d5; color: #fff; border: 0; padding: 14px 15px; position: absolute; right: 0; top: 0; } /* 3.7.14 - End Search Widget -------------------------------*/ /* 3.7.15 - Recent Comments -------------------------------*/ .widget_recent_comments .recentposts .rp-img { width: 60px; height: 60px; } .widget_recent_comments .recentposts .rp-name { color: inherit; } .widget_recent_comments > ul > li { padding: 10px 0; } .widget_recent_comments > ul > li a:before { display: none; } /* 3.7.15 - End Recent Comments -------------------------------*/ /* 3.7.16 - RSS Feed Widget -------------------------------*/ .widget_rss {} .widget_rss .widget-title {} .widget_rss .widget-title > a {} .widget_rss > ul > li { margin-bottom: 25px; } .widget_rss > ul > li > a { display: inherit; padding: inherit; position: inherit; font-size: 1em; line-height: 1.2em; font-weight: 700; margin: inherit; margin-bottom: 10px; } .widget_rss > ul > li > .rss-date { display: inline-block; margin-bottom: 10px; font-size: 0.7rem; font-style: italic; color: #DDD; } .widget_rss > ul > li > cite { display: inline-block; } .widget_rss > ul > li > .rssSummary, .widget_rss > ul > li > cite { margin-bottom: 10px; font-size: 0.8em; } .widget_rss > ul > li > a:before { display: none; } /* 3.7.16 - End RSS Feed Widget -------------------------------*/ /* 3.7 - End Widget & Elements ------------------------------------------- */ /* 3 - End ShortCode ---------------------------------------------------------------------- */ /* 4 - Main Navigation ---------------------------------------------------------------------- */ /* 4.1 - Header ---------------------------------------------*/ #header { min-height: 100px;} #header, #top-menu-container, #header-wrap, #top-search, #top-cart, #primary-menu>ul>li.sub-menu li.sub-menu:after, #primary-menu ul li .mega-menu-content > ul:first-child { -webkit-transition: all .35s ease; -moz-transition: all .35s ease; -ms-transition: all .35s ease; -o-transition: all .35s ease; transition: all .35s ease; } #header-wrap { position: relative; background: #FFF; box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.08); width: 100%; margin: 0; border-top: 1px solid #e2e2e2; } #primary-menu>ul>li.sub-menu:hover>a>div:after, #primary-menu>ul>li.sub-menu li.sub-menu:hover:after { color: #fff; } #header-wrap .container { position: relative; } #top-menu-container.navbar-fixed-top { top: -130px; } #top-menu-container.fix-menu { top: 0; } .admin-bar #top-menu-container.fix-menu { top: 32px; } /* 4.1 - Header End ---------------------------------------------*/ /* 4.2 - Logo ---------------------------------------------*/ #logo { position: relative; float: left; height: 100px; } #logo a { color: #00a1cb; display: block; line-height: 90px; } #logo img { display: inline; max-width: 100%; } /* 4.2 - Logo End ---------------------------------------------*/ /* 4.3 - Primary Menu ---------------------------------------------*/ #primary-menu p { margin-bottom: 20px; } #primary-menu { float: right; } #primary-menu-trigger, #page-submenu-trigger { position: absolute; top: 50%; pointer-events: none; cursor: pointer; font-size: 14px; line-height: 50px; text-align: center; margin-top: -25px; width: 50px; height: 50px; opacity: 0; -webkit-transition: opacity .35s ease; -o-transition: opacity .35s ease; transition: opacity .35s ease; } #primary-menu ul { list-style: none; margin: 0; padding: 0; } #primary-menu > ul { float: left; } #primary-menu ul li { position: relative; float: left; margin-left: 2px; } #primary-menu ul li.mega-menu { position: inherit; } #primary-menu ul li:first-child { margin-left: 0; } #primary-menu ul li a { color: #5d5d5d; display: block; height: 100px; line-height: 100px; padding: 0 15px; font-weight: 400; font-size: 0.9375rem; text-transform: capitalize; } #primary-menu>ul>li>a { text-transform: uppercase; font-weight: 700; } #primary-menu ul li a:focus{ color: #5d5d5d; } #primary-menu ul li i { position: relative; font-size: 14px ; top: 1px; line-height: 99px; width: 14px; text-align: center; margin-right: 6px; -webkit-transition: line-height .35s ease; -o-transition: line-height .35s ease; transition: line-height .35s ease; } #primary-menu > ul > li:hover > a, #primary-menu > ul > li.current > a { color: #53c5d5; } #primary-menu li:hover > ul { display: block; } #primary-menu ul ul, #primary-menu ul li .mega-menu-content { display: none; position: absolute; width: 220px; background-color: #fff; box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.08); height: auto; top: 98px; left: 0; margin: 0; z-index: 99; } #primary-menu ul ul ul { top: -2px ; left: 220px; } #primary-menu ul ul li { float: none; margin: 0; border-bottom: 1px solid rgba(0, 0, 0, 0.08); } #primary-menu ul ul li:first-child { border-top: 0; } #primary-menu ul ul li:last-child { border-bottom: 0; } #primary-menu ul ul a { border: 0; color: #9ba4a5; font-size: 13px; font-weight: 500; letter-spacing: 0; line-height: 42px; height: auto; padding-top: 0; padding-bottom: 0 ; -webkit-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out; text-transform: capitalize; } #primary-menu ul ul li:hover > a { background-color: #53c5d5; color: #fff; } #primary-menu ul ul i { line-height: inherit; padding-right: 10px;} /* 4.3 - Primary Menu End ---------------------------------------------*/ /* 4.4 - Mega Menu ---------------------------------------------*/ #primary-menu ul li.mega-menu .mega-menu-content { width: 1140px; margin-left: 15px; top: 98px; } #primary-menu ul li .mega-menu-content ul { position: relative; top: 0; display: block; min-width: inherit; } .mega-menu-content li>div>h6 { padding: 0px 0px; text-transform: uppercase; } #primary-menu ul li .mega-menu-content > ul { float: left; } #primary-menu ul li .mega-menu-content ul { display: block ; opacity: 1 ; top: 0; left: 0; } #primary-menu ul li .mega-menu-content.col-2 > ul, #primary-menu ul li .mega-menu-content.col-3 > ul, #primary-menu ul li .mega-menu-content.col-4 > ul, #primary-menu ul li .mega-menu-content.col-5 > ul { width: 50%; margin: 0; border-left: 1px solid #F2F; } #primary-menu ul li .mega-menu-content.col-3 > ul { width: 33.33%; } #primary-menu ul li .mega-menu-content.col-4 > ul { width: 25%; } #primary-menu ul li .mega-menu-content.col-5 > ul { width: 20%; } #primary-menu ul li .mega-menu-content > ul:first-child { border-left: 0; top:0; } #primary-menu ul li .mega-menu-content ul a { height: auto; line-height: 42px; } #primary-menu ul li .mega-menu-content ul { width: 100%; border: 0; box-shadow: none; background-color: transparent; } #primary-menu ul li .mega-menu-content > ul { padding: 30px 20px; } #primary-menu ul li .mega-menu-content ul a { padding: 0px; } #primary-menu ul li .mega-menu-content ul a:hover { padding-left: 12px; } #primary-menu ul li .mega-menu-content > ul > li.mega-menu-title.sub-menu > a, #primary-menu ul li .mega-menu-content > ul > li.mega-menu-title.sub-menu:hover > a { background: none; } #primary-menu ul li .mega-menu-content > ul > li.mega-menu-title { margin-top: 20px; } #primary-menu ul li .mega-menu-content > ul > li.mega-menu-title:first-child { margin:0px; } #primary-menu ul li .mega-menu-content > ul > li.mega-menu-title > a { font-size: 13px; font-weight: bold; letter-spacing: 1px; text-transform: uppercase ; margin-bottom: 15px; color: #444 ; padding: 0; height: auto ; line-height: 1.3 ; } #primary-menu .mega-menu-content .menu-contact { color: #777; padding-top: 10px; } #primary-menu .mega-menu-content .menu-contact li { position: relative; padding: 8px 0 8px 20px; border:none; font-size: 13px; } #primary-menu .mega-menu-content .menu-contact li i { position: absolute; top: 8px; left: 0; } #primary-menu .mega-menu-content .menu-img { padding: 8px 0; } #primary-menu .mega-menu-content .menu-img a:hover { padding-left: 0; } #primary-menu .mega-menu-content a.btn { border:1px solid #ddd; border-radius: 3px; height: 40px; line-height: 40px; } #primary-menu .mega-menu-content a.btn:hover { border-color: #53c5d5; color: #fff; background: #53c5d5; } #primary-menu .mega-menu-content a.btn.full-btn, #primary-menu .mega-menu-content a.btn.full-btn:hover { padding: inherit; margin: 0; } #primary-menu .mega-menu-content .carousel-indicators li { border: 1px solid #fff; } #primary-menu .btn-container { text-align: left; } #primary-menu .btn-container .btn { margin-left: 0; line-height: 40px; margin-right: 3px; display: inline-block; } #primary-menu .btn-container .add-cart:hover, #primary-menu .btn-container .add-cart { padding: 0 20px; } #primary-menu .btn-container .heart:hover, #primary-menu .btn-container .heart { padding: 0 12px; width: 40px; } #primary-menu .mega-menu-content a.btn.heart { line-height: 36px; } #primary-menu .carousel i{ padding: 0; margin: 0; } #primary-menu .btn.heart .like-count i { padding: 0 10px; width: auto; } #primary-menu .carousel .new-price { color: #53c5d5; } #primary-menu .carousel .old-price { text-decoration: line-through; } #primary-menu .carousel .description { margin-bottom: 10px; } #primary-menu .carousel figure { position: relative; } #primary-menu .carousel figure img{ max-width: inherit; padding-top: 15px; height: auto; } #primary-menu .carousel figure .rebon-container { position: absolute; right: -3px; top: 12px; width: 100px; height: 100px; overflow: hidden; } #primary-menu .carousel figure .rebon { position: relative; font-weight: 700; color: #fff; line-height: 40px; display: inline-block; padding: 0 50px; margin-left: 5px; margin-top: 10px; background: #53c5d5; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } #primary-menu .carousel figure .rebon:before, #primary-menu .carousel figure .rebon:after { content: ""; position: absolute; border-right: 3px solid transparent; border-left: 3px solid transparent; border-top: 3px solid transparent; border-bottom: 3px solid #3aa8b8; width: 6px; height: 6px; bottom: -3px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } #primary-menu .carousel figure .rebon:before { left: 0px; } #primary-menu .carousel figure .rebon:after { right: -1px; border-bottom: 3px solid transparent; border-left: 3px solid #3aa8b8; } #primary-menu .carousel .fa-star, #primary-menu .carousel .fa-star-half-o{ color: #53c5d5; } #primary-menu .slide-show.carousel a span { color: #fff; width: 30px; height: 30px; border-width: 1px; line-height: 28px; margin-top: -17px; font-size: 1.125rem; } #primary-menu .slide-show.carousel a.left span { right: inherit; left: 5px; } #primary-menu .slide-show.carousel a.right span { right: 5px; } #primary-menu .carousel .slide-nav { position: absolute; border:2px solid #e7eef1; border-radius: 100%; top: -30px; right :15px; width: 26px; height: 26px; line-height: 20px; padding: 0 !important; text-align: center; } #primary-menu .slide-show.carousel a span:hover, #primary-menu .carousel .slide-nav:hover{ background: #53c5d5; border-color:#53c5d5; color: #fff; } #primary-menu .carousel .slide-nav.left { right: 50px; } /* 4.4 - Mega Menu End ---------------------------------------------*/ /* 4.5 - Top Search ---------------------------------------------*/ #top-search, #top-cart { float: right; margin: 30px 0 0 10px; } #top-search { margin-top: 33px; } #top-cart { position: relative; } #top-search a.hd-icons, #top-cart a.hd-icons { display: block; position: relative; background: #53c5d5; width: 36px; height: 36px; font-size: 14px; line-height: 27px; text-align: center; border-radius: 3px; color: #fff; -webkit-transition: all .35s ease; -moz-transition: all .35s ease; -ms-transition: all .35s ease; -o-transition: all .35s ease; transition: all .35s ease; } #top-search a.hd-icons { background: transparent; color: #53c5d5; } #top-search a.hd-icons:hover, #top-cart a.hd-icons:hover{ background: #30B3C5; color: #fff; } #top-cart a.hd-icons i { position: absolute; top: 50%; left: 50%; margin-top: -8px; margin-left: -8px; } #top-search a { z-index: 11; } #top-cart a:hover { color: #53c5d5; } #top-search a i { position: absolute; top: 50%; left: 50%; margin-top: -8px; margin-left: -5px; -webkit-transition: opacity .35s ease; -o-transition: opacity .35s ease; transition: opacity .35s ease; } #top-search form { opacity: 0; z-index: -2; position: absolute; width: 100% ; height: 100% ; margin: 0; top: 0; left: 0; -webkit-transition: opacity .35s ease-in-out; -o-transition: opacity .35s ease-in-out; transition: opacity .35s ease-in-out; } body.top-search-open #top-search form { opacity: 1; z-index: 10; } #top-search form input { background: #fff; box-shadow: none ; border-radius: 0; border: 0; color: #333; font-weight: 400; font-size: 32px; letter-spacing: 2px; outline: 0 ; height: 100%; margin-top: 0 ; padding: 10px 80px 10px 20px; } #primary-menu .container #top-search form input, .sticky-header #top-search form input { border: none ; } /* 4.5 - Top Search End ---------------------------------------------*/ /* 4.6 - Top Cart ---------------------------------------------*/ #top-cart { margin-right: 0; } #top-cart>a>span { position: absolute; top: -5px; right: -4px; background-color: #2d2d2d; border-radius: 50%; color: #ffffff; font-size: 10px; line-height: 16px; text-align: center; display: block; text-shadow: 1px 1px 1px rgba(0,0,0,0.2); width: 16px; height: 16px; } #top-cart .top-cart-content { overflow: hidden; height: 0; width: 0; -webkit-transition: opacity .5s ease, top .4s ease; -o-transition: opacity .5s ease, top .4s ease; transition: opacity .5s ease, top .4s ease; } #top-cart:hover .top-cart-content { position: absolute; top: 68px; right: 0; left: auto; height: auto; width: 280px; background-color: #fff; box-shadow: 0px 2px 2px 2px rgba(0, 0, 0, 0.07); border-top: 2px solid #53c5d5; margin: 0; -webkit-transition: opacity .5s ease, top .4s ease; -o-transition: opacity .5s ease, top .4s ease; transition: opacity .5s ease, top .4s ease; z-index: 999; } #top-cart:hover .top-cart-content { overflow: visible; } #top-cart:hover .top-cart-content:before { content: ""; position: absolute; top: -58px; left: 0; right: 0; height: 58px; background: transparent; } .fix-menu #top-cart:hover .top-cart-content:before { top: -30px; height: 30px; } #top-cart.top-cart-open .top-cart-content { opacity: 1; z-index: 11; margin-top: 0; } .top-cart-title { padding: 12px 15px; border-bottom: 1px solid #eee; } .top-cart-title h4 { margin-bottom: 0; font-size: 15px; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; } .top-cart-items { padding: 15px; } .top-cart-item { padding-top: 15px; margin-top: 15px; border-top: 1px solid #F5F5F5; } .top-cart-item:first-child { padding-top: 0; margin-top: 0; border-top: 0; } .top-cart-item-image { float: left; margin-right: 15px; width: 48px !important; height: 48px !important; border: 2px solid #eee; -webkit-transition: border-color .2s linear; -moz-transition: border-color .2s linear; -ms-transition: border-color .2s linear; -o-transition: border-color .2s linear; transition: border-color .2s linear; } .top-cart-item-image a, .top-cart-item-image img { display: block; width: 44px !important; height: 44px !important; } .top-cart-item-image:hover { border-color: #53c5d5; } .top-cart-item-desc { position: relative; overflow: hidden; width: 185px; } .top-cart-item-desc a { text-align: left !important; font-size: 13px !important; width: auto !important; height: auto !important; font-weight: 600; } .top-cart-item-desc span.top-cart-item-price { display: block; color: #999; font-size: 12px !important; line-height: 20px; } .top-cart-item-desc span.top-cart-item-quantity { position: absolute; color: #444; display: block; font-size: 12px !important; right: 0; top: 2px; } .top-cart-action { padding: 15px; border-top: 1px solid #eee; } .top-cart-item-title { width: 120px;} a.icon-remove { position: absolute; right: 0; top: -3px; } .top-cart-action span.top-checkout-price { color: #53c5d5; } body.top-search-open #top-search a i.fa-search, #top-search a i.fa-close { opacity: 0; } body.top-search-open #top-search a i.fa-close { opacity: 1; z-index: 11; } .top-cart-action .btn.view-cart { background: transparent; border:1px solid #eee; border-radius: 3px; font-weight: 600; color: #87919c; } .top-cart-action .btn.view-cart:hover { border-color: #53c5d5; background: #53c5d5; color: #fff; } /* 4.6 - Top Cart End ---------------------------------------------*/ /* 4.7 - Top Fix Menu ---------------------------------------------*/ .navbar-fixed-top #logo { height: 70px;} .navbar-fixed-top #logo a { line-height: 70px;} .navbar-fixed-top #primary-menu>ul>li>a { height: 70px; line-height: 70px; } .navbar-fixed-top #top-search, .navbar-fixed-top #top-cart { margin-top: 18px; } .navbar-fixed-top #top-cart .top-cart-content { top: 53px; } .navbar-fixed-top #primary-menu ul ul, .navbar-fixed-top #primary-menu ul li .mega-menu-content, .navbar-fixed-top #primary-menu ul li.mega-menu .mega-menu-content { top: 68px; } .navbar-fixed-top #primary-menu ul ul ul { top : -2px; } /* 4.7 - Top Fix Menu End ---------------------------------------------*/ /* 4.8 - Mini Top Bar ---------------------------------------------*/ .mini-top-bar { color: #9ba4a5; background-color:#fff; } .mini-top-bar .contact-details, .mini-top-bar .top-social-btn { margin: 0; padding: 0; margin-right: 15px; } .mini-top-bar .contact-details li, .mini-top-bar .top-social-btn li { font-size: 0.875em; line-height: 40px; padding: 0 10px; display: inline-block; } .mini-top-bar .top-social-btn li { padding: 0; } .mini-top-bar .contact-details li i { padding-right: 5px; } .mini-top-bar .top-social-btn li a { line-height: 40px; font-size: 1.125em; padding: 0 7px; } .mini-top-bar select.form-control.bm0 { height: 28px; padding: 2px 10px; } /* 4.8 - Mini Top Bar End ---------------------------------------------*/ /* 4.9 - Dark Menu ---------------------------------------------*/ .dark-nav #header-wrap, .dark-nav #primary-menu ul ul, .dark-nav #primary-menu ul li .mega-menu-content, .dark-nav .form-control, .dark-nav #top-cart .top-cart-content { background: #252f39; } .dark-nav .mega-menu-content li>div>h6, .dark-nav .mega-menu-content li>div>h6>span, .dark-nav .mega-menu-content li h6, .dark-nav #top-search form input, .dark-nav .top-cart-title h4{ color: #fff; } .dark-nav #primary-menu .carousel .slide-nav { border-color: #303b46; background: #303b46; } .dark-nav #primary-menu .carousel .slide-nav:hover { border-color: #1a232c; background: #1a232c; } .dark-nav #primary-menu .mega-menu-content a.btn, .dark-nav #primary-menu ul ul li, .dark-nav .top-cart-action, .dark-nav .top-cart-title, .dark-nav .top-cart-item-image, .dark-nav .top-cart-item { border-color: #404b56; } .dark-nav #primary-menu .mega-menu-content a.btn:hover { border-color: #00a1cb; } .dark-nav #primary-menu .carousel .old-price, .dark-nav #primary-menu .carousel .fa-star-o { color:#96a2ae; } .dark-nav #top-cart > a > span{ background: #fff; } .dark-nav #top-cart > a > span { color: #000; font-weight: 700; } .dark-nav .top-cart-item-desc span.top-cart-item-quantity { color: #87919c; } /* 4.9 - Dark Menu End ---------------------------------------------*/ /* 4.10 - Transparent Menu ---------------------------------------------*/ .transparent-nav #primary-menu>ul>li>a, .transparent-nav #primary-menu-trigger { color: #fff; } .transparent-nav.fix-small #primary-menu-trigger, .transparent-nav.fix-small #primary-menu>ul>li>a { color: #5d5d5d; } .transparent-nav.fix-small #primary-menu>ul>li>a:hover, .transparent-nav #primary-menu>ul>li>a:hover, .transparent-nav #primary-menu>ul>li.current>a, .transparent-nav #primary-menu>ul>li:hover>a { color: #53c5d5; } #top-menu-container.navbar-fixed-top.transparent-nav, #top-menu-container.transparent-nav { position: fixed; right: 0; left: 0; top: 0; z-index: 1030; } .transparent-nav #header-wrap { background: transparent; box-shadow: none; } .transparent-nav.fix-small { background: #fff; box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, 0.08); } .transparent-nav.fix-small #logo { height: 70px;} .transparent-nav.fix-small #logo a { line-height: 70px;} .transparent-nav.fix-small #primary-menu>ul>li>a { height: 70px; line-height: 70px; } .transparent-nav.fix-small #top-search, .transparent-nav.fix-small #top-cart { margin-top: 18px; } .transparent-nav.fix-small #top-cart .top-cart-content { top: 53px; } .transparent-nav.fix-small #primary-menu ul ul, .transparent-nav.fix-small #primary-menu ul li .mega-menu-content, .transparent-nav.fix-small #primary-menu ul li.mega-menu .mega-menu-content { top: 68px; } .transparent-nav.fix-small #primary-menu ul ul ul { top : -2px; } /* 4.10 - Transparent Menu End ---------------------------------------------*/ /* 4.11 - Shop Menu ---------------------------------------------*/ .shop-header #logo { float: none; } .shop-search { position: relative; margin: 30px 0 0 10px; width: 250px; margin-left: 0; } .navbar-fixed-top .shop-search { margin-top: 15px; } .shop-search .btn-search { background: transparent; position: absolute; color: #dadada; top: -10px; right: -8px; z-index: 9; padding: 10px 10px; } .shop-search .btn:focus, .shop-search .btn.active:focus { color: inherit; } .shop-search input.form-control { padding: 20px 35px 20px 15px; border-color: #e7eef1; background: #fff; } .shop-menu { width: 100%; position: relative; } #primary-menu.shop-menu>ul { text-align: center; width: 100%; } #primary-menu.shop-menu>ul>li { display: inline-block; float: none; } #primary-menu.shop-menu>ul>li { text-align: left; } .shop-menu:after { content: ""; left: 0; right: 0; height: 1px; top: 0; background-color: #e7eef1; position: absolute; } #primary-menu.shop-menu ul li a { height: 50px; line-height: 50px; } #primary-menu.shop-menu ul ul, #primary-menu.shop-menu ul li .mega-menu-content { top: 48px; } #primary-menu.shop-menu ul li.mega-menu .mega-menu-content { top: inherit; } .shop-page .mini-top-bar { background:#262b2c; } .shop-page .top-social-btn li a { color:#96a2ae; } .shop-page .mini-top-bar .contact-details>li>a:hover, .shop-page .top-social-btn li a:hover { color:#fff; } .shop-page .mini-top-bar select.form-control:focus, .shop-page .mini-top-bar select.form-control { background:transparent; border-color: transparent; box-shadow: none; outline: none; outline-offset:0; cursor: pointer; } .shop-page .mini-top-bar .language { z-index: 0; position: relative; } .shop-page .mini-top-bar .language label:after { content: "\f107"; text-align: center; font-family: FontAwesome; position: absolute; top: 7px; right: 7px; width: 25px; height: 25px; border: 1px solid rgba(255, 255, 255, 0.22); border-radius: 4px; line-height: 25px; z-index: -1; } .shop-page .choose-lag-box { overflow: hidden; float: right; } .shop-page .mini-top-bar #choose-lag { width: 120%; height: 40px; } .shop-page .fix-menu .shop-menu { display: none; } .shop-page .fix-out .shop-menu { display: block !important; } .shop-page #primary-menu ul li.mega-menu .mega-menu-content { margin-left: 0; } .shop-page .mini-top-bar .contact-details { margin-right: 0; } /* 4.11 - Shop Menu End ---------------------------------------------*/ /* 4.12 - Resurgent Menu ---------------------------------------------*/ /*.home-v4 #top-menu-container { min-height: 100px; background: #fff; } .home-v4 #top-menu-container.fix-menu { min-height: 70px; box-shadow: 0 0 1px rgba(0,0,0,.4); }*/ .resturent-nav { position: relative; z-index: 999; } .resturent-nav #logo { display: inline-block; position: absolute; top: 0; left: 50%; margin-left: -100px!important; } .resturent-nav .navbar { margin: 0; } .resturent-nav .nav>li>a { text-transform: uppercase; line-height: 100px; padding: 0 15px; color: #5d5d5d; } .fix-menu .resturent-nav .nav>li>a { line-height: 70px; } .resturent-nav .nav>li>a>i { padding-right: 7px; } .resturent-nav .nav>li>a:hover, .resturent-nav .nav>li>a:focus { background: transparent; color: #53c5d5; } .resturent-nav .navbar-toggle { color: #5d5d5d; font-size: 1.8em; padding: 11px 10px; z-index: 9999; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; } .resturent-nav .navbar-toggle:hover { color: #53c5d5; } .resturent-nav .has-sub-menu { position: relative; } .resturent-nav .sub-menu { display: none; position: absolute; top: 48px; width: 220px; text-align: left; background-color: #fff; box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.08); height: auto; top: 98px; left: 0; margin: 0; z-index: 99; } .resturent-nav .sub-menu>li { float: none; margin: 0; border-bottom: 1px solid rgba(0, 0, 0, 0.08); } .resturent-nav .sub-menu>li>a{ height: 50px; line-height: 50px; padding: 0 15px; display: inline-block; width: 100%; } .fix-menu .resturent-nav .sub-menu { top: 68px; } @media (max-width: 992px) { .navbar-header { float: none; } .navbar-left,.navbar-right { float: none !important; } .navbar-toggle { display: block; } .navbar-collapse { border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255,255,255,0.1); } .navbar-fixed-top { top: 0; border-width: 0 0 1px; } .navbar-collapse.collapse { display: none!important; } .navbar-nav { float: none!important; margin-top: 0px; margin-bottom: 0px; } .navbar-nav>li { padding: 0; float: none; border-bottom: 1px solid #e1e1e1 } .navbar-nav>li:last-child { border-bottom: 0px solid transparent; } .collapse.in { display:block !important; } .navbar-toggle { margin-top: 15px; margin-bottom: 15px; } .container>.navbar-header, .container-fluid>.navbar-header, .container>.navbar-collapse, .container-fluid>.navbar-collapse { margin-left: -15px; margin-right: -15px; } .navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand { margin-left:0; } .navbar-default .navbar-toggle, .navbar-default .navbar-toggle { color: #000; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; } .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: transparent; color: #e12444; } .menu-bg .navbar-default .navbar-toggle:hover, .menu-bg .navbar-default .navbar-toggle:focus { color: #0d0; } .navbar-default .navbar-toggle{ border-color: transparent; font-size: 2em; line-height: 25px; } .navbar-collapse.in { overflow-y: auto!important; border:0; } .resturent-nav .nav>li>a { line-height: 50px; } .resturent-nav .navbar-left, .resturent-nav .navbar-right { position: absolute; left: -15px; top: 0; right: 0; } .resturent-nav .navbar-left { right: -15px; } .resturent-nav .navbar-left .navbar-toggle { float: left; } .resturent-nav .navbar-left .navbar-nav, .resturent-nav .navbar-right .navbar-nav { margin-top: 90px; background: #fff; } .fix-menu .resturent-nav .navbar-left .navbar-nav, .fix-menu .resturent-nav .navbar-right .navbar-nav { margin-top: 60px; } .fix-menu .resturent-nav .navbar-toggle { margin-top: 0; } .resturent-nav .navbar-toggle { margin-right: 0; } .resturent-nav .sub-menu { display: block; width: 100%; position: inherit; top: inherit; left: inherit; text-align: center; } } @media (max-width: 768px) { .resturent-nav .navbar-right { right: -15px; } } /* 4.12 - Resurgent Menu ---------------------------------------------*/ /* 4.13 - Agency Menu ---------------------------------------------*/ .agency-nav #primary-menu { float: inherit; padding-left: 50px; } .agency-nav #primary-menu ul.main-menu { padding-left: 40px; } .agency-nav #primary-menu>ul>li>a:after { content: ""; position: absolute; bottom: 31px; left:50%; right: 50%; height: 2px; background: #53c5d5; opacity: 0; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; } .agency-nav.fix-small #primary-menu>ul>li>a:after { bottom: 18px; } .agency-nav #primary-menu>ul>li.current>a:after, .agency-nav #primary-menu>ul>li>a:hover:after { opacity: 1; left:15px; right: 15px; } /* 4.13 - Agency Menu End ---------------------------------------------*/ /* 4.14 - Top Contact No ---------------------------------------------*/ #top-contact-container { float: right; } #top-contact-no { font-size: 14px; position: relative; padding-top: 33px; height: 100px; line-height: 36px; } #top-contact-no .contact-icon { font-size: 16px; padding-right: 5px; display: inline-block; } .transparent-nav #top-contact-no { color: #fff; } .fix-small #top-contact-no { color: #5d5d5d; padding-top: 18px; height: 70px; } #top-contact-no .fa-close { display: none;} #top-contact-no .contact-icon, #top-contact-no, #top-contact-no .number { -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; } @media (max-width: 1200px) { #top-contact-no .number { background: #53c5d5; color: #fff; position: absolute; padding: 10px 15px; top: 50%; right: 0; width: 150px; border-radius: 0 0 2px 2px; opacity: 0; z-index: -1; } #top-contact-no.view .number { top: 100%; opacity: 1; z-index: 100; } #top-contact-no .contact-icon { cursor: pointer; color: #53c5d5; padding: 0 12px; border-radius: 2px; } #top-contact-no .contact-icon:hover { color: #fff; background: #53c5d5; } #top-contact-no.view .fa-close { display: inline; } #top-contact-no.view .fa-phone { display: none; } } @media (max-width: 992px) { #top-contact-container { float: none; position: absolute; top: 0; right: 15px; } } /* 4.14 - Top Contact No End ---------------------------------------------*/ /* 4 - Main Navigation End ------------------------------------------------------------------------*/ /* 5 - Breadcrumb Area ----------------------------------------------------------------------- */ .site-page-header { background: #ecf0f1; color: #9ba4a5; padding: 55px 0; } .site-page-header .site-title, .breadcrumb a { color: #9ba4a5; } .site-page-header .site-title { text-transform: uppercase; } .breadcrumb { background: transparent; } .breadcrumb li { display: inline-block; position: relative; } .breadcrumb li:before { content: "\f101"; font-family: 'FontAwesome'; position: absolute; right: 7px; top: 1px; } .breadcrumb li:last-child:before { content: ""; } .breadcrumb-item a { padding-right: 30px; } .breadcrumb a:hover, .breadcrumb .active { color: #53c5d5; } /* 5 - End Breadcrumb Area End ---------------------------------------------------------------------- */ /* 6 - Slider ---------------------------------------------------------------------- */ /* 6.1 - Rev Slider ---------------------------------------------*/ .mt-main-slider-container { position: relative; width: 100%; padding: 0px; } .mt-main-slider { width: 100%; position: relative; } .mt-main-slider .white { color: #FFF; } .mt-main-slider .gray { color: #474f50; } .mt-main-slider .gray-2 { color: #9E9E9E; } .mt-main-slider .bold { font-weight: 700; } .mt-main-slider .extra-bold { font-weight: 900; } .mt-main-slider .uppercase { text-transform: uppercase; } .mt-main-slider .heading { font-size: 48px; font-weight: 700; } .mt-main-slider .heading-2 { font-size: 25px; font-weight: 300; } .mt-main-slider .heading-3 { font-size: 36px; font-weight: 700; } .mt-main-slider .heading-transparent { font-size: 36px; font-weight: 700; background: rgba(255,255,255,.8); padding: 10px 20px; } .mt-main-slider .heading-transparent-2 { font-size: 25px; font-weight: 700; background: rgba(255,255,255,.8); padding: 10px 20px; } .mt-main-slider .description { font-size: 24px; line-height: 36px; } .mt-main-slider .center { text-align: center; } .mt-main-slider .highlited { color: #53c5d5; } .mt-main-slider a.action-button { background: #53c5d5; color: #FFF; padding: 15px 30px; font-size: 16px; font-weight: 600; letter-spacing: 1px; border-radius: 5px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .mt-main-slider a.action-button:hover { background: #FFF; color: #53c5d5; } .mt-main-slider a.action-button.transparent-btn { background: transparent; border: 2px solid #FFF; } .mt-main-slider a.action-button.transparent-btn:hover { background: rgba(255,255,255,0.5); border: 2px solid #FFF; color: #000; } .mt-main-slider .iconic-list > i { border: 1px solid #FFF; line-height: 18px; width: 20px; height: 20px; border-radius: 50%; margin-right: 7px; text-align: center; } span.underline:after { position: absolute; content: ""; width: 100px; height: 2px; background: #fff; bottom: -35px; left: 0; right: 0; margin: auto; } .tp-caption.white_thin_34, .tp-caption.white_heavy_70 { font-family: 'Lato', sans-serif; } /*Slider Nav*/ .tp-bullets.simplebullets.round .bullet { background: inherit; background: transparent; width: 14px; height: 14px; border-radius: 100%; margin: 4px; position: relative; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; } .tp-bullets.simplebullets.round .bullet:before { content: ""; position: absolute; border: 2px solid #fff; top: 0; right: 0; bottom: 0; left: 0; border-radius: 100%; } .tp-bullets.simplebullets.round .bullet:hover, .tp-bullets.simplebullets.round .bullet.selected, .tp-bullets.simplebullets.navbar .bullet:hover, .tp-bullets.simplebullets.navbar .bullet.selected { background: #53c5d5; } .tp-bullets.simplebullets.round .bullet:hover:before, .tp-bullets.simplebullets.round .bullet.selected:before, .tp-bullets.simplebullets.navbar .bullet:hover:before, .tp-bullets.simplebullets.navbar .bullet.selected:before { border-color: #53c5d5; } /* 6.1 - End Rev Slider ---------------------------------------------*/ /* 6.2 - Bootstrap Slider ---------------------------------------------*/ .creative-design .carousel-inner .item img { display: table; margin: auto; } .creative-design a.nav-control { font-size: 4.5rem; color: #fff; top: 50%; position: absolute; } .creative-design a.right.nav-control, .creative-design a.left.nav-control { margin-top: -50px; } .creative-design a.right.nav-control { right: 0; } .creative-design .carousel { margin-bottom: -10px; } /* 6.2 - End Bootstrap Slider ---------------------------------------------*/ /* - End Slider ---------------------------------------------------------------------- */ /* 7 - Home v1 ---------------------------------------------------------------------- */ .home-v1 .feature-box .icon { border:1px solid #edf0f3; } .home-v1 .footer-contact-box h4 { color: #b0bac5; } .home-v1 .copyrights { padding-top: 5px; } /* 7.1 - Feature Box ------------------------------------------- */ .feature-box.v4 { position: relative; padding-bottom: 170px; } .feature-box.v4 .icon { float: left; } .feature-box.v4 .center-circle { text-align: center; } .feature-box.v4 .single-box { position: absolute; width: 365px; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; } .feature-box .icon { width: 60px; height: 60px; border-radius: 100%; text-align: center; line-height: 60px; font-size: 1.5rem; margin: 0 25px; } .feature-box.v4 .left .icon-text { margin-right: 108px; } .feature-box.v4 .right .icon-text { margin-left: 108px; } .feature-box.v4 .right.four .icon-text { margin-left: 0; } .feature-box.v4 .single-box .icon-text, .feature-box.v4 .single-box .icon-text .feature-title { margin-top: 0; } .feature-box.v4 .feature-title { font-weight: 700; } .feature-box.v4 .single-box.left .icon { float: right; } .feature-box.v4 .single-box.right { right: 0; } .feature-box.v4 .single-box.left { left: 0; } .feature-box.v4 .single-box.right.one, .feature-box.v4 .single-box.left.one { top: -20px; } .feature-box.v4 .single-box.right.two, .feature-box.v4 .single-box.left.two { top: 111px; } .feature-box.v4 .single-box.right.three, .feature-box.v4 .single-box.left.three { top: 240px; } .feature-box.v4 .single-box.right.four { left: 50%; margin-top: 30px; text-align: center; margin-left: -180px; } .feature-box.v4 .single-box.right.four .icon { float: none; display: inline-block; margin-bottom: 15px; } .feature-box.v4 .single-box.right.one { right: 55px; } .feature-box.v4 .single-box.left.one { left: 55px; } .feature-box.v4 .single-box.right.two { right: 45px; } .feature-box.v4 .single-box.left.two { left: 45px; } .feature-box.v4 .single-box.right.three { right: 115px; } .feature-box.v4 .single-box.left.three { left: 115px; } .feature-box.v4 .single-box:before, .feature-box.v4 .single-box:after { content: ""; position: absolute; border-radius: 100%; } .feature-box.v4 .single-box:before { border: 5px solid #53c5d5; z-index: 1; } .feature-box.v4 .single-box:after { border: 1px solid #e8eef1; background: #fff; width: 20px; height: 20px; z-index: 0; } .feature-box.v4 .right.one:before { top: 28px; left: -32px; } .feature-box.v4 .right.one:after { top: 23px; left: -37px; } .feature-box.v4 .right.two:before { left: -21px; top: 22px; } .feature-box.v4 .right.two:after { left: -26px; top: 17px; } .feature-box.v4 .right.three:before { left: -20px; top: -20px; } .feature-box.v4 .right.three:after { left: -25px; top: -25px; } .feature-box.v4 .right.four:before { top: -39px; left: 50%; margin-left: -5px; } .feature-box.v4 .right.four:after { top: -44px; left: 50%; margin-left: -10px; } .feature-box.v4 .left.three:before { top: -25px; right: -15px; } .feature-box.v4 .left.three:after { top: -30px; right: -20px; } .feature-box.v4 .left.two:before { right: -22px; top: 21px; } .feature-box.v4 .left.two:after { top: 16px; right: -27px; } .feature-box.v4 .left.one:before { right: -30px; top: 31px; } .feature-box.v4 .left.one:after { top: 26px; right: -35px; } .feature-box.v4 .single-box:hover:before { border: 0; } .feature-box.v4 .single-box:hover:after { border-color: #53c5d5; border-width: 2px; } .feature-box.v4 .single-box:hover .icon-text .feature-title { color: #53c5d5; } .feature-box.v4 .single-box:hover .icon { background: #53c5d5; border-color:#53c5d5; color: #fff; } .feature-box.v4 .single-box:before, .feature-box.v4 .single-box:after { -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; } /* 7.1 - End Feature Box ------------------------------------------- */ /* 7.2 - Isotope v1 ------------------------------------------- */ .isotope figure { position: relative; width: 100%; height: 100%; } .isotope.gap-v figure { margin: 0 8px 0px 8px; } .gap-row { margin-left: -8px; margin-right: -8px; } .isotope figure img { width: 100%; } .filter-work.v1 .isotope:after, .mt-portfolio-archives .isotope:after { content: ''; display: block; clear: both; } .filter-work.v1 .item, .mt-portfolio-archives .item { float: left; width: 384px; height: 300px; position: relative; overflow: hidden; } .mt-portfolio-archives .item { float: none; width: auto; height: auto; } .mt-portfolio-archives .item.inline-grid { margin: 0; margin-left: -15px; margin-right: -15px; } .filter-work.v1 .item-text:before, .mt-portfolio-archives .item-text:before { content: ""; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; padding: 15px; opacity: 0; text-align: center; background: rgba(0, 0, 0, 0.8); -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; } .filter-work.v1 figure:hover .item-text:before, .mt-portfolio-archives figure:hover .item-text:before { opacity: 1; } .filter-work.v1 figure img, .mt-portfolio-archives figure img { width: 100%; } .filter-work.v1 .item-text, .mt-portfolio-archives .item-text, .filter-work.v1 .item-text .item-link a, .mt-portfolio-archives .item-text .item-link a { color: #fff; } .filter-work.v1 .item-text .item-link a i, .mt-portfolio-archives .item-text .item-link a i { width: 50px; height: 50px; line-height: 46px; text-align: center; border: 2px solid #fff; border-radius: 100%; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; } .filter-work.v1 figure a.project-link, .mt-portfolio-archives figure a.project-link, .filter-work.v1 figure a.zoom-link, .mt-portfolio-archives figure a.zoom-link { position: absolute; opacity: 0; left: 50%; top: 50%; margin-left: -25px; margin-top: -25px; } .filter-work.v1 figure:hover a.project-link, .mt-portfolio-archives figure:hover a.project-link { margin-left: -55px; opacity: 1; } .filter-work.v1 figure:hover a.zoom-link, .mt-portfolio-archives figure:hover a.zoom-link { margin-left: 5px; opacity: 1; } .filter-work.v1 .item-text .item-link a:hover i, .mt-portfolio-archives .item-text .item-link a:hover i { background: #fff; color: #53c5d5; border-radius: 100%; } .filter-work.v1 .isotope-filters, .mt-portfolio-archives .isotope-filters { margin: 50px 0; } .filter-work.v1 .isotope-filters .btn, .mt-portfolio-archives .isotope-filters .btn { color: #9ba4a5; border: 1px solid #e7ebee; background: transparent; padding: 9px 20px; margin: 5px; } .filter-work.v1 .isotope-filters .btn:hover, .mt-portfolio-archives .isotope-filters .btn:hover, .filter-work.v1 .isotope-filters .btn.active, .mt-portfolio-archives .isotope-filters .btn.active { background: #53c5d5; color: #fff; border-color: transparent; } .filter-work.v1 .isotope.grid .item, .mt-portfolio-archives .isotope.grid .item { margin-bottom: 12px; } .more-work-btn { width: 100%; background: #53c5d5; color: #fff; line-height: 120px; font-size: 1.125em; font-weight: bold; display: inline-block; margin: 0; } .more-work-btn:hover{ background: #212627; color: #fff; } /* 7.2 - End Isotope ------------------------------------------- */ /* 7.3 - Team Members ------------------------------------------- */ .single-member.v1, .single-member.v2 { width: 350px; height: 350px; margin: 20px auto; border-radius: 100%; position: relative; box-shadow: 0 0px 5px 1px #e7eef1; overflow: hidden; } .single-member.v1 figure{ padding: 10px; } .single-member.v1 img { width: 100%; height: auto; border-radius: 100%; } .single-member.v1 .item-text:before, .single-member.v2 .item-text:before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; padding: 0; opacity: 0; text-align: center; border-radius: 100%; background: rgba(0, 0, 0, 0.6); -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; } .single-member.v1 figure:hover .item-text:before, .single-member.v2 figure:hover .item-text:before { opacity: 1; padding: 15px; } .single-member.v1 .item-title, .single-member.v1 .item-designation, .single-member.v1 .item-description, .single-member.v2 .item-title, .single-member.v2 .item-designation, .single-member.v2 .item-description { position: absolute; color: #fff; left: 0; right: 0; text-align: center; } .single-member.v1 .item-title, .single-member.v1 .item-designation, .single-member.v1 .item-description, .single-member.v2 .item-title, .single-member.v2 .item-designation, .single-member.v2 .item-description, figure .social-btn { -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; opacity: 0; } .single-member.v1 figure:hover .item-title, .single-member.v1 figure:hover .item-designation, .single-member.v1 figure:hover .item-description, .single-member.v2 figure:hover .item-title, .single-member.v2 figure:hover .item-designation, .single-member.v2 figure:hover .item-description, figure .social-btn { opacity: 1; } .single-member .item-title { top: 50%; margin-top: -60px; } .single-member .item-designation { top: 50%; } .single-member .item-description { top: 135px; } .single-member.v1 figure:hover .item-link { left: 0; right: 0; top: 50%; } /* 7.3.1 - Team Members v2 --------------------------- */ .owl-member .single-member.v2 { width: 100%; height: auto; } .single-member.v2 { border-radius: 0; box-shadow: none; } .single-member.v2 .item-text:before { border-radius: 0; } .single-member.v2 .item-description { padding: 20px; } figure .social-btn { position: absolute; text-align: center; left: 0; right: 0; top: 50%; opacity: 0; margin-top: 60px; } figure:hover .social-btn { -webkit-transition-delay: .2s; -moz-transition-delay: .2s; -ms-transition-delay: .2s; -o-transition-delay: .2s; transition-delay: .2s; margin-top: 10px; opacity: 1; } .single-member.v2 figure:hover .item-designation { margin-top: -35px; color: #9ba4a5; } figure .social-btn .icon { display: inline-block; border: 1px solid rgba(255,255,255,.5); border-radius: 100%; color: #fff; line-height: 34px; width: 36px; height: 36px; margin: 5px; } figure:hover .social-btn .facebook:hover { background: #1b78c7; border-color: #1b78c7; } figure:hover .social-btn .pinterest:hover { background: #da421f; border-color: #da421f; } figure:hover .social-btn .twitter:hover { background: #00bff3; border-color: #00bff3; } figure:hover .social-btn .googleplus:hover { background: #1b78c7; border-color: #1b78c7; } figure:hover .social-btn .tumbler:hover { background: #2c4762; border-color: #2c4762; } /* 7.3.1 - Team Members v2 End --------------------------- */ /* 7.3.2 - Team Members v3 --------------------------- */ .single-member.v3 .item-text { text-align: center; } .single-member.v3 .item-text .item-title { font-weight: 700; margin-top: 30px; margin-bottom: 2px; } .single-member.v3 .item-text .item-designation, .single-member.v3 .item-text .item-description { display: block; margin-bottom: 20px; } .single-member.v3 .item-title, .single-member.v3 figure .img-overlay:before { -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; } .single-member.v3 figure .img-overlay { position: relative; } .single-member.v3 figure .img-overlay:before { content: ""; position: absolute; background: transparent; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; } .single-member.v3 figure:hover .img-overlay:before { background: rgba(0, 0, 0, 0.5); } .single-member.v3 figure:hover .item-text .item-title { color: #53c5d5; } .single-member.v3 { padding: 10px; background-color: #fff; box-shadow:0px 1px 1px rgba(0,0,0,0.1); margin: 2px 0; } .single-member.v3 .social.v5 a { height: 40px; width: 40px; line-height: 38px; } .single-member.v3 .social.v5 a:hover { color:#fff; } .single-member.v3 a.facebook:hover { background: #1b78c7; } .single-member.v3 a.twitter:hover { background: #00bff3; } .single-member.v3 a.pinterest:hover { background: #da421f; } .single-member.v3 a.googleplus:hover { background: #d44132; } .single-member.v3 a.dribbble:hover { background: #bc2a83; } /* 7.3.2 - Team Members v3 End --------------------------- */ /* 7.3.3 - Team Members - v4 Chefs --------------------------- */ .single-member.v4 { position: relative; overflow: hidden; } .single-member.v4 figure:after, .single-member.v4 img { -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; } .single-member.v4 figure { position: relative; z-index: 0; max-width: 400px; margin: auto; } .single-member.v4 figure:after { position: absolute; content: ""; top: 0; left: 0; right: 0; bottom: 0; } .single-member.v4 figure:hover:after { background: rgba(255,255,255,.7); } .single-member.v4 figure figcaption { z-index: 2; } .single-member.v4 .item-text { text-align: center; } .single-member.v4 figure .item-text { position: absolute; top: 50%; padding: 0 20px; } .single-member.v4 .item-designation, .single-member.v4 .item-description { display: block; margin-bottom: 20px; } .single-member.v4 .item-title, .single-member.v4 .item-designation, .single-member.v4 .item-description, .single-member.v4 .item-link { -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; -webkit-transform: scale(2,2); -moz-transform: scale(2,2); -ms-transform: scale(2,2); -o-transform: scale(2,2); transform: scale(2,2); opacity: 0; } .single-member.v4 figure:hover .item-title, .single-member.v4 figure:hover .item-designation, .single-member.v4 figure:hover .item-description, .single-member.v4 figure:hover .item-link { -webkit-transition-delay: .25s; -moz-transition-delay: .25s; -ms-transition-delay: .25s; -o-transition-delay: .25s; transition-delay: .25s; -webkit-transform: scale(1,1); -moz-transform: scale(1,1); -ms-transform: scale(1,1); -o-transform: scale(1,1); transform: scale(1,1); opacity: 1; } .single-member.v4 figure:hover .item-title { color: #53c5d5; font-weight: 700; } /*chefs carousel*/ .owl-chefs.owl-theme .owl-nav { margin-top: 0; } /* 7.3.3 - Team Members - v4 Chefs End --------------------------- */ /* 7.3.5 - Team Members - v5 --------------------------- */ .single-member.v5 { padding: 20px 0; background: #fafafa; border-radius: 3px; position: relative; z-index: 0; } .single-member.v5:before, .single-member.v5:after { content: ""; position: absolute; top: 1px; left: 1px; right: 1px; bottom: 1px; box-shadow: 0 0 1px 1px #f7f7f7; z-index: -1; } .single-member.v5:before { box-shadow: none; border-bottom: 1px solid #e8e8e8; } .single-member.v5 .img-overlay { max-width: 180px; border-radius: 100%; padding: 5px; margin: 0 auto; } .single-member.v5 .img-overlay img { border-radius: 100%; } .single-member.v5 .item-text { text-align: center; padding-top: 100px; } .single-member.v5 .item-designation { display: block; color: #919292; } .single-member.v5 .item-description { display: block; padding: 15px; } .single-member.v5 .item-title { color: #53c5d5; } .single-member.v5:hover { color: #fff; background-color: #53c5d5; } .single-member.v5:hover .img-overlay { background: #fff; } .single-member.v5:hover .social.v7 li a:hover, .single-member.v5:hover .item-title { color: #fff; } .single-member.v5:hover .social.v7 li a, .single-member.v5:hover .item-designation { color: #9fe5ef; } .single-member.v5:hover:before { border:none; } .single-member.v5, .single-member.v5 .item-title, .single-member.v5 .img-overlay, .single-member.v5 .item-designation, .single-member.v5:hover .social.v7 li a { -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; } /* 7.3.5 - Team Members - v5 End --------------------------- */ /* 7.3 - End Team Members ------------------------------------------- */ /* 7.4 - Working Process ------------------------------------------- */ .process-circle { color: #fff; text-align: center; } .process-circle li { display: inline-block; margin-right: 50px; position: relative; } .process-circle ul li:first-child .circle:before { border-color: transparent; } .process-circle li:before { content: ""; position: absolute; width: 50px; top: 82px; left: -50px; border-bottom: 1px dashed #959595; z-index: -1; } .process-circle li:first-child:before { border: 0; } .process-circle li:last-child { margin-right: 0; } .process-circle li .circle { font-size: 2.625rem; width: 165px; height: 165px; line-height: 160px; border: 1px solid #53c5d5; position: relative; /*background-image: url('../images/process-circle.png');*/ } .process-circle li .circle i { background: rgba(107, 113, 126, 0.7); border-radius: 100%; padding: 45px; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; } .process-circle li:hover .circle i { background: #53c5d5; } .process-circle li .circle:before { content: ""; position: absolute; border: 5px solid #fff; border-radius: 100%; top: 50%; margin-top: -6px; left: -6px; } .process-circle li .circle:after { content: "\f061"; font-family: FontAwesome; position: absolute; border-radius: 100%; top: 50%; margin-top: -17px; right: -13px; background: #fff; color: #53c5d5; font-size: 0.9375rem; width: 34px; height: 34px; line-height: 33px; } .process-circle li:last-child .circle:after { content: "\f00c"; } .process-circle li .text { margin-top: 15px; display: block; font-size: 1.5rem; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; } .process-circle li:hover .text { color: #53c5d5; } /* 7.4 - End Working Process ------------------------------------------- */ /* 7.5 - Why Choose ------------------------------------------- */ .feature-box.v5 .icon { margin: 10px; color: #53c5d5; float: left; border: 1px solid #edf0f3; } .feature-box.v5 .icon-text { overflow: hidden; padding-top: 5px; } .feature-box.v5 .icon-text .feature-title { font-weight: 700; } .feature-box.v5, .feature-box.v5 p { margin-bottom: 5px; } .feature-box.v5:hover .icon { color: #fff; background: #53c5d5; border-color: transparent; } .feature-box.v5:hover .icon-text .feature-title { color: #53c5d5; } /* 7.5 - End Why Choose ------------------------------------------- */ /* 7.6 - Client-logo ------------------------------------------- */ .client-logo .section-padding { padding: 50px 0; } /* 7.6 - End Client-logo ------------------------------------------- */ /* 7.7 - Fun Facts ------------------------------------------- */ .fun-fact { color: #919292; } .background-bg .fun-fact { color: #fff; } .fun-fact .fact-icon i:before { font-size: 4.375em; margin: 0; } .fun-fact .fact-count { display: inline-block; width: 100%; color: #53c5d5; font-weight: 300; font-size: 48px; } /* 7.7 - Fun Facts End ------------------------------------------- */ /* 7 - End Home v1 ---------------------------------------------------------------------- */ /* 8 - Home v2 ---------------------------------------------------------------------- */ .home-v2 #primary-menu>ul>li>a { text-transform: uppercase; font-weight: 700; } .home-v2 .section-title { font-weight: 700; } .home-v2 .section-title small { display: block; font-size: 1.125rem; color: #919292; text-transform: initial; } .home-v2 .base-bg .section-title small { color: #f5f5f5; } .section-title.text-left { text-align: left; } .home-v2 .feature-box.v2{ margin-top: -10px; } .home-v2 .feature-box.v2 .icon { color: #919292; font-size: 2.8125rem; float: left; margin: 0; } .home-v2 .feature-box.v2 .feature-title { margin-left: 70px; padding-top: 15px; } .home-v2 .feature-box.v2 .icon-text { overflow: hidden; width: 100%; padding-bottom: 15px; } .home-v2 .fun-fact { position: relative; padding-left: 40px; padding-top: 45px; margin: auto; text-align: left; display: inline-block; } .home-v2 .fun-fact .fact-count { width: inherit; } .home-v2 .fun-fact .fact-icon { position: absolute; left: -45px; } .home-v2 .fact-name { display: block; } .home-v2 .filter-work.v1 .isotope-filters .btn, .home-v2 .mt-portfolio-archives .isotope-filters .btn{ position: relative; border:none; font-size: 1.125rem; color:#fff; opacity: .5; padding: 10px; } .home-v2 .filter-work.v1 .isotope-filters .btn:after, .home-v2 .mt-portfolio-archives .isotope-filters .btn:after { content: ""; position: absolute; left: 8px; right: 8px; bottom: 0; height: 5px; background-image: url('../images/dot-squr.png'); } .home-v2 .filter-work.v1 .isotope-filters .btn.active, .home-v2 .mt-portfolio-archives .isotope-filters .btn.active, .home-v2 .filter-work.v1 .isotope-filters .btn:hover, .home-v2 .mt-portfolio-archives .isotope-filters .btn:hover { opacity: 1; } .home-v2 .recent-news article { border:1px solid #f7f7f7; padding: 9px; margin-bottom: 34px; overflow: hidden; } .home-v2 .recent-news .post-details { margin-left: 240px; } .home-v2 .recent-news .thumbnails { float: left; } .home-v2 .recent-news .entry-title { margin-top: 10px; font-size: 1.125em; } .home-v2 .recent-news .entry-content p:last-child { margin-bottom: 0; } .home-v2 .client .item { padding: 30px; } .home-v2 .client .item:nth-child(1){ border-right:1px dashed #f1f3f6; border-bottom:1px dashed #f1f3f6; } .home-v2 .client .item:nth-child(2) { border-bottom:1px dashed #f1f3f6; } .home-v2 .client .item:nth-child(3) { border-right:1px dashed #f1f3f6; } .home-v2 .isotope { padding-top:15px; } /* 8.2 - Feature ------------------------------------------- */ .overlay .feature-box.v5 .icon, .overlay .feature-box.v5 .feature-title { color: #fff; } .border { border: 1px solid #e7eef1; padding: 15px; } /* 8.2 - End Feature ------------------------------------------- */ /* 8.3 - Skill ------------------------------------------- */ .overlay .circle-skill .skill-name { color: #fff; } .feature-box.v6 { position: relative; margin-bottom: 60px; } .feature-box.v6.one { margin-top: -20px; } .feature-box.v6.two { margin-top: -18px; } .feature-box.v6.three { margin-top: -20px; } .feature-box.v6:before, .feature-box.v6:after { content: ""; position: absolute; } .feature-box.v6:before { border: 7px solid #e7eef1; left: -30px; top: 3px; z-index: 1; } .feature-box.v6:after { background: #fff; width: 24px; height: 24px; border: 1px solid #e7eef1; left: -35px; top: -2px; z-index: 0; } .feature-box.v6:before, .feature-box.v6:after { border-radius: 100%; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; } .feature-box.v6:hover .feature-title { color: #53c5d5; } .feature-box.v6:hover:before { border-color: #53c5d5; } .feature-box.v6:hover:after { border-color: #53c5d5; } /* 8.3 - End Skill ------------------------------------------- */ /* 8 - End Home v2 ---------------------------------------------------------------------- */ /* 9 - Home v3 ---------------------------------------------------------------------- */ .home-v3 .features .icon { float: none; margin: auto; border:none; font-size: 3.875rem; color: #474f50; margin-bottom: 35px; } .home-v3 .feature-box:hover .feature-title, .home-v3 .feature-box:hover .icon { color: #53c5d5; } .home-v3 .btn-icon { font-size: 1rem; color: #212627; } .home-v3 .btn-icon i { padding-left: 5px; } .home-v3 .btn-icon:hover { color: #53c5d5; } .home-v3 .circle-skill .skill-name { font-weight: 400; text-transform: uppercase; } .home-v3 .circle-skill .skill-item { color: #fff; } .home-v3 .item-designation { color: #9ba4a5; } .is-great { background-size: cover; background-position: 50%; } .overlay .accordion.v4 .panel { border: 0 solid transparent; background:rgba(0,0,0,.25); } .overlay .accordion.v4 .panel-title { border:1px solid rgba(255, 255, 255, 0.15); } .accordion.v4 .panel-group .panel-heading+.panel-collapse>.panel-body, .accordion.v4 .panel-group .panel-heading+.panel-collapse>.list-group { border-top: transparent; } /* 9.1 - Recent News ------------------------------------------- */ .post .thumbnails img{ width: 100%; } .overlay .post-details .entry-title a { color: #fff; } .overlay .entry-content, .overlay .entry-content p, .overlay .entry-content a, .overlay .post-meta, .overlay .post-meta a { color: #bcc5c6; } .overlay .entry-content a:hover, .overlay .post-meta a:hover { color: #53c5d5; } .overlay .post-meta { border-top: 1px dashed #6d7076; border-bottom: 1px dashed #6d7076; } .overlay .post-meta span:after { background: #6d7076; } /* 9.1 - End Recent News ------------------------------------------- */ /* 9 - End Home v3 ---------------------------------------------------------------------- */ /* 10 - Home v4 ---------------------------------------------------------------------- */ .home-v4 .feature-box.v1 .icon { float: none; } .home-v4 .product-details .quantity .form-control { border-color: #e7eef1; } .home-v4 .big-img { padding: 4px; border:1px solid #e7eef1; } .isotope-2 .product.item { background: transparent; } .heart.btn-heart { position: relative; } .heart.btn-heart .like-count { position: absolute; width: 100px; line-height: 35px; padding-bottom: 15px; top: -30px; left: -32px; color: #5d5d5d; opacity: 0; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; } .heart.btn-heart:hover .like-count { opacity: 1; top: -50px; } .heart.btn-heart .like-count:after, .heart.btn-heart .like-count:before { content: ""; width: 14px; height: 14px; position: absolute; border-style: solid; border-width: 7px; border-color: #e7eef1 transparent transparent transparent; left: 50%; margin-left: -6px; bottom: 1px; } .heart.btn-heart .like-count:after { bottom: 2px; border-top-color: #fff; } .heart.btn-heart .like-count i { display: inline-block; border:1px solid #e7eef1; background: #fff; padding: 0 10px; border-radius: 3px; } .white-overlay { background-color: rgba(236,240,241,.95); } .home-v4 .footer-contact-box { display: block; background-image:none; } .footer-contact-box .working-time, .footer-contact-box .contact-us { padding: 0; padding-top: 10px; list-style: none; } .footer-copyright { padding: 13px 0 10px 0; background: #212627; } .copyrights { padding-top: 20px; } .footer-contact-box .contact-us .left { width: 20px; } .footer-contact-box .contact-us .right { margin-left:25px; } /* 10.1 - Product Slide ------------------------------------------- */ .product-slide.v1 .carousel li { margin-right: 5px; } .product-slide.v1 .carousel img { display: block; opacity: .5; cursor: pointer; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; } .product-slide.v1 .carousel img:hover { opacity: 1; } .product-slide.v1 .carousel .flex-active-slide img { opacity: 1; cursor: default; } .product-slide.v1 .flexslider .flex-next { right: -50px; } .product-slide.v1 .flexslider .flex-prev { left: -50px; } /* 10.1.1 - Product Details --------------------------- */ .product-details .product-size.form-control { padding: 0px 20px; } .product-details .title { margin-top: 0; font-weight: 700; } .product-details .pitem { color: #474f50; text-transform: uppercase; } .rp-rating { color: #53c5d5; } .product-details .pitem, .product-details .rp-rating { margin-bottom: 20px; display: inline-block; } .product-details .price { color: #53c5d5; font-size: 1.5rem; font-weight: 700; } .product-details .price .amount.line-through { color: #9ba4a5; font-weight: normal; } .product-details .quantity .label { margin-top: 5px; } .product-details .quantity .custom-btn { color: #9ba4a5; margin: 0; background: transparent; border: 1px solid #e7eef1; } .product-details .quantity .form-control { display: inline-block; width: inherit; padding: 15px 15px 17px; margin-left: -5px; margin-right: -4px; text-align: center; } .product-details .label { color: #9ba4a5; font-size: 0.875rem; font-weight: normal; width: 120px; display: block; float: left; text-align: left; position: relative; padding-left: 0; } .product-details .label:after { content: ":"; position: absolute; right: 12px; } .product-details .quantity, .product-details .category, .product-details .tag { margin-bottom: 10px; color: #9ba4a5; font-size: 0.875rem; } .product-details .tag { margin-bottom: 22px; } .product-details .btn-container .btn { margin-left: 0; padding-left: 12px; padding-right: 12px; border-radius: 3px; border-color:#e7eef1; } .product-details .btn-container .btn:hover { border-color: #53c5d5; } /* 10.1.1 - End Product Details --------------------------- */ .flexslider.details-slider { box-shadow: none; } .flexslider.carousel { margin-bottom: 0; } /* 10.1 - End Product Slide ------------------------------------------- */ /* 10.2 - Product Filter ------------------------------------------- */ .product.item { background: #fff; padding: 5px 5px 15px 5px; margin: 0 0 12px 0; } .product.item .btn { border-radius: 3px; } .product .item-text .item-title, .product .item-text .amount { color: #474f50; font-weight: 700; } .product .item-text .item-title { margin-top: 20px; margin-bottom: 5px; } .product .item-text .pitem { display: block; border-bottom: 1px dashed #e7eef1; padding-bottom: 15px; margin-bottom: 10px; } .overlay .filter-work .isotope-filters { margin-bottom: 40px; } .overlay .filter-work .btn-isotop { background: transparent; border:1px solid #85847e; border-radius: 3px; color: #ced9da; padding: 10px 25px; margin: 4px; } .overlay .filter-work .btn-isotop.active, .overlay .filter-work .btn-isotop:hover { color: #fff; background: #53c5d5; border-color: #53c5d5; } /* 10.2 - End Product Filter ------------------------------------------- */ /* 10.3 - Watch Video ------------------------------------------- */ .w-video .play-icon { display: block; width: 75px; height: 75px; margin: auto; line-height: 68px; border-radius: 100%; border:4px solid rgba(255,255,255,.4); opacity: 0.3; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; } .w-video:hover .play-icon { opacity: 0.5; } .w-video .play-icon:hover { opacity: 1; } .boxer-container img { max-width: inherit; } .w-video .section-padding { padding: 160px 0; } /* 10.3 - End Watch Video ------------------------------------------- */ /* 10.4 - Recent News ------------------------------------------- */ .post-details .entry-title a { color: #474f50; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; } .post-details .entry-title a:hover { color: #53c5d5; } .post-meta { color: #9ba4a5; } .post-meta { padding: 0 0 15px 0; font-size: 0.875rem; } .post-meta .fa { padding-right: 5px; } .post-meta span { margin-right: 20px; } .post-meta span:last-child, .post-meta span:last-child:after { margin: 0; width: 0; } /* 10.4 - End Recent News ------------------------------------------- */ /* 10.5 - Hot Menu Imem ------------------------------------------- */ .menu-isotope .menu-item { margin: 0; padding: 0; } .menu-isotope figure { padding: 0 15px; } .menu-isotope figure img { float: left; margin-right: 15px; } .menu-isotope figcaption { margin-left: 80px; position: relative; } .menu-isotope .item-mane { margin-right: 70px; font-size: 1em; margin-top: 0; } .menu-isotope .item-price { position: absolute; right: 0; top: -4px; font-size: 1.125rem; } .menu-isotope figcaption p:last-child{ padding-bottom: 0; margin-bottom: 0; } .menu-isotope figcaption { padding-bottom: 20px; } .isotope-filters-2 { padding-bottom: 60px; } .isotope-filters-2 .btn { background: #ecf0f1; border: 1px solid #dbdbdb; border-radius: 3px; color: #212627; padding: 10px 25px; margin: 4px; } .isotope-filters-2 .btn:hover, .isotope-filters-2 .btn.active { color: #fff; background: #53c5d5; border-color: #53c5d5; } /* 10.5 - Hot Menu Imem End ------------------------------------------- */ /* 10 - End Home v4 ---------------------------------------------------------------------- */ /* 11 - Home v5 ---------------------------------------------------------------------- */ .home-v5 .base-bg .section-title { margin-bottom: 10px; } .home-v5 .footer-copyright { background:#212627; } .home-v5 .widget_about_us .contact-us li, .home-v5 .widget_links.widget li { border:none; } .home-v5 .widget_about_us .contact-us .left { float: left; } .home-v5 .widget_about_us .contact-us .right { margin-left: 30px; display: block; } .home-v5 .widget .recentposts .rp-title { display: block; } .home-v5 .widget .recentposts .rp-date { color: #525b65; } /* 11.1 - Services ------------------------------------------- */ .border-box { border: 1px solid #e7eef1; margin-right: -1px; padding: 0; } .feature-box.v2 .icon { font-size: 3.875rem; } .feature-box.v2.effect { position: relative; margin-bottom: 0px; padding: 90px 20px 50px; } .feature-box.v2.effect .icon { top: 50%; left: 0; right: 0; text-align: center; position: absolute; margin-top: -50px; } .feature-box.v2.effect:hover .icon { top: 65px; } .feature-box.v2.effect .icon-text { -webkit-transform: scale(0, 0); -moz-transform: scale(0, 0); -ms-transform: scale(0, 0); -o-transform: scale(0, 0); transform: scale(0, 0); -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; } .feature-box.v2.effect:hover .icon-text { -webkit-transition-delay: .2s; -moz-transition-delay: .2s; -ms-transition-delay: .2s; -o-transition-delay: .2s; transition-delay: .2s; -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } .feature-container .col-sm-6 { position: relative; } .feature-container .col-sm-6:after, .feature-container .col-sm-6:before { content: ""; position: absolute; background: #e7eef1; } .feature-container .col-sm-6:nth-child(1):after, .feature-container .col-sm-6:nth-child(2):after { bottom: 0; height: 1px; left:15px; right: 15px; } .feature-container .col-sm-6:nth-child(1):before, .feature-container .col-sm-6:nth-child(3):before { top: 15px; bottom: 15px; width: 1px; right: 0; } .feature-container .feature-box.v2 .icon { margin-top: 15px; } .feature-container .icon-text { margin-top: 0; } .feature-container .btn-icon { margin-top: 15px; display: inline-block; } .feature-container .btn-icon i { margin-left: 5px; right: -10px; } /* 11.1 - End Services ------------------------------------------- */ /* 11.2 - Fun Facts ------------------------------------------- */ .single-fact .icon, .single-fact .number { color: #fff; display: block; font-size: 3rem; } .single-fact .text { color: #53c5d5; font-size: 1.125rem; } /* 11.2 - End Fun Facts ------------------------------------------- */ /* 11.3 - Latest Twitter ------------------------------------------- */ .latest-tweet p { text-align: center; max-width: 920px; margin: 0 auto; } .latest-tweet p.tweet-description { font-size: 1.125rem; color: #fff; } .latest-tweet p.tweet-description a { text-decoration: none; } .latest-tweet p.tweet-time { color: #d3d3d3; padding-top: 25px; padding-bottom: 60px; } .latest-tweet { position: relative; } .latest-tweet .owl-next, .latest-tweet .owl-prev { position: absolute; top: 50%; width: 30px; height: 30px; border-width: 1px; border-style: solid; opacity: .7; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .latest-tweet .owl-prev:hover, .latest-tweet .owl-next:hover{ opacity: 1; } .latest-tweet .owl-next { right: 0; border-color:white white transparent transparent; } .latest-tweet .owl-prev { left: 0; border-color:transparent transparent white white ; } .latest-tweet .owl-nav [class*='owl-']:hover, .latest-tweet .owl-nav [class*='owl-'] { background: transparent; margin-top: -60px; } .latest-tweet .owl-nav [class*='owl-'] i { display: none; } .latest-tweet .owl-dots .owl-dot span { background: #fff; width: 12px; height: 12px; margin: 5px; position: relative; } .latest-tweet .owl-dots .owl-dot:hover span, .latest-tweet .owl-dots .owl-dot.active span { background: transparent; } .latest-tweet .owl-dots .owl-dot span:before, .latest-tweet .owl-dots .owl-dot span:after { content: ""; position: absolute; border-radius: 100%; } .latest-tweet .owl-dots .owl-dot:hover span:before, .latest-tweet .owl-dots .owl-dot.active span:before { top: 2px; left:2px; right: 2px; bottom: 2px; background: #53c5d5; } .latest-tweet .owl-dots .owl-dot:hover span:after, .latest-tweet .owl-dots .owl-dot.active span:after { top: -2px; left: -2px; right: -2px; bottom: -2px; border:2px solid #53c5d5; } /* 11.3 - Latest Twitter End ------------------------------------------- */ /* 11 - End Home v5 ---------------------------------------------------------------------- */ /* 12 - Home v6 ---------------------------------------------------------------------- */ .dark-v, .dark-v .transparent-nav.fix-small, .dark-v #primary-menu ul ul, .dark-v #primary-menu ul li .mega-menu-content { background: #262b2c; color: #fff; } .dark-v p { color: #96a2ae; } .dark-v .overlay { background-color: rgba(37, 47, 57, 0.7); } .dark-v .gray-bg { background: #212627!important; } .dark-v #header-wrap, .dark-v hr, .dark-v .border-box, .dark-v .testimonial.v2 .content, .dark-v .testimonial.v4 .content, .dark-v .progress.v6, .dark-v .progress.v7 { border-color: #36414d; } .dark-v .btn-bg.stroke { color: inherit; } .dark-v .testimonial.v2 .content:after, .dark-v .testimonial.v4 .content:after { border-left-color: #262b2c; } .dark-v .testimonial.v2 .content:before, .dark-v .testimonial.v4 .content:before { border-left-color: #36414d; } .dark-v .progress.v6, .dark-v .progress.v7 { background: transparent; } .dark-v .progress.v6 .name, .dark-v .progress.v7 .name, .dark-v .progress.v8 .name, .dark-v .progress.v9 .name, .dark-v .tab.v6 .nav-tabs>li>a, .dark-v .tab.v6 .tab-list li, .dark-v .tab.v6 .read-more, .dark-v .single-member.v5 .item-description, .dark-v .transparent-nav.fix-small #primary-menu>ul>li>a { color: #9ba4a5; } .dark-v .transparent-nav.fix-small #primary-menu>ul>li.current>a, .dark-v .transparent-nav.fix-small #primary-menu>ul>li>a:hover { color:#53c5d5; } .dark-v .client-logo { background: #fff; } .dark-v .feature-container .col-sm-6:after, .dark-v .feature-container .col-sm-6:before { background: #36414d; } .dark-v .testimonial.v7 .content { border-color: #36414d; } .dark-v .testimonial.v7 .content:after { border-top-color: #262b2c; } .dark-v .testimonial.v7 .content:before { border-top-color: #36414d; } .dark-v .tab.v6 .read-more, .dark-v .tab.v6 .nav-tabs>li>a { border-color: #333839; } .dark-v .testimonial .item .name, .dark-v .tab.v6 .nav-tabs>li.active>a, .dark-v .tab.v6 .nav-tabs>li>a:hover, .dark-v .tab.v6 .read-more:hover, .dark-v .single-member.v5:hover .item-description { color: #fff; } .dark-v .single-member.v5 { background: #212627; border-color: #212627; } .dark-v .single-member.v5 .img-overlay { background: #fff; } .dark-v .single-member.v5:before, .dark-v .single-member.v5:after { box-shadow: none; border:none; } .dark-v .single-member.v5:hover { background: #53c5d5; } .dark-v .client.v2 a:before, .dark-v .client.v1 a:before { background: transparent; } /* 12 - End Home v6 ---------------------------------------------------------------------- */ /* 13 - Foter ---------------------------------------------------------------------- */ .footer-area { background: #262b2c; } /* 13.1 - Footer Social ------------------------------------------- */ .footer-social { padding: 30px 0; position: relative; } .footer-social:after { content: ""; position: absolute; border-top: 1px solid #323738; border-bottom: 1px solid #1e2324; width: 100%; bottom: 0; } .footer-social ul { text-align: center; margin: 0; } .footer-social li { display: inline-block; width: 185px; padding: 0 10px; margin-bottom: 10px; position: relative; } .footer-social li:before { content: ""; position: absolute; border-left: 1px solid #1e2324; border-right: 1px solid #2b3540; height: 45px; left: -15px; } .footer-social li:first-child:before { content: initial; } .social-content { text-align: left; } .social-content span, .social-content small { color: #87919c; display: block; } .social-content span { font-size: 1rem; font-weight: 700; } .social-content small { font-size: 0.75rem; } .footer-social .icon { position: relative; color: #fff; width: 40px; height: 40px; font-size: 1.125em; text-align: center; line-height: 41px; float: left; display: block; margin-right: 10px; } .footer-social a .icon:after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border: 1px solid transparent; border-radius: 100%; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; } .footer-social a:hover .icon:after { top: -5px; left: -5px; right: -5px; bottom: -5px; } .footer-social .rss { background: #ffb400; } .footer-social a:hover .icon.rss:after { border-color: #ffb400; } .footer-social .twitter { background: #00bff3; } .footer-social a:hover .icon.twitter:after { border-color: #00bff3; } .footer-social .facebook { background: #1b78c7; } .footer-social a:hover .icon.facebook:after { border-color: #1b78c7; } .footer-social .google-plus { background: #d44132; } .footer-social a:hover .icon.google-plus:after { border-color: #d44132; } .footer-social .pinterest { background: #da421f; } .footer-social a:hover .icon.pinterest:after { border-color: #da421f; } .footer-social .dribbble { background: #bc2a83; } .footer-social a:hover .icon.dribbble:after { border-color: #bc2a83; } /* 13.1 - End Footer Social ------------------------------------------- */ /* 13.2 - Footer Widget ------------------------------------------- */ .footer-widget { color: #87919c; padding: 60px 0; } .footer-widget p, .footer-widget a, .footer-menu a, .copyrights { color: #87919c; } .footer-widget .widget-title, .widget .recentposts .rp-title, .copyrights a { color: #b0bac5; } .widget .recentposts .rp-title:hover, .footer-widget a:hover, .footer-menu a:hover, .copyrights a:hover { color: #53c5d5; } .footer-copyright { background: #212627; } .footer-widget .widget-title { margin-bottom: 30px; font-weight: 700; } .footer-widget .widget li { border-bottom: 1px solid #323738; } .footer-widget .widget li:first-child { padding-top: 0; } .footer-widget .widget li:last-child { border-bottom: 0; } .widget_contact .form-control { margin-bottom: 10px; } .widget_contact textarea.form-control { padding-top: 15px; padding-bottom: 15px; } /*Recent Post*/ .widget .recentposts li { padding: 20px 0; } .widget .recentposts .rp-img { float: left; width: 50px; height: 50px; margin-right: 15px; } .widget .recentposts .rp-img img { margin-top: 5px; } .widget .recentposts .rp-details { display: block; overflow: hidden; } .widget .recentposts .rp-description { margin-bottom: 5px; } .widget .recentposts .rp-description a { text-decoration: none; color: #9ba4a5; } .widget_recent_comments .recentposts .rp-name:hover, .widget .recentposts .rp-description a:hover { color: #53c5d5; } .widget .recentposts .rp-date, .widget .recentposts .rp-comment { color: #b0bac5; font-size: 0.812rem; margin-top: -5px; margin-right: 15px; } .widget .recentposts .rp-date i, .widget .recentposts .rp-comment i { margin-right: 5px; } /*Links*/ .widget_links a { font-size: 0.875rem; padding-left: 15px; } .widget_links li { position: relative; } .widget_links li:before { content: "\f105"; font-family: 'FontAwesome'; position: absolute; left: -3px; bottom: 9px; } /*Tags*/ .footer-widget .tagcloud a { background: transparent; padding: 10px; border: 1px solid #323738; display: inline-block; margin: 0 6px 8px 0; font-size: 0.938rem; } .tagcloud a:hover { background: #53c5d5; color: #fff; border-color: transparent; } /* 13.2 - End Footer Widget ------------------------------------------- */ /* 13.3 - Footer CopyRight ------------------------------------------- */ .footer-copyright { padding: 30px 0 20px 0; font-size: 0.875rem; background:#262b2c; position: relative; } .footer-copyright:before { content: ""; position: absolute; border-top: 1px solid #323738; border-bottom: 1px solid #1e2324; width: 100%; top: 0; } .footer-menu li { display: inline-block; padding: 0 15px; } .footer-menu li:last-child { padding-right: 0; } /* 13.3 - End Footer CopyRight ------------------------------------------- */ /* 13.4 - Footer Contact Area ------------------------------------------- */ .footer-contact-area { background: #212627; color: #5d5d5d; } .trigger-container { position: relative; height: 70px; } .message-trigger { position: absolute; top:-35px; left:50%; width: 70px; height: 70px; margin-left: -35px; background: #212627; padding: 5px; cursor: pointer; border-radius: 100%; } .message-trigger span { display: inline-block; border-radius:100%; height: 60px; width: 60px; line-height: 52px; font-size: 2em; color: #53c5d5; border:2px solid #53c5d5; text-align: center; } .footer-contact-box { display: none; background-image: url('../images/world-map.png'); background-repeat: no-repeat; background-position: 15% 10%; padding-bottom: 60px; } .footer-contact-box .contact-us>li, .footer-contact-box .working-time>li { overflow: hidden; } .footer-contact-box .contact-us span i, .footer-contact-box .working-time span i { margin-right: 10px; } .footer-contact-box .contact-us span, .footer-contact-box .working-time span { line-height: 35px; display: block; } .footer-contact-box .contact-us .left { float: left; width: 100px; } .footer-contact-box .contact-us .right { margin-left: 105px; } .footer-contact-box .working-time .left { float: left; width: 120px; } .footer-contact-box .working-time .right { margin-left: 125px; } .footer-contact-box input, .footer-contact-box textarea{ background: transparent; } .footer-contact-form input[type="submit"] { padding:0 40px; line-height: 40px; margin-left: 0; text-transform: uppercase; font-weight: bold; } .footer-contact-form input[type="submit"]:hover { color:#53c5d5; } /* 13.4 - Footer Contact Area End ------------------------------------------- */ /* 13.5 - Footer Social Btn ------------------------------------------- */ .footer-social-btn { padding: 10px; } .footer-social-btn a{ font-size: 1.25em; display: inline-block; margin: 5px 6px; } /* 13.5 - Footer Social Btn End ------------------------------------------- */ /* 13 - End Foter ---------------------------------------------------------------------- */ /* 14 - Blog ---------------------------------------------------------------------- */ .blog .post { margin-bottom: 100px; } .post-details .entry-title { margin-top: 30px; } .blog .post audio { width: 100%; } .post-details .read-more { background: #ecf0f1; display: inline-block; font-weight: bold; margin-top: 10px; margin-left: 0; padding: 10px 30px; } .post-details .read-more:focus, .post-details .read-more:hover { background: #53c5d5; color: #fff; } /*Blog col - 4*/ @media (min-width: 768px){ #grid-content .cal-sm-6 { width: 49.9%; } } @media (min-width: 992px){ #grid-content .col-md-3 { width: 24.9%; } } .grid-col-3 #grid-content article, .grid-col-4 #grid-content article { max-width: 450px; margin-right: auto; margin-left: auto; } #grid-content .thumbnails img { width: 100%; } /* 14.1 - Blog Col-1 ------------------------------------------- */ /* 14.1.1 - Quote Post --------------------------- */ .quote-post, .twitter-feeds { background: #474f50; color: #fff; padding: 30px; position: relative; z-index: -1; } .quote-post:before { content: "\f10d"; position: absolute; font-family: FontAwesome; color: #62696a; font-size: 5rem; top: 0; left: 16px; z-index: -1; } .quote-post .quote-content, .twitter-feeds .twitter-content { font-size: 2rem; margin: 16px 0; font-weight: 700; word-spacing: 10px; } .quote-post .quote-name, .twitter-feeds .twitter-name { font-weight: 300; font-size: 0.875rem; padding-left: 8px; position: relative; } .quote-post .quote-name:before, .twitter-feeds .twitter-name:before { content: " - "; position: absolute; left: 0; } /* 14.1.1 - End Quote Post --------------------------- */ /* 14.1.2 - Twitter Feed --------------------------- */ .twitter-feeds { background: #53c5d5; } /* 14.1.2 - End Twitter Feed --------------------------- */ /* 14.1 - End Blog Col-1 ------------------------------------------- */ /* 14.2 - Blog Sidebar ------------------------------------------- */ .blog.left-thumb .post .thumbnails { width: 240px; float: left; margin-right: 25px; overflow: hidden; display: block; } .blog.left-thumb .post-details { overflow: hidden; } .blog.left-thumb .post-details .entry-title { margin-top: 0; } /* 14.2 - End Blog Sidebar ------------------------------------------- */ /* 14.3 - Blog Single ------------------------------------------- */ .author-details .widget-title { font-size: 1.5em; } .author-details .author-info { display: block; border: 1px solid #e7eef1; padding: 15px; } .author-details .author-info .author-img { margin-right: 20px; border: 1px solid #e7eef1; border-radius: 2px; } .author-details .author-info .about-author { overflow: hidden; } .author-details .author-info .author-name .name, .author-details .author-info .author-name .designation { display: block; } .author-details .author-info .author-name .name { font-size: 1.125rem; font-weight: 700; color: #474f50; } .author-details .author-info .author-name .designation { font-size: 0.875rem; color: #9ba4a5; } .author-details .author-name{ margin-bottom: 20px; } .type-post .thumbnails .slide-show.carousel a span { width: 40px; height: 40px; color: #fff; line-height: 36px; font-size: 1.25em; } .type-post .thumbnails .slide-show.carousel a:hover span { background: #53c5d5; } .type-post .thumbnails .slide-show.carousel a.left span { right: inherit; left: 10px; } .type-post .thumbnails .slide-show.carousel a.right span { right:10px; } /* 14.3.1 - Post Comment ---------------------------*/ .comment-area .widget-title { font-size: 1.5em; padding-top: 20px; } .comment-area ol { padding-left: 0; list-style: none; } .comment-area .comment-author { display: block; overflow: hidden; margin-right: 30px; } .comment-area .comment-body-right { display: block; overflow: hidden; } .comment-metadata .fn { display: block; } .comment-metadata .fn a, .reply a { font-size: 1.125rem; font-weight: 700; color: #474f50; } .comment-metadata .fn a:hover, .reply a:hover { color: #53c5d5; } .comment-metadata time { font-size: 0.875rem; color: #9ba4a5; } .comment-area .reply a { font-weight: 700; font-size: 0.9375rem; } .comment-content { margin-top: 15px; } .comment-area .children { margin: 30px 0 30px 100px; } .comment-form .input-box { width: 32%; margin-right: 5px; display: inline-block; } .comment-form textarea { width: 98%; } .comment-form .form-control { background: #f7f8f9; } .comment-form .form-control:focus { background: transparent; } /* 14.3.1 - End Post Comment ---------------------------*/ /* 14.3 - End Blog Single ------------------------------------------- */ /* 14 - End Blog ---------------------------------------------------------------------- */ /* 15 - Portfolio ---------------------------------------------------------------------- */ .portfolio-details > ul { padding: 0; } .portfolio-details > ul > li { list-style: none; } .portfolio-details .label { color: #474f50; font-size: 0.875rem; font-weight: 700; width: 100px; display: inline-block; text-align: left; position: relative; } .portfolio-details .label:after { content: ":"; position: absolute; right: 10px; } .portfolio-details .info li { padding: 15px 0; border-bottom: 1px solid #f1f4f5; } .portfolio-details .info li:last-child { border-bottom: 0; } .related-project { margin-bottom: -10px; padding-top: 50px; } .portfolio-page .slide-show { border-bottom: 1px solid #DDD; } .portfolio-page .slide-show.carousel a.left span { right: inherit; left: 5px; } .portfolio-page .slide-show.carousel a.right span { right: 5px; } .portfolio-page .slide-show.carousel a span { color: #474f50; } .portfolio-page .slide-show.carousel a span:hover { color:#fff; background: #53c5d5; } /* 15 - End Portfolio ---------------------------------------------------------------------- */ /* 16 - Contact ---------------------------------------------------------------------- */ .google-map-container { width: 100%; height: 500px; } .google-map-container img { max-width: inherit; height: inherit; } .comment-form.contact-form .input-box, .comment-form.contact-form .input-full { width: 100%; } .contact-details p { margin-bottom: 20px; } .contact-details .address, .contact-details .phone, .contact-details .email { padding-top: 5px; } /*Error */ .error { display: none; padding:10px; margin:0 0 5px 0; color: #D8000C; font-size:12px; background-color: #FFBABA; } .success { display: none; padding:10px; color: #044406; font-size:12px; background-color: #B7FBB9; } .error img, .success img { margin-right: 10px; } /* 16 - End Contact ---------------------------------------------------------------------- */ /* 17 - 404 Error ---------------------------------------------------------------------- */ .error-page .search-form { max-width: 300px; margin: 30px auto 10px; overflow: hidden; } .error-page .error-type { color:#53c5d5; font-size: 300px; line-height: 1; font-weight: 900; display: inline-block; position: relative; z-index: 0; overflow: hidden; } .error-page .error-type:after { content: ""; position: absolute; top: -100px; left: -100px; right: -100px; bottom: -100px; background-image: url('../images/error-pattern.png'); z-index: 1; opacity: .25; background-size: 92px; -webkit-transform: rotate(-8.5deg); -moz-transform: rotate(-8.5deg); -ms-transform: rotate(-8.5deg); -o-transform: rotate(-8.5deg); transform: rotate(-8.5deg); } .error-page .search-submit { padding: 14px 17px; } /* 17 - End 404 Error ---------------------------------------------------------------------- */ /* 18 - Shop Page ---------------------------------------------------------------------- */ .product-box.section-padding { padding: 45px 0 50px 0; } .ajax-filter-btn .btn { background: transparent; color: #fff; font-size: 1.125em; padding: 10px 12px; margin: 0 0 10px 0; } .shop-post-slide { margin-bottom: 15px; } .shop-post-slide .blog.inner-page { border:1px solid #e7ebee; padding: 10px; overflow: hidden; } .shop-post-slide .blog.inner-page .post { margin-bottom: 0; } .shop-post-slide .blog .post .thumbnails img { width: auto; max-width: 100%; } .shop-post-slide .blog.inner-page .entry-title { text-transform: inherit; margin-top: 10px; } .shop-post-slide .post .thumbnails img { margin-right: 0; } .shop-post-slide.carousel a span { opacity: 1; top: -23px; height: 32px; width: 32px; font-size: 1.125em; text-align: center; line-height: 30px; border-width: 1px; border-radius: 5px; } .shop-post-slide.carousel a span:hover { background: #53c5d5; color: #fff; } .slide-show.carousel a.right span, .slide-show.carousel a.left span { left: inherit; right: 0; } .slide-show.carousel a.left span { right: 40px; } /* 18.1 - Shop Index ------------------------------------------- */ /* 18.1.1 - Promo Box --------------------------- */ .shop-promo-box { border: 4px solid; overflow: hidden; } .shop-promo-box .text.text-right { padding-right: 10px; } .shop-promo-box .text.text-left { padding-left: 10px; } .shop-promo-box .text .title { font-weight: 700; } .shop-promo-box.pink { border-color: #feecdc; } .shop-promo-box.blue { border-color: #d5f8fd; } .shop-promo-box.pink .title { color: #e67d21; } .shop-promo-box.blue .title { color: #53c5d5; } /* 18.1.1 - End Promo Box --------------------------- */ /* 18.1.2 - Single Product --------------------------- */ .single-product { background: #fff; box-shadow: 0 0 1px #f2f2f2; border-bottom: 1px solid #e3e3e3; clear: both; margin: auto; padding: 10px; margin-bottom: 30px; overflow: hidden; } .single-product .details { padding: 0 5px; } .single-product .details .title { font-size: 1.1rem; font-weight: 700; text-transform: inherit; padding-top: 12px; } .single-product .details .price { margin-bottom: 8px; } .single-product .price .amount { color: #53c5d5; font-size: 1.125em; font-weight: 700; } .single-product .price .amount.line-through { color: inherit; padding-left: 5px; } .single-product .btn-container { margin-top: 20px; margin-bottom: 10px; } .single-product .btn { border: 1px solid #e7eef1; border-radius: 4px; margin: 0; padding: 10px 15px; } .single-product .btn:hover { background: #53c5d5; border-color: transparent; color: #fff; } .single-product .btn.heart { float: right; margin-left: 10px; padding: 10px 13px; } .btn.heart { position: relative; } .btn.heart .like-count { position: absolute; width: 100px; line-height: 35px; padding-bottom: 15px; top: -30px; left: -28px; color: #5d5d5d; opacity: 0; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; } .btn.heart .like-count:after, .btn.heart .like-count:before { content: ""; width: 14px; height: 14px; position: absolute; border-style: solid; border-width: 7px; border-color: #e7eef1 transparent transparent transparent; left: 50%; margin-left: -6px; bottom: 1px; } .btn.heart .like-count:after { bottom: 2px; border-top-color: #fff; } .btn.heart .like-count i { display: inline-block; border: 1px solid #e7eef1; background: #fff; padding: 0 10px; border-radius: 3px; } .btn.heart:hover .like-count { opacity: 1; top: -50px; } /* 18.1.2 - End Single Product --------------------------- */ /* 18.1.3 - News --------------------------- */ .blog.left-thumb.inner-page .post .thumbnails { width: 265px; } .blog.left-thumb.inner-page .post .entry-content p { margin-bottom: 9px; } /* 18.1.3 - End News --------------------------- */ /* 18.1 - End Shop Index ------------------------------------------- */ /* 18.2 - Shop Category ------------------------------------------- */ .shorting-product { border-bottom-style: double; border-color: #e7eef1; padding-bottom: 10px; margin-bottom: 30px; } .shorting-product .short select { border-color: #e7eef1; } .short-by { margin-right: 30px; } .short label, .view-as label { margin-right: 10px; font-weight: normal; } .short, .view-as { color: #9ba4a5; } .short select { padding: 10px; cursor: pointer; } select:focus { outline: 0; border-color: #53c5d5; } .view-as .icon { padding: 8px 13px; border: 1px solid #e7eef1; display: inline-block; cursor: pointer; } .single-product figure { position: relative; z-index: 0; margin-bottom: 10px; } .single-product figure .rebon-container { position: absolute; right: -3px; top: -3px; width: 100px; height: 100px; overflow: hidden; z-index: 1; } .single-product figure .rebon-container.new { position: absolute; left: -3px; top: -3px; width: 100px; height: 100px; overflow: hidden; z-index: 1; } .single-product figure .rebon-sell, .single-product figure .rebon-new { position: relative; font-weight: 700; color: #fff; line-height: 40px; display: inline-block; padding: 0 50px; margin-left: 5px; margin-top: 10px; background: #53c5d5; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .single-product figure .rebon-sell:before, .single-product figure .rebon-sell:after, .single-product figure .rebon-new:before, .single-product figure .rebon-new:after { content: ""; position: absolute; border-right: 3px solid transparent; border-left: 3px solid transparent; border-top: 3px solid transparent; border-bottom: 3px solid #3aa8b8; width: 6px; height: 6px; bottom: -3px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .single-product figure .rebon-sell:before { left: 0px; } .single-product figure .rebon-sell:after { right: -1px; border-bottom: 3px solid transparent; border-left: 3px solid #3aa8b8; } .single-product figure .rebon-new:before, .single-product figure .rebon-new:after { border-bottom-color: #000; } .single-product .rebon-container.new { left: 0; } .single-product figure .rebon-new { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .single-product figure .rebon-new { margin-left: -34px; margin-top: 15px; background: #000; } .single-product figure .rebon-new:before { left: -3px; } .single-product figure .rebon-new:after { right: -3px; border-bottom: 3px solid transparent; border-left: 3px solid #000; } /* 18.2 - End Shop Category ------------------------------------------- */ /* 18.3 - Shop Category Col-2 ------------------------------------------- */ .product-cat.left-thumb .single-product figure { width: 270px; float: left; margin-right: 20px; } .product-cat.left-thumb .single-product .rp-rating { margin-bottom: 10px; } .col-2 .single-product { max-width: inherit; } .col-2 .single-product .details .title { margin-top: 0; padding-top: 0; } /* 18.3 - End Shop Category Col-2 ------------------------------------------- */ /* 18.4 - Shop List ------------------------------------------- */ .product-max-width .single-product, .tab-content .single-product, .col-4 .single-product { max-width: 270px; } .single-product figure:after { position: absolute; content: ""; top: 15px; left: 15px; right: 15px; bottom: 15px; background: rgba(0, 0, 0, 0.3); opacity: 0; } .single-product:hover figure:after { top: 0; left: 0; right: 0; bottom: 0; opacity: 1; } .single-product figure a { position: absolute; top: 50%; left: 50%; width: 40px; height: 40px; margin-left: -20px; margin-top: -20px; border:2px solid #fff; border-radius: 100%; color: #fff; text-align: center; line-height: 36px; font-size: 1.25rem; z-index: 2; -webkit-transform: scale(2,2); -moz-transform: scale(2,2); -ms-transform: scale(2,2); -o-transform: scale(2,2); transform: scale(2,2); opacity: 0; } .single-product:hover figure a { -webkit-transform: scale(1,1); -moz-transform: scale(1,1); -ms-transform: scale(1,1); -o-transform: scale(1,1); transform: scale(1,1); opacity: 1; } .single-product:hover figure a:before { -webkit-transform: scale(.8,.8); -moz-transform: scale(.8,.8); -ms-transform: scale(.8,.8); -o-transform: scale(.8,.8); transform: scale(.8,.8); opacity: 0; } .single-product figure a:before { position: absolute; content: ""; border:2px solid #fff; border-radius: 100%; top: -7px; left: -7px; right: -7px; bottom: -7px; z-index: 2; } .single-product figure a:hover:before { top: -7px; left: -7px; right: -7px; bottom: -7px; opacity: 1; -webkit-transform: scale(1,1); -moz-transform: scale(1,1); -ms-transform: scale(1,1); -o-transform: scale(1,1); transform: scale(1,1); } .single-product figure:after, .single-product figure a, .single-product figure a:before { -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; } /* 18.4 - End Shop List ------------------------------------------- */ /* 18.5 - Product Details ------------------------------------------- */ .flexslider.p-detail, .flexslider.small-carousel { border: 0; box-shadow: none; border-radius: 0; } .flexslider.p-detail { margin-bottom: 20px; } .flexslider.small-carousel { width: 240px; margin: auto; } .flexslider.small-carousel .flex-direction-nav .flex-disabled, .flexslider.small-carousel .flex-direction-nav li a { opacity: 1 !important; cursor: pointer; } .flexslider.small-carousel .flex-direction-nav li a { border: 2px solid #e7eef1; border-radius: 100%; width: 30px; height: 30px; margin-top: -15px; } .flex-direction-nav a:before, .flex-direction-nav a.flex-next:before { content: "\34"; font-family: 'ElegantIcons'; font-size: 1.125rem; line-height: 26px; margin: 0px 5px 0px 3px; } .flex-direction-nav a.flex-next:before { content: "\35"; } .flexslider:hover .flex-next { right: -50px; } .flexslider:hover .flex-prev { left: -50px; } .cart-details .product-details .price { margin: 20px 0; } .product-details .review span, .product-details .in-stock span { border-right: 1px solid #ddd; padding-right: 10px; padding-left: 10px; } .product-details .review span:last-child, .product-details .in-stock span:last-child { border-right: 0; } .product-details .review span:first-child, .product-details .in-stock span:first-child { padding-left: 0; } .in-stock { font-size: 0.875rem; margin-bottom: 25px; font-weight: 700; } .in-stock label { color: #9ba4a5; font-weight: normal; } .product-details .form-control { width: inherit; } .product-details .scolor { width: 30px; height: 30px; border: 1px solid #ddd; margin-right: 5px; display: inline-block; cursor: pointer; } .product-details .scolor.yellow { background: #f1c40f; } .product-details .scolor.green { background: #40d47e; } .product-details .scolor.blue { background: #3498db; } .product-details .scolor.red { background: #e74c3c; } .product-share { margin-top: 10px; } .product-share .label { margin-top: 7px; margin-right: 10px; } .product-minfo ol.comment-list { padding-left: 0; } .product-minfo .comment-body-right { overflow: hidden; } .product-minfo .comment-author { margin-right: 15px; } .product-minfo li.comment.parent { margin-bottom: 25px; } .bb-double.title { border-bottom-style: double; border-color: #ddd; padding-bottom: 8px; } /* 18.5.1 - Related Product Carousel --------------------------- */ .related-products { position: relative; } .related-products .custom-nav { position: absolute; top: 0; right: 0; } .related-products .custom-nav .owl-prev, .related-products .custom-nav .owl-next { color: #9ba4a5; display: inline-block; width: 30px; height: 30px; line-height: 27px; text-align: center; border: 1px solid #e7eef1; border-radius: 3px; cursor: pointer; margin-left: 5px; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; } .related-products .custom-nav .owl-prev:hover, .related-products .custom-nav .owl-next:hover { background: #53c5d5; color: #fff; border-color: transparent; } /* 18.5.1 - End Related Product Carousel --------------------------- */ /* 18.5 - End Product Details ------------------------------------------- */ /* 18.6 - Product Cart ------------------------------------------- */ .shopping-cart-items table.shop_table { width: 100%; } .shopping-cart-items .table-header, .shopping-cart-items .table-body { border: 1px solid #e7eef1; } .shopping-cart-items .table>thead>tr>th, .shopping-cart-items .table>tbody>tr>th, .shopping-cart-items .table>tfoot>tr>th, .shopping-cart-items .table>thead>tr>td, .shopping-cart-items .table>tbody>tr>td, .shopping-cart-items .table>tfoot>tr>td { vertical-align: inherit; padding: 16px; } .shopping-cart-items .table>thead>tr>th { border-bottom: 0; } .shopping-cart-items td.cart-product-details h6 { margin: 0 0 5px; } .shopping-cart-items td.cart-product-details h6 a { color: #474f50; } .shopping-cart-items td.cart-product-details h6 a:hover { color: #53c5d5; } td.cart-product-details, td.cart-product-price, td.cart-product-quantity, td.cart-product-subtotal { color: #9ba4a5; } td.cart-product-quantity .quantity { padding-top: 25px; } .cart-product-quantity .quantity .custom-btn { color: #9ba4a5; margin: 0; background: transparent; border: 1px solid #e7eef1; } .cart-product-quantity .quantity .form-control { display: inline-block; width: inherit; padding: 15px 15px 17px; margin-left: -5px; margin-right: -4px; text-align: center; } .coupon { width: 40%; } .cart-next-step { width: 55%; } .coupon .form-control { width: 160px; float: left; padding: 18px 15px; margin-bottom: 0; } .coupon .btn, .cart-next-step .btn { margin: 0 10px; } .shipping-calculator-form p { margin-bottom: 20px; } .shipping-calculator-form .form-control { padding: 0 15px; } /* 18.6 - End Product Cart ------------------------------------------- */ /* 18.7 - Shop Page Footer ------------------------------------------- */ .shop-page .footer-contact-box { display: block; background-image:none; } .shop-page .footer-contact-box .contact-us { color: #87919c; } .shop-page .footer-contact-box .contact-us li { padding-bottom: 0; border:none; } .shop-page .footer-contact-box .contact-us .left { width: 30px; line-height: 25px; } .shop-page .footer-contact-box .contact-us .right { margin-left: 36px; font-size: 14px; line-height: 25px; } .shop-page .footer-widget .tagcloud a { padding: 7px 12px; font-size: 14px; } .shop-page .footer-widget .tagcloud a:hover { background: #53c5d5; } .widget_store_lock { overflow: hidden; } .widget_store_lock .store-location a { display: inline-block; padding-left: 15px; width: 50%; min-width: 130px; position: relative; float: left; line-height: 30px; } .widget_store_lock .store-location a:after { content: "\f105"; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); position: absolute; left: 0; top: 7px; } .widget_subscribe .btn-bg.btn-blue { margin: 0; border-radius: 2px; } .widget_subscribe .footer-social-btn { padding-left: 0; padding-top: 30px; } .footer-payment li { display: inline-block; float: left; padding: 0 5px; } .shop-page .footer-copyright { background-color: #212627; padding-top: 25px; padding-bottom: 25px; } .shop-page .footer-copyright .copyrights { padding-top: 5px; } /* 18.7 - Shop Page Footer End ------------------------------------------- */ /* 18 - End Shop Page ---------------------------------------------------------------------- */ /* 19- One Page ---------------------------------------------------------------------- */ .onepage .header-top .overaly { background-color: rgba(0,0,0,.6); padding-top: 230px; } .header-top .header-top-title { color: #ffffff; display: inline-block; background: rgba(0,0,0,.1); font-size: 3.45em; line-height: 80px; position: relative; padding: 0 30px; } .header-top .header-top-title:after, .header-top .header-top-title:before { content: ""; left: 0; right: 0; height: 4px; position: absolute; border-top: 1px solid rgba(255,255,255,.4); border-bottom: 1px solid rgba(255,255,255,.4); } .header-top .header-top-title:before { top: 0; } .header-top .header-top-title:after { bottom: 0; } .header-top .header-top-p { color: #fff; font-size: 1.5em; line-height: 40px; max-width: 950px; margin: auto; padding-top: 15px; padding-bottom: 30px; } .header-top .header-top-btn { background-color: #53c5d5; border:2px solid #53c5d5; border-radius: 3px; color: #fff; line-height: 60px; padding: 0 35px; font-size: 16px; font-weight: 700; text-transform: uppercase; } .header-top .header-top-btn:hover { background: transparent; border-color:#fff; } .onepage .features .icon { float: none; margin: auto; border:none; font-size: 3.875rem; color: #474f50; margin-bottom: 35px; } .onepage .feature-box:hover .feature-title, .onepage .feature-box:hover .icon { color: #53c5d5; } .onepage .btn-icon { font-size: 1rem; color: #212627; } .onepage .btn-icon i { padding-left: 5px; } .onepage .btn-icon:hover { color: #53c5d5; } .onepage .feature-box { border:1px solid #e5e5e5; padding: 20px; } .owl-features .feature-box { margin-bottom: 0; } .owl-features .feature-box { border-left: none; } .owl-features .owl-stage-outer { border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; } .owl-features .owl-nav { display: none; } @media screen and (min-width: 1300px) { .owl-features .owl-nav { display: block; } .owl-features .owl-prev, .owl-features .owl-next { position: absolute; top:50%; } .owl-features .owl-prev { left: -65px; } .owl-features .owl-next { right: -65px; } } .owl-features .owl-nav [class*='owl-'] { background: transparent; border: 1px solid #e7eef1; border-radius: 100%; color: #a2aaab; height: 40px; width: 40px; margin-top:-20px; line-height: 30px; font-size: 20px; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; } .owl-features .owl-nav [class*='owl-']:hover { background: #53c5d5; border-color :#53c5d5;; } .onepage .single-member.v3 { box-shadow:none; } .video-bg-content { color: #fff; text-align: center; text-transform: uppercase; position: relative; z-index: 1; } .video-bg-content .title { font-size: 3.5rem; margin-top: 0; } .video-bg-content:before, .video-bg-content:after { content: ""; position: absolute; width: 3px; height: 94px; background: #fff; left: 100px; top: 100px; } .video-bg-content:after { left: inherit; right: 100px; } .onepage .border-box .feature-box.v2 { padding: 20px; } /*Quote*/ .quote-content { color: #fff; text-align: center; max-width: 900px; margin: auto; } .quote { font-size: 1.875rem; font-weight: 700; position: relative; padding: 20px; } .quote:before, .quote:after { font-family: FontAwesome; font-size: 1.5rem; color: #53c5d5; position: absolute; } .quote:before { content: "\f10d"; left: 5px; top: 15px; } .quote:after { content: "\f10e"; } .quote-content .name { position: relative; display: inline-block; font-size: 1.125rem; } .quote-content .name:before { content: "__"; position: absolute; top: -8px; left: -20px; } /*Testimonial v6*/ .overlay .testimonial.v6 { color: #fff; } .overlay .testimonial.v6:before { background: inherit; color: #fff; border-color: #fff; } .overlay .testimonial.v6 .name { color: #fff; } .overlay .testimonial.v6 .designation { color: #c9c9c9; } .onepage .testimonial.v6:before { width: 55px; height: 55px; font-size: 24px; line-height: 54px; border-color:rgba(255,255,255,.4); } .onepage .testimonial.v6 .content { border-color:rgba(255,255,255,.4); font-style: italic; font-size: 1.125em; padding: 40px; } .onepage .testimonial.v6 .designation { font-size: 14px; } .onepage .testimonial.v6 .owl-controls { padding-top: 40px; } .overlay .testimonial.v6 .owl-dot span { background-color: #fff; width: 12px; height: 12px; position: relative; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; } .overlay .testimonial.v6 .owl-dot.active span, .overlay .testimonial.v6 .owl-dot:hover span { background-color: transparent; } .overlay .testimonial.v6 .owl-dot span:before, .overlay .testimonial.v6 .owl-dot span:after { content: ""; position: absolute; border-radius: 100%; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; } .overlay .testimonial.v6 .owl-dot span:before { top:-2px; left: -2px; right: -2px; bottom: -2px; } .overlay .testimonial.v6 .owl-dot.active span:before, .overlay .testimonial.v6 .owl-dot:hover span:before { border:2px solid #53c5d5; } .overlay .testimonial.v6 .owl-dot span:after { top:2px; left: 2px; right: 2px; bottom: 2px; } .overlay .testimonial.v6 .owl-dot.active span:after, .overlay .testimonial.v6 .owl-dot:hover span:after { background: #53c5d5; } /*Footer area */ .onepage .footer-copyright { padding:40px 0 30px 0; } .onepage .footer-social-btn a:hover { color: #fff; } .onepage .copyrights { padding-top: 15px; padding-left: 50px; } .onepage .footer-copyright .container { position: relative; } .onepage #go-to-top { background: #313637; border-radius: 100%; color: #afb0b0; cursor: pointer; font-size: 1.625em; position: absolute; left: 0; top: 5px; width: 45px; height: 45px; line-height: 40px; text-align: center; } /* 19 - End One Page ---------------------------------------------------------------------- */ /* 20 - Coming Soon ---------------------------------------------------------------------- */ .coming-soon { width: 100%; height: 100%; } @media (min-width: 1367px) { .coming-soon { width: 100%; height: 100vh; } } .coming-soon .overlay { height: 100%; } .sub-title { font-weight: 400; } .countdown { color: #fff; } .time-number { background: rgba(0, 0, 0, 0.4); border: 3px solid rgba(64, 69, 70, 0.7); max-width: 250px; height: 180px; margin: auto; position: relative; } .digit { display: inline-block; overflow: hidden; font-size: 7rem; font-weight: 300; color: #53c5d5; } .dash_title { display: block; text-transform: uppercase; font-size: 1.5rem; margin: 10px 0; } .time-number:before, .time-number:after { content: ""; position: absolute; width: 10px; height: 10px; border-radius: 100%; background: #fff; right: -30px; } .time-number:before { top: 50%; margin-top: -20px; } .time-number:after { bottom: 50%; margin-bottom: -20px; } .dash:last-child .time-number:before, .dash:last-child .time-number:after { width: 0; height: 0; } @media (max-width: 768px) { .time-number:before, .time-number:after { width: 0; height: 0; } } .subscribe { max-width: 525px; margin: auto; overflow: hidden; } .subscribe-form { position: relative; padding-right: 120px; } .subscribe-form .form-control { background: transparent; } .subscribe-form .submit { position: absolute; right: 0; top: 0; height: 50px; background: transparent; border: 1px solid #fff; color: #fff; width: 110px; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; } .subscribe-form .submit:hover { border-color: #53c5d5; background: #53c5d5; } /* 20 - End Coming Soon ---------------------------------------------------------------------- */ .schedule-timeline .single-event { border: 1px solid #e7ebee; padding: 10px; margin-bottom: 30px; } /* 21 - Creative Team Memeber and testimonial ---------------------------------------------------------------------- */ /* Team Member Carousel */ /* Member Image */ .mt-member-img > div { max-width: 225px; max-height: 225px; margin: 0 auto; border-radius: 50%; overflow: hidden; position: relative; border: 5px solid transparent; -webkit-transition: all 200ms; -o-transition: all 200ms; transition: all 200ms; } .mt-member-img > div:before { content: ""; position: absolute; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); -webkit-transition: all 200ms; -o-transition: all 200ms; transition: all 200ms; } .mt-member-img.slick-active.slick-center > div, .mt-member-img:hover > div { border: 5px solid #53c5d5; } .mt-member-img.slick-active.slick-center > div:before, .mt-member-img:hover > div:before { background-color: rgba(0,0,0,0); } .mt-member-img > div > img { width: 100%; height: auto; } /* Navigation */ .mt-team-member-img.slick-initialized > button { position: absolute; top: 50%; margin-top: -20px; width: 40px; height: 40px; background: #FFF; border-radius: 50%; border: 1px solid #e6e6e6; color: transparent; -webkit-transition: all 200ms; -o-transition: all 200ms; transition: all 200ms; } .mt-team-member-img.slick-initialized > button:focus { outline: none; } .mt-team-member-img.slick-initialized > button.slick-prev { left: -80px; } .mt-team-member-img.slick-initialized > button.slick-next { right: -80px; } .mt-team-member-img.slick-initialized > button:before { position: absolute; left: 0; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); font-size: 20px; width: 100%; color: #474f50; } .mt-team-member-img.slick-initialized > button:hover:before { color: #FFF; } .mt-team-member-img.slick-initialized > button:hover { background: #53c5d5; border-color: #53c5d5; } .mt-team-member-img.slick-initialized > button.slick-prev:before { content: "\f104"; } .mt-team-member-img.slick-initialized > button.slick-next:before { content: "\f105"; } /* Member Details */ .member-details { text-align: right; padding-right: 50px; } .member-details > .member-name { font-size: 20px; letter-spacing: 1px; } .member-details > .member-job { color: #919292; font-size: 16px; } .member-details > .member-bio { color: #5d5d5d; margin-top: 25px; } /* Skills Horizontal */ .member-skills-inside { height: 265px; position: relative; } .member-skills-inside > .percent-scale { width: 65px; height: 100%; position: absolute; border-right: 1px solid #e8e8e8; } .percent-scale > span { display: block; color: #919292; position: absolute; width: 100%; } .percent-scale > span:after { content: ""; width: 10px; height: 1px; background-color: #e8e8e8; position: absolute; top: 50%; right: -21%; } .percent-scale > span.skill-percent-100 { top: 0; margin-top: 0px; } .percent-scale > span.skill-percent-75 { bottom: 75%; margin-bottom: -15px; } .percent-scale > span.skill-percent-50 { bottom: 50%; margin-bottom: -15px; } .percent-scale > span.skill-percent-25 { bottom: 25%; margin-bottom: -5px; } .percent-scale > span.skill-percent-0 { bottom: 0%; } .member-skills-inside > .horizontal-skills { width: 100%; height: 100%; padding-left: 50px; border-bottom: 1px solid #e8e8e8; position: absolute; left: 65px; } .horizontal-skills > .skill-item { width: 38px; height: 100%; min-height: 145px; display: inline-block; overflow: hidden; border: 1px solid #e8e8e8; padding: 3px; position: relative; margin-right: 15px; } .horizontal-skills > .skill-item > .inside-percent { position: absolute; background: #DDD; height: 0; bottom: 3px; z-index: 55; width: 30px; background-image: -webkit-linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent); background-image: -o-linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent); background-image: linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent); -webkit-background-size: 20px 20px; background-size: 20px 20px; } .horizontal-skills > .skill-item > .skill-name { position: absolute; color: #FFFFFF; width: 145px; height: 28px; top: 130px; left: -150%; -ms-transform: rotate(-90deg); /* IE 9 */ -webkit-transform: rotate(-90deg); /* Safari */ transform: rotate(-90deg); /* Standard syntax */; z-index: 555; font-size: 14px; line-height: 26px; text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5); } /* */ .mt-team-carousel-navigation { padding-bottom: 50px; margin-bottom: 50px; border-bottom: 1px solid #e5e5e5; } .mt-member-img.slick-slide.slick-active.slick-center { position: relative; overflow: visible; } .mt-member-img.slick-slide.slick-active.slick-center:before { content: ""; position: absolute; width: 0; height: 0; border-style: solid; border-width: 19px 21px 0 21px; border-color: #e5e5e5 transparent transparent transparent; line-height: 0px; bottom: -69px; left: 50%; margin-left: -20px; } .mt-member-img.slick-slide.slick-active.slick-center:after { content: ""; position: absolute; width: 0; height: 0; border-style: solid; border-width: 18px 20px 0 20px; border-color: #ffffff transparent transparent transparent; line-height: 0px; left: 50%; bottom: -68px; margin-left: -19px; } /* 21 - Creative Team Memeber End ---------------------------------------------------------------------- */ /* 22 - Creative Testimonial ---------------------------------------------------------------------- */ .mt-testimonial-carousel-container { position: relative; border: 2px solid #e7ebee; padding: 35px; padding-bottom: 75px; } .mt-testimonial-carousel-container > i { width: 50px; height: 50px; background: #FFF; border: 1px solid #e7ebee; font-size: 20px; line-height: 50px; text-align: center; border-radius: 50%; color: #e7ebee; position: absolute; top: -25px; left: 50%; margin-left: -25px; } .mt-testimonial-carousel-container .mt-testimonial-nav { position: absolute; bottom: 0px; margin-bottom: -50px; left: 50%; margin-left: -150px; padding: 0 10px; background: #FFF; } /* Testimonial Content */ .mt-testimonial-content > .comments { text-align: center; font-style: italic; margin-bottom: 15px; } .mt-testimonial-content > .client-meta { text-align: center; } .mt-testimonial-content > .client-meta > .name { font-size: 18px; font-weight: bold; } .mt-testimonial-content > .client-meta > .designation { font-size: 14px; color: #9ba4a5; } /* Testimonial Navigation */ .mt-testimonial-nav { width: 320px; margin: 0 auto; } .mt-testimonial-nav .slick-list .slick-track { position: relative; padding: 20px 0; } .mt-client-img > div { width: 60px; height: 60px; overflow: hidden; border-radius: 50%; margin: 0 auto; -webkit-animation: all 1s; -o-animation: all 1s; animation: all 1s; box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.36); } .mt-client-img > div > img { width: 100%; height: auto; -webkit-filter: blur(1px); -moz-filter: blur(1px); -o-filter: blur(1px); -ms-filter: blur(1px); filter: blur(1px); } .mt-client-img.slick-active.slick-center { position: relative; z-index: 5; } .mt-client-img.slick-active.slick-center > div { width: 80px; height: 80px; z-index: 55; position: absolute; top: -10px; left: -10px; } .slick-track .mt-client-img.slick-active:first-child > div { width: 80px; } .mt-client-img.slick-active.slick-center > div > img { -webkit-filter: blur(0px); -moz-filter: blur(0px); -o-filter: blur(2px); -ms-filter: blur(0px); filter: blur(0px); } .mt-testimonial-nav > button { position: absolute; width: 30px; height: 30px; border: none; background: #e7ebee; color: #9ba4a5; border-radius: 50%; top: 50%; margin-top: -15px; color: transparent; } .mt-testimonial-nav > button.slick-prev { left: -30px; } .mt-testimonial-nav > button.slick-next { left: auto; right: -30px; } .mt-testimonial-nav > button:focus { outline: none; } .mt-testimonial-nav > button:before { text-indent: 0; position: absolute; font-size: 16px; line-height: 16px; top: 50%; margin-top: -8px; left: 50%; margin-left: -4.5px; color: #000; } .mt-testimonial-nav > button.slick-prev:before, .mt-testimonial-nav > button.slick-next:before { font-size: 16px; font-family: "FontAwesome"; display: inline-block; text-align: center; line-height: 16px; color: #9D9D9D; font-weight: bold; } .mt-testimonial-nav > button.slick-prev:before { content: "\f104"; } .mt-testimonial-nav > button.slick-next:before { content: "\f105"; } /* 22 - Creative Testimonial End ---------------------------------------------------------------------- */ /* 23 - Responsive Styles ---------------------------------------------------------------------- */ /* 23.1 - media screen and (max-width: 992px) ---------------------------------------------- */ @media only screen and (max-width: 1370px) { .onepage .header-top .overaly { padding-top: 50px; } } @media only screen and (max-width: 1170px) { .feature-box.v4 { max-width: 992px ; margin-left: auto; margin-right: auto; } .feature-box.v4 .single-box { width:310px; } .feature-box.v4 .single-box.left.one { left:10px; } .feature-box.v4 .single-box.left.two { left: 0; } .feature-box.v4 .single-box.left.three { left: 70px; } .feature-box.v4 .single-box.right.one { right: 10px; } .feature-box.v4 .single-box.right.two { right: 0; } .feature-box.v4 .single-box.right.three { right: 70px; } .process-circle li:before { display: none; } } @media only screen and (max-width: 991px) { #header { min-height: 100px; } #header-wrap { height: auto; } #logo { display: block; height: 105px; float: none; margin: 0 auto 0 !important; max-width: none; text-align: center; border: 0 !important; padding: 0 !important; } #logo a.standard-logo { display: inline-block; } #primary-menu { display: block; float: none; height: auto; overflow: auto; background: #fff; } #primary-menu-trigger { pointer-events: auto; top: 25px; margin-top: 0; left: 0; opacity: 1; z-index: 1; } #primary-menu .container #primary-menu-trigger { top: 5px; left: 0; } #primary-menu > ul, #primary-menu > div > ul { display: none; float: none !important; border: 0 !important; padding: 0 !important; margin: 0 !important; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; } #primary-menu > div > ul { margin-top: 60px !important; } body:not(.top-search-open) #primary-menu-trigger { opacity: 1; font-size: 23px; -webkit-transition: opacity .2s .2s ease; -moz-transition: opacity .2s .2s ease; -ms-transition: opacity .2s .2s ease; -o-transition: opacity .2s .2s ease; transition: opacity .2s .2s ease; } body.top-search-open #primary-menu-trigger { opacity: 0; } #primary-menu ul { height: 400px; } #primary-menu ul li { float: none; margin: 0 !important; text-align: left !important; border-top: 1px solid #eee; } #primary-menu ul li:first-child { border-top: 0; } #primary-menu ul li a { height: 50px !important; line-height: 50px !important; padding: 0 5px !important; border: none !important; margin: 0 !important; } #primary-menu ul li i { line-height: 49px; } #primary-menu > ul > li.sub-menu > a, #primary-menu > .container > ul > li.sub-menu > a { background-position: right center; background-repeat: no-repeat; } #primary-menu ul ul, #primary-menu ul li .mega-menu-content { position: relative; width: auto; background-color: transparent !important; box-shadow: none; border: 0; border-top: 1px solid #eee; top: 0 !important; padding-left: 15px; z-index: 1; } #primary-menu ul li .mega-menu-content { padding-left: 0; } #primary-menu ul li .mega-menu-content ul li i { line-height: 24px; } #primary-menu ul ul ul { top: 0 !important; left: 0; } #primary-menu ul ul li { float: none; margin: 0; border-top: 1px solid #eee; } #primary-menu ul ul a { height: 44px !important; line-height: 44px !important; padding-left: 5px !important; font-size: 13px !important; text-transform: none; font-weight: 400; } #primary-menu > ul > li.current > a:after { display: none; } #primary-menu ul ul a i { line-height: 43px; } #primary-menu ul ul li:hover > a { background-color: transparent !important; padding-left: 5px; color: #53c5d5 !important; } #primary-menu ul li .mega-menu-content, #primary-menu ul li.mega-menu .mega-menu-content { width: auto; margin: 0; top: 0; } #primary-menu ul li .mega-menu-content ul { position: relative; top: 0; display: block; min-width: inherit; } #primary-menu ul li .mega-menu-content > ul { float: none; } #primary-menu ul li .mega-menu-content ul { display: block !important; opacity: 1 !important; top: 0; left: 0; } #primary-menu ul li .mega-menu-content ul ul { border-top: 1px solid #eee; } #primary-menu ul li .mega-menu-content.col-2 > ul, #primary-menu ul li .mega-menu-content.col-3 > ul, #primary-menu ul li .mega-menu-content.col-4 > ul, #primary-menu ul li .mega-menu-content.col-5 > ul { border-left: 0; border-top: 1px solid #eee; width: auto; margin: 0; } #primary-menu ul li .mega-menu-content > ul:first-child { border: 0; } #primary-menu ul li .mega-menu-content ul a { line-height: 40px; } #primary-menu ul li .mega-menu-content ul { width: 100%; border: 0; box-shadow: none; background-color: transparent; } #top-search { position: absolute; top: 35px; right: 100px; margin: 0; height: 0; padding: 0; } .transparent-nav.fix-small #top-search { top: 0; } .top-search-open #top-search { left: 30px; } .top-search-open .standard-logo { opacity: 0; } #top-search a, #top-cart { position: absolute; top: 30px; float: none; margin: 0; padding: 0; } #top-cart { right: 20px; margin-top: 5px; } #top-cart .top-cart-content { top:70px; } #top-cart .top-cart-action .btn:hover { background: #00a1cb!important; color: #fff!important; } #top-search a.hd-icons{ margin:0; top: 0; left: 100%; } #top-search form input { border:none; padding: 0px 25px 10px 0; } #primary-menu > div > #top-search a, #primary-menu > div > #top-cart { margin: 20px 0; } #top-search a { right: 43px; } #top-search form { background: #eee; } #primary-menu > div > #top-search form { height: 60px; } #top-search form input { font-size: 24px; height: auto; background: transparent; } #page-menu .container { position: relative; } #page-submenu-trigger { color: #fff; opacity: 1; pointer-events: auto; } #page-menu.pagemenu-active #page-submenu-trigger { background-color: rgba(0,0,0,0.2); } #page-menu nav { position: absolute; top: 43px; left: auto; right: 15px; display: none; float: none; width: 200px; height: auto; background-color: #1ABC9C; z-index: 11; } #page-menu.pagemenu-active nav { display: block; } #page-menu nav ul { background-color: rgba(0,0,0,0.2); height: auto; } #page-menu nav li { float: none; } #page-menu nav li a { height: 40px; line-height: 40px; padding: 0 15px; } .fix-small #primary-menu-trigger, .navbar-fixed-top #primary-menu-trigger { top: 10px;} .navbar-fixed-top #top-search, .navbar-fixed-top #top-cart { top:7px; margin-top: 11px; } .navbar-fixed-top #top-cart .top-cart-content { top: 52px; } .shop-search, .top-social-btn { display: none; } #top-cart.shop-cart { top: -70px; } } @media (max-width: 992px) { #logo a { line-height: 100px; } .onepage .header-top .overaly { padding-top: 0px; } .header-top .header-top-title { font-size: 2.2em; line-height: 60px; } .header-top .header-top-p { font-size: 1.2em; line-height: 28px; } .footer-copyright .pull-right, .footer-copyright .pull-left, .col-md-9.pull-right { float: none!important; } .fun-fact, .feature-box.v3 { margin-bottom: 50px; } .feature-box.v4 { padding-bottom: 0; } .feature-box.v4 .single-box:before, .feature-box.v4 .single-box:after, .feature-box.v4 .center-circle, .choose-us .tab-bcrop, .tab.v6 .nav-tabs>li>a:before, .feature-container .col-sm-6:nth-child(1):after, .feature-container .col-sm-6:nth-child(2):after { display: none; } .feature-box.v4 .single-box { position: inherit; top: inherit !important; left: inherit !important; right: inherit !important; bottom: inherit !important; text-align: left; width: auto; } .footer-payment li { float: none; } .home-v1 .feature-box.v4 .single-box, .feature-box.v4 .single-box .icon, .feature-box.v4 .single-box.left .icon, .feature-box.v4 .single-box.right.four .icon { float: left; } .feature-box.v4 .single-box.right.four { text-align: left; margin-left: 0; } .feature-box.v4 .right.four .icon-text, .feature-box.v4 .left .icon-text { margin-left: 108px; margin-right: 0; } .choose-us .section-padding { padding-bottom: 100px; } .feature-box.v1, .recent-news .post, .price-table .single-table { padding-bottom: 40px; padding-top: 40px; } .onepage .recent-news .post { padding-top: 0; padding-bottom: 0; } .price-table.v1 .single-table { margin-bottom: 40px; } .price-table .table-item { border:1px solid #f1f3f6; } .feature-box.v6.one { margin-top: 0; } .feature-box.v1, .recent-news-h4 .post, .recent-news .post, .price-table .single-table, .single-member.v3 { max-width: 500px; margin-left: auto; margin-right: auto; } .footer-social-btn.text-right, .footer-copyright { text-align: center; } .coupon input#coupon_code { margin-left: 10px; width:160px; } .p-detail.flexslider .slides img { max-width: 460px; margin: auto; } .details-slider .product-details, .cart-details .product-details { margin-top: 40px; } .shop-promo-box { margin: 10px 0; } #top-cart.shop-cart { top: 30px; } .fix-menu #top-cart.shop-cart { top: 5px; } .shop-page #primary-menu>ul { text-align: left; } .shop-page #primary-menu>ul>li { width: 100%; } #primary-menu .carousel .slide-nav { height: 26px!important; border:2px solid #e7eef1!important; line-height: 8px!important; } #primary-menu .mega-menu-content a.btn { border:1px solid #e7eef1!important; padding-left: 10px!important; padding-right: 10px!important; } .top-search-open .transparent-nav #header-wrap { background: #fff; } .transparent-nav #primary-menu>ul>li>a { color: #5d5d5d; } } /* 23.1 - media screen and (max-width: 992px) End ---------------------------------------------- */ /* 23.2 - media screen and (max-width: 800px) ---------------------------------------------- */ @media screen and (max-width: 800px){ body { overflow-x:hidden; } .coupon.pull-left input, .cart-next-step.pull-right.text-right input { margin-bottom: 5px; } .input-group { padding-bottom: 60px; } .input-group-btn { top: inherit; bottom:0; height: 50px; left: 0; } #search input.form-control { max-width: inherit; width: 100%; text-align: center; } .input-group .select-content { float:none; } } /* 23.2 - media screen and (max-width: 800px) End ---------------------------------------------- */ /* 23.3 - media screen and (max-width: 768px) ---------------------------------------------- */ @media (max-width: 768px){ .mini-top-bar { display: none; } .tab.v6 .nav-tabs, .tab.v7 .nav-tabs, .tab.v8 .nav-tabs { width: 100%; padding-bottom: 40px; } .tab.v6 .nav-tabs>li, .tab.v7 .nav-tabs>li, .tab.v8 .nav-tabs>li { width: 200px; display: inline-block; } .blog.left-thumb .post-details { width: 100%; } } @media screen and (max-width: 767px){ #search button { top: inherit; } #top-cart.shop-cart { top: -75px; } .fix-menu #top-cart.shop-cart { top: -65px; } } /* 23.3 - media screen and (max-width: 768px) ---------------------------------------------- */ /* 23.4 - media screen and (max-width: 640px) ---------------------------------------------- */ @media screen and (max-width: 640px){ .cart-product-quantity button, th.cart-product-thumbnail, td.cart-product-thumbnail { display: none; } .shopping-cart-items .table>thead>tr>th, .shopping-cart-items .table>tbody>tr>th, .shopping-cart-items .table>tfoot>tr>th, .shopping-cart-items .table>thead>tr>td, .shopping-cart-items .table>tbody>tr>td, .shopping-cart-items .table>tfoot>tr>td td.cart-product-details { padding: 5px; } .coupon.pull-left, .cart-next-step.pull-right.text-right { float: none !important; text-align: left; } .coupon.pull-left input, .cart-next-step.pull-right.text-right input { margin-bottom: 5px; } .coupon input#coupon_code { margin-left: 8px; margin-top: 5px; } .col-2 .single-product { max-width: 270px; } .col-2 .single-product .details .title { padding-top: 20px; } .home-v2 .recent-news .post-details { margin-left: 0; overflow: hidden; width: 100%; padding-top: 20px; } } /* 23.4 - media screen and (max-width: 640px) End ---------------------------------------------- */ /* 23.5 - media screen and (max-width: 500px) ---------------------------------------------- */ @media screen and (max-width: 500px){ .tab p { overflow: visible; } } /* 23.5 - media screen and (max-width: 500px) End --------------------------------------------- */ /* 23.6 - media screen and (max-width: 480px) ---------------------------------------------- */ @media (max-width: 480px){ .single-member.v1 { width: 280px; height: 280px; } .single-member.v1 img { max-width: 100%; height: auto; } span.item-description { padding: 0 15px; } .single-member.v1 figure:hover .item-link .icon.one { left: 50px; bottom: 45px; } .single-member.v1 figure:hover .item-link .icon.two { left: 85px; bottom: 25px; } .single-member.v1 figure:hover .item-link .icon.three { left: 125px; bottom: 15px; } .single-member.v1 figure:hover .item-link .icon.four { left: 165px; bottom: 25px; } .single-member.v1 figure:hover .item-link .icon.five { left: 200px; bottom: 45px; } .isotope .width2 { width: 100%!important; height: auto !important; } .promo-box { padding: 5px; padding-bottom: 15px; } .product-slide.v1 .flexslider .flex-prev { left: -15px; background: #fff; } .product-slide.v1 .flexslider .flex-next { right: -15px; background: #fff; } .product-details .scolor { width: 25px; height: 25px; } .product-share .label { float: none; display: block; } } @media only screen and (max-width: 479px) { #header-top, #top-cart, #top-search { display: none; } } /* 23.6 - media screen and (max-width: 480px) End ---------------------------------------------- */ /* 23 - Responsive Styles End ---------------------------------------------------------------------- */ /* Custom CSS */ .admin-bar #top-menu-container.transparent-nav, .admin-bar #top-menu-container.fix-menu { top: 32px; } .wpcf7 input, .wpcf7 textarea { width: 100%; background: #f7f8f9; border: 1px solid #ecf0f1; border-radius: 2px; box-shadow: none; color: #9ba4a5; margin-bottom: 30px; padding: 10px 20px; transition: all 0.15s ease-in-out; } .wpcf7 input:focus, .wpcf7 input:active, .wpcf7 textarea:focus, .wpcf7 textarea:active { outline-color: transparent; background-color: transparent; border-color: #53c5d5; box-shadow: 0 0 3px #d9d9d9; } .wpcf7 input[type="submit"] { border: none; border-radius: 2px; background: #212627; font-weight: 700; text-transform: uppercase; } .wpcf7 input[type="submit"]:hover { background-color: #53c5d5; color: #FFF; } .contact-details > .method { margin-bottom: 25px; } .contact-details > .method > h5 { margin: 0; margin-bottom: 15px } .contact-details > .method:first-child > h5 { font-size: 25px; } .page-features .feature-box { margin-bottom: 50px; border: 0px; } .page-features2 .feature-box{ padding: 0; border: 0; } .page-features2 .feature-box:hover .icon{ color: #FFF; } .slick-slide:focus { outline: none; } .mt-team-member-img.slick-initialized > button.slick-prev:before, .mt-team-member-img.slick-initialized > button.slick-next:before { top: 9px; } .footer-contact-box { color: #87919c; } .footer-contact-box h4 { color: #9ba4a5; text-transform: uppercase; } .footer-contact-form { margin-top: 25px; } .footer-contact-form input, .footer-contact-form textarea { background-color: transparent; } .footer-contact-form input[type="submit"] { border: 1px solid #323738 } .primary-carousel { position: relative; height: 750px; overflow: hidden; } .primary-carousel .slide-item { position: relative; height: 750px; } .primary-carousel .slide-item > img { width: 100%; height: auto; } .primary-carousel .slide-item > .slide-caption { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .primary-carousel .slide-item > .slide-caption .heading { font-size: 48px; -webkit-transform: translateY(200%); -moz-transform: translateY(200%); -ms-transform: translateY(200%); -o-transform: translateY(200%); transform: translateY(200%); opacity: 0; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; transition-delay: 0.5s; } .primary-carousel .slide-item > .slide-caption .subheading { font-size: 24px; -webkit-transform: translateY(200%); -moz-transform: translateY(200%); -ms-transform: translateY(200%); -o-transform: translateY(200%); transform: translateY(200%); opacity: 0; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; transition-delay: 0.8s; } .primary-carousel .slide-item > .slide-caption .description { font-size: 16px; -webkit-transform: translateY(200%); -moz-transform: translateY(200%); -ms-transform: translateY(200%); -o-transform: translateY(200%); transform: translateY(200%); opacity: 0; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; transition-delay: 1.0s; } .primary-carousel .slide-item > .slide-caption .slide-action { padding: 50px 0 15px 0; text-align: center; -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); opacity: 0; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; transition-delay: 1.2s; } .primary-carousel .active .slide-item > .slide-caption .heading, .primary-carousel .active .slide-item > .slide-caption .subheading, .primary-carousel .active .slide-item > .slide-caption .description, .primary-carousel .active .slide-item > .slide-caption .slide-action { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; }