/*************************************************************************************************************** |||||||||||||||||||||||||||| MASTER STYLESHEET FOR UNIVERSAL |||||||||||||||||||||||||||||||||||| **************************************************************************************************************** |||||||||||||||||||||||||||| 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=Poppins:400,500,600,700'); @import url('https://fonts.googleapis.com/css?family=Roboto|Open+Sans:300i,400,400i'); @import url(bootstrap.min.css); @import url(bootstrap-select.min.css); @import url(jquery.bootstrap-touchspin.css); @import url(font-awesome.css); @import url(flaticon.css); @import url(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(owl.carousel.css); @import url(jquery.bxslider.css); @import url(flexslider.css); @import url(jquery-ui.css); @import url(jquery.fancybox.css); @import url(polyglot-language-switcher.css); @import url(animate.min.css); @import url(nouislider.css); @import url(nouislider.pips.css); @import url(menuzord.css); @import url(magnific-popup.css); /* ============================== 2. Global styles ============================== */ body { /* font-family: 'Opne Sans', sans-serif; color:#222222; font-size: 16px;*/ line-height:2.6; font-family:Roboto; font-weight:400; font-size:20px; color:#999; } h1,h2,h3,h4,h5,h6,p,ul { margin:0;padding: 0;} h1,h2,h3,h4,h5 { font-family: 'Poppins', sans-serif; color: #222; font-weight: 400; } ul {list-style-type: none;} p {/*font-family: 'Opne Sans', sans-serif;font-size: 14px;color: #848484;line-height: 18px;font-weight: 400;*/ text-align:justify; line-height:1.6; font-family:Roboto; font-weight:400; font-size:15px; color:#000000;} a {text-decoration: none; display: inline-block; outline: none;} a:hover,a:focus,a:visited {text-decoration: none; outline: none;} img {max-width: 100%;display: inline-block;} button {border:none; outline:none; box-shadow: none; display: block; padding: 0; background: transparent;} input,textarea {font-family: 'Opne Sans', sans-serif;display: block; font-size: 16px; line-height: 28px; outline: none; box-shadow: none;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;} .boxed_wrapper { width: 100%; background: #fff; overflow-x: hidden; min-width: 400px; } .sec-padd { padding: 70px 0; } .sec-padd-top { padding-top: 70px; } .sec-padd-bottom { padding-bottom: 70px; } .no-padd { padding: 0px; } .clear_fix { clear:both;} .clear_fix:after { display: table; content: ''; clear: both; } .list_inline li { display: inline-block; } .social li { display: inline-block; font-size: 14px; padding: 0 2px; } .social li a { color: #848484; -webkit-transition: .5s ease-in-out; transition: .5s ease-in-out; } .default_link { font-size: 14px; text-transform: uppercase; font-family: "Poppins", sans-serif; color: #fff; font-weight: 600; -webkit-transition: .5s ease; transition: .5s ease; } .default_link:hover { color: #fd7d00; -webkit-transition: .5s ease; transition: .5s ease; } .default_link i { margin-left: 3px; font-weight: 700; font-size: 18px; } .uppercase { text-transform: uppercase; } .padd-80 { padding-top: 80px; } .tran3s { -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .center { text-align: center; } .row-5 { margin: 0 -5px; } .thm-color { color: #fd7d00; } .bold { font-weight: 700; } .s-bold { font-weight: 600; } .m-bold { font-weight: 600; } .float_left { float: left; } .float_right { float: right; } .border-bottom { border-bottom: 1px solid #f7f7f7; } @media (min-width: 1200px) { .container { padding: 0; } } .thm-btn { position: relative; background: #1027e9; font-size: 14px; line-height: 46px; font-weight: 600; color: #ffffff; border: 2px solid #fd7d00; text-transform: uppercase; border-radius: 5px; font-family: 'Poppins', sans-serif; display: inline-block; padding: 0 38px; -webkit-transition: all .5s cubic-bezier(0.4, 0, 1, 1); transition: all .5s cubic-bezier(0.4, 0, 1, 1); } .thm-btn:hover { background: transparent; color: #fd7d00; -webkit-transition: all .5s cubic-bezier(0.4, 0, 1, 1); transition: all .5s cubic-bezier(0.4, 0, 1, 1); } .thm-btn-tr { position: relative; background: transparent; font-size: 14px; line-height: 46px; font-weight: 600; color: #848484; border: 2px solid #f4f4f4; text-transform: uppercase; border-radius: 5px; font-family: 'Poppins', sans-serif; display: inline-block; padding: 0 38px; -webkit-transition: all .5s cubic-bezier(0.4, 0, 1, 1); transition: all .5s cubic-bezier(0.4, 0, 1, 1); } .thm-btn-tr:hover { background-color: #fd7d00; color: #fff; -webkit-transition: all .5s cubic-bezier(0.4, 0, 1, 1); transition: all .5s cubic-bezier(0.4, 0, 1, 1); } .anim-3 { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .anim-5 { -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .section-title { position: relative; padding-bottom: 15px; margin-bottom: 50px; } .section-title h2 { position: relative; font-size: 32px; text-transform: capitalize; } .section-title h3 { position: relative; font-size: 24px; text-transform: capitalize; } .section-title h4 { position: relative; font-size: 20px; text-transform: capitalize; } .section-title:before { content: ""; position: absolute; top: 48px; left: 0; width: 50px; height: 4px; background: #fd7d00; } .section-title.center:before { left: 50%; margin-left: -25px; } .scroll-top { width: 50px; height: 40px; position: fixed; bottom: 30px; right: 30px; z-index: 99; display: none; color: #fff; text-align: center; background: #fd7d00; } .scroll-top span:before { font-size: 27px; } .scroll-top:after { position: absolute; z-index: -1; content: ''; top: 100%; left: 5%; height: 10px; width: 90%; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%); background: -webkit-radial-gradient(center ellipse, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%); background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%); } .preloader{ position:fixed; left:0px; top:0px; width:100%; height:100%; z-index:999999; background-color:#ffffff; background-position:center center; background-repeat:no-repeat; background-image:url(../images/icons/preloader.gif);} /* ============================== 2. header-style ============================== */ .header-area { position: relative; background: #fff; /*background: #000103;*/ } .top-bar { position: relative; line-height: 50px; } .top-bar .top-bar-text li { color: #000; margin-right: 60px; display: inline-block; font-size: 14px; } .top-bar .top-bar-text li i { color: #fd7d00; margin-right: 10px; font-size: 16px; position: relative; top: 1px; } .top-bar .social li a { color: #000; /* color: #cdcdcd;*/ } .top-bar .social li a:hover { color: #fd7d00; -webkit-transition: .5s ease-in-out; transition: .5s ease-in-out; } .top-bar .social li:last-child { padding-right: 0px; } /*language switcher*/ #polyglotLanguageSwitcher { position: relative; margin-right: 30px; display: inline-block; position: relative; } #polyglotLanguageSwitcher span.trigger:before { content: '\f107'; font-family: FontAwesome; position: absolute; color:#cdcdcd; top: 0; right: 0; line-height: 10px; } #polyglotLanguageSwitcher a { font-family: 'Roboto', 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: #0b111e; border: 0; line-height: 50px; border-radius: 0; color: #cdcdcd; text-align: center; height: 50px; padding: 0; padding-right: 12px; border-left: 1px solid rgba(255, 255, 255, 0.2); border-right: 1px solid rgba(255, 255, 255, 0.2); } #polyglotLanguageSwitcher a.current:hover { background-color: #0b111e; } #polyglotLanguageSwitcher ul.dropdown { top: 100%; } /* Flags */ #en,#fr,#de,#it,#es { background-image: none; } /*logo*/ .main-logo { margin-top: 5px; } .header-bottom { position: relative; border-top:10px solid #F5F5F5; z-index: 99; } .header-bottom .header-bottom-bg { background: #fff; z-index: 999; padding: 8px 9px; } .header-bottom ul { } .header-bottom ul li { display: inline-block; margin-left: 40px; } .header-bottom ul li.link_btn { position: relative; bottom: 5px; } .header-bottom ul li.single-info-box { position: relative; padding-left: 55px; top: 5px; } .header-bottom ul li.single-info-box .icon-holder { left: 0; position: absolute; top: 0; border: 2px solid #f4f4f4; text-align: center; width: 50px; height: 50px; } .header-bottom ul li.single-info-box .icon-holder span:before { color: #fd7d00; font-size: 24px; line-height: 46px; } .header-bottom ul li.single-info-box .text-holder { } .header-bottom ul li.single-info-box .text-holder p { line-height: 22px; margin: 0; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .header-bottom ul li.single-info-box:hover .text-holder p{ } .header-bottom ul li.single-info-box .text-holder p span{ color: #222; font-weight: 600; font-family: 'Poppins', sans-serif; font-size: 14px; } .header-bottom ul li .social-links { position: relative; top: -10px; } .header-bottom ul li .social-links ul { } .header-bottom ul li .social-links ul li { display: inline-block; margin-left: 12px; } .header-bottom ul li .social-links ul li a i { background: #fff none repeat scroll 0 0; border-radius: 50%; color: #292929; display: block; font-size: 15px; height: 40px; line-height: 42px; text-align: center; width: 40px; box-shadow: 0px 3px 4px #d3d3d3; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .header-bottom ul li .social-links ul li a:hover i{ background: #fdc716; color: #fff; } /*menu*/ .theme_menu .container { position: relative; } .theme_menu .menu-bg { position: relative; background: #fd7d00; z-index: 999; } .theme_menu .menuzord { padding: 0; background: transparent; } .menuzord-menu > li.home > a { font-family: FontAwesome; color: #fd7d00; background: #0b111e; padding: 19px 24px 18px; font-size: 20px; } .menuzord-menu > li > a { padding: 23px 18px 22px; text-transform: uppercase; color: #fff; } .menuzord-menu > li > a:hover { color: #fff; } .theme_menu .menuzord-menu > li.active > a, .menuzord-menu > li:hover > a { color: #fff; } .menuzord-menu ul.dropdown, .menuzord-menu ul.dropdown li ul.dropdown { min-width: 250px; background: #fff; border-bottom: 3px solid #fd7d00; } .menuzord-menu ul.dropdown li a { position: relative; /*padding: 13px 0 12px;*/ padding:13px 10px 12px 12px; padding-left: 50px; color: #000000; border-bottom: 1px solid #f4f4f4; -webkit-transition: .5s ease-in-out; transition: .5s ease-in-out; font-size: 14px; } .menuzord-menu ul.dropdown li a:before { position: absolute; left: 30px; top: 15px; font-size: 10px; color: #000000; content: "\f192"; font-family: FontAwesome; -webkit-transition: .5s ease; transition: .5s ease; } .menuzord-menu ul.dropdown li a:hover:before { color: #fd7d00; -webkit-transition: .5s ease; transition: .5s ease; } .menuzord-menu ul.dropdown li:hover > a { padding-left: 50px; padding-right: 0px; color: #fd7d00; background: #f7f7f7; -webkit-transition: .5s ease-in-out; transition: .5s ease-in-out; font-size: 14px; } /*=================== Cart And Search Option ===============*/ .theme_menu .right-column { position: absolute; right: 0; } .nav_side_content { margin-top: 11px; float: right; position: relative; } .nav_side_content .select-box { display: inline-block; max-width: 180px; } .theme_menu .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) { border-right: 1px solid #2b3448; } .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) { width: 180px; padding-right: 5px; } .nav_side_content .btn-default { background: none; border: none; color: #fff; box-shadow: none; } .btn-default.active, .btn-default:active, .open>.dropdown-toggle.btn-default { background: none; color: #fff; box-shadow: none; } .btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open>.dropdown-toggle.btn-default.focus, .open>.dropdown-toggle.btn-default:focus, .open>.dropdown-toggle.btn-default:hover { color: #fff; background-color: transparent; border-color: none; } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 0; margin: 0; font-size: 14px; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0,0,0,.15); border-radius: 0; box-shadow: none; -webkit-transition: .5s ease; transition: .5s ease; } .bootstrap-select.btn-group .dropdown-menu li a span.text { display: inline-block; padding: 5px 0; } .nav_side_content .search_option { display: inline-block; width: 30px; margin-right: 20px; margin-left: 20px; } .nav_side_content .search_option>button { width: 30px; height:40px; border-radius: 50%; font-size: 14px; color: #fd7d00; } .nav_side_content .search_option form { height: 50px; width: 280px; padding: 5px; border-radius: 4px; margin: 0; left: auto; right: 0; border-color: #fd7d00; top: 54px; } .nav_side_content .search_option form input { font-family: 'Roboto', 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:#fd7d00; } .nav_side_content .cart_select { border-left: 1px solid #ececec; padding-left: 5px; } .theme_menu .link_btn { margin-top: 24px; } /* Mainmenu fixed style */ @-webkit-keyframes menu_sticky { 0% {margin-top:-100px;} 50% {margin-top: -90px;} 100% {margin-top: 0;} } @keyframes menu_sticky { 0% {margin-top:-100px;} 50% {margin-top: -90px;} 100% {margin-top: 0;} } .theme_menu.stricky-fixed { margin: 0; position: fixed; background: #fd7d00; top:0; left:0; width: 100%; z-index: 99999; -webkit-animation-name: menu_sticky; animation-name: menu_sticky; -webkit-animation-duration: 0.60s; animation-duration: 0.60s; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } /*** ============================================= Rev Slider Wrapper style ============================================= ***/ .rev_slider_wrapper { position: relative; margin-top: -90px; z-index: 9; } .rev_slider_wrapper .slide-content-box h3 { background-size: contain; display: inline-block; color: #ffffff; line-height: 28px; font-weight: 400; padding-top: 5px; padding-bottom: 5px; } .rev_slider_wrapper .slide-content-box h1 { color: #ffffff; font-size: 55px; line-height: 62px; margin: 14px 0 9px; font-weight: 700; } .rev_slider_wrapper .slide-content-box p{ color: #ffffff; font-size: 18px; line-height: 30px; font-family: 'Poppins', sans-serif; font-weight: 300; margin: 0 0 30px; } .rev_slider_wrapper .slide-content-box .button a{ padding: 0px 22px; 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: #fd7d00; color: #fff; border-color: #fd7d00; } .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, 0, 0, 0.20); 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; } /*** ==================================================================== consultation style ==================================================================== ***/ .consultations { position: relative; background: #141414; padding-bottom: 40px; } .consultations:before { content: ''; position: absolute; left: 0px; top: 0px; width: 50%; height: 100%; background-color: rgba(0,0,0,0.65); background-image: url(../images/background/5.jpg); background-repeat: no-repeat; background-size: cover; z-index: 0; } .consultations:after { content: ''; position: absolute; left: 0px; top: 0px; width: 50%; height: 100%; background: rgba(20, 20, 20, 0.7); z-index: 0; } .consultations .section-title h2 { color: #fd7d00; } .consultations p { color: #fff; font-size: 16px; } .consultations .container { position: relative; z-index: 9; } .consultations .default-form h5 { color: #fff; font-size: 16px; margin-bottom: 10px; } .consultations .default-form input[type="text"], .consultations .default-form input[type="email"], .consultations .default-form input[type="password"], .consultations .default-form input[type="number"], .consultations .default-form select, .consultations .default-form textarea{ display:block; width:100%; line-height:24px; height:46px; font-size:16px; box-shadow: 2px 2px 0px 2px rgba(0, 0, 0, 0.09); border: 1px solid #272727; padding:12px 15px; background: #202020; border-radius: 4px; color: #ababab; transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } .consultations .default-form textarea{ height: 120px; } .consultations .default-form .bootstrap-select { border: 1px solid #272727; background: #202020; color: #a2a2a2; box-shadow: 2px 2px 0px 2px rgba(0, 0, 0, 0.09); border-radius: 4px; padding: 5px 0; font-size: 16px; } .consultations .default-form .btn.focus, .consultations .default-form .btn:focus, .consultations .default-form .btn:hover { color: #ababab; } .consultations .default-form .thm-btn { width: auto; line-height: 40px; } /*** ==================================================================== Main Footer ==================================================================== ***/ .main-footer{ position:relative; background-color: #000; color:#848484; padding-bottom: 15px; background-size: cover; background-repeat: no-repeat; } .main-footer .section-title{ margin-bottom: 40px; } .main-footer .section-title h3 { color: #fff; } .main-footer .footer-logo { margin-bottom: 40px; } /*latest news*/ .latest-post .post{ position:relative; min-height:60px; padding-left: 90px; padding-bottom: 31px; margin-bottom: 35px; border-bottom:1px solid rgba(255,255,255,0.10); } .latest-post .post:last-child { margin-bottom: 0; border: 0px; } .latest-post .post h5 { color: #cdcdcd; font-size: 16px; line-height: 26px; position: relative; } .latest-post .post h5 a { color: #cdcdcd; } .latest-post .post p { margin: 8px 0 15px; } .latest-post .post-thumb{ position:absolute; left:0px; top: 5px; width: 70px; height: 70px; } .latest-post .post-thumb .overlay-link{ position:absolute; width: 100%; left:0px; text-align: center; line-height: 70px; top:0px; height:100%; background: rgba(250, 153, 40, 0.9); color:#ffffff; opacity:0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transition: .5s ease; transition: .5s ease; } .latest-post .post-thumb:hover .overlay-link{ opacity:1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } .latest-post .post-thumb .overlay-link span{ position:absolute; left:50%; top:50%; text-align:center; width:30px; margin-left:-15px; margin-top:-15px; line-height:30px; font-size:16px; } .latest-post .post-thumb img{ display:block; width:100%; } /*contact info*/ .contact-infos h5 { color: #cdcdcd; line-height: 24px; font-size: 14px; } .contact-infos li .icon_box { width: 40px; } .contact-infos li + li { margin-top: 18px; } .contact-infos li .icon_box, .contact-infos li .text-box { display: table-cell; vertical-align: top; } .contact-infos li .icon_box i { font-size: 24px; color: #fd7d00; position: relative; top: 0px; } /*footer links*/ .footer-link-widget .list li{ position:relative; margin-bottom: 11px; } .footer-link-widget .list li a{ position:relative; display:block; padding-left: 15px; color:#848484; font-family: 'Roboto', sans-serif; font-weight: 400; font-size: 16px; -webkit-transition: .5s ease; transition: .5s ease; line-height: 24px } .footer-link-widget .list li a:hover{ color: #fd7d00; -webkit-transition: .5s ease; transition: .5s ease; } .footer-link-widget .list li a:before { content: "\f105"; position:absolute; font-size: 16px; font-family: FontAwesome; left:0px; top: 1px; width: 5px; height: 5px; -webkit-transition: .5s ease-in-out; transition: .5s ease-in-out; } .footer-link-widget .list li:hover a:before{ color: #fd7d00; -webkit-transition: .5s ease-in-out; transition: .5s ease-in-out; } /*opnening hours*/ .opening-hour h3 { position: relative; color: #fff; margin-top: 18px; } /*footer-bottoom*/ .footer-bottom { background: #000; padding: 15px 0; } .footer-bottom .copy-text { font-family: 'Poppins', sans-serif; color: #848484; font-size: 14px; margin-top: 8px; } .footer-bottom .copy-text a { color: #fd7d00; -webkit-transition: .3s ease; transition: .3s ease; } .footer-bottom .social li a { color: #c1c1c1; background: #13160f; -webkit-transition: color .4s ease; transition: color .4s ease; height: 40px; width: 40px; line-height: 40px; text-align: center; border-radius: 50%; } .footer-bottom .social li a:hover { -webkit-transition: color .4s ease; transition: color .4s ease; background: #fd7d00; color: #fff; -webkit-transition: .5s ease; transition: .5s ease; } /************************** * about-us styles ***************************/ .about-us { background: #f7f7f7; } /************************** * Inner Banner styles ***************************/ .inner-banner { position: relative; background: #a0a19b; background-size: cover; /* margin-top: -90px;*/ } .inner-banner:before { content: ''; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: rgba(250, 153, 40, 0.8); z-index: 0; } .inner-banner h3 { margin: 0; display: table-cell; /*vertical-align: middle;*/ font-size: 30px; line-height: 60px; color: #fff; padding-top: 25px; font-weight: 600; text-transform: capitalize; } .inner-banner .box { position: relative; display: table; height: 185px; width: 100%; text-align: center; } .breadcumb-wrapper { background: transparent; padding: 17px 0; border-top: 1px solid #f4f4f4; position: absolute; width: 100%; bottom: 0; } .breadcumb-wrapper ul, .breadcumb-wrapper li { margin: 0; padding: 0; list-style: none; font-size: 18px; color: #ffffff; } .breadcumb-wrapper ul.link-list li a { color: #fff; text-transform: capitalize; font-size: 18px; -webkit-transition: .3s ease; transition: .3s ease; } .breadcumb-wrapper ul.link-list li a:hover { -webkit-transition: .3s ease; transition: .3s ease; } .breadcumb-wrapper ul.link-list li a i { color: #fac012; margin-right: 7px; } .breadcumb-wrapper ul.link-list li a:after { content: "\f105"; font-family: 'FontAwesome'; margin: 0 10px; } .breadcumb-wrapper a.get-qoute { text-transform: capitalize; font-weight: 400; color: #ffffff; font-size: 18px; } .breadcumb-wrapper a.get-qoute i { margin-left: 7px; color: #fff; margin-right: 7px; font-size: 14px; } /************************** service styles ***************************/ .service { position: relative; padding-bottom: 20px; } .service .img-box { position: relative; overflow: hidden; display: inline-block; } .service .overlay-box { position: absolute; overflow: hidden; width: 100%; height: 0%; left: 0; visibility: hidden; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; top: 0px; border-bottom: 5px solid #fd7d00; -webkit-transition: .3s ease-out; transition: .3s ease-out; background: rgba(19, 29, 51, 0.9); } .service .item { margin-bottom: 50px; } .service .item:hover .overlay-box { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; visibility: visible; -webkit-transition: .5s ease-in-out; transition: .5s ease-in-out; height: 100%; } .service .overlay-box .inner-box { position: relative; padding: 50px 20px; } .service .overlay-box .icon_box { float: left; margin-right: 15px; color: #fff; } .service .overlay-box .icon_box span { font-size: 43px; color: #fd7d00; } .service .overlay-box h4 { float: left; margin-top: 13px; color: #fff; -webkit-transition: .5s ease-in-out; transition: .5s ease-in-out; } .service .overlay-box .text { color: #fff; margin: 20px 0; } .service .overlay-box .text p {color: #fff;} .service .bottom-content { position: absolute; bottom: 0; left: 0; width: 100%; background: #f7f7f7; padding: 12px 20px; -webkit-transition: .5s ease; transition: .5s ease; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; visibility: visible; } .service .item:hover .bottom-content { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; visibility: hidden; -webkit-transition: .5s ease; transition: .5s ease; } .service .bottom-content .icon_box { float: left; margin-right: 15px; color: #222; } .service .bottom-content .icon_box span { font-size: 43px; color: #222; } .service .bottom-content h4 { float: left; margin-top: 13px; color: #222; -webkit-transition: .5s ease-in-out; transition: .5s ease-in-out; font-size: 20px; } .service .item { position: relative; display: inline-block; } .service .item:before { pointer-events: none; position: absolute; z-index: -1; content: ''; top: 98%; left: 10%; right: 10%; height: 15px; width: 80%; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, transparent 80%); background: -webkit-radial-gradient(center ellipse, rgba(0, 0, 0, 0.35) 0%, transparent 80%); background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, transparent 80%); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform, opacity; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; z-index: 9; } .service .item:hover:before { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-transform: translateY(5px); transform: translateY(5px); } /************************** * default-blog styles ***************************/ .blog-section { } .default-blog-news { position: relative; -webkit-transition: .5s ease-in-out; transition: .5s ease-in-out; margin-bottom: 50px; } .default-blog-news .date { position: absolute; left: 20px; top: -30px; height: 56px; width: 56px; background: #fd7d00; line-height: 21px; padding-top: 7px; z-index: 9; color: #fff; } .default-blog-news:hover { box-shadow: 0 15px 16px 0 rgba(0, 0, 0, 0.03), 0 0px 82px 0 rgba(0, 0, 0, 0.02); -webkit-transition: .2s cubic-bezier(0.4, 0, 1, 1); transition: .2s cubic-bezier(0.4, 0, 1, 1); } .default-blog-news.single-blog-post:hover { box-shadow: none; } .default-blog-news .lower-content{ position:relative; padding: 30px 20px 0px; border: 1px solid #f4f4f4; } .default-blog-news .lower-content .text p{ margin-bottom:20px; } .default-blog-news .lower-content h4 { color:#222; font-weight: 400; margin-top: 22px; margin-bottom: 5px; } .default-blog-news .lower-content h4 a{ color:#222; -webkit-transition: all 300ms ease; transition: all 300ms ease; font-size: 18px; } .default-blog-news .lower-content h4 a:hover{ color:#fd7d00; -webkit-transition: all 300ms ease; transition: all 300ms ease; } .default-blog-news .lower-content .post-meta{ color: #848484; font-size:12px; margin-bottom:10px; border-top: 1px solid #f4f4f4; padding-top: 15px; padding-bottom: 10px; } .default-blog-news.single-blog-post .lower-content .post-meta { border-top: none; } .default-blog-news .lower-content .post-meta .link_btn { font-size: 14px; color: #848484; font-family: "Poppins", sans-serif; margin-right: 30px; -webkit-transition: .5s ease; transition: .5s ease; } .default-blog-news:hover .lower-content .post-meta .link_btn { color: #fd7d00; text-decoration: underline; -webkit-transition: .5s ease; transition: .5s ease; } .default-blog-news .lower-content .post-meta span { margin-right: 20px; } .default-blog-news .lower-content .post-meta i { color: #fd7d00; margin-right: 8px; font-size: 13px; } /*large blog*/ .default-blog-news .lower-content h3 { color:#222; font-weight: 400; margin-top: 22px; margin-bottom: 5px; } .default-blog-news .lower-content h3 a{ color:#222; -webkit-transition: all 300ms ease; transition: all 300ms ease; font-size: 24px; } .default-blog-news .lower-content h3 a:hover{ color:#fd7d00; -webkit-transition: all 300ms ease; transition: all 300ms ease; } /*side-bar-blog*/ .blog-sidebar { position: relative; border-left: 1px solid #f4f4f4; padding-left: 30px; } .category-style-one { position: relative; } .category-style-one ul { margin-top:22px; margin-bottom: 35px; padding: 20px 30px; background: #f7f7f7; border-left: 2px solid #fd7d00; } .category-style-one ul li {border-bottom: 1px solid #eaeaea;margin: 0;} .category-style-one ul li:last-child { border:none; } .category-style-one ul li a { font-weight: normal; color: #848484; position: relative; width: 100%; -webkit-transition: .5s ease; transition: .5s ease; line-height: 40px; display: block; } .category-style-one ul li a:hover { color: #fd7d00; -webkit-transition: .5s ease; transition: .5s ease; } /*post-thumb*/ .popular-post { position: relative; } .popular-post .item { position: relative; font-size: 14px; margin-bottom: 13px; min-height: 50px; padding: 0px 0px 20px 105px; color: #cccccc; border-bottom: 1px solid #f1f1f1; } .popular-post .item:last-child{ border-bottom: 0px; } .popular-post .item .post-thumb{ position:absolute; left:0px; top: 5px; width: 90px; height: 90px; } .popular-post .item .post-thumb img{ width:100%; display:block; } .popular-post .item .post-thumb a{ position: relative; } .popular-post .item .post-thumb 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(250, 153, 40, 0.9); color: #ffffff; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transition: .5s ease; transition: .5s ease; } .popular-post .item .post-thumb:hover a:after { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-transition: .5s ease; transition: .5s ease; } .popular-post .item a:hover{ color: #fd7d00; -webkit-transition: .5s ease; transition: .5s ease; } .popular-post .item h4{ position: relative; top: 8px; font-size: 16px; font-weight: 400; margin: 0px 0px 17px; line-height: 26px; color: #222; } .popular-post .item h4 a{ color: #333; -webkit-transition: .5s ease; transition: .5s ease; } .recent-posts.post-thumb .post .post-info{ font-size: 14px; font-weight:400; margin:0px; line-height:1.6em; color: #9c9c9c; } .popular-post .item .post-info { color: #848484; font-size: 16px; } .inner-title { position: relative; margin-bottom: 20px; margin-top: 45px; } .inner-title h4 { position: relative; font-size: 22px; color: #222; } /*archive*/ .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: #fd7d00; color: #fff; } .sidebar-archive .form-control:focus { border-color: #fd7d00; box-shadow: none; } /*instagram*/ .sidebar-intsgram ul { margin-left: -5px; margin-right: -5px; } .sidebar-intsgram ul li { float: left; width: 33.333333333333333333%; padding: 5px 4px; } .sidebar-intsgram ul li .inner-box { display: block; overflow: hidden; position: relative; } .sidebar-intsgram ul li .inner-box .overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(250, 153, 40, 0.9); -webkit-transform: translate3d(0, 100px, 0); transform: translate3d(0, 100px, 0); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; visibility: hidden; -webkit-transition: -webkit-transform .4s ease, opacity .4s ease, visibility .4s ease; -webkit-transition: opacity .4s ease, visibility .4s ease, -webkit-transform .4s ease; transition: opacity .4s ease, visibility .4s ease, -webkit-transform .4s ease; transition: transform .4s ease, opacity .4s ease, visibility .4s ease; transition: transform .4s ease, opacity .4s ease, visibility .4s ease, -webkit-transform .4s ease; } .sidebar-intsgram ul li .inner-box .overlay .box { display: table; width: 100%; height: 100%; } .sidebar-intsgram ul li .inner-box .overlay .box .content { display: table-cell; vertical-align: middle; text-align: center; } .sidebar-intsgram ul li .inner-box .overlay .box .content a { font-size: 0; color: #fff; width: 100%; height: 100%; } .sidebar-intsgram ul li:hover .inner-box .overlay { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; visibility: visible; } /*pacebook feed*/ .facebook-feed { position: relative; background: #f7f7f7; overflow: hidden; } .facebook-feed .img-box { position: relative; } .facebook-feed .overlay { position: absolute; margin: 10px; left: 0; top: 0; right: 0; bottom: 0; } .facebook-feed .inner-box { position: relative; padding-left: 70px; margin-bottom: 32px; } .facebook-feed .inner-box .logo { position: absolute; left: 0; top: 0; } .facebook-feed .inner-box h4 { color: #fff; font-weight: 600; position: relative; margin-top: 0px; margin-bottom: 3px; } .facebook-feed .inner-box .like { color: #fff; } .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; } .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; } .facebook-feed .link a i.mail { color: #6a7081; margin-right: 6px; } .facebook-feed .like-people { background: #fff; margin: 20px 10px; padding: 10px; } /*single-blog*/ /*---------------- Author -------------*/ .single-blog-post .author { background-color:#ffffff; position:relative; margin-bottom: 2px; } .single-blog-post .author img { position:absolute; } .single-blog-post .author-comment { margin-left:340px; padding-left:30px; } .single-blog-post .author-comment .quote { font-size: 25px; color: #f1f1f1; margin-bottom: 15px; } .single-blog-post .author-comment h5 { margin: 16px 0 5px 0; font-size: 18px; } .single-blog-post .author-comment p.a-title { color: #fd7d00; font-size: 16px; } /*share-box*/ .share-box { background: #ffffff; padding: 23px 0px 12px 0px; margin-bottom: 10px; } .share-box .tag-box span { font-size: 14px; color: #3F3E3E; } .share-box .tag-box a { color: #fd7d00; font-size: 16px; -webkit-transition: .3s ease; transition: .3s ease; line-height: 30px; text-transform: capitalize; } .share-box .tag-box a:hover { color: #fd7d00; -webkit-transition: .3s ease; transition: .3s ease; } .share-box .social-box span { color: #252525; margin-right: 13px; font-size: 16px; } .share-box .social { display: inline-block; margin-bottom: 0; margin-left: -2.5px; } .share-box .social > li { padding-right: 0; margin: 0; padding-left: 0; } .share-box .social a { width: 40px; border-radius: 50%; height: 40px; color: #BCBCBC; text-align: center; margin: 0 3px; border: 1px solid #eee; display: block; line-height: 41px; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .share-box .social a:hover { color: #ffffff; background: #fd7d00; border-color: #fd7d00; } .share-box .tag-box li { margin: 0; display: inline-block; } .post-author{ position:relative; color:#777777; margin-bottom:50px; } .post-author .inner-box{ position:relative; padding: 33px 35px 12px 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: 20px; text-transform:capitalize; color: #252525; } .post-author ul li{ margin: 0; margin-top: 10px; } .post-author ul li:hover a { color: #fd7d00; } .news .blogList_single_post .post-author h4 .author-designation{ position:relative; color:#a8c41b; font-style:italic; font-family:'Lato',sans-serif; } .post-author .text{ line-height:1.8em; color:#777777; } .post-author .text a{ color:#777777; text-decoration:underline; } .post-author .text a:hover{ color:#a8c41b; } /*review-tab*/ .single-blog .product-review-tab { margin: 0 27px; } .product-review-tab .item_review_content { border-bottom: 1px solid #f7f7f7; padding-bottom: 40px; margin-bottom: 40px; position: relative; padding-left: 80px; } .product-review-tab .item_review_content .img_holder { position: absolute; left: 0; top: 0; } .product-review-tab .add_your_review { margin:81px 0 75px 0px; } .product-review-tab .add_your_review>span { display: block; margin: 36px 0 14px 0; color: #a2a2a2; } .product-review-tab .add_your_review ul, .product-review-tab .add_your_review ul li { display: inline-block; color: #a2a2a2; } .product-review-tab .add_your_review ul.rating:hover li, .product-review-tab .add_your_review ul.rating.active li{ color: #fd7d00; -webkit-transition: .5s ease; transition: .5s ease; } .news .blogList_single_post .post .product-review-tab .add_your_review ul.rating li { font-size: 12px; margin-right: 3px; color:#d6d6d6; cursor: pointer; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .news .blogList_single_post .post .product-review-tab .add_your_review ul.active li { color: #ab7442; } .news .blogList_single_post .post .product-review-tab .add_your_review ul:hover li{ color: #ab7442; } .product-review-tab .add_your_review ul { line-height: 20px; border-right: 1px solid #d6d6d6; padding-right: 6px; margin-right: 5px; } .product-review-tab .add_your_review ul.fix_border { border:none; } .product-review-tab .add_your_review form { margin-top:31px; } .product-review-tab .add_your_review form label { color: #a2a2a2; font-size: 16px; margin-bottom: 5px; } .product-review-tab .add_your_review form input { height:54px; padding: 0 15px 0 19px; } .product-review-tab .add_your_review form textarea { max-width: 100%; min-height: 165px; padding: 15px 17px 5px 19px; } .product-review-tab .add_your_review form input, .product-review-tab .add_your_review form textarea { width:100%; border:1px solid #f0f0f0; margin-bottom: 30px; color:#9e9e9e; resize: none; } .news.single-blog .blogList_single_post .post ul li:before { display: none; } /************************** * 11. Project styles ***************************/ .latest-project { background: #ffffff; } .latest-project .section-title { margin-bottom: 37px; } .latest-project .text { margin-bottom: 15px; } .project-cta { background: #F7F7F7; padding: 30px 0; } .project-cta h3 { margin: 0; font-size: 26px; color: #333333; line-height: 50px; } .project-cta .thm-btn { padding-left: 25px; padding-right: 25px; border: none; line-height: 50px; } .project-cta .thm-btn:hover { color: #fff; background: #0D0D0D; border-color: #0D0D0D; } .single-latest-project-carousel .img-box { position: relative; overflow: hidden; } .single-latest-project-carousel .img-box img { width: 100%; } .single-latest-project-carousel .img-box .overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.8); -webkit-transform: translate3d(0, 100px, 0); transform: translate3d(0, 100px, 0); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; visibility: hidden; -webkit-transition: -webkit-transform .4s ease, opacity .4s ease, visibility .4s ease; -webkit-transition: opacity .4s ease, visibility .4s ease, -webkit-transform .4s ease; transition: opacity .4s ease, visibility .4s ease, -webkit-transform .4s ease; transition: transform .4s ease, opacity .4s ease, visibility .4s ease; transition: transform .4s ease, opacity .4s ease, visibility .4s ease, -webkit-transform .4s ease; } .single-latest-project-carousel .img-box .overlay .box { display: table; width: 100%; height: 100%; } .single-latest-project-carousel .img-box .overlay .box .content { display: table-cell; vertical-align: bottom; } .single-latest-project-carousel .img-box .overlay .top { text-align: center; } .single-latest-project-carousel .img-box .overlay .top a { margin-bottom: 24%; display: block; margin-left: auto; margin-right: auto; margin-top: 29px; width: 25px; height: 25px; border-radius: 50%; line-height: 48px; font-size: 18px; color: #fff; -webkit-transition: background .4s ease, border-color .4s ease; transition: background .4s ease, border-color .4s ease; } .single-latest-project-carousel .img-box .overlay .top a:hover { } .single-latest-project-carousel .img-box .overlay .bottom { background: #fd7d00; padding: 16px 20px; padding-right: 0; } .single-latest-project-carousel .img-box .overlay .bottom .title h3 { margin: 0; color: #fff; font-size: 18px; margin-bottom: 7px; } .single-latest-project-carousel .img-box .overlay .bottom .title span { color: #fff; font-family: "Opne Sans", sans-serif; font-size: 16px; } .single-latest-project-carousel .img-box .overlay .bottom a { color: #fff; width: 50px; height: 40px; line-height: 40px; border-left: 1px solid #5E80BD; display: block; position: relative; text-align: center; } .single-latest-project-carousel .img-box .overlay .bottom a:before { content: ''; width: 1px; height: 100%; background: #2A5391; position: absolute; top: 0; left: -2px; } .single-latest-project-carousel:hover .img-box .overlay { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; visibility: visible; } .latest-project-carousel .owl-nav { margin: 0; padding: 0; } .latest-project-carousel .owl-nav [class*=owl-] { color: #999999; font-size: 24px; margin: 0; padding: 0; background-color: transparent; padding: 0 5px; -webkit-transition: color .3s ease; transition: color .3s ease; position: absolute; bottom: 50%; margin: 0; margin-bottom: 0; width: 40px; height: 40px; background: rgba(0, 0, 0, 0.66); font-size: 16px; line-height: 40px; text-align: center; margin-bottom: -20px; color: #fff; -webkit-transition: .5s ease; transition: .5s ease; } .latest-project-carousel .owl-nav [class*=owl-]:hover { color: #ffffff; background: rgba(72, 199, 236, 0.65); -webkit-transition: .5s ease; transition: .5s ease; } .latest-project-carousel .owl-nav .owl-next { right: 0; } .latest-project-carousel .owl-nav .owl-prev { left: 0; } .single-project-item h3 { margin: 0; } .single-project-item .img-box { position: relative; overflow: hidden; } .single-project-item .img-box .overlay { position: absolute; top: 0; right: 0; left: 0; bottom: 0; background: rgba(53, 99, 169, 0.9); -webkit-transform: translate3d(0, 100px, 0); transform: translate3d(0, 100px, 0); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; visibility: hidden; -webkit-transition: -webkit-transform .4s ease, opacity .4s ease, visibility .4s ease; -webkit-transition: opacity .4s ease, visibility .4s ease, -webkit-transform .4s ease; transition: opacity .4s ease, visibility .4s ease, -webkit-transform .4s ease; transition: transform .4s ease, opacity .4s ease, visibility .4s ease; transition: transform .4s ease, opacity .4s ease, visibility .4s ease, -webkit-transform .4s ease; } .single-project-item .img-box .overlay .box { display: table; width: 100%; height: 100%; } .single-project-item .img-box .overlay .box .content { display: table-cell; vertical-align: middle; text-align: center; } .single-project-item .img-box .overlay .box .content ul.list-inline li a { width: 45px; height: 45px; color: #fd7d00; border-radius: 50%; text-align: center; background: rgba(0, 0, 0, 0.84); display: block; text-align: center; line-height: 48px; font-size: 16px; -webkit-transition: background .4s ease, color .4s ease; transition: background .4s ease, color .4s ease; } .single-project-item .img-box .overlay .box .content ul.list-inline li a:hover { background: #333; border-color: #333; color: #fff; } .single-project-item:hover .img-box .overlay { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; visibility: visible; } .single-project-item h3 { font-size: 20px; line-height: 24px; color: #333333; font-family: "Poppins", sans-serif; } .single-project-item h3:hover { color: #3563a9; } .single-project-item h3 a { color: inherit; } .single-project-item span { color: #999999; line-height: 24px; } .single-project-item .text-box { margin-top: 25px; padding-bottom: 23px; } .project-page .masonary-layout { margin-bottom: 20px; } /*** ==================================================================== Testimonials Section style ==================================================================== ***/ .testimonials-section{ position:relative; } .testimonials-section .img-box { width: 120px; height: 120px; border-radius:50%; background: #fff; padding: 5px; border: 1px solid #f4f4f4; text-align: center; margin: 0 auto; margin-bottom: 20px; } .testimonials-section .author h4 { font-size: 18px; } .testimonials-section .author p { color: #fd7d00; } /*nav*/ .testimonials-section .owl-controls { position: absolute; top: 50%; width: 100%; left: 0; } .testimonials-section .owl-carousel { position: inherit; } .testimonials-section .owl-theme .owl-nav { margin: 0; padding: 0; } .testimonials-section .owl-theme .owl-nav [class*=owl-] { color: #999999; font-size: 24px; margin: 0; padding: 0; background-color: transparent; padding: 0 5px; display: inline-block; -webkit-transition: color .3s ease; transition: color .3s ease; } .testimonials-section .owl-theme .owl-prev { float: left; width: 36%; text-align: center; } .testimonials-section .owl-theme .owl-prev i { width: 50px; height: 50px; line-height: 46px; border: 1px solid #f4f4f4; border-radius: 5px; -webkit-transition: .5s ease; transition: .5s ease; } .testimonials-section .owl-theme .owl-prev i:hover { color: #fd7d00; border-color: #fd7d00; -webkit-transition: .5s ease; transition: .5s ease; } .testimonials-section .owl-theme .owl-next { float: right; width: 20%; text-align: center; } .testimonials-section .owl-theme .owl-next i { width: 50px; height: 50px; line-height: 46px; border: 1px solid #f4f4f4; border-radius: 5px; -webkit-transition: .5s ease; transition: .5s ease; } .testimonials-section .owl-theme .owl-next i:hover { color: #fd7d00; border-color: #fd7d00; -webkit-transition: .5s ease; transition: .5s ease; } /*** ==================================================================== client Section style ==================================================================== ***/ .clients-section { background: #f7f7f7; } .clients-section .section-title { margin-bottom: 10px; } .clients-section .item { background: #fff; } .tooltip-inner { background: #fd7d00; max-width: 200px; padding: 6px 9px; color: #fff; text-align: center; border-radius: 2px; } .tooltip.top .tooltip-arrow { border-top-color: #fd7d00; } .clients-section .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; -webkit-transform: translate3d(0px, 0px, 0px); padding-top: 40px; } .clients-section .owl-theme .owl-nav { margin: 0; padding: 0; position: absolute; bottom: 100%; right: 0; margin: 0; margin-bottom: 36px; } .clients-section .owl-theme .owl-nav [class*=owl-] { color: #c5c5c5; font-size: 24px; margin: 0; padding: 0; background-color: transparent; height: 40px; width: 40px; border: 2px solid #f7f7f7; line-height: 36px; text-align: center; margin-left: 10px; display: inline-block; -webkit-transition: color .3s ease; transition: color .3s ease; } .clients-section .owl-theme .owl-nav [class*=owl-]:hover { color: #fd7d00; border: 2px solid #fd7d00; -webkit-transition: .5s ease; transition: .5s ease; } /*achivement*/ /*dots*/ .achive .owl-controls { text-align: center; display: block; position: relative; bottom: -10px; margin-top: 35px; } .achive .owl-dots .owl-dot { display: inline-block; } .achive .owl-dots .owl-dot span { background: none repeat scroll 0 0 #ff9a00; border-radius: 50%; display: block; height: 10px; background: #f4f4f4; width: 10px; margin: 5px 7px; -webkit-transition: .5s ease; transition: .5s ease; } .achive .owl-dots .owl-dot.active span, .achive .owl-dots .owl-dot:hover span { background-color: #fd7d00; -webkit-transition: .5s ease; transition: .5s ease; } /*** ==================================================================== service-single Section style ==================================================================== ***/ .service-catergory { margin: 0; padding: 0; list-style: none; } .service-catergory li { list-style: none; position: relative; background: #f7f7f7; margin-bottom: 2px; } .service-catergory li:first-child { } .service-catergory li .view-all-icon { position: absolute; right: 20px; top: 22px; color: #848484; } .service-catergory li.active a { color: #fd7d00; /* color: #fd7d00;*/ /*background: #fd7d00;*/ border: 2px solid #fd7d00; } .service-catergory li a { position: relative; display: block; font-size: 16px; color: #222; line-height: 30px; font-weight: 600; padding: 15px 0; padding-left: 23px; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; position: relative; } .service-catergory li a:hover { color: #fd7d00; } .service-catergory li.active a:hover { } .service-catergory li.active a:after { position: absolute; content: "\f178"; right: 18px; top: 14px; color: #fd7d00; font-family: FontAwesome; } .service-single blockquote { padding: 20px 20px; margin: 0 0 20px; padding-left: 30px; font-size: 18px; border-left: 5px solid #f7f7f7; font-style: italic; color: #fd7d00; font-family: "Poppins", sans-serif; } /*brochures*/ .brochures { position: relative; overflow: hidden; padding: 19px; border: 1px solid #f4f4f4; } .brochures p { margin: 11px 0; } .brochures-lists { } .brochures-lists li { display: inline-block; line-height: 43px; height: 45px; border: 1px solid #f1f1f1; position: relative; } .brochures-lists li:last-child { margin-bottom: 0px } .brochures-lists li a { color: #fd7d00; font-size: 16px; background: #f7f7f7; font-weight: 400; -webkit-transition: .5s ease; transition: .5s ease; } .brochures-lists li a span { display: inline-block; font-size: 16px; height: 28px; margin-left: 9px; margin-right: 10px; padding: 2px 5px; position: relative; font-size: 17px; line-height: 25px; -webkit-transition: .5s ease; transition: .5s ease; } .brochures-lists li a:hover { color: #fff; background-color: #fd7d00; -webkit-transition: .5s ease; transition: .5s ease; } .brochures-lists li a i:before { font-size: 18px; padding-right: 15px; position: absolute; right: 0; top: 18px; color: #ffffff; } .brochures-lists li { -webkit-transition: .5s ease; transition: .5s ease; } .brochures i.icon { position: absolute; right: 0; bottom: -10px; font-size: 60px; color: #f7f7f7; } /*get in tuch*/ .getin-tuch { position: relative; padding: 19px; border: 1px solid #f4f4f4; overflow: hidden; } .getin-tuch .default_link { color: #fd7d00; } .getin-tuch p{ margin: 15px 0 30px; } .getin-tuch p a { color: #fd7d00; text-decoration: underline; } .getin-tuch p b { color: #222; } .getin-tuch i.icon { position: absolute; right: 0; bottom: -10px; font-size: 60px; color: #f7f7f7; } /*benifit-list*/ .benifit-list li { margin: 0 0; color: #848484; font-size: 14px; } .benifit-list li i { color: #fd7d00; margin-right: 20px; } /*accordion-style-2*/ .accordion-style-two .accordion .acc-btn .toggle-icon { color: #9c9c9c; display: block; height: 24px; line-height: 24px; position: absolute; left: 20px; top: 15px; width: 24px; } .accordion-style-two .accordion .acc-btn .toggle-icon .plus:before { font-size: 18px; top: 3px; } .accordion-box.accordion-style-two .accordion .acc-btn .toggle-icon .minus:before { font-size: 18px; top: 3px; } .accordion-box.accordion-style-two { border: 0px; } .accordion-style-two .accordion .acc-btn { font-size: 18px; font-weight: 600; padding: 14px 30px 14px; padding-left: 55px; background: #f7f7f7; margin: 0; border-radius: 10px 10px 0px 0px; padding-right: 50px; border-top: 1px solid #f7f7f7; } .accordion-style-two .accordion .acc-btn.active { color: #fff; background: #fd7d00; } .accordion-style-two .accordion .acc-btn.active p { color: #fff; } /*over view*/ .over-view { background: #f7f7f7; padding: 18px 0; margin-top: 10px; } .over-view a { color: #fd7d00; text-transform: uppercase; margin: 9px 0; font-size: 14px; } .over-view a i { padding-right: 8px; } .analysis-result { background: #f7f7f7; padding: 20px 20px 37px; margin-top: 10px; } .analysis-result h4 { font-size: 20px; margin-bottom: 5px; } .analysis-chart { margin: 30px 0 50px; } .analysis-chart h4 { font-size: 20px; margin-top: 20px; } .intro-img { position: relative; } .intro-img .img-box { position: relative; margin-bottom: 30px; } .intro-img .img-box h5 { position: absolute; font-size: 14px; background: #f7f7f7; bottom: 0; left: 0; width: 100%; text-align: center; padding: 15px 0; color: #848484; } /*growth service*/ .growth-item { background: #f7f7f7; border: 1px solid #f4f4f4; position: relative; margin-bottom: 30px; padding-top: 30px; -webkit-transition: .5s ease; transition: .5s ease; } .growth-item:hover { background: #fd7d00; -webkit-transition: .5s ease; transition: .5s ease; } .growth-item .icon_box { display: table-cell; border-right: 1px solid #e3e3e3; width: 65px; height: 50px; line-height: 50px; color: #fd7d00; font-size: 30px; text-align: center; } .growth-item h4 { display: table-cell; vertical-align: middle; padding-left: 16px; -webkit-transition: .5s ease; transition: .5s ease; } .growth-item:hover h4 { color: #fff; -webkit-transition: .5s ease; transition: .5s ease; } .growth-item .content { background: #fff; margin-top: 30px; padding: 25px 0; } /*tab*/ /*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-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: #222; 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: #fd7d00; 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; } /*** ==================================================================== history Section style ==================================================================== ***/ .our-history { padding-bottom: 30px; background: #f7f7f7; } .our-history .bx-wrapper .bx-viewport { box-shadow: none; background: transparent; border: none; left: 0; } .our-history .bx-wrapper { margin: 0; } .our-history .img-box { padding-right: 30px; } .our-history h4 { font-size: 20px; } .our-history p.theme-color { color: #fd7d00; } .our-history .text p { margin: 20px 0px; } .our-history ul.nav-link { display: inline-block; position: relative; top: -52px; left: -5px; font-size: 40px; } .our-history ul.nav-link li a { color: #848484; -webkit-transition: .5s ease; transition: .5s ease; } .our-history ul.nav-link li a:hover { color: #fd7d00; -webkit-transition: .5s ease; transition: .5s ease; } .our-history .thumb-box { position: relative; border-left: 3px solid #e1e1e1; padding: 19px 0; } .our-history .thumb-box li { position: relative; margin-bottom: 27px; } .our-history .thumb-box li a { position: relative; font-size: 14px; color: #848484; padding-left: 20px; } .our-history .thumb-box li a.active { color: #fd7d00; } .our-history .thumb-box li a:after { position: absolute; content: ""; height: 12px; width: 12px; border: 3px solid #e1e1e1; background: #e1e1e1; border-radius: 50%; left: -13px; top: -20px; } .our-history .thumb-box li a.active:after { border: 3px solid #fd7d00; background: #fff; } .our-history .thumb-box li a:before { position: absolute; content: ""; height: 1px; width: 15px; background: #e1e1e1; left: -6px; top: 8px; } .our-history .thumb-box li a.active:before { background-color: #fd7d00; } /*** ==================================================================== four-column Section style ==================================================================== ***/ .four-column { position: relative; padding-bottom: 20px; } .four-column .item { position: relative; margin-bottom: 50px; } .four-column .item h4 { font-size: 20px; margin: 0px 0 20px; } .four-column .item .content { border: 1px solid #f4f4f4; border-top: 0px; padding: 25px 15px; overflow: hidden; -webkit-transition: .5s ease; transition: .5s ease; } .four-column .item:hover .content { box-shadow: inset -1px 3px 47px 1px rgba(171, 171, 171, 0.32); -webkit-box-shadow: inset -1px 3px 47px 1px rgba(171, 171, 171, 0.32); -moz-box-shadow: inset -1px 3px 47px 1px rgba(171, 171, 171, 0.32); -o-box-shadow: inset -1px 3px 47px 1px rgba(171, 171, 171, 0.32); -webkit-transition: .5s ease; transition: .5s ease; } /*** ==================================================================== about Section style ==================================================================== ***/ .about-faq .link_btn .sign { display: inline-block; position: relative; left: 50px; top: 5px; } .accordion-box { border: 1px solid #f7f7f7; } .accordion { margin-bottom: 10px; 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: 18px 0px 10px; margin: 0 30px; padding-right: 50px; border-top: 1px solid #f7f7f7; } .accordion .acc-btn p { color: #222; font-family: 'Poppins', sans-serif; } .accordion .acc-btn.active p { color: #fd7d00; } .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: #9c9c9c; display: block; font-weight: 100; height: 24px; line-height: 24px; position: absolute; right: 20px; top: 15px; 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; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; position: absolute; top: 0; left: 0; width: 100%; color: #222; } .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; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; position: absolute; top: 0; left: 0; color: #fd7d00; 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; display: none; padding: 15px 15px 15px 55px; } .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; } .single-faq-bg { position: relative; } .single-faq-bg:before { content: ''; position: absolute; left: 0px; top: 0px; width: 5000%; height: 100%; background: #f7f7f7; z-index: 0; } .about-faq .default-form input[type="text"], .about-faq .default-form input[type="email"], .about-faq .default-form input[type="password"], .about-faq .default-form input[type="number"], .about-faq .default-form select, .about-faq .default-form textarea { border-color: #eaeaea; } .about-faq .default-form-area { padding-left: 30px; } .about-faq .default-form-area h3 { margin-bottom: 38px; position: relative; font-weight: 400; } .accordion-box.style-one .accordion .acc-content { padding: 10px 30px; } .accordion-box .accordion { margin-bottom: 5px; } /*** ==================================================================== Fact Counter Section ==================================================================== ***/ .fact-counter{ position:relative; padding: 70px 0px 40px; background-repeat:no-repeat; background-size:cover; background-position:center center; overflow:hidden; color:#ffffff; } .fact-counter .title h2 { font-size: 32px; margin-bottom: 20px; } .fact-counter .title p { font-size: 18px; margin-bottom: 32px; } .fact-counter .column{ position:relative; text-align:center; z-index:5; } .fact-counter .item { color: #222; padding: 17px 0 25px; } .fact-counter .column .icon span{ position:relative; top:0px; font-size: 50px; position: absolute; line-height:70px; top: -5px; left: 0; margin-bottom:20px; color: #ab7442; 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 .count-outer{ position:relative; font-size: 36px; font-weight: 400; padding: 0px 10px 23px; font-family: 'Poppins', Sans-serif; } .fact-counter .count-outer:before { content: ""; position: absolute; top: 53px; left: 50%; margin-left: -25px; width: 50px; height: 1px; background: #f7f7f7; } .fact-counter .column .counter-title{ position:relative; font-size: 18px; font-weight: 300; font-family: "Opne Sans", Sans-serif; color:#222; } /*** ==================================================================== google map Section ==================================================================== ***/ .home-google-map #contact-google-map { width: 100%; height: 430px; } .home-google-map .gmnoprint { display: none; } /*** ==================================================================== contact Section ==================================================================== ***/ .default-cinfo .icon_box { width: 40px; } .default-cinfo li + li { margin-top: 10px; border-top: 1px solid #f1f1f1; padding-top: 12px; } .default-cinfo li .icon_box, .default-cinfo li .text-box { display: table-cell; vertical-align: top; } .default-cinfo li .icon_box i { font-size: 20px; color: #fd7d00; position: relative; top: 7px; } .default-cinfo .accordion .acc-btn { background: #f7f7f7; padding: 14px 30px; margin: 0; } .default-cinfo .accordion-box { border: none; } .default-cinfo .accordion { border: 1px solid #f7f7f7; } .default-cinfo .accordion-box .accordion .acc-content b { color: #222; font-weight: 600; } /*form*/ .default-form { position: relative; } .default-form p { color: #fff; font-size: 18px; line-height: 34px; margin-bottom: 20px; } .default-form p span { color: #ab7442; font-size: 20px; font-weight: 600; } .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 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: #f7f7f7; border-radius: 4px; transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } .default-form textarea{ height: 120px; } .default-form .bootstrap-select { border: 1px solid #f4f4f4; background: #f7f7f7; color: #a2a2a2; border-radius: 4px; padding: 7px 0; font-size: 16px; } .default-form .btn-group.open .dropdown-toggle { box-shadow: none; } .default-form .btn-group.open .dropdown-toggle:focus { 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: #fd7d00; color: #fff; } .default-form .form-control:focus { border-color: #fd7d00; box-shadow: none; } .default-form .thm-btn { width: 100%; } .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: #fd7d00; background: none; border: none; font-size: 18px; } /*author-details*/ .author-details { background: #f7f7f7; padding: 1px 20px; } .author-details .item { padding: 20px 20px 20px; border-bottom: 1px solid rgba(51, 51, 51, 0.08); background: #fff; margin: 27px 0; } .author-details .item:last-child { border-bottom: 0px; } .author-details .item .img-box, .author-details .item .content { display: table-cell; vertical-align: top; } .author-details .item .img-box{ width: 67px; } .author-details .item .content{ padding-left: 20px; } .author-details .item .content p { color: #000000; font-size: 14px; margin-bottom: 0; line-height: 25px; } .author-details .item .content p i { color: #fd7d00; margin-right: 5px; } .author-details .item h5 { font-size: 16px; margin-bottom: 15px; color: #272727; } .author-details .item .content h5 { color: #fd7d00; margin: 0; } /*** ============================== 8. Team Member styles ============================== ***/ .our-team { position: relative; padding: 70px 0 20px; } .single-team-member h3, .single-team-member p { margin: 0; } .single-team-member h4 { font-size: 18px; color: #222; text-transform: capitalize; margin-top: 12px; margin-bottom: 6px; } .single-team-member .img-box { position: relative; overflow: hidden; box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.07); display: inline-block; background: #f7f7f7; } .single-team-member .img-box img { -webkit-transition: all 0.5s ease; transition: all 0.5s ease; -webkit-transform: scale(1); transform: scale(1); } .our-team .single-team-member { margin-bottom: 50px; text-align: center; } .single-team-member .author-info { overflow: hidden; } .single-team-member a p { color: #fd7d00; -webkit-transition: .5s ease; transition: .5s ease; } .single-team-member .text { margin-top: 10px; margin-bottom: 9px; } .single-team-member .text p { font-size: 16px; } .single-team-member .img-box .overlay { position: absolute; left: 0; top: 0; height: 100%; background: rgba(19, 29, 51, 0.9); width: 100%; -webkit-transform: scale(0.7,0); transform: scale(0.7,0); -webkit-transition: .5s ease-in-out; transition: .5s ease-in-out; } .single-team-member:hover .img-box .overlay { -webkit-transform: scale(1,1); transform: scale(1,1); -webkit-transition: .5s ease-in-out; transition: .5s ease-in-out; } .single-team-member .inner-box { display: table; width: 100%; height: 100%; text-align: center; } .single-team-member .link { display: table-cell; vertical-align: middle; position: relative; top: -20%; -webkit-transition: .2s cubic-bezier(0.4, 0, 1, 1); transition: .2s cubic-bezier(0.4, 0, 1, 1); } .single-team-member:hover .link { top: 0; -webkit-transition: .5s cubic-bezier(0.4, 0, 1, 1); transition: .5s cubic-bezier(0.4, 0, 1, 1); -webkit-transition-delay: .3s; transition-delay: .3s; } .single-team-member ul.social { position: relative; } .single-team-member ul.social:before { position: absolute; content: ""; height: 1px; width: 70px; background: #f4f4f4; top: 0; left: 50%; margin-left: -35px; -webkit-transition: .5s ease; transition: .5s ease; } .single-team-member:hover ul.social:before { width: 170px; background: #fd7d00; top: 0; left: 50%; margin-left: -85px; -webkit-transition: .5s ease; transition: .5s ease; } .single-team-member ul.social li a:hover { color: #fd7d00; -webkit-transition: .5s ease; transition: .5s ease; } .single-team-member .social li { padding: 0; margin: 0 3px; } .single-team-member .social li a { color: #ffffff; -webkit-transition: color .4s ease; transition: color .4s ease; font-size: 14px; } .single-team-member ul.social li a { color: #848484; padding: 0 7px; border-radius: 50%; background: transparent; text-align: center; line-height: 44px; border: 1px solid #fff; } /*style-2*/ /*** ============================== 8. Team Member styles ============================== ***/ .testimonials { position: relative; padding-bottom: 30px; } /*testimonials news section*/ .testimonials { padding: 65px 0 40px; } .testimonials .item .text { position: relative; padding: 25px; padding-left: 55px; color: #a2a2a2; background: #f7f7f7; margin-bottom: 36px; line-height: 32px; font-size: 14px; } .testimonials .item .text .quot { position: absolute; left: 20px; top: 26px; font-size: 20px; color: #dedede; } .testimonials .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; } .testimonials .item .author { color: #222; font-size: 16px; font-weight: 400; margin-top: 6px; margin-bottom: 2px; } .testimonials .item .author-title { color: #fd7d00; font-size: 14px; font-style: italic; } .testimonials .item .author-info img { width: 55px; height: 55px; position: relative; top: -5px; } .testimonials .item .author-info { margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #f4f4f4; } /************************** * Project styles ***************************/ .single-project { padding-bottom: 30px; } .single-project .img-box { position: relative; overflow: hidden; } .single-project .img-box img { width: 100%; } .single-project .title h5 { color: #222; padding: 25px 0 0; font-size: 16px; font-weight: 400; -webkit-transition: .5s ease; transition: .5s ease; } .single-project .title p { color: #fd7d00; -webkit-transition: .5s ease; transition: .5s ease; } .single-project .img-box .overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(19, 29, 51, 0.9); -webkit-transform: translate3d(0, 100px, 0); transform: translate3d(0, 100px, 0); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; visibility: hidden; -webkit-transition: opacity .4s ease, visibility .4s ease, -webkit-transform .4s ease; transition: opacity .4s ease, visibility .4s ease, -webkit-transform .4s ease; transition: transform .4s ease, opacity .4s ease, visibility .4s ease; transition: transform .4s ease, opacity .4s ease, visibility .4s ease, -webkit-transform .4s ease; } .single-project .img-box .overlay .box { display: table; width: 100%; height: 100%; } .single-project .img-box .overlay .box .content { display: table-cell; vertical-align: middle; } .single-project .img-box .overlay .top { text-align: center; } .single-project .img-box .overlay .top ul { margin-bottom: 0; } .single-project .img-box .overlay .top li a { width: 45px; height: 45px; color: #fd7d00; font-size: 16px; line-height: 48px; text-align: center; background: #fff; display: block; border-radius: 50%; -webkit-transition: .4s ease; transition: .4s ease; } .single-project .img-box .overlay .top li a:hover { background: #fd7d00; color: #ffffff; -webkit-transition: .5s ease; transition: .5s ease; } .single-project .img-box .overlay .bottom { padding: 10px 0px; padding-right: 0; text-align: center; } .single-project .img-box .overlay .bottom .title h3 { margin: 0; color: #fff; line-height: 30px; font-size: 15px; } .single-project:hover .img-box .overlay { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; visibility: visible; } .post-filter { display: block; margin: 0; margin-bottom: 30px; text-align: center; } .post-filter li { padding: 0; } .post-filter li span { color: #848484; font-size: 14px; line-height: 24px; display: block; border: 1px solid transparent; padding: 3px 18px; border-radius: 5px; cursor: pointer; -webkit-transition: .5s ease; transition: .5s ease; } .post-filter li:hover span, .post-filter li.active span { color: #fd7d00; -webkit-transition: .5s ease; transition: .5s ease; border-color: #f4f4f4; } /*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: #fd7d00; font-weight: 700; } .client-information .title { color: #fd7d00; margin: 10px 0; } .client-information .text {margin-bottom: 35px;} /*contact-service*/ .service-contact { background: #fd7d00; 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: #fd7d00; } .service-contact .thm-btn:hover { background: #fff; color: #fd7d00; } /************************** * 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: 40px; } .cart-section .sec-pad {padding-bottom: 70px;} .cart-section .sec-title.medium { padding-bottom: 25px; } .cart-section .cart-outer { position: relative; } .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: "Poppins", sans-serif; background: #f7f7f7; } .cart-table thead tr th { line-height: 24px; padding: 20px 15px; min-width: 120px; font-weight: normal; } .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: #222; text-transform: capitalize; } .cart-table tbody tr .sub-total { font-weight: 400; color: #fd7d00; } .cart-table tbody tr .remove-btn { position: relative; font-size: 16px; color: yellow; line-height: 30px; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .cart-table tbody tr .remove-btn .fa { position: relative; top: 2px; padding-right: 10px; font-size: 24px; line-height: 30px; -webkit-transition: .5s ease; transition: .5s ease; } .cart-table tbody tr .remove-btn:hover { color: #fd7d00; -webkit-transition: .5s ease; transition: .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 { padding: 5px 0px 5px 20px; line-height: 24px; height: 43px; display: block; box-shadow: none; width: 100%; font-size: 20px; position: relative; color: #222; } .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: #fd7d00; 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: 10.3px 10px; } .cart-section .cart-table .bootstrap-touchspin .input-group-btn-vertical i { color: #fd7d00; left: 6px; } .cart-table tbody tr .qty .quantity-spinner { background: #fff; border: 1px solid #F7F7F7; border-right: 0; } .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: 9px 15px; border: 1px solid yellow; border-radius: 3px; width: 230px; background: none; font-weight: 500; outline: none; height: 44px; } .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: 1px solid #f8f8f8; } .cart-section .totals-table .col { position: relative; display: block; float: left; padding: 14.5px 15px; line-height: 24px; width: 50%; } .cart-section .totals-table .col-title { font-size: 14px; color: #222; border-right: 1px solid #f8f8f8; font-weight: 400; } .cart-section .totals-table li { position: relative; border-bottom: 1px solid #f8f8f8; } .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: 1px solid #f4f4f4; padding: 10px 15px; 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: green; -webkit-transition: all .3s ease; transition: all .3s ease; } .cart-section .estimate-form .select-box .bootstrap-select.btn-group .dropdown-menu li a:hover span.text { color: green; -webkit-transition: all .3s ease; transition: all .3s ease; } .cart-section .estimate-form .select-box .bootstrap-select.btn-group .dropdown-menu li a span.text { font-size: 13px; color: red; } .cart-section .estimate-form .select-box .bootstrap-select.btn-group .dropdown-toggle .caret:before { content: '\f107'; font-family: 'FontAwesome'; color: red; font-size: 14px; line-height: 46px; } .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: 43px; padding-left: 15px; font-family: "Roboto Slab", serif; } .cart-section .qty .input-group { width: 74px; background: #fff; } .cart-section .thm-btn.update-cart { border: 1px solid black; color: yellow; 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: #222; border-color: #F7F7F7; text-shadow: none; background: #f7f7f7; } .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: #F7F7F7; } .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: #fd7d00; 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: #999; } .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 .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: #fd7d00; content: ""; } .checkout-area .exisitng-customer h5{ color: #252525; font-size: 16px; font-weight: 300; } .checkout-area .exisitng-customer h5 a{ color: #fd7d00; 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: #fd7d00; content: ""; } .checkout-area .coupon h5 { color: #252525; font-size: 16px; font-weight: 300; } .checkout-area .coupon h5 a { color: #fd7d00; display: inline-block; padding-left: 15px; } .checkout-area .form form .field-label { color: #222; font-family: "Poppins", Sans-serif; text-transform: capitalize; font-weight: 400; margin-bottom: 8px; } .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 #fd7d00; } .checkout-area .create-acc .checkbox { margin: 7px 0 0; } .checkout-area .create-acc .checkbox label { color: #fd7d00; 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: #fd7d00; } .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: #252525; font-size: 14px; position: relative; text-transform: uppercase; 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: 110px; padding: 25px 30px; } .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: #252525; font-size: 14px; font-weight: 400; text-transform: uppercase; } .checkout-area .table .cart-table tbody tr .qty { padding-right: 30px; width: 130px; } .checkout-area .table .cart-table tbody tr .qty .input-group.bootstrap-touchspin { float: right; width: 70px; } .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: #fd7d00; border-color: #fd7d00; color: #fff; } .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: #fd7d00; 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: #272727; display: block; float: left; font-size: 16px; font-weight: 400; line-height: 28px; 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: #fd7d00; 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; } .cart-total .payment-options .option-block .checkbox label { font-weight: 300; min-height: 20px; padding-left: 20px; } .cart-total .payment-options .option-block .checkbox label input { top: -1px; } .cart-total .payment-options .option-block .checkbox label span { color: #252525; padding-left: 10px; } .cart-total .payment-options .option-block .checkbox label span b { color: #fd7d00; 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; } .placeorder-button button { } .placeorder-button button:hover{ } /*** ============================================= shop style ============================================= ***/ .shop { position: relative; padding: 60px 0px 70px; } .shop .hover-effect { margin-bottom: 15px; padding-top: 10px; -webkit-transition: .5s ease; transition: .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); -webkit-transition: .5s ease-in-out; transition: .5s ease-in-out; } .single-shop-item .img-box { position: relative; overflow: hidden; border: 1px solid #fff; -webkit-transition: .5s ease; transition: .5s ease; background: #f7f7f7; text-align: center; } .single-shop-item:hover .img-box { -webkit-transition: .5s ease; transition: .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; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); line-height: 35px; -webkit-transform-origin: 70% 35%; 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 .thm-btn.thm-tran-bg { color: #ffffff; border-color: #fff; } .single-shop-item .thm-btn:hover { color: #fd7d00; background: #ffffff; } .single-shop-item:hover .img-box .overlay { background-color: rgba(255, 255, 255, 0.9); } .single-shop-item:hover .img-box .overlay .box .content ul li a { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-transform: translate3d(0px, 0px, 0); transform: translate3d(0px, 0px, 0); } .default-overlay-outer{ position:absolute; display:block; left:0px; top:0px; width:100%; height:100%; padding:10px; transition:all 700ms ease; -webkit-transition:all 700ms ease; -ms-transition:all 700ms ease; -o-transition:all 700ms ease; -moz-transition:all 700ms ease; } .default-overlay-outer .inner{ position:absolute; left:0px; top:0px; width:100%; height:100%; display:table; vertical-align:middle; text-align:center; } .default-overlay-outer .inner .content-layer{ position:relative; display:table-cell; vertical-align:middle; color:#ffffff; } .default-overlay-outer .inner .content-layer a { width: 50px; height: 50px; border-radius:50%; color: #fd7d00; background: #fff; line-height: 50px; text-align: center; margin: 0 5px; font-size: 20px; -webkit-transition: .5s ease; transition: .5s ease; } .default-overlay-outer .inner .content-layer a:hover { color: #fff; background: #fd7d00; -webkit-transition: .5s ease; transition: .5s ease; } .single-shop-item .default-overlay-outer{ opacity:0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; top:-100%; background: rgba(19, 29, 51, 0.9); } .single-shop-item:hover .default-overlay-outer{ top:0; opacity:1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } .single-shop-item .content-box{ position:relative; padding: 20px 0px; } .single-shop-item .content-box h4{ font-size: 14px; font-weight: 600; margin:0px 0px; line-height:1.4em; color: #252525; margin-bottom: 6px; } .single-shop-item .content-box a, .single-shop-item .content-boxa:hover{ color:#b89b5e; } .single-shop-item .content-box h4 a{ color: #222; font-weight: 400; font-size: 16px; } .single-shop-item .content-box .rating{ font-size: 13px; color: #fd7d00; margin-bottom:15px; position: absolute; right: 5px; top: 14px; } .single-shop-item .content-box .item-price{ font-size: 16px; font-weight: 400; color: #fd7d00; 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:#999999; 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; margin-top: 10px; } .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: #fd7d00; 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: #fd7d00; } .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; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(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; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; visibility:visible; transform: scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); } .sidebar_tags { margin:60px 0 -6px 0; } .sidebar_tags ul { margin-top: 10px; padding: 24px 0px; } .sidebar_tags ul li { display: inline-block; margin: 0 4px 8px 0; } .sidebar_tags ul li a { display: block; font-weight: normal; font-size: 15px; color:#9e9e9e; line-height: 32px; border: 1px solid #f1f1f1; background: #fff; border-radius: 2px; text-align: center; padding: 0 14px; } .sidebar_tags ul li a:hover { color: #ffffff; background: #fd7d00; } .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 #222; margin-left: -4px; outline: none; background: #fd7d00; } .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: #fd7d00; text-transform: uppercase; border: 2px solid #fd7d00; } .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 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: #fd7d00; } .best_sellers .best_selling_item .text span { display: block; margin-top: 10px; color: #fd7d00; 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; } /*** ============================================= page_pagination style ============================================= ***/ . { text-align: center; 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; border-radius: 2px; } .page_pagination li a.active, .page_pagination li a:hover { color:#fff; background: #fd7d00; } /*** ============================================= Shop Single area style ============================================= ***/ .shop-single-area { padding-bottom: 80px; padding-top: 80px; } .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; -webkit-transition: all 1s ease 0s; 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; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; -webkit-transition: all 1s ease 0s; transition: all 1s ease 0s; width: 100%; border: 3px solid #f7f7f7; } .product-content-box .flex-control-thumbs .flex-active { cursor: default; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; 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: #222; 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: #fd7d00; font-size: 14px; } .product-content-box .content-box span.price { color: #fd7d00; 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; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .product-content-box .content-box .location-box form input:focus{ border-color: #fd7d00; } .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; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .product-content-box .content-box .location-box form button:hover{ background: #fd7d00; color: #fff; } .product-content-box .content-box .location-box form span { color: #fd7d00; } .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: 'Poppins', sans-serif; background: #f7f7f7; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .product-tab-box .tab-menu li.active a, .product-tab-box .tab-menu li:hover a{ background: #fd7d00; color: #fff; border-color: #fd7d00; } .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: #fd7d00; 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: 'Poppins', sans-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: 0 0 23px; } .review-form .add-rating-box .add-rating-title h4 { color: #292929; font-family: "Poppins",sans-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; -webkit-transition: all 500ms ease; 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: #fd7d00; } .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; -webkit-transition: all 500ms ease; 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; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } .review-form form input[type="text"]:focus{ border-color: #fd7d00; } .review-form form textarea:focus{ border-color: #fd7d00; } .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; } /* ============================== 5. Our Services styles ============================== */ .our-services { padding: 70px 0 15px; } .our-services.style-2 { } .our-services .separet { position: relative; display: block; width: 100%; border-bottom: 1px solid #f1f1f1; margin-bottom: 40px; top: -10px; } .our-services .caption-box-wrapper { border-top: 1px solid #F4F4F4; margin-top: 35px; } .our-services .single-our-service { margin-bottom: 56px; } .our-services .single-our-service h4 { margin-top: 17px; margin-bottom: 11px; color: #222; font-size: 20px; font-weight: 400; text-transform: capitalize; -webkit-transition: .5s ease; transition: .5s ease; } .our-services .single-our-service:hover h4 { color: #fd7d00; -webkit-transition: .5s ease; transition: .5s ease; } .our-services .single-our-service .img-box { position: relative; max-width: 370px; } .our-services .single-our-service .text-box { border: 1px solid #f1f1f1; border-top: 0px; padding: 5px 20px 30px; } .our-services .single-our-service-caption-box { padding-top: 40px; } .our-services .single-our-service-caption-box .img-box, .our-services .single-our-service-caption-box .content-box { display: table-cell; vertical-align: middle; } .our-services .single-our-service-caption-box .img-box { width: 120px; } .our-services .single-our-service-caption-box .content-box { padding-left: 20px; } .our-services.service-page .has-divider { border-top: 1px solid #F4F4F4; margin-top: 60px; padding-top: 60px; } .our-services .single-our-service .img-box { overflow: hidden; } .our-services .single-our-service .img-box img { -webkit-transform: scale(1); transform: scale(1); -webkit-transition: .5s ease-in-out; transition: .5s ease-in-out; } .our-services .single-our-service:hover .img-box img { -webkit-transform: scale(1.1); transform: scale(1.1); -webkit-transition: .5s ease-in-out; transition: .5s ease-in-out; } .our-services .single-our-service .img-box a { position: relative; display: block; } .our-services .single-our-service .img-box a:after { position: absolute; content: ""; width: 100%; height: 100%; background: rgba(72, 199, 236, 0.9); left: 0; top: 0; -webkit-transform: scale(0,1); transform: scale(0,1); -webkit-transition: .5s ease; transition: .5s ease; } .our-services .single-our-service:hover .img-box a:after { -webkit-transform: scale(1,1); transform: scale(1,1); -webkit-transition: .5s ease; transition: .5s ease; } .our-services .single-our-service .thm-btn { background: transparent; color: #fd7d00; border-color: #848484; } .our-services .single-our-service .thm-btn:hover { background: #fd7d00; color: #fff; border-color: #fd7d00; } /*** ==================================================================== Login / Register Section ==================================================================== ***/ .register-section{ position:relative; } .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; font-size:14px; color:#9e9e9e; } .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:#999999; 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:3px; 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:#b2dd4c; } .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:42px; 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.80; -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; } /*** ============================================= two-column style ============================================= ***/ .two-column { position: relative; } .two-column .img-box { position: relative; padding-right: 24px; margin-bottom: 20px; float: left; } .two-column .content { position: relative; float: left; } .two-column .content h4 { font-size: 20px; } .two-column .content .date { color: #fd7d00; margin-bottom: 18px; margin-top: 5px; } .two-column .owl-controls { text-align: center; display: block; position: relative; bottom: 0px; margin-top: 14px; } .two-column .owl-dots .owl-dot { display: inline-block; } .two-column .owl-dots .owl-dot span { background: none repeat scroll 0 0 #ff9a00; border-radius: 50%; display: block; height: 10px; background: #f4f4f4; width: 10px; margin: 5px 7px; -webkit-transition: .5s ease; transition: .5s ease; } .two-column .owl-dots .owl-dot.active span, .two-column .owl-dots .owl-dot:hover span { background-color: #fd7d00; -webkit-transition: .5s ease; transition: .5s ease; } /*subscribe*/ .subscribe { background-repeat: no-repeat; background-size: cover; } .subscribe h2 { color: #fff; font-size: 32px; } .subscribe p { color: #fff; font-size: 18px; margin: 22px 0 36px; } .subscribe-form input { position: relative; width: 74%; display: inline-block; margin-right: 6px; padding: 10px 15px 8px; padding-left: 40px; border: 1px solid #fd7d00; } .subscribe-form { position: relative; } .subscribe-form span { position: absolute; left: 15px;top: 15px; color: #fd7d00; font-size: 20px; } /* ============================== 5. Our Services styles ============================== */ .three-column.bg { background: #f7f7f7; padding-bottom: 14px; } .three-column .separet { position: relative; display: block; width: 100%; border-bottom: 1px solid #f1f1f1; margin-bottom: 40px; top: -10px; } .three-column .caption-box-wrapper { border-top: 1px solid #F4F4F4; margin-top: 35px; } .three-column .single-our-service { margin-bottom: 56px; } .three-column .single-our-service h4 { margin-top: 17px; margin-bottom: 11px; color: #222; font-size: 20px; font-weight: 400; text-transform: capitalize; -webkit-transition: .5s ease; transition: .5s ease; } .three-column .single-our-service:hover h4 { color: #fd7d00; -webkit-transition: .5s ease; transition: .5s ease; } .three-column .single-our-service .img-box { position: relative; max-width: 370px; } .three-column .single-our-service .img-box .count { background: #fd7d00; color: #fff; font-size: 18px; font-family: "Poppins", sans-serif; padding: 5px 24px; position: absolute; left: 0; bottom: -16px; } .three-column .single-our-service .text-box { border-top: 0px; padding: 20px 0px 0px; } .three-column .single-our-service-caption-box { padding-top: 40px; } .three-column .single-our-service-caption-box .img-box, .three-column .single-our-service-caption-box .content-box { display: table-cell; vertical-align: middle; } .three-column .single-our-service-caption-box .img-box { width: 120px; } .three-column .single-our-service-caption-box .content-box { padding-left: 20px; } .three-column.service-page .has-divider { border-top: 1px solid #F4F4F4; margin-top: 60px; padding-top: 60px; } .three-column .single-our-service .img-box { } .three-column .single-our-service .img-box img { -webkit-transition: .5s ease-in-out; transition: .5s ease-in-out; } .three-column .single-our-service:hover .img-box img { -webkit-transition: .5s ease-in-out; transition: .5s ease-in-out; } .three-column .single-our-service .img-box a { position: relative; display: block; } .three-column .single-our-service .thm-btn { background: transparent; color: #fd7d00; border-color: #848484; } .three-column .single-our-service .thm-btn:hover { background: #fd7d00; color: #fff; border-color: #fd7d00; } /* ============================== call-out styles ============================== */ .call-out { background: #fd7d00; padding: 5px 0 25px; } .call-out h4 { color: #fff; margin-top: 35px; font-size: 22px; } .call-out .thm-btn { color: #fff; background: transparent; border-color: #fff; margin-top: 20px; } .call-out .thm-btn:hover { color: #fd7d00; background: #fff; border-color: #fff; } /*style-2*/ .call-out.style-2 { background: #f7f7f7; } .call-out.style-2 h4 { color: #222; } .call-out.style-2 .thm-btn { color: #fff; background: #fd7d00; border-color: #fd7d00; margin-top: 20px; } .call-out.style-2 .thm-btn:hover { color: #fd7d00; background: #fff; border-color: #fd7d00; } /* ============================== contact informaiton styles ============================== */ .contact_information { } .contact_information .tab-buttons { position: relative; display: inline-block; border-bottom: 1px solid #f4f4f4; } .contact_information .tab-buttons li { display: inline-block; padding-bottom: 18px; position: relative; margin: 0 14px; font-size: 14px; color: #848484; font-family: "Poppins", sans-serif; cursor: pointer; text-align: center; } .contact_information .tab-buttons li.active-btn:before { position: absolute; content: ""; width: 30px; height: 3px; background: #fd7d00; bottom: 0; left: 50%; margin-left: -15px; } .contact_information .tab .item { position: relative; margin-top: 50px; padding: 30px; background: #f7f7f7; overflow: hidden; border: 2px solid #FF9A00; box-shadow: 10px 10px 5px #888888; } .contact_information .tab .item span.icon { position: absolute; color: #ececec; font-size: 100px; right: -14px; bottom: -12px; } .contact_information .tab .item h5 { color: #222; font-size: 16px; font-weight: 600; padding-bottom: 17px; } .contact_information .tab .item h5 span { color: #fd7d00; font-style: italic; } .contact_information .tab .item ul li { color: #fd7d00; font-size: 14px; margin: 6px 0; } .contact_information .tab .item ul li span { color: #000000; } .growth-service { } .growth-service span { color: #fd7d00; font-size: 60px; } .growth-service h4 { color: #fff; font-size: 20px; margin: 25px 0 18px; } .growth-service p { color: #ababab; } /*growth-service*/ /*dots*/ .growth-service .owl-controls { text-align: center; display: block; position: relative; bottom: -10px; margin-top: 35px; } .growth-service .owl-dots .owl-dot { display: inline-block; } .growth-service .owl-dots .owl-dot span { border-radius: 50%; display: block; height: 10px; border: 1px solid #fff; background: transparent; width: 10px; margin: 5px 7px; -webkit-transition: .5s ease; transition: .5s ease; } .growth-service .owl-dots .owl-dot.active span, .growth-service .owl-dots .owl-dot:hover span { background-color: #fd7d00; border-color: transparent; -webkit-transition: .5s ease; transition: .5s ease; } .about-info p { margin: 19px 0px; } /* Base Styles */ #cssmenu, #cssmenu ul, #cssmenu li, #cssmenu a { margin: 0; padding: 0; border: 0; list-style: none; font-weight: normal; text-decoration: none; line-height: 1; font-family: 'Roboto', sans-serif; font-size: 15px; position: relative; } #cssmenu { width: 250px; border-bottom: 4px solid #656659; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #cssmenu a { line-height: 1.3; } #cssmenu > ul > li:first-child { background: #66665e; background: -moz-linear-gradient(#66665e 0%, #45463d 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #66665e), color-stop(100%, #45463d)); background: -webkit-linear-gradient(#66665e 0%, #45463d 100%); background: linear-gradient(#66665e 0%, #45463d 100%); border: 1px solid #45463d; -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; } #cssmenu > ul > li:first-child > a { padding: 15px 10px; text-align:left; background: url(../menu_images/pattern.png) top left repeat; border: none; border-top: 1px solid #818176; -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; font-family: 'Ubuntu', sans-serif; text-align: center; font-size: 1.2em; font-weight: 300; text-shadow: 0 -1px 1px #000000; } #cssmenu > ul > li:first-child > a > span { padding: 0; } #cssmenu > ul > li:first-child:hover { background: #66665e; background: -moz-linear-gradient(#66665e 0%, #45463d 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #66665e), color-stop(100%, #45463d)); background: -webkit-linear-gradient(#66665e 0%, #45463d 100%); background: linear-gradient(#66665e 0%, #45463d 100%); } #cssmenu > ul > li { background: #e94f31; background: -moz-linear-gradient(#e94f31 0%, #d13516 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e94f31), color-stop(100%, #d13516)); background: -webkit-linear-gradient(#e94f31 0%, #d13516 100%); background: linear-gradient(#e94f31 0%, #d13516 100%); } #cssmenu > ul > li:hover { background: #e84323; background: -moz-linear-gradient(#e84323 0%, #c33115 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e84323), color-stop(100%, #c33115)); background: -webkit-linear-gradient(#e84323 0%, #c33115 100%); background: linear-gradient(#e84323 0%, #c33115 100%); } #cssmenu > ul > li > a { font-size: .9em; text-align:left; display: block; background: url(../menu_images/pattern.png) top left repeat; color: #ffffff; border: 1px solid #ba2f14; border-top: none; text-shadow: 0 -1px 1px #fd7d00; } #cssmenu > ul > li > a > span { display: block; padding: 12px 10px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; text-align:left; } #cssmenu > ul > li > a:hover { text-decoration: none; } #cssmenu > ul > li.active { border-bottom: none; } #cssmenu > ul > li.has-sub > a span { background: url(../menu_images/icon_plus.png) 96% center no-repeat; } #cssmenu > ul > li.has-sub.active > a span { background: url(../menu_images/icon_minus.png) 96% center no-repeat; } #cssmenu ul ul { display: none; background: #fff; border-right: 1px solid #a2a194; border-left: 1px solid #a2a194; } #cssmenu ul ul li { text-align:left; padding: 0; border-bottom: 1px solid #d4d4d4; border-top: none; background: #f7f7f7; background: -moz-linear-gradient(#f7f7f7 0%, #ececec 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f7f7f7), color-stop(100%, #ececec)); background: -webkit-linear-gradient(#f7f7f7 0%, #ececec 100%); background: linear-gradient(#f7f7f7 0%, #ececec 100%); } #cssmenu ul ul li:last-child { border-bottom: none; } #cssmenu ul ul a { padding: 10px 10px 10px 25px; display: block; color: #676767; font-size: .8em; font-weight: normal; text-align:left; } #cssmenu ul ul a:before { content: '\00BB'; position: absolute; left: 10px; color: #e94f31; } #cssmenu ul ul a:hover { color: #e94f31; } .box-img{width:100%; height:auto; overflow:hidden; margin-bottom:15px;} .mch-6{width:170px; height:165px; background:#fff; border:1px solid #f5232d; float:left; margin-right:10px; margin-bottom:10px; } .box-red{width:168px; height:45px; line-height:20px; background:#f93e47; font:Georgia, "Times New Roman", Times, serif; color:#FFF; font-size:13px; font-weight:bold; padding:2px; } .my-img{padding:10px;} .ma{} .border{border-radius:15px; margin:5px; border:1px solid #dddddd;} .red{ color:#F00; font-weight:bold;} .buttoncc{ padding:2px; font-weight:bold; display:block; line-height:30px; font:Georgia, "Times New Roman", Times, serif; color:#000; background:#ccc; border:1px solid #f5232d; float:left; margin-right:10px; margin-bottom:10px; } .buttoncc a{padding:2px; font-weight:bold; line-height:30px; font:Georgia, "Times New Roman", Times, serif; color:#000; background:#ccc; float:left; display:block; text-decoration:none } .buttoncc a:hover{padding:2px; display:block; font-weight:bold; line-height:30px; font:Georgia, "Times New Roman", Times, serif; color:#000; background:#fff; float:left; text-decoration:none } table { background: #f5f5f5; border-collapse: separate; box-shadow: inset 0 1px 0 #fff; font-size: 12px; line-height: 24px; margin: 30px auto; text-align: left; width: 100%; } th { background: url(https://jackrugile.com/images/misc/noise-diagonal.png), linear-gradient(#777, #444); border-left: 1px solid #555; border-right: 1px solid #777; border-top: 1px solid #555; border-bottom: 1px solid #333; box-shadow: inset 0 1px 0 #999; color: #fff; font-weight: bold; padding: 10px 15px; position: relative; text-shadow: 0 1px 0 #000; } th:after { background: linear-gradient(rgba(255,255,255,0), rgba(255,255,255,.08)); content: ''; display: block; height: 25%; left: 0; margin: 1px 0 0 0; position: absolute; top: 25%; width: 100%; } th:first-child { border-left: 1px solid #777; box-shadow: inset 1px 1px 0 #999; } th:last-child { box-shadow: inset -1px 1px 0 #999; } td { border-right: 1px solid #fff; border-left: 1px solid #e8e8e8; border-top: 1px solid #fff; border-bottom: 1px solid #e8e8e8; padding: 10px 15px; position: relative; transition: all 300ms; } td:first-child { box-shadow: inset 1px 0 0 #fff; } td:last-child { border-right: 1px solid #e8e8e8; box-shadow: inset -1px 0 0 #fff; } tr { background: url(https://jackrugile.com/images/misc/noise-diagonal.png); } tr:nth-child(odd) td { background: #f1f1f1 url(https://jackrugile.com/images/misc/noise-diagonal.png); } tr:last-of-type td { box-shadow: inset 0 -1px 0 #fff; } tr:last-of-type td:first-child { box-shadow: inset 1px -1px 0 #fff; } tr:last-of-type td:last-child { box-shadow: inset -1px -1px 0 #fff; } /*tbody:hover td { color: transparent; text-shadow: 0 0 3px #aaa; } tbody:hover tr:hover td { color: #444; text-shadow: 0 1px 0 #fff; }*/