/* ------------------------------------------------------- Author: PixelsHarmony (www.pixelsharmony.com) Date of Release: 01 August, 2016 Version: 1.0 Description: Volatile - Multipurpose HTML Template Support: www.support.pixelsharmony.com ------------------------------------------------------- CSS Content ------------------------------------------------------- 1- Base CSS - Line 23 2- Typography 3- Scroll To Top Fixed 4- Page Preloader 5- Search Pop Box 6- Featured Content 7- Overlay Background 8- Intro Block 10- Nav Accordion 11- Call to Action 12- Clients Section 13- About Intro 14- People 15- Page Title 16- Intro Text 17- Lists 18- Cover Backgrounds 19- Intro Colors 20- Newsletter Sign Up 21- Vertical Align 22- Add To Wishlist 23- Modal Box 24- Panel 25- Call To Action Link 26- Shop Wishlist Modal 27- Swipebox Custom 28- Title 29- Revolution Slider Custom 30- Section 31- Revolution Bullets Custom 32- Blockqoute 33- Custom Title 34- Coutdown 35- Popular Posts 36- Audio Player 37- Auto Complete 38- Pagination 39- Intro 40- Tooltip 41- Newsletter Section 42- Boostrap Switch 43- Logo 44- Shop Home 45- Home Title 46- Home Fullscreen 47- Home Church 48- Home Hosting 49- Home Events 50- Home Minimal Box 51- Call Newsletter Box 52- Home Magazine 53- Portfolio Filter 54- Portfolio Layout Filter 55- Text Holder 56- Portfolio Flex Slider 57- Load More 58- Flip Hover Animation 59- Overlay Animation 4 60- Overlay Animation 5 61- Overlay Animation 6 62- Porfolio Animation Slide 63- Portfolio Single 64- Related Projects 65- Overlay Animation 7 66- Blog 67- Comments 68- Post Meta 69- Blog Audio Player 70- Slider Blog Icons 71- Magazine Post List 72- Sidebar Facebook & Twitter Widget 73- Bootstrap Switch 74- Sidebar Search 75- Sidebar List 76- Faq 77- Services 78- Jobs 79- Bootstrap Columns 5 80- Promotion Boxes 81- Error Page 82- Home 2 83- Testimonials 84- Revolution Slider Banner Container 85- Page Title Fullwidth 86- About Us Simple 87- Helper Class 88- About Us Classic 89- Page Intro Content 90- Search 91- Intro Section 92- Home Landing Pages 93- Cart Empty 94- Submit Form 95- Sidebar Both 96- Login & Register 97- Restaurant Menu 98- Video Background Box 99- Page 404 100- Checkout 101- Clients 102- Copyrights 103- Coming Soon 104- Clock Counter 105- Tables Styled 106- Forum 107- User Profile 108- Recent Work 109- About Us 2 110- Block Content Wrapper 111- Services 3 112- Vertical Timeline 113- About Us 4 114- Subscribe Fancy Box 115- Services Pricing 116- Intro Block Overlay 117- Text Block 118- Heading Container 119- Home 6 120- Home Minimal 121- Colored Box 122- Intro Page 123- Particles 124- Fullscreen Page 125- One Page 126- Shop Overlay Animation 1 127- Icon Box Simple 128- Blockquote 2 129- Latest Posts 130- Blog 2 131- Sidebar Blog Post 132- Image Desc Box 133- Time Counter 134- Load More Wrapper 135- Wow 136- Intro Wrap Content 137- Horizontal Timeline 138- Process Steps 139- Charts 140- Select Pickers 141- Range Sliders 142- Center Column Fix 143- Sidebar Simple List 144- Menu List Content 145- Desc Box 146- Image Box Desc 147- Showcase Image Box 148- Call To Action Custom 149- Left Menu Sidebar 150- Form Styles 151- Progress Bar 152- Svg Animation 153- Bootstrap Table 154- Widget 155- Recent Post Widget 156- Background Color Change 157- Centered List 158- Video Player Custom 159- 3D Progress Bars 160- Counter Simple Text 161- Image Post 162- Team Members 163- Team Members 2 164- Team Members 5 165- Team Members 3 166- Team Members 4 167- Team Members 6 168- Team Members 7 169- Team Members 8 170- Team Single 171- Sidebar 172- Accordion 173- Progress Bar 174- Testimonials 175- Testimonials Slider 176- DropCaps 177- Message Boxes 178- Blockquote 179- Highlights 180- Content Title 181- Counters 182- Pie Charts 183- Images & Videos 184- Flickr Feed 185- Dribbble Feed 186- Twitter Feed 187- Tags Cloud 188- Gallery 189- Shop 190- Price Filter 191- Shop Single 192- Shop Sort Filter 193- Shop Layout Filter 194- Custom Select 195- Clients Carousel 196- Overlay Icon Section 197- Animated Module 198- Icon Boxes 199- Icon Images 200- Icon Boxes With Hover Effect 201- Icon Box Effects 202- Colored Icons 203- Simple Icon Box 204- Big Icon Box 205- Rotate Icons 206- Icon With Number 207- Pricing Tables 208- Pricing Tables 2 209- Pricing Tables 3 210- Pricing Tables 4 211- Pricing Tables 5 212- Pricing Tables 6 213- Pricing Tables Small 214- Icon Type 215- Icon Type 2 216- Big Social Box 217- Login Form Social Icons 218- Widget Social Icons 219- Header Social Icons 220- Simple Social 221- Icon Type 4 222- Header 223- Cart Header 224- Header Navigation 225- Header Content 225- Header Colors 226- Buttons 227- Buttons Sizes 228- Buttons Shape 229- Contact 230- Contact Form 231- Newsletter Form 232- Google Maps 233- Navigation 234- Dropdown Menu 235- Mega Menu 236- Navigation Light 237- Right Side Navigation 238- Left Side Navigation 239- Navigation Form 240- Footer 241- Copyrights 242- Newsletter Footer 243- Footer 3 244- Footer 4 245- Footer Center 246- Landing Copyright 247- Login Copyright 248- Footer Light 249- Footer Main Color 250- Copyright Social 251- Footer Widgets 252- Tab Panel Style 4 253- Tab Panel Style 5 254- Tab Panel Style 6 255- Tab Panel Style 7 256- Tab Panel Style 8 257- Tab Panel Side Navigation 258- Tab Panel 259- Tab Panel Style 1 260- Tab Panel Style 2 261- Tab Panel Style 3 262- Tab Panel Style 7 263- Swiper Slider 264- Owl Carousel Slider 265- Hero Slider 266- Home Small Slider 267- Master Slider 268- Slick Slider 269- Flex Slider 270- Revolution Slider 271- Layer Slider 272- Card Slider 273- Accordion Slider 274- Royal Slider 275- Landing Page 276- Intro Image 277- Pinpulse Box 278- Landing Section 279- Overlay Landing 280- Intro Text 2 281- Landing Content 282- Page Preloader 283- Page Preloader 2 284- Page Preloader 3 285- Page Preloader 4 286- Page Preloader 5 287- Page Preloader 6 288- Page Preloader 7 289- Page Preloader 8 290- Page Preloader 9 291- Responsive 292- MAX 1600 PX SCREEN 293- MAX 1440 PX SCREEN 294- MAX 1366 PX SCREEN 295- MAX 1280 PX SCREEN 296- RESPONSIVE NAVIGATION HIDDEN 297- RESPONSIVE NAVIGATION VISIBLE 298- MAX 1024 PX SCREEN 299- MAX 767 PX SCREEN 300- MAX 480 PX SCREEN 301- MAX 320 PX SCREEN */ #c_90bf1e765d4d594d15c0accb229d60c8 { width: 100% !important; text-align: center !important; min-height: 350px; overflow: scroll; background: transparent !important; background-repeat: no-repeat !important; background-position: top left !important; } .title-light{ font-family: 'NexaLight', sans-serif !important; } .title-light-20{ font-size: 20px !important ; } .desc-event-15{ font-size: 15px !important ; } .event-title{ margin-bottom: 10px !important; } .black-link{ color: #333333 !important; } .breadcrumb > .active{ color: #777777 !important; } .no-margin-top{ margin-top: 0px !important; } .img-float-left{ float: left; margin-right: 30px; width: 100%; max-width: 350px; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 3px; } .img-float-right{ float: right; margin-left: 30px; width: 100%; max-width: 150px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .aceitar_termos{ outline: none; text-align: center; width: 20px; height: 20px; margin-right: 10px; display: inline-block; border: 1px solid #e6e6e6; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: #ffffff; vertical-align: middle; } .text-justify{ text-align: justify !important; } .pb-50{ padding-bottom: 50px !important; } @font-face { font-family: Jura-Medium; src: url(font/Jura-Medium.otf); } @font-face { font-family: Junction-regular; src: url(font/Junction-regular.otf); } @font-face { font-family: Junction-regular; src: url(font/Junction-regular.otf); } @font-face { font-family: NexaBold; src: url(font/Nexa_Bold.otf); } @font-face { font-family: NexaLight; src: url(font/Nexa_Light.otf); } @font-face { font-family: NexaRegular; src: url(font/Nexa_Regular.otf); } .titulo-light{ font-family: 'NexaLight', sans-serif !important } [class^="fa-"], [class*=" fa-"] { font-family: 'FontAwesome'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .wsmenu-list > li > a.active { color: #005c96 !important; border-bottom: solid 3px #005c96; } .color-blue{ color: #0092cc !important; } .color-white{ color: #ffffff !important; } .top10{ margin-top: 10px !important; } .top20{ margin-top: 20px !important; } .top30{ margin-top: 30px !important; } .top40{ margin-top: 40px !important; } .top50{ margin-top: 50px !important; } .top60{ margin-top: 60px !important; } .top70{ margin-top: 70px !important; } .top80{ margin-top: 80px !important; } .top90{ margin-top: 90px !important; } .top100{ margin-top: 100px !important; } .bottom10{ margin-bottom: 10px !important; } .bottom20{ margin-bottom: 20px !important; } .bottom30{ margin-bottom: 30px !important; } .bottom40{ margin-bottom: 40px !important; } .bottom50{ margin-bottom: 50px !important; } .bottom60{ margin-bottom: 60px !important; } .bottom70{ margin-bottom: 70px !important; } .bottom80{ margin-bottom: 80px !important; } .bottom90{ margin-bottom: 90px !important; } .bottom100{ margin-bottom: 100px !important; } /* */ /* Blog data */ /* */ .blog-box.blog-item .blog-item-data .blog-title { font-size: 16px; margin-left: 55px; } .blog-item.small .blog-item-data .blog-title { font-size: 14px; } .blog-item .blog-item-data .blog-title { margin: 0; } .blog-date .date { position: relative; z-index: 1; display: inline-block; border-width: 3px; border-style: solid; -webkit-border-radius: 14px; -moz-border-radius: 14px; border-radius: 14px; font-size: 14px; color: #fff; background: transparent; vertical-align: middle; border-width: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; float: left; } .blog-date .date:before { content: ''; position: absolute; z-index: -1; top: 0px; bottom: 0px; left: 0px; right: 0px; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; background: #005C92; } .blog-date .date .date-cont { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; position: relative; z-index: 1; overflow: hidden; } .blog-date .date .date-cont > span { text-align: center; display: block; min-width: 58px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; height: 35px; line-height: 40px; font-size: 24px; } .blog-date .date .date-cont > span.month, .blog-date .date .date-cont > span.year { font-size: 14px; } .blog-date .date .date-cont > span { min-width: 45px; } .small .blog-date .date .date-cont > span { min-width: 35px; height: 25px; line-height: 25px; font-size: 18px; } .small .blog-date .date .date-cont > span.month, .small .blog-date .date .date-cont > span.year { font-size: 14px; } .blog-date .date:hover .month { -webkit-transform: rotateX(-180deg); -moz-transform: rotateX(-180deg); -ms-transform: rotateX(-180deg); transform: rotateX(-180deg); } .blog-date .date .month:before { top: 0; opacity: 1; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .blog-date .date .month:before, .item .date .month:after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; z-index: -1; top: 0; opacity: 1; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; background-color: #ffffff; border: 1px solid #f2f2f2; -webkit-border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; } .blog-date .date:hover .month:before { opacity: 0; } .blog-date .date:hover .month:before { opacity: 1; } .blog-date .date .month { position: absolute; z-index: 1; bottom: 0; left: 0; -webkit-border-bottom-right-radius: 8px; -webkit-border-bottom-left-radius: 8px; -moz-border-radius-bottomright: 8px; -moz-border-radius-bottomleft: 8px; -webkit-border-bottom-right-radius: 8px; -moz-border-radius-bottomright: 8px; border-bottom-right-radius: 8px; -webkit-border-bottom-left-radius: 8px; -moz-border-radius-bottomleft: 8px; border-bottom-left-radius: 8px; font-size: 14px; text-transform: uppercase; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-transform-origin: left top; -moz-transform-origin: left top; -ms-transform-origin: left top; -o-transform-origin: left top; transform-origin: left top; -webkit-transform: rotateX(0); -moz-transform: rotateX(0); -ms-transform: rotateX(0); transform: rotateX(0); color: #005C92; } .blog-date .date .month { background: transparent; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; overflow: visible; } .blog-date .date .month > span { display: block; -webkit-transform: rotateX(0); -moz-transform: rotateX(0); -ms-transform: rotateX(0); transform: rotateX(0); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .blog-date .date:hover .month > span { -webkit-transform: rotateX(-180deg); -moz-transform: rotateX(-180deg); -ms-transform: rotateX(-180deg); transform: rotateX(-180deg); } .blog-date .date .month { color: #005C92; } .blog-date .date .month:after { border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; z-index: -2; } @media screen and (max-width: 1199px) and (min-width: 992px) { .col-md-4 .blog-item .blog-item-foot { text-align: center; } .col-md-4 .blog-item .blog-item-foot .cws-button { margin-top: 10px; float: none !important; } } @media screen and (max-width: 380px) { .blog-item .blog-item-foot { text-align: center; } .blog-item .blog-item-foot .cws-button { margin-top: 10px; float: none !important; } } /*------------ ( WIDGETS FARMACIAS E TEMPO ) ------------*/ #c_af5f3e2385c8a4d61ba21ebdb40f1817 { width: 100% !important; text-align: center !important; padding-top: 0px !important; min-height: 350px; overflow: scroll; background: transparent !important; background-repeat: no-repeat !important; background-position: top left !important; } .nomP { display: none !important; } .farmacias-wrapper { text-align: center; /*border: 1px solid #ccc;*/ background: #fff; min-height: 220px; /*overflow: scroll;*/ background: #fff !important; background-repeat: no-repeat; background-position: bottom right; height: 225px; } @media screen and (min-width: 992px) { .farmacias-wrapper { height: 250px;} } @media screen and (min-width: 1441px) { .farmacias-wrapper { height: 350px;} } .farmacias-wrapper > iframe > #document > html > body{ background-color: transparent !important; color: #333333 !important; background-image: url('../images/farmacia.jpg') !important; } /*------------ ( Base CSS ) ------------*/ .new-form{ background-color: #ffffff !importnat; border-radius: 10px !importnat; padding: 15px !importnat; } .sidebar-date{ color: #005c96 !important; font-size: 10px !important; float: left !important; } .btn:focus, { color: #ffffff !important; } ::selection { color: #fff; } body { color: #666; font-size: 14px; line-height: 1.7; font-weight: 400; overflow-x: hidden; background: #FFF; /*padding-top: 155px !important;*/ /* -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;*/ } @media screen and (min-width: 1024px) { body.combarra{ padding-top: 152px !important; } body.sembarra{ padding-top: 111px !important; } } #wrapper { display: block; margin: 0 auto; position: relative; } .container-fluid { max-width: 1440px; width: auto; margin: 0 auto; position: relative; } .container-fluid.vertical-align-content { float: none; } .no-navigation .offscreen-container.reveal-nav { display: none; } /*------------ ( Typography ) ------------*/ ::-moz-selection { background-color: #ddd; } ::selection { background-color: #000; } h1,h2,h3,h4,h5,h6 { font-family: 'Open Sans', sans-serif; font-weight: 400; line-height: 1.4; -webkit-font-smoothing: antialiased; margin-bottom: 25px; color: #000; } h1 { font-size: 36px; } h2 { font-size: 32px; } h3 { font-size: 24px; } h4 { font-size: 18px; } h5 { font-size: 18px; } h6 { font-size: 14px; } img { width: 100%; height: auto; border-radius: 4px; } p { color: #333333; font-size: 16px; line-height: 1.8; font-weight: 400; letter-spacing: 0.2px; margin-bottom: 5px; } a:hover,button,button:hover { -webkit-transition: all 0.35s ease-out; -moz-transition: all 0.35s ease-out; -o-transition: all 0.35s ease-out; -ms-transition: all 0.35s ease-out; transition: all 0.35s ease-out; } button:focus,a:focus { outline: none; } a:hover,a:focus { text-decoration: none; } table,table tr,table td,table tr:hover { webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; -o-transition: all 0.15s ease-out; -ms-transition: all 0.15s ease-out; transition: all 0.15s ease-out; } .separator { float: left; width: 100%; height: 1px; background: #dfdfdf; position: relative; margin: 0 0 50px; } .no-background { background-color: transparent !important; } .text-uppercase { text-transform: uppercase; } .align-center { text-align: center!important; } .call-to-action.align-center .btn { float: none; top: 15px; } /*------------ ( Scroll To Top Fixed ) ------------*/ .scroll-to-top-fixed { position: fixed; bottom: 20px; right: 20px; width: 42px; height: 42px; display: none; z-index: 99999; font-size: 11px; line-height: 1; text-align: center; padding: 16px 0; color: #fff; border-radius: 0px; font-weight: bold; } .scroll-to-top-fixed.sticky-btn { display: block; } .scroll-to-top-fixed.sticky-btn:hover { color: #FFF; } .scroll-to-top-fixed.sticky-btn span { font-weight: bold; } /*------------ ( Page Preloader ) ------------*/ .page-preloader { position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; z-index: 99999; overflow: hidden; background-color: #ffffff; } .page-preloader .status { width: 120px; height: 120px; font-size: 40px; padding: 2px 0; text-align: center; line-height: 1; position: absolute; left: 47%; top: 47%; color: #333; margin: 0 0 0 0; font-weight: 500; } .page-preloader .status p { font-weight: 500; text-align: center; text-transform: uppercase; } .preloader-spin { -webkit-animation: preloader-spin 1.7s infinite linear; animation: preloader-spin 1.7s infinite linear; } .preloader-color { -webkit-animation: preloader-color 1.7s infinite ease-in-out; animation: preloader-color 1.7s infinite ease-in-out; } @-webkit-keyframes preloader-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes preloader-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @-webkit-keyframes preloader-color { 0% { color: #333; } 25% { color: #34b489; } 50% { color: #333; } 100% { color: #34b489; } } @keyframes preloader-color { 0% { color: #333; } 25% { color: #0092df; } 50% { color: #333; } 100% { color: #0092df; } } /*------------ ( Search Pop Box ) ------------*/ .search-popup-box { position: fixed; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; display: none; z-index: 99999; text-align: center; opacity: 0; } .search-popup-box.visible { display: block; opacity: 1; } .search-popup-box .search-popup-close { border-radius: 2px; position: absolute; right: 25px; top: 25px; font-size: 16px; background: transparent; border: 0; line-height: 0.5; color: #FFF; padding: 0; margin: 0; cursor: pointer; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; padding: 10px 10px 10px 10px; background: transparent; } .search-popup-box .search-popup-close span { font-weight: bold; } .search-popup-box:hover span { color: #FFF; } .search-popup-box .search-popup-close:hover { color: #000; } .search-popup-box .search-form-popup { display: inline-block; max-width: 800px; width: 100%; padding: 0 20px; margin: 0; position: relative; top: 40%; } .search-popup-box .search-form-popup .form-group { display: inline-block; width: 100%; margin: 0; padding: 27px 25px 30px 25px; position: relative; border: 1px solid rgba(255,255,255,0.25); /*border-radius: 100px;*/ background: rgba(255,255,255,0.05); } .search-popup-box .search-form-popup .form-control { font-size: 18px; color: rgba(255,255,255,0.75); height: auto; background: transparent; border: 0; padding: 0 60px 0 0; margin: 0; width: 100%; box-shadow: none; line-height: 1; -webkit-box-shadow: none; font-weight: 500; } .search-popup-box .search-form-popup .form-control::-moz-placeholder { color: rgba(255,255,255,0.75); opacity: 1; } .search-popup-box .search-form-popup .form-control:-ms-input-placeholder { color: rgba(255,255,255,0.75); } .search-popup-box .search-form-popup .form-control::-webkit-input-placeholder { color: rgba(255,255,255,0.75); } .search-popup-box .search-form-popup button { position: absolute; right: 30px; top: 22px; font-size: 28px; background: transparent; border: 0; line-height: 1; color: rgba(255,255,255,0.75); padding: 0; margin: 0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; } .search-popup-box .search-form-popup button:hover { color: #FFF; } .form-control { display: block; width: 100%; height: 34px; padding: 8px 15px 5px 15px; font-size: 13px; line-height: 21px; color: #555; background-color: #FFF; background-image: none; border: 1px solid #FFF; box-shadow: none; } /*------------ ( Featured Content ) ------------*/ .featured-content { color: #FFF; text-align: center; display: table-cell; vertical-align: middle; z-index: 20; position: relative; padding-top: 30px; } .featured-content h1,.featured-content h2,.featured-content h3,.featured-content h4,.featured-content h5,.featured-content h6 { color: #FFF; } .featured-content h1.huge { font-size: 72px; line-height: 1; letter-spacing: 0.25px; text-transform: uppercase; text-shadow: 0px 0px 15px rgba(0,0,0,0.25); -webkit-animation-delay: .35s; -moz-animation-delay: .35s; -ms-animation-delay: .35s; animation-delay: .35s; font-weight: 300; margin-bottom: 0; } .featured-content h1.small { font-size: 42px; letter-spacing: 1px; /*text-transform: capitalize;*/ -webkit-animation-delay: .35s; -moz-animation-delay: .35s; -ms-animation-delay: .35s; animation-delay: .35s; font-weight: 300; margin-bottom: 0; } .featured-content h2.small { font-size: 16px; letter-spacing: 0.25px; /*text-transform: capitalize;*/ text-shadow: 0px 0px 15px rgba(0,0,0,0.25); -webkit-animation-delay: .35s; -moz-animation-delay: .35s; -ms-animation-delay: .35s; animation-delay: .35s; font-weight: 300; margin-bottom: 30px; } .featured-content h1 span,.featured-content h2 span,.featured-content h3 span,.featured-content h4 span,.featured-content h5 span,.featured-content h6 span { font-family: 'Open Sans', sans-serif; font-style: italic; font-weight: 400; text-shadow: 0px 0px 15px rgba(0,0,0,0.25); } .featured-content h1.italic,.featured-content h2.italic,.featured-content h3.italic,.featured-content h4.italic,.featured-content h5.italic,.featured-content h6.italic { text-transform: uppercase; font-weight: 400; font-size: 14px; margin-bottom: 20px; text-shadow: 0px 0px 15px rgba(0,0,0,0.25); letter-spacing: 1px; } .google-charts-box { width: 100%; float: left; height: 400px; } .flot-charts-wrapper { width: 100%; float: left; height: 400px; position: relative; } .flot-charts-box { width: 100%; height: 100%; } .chartli-box { float: left; padding: 20px; width: 100%; border: 1px solid rgba(0,0,0,0.1); margin: 0 0 30px; } .chartli-holder { height: 400px; } .tsf-wizard .tsf-nav-step .current strong { color: #ffffff; } .tsf-wizard .tsf-nav-step strong { cursor: pointer !important; font-size: 12px; line-height: 1.42857; color: #AAA; font-weight: 400; display: inline-block; max-width: 100%; } .tsf-nav-step ul strong { margin-bottom: 0 !important; } /*------------ ( Overlay Background ) ------------*/ .overlay { position: absolute; height: 100%; width: 100%; z-index: 1; -webkit-transition: all 100ms cubic-bezier(0.42,0,0.58,1); -moz-transition: all 100ms cubic-bezier(0.42,0,0.58,1); -ms-transition: all 100ms cubic-bezier(0.42,0,0.58,1); -o-transition: all 100ms cubic-bezier(0.42,0,0.58,1); transition: all 100ms cubic-bezier(0.42,0,0.58,1); -webkit-animation-delay: .35s; -moz-animation-delay: .35s; -ms-animation-delay: .35s; animation-delay: .35s; } .background-01 { background-color: rgba(0,0,0,0.45); opacity: 100; z-index: 0; } .background-01.grid { background-image: url("../images/grid.png"); background-repeat: repeat; } .featured-content .btn { margin: 5px; } .flexslider .slides>li.background-slider-item { width: 100%; height: 550px; position: relative; float: left; position: relative; background-position: top center; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; display: table; z-index: 0; } .overlay-bg.flat { background-color: rgba(0,0,0,0.55); } .overlay-bg.half { background-color: rgba(33,37,47,0.5)!important; } .overlay-bg { opacity: 0.85; } .overlay-intro { opacity: 1; position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 2; background: rgba(0,0,0,0.5); } /*------------ ( Intro Block ) ------------*/ .intro-block { display: block; width: 100%; padding: 60px 0; margin-bottom: 60px; text-align: center; background-color: #f4f4f4; position: relative; } .intro-block.light { background-color: #FFF; } .intro-block.dark { background-color: #3a3a3a; } .intro-block .overlay { position: absolute; width: 100%; height: 100%; top: 0px; z-index: 33; } .intro-block video { position: absolute; width: 100%; height: 100%; z-index: 1; } .intro-block h1 { font-size: 34px; margin-bottom: 20px; color: #FFF; font-weight: 300; } .intro-block h1 [class^="icon-"] { font-size: 40px; margin-bottom: 30px; color: #FFF; } .intro-block p { text-align: center; font-style: italic; color: #FFF; font-size: 15px; line-height: 22px; letter-spacing: 1px; } .intro-block p.small { text-align: center; font-style: normal; color: #6d6d6d; font-size: 11px; line-height: 20px; text-transform: uppercase; letter-spacing: 1.5px; font-weight: 600; } .intro-content { color: #FFF; position: relative; z-index: 100; } .fullwdith-hoolder { width: 100%; height: auto; float: left; position: relative; margin: 60px 0; } .flexslider { z-index: -1; } .no-padding { padding: 0 0 0 0!important; } .no-left-padding { padding-left: 0!important; } .no-right-padding { padding-right: 0!important; } .no-top-padding { padding-top: 0!important; } .no-bottom-padding { padding-bottom: 0!important; } .fullwdith-holder { float: left; width: 100%; height: 400px; position: relative; margin-bottom: 60px; display: table; } .fullwidth-featured-content { color: #FFF; text-align: center; position: relative; width: 100%; } .flex-control-nav li { margin: 0 2px!important; display: inline-block; zoom: 1; } .navbar-toggle { position: absolute; z-index: 10999; float: left; padding: 17px 20px 17px 20px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; background-color: transparent; background-image: none; border: none; border-radius: 0px; margin-left: 0; right: -44px; top: 0px; } .navbar-toggle .icon-bar { background: #FFF; width: 4px; height: 4px; border-radius: 100px!important; } #mobile-navbar { position: relative; width: 200px; top: 0px; height: 100vh; left: -200px; display: block!important; z-index: 999; } .brand.mobile { display: none; float: left; padding: 10px 0 10px 0; margin-bottom: 0; /*margin-left: -15px;*/ } .video-wrap { position: absolute; width: 100%; height: 100%; z-index: -1; top: 0; left: 0; overflow: hidden; } .video-wrap video,.video-wrap iframe { position: absolute; top: 0; left: 0; width: 100%; height: auto; border: 0; margin: 0; padding: 0; } #page-title .video-wrap { z-index: 0 !important; position: absolute !important; height: 100% !important; } #page-title.intro-big { background: transparent; } .menu-block form { padding: 0 0px; } .form-group>label,.checkbox>label { font-size: 16px; /*text-transform: capitalize;*/ font-weight: 400; } .flexslider { z-index: 20!important; } /*------------ ( Nav Accordion ) ------------*/ #nav-accordion { width: 100%; padding: 0px; margin: 0px; float: left; margin-bottom: 40px; } .nav-accordion-section-title,.nav-accordion-section-title:focus,.nav-accordion-section-title:active { float: left; width: 100%; border-top: 1px solid rgba(255,255,255,0.07); padding: 0px; float: none; padding: 15px 15px 11px 15px; color: rgba(255,255,255,0.60); text-decoration: none; text-shadow: none; text-transform: uppercase; font-size: 10px; font-weight: 500; letter-spacing: 2px; float: left; width: 100%; position: relative; z-index: 10; } .nav-accordion-section { float: left; width: 100%; position: relative; } #nav-accordion ul.widget-social { border-top: 1px solid rgba(255,255,255,0.07); padding-top: 40px; margin-top: 0px; } .nav-accordion-section-content ul li a { color: rgba(255, 255, 255, 0.50); } #mobile-navigation p { font-size: 13px; } #mobile-navigation p,#mobile-navigation h1,#mobile-navigation h2,#mobile-navigation h3,#mobile-navigation h4,#mobile-navigation h5,#mobile-navigation h6 { color: rgba(255,255,255,0.65); } .nav-accordion-section-content ul li.dropdown-header { color: #FFF; padding: 15px 10px; margin-bottom: 0px; margin-top: 0px!important; } .nav-accordion-section-content { background: rgba(0,0,0,0.15); float: left; padding: 0; max-height: 450px; overflow-x: scroll; } .nav-accordion-section-content ul { list-style: none; float: left; padding: 0; margin: 0; } .nav-accordion-section-content ul li { float: left; width: 100%; padding: 8px 20px; border-bottom: 1px solid rgba(255,255,255,0.07); } .nav-accordion-section-content ul li a { color: rgba(255,255,255,0.65); font-size: 12px; letter-spacing: 0.5px; float: left; width: 100%; } .nav-accordion-section-content ul li a [class^="icon-"] { margin-right: 10px; } .nav-accordion-section-title:hover { background: rgba(255,255,255,0.15); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; color: #FFF; } .nav-accordion-section-title [class^="icon-"] { font-size: 16px; top: -1px; width: 20px; position: relative; margin-right: 20px; margin-left: 0px; } .nav-accordion-section-content ul li a span { display: inline-block!important; } .left-menu-with-navbar .vlt-left-menu .nav-accordion-section-title span,.left-menu-with-navbar .vlt-left-menu .nav-accordion-section-content ul li a span { margin-right: 20px; } .text-align-right { text-align: right!important; } .text-align-left { text-align: left!important; } .text-align-center { text-align: center!important; } /*------------ ( Call to Action ) ------------*/ .call-to-action { float: left; width: 100%; position: relative; padding: 60px 0; } .call-to-action.js-parallax,.call-to-action.js-parallax-video { background-color: transparent!important; } .call-to-action .video-wrap { position: absolute!important; height: 100%!important; } .call-to-action .container-fluid { z-index: 222; } .call-to-action .btn { margin-top: 0; margin-bottom: 0; } .call-to-action .btn.withtopmargin { margin-top: 20px; } .call-to-action.alignleft h1.small { font-size: 18px; } .call-to-action .pricing-table-small-button .btn { margin-top: 0; } .call-to-action .selecter { min-width: 100%; } .call-to-action form .btn { top: 0; } .call-to-action .btn.alignright { float: right!important; margin: 0; } .call-to-action.align-center,.call-to-action.align-center a,.call-to-action.align-center h1 { text-align: center; } .call-to-action.align-center a,.call-to-action.align-center a,.call-to-action.align-center h1 a { color: #FFF; } .call-to-action.align-center a:hover { letter-spacing: 1.2px; } .icon-holder { float: left; display: block; margin-right: 35px; margin-top: 35px; margin-bottom: 35px; } .icon-holder [class^="icon-"] { font-size: 52px; color: #FFF; } .call-to-action h2 { color: #FFF; font-size: 20px; letter-spacing: 1px; margin-top: 15px; font-weight: 300; text-align: right; } .call-to-action h1 { color: #FFF; font-size: 28px; letter-spacing: 0.7px; margin-top: 15px; font-weight: 500; text-align: left; /*text-transform: capitalize;*/ margin-top: 0; margin-bottom: 10px; } .call-to-action.alignleft h1,.call-to-action.alignleft h2,.call-to-action.alignleft p { text-align: left; } .call-to-action p { color: rgba(255,255,255,0.8); font-size: 16px; line-height: 1.8; margin: 15px 0; letter-spacing: 0.5px; } .call-to-action.text-center h1,.call-to-action.text-center h4 { text-align: center!important; color: #fff; } .text-center { text-align: center!important; } .call-to-action.text-center .btn { float: none; } .light-bg { background-color: rgba(255,255,255,0.25)!important; } .dark-bg { background-color: rgba(0,0,0,0.10)!important; } .cover-bg-absolute img { position: absolute; top: 0px; left: 0px; height: 100%; width: auto; } .phone-number [class^="icon-"] { position: relative; margin-right: 15px; } /*------------ ( Clients Section ) ------------*/ .clients-section { display: block; width: 100%; position: relative; padding: 20px 0 0; } .clients img { width: 100%; height: auto; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; opacity: 0.6; } .clients img:hover { opacity: 1; cursor: pointer; } .success-lg [class^="icon-"] { position: absolute; right: 25px; color: #000; font-size: 16px; top: 19px; opacity: 0; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; margin-top: -1px; } .success-lg:hover { padding-right: 50px; padding-left: 20px; } .success-lg:hover [class^="icon-"] { opacity: 100; right: 40px; } /*------------ ( About Intro ) ------------*/ .about-intro { float: left; width: 100%; background-color: #3a3a3a; border-radius: 4px; padding: 60px 40px; height: 100%; } .about-intro h2 { font-size: 13px; color: #FFF; margin-bottom: 10px; margin-top: 0px; text-transform: uppercase; letter-spacing: 2px; } .about-intro p { color: rgba(255,255,255,0.4); } .intro-big { padding: 300px 0!important; } .intro-default { padding: 170px 0!important; } .small-intro { position: relative; display: table; text-align: center; color: rgba(255,255,255,0.4); height: 380px; padding: 0px 40px; border-radius: 0px; margin-bottom: 30px; } .small-intro>div { display: table-cell; vertical-align: middle; text-align: center; } .small-intro.grey-color { background-color: #ccc; } .small-intro.dark-color { background-color: #3a3a3a; } .small-intro h4 { text-align: center; text-transform: uppercase; font-size: 12px; letter-spacing: 2px; color: rgba(255,255,255,0.85); font-weight: 600; margin-bottom: 20px; } .small-intro p { color: rgba(255,255,255,0.6); line-height: 18px; font-size: 13px; font-style: italic; } .small-intro p>[class^="icon-"] { color: rgba(255,255,255,0.6); line-height: 16px; font-size: 16px; text-align: center; } /*------------ ( People ) ------------*/ #people .item { width: 175px; height: 175px; float: left; position: relative; margin: 0px 0px 30px 0; } #people .item img { display: block; width: 175px; height: 175px; border-radius: 2px; position: relative; z-index: 2; } #people .item .info { width: 175px; height: 175px; padding: 10px; border-radius: 2px; color: #fff; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; } #people .item .info h4 { letter-spacing: 1px; font-size: 11px; margin-bottom: 0px; color: #fff; text-transform: uppercase; } #people .item .info p { font-size: 11px; line-height: 20px; color: rgba(255,255,255,0.6); } #people .item .info .socials { position: absolute; bottom: 25px; left: 10px; height: 18px; width: 130px; } #people .item .info .socials [class^="icon-"] { display: inline-block; position: relative; margin-right: 5px; color: #FFF; background: transparent; font-size: 16px; } #people .item .info .socials .icon:hover { text-decoration: none; } #people .item:hover { position: relative; z-index: 5; } #people .item:hover .info { display: inline-block; } #people .flip { position: relative; -webkit-perspective: 1000; -moz-perspective: 1000; -ms-perspective: 1000; -o-perspective: 1000; perspective: 1000; } #people .flip .flip-front,#people .flip .flip-back { position: absolute; top: 0; left: 0; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; -moz-transition: 0.5s; -webkit-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s; } #people .flip .flip-front { z-index: 5; } #people .flip .flip-back { z-index: 0; -moz-transform: rotateY(-180deg) scale(1.2); -webkit-transform: rotateY(-180deg) scale(1.2); -o-transform: rotateY(-180deg) scale(1.2); -ms-transform: rotateY(-180deg) scale(1.2); transform: rotateY(-180deg) scale(1.2); } #people .flip:hover .flip-front { z-index: 5; -moz-transform: rotateY(180deg) scale(1.2); -webkit-transform: rotateY(180deg) scale(1.2); -o-transform: rotateY(180deg) scale(1.2); -ms-transform: rotateY(180deg) scale(1.2); transform: rotateY(180deg) scale(1.2); } #people .flip:hover .flip-back { z-index: 10; -moz-transform: rotateY(0deg) scale(1); -webkit-transform: rotateY(0deg) scale(1); -o-transform: rotateY(0deg) scale(1); -ms-transform: rotateY(0deg) scale(1); transform: rotateY(0deg) scale(1); } /*------------ ( Page Title ) ------------*/ #page-title { position: relative; padding: 20px; background-color: #f9f9f9; display: block; width: 100%; overflow: hidden; } #page-title.white-background { background: #fff; } #page-title.white-background h1 { float: none; border: none; display: inline-block; padding: 0; margin-bottom: 40px; font-size: 80px; /*text-transform: capitalize;*/ letter-spacing: -1px; font-weight: 600; text-align: left; color: #2f2f2f; } #page-title.white-background p { display: inline-block; color: #777; z-index: 101; margin-top: 0; margin-bottom: 30px; width: 100%; text-align: left; margin-top: 30px; line-height: 30px; font-size: 16px; } #page-title.js-parallax { background-color: transparent; } #page-title .container-fluid { z-index: 5; } .js-parallax .separator-accent,.js-parallax-video .separator-accent { border-color: #fff !important; } #page-title.image-page-title { -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; padding: 120px 0; } .image-page-title-centered { -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #page-title.big-space { border-bottom: none; } #page-title.big-padding { padding: 250px 0; } #page-title.medium-padding { padding: 125px 0; } #page-title.js-parallax-video { padding: 0; } .page-intro-content { position: relative; display: table; text-align: center; width: 100%; height: 100%; z-index: 199; } .page-intro-content .content { display: table-cell; text-align: center; vertical-align: middle; } .page-intro-form { position: absolute; display: table; width: 40%; top: 0; left: 0; height: 100%; z-index: 199; background: -moz-linear-gradient(top,rgba(0,0,0,0.4) 0%,rgba(0,0,0,0.75) 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(0,0,0,0.4)),color-stop(100%,rgba(0,0,0,0.75))); background: -webkit-linear-gradient(top,rgba(0,0,0,0.4) 0%,rgba(0,0,0,0.75) 100%); background: -o-linear-gradient(top,rgba(0,0,0,0.4) 0%,rgba(0,0,0,0.75) 100%); background: -ms-linear-gradient(top,rgba(0,0,0,0.4) 0%,rgba(0,0,0,0.75) 100%); background: linear-gradient(to bottom,rgba(0,0,0,0.4) 0%,rgba(0,0,0,0.75) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000',endColorstr='#a6000000',GradientType=0 ); } #page-title.image-page-title-left { padding: 180px 0; text-align: left; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #page-title.space-top { padding: 120px 0 0; } #page-title .overlay-bg,#page-title .overlay-bg.flat,.overlay-bg { position: absolute; width: 100%; height: 100%; z-index: 3; top: 0; left: 0; right: 0; bottom: 0; } .overlay-gradient { position: absolute; width: 100%; height: 100%; z-index: 3; top: 0; left: 0; right: 0; bottom: 0; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 80%); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 80%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 80%); -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; -o-transition: all 0.15s ease-out; -ms-transition: all 0.15s ease-out; transition: all 0.15s ease-out; } .blog-post-2:hover .overlay-gradient { background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.85) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.85) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.85) 100%); } .breadcrumb { position: absolute; width: auto; top: 50%; left: auto; right: 30px; margin: -10px 0 0; background-color: transparent; padding: 0; font-size: 12px; z-index: 102; } #page-title.image-page-title-left .breadcrumb { position: relative; width: auto; top: 50%; left: auto; right: 0px; margin: 10px 0 0; background-color: transparent; padding: 0; font-size: 12px; z-index: 102; } .breadcrumb>li { display: inline-block; } .breadcrumb a { color: #888; font-weight: 600; } .breadcrumb>.active { font-weight: 600; } .breadcrumb>.active,.breadcrumb a { letter-spacing: 0.5px; font-size: 13px; /*text-transform: uppercase;*/ font-style: italic; } #page-title.image-page-title .breadcrumb a,#page-title.image-page-title-left .breadcrumb a { color: #FFF; } .breadcrumb>li+li:before { padding: 4px 6px; font-family: 'Open Sans', sans-serif; color: #999; /*content: "\e806";*/ font-weight: bold; font-size: 9px; } #page-title.image-page-title h1,#page-title.image-page-title-left h1 { border: 2px solid #FFF; padding: 20px 40px; margin-bottom: 40px; letter-spacing: 2px; } #page-title.image-page-title-left h1,#page-title.image-page-title-centered h1 { float: none; border: none; padding: 10px 0; margin-bottom: 0px; font-size: 42px; /*text-transform: capitalize;*/ letter-spacing: 0px; font-weight: 600; } #page-title.image-page-title h1,#page-title.image-page-title h4,#page-title.image-page-title-left h1,#page-title.image-page-title-left h4 { color: #FFF; z-index: 111; margin-bottom: 20px; } #page-title.image-page-title h4 { float: left; width: 100%; letter-spacing: 1px; font-weight: 300; font-size: 18px; } #page-title.image-page-title-left h4 { letter-spacing: 1px; } #page-title h4 { display: block; color: #777; z-index: 101; float: left; width: 100%; margin-top: 0px; font-weight: 300; font-size: 21px; } #page-title.default-page-title { background: #f6f6f6; border-bottom: 1px solid rgba(0,0,0,0.05); border-top: 1px solid rgba(0,0,0,0.05); } #page-title.white-background { background: #FFF; border-bottom: 1px solid rgba(0,0,0,0.07); border-top: none; } #page-title.default-page-title h2 { display: block; z-index: 101; float: left; width: 100%; letter-spacing: 0.5px; /*text-transform: capitalize;*/ margin: 0 0 5px 0; /*text-transform: capitalize;*/ color: #333333; font-weight: 400; font-size: 20px; } #page-title.default-page-title h5 { display: block; color: #777; z-index: 101; margin-top: 0; margin-bottom: 0px; float: left; width: 100%; margin-top: 0px; font-weight: 400; } /*------------ ( Intro Text ) ------------*/ .intro-text { padding: 0; margin-bottom: 30px; float: left; width: 100%; } .intro-text.centered { text-align: center; z-index: 1; position: relative; } .intro-text.lefted { text-align: center; z-index: 1; position: relative; padding: 0 15px; } .intro-text h1,.intro-text h2,.intro-text h3,.intro-text h4,.intro-text h5,.intro-text h6 { margin-bottom: 20px; font-weight: 400; } .intro-text p { font-size: 15px; line-height: 22px; letter-spacing: 0px; margin-bottom: 20px; } .dark-background .intro-text h1,.dark-background .intro-text h2,.dark-background .intro-text h3,.dark-background .intro-text h4,.dark-background .intro-text h5,.dark-background .intro-text h6 { color: #fff!important; } .js-parallax .intro-text h1,.js-parallax .intro-text h2,.js-parallax .intro-text h3,.js-parallax .intro-text h4,.js-parallax .intro-text h5,.js-parallax .intro-text h6 { color: #fff; } .intro-text.white h1,.intro-text.white h2,.intro-text.white h3,.intro-text.white h4,.intro-text.white h5,.intro-text.white h6 { color: #fff; } .intro-text.white .separator-accent { background: #fff; } .dark-background .intro-text p { color: #fff; } .js-parallax .intro-text p { color: #fff; } .parallax-section { width: 100%; height: 100%; background-color: transparent!important; z-index: 222!important; } .parallax-section .video-wrap { position: absolute!important; height: 100%!important; z-index: -1!important; } .parallax-section .container-fluid { z-index: 222; } .header-shortcut { float: left; margin-top: 30px; margin-left: 30px; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; -o-transition: all 0.15s ease-out; -ms-transition: all 0.15s ease-out; transition: all 0.15s ease-out; } .header-shortcut a { color: #dadfea; border: 2px solid; border-radius: 4px; width: 30px; height: 30px; text-align: center; float: left; padding-top: 3px; } a.home-breadcrumb { border: 1px solid rgba(255,255,255,0.2); padding: 4px 5px 2px 5px; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; -o-transition: all 0.15s ease-out; -ms-transition: all 0.15s ease-out; transition: all 0.15s ease-out; } a.home-breadcrumb:hover { border: 1px solid rgba(255,255,255,0.35); } ul.header-simple-links { list-style: none; margin: 0px 0; padding: 0; float: right; padding-left: 10px; } ul.header-simple-links li { float: left; list-style: none; margin-left: 5px; margin-top: 8px; } ul.header-simple-links li:first-child { margin-left: 0px; } ul.header-simple-links li a { font-size: 20px; color: rgba(0,0,0,0.35); padding: 5px; border-radius: 100px; } ul.header-simple-links li a:hover { color: rgba(0,0,0,1); } #page-title.image-page-title-centered h1 { text-align: center; color: #FFF; } #page-title.image-page-title-centered h4 { text-align: center; color: #FFF; width: 100%; font-weight: 300; font-size: 18px; } .intro-text.centered h1 { letter-spacing: 0px; /*text-transform: capitalize;*/ margin: 0 0 20px 0; text-align: center; } .intro-text.lefted h1 { letter-spacing: -1px; /*text-transform: capitalize;*/ font-size: 38px; margin: 0 0 20px 0; font-weight: 600; text-align: left; } .intro-text.lefted h4 { letter-spacing: -1px; /*text-transform: capitalize;*/ font-size: 18px; line-height: 1.4; margin: 0; font-weight: 600; text-align: left; position: relative; top: -20px; } .intro-text.centered.white h1,.intro-text.centered.white h2,.intro-text.centered.white h3,.intro-text.centered.white h4,.intro-text.centered.white h5,.intro-text.centered.white h6,.intro-text.centered.white p { color: #fff; } .separator-accent { border-color: #0292cb; margin-left: auto; margin-right: auto; width: 25px; border-radius: 100px; border-top-width: 3px; border-radius: 100px; /*margin-bottom: 30px;*/ } .intro-text.centered h3 { color: #777; font-weight: 200; letter-spacing: 0; margin-bottom: 40px; } .intro-text.intro-left h1 { letter-spacing: -1px; /*text-transform: capitalize;*/ margin: 0px 0 20px 0; font-weight: 600; text-align: left; } .intro-text.centered.white .separator-accent { border-color: rgba(255,255,255,.5)!important; } .separator-accent { margin-left: auto; margin-right: auto; width: 60px; border-top-width: 2px; float: left; } .intro-text.centered h1.intro-heading { color: #303133; letter-spacing: -0.05em; font-weight: 700; } /*------------ ( Lists ) ------------*/ ul.simple-list { list-style: none; margin: 0; padding: 0; margin-top: 20px; /*float: left;*/ } ul.simple-list li { list-style: none; float: left; width: 100%; margin: 0 0 12px 0; color: #ffffff; padding: 4px 0px; } ul.simple-list li span { width: auto; float: left; text-align: center; padding-top: 2px; font-size: 14px; } ul.simple-list li [class^="icon-"] { position: relative; margin-right: 10px; font-size: 16px; top: -1px; color: #0092ec !important; } ul.clearlist { margin: 0; padding: 0; list-style-type: none; } ul.clearlist li { padding-bottom: 16px; margin-bottom: 17px; border-bottom: 1px solid #363636; position: relative; list-style: none; } ul.clearlist li figure { width: 40px; height: 40px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } ul.clearlist li figure>div { display: table-cell; float: none; vertical-align: middle; } ul.clearlist li a { font-size: 13px; line-height: 1.5em; margin-bottom: 3px; font-weight: 500; padding-top: 0; color: #FFF; } ul.line-list { list-style: none; width: 100%; margin: 10px 0 40px 15px; padding: 0; float: left; } ul.line-list li { float: left; width: 100%; list-style: none; margin-bottom: 13px; font-size: 16px; font-weight: 400; color: #676c7c; letter-spacing: 0.5px; } ul.line-list li span { margin-right: 15px; font-size: 16px; position: relative; top: 2px; } ol.ordered-list,ul.icon-list { padding: 0; margin-bottom: 20px; list-style-type: none; display: inline-block; width: 100%; } #page-title ul.icon-list { color: #fff; } ol.ordered-list.ol-main-bg li:before { color: #ffffff; } ol.ordered-list.ol-transparent li:before { background-color: transparent; border: 1px solid #d5d5d5; } ol.ordered-list li,ul.icon-list li { display: inline-block; width: 100%; } ol.ordered-list { counter-reset: item; } ol.ordered-list li { list-style: none; margin-bottom: 17px; padding-left: 42px; position: relative; padding-top: 5px; } ol.ordered-list li:before { content: counter(item); counter-increment: item; display: block; height: 32px; width: 32px; line-height: 20px; font-size: 11px; position: absolute; top: 1px; font-weight: 500; left: 0; color: #000; padding-top: 6px; background-color: #d5d5d5; text-align: center; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; } ul.unordered-list { padding: 0; margin: 0 0 8px; } ul.unordered-list li { padding-left: 22px; position: relative; margin-bottom: 8px; } ul.icon-list li { position: relative; margin-bottom: 17px; text-align: left; padding-left: 35px; font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 1.7; font-weight: 300; } ul.icon-list li span { position: absolute; left: 0; top: 3px; font-size: 18px; } ul.icon-list li span [class^="icon-"] { margin-right: 12px; height: 32px; width: 32px; line-height: 20px; font-size: 18px; background-color: #d5d5d5; float: left; position: relative; text-align: center; top: -3px; padding-top: 6px; color: #000; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; } ul.icon-list.il-transparent li span [class^="icon-"] { background-color: transparent; border: 1px solid #d5d5d5; } ul.icon-list.il-main-bg li span [class^="icon-"] { color: #ffffff; } ul.icon-list.il-no-border li span [class^="icon-"] { background-color: transparent; color: #000; } ul.icon-list.il-no-border.il-main-bg li span [class^="icon-"] { background-color: transparent; } ul.icon-list li a { color: inherit; } ul.icon-list-inner { list-style-type: none; padding-left: 0; } ul.icon-list-inner li { position: relative; margin-bottom: 8px; text-align: left; } ul.icon-list-inner li [class^="icon-"] { margin-right: 12px; } ul.icon-list-inner li a { color: inherit; } ul.icon-list.custom-center-list li { padding-left: 0px; text-align: center; } ul.icons { float: left; width: 100%; list-style-type: none; padding: 0; margin: 0; margin-bottom: 40px; } ul.icons li { float: left; text-align: left; display: table; width: 20%; float: left; padding: 0; border: 1px solid #e5e5e5; margin: -1px 0 0 -1px; padding: 0 15px; background: #FFF; z-index: : 123; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; -o-transition: all 0.15s ease-out; -ms-transition: all 0.15s ease-out; transition: all 0.15s ease-out; } ul.icons li:hover { cursor: pointer; } ul.icons li:hover { transform: scale(1.25); } ul.icons li span:first-child { padding-right: 15px; } ul.icons li [class^="icon-"] { min-width: 70px; min-height: 70px; border-right: 1px solid #f1f1f1; line-height: 70px; text-align: center; font-size: 32px; } ul.icons span { height: 70px; vertical-align: middle; display: table-cell; } i.icon-orange { color: #f0834d; } ul.icon-list.il-main-bg li [class^="icon-"] { color: #ffffff; } /*------------ ( Cover Backgrounds ) ------------*/ .cover-bg { background-position: top center; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; width: 100%; height: 100%; } .white-bg { background-color: #FFF; } .cover-bg-captions { position: absolute; bottom: 0px; left: 0px; width: 100%; text-align: center; z-index: 11; padding: 15px 30px 10px 30px; color: #FFF; background: -moz-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.85) 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,0.85))); background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.85) 100%); background: -o-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.85) 100%); background: -ms-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.85) 100%); background: linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0.85) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000',endColorstr='#a6000000',GradientType=0 ); } .cover-bg-captions p { color: rgba(255,255,255,0.6); font-weight: 400; font-size: 12px; margin-bottom: 5px; } .colorpicker { width: 146px!important; min-width: 146px!important; } .widget-dribbble-box .shots li a:hover:before { border-radius: 2px; } /*------------ ( Intro Colors ) ------------*/ .heading-large.capitalize { /*text-transform: capitalize;*/ color: rgba(255,255,255,0.75); font-size: 42px; } .intro-white { background: #fff; padding: 0 30px; } .intro-dark { background: #292929; padding: 0 30px; } .intro-dark { background: #292929; padding: 0 30px; color: #f4f4f4; } .intro-dark h2,.intro-dark p { color: #f4f4f4; } .intro-inner { float: left; width: 100%; padding: 50px 0 0; } .page-title-left-content { z-index: 222; position: relative; padding-top: 50px; padding-bottom: 80px; } .animation-showcase-title { text-align: center; margin-bottom: 40px; } .sticky-element,.sticky-element-intro { z-index: 998 !important; } /*------------ ( Newsletter Sign Up ) ------------*/ .newsletter-signup { background: #FFF; float: left; position: relative; z-index: 998; width: 100%; padding: 25px 0; border-bottom: 1px solid rgba(0,0,0,0.1); } .newsletter-signup h4 { font-weight: 700; } .newsletter-signup h4,.newsletter-signup p { display: inline; } .newsletter-signup button { border: none; outline: none; color: #FFF!important; margin-bottom: 0; margin-left: 20px; } /*------------ ( Vertical Align ) ------------*/ .vertical-align-wrapper { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; } .vertical-align-c { position: relative; top: 50%; transform: translateY(-50%); } .vertical-align-content { position: relative; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); float: left; width: 100%; z-index: 1; } /*------------ ( Add To Wishlist ) ------------*/ a.add-to-wishlist { position: absolute; left: 14px; top: 15px; border-radius: 100px; opacity: 0.65; width: 30px; height: 30px; z-index: 201; text-align: center; padding-top: 1px; line-height: 1.8; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; -o-transition: all 0.15s ease-out; -ms-transition: all 0.15s ease-out; transition: all 0.15s ease-out; } a.add-to-wishlist span { color: #ffffff; font-size: 14px; font-weight: bold; top: 2px; position: relative; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; -o-transition: all 0.15s ease-out; -ms-transition: all 0.15s ease-out; transition: all 0.15s ease-out; } .shop-list .shop-product:hover>a.add-to-wishlist { opacity: 1; } /*------------ ( Modal Box ) ------------*/ #newsletter-modal .modal-title,#newsletter-modal .modal-subtitle { color: #444; } .modal-backdrop { background: rgba(0, 0, 0, 0.90); ; } #ad-modal-shop h4 { font-size: 14px!important; } /*.modal-content { position: relative; background-color: #FFF; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #999; border: 1px solid rgba(0,0,0,.2); border-radius: 0px; outline: 0; -webkit-box-shadow: 0 22px 41px rgba(0,0,0,0.25); -moz-box-shadow: 0 22px 41px rgba(0,0,0,0.25); box-shadow: 0 22px 41px rgba(0,0,0,0.25); } .modal.in .modal-dialog { -webkit-transform: translate(0,100%); -ms-transform: translate(0,100%); -o-transform: translate(0,100%); transform: translate(0,100%); } .modal-backdrop.in { filter: alpha(opacity=90); opacity: .90; }*/ /*.modal .close { float: right; font-size: 22px; font-weight: 400; line-height: 1; color: #FFF; text-shadow: none; width: 30px; height: 30px; opacity: 100; filter: alpha(opacity=100); position: absolute; right: 0px; top: 0; outline: none; border: none; padding: 4px 5px; border-radius: 0; top: 0; background: #ff3b46; } .modal .close:hover { background: #000; }*/ /*.modal-content { position: relative; padding: 30px 15px 15px 16px; border: none; }*/ #newsletter-modal { text-align: center; } #newsletter-modal h1 { font-size: 28px; text-transform: uppercase; color: #fff; font-weight: 700; margin: 15px auto; text-align: center; width: 100%; } #newsletter-modal h4 { color: #FFF; font-size: 16px; font-weight: 300; } #newsletter-modal input { border: 1px solid #fff; padding: 8px 16px; width: 215px; text-transform: none; color: #fff; background: rgba(255,255,255,.4); text-align: center; font-size: 11px; outline: none; } #newsletter-modal .modal-dialog { width: 400px; } #newsletter-modal ul { list-style: none; float: left; padding: 0; margin: 0; } #newsletter-modal ul li.legend { font-size: 11px; letter-spacing: 2px; color: #fff; font-weight: 700; } #newsletter-modal ul li { text-decoration: none; list-style: none; font-size: 16px; color: #fff; display: inline-block; } #newsletter-modal ul li input[type=checkbox],#newsletter-modal ul li input[type=radio] { background-color: transparent; } #newsletter-modal ul li label { display: inline-block; padding-left: 5px; padding-left: .5rem; font-size: 16px; font-size: 1.6rem; color: #fff; } .ad-modal-shop .modal-content { background: none; border: 0px; padding: 0; } .ad-modal-shop.modal .close { top: -20px; right: -20px; z-index: 5; width: 48px; height: 48px; border-radius: 100px; } .ad-modal-shop img { width: 100%; } .ad-modal-shop.modal.in .modal-dialog { -webkit-transform: translate(0,15%); -ms-transform: translate(0,15%); -o-transform: translate(0,15%); transform: translate(0,15%); } .ad-modal-shop .inner-box-padding { padding: 10px; } .ad-modal-shop .modal-dialog { width: 65%; position: fixed; left: 49.2%; top: 50%; margin: 0 auto; -ms-transform: translate(-50%, -50%)!important; -webkit-transform: translate(-50%, -50%)!important; transform: translate(-50%, -50%)!important; } .ad-modal-shop .modal-body { padding: 0; background: #FFF; } .ad-modal-shop .help-block { width: 100%; float: left; } .ad-modal-shop .form-contact input { padding: 15px 0px 15px 0; } .ad-modal-shop h1 { font-weight: 600; /*text-transform: capitalize;*/ } .video-wrap video.pulled-top { top: -220px; } /*------------ ( Panel ) ------------*/ .panel-body ul { list-style: none; padding: 0; margin: 0; } .panel-body ul li { float: left; width: 100%; list-style: none; padding: 10px 0; border-bottom: 1px solid rgba(0,0,0,0.1); } .panel-body ul li a { float: left; width: 100%; font-size: 16px; font-weight: 400; /*text-transform: capitalize;*/ color: rgba(0,0,0,0.5); } .panel-body ul li .checkbox { margin: 0 0 0 0; } a.load-more-btn:focus,a.load-more-btn:active { outline: none; box-shadow: inset 0px 5px 15px rgba(0,0,0,0.1); } a.shop-colour { width: 26px; height: 26px; border-radius: 2px; float: left; margin: 2px; box-shadow: inset 0 0 0 1px rgba(0,0,0,0.15); } a.shop-colour:hover { box-shadow: inset 0 0 0 2px rgba(0,0,0,0.25); } .custom-slick-nav,.custom-slick-nav-1 { float: left; width: 100%; padding: 15px 0px 0 0px; text-align: right; } span.slick-custom-next,span.slick-custom-prev { height: 34px; width: 34px; margin-left: 2px; border-radius: 2px; background: rgba(0,0,0,0.15); float: none; display: inline-block; padding: 5px 10px; text-align: center; color: #FFF; cursor: pointer; webkit-transition: all 0.35s ease-out; -moz-transition: all 0.35s ease-out; -o-transition: all 0.35s ease-out; -ms-transition: all 0.35s ease-out; transition: all 0.35s ease-out; } span.slick-custom-next span,span.slick-custom-prev span { font-size: 12px; position: relative; font-weight: bold; top: 5px; } span.slick-custom-next:hover,span.slick-custom-prev:hover { webkit-transition: all 0.35s ease-out; -moz-transition: all 0.35s ease-out; -o-transition: all 0.35s ease-out; -ms-transition: all 0.35s ease-out; transition: all 0.35s ease-out; } span.slick-custom-next:hover,span.slick-custom-prev:hover { background: rgba(0,0,0,0.45)!important; border-color: rgba(0,0,0,0.45)!important; color: #FFF; } .custom-slick-nav-1 .slick-custom-next,.custom-slick-nav-1 .slick-custom-prev { padding: 5px 9px!important; margin: 15px 4px; } .custom-slick-nav-1 span.slick-custom-next:hover,.custom-slick-nav-1 span.slick-custom-prev:hover { color: #ffffff!important; } .checkbox label { position: relative; font-size: 12px; font-weight: 400; } /*------------ ( Call To Action Link ) ------------*/ a.call-to-action-link { width: 100%; text-align: center; color: rgba(255,255,255,0.7); float: left; padding: 25px 0 40px 0; background: #222; } a.call-to-action-link h1,a.call-to-action-link h2,a.call-to-action-link h3,a.call-to-action-link h4,a.call-to-action-link h5,a.call-to-action-link h6 { color: rgba(255,255,255,0.7); margin-bottom: 0; font-weight: 500; letter-spacing: 0.2px; } a.call-to-action-link:hover,a.call-to-action-link:hover span { color: #FFF; } a.call-to-action-link span { color: rgba(255,255,255,0.7); font-size: 14px; position: relative; left: 20px; webkit-transition: all 0.35s ease-out; -moz-transition: all 0.35s ease-out; -o-transition: all 0.35s ease-out; -ms-transition: all 0.35s ease-out; transition: all 0.35s ease-out; top: 1px; font-weight: bold; } a.call-to-action-link:hover span { left: 35px; color: rgba(255,255,255,0.7); webkit-transition: all 0.35s ease-out; -moz-transition: all 0.35s ease-out; -o-transition: all 0.35s ease-out; -ms-transition: all 0.35s ease-out; transition: all 0.35s ease-out; } /*------------ ( Shop Wishlist Modal ) ------------*/ .wishlist-modal { position: fixed; top: 45%; left: 45%; padding: 40px; z-index: 1999; background: #FFF; border-radius: 2px; color: #FFF; text-transform: uppercase; letter-spacing: 1.2px; font-size: 11px; font-weight: 600; } .wishlist-modal.added { background: #69c773; } .wishlist-modal.removed { background: #f74b63; } .modal.fade { height: auto; min-height: 200px; } /*.modal.fade .modal-dialog { -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); top: 50%; opacity: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .modal.fade.in .modal-dialog { -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); opacity: 1; top: 50%; }*/ /*------------ ( Swipebox Custom ) ------------*/ #swipebox-overlay { background: rgba(0,0,0,0.85); } #swipebox-close { top: 20px!important; right: 10px!important; background-image: none!important; border: none; border-radius: 100px; background-repeat: no-repeat; text-decoration: none!important; cursor: pointer; width: 50px; height: 50px; top: 0; font-family: "Simple-Line-Icons-Pro"; font-weight: bold; } #swipebox-close::before { content: "\e9fb"; color: rgba(255,255,255,0.5); position: relative; top: 0px; left: 10px; font-size: 18px; font-weight: bold; } #swipebox-slider .slide .swipebox-inline-container,#swipebox-slider .slide .swipebox-video-container,#swipebox-slider .slide img { display: inline-block; max-height: 100%; max-width: 100%; margin: 0; padding: 0; width: auto; height: auto; vertical-align: middle; box-shadow: 0 0 15px rgba(0,0,0,0.4); } #swipebox-bottom-bar { bottom: 50%; } #swipebox-top-bar.visible-bars,#swipebox-bottom-bar.visible-bars { transform: none!important; -webkit-transform: none!important; } #swipebox-bottom-bar,#swipebox-top-bar { text-shadow: none; background: transparent; opacity: 1; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } #swipebox-next,#swipebox-prev { background-repeat: no-repeat; border: none!important; text-decoration: none!important; cursor: pointer; width: 50px; height: 50px; top: 0; border: 2px solid rgba(255,255,255,0.5)!important; font-family: "Simple-Line-Icons-Pro"; } #swipebox-next:hover,#swipebox-next:hover:before,#swipebox-prev:hover,#swipebox-prev:hover:before,#swipebox-close:hover,#swipebox-close:hover:before { color: #ffffff!important; border-color: #ffffff!important; } #swipebox-prev { float: left; border-radius: 100px; background-image: none!important; } #swipebox-next { float: right; border-radius: 100px; background-image: none!important; } #swipebox-prev::before { content: "\e805"; color: rgba(255,255,255,0.5); position: relative; top: 8px; left: 12px; font-weight: bold; font-size: 18px; } #swipebox-next::before { content: "\e806"; color: rgba(255,255,255,0.5); font-weight: bold; position: relative; top: 8px; left: 14px; font-size: 18px; } #swipebox-prev:hover,#swipebox-next:hover,#swipebox-close:hover { opacity: 1; } /*------------ ( Title ) ------------*/ .title-medium { font-weight: 600; letter-spacing: -1.5px; line-height: 1.2; /*text-transform: capitalize;*/ font-family: 'Open Sans', sans-serif; font-size: 6em; white-space: nowrap; text-shadow: 0 0 15px rgba(0,0,0,0.15); } .title-small { font-weight: 500; letter-spacing: -1.2px; line-height: 1.2; text-transform: normal; font-family: 'Open Sans', sans-serif; font-size: 2.2em; } .title-large { font-weight: 200; letter-spacing: -0.05emt; line-height: 1.1; /*text-transform: capitalize;*/ font-family: 'Open Sans', sans-serif; font-size: 7.2em; text-shadow: 0 0 15px rgba(0,0,0,0.15); } .uppercase { text-transform: uppercase!important; } /*------------ ( Revolution Slider Custom ) ------------*/ .tp-bannertimer { bottom: 0px!important; } .tparrows.preview1:after { width: 64px!important; height: 64px!important; } .tparrows.preview1 { width: 64px!important; height: 64px!important; } .tparrows.preview1:after { line-height: 64px!important; font-size: 16px!important; } video.boxed { width: auto; position: absolute; height: 100%; left: 0; top: 0; z-index: 1; } .padding-top { padding-top: 15%; } .video-absolute { position: absolute; width: 100%; height: 100%; overflow: hidden; } .overlay-animation-4 .portfolio-item-title { font-weight: 500; } .overlay-animation-4 .portfolio-item-title,.overlay-animation-4 .portfolio-item-category { text-align: left; } .overlay-animation-4 .portfolio-item-category { color: #fff; text-align: left; width: 100%; float: left; } .overlay-animation-4 .image-box { background: #000; } .overlay-animation-4:hover .image-box img { opacity: 0.5; } .overlay-animation-4 .image-box:after { position: absolute; font-family: 'Ionicons'; text-align: center; padding-top: 25%; display: block; width: 100%; height: 100%; color: #FFF; font-size: 22px; opacity: 0; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; -o-transition: all 0.15s ease-out; -ms-transition: all 0.15s ease-out; transition: all 0.15s ease-out; } .overlay-animation-4:hover .image-box:after { opacity: 1; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; -o-transition: all 0.15s ease-out; -ms-transition: all 0.15s ease-out; transition: all 0.15s ease-out; } .image-right { float: right; } .hesperiden .tp-tab-date { display: block; color: #888; font-weight: 600; font-size: 12px; margin-bottom: 0; padding-top: 10px; } .hesperiden .tp-tab-title { display: block; text-align: left; color: #333; font-size: 11px; font-weight: 600; text-transform: none; line-height: 16px; } .revoultion-intro-slider .video-wrap { z-index: 1!important; } /*------------ ( Section ) ------------*/ .section { display: block; position: relative; width: 100%; padding: 30px 0 30px 0; float: left; background: #fff; z-index: 5; overflow: hidden; } .section .row [class^="col-"], .row [class^="col-"] { margin-bottom: 25px; } .background-1 h1,.background-1 h2,.background-1 h3,.background-1 h4,.background-1 h5,.background-1 h6, .background-1 p, .background-1 ul, .background-1 ul >li, .background-2 h1,.background-2 h2,.background-2 h3,.background-2 h4,.background-2 h5,.background-2 h6, .background-2 p, .background-2 ul, .background-2 ul li, .background-3 h1,.background-3 h2,.background-3 h3,.background-3 h4,.background-3 h5,.background-3 h6, .background-3 p, .background-3 ul, .background-3 ul li { color: #FFF; } .section.overflow-visible { overflow: visible; z-index: 6; } .section-box { width: 100%; float: left; position: relative; margin: 0 0 30px; } .section-box h1,.section-box h2,.section-box h3,.section-box h4,.section-box h5,.section-box h6,.section-box p { margin: 0 0 20px; } .section-box .accordion-style-1.panel-group,.section-box .accordion-style-2.panel-group { margin: 0 0 20px; } .section-box .table { margin: 0 0 20px; } .section.js-parallax .container-fluid { z-index: 5; } .section.big-space { padding: 120px 0 70px; } .section.js-parallax .section-box h1,.section.js-parallax .section-box h2,.section.js-parallax .section-box h3,.section.js-parallax .section-box h4,.section.js-parallax .section-box h5,.section.js-parallax .section-box h6,.section.js-parallax .section-box p { color: #fff; } .gray-background { background-color: #f6f6f6; } .dark-background { background: #1b1d1f; } .background-1 .pie-chart-percent,.background-1 .pie-chart-icon,.dark-background .pie-chart-percent,.background-1 .pie-chart-title { color: #ffffff !important; } .transparent-background { background: transparent !important; } .section.js-parallax { background: none; } .centered { text-align: center!important; } .white-text,.icon-block .white-text[class^="icon-"],.white-text p,.white-text ul,.white-text li,.white-text span,p.white-text, h1.white-text,h2.white-text, h3.white-text,h4.white-text,h5.white-text,h6.white-text,.counter-box h4.white-text,.white-text .icon-box h4,.white-text .icon-box .icon-block [class^="icon-"] { color: #FFF!important; } . { padding: 2%; } . { padding: 5%; } . { padding: 10%; } . { padding: 15%; } .0 { padding: 20%; } .padding-30 { padding: 30%; } .padding-1-bottom { padding-bottom: 1%; } .-bottom { padding-bottom: 5%; } .-bottom { padding-bottom: 10%; } .-bottom { padding-bottom: 15%; } .0-bottom { padding-bottom: 20%; } .col-padding-normal { padding: 0px 45px 0px 45px; } @media (min-width:768px) { .seven-cols .col-md-1,.seven-cols .col-sm-1,.seven-cols .col-lg-1 { width: 100%; *width: 100%; } } @media (min-width:992px) { .seven-cols .col-md-1,.seven-cols .col-sm-1,.seven-cols .col-lg-1 { width: 14.285714285714285714285714285714%; *width: 14.285714285714285714285714285714%; } } @media (min-width:1200px) { .seven-cols .col-md-1,.seven-cols .col-sm-1,.seven-cols .col-lg-1 { width: 14.285714285714285714285714285714%; *width: 14.285714285714285714285714285714%; } } /*------------ ( Revolution Bullets Custom ) ------------*/ .tp-bullets { opacity: 100!important; border-bottom: 60px!important; } .tp-bullets.preview1 .bullet.selected,.tp-bullets.preview1 .bullet { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background: rgba(255,255,255,0.3)!important; width: 10px !important; height: 10px !important; border-radius: 100px!important; border: none !important; } .tp-bullets.preview1 .bullet.selected,.tp-bullets.preview1 .bullet:hover { background: #FFF!important; width: 10px !important; height: 10px !important; border-radius: 100px!important; border: none !important; } .align-left,.align-left h1,.align-left h4 { text-align: left!important; } .animation-zero { } #page-title.image-page-title-centered h1.intro-title { font-size: 64px; font-weight: 700; letter-spacing: -1px; } .only-sticky { display: none; float: right; margin-top: 15px; margin-bottom: 0!important; } .header-sticky .only-sticky { display: block; } .only-default { display: block; ; float: right; margin-top: 20px; margin-bottom: 0!important; } .header-sticky .only-default { display: none; } /*------------ ( Blockqoute ) ------------*/ blockquote p { font-size: 16px; line-height: 1.7; margin: 0; color: #777777; font-style: normal; font-weight: 400; margin-bottom: 20px; } blockquote small { font-size: 13px!important; margin: 0; margin-bottom: 0; display: inline; color: #333; font-weight: 500; } blockquote small:before { content: "-"; margin: 0px 9px 0px 0px; } blockquote { margin-bottom: 40px; } .label { padding: 0 5px; } .sidebar .widget .panel-body ul li { padding: 10px 20px 10px 20px; } .sidebar .widget .panel-body { padding: 0 0; } /*------------ ( Custom Title ) ------------*/ .large { font-size: 650%; letter-spacing: 1.2px; } .xlarge-font { font-size: 132px!important; letter-spacing: 1.2px!important; line-height: 1.2!important; margin-bottom: 0px!important; } .text-shadow { text-shadow: 1px 1px 25px rgba(0,0,0,0.1); } .huge { font-size: 720%!important; line-height: inherit!important; letter-spacing: 2.5px!important; } .title-left { margin: 0 0 20px; text-align: left; } .extra-bold { font-weight: 900; } .bold { font-weight: 700; } .light { font-weight: 300!important; } .white-text { color: #FFF!important; } .fullheight { height: 100vh; } .fullscreen-fixer { float: left; padding: 0; margin: 0; position: relative; } .full-height-wrapper { height: 100%; max-height: 100vh; overflow: hidden; } .absolute { position: absolute; bottom: 10px; } .type-animation { white-space: line-wrap; overflow: hidden; width: 100%; height: 100%; animation: type 4s steps(60,end); } .italic-lead { font-size: 22px; color: #686868; letter-spacing: 1px; } .italic-lead-huge { font-family: 'Open Sans', sans-serif; font-size: 48px!important; color: #000; text-transform: lowercase!important; text-align: center!important; font-weight: 700!important; } .white-title-big { font-family: inherit; font-size: 48px!important; color: #fff; text-transform: capitalize!important; font-weight: 200; } .italic-lead-huge.align-left { text-align: left!important; } .transparent-background .italic-lead-huge,.dark-background .italic-lead-huge,.background-1 .italic-lead-huge,.background-2 .italic-lead-huge,.background-3 .italic-lead-huge { color: #fff; } .italic-lead-big { font-family: 'Open Sans', sans-serif; font-size: 34px; color: #000; font-weight: 700; } .italic-lead-big.white-text,.italic-lead-huge.white-text { color: #FFF!important; } .italic-lead-huge-left { font-family: 'Open Sans', sans-serif; font-size: 48px; text-transform: lowercase; text-align: left!important; font-weight: 700; } @keyframes type { from { width: 0; } } @keyframes type2 { 0% { width: 0; } 50% { width: 0; } 100% { width: 100; } } @keyframes blink { to { opacity: .0; } } .flexslider.fullscreen { position: absolute; height: 100vh; width: 100%; left: 0; top: 0; } .flexslider.fullscreen .background-slider-item { height: 100vh!important; } .no-controls .flex-control-nav,.no-controls .flex-direction-nav { display: none; } .clock.style-1.no-labels span.flip-clock-label { display: none!important; } .clock.style-1.no-labels span.flip-clock-dot.bottom,.clock.style-1.no-labels span.flip-clock-dot.top { display: block!important; } .clock.style-1.no-labels span.flip-clock-dot.bottom { top: 100%!important; margin-top: -20px; } .clock.style-1.no-labels .flip li a { font-weight: 500; } span.blink { animation: blink 1s infinite; font-weight: 200; } .typed-cursor { opacity: 1; -webkit-animation: blink 0.7s infinite; -moz-animation: blink 0.7s infinite; animation: blink 0.7s infinite; } @keyframes blink { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes blink { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } } @-moz-keyframes blink { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } } /*------------ ( Coutdown ) ------------*/ ul.countdown { list-style: none; margin: 30px 0; padding: 0; display: block; text-align: center; } ul.countdown.countdown-left { margin-left: -100px; } ul.countdown li { display: inline-block; } ul.countdown li span { font-size: 82px; font-weight: 500; line-height: 80px; letter-spacing: 1px; padding: 0; width: 120px; float: left; text-align: center; } ul.countdown li span.days { width: 155px; } ul.countdown li.seperator { font-size: 80px; line-height: 70px; vertical-align: top; } ul.countdown li p { color: #FFF; font-size: 13px; text-transform: uppercase; letter-spacing: 1px; } ::-webkit-input-placeholder { color: #686868; } ::-moz-placeholder { color: #686868; } :-ms-input-placeholder { color: #686868; } :-moz-placeholder { color: #686868; } ul.countdown.dark li p { color: #303133; font-size: 13px; text-transform: uppercase; letter-spacing: 1px; } ul.countdown.dark li span,ul.countdown.dark li.seperator { color: #303133; } .dark-nav,.dark-nav [class^="icon-"],.dark-nav span { color: #303133; } .dark-nav span, .vlt-nav a#vlt-showRight.dark-nav.side-menu-2 span { background: #303133; } .dark-nav [class^="icon-"] { background: transparent; } .tp-caption .btn-white:hover,.btn-white:hover { background: #171717!important; border-color: #171717!important; } .cd-headline.type span { letter-spacing: 0.1px; font-style: normal; } .newsletter-post-header { width: 100%; padding: 10px; border-radius: 0; background: #CCC; } .newsletter-post-header h4 { text-align: center; color: #FFF; margin-bottom: 10px; } .link-post .blog-image-box { text-align: center; color: #FFF; padding: 30px 0 20px 0; } .link-post .blog-image-box a { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 11; } .link-post .blog-image-box span { font-size: 72px; line-height: 1.6; position: relative; } .quote-icon-post { width: 100%; color: #FFF; text-align: center; margin: 0px 0 15px 0; font-size: 24px; float: left; } article.blog-item .blog-image-box .video-play-iconspan { background: rgba(0,0,0,0.5); } /*------------ ( Popular Posts ) ------------*/ .popular-posts { background: #FFF; position: relative; float: left; padding: 0 20px 20px 20px; width: 100%; max-height: 615px; overflow: scroll; box-shadow: 0 1px 20px rgba(0,0,0,0.07); } ul.blog-popular-list { list-style: none; margin: 0; padding: 0; float: left; width: 100%; } ul.blog-popular-list { list-style: none; float: left; width: 100%; } ul.blog-popular-list li { float: left; width: 100%; position: relative; border-bottom: 1px solid rgba(0,0,0,0.08); } ul.blog-popular-list li:last-child { border-bottom: none; } ul.blog-popular-list ul.post-meta { border-top: none!important; padding: 0!important; } ul.blog-popular-list ul.meta-share-social,ul.blog-popular-list ul.meta-share-social li,ul.blog-popular-list ul.post-meta li { border: none!important; padding: 0; } ul.blog-popular-list ul.post-meta { padding: 15px 0 10px 0!important; } ul.blog-popular-list ul.post-meta li.social-links-blog a.share-number { padding: 0!important; } ul.blog-popular-list ul.meta-share-social { right: 0; top: -2px; width: auto; max-width: 100%; height: 24px; overflow: hidden; } ul.blog-popular-list .image-thumb { width: 60px; height: 60px; position: absolute; float: left; left: 0; overflow: hidden; border-radius: 4px; margin: 15px 0 15px 0px; } ul.blog-popular-list .image-thumb:before { position: absolute; width: 100%; height: 100%; z-index: 999; left: 0; top: 0; text-align: center; cursor: pointer; content: ''; opacity: 0; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; -o-transition: all 0.15s ease-out; -ms-transition: all 0.15s ease-out; transition: all 0.15s ease-out; padding: 0; border-radius: 4px; } ul.blog-popular-list .ssp-title { float: left; width: 100%; color: #444; float: left; text-decoration: none; font-weight: 400; letter-spacing: 0.5px; margin-bottom: 5px; line-height: 24px; margin-top: 20px; padding-left: 0; outline: none; font-size: 18px; } ul.blog-popular-list .meta-info { font-family: 'Open Sans', sans-serif font-size: 11px!important; font-weight: 500; color: #898989; margin-bottom: 10px; padding-left: 0; text-transform: uppercase; } ul.blog-popular-list .meta-info a,ul.blog-popular-list .meta-info .bcomments { font-family: 'Open Sans', sans-serif font-size: 11px!important; font-weight: 500; color: #898989; } ul.blog-popular-list .meta-info .bcomments { float: none; padding: 0 5px 8px 0; font-size: 11px; color: #898989; line-height: 14px; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; transition: all .4s ease; letter-spacing: 0.2px; } ul.blog-popular-list .meta-info .bcomments span { padding: 0 5px 0 0; font-size: 14px; position: relative; top: 0px; line-height: 14px !important; height: 14px !important; } /*------------ ( Audio Player ) ------------*/ .audioplayer:not(.audioplayer-mini) .audioplayer-playpause,.audioplayer-time-duration { border-right: none; border-right-color: transparent; } .audioplayer-volume:hover .audioplayer-volume-adjust { background: #000; } .audioplayer-volume-adjust>div { width: 10%; } .audioplayer-time-current,.audioplayer-volume { border: none; } .audioplayer-time { width: 4.375em; height: 100%; line-height: 2.375em; text-align: center; z-index: 2; top: 5px; font-weight: 600; font-size: 12px; } .audioplayer { border-radius: 0!important; } .blog-ad { background: #FFF; } .banner-300 { float: left; width: 100%; margin: 0 auto; text-align: center; margin-bottom: 20px; margin-top: 20px; } .banner-300 img { max-width: 300px; float: none; margin: 0 auto; } button,input,optgroup,select,textarea { margin: 0; font: inherit; color: inherit; outline: none!important; } /*------------ ( Auto Complete ) ------------*/ .ui-autocomplete { z-index: 99999; } .hades.tparrows { cursor: pointer; background: #000; background: rgba(0,0,0,0.15); width: 70px; height: 70px; position: absolute; display: block; z-index: 100; } .hades.tparrows:before { font-family: "revicons"; font-size: 24px; color: #fff; display: block; line-height: 70px; text-align: center; transition: background 0.3s,color 0.3s; } .hades .tp-arr-allwrapper { width: 70px; height: 70px; } .ui-helper-hidden-accessible { display: none; } .dark-background .separator-accent { border-color: rgba(255,255,255,0.25)!important; } /*------------ ( Pagination ) ------------*/ .pagination>li>a,.pagination>li>span { position: relative; float: left; color: #777; text-decoration: none; background-color: transparent; border: 1px solid transparent; padding: 6px 11px; font-weight: 500; border-radius: 100px; width: 30px; height: 30px; font-size: 12px; } .pagination>li:first-child>a, .pagination>li:first-child>span, .pagination>li:last-child>a, .pagination>li:last-child>span { border-radius: 30px; border-color: transparent; } .pagination.pagination-lg>li>a, .pagination.pagination-lg>li>span { width: 45px; height: 45px; padding: 8px 12px; } .pagination.pagination-sm>li>a, .pagination.pagination-sm>li>span { width: 25px; padding: 5px 9px; height: 25px; } .pagination>li>a:hover,.pagination>li>span:hover { background-color: #dedede; } .pager li>a,.pager li>span { display: inline-block; padding: 7px 14px 5px 14px; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; font-size: 13px; font-weight: 500; } .pager.pager-2 li>a,.pager.pager-2 li>span { display: inline-block; padding: 7px 14px 5px 14px; background-color: transparent; border: none; border-radius: 0px; font-size: 15px; font-weight: 500; } .pager.pager-2 li.back a span { font-size: 20px; font-weight: bold; } .pager.pager-2 li.back a:hover span { opacity: 0.8; } .pager.pager-2 li > a { color: #FFF; } .pager.pager-2 li.back > a { position: relative; } .pagination>li:first-child>a span:before { content: '\e805'; position: absolute; font-family: 'Simple-Line-Icons-Pro'; line-height: 1; font-size: 10px; color: #FFF; margin-left: -3px; display: none; } .pagination>li:last-child>a span:before { content: '\e806'; position: absolute; font-family: 'Simple-Line-Icons-Pro'; line-height: 1; font-size: 10px; color: #777; margin-right: 3px; display: none; } /*------------ ( Intro ) ------------*/ .light-intro { font-size: 86px!important; font-weight: 200!important; line-height: 1.2!important; letter-spacing: -2px!important; text-transform: none!important; } .intro-image-box { position: relative; float: left; background: #000; width: 100%; height: auto; } .intro-wrap-content .intro-image-box:hover img { opacity: 0.45; } .intro-wrap-content .intro-image-box:after { top: 47%; font-size: 14px; left: 0; right: 0; margin: 0 auto; font-weight: 600; letter-spacing: 1.4px; position: absolute; content: 'View Demo'; height: 50px; width: 140px; padding-top: 14px; text-align: center; color: #000; opacity: 0; text-transform: uppercase; background: #FFF; z-index: 100; } .intro-wrap-content .intro-image-box:hover:after { opacity: 1; } .intro-page-text { line-height: 1.8!important; font-weight: 200!important; font-size: 20px; } .intro-page-heading { font-size: 42px!important; font-weight: 600!important; letter-spacing: 0.5px!important; } .light-intro-text { font-size: 36px!important; font-weight: 200!important; margin-bottom: 50px!important; line-height: 1.5!important; letter-spacing: 0.2px!important; } .imac { position: absolute; right: -41%; width: 88%; height: auto; top: -10%; overflow: hidden; } .mockup-8 { position: absolute; right: -50%; width: 88%; height: auto; top: 5%; overflow: hidden; } /*------------ ( Tooltip ) ------------*/ .tooltip { z-index: 1999!important; border-radius: 4px!important; } .tooltip-inner { padding: 10px; font-weight: 600; } .block-icon { width: 100%; display: block; padding: 10px 0; text-align: center; font-size: 28px; margin-bottom: 20px; } .section { overflow-x: hidden; } .preimum-label { padding: 2px 5px; font-size: 13px; color: #22b6d1; margin-left: 10px; padding: 1px 4px; } .intro-page-margin { margin-left: 70px; } /*------------ ( Side Menu ) ------------*/ a#vlt-showRight.side-menu { margin: 0 0 0 0; } a#vlt-showRight.side-menu #nav-icon2 { width: 20px; } a#vlt-showRight.side-menu #nav-icon2 span { background: rgba(255,255,255,0.55); } a#vlt-showRight.side-menu #nav-icon2.open span { background: #fff; } a#vlt-showRight.side-menu:hover #nav-icon2.open span { background: #fff; } a#vlt-showRight.side-menu { margin: 0 0 0 0; right: -34px; border-left: 1px solid rgba(255,255,255,0.1); padding-left: 30px; padding-top: 35px; padding-bottom: 33px; } a#vlt-showRight.side-menu:hover #nav-icon2 span { background: rgba(255,255,255,0.75); } a#vlt-showRight.side-menu:before { visibility: hidden!important; } .header-white-sticky.header-sticky a#vlt-showRight.side-menu #nav-icon2 span { background: rgba(0,0,0,0.55); right: -40px; } .header-white-sticky.header-sticky a#vlt-showRight.side-menu { border-left: 1px solid rgba(0,0,0,0.07); right: -40px; padding-left: 20px!important; padding-bottom: 25px!important; padding-top: 23px!important; } .header-white-transparent-sticky.header-sticky a#vlt-showRight.side-menu { right: -40px; padding-left: 20px!important; padding-bottom: 25px!important; padding-top: 23px!important; } .header-white a#vlt-showRight.side-menu #nav-icon2 span { background: rgba(0,0,0,0.55); } .header-white a#vlt-showRight.side-menu:hover #nav-icon2 span { background: rgba(0,0,0,0.75); } .header-white a#vlt-showRight.side-menu { border-left: 1px solid rgba(0,0,0,0.1); } .list-unstyled { float: left; } /*------------ ( Newsletter Section ) ------------*/ .newsletter-section { float: left; width: 100%; padding: 30px; margin-bottom: 40px; border-left: solid 2px #22c064; border-radius: 0 4px 4px 0; box-shadow: 0 1px 20px rgba(0,0,0,0.07); } .newsletter-section form>fieldset { background: #FFF; padding: 0; float: left; width: 100%; border-radius: 4px; } .form-newsletter input { border: none; float: left; width: 100%; padding: 10px 5px; } .rev-scroll-btn { border-radius: 4px!important; } /*------------ ( Boostrap Switch ) ------------*/ .bootstrap-switch { border: 2px solid rgba(0,0,0,0.1); } .bootstrap-switch .bootstrap-switch-handle-off,.bootstrap-switch .bootstrap-switch-handle-on { font-weight: bold; } .bootstrap-switch .bootstrap-switch-handle-off,.bootstrap-switch .bootstrap-switch-handle-on,.bootstrap-switch .bootstrap-switch-label { padding: 8px 12px 6px 12px; } .bootstrap-switch-handle-on span { font-weight: bold; } .heavy-title { font-weight: 900!important; } .dropdown-left:before { position: absolute; content: ''; right: 20px; top: 16px; height: 3px; width: 3px; border-radius: 100px; background: rgba(255,255,255,0.15); } .dropdown-left:hover:before { background: rgba(255,255,255,0.45); } .search-popup-box { background-color: rgba(0,0,0,0.90)!important; } /*------------ ( Logo ) ------------*/ a.brand-modern { float: left; padding-top: 15px; padding-bottom: 15px; -webkit-transition: all 0.35s ease-out; -moz-transition: all 0.35s ease-out; -o-transition: all 0.35s ease-out; -ms-transition: all 0.35s ease-out; transition: all 0.35s ease-out; } a.brand-modern span.logo-label { font-size: 16px; /*font-weight: 800;*/ color: #FFF; letter-spacing: 0px; /*text-transform: capitalize;*/ padding-left: 0px; top: 30px; position: relative; /*font-family: "Helvetica Neue",Helvetica,Arial,sans-serif,Arial,Verdana,sans-serif; line-height: 1.7; letter-spacing: 1px;*/ } span.version-name { font-size: 10px; font-weight: 200; font-style: italic; color: rgba(0, 0, 0,0.15); letter-spacing: 0px; text-transform: uppercase; ; } a.brand-modern span.logo-label span.light-text { font-weight: 300; } span.logo-icon { font-weight: bold; color: #FFF; font-size: 22px; top: -5px; position: relative; } .header-white-sticky.header-sticky a.brand-modern span.logo-label,a.brand-modern.dark-brand span.logo-label,a.brand-modern.dark-brand span.logo-icon,.footer-light a.brand-modern span.logo-label { color: #333; } .vlt-right-menu span.logo-label,.vlt-right-menu span.logo-icon { color: #333!important; } #footer span.logo-label,#footer span.logo-icon { color: #FFF!important; } #footer.footer-light span.logo-label,#footer.footer-light span.logo-icon { color: #333!important; } .header2.header-sticky a.brand-modern { padding-top: 15px; } a.brand-modern span.line-1,a.brand-modern span.line-2,a.brand-modern span.line-3 { height: 30px; width: 12px; border-radius: 8px; background: #FFF; position: relative; float: left; } a.brand-modern span.line-1 { transform: rotate(-33deg); right: -4px; z-index: 5; height: 32px; } a.brand-modern span.line-2 { transform: rotate(33deg); left: 4px; z-index: 4; } a.brand-modern span.line-3 { transform: rotate(90deg); top: -9px; z-index: 3; height: 33px; left: -14px; } .fixed-blog-image a.brand-modern { position: fixed; z-index: 999; padding: 30px 0 0 30px; } .fixed-blog-image a.brand-modern { position: fixed; z-index: 999; padding: 25px 0 0 25px; } .is-sticky .fixed-blog-image a.brand-modern { transform: scale(0.75); margin-left: -20px; } .header-main-color.header-sticky a.brand-modern { padding-top: 15px; } .header-white-sticky.header-sticky a.brand-modern span.logo-icon,.header-white a.brand-modern span.logo-icon,.header-white a.brand-modern span.logo-label, .landing-logo a.brand-modern span.logo-label { color: #424d5a; } .header-sticky a.brand-modern,.vlt-right-menu a.brand-modern { transform: scale(0.75); margin-left: -20px; } a.brand-modern.large-logo { transform: scale(4); } .nav-sticky a.brand-modern { /*transform: scale(0.75);*/ margin-left: 0px; } #footer a.brand-modern { padding-top: 0; } .titleopacity { z-index: 11; position: relative; } input[type=file] { display: block; font-size: 12px; width: 100%; } .cd-headline.type i { position: absolute; visibility: hidden; font-style: normal; font-weight: 500; } /*INTRO CSS*/ .grid { position: relative; margin: 0 auto; padding: 0; list-style: none; right: -260px; top: -45px; ; } .layer:not(:first-child) { position: absolute; top: 0; left: 0; width: 100%; height: auto; } a#vlt-showRight.side-menu.minimal { position: absolute; color: #232323; right: 30px!important; } a#vlt-showRight.side-menu.minimal #nav-icon2 span { color: #232323!important; } .header-transparent.header-fixed.nav-sticky a.brand-modern { transform: scale(0.75); margin-left: -20px; padding-top: 17px; } .blog-wrapper .swiper-content h1 { font-size: 7.375rem; line-height: 8.31rem; } #portfolio-filter.intro-filter { text-align: center; float: none; } #portfolio-filter.intro-filter li a { margin: 4px 3px; padding: 10px 10px 7px 10px; } hr { /*margin-top: 40px; margin-bottom: 40px;*/ border: 0; border-top: 1px solid #eee; } .sticky-wrapper.is-sticky .sidebar { padding-top: 60px; } pre { display: block; padding: 15px; margin: 0 0 10px; font-size: 12px; line-height: 1.42857143; color: #333; word-break: break-all; word-wrap: break-word; background-color: #f5f5f5; border: 1px solid #ccc; border-radius: 4px; } ul.pager-2 { margin: 0; padding: 0; } ul.pager-2 li { width: 33.33%; float: left; margin-bottom: 0; } .pager.pager-2 li>a { padding: 90px 0; float: left; text-align: center; width: 100%; margin-bottom: 0; text-transform: uppercase; letter-spacing: 1px; font-size: 13px; line-height: 30px; } .pager.pager-2 li>a:hover { background: rgba(0, 0, 0, 0.1); } a.ad-300 { background: #f5f5f5; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1); float: left; height: 300px; width: 100%; text-align: center; padding-top: 45%; font-weight: 500; color: #888; } a.ad-150 { background: #f5f5f5; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1); float: left; height: 150px; width: 48%; margin-right: 2%; text-align: center; padding-top: 18%; font-weight: 500; color: #888; } a.ad-150:last-child { margin-left: 2%; margin-right: 0; } a.ad-150:hover, a.ad-300:hover { box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.18); } .with-gradient:after { position: absolute; content: ''; width: 100%; height: 100%; left: 0; top: 0; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); } /*------------ ( Shop Home ) ------------*/ .shop-categories { margin: 0 0 40px !important; } .shop-categories .shop-title-categories { position: absolute; bottom: 80px; width: 70%; background: rgba(255,255,255,1); padding: 20px; text-align: center; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .shop-categories .shop-title-categories h5 { display: inline-block; padding: 0px; margin: 0; color: #444651; text-transform: uppercase; font-size: 13px; letter-spacing: 1.5px; font-weight: 600; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .shop-categories:hover h5 { color: #fff; } .shop-categories .overlay-effect { position: absolute; left: 0; top: 0; opacity: 0; width: 100%; height: 100%; background: #fff; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } a.shop-categories.image-box img { opacity: 1; padding: 0px; } .shop-categories-wrapper { float: left; width: 100%; padding: 0 10px; margin: 0 0 40px; } .shop-categories-box { width: 100%; margin: 0; float: left; height: 100%; position: relative; } .shop-categories-box .sc-item,.shop-categories-box .sc-sizer { min-height: 0; } .shop-categories-box>article { padding: 0 5px; } .shop-categories-box>article .image-box { margin: 0 0 10px; } .shop-categories-box>article .image-box img { padding: 0; opacity: 1; } .shop-categories-box>article .image-box .overlay-effect { position: absolute; left: 0; top: 0; opacity: 0.3; width: 100%; height: 100%; background: #000; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .shop-categories-box>article .image-box .shop-title-categories { position: absolute; bottom: 0; left: 0; width: 100%; padding: 20px; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .shop-categories-box>article .image-box:hover .shop-title-categories { background: rgba(0,0,0,0.5); } .shop-categories-box>article .image-box .shop-title-categories h5 { display: inline-block; padding: 0px; margin: 0; color: #fff; text-transform: uppercase; font-size: 14px; letter-spacing: 1.5px; font-weight: 700; } .shop-categories-box>article .image-box:hover .overlay-effect { opacity: 0.1; } .shop-categories-box>article .image-box:hover img { opacity: 1; } .shop-categories-box.categories-center-title>article .image-box .shop-title-categories { bottom: auto; top: 50%; text-align: center; margin-top: -44px; } .shop-categories-box.categories-center-title>article .image-box .shop-title-categories h5 { font-size: 18px; } .shop-categories-box.categories-center-title>article .image-box .shop-title-categories p { color: #fff; text-transform: uppercase; margin: 0; padding: 0; } .home-overlay-section { width: 100%; position: relative; display: block; } .shop-collection-wrapper { float: left; width: 100%; padding: 0; margin: 0; } .shop-collection-box { width: 100%; margin: 0; float: left; height: 100%; position: relative; } .shop-collection-box .sc-item,.shop-collection-box .sc-sizer { min-height: 0; } .shop-collection-box>article { padding: 0; } .shop-collection-box>article .image-box { margin: 0; } .shop-collection-box>article .image-box img { padding: 0; opacity: 1; } .shop-collection-box>article .image-box .overlay-effect { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.2); -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .shop-collection-box>article .image-box .overlay-effect .border-bottom-left { position: absolute; left: 15px; top: 15px; width: calc(100% - 30px); height: calc(100% - 30px); } .shop-collection-box>article .image-box .overlay-effect .border-bottom-left:before { position: absolute; content: ""; z-index: 5; left: 0; bottom: 0; width: 0; height: 2px; background: #fff; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .shop-collection-box>article .image-box .overlay-effect .border-bottom-left:after { position: absolute; content: ""; z-index: 5; left: 0; top: 0; width: 2px; height: 0; background: #fff; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .shop-collection-box>article .image-box:hover .overlay-effect .border-bottom-left:before { width: 100%; } .shop-collection-box>article .image-box:hover .overlay-effect .border-bottom-left:after { height: 100%; } .shop-collection-box>article .image-box .overlay-effect .border-top-right { position: absolute; left: 15px; top: 15px; width: calc(100% - 30px); height: calc(100% - 30px); } .shop-collection-box>article .image-box .overlay-effect .border-top-right:before { position: absolute; content: ""; z-index: 5; right: 0; top: 0; width: 0; height: 2px; background: #fff; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .shop-collection-box>article .image-box .overlay-effect .border-top-right:after { position: absolute; content: ""; z-index: 5; right: 0; top: 0; width: 2px; height: 0; background: #fff; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .shop-collection-box>article .image-box:hover .overlay-effect .border-top-right:before { width: 100%; } .shop-collection-box>article .image-box:hover .overlay-effect .border-top-right:after { height: 100%; } .shop-collection-box>article .image-box .shop-title-collection { position: absolute; left: 0; width: 100%; padding: 15px; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; transition: all 0.5s ease-out; top: 50%; text-align: center; margin-top: -27px; display: none; } .shop-collection-box>article .image-box:hover .shop-title-collection { display: block; } .shop-collection-box>article .image-box .shop-title-collection h5 { display: inline-block; padding: 0px; margin: 0; color: #fff; text-transform: uppercase; font-size: 14px; letter-spacing: 1.5px; font-weight: 700; font-size: 18px; } .shop-collection-box>article .image-box:hover .overlay-effect { background: rgba(0,0,0,0.5); } .shop-collection-box>article .image-box:hover img { opacity: 1; } /*------------ ( Home Title ) ------------*/ .home-title-one { margin: 0 0 20px; float: left; width: 100%; } .home-title-one h3 { font-size: 13px; text-transform: uppercase; letter-spacing: 2px; margin: 0; float: left; width: 100%; } .home-title-one h3:after { content: ''; display: block; margin-top: 2px; width: 25px; border-top: 2px solid; margin-bottom: 20px; } .home-products-section { display: block; position: relative; width: 100%; padding: 0 0 10px; } .products-tabs-section { display: block; position: relative; width: 100%; } .products-tabs-section .tabpanel-style-2 { margin: 0 0 10px !important; } .products-tabs-section .tab-content { padding-bottom: 0 !important; } /*------------ ( Home Fullscreen ) ------------*/ .home-fullscreen-section { position: relative; width: 100%; height: 100%; overflow: hidden; padding: 0; } .overlay-fullscreen-content { height: 100%; position: relative; color: #fff; z-index: 100; top: 0; left: 0; padding: 0 80px; } .overlay-fullscreen-content.lefted { float: left; left: 0; } .overlay-fullscreen-content.righted { float: right; right: 0; } .overlay-fullscreen-content.centered { float: left; width: 100%; } .overlay-fullscreen-content h1 { display: inline-block; width: 100%; color: #fff; margin-top: 0; letter-spacing: 1px; font-family: 'Droid Serif',serif !important; font-size: 48px !important; text-transform: capitalize !important; font-weight: 700 !important; } .overlay-fullscreen-content p { display: inline-block; width: 100%; color: #fff; font-size: 16px; } /*------------ ( Home Church ) ------------*/ .church-events-box { float: left; width: 100%; background: #fff; padding: 20px 20px 0; -webkit-box-shadow: 0 1px 20px rgba(0,0,0,0.07); box-shadow: 0 1px 20px rgba(0,0,0,0.07); -webkit-border-radius: 4px; border-radius: 4px; text-align: center; } .church-events-box h4 { width: 100%; text-align: center; display: inline-block; margin: 0 0 20px; padding: 0 0 13px; position: relative; text-transform: uppercase; } .church-events-box h4:before { width: 40px; height: 3px; content: ""; position: absolute; bottom: 0; left: 50%; margin-left: -20px; background: #ddd; } .church-events-box h5 { width: 100%; text-align: center; display: inline-block; margin: 0 0 20px; /*text-transform: capitalize;*/ } .church-events-box span { width: 100%; text-align: center; display: inline-block; margin: 0 0 20px; font-size: 13px; text-transform: uppercase; } /*------------ ( Home Hosting ) ------------*/ .domain-form-box { width: 100%; float: left; position: relative; margin: 0 0 50px; } .domain-form-box.support-form-box { margin: 30px 0; text-align: center; } .domain-form-box form { padding: 0; float: left; width: 100%; } .support-form-box.domain-form-box form { float: none; max-width: 1000px; display: inline-block; } .domain-form-box .form-group { position: relative; margin: 0; } .domain-form-box .form-control { border: none; background: #eee; margin: 0 0 15px; -webkit-box-shadow: inset 0 0 0 transparent; box-shadow: inset 0 0 0 transparent; padding: 24px 20px 24px 20px; height: 68px; border-radius: 0; width: 100%; color: rgba(0,0,0,0.6); -webkit-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px; } .support-form-box.domain-form-box .form-control { font-size: 14px; font-weight: 600; height: 58px; padding: 19px 30px 19px; -webkit-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px; background: #fff; } .domain-form-box .form-control:focus { -webkit-box-shadow: inset 0 0 0 transparent; box-shadow: inset 0 0 0 transparent; } .domain-form-box form h1 { margin: 0; color: #fff; line-height: 1; } .domain-form-box form h1.form-title { font-size: 30px; margin: 7px 0 8px; font-weight: 600; } .domain-form-box form h3 { margin: 0; color: #fff; line-height: 1; text-align: center; /*text-transform: capitalize;*/ margin-top: -8px; } .domain-form-box form p { margin: 0; color: #fff; } .domain-form-box form .selecter { min-width: 100% !important; } .domain-form-box form .selecter-selected { height: 68px !important; padding: 28px 40px 27px 15px !important; line-height: 1 !important; } .support-form-box.domain-form-box form .selecter-selected { height: 58px !important; padding: 23px 40px 22px 15px !important; line-height: 1 !important; font-size: 14px; font-weight: 600; background: #f6f6f6 !important; } .domain-form-box form .selecter.open .selecter-selected { -webkit-border-radius: 0 !important; border-radius: 0 !important; } .domain-form-box form .selecter-selected:before { top: 25px !important; } .support-form-box.domain-form-box form .selecter-selected:before { top: 21px !important; } .domain-form-box form .btn { width: 100%; -webkit-border-radius: 0 !important; border-radius: 0 !important; text-align: center; padding-top: 27px !important; padding-bottom: 24px !important; margin: 0 0 15px !important; } .support-form-box.domain-form-box form .btn { padding-top: 22px !important; padding-bottom: 22px !important; -webkit-border-radius: 0 5px 5px 0 !important; border-radius: 0 5px 5px 0 !important; } .domain-form-box .domain-list { list-style: none; margin: 0; padding: 0; float: left; width: 100%; } .domain-form-box .domain-list li { list-style: none; margin: 0; padding: 0; float: left; color: #fff; text-transform: uppercase; padding: 0 20px 0 0; font-weight: 700; } .support-form-box.domain-form-box .domain-list li { font-size: 13px; font-weight: 400; /*text-transform: capitalize;*/ } .support-form-box.domain-form-box .domain-list li a { color: rgba(255,255,255,0.8); } .support-form-box.domain-form-box .domain-list li a:hover { color: #fff; } .left-title { text-transform: uppercase; display: inline-block; margin-top: 0; } .hosting-circle-pricing { width: 300px; height: 300px; background: #f6f6f6; -webkit-border-radius: 100%; border-radius: 100%; text-align: center; padding: 86px 0; position: relative; float: left; margin-right: 50px; } .gray-background .hosting-circle-pricing { background: #fff; } .hosting-circle-pricing.righted { float: right; } .hosting-circle-pricing img { width: 128px; height: 128px; display: inline-block; } .hosting-circle-pricing .hosting-price-label { width: 100px; height: 100px; position: absolute; top: 25px; right: -50px; color: #fff; padding: 20px 0; -webkit-border-radius: 100%; border-radius: 100%; font-size: 40px; line-height: 1; font-weight: 700; text-align: center; } .hosting-circle-pricing .hosting-price-label .hpl-currency { font-size: 16px; font-weight: 400; top: -13px; position: relative; } .hosting-circle-pricing .hosting-price-label .hpl-status { font-size: 12px; font-weight: 400; display: block; line-height: 1; text-transform: uppercase; } /*------------ ( Home Events ) ------------*/ .events-vertical { float: left; width: 100%; position: relative; margin: 0 0 50px; } .events-vertical .image-box { float: left; width: 100%; margin: 0; padding: 0; } .events-vertical .events-vertical-desc { float: left; width: 100%; position: relative; text-align: center; border: 1px solid rgba(0,0,0,0.1); border-top: 0; padding: 20px 20px 0; background: #fff; } .events-vertical .events-vertical-desc h4 { float: left; width: 100%; margin: 0 0 10px; padding: 0; font-size: 16px; font-weight: 600; } .events-vertical .events-vertical-desc h4 a { color: #232323; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; transition: all .4s ease; } .events-vertical .events-vertical-desc span { float: left; width: 100%; margin: 0 0 20px; padding: 0; font-size: 12px; text-transform: uppercase; font-weight: 600; color: #888; } /*------------ ( Home Minimal Box ) ------------*/ .home-minimal-box { float: left; width: 100%; position: relative; background-color: rgba(255,255,255,0.2); padding: 40px; color: #fff; margin: 0 0 50px; } .home-minimal-box p { color: #fff; } .home-minimal-box [class^="icon-"] { font-size: 40px; margin-bottom: 20px; } .home-minimal-box h3 { font-weight: 400; letter-spacing: 1px; margin-bottom: 20px; color: #fff; } .home-minimal-box p { letter-spacing: 1px; } /*------------ ( Call Newsletter Box ) ------------*/ .call-newsletter-box { width: 100%; display: inline-block; position: relative; margin: 0; } .call-newsletter-box.centered { width: 100%; max-width: 400px; display: inline-block; position: relative; margin: 20px 0 0; } .call-newsletter-box input::-webkit-input-placeholder { color: #fff; } .call-newsletter-box form { padding: 0; float: left; width: 100%; } .call-newsletter-box .form-group { position: relative; margin: 0; box-shadow: none; } .call-newsletter-box .form-control { border: none; background: #FFF; margin: 0 0 20px; padding: 15px 85px 15px 40px; height: 50px; border-radius: 0; width: 100%; color: #333; font-weight: 400; border-radius: 4px; } .call-newsletter-box .form-control:focus { -webkit-box-shadow: inset 0 0 0 transparent; box-shadow: inset 0 0 0 transparent; } .call-newsletter-box form .form-group .form-icon { position: absolute; top: 13px; left: 8px; width: 24px; height: 24px; color: #333; font-size: 18px; text-align: center; line-height: 1; padding: 3px 0 4px; vertical-align: middle; } .call-newsletter-box input::-webkit-input-placeholder { color: #888; font-weight: 400; } .call-newsletter-box form .btn { margin: 0; width: 85px; height: 50px; position: absolute; float: right; right: 0; top: 0; padding: 17px 0; font-size: 12px; line-height: 1; color: #FFF; cursor: pointer; text-align: center; background: transparent; border: 0; z-index: 5; border-radius: 0 4px 4px 0!Important; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; } .call-newsletter-box form .btn:focus { border: 0; outline: 0; -webkit-box-shadow: 0 0 0 transparent; box-shadow: 0 0 0 transparent; } .call-newsletter-box form .btn:hover { color: #000; } .button-title { font-family: inherit!important; font-size: 36px; line-height: 1.5!important; text-align: center!important; font-weight: 700!important; margin-bottom: 40px; } .about-counter-number span,.about-counter-title h3,.tabpanel-style-4 .nav-tabs>li.active>a,.tabpanel-style-4 .nav-tabs>li>a:hover,.tabpanel-style-4 .nav-tabs>li.active>a:focus,.tabpanel-style-4 .nav-tabs>li.active>a:hover,.intro-text-2 h1,#page-title.image-page-title-left h2,#page-title.image-page-title-left p,#page-title.image-page-title-left .progress-bar-box span,.services-2-promotion .promotion-box-title h4 { color: #fff; } .promotion-box-theme-colored,.promotion-box-theme-colored .promotion-box-title h4 { color: #fff; } .promotion-box-black-colored .promotion-box-content p,.promotion-box-theme-colored .promotion-box-content p { color: #ccc; } /*------------ ( Bootstrap Switch ) ------------*/ .bootstrap-switch,.bootstrap-switch.bootstrap-switch-focused { box-shadow: none; } .bootstrap-switch.bootstrap-switch-focused { border-color: #cccccc; } .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-background-1,.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-background-1,.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-background-2,.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-background-2,.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-background-3,.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-background-3 { color: #ffffff; } .switch-style-1 { float: right; width: 100%; display: inline-block; margin-bottom: 20px; } .bootstrap-switch .bootstrap-switch-handle-on,.bootstrap-switch .bootstrap-switch-handle-off,.bootstrap-switch { border-radius: 100px; text-transform: uppercase; letter-spacing: 0.2px; font-size: 13px; } .bootstrap-switch .bootstrap-switch-handle-off,.bootstrap-switch .bootstrap-switch-handle-on,.bootstrap-switch .bootstrap-switch-label { padding: 6px 12px 4px 12px; } .bootstrap-switch.bootstrap-switch-inverse .bootstrap-switch-handle-on { border-radius: 100px 0px 0px 100px; } .bootstrap-switch.bootstrap-switch-inverse .bootstrap-switch-handle-off { border-radius: 0px 100px 100px 0px; } .bootstrap-switch .bootstrap-switch-label { background: transparent; } /*------------ ( Sidebar Search ) ------------*/ .blue-sidebar{ background-color: #005c96; padding: 8px 8px 6px 8px; border-top-left-radius: 12px; border-top-right-radius: 12px; } .sidebar { padding: 0; } .sidebar.right { padding: 0; padding-left: 20px; } .sidebar.left { padding: 0; padding-right: 20px; } .sidebar-serach-form { float: left; width: 100%; margin-bottom: 25px; position: relative; } .search-sidebar { float: left; width: 100%; } .searchbox { float: left; width: 100%; position: relative; } .searchbox-title { float: left; width: 100%; position: relative; margin-bottom: 40px; } .searchbox-title h4,.searchbox-title span { font-family: "Helvetica Neue",Helvetica,Arial,sans-serif,Arial,Verdana,Arial,serif; } .search-searchbox { float: left; width: 100%; position: relative; display: block; } .cs-subscribe .search-sidebar { display: inline-block; float: none; width: 100%; max-width: 600px; z-index: 146; position: relative; text-align: center; margin: 0 auto; } .search-sidebar .form-group { float: left; width: 100%; margin: 0; } .search-sidebar .form-control { border: none; -webkit-box-shadow: inset 0 0px 0 1px rgba(0,0,0,.1); box-shadow: inset 0 0px 0 1px rgba(0,0,0,.1); border-radius: 4px; border-top-right-radius: 0; border-bottom-right-radius: 0; padding: 24px 10px 24px 40px; background-color: #FFF; color: #3a3a3a; float: left; text-transform: uppercase; letter-spacing: 1px; font-size: 11px; } .search-sidebar .form-control:focus { -webkit-box-shadow: inset 0 0px 0 1px rgba(0,0,0,.15); box-shadow: inset 0 0px 0 1px rgba(0,0,0,.15); border: 0; background-image: none; } .search-sidebar .sidebar-form-icon { position: absolute; top: 13px; left: 10px; color: rgba(0,0,0,0.5); width: 24px; padding: 3px 0 4px; height: 24px; font-size: 18px; line-height: 1; text-align: center; } .sidebar-serach-form button { margin-left: 0px; border-radius: 0 4px 4px 0 !important; } .sidebar-serach-form button.btn { padding: 19px 22px 15px; } .cs-subscribe .sidebar-serach-form .btn-lg.btn-animation-right { padding-top: 16px; padding-bottom: 16px; } .cs-subscribe .sidebar-serach-form .btn-lg .ripple-container { display: none; } .cs-subscribe .sidebar-serach-form .btn-lg.btn-search-padding { padding-top: 17px; padding-bottom: 16px; } .page-404-content-2 .cs-subscribe .sidebar-serach-form .btn-lg.btn-animation-right { padding-top: 17px; } /*------------ ( Sidebar List ) ------------*/ .sidebar-list { float: left; width: 100%; clear: both; } .sidebar-list-title { margin: 30px 0 30px 0 /*border-bottom: 2px solid #eee;*/ } .sidebar-title h4 { padding-bottom: 10px; margin: 0 0 20px 0; } .sidebar-list-title h3,.sidebar-title h4 { margin-bottom: 20px; } .sidebar-list-title span,.sidebar-title h4 { font-weight: 500; color: #333; letter-spacing: 0.5px; } ul.sidebar-cat { list-style-type: none; padding: 0px 10px; float: left; width: 100%; } ul.sidebar-cat>li { border-bottom: 1px solid #f4f4f4; padding-bottom: 10px; margin-bottom: 0; float: left; width: 100%; padding-top: 12px; } ul.sidebar-cat>li>a { font-weight: 400; font-size: 16px; float: left; width: 100%; text-decoration: none; color: #333333; letter-spacing: 0.5px; } ul.sidebar-cat>li span { font-weight: 300; float: right; font-size: 13px; text-decoration: none; color: #777; } ul.sidebar-cat>li:last-child { border-bottom: none; } .pages-page-content { margin-bottom: 40px; } /*------------ ( Faq ) ------------*/ .title-faq-blue{ color: #005c96 !important; font-weight: bold; } .faq-title { text-align: left; border-bottom: 1px solid #f4f4f4; margin-bottom: 25px; } .faq-title h3 { font-size: 24px; /*text-transform: capitalize;*/ letter-spacing: 0px; color: #333; } .faq-title p { line-height: 23px; letter-spacing: 0px; font-weight: 400; font-style: normal; font-size: 13px; color: #777; } /*------------ ( Services ) ------------*/ .services-title-two { margin-bottom: 30px; } .services-padding { padding: 6%; } .services-title-two h4,.services-title-three h4 { text-align: left; font-size: 24px; text-transform: uppercase; letter-spacing: 2px; color: #333; } .services-title-two h5,.services-title-four h4,.services-title-three h5 span { text-align: left; font-size: 18px; line-height: inherit; text-transform: uppercase; letter-spacing: 2px; color: #333; } .services-title-two span { text-align: left; font-size: 15px; font-weight: 400; font-style: italic; line-height: 24px; color: #b4b4b4; letter-spacing: 0px; float: left; width: 100%; margin-bottom: 20px; } .services-content-two p { text-align: left; font-size: 12px; line-height: 22px; letter-spacing: 0px; font-style: normal; margin-bottom: 40px; color: #555555; } .services-title-three,.services-title-three h4 { text-align: center; margin-bottom: 60px; letter-spacing: 1px; } /*------------ ( Jobs ) ------------*/ .job-left-title { position: relative; margin-bottom: 30px; } .job-left-title h3 { display: block; padding: 0 0 10px; border-bottom: 2px solid; color: #444; font-weight: 600; margin: 0 0 30px; } ul.jobs-list { list-style-type: none; } ul.jobs-list li [class^="icon-"] { margin-right: 15px; font-size: 18px; font-weight: 600; } .jobs-button-apply { margin-bottom: 30px; } .job-form-title h2 { margin-bottom: 20px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; color: #333; } .job-form-title span { font-weight: 300; display: block; font-size: 22px; color: #777; } .job-form-title { margin-bottom: 20px; } .job-form-title:after { content: ''; display: block; margin-top: 30px; width: 40px; border-top: 2px solid #444; } .job-form { display: block; float: left; width: 100%; padding: 0; margin: 0; } .columns-container { margin-bottom: 20px; } /*------------ ( Bootstrap Columns 5 ) ------------*/ .col-xs-15,.col-sm-15,.col-md-15,.col-lg-15 { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; } .col-xs-15 { width: 20%; float: left; } @media (min-width:768px) { .col-sm-15 { width: 20%; float: left; } } @media (min-width:992px) { .col-md-15 { width: 20%; float: left; } } @media (min-width:1200px) { .col-lg-15 { width: 20%; float: left; } } /*------------ ( Promotion Boxes ) ------------*/ .promotion-box-wrap { float: left; width: 100%; margin-bottom: 20px; overflow: hidden; } .promotion-box-wrap .btn { margin-bottom: 0; margin-top: 10px; } .box-container-border { border: 1px solid #E5E5E5; float: left; width: 100%; } .box-container-no-border { border: none; } .promotion-box-colored { background-color: #f9f9f9; } .promotion-box-black-colored .promotion-box-title h4 span,.promotion-box-theme-colored .promotion-box-title h4 span { font-weight: 400; padding: 2px 8px; color: #fff; } .promotion-box-theme-colored .promotion-box-button a { background-color: rgba(0,0,0,.15); color: #fff; } .promotion-box-black-colored,.promotion-box-black-colored .promotion-box-title h4 { background-color: #333; color: #fff; } .promotion-box-border { padding: 40px 0; border: 1px solid #E5E5E5; } .promotion-box-title h4 { font-size: 24px; font-weight: 400; letter-spacing: 1px; margin-bottom: 10px; margin-top: 0px; } .promotion-box-content p { font-weight: 300; font-size: 16px; } .promotion-box-button { position: relative; top: 10px; } .promotion-box-right { text-align: right; } /*------------ ( Error Page ) ------------*/ .error-page-title,.error-page-content,.error-page-button { float: left; width: 100%; text-align: center; margin-bottom: 40px; } .error-page-button { margin-bottom: 0px; } .error-page-icon { width: 100%; text-align: center; color: #ffffff; } .error-page-icon span { font-size: 80px; } #page-title .page-intro-content .content .error-page-title h1 { font-weight: 500; font-size: 72px; margin-bottom: 0; line-height: 1; color: #ffffff; } .error-page-title h1,.error-page-title-1 h1 { text-transform: uppercase; } .error-page-title h1,.error-page-title h2 { color: #ffffff; } .error-page-title h1:after { width: 80px; margin-left: auto; margin-right: auto; margin-top: 20px; } .error-page-title:after { display: block; content: ""; width: 5%; height: 2px; margin-top: 15px; position: relative; left: 48%; } .error-page-content p { padding: 0; line-height: 27px; text-align: center; margin: 0 auto; color: #fff; font-size: 19px; } .error-page-title-1 h2 { text-transform: uppercase; margin-bottom: 30px; } .error-page-title-1 h1 { font-size: 120px; line-height: 1; } .error-page-title.error-page-4:after { display: none; } .error-page-title.error-page-4 { margin-bottom: 0px; } .error-page-logo { float: left; width: 100%; position: absolute; display: block; text-align: center; } .error-page-social { float: left; width: 100%; position: absolute; left: 0; bottom: 0; } ul.widget-ul.centered-big-social { width: auto; float: initial; display: inline-table; } ul.widget-ul.centered-big-social li a { color: rgba(255,255,255,0.6); font-weight: 400; margin: 0 auto; padding: 14px 12px 2px 12px; } ul.widget-ul.centered-big-social li a [class^="icon-"] { position: relative; margin: 0; background-color: transparent; color: #fff; font-weight: 600; float: left; padding: 4px; font-size: 24px; text-align: center; margin-right: 15px; top: -7px; } ul.widget-ul.centered-big-social li { width: auto; display: inline; margin: 0 10px; } ul.widget-ul.centered-big-social li a:hover { color: #ffffff!important; background-color: rgba(255, 255, 255, 0.4); border-radius: 4px; } /*------------ ( Home 2 ) ------------*/ .intro-block .icon-box p { color: #676c7c; text-align: left; font-style: normal; font-size: 14px; line-height: 23px; font-weight: 300; letter-spacing: 0.2px; } .intro-block .icon-box-left h4 { text-align: left; } .intro-text-2 h1 { font-size: 40px; /*text-transform: capitalize;*/ letter-spacing: -1px; text-align: left; margin-bottom: 40px; } .intro-text-2 p { font-size: 13px; line-height: 24px; letter-spacing: 0px; text-align: left; color: #6d6d6d; } .intro-text-2 a { margin: 40px auto; float: left; } .intro-left strong,.intro-left p { float: left; text-align: left; font-style: normal; margin: 0 0 20px 0; line-height: 24px; letter-spacing: 0px; color: #ccc; } .intro-left ul.line-list { margin: 10px 0 40px 0; font-size: 15px; } .intro-parallax-image { background-color: rgba(0,0,0,0.8); } section.home-2-pricing { float: left; width: 100%; margin: 40px auto; } .newsletter-box { width: 100%; float: left; position: relative; padding: 30px 20px 15px; border: 2px solid #eee; margin: 0 0 30px; } .sidebar .newsletter-box { background: #fff; } .newsletter-box p { text-align: center; font-style: normal; color: #3a3a3a; font-size: 11px; line-height: 20px; text-transform: uppercase; letter-spacing: 1px; font-weight: 600; padding: 0px 0 10px 0; margin: 0; float: left; width: 100%; } /*------------ ( Testimonials ) ------------*/ .client-testimonials-wrap { float: left; width: 100%; display: block; padding: 60px 10px; background-color: #fff; webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; -o-transition: all 0.15s ease-out; -ms-transition: all 0.15s ease-out; transition: all 0.15s ease-out; } span.testimonial-quote { float: left; width: 100%; text-align: center; margin: 20px auto; } span.testimonial-quote [class^="icon-"] { color: #e7e7e7; font-size: 18px; } /*------------ ( Page Title Fullwidth ) ------------*/ #header.header-transparent { background: transparent; position: absolute; } #page-title.image-page-title-fullwidth { position: relative; top: 0; left: 0; width: 100%; height: 820px; z-index: 0; padding: 320px 0; text-align: left; margin: 0 auto; float: left; display: block; } #page-title.image-page-title-halfwidth { position: relative; top: 0; left: 0; width: 100%; height: 200px; padding: 320px 0; text-align: left; margin: 0 auto; float: left; display: block; } #page-title.image-page-title-left h2,#page-title.image-page-title-left p { float: left; width: 100%; text-align: left; line-height: inherit; letter-spacing: 1px; } #page-title.image-page-title-left h2 { font-size: 42px; } #page-title.image-page-title-left span p { font-size: 22px; } #page-title.image-page-title-left .progress-bar-box { margin-top: 60px; } #page-title.image-page-title-left .progress-bar-box span { margin-top: 0px; } #page-title.half-height { height: 75vh; } #page-title.half-height h4 { margin-bottom: 40px; } /*------------ ( About Us Simple ) ------------*/ .about-simple-container { float: left; width: 100%; display: block; position: relative; margin: 40px auto; } .about-simple-content { float: left; width: 100%; position: relative; } .about-simple-content h5 { text-transform: uppercase; text-align: left; font-weight: 700; letter-spacing: 1px; margin-bottom: 30px; } .about-simple-content p { line-height: 1.5; color: #777; } /*------------ ( Helper Class ) ------------*/ .no-padding { padding: 0; } .no-margin { margin: 0 !important; } .no-padding-left { padding-left: 0 !important; } .no-padding-right { padding-right: 0 !important; } .z-index-bigger { z-index: 99 !important; } .no-top { top: 0 !important; } .m40 { margin: 40px auto !important; } .m20 { margin: 20px auto !important; } .mtop20 { margin-top: 20px; } .mtop40 { margin-top: 40px !important; } .overflow-hidden { overflow: hidden; } .clearboth { clear: both; } /*------------ ( Page Intro Content ) ------------*/ .page-intro-content { position: relative; z-index: 199; } .page-intro-content .progress-title { color: #ffffff !important; font-size: 14px !important; } /*------------ ( Search ) ------------*/ .search-content { margin: 0 0 40px 0; border-bottom: 1px solid #dedede; float: left; width: 100%; } .search-content:last-child { border-bottom: none; } .search-content span { text-transform: uppercase; position: relative; left: 60px; bottom: 15px; font-weight: 900; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif,Arial,Verdana,Arial,serif; } .search-content a { /*text-transform: capitalize;*/ font-size: 15px; color: #444651; font-weight: 600; float: left; width: 100%; margin: 0px 0px 20px 60px; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif,Arial,Verdana,Arial,serif; } .search-content .icon-block { top: -10px; } /*------------ ( Intro Section ) ------------*/ .intro-section { float: left; width: 100%; position: relative; display: block; padding: 150px 0 70px 0; } .promotion-box-wrap { padding: 40px 0; } .js-parallax .promotion-box-content p { color: #dedede; } /*------------ ( Home Landing Pages ) ------------*/ .home-landing-services-bo { float: left; width: 100%; } .landing-service-content h4 { text-transform: uppercase; margin: 40px 0 20px 0; } .home-landing-section { float: left; width: 100%; margin: 60px auto; } /*------------ ( Cart Empty ) ------------*/ .cart-empty-box { float: left; width: 100%; display: block; text-align: center; margin: 40px 0 60px 0; } .cart-empty-box h3 { margin-bottom: 30px; } /*------------ ( Submit Form ) ------------*/ .submit-form input.submit-form-input { display: block; width: 100%; font-size: 14px; padding: 15px 20px; line-height: 24px; height: 52px; background-image: none; background-color: #fff; border: 1px solid #DDD; border-radius: 0; outline: none; webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; -o-transition: all 0.15s ease-out; -ms-transition: all 0.15s ease-out; transition: all 0.15s ease-out; } .submit-form input.submit-form-input:active,.submit-form input.submit-form-input:focus,input.addinfo-input:active,input.addinfo-input:focus { border-color: #8dc63f; box-shadow: none; -webkit-box-shadow: none; } ul.submit-form-upload-list { list-style-type: none; padding: 0; } ul.submit-form-upload-list li { background-color: #f8f8f8; padding: 15px 20px; border-top: 1px solid #fff; color: #909090; font-size: 13px; font-weight: 600; } .label-left label { float: left; width: 100%; padding-top: 10px; padding-left: 15px; text-align: left; } .submit-form .form-group { margin: 40px auto; } ul.addinfo-sort { list-style-type: none; margin: 0; padding: 0; float: left; width: 100%; display: block; } ul.addinfo-sort li { padding: 10px 12px; outline: none; font-size: 13px; color: #777; margin: 0; max-width: 100%; display: block; background-color: #fff; border: 1px solid #e8e8e8; font-weight: 600; } .addinfo-box input { width: 40%; margin-right: 10px; } #draggablePanelList .panel-heading { cursor: pointer; float: left; border-color: transparent; position: relative; top: 15px; } #draggablePanelList li:first-child,#draggablePanelList li:first-child .panel-heading,#draggablePanelList li:first-child .panel { background-color: #f8f8f8; } #draggablePanelList li,.addinfo-sort .panel-heading,#draggablePanelList .panel { background-color: #fff; } #draggablePanelList li:nth-child(odd),#draggablePanelList li:nth-child(odd) .panel-heading,#draggablePanelList li:nth-child(odd) .panel { background: #f8f8f8; } #draggablePanelList .panel-body { padding: 10px; } .addinfo-sort .panel-heading { color: #555; font-size: 18px; border-color: #fff; } .addinfo-sort .panel-info { border-color: #fff; } .addinfo-sort [class^="icon-"].panel-info { position: relative; float: left; } #draggablePanelList .panel { margin: 0 auto; border: none; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; } input.addinfo-input { font-size: 14px; float: left; padding: 15px 20px; line-height: 24px; height: 52px; background-image: none; background-color: #fff; border: 1px solid #DDD; border-radius: 0; outline: none; webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; -o-transition: all 0.15s ease-out; -ms-transition: all 0.15s ease-out; transition: all 0.15s ease-out; } .delete-form-item { position: relative; font-size: 16px; padding: 13px 16px 12px 16px; margin-left: 10px; } /*------------ ( Sidebar Both ) ------------*/ .recent-post-box { margin-bottom: 30px; border-bottom: 1px dashed #E5E5E5; } .recent-post-img { float: left; margin: 0 15px 15px 0; } .recent-post-img img { width: 48px; height: 48px; } .recent-post-content { padding-bottom: 20px; } .recent-post-content a { text-decoration: none; color: inherit; line-height: 18px; } .recent-post-content span { font-style: italic; font-size: 13px; } /*------------ ( Login & Register ) ------------*/ .login-register-content-title,.login-register-content-title h3 { margin: 0 0 20px 0; } #register-form .register-input { border-color: #555; } .login-register-container,.login-register-container-1 { margin: auto; width: 100%; float: left; position: relative; display: table; z-index: 250; height: 100vh; } .login-form-box { position: relative; width: 100%; display: inline-block; } .login-form-box h3 { margin: 50px 0 40px; width: 100%; display: inline-block; /*text-transform: capitalize;*/ padding: 0 15px; } .login-form { position: relative; width: 100%; display: inline-block; padding-top: 40px; } .login-form .login-input-box { position: relative; width: 100%; display: inline-block; } .login-form .login-input-box [class^="icon-"] { font-size: 18px; line-height: 1; display: inline-block; position: absolute; left: 0px; top: 9px; font-weight: bold; } .login-form .login-input-box [class^="icon-"]:before { font-size: 18px; line-height: 1; } .login-form input { display: inline-block; width: 100%; padding: 8px 15px 8px 25px; margin: 0 0 15px; font-size: 15px; line-height: 1.42857143; background-image: none; background-color: #fff; border: none; border-bottom: 1px solid #d0d0d0; border-radius: 0; outline: none; color: #666; webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; -o-transition: all 0.15s ease-out; -ms-transition: all 0.15s ease-out; transition: all 0.15s ease-out; } .login-intro-content { display: inline-block; width: 100%; } .login-intro-content h1,.login-intro-content h2,.login-intro-content h3,.login-intro-content h4,.login-intro-content h5,.login-intro-content h6,.login-intro-content p { display: inline-block; color: #fff; } .login-intro-content h1 { font-size: 48px; } .login-intro-content h2 { font-size: 30px; } .login-form .btn { text-align: center; margin: 10px 0 20px; } .login-form .form-forgotpass { display: inline-block; margin-right: 10px; margin-left: 25px; font-weight: 400; letter-spacing: 0; margin-top: 0; position: relative; top: -2px; } .login-form .form-forgotpass.bullet { padding: 0 15px 0 0; } .login-form .form-forgotpass.bullet:before { content: '•'; position: absolute; top: 0; left: -15px; } /*------------ ( Restaurant Menu ) ------------*/ .restaurant-menu-section { height: auto; width: 100%; display: block; overflow: hidden; } .restaurant-gallery-section { display: block; position: relative; width: 100%; padding: 40px 0 50px; } .restaurant-info-section { display: block; position: relative; width: 100%; padding: 30px 0; } .restaurant-testimonial-section { display: block; position: relative; width: 100%; padding: 40px 0 30px; } .restaurant-info-img-box { float: left; width: 100%; display: block; padding: 20px; border: 1px solid rgba(0,0,0,0.1); margin: 0 0 30px; } .restaurant-info-img { margin-bottom: 20px; width: 100%; text-align: center; } .restaurant-info-img img { width: 180px; height: auto; border-radius: 50%; display: inline-block; border: 4px solid #eee; } .restaurant-info-img-content h4 { text-transform: uppercase; margin-bottom: 15px; width: 100%; text-align: center; } .restaurant-info-img-content p { margin-bottom: 0px; width: 100%; text-align: center; } .restaurant-info-img-box-simple a { text-align: center; display: block; position: relative; width: 100%; height: 100%; } .restaurant-info-img-box-simple { text-align: center; } .restaurant-info-img-box-simple img { height: 96px; width: 96px; margin: 10px auto; } /*------------ ( Video Background Box ) ------------*/ .video-background-box { float: left; width: 100%; display: block; } .video-background-container { position: relative; width: 100%; } .overlay-img-bg { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 0; background: url('../images/pages/grid.png'); background-color: rgba(0,0,0,0.35); -webkit-backface-visibility: hidden; } .video-background-content { text-align: center; position: absolute; width: 60%; top: 25%; left: 20%; color: #fff; } .video-background-content [class^="icon-"] { font-size: 66px; } .video-background-content h1 { text-transform: uppercase; font-size: 46px; } .video-background-content p { font-size: 25px; line-height: 30px; color: #fff; } .restaurant-info h4 { /*text-transform: capitalize;*/ } .restaurant-info h4,.restaurant-info p { margin: 0 0 30px 0; } .restaurant-info ul { list-style-type: none; padding: 0; margin: 0; } .restaurant-info ul li [class^="icon-"] { margin-right: 10px; } .restaurant-info ul li { font-weight: 600; } .restaurant-info ul li span { font-weight: 100; } .restaurant-info ul li.restaurant-closed [class^="icon-"] { color: red; } /*------------ ( Page 404 ) ------------*/ .page-404-content-2 .error-page-title h1:first-child { font-size: 94px; } .page-404-content-2 .error-page-title h1 { text-transform: uppercase; font-weight: 700; font-size: 64px; color: #ffffff; } /*------------ ( Checkout ) ------------*/ .checkout-total tr:first-child td { border: none !important; } .checkout-total tr { border-bottom: 1px solid #ddd; } ul.checkout-list-items { float: left; width: 100%; list-style-type: none; margin: 0 0 35px 0; padding: 0; } ul.checkout-list-items li { float: left; display: block; width: 100%; position: relative; margin-bottom: 35px; } ul.checkout-list-items li:last-child { border-bottom: 1px solid #dedede; padding-bottom: 35px; margin-bottom: 0; } .checkout-list-item-image { float: left; margin-right: 24px; } .checkout-list-item-image img { width: 70px; height: 70px; border-radius: 4px; } span.checkout-list-item-count { border-radius: 50%; width: 22px; height: 22px; text-align: center; font-size: 11px; float: left; position: absolute; padding-top: 4px; font-weight: 500; color: #fff; top: -9px; left: 59px; } .checkout-list-item-desc, .checkout-total { float: left; } .checkout-list-item-desc h4 { padding: 0; margin: 0; } .checkout-list-item-desc a { padding: 0; margin: 0; font-size: 14px; font-weight: 500; letter-spacing: 0px; color: #303133; } .checkout-list-item-desc h5 { padding: 0; margin: 0; font-size: 13px; font-weight: 500; letter-spacing: 0px; } .checkout-list-item-desc p { margin: 0; text-transform: uppercase; font-size: 11px; font-weight: 400; letter-spacing: 1px; } .checkout-list-item-price { float: right; } .checkout-list-item-price p { margin: 0; padding: 18px 0 0 0; font-weight: 400; font-size: 14px; letter-spacing: 0px; } ul.checkout-list-items.checkout-list-total li { border-bottom: 0px; } .checkout-total h5 { padding: 0; margin: 0; font-size: 15px; font-weight: 500; letter-spacing: 0px; } .checkout-total-price { float: right; } .checkout-total-price p { float: right; margin: 0; font-weight: 500; font-size: 17px; letter-spacing: 0px; } .checkout-total-price span { margin-right: 10px; text-transform: uppercase; font-size: 12px; font-weight: 400; } /*------------ ( Clients ) ------------*/ .clients-wrap { float: left; margin: 0 0 50px; width: 100%; } .clients-wrap:last-child { border: none; } ul.clients-box { float: left; width: 100%; display: block; list-style-type: none; margin: 0; padding: 0; border-bottom: 1px solid rgba(0,0,0,0.08); } ul.clients-box:last-child { border-bottom: none; } ul.clients-box li { border-right: 1px solid rgba(0,0,0,0.08); padding: 30px; } ul.clients-box.no-border li { border-right: none; padding: 30px; } ul.clients-box li img,a.image-box img { opacity: 1; padding: 20px; webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } ul.clients-box li img:hover,a.image-box:hover img { opacity: 0.65; } ul.clients-box li:last-child { border-right: none; } .about-client-image { float: left; width: 100%; margin: 0 0 50px; } .about-client-image img { display: inline-block; padding: 0 20px; /* opacity: 0.35;*/ webkit-transition: all 0.35s ease-out; -moz-transition: all 0.35s ease-out; -o-transition: all 0.35s ease-out; -ms-transition: all 0.35s ease-out; transition: all 0.35s ease-out; } .about-client-image:hover img { opacity: 0.65; webkit-transition: all 0.35s ease-out; -moz-transition: all 0.35s ease-out; -o-transition: all 0.35s ease-out; -ms-transition: all 0.35s ease-out; transition: all 0.35s ease-out; } /*------------ ( Copyrights ) ------------*/ .copyrights-3-container { position: relative; float: left; width: 100%; margin-top: 40px; text-align: right; } p.copyrights-text { color: #FFF; font-weight: 500; } p.copyrights-text a { color: #FFF; } p.copyrights-text a:hover { color: #FFF; } .lightbox-title h2,.lightbox-title h3 { font-weight: 300; margin-bottom: 30px; } /*------------ ( Coming Soon ) ------------*/ .coming-soon-title,.coming-soon-counter { display: inline-block; width: 100%; margin: 20px auto; } .coming-soon-title h1 { color: #fff; font-weight: 700; letter-spacing: -1.5px; /*text-transform: capitalize;*/ font-size: 4.2em; } .coming-soon-title p { font-weight: 300; font-size: 26px; line-height: 1.6; letter-spacing: 1px; color: #fff; } .cs-subscribe { float: left; width: 100%; position: relative; margin: 0px auto; } .coming-soon-brandbox { float: left; width: 100%; text-align: center; } .coming-soon-brandbox a { position: relative; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); } .coming-soon-title-2 { float: left; width: 100%; position: relative; margin-bottom: 40px; } .coming-soon-title-2 h1 { text-transform: uppercase; letter-spacing: 1px; font-size: 50px; font-weight: 500; color: #fff; } .coming-soon-text { float: left; width: 100%; position: relative; } .coming-soon-text p { color: #fff; letter-spacing: 1px; } .coming-soon-text .sidebar-serach-form { margin: 40px auto; } .image-box-img { position: relative; margin-bottom: 25px; } .image-box-content { position: relative; } .image-box-content h4 { margin-bottom: 15px; } .image-box-content a { font-weight: 600; color: #000; } .coming-soon-counter.style-1 { display: inline-block; width: 100%; margin: 0px auto 30px 0; } .clock.style-1 ul.flip { padding: 0; margin: 0; list-style: none; } .clock.style-1 .flip li { background: transparent !important; padding: 0px; letter-spacing: 0; float: left; height: 120px; } .clock.style-1 .flip li a { padding: 1px 40px; color: #fff; font-size: 80px; font-weight: 500; line-height: 1; } .clock.style-1 span { font-weight: 700; color: #fff; width: auto !important; display: inline-block !important; float: none !important; position: relative; top: 0; text-align: center; margin-left: 0px; font-size: 14px; line-height: 1; font-style: normal !important; text-transform: uppercase; letter-spacing: 2px; } .clock.style-1 span.flip-clock-dot { display: block !important; background: #FFF; width: 8px !important; height: 8px; position: absolute !important; border-radius: 50%; left: 0px; display: none !important; margin-left: 0px !important; } .clock.style-1 span.flip-clock-dot.top { top: 0% !important; } .clock.style-1 span.flip-clock-dot.bottom { top: 100% !important; } .clock.style-1 span.flip-clock-label { position: relative; bottom: -120px; margin-left: 60px !important; } .full-height-box { float: left; width: 100%; height: 100%; display: block; } .full-height-box.vertical-align-content { height: auto; } .full-height-section { float: left; width: 100%; height: 100%; display: block; max-height: 100vh; } .medium-intro-content { float: left; width: 100%; position: relative; } .medium-intro-content h1,.medium-intro-content h3 { color: #ffffff; margin-bottom: 47px; } .mouse-movement-content { pointer-events: all; } /*------------ ( Clock Counter ) ------------*/ .clock ul.flip .down,li.flip-clock-before { display: none !important; } .flip li { position: relative; cursor: pointer; text-decoration: none; color: #ccc; border-radius: 2px; background-color: rgba(0,0,0,0.2); } .flip li a { padding: 40px; color: #fff; font-size: 20px; font-weight: 900; } .flip-clock-wrapper a:hover { color: #fff; } .flip-clock-wrapper ul li { list-style: none; display: inline-block; } ul.flip { list-style: none; display: inline-block !important; padding: 5px; margin: 0; } .clock .flip:nth-child(3n+0) { padding-right: 52px; } .clock .flip:last-child { padding-right: 0px; } .clock span { font-weight: 300; color: #fff; width: auto !important; display: inline !important; float: none !important; position: absolute; bottom: 0; text-align: center; margin-left: 30px; font-size: 20px; line-height: 1; font-style: normal !important; } .clock { margin: 0 auto; padding: 0 0 34px; position: relative; display: inline-block; width: 100%; text-align: center; z-index: 100; } .coming-soon-box-2 { position: absolute; width: 100%; top: 200px; } /*------------ ( Tables Styled ) ------------*/ .table { margin: 0 0 50px; } .table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th { border: 1px solid #ddd !important; } .table-style thead th { padding: 15px 20px !important; } .table-style tbody th,.table-style tbody td { padding: 15px 20px !important; } .table-style-1 thead { background: #202020; color: #FFF; } .table-style-2 thead tr th,.table-style-3 thead tr th { border-color: inherit !important; } .table-style-3.table-withmaincolor thead tr th,.table-style-3.table-withmaincolor tbody tr th { border-color: #fff !important; color: #fff; border-width: 1px; } .table-style-3 thead tr th:first-child { background-color: #777; color: #fff; } .table-style-4.table-withmaincolor thead tr th,.table-style-5.table-withmaincolor thead tr th,.table-style-6.table-withmaincolor thead tr th,.table-style-6.table-withmaincolor.table-striped>tbody>tr:nth-of-type(odd):hover,.table-style-7.table-withmaincolor thead tr th,.table-style-7.table-withmaincolor tbody tr:last-child th,.table-style-7.table-withmaincolor tbody tr:last-child td,.table-withmaincolor.table-hover>tbody>tr:hover,.table-style-2.table-withmaincolor thead tr th { color: #fff; } .table-style-5.table-withmaincolor tbody tr td:nth-child(2),.table-style-6.table-withmaincolor.table-striped>tbody>tr:nth-of-type(odd),.table-style-7.table-withmaincolor.table-striped>tbody>tr:nth-of-type(odd),.table-style-7.table-withmaincolor tbody tr th { color: #fff; } .table-style-2.table-withmaincolor tbody tr { color: #202020; } .table-style-4.table-withdarkcolor thead tr th,.table-style-5.table-withdarkcolor thead tr th,.table-style-6.table-withdarkcolor thead tr th,.table-style-6.table-withdarkcolor.table-striped>tbody>tr:nth-of-type(odd):hover,.table-style-7.table-withdarkcolor thead tr th,.table-style-7.table-withdarkcolor tbody tr:last-child th,.table-style-7.table-withdarkcolor tbody tr:last-child td,.table-withdarkcolor.table-hover>tbody>tr:hover,.table-style-2.table-withdarkcolor thead tr th { background-color: #292929 !important; color: #fff; } .table-style-5.table-withdarkcolor tbody tr td:nth-child(2),.table-style-6.table-withdarkcolor.table-striped>tbody>tr:nth-of-type(odd),.table-style-7.table-withdarkcolor.table-striped>tbody>tr:nth-of-type(odd),.table-style-7.table-withdarkcolor tbody tr th,.table-style-2.table-withdarkcolor tbody tr { background-color: rgba(0,0,0,.1) !important; color: #202020; } .table-withdarkcolor thead tr th { border-color: #292929 !important; } .table-style-1.table-withdarkcolor thead tr th,.table-style-1.table-withdarkcolor tbody tr:last-child th,.table-style-1.table-withdarkcolor tbody tr:last-child td { background-color: rgba(41,41,41,.6) !important; color: #fff; } .withdarkcolor { background-color: #242424 !important; } /*------------ ( Forum ) ------------*/ ul.forum-list,ul.forum-header-title,ul.forum-inner-content { list-style: none; margin: 0; padding: 0; } ul.forum-header-title { float: left; width: 100%; } ul.forum-header-title li { float: left; padding: 20px 30px; } ul.forum-list { float: left; width: 100%; border: 1px solid #eee; margin: 0 0 8px 0; border-radius: 4px; overflow: hidden; } ul.forum-list li.forum-header { color: #ffffff; width: 100%; float: left; } ul.forum-inner-content { width: 100%; float: left; display: table-row; } .forum-content { border-bottom: 1px solid #eee; } li.forum-content:last-child { border-bottom: 0px; } ul.forum-header-title li p { text-transform: uppercase; font-weight: 600; float: left; margin: 0; text-align: left; color: #ffffff; } ul.forum-header-title li p,ul.forum-list li.forum-content { list-style-type: none; display: inline-block; float: left; width: 100%; } ul.forum-list li.forum-content:nth-child(2n+1) { background-color: rgba(0,0,0,0.02); } ul.forum-inner-content li { display: table-cell; vertical-align: middle; padding: 30px; } li.forum-content { box-shadow: 0 1px 2px rgba(0,0,0,0); transition: box-shadow 0.2s ease-in-out; } li.forum-content:hover { -webkit-box-shadow: 0px 0px 15px 0px rgba(204,204,204,1); -moz-box-shadow: 0px 0px 15px 0px rgba(204,204,204,1); box-shadow: 0px 0px 15px 0px rgba(204,204,204,1); } p.forum-avatar img { width: 60px; height: 60px; border-radius: 50%; } ul.forum-inner-content li a { font-weight: 100; font-size: 15px; /*text-transform: capitalize;*/ float: left; width: 100%; margin-bottom: 10px; } ul.forum-inner-content li h1 a { font-size: 20px; font-weight: 500; color: #676c7c; } .fic-count,.fic-date { float: left; width: 100%; } ul.forum-inner-content li .fic-date p { /*text-transform: capitalize;*/ font-size: 14px !important; font-weight: 500; text-align: right; } ul.forum-inner-content li .fic-date a { margin-bottom: 0px; text-transform: none; font-size: 14px; font-weight: 500; text-align: left; color: #676c7c; } .fic-count { background-color: #cccccc; width: 34px; height: 34px; padding-top: 8px; border-radius: 100px; text-align: center; position: relative; margin-left: 6px; } .fic-count p { text-align: center; width: 100%; font-weight: 600; color: #ffffff; } ul.forum-inner-content li .fic-count p { font-size: 11px; } p.forum-avatar span { background-color: #ccc; width: 60px; height: 60px; display: block; text-align: center; padding-top: 16px; border-radius: 50%; font-size: 18px; text-transform: uppercase; font-weight: 600; color: #fff; letter-spacing: 0.5px; } .forum-topics, .forum-posts { width: 10%; } .forum-date { width: 25%; } ul.forum-inner-content li p { font-size: 14px; text-transform: none; float: left; margin: 0; } p.forum-avatar { position: absolute; } .forum-inner-text { float: left; margin-left: 90px; position: relative; } .forum-inner-text h1 { float: left; margin: 0 auto; } .form-forum { width: 55%; } ul.forum-content-left div { left: 0; } ul.forum-content-right li .user-profile-desc a { text-align: right; } ul.forum-content-right .tags-cloud-list li { float: right; } ul.forum-content-right .forum-profile-image { width: 100%; position: relative; float: right; } .forum-content-header { display: block; float: left; width: 100%; margin: 0; padding: 0; border-bottom: 1px dashed #eeeeee; margin-bottom: 10px; } .forum-content-header p { float: left; text-align: left; text-transform: none; font-size: 13px; margin: 0; padding: 15px 30px; } .forum-content-header span { float: right; text-align: right; } .forum-content-header span a { opacity: 0.7; } .forum-tags-cloud ul.tags-cloud-list { margin-bottom: 0px; } .forum-tags-cloud ul.tags-cloud-list li { margin: 0 5px 5px 0; padding: 0; } .forum-tags-cloud ul.tags-cloud-list li a { float: left; font-size: 9px; text-transform: uppercase; color: #aaa; margin: 0; } .forum-tags-cloud ul.tags-cloud-list li a:hover { color: #000; } .forum-profile-image { width: 100%; float: left; text-align: center; } .forum-profile-image a img { border-radius: 50%; margin-bottom: 10px; width: 60px; height: 60px; } .forum-profile-image a span { background-color: #ccc; width: 60px; height: 60px; display: block; text-align: center; padding-top: 17px; margin: 0 auto; border-radius: 50%; font-size: 18px; text-transform: uppercase; font-weight: 600; color: #fff; letter-spacing: 0.5px; } .forum-reply-signin { float: left; width: 100%; margin: 10px 0 0 0; border-radius: 4px; } .forum-reply-signin p { color: #fff; padding: 20px 20px 10px 20px; margin-bottom: 10px; } /*------------ ( User Profile ) ------------*/ .user-profile-list { float: left; width: 100%; display: block; margin-bottom: 40px; } .user-profile-list ul { list-style-type: none; padding: 0; margin: 0; } .user-profile-list ul li { list-style-type: none; padding: 7px 0; border-bottom: 1px solid #eee; } .user-profile-list ul li a { color: inherit; /*text-transform: capitalize;*/ } a.profile-active { font-weight: 600; } .user-profile-content span { /*text-transform: capitalize;*/ font-size: 15px; color: #ccc; float: left; width: 100%; margin-bottom: 20px; } .user-profile-desc { float: left; width: 100%; } ul.forum-inner-content li .user-profile-desc a { text-align: center; margin-bottom: 20px; color: #676c7c; font-size: 13px; font-weight: 400; } /*------------ ( About Us 2 ) ------------*/ #page-title.about-us-paralax { border: none; } .about-us-2-video-box { height: auto; width: 100%; float: left; display: block; overflow: hidden; } .about-us-2-video-box .video-background-box { position: absolute; } .about-us-2-video-box .video-background-container { height: 100%; } .about-us-2-content { color: #fff; } .about-us-2-content h2 { font-weight: 500; font-size: 36px; margin-bottom: 20px; display: block; clear: both; letter-spacing: -1px; } .about-us-2-content p { font-style: normal; line-height: 19px; text-align: center; } /*------------ ( Block Content Wrapper ) ------------*/ .block-content-wrapper { position: relative; clear: both; margin: 0; height: 100%; padding: 0; z-index: 199; } .icons-box-content { position: relative; clear: both; margin: 0px 60px; height: 100%; padding: 60px 0 0; z-index: 199; } .block-content-wrapper .progress-bar-box { float: none; display: inline-block; } .block-content-wrapper h1 { color: #ffffff; text-align: left; text-transform: uppercase; font-size: 12px; letter-spacing: 2px; font-weight: 600; padding: 10px 10px 7px 10px; float: left; margin-bottom: 20px; } .background-1 .block-content-wrapper h1 { color: #fff; border-radius: 4px; } .block-content-wrapper h2 { font-weight: 400; margin-bottom: 20px; display: block; clear: both; letter-spacing: -0.5px; } .background-1 .block-content-wrapper h2,.background-2 .block-content-wrapper h2,.background-3 .block-content-wrapper h2 { color: #fff; } .block-content-wrapper p { margin-bottom: 30px; font-size: 16px; display: block; clear: both; } .background-1 .block-content-wrapper p,.background-2 .block-content-wrapper p,.background-3 .block-content-wrapper p { color: #fff; } .about-image-bg { float: left; width: 100%; display: block; height: auto; position: relative; } /*------------ ( Services 3 ) ------------*/ .services-3-box { float: left; width: 100%; display: block; } .services-3-img { float: left; width: 100%; display: table-cell; } .services-3-inner-img { height: 100%; width: 100%; overflow: auto; background: #FF2400; opacity: 0.2; background-size: 100%; } .intro-withwhitecolor .block-content-wrapper h2,.intro-withwhitecolor .block-content-wrapper p { color: #000 !important; } /*------------ ( Vertical Timeline ) ------------*/ #vertical-timeline-container { float: left; width: 100%; position: relative; margin: 0 0 50px; } .vertical-timeline-block { float: left; width: 100%; display: block; } #vertical-timeline-container::before { content: ''; position: absolute; top: 0; left: 18px; height: 100%; width: 4px; } .timeline-content-icon { position: absolute; left: 9px; width: 21px; height: 21px; background-color: #dedede; margin-top: 45px; border-radius: 50%; border: 4px solid #fff; } .vertical-timeline-content { float: left; width: 100%; color: inherit; padding: 20px 30px; } .vertical-timeline-content p { color: inherit; margin-bottom: 20px; } .vertical-timeline-content h4 { text-transform: uppercase; margin-bottom: 20px; margin-top: 26px; } .vertical-timeline-content span { text-transform: uppercase; position: relative; top: 26px; } #cd-timeline { position: relative; padding: 2em 0; margin-top: 2em; margin-bottom: 2em; } #cd-timeline::before { content: ''; position: absolute; top: 0; left: 18px; height: 100%; width: 4px; } .cd-inner-desc-details { float: left; width: 100%; position: relative; padding: 0 0 7px; margin-bottom: 15px; text-transform: uppercase; letter-spacing: 0.2px; } .cd-timeline-inner-content h4 { float: left; width: 100%; position: relative; margin: 0 0 10px; margin-top: 10px; padding: 0; font-size: 18px; font-weight: 600; } /*BTN RED*/ .btn-red-reverse{ border-color: #ac7443 !important; color: #ac7443 !important; } .btn-red-reverse:hover{ background-color: #ac7443 !important; color: #ffffff !important; } /*BTN green*/ .btn-green-reverse{ border-color: #54683d !important; color: #54683d !important; } .btn-green-reverse:hover{ background-color: #54683d !important; color: #ffffff !important; } .btn:focus{ color: #ffffff !important; } .cd-timeline-inner-content a.btn-default:hover { color: #fff; } .cd-timeline-inner-content h4 a { color: #333; } .cdbuser,.cddate,.cdcomments,.cdlikes { float: left; padding: 0 5px 8px 0; font-size: 10px; color: #898989; vertical-align: middle; line-height: 14px; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; transition: all .4s ease; letter-spacing: 0.2px; } .cddate { padding: 0 10px 10px 0; } .cdlikes,.cdcomments { padding: 0 10px 8px 0; } .cddate [class^="icon-"],.cdcomments [class^="icon-"],.cdlikes [class^="icon-"] { padding: 0 5px 0 0; font-size: 14px; position: relative; top: 0px; line-height: 14px; height: 14px; } @media only screen and (min-width:1170px) { #cd-timeline { margin-top: 3em; margin-bottom: 3em; } #cd-timeline::before { left: 50%; margin-left: -2px; } } .cd-timeline-block { position: relative; margin: 2em 0; } .cd-timeline-block:after { content: ""; display: table; clear: both; } .cd-timeline-block:first-child { margin-top: 0; } .cd-timeline-block:last-child { margin-bottom: 0; } @media only screen and (min-width:1170px) { .cd-timeline-block { margin: 4em 0; } .cd-timeline-block:first-child { margin-top: 0; } .cd-timeline-block:last-child { margin-bottom: 0; } } .cd-timeline-img { position: absolute; top: 0; left: 50%; margin-left: -20px; width: 40px; height: 40px; margin-top: 20px; border-radius: 50%; box-shadow: 0 0 0 4px white,inset 0 2px 0 rgba(0,0,0,0.08),0 3px 0 4px rgba(0,0,0,0.05); } .cd-timeline-img img { display: block; width: 24px; height: 24px; position: relative; left: 50%; top: 50%; margin-left: -12px; margin-top: -12px; } .cd-timeline-img.cd-picture { background: #75ce66; } .cd-timeline-img.cd-movie { background: #c03b44; } .cd-timeline-img.cd-location { background: #f0ca45; } .timeline-line { position: absolute; width: 100%; height: 100%; left: 0; top: 0; } .timeline-line:before { content: ''; position: absolute; height: 105%; width: 4px; background: #CCC; left: 50%; margin-left: -2px; } .cd-timeline-content { position: relative; margin-left: 60px; background: white; border-radius: 0.25em; } .cd-bg-image { float: left; width: 100%; overflow: hidden; position: relative; border-bottom: 2px solid; } .cd-timeline-img span { position: relative; top: 28%; left: 0; right: 0; bottom: 0; float: left; font-size: 21px; color: #fff; font-weight: 900; display: inline-block; text-align: center; margin: 0 auto; width: 100%; vertical-align: middle; } .cd-timeline-inner-content { float: left; width: 100%; position: relative; padding: 10px 30px; } .cd-timeline-inner-content h4 a { color: #232323; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; transition: all .4s ease; } .cd-bg-image img { height: 250px; width: 100%; } .cd-bg-image a.video-play-icon { position: absolute; color: #fff; line-height: 1; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.2); } .cd-bg-image a.video-play-icon [class^="icon-"] { position: absolute; color: #fff; font-size: 24px; line-height: 1; text-align: center; top: 50%; left: 50%; width: 48px; height: 48px; padding: 9px 0 9px 2px; border: 3px solid #fff; display: inline-block; margin: -24px 0 0 -24px; border-radius: 50%; } .cd-bg-image .video-box { margin: 0 auto; } .cd-timeline-content:after { content: ""; display: table; clear: both; } .cd-timeline-content h2 { color: #303e49; } .cd-timeline-content p,.cd-timeline-content .cd-read-more,.cd-timeline-content .cd-date { font-size: 13px; font-size: 0.8125rem; } .cd-timeline-content .cd-read-more,.cd-timeline-content .cd-date { display: inline-block; } .cd-timeline-content p { margin: 1em 0; line-height: 1.6; } .cd-timeline-content .cd-read-more { float: right; padding: .8em 1em; background: #acb7c0; color: white; border-radius: 0.25em; } .no-touch .cd-timeline-content .cd-read-more:hover { background-color: #bac4cb; } .cd-timeline-content .cd-date { float: left; padding: .8em 0; opacity: .7; } .cd-timeline-content::before { content: ''; visibility: hidden; position: absolute; top: 16px; right: 100%; height: 0; width: 0; border: 7px solid transparent; border-right: 7px solid white; } @media only screen and (min-width:768px) { .cd-timeline-content h2 { font-size: 24px; /*text-transform: capitalize;*/ font-weight: 600; } .cd-timeline-content p { font-size: 15px; } .cd-timeline-content .cd-read-more,.cd-timeline-content .cd-date { font-size: 14px; } } @media only screen and (min-width:1170px) { .cd-timeline-content { margin-left: 0; width: 45%; } .cd-timeline-content::before { top: 24px; left: 100%; border-color: transparent; border-left-color: white; } .cd-timeline-content .cd-read-more { float: left; } .cd-timeline-content .cd-date { position: absolute; width: 100%; left: 119%; top: 8px; font-size: 15px; font-weight: 900; } .cd-timeline-block:nth-child(even) .cd-timeline-content { float: right; } .cd-timeline-block:nth-child(even) .cd-timeline-content::before { top: 24px; left: auto; right: 100%; border-color: transparent; border-right-color: white; } .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-read-more { float: right; } .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date { left: auto; right: 119%; text-align: right; } .cssanimations .cd-timeline-content.is-hidden { visibility: hidden; } .cssanimations .cd-timeline-img.wow { visibility: visible !important; } } ul.cd-timeline-navigation { list-style-type: none; } .cd-horizontal-timeline ol { list-style-type: none; } .timeline-date-right { float: right; position: absolute; display: block; width: 100%; text-align: center; right: -68px; top: 29px; } .timeline-date-right p { position: relative; font-size: 16px; font-weight: 600; margin: 0; } .timeline-date-left { float: right; position: absolute; display: block; width: 100%; text-align: center; left: -68px; top: 29px; } .timeline-date-left p { position: relative; font-size: 16px; font-weight: 600; } /*------------ ( About Us 4 ) ------------*/ span.pie-chart-desc { width: 100%; text-align: center; float: left; font-size: 13px; text-transform: uppercase; line-height: 1; position: relative; top: -20px; margin: 0 0 30px; padding: 0; font-weight: 600; letter-spacing: 1px; } .about-us-4-counter-container .intro-text h1,.about-us-4-counter-container .intro-text p,.about-us-4-counter-container .pie-chart-box .pie-chart .pie-chart-percent,.about-us-4-counter-container span { color: #fff; } /*------------ ( Subscribe Fancy Box ) ------------*/ .subscribe-fancy-box,.subscribe-fancy-inner { float: left; width: 100%; padding: 0 0 50px; height: 100%; } .subscribe-fancy-inner { padding: 50px 35px; } .subscribe-fancy-whitebg { background-color: #ffffff; } .subscribe-fancy-wrapper { float: left; width: 100%; position: relative; background-color: #fff; z-index: 200; } .subscribe-fancy-inner h3,.subscribe-fancy-inner p { margin-bottom: 30px; } .subscribe-fancy-inner h1 { font-weight: 500; margin-bottom: 30px; } .subscribe-fancy-themebg h1,.subscribe-fancy-themebg h3,.subscribe-fancy-themebg p,.subscribe-fancy-themebg span { color: #ffffff; } .subscribe-fancy-themebg button.btn-white span { color: #2f2f2f; } .subscribe-fancy-themebg button.btn-white:hover span { color: #ffffff; } .subscribe-fancy-inner h3 { letter-spacing: 1px; font-weight: 600; margin-bottom: 20px; } .subscribe-fancy-content { padding: 15px; } .subscribe-fancy-inner .job-form div { margin-bottom: 5px; } .subscribe-fancy-box ul { float: left; margin: 0; padding: 0 0 0 15px; width: 100%; } .background-1.subscribe-fancy-inner ul li,.background-2.subscribe-fancy-inner ul li,.background-3.subscribe-fancy-inner ul li { color: #ffffff; margin-bottom: 10px; } .subscribe-privacy { font-size: 12px; } .subscribe-privacy a { color: #fff; text-decoration: underline; } .subscribe-fancy-inner .testimonials-slider .testimonials-slider-box .testimonial-text { font-size: 18px !important; line-height: 1.8; } /*------------ ( Services Pricing ) ------------*/ .services-pricing-content { float: left; width: 100%; text-align: center; padding: 20px 40px; } .services-pricing-content h3 { text-transform: uppercase; letter-spacing: 1.5px; font-size: 12px; font-weight: 600; } .services-prcing-box { float: left; width: 100%; position: relative; background-color: #fff; border-radius: 2px; margin-bottom: 50px; webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; -o-transition: all 0.15s ease-out; -ms-transition: all 0.15s ease-out; transition: all 0.15s ease-out; } .services-prcing-box:hover { margin-top: -10px; -webkit-box-shadow: 0 20px 40px rgba(0,0,0,0.1); -moz-box-shadow: 0 20px 40px rgba(0,0,0,0.1); box-shadow: 0 20px 40px rgba(0,0,0,0.1); } .services-pricing-icon { float: left; width: 100%; font-size: 55px; margin: 20px auto; } .services-pricing-list ul { list-style-type: none; text-align: center; margin: 0; padding: 0; } .services-pricing-list ul li { float: left; width: 100%; border-bottom: 1px solid #f5f5f5; padding: 20px; } .services-pricing-list ul li:first-child { border-top: 1px solid #f5f5f5; } .services-pricing-button { float: left; width: 100%; text-align: center; margin: 20px 0 0; } .services-pricing-button .btn { margin-right: 0; } .services-pricing-list ul li p { padding: 0; margin: 0; } .services-pricing-list ul li a { color: #676c7c; } .pc-service-box { float: left; width: 100%; text-align: center; margin: 0 0 5px; } .pc-service-box h4 { float: left; width: 100%; text-align: center; position: relative; top: -20px; margin-top: 0; text-transform: uppercase; font-weight: 600; letter-spacing: 1px; } .pc-service-box p { float: left; width: 100%; text-align: center; position: relative; top: -20px; } .divider-box { float: left; width: 100%; margin: 20px auto; } .content-divider { display: block; height: 1px; background-color: #dedede; } .divider-content { float: left; width: 100%; position: relative; } .content-divider [class^="icon-"] { float: left; position: relative; background-color: #fff; border: 1px solid #fff; font-size: 22px; padding: 0 10px; top: 50%; transform: translateY(-50%); } .content-divider-full { width: 100%; } .content-divider-custom-1 { width: 20%; } .content-divider-custom-3 { width: 8%; margin: 0 auto; } .content-divider-colored-bg [class^="icon-"] { border-radius: 50%; width: 34px; height: 34px; color: #fff; padding: 0; } .divider-right .content-divider-colored-bg [class^="icon-"] { padding-right: 6px; } .divider-left .content-divider-colored-bg [class^="icon-"] { padding: 0px 7px; } #page-title .divider-content,#page-title .divider-content p { color: #fff; } .divider-content h3 { font-size: 18px; } .divider-content p { font-size: 13px; } /*------------ ( Intro Block Overlay ) ------------*/ .intro-block-overlay { padding: 30px; background: rgba(255,255,255,0.7); position: relative; z-index: 30; } /*------------ ( Text Block ) ------------*/ .textblock { float: left; width: 100%; position: relative; } .textblock { float: left; width: 100%; position: relative; padding: 50px 50px 30px; } .textblock h3,.textblock p { margin: 0 0 20px; } .textblock.background-1 h3,.textblock.background-1 p { color: #fff; } /*------------ ( Heading Container ) ------------*/ .accordion-inner-content { float: left; width: 100%; position: relative; padding: 20px 0; } .heading-container { float: left; width: 100%; position: relative; } .heading-container h1,.heading-container h2,.heading-container h3,.heading-container h4,.heading-container h5,.heading-container h6 { text-transform: uppercase; } /*------------ ( Home 6 ) ------------*/ #page-title .divider-content h1 { text-transform: uppercase; letter-spacing: 1px; font-weight: 500; } #page-title .divider-content p { margin-bottom: 30px; } ul.home-6-list { float: left; width: 100%; display: block; position: relative; list-style-type: none; margin: 0; padding: 0; } ul.home-6-list li { display: block; width: 100%; list-style-type: none; } ul.home-6-list li h4 [class^="icon-"] { margin-right: 10px; font-size: 40px; position: relative; top: 9px; } ul.home-6-list li h4 { letter-spacing: 1px; font-weight: 500; } ul.home-6-list li p { letter-spacing: 1px; } /*------------ ( Home Minimal ) ------------*/ .home-minimal-container { float: left; width: 100%; position: relative; margin-top: 40px; } .home-minimal-introbtn { float: left; width: 100%; position: relative; text-align: center; margin-top: 30px; } .home-minimal-parallax-content { float: left; width: 100%; position: relative; text-align: center; } .home-minimal-parallax-title h1 { color: #fff; letter-spacing: 1px; font-weight: 400; margin-bottom: 17px; } .home-minimal-parallax-title p { color: #fff; font-size: 16px; letter-spacing: 1px; } .home-minimal-paralbtn { float: left; width: 100%; position: relative; text-align: center; margin-top: 30px; } .home-minimal-container-min { float: left; width: 100%; position: relative; display: block; } /*------------ ( Colored Box ) ------------*/ .colored-box-container { float: left; width: 100%; position: relative; padding: 30px; margin: 0 0 20px; /*height: 100%;*/ height: auto; display: block; } .colored-box-title { float: left; width: 100%; display: block; margin-bottom: 15px; text-align: left; } .colored-box-title h4 { color: #fff; /*text-transform: capitalize;*/ ; letter-spacing: 1px; font-weight: 600; } .colored-box-title h1,.colored-box-icon h1 span { color: #fff; text-transform: uppercase; letter-spacing: 3px; font-size: 52px; font-weight: 600; opacity: 0.7; webkit-transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out; -o-transition: all 0.25s ease-out; -ms-transition: all 0.25s ease-out; transition: all 0.25s ease-out; } .colored-box-title h2 { color: #FFF; } .colored-box-icon h1 { margin-bottom: 0px; } .colored-box-container:hover .colored-box-title h1,.colored-box-container:hover .colored-box-icon h1 span { opacity: 1; } .colored-box-title h1 { float: left; width: 100%; } .colored-box-title span { float: left; width: 10%; height: 2px; background-color: rgba(255,255,255,0.5); border-radius: 100px; margin: 5px 0 10px 0; left: 0; position: relative; webkit-transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out; -o-transition: all 0.25s ease-out; -ms-transition: all 0.25s ease-out; transition: all 0.25s ease-out; } .colored-box-container:hover .colored-box-title span { webkit-transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out; -o-transition: all 0.25s ease-out; -ms-transition: all 0.25s ease-out; transition: all 0.25s ease-out; width: 33%; } .colored-box-content { float: left; width: 100%; display: block; position: relative; text-align: left; } .colored-box-content p { color: #fff; font-style: normal; text-align: left; } .colored-box-content a { margin-top: 20px; } /*------------ ( Intro Page ) ------------*/ .intro-page-content { float: left; width: 100%; position: relative; text-align: center; } .intro-image { float: left; width: 100%; position: relative; margin-bottom: 20px; webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; -o-transition: all 0.15s ease-out; -ms-transition: all 0.15s ease-out; transition: all 0.15s ease-out; } .intro-image img { background-color: #fff; padding: 4px; } .intro-page-content a { color: inherit; letter-spacing: 1px; text-transform: uppercase; font-weight: 500; color: #fff; } .intro-content-container:hover .intro-image { opacity: 0.6; } /*------------ ( Particles ) ------------*/ #particles-js { position: absolute; width: 100%; height: 100%; } #particles-js .particles-js-canvas-el { opacity: 0.5; } /*------------ ( Fullscreen Page ) ------------*/ #fullscreen-page,.fullscreen-page { height: 100vh; position: relative; overflow: hidden; vertical-align: middle; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; color: #ffffff; } /*------------ ( One Page ) ------------*/ .one-page-nav { float: right; display: inline-flex; margin: 0; list-style-type: none; z-index: 1; } .one-page-nav li a { float: none; padding: 31px 13px; text-decoration: none; line-height: 21px; text-shadow: none; text-transform: uppercase; font-size: 11px; font-weight: 500; letter-spacing: 1px; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; } .arrow-animated a { color: #fff; font-size: 25px; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-duration: 1.5s; -moz-animation-duration: 1.5s; animation-duration: 1.5s; } .arrow-animated { position: absolute; vertical-align: middle; z-index: 200; left: 50%; bottom: 20px; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); } /*------------ ( Shop Overlay Animation 1 ) ------------*/ .shop-list .shop-product.shop-overlay-animation-1 { box-shadow: none; } .shop-overlay-animation-1 .shop-desc-box { position: absolute; bottom: -100px; left: 0; width: 100%; height: 100px; opacity: 0; text-align: center; color: #fff; -webkit-transition: all 0.55s ease; -moz-transition: all 0.55s ease; -o-transition: all 0.55s ease; transition: all 0.55s ease; } .shop-overlay-animation-1:hover .shop-desc-box { overflow: hidden; opacity: 1; -webkit-transform: translateY(-100px); -moz-transform: translateY(-100px); -ms-transform: translateY(-100px); -o-transform: translateY(-100px); transform: translateY(-100px); } .shop-overlay-animation-1 .shop-image-holder img { margin: 0; padding: 0; z-index: 4; -webkit-transition: all 0.55s ease; -moz-transition: all 0.55s ease; -o-transition: all 0.55s ease; transition: all 0.55s ease; } .shop-overlay-animation-1:hover .shop-image-holder img { overflow: hidden; -webkit-transition: all 0.55s; -moz-transition: all 0.55s; -ms-transition: all 0.55s; -o-transition: all 0.55s; transition: all 0.55s; -webkit-transform: translateY(-100px); -moz-transform: translateY(-100px); -ms-transform: translateY(-100px); -o-transform: translateY(-100px); transform: translateY(-100px); } /*------------ ( Icon Box Simple ) ------------*/ ul.icon-box-simple { float: left; width: 100%; list-style-type: none; padding: 0; margin: 0; margin-bottom: 50px; } ul.icon-box-simple li { float: left; text-align: center; display: inline-flex; /*width: 25%;*/ padding: 10px 0; /*border: 1px solid #e5e5e5;*/ margin: -1px 0 0 -1px; } ul.icon-box-simple li a { float: left; width: 100%; text-align: center; color: #676c7c; letter-spacing: 1px; font-weight: 400; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif,Arial,serif; padding: 0 20px; } ul.icon-box-simple li:hover { cursor: pointer; } ul.icon-box-simple li [class^="icon-"] { float: left; width: 100%; margin: 0 auto; padding-bottom: 20px; text-align: center; font-size: 36px; } /*------------ ( Blockquote 2 ) ------------*/ .blockquote-style-2 { float: left; width: 100%; display: block; margin: 0 0 60px; } .blockquote-style-2 blockquote,.blockquote-style-2 blockquote:before,.blockquote-style-2 blockquote:after { content: none; padding: 0; margin: 0; } .blockquote-style-2 blockquote { float: left; width: 100%; display: block; border: 1px solid #dedede !important; padding: 30px 20px 30px 60px; margin-bottom: 20px; border-radius: 4px; background: #fff; } .blockquote-style-2 blockquote p { font-size: 14px; line-height: 1.7; margin: 0; color: #777777; font-style: normal; font-weight: 400; margin-bottom: 0px; } .blockquote-style-2 blockquote p:before { content: '\201C'; font-style: normal; font-weight: 300; position: absolute; font-size: 72px; top: 10px; left: 20px; color: #CCC; } .blockquote-style-2 blockquote:after { content: ""; display: block; width: 0; height: 0; border-left: 16px solid transparent; border-right: 16px solid transparent; border-top: 16px solid #ffffff; position: absolute; top: 100%; left: 86.6%; background-color: transparent; } .blockquote-style-2 blockquote:before { content: ""; display: block; width: 0; height: 0; border-left: 17px solid transparent; border-right: 17px solid transparent; border-top: 17px solid #dedede; position: absolute; top: 100%; float: right; left: 86.3%; background-color: transparent; } .blockquote-author { width: 100%; position: relative; display: block; float: right; padding-right: 30px; padding-top: 20px; padding-bottom: 20px; } .blockquote-author img { display: inline-block; width: 64px; height: 64px; border-radius: 50%; position: absolute; right: 15px; top: 10px; } .blockquote-author p,.blockquote-author span { width: 100%; position: relative; text-align: right; float: right; margin-right: 80px; margin-bottom: 0; } .blockquote-author p { font-weight: 600; text-transform: uppercase; } /*------------ ( Latest Posts ) ------------*/ .latest-post-item { float: left; width: 100%; position: relative; margin-bottom: 50px; } .latest-post-thumbnail { width: 100%; position: relative; margin: 0 auto; padding: 0; } .latest-post-thumbnail img { width: 100%; } .latest-post-content { width: 100%; float: left; display: block; margin: 0; padding: 20px; background-color: #f9f9f9; } .latest-post-content h1 { float: left; width: 100%; position: relative; margin: 0 0 10px 0; padding: 0; font-size: 20px; font-weight: normal; } .latest-post-content h1 a { color: #232323; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; transition: all .4s ease; } .latest-post-content p { float: left; width: 100%; position: relative; margin: 0 0 20px; line-height: 1.8; font-weight: 400; letter-spacing: 0.5px; margin-bottom: 0; } .latest-post-content .read-more-link { float: left; width: 100%; position: relative; margin: 10px 0 0; line-height: 1.8; font-weight: 400; letter-spacing: 0.5px; } .latest-post-data { position: absolute; top: 20px; left: 20px; z-index: 10; color: #fff; font-weight: 500; } span.latest-post-day,span.latest-post-month { float: left; width: 100%; display: block; line-height: 28px; text-align: center; padding: 2px; } .post-by { float: left; width: 100%; position: relative; padding: 0; margin-bottom: 5px; text-transform: uppercase; letter-spacing: 0.2px; font-size: 11px; } .post-by p { float: left; width: 100%; position: relative; margin: 0 0 20px; line-height: 1.8; letter-spacing: 0.5px; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif,Arial,Verdana,sans-serif; font-size: 11px; font-weight: 500; color: #898989; margin-bottom: 15px; } .post-by a { float: none; padding: 0 5px 8px 0; line-height: 13px; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; transition: all .4s ease; letter-spacing: 0.2px; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif,Arial,Verdana,sans-serif; font-size: 11px; font-weight: 500; color: #898989; margin-bottom: 15px; } .post-by .bcomments { padding: 0 10px 8px 0; } .post-by .bcomments [class^="icon-"] { padding: 0 5px 0 0; font-size: 14px; position: relative; top: 0px; line-height: 14px; height: 14px; } /*------------ ( Blog 2 ) ------------*/ .border-bottom-blog{ border-bottom: solid 1px #e4e4e4; padding-bottom: 15px; } .blog-list-2 { float: left; width: 100%; position: relative; margin: 0 0 20px; } .blog-list-2>article { float: left; position: relative; margin: 0 0 30px; } .blog-list-2.blog-without-columns>article { width: 100%; } .blog-list-2>article .blog-image-box { float: left; width: 100%; position: relative; margin: 0; overflow: hidden; } .blog-list-2>article .video-box,.blog-list-2>article .single-post-slider { margin: 0; } .blog-list-2>article .blog-image-box img { float: left; width: 100%; height: auto; } .blog-list-2>article .blog-desc { float: left; width: 100%; position: relative; padding: 15px 25px; background: #fff; border: 1px solid rgba(0,0,0,0.1); } .blog-list-2>article .post-title { float: left; width: 100%; position: relative; padding: 25px; background: #fff; overflow: hidden; border: 1px solid rgba(0,0,0,0.1); } .blog-list-2>article .post-title h4 { float: left; width: 100%; position: relative; margin: 0 0 0; padding: 0; } .blog-list-2>article .post-title h4 a { color: #3d3d3d; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; transition: all .4s ease; } .blog-list-2>article .blog-desc p { float: left; width: 100%; position: relative; } .blog-list-2>article .post-title .blog-desc-details { float: left; width: 100%; position: relative; padding: 15px 0 0; } .blog-list-2>article .post-title .blog-desc-details span { float: left; padding: 0 20px 0 0; font-size: 11px; color: #777; text-transform: uppercase; font-weight: 600; vertical-align: middle; line-height: 15px; } .blog-list-2>article .post-title .blog-desc-details span a { color: #777; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; transition: all .4s ease; } .blog-list-2>article .post-title .blog-desc-details span [class^="icon-"] { padding: 0 8px 0 0; font-size: 15px; position: relative; top: 2px; } .blog-list-2>article .blog-desc .breadmore { float: right; font-size: 11px; color: #777; text-transform: uppercase; text-align: center; padding: 0 10px 0; font-weight: 600; line-height: 15px; -webkit-transition: all 0.35s ease-out; -moz-transition: all 0.35s ease-out; -o-transition: all 0.35s ease-out; -ms-transition: all 0.35s ease-out; transition: all 0.35s ease-out; } .blog-list-2>article .blog-desc .breadmore [class^="icon-"] { position: relative; left: 10px; font-size: 15px; top: 2px; -webkit-transition: all 0.35s ease-out; -moz-transition: all 0.35s ease-out; -o-transition: all 0.35s ease-out; -ms-transition: all 0.35s ease-out; transition: all 0.35s ease-out; } .blog-list-2>article .blog-desc .breadmore:hover [class^="icon-"] { left: 15px; -webkit-transition: all 0.35s ease-out; -moz-transition: all 0.35s ease-out; -o-transition: all 0.35s ease-out; -ms-transition: all 0.35s ease-out; transition: all 0.35s ease-out; } /*------------ ( Sidebar Blog Post ) ------------*/ .blog-single-post .bsp-heading { float: left; width: 100%; display: block; margin-bottom: 15px; } .bsp-image img { width: 100%; height: 260px; border-radius: 4px; } .bsp-image { float: left; width: 100%; height: 100%; border-bottom: 5px solid; overflow: hidden; position: relative; margin-bottom: 50px; } .bsp-image .video-box { padding-bottom: 81.25%; margin-bottom: 0; } .blog-single-post .bsp-heading h1 { text-align: left; text-transform: uppercase; font-size: 13px; letter-spacing: 2px; font-weight: 600; padding: 10px 10px 7px 10px; float: left; margin-bottom: 20px; margin-top: 0; color: #ffffff; } a.bsp-title { float: left; width: 100%; position: relative; margin: 0 0 8px; font-weight: 600; padding: 0; color: #232323; font-size: 20px; letter-spacing: 1.5px; line-height: 1.4; font-family: "Playfair Display",Arial,Verdana; } p.bsp-content { font-size: 13px; } span.bsp-by { display: inline-block; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif,Arial,Verdana,sans-serif; font-size: 11px; font-weight: 500; color: #898989; float: left; width: 100%; position: relative; letter-spacing: 0.5px; text-transform: uppercase; margin-bottom: 20px; } span.bsp-by span { text-transform: uppercase; } .bsp-separator { float: left; width: 100%; height: 1px; background: rgba(0,0,0,0.08); margin-bottom: 50px; } .bsp-bg-caption { position: absolute; width: 100%; height: 100%; background-color: rgba(0,0,0,0.6); padding: 70px 30px 0 30px; } .bsp-bg-caption p { color: #fff; font-size: 18px; line-height: 22px; } .bsp-bg-caption p { quotes: "“" "”"; } .bsp-bg-caption p:first-child:before { content: open-quote; font-size: 65px; line-height: 55px; float: left; position: relative; left: -5px; } .bsp-bg-caption p:first-child:after { content: close-quote; font-size: 65px; line-height: 0px; position: relative; top: 37px; left: 5px; } .bsp-image .audioplayer { position: relative; bottom: 33px; z-index: 2; margin-bottom: -33px; } a.bsp-more { font-style: italic; font-weight: 500; color: #777; } .bsp-social { float: left; width: 100%; position: relative; margin: 10px auto; } .bsp-social a { margin-right: 10px; float: left; color: #979797; font-size: 15px; } .bsp-social a [class^="icon-"] { margin-right: 6px; } .simple-time-box { float: left; width: 100%; padding: 40px; background-color: #ffffff; border-radius: 4px; position: relative; margin-bottom: 20px; } .simple-time-box img { float: left; width: 52px; position: absolute; top: 58px; right: 0; left: 40px; bottom: 0; } .simple-time-box h1 { float: left; text-transform: uppercase; font-size: 18px; font-weight: 600; margin-bottom: 0; margin-left: 80px; color: #444651; } .simple-time-box p { float: left; width: 100%; font-size: 12px; font-weight: 500; text-transform: uppercase; color: #777; margin-left: 80px; } span.time-box-switch { width: 60px; height: 30px; position: absolute; right: 60px; border-radius: 20px; top: 60px; } span.time-box-on { width: 30px; height: 28px; background: #fff; position: absolute; right: 1px; top: 1px; border-radius: 20px; } .simple-time-box .bootstrap-switch { position: absolute; top: 60px; right: 60px; } /*------------ ( Image Desc Box ) ------------*/ .image-desc-box { float: left; width: 100%; position: relative; border-radius: 4px; overflow: hidden; border: 1px solid #e5e5e5; margin-bottom: 40px; } .idb-img { float: left; width: 100%; position: relative; margin-bottom: 60px; } .idb-img img { max-height: 370; width: 100%; } .idb-img .idb-thumb { position: absolute; width: 100px; height: 100px; border-radius: 100px; border: 5px solid rgba(255,255,255,0.5); top: 79%; left: 36%; } .idb-content { float: left; width: 100%; position: relative; border-bottom: 1px solid #ebebeb; padding-bottom: 20px; padding: 20px 20px; } .idb-content h1 { text-transform: uppercase; font-size: 18px; font-weight: 600; color: #31343e; } .idb-content h1 a { color: #31343e; } .idb-content p { color: #7b7e88; } .idb-info { float: left; width: 100%; position: relative; padding: 15px 20px; } a.idb-social { margin-right: 10px; float: left; color: #979797; font-size: 22px; } a.idb-social [class^="icon-"] { margin-right: 6px; } a.idb-social span { font-size: 14px; color: #575a60; font-weight: 600; } a.idb-price { float: right; text-transform: uppercase; font-size: 15px; letter-spacing: 1px; line-height: 17px; font-weight: 600; position: relative; top: 9px; } span.idb-date { position: absolute; color: #fff; top: 70%; left: 20px; font-size: 40px; font-weight: 600; line-height: 25px; z-index: 10; } span.idb-date span { text-transform: uppercase; font-size: 18px; } .idb-info p { text-transform: uppercase; line-height: 13px; font-size: 12px; font-weight: 500; margin-top: 12px; } /*------------ ( Time Counter ) ------------*/ .time-counter .flip li a { padding: 0; font-size: 40px; } .time-counter .flip li { background-color: transparent; } .time-counter .clock span { margin-left: 0; } .time-counter .clock { padding-bottom: 10px; } .time-counter .clock .flip:nth-child(3n+0) { padding-right: 32px; border-right: 1px solid rgba(255,255,255,0.3); margin-right: 30px; } /*------------ ( Load More Wrapper ) ------------*/ .load-more-wrapper a.load-more-btn { border-radius: 4px; } /*------------ ( Wow ) ------------*/ .wow { visibility: hidden; } /*------------ ( Intro Wrap Content ) ------------*/ .intro-wrap { float: left; width: 100%; position: relative; margin-bottom: 30px; height: auto; padding: 30px; } .intro-item-bg { position: relative; width: 100%; float: left; } .intro-wrap-content { position: relative; width: 100%; height: auto; overflow: hidden; box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1); border-radius: 4px; } .intro-content-text { background: #141517; position: relative; top: 0; float: left; width: 100%; height: 100px; opacity: 1; padding: 27px 20px; text-align: center; color: #333; z-index: 10; -webkit-transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out; -o-transition: all 0.25s ease-out; transition: all 0.25s ease-out; } .intro-content-text a { color: #FFF; text-transform: uppercase; font-weight: 600; padding-top: 0; font-size: 14px; letter-spacing: 1.5px; } .intro-wrap-content .intro-image-box img { border-radius: 4px 4px 0 0; width: 100%; height: auto; margin: 0; padding: 0; z-index: 4; -webkit-transition: all 0.20s ease-out; -moz-transition: all 0.20s ease-out; -o-transition: all 0.20s ease-out; transition: all 0.20s ease-out; } /*------------ ( Horizontal Timeline ) ------------*/ .cd-horizontal-timeline { opacity: 0; margin: 2em auto; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; transition: opacity 0.2s; } .cd-horizontal-timeline::before { content: 'mobile'; display: none; } .cd-horizontal-timeline.loaded { opacity: 1; } .cd-horizontal-timeline .timeline { position: relative; height: 100px; width: 90%; margin: 0 auto; } .cd-horizontal-timeline .events-wrapper { position: relative; height: 100%; margin: 0 40px; overflow: hidden; } .cd-horizontal-timeline .events { position: absolute; z-index: 1; left: 0; top: 49px; height: 2px; background: #dfdfdf; -webkit-transition: -webkit-transform 0.4s; -moz-transition: -moz-transform 0.4s; transition: transform 0.4s; } .cd-horizontal-timeline .filling-line { position: absolute; z-index: 1; left: 0; top: 0; height: 100%; width: 100%; -webkit-transform: scaleX(0); -moz-transform: scaleX(0); -ms-transform: scaleX(0); -o-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: left center; -moz-transform-origin: left center; -ms-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; transition: transform 0.3s; } .cd-horizontal-timeline .events a { position: absolute; bottom: 0; z-index: 2; text-align: center; font-size: 1.3rem; padding-bottom: 15px; color: #383838; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); } .cd-horizontal-timeline .events a::after { content: ''; position: absolute; left: 50%; right: auto; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); bottom: -5px; height: 12px; width: 12px; border-radius: 50%; border: 2px solid #dfdfdf; background-color: #f8f8f8; -webkit-transition: background-color 0.3s,border-color 0.3s; -moz-transition: background-color 0.3s,border-color 0.3s; transition: background-color 0.3s,border-color 0.3s; } .cd-horizontal-timeline .events a.selected { pointer-events: none; } @media only screen and (min-width:1100px) { .cd-horizontal-timeline { margin: 6em auto; } .cd-horizontal-timeline::before { content: 'desktop'; } } .cd-timeline-navigation a { position: absolute; z-index: 1; top: 50%; bottom: auto; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); height: 34px; width: 34px; border-radius: 50%; border: 2px solid #dfdfdf; overflow: hidden; color: transparent; text-indent: 100%; white-space: nowrap; -webkit-transition: border-color 0.3s; -moz-transition: border-color 0.3s; transition: border-color 0.3s; } .cd-timeline-navigation a::after { font-family: "Simple-Line-Icons-Pro"; content: "\e806"; position: absolute; height: 15px; width: 15px; color: #dfdfdf; left: -14px; right: 13px; z-index: 1000; top: 41%; bottom: auto; right: auto; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .cd-timeline-navigation a.prev { left: 0; -webkit-transform: translateY(-50%) rotate(180deg); -moz-transform: translateY(-50%) rotate(180deg); -ms-transform: translateY(-50%) rotate(180deg); -o-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg); } .cd-timeline-navigation a.next { right: 0; } .cd-timeline-navigation a.inactive { cursor: not-allowed; } .cd-timeline-navigation a.inactive::after { background-position: 0 -16px; } .no-touch .cd-timeline-navigation a.inactive:hover { border-color: #dfdfdf; } .cd-horizontal-timeline .events-content { position: relative; width: 97%; margin: 2em 0; overflow: hidden; -webkit-transition: height 0.4s; -moz-transition: height 0.4s; transition: height 0.4s; } .cd-horizontal-timeline .events-content li { position: absolute; z-index: 1; width: 100%; left: 0; top: 0; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); padding: 0 5%; opacity: 0; -webkit-animation-duration: 0.4s; -moz-animation-duration: 0.4s; animation-duration: 0.4s; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } .cd-horizontal-timeline .events-content li.selected { position: relative; z-index: 2; opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .cd-horizontal-timeline .events-content li.enter-right,.cd-horizontal-timeline .events-content li.leave-right { -webkit-animation-name: cd-enter-right; -moz-animation-name: cd-enter-right; animation-name: cd-enter-right; } .cd-horizontal-timeline .events-content li.enter-left,.cd-horizontal-timeline .events-content li.leave-left { -webkit-animation-name: cd-enter-left; -moz-animation-name: cd-enter-left; animation-name: cd-enter-left; } .cd-horizontal-timeline .events-content li.leave-right,.cd-horizontal-timeline .events-content li.leave-left { -webkit-animation-direction: reverse; -moz-animation-direction: reverse; animation-direction: reverse; } .cd-horizontal-timeline .events-content li>* { margin: 0 auto; } @-webkit-keyframes cd-enter-right { 0% { opacity: 0; -webkit-transform: translateX(100%); } 100% { opacity: 1; -webkit-transform: translateX(0%); } } @-moz-keyframes cd-enter-right { 0% { opacity: 0; -moz-transform: translateX(100%); } 100% { opacity: 1; -moz-transform: translateX(0%); } } @keyframes cd-enter-right { 0% { opacity: 0; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); } 100% { opacity: 1; -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); } } @-webkit-keyframes cd-enter-left { 0% { opacity: 0; -webkit-transform: translateX(-100%); } 100% { opacity: 1; -webkit-transform: translateX(0%); } } @-moz-keyframes cd-enter-left { 0% { opacity: 0; -moz-transform: translateX(-100%); } 100% { opacity: 1; -moz-transform: translateX(0%); } } @keyframes cd-enter-left { 0% { opacity: 0; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); } 100% { opacity: 1; -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); } } /*------------ ( Process Steps ) ------------*/ .process-steps { width: 100%; position: relative; display: inline-block; float: left; } .process-steps section { webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; -o-transition: all 0.15s ease-out; -ms-transition: all 0.15s ease-out; transition: all 0.15s ease-out; overflow: hidden; } .process-steps ul { float: left; list-style: none; padding: 0; margin: 0; width: 100%; } .process-steps ul li { display: inline-block; float: left; position: relative; text-align: center; overflow: hidden; width: 25%; } .process-steps ul li.current a,.process-steps ul li.disabled a,.process-steps ul li.first a,.process-steps ul li.done a { text-align: center; float: left; width: 100%; visibility: hidden; } .process-steps ul li a .number { visibility: visible; width: 50px; height: 50px; border: 1px solid #ccc; border-radius: 50%; float: left; position: relative; z-index: 100; background: #fff; padding-top: 14px; } .process-steps ul li.current a .number { color: #ffffff; } span.current-info { display: none; } .process-steps h3 { display: none; } .process-steps ul:after,.process-steps ul:before { content: ''; position: absolute; top: 25px; left: 0; margin-left: 52px; width: 72%; border-top: 1px dashed #ccc; } .process-steps .actions ul li { width: auto; } .process-steps .content { display: block; margin: .5em; min-height: 25em; overflow: hidden; position: relative; width: auto; } .process-steps .content .body { position: absolute; float: left; position: absolute; width: 95%; height: 95%; padding: 2.5%; } /*------------ ( Charts ) ------------*/ ul.bar-chart-graph { float: left; position: relative; list-style-type: none; margin-left: 33px; padding: 0; width: 100%; } ul.bar-chart-graph li { float: left; width: 16.1%; font-weight: 400; /*text-transform: capitalize;*/ } ul.line-graph,ul.donut-graph { float: left; list-style-type: none; margin-right: 15px; padding: 0; } #vlt-line-graph,#vlt-donut-graph { float: left; margin-top: -31px; padding: 0; position: relative; top: 0; } ul.line-graph li,ul.donut-graph li { margin-bottom: 15px; font-size: 16px; font-weight: 400; letter-spacing: 1px; cursor: pointer; /*text-transform: capitalize;*/ } div#vlt-graph-line { float: left; width: 80%; height: 240px; margin-top: -20px; } /*------------ ( Select Pickers ) ------------*/ .select-box { float: left; width: 100%; position: relative; } .select-simple button { display: none; } .select-multiple .selecter-options { display: none !important; } .select-multiple button { width: 100%; margin: 0; font-size: 13px; line-height: 1.428571429; padding: 11px 40px 9px 15px; vertical-align: middle; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; box-shadow: 0 0px 0px transparent; position: relative; background: #ffffff; color: #808080; border-color: #e8e8e8; border: none; } .select-multiple .open>.dropdown-toggle.btn-info,.select-multiple:hover button,.select-multiple:active button,.select-multiple:focus button { background: transparent !important; color: #808080 !important; border-color: #e8e8e8 !important; } .select-simple button { margin-bottom: 0px; } .select-simple .dropdown-menu,.select-simple.dropup .dropdown-menu,.select-simple.open .dropdown-menu,.select-multiple .dropdown-menu { background-color: #ffffff !important; } .select-multiple .dropdown-menu li a { color: #808080; } .select-simple .dropdown-menu ul li a { color: #000; } .select-simple .dropdown-menu ul li:hover a,.select-multiple ul.dropdown-menu li:hover a { color: #000; background-color: #dedede; } .select-simple .megamenu li ul li a,.select-simple ul.dropdown-menu li a,.select-multiple ul.dropdown-menu li a { font-size: 12px; font-weight: 100 !important; padding-left: 0px !important; } .select-simple .dropdown-header { margin: 10px 0 10px 0; } .select-multiple .glyphicon.glyphicon-ok::after { font-family: "Ionicons"; content: "\f383"; } .select-multiple .glyphicon-ok:before { content: ""; } .select-box .select-multiple { border: 1px solid #dedede; } .select-box .selecter,.select-box .btn-group.open .dropdown-toggle { box-shadow: none; -webkit-box-shadow: none; } .select-box .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) { width: 100%; } .select-box ul.dropdown-menu li a:after { color: #808080; } .select-box ul.dropdown-menu li:hover a:after { color: #000; } .select-box .bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark { right: 35px; } .select-box .bootstrap-select.btn-group .dropdown-menu li.dropdown-header { color: #808080; border-bottom: 1px solid #dedede; padding: 10px 12px 17px 12px; margin-top: 0px!important; font-weight: 100; } .select-box .bootstrap-select.btn-group .dropdown-menu li a { padding: 10px 12px !important; } .select-box .dropdown-menu { margin-top: 0px; border-radius: 0px; border: 1px solid #dedede; border-top: none; } .select-box .btn-group.open .dropdown-toggle { border-bottom: 1px solid rgba(0,0,0,.1); border-radius: 0px !important; } .select-box .btn-group.open .dropdown-toggle:focus,.select-box .btn-group.open .dropdown-toggle:active,.select-box .btn-group.open .dropdown-toggle:hover { border-color: #808080 !important; } /*------------ ( Range Sliders ) ------------*/ .range-slider { float: left; width: 100%; position: relative; margin-bottom: 20px; } .irs-bar-edge,.irs-line-mid,.irs-line-left,.irs-line-right { background-color: #EEE; border-radius: 100px; background-image: none; } .irs-bar,.irs-line,.irs-bar-edge,.irs-line-mid,.irs-line-left,.irs-line-right { height: 10px; } .irs-line-mid,.irs-line-left,.irs-line-right,.irs-bar,.irs-bar-edge,.irs-slider { border-radius: 100px; } .irs-shadow { top: 26px; height: 10px; } .irs-slider { top: -5px; margin-left: 0px; background: #F5F5F5 !important; color: #3c3c3c; -webkit-box-shadow: 0px 0px 0px 0px transparent; -moz-box-shadow: 0px 0px 0px 0px transparent; box-shadow: 0px 0px 0px 0px transparent; outline: 0; position: absolute; z-index: 99; width: 20px; height: 20px; cursor: default; font-weight: normal; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 100px; box-shadow: 0px 1px 4px rgba(0,0,0,0.25),0px 9px 8px rgba(0,0,0,0.035),0px 1px 0px #fff inset !important; cursor: pointer; } .irs-slider { width: 22px; height: 22px; top: 17px; background-position: 0 -120px; } .irs-slider.state_hover,.irs-slider:hover { background-position: 0 -120px; } .vlt-btn-group { float: left; width: 100%; position: relative; } .vlt-btn-group .btn-group { width: 100%; } .vlt-btn-group .dropdown-menu { background-color: transparent; border: 1px solid #dedede; margin-bottom: 0px; background: #FFF; width: 100%; } .vlt-btn-group .btn-group.open button { border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; } .vlt-btn-group .dropdown-menu li a,.vlt-btn-group .dropdown-menu .megamenu li ul li a:after,.vlt-btn-group ul.dropdown-menu li a:after { color: rgba(0,0,0,0.8); } .vlt-btn-group .dropdown-menu li a:hover { color: #ffffff; box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.07), 0 3px 14px 2px rgba(0, 0, 0, 0.07), 0 5px 5px -3px rgba(0, 0, 0, 0.07); } .vlt-btn-group button { margin-bottom: 0px; margin-right: 0px; } .vlt-btn-split .btn-block,.vlt-btn-dropup .btn-block { width: 90%; } .vlt-btn-split .btn-block.btn-md,.vlt-btn-dropup .btn-block.btn-md { width: 92.9%; } .vlt-btn-split button:first-child,.vlt-btn-dropup button:first-child { border-bottom-right-radius: 0px !important; border-top-right-radius: 0px !important; } .vlt-btn-split button:nth-child(2),.vlt-btn-dropup button:nth-child(2) { border-top-left-radius: 0px !important; border-bottom-left-radius: 0px !important; border-left: 1px solid rgba(255,255,255,0.2) !important; } .vlt-btn-group .dropdown-menu li { padding: 0 5px; } .vlt-btn-group .dropdown-menu li a { padding: 10px 20px; border-radius: 2px; -webkit-transition: all 150ms linear; -moz-transition: all 150ms linear; -o-transition: all 150ms linear; -ms-transition: all 150ms linear; transition: all 150ms linear; } .vlt-btn-group .dropdown-menu li a:after { display: none; } .vlt-btn-group .dropdown-menu li:first-child a { margin-top: 5px; } .vlt-btn-group .dropdown-menu li:last-child a { margin-bottom: 7px; } .open>.dropdown-toggle.btn-default { color: #ffffff; } .btn-group.btn-primary ul li a:hover { background-color: #1132bd; } .btn-group.btn-warning ul li a:hover { background-color: #f0ad4e; } .btn-group.btn-danger ul li a:hover { background-color: #d9534f; } .btn-default.active,.btn-default.focus,.btn-default:active,.btn-default:focus { color: #ffffff; } .cd-headline.slide span,.cd-headline.clip span,.cd-headline.loading-bar span { padding: 0; } .col-lg-6 .progress-vertical { height: 690px; } .col-lg-15 .progress-vertical { height: 258px; } .col-lg-4 .progress-vertical { height: 450px; } .col-lg-3 .progress-vertical { height: 330px; } .col-lg-2 .progress-vertical { height: 210px; } .progress-vertical { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); margin-bottom: 40px; } .progress-bar-box.progress-vertical .progress { height: 100%; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .progress-bar-box.progress-vertical .progress-bar { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .progress-bar-box.progress-vertical .progress-title { -webkit-transform: rotate(90deg); transform: rotate(90deg); top: 44%; left: -5px; } .progress-bar-box.progress-vertical .progress-process { -webkit-transform: rotate(90deg); transform: rotate(90deg); top: 45%; left: -22px; } /*------------ ( Center Column Fix ) ------------*/ .row-centered { text-align: center; } .col-centered { display: inline-block!important; float: none; text-align: left; margin-right: -4px; } .no-border { border: none !important; } .single-post article.blog-item .blog-desc h4 { font-family: "Helvetica Neue",Helvetica,Arial,sans-serif,Arial,Verdana,sans-serif; } /*------------ ( Sidebar Simple List ) ------------*/ ul.sidebar-simple-list { float: left; list-style-type: none; padding: 0; width: 100%; border-top: 1px solid rgba(0,0,0,0.1); padding-top: 30px; } .sidebar-simple-list li { float: left; width: 100%; text-align: right; } .sidebar-simple-list li .ssl-title { font-size: 12px; color: #444; font-weight: 600; position: relative; letter-spacing: 2px; text-transform: uppercase; margin: 0 0 20px; float: left; text-align: left; } .sidebar-simple-list li p { padding-bottom: 0px; margin-bottom: 10px; } .portfoliofull .image-box.ib-single { margin-bottom: 40px; } .ts-image { margin: 0; } .ts-image:hover { cursor: -webkit-grab; } .ts-image:active { cursor: -webkit-grabbing; } .ts-image img { width: 100%; } .portfolio-sidebar { margin-bottom: 30px; } .portfolio-sidebar ul.sidebar-simple-list { border: none; padding: 0px; } .portfolio-sidebar ul.sidebar-simple-list li { text-align: left; } .portfolio-sidebar .sidebar-title h3 { font-size: 20px; font-weight: 400; position: relative; letter-spacing: 0px; /*text-transform: capitalize;*/ margin: 0 0 8px 0; } .portfolio-sidebar .sidebar-title p { width: 100%; position: relative; float: left; font-size: 14px; color: #898989; font-weight: 400; /*text-transform: capitalize;*/ } .portfolio-sidebar .sidebar-title h5 { font-weight: 400; font-size: 15px; letter-spacing: 1px; } .portfolio-sidebar .sidebar-simple-list li p { margin-bottom: 5px; } /*------------ ( Menu List Content ) ------------*/ ul.menu-list { float: left; display: block; list-style-type: none; margin: 0; padding: 0; } li.menu-list-content { display: inline-block; margin-bottom: 15px; width: 100%; } .mlc-thumbnail { position: absolute; float: left; margin-right: 20px; overflow: hidden; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; width: 100px; height: 100px; } li.menu-list-content .mlc-desc { float: left; margin: 0px 90px 0px 120px; } .mlc-thumbnail img { max-width: 100%; height: 100%; display: block; } li.menu-list-content .mlc-desc h3 { text-align: left; font-weight: 600; margin-bottom: 20px; /*text-transform: capitalize;*/ } li.menu-list-content .mlc-desc p { text-align: left; } li.menu-list-content .mlc-price { width: 82px; border: 1px dashed; float: right; position: absolute; right: 0; margin-top: 25px; border-radius: 4px; } li.menu-list-content .mlc-price p { margin-bottom: 0px; padding: 25px 0; text-align: center; } ul.menu-list.lefted .mlc-thumbnail { right: 0; } ul.menu-list.lefted li.menu-list-content .mlc-price { left: 0; } ul.menu-list.lefted li.menu-list-content .mlc-desc p { text-align: right; } ul.menu-list.lefted li.menu-list-content .mlc-desc h3 { text-align: right; /*text-transform: capitalize;*/ } ul.menu-list.lefted li.menu-list-content .mlc-desc { float: right; margin: 0px 120px 0px 90px; } /*------------ ( Desc Box ) ------------*/ .desc-box { background-color: #fff; border: 17px solid rgba(0,0,0,0.9); padding: 125px 80px; box-shadow: 0 0 18px 7px rgba(0,0,0,0.3); -moz-box-shadow: 0 0 18px 7px rgba(0,0,0,0.3); -webkit-box-shadow: 0 0 18px 7px rgba(0,0,0,0.3); text-align: center; } .desc-box-title h3 { text-transform: uppercase; font-weight: 600; margin-top: 0; } .event-box-img img { width: 100%; max-height: 500px; } /*------------ ( Image Box Desc ) ------------*/ .image-box-desc { float: left; width: 100%; position: relative; overflow: hidden; padding: 20px; height: 100%; display: table; } .image-box-desc-content { display: table-cell; text-align: center; vertical-align: middle; } .image-box-desc h3 { color: #ffffff; font-weight: 600; } .image-box-desc p { color: #ffffff; } .call-to-action .mlc-desc h3 { color: rgba(255,255,255,0.8); } .parallax-intro-content { float: left; position: relative; width: 100%; text-align: left; color: #ffffff; } #page-title.image-page-title-centered .parallax-intro-content p,#page-title.image-page-title-centered .parallax-intro-content h1 { text-align: left; color: #ffffff; } /*------------ ( Showcase Image Box ) ------------*/ .showcase-image-box { float: left; width: 100%; position: relative; overflow: hidden; } .sib-left img { float: left; width: 80%; max-height: 400px; } .sib-right img { position: absolute; right: 200px; height: 701px; } .cs-subscribe .btn-lg.btn-animation-right { padding: 19px 22px 15px; } /*------------ ( Call To Action Custom ) ------------*/ .call-to-action .fc-view-container { color: #ffffff; } .call-to-action .separator-accent { border-color: rgba(255,255,255,.5) !important; } .fc-head { background: rgba(255,255,255,0.2); color: rgba(0,0,0,0.6); box-shadow: inset 0 1px 0 rgba(255,255,255,0.2); border-radius: 5px 5px 0 0; height: 40px; line-height: 40px; padding: 0 20px; } .call-to-action .fc-head { color: rgba(255,255,255,0.9); } tr th.fc-day-header { border: none; } .call-to-action .fc-day-grid { background: rgba(255,255,255,0.1); } .call-to-action .fc-bg tr td:hover { background: rgba(255,255,255,0.5); } .fc-unthemed .fc-today { color: #ffffff; } td.background-1.fc-day .fc-day-number { color: #ffffff; } .fc-day.background-1 { color: #ffffff; } .contact-title-one .brand { float: left; width: 100%; margin-bottom: 20px; } /*------------ ( Left Menu Sidebar ) ------------*/ .vlt-left-menu .nav-accordion-section-title,.vlt-left-menu .nav-accordion-section-title:focus,.vlt-left-menu .nav-accordion-section-title:active { color: rgba(0,0,0,0.7); padding: 10px 0; font-weight: 600; font-size: 13px; letter-spacing: 1px; } .vlt-left-menu .nav-accordion-section-title span,.vlt-left-menu .nav-accordion-section-content ul li a span { margin-right: 5px; } .vlt-left-menu .nav-accordion-section-content { background-color: #ffffff; } .vlt-left-menu .nav-accordion-section-content ul li a { color: rgba(0,0,0,0.7); font-size: 13px; } .s-icon { width: 98px; height: 98px; padding: 5px 0; border: 2px solid; border-radius: 3px; text-align: center; float: left; position: relative; margin: 0 40px 30px 0; display: table; } .s-icon span { width: 100%; height: 100%; padding: 9px 0; border: 2px solid transparent; border-radius: 3px; text-align: center; background: transparent; display: table; font-size: 35px; } .s-icon span:before { display: table-cell; text-align: center; vertical-align: middle; } .s-icon:hover { color: #ffffff; } .call-to-action .section-box { margin: 40px 0 0 0; } .creative-title h1 { letter-spacing: -0.05em; color: #ffffff; letter-spacing: -0.05em; font-size: 80px; font-weight: 500; text-transform: uppercase; } .creative-title h3 { color: #ffffff; /*text-transform: capitalize;*/ font-size: 40px; font-weight: 500; letter-spacing: 1px; } .colored-box-container.dark .colored-box-title h2,.colored-box-container.dark .colored-box-content p,.colored-box-container.dark .colored-box-title h1 { color: #1b1d1f; } .colored-box-container.dark .colored-box-title span { background-color: #1b1d1f; } .text-white .icon-block .svg-animation path { stroke: #ffffff !important; fill: none; } /*------------ ( Svg Animation ) ------------*/ .svg-animation path { fill: none; } .svg-animation { float: left; width: 100%; position: relative; margin: 0 0 30px; } /*------------ ( Bootstrap Table ) ------------*/ #bootstrap-table.table>tbody>tr>td,#bootstrap-table.table>tbody>tr>th,#bootstrap-table.table>tfoot>tr>td,#bootstrap-table.table>tfoot>tr>th,#bootstrap-table.table>thead>tr>td,#bootstrap-table.table>thead>tr>th { padding: 10px 15px; } #bootstrap-table.table>thead>tr>th { color: #FFF; } .table-header .search-form .form-control { border: 1px solid #ccc; border-radius: 4px; } .fc-state-default { background-color: #f2f2f2; background-image: none; color: #333; text-shadow: none; box-shadow: none; border: 0px; } .fc-state-default:hover { background-color: #ccc; } /*------------ ( Widget ) ------------*/ .widget { float: left; width: 100%; position: relative; margin-bottom: 18px; } .vlt-nav-content { float: left; width: 100%; position: relative; margin-bottom: 20px; border-bottom: 1px solid #efefef; padding-bottom: 20px; } .vlt-nav-content:last-child { border-bottom: none; } .vlt-nav-content .widget-social { margin: 0; } /*------------ ( Recent Post Widget ) ------------*/ ul.recent-post-widget { margin: 0; padding: 0; list-style-type: none; } ul.recent-post-widget li { position: relative; display: table; width: 100%; padding: 0; margin-bottom: 20px; } ul.recent-post-widget a.rp-image { width: 80px; height: 80px; position: relative; float: left; margin-right: 15px; display: block; } ul.recent-post-widget a.rp-image img { width: auto; border-radius: 2px; height: 100%; } ul.recent-post-widget .rp-post a { display: inline-block; margin-bottom: 5px; font-size: 14px; color: #303133; font-weight: 500; } ul.recent-post-widget .rp-post .rp-post-date { display: block; font-size: 11px; font-weight: 500; line-height: 1.1; margin-top: 0px; text-transform: uppercase; } .vplp-player { float: left; width: 100%; position: relative; margin-bottom: 40px; display: block; } .freelancer-intro h1 { text-transform: uppercase !important; letter-spacing: 3px !important; } .freelancer-intro h2 { float: none; border: none; padding: 10px 0; margin-bottom: 0px; font-size: 42px; /*text-transform: capitalize;*/ letter-spacing: -1px; font-weight: 300; color: #ffffff; } /*------------ ( Background Color Change ) ------------*/ .bg-color-change { animation: colorchange 50s infinite; -webkit-animation: colorchange 50s infinite; } @keyframes colorchange { 0% { background: rgb(14,177,235); } 50% { background: rgb(254,64,59); } 100% { background: rgb(50,58,68); } } @-webkit-keyframes colorchange { 0% { background: rgb(14,177,235); } 50% { background: rgb(254,64,59); } 100% { background: rgb(50,58,68); } } #page-title h1.cd-headline { width: 100%; color: #202020; } /*------------ ( Centered List ) ------------*/ .list-center { display: table; margin: 0 auto; } .list-center ul li { display: block; } /*------------ ( Video Player Custom ) ------------*/ .custom-video-player { float: left; width: 100%; position: relative; } .jp-video-full-resize { width: 100%; position: relative; } .custom-video-player video { display: block; } .custom-video-player .jp-video-play { margin-top: 0; height: 100%; position: absolute; top: 0; left: 0; } .custom-video-player .jp-video-play-icon { position: relative; display: block; width: 72px; height: 72px; margin-left: -36px; margin-top: -36px; left: 50%; top: 50%; background: transparent; text-indent: 0px; border: none; cursor: pointer; font-size: 72px; line-height: 1; color: #fff; font-family: 'Simple-Line-Icons-Pro'; } .popover { min-width: 276px; } .popover .popover-title { margin: 0; } /*------------ ( 3D Progress Bars ) ------------*/ .progress-factor .progress-bar-3d { background-color: transparent; box-shadow: none; } .progress-factor .tooltip { opacity: 1; } .progress-factor { margin-bottom: 40px; float: left; width: 100%; } .bar.background-1[aria-valuenow='100'] .face-position.right,.bar.background-2[aria-valuenow='100'] .face-position.right,.bar.background-3[aria-valuenow='100'] .face-position.right { transition-delay: 0.5s; } .bar.background-1 .face-position.floor.volume-lights,.bar.background-2 .face-position.floor.volume-lights,.bar.background-3 .face-position.floor.volume-lights { box-shadow: 0 -0.2em 1em rgba(0,0,0,0.15),0 0.2em 0.1em -5px rgba(0,0,0,0.3),0 -0.75em 1.75em rgba(254,254,254,0.6); background-color: rgba(255,255,255,0.3); } .bar.background-1:not(.has-colors) .percentage:before,.bar.background-2:not(.has-colors) .percentage:before,.bar.background-3:not(.has-colors) .percentage:before { background-color: transparent; } .bar.background-1,.bar.background-2,.bar.background-3 { background-color: transparent !important; } .bar.background-1:not(.has-colors)[aria-valuenow] .face-position,.bar.background-2:not(.has-colors)[aria-valuenow] .face-position,.bar.background-3:not(.has-colors)[aria-valuenow] .face-position { background-color: rgba(68,68,68,0.6); } .bar.background-1 .bar-face,.bar.background-1[aria-valuenow='0'] .face-position.right,.bar.background-2 .bar-face,.bar.background-2[aria-valuenow='0'] .face-position.right,.bar.background-3 .bar-face,.bar.background-3[aria-valuenow='0'] .face-position.right { background-color: rgba(255,255,255,0.3); } .bar.background-1:not(.has-colors) .volume-lights.shine:before { box-shadow: 0 1.6em 3em rgba(71,104,243,0); } .bar.background-1 .volume-lights.shine:before { box-shadow: 0 1.6em 3em rgba(71,104,243,0.25); } .bar.background-1 .percentage:before { background-color: rgba(71,104,243,0.5); } .bar.background-1 .face-position.left,.bar.background-1[aria-valuenow='100'] .face-position.right { background-color: rgba(71,104,243,0.2); } .background-1 .tooltip { background-color: #4768f3; } .background-1 .tooltip:after,.background-1 .tooltip { border-bottom-color: #4768f3; } .background-2 .tooltip { background-color: #E85241; } .background-2 .tooltip:after,.background-2 .tooltip { border-bottom-color: #E85241; } .background-3 .tooltip { background-color: #22c064; } .background-3 .tooltip:after,.background-3 .tooltip { border-bottom-color: #22c064; } .bar.background-2:not(.has-colors) .volume-lights.shine:before { box-shadow: 0 1.6em 3em rgba(232,82,65,0); } .bar.background-2 .volume-lights.shine:before { box-shadow: 0 1.6em 3em rgba(232,82,65,0.25); } .bar.background-2 .percentage:before { background-color: rgba(232,82,65,0.5); } .bar.background-2 .face-position.left,.bar.background-2[aria-valuenow='100'] .face-position.right { background-color: rgba(232,82,65,0.2); } .bar.background-3:not(.has-colors) .volume-lights.shine:before { box-shadow: 0 1.6em 3em rgba(34,192,100,0); } .bar.background-3 .volume-lights.shine:before { box-shadow: 0 1.6em 3em rgba(34,192,100,0.25); } .bar.background-3 .percentage:before { background-color: rgba(34,192,100,0.5); } .bar.background-3 .face-position.left,.bar.background-3[aria-valuenow='100'] .face-position.right { background-color: rgba(34,192,100,0.2); } /*------------ ( Counter Simple Text ) ------------*/ .counter-simple-text { float: left; width: 100%; position: relative; margin-bottom: 40px; } .counter-simple-text h1 { text-align: center; color: #fff; font-weight: 500; /*text-transform: capitalize;*/ } .counter-simple-text h1.text-left { text-align: left; } .counter-simple-text h3 { text-align: center; color: #fff; font-weight: 400; /*text-transform: capitalize;*/ } /*------------ ( Image Post ) ------------*/ .image-post { float: left; width: 100%; position: relative; border-radius: 4px; overflow: hidden; background-color: #fff; margin-bottom: 35px; } .image-post-wrapper { float: left; width: 100%; position: relative; overflow: hidden; } p.image-post-small-text a { /*text-transform: capitalize;*/ color: #fff; font-weight: 400; font-size: 15px; } p.image-post-small-text { margin-bottom: 0px; } .call-to-action p.image-post-small-text { margin: 0; } .image-post-img-content { position: absolute; top: 20px; width: 100%; overflow: hidden; height: 100%; } span.image-post-text-icon { float: left; margin-left: 20px; font-size: 21px; color: #fff; } span.image-post-text-price { float: right; margin-right: 15px; } .image-post-text-bottom { float: left; width: 100%; position: absolute; bottom: 15px; padding-left: 20px; background: rgba(0,0,0,0.01); transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; /* Firefox 4 */ -webkit-transition: all .25s ease-in-out; /* Safari and Chrome */ -o-transition: all .25s ease-in-out; /* Opera */ -ms-transition: all .25s ease-in-out; /* Explorer 10 */; } p.image-post-medium-text { margin-bottom: 22px; margin-top: 0px; } p.image-post-medium-text a { color: #fff; /*text-transform: capitalize;*/ font-size: 22px; letter-spacing: 1px; font-weight: 400; } span.image-post-text-price { float: right; margin-right: 20px; padding: 5px 20px; background-color: #000; border-radius: 4px; color: #fff; font-size: 14px; font-weight: 500; } .image-post-content { float: left; width: 100%; position: relative; padding: 22px 20px 15px; } .image-post-content-bottom { float: left; width: 100%; } .image-post-content p { color: #333; font-size: 13px; line-height: 22px; letter-spacing: 0.5px; margin: 5px 0px 20px 0px; } span.image-post-desc { float: left; text-transform: uppercase; letter-spacing: 1px; font-weight: 500; font-size: 11px; margin-right: 20px; } .image-post-rating { float: right; font-size: 13px; font-weight: 500; } .image-post-wrapper .image-post-text-bottom { webkit-transition: all 0.35s ease-out; -moz-transition: all 0.35s ease-out; -o-transition: all 0.35s ease-out; -ms-transition: all 0.35s ease-out; transition: all 0.35s ease-out; } .image-post-wrapper:hover .image-post-text-bottom { background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 60%, rgba(0,0,0,0.8) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.4) 60%,rgba(0,0,0,0.8) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.4) 60%,rgba(0,0,0,0.8) 100%); webkit-transition: all 0.35s ease-out; -moz-transition: all 0.35s ease-out; -o-transition: all 0.35s ease-out; -ms-transition: all 0.35s ease-out; transition: all 0.35s ease-out; } .image-post-text-bottom span.image-post-text-icon { float: initial; margin-left: 0; } .image-post .overlay-bg.flat { background-color: rgba(0,0,0,0.2); z-index: 0; } .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover, .pagination-box .pager li a, .pagination-box .pager li a { background-color: #232323; border-color: #232323; } .pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover, .pager li > a { color: #232323; } .pager li > a > .active{ color: #ffffff; background-color: #005c96; } /* Separator */ hr.separator-style-2 { border-top: 1px solid rgba(0, 0, 0, 0.2); text-align: center; } hr.separator-style-2:after { content: 'OR'; display: inline-block; position: relative; top: -13px; padding: 0 15px; background: #fff; color: rgba(0, 0, 0, 0.4); font-size: 16px; font-weight: 400; } .thumbnail.pricing-thumbnail { padding: 0; border: 0; margin-bottom: 0; } /*------------ ( Checkbox ) ------------*/ .checkbox label, .radio label, label { font-size: 16px; line-height: 1.42857; color: #333333; font-weight: 400; } .form-group .checkbox label, .form-group .radio label, .form-group label { font-size: 14px; line-height: 1.42857; color: #AAAAAA; font-weight: 400; } .form-group.form-group-sm .checkbox label, .form-group.form-group-sm .radio label, .form-group.form-group-sm label { font-size: 11px; line-height: 1.5; color: #AAAAAA; font-weight: 400; } .form-group.form-group-lg .checkbox label, .form-group.form-group-lg .radio label, .form-group.form-group-lg label { font-size: 18px; line-height: 1.33333; color: #AAAAAA; font-weight: 400; } .checkbox label { cursor: pointer; padding-left: 0; color: #3d3d3d; } .form-group.is-focused .checkbox label { color: rgba(0,0,0, 0.26); } .form-group.is-focused .checkbox label:hover, .form-group.is-focused .checkbox label:focus { color: rgba(0,0,0, .54); } fieldset[disabled] .form-group.is-focused .checkbox label { color: rgba(0,0,0, 0.26); } .checkbox input[type=checkbox] { opacity: 0; position: absolute; margin: 0; z-index: -1; width: 0; height: 0; overflow: hidden; left: 0; pointer-events: none; } .checkbox .checkbox-material { vertical-align: middle; position: relative; top: 1px; padding-right: 5px; display: inline-block; } .checkbox .checkbox-material:before { display: block; position: absolute; left: 0; content: ""; background-color: rgba(0, 0, 0, 0.84); height: 20px; width: 20px; border-radius: 100%; z-index: 1; opacity: 0; margin: 0; top: 0; -webkit-transform: scale3d(2.3,2.3,1); -moz-transform: scale3d(2.3,2.3,1); -o-transform: scale3d(2.3,2.3,1); -ms-transform: scale3d(2.3,2.3,1); transform: scale3d(2.3,2.3,1); } .checkbox .checkbox-material .check { position: relative; display: inline-block; width: 20px; height: 20px; border: 1px solid rgba(0,0,0, .54); overflow: hidden; z-index: 1; border-radius: 3px; } .checkbox .checkbox-material .check:before { position: absolute; content: ""; transform: rotate(45deg); display: block; margin-top: -3px; margin-left: 7px; width: 0; height: 0; background: red; box-shadow: 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0 inset; -webkit-animation: checkbox-off 0.3s forwards; -moz-animation: checkbox-off 0.3s forwards; -o-animation: checkbox-off 0.3s forwards; -ms-animation: checkbox-off 0.3s forwards; animation: checkbox-off 0.3s forwards; } .checkbox input[type=checkbox]:focus + .checkbox-material .check:after { opacity: 0.2; } .checkbox input[type=checkbox]:checked + .checkbox-material .check:before { color: #FFFFFF; box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px; -webkit-animation: checkbox-on 0.3s forwards; -moz-animation: checkbox-on 0.3s forwards; -o-animation: checkbox-on 0.3s forwards; -ms-animation: checkbox-on 0.3s forwards; animation: checkbox-on 0.3s forwards; } .checkbox input[type=checkbox]:checked + .checkbox-material:before { -webkit-animation: rippleOn 500ms; -moz-animation: rippleOn 500ms; -o-animation: rippleOn 500ms; -ms-animation: rippleOn 500ms; animation: rippleOn 500ms; } .checkbox input[type=checkbox]:checked + .checkbox-material .check:after { -webkit-animation: rippleOn 500ms forwards; -moz-animation: rippleOn 500ms forwards; -o-animation: rippleOn 500ms forwards; -ms-animation: rippleOn 500ms forwards; animation: rippleOn 500ms forwards; } .checkbox input[type=checkbox]:not(:checked) + .checkbox-material:before { -webkit-animation: rippleOff 500ms; -moz-animation: rippleOff 500ms; -o-animation: rippleOff 500ms; -ms-animation: rippleOff 500ms; animation: rippleOff 500ms; } .checkbox input[type=checkbox]:not(:checked) + .checkbox-material .check:after { -webkit-animation: rippleOff 500ms; -moz-animation: rippleOff 500ms; -o-animation: rippleOff 500ms; -ms-animation: rippleOff 500ms; animation: rippleOff 500ms; } fieldset[disabled] .checkbox, fieldset[disabled] .checkbox input[type=checkbox], .checkbox input[type=checkbox][disabled] ~ .checkbox-material .check, .checkbox input[type=checkbox][disabled] + .circle { opacity: 0.5; } .checkbox input[type=checkbox][disabled] ~ .checkbox-material .check { border-color: #000000; opacity: .26; } .checkbox input[type=checkbox][disabled] + .checkbox-material .check:after { background-color: rgba(0,0,0, 0.87); transform: rotate(-45deg); } @keyframes checkbox-on { 0% { box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 15px 2px 0 11px; } 50% { box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px 2px 0 11px; } 100% { box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px; } } @keyframes rippleOn { 0% { opacity: 0; } 50% { opacity: 0.2; } 100% { opacity: 0; } } @keyframes rippleOff { 0% { opacity: 0; } 50% { opacity: 0.2; } 100% { opacity: 0; } } .radio label, .checkbox label { min-height: 20px; } /*------------ ( Radio Buttons ) ------------*/ .radio label { cursor: pointer; padding-left: 35px; position: relative; color: rgba(0,0,0, 0.26); } .form-group.is-focused .radio label { color: rgba(0,0,0, 0.26); } .form-group.is-focused .radio label:hover, .form-group.is-focused .radio label:focus { color: rgba(0,0,0, .54); } fieldset[disabled] .form-group.is-focused .radio label { color: rgba(0,0,0, 0.26); } .radio label span { display: block; position: absolute; left: 10px; top: 2px; transition-duration: 0.2s; } .radio label .circle { border: 1px solid rgba(0,0,0, .54); height: 15px; width: 15px; border-radius: 100%; } .radio label .check { height: 15px; width: 15px; border-radius: 100%; background-color: #9c27b0; -webkit-transform: scale3d(0,0,0); -moz-transform: scale3d(0,0,0); -o-transform: scale3d(0,0,0); -ms-transform: scale3d(0,0,0); transform: scale3d(0,0,0); } .radio label .check:after { display: block; position: absolute; content: ""; background-color: rgba(0,0,0, 0.87); left: -18px; top: -18px; height: 50px; width: 50px; border-radius: 100%; z-index: 1; opacity: 0; margin: 0; -webkit-transform: scale3d(1.5,1.5,1); -moz-transform: scale3d(1.5,1.5,1); -o-transform: scale3d(1.5,1.5,1); -ms-transform: scale3d(1.5,1.5,1); transform: scale3d(1.5,1.5,1); } .radio label input[type=radio]:not(:checked) ~ .check:after { -webkit-animation: rippleOff 500ms; -moz-animation: rippleOff 500ms; -o-animation: rippleOff 500ms; -ms-animation: rippleOff 500ms; animation: rippleOff 500ms; } .radio label input[type=radio]:checked ~ .check:after { -webkit-animation: rippleOff 500ms; -moz-animation: rippleOff 500ms; -o-animation: rippleOff 500ms; -ms-animation: rippleOff 500ms; animation: rippleOff 500ms; } .radio input[type=radio] { opacity: 0; height: 0; width: 0; overflow: hidden; } .radio input[type=radio]:checked ~ .check, .radio input[type=radio]:checked ~ .circle { opacity: 1; } .radio input[type=radio]:checked ~ .check { background-color: #9c27b0; } .radio input[type=radio]:checked ~ .circle { border-color: #9c27b0; } .radio input[type=radio]:checked ~ .check { -webkit-transform: scale3d(0.65, 0.65, 1); -moz-transform: scale3d(0.65, 0.65, 1); -o-transform: scale3d(0.65, 0.65, 1); -ms-transform: scale3d(0.65, 0.65, 1); transform: scale3d(0.65, 0.65, 1); } .radio input[type=radio][disabled] ~ .check, .radio input[type=radio][disabled] ~ .circle { opacity: 0.26; } .radio input[type=radio][disabled] ~ .check { background-color: #000000; } .radio input[type=radio][disabled] ~ .circle { border-color: #000000; } @keyframes rippleOn { 0% { opacity: 0; } 50% { opacity: 0.2; } 100% { opacity: 0; } } @keyframes rippleOff { 0% { opacity: 0; } 50% { opacity: 0.2; } 100% { opacity: 0; } } .code-example { margin: 10px 0; } .demo-settings { position: fixed; top: 30px; z-index: 4; } .demo-settings .btn-remove { display: none; } .demo-settings .settings-icon { padding: 10px; -webkit-border-radius: 0px 5px 5px 0px; -moz-border-radius: 0px 5px 5px 0px; border-radius: 0px 5px 5px 0px; background-color: #D1D5D4; width: 51px; float: right; } .demo-settings .settings-main { padding: 10px 15px; float: left; display: none; background-color: #D1D5D4; width: 300px; } /*------------ ( Process Steps ) ------------*/ .gsi-step-indicator li.current .desc label { color: #fff; } .tsf-content .tsf-step fieldset legend { text-align: left; } .tsf-radio label { text-align: left; float: left; /*text-transform: capitalize;*/ color: #3d3d3d; font-size: 13px; font-weight: 500; } .tsf-step p { text-align: left; } .tsf-radio, .tsf-step-content .checkbox { float: left; } .tsf-radio .radio { text-align: left; } .tsf-wizard.bottom .tsf-bottom-nav-step { margin-top: 40px; } .gsi-step-indicator.triangle a:hover span label { color: #ffffff; } .gsi-style-4.gsi-transition .current span.desc label, .gsi-style-4.gsi-transition li:hover span.desc label, .gsi-style-5.gsi-transition .current span.desc label, .gsi-style-5.gsi-transition li:hover span.desc label, .gsi-style-7.gsi-transition li:hover span.desc label, .gsi-style-8.gsi-transition .current span.desc label, .gsi-style-8.gsi-transition li:hover span.desc label, .tsf-wizard .tsf-nav-step .gsi-style-4.gsi-transition .current span.desc strong, .tsf-wizard .tsf-nav-step .gsi-style-4.gsi-transition li:hover span.desc strong, .tsf-wizard .tsf-nav-step .gsi-style-5.gsi-transition .current span.desc strong, .tsf-wizard .tsf-nav-step .gsi-style-5.gsi-transition li:hover span.desc strong, .tsf-wizard .tsf-nav-step .gsi-style-7.gsi-transition li:hover span.desc strong, .tsf-wizard .tsf-nav-step .gsi-style-8.gsi-transition .current span.desc strong, .tsf-wizard .tsf-nav-step .gsi-style-8.gsi-transition li:hover span.desc strong, .tsf-wizard .tsf-nav-step .gsi-style-1.gsi-transition .current span.desc strong, .tsf-wizard .tsf-nav-step .gsi-style-1.gsi-transition li:hover span.desc strong, .tsf-wizard .tsf-nav-step .gsi-style-3.gsi-transition .current span.desc strong, .tsf-wizard .tsf-nav-step .gsi-style-3.gsi-transition li:hover span.desc strong { color: #ffffff; } .gsi-number-circle li>* .number { padding: 2px 5px 5px 2px; } .gsi-style-6 li>* .number { padding: 0; } .gsi-style-9 li, .gsi-style-10 li { display: inline-table; } .tsf-content { padding: 30px; } .gsi-style-10 li:first-child a:hover:before, .gsi-style-10 li:last-child a:hover:before { left: 28.4%; } .gsi-style-10 li a:hover:before { left: 28.5%; } .gsi-style-11 { margin: 40px auto; } legend { display: block; width: 100%; padding: 0; margin-bottom: 20px; font-size: 20px; line-height: inherit; color: #333; border: 0; border-bottom: 1px solid #e5e5e5; padding-bottom: 15px; } .tsf-nav-step { overflow: hidden; } .gsi-style-8 { padding: 0; } .gsi-style-8 li { margin: 0 10px 10px 0; } .gsi-style-7 { padding: 0; } .gsi-style-7 li { margin-left: 0; } .tsf-wizard .tsf-nav-step .gsi-style-6 .current strong, .tsf-wizard .tsf-nav-step .gsi-style-7 .current strong { color: #AAAAAA; } /*------------ ( Date Picker ) ------------*/ input.flatpickr.flatpickr-input { width: 100%; padding: 11px 40px 9px 15px; /*border: 1px solid #e8e8e8;*/ } input.flatpickr.flatpickr-input::-webkit-input-placeholder { /* Chrome */ color: #686868; } input.flatpickr.flatpickr-input:-ms-input-placeholder { /* IE 10+ */ color: #686868; } input.flatpickr.flatpickr-input::-moz-placeholder { /* Firefox 19+ */ color: #686868; opacity: 1; } input.flatpickr.flatpickr-input:-moz-placeholder { /* Firefox 4 - 18 */ color: #686868; opacity: 1; } /*------------ ( Contact ) ------------*/ .contact-form { position: relative; width: 100%; float: left; } .form-contact { position: relative; width: 100%; float: left; } .form-search { position: relative; width: 100%; float: left; } .contact-z-fix { z-index: 5; } .c-form-3 { margin: 0 0 10px; } .c-form-3 .intro-text.lefted h1 { margin: 0 0 0; } .c-form-3 .intro-text.lefted p { text-align: left; } .c-form-4 { background: #fff; position: relative; top: -42px; border: 2px solid #efefef; padding: 40px 30px 0; } .c-form-4-top-fixed { top: 0px; margin-bottom: 40px; } .c-form-4 .btn { margin: 0 0 10px; } .contact-overlay-map { display: block; position: relative; } .contact-overlay-map.contact-overlay-1 { min-height: 870px; } .contact-overlay-map.contact-overlay-2 { min-height: 968px; } .contact-overlay-map .contact-form { background: #fff; padding: 10px 30px 10px; margin: 40px 0; } .contact-overlay-map .contact-form-center { margin: 0 auto; display: block; float: none; position: relative; -webkit-transition: all 0.55s ease; -moz-transition: all 0.55s ease; -o-transition: all 0.55s ease; -ms-transition: all 0.55s ease; transition: all 0.55s ease; height: 100%; } .contact-overlay-map .contact-form-left { left: 50%; margin: 0 0 0 -555px; float: left; position: relative; -webkit-transition: all 0.55s ease; -moz-transition: all 0.55s ease; -o-transition: all 0.55s ease; -ms-transition: all 0.55s ease; transition: all 0.55s ease; height: 100%; } .contact-overlay-map .contact-form-right { right: 50%; margin: 0 -555px 0 0; float: right; position: relative; -webkit-transition: all 0.55s ease; -moz-transition: all 0.55s ease; -o-transition: all 0.55s ease; -ms-transition: all 0.55s ease; transition: all 0.55s ease; height: 100%; } .contact-overlay-map .minimize-form { position: absolute; right: 0; top: 0; width: 40px; height: 40px; background: #eee; border: 0; margin: 0; color: #aaa; padding: 11px 0; font-size: 18px; line-height: 1; text-align: center; outline: 0; } .contact-overlay-map .minimize-form:hover { color: #fff; } .contact-overlay-map .maximize-form { position: absolute; left: 50px; top: 6px; width: 60px; height: 60px; background: #fff; border: 0; margin: 0; color: #333; padding: 14px 0; font-size: 32px; line-height: 1; text-align: center; outline: 0; display: none; z-index: 140; box-shadow: 0 0 4px 0 rgba(0,0,0,0.24); -webkit-box-shadow: 0 0 4px 0 rgba(0,0,0,0.24); -webkit-transition: all 0.55s ease-out; -moz-transition: all 0.55s ease-out; -o-transition: all 0.55s ease-out; -ms-transition: all 0.55s ease-out; transition: all 0.55s ease-out; } .contact-overlay-map .contact-form .btn { margin: 0; } .contact-overlay-map .overlay-map-background { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; } .contact-overlay-map:hover .overlay-map-background { display: none; } .contact-overlay-map .overlay-map-background.animation-hover-js { display: block; } .contact-overlay-map.contact-form-hidden .maximize-form { display: block; } .contact-overlay-map.contact-form-hidden .contact-form-center { width: 0; height: 0; overflow: hidden; -webkit-transition: all 0.55s ease; -moz-transition: all 0.55s ease; -o-transition: all 0.55s ease; -ms-transition: all 0.55s ease; transition: all 0.55s ease; } .contact-overlay-map.contact-form-hidden .contact-form-left { width: 0; height: 0; overflow: hidden; -webkit-transition: all 0.55s ease; -moz-transition: all 0.55s ease; -o-transition: all 0.55s ease; -ms-transition: all 0.55s ease; transition: all 0.55s ease; } .contact-overlay-map.contact-form-hidden .contact-form-right { width: 0; height: 0; overflow: hidden; -webkit-transition: all 0.55s ease; -moz-transition: all 0.55s ease; -o-transition: all 0.55s ease; -ms-transition: all 0.55s ease; transition: all 0.55s ease; } .contact-tabs.section { border-top: 2px solid #eee; overflow: visible; padding: 0; } .contact-tabs-box { float: left; width: 100%; position: relative; top: -45px; z-index: 200; } .contact-tabs-box .tabpanel-style-3 { margin: 0; } .contact-tabs-box .tabpanel-style-3 .nav-tabs { border-bottom: 0; } .contact-tabs-box .tabpanel-style-3 .nav-tabs>li { margin-bottom: 0; } .contact-tabs-box .tabpanel-style-3 .tab-content { padding: 40px 2px 0; border: 0; top: 23px; position: relative; } .c-form-10 .form-group { margin: 0 0 20px; float: left; width: 100%; } .c-form-10 .btn { width: 100%; text-align: center; margin: 0 0 20px; } .c-form-10 input { margin-bottom: 20px; } .c-form-10 textarea { max-height: 124px; margin-bottom: 15px; float: left; } .form-inline .form-control { border: none; display: none; } .form-inline .form-control.visible { display: block; } .content-form { float: left; width: 100%; padding: 0 60px; position: absolute; } .content-form .register-form h2 { color: #fff; } .content-form .register-form p { color: #fff; } .content-form .register-form div { margin-bottom: 20px; } .content-form .register-form input,.content-form .register-form select,.content-form .register-form textarea,.content-form .register-form input { display: block; width: 100%; padding: 10px 15px; font-size: 15px; line-height: 1.42857143; background-image: none; background-color: transparent; border: 1px solid #fff; color: #fff; border-radius: 0; outline: none; webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; -o-transition: all 0.15s ease-out; -ms-transition: all 0.15s ease-out; transition: all 0.15s ease-out; } .content-form .register-form label { display: inline-block; font-size: 13px; font-weight: 700; /*text-transform: capitalize;*/ letter-spacing: 1px; margin-bottom: 10px; cursor: pointer; color: #fff; } .content-form .register-form label [class^="icon-"] { position: relative; left: 0px; font-size: 5px; top: -2px; color: #e74c3c; } .content-form .register-form .btn { margin-top: 10px; } /*------------ ( Jobs ) ------------*/ .form-contact .alert-holder { margin-bottom: 0; } .form-search .alert-holder { margin-bottom: 0; } ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #686868; } ::-moz-placeholder { /* Firefox 19+ */ color: #686868; } :-ms-input-placeholder { /* IE 10+ */ color: #686868; } :-moz-placeholder { /* Firefox 18- */ color: #686868; } .job-form input,.job-form select,.job-form textarea,.form-contact input,.form-contact select,.form-contact textarea,.form-contact input, .form-search input,.form-search select,.form-search textarea,.form-search input { display: block; width: 100%; padding: 5px 0px 5px 0; margin-bottom: 20px; font-size: 14px; line-height: 1.5; background-image: none; background-color: #fff; border: none; border-bottom: 1px solid rgba(0,0,0,0.50); color: #333333; border-radius: 0; outline: none; webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; -o-transition: all 0.15s ease-out; -ms-transition: all 0.15s ease-out; transition: all 0.15s ease-out; } input.disabled { background-color: #ddd !important; cursor: default; pointer-events:none; } .job-form input,.job-form select,.job-form textarea,.form-contact input,.form-contact select,.form-contact textarea,.form-contact input, .form-search input,.form-search select,.form-search textarea,.form-search input, .login-form input, .login-form textarea { background-size: 0 2px, 100% 1px; background-repeat: no-repeat; background-position: center bottom, center calc(100% - 1px); background-color: transparent; transition: background 0s ease-out; float: none; box-shadow: none; border-radius: 0; font-weight: 400; } .job-form input:focus,.form-contact input:focus, .form-contact input:focus, .form-search input:focus, .form-search input:focus, .login-form input:focus { outline: none; background-image: linear-gradient(#005C96, #005C96), linear-gradient(#bdccd6, #bdccd6); background-size: 100% 2px, 100% 1px; box-shadow: none; transition-duration: 0.3s; background-position-y: 103%; } .job-form textarea:focus, .form-contact textarea:focus, .form-search textarea:focus, .login-form textarea:focus { outline: none; background-image: linear-gradient(#005C96, #005C96), linear-gradient(#bdccd6, #bdccd6); background-size: 100% 2px, 100% 1px; box-shadow: none; transition-duration: 0.3s; background-position-y: 101%; } .icon-input-box { position: relative; width: 100%; display: inline-block; margin-bottom: 0; } .icon-input-box [class^="icon-"] { font-size: 20px; line-height: 1; display: inline-block; position: absolute; left: 0; top: 10px; z-index: 6; } .icon-select-box [class^="icon-"]::before { font-size: 16px; line-height: 1; } .selecter-selected:before { font-size: 16px; line-height: 1; } .icon-input-box input { font-family: "Helvetica Neue",Helvetica,Arial,sans-serif,Arial,Verdana,sans-serif; padding: 10px 15px 10px 35px; } .icon-input-box textarea { font-family: "Helvetica Neue",Helvetica,Arial,sans-serif,Arial,Verdana,sans-serif; padding: 7px 15px 10px 35px; } .gray-background .job-form input,.gray-background .job-form select,.gray-background .job-form textarea,.gray-background .form-contact input,.gray-background .form-contact select,.gray-background .form-contact textarea,.gray-background .form-contact input, .gray-background .form-search input,.gray-background .form-search select,.gray-background .form-search textarea,.gray-background .form-search input { background-color: #ffffff; padding: 15px; border-radius: 10px; } .job-form label,.form-contact label,.form-search label { display: inline-block; font-size: 13px; font-weight: 700; /*text-transform: capitalize;*/ letter-spacing: 1px; margin-bottom: 10px; cursor: pointer; } .job-form label [class^="icon-"],.form-contact label [class^="icon-"],.form-search label [class^="icon-"] { position: relative; left: 0px; font-size: 5px; top: -2px; color: #e74c3c; } .form-contact.form-tab label,.form-search.form-tab label { float: left; text-align: left; color: #aba9a9; font-weight: 300; } .form-contact.form-tab h4 ,.form-search.form-tab h4 { text-align: left; } .form-tab button { position: relative; top: 29px; } /*------------ ( Contact Form ) ------------*/ .contact-title { float: left; display: block; width: 100%; text-align: center; margin-bottom: 20px; } .contact-title h3 { text-transform: uppercase; letter-spacing: 1px; } .contact-title span { line-height: 23px; letter-spacing: 0px; font-weight: 400; font-style: italic; } .contact-info,.contact-info-2 { float: left; display: block; width: 100%; border: 2px solid #efefef; padding: 10px 30px; margin: 0 auto; text-align: left; margin: 0 0 50px; } .contact-info-3 { float: left; display: block; border-width: 0 0 0 4px; border-style: solid; padding: 0 30px 20px; text-align: left; max-width: 400px; width: 100%; background: rgba(0,0,0,0.6); } .contact-info-4 { float: left; display: block; width: 100%; padding: 0; margin: 0 auto; text-align: left; margin: 0 0 50px; } .contact-info-2 { border: none; padding: 10px 0; } .contact-bottom-info { float: left; padding: 0 0 20px; width: 100%; } .contact-title-one { margin: 10px 0; } .contact-title-one h3 { /*text-transform: capitalize;*/ ; letter-spacing: 2px; font-weight: 600; } .contact-info-3 .contact-title-one h3 { color: #fff; } .contact-title-one h3:after { content: ''; display: block; margin-top: 10px; width: 25px; border-top: 2px solid; margin-bottom: 25px; } ul.contact-info-list { list-style-type: none; padding: 0; margin: 0 auto 20px 0; position: relative; float: left; width: 100%; } ul.contact-info-list li { margin: 5px 0; color: #303133; } ul.contact-info-list li span { color: #555555; font-weight: 600; } .contact-info ul.widget-social li { float: left; margin-right: 2px; } .contact-info-3 ul.contact-info-list li,.contact-info-3 ul.contact-info-list li span { color: #fff; } .background-1 ul.contact-info-list li,.background-1 ul.contact-info-list li span,.background-1 .contact-title-one h3,.background-2 ul.contact-info-list li,.background-2 ul.contact-info-list li span,.background-2 .contact-title-one h3,.background-3 ul.contact-info-list li,.background-3 ul.contact-info-list li span,.background-3 .contact-title-one h3 { color: #fff; } .background-1 .contact-title-one h3:after,.background-2 .contact-title-one h3:after,.background-3 .contact-title-one h3:after { border-color: #fff !important; } .contact-info-4 ul.contact-info-list { margin: 0; } .full-height-box .contact-info-2 { margin: 0; } .full-height-box ul.contact-info-list { margin: 0 0 30px; } .full-height-box .contact-title-one h3 { margin-top: 30px; } .form-contact input::-webkit-input-placeholder,.form-contact textarea::-webkit-input-placeholder,.form-contact select::-webkit-input-placeholder, .form-search input::-webkit-input-placeholder,.form-search textarea::-webkit-input-placeholder,.form-search select::-webkit-input-placeholder { color: #6b6b6b; font-weight: 500; } /*------------ ( Subscribe ) ------------*/ .subscribe-fancy-inner .form-contact input::-webkit-input-placeholder, .subscribe-fancy-inner .form-search input::-webkit-input-placeholder { color: #ffffff; } .subscribe-fancy-inner .form-contact div, .subscribe-fancy-inner .form-search div { margin-bottom: 5px; } .subscribe-fancy-inner .form-contact input,.subscribe-fancy-inner .form-contact textarea,.subscribe-fancy-inner .form-contact select, .subscribe-fancy-inner .form-search input,.subscribe-fancy-inner .form-search textarea,.subscribe-fancy-inner .form-search select { background-color: rgba(255,255,255,0.1); color: #fff; border-color: transparent; margin-bottom: 10px; padding: 10px; } .subscribe-fancy-inner .form-contact input:active,.subscribe-fancy-inner .form-contact input:focus,.subscribe-fancy-inner .form-contact textarea:active,.subscribe-fancy-inner .form-contact textarea:focus, .subscribe-fancy-inner .form-search input:active,.subscribe-fancy-inner .form-search input:focus,.subscribe-fancy-inner .form-search textarea:active,.subscribe-fancy-inner .form-search textarea:focus { border-color: rgba(255,255,255,0.33); background-image: none; } .subscribe-fancy-inner .form-contact select, .subscribe-fancy-inner .form-search select { color: #000 !important; } .subscribe-fancy-wrapper .form-contact label, .subscribe-fancy-wrapper .form-search label { display: inline-block; font-size: 10px; font-weight: 500; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 10px; cursor: pointer; color: #FFF; } /*------------ ( Newsletter Form ) ------------*/ .newsletter-box form { padding: 0; float: left; width: 100%; } .newsletter-box .form-group { position: relative; margin: 0; } .newsletter-box .form-control { border: 1px solid #eee; margin: 0 0 20px; -webkit-box-shadow: inset 0 0 0 transparent; box-shadow: inset 0 0 0 transparent; padding: 10px 10px 10px 30px; height: 40px; border-radius: 0; width: 100%; } .newsletter-box .form-control:focus { -webkit-box-shadow: inset 0 0 0 transparent; box-shadow: inset 0 0 0 transparent; } .newsletter-box form .form-group .form-icon { position: absolute; top: 8px; left: 3px; width: 24px; height: 24px; color: rgba(0,0,0,0.35); font-size: 18px; text-align: center; line-height: 1; padding: 2px 0 4px; vertical-align: middle; } .newsletter-box form .btn { border-radius: 0px; width: 100%; } /*------------ ( Google Maps ) ------------*/ .google-map-container { float: left; width: 100%; margin: 20px auto; } #google-map,#google-map-2,#google-map-3,#google-map-4 { height: 550px; padding: 0px 0 0px 0; position: relative; width: 100%; } .contact-overlay-map #google-map-4 { position: absolute; top: 0; left: 0; height: 100%; margin: 0; } .full-height-box #google-map,.full-height-box #google-map-2,.full-height-box #google-map-3,.full-height-box #google-map-4 { height: 650px; margin: 0; } #google-map-4.full-height-map { height: 100%; } .sidebar-gmap { float: left; width: 100%; padding: 4px; border: 1px solid #ddd; margin: 0 0 30px; } .sidebar-gmap-smaller { float: left; width: 100%; padding: 4px; border: 1px solid #ddd; margin: 0 0 30px; } .tab-content #google-map-3 { margin: 20px 0 0; } .contact-tabs-box .tabpanel-style-3 .tab-content #google-map-3 { margin: 0 0 40px; } .sidebar-gmap #google-map-3 { margin: 0; } .sidebar-gmap-smaller #google-map-3 { margin: 0; height: 336px; } .google-map-bottom { margin-bottom: 40px; margin-top: 0px; } .google-maps-title { margin-bottom: 80px; } .google-maps-title h3 { font-size: 17px; text-align: center; /*text-transform: capitalize;*/ letter-spacing: 0; } #google-map-3.no-margin { margin-bottom: 40px; margin-top: 0px; } .full-height-map { height: 100%; } .btn-default.disabled,.btn-default.disabled.active,.btn-default.disabled.focus,.btn-default.disabled:active,.btn-default.disabled:focus,.btn-default.disabled:hover,.btn-default[disabled],.btn-default[disabled].active,.btn-default[disabled].focus,.btn-default[disabled]:active,.btn-default[disabled]:focus,.btn-default[disabled]:hover,fieldset[disabled] .btn-default,fieldset[disabled] .btn-default.active,fieldset[disabled] .btn-default.focus,fieldset[disabled] .btn-default:active,fieldset[disabled] .btn-default:focus,fieldset[disabled] .btn-default:hover { background-color: #a5a6a4; border-color: #a5a6a4; } .modal-form .contact-form { float: none; display: inline-block; } .contact-form.newsletter-form-action .alert { display: none; } .contact-form::-moz-placeholder { color: #494848 !important; opacity: 1 } .contact-form:-ms-input-placeholder { color: #494848 !important; } .contact-form::-webkit-input-placeholder { color: #494848 !important; } .has-error .checkbox,.has-error .checkbox-inline,.has-error .control-label,.has-error .help-block,.has-error .radio,.has-error .radio-inline,.has-error.checkbox label,.has-error.checkbox-inline label,.has-error.radio label,.has-error.radio-inline label { color: #da3610; font-weight: 500; font-size: 12px; margin: 15px 0; } button,input,select,textarea { font-family: inherit; font-size: inherit; line-height: inherit; resize: none; } form.form-contact-2 { float: left; width: 100%; display: block; position: relative; } .form-contact-2.form-tab label { float: left; text-align: left; color: #000; font-weight: 300; margin-bottom: 10px; font-size: 12px; } .form-contact-2 input, .form-contact-2 select, .form-contact-2 textarea,.form-contact-2 select { display: block; width: 100%; padding: 13px 10px; font-size: 13px; line-height: 1.5; border: 1px solid #cccccc; border-radius: 4px; webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; -o-transition: all 0.15s ease-out; -ms-transition: all 0.15s ease-out; transition: all 0.15s ease-out; } .form-contact-2-bolder input, .form-contact-2-bolder select, .form-contact-2-bolder textarea, .form-contact-2-bolder select { padding: 15px 16px 13px 16px; border: 1px solid rgba(0,0,0,0.15); border-radius: 2px; font-weight: 500; color: #000; /*text-transform: capitalize;*/ background: transparent; } .form-contact-2-bolder input::-webkit-input-placeholder, .form-contact-2-bolder textarea::-webkit-input-placeholder, .form-contact-2-bolder select::-webkit-input-placeholder { color: #000; font-weight: 500; /*text-transform: capitalize;*/ } .form-contact-2 .selecter { min-width: 100%; -webkit-box-shadow: 0 0 0 transparent; -moz-box-shadow: 0 0 0 transparent; float: none; box-shadow: 0 0 0 transparent; } .form-contact-2 .selecter-selected { font-size: 14px; padding: 14px 40px 14px 15px; height: 49px; border: 1px solid rgba(0,0,0,0.15); -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; color: #000; } .form-contact-2-bolder .selecter-selected { padding: 13px 16px 14px 16px; border: 1px solid rgba(0,0,0,0.15); border-radius: 2px; font-weight: 500; color: #000; /*text-transform: capitalize;*/ ; height: 50px; background: transparent; } .form-contact-2 .selecter-selected:before { top: 16px; color: #000; } .form-contact-2-bolder .selecter-selected:before { top: 16px; color: #000; } .form-contact-2 .selecter.open .selecter-selected,.form-contact-2 .selecter.focus .selecter-selected { -webkit-box-shadow: 0 0 0 transparent; -moz-box-shadow: 0 0 0 transparent; box-shadow: 0 0 0 transparent; } .form-contact-2 .price-filter-desc { margin: 0 0 19px; } .form-contact-2-bolder .price-filter-desc { margin: 0 0 26px; } .form-contact-2 .price-filter-desc p { margin: 0; padding: 0; } .form-contact-2 .price-filter-desc label { text-transform: uppercase; margin-top: 0; line-height: 1.7; } .form-contact-2 .price-slider-form-group { padding-right: 35px; } form.form-contact-3 { float: left; width: 100%; display: block; position: relative; } .form-contact-3 .form-group { display: inline-block; } .dark-intro-text h1, .dark-intro-text h3 { color: #303133!important; } .form-contact-3.form-light input, .form-contact-3.form-light select, .form-contact-3.form-light textarea { background-color: rgba(255, 255, 255, 1); color: #000; font-weight: 500; } .form-contact-3 .form-left { float: left; } .text-white::-webkit-input-placeholder { color: #fff; } .text-white:-ms-input-placeholder { color: #fff; } .text-white::-moz-placeholder { color: #fff; } .text-white:-moz-placeholder { color: #fff; } .form-contact-3 .form-input { width: 100%; max-width: 300px; margin: 0 7px 30px 7px; } .form-contact-3 .form-input-large { width: 100%; max-width: 600px; margin: 0 7px 30px 7px; position: relative; } .form-group.form-input-inline button { position: absolute; float: right; display: inline-block; text-align: right; right: 0; padding: 18px 22px 15px; border-top-left-radius: 0px; border-bottom-left-radius: 0px; } .form-contact-3.form-tab label { float: left; text-align: left; color: #000; font-weight: 300; margin-bottom: 10px; font-size: 12px; } .form-contact-3.form-tab button { top: 0px; /*padding: 17px 22px 15px;*/; } .form-contact-3 input, .form-contact-3 select, .form-contact-3 textarea { display: block; width: 100%; padding: 16px 10px 12px 10px; font-size: 14px; line-height: 1.5; font-weight: 500; border: none; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); border-radius: 4px; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; -o-transition: all 0.15s ease-out; -ms-transition: all 0.15s ease-out; transition: all 0.15s ease-out; } .form-contact-3 .btn-default.disabled, .form-contact-3 .btn-default.disabled.active, .form-contact-3 .btn-default.disabled.focus, .form-contact-3 .btn-default.disabled:active, .form-contact-3 .btn-default.disabled:focus, .form-contact-3 .btn-default.disabled:hover, .form-contact-3 .btn-default[disabled], .form-contact-3 .btn-default[disabled].active, .form-contact-3 .btn-default[disabled].focus, .form-contact-3 .btn-default[disabled]:active, .form-contact-3 .btn-default[disabled]:focus, .form-contact-3 .btn-default[disabled]:hover, .form-contact-3 fieldset[disabled] .btn-default, .form-contact-3 fieldset[disabled] .btn-default.active, .form-contact-3 fieldset[disabled] .btn-default.focus, .form-contact-3 fieldset[disabled] .btn-default:active, .form-contact-3 fieldset[disabled] .btn-default:focus, .form-contact-3 fieldset[disabled] .btn-default:hover { opacity: 1; } .form-contact-3-bolder input, .form-contact-3-bolder select, .form-contact-3-bolder textarea { padding: 20px 16px 21px 16px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); border-radius: 6px; font-weight: 600; color: #898989; text-transform: uppercase; } .form-contact-3-bolder input::-webkit-input-placeholder, .form-contact-3-bolder textarea::-webkit-input-placeholder, .form-contact-3-bolder select::-webkit-input-placeholder { color: #686868; font-weight: 600; text-transform: uppercase; } .form-contact-3 input::-webkit-input-placeholder, .form-contact-3 textarea::-webkit-input-placeholder, .form-contact-3 select::-webkit-input-placeholder { color: #686868; font-weight: 600; } .form-contact-3 .selecter { min-width: 100%; -webkit-box-shadow: 0 0 0 transparent; -moz-box-shadow: 0 0 0 transparent; float: none; box-shadow: 0 0 0 transparent; } .form-contact-3 .selecter-selected { font-size: 14px; padding: 14px 40px 14px 15px; height: 49px; border: 1px solid #cccccc; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; color: #333; } .form-contact-3-bolder .selecter-selected { font-size: 14px; padding: 21px 40px 22px 21px; height: 66px; border: 2px solid #e6e6e6; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; font-weight: 600; color: #898989; text-transform: uppercase; } .form-contact-3 .selecter-selected:before { top: 16px; color: #333; } .form-contact-3-bolder .selecter-selected:before { top: 22px; color: #898989; } .form-contact-3 .selecter.open .selecter-selected,.form-contact-3 .selecter.focus .selecter-selected { -webkit-box-shadow: 0 0 0 transparent; -moz-box-shadow: 0 0 0 transparent; box-shadow: 0 0 0 transparent; } .form-contact-3 .price-filter-desc { margin: 0 0 19px; } .form-contact-3-bolder .price-filter-desc { margin: 0 0 26px; } .form-contact-3 .price-filter-desc p { margin: 0; padding: 0; } .form-contact-3 .price-filter-desc label { text-transform: uppercase; margin-top: 0; line-height: 1.7; } .form-contact-3 .price-slider-form-group { padding-right: 35px; } /*DARK CONTACT FORM*/ .form-contact.dark-from input, .form-contact.dark-from select, .form-contact.dark-from textarea, .form-search.dark-from input, .form-search.dark-from select, .form-search.dark-from textarea { display: block; width: 100%; padding: 10px 0px 10px 40px; margin-bottom: 20px; font-size: 14px; line-height: 1.5; background-image: none; background-color: transparent; border: none; border-radius: 0; outline: none; webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; -o-transition: all 0.15s ease-out; -ms-transition: all 0.15s ease-out; transition: all 0.15s ease-out; border-radius: 4px; color: #333; margin-bottom: 10px; border: 1px solid rgba(255,255,255,0.085); } .form-contact.dark-from div, .form-search.dark-from div { margin-bottom: 0; } .form-contact.dark-from span[class^=icon-], .form-search.dark-from span[class^=icon-] { margin-left: 10px; } .form-contact.dark-from .has-error .help-block, .form-search.dark-from .has-error .help-block { font-family: Arial, Verdana; } /*------------ ( Swiper Slider ) ------------*/ .fullscreen-swiper { height: 95vh; position: relative; overflow: hidden; vertical-align: middle; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .swiper-container-fluid { max-width: 1000px; margin-left: 5%; } .swiper-intro { height: 80vh; } .swiper-intro .swiper-content .swiper-light { font-size: 20px; } .swiper-content { float: left; width: 100%; position: absolute; text-align: left; z-index: 100; bottom: 100px; padding-left: 100px; left: 0; } .swiper-content.shop-item { bottom: 100px; padding-left: 50px; } .swiper-slide:after { position: absolute; content: ''; width: 100%; height: 100%; left: 0; top: 0; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); } .swiper-scrollable .swiper-slide, .swiper-scrollable .swiper-slide:active { cursor: pointer; } .swiper-slide { cursor: -webkit-grab; cursor: -moz-grab; } .swiper-slide:active { cursor: -webkit-grabbing; cursor: -moz-grabbing; } .swiper-slide .video-wrap { z-index: 1!important; } .swiper-content h1 { margin-bottom: 0px; text-shadow: 0 0 15px rgba(0, 0, 0, 0.33); font-family: "Helvetica Neue",Helvetica,Arial,sans-serif,Arial,Verdana, Arial, serif; font-weight: 200; font-size: 10.375rem; line-height: 11.31rem; } .swiper-content h1,.swiper-content h4, .swiper-content p { max-width: 95%; letter-spacing: 0.02rem; transform: translate3d(0px, 0px, 0px); font-weight: 200; color: #ffffff; } .swiper-content.shop-item h1 { font-size: 5.375rem; line-height: 6.31rem; } .swiper-content.shop-item h4 { font-size: 2rem; line-height: 3rem; } .swiper-content .shop-item-description { height: auto; bottom: 0; } .swiper-content .shop-item-description h4,.swiper-content .shop-item-description p { bottom: -100%; opacity: 0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; } .swiper-content:hover .shop-item-description h4,.swiper-content:hover .shop-item-description p { bottom: 0; opacity: 1; } .swiper-slide.cover-bg { position: relative; } .swiper-pagination-wrapper { position: absolute; right: 40px; bottom: 80px; width: 150px; } .swiper-button-next { right: 50px; } .swiper-button-down { right: 0px; z-index: 1; top: 0px; } .swiper-button-prev { left: 0px; } .swiper-button-next, .swiper-button-prev,.swiper-button-down { font-family: "Simple-Line-Icons-Pro"; line-height: 70px; position: absolute; bottom: 0px!important; display: block; width: 48px; height: 48px; margin-top: 0px; padding: 0; cursor: pointer; color: transparent; border-radius: 100px; border: none; outline: none; background: rgba(0,0,0,0.15); line-height: 100px; -webkit-transition: background 0.3s, color 0.3s; -moz-transition: background 0.3s, color 0.3s; transition: background 0.3s, color 0.3s; } .swiper-button-next:before { font-family: "Simple-Line-Icons-Pro"; content: "\e812"; font-size: 22px; color: rgba(255,255,255, 0.8); line-height: 100px; position: relative; left: 14px; bottom: 25px; } .swiper-button-prev:before { font-family: "Simple-Line-Icons-Pro"; content: "\e811"; font-size: 22px; color: rgba(255,255,255, 0.8); line-height: 100px; position: relative; left: 16px; bottom: 25px; } .swiper-button-down:before { font-family: "Simple-Line-Icons-Pro"; content: "\e810"; font-size: 22px; color: rgba(255,255,255, 0.8); line-height: 100px; position: relative; left: 16px; bottom: 25px; } .swiper-button-prev:hover,.swiper-button-next:hover,.swiper-button-down:hover { background: #000; } .swiper-button-prev:hover::before { color: #ffffff; } .swiper-medium-content h1, .swiper-medium-content p { color: #ffffff; } .swiper-content .swiper-light { font-weight: 300; font-size: 26px; line-height: 1.6; letter-spacing: 1px; } .swiper-content h1, .swiper-content h2 { animation-delay: 1s; } .swiper-content p { animation-delay: 1.4s; } .swiper-content a.btn, .swiper-content form { animation-delay: 1.6s; } .swiper-content.border-text h1 { font-size: 6.375rem; line-height: 8.31rem; font-weight: 400; border-bottom: 1px solid #fff; width: 61%; } .landing-page-swiper { height: 90vh; } .landing-page-swiper .swiper-content { top: 42%; bottom: 0; } .landing-page-swiper h2 { color: #ffffff; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif,Arial,Verdana, Arial, serif; font-weight: 200; font-size: 5.375rem; line-height: 6.31rem; } .landing-page-swiper p { color: #ffffff; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif,Arial,Verdana, Arial, serif; font-weight: 200; font-size: 2rem; line-height: 3rem; margin-bottom: 30px; } .landing-page-swiper .form-group.form-input-inline button { padding: 19px 22px 15px; } .landing-page-swiper .swiper-button-next { right: 0px; } .landing-page-swiper .swiper-button-prev { left: 50px; } .landing-page-swiper .swiper-slide:after { position: absolute; content: ''; width: 100%; height: 100%; left: 0; top: 0; background: transparent; } /*------------ ( Owl Carousel Slider ) ------------*/ .owl-carousel-fullwidth .owl-controls { margin-top: 0px!important; } .owl-item .item { background-position: top center; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .owl-carousel-fullwidth .owl-controls .owl-nav .owl-prev, .owl-carousel-fullwidth .owl-controls .owl-nav .owl-next { font-family: "Simple-Line-Icons-Pro"; line-height: 70px; content: ""; position: absolute; top: 50%; display: block; width: 64px; height: 64px; margin-top: -32px; padding: 0; cursor: pointer; color: transparent; border: none; outline: none; background: rgba(0,0,0,0.15); line-height: 100px; -webkit-transition: background 0.3s, color 0.3s; -moz-transition: background 0.3s, color 0.3s; transition: background 0.3s, color 0.3s; } .owl-carousel-fullwidth .owl-controls .owl-nav .owl-prev { left: 5px; } .owl-carousel-fullwidth .owl-controls .owl-nav .owl-next { right: 5px; } .owl-carousel-fullwidth .owl-controls .owl-nav .owl-prev:hover, .owl-carousel-fullwidth .owl-controls .owl-nav .owl-next:hover { background: rgba(0,0,0,0.35); } .owl-carousel-fullwidth .owl-controls .owl-nav .owl-next:before { font-family: "Simple-Line-Icons-Pro"; content: "\e806"; font-size: 22px; color: rgba(255,255,255, 0.8); line-height: 100px; position: relative; left: 15px; bottom: 18px; } .owl-carousel-fullwidth .owl-controls .owl-nav .owl-prev:before { font-family: "Simple-Line-Icons-Pro"; content: "\e805"; font-size: 22px; color: rgba(255,255,255, 0.8); line-height: 100px; position: relative; left: 8px; bottom: 18px; } .owl-carousel-content .blog-post-2 a img { height: 85vh; } .owl-content { position: absolute; bottom: 0; width: 100%; z-index: 100; padding: 0; } .overlay-cover { background-color: rgba(0, 0, 0, 0.60); position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 1; } .owl-item.active { z-index: 100; opacity: 1; } .owl-item.active .overlay-cover { opacity: 1; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.55) 80%); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.55) 80%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.55) 80%); -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; -o-transition: all 0.15s ease-out; -ms-transition: all 0.15s ease-out; transition: all 0.15s ease-out; background-color: transparent; } .owl-item .owl-content { opacity: 0; } .owl-item.active .owl-content { opacity: 0; opacity: 1 \9; -webkit-animation: fadeIn ease-in 1; -moz-animation: fadeIn ease-in 1; animation: fadeIn ease-in 1; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-duration: 0.5s; -moz-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-delay: 0.5s; -moz-animation-delay: 0.5s; animation-delay: 0.5s; } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @-moz-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .owl-carousel-fullwidth.owl-carousel .owl-stage-outer { overflow: visible; } .owl-item.item { background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.45) 80%); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.45) 80%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.45) 80%); -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; -o-transition: all 0.15s ease-out; -ms-transition: all 0.15s ease-out; transition: all 0.15s ease-out; } /*------------ ( Hero Slider ) ------------*/ ul.cd-hero-slider, ul.cd-hero-slider li, .cd-slider-nav ul { margin: 0; padding: 0; border: 0; list-style: none; vertical-align: baseline; } .cd-hero-slider .cd-full-width, .cd-hero-slider .cd-half-width { z-index: 10; } .cd-slider-nav { height: auto; background-color: inherit; } .cd-slider-nav a, .cd-slider-nav li { border-top: 0px!important; } .cd-slider-nav nav { width: 100%; } .cd-slider-nav li { border-bottom: 2px solid transparent; } .cd-slider-nav .cd-marker, .cd-slider-nav li { width: 20%!important; } .cd-slider-nav li a { padding-top: 0; } .hero-slier-nav-content { width: 100%; text-align: left; padding: 30px 15px; color: #fff; } .hero-slier-nav-content [class^="icon-"] { float: left; width: 100%; font-size: 25px; margin-bottom: 10px; } .hero-slier-nav-content p { text-transform: none; color: #fff; } .cd-full-width { padding: 40px; } .cd-full-width h1 { font-weight: 700; letter-spacing: -0.075em; /*text-transform: capitalize;*/ font-family: "Helvetica Neue",Helvetica,Arial,sans-serif, Arial, serif; font-size: 7.4em; color: #fff; text-align: left; } .cd-full-width p { font-size: 18px; font-weight: 300; color: #ffffff; line-height: 30px; letter-spacing: 1px; text-align: left; float: left; max-width: 100%!important; margin-bottom: 40px; } .cd-full-width a { float: left; margin-right: 15px; } /*------------ ( Home Small Slider ) ------------*/ .home-text-box h4 { margin-bottom: 30px; text-transform: uppercase; font-weight: 500; } .textbox-withmaincolor { padding: 30px; } .textbox-withmaincolor h4, .textbox-withmaincolor p { color: #fff; } /*------------ ( Master Slider ) ------------*/ .ms-inner-controls-cont, .ms-container { position: static!important; } .ms-caption.ms-white-big { color: #ffffff; z-index: 999; width: 100%; } .ms-white-big h1 { font-size: 60px; text-align: center; font-weight: 600; letter-spacing: 1px; } .ms-white-big p { color: #fff; font-size: 25px; line-height: 30px; font-weight: 400; margin: 40px auto; } h1.ms-layer { color: #ffffff; } p.ms-layer.ms-text-medium { font-weight: 300; font-size: 22px; line-height: 1.6; letter-spacing: 1px; } p.ms-layer { font-size: 18px; font-weight: 300; color: #ffffff; line-height: 30px; letter-spacing: 1px; } .ms-layer .btn { margin-top: 30px; margin-right: 20px; } .ms-nav-prev { left: 0; } .ms-nav-next { right: 0; } .ms-nav-next, .ms-nav-prev { font-family: "Simple-Line-Icons-Pro"; line-height: 70px; position: absolute; top: 50%; display: block; z-index: 100; width: 64px; height: 22px; margin-top: -32px; padding: 0; cursor: pointer; color: transparent; border: none; outline: none; text-align: center; background-image: none; background: rgba(0,0,0,0.15); line-height: 1; font-size: 22px; padding: 21px 0; text-align: center; -webkit-transition: background 0.3s, color 0.3s; -moz-transition: background 0.3s, color 0.3s; transition: background 0.3s, color 0.3s; } .ms-nav-prev:before { content: '\e805'; color: #ffffff; font-size: 22px; position: relative; display: inline-block; } .ms-nav-next:before { content: '\e806'; color: #ffffff; font-size: 22px; position: relative; display: inline-block; } .master-slider:hover .ms-nav-next, .master-slider:hover .ms-nav-prev { opacity: 1 !important; } .ms-grab-cursor { cursor: -webkit-grab; cursor: -moz-grab; } .ms-grabbing-cursor { cursor: -webkit-grabbing; cursor: -moz-grabbing; } /*------------ ( Slick Slider ) ------------*/ .slider-slick { width: 100%; float: left; margin: 0 auto; } .blog-slick .slider-slick-slide { height: 100%; } .simple-slick .slider-slick-slide { float: left; width: 100%; padding: 0; height: 50vh; cursor: -webkit-grab; cursor: -moz-grab; position: relative; vertical-align: middle; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .simple-slick .slider-slick-slide:active { cursor: -webkit-grabbing; cursor: -moz-grabbing; } .slider-slick-slide.slick-slide .overlay-bg.flat { background: rgba(0,0,0,0.65); webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; -o-transition: all 0.15s ease-out; -ms-transition: all 0.15s ease-out; transition: all 0.15s ease-out; } .simple-slick .slider-slick-slide.slick-center.slick-current .overlay-bg.flat { background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 80%); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 80%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 80%); -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; -o-transition: all 0.15s ease-out; -ms-transition: all 0.15s ease-out; transition: all 0.15s ease-out; } .simple-slick .slider-slick-slide img, .simple-slick .slider-slick-slide.slick-slide img { width: 100%; } .slider-slick .slick-prev, .slider-slick .slick-next { background: rgba(0,0,0,0.5); z-index: 100; width: 60px; height: 60px; } .slider-slick .slick-prev { left: 0; } .slider-slick .slick-next { right: 0; } .slider-slick .slick-prev:before { content: '\e805'; color: #ffffff; font-size: 16px; } .slider-slick .slick-next:before { content: '\e806'; color: #ffffff; font-size: 16px; } .slider-slick.blog-slick { margin: 40px 0px 10px 0px; } .blog-slick .slick-prev, .blog-slick .slick-next { top: 35%; } .slider-slick-slide { width: 100%; float: left; position: relative; bottom: 0; left: 0; border: 0; padding: 30px 30px 0; } .slider-slick .bp2-desc { width: 100%; position: absolute; z-index: 100; bottom: 0px; left: 0; padding: 0 25px; border: 0; -webkit-transition: all 0.35s ease-out; -moz-transition: all 0.35s ease-out; -o-transition: all 0.35s ease-out; -ms-transition: all 0.35s ease-out; transition: all 0.35s ease-out; } .slider-slick .bp2-desc h4.large { font-size: 22px!important; font-weight: 200; margin-bottom: 10px; letter-spacing: 0; width: 100%; float: left; position: relative; margin: 0 0 15px; padding: 0; color: #fff; } .slider-slick .bp2-desc h4 a { color: #fff; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; transition: all .4s ease; } .slider-slick .bp2-desc .blog-desc-details { border-bottom: 0; float: left; width: 100%; position: relative; padding: 0px 0 25px; font-weight: 600; letter-spacing: -0.2px; color: #898989; } .slider-slick .bp2-desc .blog-desc-details span, .slider-slick .bp2-desc .blog-desc-details a { float: left; padding: 0 0px 10px 0; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; transition: all .4s ease; color: #fff; font-size: 11px; line-height: 1.9 !important; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif,Arial,Verdana,sans-serif; font-weight: 600; letter-spacing: 0.2px; } .slider-slick .bp2-desc .blog-desc-details .bavatar { width: 20px; height: 20px; display: inline-block; margin: 0 5px 0 0 !important; padding: 0 !important; float: left; } .slider-slick .bp2-desc .blog-desc-details span a { float: none; padding: 0; } .slider-slick .bp2-desc .blog-desc-details .bavatar img { width: 100%; height: auto; border-radius: 50%; } .slider-slick .bp2-desc .blog-desc-details span,.slider-slick .bp2-desc .blog-desc-details a { float: left; padding: 0 0px 10px 0; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; transition: all .4s ease; color: #fff; font-size: 11px; line-height: 1.9 !important; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif,Arial,Verdana,sans-serif; font-weight: 600; letter-spacing: 0.2px; } .slider-slick .bp2-desc .blog-desc-details [class^="icon-"] { font-family: 'Simple-Line-Icons-Pro'; } .slider-slick .bp2-desc .blog-desc-details span a { float: none; padding: 0; } .slider-slick .bp2-desc .blog-desc-details .bdate { padding: 0 20px 8px 0; } .slider-slick .bp2-desc .blog-desc-details .bcomments span { padding: 0 5px 0 0; font-size: 14px; position: relative; top: 0px !important; line-height: 1.4 !important; height: 14px !important; } .slider-slick .bp2-desc .blog-desc-details .blikes span { padding: 0 5px 0 0; font-size: 16px; position: relative; top: 0px; line-height: 14px !important; height: 14px !important; } .slider-slick .bp2-desc .blog-desc-details:after { display: none; } .slider-slick .bp2-desc .blog-desc-details .bavatar { width: 20px; height: 20px; display: inline-block; margin: 0 5px 0 0 !important; padding: 0 !important; } .slider-slick .bp2-desc .blog-desc-details .bavatar img { width: 100%; height: auto; border-radius: 50%; } /*------------ ( Flex Slider ) ------------*/ .flexslider.clients { float: left; width: 100%; position: relative; margin: 0 0 35px; } .flexslider.clients .flex-control-nav { bottom: 0!important; } .flexslider.clients .flex-control-paging li a { width: 10px; height: 10px; display: block; background: #CCC; border: 2px solid #CCC; cursor: pointer; text-indent: -9999px; } .flexslider.clients .flex-direction-nav a { border-radius: 4px; text-align: center; display: block; margin: 0px 0 0; position: absolute; top: 0%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: #FFF; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; border: none!important; background-color: #CCC; width: 60px; height: 60px; opacity: 1; } .flexslider { margin: 0 0 0; } .flexslider .video-wrap { z-index: 0 !important; position: absolute !important; height: 100% !important; } .flexslider.fullscreen .flex-control-nav, .flexslider.flex-slider .flex-control-nav { bottom: 20px!important; } .flexslider.fullscreen .flex-direction-nav a, .flexslider.flex-slider .flex-direction-nav a { border: none!important; background-color: rgba(255,255,255,0.1); width: 60px; height: 60px; } .flexslider.fullscreen .flex-direction-nav a:hover, .flexslider.flex-slider .flex-direction-nav a:hover { background-color: rgba(255,255,255,0.33); } .flexslider.fullscreen .flex-direction-nav a:before { padding: 18px 0!important; } .flexslider.flex-slider .flex-direction-nav a:before { padding: 23px 0!important; } .flex-direction-nav a:before { font-family: "Simple-Line-Icons-Pro"; line-height: 1; } .flex-direction-nav a.flex-next:before { content: '\e806'; } .flex-direction-nav a.flex-prev:before { content: '\e805'; } .flex-bg-image { position: absolute; width: 100%; height: 100%; } .flexslider.flex-slider { width: 100%; height: 500px; } .flexslider.flex-slider .slides img { width: 100px; height: 500px; } .flexslider.flex-slider.portofolio-slider .flex-direction-nav a, .flex-slider .flex-direction-nav a { top: 50%; } .flexslider.flex-slider .featured-content { padding-top: 60px!important; height: 500px; display: block; } .flexslider-500 .slides img { height: 500px; } #flex-thumbnail-slider { margin-bottom: 20px; margin-top: 40px; } #flex-thumbnail-carousel { margin-bottom: 20px; } .flex-blog-post img { max-height: 600px; } .flex-blog-post-inner { width: 100%; float: left; position: absolute; bottom: 0; left: 0; border: 0; padding: 30px 30px 0; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 20%, rgba(0,0,0,0.8) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.4) 20%,rgba(0,0,0,0.8) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.4) 20%,rgba(0,0,0,0.8) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#cc000000',GradientType=0 ); border: 0; webkit-transition: all 0.35s ease-out; -moz-transition: all 0.35s ease-out; -o-transition: all 0.35s ease-out; -ms-transition: all 0.35s ease-out; transition: all 0.35s ease-out; } .flex-blog-post-inner:hover { background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 20%, rgba(0,0,0,0.85) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 20%,rgba(0,0,0,0.85) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 20%,rgba(0,0,0,0.85) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#d9000000',GradientType=0 ); webkit-transition: all 0.35s ease-out; -moz-transition: all 0.35s ease-out; -o-transition: all 0.35s ease-out; -ms-transition: all 0.35s ease-out; transition: all 0.35s ease-out; } .flex-blog-post-inner h4 { float: left; width: 100%; position: relative; margin: 0 0 15px; padding: 0; color: #fff; font-size: 20px!important; letter-spacing: 1.5px; } .flex-blog-post-inner ul.post-meta { background: transparent; padding: 0 !important; } .flex-blog-post-inner ul.post-meta li a, .flex-blog-post-inner ul.post-meta li a span { color: #fff; } .flex-blog-post-inner ul.post-meta li a:hover, .flex-blog-post-inner ul.post-meta li a:hover span { color: #fff; } .flex-blog-post-inner ul.post-meta li.social-links-blog a.share-number { padding: 0 0 0 0!important; } .flex-blog-post-inner ul.meta-share-social { right: 30px; float: right; } .flex-blog-post-inner h4 a { color: #fff; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; transition: all .4s ease; } .flex-blog-post-inner .blog-desc-text { float: left; width: 100%; position: relative; } .flex-blog-post-inner p { float: left; width: 100%; position: relative; color: #fff; font-size: 14px; margin: 0 0 20px; } .flex-blog-post-inner .blog-desc-details { float: left; width: 100%; position: relative; padding: 0px 0 7px; border-bottom: 1px solid rgba(255,255,255,0.4); } .flex-blog-post-inner .blog-desc-details span, .flex-blog-post-inner .blog-desc-details a { float: left; padding: 0 0px 10px 0; vertical-align: middle; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; transition: all .4s ease; color: #fff; font-size: 11px; line-height: 14px; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif,Arial,Verdana, sans-serif; text-transform: uppercase; font-weight: 600; letter-spacing: 0.2px; } .flex-blog-post-inner .blog-desc-details [class^="icon-"] { font-family: 'Simple-Line-Icons-Pro'; } .flex-blog-post-inner .blog-desc-details span a { float: none; padding: 0; } .flex-blog-post-inner .blog-desc-details .bdate { padding: 0 20px 8px 0; } .flex-blog-post-inner .blog-desc-details .bcomments span { padding: 0 5px 0 0; font-size: 14px; position: relative; top: 0px; line-height: 14px !important; height: 14px !important; } .flex-blog-post-inner .blog-desc-details .blikes span { padding: 0 5px 0 0; font-size: 16px; position: relative; top: 0px; line-height: 14px !important; height: 14px !important; } .flex-blog-post-inner .blog-desc-details:after { display: none; } #flex-thumbnail-carousel.flexslider .slides > li { margin-right: 20px!important; } #carousel.flexslider .slides > li:last-child { margin-right: 0px!important; } #flex-thumbnail-carousel .flex-viewport { height: 235px; width: calc(100% - 70px); margin: auto; } #flex-thumbnail-carousel .flex-blog-post:hover { cursor: pointer; } #flex-thumbnail-carousel .flex-blog-post-inner { background: transparent; z-index: 999; } #flex-thumbnail-carousel.flexslider.flex-slider-thumbnail .flex-direction-nav .flex-disabled { opacity: 1!important; } #flex-thumbnail-carousel .flex-blog-post-inner h4 { font-size: 17px!important; } #flex-thumbnail-carousel .flex-direction-nav a { border-radius: 0; border: none!important; text-align: center; display: block; width: 28px; height: 214px; margin: -20px 0 0; position: absolute; top: 20px; z-index: 10; overflow: hidden; opacity: 1; cursor: pointer; color: rgba(0,0,0,0)!important; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; background-color: rgba(0,0,0,0.15); } #flex-thumbnail-carousel .flex-direction-nav a:before { padding: 0px; font-size: 12px; color: #ffffff; padding-top: 100px; padding-bottom: 10px; } #flex-thumbnail-carousel .flex-direction-nav a:hover { background: rgba(0,0,0,0.45)!important; border-color: rgba(0,0,0,0.45)!important; } #flex-thumbnail-carousel.flexslider:hover .flex-next { right: 0; } #flex-thumbnail-carousel.flexslider:hover .flex-prev { left: 0; } .flex-blog-post { float: left; width: 100%; position: relative; display: block; } /*------------ ( Revolution Slider ) ------------*/ .tparrows.preview1:after { font-family: "Simple-Line-Icons-Pro"; } .tp-rightarrow.preview1:after { content: '\e806'; } .tp-leftarrow.preview1:after { content: '\e805'; } .tp-banner-container.half-height-revolution { height: 70vh!important; } .tp-banner-container .copyrights-3 p { color: #ffffff; } .tp-bullets.preview1 { z-index: 50; } .tp-caption:active { cursor: -webkit-grabbing; cursor: -moz-grabbing; } .rs-medium-heading { font-weight: 300; letter-spacing: -1.5px; line-height: 1.2; /*text-transform: capitalize;*/ font-family: "Helvetica Neue",Helvetica,Arial,sans-serif, Arial, serif; font-size: 2.8em; color: #ffffff; } .rs-medium-heading-bold { font-weight: 700; letter-spacing: -1.5px; line-height: 1.2; /*text-transform: capitalize;*/ font-family: "Helvetica Neue",Helvetica,Arial,sans-serif, Arial, serif; font-size: 3em; color: #ffffff; } .rs-medium-title { font-weight: 300; letter-spacing: 1px; line-height: 41px; /*text-transform: capitalize;*/ font-family: "Helvetica Neue",Helvetica,Arial,sans-serif, Arial, serif; font-size: 2em; color: #ffffff; } .tp-caption.btn { webkit-transition: all 0.35s ease-out!important; -moz-transition: all 0.35s ease-out!important; -o-transition: all 0.35s ease-out!important; -ms-transition: all 0.35s ease-out!important; transition: all 0.35s ease-out!important; } .tp-caption a.btn-white-reverse { color: #ffffff!important; } .tp-caption a.btn-white { color: #2f2f2f!important; } .tp-thumbs.erinyen .tp-thumb { opacity: 0.75; padding: 0 5px; } .tp-thumbs.erinyen .tp-thumb.selected, .tp-thumbs.erinyen .tp-thumb:hover { opacity: 1; } .tp-thumbs.erinyen .tp-thumb-box { float: left; padding: 0; width: 100%; position: relative; height: 100%; -webkit-border-radius: 4px; border-radius: 4px; } .tp-thumbs.erinyen .tp-thumb-more:before { color: #fff; top: 50%; margin: -6px 0 0; } .tp-thumbs.erinyen .tp-thumb.selected .tp-thumb-more:before, .tp-thumbs.erinyen .tp-thumb:hover .tp-thumb-more:before { color: #fff; } .tp-thumbs.erinyen .tp-thumb-title { top: 50%; padding-top: 0; padding-bottom: 0; padding: 0 27px; text-align: center; height: auto; margin: -7px 0 0; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif, Arial, serif; font-weight: 700; } .tp-thumbs.erinyen .tp-thumb .tp-thumb-over { -webkit-border-radius: 4px; border-radius: 4px; background: rgba(0,0,0,0.25); } .tp-thumbs.erinyen .tp-thumb .tp-thumb-image { -webkit-border-radius: 4px; border-radius: 4px; } .tp-thumbs.erinyen .tp-thumb.selected .tp-thumb-over, .tp-thumbs.erinyen .tp-thumb:hover .tp-thumb-over { background: rgba(0,0,0,0.25); } .tp-thumbs.erinyen .tp-thumb.selected .tp-thumb-title, .tp-thumbs.erinyen .tp-thumb:hover .tp-thumb-title { color: #fff; } .tp-thumbs.gyges.nav-dir-vertical { background: rgba(0,0,0,0.1); } .tp-thumbs.gyges.nav-dir-vertical .tp-thumb-img-wrap { background: transparent; padding: 0; opacity: 0.75; } .tp-thumbs.gyges.nav-dir-vertical .tp-thumb:hover .tp-thumb-img-wrap, .tp-thumbs.gyges.nav-dir-vertical .tp-thumb.selected .tp-thumb-img-wrap { opacity: 1; background: transparent; } .tp-thumbs.gyges.nav-dir-vertical .tp-thumb-image { -webkit-box-shadow: 0 0 0 0 transparent; -moz-box-shadow: 0 0 0 0 transparent; box-shadow: 0 0 3px 0 rgba(0,0,0,0.15); -webkit-border-radius: 4px; border-radius: 4px; } .tp-caption.NotGeneric-Title, .NotGeneric-Title { font-family: "Helvetica Neue",Helvetica,Arial,sans-serif, Arial, serif; font-weight: 400; line-height: 1.2; } .tp-caption.NotGeneric-SubTitle, .NotGeneric-SubTitle { color: #fff; font-size: 23px; line-height: 23px; font-weight: 400; font-style: italic; font-family: Georgia,serif; padding: 0; text-decoration: none; text-align: center; letter-spacing: 0; } .title-medium-gym { font-size: 30px; line-height: 30px; font-weight: 400; color: rgba(255, 255, 255, 1.00); font-family: "Helvetica Neue",Helvetica,Arial,sans-serif, Arial, serif; letter-spacing: 0px; } .title-big-gym { font-size: 45px; line-height: 45px; font-weight: 700; color: rgba(255, 255, 255, 1.00); font-family: "Helvetica Neue",Helvetica,Arial,sans-serif, Arial, serif; letter-spacing: 0px; } .title-small-gym { font-size: 17px; line-height: 17px; font-weight: 400; color: rgba(255, 255, 255, .7); font-family: "Helvetica Neue",Helvetica,Arial,sans-serif, Arial, serif; letter-spacing: 0px; } .title-big-corporate { text-transform: uppercase; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif,Arial,Verdana, Arial, serif; color: #ffffff; font-size: 80px; font-weight: 600; white-space: nowrap; } .title-small-corporate { font-family: "Helvetica Neue",Helvetica,Arial,sans-serif,Arial,Verdana, Arial, serif; color: #ffffff; font-size: 20px; font-weight: 300; white-space: nowrap; } .tp-caption.title-medium .tp-charsplit { font-weight: 600!important; } #gym-2-revoultion { z-index: 10; } #gym-2-revolution .tp-tabs { max-width: 1440px!important; } #classic-full-revolution { z-index: 10; } a.tp-caption.btn { border-width: 1px!important; } .hesperiden .tp-tab-date { text-transform: uppercase; } .hesperiden .tp-tab:hover, .tp-tab.selected { background: #f9f9f9!important; } .tp-tabs .outer-bottom hesperiden { z-index: 10!important; } .title-big-corporate { text-align: center; white-space: nowrap; font-size: 60px; line-height: 65px; font-weight: 600; color: #fff; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif,Arial,Verdana, Arial, serif; text-align: center; /*text-transform: capitalize;*/ } .title-small-corporate { z-index: 9; text-align: center; white-space: nowrap; font-size: 22px; line-height: 34px; font-weight: 400; color: #ffffff; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif,Arial,Verdana, Arial, serif; } .tp-btn-fix { top: -10px; } /*------------ ( Revolution Slider Banner Container ) ------------*/ .tp-banner-container { width: 100%; position: relative; padding: 0; float: left; } .tp-banner-normal { width: 100%; height: auto !important; } .tp-banner { width: 100%; position: relative; } .tp-banner-fullscreen-container { width: 100%; height: 809px; position: relative; padding: 0; } .tp-bullets.simplebullets.navbar { height: 35px; padding: 0px 0px; } .tparrows.preview5 { min-width: 60px; min-height: 60px; background-color: rgba(0,0,0,0.2) !important; overflow: hidden; -webkit-transition: -webkit-transform 1.3s; -webkit-transition: width 0.3s,background-color 0.3s,opacity 0.3s; transition: width 0.3s,background-color 0.3s,opacity 0.3s; backface-visibility: hidden; } .tparrows.preview5:after { position: absolute; top: 50%; font-family: "Ionicons"; color: #aaa; font-size: 25px; margin-top: -19px; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; transition: color 0.3s; } .tp-rightarrow.preview5:after { content: "\f125"; right: 23px; } .tp-leftarrow.preview5:after { content: "\f124"; left: 23px; } .tparrows.preview5 .tp-arr-titleholder { background-size: cover; background-position: center center; display: block; visibility: hidden; position: relative; top: 0px; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; -webkit-backface-visibility: hidden; backface-visibility: hidden; white-space: nowrap; color: #000; text-transform: uppercase; font-weight: 400; font-size: 14px; line-height: 60px; padding: 0px 10px; } .tp-leftarrow.preview5 { left: 0 !important; } .tp-rightarrow.preview5 { right: 0 !important; } .tp-rightarrow.preview5 .tp-arr-titleholder { right: 50px; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); -moz-transform: translateX(-100%); transform: translateX(-100%); } .tp-leftarrow,.tp-rightarrow { background-image: none !important; } .tp-leftarrow.preview5 .tp-arr-titleholder { left: 50px; -webkit-transform: translateX(100%); -ms-transform: translateX(-100%); -moz-transform: translateX(-100%); transform: translateX(100%); } .tparrows.preview5.hovered { width: 300px; } .tparrows.preview5:hover:after { color: #fff !important; } .tparrows.preview5:hover { background-color: rgba(0,0,0,0.7) !important; } .tparrows.preview5:hover .tp-arr-titleholder { -webkit-transform: translateX(0px); -ms-transform: translateX(0px); -moz-transform: translateX(0px); transform: translateX(0px); visibility: visible; position: absolute; } .tp-bullets.preview5 { height: 17px; } .tp-bullets.preview5 .bullet { cursor: pointer; position: relative !important; background: rgba(0,0,0,0.5) !important; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; width: 6px !important; height: 6px !important; border: 5px solid rgba(0,0,0,0) !important; display: inline-block; margin-right: 2px !important; margin-bottom: 0px !important; -webkit-transition: background-color 0.2s,border-color 0.2s; -moz-transition: background-color 0.2s,border-color 0.2s; -o-transition: background-color 0.2s,border-color 0.2s; -ms-transition: background-color 0.2s,border-color 0.2s; transition: background-color 0.2s,border-color 0.2s; float: none !important; box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; } .tp-bullets.preview5 .bullet.last { margin-right: 0px; } .tp-bullets.preview5 .bullet:hover,.tp-bullets.preview5 .bullet.selected { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background: rgba(255,255,255,1) !important; width: 6px !important; height: 6px !important; border: 5px solid rgba(0,0,0,1) !important; } .tp-arr-titleholder.alwayshidden { display: none !important; } .tp-caption.layersl_heavy,.tp-caption.layersl_light,.layersl_highlight { font-size: 72px; line-height: 72px; font-weight: 200 !important; color: rgb(255,255,255); text-decoration: none; background-color: transparent; text-shadow: none; border-width: 0px; border-color: rgb(0,0,0); border-style: none; } .tp-caption.layersl_light { font-weight: 300 !important; font-size: 26px !important; line-height: 1.6 !important; letter-spacing: 1px !important; } .layersl_highlight { color: #000; font-size: 25px; font-weight: 400; padding: 6px 16px; line-height: 30px; background-color: #fff; } .tp_caption_big { color: #ffffff; font-size: 60px; font-weight: 600; line-height: 30px; letter-spacing: 1px; text-transform: uppercase; } .tp_medium_itallic { color: #ffffff; font-size: 30px; line-height: 33px; font-weight: 400; font-style: italic; letter-spacing: 1px; /*text-transform: capitalize;*/ } .tp_divider { height: 2px; width: 10%; background-color: #ffffff; } .layersl_bigbold { z-index: 6; line-height: 60px; padding: 3px 0px; letter-spacing: 1px; font-weight: 800; font-size: 70px; color: #ffffff; text-transform: uppercase; } .layersl_biglight { z-index: 6; line-height: 70px; padding: 3px 0px; letter-spacing: 1px; font-weight: 100; font-size: 70px; color: #ffffff; text-align: center; text-transform: uppercase; } .layer_subscribe { width: 80%; position: relative; float: left; } /*------------ ( Layer Slider ) ------------*/ #layerslider { height: 840px; } .ls-nav-prev, .ls-nav-next { font-family: "Simple-Line-Icons-Pro"; line-height: 70px; position: absolute; top: 50%; display: block!important; z-index: 100; width: 64px; height: 64px; margin-top: -10px; padding: 0; cursor: pointer; color: transparent; border: none; outline: none; background: rgba(0,0,0,0.15); line-height: 100px; -webkit-transition: background 0.3s, color 0.3s; -moz-transition: background 0.3s, color 0.3s; transition: background 0.3s, color 0.3s; } .ls-nav-next { right: 0; } a.ls-nav-prev:before { content: '\e805'; color: #ffffff; font-size: 22px; position: relative; top: 20px; left: 24px; } a.ls-nav-next:before { content: '\e806'; color: #ffffff; font-size: 22px; position: relative; left: 25px; top: 20px; } .ls-gpuhack { background: rgba(0,0,0,0.60); } #layerslider .title-medium { font-size: 5em; line-height: 1.3; } /*------------ ( Card Slider ) ------------*/ .cardslider { height: 840px; } .cs-description { top: 28%; } .cardslider .cs-nav-prev, .cardslider .cs-nav-next { background: transparent; font-family: "Simple-Line-Icons-Pro"; width: 64px; height: 64px; cursor: pointer; background: rgba(0,0,0,0.15); -webkit-transition: background 0.3s, color 0.3s; -moz-transition: background 0.3s, color 0.3s; transition: background 0.3s, color 0.3s; } .cardslider .cs-nav-prev:before { content: '\e805'; color: #ffffff; font-size: 22px; position: relative; top: 14px; left: 24px; } .cardslider .cs-nav-next:before { content: '\e806'; color: #ffffff; font-size: 22px; position: relative; left: 28px; top: 14px; } .cs-slide { width: 100%; height: 100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .cs-media, .cs-description { z-index: 999; } h1.cs-desc-title { font-weight: 600; letter-spacing: -0.07em; line-height: 1.1; /*text-transform: capitalize;*/ font-family: "Helvetica Neue",Helvetica,Arial,sans-serif, Arial, serif; font-size: 5em; text-shadow: 0 0 5px rgba(0,0,0,0.1); } .cs-desc-title { margin: 0; padding: 0; } .cs-desc-content p { font-weight: 300; font-size: 18px; line-height: 1.6; letter-spacing: 0.5px; color: #ffffff; margin-bottom: 40px; } /*------------ ( Accordion Slider ) ------------*/ .as-mask { width: 100% !important; } .as-has-buttons { margin-bottom: 0!important; } .as-grab { cursor: pointer!important; } .as-panel { z-index: 99; } .as-panel:hover { cursor: pointer; } .accordion-slider .overlay-bg.flat { background-color: rgba(33, 37, 47, 0.5)!important; } .as-panel .as-panel-text-box { float: left; z-index: 99; width: 100%; max-width: 800px; padding: 0 40px; } .as-panel h1 { font-weight: 200; letter-spacing: 1px; /*text-transform: capitalize;*/ font-family: "Helvetica Neue",Helvetica,Arial,sans-serif, Arial, serif; font-size: 3.2em; color: #fff; text-transform: uppercase; letter-spacing: -0.2px; z-index: 99; } .as-panel p { font-size: 18px; font-weight: 100; color: #ffffff; line-height: 30px; letter-spacing: 1px; z-index: 99; } .as-panel a.btn { z-index: 99; } .as-pagination-buttons { top: 94%!important; z-index: 100; } .as-pagination-button { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background: rgba(255, 255, 255, 0.3); width: 10px; height: 10px; border-radius: 100px; border: none; } .as-pagination-button:hover,.as-pagination-buttons .as-selected { background: #FFF; width: 10px; height: 10px; border-radius: 100px; border: none; } .accordion-slider a { webkit-transition: all 0.35s ease-out; -moz-transition: all 0.35s ease-out; -o-transition: all 0.35s ease-out; -ms-transition: all 0.35s ease-out; transition: all 0.35s ease-out; } /*------------ ( Royal Slider ) ------------*/ .rsABlock { left: 10%; top: 25%; position: absolute; z-index: 15; color: #fff; } .royalSlider-default .rsABlock { top: 10%; } .rsABlock p { font-weight: 300; font-size: 26px; line-height: 1.6; letter-spacing: 1px; color: #ffffff; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif, sans-serif; margin-bottom: 40px; } .rsArrow { font-family: "Simple-Line-Icons-Pro"; position: absolute; top: 50%; width: 64px; height: 64px; cursor: pointer; background: rgba(0,0,0,0.15); -webkit-transition: background 0.3s, color 0.3s; -moz-transition: background 0.3s, color 0.3s; transition: background 0.3s, color 0.3s; } .rsArrow.rsArrowRight { right: 0; } .rsArrow.rsArrowRight::before { right: 0; content: '\e806'; color: #ffffff; position: relative; font-size: 22px; left: 28px; top: 15px; } .rsArrow.rsArrowLeft::before { content: '\e805'; color: #ffffff; font-size: 22px; position: relative; top: 15px; left: 24px; } .royalSlider .grab-cursor { cursor: -webkit-grab; cursor: -moz-grab; } .royalSlider .grabbing-cursor { cursor: -webkit-grabbing; cursor: -moz-grabbing; } .text-white { color: #ffffff!important; } #fp-nav ul li a span, .fp-slidesNav ul li a span { background-color: rgba(255, 255, 255, 0.75); } #fp-nav ul li a.active span, .fp-slidesNav ul li a.active span { background-color: rgba(255, 255, 255, 0.95); } .tp-caption .rs-starring .star-rating:before, .tp-caption .rs-starring-page .star-rating:before { font-family: 'Simple-Line-Icons-Pro'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; content: "\ee21\ee21\ee21\ee21\ee21"; color: #FFC321; } .rs-starring .star-rating { margin-right: 30px!important; letter-spacing: 5px!important; } .slider-hosting-section { display: block; position: relative; width: 100%; background: #f6f6f6; } .slider-hosting-section .tp-tabs { margin: 0 auto; padding: 0 !important; -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.15); box-shadow: 0 0 5px 0 rgba(0,0,0,0.15); } .slider-hosting-section .hesperiden .tp-tab:hover,.slider-hosting-section .hesperiden .tp-tab.selected { background: #f9f9f9; } .slider-parallax-section { display: block; position: relative; width: 100%; background: #ddd; } .tp-caption.Photography-Subline, .Photography-Subline { font-family: "Helvetica Neue",Helvetica,Arial,sans-serif, Arial, serif!important; color: rgba(255, 255, 255, 0.5); } .tp-caption .hotography-Display { font-family: "Helvetica Neue",Helvetica,Arial,sans-serif, Arial, serif!important; } .revtp-searchform1 { transform: scale(1.2); -ms-transform: scale(1.2); -webkit-transform: scale(1.2); } .revtp-searchform1 input[type="text"] { font-family: "Helvetica Neue",Helvetica,Arial,sans-serif, sans-serif; font-size: 15px; color: #000; background-color: #fff; padding: 20px 15px; width: 500px; cursor: text; border: 0; margin-bottom: 0px; -webkit-transition: background-color 0.5s; -moz-transition: background-color 0.5s; -o-transition: background-color 0.5s; -ms-transition: background-color 0.5s; transition: background-color 0.5s; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } .revtp-searchform1 input.btn { padding: 28px 15px!important; top: -2px; line-height: 0; } .tp-caption.VideoControls-Play, .VideoControls-Play { vertical-align: middle; font-size: 50px; line-height: 1 !important; padding: 35px 0 25px 7px !important; } .rev-scroll-btn span { width: 4px; height: 4px; left: 13px; } #layerslider .btn { webkit-transition: all 0.35s ease-out; -moz-transition: all 0.35s ease-out; -o-transition: all 0.35s ease-out; -ms-transition: all 0.35s ease-out; transition: all 0.35s ease-out; } .tp-tabs.tp-span-wrapper.inner.zeus.nav-pos-hor-left.nav-pos-ver-top.nav-dir-horizontal .tp-tab.selected, .tp-tabs.tp-span-wrapper.inner.zeus.nav-pos-hor-left.nav-pos-ver-top.nav-dir-horizontal .tp-tab-title { border-radius: 100px; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif,Arial,Verdana, sans-serif; } .tp-tabs.tp-span-wrapper.inner.zeus.nav-pos-hor-left.nav-pos-ver-top.nav-dir-horizontal { z-index: 20; } .slider-blog-desc-details { float: left; width: 100%; position: relative; padding: 0px 0 7px; border-bottom: 1px solid rgba(255,255,255,0.4); } .slider-blog-desc-details span, .slider-blog-desc-details a { float: left; padding: 0 0px 10px 0; vertical-align: middle; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; transition: all .4s ease; color: #fff; font-size: 11px; line-height: 14px; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif,Arial,Verdana, sans-serif; text-transform: uppercase; font-weight: 600; letter-spacing: 0.2px; } .slider-blog-desc-details [class^="icon-"] { font-family: 'Simple-Line-Icons-Pro'; } .slider-blog-desc-details span a { float: none; padding: 0; } .slider-blog-desc-details .bdate { padding: 0 20px 8px 0; } .slider-blog-desc-details span { padding: 0 5px 0 0; font-size: 14px; position: relative; top: 0px; line-height: 14px !important; height: 14px !important; } .slider-blog-desc-details span { padding: 0 5px 0 0; font-size: 16px; position: relative; top: 0px; line-height: 14px !important; height: 14px !important; } .slider-blog-desc-details:after { display: none; } .tp-box-wrap { background-color: #ffffff; padding: 40px 60px; } .tp-box-wrap-tip { background-color: #464646; padding: 5px 12px; border-radius: 4px; } .tp-box-wrap-tip p { color: #ffffff; margin: 0!important; padding: 0!important; font-weight: 600!important; \; } .tp-box-wrap h1, .tp-box-wrap p, .tp-box-wrap span { width: 100%; float: left; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif,Arial,Verdana, sans-serif; color: #ffffff!important; } .tp-box-wrap h1 { font-size: 27px; line-height: 1.2; text-transform: uppercase; font-weight: 600; letter-spacing: 0.2px; text-align: left; margin-bottom: 15px; } .tp-box-wrap p { font-size: 13px; line-height: 2; text-transform: uppercase; font-weight: 300; letter-spacing: 0.2px; text-align: left; margin-bottom: 15px; } .tp-box-wrap span { text-transform: uppercase; text-align: left; font-weight: 500; font-size: 14px; line-height: 22px; } .tp-box-wrap .divider-line { width: 100%; float: left; border: 1px solid rgba(255,255,255,0.1); margin: 15px 0; } .tp-box-wrap .price { font-size: 27px; line-height: 1.2; text-transform: uppercase; font-weight: 600; letter-spacing: 0.2px; text-align: left; } .tp-tabs.inner.zeus.nav-pos-hor-center.nav-pos-ver-bottom, .home-gym .tp-mask, .home-gym .tp-tabs.inner.zeus.nav-pos-hor-center.nav-pos-ver-bottom, .home-gym .tp-mask, .home-gym .tp-tabs-inner-wrapper { max-width: 1440px!important; width: 1440px!important; margin-top: 20px!important; } .ms-container { cursor: -webkit-grab; cursor: -moz-grab; } #slider-shop-revolution { z-index: 10!important; } .tp-caption.PostSlider-Title, .PostSlider-Title { font-family: "Helvetica Neue",Helvetica,Arial,sans-serif, Arial, Verdana; } .tp-caption.PostSlider-Title, .PostSlider-Title { float: left; width: 100%; position: relative; margin: 0 0 10px 0; padding: 0; font-size: 26px; font-weight: normal; line-height: 1.4; -webkit-font-smoothing: antialiased; } /*------------ ( Landing Page ) ------------*/ .button-intro-box { margin: 30px 0 0; float: left; width: 100%; text-align: center; } .landing-page-intro-content { float: left; width: 100%; } .landing-page-intro-content h1 { font-size: 68px; font-weight: 300; margin: 0 0 40px; } .landing-page-intro-content p { font-size: 18px; margin: 0 0 50px; } .landing-page-intro-content .btn { margin: 0 0 50px; } /*------------ ( Intro Image ) ------------*/ .intro-image-box { float: none; width: 100%; position: relative; text-align: center; margin: 0 auto; } .intro-image-box img { display: inline-block; max-width: 100%; position: relative; height: auto; } .landing-map-image-box { float: left; width: 100%; position: relative; text-align: center; margin: 0 0 50px; } .landing-map-image-box img { display: inline-block; max-width: 100%; position: relative; height: auto; } /*------------ ( Pinpulse Box ) ------------*/ .pinpulsebox { height: 60px; width: 60px; position: absolute; z-index: 20; } .pinpulsebox.position-1 { left: 16%; top: 24%; } .pinpulsebox.position-2 { right: 24%; top: 26%; } .pinpulsebox.position-3 { left: 50%; top: 52%; } .pinpulse { border-width: 4px; border-style: dotted; -webkit-border-radius: 50%; border-radius: 50%; height: 60px; width: 60px; display: inline-block; position: absolute; top: 0; left: 0; text-align: center; -moz-animation: pulsate 01s ease-out; -o-animation: pulsate 01s ease-out; -webkit-animation: pulsate 01s ease-out; animation: pulsate 01s ease-out; -moz-animation-iteration-count: infinite; -o-animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; opacity: 0.0; } .pinpulsebox span { -webkit-border-radius: 50%; border-radius: 50%; height: 16px; width: 16px; margin: 22px 0; display: inline-block; -webkit-animation: none; } .pinpulsebox.pinpulse-white .pinpulse { border-color: #ffffff; } .pinpulsebox.pinpulse-white span { background-color: #ffffff; } @-moz-keyframes pulsate { 0% { -moz-transform: scale(0.1,0.1); opacity: 0.0; } 50% { opacity: 1.0; } 100% { -moz-transform: scale(1.3,1.3); opacity: 0.0; } } @-o-keyframes pulsate { 0% { -o-transform: scale(0.1,0.1); opacity: 0.0; } 50% { opacity: 1.0; } 100% { -o-transform: scale(1.3,1.3); opacity: 0.0; } } @-webkit-keyframes pulsate { 0% { -webkit-transform: scale(0.1,0.1); opacity: 0.0; } 50% { opacity: 1.0; } 100% { -webkit-transform: scale(1.3,1.3); opacity: 0.0; } } @keyframes pulsate { 0% { transform: scale(0.1,0.1); opacity: 0.0; } 50% { opacity: 1.0; } 100% { transform: scale(1.3,1.3); opacity: 0.0; } } /*------------ ( Landing Section ) ------------*/ .landing-section { position: relative; width: 100%; height: 100%; overflow: hidden; padding: 0; } /*------------ ( Overlay Landing ) ------------*/ .overlay-landing-content { height: 100%; position: relative; color: #fff; z-index: 100; top: 0; left: 0; padding: 0 80px; } .overlay-landing-content.lefted { float: left; left: 0; } .overlay-landing-content.righted { float: right; right: 0; } .overlay-landing-content.centered { float: left; left: 50%; margin-left: -34%; width: 72%; } .overlay-landing-content h1 { display: inline-block; width: 100%; color: #fff; font-size: 52px; margin-top: 0; letter-spacing: 1px; } .overlay-landing-content p { display: inline-block; width: 100%; color: #fff; font-size: 16px; } /*------------ ( Intro Text 2 ) ------------*/ .intro-text-2 { width: 100%; display: inline-block; text-align: center; } .intro-text-2 h1 { font-size: 58px; font-weight: 400; margin: 0; line-height: 120px; color: #fff; text-align: center; } .intro-text-2 p { font-size: 20px; font-weight: 400; line-height: 10px; display: block; color: #ffffff; text-align: center; } .intro-text-2 a { text-align: center; margin-right: 15px; margin-bottom: 0px; display: inline-block; float: none; } /*------------ ( Landing Content ) ------------*/ .landing-logo { height: 100%; position: relative; text-align: center; } .landing-logo .brand-modern { float: none; display: inline-block; -moz-transform: scale(1.8); -webkit-transform: scale(1.8); -o-transform: scale(1.8); -ms-transform: scale(1.8); transform: scale(3); padding-top: 0; } .landing-content { height: 100%; position: relative; } .landing-content.centered { text-align: center; } .landing-content h1 { font-size: 42px; font-weight: 600; } .landing-logo p { margin-top: 30px; font-size: 18px; } .landing-text-box { float: left; width: 100%; position: relative; } .landing-text-box a.brand-modern { float: none; } .landing-text-box h2 { float: none; font-size: 42px; /*text-transform: capitalize;*/ letter-spacing: -1px; font-weight: 600; } .webinar-team { float: left; width: 100%; position: relative; padding: 0 0 50px; z-index: 9; } .webinar-team-event { padding: 0; float: left; position: relative; } .webinar-team-event .wte-date { padding: 0; float: left; width: 100%; font-size: 22px; line-height: 1; position: relative; } .webinar-team-event .wte-time { padding: 0; float: left; width: 100%; font-size: 22px; line-height: 1; position: relative; color: #888; margin: 15px 0 10px 0; } .webinar-team-event .wte-time strong { font-size: 14px; line-height: 1; position: relative; font-weight: 400; top: -6px; color: #888; } .webinar-team-event .wte-separator { padding: 0; float: left; width: 100%; height: 8px; position: relative; } .webinar-team-event .wte-separator:before { position: absolute; z-index: 5; content: ""; top: 0; right: -15px; width: 15px; height: 8px; } .webinar-team-event .wte-more { float: left; width: auto; font-size: 12px; line-height: 1; position: relative; margin: 20px 0 0; color: #888; padding: 12px 10px 10px 10px; border: 1px solid rgba(0,0,0,0.25); border-radius: 2px; } .webinar-team-info { padding: 0; float: left; position: relative; } .webinar-team-info .wti-image { padding: 0; float: left; position: relative; } .webinar-team-info .wti-desc { padding: 0 0 0 30px; float: left; position: relative; } .webinar-team-info .wti-image img { float: left; width: 100%; height: auto; } .webinar-team-info .wti-name { float: left; width: 100%; margin: 0; padding: 0; font-weight: 500; font-size: 18px; } .webinar-team-info .wti-position { float: left; width: 100%; margin: 0; padding: 0; font-size: 13px; } .webinar-team-info .wti-title { float: left; width: 100%; margin: 20px 0 0; padding: 0; font-weight: 400; } .webinar-team-info .wti-title a { color: #303133; } .webinar-profil { float: left; width: 100%; position: relative; } .webinar-profil .wpl-title-box { float: left; width: 100%; position: relative; } .webinar-profil .wpl-name { float: left; width: 100%; margin: 0; padding: 0; font-weight: 300; } .webinar-profil .wpl-position { float: left; width: 100%; margin: 0; padding: 0; font-size: 13px; } .webinar-profil .wpl-title { float: left; width: 100%; margin: 10px 0 30px; padding: 0; font-weight: 400; } .webinar-profil-event { padding: 0; float: left; position: relative; } .webinar-profil-event .wpe-date { padding: 0; float: left; width: 100%; font-size: 24px; line-height: 1; position: relative; } .webinar-profil-event .wpe-time { padding: 0; float: left; width: 100%; font-size: 24px; line-height: 1; position: relative; color: #888; margin: 0 0 5px; } .webinar-profil-event .wpe-time strong { font-size: 14px; line-height: 1; position: relative; font-weight: 400; top: -6px; color: #888; } .webinar-profil-event .wpe-separator { padding: 0; float: left; width: 100%; height: 10px; position: relative; } .webinar-profil-desc { float: left; position: relative; padding: 0 0 0 30px; } .webinar-profil-image { float: left; width: 100%; position: relative; margin: 0 0 20px; } .webinar-profil-right .wpr-name { float: left; width: 100%; position: relative; margin: 0 0 5px; } .webinar-profil-right .wpr-position { float: left; width: 100%; position: relative; font-size: 12px; margin: 0 0 20px; } .webinar-profil-right .wpr-desc { float: left; width: 100%; position: relative; } /* ---------------------------------------------------------------- CUSTOM CSS ---------------------------------------------------------------- */ /*#c_7b1cd038c6651770e8e795d7f63286b3 { height:100%; background-image: url('{{ asset('/frontend/images/nuvens.jpg') }}') !important; width: 100% !important; }*/ .portfolio-project-desc { text-align: justify !important; margin-bottom: 10px; } .fullwidth-revoultion-600 { display:none; height: 600px !important; overflow: hidden !important; } .overlay-bg.flat { background-image: linear-gradient(90deg, rgba(0,0,0,0.3) 25%, rgba(0,0,0,0.3) 100%); background-image: -moz-linear-gradient(left, rgba(0,0,0,0.3) , rgba(0,0,0,0.3) 100%); background-image: -webkit-linear-gradient(left, rgba(0, 0, 0,0.3) , rgba(0, 0, 0,0.3) 100%); background-image: -o-linear-gradient(left, rgba(0, 0, 0,0.3) , rgba(0, 0, 0,0.3) 100%); background-image: -ms-linear-gradient(left, rgba(0, 0, 0,0.3) , rgba(0, 0, 0,0.3) 100%); } .title-layer { z-index: 10; white-space: nowrap; white-space: nowrap; font-size: 50px; line-height: 60px; font-weight: 200; color: #fff;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif,Arial,Verdana, Arial;text-align:center; } .text-layer { z-index: 11; } .slider-summary { font-size: 16px; line-height: 26px; font-weight: 300; color: #fff;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif,Arial,Verdana, Arial;text-align:center; margin-bottom: 10px; } .smllogo a img { min-height: 80px; } .farmacias-wrapper iframe { width: 99% !important; height: 224px;} .smaller-news-title { font-size: 18px !important; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif,Arial,Verdana !important; float: left; width: 100%; position: relative; margin: 0 0 10px 0; padding: 0; font-weight: normal; } .smaller-news-image { max-height: 230px; } .blog-desc { z-index: 2; } .search-popup-box .search-form-popup .form-group input { border-radius: 0px !important; } .video-wrapper-agenda iframe{ width: 100% !important; } @media screen and (min-width: 768px) { .small-items-list { height: 220px !important; overflow: hidden !important; } .smaller-gallery-image { float: none !important; ; height: 230px !important; overflow: hidden !important; } .autarcas-image-wrapper { height: 300px; overflow: hidden; } } @media screen and (min-width: 992px) { .smaller-gallery-image { float: none !important; ; height: 200px !important; overflow: hidden !important; } .autarcas-image-wrapper { height: 350px; overflow: hidden; } .farmacias-wrapper iframe { width: 99% !important; height: 248px;} } @media screen and (min-width: 1441px) { .smaller-gallery-image { float: none !important; ; height: 250px !important; overflow: hidden !important; } .autarcas-image-wrapper { height: 400px; overflow: hidden; } .farmacias-wrapper iframe { width: 99% !important; height: 348px;} } .blog-item { left: 0px !important; top:0px !important; position: relative !important;} .blogbox { height: auto !important; } .items-news-block { display: inline-block !important;} .contactos-gerais-labels{ text-align:right !important; margin-right: 15px !important; width: 100px !important; display: inline-block;} .section>.container-fluid{ min-height: 240px; } .red-signout-tab a:hover,.red-signout-tab a:focus {opacity: 0.7 !important;} .tab-content{ border: 1px solid #eee; border-top: none; padding: 10px 20px 10px 20px;} .small-margin { margin-bottom: 1px; margin-top: 1px; } .gray-wrapper-sidebar { padding: 15px; background: #F1F1F1; } .no-bullet-li { list-style: none; } /*.no-bullet-ul { -webkit-padding-start: 0px; }*/ .inBlock { display: inline-block; } .chat-box-wrapper { overflow: scroll; width: auto; height: 450px; } .custom-p-line-top { border-bottom: 1px solid #f1f1f1; padding-top: 10px; margin-bottom: 10px;} .background-cust-1 { background-color: #338FCB !important; } .background-cust-2 { background-color: #FD7A6C !important; } @media screen and (min-width: 801px) { .wrapper-toponimia-page { margin-top: -60px !important; } } .fc-day-grid-container { height: 100% !important; } .text-black { color:#333 !important; } .date-documents { margin-top: 10px; font-size: 12px; } .latest-post-month{ font-size: 11px; } .image-text-arround { display: inline-block; } .img-big-float-right { float: right; margin-left: 30px; width: 100%; max-width: 350px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; display: inline-block; } #map_wrapper_div #google-map-4{ border: 2px solid #ddd; } #map_wrapper_div { padding-right: 0px;} #icon_details_tab { border: 1px solid #ddd; position: absolute; right: 15px; background-color: rgba(0,92,150,0.9); overflow-y: scroll !important;} @media only screen and (max-width: 1023px) { .wsmobileheader a.brand-modern { width: 100% !important; text-align: center !important; margin-left: 50px !important;} .wsmobileheader a.brand-modern img { max-width: 150px !important; margin: auto !important; width: auto !important; max-height: 80px; } .logo-label { display: none !important; } } /* * Component: Info Box * ------------------- */ .info-box { display: block; min-height: 90px; background: #fff; width: 100%; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); border-radius: 2px; margin-bottom: 15px; } .info-box small { font-size: 14px; } .info-box .progress { background: rgba(0, 0, 0, 0.2); margin: 5px -10px 5px -10px; height: 2px; } .info-box .progress, .info-box .progress .progress-bar { border-radius: 0; } .info-box .progress .progress-bar { background: #fff; } .info-box-icon { border-top-left-radius: 2px; border-top-right-radius: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 2px; display: block; float: left; height: 90px; width: 90px; text-align: center; font-size: 45px; line-height: 90px; background: rgba(0, 0, 0, 0.2); } .info-box-icon > img { max-width: 100%; } .info-box-content { padding: 5px 10px; margin-left: 90px; } .info-box-number { display: block; font-weight: bold; font-size: 18px; } .progress-description, .info-box-text { display: block; font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .info-box-text { text-transform: uppercase; } .info-box-more { display: block; } .progress-description { margin: 0; } .bg-red, .bg-yellow, .bg-aqua, .bg-blue, .bg-light-blue, .bg-green, .bg-navy, .bg-teal, .bg-olive, .bg-lime, .bg-orange, .bg-fuchsia, .bg-purple, .bg-maroon, .bg-black, .bg-red-active, .bg-yellow-active, .bg-aqua-active, .bg-blue-active, .bg-light-blue-active, .bg-green-active, .bg-navy-active, .bg-teal-active, .bg-olive-active, .bg-lime-active, .bg-orange-active, .bg-fuchsia-active, .bg-purple-active, .bg-maroon-active, .bg-black-active, .callout.callout-danger, .callout.callout-warning, .callout.callout-info, .callout.callout-success, .alert-success, .alert-danger, .alert-error, .alert-warning, .alert-info, .label-danger, .label-info, .label-warning, .label-primary, .label-success, .modal-primary .modal-body, .modal-primary .modal-header, .modal-primary .modal-footer, .modal-warning .modal-body, .modal-warning .modal-header, .modal-warning .modal-footer, .modal-info .modal-body, .modal-info .modal-header, .modal-info .modal-footer, .modal-success .modal-body, .modal-success .modal-header, .modal-success .modal-footer, .modal-danger .modal-body, .modal-danger .modal-header, .modal-danger .modal-footer { color: #fff !important; } .bg-gray { color: #000; background-color: #d2d6de !important; } .bg-gray-light { background-color: #f7f7f7; } .bg-black { background-color: #111111 !important; } .bg-red, .callout.callout-danger, .alert-danger, .alert-error, .label-danger, .modal-danger .modal-body { background-color: #dd4b39 !important; } .bg-yellow, .callout.callout-warning, .alert-warning, .label-warning, .modal-warning .modal-body { background-color: #f39c12 !important; } .bg-aqua, .callout.callout-info, .alert-info, .label-info, .modal-info .modal-body { background-color: #00c0ef !important; } .bg-blue { background-color: #0073b7 !important; } .bg-light-blue, .label-primary, .modal-primary .modal-body { background-color: #3c8dbc !important; } .bg-green, .callout.callout-success, .alert-success, .label-success, .modal-success .modal-body { background-color: #00a65a !important; } .bg-navy { background-color: #001f3f !important; } .bg-teal { background-color: #39cccc !important; } .bg-olive { background-color: #3d9970 !important; } .bg-lime { background-color: #01ff70 !important; } .bg-orange { background-color: #ff851b !important; } .bg-fuchsia { background-color: #f012be !important; } .bg-purple { background-color: #605ca8 !important; } .bg-maroon { background-color: #d81b60 !important; } .bg-gray-active { color: #000; background-color: #b5bbc8 !important; } .bg-black-active { background-color: #000000 !important; } .bg-red-active, .modal-danger .modal-header, .modal-danger .modal-footer { background-color: #d33724 !important; } .bg-yellow-active, .modal-warning .modal-header, .modal-warning .modal-footer { background-color: #db8b0b !important; } .bg-aqua-active, .modal-info .modal-header, .modal-info .modal-footer { background-color: #00a7d0 !important; } .bg-blue-active { background-color: #005384 !important; } .bg-light-blue-active, .modal-primary .modal-header, .modal-primary .modal-footer { background-color: #357ca5 !important; } .bg-green-active, .modal-success .modal-header, .modal-success .modal-footer { background-color: #008d4c !important; } .bg-navy-active { background-color: #001a35 !important; } .bg-teal-active { background-color: #30bbbb !important; } .bg-olive-active { background-color: #368763 !important; } .bg-lime-active { background-color: #00e765 !important; } .bg-orange-active { background-color: #ff7701 !important; } .bg-fuchsia-active { background-color: #db0ead !important; } .bg-purple-active { background-color: #555299 !important; } .bg-maroon-active { background-color: #ca195a !important; } [class^="bg-"].disabled { opacity: 0.65 !important; filter: alpha(opacity=65) !important; } /* SOCIAL LINKS CUSTOM */ .social-icons ul { list-style: none; margin: 0 0 -1px 0; padding: 0; } .social-icons ul li { display: inline-block; margin: 0; padding: 0; height: 40px; overflow: hidden; } .social-icons ul li a { background-position: 0 0; background-repeat: no-repeat; display: block; height: 80px; opacity: 0.6; text-indent: -9999px; width: 40px; top: 0; font-size: 16px; position: relative; -moz-transition: all, 0.3s, ease; -o-transition: all, 0.3s, ease; -webkit-transition: all, 0.3s, ease; transition: all, 0.3s, ease; } .social-icons ul li a:hover { top: -40px; } .social-icons ul li a:before { position: absolute; width: 40px; height: 40px; font-family: FontAwesome; text-indent: 0; line-height: 40px; top: 0; left: 0; text-align: center; color: #999999; } .social-icons ul li a:after { position: absolute; width: 40px; height: 40px; font-family: FontAwesome; text-indent: 0; line-height: 40px; top: 40px; left: 0; text-align: center; color: #FFFFFF; } .social-icons ul li.social-twitter a:before, .social-icons ul li.social-twitter a:after { content: "\f099"; } .social-icons ul li.social-twitter a:after { background: #48C4D2; } .social-icons ul li.social-dribbble a:before, .social-icons ul li.social-dribbble a:after { content: "\f17d"; } .social-icons ul li.social-dribbble a:after { background: #EF5B92; } .social-icons ul li.social-facebook a:before, .social-icons ul li.social-facebook a:after { content: "\f09a"; color: #3B5998; } .social-icons ul li.social-facebook a:after { background: #3B5998; color: #FFF; } .social-icons ul li.social-google a:before, .social-icons ul li.social-google a:after { content: "\f0d5"; } .social-icons ul li.social-google a:after { background: #DD4B39; } .social-icons ul li.social-linkedin a:before, .social-icons ul li.social-linkedin a:after { content: "\f0e1"; } .social-icons ul li.social-linkedin a:after { background: #71B2D0; } .social-icons ul li.social-youtube a:before, .social-icons ul li.social-youtube a:after { content: "\f167"; } .social-icons ul li.social-youtube a:after { background: #F45750; } .social-icons ul li.social-rss a:before, .social-icons ul li.social-rss a:after { content: "\f09e"; } .social-icons ul li.social-rss a:after { background: #FE9900; } .social-icons ul li.social-behance a:before, .social-icons ul li.social-behance a:after { content: "\f1b4"; } .social-icons ul li.social-behance a:after { background: #5EB5FB; } .social-icons ul li.social-dropbox a:before, .social-icons ul li.social-dropbox a:after { content: "\f16b"; } .social-icons ul li.social-dropbox a:after { background: #85BEEC; } .social-icons ul li.social-github a:before, .social-icons ul li.social-github a:after { content: "\f09b"; } .social-icons ul li.social-github a:after { background: #94A5B0; } .social-icons ul li.social-skype a:before, .social-icons ul li.social-skype a:after { content: "\f17e"; } .social-icons ul li.social-skype a:after { background: #70CCEF; } .social-icons ul li.social-spotify a:before, .social-icons ul li.social-spotify a:after { content: "\f1bc"; } .social-icons ul li.social-spotify a:after { background: #8BD05A; } .social-icons ul li.social-stumbleupon a:before, .social-icons ul li.social-stumbleupon a:after { content: "\f1a4"; } .social-icons ul li.social-stumbleupon a:after { background: #F08066; } .social-icons ul li.social-tumblr a:before, .social-icons ul li.social-tumblr a:after { content: "\f173"; } .social-icons ul li.social-tumblr a:after { background: #85A5C3; } .social-icons ul li.social-vimeo a:before, .social-icons ul li.social-vimeo a:after { content: "\f194"; } .social-icons ul li.social-vimeo a:after { background: #7C99A8; } .social-icons ul li.social-wordpress a:before, .social-icons ul li.social-wordpress a:after { content: "\f19a"; } .social-icons ul li.social-wordpress a:after { background: #649EB9; } .social-icons ul li.social-xing a:before, .social-icons ul li.social-xing a:after { content: "\f168"; } .social-icons ul li.social-xing a:after { background: #4F9394; } .social-icons ul li.social-yahoo a:before, .social-icons ul li.social-yahoo a:after { content: "\f19e"; } .social-icons ul li.social-yahoo a:after { background: #C38DCF; } .social-icons ul li.social-vk a:before, .social-icons ul li.social-vk a:after { content: "\f189"; } .social-icons ul li.social-vk a:after { background: #708FAC; } .social-icons ul li.social-instagram a:before, .social-icons ul li.social-instagram a:after { content: "\f16d"; } .social-icons ul li.social-instagram a:after { background: #CBAA97; } .social-icons ul li.social-reddit a:before, .social-icons ul li.social-reddit a:after { content: "\f1a1"; } .social-icons ul li.social-reddit a:after { background: #FF7A52; } .social-icons ul li.social-flickr a:before, .social-icons ul li.social-flickr a:after { content: "\f16e"; } .social-icons ul li.social-flickr a:after { background: #FF4DA9; } .social-icons ul li.social-foursquare a:before, .social-icons ul li.social-foursquare a:after { content: "\f180"; } .social-icons ul li.social-foursquare a:after { background: #6FCCF4; }