D7net
Home
Console
Upload
information
Create File
Create Folder
About
Tools
:
/
home
/
diafrica
/
spre.dominicaninstitute.edu.ng
/
doc
/
css
/
Filename :
style.css
back
Copy
/*************************************************************************************************************** |||||||||||||||||||||||||||| MASTER STYLESHEET FOR Perfect |||||||||||||||||||||||||||||||||||| **************************************************************************************************************** |||||||||||||||||||||||||||| TABLE OF CONTENT |||||||||||||||||||||||||||||||||||| **************************************************************************************************************** **************************************************************************************************************** 1. Imported styles 2. Global styles 3. Header styles 4. Slider styles 5. Our Services styles 6. Our features styles 7. About section styles 8. Team Member styles 9. call to action styles 10. Blog styles 11. Testimonial styles 12. contact styles 13. Subscription styles 14. Footer styles 15. Inner banner styles 16. Inner banner styles 17. Project content styles 18. Shop styles 19. Cart Page styles 20. Checkout page styles 21. fact section styles **************************************************************************************************************** |||||||||||||||||||||||||||| End TABLE OF CONTENT |||||||||||||||||||||||||||||||||||| ****************************************************************************************************************/ /* ============================== 1. Imported styles ============================== */ /**/ @import url('https://fonts.googleapis.com/css?family=Hind|Lora:400,700'); @import url(../css/bootstrap.min.css); @import url(../css/bootstrap-select.min.css); @import url(../css/jquery.bootstrap-touchspin.css); @import url(../css/font-awesome.css); @import url(../css/flaticon.css); @import url(../css/icomoon.css); @import url(../assets/revolution/css/settings.css); @import url(../assets/revolution/css/layers.css); @import url(../assets/revolution/css/navigation.css); @import url(../css/owl.carousel.css); @import url(../css/jquery.bxslider.css); @import url(../css/flexslider.css); @import url(../css/jquery-ui.css); @import url(../css/jquery.fancybox.css); @import url(../css/polyglot-language-switcher.css); @import url(../css/animate.min.css); @import url(../css/nouislider.css); @import url(../css/nouislider.pips.css); @import url(../css/magnific-popup.css); @import url(../css/common.css); /* ============================== 2. header-style ============================== */ .top-bar { position: relative; line-height: 46px; z-index: fff; background: #fff; border-bottom: 1px solid #f4f4f4; } .top-bar .thm-btn { border-radius: 4px; padding: 0px 14px; line-height: 28px; top: -2px; } .top-bar .clearfix { border-bottom: 1px solid rgba(255, 255, 255, 0.1); } .top-bar .top-bar-text ul li { display: inline-block; margin-right: 21px; color: #fff; vertical-align: middle; } .top-bar .top-bar-text ul li i { color: #5e0046; margin-right: 10px; } .top-bar .contact-info { display: inline-block; margin-left: 20px; } .top-bar .contact-info li { font-family: 'Hind', sans-serif; font-size: 16px; padding-right: 15px; margin-right: 15px; line-height: 26px; border-right: 1px solid #f0f0f0; } .top-bar .contact-info li span { color: #5e0046; margin-right: 10px; font-size: 16px; } .top-bar .signin-btn { display: inline-block; } .top-bar .signin-btn a { color: #fff; font-size: 16px; margin-left: 20px; } .top-bar .signin-btn a i { color: #333; margin-right: 10px; } .top-bar .right-column { position: relative; padding-left: 55px; color: #848484; } .top-bar .right-column:before { position: absolute; content: ''; left: 0; top: 0; bottom: 0; width: 1000%; } .top-bar .right-column:after { position: absolute; content: ''; } /*language switcher*/ #polyglotLanguageSwitcher { position: relative; margin-right: 0; padding: 4px 0; display: inline-block; position: relative; vertical-align: middle; z-index: 99999; background: #f7f7f7; } #polyglotLanguageSwitcher:before { position: absolute; } #polyglotLanguageSwitcher span.trigger:before { content: '\f107'; font-family: FontAwesome; position: absolute; color: #848484; top: 7px; right: 7px; font-size: 14px; line-height: 10px; } #polyglotLanguageSwitcher a { font-family: 'Hind', sans-serif; display: inline-block; font-size: 14px; color: #333; font-weight: normal; } #polyglotLanguageSwitcher a.current:link, #polyglotLanguageSwitcher a.current:visited, #polyglotLanguageSwitcher a.current:active { position: relative; background-color: transparent; border: 0; line-height: 27px; border-radius: 5px; color: #848484; text-align: center; height: 26px; padding: 0; width: 120px; padding-right: 0px; margin: 0; } #polyglotLanguageSwitcher a.current:hover { background-color: transparent; } #polyglotLanguageSwitcher ul.dropdown { top: 100%; } /* end flag */ .main-header .header-upper { position: relative; padding: 19px 0px; background: #ffffff; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; z-index: 5; } .main-header .header-upper .logo img { position: relative; display: inline-block; max-width: 100%; } .main-header .logo-outer { position: relative; z-index: 25; } .theme_menu .logo { margin-top: 28px; } .main-header .logo-outer .logo img { position: relative; display: inline-block; max-width: 100%; } .main-header .header-upper .upper-right { position: relative; padding: 10px 0px; } .main-header .header-upper .info-box:last-child { margin-right: 0px; } .main-header .header-upper .info-box:after { content: ''; position: absolute; right: -40px; top: 50%; margin-top: -20px; height: 40px; } .main-header .social-icon { display: inline-block; vertical-align: middle; margin-right: 15px; } .main-header .social-icon a { position: relative; display: inline-block; text-align: center; height: 48px; font-size: 14px; color: #848484; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; } .main-header .social-icon a:hover { color: #5e0046; } .main-header .info-box { position: relative; float: left; min-height: 56px; margin: 0px 40px; padding: 7px 0px 7px 70px; } .main-header .header-upper .info-box:last-child { padding-left: 0px !important; } .main-header .header-upper .info-box:last-child:after { display: none; } .main-header .info-box .icon-box { position: absolute; left: 0px; top: 8px; height: 44px; padding-right: 19px; text-align: center; line-height: 42px; border-right: 1px dashed #5e0046; border-radius: 2px; color: #5e0046; font-size: 30px; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; } .main-header .info-box:hover .icon-box { border-color: #5e0046; } .main-header .info-box li { position: relative; line-height: 24px; margin: 0px 0px; font-size: 14px; color: #9b9b9b; } .main-header .info-box li a { color: #9b9b9b; } .main-header .info-box strong { font-weight: 700; color: #5e0046; font-size: 15px; } /*Search form*/ .main-header .nav-outer { width: 100%; } .main-header .outer-box2 { position: relative; display: inline-block; } .main-header .outer-box2 .search-form .form-group { position: relative; display: block; margin: 0px; } .main-header .outer-box2 .search-form .form-group input[type='text'], .main-header .outer-box2 .search-form .form-group input[type='tel'], .main-header .outer-box2 .search-form .form-group input[type='email'], .main-header .outer-box2 .search-form .form-group textarea { position: relative; display: block; width: 270px; height: 52px; border: 1px solid #f4f4f4; margin-top: 9px; color: #292929; font-size: 16px; background: #ffffff; padding: 6px 50px 6px 25px; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; -moz-transition: all 300ms ease; transition: all 300ms ease; } .main-header .outer-box2 .search-form ::-webkit-input-placeholder, .main-header .outer-box2 .search-form ::-moz-placeholder, .main-header .outer-box2 .search-form :-ms-input-placeholder, .main-header .outer-box2 .search-form :-ms-input-placeholder { color: #e0e0e0 !important; } .main-header .outer-box2 .search-form .form-group input[type='submit'], .main-header .outer-box2 .search-form button { position: absolute; right: 0px; top: 0px; width: 62px; height: 100%; font-size: 13px; line-height: 53px; color: #fff; font-weight: 400; background: transparent; text-transform: uppercase; } .main-header .outer-box2 .search-form .form-group input[type='submit'] .icon, .main-header .outer-box2 .search-form button .icon { color: #fff; font-size: 16px; } /*======logo========*/ .main-logo { margin: 27px 0; } /*menu*/ .theme_menu .container { position: relative; } .theme_menu .menu-column { padding-left: 0; } /*============================================== Mainmenu Area Css ===============================================*/ .mainmenu-area { background: #000; } .main-menu { position: relative; background-size: cover; background-position: center; float: left; width: 100%; z-index: 9; } .navbar-collapse { padding: 0px; } .navigation { position: relative; font-family: 'Montserrat', sans-serif; } .navigation > li { position: relative; display: inline-block; } .navigation > li.home { background: #5e0046; } .navigation > li.home a:hover { color: #fff; } .navigation > li:first-child { border-left: 0px; margin-right: -4px; } .navigation > li > a { color: #222; display: block; font-size: 16px; margin: 0 20px; font-weight: 700; line-height: 1.42857143; padding: 47px 0px; font-family: 'Hind', sans-serif; text-transform: uppercase; transition: all 500ms ease 0s; } .navigation > li > a:hover { color: #5e0046; } .navigation > li > ul { position: absolute; right: auto; top: 100%; background: #25272e; width: 240px; padding: 0 15px; z-index: fff; display: none; } .navigation > li > ul > li { position: relative; display: block; } .navigation > li > ul > li > a { color: #878787; display: block; font-size: 16px; font-weight: 700; font-family: 'Hind', sans-serif; border-bottom: 1px solid #25272e; line-height: 25px; padding: 12px 20px; margin: 0; text-transform: capitalize; transition: all 500ms ease 0s; } .navigation > li > ul > li > a:before { content: '\f105'; font-family: FontAwesome; color: #ffffff; top: 19px; right: 23px; font-size: 14px; position: absolute; line-height: 10px; opacity: 0; visibility: hidden; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease; } .navigation > li > ul > li > a:hover:before { opacity: 1; visibility: visible; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease; } .navigation > li > ul > li:last-child > a { border-bottom: 0px; } .navigation > li > ul > li:hover > a { color: #ffffff; background: #5e0046; } /*========= third-menu ===============*/ .navigation > li > ul > li.third-menu ul { position: absolute; left: 230px; top: 0px; background: #333; width: 200px; border-top: 2px solid #fff; padding: 12px 0px; z-index: fff; display: none; } .navigation > li > ul > li.third-menu { position: relative; } .navigation > li > ul > li.third-menu ul a { color: #ffffff; display: block; font-size: 14px; font-weight: 400; line-height: 20px; padding: 12px 20px; margin: 0; text-transform: capitalize; transition: all 500ms ease 0s; } .navigation > li > ul > li.third-menu ul a:hover { color: #fdc716; } .navigation > li > ul > li.third-menu:after { position: absolute; content: '\f0de'; font-family: FontAwesome; color: #fff; font-size: 20px; line-height: 40px; right: 14px; transform: rotate(90deg); top: 3px; } /*========= mobile-menu ==============*/ .mobile-menu .dropdown-btn { position: absolute; right: 0; top: 0; width: 50px; height: 42px; border-left: 1px solid #ffffff; cursor: pointer; display: block; z-index: 5; } .mobile-menu .dropdown-btn:after { position: absolute; content: '\f107'; font-family: FontAwesome; color: #fff; font-size: 20px; line-height: 40px; text-align: center; width: 100%; } .mobile-menu, .mobile-menu > li > ul, .mobile-menu > li > ul > li > ul { background: #000; font-family: 'Hind', sans-serif; } .mobile-menu > li > ul, .mobile-menu > li > ul > li > ul { display: none; } .mobile-menu > li > a, .mobile-menu > li > ul > li > a, .mobile-menu > li > ul > li > ul > li > a { padding: 10px 20px; font-family: 'Hind', sans-serif; line-height: 22px; color: #ffffff; display: block; text-transform: uppercase; font-size: 14px; border-top: 1px solid #fff; } /*=================== Cart And Search Option ===============*/ .theme_menu .right-column { position: absolute; right: 0; width: 223px; top: 0; z-index: 99; } .nav_side_content { margin-top: 42px; float: left; position: relative; border-left: 1px solid #e9e9e9; } .nav_side_content .cart_select > button { font-size: 14px; text-transform: uppercase; position: relative; margin-right: 23px; color: #272727; } .nav_side_content .cart_select > button span { font-weight: normal; padding: 0 0px; border-radius: 50%; position: absolute; top: 0; right: -20px; color: #5e0046; } .nav_side_content .cart_select > button i { font-size: 18px; margin-left: 5px; } .nav_side_content .cart_select, .nav_side_content .search_option { display: inline-block; vertical-align: middle; } .nav_side_content .search_option > button { width: 30px; height: 30px; border-radius: 50%; font-size: 14px; color: #222; margin-left: 20px; } .nav_side_content .search_option form { height: 50px; width: 280px; padding: 5px; border-radius: 4px; margin: 0; left: auto; right: 0; border-color: #5e0046; top: 67px; } .nav_side_content .search_option form input { font-family: 'Hind', sans-serif; font-weight: normal; width: 100%; height: 100%; background: transparent; color: #9e9e9e; border: 1px solid #f7f7f7; padding: 0 47px 0 10px; font-size: 15px; } .nav_side_content .search_option form button { display: block; width: 40px; line-height: 40px; text-align: center; position: absolute; top: 5px; right: 5px; color: #5e0046; } .nav_side_content .cart_select { border-left: 1px solid #ececec; padding-left: 5px; } .right-column .thm-btn.style-2 { padding: 0 25px; } .theme_menu .link_btn { margin-top: 31px; } /* Mainmenu fixed style */ @keyframes menu_sticky { 0% { margin-top: -100px; } 50% { margin-top: -90px; } 100% { margin-top: 0; } } .theme_menu.stricky-fixed { margin: 0; position: fixed; top: 0; left: 0; background: #fff; width: 100%; z-index: 99999; animation-name: menu_sticky; animation-duration: 0.6s; animation-timing-function: ease-out; box-shadow: 3px 1px 2px 1px rgba(0, 0, 0, 0.06); } /*** ============================================= Rev Slider Wrapper style ============================================= ***/ .rev_slider_wrapper .slide-content-box h3 { background-size: contain; display: inline-block; color: #ffffff; font-size: 24px; font-weight: 400; text-transform: capitalize; line-height: 22px; padding-top: 5px; padding-bottom: 5px; } .rev_slider_wrapper .slide-content-box h1 { color: #ffffff; font-size: 48px; line-height: 40px; margin: 14px 0 20px; font-weight: 700; } .rev_slider_wrapper .slide-content-box p { color: #ffffff; font-size: 18px; line-height: 30px; font-family: 'Lora', serif; font-weight: 300; margin: 0 0 30px; } .rev_slider_wrapper .slide-content-box .button a { padding: 0px 30px; margin-right: 15px; transition: all 500ms ease !important; -moz-transition: all 500ms ease !important; -webkit-transition: all 500ms ease !important; -ms-transition: all 500ms ease !important; -o-transition: all 500ms ease !important; } .rev_slider_wrapper .slide-content-box .button a.thm-btn.our-solution { background: #fff; padding: 0px 35px; color: #222; border-color: #fff; } .rev_slider_wrapper .slide-content-box .button a.thm-btn.our-solution:hover { background: #5e0046; color: #fff; border-color: #5e0046; } .rev_slider_wrapper .slide-content-box.last-slide p { margin: 0; } .rev_slider_wrapper .slide-content-box.last-slide a { margin: 0 8px; } .rev_slider_wrapper .slotholder { position: relative; } .slotholder:after { background: rgba(0, 12, 40, 0); width: 100%; height: 100%; content: ''; position: absolute; left: 0; top: 0; bottom: 0; pointer-events: none; } .tp-bannertimer { display: none; } .rev_slider_wrapper .tparrows { background: transparent; border: 2px solid #fff; } /*** ==================================================================== Main Footer ==================================================================== ***/ .main-footer { background: #5e0046; position: relative; color: #fff; } .main-footer .section-title h3:after { height: 1px; background: #30323a; } .main-footer .section-title h3 { color: #fff; } .main-footer .footer-widget .footer-logo { margin-bottom: 30px; } .main-footer .footer-title { margin-bottom: 30px; } .main-footer .footer-title h4 { font-weight: 700; text-transform: uppercase; color: #fff; } .main-footer .footer-logo { margin-bottom: 40px; } .main-footer .widgets-section { position: relative; padding: 70px 0px 0px; } .main-footer .footer-column { margin-bottom: 40px; } .main-footer .footer-widget { position: relative; } .main-footer .footer-column h2 { font-size: 15px; font-weight: 700; text-transform: uppercase; margin-bottom: 30px; color: #a1c436; } .main-footer .about-widget .text { margin-bottom: 20px; } .main-footer .contact-info { margin-bottom: 30px; } .main-footer .contact-info li { position: relative; padding-left: 30px; margin-bottom: 15px; line-height: 24px; } .main-footer .contact-info li .icon { position: absolute; left: 0px; top: 0px; line-height: 24px; font-size: 14px; } .main-footer .social-links a { display: inline-block; width: 32px; height: 32px; margin-left: 5px; line-height: 30px; border: 1px solid transparent; background: none; color: #686868; font-size: 14px; text-align: center; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; } .main-footer .social-links a:hover { color: #a1c436; border-color: #a1c436; } /*============ post-column =================*/ .main-footer .post-column .post { position: relative; padding-left: 85px; margin-bottom: 29px; font-size: 16px; padding-bottom: 28px; border-bottom: 1px solid #363636; } .main-footer .post-column .post:last-child { border-bottom: 0px; padding-bottom: 0px; margin-bottom: 0px; } .main-footer .post-column .post-thumb { position: absolute; left: 0; top: 0; width: 70px; height: 70px; } .main-footer .post-column h5 { position: relative; font-size: 16px; font-family: 'Hind', sans-serif; font-weight: 300; color: #fff; line-height: 26px; } .main-footer .post-column .post-info { color: #fff; font-size: 15px; } .main-footer .post-column .post-info i { margin-right: 5px; color: #fff; } .main-footer .post-column .post-thumb a { position: relative; } .main-footer .post-column .post-thumb a:before { position: absolute; content: '\e924'; background: #5e0046; top: 0; color: #fff; font-family: icomoon; font-size: 24px; left: 0; line-height: 70px; bottom: 0; right: 0; text-align: center; opacity: 0; transition: 0.5s ease; } .main-footer .post-column .post-thumb a:hover:before { opacity: 1; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease; } .main-footer .links-widget .list li { position: relative; margin-bottom: 15px; } .main-footer .links-widget .list li a { position: relative; display: block; padding-left: 15px; color: #fff; font-family: 'Hind', sans-serif; font-size: 16px; } .main-footer .links-widget .list li a:before { content: '\f101'; position: absolute; font-family: FontAwesome; font-size: 20px; left: 0px; color: #fff; top: -4px; transition: 0.5s ease-in-out; } .main-footer .links-widget .list li:hover a:before { color: #e912b3; transition: 0.5s ease-in-out; } .main-footer .links-widget .list li a:hover { color: #e912b3; } .main-footer .working-widget { position: relative; } .main-footer .working-widget .inner-bg { background: #272727; padding: 30px 20px; } .main-footer .working-widget ul li { position: relative; font-family: 'Lora', serif; font-size: 16px; color: #fff; border-bottom: 1px solid #333; padding-bottom: 15px; margin-bottom: 15px; } .main-footer .working-widget ul li:last-child { border-bottom: 0px; padding-bottom: 0px; margin-bottom: 0px; } .main-footer .working-widget ul li span { font-family: 'Hind', sans-serif; color: #d0d0d0; position: absolute; right: 0; top: 0px; } /*============== contact info =======================*/ /*============ contact-column =================*/ .main-footer .contact-column { position: relative; } .main-footer .contact-column .contact-info { margin-top: 20px; } .main-footer .contact-column .contact-info li { position: relative; padding-left: 30px; font-size: 15px; color: #fff; line-height: 26px; margin-bottom: 12px; border-bottom: 1px solid #333; padding-bottom: 14px; } .main-footer .contact-column .contact-info li span { color: #848484; font-family: 'Lora', serif; font-weight: 700; } .main-footer .contact-column .contact-info li i { font-size: 18px; color: #5e0046; position: absolute; left: 0; top: 6px; } .main-footer .contact-column .social-icon { text-align: center; padding-top: 6px; } /*============== footer-bottom ===============*/ .footer-bottom { background: #1d1d1d; padding: 8px 0; } .footer-bottom .copy-text { font-family: 'Lora', serif; color: #fff; font-size: 14px; margin-bottom: 15px; margin-top: 18px; } .footer-bottom .copy-text a { color: #5e0046; transition: 0.3s ease; } .footer-bottom ul.social-icon li a { width: 38px; height: 38px; border-radius: 50%; margin-top: 11px; background: #444; text-align: center; line-height: 42px; margin-right: 0; color: #fff; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease; } .footer-bottom ul.social-icon li a:hover { color: #fff; background: #5e0046; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease; } .footer-bottom ul.social-icon li { padding: 0 5px; } /************************** * Inner Banner styles ***************************/ .inner-banner { position: relative; background: #a0a19b; background-size: cover; background-repeat: no-repeat; } .inner-banner h1 { margin: 0; display: table-cell; vertical-align: middle; font-size: 48px; line-height: 60px; color: #ffffff; font-weight: 700; text-transform: uppercase; } .inner-banner .box { position: relative; display: flex; align-items: center; justify-content: center; height: 330px; width: 100%; text-align: center; } .breadcumb-wrapper { background: #fff; padding: 17px 0; border-bottom: 1px solid #f4f4f4; } .breadcumb-wrapper ul, .breadcumb-wrapper li { margin: 0; padding: 0; list-style: none; font-size: 18px; color: #5e0046; } .breadcumb-wrapper ul.link-list li a { color: #5e0046; text-transform: capitalize; font-size: 18px; transition: 0.3s ease; } .breadcumb-wrapper ul.link-list li a:hover { transition: 0.3s ease; } .breadcumb-wrapper ul.link-list li a i { color: #fac012; margin-right: 7px; } .breadcumb-wrapper ul.link-list li a:after { content: '\f0de'; font-family: 'FontAwesome'; margin: 0 10px; transform: rotate(90deg); display: inline-block; } .breadcumb-wrapper a.get-qoute { text-transform: capitalize; font-weight: 700; color: #5e0046; font-size: 16px; } .breadcumb-wrapper a.get-qoute i { margin-left: 7px; color: #5e0046; margin-right: 7px; font-size: 16px; } /*================= Welcome Section ===================*/ .welcome-section { position: relative; } .welcome-section .section-title { margin-bottom: 30px; } .welcome-section .item-style-1 { position: relative; background: #f7f7f7; padding: 30px; padding-bottom: 104px; } .welcome-section .item-style-1 .sign { position: absolute; left: 30px; bottom: 30px; } .welcome-section .item-style-1 .certificate { position: absolute; right: 10px; bottom: 10px; } .welcome-section .item-style-2 { position: relative; } .welcome-section .item-style-2 .lower-content { border-bottom: 2px solid #5e0046; background: #f7f7f7; padding: 18px 0 15px; } .welcome-section .item-style-2 .img-box { overflow: hidden; } .welcome-section .item-style-2 .overlay { position: absolute; } .welcome-section .item-style-2 .lower-content { position: relative; padding-left: 90px; } .welcome-section .item-style-2 .lower-content .icon-box { position: absolute; left: 25px; top: 23px; color: #5e0046; font-size: 42px; } .welcome-section .item-style-2 .lower-content h4 { font-size: 20px; color: #222; } .welcome-section .bottom-text { margin-left: 120px; margin-top: 37px; } .welcome-section .bottom-text a { color: #5e0046; border-bottom: 1px solid #5e0046; } /*** ============================================= Service Area style ============================================= ***/ .service-area { background: #f7f7f7; overflow: hidden; } .service-area .single-item { padding: 20px; background: #fff; } .service-area .single-item .icon-holder { background: #ffffff; display: block; padding: 35px 0 32px; position: relative; z-index: 1; } .service-area .single-item .icon-holder:before { position: absolute; top: 0; left: 0; width: 100%; height: 10%; background: #45c4e9; content: ''; z-index: -1; opacity: 0; transition: all 500ms ease; } .service-area .single-item .icon-holder span:before { color: #222222; font-size: 50px; line-height: 50px; transition: all 500ms ease; } .service-area .single-item .text-holder h4 { position: relative; line-height: 26px; font-size: 20px; color: #222; padding-bottom: 25px; transition: all 500ms ease; } .service-area .single-item .text-holder h4:after { content: ''; position: absolute; bottom: 13px; left: 50%; margin-left: -30px; width: 60px; height: 1px; background: #f4f4f4; } .service-area .single-item .text-holder { margin: 24px 0 25px; padding: 18px 5px 0; border: 1px solid #f4f4f4; } .service-area .single-item .text-holder p { margin: 0 0 16px; } .service-area .owl-nav { bottom: 100%; top: inherit; left: inherit; right: 0; } .service-area .owl-nav [class*='owl-'] { border-color: #e0e0e0; margin-bottom: 50px; } /* service style tow */ .service-area-2 { position: relative; margin-bottom: 75px; } .service-area-2 .single-item { background: #fff; } .service-area-2 .single-item .icon-holder { background: #ffffff; display: block; padding: 35px 0 32px; position: relative; z-index: 1; } .service-area-2 .single-item .icon-holder:before { position: absolute; top: 0; left: 0; width: 100%; height: 10%; background: #45c4e9; content: ''; z-index: -1; opacity: 0; transition: all 500ms ease; } .service-area-2 .single-item .icon-holder span:before { color: #222222; font-size: 50px; line-height: 50px; transition: all 500ms ease; } .service-area-2 .single-item:hover .text-holder { opacity: 0; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease; } .service-area-2 .single-item .text-holder h4 { position: relative; line-height: 26px; font-size: 20px; color: #222; padding-bottom: 25px; transition: all 500ms ease; } .service-area-2 .single-item .text-holder h4:after { content: ''; position: absolute; bottom: 13px; left: 50%; margin-left: -30px; width: 60px; height: 1px; background: #f4f4f4; } .service-area-2 .single-item .text-holder { position: relative; padding: 20px 5px 0; border: 1px solid #f4f4f4; } .service-area-2 .single-item .text-holder p { margin: 0 0 16px; } .service-area-2 .content { position: relative; overflow: hidden; padding: 30px 20px; border: 1px solid #f4f4f4; } .service-area-2 .content .overlay { position: absolute; background: #fff; opacity: 0; visibility: hidden; top: 100%; left: 0; right: 0; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease; } .service-area-2 .single-item:hover .overlay { top: 0%; bottom: 0; padding-top: 30px; opacity: 1; visibility: visible; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease; } .service-area-2 .content .overlay .default_link { margin-top: 15px; color: #333; } .service-contact-area { position: relative; padding: 30px; border: 1px solid #f4f4f4; } /*================= Single Service ===================*/ /*============== default-sidebar =================*/ .default-sidebar { position: relative; } .default-sidebar .service-catergory { margin: 0; padding: 1px; padding-left: 4px; background: #ededed; list-style: none; margin-bottom: 50px; } .default-sidebar .service-catergory li { list-style: none; position: relative; margin-bottom: 1px; background: #f7f7f7; border-bottom: 0px; padding: 14px 0; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease; } .default-sidebar .service-catergory li.active { background: #fff; } .default-sidebar .service-catergory li.active { border-color: #8dc63f; } .default-sidebar .service-catergory li:hover { border-color: #8dc63f; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease; } .default-sidebar .service-catergory li.active a { color: #5e0046; } .default-sidebar .service-catergory li.active a:after { color: #fff; } .default-sidebar .service-catergory li .view-all-icon { position: absolute; right: 20px; top: 22px; color: #848484; } .default-sidebar .service-catergory li a { display: block; font-size: 16px; color: #fff; line-height: 30px; border-left: 5px solid transparent; font-weight: 600; padding-left: 23px; transition: all 0.5s ease; position: relative; font-family: 'Lora', serif; } .default-sidebar .service-catergory li a:hover { color: #5e0046; } .default-sidebar .service-catergory li.active a:hover { color: #5e0046; } .default-sidebar .service-catergory.all-service { margin-bottom: 10px; background: #5e0046; } .default-sidebar .service-catergory.all-service li { background: #5e0046; } .default-sidebar .service-catergory.all-service li a { color: #fff; } .default-sidebar .service-catergory.all-service li a i { position: absolute; right: 20px; top: 7px; font-size: 18px; } .default-sidebar .boucher { margin-bottom: 50px; } .default-sidebar .boucher li { position: relative; background: #f7f7f7; padding: 10px 0; padding-left: 60px; margin-bottom: 10px; transition: 0.3s ease; } .default-sidebar .boucher li h5 { font-size: 16px; font-weight: 700; margin-top: 5px; margin-bottom: 5px; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease; } .default-sidebar .boucher li h5 i { position: absolute; left: 22px; top: 28px; font-size: 18px; } .default-sidebar .boucher li:hover { color: #fff; background: #5e0046; cursor: pointer; transition: 0.3s ease; } .default-sidebar .boucher li:hover h5 { color: #fff; transition: 0.3s ease; } .default-sidebar .boucher li:hover p { color: #5e0046; transition: 0.3s ease; } .default-sidebar .default-cinfo li .text-box p { color: #5e0046; } .default-sidebar .default-cinfo li .icon_box i { color: #5e0046; font-size: 20px; } .default-sidebar .default-cinfo .contact-infos li + li { border: 0px; margin-top: 0; } .service-area .single-item .text-holder { margin-top: 0px; overflow: hidden; } .single-service .post-column .img-box { width: 45%; float: left; } .single-service .post-column .content { width: 55%; float: left; } .single-service .post-column .content h2 { font-weight: 700; } .single-service .post-column .content h5 { font-size: 16px; font-family: 'Hind', sans-serif; color: #5e0046; text-transform: uppercase; margin: 20px 0 15px; } .single-service .post-column .content p { margin-bottom: 15px; } .single-service .post-column .content ul li { font-size: 16px; font-weight: 300; margin-bottom: 10px; } .single-service .post-column .content ul li i { color: #5e0046; margin-right: 10px; } .single-service .tabs-style-one.tabs-box { width: 55%; float: left; } .single-service .request-quote { width: 43%; float: left; margin-left: 15px; } .single-service .quote { border: 2px solid #f4f4f4; padding: 23px; padding-left: 80px; position: relative; font-style: italic; color: #5e0046; } .single-service .quote i { position: absolute; left: 30px; top: 23px; font-size: 36px; color: #f4f4f4; } .key-benefit-list { position: relative; margin-top: 20px; margin-bottom: 30px; } .key-benefit-list li { position: relative; color: #848484; margin-bottom: 10px; } .key-benefit-list li i { color: #5e0046; margin-right: 15px; } .single-service .video-image-box { position: relative; } .single-service .video-image-box .image { position: relative; } .single-service .video-image-box img { display: block; width: 100%; } .single-service .video-image-box .image .overlay-link { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; color: #ffffff; text-align: center; background: rgba(0, 0, 0, 0.1); transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; } .single-service .video-image-box .image .overlay-link:hover { background: rgba(0, 0, 0, 0.3); } .single-service .video-image-box .image .overlay-link .icon { position: absolute; left: 50%; top: 50%; margin-top: -25px; margin-left: -25px; width: 58px; height: 41px; line-height: 43px; font-size: 60px; color: #5e0046; } /*tab*/ .tabs-section { position: relative; padding: 130px 0px 100px; } .tabs-section .column { margin-bottom: 30px; } .tabs-section .image-box img { width: 100%; display: block; } .tabs-style-two .tab .text-content .img-box { margin-bottom: 20px; } .tabs-style-one .tab-buttons { position: relative; border-bottom: 1px solid #fff; } .tabs-style-one .tab-buttons .tab-btn { position: relative; display: inline-block; padding: 13px 25.3px; margin: 0px 0px 0px; cursor: pointer; font-size: 18px; text-align: center; color: #848484; background-color: #f9f9f9; border-bottom: 0px; text-transform: capitalize; transition: all 300ms ease; } .tabs-style-one .tab-buttons .tab-btn.active-btn { color: #ffffff; background: #5e0046; border-color: #8dc63f; } .tabs-style-one .tabs-content { position: relative; padding: 36px 20px; background: #f7f7f7; } .tabs-style-one .tab .text-content { position: relative; } .tabs-style-one .tab .text-content .text { font-size: 16px; line-height: 1.8em; color: #777777; font-weight: 300; font-family: 'Hind', sans-serif; } .tabs-style-one .tab .text-content .text p + p { margin-top: 23px; } .tabs-style-one.tabs-box { padding-right: 15px; } .tabs-box .tabs-content .tab { position: relative; display: none; } .tabs-box .tabs-content .active-tab { display: block; } /* tab box2 */ .tabs-style-two .tab-buttons { position: relative; } .tabs-style-two .tab-buttons .tab-btn { position: relative; display: inline-block; padding: 9px 60px; margin: 0px -2px 0px; width: 25%; cursor: pointer; font-size: 18px; text-align: center; font-weight: 400; color: #252525; border: 1px solid #f4f4f4; text-transform: capitalize; -webkit-transition: all 300ms ease; transition: all 300ms ease; } .tabs-style-two .tab-buttons .tab-btn.active-btn { color: #272727; background: #ffffff; border-color: #5e0046; border-bottom: 0; } .tabs-style-two .tabs-content { position: relative; padding: 40px; border: 1px solid #f2f2f2; border-top: 0; } .tabs-style-one .tab .text-content { position: relative; } .tabs-style-two .tab .text-content .text { width: 59%; margin-left: 30px; } .tabs-style-two .tab .text-content .text p { margin-bottom: 10px; } .tabs-style-two.tabs-box { padding-right: 15px; } .tabs-box .tabs-content .tab { position: relative; display: none; } .tabs-box .tabs-content .active-tab { display: block; } .tabs-outer { position: relative; margin-top: 60px; } .tabs-outer.style-two { margin: 0px; } .tabs-outer .tabs-box .tab-buttons .tab-btn { position: relative; padding: 9px 30px; } .tabs-outer .text-content .image img { width: 100%; } .tabs-outer .tabs-content { padding: 30px 30px 20px; } .tabs-outer.style-two .tabs-content { padding: 0px; } .tabs-outer .tabs-content .column .text { margin-bottom: 10px; } /*** ==================================================================== gallery style ==================================================================== ***/ .gallery { position: relative; } .gallery.light { position: relative; background: #25272e; } .section-title h2.white-color { color: #fff; } .gallery .inner-box { position: relative; overflow: hidden; } .gallery .item { position: relative; overflow: hidden; display: inline-block; } .gallery .item img { /* width: 100%; */ } .gallery .overlay .top { position: absolute; text-align: center; left: 0px; top: 0px; width: 100%; height: 0%; background: #5e004784; transition: 0.5s cubic-bezier(0.4, 0, 1, 1); opacity: 0; visibility: hidden; } .gallery .item:hover .overlay .top { height: 100%; transition: 0.5s cubic-bezier(0.4, 0, 1, 1); opacity: 1; visibility: visible; } .gallery .overlay .top .box { display: table; width: 100%; height: 100%; } .gallery .overlay .top .content { display: table-cell; vertical-align: middle; } .gallery .overlay .top a { position: relative; color: #fff; line-height: 41px; text-align: center; padding: 0 18px; font-size: 24px; } .gallery .bottom { color: #fff; margin-bottom: 30px; transition: 0.5s ease; } .gallery.light .bottom { margin-bottom: 0px; } .gallery .item:hover .bottom { bottom: 10px; opacity: 1; visibility: visible; transition: 0.9s ease; transition-delay: 0.3s; } .gallery .bottom h4 { color: #222; line-height: 28px; margin-top: 15px; margin-bottom: 5px; font-size: 20px; font-weight: 400; } .gallery.light .bottom h4 { color: #fff; } .gallery .bottom p { color: #5e0046; font-size: 14px; font-weight: 400; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease; } .gallery.light .bottom p { color: #fff; } .gallery.light .bottom p:hover { color: #5e0046; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease; } .gallery .bottom-content { position: relative; margin: 20px 0 25px; } .gallery .bottom-content h4 { font-size: 20px; font-weight: 700; margin-bottom: 5px; } .gallery .bottom-content p { color: #5e0046; } /*============ single gallery ============*/ .single-gallery { position: relative; } /* inform-list */ .inform-list { background: #f7f7f7; padding: 23px 20px; } .inform-list li { color: #848484; font-size: 16px; line-height: 43px; } .inform-list li span { color: #48c7ec; font-weight: 700; } .client-information .title { color: #48c7ec; margin: 10px 0; } .client-information .text { margin-bottom: 35px; } /*contact-service*/ .service-contact { background: #48c7ec; padding: 30px; margin-top: 50px; } .service-contact h4 { color: #fff; } .service-contact p { color: #fff; font-size: 18px; margin: 10px 0; } .service-contact .thm-btn { background: #fff; line-height: 38px; padding: 0 15px; color: #48c7ec; } .service-contact .thm-btn:hover { background: #fff; color: #48c7ec; } .section-title.style-3 h1 { padding-bottom: 0; } .section-title.style-3 h1:after { bottom: -50px; } .border-right100 { position: relative; } .border-right100:before { position: absolute; content: ''; width: 1px; height: 100%; right: -30px; top: 0; background: #f4f4f4; } /*======= gallery filter ==========*/ .post-filter { display: inline-block; margin: 0; margin-bottom: 50px; } .post-filter li { padding: 0; padding-bottom: 20px; } .post-filter li.active { } .post-filter li span { color: #464646; font-size: 18px; font-weight: 400; line-height: 12px; font-family: 'Lora', serif; display: block; padding-left: 40px; cursor: pointer; transition: 0.5s ease; } .post-filter li:last-child span { border-right: 0px; } .post-filter.style-2 li span { color: #fff; } .post-filter li:hover span, .post-filter li.active span { color: #5e0046; transition: 0.5s ease; } .post-filter li span i { font-size: 14px; margin-right: 5px; } /*** ==================================================================== About Us ==================================================================== ***/ .about { position: relative; } .about .section-title p { font-size: 18px; margin: 20px 0 0; } .about .img-box { margin-bottom: 60px; } .about .content { margin-bottom: 50px; } .about .content h3 { padding: 15px 0 20px; } .about .content ul { padding-top: 5px; } .about .content ul li { margin: 10px 0; font-size: 16px; font-family: 'Hind', sans-serif; } .about .content ul li i { color: #5e0046; margin-right: 10px; font-size: 14px; } /*** ==================================================================== why-chooseus style ==================================================================== ***/ .why-chooseus { padding-bottom: 30px; background-size: cover; background-repeat: no-repeat; } .why-chooseus .item { position: relative; padding: 0px 0px 24px; padding-left: 70px; margin-bottom: 30px; transition: 0.5s ease; } .why-chooseus .item:hover { border-color: #5e0046; transition: 0.5s ease; } .why-chooseus .inner-box { } .why-chooseus .inner-box .icon_box { position: absolute; left: 2px; top: 11px; color: #5e0046; font-size: 40px; } .why-chooseus .item h4 { font-size: 20px; color: #222; margin-top: 10px; margin-bottom: 15px; transition: 0.5s ease; } .why-chooseus .item:hover h4 { color: #5e0046; transition: 0.5s ease; } .why-chooseus .item p { } .why-chooseus.style-2 .item { border: 0px; padding: 8px 18px; } .request-quote { border: 3px solid #f4f4f4; padding: 33px 27px 37px; } .request-quote .section-title { margin-bottom: 25px; } .request-quote h4 { color: #5e0046; font-weight: 700; margin: 15px 0 15px; } .request-quote ul li { color: #fff; font-weight: 400; font-size: 16px; margin: 2px 0; } .request-quote ul li span { color: #5e0046; font-weight: 700; } .request-quote .form-group { position: relative; margin-bottom: 10px; margin-top: 20px; } .request-quote input[type='text'], .request-quote input[type='email'] { position: relative; display: block; width: 100%; line-height: 26px; padding: 11px 50px 11px 15px; background: #ffffff; border: 1px solid #f4f4f4; border-radius: 0; } .request-quote input[type='text']:focus, .request-quote input[type='email']:focus { background: #181818; } .request-quote input[type='submit'], .request-quote button { position: absolute; right: 0px; top: 12px; width: 50px; height: 25px; line-height: 24px; text-align: center; font-size: 14px; color: #5e0046; border-left: 1px solid #f4f4f4; } .request-quote input[type='text']:focus, .request-quote input[type='email']:focus { background: transparent; } /*** ==================================================================== clients-section ==================================================================== ***/ .clients-section { padding: 40px 0 80px; position: relative; background: #f7f7f7; } .clients-section h3 { font-weight: 700; margin-bottom: 40px; } .clients-section .item { position: relative; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease; } .clients-section .item:hover { background: #fff; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease; } .clients-section .owl-carousel .owl-stage-outer { padding-top: 40px; } .tooltip.top .tooltip-arrow { border-top-color: #5e0046; } .tooltip-inner { background: #5e0046; border-radius: 0px; padding: 6px 15px; } /*** ==================================================================== parallax-section ==================================================================== ***/ .parallax { position: relative; background-attachment: fixed; background-size: cover; background-position: center; } .parallax:before { content: ''; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 0; background: rgba(160, 199, 21, 0.95); } .parallax h3 { position: relative; color: #fff; font-weight: 700; line-height: 36px; } /*** ==================================================================== google map Section ==================================================================== ***/ .home-google-map #contact-google-map { width: 100%; height: 540px; } .home-google-map2 #contact-google-map { width: 100%; height: 330px; } .home-google-map .gmnoprint { display: none; } /*** ==================================================================== default-blog ==================================================================== ***/ .blog-section { position: relative; } .blog-section .thm-btn { background: #fff; color: #222; border: 1px solid #f4f4f4; } .blog-section .thm-btn:hover { color: #5e0046; border-color: #5e0046; } .default-blog-news { position: relative; transition: 0.5s ease-in-out; margin-bottom: 50px; border: 1px solid #f4f4f4; overflow: hidden; box-shadow: 0 0 20px rgba(0, 0, 0, 0.03); } .default-blog-news .lower-content { position: relative; margin-top: -55px; } .default-blog-news .lower-content .content { padding: 30px 20px 25px; } .default-blog-news .lower-content .category { color: #fff; background: #5e0046; font-size: 14px; font-weight: 700; display: inline-block; padding: 8px 23px; margin-left: 15px; margin-bottom: 10px; } .default-blog-news .lower-content .text p { margin-bottom: 10px; } .default-blog-news .lower-content h4 { color: #222222; font-weight: 400; margin-top: 10px; margin-bottom: 14px; font-size: 20px; line-height: 28px; } .default-blog-news .lower-content h4 a { color: #464646; transition: all 300ms ease; font-size: 18px; } .default-blog-news .lower-content h4 a:hover { color: #5e0046; transition: all 300ms ease; } .lower-content .post-meta { color: #848484; font-size: 14px; } .lower-content .post-meta i { margin-right: 7px; color: #5e0046; } .lower-content .post-meta span + span { margin-left: 10px; } .lower-content .post-meta span { margin-right: 10px; } .default-blog-news .lower-content .default_link { color: #848484; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease; } .default-blog-news .lower-content .default_link:hover { border-bottom: 1px solid #5e0046; color: #5e0046; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease; } .default-blog-news .img-holder { display: inline-block; overflow: hidden; position: relative; } .default-blog-news .img-holder a { width: 100%; position: relative; } .default-blog-news .img-holder a:before { content: '\e924'; position: absolute; font-family: icomoon; left: 0px; top: 0px; font-size: 30px; align-items: center; justify-content: center; display: flex; color: #fff; text-align: center; width: 100%; height: 100%; z-index: 0; background: rgba(37, 39, 46, 0.9); opacity: 0; visibility: hidden; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease; } .default-blog-news:hover .img-holder a:before { opacity: 1; visibility: visible; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease; } .default-blog-news .overlay { background-color: rgba(0, 0, 0, 0.5); position: absolute; left: 0; bottom: -20%; width: 100%; height: 100%; color: #fff; opacity: 0; filter: alpha(opacity=0); transition: 0.9s ease; } .default-blog-news:hover .overlay { bottom: 0%; opacity: 1; filter: alpha(opacity=100); } .default-blog-news .lower-content { position: relative; margin-top: -55px; -webkit-transition: 0.7s ease; -moz-transition: 0.7s ease; -ms-transition: 0.7s ease; -o-transition: 0.7s ease; transition: 0.7s ease; } .default-blog-news.style-2 { border: 0px; margin-bottom: 35px; } .default-blog-news.style-2 .lower-content { margin-top: 0; } .default-blog-news.style-2 .lower-content .content { background: #fff; padding: 0; } .default-blog-news.style-2 .lower-content .category { margin-left: 0; } /*blog-large news*/ .classic-blog-news { position: relative; transition: 0.5s ease-in-out; margin-bottom: 50px; border: 1px solid #f4f4f4; overflow: hidden; } .classic-blog-news .lower-content { position: relative; margin-top: -55px; } .classic-blog-news .lower-content .content { padding: 35px 20px 40px; } .classic-blog-news .lower-content .category { color: #fff; background: #5e0046; font-size: 14px; font-weight: 700; display: inline-block; padding: 8px 23px; margin-left: 15px; margin-bottom: 15px; position: relative; z-index: 99; } .classic-blog-news .lower-content .text p { margin-bottom: 10px; } .classic-blog-news .lower-content h3 { color: #464646; font-weight: 400; margin-bottom: 15px; margin-top: 10px; font-size: 26px; line-height: 36px; } .classic-blog-news .lower-content .link { margin-top: 20px; } .classic-blog-news .lower-content .post-meta { color: #848484; text-transform: uppercase; font-size: 14px; } .classic-blog-news .lower-content .thm-btn.style-2 { color: #5e0046; border: 2px solid #f4f4f4; } .classic-blog-news .lower-content .thm-btn.style-2:hover { color: #fff; } .classic-blog-news .img-holder { display: block; overflow: hidden; position: relative; } .classic-blog-news .img-holder a { width: 100%; position: relative; } .classic-blog-news .img-holder a:before { position: absolute; content: ''; left: 0; top: 0; bottom: 0; right: 0; z-index: 9; background: rgba(0, 0, 0, 0.6); opacity: 0; -webkit-transition: 0.5s eass; -moz-transition: 0.5s eass; -ms-transition: 0.5s eass; -o-transition: 0.5s eass; transition: 0.5s eass; } .classic-blog-news:hover .img-holder a:before { opacity: 1; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease; } .classic-blog-news .img-holder img { transform: scale(1); transition: all 0.5s ease 0s; width: 100%; } .classic-blog-news:hover .img-holder img { transform: scale(1.1); } .classic-blog-news .overlay { background-color: rgba(0, 0, 0, 0.5); position: absolute; left: 0; bottom: -20%; width: 100%; height: 100%; color: #fff; opacity: 0; filter: alpha(opacity=0); transition: 0.9s ease; } .classic-blog-news:hover .overlay { bottom: 0%; opacity: 1; filter: alpha(opacity=100); } .classic-blog-news .lower-content { position: relative; margin-top: -52px; opacity: 1; visibility: visible; -webkit-transition: 0.7s ease; -moz-transition: 0.7s ease; -ms-transition: 0.7s ease; -o-transition: 0.7s ease; transition: 0.7s ease; } .blog-section .post-area { position: relative; } .blog-section .post-area:before { position: absolute; content: ''; right: -30px; top: 0; bottom: 0; width: 1px; background: #f4f4f4; } /*=================== blog-sidebar ===================*/ .blog-sidebar { position: relative; margin-left: 30px; } .blog-sidebar .section-title { margin-bottom: 0px; } .blog-sidebar .section-title h4 { font-size: 22px; } .blog-sidebar .section-title.style-2 { margin-bottom: 10px; } .blog-sidebar .sidebar_search { height: 54px; position: relative; margin-bottom: 47px; } .blog-sidebar .sidebar_search input { width: 100%; height: 54px; border: none; border: 1px solid #f1f1f1; padding: 0 56px 0 12px; color: #9e9e9e; } .blog-sidebar .sidebar_search button { width: 54px; height: 100%; position: absolute; top: 0; background: #5e0046; right: 0; color: #fff; } .blog-sidebar .category-style-one { position: relative; } .blog-sidebar .category-style-one ul { margin-bottom: 50px; border: 1px solid #f4f4f4; padding: 0px 25px; } .blog-sidebar .category-style-one ul li { border-bottom: 1px solid #eaeaea; margin: 0; padding-bottom: 0px; } .blog-sidebar .category-style-one ul li:last-child { border-bottom: 0px; } .blog-sidebar .category-style-one ul li a { position: relative; font-weight: normal; color: #848484; position: relative; width: 100%; transition: 0.5s ease; line-height: 46px; display: block; } .blog-sidebar .category-style-one ul li a i { font-size: 10px; margin-right: 10px; top: -1px; position: relative; } .blog-sidebar .category-style-one ul li a span { position: absolute; right: 0; top: 1px; } .blog-sidebar .category-style-one ul li a:hover { color: #5e0046; transition: 0.5s ease; } /*post-thumb*/ .blog-sidebar .popular-post { position: relative; margin-bottom: 50px; } .blog-sidebar .popular-post .item { position: relative; font-size: 14px; margin-bottom: 15px; min-height: 50px; padding: 0px 0px 35px 105px; color: #cccccc; border-bottom: 1px solid #f1f1f1; } .blog-sidebar .popular-post .item:last-child { margin-bottom: 0px; border-bottom: 0px; padding-bottom: 0px; } .blog-sidebar .popular-post .item .post-thumb { position: absolute; left: 0px; top: 5px; width: 90px; height: 80px; } .blog-sidebar .popular-post .item .post-thumb img { width: 100%; display: block; } .blog-sidebar .popular-post .item .post-thumb a { position: relative; } .blog-sidebar .popular-post .item .post-thumb a:after { position: absolute; content: '\f0c1'; font-family: FontAwesome; left: 0px; top: 0px; text-align: center; line-height: 70px; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.63); color: #ffffff; opacity: 0; transition: 0.5s ease; } .blog-sidebar .popular-post .item .post-thumb:hover a:after { opacity: 1; transition: 0.5s ease; } .blog-sidebar .popular-post .item h4 { position: relative; font-size: 18px; color: #222; margin: 0px 0px 8px; font-weight: 400; line-height: 24px; -webkit-transition: 0.5s ease; transition: 0.5s ease; } .blog-sidebar .popular-post .item h4:hover { color: #5e0046; -webkit-transition: 0.5s ease; transition: 0.5s ease; } .blog-sidebar .recent-posts.post-thumb .post .post-info { font-size: 14px; font-weight: 400; margin: 0px; line-height: 1.6em; color: #9c9c9c; } .blog-sidebar .popular-post .item .post-info { color: #848484; font-size: 16px; } .blog-sidebar .popular-post .item .post-info i { color: #5e0046; font-size: 14px; margin-right: 6px; top: -1px; position: relative; } .blog-sidebar .event-section2 { margin-bottom: 40px; } .blog-sidebar .event-section2 .owl-theme .owl-nav { margin: 0; padding: 0; position: absolute; bottom: 100%; right: 0; margin: 0; margin-bottom: 39px; } .blog-sidebar .event-section2 .owl-theme .owl-nav [class*='owl-'] { color: #202f35; font-size: 14px; margin: 0; padding: 0; background-color: transparent; height: 40px; border: 0px; width: 18px; line-height: 36px; font-weight: 700; text-align: center; margin-left: 1px; display: inline-block; transition: color 0.3s ease; } .blog-sidebar .event-section2 .owl-theme .owl-nav [class*='owl-']:hover { color: #5e0046; transition: 0.5s ease; } /*facebook feed*/ .blog-sidebar .facebook-feed { position: relative; background: #f7f7f7; overflow: hidden; margin-bottom: 50px; } .blog-sidebar .facebook-feed .img-box { position: relative; } .blog-sidebar .facebook-feed .overlay { position: absolute; margin: 10px; left: 0; top: 0; right: 0; bottom: 0; } .blog-sidebar .facebook-feed .inner-box { position: relative; padding-left: 70px; margin-bottom: 32px; } .blog-sidebar .facebook-feed .inner-box .logo { position: absolute; left: 0; top: 0; } .blog-sidebar .facebook-feed .inner-box h4 { color: #fff; font-weight: 600; position: relative; margin-top: 0px; margin-bottom: 3px; } .blog-sidebar .facebook-feed .inner-box .like { color: #fff; } .blog-sidebar .facebook-feed .link a { color: #58606f; background: #fff; display: inline-block; line-height: 22px; font-size: 13px; text-align: center; padding: 0 10px; border: 1px solid #eaeaea; } .blog-sidebar .facebook-feed .link a i.fb-icon { color: #fff; background: #39579b; font-size: 12px; padding: 2px 3px 0 4px; position: relative; top: 2px; margin-right: 5px; } .blog-sidebar .facebook-feed .link a i.mail { color: #6a7081; margin-right: 6px; } .blog-sidebar .facebook-feed .like-people { background: #fff; margin: 20px 9px; padding: 5px 9px 15px; } .blog-sidebar .facebook-feed .like-people p { font-size: 13px; } .sidebar_tags ul { margin: 0 -5px; } .sidebar_tags li { display: inline-block; } .sidebar_tags li a { color: #fff; font-size: 16px; padding: 8px 12px; font-weight: 300; border: 1px solid #f4f4f4; margin: 0 5px 10px; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease; } .sidebar_tags li a:hover { color: #5e0046; border-color: #5e0046; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease; } /*=============================== blog single post ===============================================*/ .blog-single-post .content-box .text p { margin-bottom: 20px; margin-top: 20px; } .blog-single-post .default-blog-news .lower-content { padding-bottom: 0px; border-bottom: 0px; } .blog-single-post.classic-blog-news { border: 0px; margin-bottom: 0; } .blog-single-post.classic-blog-news .lower-content .content { padding: 25px 0; background: #fff; } .blog-single-post .default-blog-news:hover { box-shadow: none; } .blog-single-post .section-title { margin-bottom: 30px; } .blog-single-post .section-title2 h3 { margin-bottom: 30px; } /*---------------- Author -------------*/ .blog-single-post .author { background-color: #ffffff; position: relative; margin-bottom: 20px; margin-top: 35px; } .blog-single-post .author img { position: absolute; } .blog-single-post .author-comment { margin-left: 340px; padding-left: 30px; } .blog-single-post .author-comment .quote { font-size: 25px; color: #f1f1f1; margin-bottom: 7px; position: relative; top: -5px; } .blog-single-post .author-comment h5 { font-weight: 600; margin: 16px 0 5px 0; text-transform: uppercase; font-size: 18px; } .blog-single-post .author-comment p.a-title { color: #5e0046; font-size: 16px; } /*share-box*/ .share-box { background: #ffffff; padding-top: 25px; margin-top: 35px; border-top: 1px solid #f4f4f4; } .share-box .tag-box span { font-size: 14px; color: #3f3e3e; } .share-box .tag-box a { color: #5e0046; font-size: 15px; transition: 0.3s ease; line-height: 30px; text-transform: capitalize; font-family: 'Hind', sans-serif; } .share-box .tag-box a:hover { color: #5e0046; transition: 0.3s ease; } .share-box .social-box span { color: #252525; margin-right: 13px; font-size: 18px; font-family: 'Lora', serif; } .share-box .social { display: inline-block; margin-bottom: 0; margin-left: -2.5px; padding-left: 10px; } .share-box .social > li { padding-right: 0; margin: 0; padding-left: 0; } .share-box .social a { width: 40px; border-radius: 50%; height: 40px; font-size: 14px; color: #bcbcbc; text-align: center; margin: 0 3px; border: 1px solid #eee; display: block; line-height: 42px; transition: all 0.5s ease; } .share-box .social a:hover { color: #ffffff; background: #5e0046; border-color: #5e0046; } .share-box .tag-box li { margin: 0; display: inline-block; font-family: 'Lora', serif; color: #464646; font-size: 18px; } /*========== author ===========*/ .post-author { position: relative; color: #777777; margin-bottom: 64px; } .post-author .inner-box { position: relative; padding: 33px 35px 30px 155px; min-height: 160px; background: #f4f4f4; } .post-author .inner-box .author-thumb { position: absolute; left: 35px; top: 35px; width: 85px; height: 85px; border-radius: 2px; } .post-author .inner-box .author-thumb img { display: block; width: 100%; } .post-author h4 { position: relative; margin: 0px 0px 16px; font-size: 18px; text-transform: capitalize; font-weight: 600; color: #252525; } .post-author ul li { margin: 0; margin-top: 10px; } .post-author ul li a { padding: 0 4px; color: #fff; font-size: 14px; transition: 0.5s ease; } .post-author ul li a:hover { color: #5e0046; transition: 0.5s ease; } /*=============== comment =============*/ .single-comment { position: relative; margin-bottom: 10px; padding-bottom: 32px; padding-left: 80px; } .single-comment .img-holder { left: 0; position: absolute; top: 0; } .single-comment .text-holder { border: 1px solid #f4f4f4; padding: 20px; } .single-comment .text-holder .top { margin: 0 0 8px; overflow: hidden; } .single-comment .rating { margin-top: -4px; padding-left: 20px; } .single-comment .rating li { display: inline-block; margin-right: 3px; } .single-comment .rating i { color: #5e0046; font-size: 14px; } .single-comment .text-holder p { margin: 0 0 15px; } .single-comment .text-holder .reply { color: #ab7442; font-size: 14px; font-weight: 600; text-transform: uppercase; } /*==feedback======*/ .feedback { padding-bottom: 30px; } .feedback p { margin-bottom: 5px; } .feedback .rating { display: inline-block; margin: 0 0px; border-left: 1px solid #d6d6d6; padding-right: 10px; padding-left: 10px; } .feedback .rating:first-child { padding-left: 0px; border: 0px; } .feedback .rating li { display: inline-block; } .feedback .rating li a i { color: #d6d6d6; transition: all 500ms ease; font-size: 14px; } .feedback .rating.active li i, .feedback .rating:hover i { color: #5e0046; } /*** ==================================================================== testimonials-section ==================================================================== ***/ .testimonials { position: relative; background: #5e0046; } .testimonials .section-title h2 { color: #fff; } .testimonials .section-title h2:after { background: #fff; } .testimonials .single-item { position: relative; background: #fff; padding: 35px 28px 15px; margin-bottom: 30px; } .testimonials .single-item .text { padding-left: 90px; } .testimonials .single-item .text h4 { font-size: 20px; margin-bottom: 10px; } .testimonials .single-item .img-box { position: absolute; left: 25px; top: 30px; } .testimonials .owl-stage-outer { padding-top: 36px; } .testimonials .single-item .quote { position: absolute; height: 70px; width: 70px; line-height: 62px; border: 3px solid #fff; border-radius: 50%; font-size: 30px; left: 30px; top: -35px; text-align: center; background: #f7f7f7; color: #5e0046; } .testimonials .single-item .author-info { border-top: 1px solid #f4f4f4; position: relative; margin-top: 15px; padding: 21px 0 10px; } .testimonials .single-item .author-info h4 { font-size: 20px; } .testimonials .single-item .author-info p { color: #42c7e5; margin-top: 5px; font-weight: 300; } .testimonials .single-item .author-info:before { } .testimonials .single-item .author-info .rating { position: absolute; right: 0; top: 20px; padding: 5px; } .testimonials .single-item .author-info .rating li { display: inline-block; color: #5e0046; } .testimonials .owl-controls { text-align: center; display: block; position: relative; bottom: 0px; margin-top: 14px; } .testimonials .owl-dots .owl-dot { display: inline-block; } .testimonials .owl-dots .owl-dot span { border-radius: 50%; border: 1px solid #fff; display: block; height: 10px; background: transparent; width: 10px; margin: 5px 7px; transition: 0.5s ease; } .testimonials .owl-dots .owl-dot.active span, .testimonials .owl-dots .owl-dot:hover span { background-color: #fff; transition: 0.5s ease; } /*** ==================================================================== subscribe Section ==================================================================== ***/ .subscribe { background-repeat: no-repeat; background-size: cover; } .subscribe-form input { position: relative; width: 38%; display: inline-block; margin-right: 6px; padding: 10px 15px 8px; border: 1px solid #f4f4f4; } .subscribe .thm-btn { width: 20%; } .subscribe-form { position: relative; } .subscribe-form span { position: absolute; left: 15px; top: 15px; color: #ff5722; font-size: 20px; } /*** ==================================================================== about-page ==================================================================== ***/ .quote-style-1 { position: relative; padding: 32px 30px; margin-top: 30px; } .quote-style-1:before { content: ''; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 0; background: rgba(160, 199, 21, 0.95); } .quote-style-1 h3 { position: relative; color: #fff; font-weight: 700; line-height: 30px; } .quote-style-1 .thm-btn { position: absolute; right: 30px; top: 37px; background: #fff; color: #5e0046; } .history { background: #f7f7f7; } .history .single-item .content { position: relative; padding: 28px 18px 10px; margin-bottom: 30px; border: 1px solid #f4f4f4; background: #fff; } .history .single-item .date { padding: 5px 18px; border: 2px solid #f4f4f4; display: inline-block; font-size: 24px; font-weight: 400; font-family: 'Lora', serif; } .history .single-item h4 { font-size: 20px; font-weight: 400; margin: 15px 0px 15px; } .history .single-item p { margin-bottom: 10px; } .why-chooseus { position: relative; padding-top: 50px; } .why-chooseus .single-item { margin-bottom: 40px; } .why-chooseus .icon-box { color: #5e0046; font-size: 50px; margin-top: 10px; } .why-chooseus .single-item h4 { font-size: 20px; font-weight: 700; margin: 25px 0 20px; } /* ===================================================== team style ===================================================== */ .our-team .inner-box { position: relative; overflow: hidden; } .our-team .item { position: relative; overflow: hidden; margin-bottom: 50px; } .our-team .item .img-box { position: relative; display: inline-block; } .our-team .overlay .top { position: absolute; text-align: center; left: 0px; top: 0px; width: 100%; height: 0%; background: rgba(0, 0, 0, 0.7); transition: 0.5s cubic-bezier(0.4, 0, 1, 1); opacity: 0; visibility: hidden; } .our-team .item:hover .overlay .top { height: 100%; transition: 0.5s cubic-bezier(0.4, 0, 1, 1); opacity: 1; visibility: visible; } .our-team .overlay .top .box { display: table; width: 100%; height: 100%; } .our-team .overlay .top .social-icon { display: table-cell; vertical-align: middle; } .our-team .overlay .top a { position: relative; color: #222; line-height: 46px; text-align: center; font-size: 15px; background: #fff; border-radius: 50%; width: 42px; height: 42px; margin-right: 10px; transition: 0.5s; } .our-team .overlay .top a:hover { background: #5e0046; color: #fff; transition: 0.5s; } .our-team .item .content { position: relative; border: 1px solid #f4f4f4; padding-bottom: 20px; } .our-team .item .author { margin: 20px 0px 15px; } .our-team .item h4 { font-weight: 400; margin-bottom: 8px; font-size: 20px; color: #222; } .our-team .item .author p { position: relative; color: #5e0046; padding-bottom: 10px; } .our-team .item .author p:before { position: absolute; content: ''; height: 1px; width: 50px; background: #f4f4f4; bottom: 0px; left: 50%; margin-left: -25px; } .our-team .item .text p { margin-bottom: 3px; } .our-team .item .text p a { color: #fff; } .our-team .item .mail i { font-size: 16px; margin-right: 8px; } /* our team style2 */ .our-team-style2 { position: relative; } .our-team-style2 .inner-box { position: relative; overflow: hidden; } .our-team-style2 .item { position: relative; overflow: hidden; margin-bottom: 50px; } .our-team-style2 .item .img-box { position: relative; display: inline-block; border-radius: 50%; overflow: hidden; } .our-team-style2 .overlay .top { position: absolute; text-align: center; left: 0px; top: 0px; width: 100%; height: 0%; background: rgba(66, 192, 229, 0.9); transition: 0.5s cubic-bezier(0.4, 0, 1, 1); opacity: 0; visibility: hidden; } .our-team-style2 .item:hover .overlay .top { height: 100%; transition: 0.5s cubic-bezier(0.4, 0, 1, 1); opacity: 1; visibility: visible; } .our-team-style2 .overlay .top .box { display: table; width: 100%; height: 100%; } .our-team-style2 .overlay .top .social-icon { display: table-cell; vertical-align: middle; } .our-team-style2 .overlay .top a { position: relative; color: #fff; line-height: 46px; text-align: center; font-size: 15px; background: rgba(255, 255, 255, 0); border: 1px solid #fff; border-radius: 50%; width: 42px; height: 42px; margin-right: 10px; transition: 0.5s; } .our-team-style2 .overlay .top a:hover { background: #ffffff; color: #5e0046; transition: 0.5s; } .our-team-style2 .item .content { position: relative; } .our-team-style2 .item .author { margin: 10px 0px 0px; } .our-team-style2 .item h4 { font-weight: 400; margin-bottom: 8px; font-size: 20px; color: #fff; } .our-team-style2 .item .author p { position: relative; color: #5e0046; padding-bottom: 5px; } .our-team-style2 .item .author p:before { position: absolute; content: ''; height: 1px; width: 50px; bottom: 0px; left: 50%; margin-left: -25px; } .our-team-style2 .item .text p { margin-bottom: 3px; } .our-team-style2 .item .text p a { color: #fff; } .our-team-style2 .item .mail i { font-size: 16px; margin-right: 8px; } /*** ==================================================================== Fact Counter two Section ==================================================================== ***/ .fact-counter-1 { position: relative; padding: 70px 0px 40px; background-repeat: no-repeat; background-size: cover; background-position: center center; overflow: hidden; color: #ffffff; margin-bottom: 3px; } .fact-counter-1 .section-title h2 { color: #fff; } .fact-counter-1 .auto-container { position: relative; z-index: 1; } .fact-counter-1 .column { position: relative; margin-bottom: 40px; text-align: center; z-index: 5; } .fact-counter-1 .item { position: relative; color: #fff; padding: 17px 0 25px; } .fact-counter-1 .column .icon { font-size: 40px; position: relative; right: 5px; margin-bottom: 5px; color: #ff2f2f; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; } .fact-counter-1 .count-outer { position: relative; font-size: 40px; font-weight: 400; padding: 0px 10px 5px; font-family: 'Lora', serif; } .fact-counter-1 .count-outer:before { } .fact-counter-1 .column .counter-title { position: relative; font-size: 18px; font-weight: 300; color: #ffffff; } .fact-counter-2 { position: relative; padding: 70px 0px 40px; background-repeat: no-repeat; background-size: cover; background-position: center center; overflow: hidden; color: #ffffff; } .fact-counter-2:before { position: absolute; content: ''; height: 100%; width: 100%; left: 0; top: 0; background: rgba(66, 192, 229, 0.95); } .fact-counter-2 .section-title h2 { color: #fff; } .fact-counter-2 .section-title:before { display: none; } .fact-counter-2 .auto-container { position: relative; z-index: 1; } .fact-counter-2 .column { position: relative; margin-bottom: 30px; z-index: 5; } .fact-counter-2 .item { position: relative; color: #222; padding: 28px 0px 32px; padding-left: 80px; } .fact-counter-2 .column .icon { font-size: 60px; position: absolute; width: 70px; margin-top: 13px; top: 30px; left: 0; text-align: center; margin-bottom: 5px; color: #fff; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; } .fact-counter-2 .count-outer { position: relative; font-size: 40px; font-weight: 700; padding: 0px 0px 5px; color: #fff; font-family: 'Lora', serif; } .fact-counter-2 .column .counter-title { position: relative; font-size: 20px; font-weight: 300; color: #fff; font-family: 'Hind', sans-serif; } .fact-counter-2 .content { background: #fff; padding: 40px; } .fact-counter-2 .content p.thm-color { font-size: 24px; } .fact-counter-2 .content h2 { font-weight: 700; margin: 15px 0; text-transform: uppercase; } .fact-counter-2 .link { margin-top: 25px; } /*** ==================================================================== testimonial-two ==================================================================== ***/ .testimonial-two { padding: 65px 0 40px; } .testimonial-two .item .text { position: relative; padding: 20px; padding-left: 55px; color: #a2a2a2; background: #f7f7f7; margin-bottom: 36px; line-height: 32px; font-size: 14px; } .testimonial-two .item .text .quot { position: absolute; left: 20px; top: 26px; font-size: 20px; color: #dedede; } .testimonial-two .item .text:after { position: absolute; content: ''; border-top: 12px solid #f7f7f7; border-left: 10px solid #f7f7f7; border-right: 10px solid transparent; border-bottom: 12px solid transparent; top: 100%; left: 0px; } .testimonial-two .item .author { color: #252525; font-size: 20px; font-weight: 400; margin-top: 6px; margin-bottom: 2px; } .testimonial-two .item .author-title { color: #5e0046; font-size: 16px; } .testimonial-two .item .author-info img { width: 55px; height: 55px; position: relative; top: -5px; } .testimonial-two .item .author-info { margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #f4f4f4; } /*** ============================== faq-section styles ============================== ***/ .faq-section { background-repeat: no-repeat; background-position: center center; background-size: cover; } .faq-section .accordion-box { margin-bottom: 50px; } .faq-section .accordion-box .accordion .acc-content { padding: 25px 40px; } .faq-section .category-style-one { position: relative; margin-left: 30px; } .faq-section .category-style-one .inner-title h4 { font-size: 20px; padding: 20px 30px; background: #f7f7f7; text-transform: uppercase; font-weight: 700; } .faq-section .category-style-one ul { border: 1px solid #f4f4f4; padding: 0 30px; } .faq-section .category-style-one ul li { border-bottom: 1px solid #eaeaea; margin: 0; padding-bottom: 0px; } .faq-section .category-style-one ul li:last-child { border-bottom: 0px; } .faq-section .category-style-one ul li a { position: relative; font-weight: normal; color: #848484; position: relative; width: 100%; transition: 0.5s ease; line-height: 54px; display: block; } .faq-section .category-style-one ul li a:hover { color: #5e0046; transition: 0.5s ease; } .faq-section .category-style-one ul li a span { position: absolute; right: 0; top: 3px; } .faq-section .default-form-area { background: #f7f7f7; padding: 87px 30px; } .faq-section .default-form-area h3 { margin-bottom: 30px; } .faq-section .default-form input[type='text'], .faq-section .default-form input[type='email'], .faq-section .default-form input[type='password'], .faq-section .default-form input[type='number'], .faq-section .default-form select, .faq-section .default-form textarea { display: block; width: 100%; line-height: 24px; height: 50px; font-size: 16px; box-shadow: none; border: 1px solid #eee; padding: 12px 15px; background: transparent; border-radius: 0px; transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; } .faq-section .default-form .form-control:focus { border-color: #5e0046; box-shadow: none; } .faq-section .default-form textarea { height: 100px; } /*============= feature-style1 ===============*/ .feature-style1 { background: #25272e; } .feature-style1 .content { position: relative; background: #292b33; padding: 30px; } .feature-style1 .content:before { position: absolute; content: ''; background: #292b33; width: 100%; height: 100%; left: 0; top: 0; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease; } .feature-style1 .content:hover:before { background: rgba(66, 199, 229, 0.9); -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease; } .feature-style1 .icon-box { position: relative; color: #5e0046; font-size: 50px; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease; } .feature-style1 .content:hover .icon-box { color: #fff; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease; } .feature-style1 h4 { position: relative; color: #fff; font-size: 20px; padding: 20px 0 15px; } .feature-style1 p { position: relative; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease; } .feature-style1 .content:hover p { color: #fff; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease; } .feature-style1 .default_link { color: #848484; margin-top: 10px; position: relative; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease; } .feature-style1 .content:hover .default_link { color: #fff; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease; } .feature-style1 .owl-nav { top: -93px; left: inherit; right: 0; margin-top: -29px; } /*============= accordion ===============*/ .accordion-box { padding: 0 30px; border: 1px solid #f4f4f4; } .accordion { position: relative; } .accordion .acc-btn .left-icon { position: absolute; left: 0; top: 0; background: #f1f1f1; width: 60px; height: 100%; color: #9c9c9c; font-size: 20px; text-align: center; } .accordion .acc-btn.active .left-icon { color: #fff; } .accordion .left-icon span { position: relative; top: 18px; } .accordion .acc-btn { cursor: pointer; font-size: 18px; font-weight: 600; padding: 20px 40px 22px; margin: 0px; padding-right: 50px; border-bottom: 1px solid #f4f4f4; } .accordion .acc-btn.active { border-color: #5e0046; border-bottom: 0px; } .accordion .acc-btn p { color: #464646; font-size: 16px; font-family: 'Lora', serif; font-weight: 700; } .accordion .acc-btn.active p { } .accordion .acc-btn.pr { position: relative; } .accordion .acc-btn .img-box { display: none; } .accordion .acc-btn.active .img-box { display: block; } .accordion .acc-btn .toggle-icon { color: #cecece; display: block; font-weight: 100; height: 24px; line-height: 24px; position: absolute; left: 0; font-size: 24px; top: 23px; width: 24px; } .accordion .acc-btn .toggle-icon.left { color: #9c9c9c; display: block; font-weight: 100; height: 24px; line-height: 24px; position: absolute; right: 20px; bottom: 20px; left: 30px; } .accordion .acc-btn .toggle-icon .plus:before { font-size: 24px; font-weight: 500; transition: all 0.3s ease 0s; position: absolute; top: 0; left: 0; width: 100%; color: #ccc; } .accordion-box .accordion .acc-btn.active .toggle-icon .plus { opacity: 0; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'; } .accordion-box .accordion .acc-btn .toggle-icon .minus:before { font-size: 24px; font-weight: 500; transition: all 0.3s ease 0s; position: absolute; top: 0; left: 0; color: #5e0046; width: 100%; } .accordion-box .accordion .acc-btn .toggle-icon .minus { opacity: 0; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'; } .accordion-box .accordion .acc-btn.active .toggle-icon .minus { opacity: 1; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'; } .accordion-box .accordion .acc-content { color: #9c9c9c; background: #f7f7f7; display: none; padding: 20px 20px; border-top: 0px; } .accordion-box .accordion .acc-content.collapsed { display: block; } .accordion-box .accordion .acc-content p { margin: 0; } .accordion-box .accordion .acc-btn.active .toggle-icon .minus { color: #121d2f; } .accordion-box.style-2 { padding: 0; border: 0px; } .accordion-box.style-2 .accordion .acc-btn .toggle-icon { left: inherit; right: 10px; top: 12px; } .accordion-box.style-2 .accordion .acc-btn { background: #f7f7f7; padding: 13px 20px 12px; } .accordion-box.style-2 .accordion .acc-content { background: #fff; } .accordion-box.style-2 .accordion { border: 1px solid #f4f4f4; margin-bottom: 10px; } /*** ============================================= Pricing Plan One Area style ============================================= ***/ .pricing-plan-one-area { padding-bottom: 80px; padding-top: 80px; } .pricing-plan-one-area .sec-title-two { padding-bottom: 43px; } .pricing-plan-one-area .sec-title-two .border { display: inline-block; height: 1px; margin: 20px 0 0; } .pricing-plan-one-area .single-pricing-box { } .pricing-plan-one-area .single-pricing-box .pricing-plan { } .pricing-plan-one-area .single-pricing-box .pricing-plan .table-top { background: #43c3ea none repeat scroll 0 0; display: block; padding: 19px 0; } .pricing-plan-one-area .single-pricing-box .pricing-plan .table-top h3 { color: #ffffff; font-size: 20px; font-weight: 700; text-transform: uppercase; } .pricing-plan-one-area .single-pricing-box .pricing-plan { overflow-x: auto; position: relative; width: 100%; } .pricing-plan-one-area .single-pricing-box .pricing-plan table { min-width: 450px; width: 100%; } .pricing-plan-one-area .single-pricing-box .pricing-plan .table-heading { background: #f7f7f7 none repeat scroll 0 0; width: 100%; } .pricing-plan-one-area .single-pricing-box .pricing-plan .table-heading tr { } .pricing-plan-one-area .single-pricing-box .pricing-plan .table-heading tr th { border: 1px solid #f7f7f7; color: #222; font-size: 20px; font-weight: 700; padding: 13px 20px 14px; text-transform: capitalize; background: #fff; font-family: 'Lora', serif; text-align: center; } .pricing-plan-one-area .single-pricing-box .pricing-plan .table-heading tr th.gray-bg { background: #f9f9f9; } .pricing-plan-one-area .single-pricing-box .pricing-plan .table-heading tr th span.choos-plan { position: relative; background: #f9f9f9; width: 100%; display: block; top: -23px; } .pricing-plan-one-area .single-pricing-box .pricing-plan .table-heading tr th.price-box { font-size: 60px; } .pricing-plan-one-area .single-pricing-box .pricing-plan .table-heading tr th.price-box sub { font-size: 12px; font-family: 'Roboto', sans-serif; margin-left: -8px; vertical-align: 5px; font-weight: 400; } .pricing-plan-one-area .single-pricing-box .pricing-plan .table-heading tr th.price-box sup { font-family: 'Roboto', sans-serif; font-size: 18px; margin-right: 8px; vertical-align: 17px; font-weight: 400; } .pricing-plan-one-area .single-pricing-box .pricing-plan tbody tr:nth-of-type(odd) { background: #fff; } .pricing-plan-one-area .single-pricing-box .pricing-plan tbody tr:nth-of-type(even) { background: #fff; } .pricing-plan-one-area .single-pricing-box .pricing-plan tbody tr { } .pricing-plan-one-area .single-pricing-box .pricing-plan tbody tr td { min-width: 110px; padding: 16px 20px 16px; border: 1px solid #f7f7f7; text-align: center; } .pricing-plan-one-area .single-pricing-box .pricing-plan tbody tr td.text-left { text-align: left; } .pricing-plan-one-area .single-pricing-box .pricing-plan tbody tr td h5 { color: #fff; font-size: 16px; font-weight: 700; } .pricing-plan-one-area .single-pricing-box .pricing-plan tbody tr td h6 { color: #fff; font-size: 16px; font-weight: 400; padding-left: 12px; font-family: 'Lora', serif; } .pricing-plan-one-area .single-pricing-box .pricing-plan tbody tr td h6.thm-color { color: #5e0046; } /*** ==================================================================== contact Section ==================================================================== ***/ .contact-us .default-cinfo { background: #5e0046; padding: 80px 30px; } .contact-us .default-cinfo .section-title h3 { color: #fff; } .contact-us .default-cinfo .section-title h3:after { background: #fff; } .default-cinfo .icon_box { width: 35px; } .default-cinfo .contact-infos li + li { margin-top: 14px; border-top: 1px solid #37b2d6; padding-top: 15px; } .default-cinfo li .icon_box, .default-cinfo li .text-box { display: table-cell; vertical-align: top; } .default-cinfo li .text-box p { color: #fff; } .default-cinfo li .icon_box i { font-size: 24px; color: #ffffff; position: relative; top: 2px; } .default-cinfo .accordion-box .accordion .acc-content b { color: #222; font-weight: 600; } .contact-us { position: relative; background: #f7f7f7; margin-bottom: -83px; } .contact-us .default-form-area { background: #fff; padding: 65px 30px 20px; padding-right: 10px; } .contact-us h2 span { color: #5e0046; } .contact-us .contact-us-bg { background: #fff; position: relative; z-index: 9; box-shadow: 0 0 18px 8px rgba(0, 0, 0, 0.03); } .contact-us .social-icon { margin-top: 20px; } .contact-us .social-icon li a { color: #fff; } .contact-us .owl-nav { top: -30px; left: 50%; margin-left: -30px; } .contact-us .owl-nav [class*='owl-'] { color: #fff; border: 0px; width: 13px; } .contact-us .owl-nav [class*='owl-']:hover { color: #fff; border: 0px; } /*============= default-form ===============*/ .default-form { position: relative; } .default-form .form-box { position: relative; } .comment-form .form-box { padding: 25px 25px 0px 25px; } .default-form .form-group { position: relative; margin-bottom: 30px; } .default-form .comment-form .form-box .form-group { margin-bottom: 25px; } .default-form.form-box .row { margin-left: -10px; margin-right: -10px; } .default-form.form-box .row .form-group { padding: 0px 0px; } .default-form .form-group .field-label { display: block; line-height: 24px; text-transform: uppercase; margin-bottom: 10px; color: #232323; font-weight: 500; font-size: 13px; } .default-form .form-group .field-label sup { color: #ff0000; font-size: 14px; } .default-form p { margin-bottom: 6px; } .default-form input[type='text'], .default-form input[type='email'], .default-form input[type='password'], .default-form input[type='number'], .default-form select, .default-form textarea { display: block; width: 100%; line-height: 24px; height: 50px; font-size: 16px; box-shadow: none; border: 1px solid #f4f4f4; padding: 12px 15px; background: #fff; border-radius: 0px; transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; } .default-form textarea { height: 210px; } .default-form .bootstrap-select { border: 1px solid #f4f4f4; background: #f7f7f7; color: #a2a2a2; padding: 10px 0; font-size: 16px; height: auto; } .default-form .btn-group.open .dropdown-toggle { box-shadow: none; } .default-form .btn-group.open .dropdown-toggle:focus { border: none; outline: none; } .default-form .bootstrap-select .dropdown-toggle:focus { outline: none !important; } .default-form .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover { background-color: #5e0046; color: #fff; } .default-form .form-control:focus { border-color: #5e0046; box-shadow: none; } .select-box .btn:after { position: absolute; content: '\f107'; font-family: FontAwesome; font-size: 16px; color: #5e0046; width: 20px; right: 15px; top: 50%; margin-top: -11px; } .default-form .bootstrap-select { background: none; border: none; box-shadow: none; padding: 0px; } .default-form .g-select { background: none; border: none; box-shadow: none; padding: 0px; } .default-form .bootstrap-select.btn-group .dropdown-toggle .filter-option { color: #848484; padding: 13px 15px; border: 1px solid #eee; } .default-form .bs-caret { display: none; } .default-form .dropdown-menu { border-radius: 0px; padding: 0px; top: 50px; transform: scaleY(0); transform-origin: top center; transition: 0.4s ease; } .default-form .bootstrap-select.open .dropdown-menu { transform: scaleY(1); transition: 0.4s ease; } .default-form .dropdown-menu > li > a { padding: 8px 15px; } .default-form .dropdown-menu > li > a:focus { background-color: #fff; color: #464646; } .default-form .dropdown-menu > li > a:hover { background-color: #5e0046 !important; color: #fff !important; } /*placeholder*/ .default-form form input::-webkit-input-placeholder { color: #9e9e9e; } .default-form form input:-moz-placeholder { /* Firefox 18- */ color: #9e9e9e; } .default-form form input::-moz-placeholder { /* Firefox 19+ */ color: #9e9e9e; } .default-form form input:-ms-input-placeholder { color: #9e9e9e; } .default-form .alert-success { color: #5e0046; background: none; border: none; font-size: 18px; } /*** ============================================= page_pagination style ============================================= ***/ .page_pagination { position: relative; padding-top: 20px; } .page_pagination li { display: inline-block; margin: 0 4px; } .page_pagination li a { width: 55px; line-height: 55px; border: 1px solid rgba(229, 229, 229, 0.57); text-align: center; color: #252525; font-size: 18px; font-weight: 700; font-family: 'Lora', serif; border-radius: 4px; } .page_pagination li a.active, .page_pagination li a:hover { color: #fff; background: #5e0046; } /*=======pagination style-2============*/ .page_pagination2 { overflow: hidden; display: block; padding-bottom: 22px; padding-top: 22px; margin: 0; border-top: 1px solid #f4f4f4; border-bottom: 1px solid #f4f4f4; margin-top: 30px; } .page_pagination2 .button a { color: #464646; font-size: 14px; font-weight: 700; text-transform: uppercase; font-family: 'Lora', serif; } .page_pagination2 .button a:hover { color: #5e0046; } .page_pagination2 .button a i { display: inline-block; font-size: 20px; position: relative; top: 1px; } .page_pagination2 .button.next a i { padding-right: 0px; padding-left: 0; } .page_pagination2 .icon-holder a i { color: #252525; font-size: 24px; position: relative; top: 4px; transition: all 500ms ease 0s; } .page_pagination2 .icon-holder a:hover i { color: #5e0046; } /*archive*/ .sidebar-archive { margin-bottom: 30px; } .sidebar-archive .bootstrap-select { background: #f7f7f7; color: #848484; padding: 10px 0; font-size: 16px; } .sidebar-archive .btn-group.open .dropdown-toggle { box-shadow: none; } .sidebar-archive .btn-group.open .dropdown-toggle:focus { border: none; outline: none; } .sidebar-archive .bootstrap-select .dropdown-toggle:focus { outline: none !important; } .sidebar-archive .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover { background-color: #5e0046; color: #fff; } .sidebar-archive .form-control:focus { border-color: #5e0046; box-shadow: none; } /*** ============================================= shop style ============================================= ***/ .shop { position: relative; } .shop .column { padding-top: 10px; position: relative; top: -10px; margin-bottom: 30px; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease; } .shop .column:hover { -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease; } .shop .hover-effect { margin-bottom: 15px; padding-top: 10px; transition: 0.5s ease; } .shop .hover-effect:hover { box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); transition: 0.5s ease-in-out; } .single-shop-item .img-box { position: relative; overflow: hidden; transition: 0.5s ease; background: #f7f7f7; text-align: center; } .single-shop-item:hover .img-box { transition: 0.5s ease; } .single-shop-item .img-box .offer-box { position: absolute; top: 10px; left: 10px; } .single-shop-item .img-box .offer-box .inner { position: relative; } .single-shop-item .img-box .offer-box .inner:before { position: absolute; top: 0; left: 0; content: ''; display: block; width: 0; height: 0; background-color: transparent; border-bottom: 35px solid transparent; border-bottom: 35px solid transparent; border-top: 35px solid #ab7442; border-left: 35px solid #ab7442; border-right: 35px solid transparent; } .single-shop-item .img-box .offer-box .inner span { display: block; font-size: 16px; font-weight: bold; color: #fff; transform: rotate(-45deg); line-height: 35px; transform-origin: 70% 35%; } .single-shop-item .text-box h3, .single-shop-item .text-box p { margin: 0; } .single-shop-item .text-box h3 { font-size: 18px; line-height: 50px; color: #1f1f1f; margin-top: 10px; } .single-shop-item .text-box p { font-size: 20px; line-height: 24px; } .single-shop-item .text-box p i { font-size: 18px; } .single-shop-item .text-box p span { display: inline-block; vertical-align: top; color: #ab7442; font-size: 18px; font-weight: 400; } .single-shop-item .text-box p del { color: #9f9f9f; font-size: 14px; line-height: 24px; vertical-align: super; display: inline-block; font-weight: normal; } .single-shop-item .text-box p del i { font-size: 14px; } .single-shop-item { margin-bottom: 10px; } .single-shop-item .content-box a.cart-btn { position: relative; color: #848484; font-size: 14px; transition: 0.7s ease; } .single-shop-item .content-box a.cart-btn:hover { color: #5e0046; transition: 0.7s ease; } .single-shop-item .content-box a.cart-btn:before { content: ''; position: absolute; left: 0px; background: transparent; bottom: 0; left: 0; width: 100%; height: 1px; transition: 0.5s ease-in-out; } .single-shop-item .content-box a.cart-btn:hover:before { background-color: #5e0046; } .single-shop-item .content-box a.cart-btn i { margin-right: 6px; } .single-shop-item .content-box { position: relative; border: 1px solid #f4f4f4; border-top: 0px; } .single-shop-item .content-box .inner-box { padding: 14px 19px 12px; border-bottom: 1px solid #f4f4f4; } .single-shop-item .content-box .price-box { padding: 15px 20px 15px; } .single-shop-item .content-box h4 { font-size: 16px; margin: 0px 0px; line-height: 1.4em; color: #303030; margin-bottom: 6px; } .single-shop-item .content-box a, .single-shop-item .content-boxa:hover { } .single-shop-item .content-box h4 a { color: #252525; } .single-shop-item .content-box .addtocart { font-size: 16px; color: #fff; } .single-shop-item .content-box .addtocart i { margin-right: 5px; } .single-shop-item .content-box .bottom-content { padding: 12px 20px; } .single-shop-item .content-box .rating { font-size: 13px; color: #5e0046; right: 0; top: 0px; position: relative; } .single-shop-item .content-box .item-price { font-size: 16px; font-weight: 400; color: #5e0046; line-height: 24px; } .single-shop-item .content-box .item-price del { color: #a2a2a2; margin-left: 7px; font-size: 15px; } .single-shop-item .content-box .item-price .strike-through { color: #fff; font-weight: normal; font-size: 14px; padding-left: 10px; line-height: 20px; font-family: 'Lato', sans-serif; } /*============================= Sidebar Style One ==================*/ .sidebar_styleOne .theme_title, .sidebar_styleTwo .theme_title { padding-bottom: 18px; } .sidebar_search { height: 54px; position: relative; } .sidebar_search input { width: 100%; height: 54px; border: none; border: 1px solid #f1f1f1; padding: 0 56px 0 12px; color: #9e9e9e; } .sidebar_search button { width: 54px; height: 100%; position: absolute; top: 0; background: #5e0046; right: 0; color: #fff; } .sidebar_categories { margin-top: 60px; } .sidebar_categories ul { margin-top: 22px; margin-bottom: 35px; } .sidebar_categories ul li { line-height: 48px; border-bottom: 1px solid #f1f1f1; } .sidebar_categories ul li:last-child { border: none; } .sidebar_categories ul li a { font-weight: normal; color: #9e9e9e; position: relative; } .sidebar_categories ul li a:hover { } .sidebar_categories ul li input[type='checkbox'] { float: right; position: relative; top: 14px; } .sidebar_categories ul li a:before { content: '\f114'; font-family: 'FontAwesome'; margin-right: 10px; } .sidebar_categories.archive ul li a:before { content: '\f00c'; } .sidebar_categories ul li a:hover { color: #5e0046; } .recent_news_sidebar .theme_title { margin-bottom: 40px; } .recent_news_sidebar { margin-bottom: 62px; } .recent_news_sidebar .single_news_sidebar { margin-bottom: 29px; } .recent_news_sidebar .img_holder img { width: 75px; height: 75px; border-radius: 5px; } .recent_news_sidebar .post { padding-left: 26px; width: 72%; margin-top: -10px; } .recent_news_sidebar .post h6 a { font-size: 16px; color: #272727; line-height: 28px; font-weight: 900; margin-bottom: 2px; } .recent_news_sidebar .post p a { font-size: 14px; } .recent_news_sidebar .post p a i { margin-right: 4px; font-size: 16px; } .recent_news_sidebar .img_holder { position: relative; } .recent_news_sidebar .img_holder .opacity { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; visibility: hidden; border-radius: 5px; transform: scale(0.1); -webkit-transform: scale(0.1); -moz-transform: scale(0.1); -ms-transform: scale(0.1); -o-transform: scale(0.1); } .recent_news_sidebar .img_holder .opacity .icon { display: table; width: 100%; height: 100%; } .recent_news_sidebar .img_holder .opacity .icon span { display: table-cell; vertical-align: middle; } .recent_news_sidebar .img_holder .opacity .icon span a { display: block; width: 45px; height: 45px; margin: 0 auto; line-height: 45px; border-radius: 50%; color: #fff; text-align: center; } .recent_news_sidebar .single_news_sidebar:hover .opacity { opacity: 1; visibility: visible; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); } .sidebar_tags { margin: 50px 0 0; } .sidebar_tags ul { } .sidebar_tags ul li { display: inline-block; margin: 0; } .sidebar_tags ul li a { display: block; font-weight: normal; font-size: 15px; color: #9e9e9e; line-height: 15px; background: #fff; border-radius: 2px; text-align: center; } .sidebar_tags ul li a:hover { color: #5e0046; } .single-sidebar.price-ranger .ui-widget-content { background: #f7f7f7; border: none; height: 2px; } .single-sidebar.price-ranger .ui-slider-handle { width: 12px; height: 12px; border-radius: 50%; border: 2px solid #303030; margin-left: -4px; outline: none; background: #5e0046; } .single-sidebar.price-ranger .ui-slider .ui-slider-range { background: #252525; } .single-sidebar.price-ranger .ui-slider-horizontal .ui-slider-handle { top: -5px; } .single-sidebar.price-ranger #slider-range { margin-top: 25px; } .single-sidebar.price-ranger .ranger-min-max-block { margin-top: 20px; margin-bottom: 45px; } .single-sidebar.price-ranger .ranger-min-max-block input { display: inline-block; } .single-sidebar.price-ranger .ranger-min-max-block input[type='submit'] { width: 80px; border: none; border-radius: 0px; text-align: center; outline: none; line-height: 35px; font-size: 14px; margin-right: 37px; color: #ffffff; font-weight: 700; background: #5e0046; text-transform: uppercase; border: 2px solid #5e0046; } .single-sidebar.price-ranger .ranger-min-max-block input[type='text'] { border: none; text-align: center; outline: none; width: 40px; color: #9c9c9c; font-weight: 400; text-align: right; } .single-sidebar.price-ranger .ranger-min-max-block input[type='text'].max { } .single-sidebar.price-ranger .ranger-min-max-block span { color: #9c9c9c; font-weight: 400; } .best_sellers .theme_title { margin-bottom: 36px; } .best_sellers .best_selling_item .text { padding-left: 20px; margin-top: -3px; } .best_sellers .best_selling_item .text h4 { color: #303030; } .best_sellers .best_selling_item .text h6 { font-size: 16px; font-weight: 700; color: #272727; } .best_sellers .best_selling_item .text ul li { display: inline-block; margin-right: 3px; font-size: 12px; margin-top: 10px; color: #5e0046; } .best_sellers .best_selling_item .text span { display: block; margin-top: 10px; color: #5e0046; font-size: 16px; font-weight: 400; font-family: 'Roboto'; } .best_sellers .best_selling_item { margin: 20px 0 20px 0; padding-bottom: 17px; } .best_sellers .best_selling_item.border { border-bottom: 1px solid #f7f7f7; } .sidebar_styleTwo .sidebar_categories { margin-top: 30px; } .sidebar_styleTwo .sidebar_tags { margin: 19px 0 51px 0; } /*** ============================================= Shop Single area style ============================================= ***/ .shop-single-area { position: relative; } .product-content-box { margin-bottom: 106px; } .product-content-box .img-box { text-align: center; } .product-content-box .flexslider .slides img { width: auto; display: inline-block; } .product-content-box .flexslider { background: #f7f7f7 none repeat scroll 0 0; border: none; padding: 32px 0; border-radius: 0; margin: 0 50px 10px 0; position: relative; text-align: center; } .product-content-box .flex-viewport { border: none; max-height: 450px; transition: all 1s ease 0s; } .product-content-box .flex-control-thumbs { margin: 10px 0 0; overflow: hidden; position: static; display: none; } .product-content-box .flex-control-thumbs li { float: left; margin: 0 3% 0 0; width: 25%; } .product-content-box .flex-control-thumbs img { border: medium none; cursor: pointer; display: block; height: auto; opacity: 0.6; transition: all 1s ease 0s; width: 100%; border: 3px solid #f7f7f7; } .product-content-box .flex-control-thumbs .flex-active { cursor: default; opacity: 1; border: 3px solid #ab7442; } .product-content-box .flex-control-thumbs .flex-active:focus { outline: none; } .product-content-box .content-box { margin-left: -50px; } .product-content-box .content-box h3 { color: #303030; font-size: 24px; font-weight: 400; margin: 0 0 10px; text-transform: capitalize; } .product-content-box .content-box del { color: #a2a2a2; margin-left: 10px; } .product-content-box .content-box .review-box { margin: 0 0 10px; } .product-content-box .content-box .review-box ul li { display: inline-block; margin-right: 3px; } .product-content-box .content-box .review-box ul { display: inline-block; padding-right: 1px; } .product-content-box .content-box .review-box ul li i { color: #5e0046; font-size: 14px; } .product-content-box .content-box span.price { color: #5e0046; font-size: 22px; } .product-content-box .content-box .text { margin: 0px 0 0; overflow: hidden; padding: 24px 0 9px; } .product-content-box .content-box .location-box { margin: 4px 0 18px; position: relative; } .product-content-box .content-box .location-box p { color: #1f1f1f; margin: 0 0 12px; } .product-content-box .content-box .location-box form input { border: 2px solid #f7f7f7; height: 40px; padding-left: 10px; padding-right: 10px; width: 170px; transition: all 500ms ease; } .product-content-box .content-box .location-box form input:focus { border-color: #5e0046; } .product-content-box .content-box .location-box form button { background: #f7f7f7 none repeat scroll 0 0; border: medium none; color: #292929; font-size: 14px; font-weight: 600; position: absolute; left: 178px; top: 37px; height: 40px; padding: 0; text-align: center; text-transform: uppercase; width: 95px; margin-left: 6px; transition: all 500ms ease; } .product-content-box .content-box .location-box form button:hover { background: #5e0046; color: #fff; } .product-content-box .content-box .location-box form span { color: #5e0046; } .product-content-box .content-box .addto-cart-box { } .product-content-box .content-box .addto-cart-box .input-group.bootstrap-touchspin { float: left; width: 70px; margin-right: 20px; } .product-content-box .content-box .addto-cart-box .form-control { background-color: #fff; background-image: none; border: 1px solid #eaeaea; border-radius: 0 !important; box-shadow: none; color: #272727; display: block; font-size: 18px; font-weight: 500; height: 50px; padding: 6px 0 8px; text-align: center; } .product-content-box .content-box .addto-cart-box .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up { border-radius: 0; } .product-content-box .content-box .addto-cart-box .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down { border-radius: 0; margin-top: -2px; } .product-content-box .content-box .addto-cart-box .bootstrap-touchspin .input-group-btn-vertical > .btn { display: block; float: none; margin-left: -1px; max-width: 100%; padding: 12px 12px; position: relative; width: 100%; } .product-content-box .content-box .addto-cart-box .btn-default { background-color: #efefef; border-color: #efefef; color: #9e9e9e; } .product-content-box .content-box .addto-cart-box .bootstrap-touchspin .input-group-btn-vertical i { color: #9e9e9e; font-weight: normal; left: 8px; position: absolute; top: 7px; } .product-content-box .content-box .addto-cart-box button.addtocart { margin-left: 25px; } .product-tab-box { padding: 30px; padding-top: 0; border: 1px solid #f4f4f4; } .product-tab-box .tab-menu { border-bottom: 1px solid #f7f7f7; margin-top: -50px; margin-bottom: 33px; position: relative; left: -31px; } .product-tab-box .tab-menu li { display: block; float: left; margin-bottom: -1px; } .product-tab-box .tab-menu li a { border: 1px solid transparent; border-radius: 0; display: block; margin-right: 10px; padding: 13px 35px; color: #1f1f1f; font-size: 16px; font-weight: 600; text-transform: capitalize; font-family: 'Montserrat', sans-serif; background: #f7f7f7; transition: all 500ms ease; } .product-tab-box .tab-menu li.active a, .product-tab-box .tab-menu li:hover a { background: #5e0046; color: #fff; border-color: #5e0046; } .product-tab-box .tab-content { } .single-review-box { margin-bottom: 10px; padding-bottom: 32px; padding-left: 80px; position: relative; } .single-review-box .img-holder { left: 0; position: absolute; top: 0; } .single-review-box .text-holder { border: 1px solid #f4f4f4; padding: 20px; } .single-review-box .text-holder .top { margin: 0 0 8px; overflow: hidden; } .single-review-box .text-holder .top .review-box ul { margin-top: -4px; padding-left: 20px; } .single-review-box .text-holder .top .review-box ul li { display: inline-block; margin-right: 3px; } .single-review-box .text-holder .top .review-box ul li i { color: #5e0046; font-size: 14px; } .single-review-box .text-holder .top .review-date { color: #ab7442; margin-top: -5px; } .single-review-box .text-holder .text p { margin: 0 0 15px; } .single-review-box .text-holder .text a.reply { color: #ab7442; font-size: 14px; font-weight: 600; text-transform: uppercase; } .product-tab-box .tab-content .product-details-content { margin-top: -5px; } .product-tab-box .tab-content .product-details-content .highlight { margin: 42px 0 0; } .product-tab-box .tab-content .product-details-content .highlight .highlight-title { color: #292929; font-size: 24px; font-weight: 600; text-transform: uppercase; font-family: 'Lora', serif; margin: 0 0 28px; } .product-tab-box .tab-content .product-details-content .highlight li { position: relative; padding-bottom: 12px; padding-left: 25px; } .product-tab-box .tab-content .product-details-content .highlight li:before { content: '\f00c'; font-family: FontAwesome; font-style: normal; font-weight: normal; color: #ab7442; font-size: 14px; position: absolute; top: 0px; left: 0; } .review-form { padding-top: 16px; } .review-form .sec-title-two { padding-bottom: 34px; } .review-form .add-rating-box { margin: 25px 0 23px; } .review-form .add-rating-box .add-rating-title h4 { color: #292929; font-family: 'Lora', serif; font-size: 14px; font-weight: 400; margin: 0 0 10px; text-transform: none; } .review-form .add-rating-box ul li { display: inline-block; margin: 0 0px; border-right: 1px solid #e5e5e5; padding: 0 11px; } .review-form .add-rating-box ul li:last-child { margin-right: 0; } .review-form .add-rating-box ul li a i { color: #ddd; margin-right: 3px; transition: all 500ms ease; font-size: 14px; } .review-form .add-rating-box ul li.active a i, .review-form .add-rating-box ul li a:hover i { color: #5e0046; } .review-form form input[type='text'], .product-tab-box .tab-content .review-form form textarea { height: 50px; width: 100%; border: 1px solid #eaeaea; color: #9e9e9e; font-size: 14px; padding: 0 15px; margin-bottom: 30px; transition: all 500ms ease; } .review-form form textarea { height: 110px; padding: 10px 15px; margin-bottom: 32px; } .review-form .add-rating-box ul li:hover a i { opacity: 1; } .review-form form input[type='text']:focus { border-color: #5e0046; } .review-form form textarea:focus { border-color: #5e0046; } .related-product { border-top: 1px solid #f7f7f7; margin-top: 60px; padding-top: 56px; } .related-product .single-product-item { margin-bottom: 0; } .product-review-tab .add_your_review .review-title h3 { font-size: 26px; text-transform: uppercase; font-weight: 600; color: #252525; } .tab-title-h4 h4 { color: #3d3d3d; font-size: 20px; margin-bottom: 40px; } /*** ==================================================================== Login / Register Section ==================================================================== ***/ .register-section { position: relative; } .register-section .section-title2 h3 { margin-bottom: 30px; } .register-section .sec-title { margin-bottom: 30px; } .register-section .sec-title h2 { font-size: 28px; padding-bottom: 5px; font-weight: 600; } .register-section .form-column { margin-bottom: 70px; } .styled-form { position: relative; } .styled-form .form-group { position: relative; margin-bottom: 25px; margin-top: 0px; font-size: 15px; color: #9e9e9e; } .styled-form .form-group.social-links-two { margin-top: 7px; } .styled-form .form-group.register-text { margin-top: 15px; margin-left: 10px; } .checkout-section .styled-form .form-group { position: relative; margin-bottom: 20px; } .styled-form .form-group .check-box { line-height: 24px; font-size: 15px; font-weight: normal; padding-top: 5px; color: #1f1f1f; } .styled-form .form-group .check-box label { position: relative; top: -1px; font-weight: normal; padding: 0px; font-size: 15px; cursor: pointer; } .styled-form .pull-left label, .styled-form .pull-right label { cursor: pointer; font-weight: 400; } .styled-form .pull-left input { display: inline-block; } .styled-form .form-group .thm-btn { line-height: 44px; } .styled-form .form-group .adon-icon { position: absolute; top: 50%; margin-top: -10px; right: 10px; width: 20px; height: 20px; line-height: 20px; font-size: 15px; color: #fff; z-index: 2; } .styled-form .form-group .field-label { display: block; color: #1f1f1f; text-transform: capitalize; font-size: 16px; margin-bottom: 7px; font-weight: 400; } .styled-form input[type='text'], .styled-form input[type='email'], .styled-form input[type='password'], .styled-form input[type='tel'], .styled-form input[type='number'], .styled-form input[type='url'], .styled-form select, .styled-form textarea { position: relative; display: block; width: 100%; background: #ffffff; line-height: 30px; padding: 8px 20px; height: 48px; border: 1px solid #e0e0e0; border-radius: 0px; transition: all 300ms ease; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; -moz-transition: all 300ms ease; } .checkout-section .styled-form input[type='text'], .checkout-section .styled-form input[type='email'], .checkout-section .styled-form input[type='password'], .checkout-section .styled-form select { line-height: 26px; height: 44px; } .styled-form select { -webkit-appearance: none; -ms-appearance: none; -moz-appearance: none; -o-appearance: none; background: #ffffff url(../images/icons/icon-select.png) right center no-repeat; cursor: pointer; } .styled-form select option { text-indent: 20px; } .styled-form textarea { resize: none; height: 110px; } .styled-form input:focus, .styled-form select:focus, .styled-form textarea:focus { border-color: #5e0046; } .styled-form .form-group .theme-btn { min-width: 150px; text-align: center; padding: 10px 30px; } .styled-form .forgot { font-size: 14px; } .social-links-two a { position: relative; display: inline-block; font-size: 14px; width: 42px; height: 42px; line-height: 45px; text-align: center; color: #ffffff; background: #b2dd4c; margin: 0px 0px 0px 15px; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; } .social-links-two a:hover { opacity: 0.8; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=80)'; } .social-links-two .facebook { background: #3b5998; } .social-links-two .twitter { background: #33ccfe; } .social-links-two .google-plus { background: #dd4b39; } .shop-sidebar .section-title { margin-bottom: 30px; } .shop-sidebar .category-style-one { position: relative; } .shop-sidebar .category-style-one ul { margin-bottom: 50px; margin-top: -15px; } .shop-sidebar .category-style-one ul li { border-bottom: 1px solid #eaeaea; margin: 0; padding-bottom: 0px; } .shop-sidebar .category-style-one ul li a { font-weight: normal; color: #848484; padding-left: 25px; position: relative; width: 100%; transition: 0.5s ease; line-height: 54px; display: block; } .shop-sidebar .category-style-one ul li a:hover { color: #5e0046; transition: 0.5s ease; } .shop-sidebar .category-style-one ul li a:before { content: '\f114'; position: absolute; font-size: 16px; font-family: FontAwesome; left: 0px; top: 1px; -webkit-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; } .shop-sidebar { position: relative; padding-left: 45px; } .shop .outer-box { position: relative; } .shop .outer-box:before { position: absolute; content: ''; width: 1px; height: 100%; right: -30px; top: 0; background: #f4f4f4; } .single-shop-item .overlay { background-color: rgba(0, 0, 0, 0); text-align: center; position: absolute; left: 0; top: 0; width: 100%; height: 100%; color: #fff; opacity: 0; filter: alpha(opacity=0); transition: all 450ms ease-out 0s; transform: rotateY(180deg) scale(0.5, 0.5); } .single-shop-item:hover .img-box .overlay { opacity: 1; filter: alpha(opacity=100); transform: rotateY(0deg) scale(1, 1); } .single-shop-item .overlay .box { display: table; height: 100%; width: 100%; } .single-shop-item .overlay .box .content { display: table-cell; text-align: center; vertical-align: middle; } .single-shop-item .img-box .overlay .box .content a i { background: #5e0046; border-radius: 50%; color: #ffffff; display: inline-block; font-size: 16px; height: 45px; line-height: 48px; transition: all 500ms ease 0s; width: 45px; } .single-shop-item .img-box .overlay .box .content a:hover i { background: #5e0046; } .best_sellers .best_selling_item .img_holder { position: relative; } .best_sellers .best_selling_item .img_holder a:after { position: absolute; content: '\f0c1'; font-family: FontAwesome; left: 0px; top: 0px; text-align: center; line-height: 80px; width: 100%; height: 100%; background: rgba(160, 199, 21, 0.9); color: #ffffff; opacity: 0; transition: 0.5s ease; } .best_sellers .best_selling_item .img_holder:hover a:after { opacity: 1; transition: 0.5s ease; } /************************** * Cart Page styles ***************************/ .cart-section { position: relative; } .cart-section ul { margin: 0; padding: 0; } .cart-section ul li { list-style: none; } .cart-section .thm-btn { line-height: 46px; } .cart-section .sec-pad { padding-bottom: 70px; } .cart-section .sec-title.medium { padding-bottom: 25px; } .cart-section .cart-outer { position: relative; } .cart-section .cart-outer .select-box:before { display: none; } .cart-section .table-outer { position: relative; width: 100%; overflow-x: auto; } .cart-section .cart-table { width: 100%; min-width: 900px; } .cart-table .cart-header { position: relative; width: 100%; text-transform: capitalize; font-size: 16px; border-radius: 7px; font-family: 'Lora', serif; background: #f7f7f7; } .cart-table thead tr th { line-height: 24px; padding: 20px 15px; min-width: 120px; font-weight: 700; color: #303030; } .cart-table thead tr th.prod-column { text-align: left; padding-left: 40px; } .cart-table tbody tr td { line-height: 24px; padding: 15px 10px; min-width: 100px; font-size: 16px; font-weight: bold; color: yellow; } .cart-table tbody tr .qty { width: 120px; padding-right: 20px; } .cart-table tbody tr .qty .quantity-spinner { background: black; } .cart-table tbody tr .prod-column .column-box { position: relative; min-height: 90px; padding-left: 85px; padding-top: 20px; text-align: left; } .cart-table tbody tr .prod-column .column-box .prod-thumb { position: absolute; left: 0px; top: 11px; padding: 0px; } .cart-table tbody tr .prod-column .column-box .prod-thumb img { display: block; max-width: 100%; } .cart-table tbody tr .prod-column .column-box h3 { font-size: 18px; margin: 0; margin-top: 20px; margin-bottom: 5px; color: #303030; text-transform: capitalize; font-weight: 700; } .cart-table tbody tr .sub-total { font-weight: 400; color: #5e0046; } .cart-table tbody tr .remove-btn { position: relative; font-size: 16px; color: yellow; line-height: 30px; transition: all 500ms ease; } .cart-table tbody tr .remove-btn .fa { position: relative; top: 2px; padding-right: 10px; font-size: 24px; line-height: 30px; transition: 0.5s ease; } .cart-table tbody tr .remove-btn:hover { color: #5e0046; transition: 0.5s ease; } .cart-table tbody tr .remove-btn span:before { font-size: 30px; } .cart-table tbody tr { border-bottom: 1px solid #f7f7f7; } .cart-table tbody tr td { vertical-align: middle; } .cart-table tbody tr td .quantity-spinner { line-height: 24px; height: 46px; text-align: center; display: block; box-shadow: none; width: 100%; font-size: 20px; position: relative; color: #303030; } .cart-table tbody .available-info { position: relative; padding-left: 50px; color: #9e9e9e; font-size: 14px; } .cart-table tbody .available-info .icon { position: absolute; left: 0px; top: 5px; width: 40px; height: 40px; line-height: 40px; text-align: center; font-size: 18px; color: #fff; background: #5e0046; border-radius: 50%; } .cart-section .cart-table .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up, .cart-section .cart-table .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down { background: #f7f7f7; border-color: #f7f7f7; padding: 12px 12px; text-align: center; } .cart-section .cart-table .bootstrap-touchspin .input-group-btn-vertical i { color: #fff; left: 6px; top: 7px; font-size: 10px; } .cart-section .cart-table .bootstrap-touchspin .input-group-btn-vertical i:hover { color: #5e0046; } .cart-table tbody tr .qty .quantity-spinner { background: #fff; border: none; border-radius: 40px; } .cart-section .apply-coupon { position: relative; } .cart-section .apply-coupon .form-group { position: relative; float: left; margin-right: 20px; } .cart-section .apply-coupon .form-group input[type='text'] { display: block; line-height: 24px; padding: 10px 15px; border-radius: 3px; width: 230px; background: none; border: 1px solid #fff; font-weight: 500; outline: none; height: 50px; } .cart-section .estimate-form { position: relative; } .cart-section h3 { font-size: 24px; margin-bottom: 30px; } .cart-section .estimate-form .row { margin-left: -7px; margin-right: -7px; } .cart-section .estimate-form .row .form-group { padding: 0px 7px; margin-bottom: 25px; } .cart-section .totals-table { position: relative; border: 2px solid #f4f4f4; } .cart-section .totals-table .col { position: relative; display: block; font-size: 17px; float: left; padding: 14.5px 15px; line-height: 24px; width: 50%; } .cart-section .totals-table .col-title { font-size: 16px; color: #303030; border-right: 1px solid #f4f4f4; font-weight: 400; font-family: 'Lora', serif; } .cart-section .totals-table li { position: relative; border-bottom: 1px solid #f4f4f4; } .cart-section .totals-table li:last-child { border-bottom: none; } .cart-section .update-cart-box { padding-top: 40px; } .cart-section .estimate-form .select-box .bootstrap-select.btn-group .dropdown-toggle .caret { border: none; top: 2px; right: 20px; } .cart-section .estimate-form .select-box .btn-group.bootstrap-select { width: 100%; outline: none; } .cart-section .estimate-form .select-box .btn-group.bootstrap-select .btn { font-size: 14px; text-transform: capitalize; border: none; outline: none; border-radius: 0; } .cart-section .estimate-form .select-box .dropdown-menu { padding: 0; border-radius: 0; } .cart-section .estimate-form .select-box .dropdown-menu > li > a { padding: 8px 15px; color: #5e0046; transition: all 0.3s ease; } .cart-section .estimate-form .select-box .bootstrap-select.btn-group .dropdown-menu li a:hover span.text { color: #5e0046; transition: all 0.3s ease; } .cart-section .estimate-form .select-box .bootstrap-select.btn-group .dropdown-menu li a span.text { font-size: 13px; color: #5e0046; } .cart-section .estimate-form h3 { font-size: 24px; margin: 0; margin-bottom: 40px; margin-top: 80px; } .cart-section .cart-total h3 { font-size: 24px; margin: 0; margin-bottom: 15px; margin-top: 80px; } .cart-section .cart-total .thm-btn { margin-top: 30px; } .cart-section .estimate-form input { width: 100%; border: 2px solid yellow; outline: none; height: 50px; padding-left: 15px; font-family: 'Roboto Slab', serif; } .cart-section .qty .input-group { width: 74px; background: #fff; height: 50px; overflow: hidden; border: 2px solid #f4f4f4; } .cart-section .thm-btn.update-cart { border: 2px solid black; background-color: transparent; } .cart-table tbody tr td, .cart-table tbody tr .remove-btn { color: #9e9e9e; font-weight: normal; } .cart-section .thm-btn.update-cart { color: #303030; border-color: #f7f7f7; text-shadow: none; } .cart-section .apply-coupon .form-group input[type='text'] { border: 2px solid #f7f7f7; text-transform: uppercase; font-size: 14px; } .cart-section .estimate-form input { border-color: #f4f4f4; } .cart-section .estimate-form .select-box .btn-group.bootstrap-select .btn { background: #fff; color: #9f9f9f; border-color: #f7f7f7; } .cart-section .estimate-form .select-box .bootstrap-select.btn-group .dropdown-toggle .caret:before { color: #9f9f9f; } .cart-table tbody tr .prod-column .column-box { margin-left: 15px; } .cart-section .thm-btn.update-cart:hover { background: #5e0046; color: #fff; } .cart-table tbody tr td { padding: 10px 10px 10px; } .cart-section .estimate-form .select-box .bootstrap-select.btn-group .dropdown-menu li a span.text { color: #fff; } .cart-section .estimate-form .select-box .bootstrap-select.btn-group .dropdown-menu li a:hover span.text { color: #fff; } /*** ============================================= Checkout Area style ============================================= ***/ .checkout-area { padding-bottom: 100px; padding-top: 80px; } .checkout-area .section-title2 h3 { margin-bottom: 30px; } .checkout-area .exisitng-customer { border: 1px solid #f7f7f7; display: block; padding: 20px 28px 21px; position: relative; margin-bottom: 20px; } .checkout-area .exisitng-customer:before { position: absolute; top: 0; left: 0; width: 2px; height: 100%; background: #5e0046; content: ''; } .checkout-area .exisitng-customer h5 { color: #303030; font-size: 16px; font-weight: 300; } .checkout-area .exisitng-customer h5 a { color: #5e0046; display: inline-block; padding-left: 15px; } .checkout-area .coupon { border: 1px solid #f7f7f7; display: block; padding: 20px 28px 21px; position: relative; margin-bottom: 60px; } .checkout-area .coupon:before { position: absolute; top: 0; left: 0; width: 2px; height: 100%; background: #5e0046; content: ''; } .checkout-area .coupon h5 { color: #252525; font-size: 16px; font-weight: 300; } .checkout-area .coupon h5 a { color: #5e0046; display: inline-block; padding-left: 15px; } .checkout-area .form form .field-label { color: #303030; font-family: 'Lora', serif; text-transform: capitalize; font-weight: 400; margin-bottom: 8px; font-size: 15px; } .checkout-area .form form .field-input input[type='text'] { border: 2px solid #f7f7f7; color: #9a9a9a; display: block; font-size: 16px; height: 48px; margin-bottom: 25px; padding: 0 15px; width: 100%; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; } .checkout-area .form form .field-input input[type='text']:focus { border: 2px solid #5e0046; } .checkout-area .create-acc .checkbox { margin: 7px 0 0; } .checkout-area .create-acc .checkbox label { color: #5e0046; font-weight: 300; font-size: 16px; } .checkout-area .create-acc .checkbox input { margin-top: 3px; } .checkout-area .shipping-info input[type='checkbox'] { cursor: pointer; display: inline-block; margin: 0 0 0 40px; position: relative; top: -2px; vertical-align: middle; } .checkout-area .form form .field-input textarea { border: 2px solid #f7f7f7; color: #9e9e9e; display: block; font-size: 16px; height: 124px; margin-bottom: 28px; padding: 10px 15px; width: 100%; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; } .checkout-area .form form .field-input textarea:focus { border-color: #5e0046; } .checkout-area .bottom { padding-top: 70px; } .checkout-area .table .sec-title-two { padding-bottom: 32px; } .checkout-area .table { overflow-x: auto; position: relative; width: 100%; margin-bottom: 0; } .checkout-area .table .cart-table { min-width: auto; width: 100%; } .checkout-area .table .cart-table .cart-header { background: #f7f7f7; color: #303030; font-size: 18px; position: relative; text-transform: capitalize; width: 100%; font-weight: 400; } .checkout-area .table .cart-table thead tr th { font-weight: 400; line-height: 24px; min-width: 110px; padding: 19px 30px 17px; } .checkout-area .table .cart-table thead tr th.product-column { padding-left: 30px; text-align: left; } .checkout-area .table .cart-table tbody tr { border-bottom: 1px solid #f7f7f7; } .checkout-area .table .cart-table tbody tr td { vertical-align: middle; } .checkout-area .table .cart-table tbody tr td { min-width: 75px; padding: 21px 30px; padding-right: 0px; } .checkout-area .table .cart-table tbody tr .product-column .column-box { min-height: 70px; } .checkout-area .table .cart-table tbody tr .product-column .column-box .prod-thumb { width: 70px; } .checkout-area .table .cart-table tbody tr .product-column .column-box .prod-thumb img { display: block; max-width: 100%; } .checkout-area .table .cart-table tbody tr .product-column .column-box .prod-thumb, .checkout-area .table .cart-table tbody tr .product-column .column-box .product-title { display: table-cell; vertical-align: middle; } .checkout-area .table .cart-table tbody tr .product-column .column-box .product-title { padding-left: 20px; } .checkout-area .table .cart-table tbody tr .product-column .column-box .product-title h3 { color: #303030; font-size: 16px; font-weight: 400; text-transform: capitalize; } .checkout-area .table .cart-table tbody tr .qty { padding-right: 30px; width: 83px; } .checkout-area .table .cart-table tbody tr .qty .input-group.bootstrap-touchspin { float: right; width: 40px; } .checkout-area .table .cart-table tbody tr .qty .form-control { background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 0 !important; box-shadow: none; color: #252525; display: block; font-size: 18px; font-weight: 400; height: 34px; padding: 6px 0; text-align: center; } .checkout-area .table .cart-table tbody tr .qty .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up { border-radius: 0; } .checkout-area .table .cart-table tbody tr .qty .btn-default { background-color: #5e0046; border-color: #5e0046; color: #fff; display: none; } .checkout-area .table .cart-table tbody tr .qty .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down { border-radius: 0; margin-top: -2px; } .checkout-area .table .cart-table tbody tr td.price { color: #5e0046; font-size: 16px; font-weight: 300; } .cart-total .sec-title-two { padding-bottom: 32px; } .cart-total-table { border: 2px solid #ebebeb; } .cart-total-table li { border-bottom: 1px solid #ebebeb; } .cart-total-table li:last-child { border-bottom: none; } .cart-total-table li span.col.col-title { border-right: 1px solid #ebebeb; color: #303030; display: block; float: left; font-size: 16px; font-weight: 400; line-height: 28px; font-family: 'Lora', serif; padding: 10px 18px; position: relative; width: 50%; } .cart-total-table li span.col { color: #9a9a9a; display: block; float: left; font-size: 16px; font-weight: 300; line-height: 28px; padding: 10px 18px; position: relative; width: 50%; } .cart-total-table li span.col b { color: #5e0046; font-weight: 300; text-decoration: underline; } .cart-total .payment-options { background: #f7f7f7 none repeat scroll 0 0; margin-top: 30px; overflow: hidden; padding: 23px 20px 35px; } .cart-total .payment-options .option-block { margin-bottom: 14px; } .cart-total .payment-options .option-block .checkbox { margin: 0 0 5px; font-size: 16px; } .cart-total .payment-options .option-block .checkbox label { font-weight: 400; min-height: 20px; padding-left: 20px; } .cart-total .payment-options .option-block .checkbox label input { top: 0; } .cart-total .payment-options .option-block .checkbox label span { color: #303030; padding-left: 5px; font-family: 'Lora', serif; font-size: 16px; } .cart-total .payment-options .option-block .checkbox label span b { color: #5e0046; display: inline-block; font-size: 16px; font-weight: 300; padding-left: 25px; text-decoration: underline; } .cart-total .payment-options .option-block .text { padding-left: 30px; } .cart-total .payment-options .option-block .text p { margin: 0; line-height: 28px; } /*** ============================================= Call-out style ============================================= ***/ .call-out-action { background: #5e0046; padding-top: 25px; } .call-out-action h4 { font-size: 22px; color: #fff; margin-bottom: 30px; margin-top: 12px; } .call-out-action .thm-btn.style-2 { color: #fff; border-color: #fff; margin-bottom: 25px; }