D7net
Home
Console
Upload
information
Create File
Create Folder
About
Tools
:
/
home
/
realadss
/
kavyaeventz.in
/
css
/
Filename :
style.css
back
Copy
/************ TABLE OF CONTENTS *************** 1. Fonts 2. Reset 3. Global 4. Main Header 5. Main Slider 6. Featured Three Column 7. Top Services 8. Gallery 9. Get Quote 10. Fact Counter 11. Why Us 12. Team Section 13. Parallax Section 14. Testimonials Slider 15. Clients Column 16. Main Footer 17. About Section 18. Our Locations 19. Sponsors Section 20. Sidebar Style 21. Service Details 22. Blog Section 23. Blog Details Section 24. Pricing Table 25. Contact Us 26. Shortcode style **********************************************/ @import url(https://fonts.googleapis.com/css?family=PT+Sans:400,400italic,700,700italic); @import url(https://fonts.googleapis.com/css?family=Raleway:400,300,500,600,700,800); @import url(https://fonts.googleapis.com/css?family=Sacramento); @import "font-awesome.min.css"; @import "font-awesome-animation.min.css"; @import "animate.css"; @import "flaticon.css"; @import "owl.css'"; @import "jquery.fancybox.css"; @import "fullcalender.css"; @import "hover.css"; @import "../jquery.mCustomScrollbar.min.html"; /*----jquery ui css-------*/ @import "../vendor/jquery-ui/jquery-ui.css"; /*----date-picker---------*/ @import "../vendor/time-picker/jquery.timepicker.css"; /*** ==================================================================== Reset ==================================================================== ***/ * { margin:0px; padding:0px; border:none; outline:none; } /*** ==================================================================== Global Settings ==================================================================== ***/ body { font-family: 'PT Sans', sans-serif; font-size:14px; color:#888888; line-height:1.8em; font-weight:400; background:#ffffff; background-size:cover; background-repeat:no-repeat; background-position:center top; -webkit-font-smoothing: antialiased; overflow-x: hidden; } a{ text-decoration:none; cursor:pointer; color:#b99f41; } a:hover,a:focus,a:visited{ text-decoration:none; outline:none; } h1 { color: #b99f41;; font-family: 'Sacramento', cursive; font-size: 42px; font-weight: bold; line-height: 1.1em; } h2,h3,h4,h5,h6 { position:relative; font-family: 'Raleway', sans-serif; font-weight:normal; margin:0px; background:none; line-height:1.6em; } input,button,select,textarea{ font-family: 'PT Sans', sans-serif; } p{ position:relative; line-height:1.9em; font-weight:400; } .strike-through{ text-decoration:line-through; } .auto-container{ position:static; max-width:1200px; margin:0 auto; } .page-wrapper{ position:relative; margin:0 auto; width:100%; min-width:320px; min-height:500px; } ul,li{ list-style:none; padding:0px; margin:0px; } .theme-btn{ transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; font-family: 'Raleway', sans-serif; } .centered{ text-align:center; } .anim-3,.anim-3-all *{ transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; } .anim-5,.anim-5-all *{ 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; } .anim-7,.anim-7-all *{ transition:all 0.7s ease; -moz-transition:all 0.7s ease; -webkit-transition:all 0.7s ease; -ms-transition:all 0.7s ease; -o-transition:all 0.7s ease; } .default-btn{ position:relative; padding:10px 25px; line-height:24px; text-transform:uppercase; background:none; color:#ffffff !important; font-size:14px; border:2px solid #ffffff !important; font-family: 'Raleway', sans-serif; font-weight:700; border-radius:20px; -webkit-border-radius:20px; -ms-border-radius:20px; -o-border-radius:20px; -moz-border-radius:20px; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; } .default-btn .fa{ padding-right:5px; } .default-btn.style-two, .default-btn:hover{ background:#b99f41;; color:#ffffff !important; border-color:#b99f41; !important; } .normal-btn{ position:relative; padding:9px 25px; line-height:24px; text-transform:uppercase; background:#b99f41;; color:#ffffff !important; font-size:14px; border:2px solid #ffffff !important; font-family: 'Raleway', sans-serif; font-weight:700; border-radius:20px; -webkit-border-radius:20px; -ms-border-radius:20px; -o-border-radius:20px; -moz-border-radius:20px; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; } .normal-btn .fa{ padding-right:5px; } .normal-btn:hover{ background:#b99f41;; color:#ffffff !important; border-color:#1a1a1a !important; } .theme_color{ color:#ff9000; } .text-white{ color:#ffffff !important; } .padd-top-20{ padding-top:20px !important; } .padd-top-30{ padding-top:30px !important; } .padd-top-40{ padding-top:40px !important; } .padd-bott-20{ padding-bottom:20px !important; } .padd-bott-30{ padding-bottom:30px !important; } .pb-35 { padding-bottom: 35px; } .padd-bott-40{ padding-bottom:40px !important; } .margin-top-20{ margin-top:20px !important; } .margin-top-30{ margin-top:30px !important; } .margin-top-40{ margin-top:40px !important; } .margin-bott-20{ margin-bottom:20px !important; } .margin-bott-30{ margin-bottom:30px !important; } .margin-bott-40{ margin-bottom:40px !important; } .no-padd-bottom{ padding-bottom:0px !important; } .no-padd-top{ padding-top:0px !important; } .no-margin-bottom{ margin-bottom:0px !important; } .no-margin-top{ margin-bottom:0px !important; } .no-bg{ background:none !important; } .mt-5 { margin-top: 5px; } .mb-5 { margin-bottom: 5px; } .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.html);} .text-black { color: #000000 !important; } .position-absolute { position: absolute; } .position-relative { position: relative; } .img-fullwidth { width: 100%; } .height-100 { height: 100%; } .font-raleway { font-family: 'Raleway', sans-serif; } .font-ptsand { font-family: 'PT Sans', sans-serif; } .font-sacramento { font-family: "Sacramento",cursive; } .font-13 { font-size: 13px !important; } .font-14 { font-size: 14px !important; } .font-16 { font-size: 16px !important; } .font-18 { font-size: 18px !important; } .font-20 { font-size: 20px !important; } .font-22 { font-size: 22px !important; } .font-24 { font-size: 24px !important; } .font-30 { font-size: 30px !important; } .font-32 { font-size: 32px !important; } .font-64 { font-size: 64px !important; } .font-72 { font-size: 72px !important; } .font-100 { font-size: 100px !important; } .font-weight-300 { font-weight: 300; } .font-weight-400 { font-weight: 400; } .font-weight-500 { font-weight: 500; } .font-weight-600 { font-weight: 600; } .font-weight-700 { font-weight: 700; } .font-weight-800 { font-weight: 800; } .bold { font-weight: bold; } .border-1px { border: 1px solid #eee; } .border-bottom { border-bottom: 1px solid #eee; } .border-radius-30 { border-radius: 30px; } .brder-left-3 { border-left: 3px solid #ddd; } .bdrs-0 { border-radius: 0 !important; } .bdrs-10 { border-radius: 10px !important; } .border-thm{ color: #b99f41;; } .img-fullwidth { width: 100% !important; } .text-thm { color: #b99f41; !important; } .text-thm2 { color: #F1A1DC !important; } .bg-thm { background: #b99f41; !important; } .bg-thm2 { background: #F1A1DC !important; } .bg-lighter { color: #f7f7f7 !important; } .bg-thm-transparent { background: rgba(250, 77, 172, 0.4); } .text-white { color: #fff !important; } .text-dark { color: #1a1a1a !important; } .text-777 { color: #777777; } .text-uppercase { text-transform: uppercase; } .letter-spacing-1 { letter-spacing: 1px; } .letter-spacing-2 { letter-spacing: 2px; } .letter-spacing-3 { letter-spacing: 3px; } .letter-spacing-4 { letter-spacing: 4px; } .letter-spacing-5 { letter-spacing: 5px; } .bold { font-weight: bold !important; } .thm-btn { background: #b99f41;; border-radius: 30px; display: inline-block; color: #fff; font-size: 12px; font-family: 'Raleway', sans-serif; text-transform: uppercase; font-weight: bold; padding: 12px 35px; border: 2px solid transparent; transition: all .3s ease; } .btn-flat { border-radius: 0; } .thm-btn:hover, .thm-btn.inverse { background-color: #fff; border-color: #b99f41;; color: #b99f41;; } .thm-btn:active, .thm-btn:focus { background-color: #fff; border-color: #b99f41;; color: #b99f41;; } .thm-btn.inverse:hover { background: #b99f41;; border-color: #b99f41;; color: #fff; } .btn-xs { font-size: 11px !important; padding: 8px 15px !important; } /* .overlay styles */ .overlay-white { -webkit-background-size: cover; background-size: cover; position: relative; } .overlay-white:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom:0; background: #fff; opacity: .9; } .layer-overlay::before { background: rgba(15, 18, 20, 0.65) none repeat scroll 0 0; content: " "; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } .layer-overlay.overlay-white-5::before { background: rgba(255, 255, 255, 0.5); } .layer-overlay.overlay-white-6::before { background: rgba(255, 255, 255, 0.6); } .layer-overlay.overlay-white-8::before { background: rgba(255, 255, 255, 0.8); } .layer-overlay.overlay-white-9::before { background: rgba(255, 255, 255, 0.9); } .layer-overlay.overlay-dark-5::before { background: rgba(0, 0, 0, 0.5); } .layer-overlay.overlay-dark-6::before { background: rgba(0, 0, 0, 0.6); } .layer-overlay.overlay-dark-8::before { background: rgba(0, 0, 0, 0.8); } .layer-overlay.overlay-dark-9::before { background: rgba(0, 0, 0, 0.9); } .layer-overlay.overlay-theme::before { background: rgba(250, 77, 172, 0.9); } .bg-img-cover { background-size: cover; background-position: 50% 20%; background-repeat: no-repeat; } .bg-img-cover2 { background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; } .bg-white { background: #ffffff; } .bg-f7 { background: #f7f7f7; } section > .container, section > .container-fluid { padding-top: 20px; padding-bottom: 20px; } .overflow-hidden { overflow: hidden; } .overflow-xhidden { overflow-x: hidden; } .overflow-yhidden { overflow-y: hidden; } /*** ==================================================================== Main Header style ==================================================================== ***/ .main-header{ position:relative; left:0px; top:0px; z-index:999; width:100%; } .main-header .header-top{ position:relative; border-bottom:1px solid rgba(0,0,0,0.30); padding:5px 0px; background:#d2ac27; } .main-header .header-top .top-left{ position:relative; float:left; } .main-header .header-top ul li{ position:relative; display:inline-block; margin-left:20px; } .main-header .header-top .top-left ul li{ margin-right:20px; margin-left:0px; } .main-header .header-top ul li a{ position:relative; display:block; line-height:20px; color:#ffffff; font-size:15px; transition:all 0.7s ease; -moz-transition:all 0.7s ease; -webkit-transition:all 0.7s ease; -ms-transition:all 0.7s ease; -o-transition:all 0.7s ease; } .main-header .header-top ul li .fa{ position:relative; top:1px; font-size:13px; padding-right:5px; } .main-header .header-top ul li a:hover{ color:#ffffff; } .main-header .header-top .top-right{ position:relative; float:right; } .main-header .header-lower{ position:relative; padding:0px 0px; background:#ffffff; width:100%; left:0px; top:0px; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } .fixed-header .header-lower{ position:fixed; padding:0px !important; } .main-header .header-lower .outer-box{ position:relative; padding:0px 150px 0px 0px; } .main-header .header-lower .search-box-btn{ position:absolute; right:80px; top:35px; width:40px; padding-left:10px; } .main-header .header-lower .search-box-btn .search-btn{ position:relative; display:block; font-size:18px; color:#ffffff; line-height:30px; width:30px; height:30px; text-align:center; cursor:pointer; } .main-header .header-lower .search-box-btn .search-btn:hover{ color:#f1f1f1; } .main-header .header-lower .logo{ position:relative; float:left; padding-right:10px; background:#000000; line-height: 100px; } .main-header .header-lower .logo:before{ content:''; position:absolute; right:100%; top:0%; width:1000px; height:100%; background:#000000; } .main-header .header-lower .logo:after{ content:''; position:absolute; left:80%; top:0%; width:100px; height:100%; background:#000000; transform:skewX(-25deg); -webkit-transform:skewX(-25deg); -ms-transform:skewX(-25deg); -o-transform:skewX(-25deg); -moz-transform:skewX(-25deg); } .main-header .header-lower .logo img{ position:relative; display:inline-block; max-width:100%; z-index:1; } .main-menu{ position:relative; float:right; padding:30px 0px; } .main-menu .navbar-collapse{ padding:0px; } .main-menu .navigation{ position:relative; float:right; margin:0px; font-family: 'Raleway', sans-serif; } .main-menu .navigation > li{ position:relative; float:left; padding:0px; margin-right:40px; } .main-menu .navigation > li > a{ position:relative; display:block; padding:10px 0px; font-size:14px; color:#000000; line-height:20px; font-weight:700; text-transform:uppercase; opacity:1; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } .main-menu .navigation > li:hover > a, .main-menu .navigation > li.current > a, .main-menu .navigation > li.current-menu-item > a{ color:#1a1a1a; opacity:1; } .main-menu .navigation > li > ul{ position:absolute; left:0px; top:160%; width:200px; padding:0px; border:1px solid #ffffff; z-index:100; background:#000000; visibility:hidden; opacity:0; border-radius:0px 5px 5px 5px; -ms-border-radius:0px 5px 5px 5px; -webkit-border-radius:0px 5px 5px 5px; -moz-border-radius:0px 5px 5px 5px; -o-border-radius:0px 5px 5px 5px; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } .main-menu .navigation > li > ul:before{ font-family: 'FontAwesome'; content: "\f0d8"; position:absolute; left:15px; top:-19px; padding-top:4px; display:block; width:100%; width:100%; height:20px; display:block; color:#000000; line-height:20px; font-size:28px; z-index:5; } .main-menu .navigation > li:hover > ul { top:120%; opacity:1; visibility:visible; } .main-menu .navigation > li > ul > li{ position:relative; float:none; width:100%; border-bottom:1px solid rgba(255,255,255,0.50); } .main-menu .navigation > li > ul > li:last-child{ border:none; } .main-menu .navigation > li > ul > li > a{ position:relative; display:block; padding:5px 10px; font-weight:normal; font-size:13px; color:#ffffff; font-weight:500; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } .main-menu .navigation > li > ul > li:hover > a{ color:#ffffff; background-color:#d2ac27; } .main-menu .navigation > li > ul > li.dropdown > a:after{ font-family: 'FontAwesome'; content: "\f0da"; position:absolute; right:10px; top:8px; width:10px; height:20px; display:block; color:#ffffff; line-height:20px; font-size:16px; text-align:center; z-index:5; } .main-menu .navigation > li > ul > li.dropdown:hover > a:after{ color:#1a1a1a; } .main-menu .navigation > li > ul > li.dropdown:hover > a:after{ color:#ffffff; } .main-menu .navigation > li > ul > li > ul{ position:absolute; left:110%; top:-1px; width:180px; padding:0px; border:1px solid #ffffff; border-top-width:2px; z-index:100; background:#b99f41;; visibility:hidden; opacity:0; border-radius:0px 5px 5px 5px; -ms-border-radius:0px 5px 5px 5px; -webkit-border-radius:5px 0px 5px 5px; -moz-border-radius:0px 5px 5px 5px; -o-border-radius:0px 5px 5px 5px; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } .main-menu .navigation > li > ul > li:hover > ul { left:100%; opacity:1; visibility:visible; } .main-menu .navigation > li > ul > li > ul > li{ position:relative; float:none; width:100%; border-bottom:1px solid #ffffff; } .main-menu .navigation > li > ul > li > ul > li:last-child{ border:none; } .main-menu .navigation > li > ul > li > ul > li > a{ position:relative; display:block; padding:4px 10px; font-weight:normal; font-size:13px; color:#ffffff; font-weight:500; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } .main-menu .navigation > li > ul > li > ul > li:hover > a{ color:#ffffff; background-color:#F1A1DC; } .main-menu .navbar-collapse > ul li.dropdown .dropdown-btn{ position:absolute; right:10px; top:6px; width:34px; height:30px; border:1px solid #ffffff; background:url(../images/icons/submenu-icon.png) center center no-repeat; background-size:20px; cursor:pointer; z-index:5; display:none; border-radius:3px; -webkit-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; -moz-border-radius:3px; } .appoinment-btn { position: absolute; right: 0; top: 25px; } .appoinment-form-outer { position:relative; padding:25px 30px 40px; background:#f6f6f6; border-radius:2px; font-family:'Open Sans',sans-serif; } .appoinment-form-outer h3 { font-size:24px; font-weight:600; margin-bottom:30px; } .appoinment-form-outer hr { margin-bottom:40px; border-color:#e0e0e0; } .appoinment-form-outer .form-group { position:relative; margin-bottom:30px; } .appoinment-form-outer input[type="text"], .appoinment-form-outer input[type="email"], .appoinment-form-outer input[type="tel"], .appoinment-form-outer input[type="url"], .appoinment-form-outer input[type="password"], .appoinment-form-outer select, .appoinment-form-outer textarea { position:relative; display:block; width:100%; line-height:34px; padding:8px 20px; background:#ffffff; border:1px solid #e0e0e0; height:52px; } .appoinment-form-outer select { cursor:pointer; } .appoinment-form-outer .field-label { position:relative; display:block; font-weight:600; font-size:18px; color:#252525; line-height:28px; margin-bottom:10px; } .appoinment-form-outer .field-label .required { color:#ff0000; font-size:14px; } .appoinment-form-outer .radio-select { position:relative; float:left; margin-right:30px; margin-bottom:5px; line-height:50px; outline: none; } .appoinment-form-outer .radio-select:last-child { margin-left:25px; } .appoinment-form-outer .radio-select label { color: #252525; cursor: pointer; font-size: 24px; font-weight: 600; position: relative; text-align: center; text-transform: uppercase; } .appoinment-form-outer .radio-select input[type="radio"]:checked+label { color:#b99f41;; } .appoinment-form-outer button { padding:9px 30px; } .modal-backdrop { z-index: 0; } .title-border::after { background: #b99f41; none repeat scroll 0 0; content: ""; height: 2px; left: 0; position: absolute; top: 30px; width: 50px; } .dl-horizontal dd { margin-bottom: 30px; } /*Search Box*/ .main-header .search-box{ position:relative; padding:15px 0px; border-bottom:1px solid rgba(255,255,255,0.30); background:#944738; color:#ffffff; display:none; } .main-header .search-box .search-title{ position:relative; float:left; } .main-header .search-box .search-title h2{ font-size:20px; font-weight:600; line-height:36px; } .main-header .search-box .search-form{ position:relative; float:right; max-width:350px; overflow:hidden; } .main-header .search-box .form-group{ position:relative; display:block; padding:0px; margin:0px; width:100%; overflow:hidden; } .main-header .search-box .form-group input[type="search"], .main-header .search-box .form-group input[type="text"]{ position:relative; display:block; width:100%; padding:8px 40px 6px 15px; border:2px solid rgba(255,255,255,0.30); color:#ffffff; font-weight:500; font-size:16px; line-height:22px; background:none; } .main-header .search-box .form-group input[type="search"]:focus, .main-header .search-box .form-group input[type="text"]:focus{ border-color:rgba(255,255,255,0.70); } .main-header .search-box .form-group .search-submit{ position:absolute; right:1px; top:1px; width:40px; height:38px; background:#5d1d10; display:block; padding:0px 10px; color:#ffffff; font-size:16px; line-height:38px; } .main-header .search-box .form-group .search-submit:hover{ background:#343434; } /*** ==================================================================== Main Slider style ==================================================================== ***/ .main-slider{ position:relative; background:none; color:#1c1c1c; } .main-slider h1{ line-height:1.8em; font-size:56px; } .main-slider h2{ font-size:48px; color:#ffffff; font-weight:700; } .main-slider h3{ line-height:2em; font-size:32px; } .main-slider .tp-bullets{ display:none; } .tp-bullets.preview4 .bullet{ background:#b99f41; !important; border-color:#202020 !important; margin:0px 5px; } .tp-bullets.preview4 .bullet:hover, .tp-bullets.preview4 .bullet.selected{ border-color:#b99f41; !important; } .main-slider.default-slider .carousel-inner{ position:relative; width:100%; max-width:1200px; padding:0px 15px; margin:0 auto; } .main-slider.parallax-background .carousel-inner{ width:100%; max-width:none; padding:0px; text-align:center; } .default-banner .window-size{ background-size:cover; background-repeat:no-repeat; background-position:center top; } .default-banner .window-size{ background-size:cover; background-repeat:no-repeat; background-position:center center; } .with-parallax-bg.window-size{ background-size:cover; background-repeat:no-repeat; background-position:center center; } .static-banner .static-content{ max-width:1200px; margin:0 auto; color:#ffffff; } .window-size .auto-container{ position:relative; left:0px; top:0px; display:table; width:100%; max-width:100%; height:100%; padding:50px 15px 50px; text-align:center; } .window-size .auto-container .box-inner{ position:relative; display:table-cell; vertical-align:middle; } .window-size .text{ color:#ffffff; font-size:16px; } .main-slider .links-box{ position:relative; display:block; padding-top:10px; } .default-banner .window-size .big-title, .default-banner .window-size .text, .default-banner .window-size p, .default-banner .window-size .theme-btn{ margin-bottom:15px; } .main-slider .window-size .big-title, .main-slider .window-size .text, .main-slider .window-size .theme-btn{ animation:none; -webkit-animation:none; -ms-animation:none; -o-animation:none; -moz-animation:none; margin-bottom:15px; } .default-banner .window-size.active .big-title{ animation-name:bounceInDown; -webkit-animation-name:bounceInDown; -ms-animation-name:bounceInDown; -moz-animation-name:bounceInDown; -o-animation-name:bounceInDown; animation-duration:1000ms; -webkit-animation-duration:1000ms; -ms-animation-duration:1000ms; -o-animation-duration:1000ms; -moz-animation-duration:1000ms; } .default-banner .window-size.active .text{ animation-name:fadeIn; -webkit-animation-name:fadeIn; -ms-animation-name:fadeIn; -moz-animation-name:fadeIn; -o-animation-name:fadeIn; animation-duration:1000ms; -webkit-animation-duration:1000ms; -ms-animation-duration:1000ms; -o-animation-duration:1000ms; -moz-animation-duration:1000ms; } .default-banner .window-size.active .theme-btn{ animation-name:zoomIn; -webkit-animation-name:zoomIn; -ms-animation-name:zoomIn; -moz-animation-name:zoomIn; -o-animation-name:zoomIn; animation-duration:1000ms; -webkit-animation-duration:1000ms; -ms-animation-duration:1000ms; -o-animation-duration:1000ms; -moz-animation-duration:1000ms; } /*** ==================================================================== Scroll To Top style ==================================================================== ***/ .scroll-to-top{ position:fixed; bottom:50px; right:10px; width:40px; height:40px; color:#ffffff; background:#b99f41; font-size:14px; line-height:38px; border:1px solid #b99f41; text-align:center; z-index:100; cursor:pointer; border-radius:3px; display:none; } .scroll-to-top:hover{ background:#ffffff; color:#000000; border-color:#b99f41; !important; } /*** ==================================================================== Featured Three Column style ==================================================================== ***/ .featured-three-column{ position:relative; background:none; z-index:100; } .featured-three-column.style-two{ padding:70px 0px 0px; margin-top:0px; } .featured-three-column .column{ position:relative; margin-bottom:50px; text-align:center; } .featured-three-column .column .overlay{ position:absolute; left:0px; top:0px; width:100%; height:100%; overflow:hidden; } .featured-three-column .column .overlay .left-curve{ position:absolute; left:-10px; top:0px; width:10px; height:100%; opacity:0; background:#b99f41;; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } .featured-three-column .column:hover .overlay .left-curve{ left:0px; } .featured-three-column .column .overlay .right-curve{ position:absolute; right:-10px; top:0px; width:10px; height:100%; opacity:0; background:#b99f41;; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } .featured-three-column .column:hover .overlay .right-curve{ right:0px; } .featured-three-column .column .overlay .overlay-link{ position:absolute; left:0px; top:0px; width:100%; height:100%; opacity:0; background-color: rgb(250 246 77 / 40%); z-index:1; transform:scale(0,0); -webkit-transform:scale(0,0); -ms-transform:scale(0,0); -o-transform:scale(0,0); -moz-transform:scale(0,0); transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } .featured-three-column .column:hover .overlay .overlay-link{ opacity:1; transform:scale(1,1); -webkit-transform:scale(1,1); -ms-transform:scale(1,1); -o-transform:scale(1,1); -moz-transform:scale(1,1); } .featured-three-column .inner-box{ position:relative; max-width:600px; margin:0 auto; background:#000000; color:#cccccc; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } .featured-three-column .column .inner-box:hover { box-shadow:0 6px 6px 0px rgba(250 246 77 / 40%); -webkit-box-shadow:0 6px 6px 0px rgba(250 246 77 / 40%); -ms-box-shadow:0 6px 6px 0px rgba(250 246 77 / 40%); -o-box-shadow:0px 6px 6px 2px rgba(250 246 77 / 40%); -moz-box-shadow:0px 6px 6px 2px rgba(250 246 77 / 40%); } .featured-three-column .inner-box .content{ position:relative; padding:0 20px; } .featured-three-column .column:nth-child(even) .inner-box{ background:#b99f41;; color:#ffffff; } .featured-three-column .image{ position:relative; overflow:hidden; } .featured-three-column .image img{ position:relative; display:block; 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; } .featured-three-column .column:hover .image img{ transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); } .featured-three-column h3{ font-size:24px; color:#ffffff; font-weight:800; padding:8px 0 5px; text-transform:capitalize; } .featured-three-column .link{ position:relative; bottom:-20px; } .featured-three-column .link a { border: 2px solid #b99f41;; } .featured-three-column .link a:hover { border: 2px solid #ffffff; } .featured-three-column .column:nth-child(even) .normal-btn{ background:#252525; } .featured-three-column .column .normal-btn:hover{ background:#ffffff !important; color:#b99f41 !important; border-color:#b99f41 !important; } /*** ==================================================================== Countdown style ==================================================================== ***/ .time-counter{ position:relative; } .time-counter .time-countdown{ position:relative; text-align:center; } .time-counter .time-countdown .counter-column{ position:relative; display:inline-block; padding:42px 10px 10px; width:124px; height:140px; background:url(../images/icons/timecounter-frame-1.png) center center no-repeat; color:#ffffff; font-size:16px; font-style:italic; text-transform:capitalize; text-align:center; } .default-timecounter .time-counter .time-countdown .counter-column{ background:url(../images/icons/timecounter-frame-2.png) center center no-repeat; color:#fc5a61; } .time-counter .time-countdown .counter-column .count{ position:relative; display:block; font-size:32px; line-height:30px; font-style:normal; padding-bottom:3px; } /*** ==================================================================== Top Services style ==================================================================== ***/ .sec-title{ position:relative; margin-bottom:45px; text-align:center; } .sec-title h3{ position:relative; text-transform:uppercase; font-size:15px; font-weight:800; color:#646d72; margin-bottom:0px; } .sec-title h2{ position:relative; text-transform:uppercase; font-size:24px; font-weight:800; color:#3a4145; } .sec-title p{ position:relative; font-size:15px; color:#3a4145; margin-bottom:10px; } .sec-title .line{ position:relative; width:40px; height:6px; background:#cccccc; margin:20px auto 0px; border-radius:3px; -webkit-border-radius:3px; -ms-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; } .sec-title.style-two .line{ background:#ffffff; } .sec-title.style-three .line{ margin:40px 0px 0px; } .sec-title.text-center img { margin-left: auto;margin-right: auto; } .top-services{ position:relative; padding:50px 0px 10px; } .top-services .column{ position:relative; margin-bottom:40px; } .top-services .column .inner-box{ position:relative; max-width:500px; margin:0 auto; padding-left:100px; } .top-services .column .icon{ position:absolute; left:0px; top:10px; font-size:72px; color:#b99f41;; width:80px; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } .top-services .column:hover .icon{ transform:scale(0.8,0.8); -webkit-transform:scale(0.8,0.8); -moz-transform:scale(0.8,0.8); -o-transform:scale(0.8,0.8); -ms-transform:scale(0.8,0.8); } .top-services .column h3{ position:relative; font-size:16px; font-weight:800; margin-bottom:15px; color:#3a4145; text-transform:capitalize; } .top-services .column .text{ position:relative; color:#888888; } /* Event Section*/ .event-item { overflow-x: hidden; transition:all 500ms ease 0s; } .event-item:hover { box-shadow:0 6px 6px 0px rgba(255,20,147,0.70); -webkit-box-shadow:0 6px 6px 0px rgba(255,20,147,0.70); -ms-box-shadow:0 6px 6px 0px rgba(255,20,147,0.70); -o-box-shadow:0px 6px 6px 2px rgba(255,20,147,0.70); -moz-box-shadow:0px 6px 6px 2px rgba(255,20,147,0.70); } .event-item:hover .event-thumb{ transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); } .event-thumb { overflow-y: hidden; transition:all 500ms ease 0s; } .event-item .event-details { position: relative; } .event-day { color: #000; } .event-day span { line-height: 27px; } /* service tow */ .services-section{ position:relative; padding:80px 0px 40px; } .services-section.style-two{ padding:30px 30px 0px; background:#ffffff; } .services-section .column{ position:relative; margin-bottom:40px; } .services-section .column h2{ position:relative; font-size:24px; text-transform:capitalize; color:#3a4145; font-weight:800; margin-bottom:10px; } .services-section.style-two .main-title{ position:relative; font-size:24px; text-transform:capitalize; color:#3a4145; font-weight:800; margin-bottom:15px; } .services-section .column h3{ position:relative; font-size:16px; font-weight:800; color:#5f6467; margin-bottom:15px; } .services-section.style-two .column h2{ position:relative; font-size:16px; font-weight:800; } .services-section .column .image{ position:relative; margin-bottom:15px; overflow:hidden; } .services-section .column .image img{ position:relative; display:block; 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; } .services-section .column:hover .image img{ transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); } .services-section .column .read-more{ font-weight:800; color:#b99f41;; text-transform:uppercase; font-size:14px; } .services-section .column .read-more .fa{ padding-right:5px; } .services-section .column .read-more:hover{ color:#b99f41;; } .service-details{ position:relative; margin-bottom:10px; } .service-details p{ text-align: justify !important; } .service-details .content-outer{ position:relative; padding:20px; background:#ffffff; } .service-details h2{ font-size:24px; color:#3a4145; font-weight:800; margin-bottom:20px; text-transform:capitalize; } .service-details h3{ font-size:16px; color:#3a4145; font-weight:800; margin-bottom:20px; text-transform:capitalize; } .service-details .full-image{ position:relative; } .service-details .full-image img{ position:relative; display:block; width:100%; /*height:500px;*/ } /*** ==================================================================== Fleet Gallery style ==================================================================== ***/ .gallery-section{ position:relative; background-size:cover; background-position:center center; background-repeat:no-repeat; color:#ffffff; text-align:center; } .gallery-section .column{ position:relative; padding:0px; } .gallery-section .column .image{ position:relative; overflow:hidden; } .gallery-section .column .image img{ position:relative; /*display:block;*/ width:100%; height:auto; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } .gallery-section .column:hover .image img{ transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); } .gallery-section .column .image .overlay-box{ position:absolute; left:0px; top:0px; width:100%; height:100%; display:block; overflow:hidden; } .gallery-section .column .image .overlay-box .link{ position:absolute; left:-100%; top:0px; width:100%; height:100%; display:table; vertical-align:middle; color:#ffffff; background: rgb(239 250 77 / 80%); opacity:0; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } .gallery-section .column .image .overlay-box .txt{ position:relative; display:table-cell; vertical-align:middle; color:#ffffff; text-transform:capitalize; font-weight:800; font-size:14px; } .gallery-section .column:hover .image .overlay-box .link{ left:0px; opacity:1; } /*** ==================================================================== Get Quote style ==================================================================== ***/ .get-quote{ position:relative; padding:80px 0px 0px; background: url(../images/background/3.jpg) center center no-repeat; background-size:cover; background-position: center 80%; } .get-quote .sec-title{ margin-bottom:30px; } .get-quote .sec-title .line{ margin-top:20px } .get-quote .sec-title h3, .get-quote .sec-title h2{ text-transform:capitalize; margin-bottom:0px; } .get-quote form input[type="text"], .get-quote form input[type="password"], .get-quote form input[type="email"], .get-quote form input[type="url"], .get-quote form input[type="tel"], .get-quote form textarea, .get-quote form select{ background:#ffffff; border:1px solid #cccccc; box-shadow:0px 0px 3px 0px rgba(0,0,0,0.30); color:#1a1a1a; display:block; font-style:italic; height: 45px; line-height:24px; margin-bottom: 15px; padding:5px 15px; position:relative; width:100%; } .get-quote form textarea{ height:150px; resize:none; } .get-quote form button{ padding:8px 50px; } .get-quote .form{ position:relative; margin:30px 0px; z-index:2; } .get-quote .form .note{ position:relative; padding:10px 0px; font-style:italic; } /*** ==================================================================== Fact Counter Section ==================================================================== ***/ .fact-counter{ position:relative; padding:80px 0px 20px; color:#ffffff; background-color:#b99f41;; } .fact-counter .auto-container{ position:relative; z-index:1; } .fact-counter .column{ position:relative; margin-bottom:50px; text-align:center; } .fact-counter .count-outer{ position:relative; font-size:42px; font-weight:700; } .fact-counter .column .line{ position:relative; width:50px; height:2px; background:#ffffff; margin:30px auto; } .fact-counter .column .counter-title{ position:relative; font-size:18px; text-transform:uppercase; font-weight:700; } /*** ==================================================================== Why Us Section ==================================================================== ***/ .why-us-section{ position:relative; padding:90px 0px 50px; color:#ffffff; background-color:#242424; } .why-us-section .bg-grey{ position:absolute; left:90px; top:0px; width:50%; height:100%; background-color:#242424; z-index:1; transform:skewX(-14deg); -webkit-transform:skewX(-14deg); -moz-transform:skewX(-14deg); -ms-transform:skewX(-14deg); -o-transform:skewX(-14deg); } .why-us-section .bg-image{ position:absolute; right:0px; top:0px; width:65%; height:100%; background-size:cover; background-repeat:no-repeat; background-position:center center; z-index:0; } .why-us-section .auto-container{ position:relative; z-index:2; } .why-us-section .sec-title h2, .why-us-section .sec-title h3{ text-transform:capitalize; margin-bottom:0px; } .why-us-section .sec-title .line{ margin-top:25px; } .why-us-section .block{ position:relative; padding-left:100px; margin-bottom:30px; padding-right:10px; } .why-us-section .block .number{ position:absolute; left:10px; top:15px; font-style:italic; color:#3a3a3a; font-weight:800; font-size:92px; } .why-us-section .block:hover .number{ color:#b99f41;; } .why-us-section .block h4{ position:relative; font-size:16px; font-weight:700; color:#ffffff; font-style:normal; margin-bottom:10px; } .why-us-section .block p{ position:relative; font-size:14px; font-weight:400; color:#cccccc; font-style:normal; margin-bottom:10px; } /* calendar style */ .ui-datepicker-header.ui-widget-header.ui-helper-clearfix.ui-corner-all { background: #b99f41;; color: #ffffff; } .ui-timepicker-list li:hover { background-color: #b99f41;; } /*** ==================================================================== Team Section style ==================================================================== ***/ .team-section{ position:relative; padding:70px 0px 40px; } .team-section .column{ position:relative; margin-bottom:30px; } .team-section .column img{ display:block; width:100%; } .team-section .column .title-box{ padding-top:20px; } .team-section .column .title-box h4{ font-size:16px; font-weight:800; color:#3a4145; } .team-section .column .title-box p{ font-style:italic; color:#888888; } .team-section .column .text{ margin:10px 0px 20px; } .team-section .column .read-more{ font-weight:800; color:#b99f41;; text-transform:uppercase; font-size:14px; } .team-section .column .read-more .fa{ padding-right:5px; } .team-section .column .read-more:hover{ color:#b99f41;; } /* inner doctor page */ .bottom-border::before { background-color: #b99f41;; bottom: -2px; content: ""; height: 2px; position: absolute; width: 50px; } .social-icons li, .list-inline li { display: inline-block; margin-bottom: 0; margin-top: 0; } .social-icons.icon-thm a { background-color: #ffffff; color: #b99f41;; display: block; font-size: 18px; height: 36px; line-height: 36px; text-align: center; width: 36px; } .social-icons.icon-thm a:hover { color: #555555; } ul.list.asterisk li::before { content: ""; color: #b99f41;; font-family: fontawesome; font-size: 12px; } ul.list li::before { border: medium none; color: #a9a9a9; content: ""; display: inline-block; font-family: fontawesome; font-size: 9px; margin-right: 10px; padding: 0; } ul.list li { margin: 5px 0; } .opening-hourse ul li { border-bottom: 1px solid #787878; margin-bottom: 0 !important; padding: 10px 0; } .dl-horizontal.doctor-info dt { color: #333333; font-size: 14px; width: auto; } .opening-hourse ul li .value { float: right; } .bottom-border { border-bottom: 2px solid #f8f8f8; margin-bottom: 30px; padding-bottom: 5px; position: relative; } /* Team from mediplus */ .meet-doctors.gray-bg { background: #FBFCFC; } .meet-doctors.team-page { padding-bottom: 30px; } .meet-doctors.team-page .single-team-member { margin-bottom: 60px; } .single-team-member .img-box { margin-bottom: 25px; position: relative; display: inline-block; } .single-team-member .img-box .overlay { position: absolute; top: 0; left: 0; right: 0; bottom:0; background: rgba(250, 77, 172, 0.75); transform: scale(0); transition: all .5s ease; } .single-team-member:hover .img-box .overlay { transform: scale(1); } .single-team-member .img-box .overlay .box { display: table; width: 100%; height: 100%; } .single-team-member .img-box .overlay .box .content { display: table-cell; vertical-align: middle; } .single-team-member .img-box .overlay .box .content ul { text-align: center; margin: 0; padding: 0; } .single-team-member .img-box .overlay .box .content ul li { display: inline-block; list-style: none; } .single-team-member .img-box .overlay .box .content ul li a { display: inline-block; width: 40px; height: 40px; margin-right: 8px; background: #fff; color: #b99f41;; border: 1px solid #fff; line-height: 38px; font-size: 18px; border-radius: 50%; transition: all .3s ease; } .single-team-member .img-box .overlay .box .content ul li a:hover { background: #b99f41;; border-color: #fff; color: #fff; } .single-team-member h3 { font-size: 18px; text-transform: capitalize; font-weight: bold; color: #222E35; line-height: 25px; margin: 0; margin-bottom: 4px; } .single-team-member > span { font-size: 13px; color: #b99f41;; text-transform: capitalize; display: block; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #E6E6E6; } .single-team-member p { font-size: 14px; color: #9C9C9C; line-height: 26px; margin: 0; } .single-team-member a.thm-btn { padding: 9px 24px; background: #fff; border-color: #b99f41;; color: #222E35; margin-top: 13px; } .single-team-member a.thm-btn:hover { background: #b99f41;; border-color: #b99f41;; color: #fff; } .team-carousel .owl-controls { position: absolute; top: -115px; right: 0; } .owl-theme .owl-nav { margin: 0; } .owl-theme .owl-nav [class*=owl-] { background: #306AB6; color: #fff; width: 45px; height: 45px; border: 2px solid #306AB6; font-size: 22px; line-height: 43px; padding: 0; margin: 0; border-radius: 0; margin-left: 15px; } .owl-theme .owl-nav [class*=owl-]:hover { background: #fff; color: #306AB6; } .separator::before, .separator::after { border-bottom: 1px solid #eeeeee; content: ""; display: inline-block; height: 2.1em; margin: 0 -4px 0 -100%; vertical-align: top; width: 50%; } .separator::after { margin: 0 -100% 0 0; } .separator { color: #c0c0c0; line-height: 1.2em; margin: 30px auto; overflow: hidden; text-align: center; width: 100%; } .separator i, .separator span, .separator a { display: inline-block; font-size: 60px; margin: 0 20px 0 24px; } /*** ==================================================================== Parallax Section ==================================================================== ***/ .divider, .bg-parallax { background-attachment: fixed; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: block; position: relative; overflow: hidden; width: 100%; } /* -------- Parallax ---------- */ .bg-parallax { background-position: center 50%; } .parallax { background-attachment: fixed; background-position: center 50%; background-repeat: no-repeat; } .mobile-parallax { background-size: cover !important; background-attachment: scroll !important; background-position: center center; } .parallax-section{ position:relative; padding:90px 0px; color:#ffffff; background-position:center center; background-size:cover; background-attachment:fixed; background-repeat:no-repeat; } .parallax-section:before{ content:''; position:absolute; left:0px; top:0px; width:100%; height:100%; background:rgba(250, 77, 172,0.50); z-index:0; } .parallax-section .auto-container{ position:relative; z-index:5; } .parallax-section strong{ font-weight:700; } .parallax-section.style-two h3{ margin-bottom:0px; } .parallax-section .line{ position:relative; width:40px; height:6px; background:#ffffff; margin:0px auto 40px; } .line-center{ position:relative; width:40px; height:6px; background:#ffffff; margin:0px auto 40px; left: 0; right: 0; top: 20px; } .parallax-section.style-two .text{ position:relative; padding-right:150px; } .parallax-section .theme-btn{ margin:0px 12px 10px; padding:12px 30px; color:rgba(255,255,255,0.80); border-radius:25px; display:inline-block; } .parallax-section .normal-btn{ border-color:#ffffff ; background:#ffffff; color:#1c1c1c !important; } .parallax-section .theme-btn:hover{ border-color:#1c1c1c !important; background:#ffffff; color:#1c1c1c !important; } /* parallax two */ .page-title{ position:relative; padding:100px 0px; color:#ffffff; background-position:center center; background-size:cover; background-repeat:no-repeat; text-align:center; } .page-title:before{ content:''; position:absolute; left:0px; top:0px; width:100%; height:100%; background:rgba(0,0,0,0.30); z-index:0; } .page-title .auto-container{ position:relative; z-index:5; } .page-title h1{ position:relative; margin-bottom:10px; font-family: 'Raleway', sans-serif; font-size:50px; text-transform:capitalize; font-weight:500; color:#ffffff; } .page-title .bread-crumb{ color: #b99f41;; font-size: 18px; font-weight: bold; position:relative; display:inline-block; padding:6px 25px; background: transparent; border-radius:7px; -webkit-border-radius:7px; -ms-border-radius:7px; -o-border-radius:7px; -moz-border-radius:7px; } .page-title .bread-crumb li{ position:relative; display:inline-block; padding-right:20px; line-height:24px; } .page-title .bread-crumb li:last-child{ padding-right:0px; } .page-title .bread-crumb li:after{ font-family: 'FontAwesome'; content: "\f0da"; position:absolute; right:0px; top:0px; text-align:center; line-height:36px; width:15px; display:block; } .page-title .bread-crumb li:last-child:after{ display:none; } .page-title .bread-crumb li a{ position:relative; display:block; line-height:36px; color:#ffffff; font-size:24px; font-weight:600; } .page-title .bread-crumb li a:hover, .page-title .bread-crumb li:last-child a{ color:#dddddd; } .page-title .go-down{ position:absolute; left:0px; bottom:0px; width:100%; height:30px; text-align:center; } .page-title .go-down .icon{ position:absolute; width:100%; left:-5px; top:5px; height:30px; line-height:30px; font-size:12px; } .page-title .go-down .curve{ position:relative; display:inline-block; width:0px; top:-29px; color:#1c1c1c; border:30px solid transparent; border-bottom:30px solid #ffffff; cursor:pointer; } .page-title .go-down .curve:hover{ border-bottom-color:#b99f41;; color:#ffffff; } /*** ==================================================================== Default Two Column / Testimonials ==================================================================== ***/ .default-two-column{ position:relative; padding:80px 0px 30px; background:#ededed url(../images/background/bg-pattern.png) center center no-repeat; background-size:cover; } .default-two-column .sec-title{ margin-bottom:50px; } .default-two-column .sec-title .line{ margin-top:20px; } .default-two-column .sec-title h3, .default-two-column .sec-title h2{ text-transform:capitalize; margin-bottom:0px; } .default-two-column .column{ margin-bottom:50px; } .default-two-column .column .inner-box{ position:relative; padding:0px 10px; } .testimonial-slider{ position:relative; } .testimonial-slider .slide-content{ position:relative; padding:25px 30px; background:#b99f41;; border:1px solid #b99f41;; color:#3a4145; margin-bottom:30px; border-radius:5px; -webkit-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; -moz-border-radius:5px; } .testimonial-slider .slide-content:before{ content:''; position:absolute; left:19px; bottom:-33px; border:18px solid transparent; border-top:16px solid #b99f41;; } .testimonial-slider .slide-content:after{ content:''; position:absolute; left:22px; bottom:-28px; border:15px solid transparent; border-top:15px solid #b99f41;; } .testimonial-slider .slide-info{ position:relative; padding-left:90px; padding-top:15px; min-height:80px; } .testimonial-slider .slide-info .author-thumb{ position:absolute; left:0px; top:0px; width:74px; height:74px; border:2px solid #b99f41;; } .testimonial-slider .slide-info .author-thumb img{ position:relative; display:block; width:100%; } .testimonial-slider .slide-info h5{ font-size:15px; color:#3a4145; text-transform:capitalize; font-weight:700; } .testimonial-slider .slide-info p{ font-style:italic; } .testimonial-slider .slide-content > p { color: #fff; } .testimonial-slider .bx-pager{ position:absolute; bottom:80px; right:0px; z-index:100; } .testimonial-slider .bx-pager-item{ display:inline-block; width:12px; height:12px; margin:0px 3px; } .testimonial-slider .bx-pager-link{ position:relative; display:block; width:12px; height:12px; border:2px solid #1a1a1a; background:none; overflow:hidden; text-indent:100px; font-size:0px; border-radius:50%; -webkit-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; -moz-border-radius:50%; } .testimonial-slider .bx-pager-link:hover, .testimonial-slider .bx-pager-link.active{ border-color:#b99f41;; background:#b99f41;; } .clients-column{ position:relative; background:#b99f41;; border:1px solid #b99f41;; border-bottom:none; border-left:none; border-radius:5px; -webkit-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; -moz-border-radius:5px; overflow:hidden; } .clients-column .image{ position:relative; padding:12px 20px !important; text-align:center; border:1px solid #eeeeee; border-right:none; border-top:none; background:none; } .clients-column .image img{ display:inline-block; max-width:100%; max-height:72px; } /*** ==================================================================== Main Footer ==================================================================== ***/ .main-footer{ position:relative; border-top:3px solid #b99f41; color:#dddddd; } .main-footer .go-up{ position:absolute; left:0px; top:0px; width:100%; height:30px; text-align:center; color:#ffffff; } .main-footer .go-up .icon{ position:absolute; width:100%; left:-5px; top:-32px; height:30px; line-height:30px; font-size:12px; } .main-footer .go-up .curve{ position:relative; display:inline-block; width:0px; top:0px; border:30px solid transparent; border-top:30px solid #b99f41; cursor:pointer; } .main-footer .footer-upper{ position:relative; padding:40px 0px 20px; background:#000000; } .main-footer .footer-upper .column{ position:relative; margin-bottom:20px; } .footer-upper .column h2{ position:relative; display:inline-block; font-weight:800; font-size:16px; line-height:1.4em; padding:0px 0px 30px 0px; margin-bottom:25px; text-transform:uppercase; color:#ffffff; } .footer-upper .column h2:after{ content:''; position:absolute; left:0px; bottom:0px; width:40px; height:6px; background:#393939; border-radius:3px; -webkit-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; -moz-border-radius:3px; } .footer-upper .column h2 strong{ font-weight:400; } .main-footer .footer-upper .links ul li{ line-height: 24px; margin-bottom: 10px; position: relative; } .main-footer .footer-upper .links ul li:before { content:'\f0da'; font-family:'FontAwesome'; color: #999999; font-size: 12px; left: 0; line-height: 18px; position: absolute; top: 3px; } .main-footer .footer-upper .links ul li:hover:before{ color:#b99f41;; } .main-footer .footer-upper .links ul li a { color: #dddddd; display: block; padding-left: 15px; } .main-footer .footer-upper .links ul li a:hover { color: #b99f41;; } .main-footer .social-links{ position:relative; padding-top:5px; } .social-links a{ position:relative; display:inline-block; margin:0px 5px 3px 0px; width:32px; height:32px; line-height:30px; color:#dddddd; border:1px solid #999999; background:#1b1b1b; font-size:13px; text-align:center; transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; -moz-transition:all 500ms ease; } .social-links a:hover{ border-color:#b99f41; background:#b99f41; color:#ffffff; } .social-links.couple a{ color:#ffffff; border:1px solid #ffffff; background:#b99f41; } .social-links.couple a:hover{ border-color:#ffffff; background:#b99f41; color:#ffffff; } .footer-upper .form-box{ position:relative; } .footer-upper .form-group{ position:relative; margin-bottom:20px; } .footer-upper .form-group input{ position:relative; display:block; width:100%; padding:9px 40px 9px 15px; line-height:22px; background:#1e1e1e; color:#ffffff; } .footer-upper .form-box button{ position:absolute; right:0px; top:0px; width:40px; height:40px; color:#b99f41;; font-size:14px; text-align:center; background:none; } .footer-upper .form-box input:focus{ background:#000000; } .footer-upper .form-box input:focus + button{ color:#ffffff; } .footer-upper .contact-info li{ margin-bottom:0px; } .footer-bottom{ position:relative; background:#000000; border-top:1px solid #3a3a3a; padding:3px 0px; font-size:13px; text-align:center; } .footer-bottom .copyright{ position:relative; line-height:30px; margin-bottom:10px; } .footer-bottom .copyright a{ position:relative; color:#00bff3; } .footer-bottom .copyright strong{ font-weight:400; color:#ffffff; } .footer-bottom .copyright .fa{ color:#b99f41; } .main-footer .contact-info{ position:relative; margin:0px 0px 0px; color:#666666; text-align:left; } .main-footer .contact-info li{ position:relative; display:inline-block; padding:0px 20px; } .main-footer .contact-info li .fa{ padding-right:5px; color:#999999; } .main-footer .contact-info .info{ font-size:18px; color:#b99f41; } /*** ==================================================================== About Section ==================================================================== ***/ .about-section{ position:relative; } .desc-box{ position:relative; padding:70px 0px 30px; } .sec-title.no-underline h2{ margin-bottom:10px; } .about-section .lower-content{ position:relative; padding:80px 0px; background-repeat:no-repeat; background-size:cover; background-position:center center; } .about-section .lower-content .content-box{ position:relative; padding:40px 60px; background:#ffffff; } .about-section .lower-content .content-box .main-title{ position:relative; font-size:24px; text-transform:capitalize; color:#3a4145; font-weight:800; margin-bottom:25px; padding-bottom:20px; } .about-section .lower-content .content-box .main-title:after{ content:''; position:absolute; left:0px; bottom:0px; height:6px; width:40px; background:#cccccc; border-radius:3px; -webkit-border-radius:3px; -ms-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; } .about-section .lower-content .content-box h2{ position:relative; font-size:24px; text-transform:capitalize; color:#3a4145; font-weight:800; margin-bottom:10px; } .about-section .lower-content .content-box h3{ position:relative; font-size:16px; font-weight:800; color:#5f6467; margin-bottom:15px; } .about-section .lower-content .content-box p{ position:relative; margin-bottom:20px; } .styled-list{ position:relative; margin-bottom:20px; } .styled-list li{ line-height: 24px; margin-bottom: 7px; position: relative; padding-left:25px; } .styled-list li:before { content:''; font-family:'FontAwesome'; color: #b99f41;; font-size: 16px; left: 0; line-height: 18px; position: absolute; top: 3px; } .styled-list li:hover:before{ color:#555555; } .about-section .lower-content .featured-box{ position:relative; margin-bottom:30px; } .about-section .lower-content .featured-box .image{ position:relative; margin-bottom:15px; } .about-section .lower-content .featured-box .image img{ position:relative; display:block; width:100%; } .about-section .lower-content .featured-box .read-more{ font-weight:800; color:#b99f41;; text-transform:uppercase; font-size:14px; } .about-section .lower-content .featured-box .read-more .fa{ padding-right:5px; } /*** ==================================================================== Locations Section ==================================================================== ***/ .locations-section{ position:relative; padding:100px 0px; background-repeat:no-repeat; background-size:cover; background-position:center top; } .locations-section .sec-title h2, .locations-section .sec-title h3{ color:#ffffff; } .locations-section { background-position: center center; background-size: cover; } .locations-section:before{ content:''; position:absolute; left:0px; top:0px; width:100%; height:100%; background:rgba(0,0,0,0.50); } .locations-section .column{ position:relative; margin-bottom:30px; z-index:1; color:#ffffff; } .locations-section li{ position:relative; margin-bottom:5px; } .locations-section .inner-box{ position:relative; max-width:800px; margin:0 auto; } .locations-section .inner-box ul li{ padding-left:15px; } .locations-section .inner-box ul li:before { content:'\f0da'; font-family:'FontAwesome'; color: #cccccc; font-size: 12px; left: 0; line-height: 18px; position: absolute; top: 3px; opacity:1; } .locations-section .inner-box ul li:hover:before{ opacity:1; } .locations-section li a{ position:relative; color:#ffffff; font-weight:500; text-transform:capitalize; } .locations-section li a:hover{ color:#cccccc; } /*** ==================================================================== Sponsors Section ==================================================================== ***/ .sponsors-section{ position:relative; padding:70px 0px 50px; background:#ffffff; text-align:center; } .sponsors-section li img{ display:inline-block !important; width:auto; max-width:100% !important; } .sponsors-section .owl-dots{ display:none !important; } /*** ==================================================================== Sidebar style ==================================================================== ***/ .sidebar-section{ position:relative; padding:10px 0px; background:#f3f3f3; } .sidebar-section .sidebar{ position:relative; margin-bottom:30px; } .sidebar-section .content-side{ position:relative; margin-bottom:30px; } .sidebar{ position:relative; } .sidebar .widget{ position:relative; margin-bottom:45px; } .sidebar .widget h3{ font-size:14px; text-transform:uppercase; margin-bottom:20px; color:#3a4145; font-weight:800; } .sidebar .links-widget{ position:relative; } .sidebar .links-widget li{ position:relative; margin-bottom:7px; } .sidebar .links-widget ul li:before { content:'\f061'; font-family:'FontAwesome'; color: #888888; font-size: 11px; left: 0; line-height: 18px; position: absolute; top: 3px; transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; -moz-transition:all 500ms ease; } .sidebar .links-widget ul li:hover:before{ color:#b99f41;; } .sidebar .links-widget li a{ position:relative; color:#888888; font-size:14px; font-weight:500; padding-left:20px; text-transform:capitalize; transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; -moz-transition:all 500ms ease; } .sidebar .links-widget li a:hover{ color:#b99f41;; } .sidebar .testimonial-slider .bx-pager{ display:none !important; } .sidebar .search-form{ position:relative; } .sidebar .search-form input[type="search"], .sidebar .search-form input[type="text"]{ position:relative; width:100%; line-height:24px; padding:8px 42px 8px 15px; border:1px solid #d0d0d0; background:#ffffff; color:#3d3d3d; height:42px; font-size:14px; color:#292929; } .sidebar .search-form input[type="search"]:focus, .sidebar .search-form input[type="text"]:focus{ border-color:#b99f41;; } .sidebar .search-form .form-group{ position:relative; } .sidebar .search-form button{ position:absolute; right:1px; top:1px; line-height:24px; display:block; width:40px; height:40px; padding:7px 10px 8px; text-align:center; font-size:16px; color:#cccccc; background:none; } .sidebar .search-form button:hover{ color:#b99f41;; } .sidebar .popular-tags{ position:relative; } .sidebar .popular-tags .tags a{ position:relative; display:inline-block; padding:3px 12px; line-height:20px; margin:0px 5px 10px 0px; color:#333333; font-size:13px; background:#e1e1e1; transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; -moz-transition:all 500ms ease; border-radius:12px; -webkit-border-radius:12px; -moz-border-radius:12px; -ms-border-radius:12px; -o-border-radius:12px; } .sidebar .popular-tags .tags a:hover{ background:#b99f41;; color:#ffffff; } .sidebar .recent-posts{ position:relative; } .sidebar .recent-posts .post{ position:relative; font-size:14px; margin-bottom:20px; min-height:70px; padding:0px 0px 0px 84px; color:#cccccc; } .sidebar .recent-posts .post .post-thumb{ position:absolute; left:0px; top:0px; width:72px; height:72px; } .sidebar .recent-posts .post .post-thumb img{ width:100%; display:block; } .sidebar .recent-posts .post h4{ font-size:15px; font-weight:400; margin:0px 0px 5px; line-height:2em; color:#292929; } .sidebar .recent-posts .post a, .sidebar .recent-posts .post a:hover{ color:#b99f41;; } .sidebar .recent-posts .post h4 a{ color:#292929; } .sidebar .recent-posts .post .fa{ font-size:18px; } /*** ==================================================================== Blog Section Style ==================================================================== ***/ .blog-section{ position:relative; } .blog-section .blog-post{ position:relative; margin-bottom:50px; } .blog-section.style-two .blog-post{ position:relative; margin-bottom:30px; } .blog-section .image{ position:relative; margin-bottom:10px; /*border:1px solid #b99f41;*/ overflow:hidden; } .blog-section .image img{ display:block; 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; height:285px; width:90%; object-fit:cover; } .blog-section .blog-post:hover .image img{ transform:scale(1.05,1.05); -webkit-transform:scale(1.05,1.05); -moz-transform:scale(1.05,1.05); -o-transform:scale(1.05,1.05); -ms-transform:scale(1.05,1.05); -webkit-filter:grayscale(100%); -moz-filter:grayscale(100%); -ms-filter:grayscale(100%); -o-filter:grayscale(100%); } .blog-section .post-title{ position:relative; margin-bottom:10px; } .blog-section .post-title h2, .blog-section .post-title h2 a{ position:relative; font-size:24px; color:#36392e; font-weight:700; } .blog-section .post-title h2 a:hover{ color:#b99f41;; } .blog-section .post-info{ position:relative; margin-bottom:10px; color:#999999; } .blog-section .post-info a{ position:relative; color:#999999; font-style:italic; } .blog-section .post-info a:hover{ color:#b99f41;; } .blog-section .post-info a .fa{ padding-right:5px; font-size:16px; } .blog-section .post-desc{ position:relative; margin-bottom:20px; } .blog-section .blog-post .read-more{ position:relative; display:inline-block; line-height:24px; padding:6px 40px; border:2px solid #e1e1e1; font-weight:700; color:#777777; text-transform:uppercase; border-radius:20px; } .blog-section .blog-post .read-more:hover{ background:#b99f41;; border-color:#b99f41;; color:#ffffff !important; } .blog-section.style-two .post-title h2, .blog-section.style-two .post-title h2 a{ font-size:16px; } .blog-section .blog-details{ position:relative; } .blog-section .blog-details h2{ font-size:24px; font-weight:800; } .blog-section .blog-details h3{ position:relative; font-size:16px; font-weight:800; margin-bottom:20px; color:#3a4145; } .blog-section .blog-details p{ margin-bottom:20px; } .blog-section .blog-details ol li{ list-style-type:decimal; } .blog-section .blog-details ul li{ list-style-type:disc; } .blog-section .blog-details ul, .blog-section .blog-details ol{ margin-left:20px; margin-bottom:20px; } .blog-section .review-box{ position:relative; margin:20px 0px; text-align:center; } .blog-section .review-box .divider{ position:relative; background:#f1f1f1; max-width:200px; margin:0 auto 15px; height:1px; } .blog-section .review-box .review-content{ font-size:18px; font-style:italic; } .blog-section .review-box .separator{ position:relative; width:30px; height:10px; margin:15px auto; background:url(../images/icons/icon-separator.png) center center no-repeat; } .blog-section .review-box .author-info{ position:relative; } .blog-section .review-box .author-info strong{ font-size:15px; color:#3a4145; text-transform:capitalize; font-weight:800; } .blog-section .review-box .author-info p{ font-style:italic; } .blog-section .post-author{ position:relative; padding:25px; background:#b99f41;; border:1px solid #b99f41;; margin-bottom:40px; border-radius:5px; -webkit-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; -moz-border-radius:5px; } .blog-section .post-author .inner-box{ position:relative; padding-left:100px; min-height:100px; } .blog-section .post-author .author-thumb{ position:absolute; left:0px; top:10px; } .blog-section .post-author .author-title{ margin-bottom:15px; } .blog-section .post-author .author-title strong{ font-weight:800; color:#3a4145; } .blog-section .post-author .social-links a{ position:relative; display:inline-block; margin-right:1px; font-size:14px; color:#999999; width:24px; height:24px; line-height:24px; border:1px solid #999999; text-align:center; border-radius:3px; -ms-border-radius:3px; -webkit-border-radius:3px; -o-border-radius:3px; -moz-border-radius:3px; } /*** ==================================================================== Pricing Section ==================================================================== ***/ .pricing-table { background-color: #f7f7f7; position: relative; } .pricing-table .pricing-header { position: relative; text-align: center; } .pricing-table .pricing-header .package-price { background-color: rgba(250, 77, 172, 0.85); border: 10px solid rgba(255, 255, 255, 0.25); border-radius: 50%; color: #fff; display: inline-block; font-size: 30px; font-weight: 600; margin: 0 auto 0 -40px; padding: 20px 23px; position: absolute; top: -60px; } .pricing-table.active .pricing-header .package-price { background-color: rgba(250, 77, 172, 1.0); } .pricing-table .pricing-header .package-price span { font-size: 16px; } .pricing-table .pricing-title { background-color: #1c1c1c; color: #fff; font-size: 20px; font-weight: 600; padding: 12px 0; text-align: center; text-transform: uppercase; } .pricing-table .pricing-feature { text-align: center; } .pricing-table .pricing-feature li { background-color: #f1f1f1; padding: 10px 0; text-transform: uppercase; } .pricing-table .pricing-feature li:nth-child(2n+1) { background-color: #f7f7f7; } /* Pricing Style Two */ .pricing-style2 .pricing-table { overflow: hidden; } .pricing-style2 .pricing-table .pricing-title { background-color: #b99f41;; } .pricing-style2 .pricing-table.active .pricing-title { background-color: #1c1c1c; } .pricing-style2 .pricing-table .pricing-btn span { font-size: 28px; font-weight: 600; margin-top: 10px; margin-left: 70px; width: 50%; } /*** ==================================================================== Contact Us Section style ==================================================================== ***/ .contact-section{ position:relative; padding:90px 0px 50px; color:#888888; } .contact-section .column{ position:relative; margin-bottom:40px; } .contact-section .sec-title{ margin-bottom:30px; text-align:left; } .contact-section .sec-title .line{ margin:20px 0px 0px; background:#dfdfdf; } .contact-section .sec-title h2, .contact-section .sec-title h3{ text-transform:capitalize; } .contact-section .info-box{ position:relative; margin-bottom:30px; } .contact-section .info-box h3{ position:relative; font-size:16px; font-weight:800; color:#1c1c1c; margin-bottom:15px; } .contact-section .info-box li{ position:relative; padding-left:30px; } .contact-section .info-box li .icon{ position:absolute; left:0px; top:4px; font-size:16px; } .contact-section .info-box .social-links a{ position:relative; display:inline-block; margin-right:10px; font-size:20px; border:1px solid #c8d9e0; color:#c8d9e0; width:40px; height:40px; line-height:38px; text-align:center; border-radius:3px; } .contact-section .info-box .social-links a:hover{ color:#2db0e6; } .contact-section .form-box{ position:relative; padding:20px; background:#f3f3f3; border:1px solid #cccccc; border-radius:5px; -webkit-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; -moz-border-radius:5px; } .contact-section .form-box .form-group{ position:relative; margin-bottom:20px; } .contact-section .form-box .field-label{ position:relative; font-size:14px; font-weight:600; margin-bottom:5px; color:#000000; } .contact-section .form-box input[type="text"], .contact-section .form-box input[type="email"], .contact-section .form-box input[type="number"], .contact-section .form-box input[type="tel"], .contact-section .form-box input[type="password"], .contact-section .form-box textarea, .contact-section .form-box select{ position:relative; display:block; width:100%; background:#ffffff; color:#1c1c1c; line-height:24px; padding:7px 15px; border:1px solid #cccccc; transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; -moz-transition:all 500ms ease; } .contact-section .form-box input[type="text"]:focus, .contact-section .form-box input[type="email"]:focus, .contact-section .form-box input[type="number"]:focus, .contact-section .form-box input[type="tel"]:focus, .contact-section .form-box input[type="password"]:focus, .contact-section .form-box textarea:focus, .contact-section .form-box select:focus{ background:#ffffff; border-color:#b99f41;; } .contact-section .form-box input[type="text"].error, .contact-section .form-box input[type="email"].error, .contact-section .form-box input[type="number"].error, .contact-section .form-box input[type="tel"].error, .contact-section .form-box input[type="password"].error, .contact-section .form-box textarea.error, .contact-section .form-box select.error{ background:#e0a99e; color:#ffffff; border-color:#ff0000; } .contact-section .form-box label.error{ display:none !important; } .contact-section .form-box textarea{ height:140px; resize:none; } .contact-section .form-box button{ border-radius:25px; -webkit-border-radius:25px; -ms-border-radius:25px; -o-border-radius:25px; -moz-border-radius:25px; padding:8px 30px; } .map-section{ position:relative; } .map-section .map-container{ position:relative; height:550px; } /*** ==================================================================== Comments Area ==================================================================== ***/ .sidebar-section .comments-area{ position:relative; } .sidebar-section .comments-area .comment-box{ position:relative; } .sidebar-section .comments-area .comment{ position:relative; margin:0px 0px 50px 0px; padding:0px 0px 10px 110px; } .sidebar-section .comments-area .reply-comment{ margin-left:50px; } .sidebar-section .comments-area .comment-box .author-thumb{ position:absolute; left:0px; top:0px; width:84px; height:84px; } .sidebar-section .comments-area .comment-box .author-thumb img{ width:100%; display:block; } .sidebar-section .comments-area .comment-info{ margin-bottom:20px; color:#bcbcbc; } .sidebar-section .comments-area .comment-box strong{ color:#292929; font-weight:600; } .sidebar-section .comments-area .comment-box .text{ position:relative; padding:10px 15px; margin-bottom:20px; background:#f3f3f3; border-radius:5px; -webkit-border-radius:5px; -ms-border-radius:5px; } .sidebar-section .comments-area .comment-box .text:before{ content:''; position:absolute; left:20px; top:-18px; border:10px solid transparent; border-bottom:10px solid #f3f3f3; } .sidebar-section .comments-area .reply-comment .text{ background:#b99f41;; } .sidebar-section .comments-area .reply-comment .text:before{ content:''; position:absolute; left:20px; top:-20px; border:10px solid transparent; border-bottom:10px solid #b99f41;; } .sidebar-section .comments-area .reply-btn{ position:relative; display:inline-block; padding:7px 25px 4px; min-width:100px; font-size:14px; background:#b99f41;; color:#ffffff; text-transform:capitalize; border-radius:5px; -webkit-border-radius:5px; -ms-border-radius:5px; } .sidebar-section .comments-area .reply-btn span{ padding-right:10px; } /*** ==================================================================== Comment Form ==================================================================== ***/ .comment-form .form-group{ position:relative; margin-bottom:20px; } .comment-form .form-group-inner{ position:relative; display:table; width:100%; border:1px solid #d0d0d0; overflow:hidden; border-radius:3px; -ms-border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; } .comment-form .form-group .icon-box{ position:relative; display:table-cell; vertical-align:middle; } .comment-form .form-group .icon-box label{ position:relative; display:inline-block; width:40px; line-height:40px; text-align:center; font-size:16px; color:#3d3d3d; margin:0px; background:#ffffff; border-right:1px solid #d0d0d0; } .comment-form .form-group label.error{ display:none !important; } .comment-form .form-group .field-outer{ position:relative; display:table-cell; width:100%; vertical-align:middle; } .comment-form .form-group-inner input[type="text"], .comment-form .form-group-inner input[type="password"], .comment-form .form-group-inner input[type="tel"], .comment-form .form-group-inner input[type="email"], .comment-form .form-group-inner select{ position:relative; display:block; width:100%; line-height:22px; padding:9px 15px; color:#222222; transition:all 300ms ease; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; } .comment-form .form-group input[type="text"].error, .comment-form .form-group input[type="password"].error, .comment-form .form-group input[type="tel"].error, .comment-form .form-group input[type="email"].error, .comment-form .form-group select.error, .comment-form .form-group textarea.error{ background:rgba(255,0,0,0.20); } .comment-form .form-group textarea{ position:relative; display:block; width:100%; line-height:22px; padding:8px 15px; color:#222222; height:200px; resize:none; transition:all 300ms ease; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; } .comment-form button{ position:relative; display:inline-block; background:#ececec; color:#777777 !important; padding:8px 30px; line-height:24px; font-size:14px; font-weight:500; border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; -webkit-border-radius:3px; } .comment-form button .icon{ position:relative; top:2px; } .comment-form button:before{ background:#f06626; } /** * Shop Page Styles. **/ .best-seller .sec-title.style-three .line, #checkout-content .sec-title.style-three .line, .shop-page-content .sec-title.style-three .line { margin: 5px 0px 0px; } .shop-page-content .row, .shop-page-content.row { margin-left: -10px; margin-right: -10px; } .shop-page-content .single-shop-item { padding: 0 10px; margin-bottom: 20px; } .shop-page-content .single-shop-item img { width: 100%; } .shop-page-content .single-shop-item .meta { background: #F8F8F8; padding: 30px 17px; text-align: center; border: 1px solid #F0F0F0; } .shop-page-content .single-shop-item .meta h4 { text-transform: uppercase; font-size: 13px; color: #000000; line-height: 26px; font-weight: 700; margin-bottom: 5px; transition: all .3s ease; } .shop-page-content .single-shop-item .meta h4 a { color: #000000; transition: all .3s ease; } .shop-page-content .single-shop-item .meta h4:hover a { color: #b99f41;; } .shop-page-content .single-shop-item .meta p { font-size: 15px; font-weight: 400; color: #999999; line-height: 2em; } .shop-page-content .single-shop-item .meta span { display: block; font-family: 'Open Sans', sans-serif; font-size: 16px; color: #7E7E7E; } .shop-page-content .single-shop-item .meta span b { font-size: 20px; line-height: 28px; color: #E22D2D; font-weight: 600; } .shop-page-content .single-shop-item a.add-to-cart { background: #b99f41;; text-transform: uppercase; display: inline-block; line-height: 30px; font-weight: 700; color: #fff; padding: 0 20px; font-size: 13px; margin-top: 25px; border-radius: 20px; overflow: hidden; } .shop-page-content .single-shop-item a.add-to-cart:before { background: #1a1a1a; border-radius: 20px; } .shop-page-content .best-seller { margin-top: 80px; margin-left: 10px; } /** * Product Details Page Styles. **/ .product-details-box { margin-bottom: 80px; } .product-details-box h3 { color: #000000; font-size: 20px; line-height: 28px; margin: 0; margin-bottom: 0px; font-weight: 700; text-transform: uppercase; } .product-details-box p { font-size: 14px; color: #999999; border-top: 1px solid #EAEAEA; border-bottom: 1px solid #EAEAEA; padding: 20px 0; margin: 20px 0; font-weight: 600; font-size: 15px; font-weight: 400; color: #999999; line-height: 2em; } .product-details-box span { display: block; font-size: 18px; color: #999999; font-weight: 600; margin-bottom: 20px; } .product-details-box span b { font-size: 24px; color: #E22D2D; font-weight: 700; font-family: 'Open Sans', sans-serif; margin-left: 10px; } .product-details-box span input { width: 36px; height: 36px; border: 1px solid #EAEAEA; color: #999999; text-align: center; margin-left: 10px; } .product-details-box a.add-to-cart { background: #b99f41;; text-transform: uppercase; display: inline-block; line-height: 45px; font-weight: 700; color: #fff; padding: 0 30px; font-size: 18px; margin-top: 25px; border-radius: 20px; overflow: hidden; } .product-details-box a.add-to-cart:before { background: #1a1a1a; border-radius: 20px; } .product-details-box img { border: 5px solid #F4F4F4; } .product-details-page-content .best-seller { margin-left: 0px; } .product-details-tab-title { margin: -15px; } .product-details-tab-title .col-lg-12 { padding: 0; } .product-details-tab-title ul li { display: inline; } .product-details-tab-title ul li.active span { background: #fff; border: 1px solid #E6E6E6; border-top: 2px solid #b99f41;; border-bottom: 0; position: relative; top: 1px; z-index: 999; } .product-details-tab-title ul li span { display: inline-block; background: #F4F4F4; font-size: 16px; color: #000000; line-height: 45px; padding: 0 27px; margin-right: 5px; cursor: pointer; } .product-details-tab-content { margin-bottom: 75px; } .product-details-tab-content .col-lg-12 { border: 1px solid #E6E6E6; padding: 40px; } .product-details-tab-content .col-lg-12 p { font-size: 15px; font-weight: 400; color: #999999; line-height: 2em; } /** * Cart Page Styles **/ .cart-page { padding: 80px 0 155px; } .cart-page .table { margin: 0; } .cart-page table > tbody > tr > td, .cart-page .table > thead > tr > th { border: none; } .cart-page .table thead { background: #F9F9F9; } .cart-page .table > thead > tr > th { font-weight: normal; color: #000000; font-size: 16px; line-height: 60px; padding: 0 40px; font-weight: 500; border: 1px solid #EBEBEB; border-bottom: 0; } .cart-page .table > thead > tr > th.close { color: transparent; } .cart-page .table > tbody > tr > td.preview { padding: 25px 50px; } .cart-page .table > tbody > tr > td { border: 1px solid #EBEBEB; padding: 80px 40px; font-size: 18px; color: #1a1a1a; font-weight: 600; } .cart-page .table > tbody > tr > td.del-item { text-align: center; } .cart-page .table > tbody > tr > td .select-box { padding: 0; margin: 0; border: 1px solid #EDEDED; width: 95px; overflow: hidden; background-color: #fff; background: #fff url(../images/cart/select-box-bg.png) no-repeat 80% 50%; } .cart-page .table > tbody > tr > td .select-box select { padding: 5px 8px; width: 130%; border: none; box-shadow: none; background-color: transparent; background-image: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .cart-page .table > tbody > tr > td .select-box select:focus { outline: none; } .cart-page .table > tbody > tr > td.del-item { color: #b99f41;; font-size: 18px; font-weight: normal; } .cart-page .bottom-box { padding: 30px 25px; background: #F9F9F9; margin: 0 0 50px; } .cart-page .bottom-box .cupon-box input { width: 130px; line-height: 36px; padding: 0 20px; border: 1px solid #EEEEEE; outline: none; margin-right: 10px; } .cart-page .bottom-box .cupon-box button { padding: 0 20px; color: #fff; background: #E3E3E3; text-transform: capitalize; border: none; outline: none; font-weight: normal; line-height: 36px; color: #000000; } .cart-page .add-to-cart-wrap { text-align: right; } .cart-page .add-to-cart-wrap a { background: #b99f41;; text-transform: uppercase; display: inline-block; line-height: 36px; font-weight: 700; color: #fff; padding: 0 40px; border-radius: 20px; overflow: hidden; } .cart-page .add-to-cart-wrap a:before { background: #1a1a1a; border-radius: 20px; } .cart-page .cart-total-box li { line-height: 60px; font-size: 16px; font-weight: 500; border-bottom: 1px solid #EBEBEB; border-left: 1px solid #EBEBEB; border-right: 1px solid #EBEBEB; padding: 0 25px; } .cart-page .cart-total-box li:first-child { border-top: 1px solid #EBEBEB; } .cart-page .cart-total-box li span { margin-left: 50px; } .cart-page .cart-total-box .cart-total { background: #F9F9F9; } .cart-page .cart-total-box .proceed-to-checkout { text-align: right; } .cart-page .cart-total-box .proceed-to-checkout a { background: #b99f41;; text-transform: uppercase; display: inline-block; line-height: 36px; font-weight: 700; color: #fff; padding: 0 40px; overflow: hidden; border-radius: 20px; } .cart-page .cart-total-box .proceed-to-checkout a:before { background: #1a1a1a; border-radius: 20px; } /** * Checkout Page Styles. **/ #checkout-content { padding: 80px 0 130px; } #checkout-content .return-customer { background: #F9F9F9; border: 1px solid #EBEBEB; padding: 25px 30px; margin-bottom: 50px; } #checkout-content .return-customer p { margin-bottom: 0; font-size: 14px; color: #8E8E8E; line-height: 26px; } #checkout-content .return-customer a { color: #b99f41;; } #checkout-content label, #checkout-content input[type="text"] { display: block; } #checkout-content label { font-size: 14px; line-height: 26px; color: #8E8D8D; margin-bottom: 5px; font-weight: 500; } #checkout-content input[type="text"] { width: 100%; margin-bottom: 10px; height: 40px; line-height: 40px; border: 1px solid #E2E2E2; outline: none; padding: 0 20px; } #checkout-content input[type="text"]:last-child { margin-bottom: 0; } #checkout-content .left-checkout > .row { margin-bottom: 30px; } #checkout-content .select-box { padding: 0; margin: 0; border: 1px solid #E2E2E2; width: 100%; overflow: hidden; background-color: #fff; background: #fff url(../images/cart/select-box-bg.png) no-repeat 95% 50%; } #checkout-content .select-box select { padding: 5px 8px; width: 130%; border: none; box-shadow: none; background-color: transparent; background-image: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } #checkout-content .select-box select:focus { outline: none; } #checkout-content .row span { font-size: 14px; font-weight: 500; color: #8E8D8D; } #checkout-content input[type="checkbox"] { margin: 0; vertical-align: middle; margin-right: 15px; } #checkout-content textarea { width: 100%; height: 100px; border: 1px solid #E2E2E2; padding: 10px 20px; outline: none; } #checkout-content .ship-different { margin-top: 80px; } #checkout-content .order-box { border: 1px solid #D9D9D9; padding: 30px; } #checkout-content .order-box ul li { display: block; color: #8E8D8D; font-size: 14px; line-height: 45px; font-weight: 600; } #checkout-content .order-box ul li.total { border-top: 1px solid #E2E2E2; border-bottom: 1px solid #E2E2E2; } #checkout-content .order-box ul li span { float: right; display: inline-block; } #checkout-content .order-box ul li span.bold { font-size: 18px; color: #000; font-weight: 700; } #checkout-content .order-box ul li a span { color: #b99f41;; } #checkout-content .order-box ul li input[type="radio"] { margin-right: 10px; } #checkout-content .order-box ul li .note { background: #ECECEC; padding: 25px; color: #8E8D8D; line-height: 24px; font-size: 14px; font-weight: normal; position: relative; } #checkout-content .order-box ul li .note .fa { font-size: 35px; position: absolute; top: -25px; left: 25px; color: #ECECEC; } #checkout-content .order-box ul li a.place-order { background: #b99f41;; text-transform: uppercase; display: inline-block; line-height: 36px; font-weight: 700; color: #fff; padding: 0 40px; margin-top: 30px; } /* department section */ .department { border-bottom: 3px solid #b99f41;; border-radius: 0 0 2px 2px; margin-bottom: 30px; min-height: 380px; overflow: hidden; position: relative; } .department .thumb { overflow: hidden; position: relative; } .department .thumb .round-style { background-color: #fbf7f8; border-radius: 50%; bottom: 12px; height: 70px; left: 0; margin: auto; position: absolute; right: 0; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; width: 70px; } .department:hover .thumb .round-style { bottom: 76px; } .department .department-details { background-color: #fbf7f8; bottom: -65px; padding: 0 15px 20px; position: absolute; text-align: center; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; width: 100%; } .department .department-details h4 { color: #202A30; font-weight: 700; } .department-details .round-style { background: #fbf7f8 none repeat scroll 0 0; border-radius: 50%; height: 70px; left: 0; margin: 0 auto; position: absolute; right: 0; top: -35px; width: 70px; } .department:hover .department-details { bottom: 0; } .department .department-details .icon { color: #b99f41;; display: inline-block; font-size: 30px; position: relative; top: -15px; } .department .department-details .title { margin-bottom: 10px; } .department .department-details .details { font-size: 13px; padding-bottom: 8px; } .department .department-details a.btn-thm { margin-top: 15px; } .department:hover .department-details a.btn-thm { margin-top: 10px; } .featured-causes { background-color: #fff; display: inline-block; margin-bottom: 10px; } .featured-causes .thumb { position: relative; } .featured-causes .department-details h4 { margin-top: 25px; } .featured-causes .department-details h3 { color: #454545; font-weight: 600; line-height: 22px; margin-bottom: 25px; margin-top: 10px; } .featured-causes .department-details p { font-size: 13px; } .featured-causes .department-details .p-title { color: #fc7437; font-weight: 600; margin-bottom: 15px; } .featured-causes .department-details h6 { color: #454545; font-size: 12px; font-weight: 700; line-height: 20px; margin-bottom: 10px; text-transform: uppercase; } .featured-causes .department-details .thm-btn { margin-bottom: 20px; margin-top: 20px; } .featured-causes .social { padding-left: 0px; } .featured-causes .social li { display: inline-block; } .featured-causes .social li a { display: inline-block; width: 30px; height: 30px; color: #fc7437; border: 1px solid #CACFD3; line-height: 30px; text-align: center; font-size: 15px; border-radius: 50%; margin-right: 3px; transition: all .3s ease; } .featured-causes .social li a:hover { background: #fc7437; border-color: #fc7437; color: #fff; } /* calender */ .fc-day-number { color: #343434; } .fc-day-number.fc-other-month { opacity: 0.4; } .stories-section{ position:relative; padding:80px 0px; } .stories-section .columns-outer{ position:relative; padding:150px 0px; } .stories-section .left-column{ padding-right:60px; } .stories-section .right-column{ padding-left:60px; } .stories-section .left-column .default-story-box .inner-box{ float:right; text-align:right; } .stories-section .right-column .default-story-box .inner-box{ float:left; text-align:left; } .default-story-box{ position:relative; margin-bottom:50px; } .stories-section .default-story-box{ margin-bottom:120px; } .stories-section .right-column .default-story-box{ margin-top:120px; margin-bottom:0px; } .stories-section .vertical-line{ position:absolute; left:50%; top:0px; width:1px; height:100%; border-right:1px solid #b99f41;; } .stories-section .vertical-line .icon-box{ position:absolute; left:-26px; height:52px; width:52px; text-align:center; color:#ffffff; background:#b99f41;; border:1px solid #b99f41;; font-size:26px; line-height:50px; border-radius:50%; } .stories-section .vertical-line .icon-box.top{ top:0px; } .stories-section .vertical-line .icon-box.bottom{ bottom:0px; } .default-story-box .inner-box .icon-box{ position:absolute; top:10px; height:52px; width:52px; text-align:center; color:#ffffff; background:#b99f41;; border:1px solid #b99f41;; font-size:26px; line-height:50px; border-radius:50%; } .left-column .default-story-box .inner-box .icon-box{ right:-86px; } .right-column .default-story-box .inner-box .icon-box{ left:-86px; } .default-story-box .post-date{ background:#b99f41;; border-radius: 30px; color:#ffffff; display:inline-block; font-size:12px; line-height:24px; margin-bottom:10px; position:relative; padding:4px 22px; text-transform:uppercase; } .default-story-box .post-title{ font-size:24px; text-transform:uppercase; margin-bottom:15px; } .default-story-box .image-box{ position:relative; margin-bottom:18px; } .default-story-box .image-box img{ display:block; width:100%; } .default-story-box .text{ font-size:14px; color:#111111; margin-bottom:20px; } .default-story-box .theme-btn{ padding:6px 24px !important; line-height:24px !important; border-width:1px !important; font-size:11px; } /* 27 Shortcode style */ /*** ==================================================================== Circular Graphs Section style ==================================================================== ***/ a:hover,a:focus,a:visited{ text-decoration:none; outline:none; } .theme-btn { display: inline-block; transition: all 0.3s ease 0s; } .btn-theme-light{ position:relative; padding:12px 25px; line-height:24px; text-transform:uppercase; background:none; color:#ffffff !important; font-size:14px; border:1px solid #ffffff !important; border-radius:3px; -webkit-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; -moz-border-radius:3px; } .btn-theme-light:hover{ background:#b99f41;; color:#ffffff !important; border-color:#b99f41; !important; } .btn-theme-grey{ position:relative; padding:12px 25px; line-height:24px; text-transform:uppercase; background:none; color:#555555 !important; font-size:14px; border:1px solid #999999 !important; border-radius:3px; -webkit-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; -moz-border-radius:3px; } .btn-theme-grey:hover{ background:#999999; color:#ffffff !important; border-color:#999999 !important; } .btn-theme-one{ position:relative; padding:12px 25px; line-height:24px; text-transform:uppercase; background:#b99f41;; color:#ffffff !important; font-size:14px; border:1px solid #b99f41; !important; border-radius:3px; -webkit-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; -moz-border-radius:3px; } .btn-theme-one:hover{ background:#ffffff; color:#b99f41; !important; border-color:#b99f41; !important; } .btn-theme-two{ position:relative; padding:12px 25px; line-height:24px; text-transform:uppercase; background:#ffffff; color:#b99f41; !important; font-size:14px; border:1px solid #b99f41; !important; border-radius:3px; -webkit-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; -moz-border-radius:3px; } .btn-theme-two:hover{ background:#b99f41;; color:#ffffff !important; border-color:#b99f41; !important; } .btn-theme-three{ position:relative; padding:12px 25px; line-height:24px; text-transform:uppercase; background:#aa4fff; color:#ffffff !important; font-size:14px; border:1px solid #aa4fff !important; border-radius:3px; -webkit-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; -moz-border-radius:3px; } .btn-theme-three:hover{ background:#ffffff; color:#aa4fff !important; border-color:#aa4fff !important; } .btn-theme-four{ position:relative; padding:12px 25px; line-height:24px; text-transform:uppercase; background:#ffffff; color:#aa4fff !important; font-size:14px; border:1px solid #aa4fff !important; border-radius:3px; -webkit-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; -moz-border-radius:3px; } .btn-theme-four:hover{ background:#aa4fff; color:#ffffff !important; border-color:#aa4fff !important; } .btn-theme-five{ position:relative; padding:12px 25px; line-height:24px; text-transform:uppercase; background:#ff5412; color:#ffffff !important; font-size:14px; border:1px solid #ff5412 !important; border-radius:3px; -webkit-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; -moz-border-radius:3px; } .btn-theme-five:hover{ background:#ffffff; color:#ff5412 !important; border-color:#ff5412 !important; } .btn-theme-six{ position:relative; padding:12px 25px; line-height:24px; text-transform:uppercase; background:#ffffff; color:#ff5412 !important; font-size:14px; border:1px solid #ff5412 !important; border-radius:3px; -webkit-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; -moz-border-radius:3px; } .btn-theme-six:hover{ background:#ff5412; color:#ffffff !important; border-color:#ff5412 !important; } .btn-theme-seven{ position:relative; padding:10px 25px 10px 15px; line-height:24px; text-transform:capitalize; background:#6ad3ed; color:#ffffff !important; font-size:14px; border:1px solid #6ad3ed !important; border-radius:3px; -webkit-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; -moz-border-radius:3px; } .btn-theme-seven:hover{ background:#b99f41;; color:#ffffff !important; border-color:#ffffff !important; } .btn-theme-seven .fa{ font-size:20px; } .btn-theme-eight{ position:relative; padding:12px 25px; line-height:24px; text-transform:uppercase; background:#43d6d1; color:#ffffff !important; font-size:14px; border:1px solid #43d6d1 !important; border-radius:0px; -webkit-border-radius:0px; -ms-border-radius:0px; -o-border-radius:0px; -moz-border-radius:0px; } .btn-theme-eight:hover{ background:#ffffff; color:#43d6d1 !important; border-color:#43d6d1 !important; } .btn-theme-nine{ position:relative; padding:12px 25px; line-height:24px; text-transform:uppercase; background:#ffffff; color:#43d6d1 !important; font-size:14px; border:1px solid #43d6d1 !important; border-radius:0px; -webkit-border-radius:0px; -ms-border-radius:0px; -o-border-radius:0px; -moz-border-radius:0px; } .btn-theme-nine:hover{ background:#43d6d1; color:#ffffff !important; border-color:#43d6d1 !important; } .btn-theme-ten{ position:relative; padding:12px 25px; line-height:24px; text-transform:uppercase; background:#ffc925; color:#ffffff !important; font-size:14px; border:1px solid #ffc925 !important; border-radius:0px; -webkit-border-radius:0px; -ms-border-radius:0px; -o-border-radius:0px; -moz-border-radius:0px; } .btn-theme-ten:hover{ background:#ffffff; color:#ffc925 !important; border-color:#ffc925 !important; } .rounded-btn{ border-radius:24px; -webkit-border-radius:24px; -ms-border-radius:24px; -o-border-radius:24px; -moz-border-radius:24px; } .default-section{ position:relative; padding:80px 0px 20px; } .default-section .column{ position:relative; margin-bottom:50px; } .circular-graph-section{ position:relative; padding:70px 0px 20px; background:#e8e9ea url(../images/background/bg-pattern.html) center top repeat; } .circular-graph-section .sec-title h3{ color:#2b4261; letter-spacing:5px; } .circular-graph-section .column{ position:relative; text-align:center; margin-bottom:50px; } .circular-graph-section .column .inner-box{ position:relative; display:block; max-width:300px; margin:0 auto; } .circular-graph-section .column .graph-outer{ position:relative; max-width:200px; margin:0 auto; margin-bottom:30px; } .circular-graph-section .column .inner-text{ position:absolute; left:0px; top:0px; width:100%; display:block; padding-top:80px; line-height:40px; font-size:32px; font-weight:normal; color:#d971f2; font-family: 'Raleway',sans-serif; } .circular-graph-section .column.style-two .inner-text{ letter-spacing:4px; font-weight:600; font-size:36px; color:#3a3a3a; } .circular-graph-section .column h3{ position:relative; font-size:18px; font-weight:500; color:#3a3a3a; } .circular-graph-section .column.style-two h3{ font-family: 'Montserrat',sans-serif; letter-spacing:1px; } .circular-graph-section .column .circular-line{ position:absolute; left:5px; top:5px; width:190px; height:190px; border:2px solid #cccccc; z-index:0; } .circular-graph-section .column canvas{ position:relative; z-index:1; } /*** ==================================================================== Progress Boxes style ==================================================================== ***/ .progress-boxes{ position:relative; } .progress-column{ position:relative; } .no-grid .progress-column{ float:left; padding:0px 15px; width:20%; } .progress-column .inner-box{ position:relative; border:1px solid #d0d0d0; border-top-width:7px; padding:25px 15px 20px; -webkit-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; -moz-border-radius:5px; border-radius:5px; } .progress-column.clr-pink .inner-box{ border-top-color:#f84d85; } .progress-column.clr-orange .inner-box{ border-top-color:#f28b1c; } .progress-column.clr-yellow .inner-box{ border-top-color:#ffc925; } .progress-column.clr-green .inner-box{ border-top-color:#57b22f; } .progress-column.clr-blue .inner-box{ border-top-color:#b99f41;; } .progress-column .inner-box .top-icon{ position:absolute; right:25px; top:-16px; width:25px; height:25px; background:#ffffff; color:#ffffff; text-align:center; line-height:19px; border-radius:50%; border:3px solid #b99f41;; z-index:1; } .progress-column.clr-pink .inner-box .top-icon{ border-color:#f84d85; } .progress-column.clr-orange .inner-box .top-icon{ border-color:#f28b1c; } .progress-column.clr-yellow .inner-box .top-icon{ border-color:#ffc925; } .progress-column.clr-green .inner-box .top-icon{ border-color:#57b22f; } .progress-column.clr-blue .inner-box .top-icon{ border-color:#b99f41;; background:#b99f41; !important; transform:scale(1.2,1.2); -webkit-transform:scale(1.2,1.2); -ms-transform:scale(1.2,1.2); -o-transform:scale(1.2,1.2); -moz-transform:scale(1.2,1.2); } .progress-column h3{ font-size:18px; font-weight:600; margin-bottom:15px; } .progress-column.clr-pink h3{ color:#f84d85; } .progress-column.clr-orange h3{ color:#f28b1c; } .progress-column.clr-yellow h3{ color:#ffc925; } .progress-column.clr-green h3{ color:#57b22f; } .progress-column.clr-blue h3{ color:#b99f41;; } .progress-column .text{ font-size:15px; text-align:justify; } /*** ==================================================================== Progress Levels Section ==================================================================== ***/ .progress-levels{ position:relative; } .progress-levels .progress-box{ position:relative; margin-bottom:20px; } .progress-levels .progress-box .box-title{ position:relative; font-size:14px; color:#1a1a1a; text-transform:uppercase; margin-bottom:8px; } .progress-levels .progress-box .bar{ position:relative; padding-right:50px; height:8px; } .progress-levels .progress-box .bar .bar-innner{ position:relative; left:0px; top:0px; width:100%; height:8px; } .progress-levels .progress-box .bar .bar-fill{ position:relative; width:0px; height:7px; background:#b99f41;; border-radius:3px; } .progress-levels .progress-box .percent{ position:absolute; right:0px; width:50px; top:-10px; letter-spacing:1px; font-size:14px; color:#b99f41;; } .default-title{ font-size:20px; margin-bottom:10px; font-weight:600; letter-spacing:1px; } .default-line-left{ width:80px; height:3px; margin:10px 0px 20px; background:#b99f41;; } .default-line-centered{ width:80px; height:3px; margin:10px auto 10px; background:#b99f41;; } /*** ==================================================================== Tabs Box Style ==================================================================== ***/ .tabs-box{ position:relative; } .tabs-box .tab-buttons{ position:relative; margin-bottom:10px; } .tabs-box .tab-buttons .tab-btn{ position:relative; text-align:center; line-height:30px; display:inline-block; padding:6px 18px; color:#5a5a5a; text-transform:uppercase; font-size:14px; margin-right:3px; border-radius:5px; } .tabs-box .tab-buttons .tab-btn.active{ background:#b99f41;; color:#ffffff; } .tabs-box .tab{ position:relative; padding:15px 0px; display:none; } .tabs-box .active-tab{ display:block; } .tabs-box .tab p{ margin-bottom:20px; font-size:16px; line-height:2.2em; } .tabs-box .tab img{ position:relative; display:block; max-width:100%; margin-bottom:15px; } /*** ==================================================================== Accordion Box Style ==================================================================== ***/ .accordion-box{ position:relative; } .accordion-box .accordion{ position:relative; } .accordion-box .accordion .acc-btn{ position:relative; font-size:16px; padding:4px 40px 4px 0px; margin-bottom:15px; line-height:24px; color:#1a1a1a; cursor:pointer; text-transform:uppercase; } .accordion-box .accordion .acc-btn .toggle-icon{ position:absolute; right:0px; top:0px; display:block; width:30px; height:30px; line-height:26px; text-align:center; border:2px solid #b99f41;; color:#b99f41;; border-radius:50%; -webkit-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; -moz-border-radius:50%; } .accordion-box .accordion .acc-btn .toggle-icon .plus{ position:absolute; left:0px; top:0px; line-height:26px; width:100%; height:26px; opacity:1; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; } .accordion-box .accordion .acc-btn.active .toggle-icon .plus{ opacity:0; } .accordion-box .accordion .acc-btn.active{ color:#b99f41;; } .accordion-box .accordion .acc-btn .toggle-icon .minus{ position:absolute; left:0px; top:0px; line-height:26px; width:100%; height:26px; opacity:0; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; } .accordion-box .accordion .acc-btn.active .toggle-icon .minus{ opacity:1; } .accordion-box .accordion .acc-content{ position:relative; line-height:2em; font-size:16px; display:none; padding:0px 0px 15px 20px; } .accordion-box .accordion .acc-content.collapsed{ display:block; } .accordion-box .accordion .acc-content p{ } /*** ==================================================================== Process Section ==================================================================== ***/ .process-section{ position:relative; overflow:hidden; } .process-column{ position:relative; text-align:center; } .process-column:after{ content:''; position:absolute; right:-50px; top:0px; width:100px; height:120px; background:url(../images/icons/icon-arrow.html) center center no-repeat; } .process-section .process-column:last-child:after{ display:none; } .process-column .upper-part{ position:relative; margin-bottom:30px; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; } .process-column .icon-outer{ position:relative; max-width:140px; max-height:140px; margin:0 auto; border:3px solid #b99f41;; color:#d0d0d0; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; } .process-column:hover .icon-outer{ background:#b99f41;; color:#ffffff; border-color:#b99f41;; } .process-column .icon-outer .icon{ position:relative; display:inline-block; line-height:134px; font-size:48px; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; } .process-column .icon-outer .step-count{ position:absolute; right:-20px; top:20px; width:40px; height:40px; display:block; line-height:40px; color:#ffffff; font-size:16px; background:#b99f41;; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; } .process-column:hover .icon-outer .step-count{ background:#ffffff; color:#b99f41;; } .process-column h3{ font-size:18px; text-transform:capitalize; margin-bottom:15px; color:#1a1a1a; font-weight:600; } .process-column .text{ font-size:16px; } .process-column .lower-part{ position:relative; opacity:1; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; } .process-section .auto-container:hover .process-column .lower-part{ opacity:1 !important; } .process-section .auto-container .process-column.active .lower-part{ opacity:1; } .process-section .auto-container .process-column:hover .lower-part{ opacity:1 !important; } /*** ==================================================================== Alert Boxes style ==================================================================== ***/ .alert-box{ position:relative; padding:15px 20px; border:1px solid; margin-bottom:30px; } .alert-box.alert-success{ border-color:#65be3e; background:#dce9d6; color:#65be3e; } .alert-box.alert-information{ border-color:#22c0e8; background:#d3e9ef; color:#22c0e8; } .alert-box.alert-warning{ border-color:#e7bd13; background:#eee9d1; color:#e7bd13; } .alert-box.alert-danger{ border-color:#f7504c; background:#f1d9d8; color:#f7504c; } .alert-box.rounded-box{ border-radius:5px; -webkit-border-radius:5px; -ms-border-radius:5px; } .alert-box .inner{ position:relative; padding-left:50px; font-size:14px; line-height:28px; } .alert-box .inner .icon-alert{ position:absolute; left:0px; top:0px; text-align:center; width:28px; height:28px; font-size:14px; line-height:24px; border:2px solid; border-radius:50%; -webkit-border-radius:50%; -ms-border-radius:50%; } .alert-box.alert-success .inner .icon-alert{ border-color:#65be3e; color:#65be3e; } .alert-box.alert-information .inner .icon-alert{ border-color:#22c0e8; color:#22c0e8; } .alert-box.alert-warning .inner .icon-alert{ border-color:#e7bd13; color:#e7bd13; } .alert-box.alert-danger .inner .icon-alert{ border-color:#f7504c; color:#f7504c; } .btns-row .theme-btn{ margin:0px 5px 20px; } /* FAQ PAGE */ /*** ==================================================================== Accordions style ==================================================================== ***/ .accordion-box{ position:relative; } .accordion-box .block { margin-bottom: 25px; position: relative; } .accordion-box .block .acc-btn{ border: 1px solid #b99f41;; color:#1c1c1c; cursor:pointer; font-size:16px; padding: 12px; position:relative; } .accordion-box .block .acc-btn.active{ border-bottom: 1px solid #ef173c; border-color: #ef173c; color:#1c1c1c; padding-bottom: 10px; } .accordion-box .block .icon-outer { font-size: 12px; position: absolute; right: 15px; top: -10px; } .accordion-box .block .icon-outer .icon { color: #ef173c; line-height: 52px; position: absolute; top: 8px; right: 0px; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } .accordion-box .block .icon-outer .icon-plus{ opacity:0; } .accordion-box .block .icon-outer .icon-plus{ opacity:1; } .accordion-box .block .active .icon-outer .icon-minus{ opacity:1; } .accordion-box .block .active .icon-outer .icon-plus{ opacity:0; } .accordion-box .block .acc-content{ position:relative; display:none; } .accordion-box .block .acc-content.current{ display:block; } .accordion-box .block .content{ border: 1px solid #ef173c; border-top: none; color: #808080; font-size:13px; padding: 7px 12px 8px; position:relative; } /*Accordion Style Two*/ .accordion-box.style-two .block .acc-btn { font-size: 20px; } .accordion-box.style-two .block .content { font-size: 14px; } /* owl carousel */ /* -------- Owl Carousel ---------- */ .owl-controls { margin: 0; } .owl-controls .owl-nav > div { background: none repeat scroll 0 0 rgba(240, 240, 240, 0.8); border-radius: 0; display: block; margin: 0; padding: 10px; position: absolute; top: 45%; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; z-index: 6; } .owl-controls .owl-next { right: 0px; } .owl-controls .owl-next i { color: #808080; font-size: 20px; } .owl-controls .owl-prev i { color: #808080; font-size: 20px; } /* owl dots */ .owl-theme .owl-dots { text-align: center; margin-top: 10px; } .owl-theme .owl-dots .owl-dot { display: inline-block; zoom: 1; } .owl-theme .owl-dots .owl-dot span { background: #eeeeee; border: 2px solid #555555; border-radius: 50%; transform: rotate(45deg); display: block; height: 12px; margin: 5px 7px; opacity: 0.8; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; width: 12px; } .owl-theme .owl-dots .owl-dot.active span { background: #333333; } /* Image Carousel */ .image-carousel .owl-controls .owl-nav > div { opacity: 0; } .image-carousel:hover .owl-controls .owl-nav > div { opacity: 1; } /* Owl top nav style */ .owl-carousel.owl-nav-top.bullet-white .owl-dots span { background: transparent; } .owl-carousel.owl-nav-top .owl-controls .owl-nav > div { background-color: #cccccc; top: -45px; right: 0; } .owl-carousel.owl-nav-top .owl-controls .owl-nav > div:hover i { color: #ffffff; } .owl-carousel.owl-nav-top .owl-controls .owl-nav .owl-prev { right: 30px; } .owl-carousel.owl-nav-top .owl-controls .owl-nav .owl-next { right: 0; } .owl-carousel.owl-nav-top .owl-controls .owl-nav .owl-prev, .owl-carousel.owl-nav-top .owl-controls .owl-nav .owl-next { border: none; line-height: 22px; padding: 0 9px; text-align: center; } .owl-carousel.owl-nav-top .owl-controls .owl-nav .owl-prev i, .owl-carousel.owl-nav-top .owl-controls .owl-nav .owl-next i { font-size: 14px; } .owl-carousel.no-bullet .owl-nav { display: none; } .gallery-section { position:relative; background:#ffffff; /*padding:70px 0px 50px;*/ } .gallery-section.full-width { padding-bottom:0px; } .gallery-section .filter-tabs { position:relative; margin:10px 0px 5px; text-align:center; } .gallery-section .filter-tabs li { position:relative; display:inline-block; line-height:20px; padding:10px 15px; min-width:80px; text-align:center; color:#353535; font-size:12px; text-transform:uppercase; margin:0px 7px 10px; border:1px solid #dadada; cursor:pointer; 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; } .gallery-section .filter-tabs li:hover, .gallery-section .filter-tabs li.active { border-color:#eb5310; color:#ffffff; background:#eb5310; } .gallery-section .images-container { position:relative; } .gallery-section .image-box { position:relative; margin-bottom:0px; display:block; border:2px solid #ffffff; width:25%; } .gallery-section.slider-section { padding-bottom:0px; overflow:hidden; } .gallery-section.slider-section .slider-outer { margin-left:-2px; margin-right:-2px; } .gallery-section.slider-section .image-box { margin-bottom:0px; width:100%; display:block; border:2px solid #ffffff; border-top-width:4px; } .gallery-section .filter-list .image-box { display:none; } .gallery-section.full-width .image-box { width:25%; margin-bottom:0px; } .gallery-section .image-box .inner-box { position:relative; width:100%; display:block; background:#ffffff; overflow:hidden; } .gallery-section .image-box .image { position:relative; display:block; width:100%; } .gallery-section .image-box .image img { position:relative; display:block; width:100%; height:auto; 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; } .gallery-section .image-box:hover .image img { -webkit-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); transform:scale(1.1,1.1); } .gallery-section .image-box .zoom-btn { position:absolute; left:0px; top:0px; width:100%; height:100%; display:block; text-align:center; font-size:42px; color:#92b201; outline:2px solid #92b201; outline-offset:-10px; -webkit-transform:scale(0,0); -ms-transform:scale(0,0); -o-transform:scale(0,0); -moz-transform:scale(0,0); transform:scale(0,0); 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; } .gallery-section .image-box .zoom-btn .icon { position:relative; display:inline-block; line-height:50px; top:50%; margin-top:-25px; } .gallery-section .image-box .inner-box:hover .zoom-btn { background-color:rgba(255,255,255,0.70); -webkit-transform:scale(1,1); -ms-transform:scale(1,1); -o-transform:scale(1,1); -moz-transform:scale(1,1); transform:scale(1,1); } .gallery-section .image-box .btn-zoom { position:absolute; left:0px; top:-100%; width:100%; text-align:center; height:100%; display:block; background:rgba(0,0,0,0.70); opacity:0; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } .gallery-section .image-box:hover .btn-zoom { top:0px; opacity:1; } .gallery-section .image-box .btn-zoom .icon { position:relative; width:30px; height:30px; font-size:42px; line-height:30px; display:inline-block; top:50%; margin-top:-15px; color:#eb5310; } #myModal .form-box{ position:relative; padding:20px; background:#f3f3f3; border:1px solid #cccccc; border-radius:5px; -webkit-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; -moz-border-radius:5px; } #myModal .form-box .form-group{ position:relative; margin-bottom:20px; } #myModal .form-box .field-label{ position:relative; font-size:14px; font-weight:600; margin-bottom:5px; color:#000000; } #myModal .form-box input[type="text"], #myModal .form-box input[type="email"], #myModal .form-box input[type="number"], #myModal .form-box input[type="tel"], #myModal .form-box input[type="password"], #myModal .form-box textarea, #myModal .form-box select{ position:relative; display:block; width:100%; background:#ffffff; color:#1c1c1c; line-height:24px; padding:7px 15px; border:1px solid #cccccc; transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; -moz-transition:all 500ms ease; } #myModal .form-box input[type="text"]:focus, #myModal .form-box input[type="email"]:focus, #myModal .form-box input[type="number"]:focus, #myModal .form-box input[type="tel"]:focus, #myModal .form-box input[type="password"]:focus, #myModal .form-box textarea:focus, #myModal .form-box select:focus{ background:#ffffff; border-color:#b99f41;; } #myModal .form-box input[type="text"].error, #myModal .form-box input[type="email"].error, #myModal .form-box input[type="number"].error, #myModal .form-box input[type="tel"].error, #myModal .form-box input[type="password"].error, #myModal .form-box textarea.error, #myModal .form-box select.error{ background:#e0a99e; color:#ffffff; border-color:#ff0000; } #myModal .form-box label.error{ display:none !important; } #myModal .form-box textarea{ height:140px; resize:none; } #myModal .form-box button{ border-radius:25px; -webkit-border-radius:25px; -ms-border-radius:25px; -o-border-radius:25px; -moz-border-radius:25px; padding:8px 30px; } .close { float: right; font-size: 21px; font-weight: 700; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; filter: alpha(opacity=20); opacity: .2;} .sidenav { height: 65%; width: 0; position: fixed; z-index: 1; top: 178px; right: 0; background-color: #000000; overflow-x: hidden; transition: 0.5s; padding-top: 20px; z-index:10000000000; left:-16px; } .quickbtn{ padding: 8px 8px 8px 32px; text-decoration: none; font-size: 25px; color: #818181; display: block; transition: 0.3s } .quickbtn:hover, .offcanvas a:focus{ color: #f1f1f1; } .sidenav .closebtn { position: absolute; top: 0; right: 25px; font-size: 36px; margin-left: 50px; } @media screen and (max-height: 450px){ .sidenav {padding-top: 15px;} .sidenav a {font-size: 18px;} } .quickbtn { text-align: center; top:298px; position: fixed; /* left: -80px; */ /*right: -30px;*/ left: -28px; transition: 0.3s; padding: 8px; width: 102px; height: 48px; text-decoration: none; font-size: 14px; color: white; border-radius: 0 0 5px 5px; transform: rotate( 270deg ); } #about { top: 150px; background-color: #f47920; text-align:justify; z-index: 9999; } #blog { top: 300px; background-color:#b99f41; z-index: 9999; } #projects { top: 450px; background-color: #f47920; z-index: 9999; } .modal-body .form-box{ position:relative; padding:20px; background:#f3f3f3; border:1px solid #cccccc; border-radius:5px; -webkit-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; -moz-border-radius:5px; } .modal-body .form-box .form-group{ position:relative; margin-bottom:20px; } .modal-body .form-box .field-label{ position:relative; font-size:14px; font-weight:600; margin-bottom:5px; color:#000000; } .modal-body .form-box input[type="text"], .modal-body .form-box input[type="email"], .modal-body .form-box input[type="number"], .modal-body .form-box input[type="tel"], .modal-body .form-box input[type="password"], .modal-body .form-box textarea, .modal-body .form-box select{ position:relative; display:block; width:100%; background:#ffffff; color:#1c1c1c; line-height:24px; padding:7px 15px; border:1px solid #cccccc; transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; -moz-transition:all 500ms ease; } .modal-body .form-box input[type="text"]:focus, .modal-body .form-box input[type="email"]:focus, .modal-body .form-box input[type="number"]:focus, .modal-body .form-box input[type="tel"]:focus, .modal-body .form-box input[type="password"]:focus, .modal-body .form-box textarea:focus, .modal-body .form-box select:focus{ background:#ffffff; border-color:#b99f41;; } .modal-body .form-box input[type="text"].error, .modal-body .form-box input[type="email"].error, .modal-body .form-box input[type="number"].error, .modal-body .form-box input[type="tel"].error, .modal-body .form-box input[type="password"].error, .modal-body .form-box textarea.error, .modal-body .form-box select.error{ background:#e0a99e; color:#ffffff; border-color:#ff0000; } .modal-body .form-box label.error{ display:none !important; } .modal-body .form-box textarea{ height:140px; resize:none; } .modal-body .form-box button{ border-radius:25px; -webkit-border-radius:25px; -ms-border-radius:25px; -o-border-radius:25px; -moz-border-radius:25px; padding:8px 30px; } .modal-header{ display: flex !important; flex-direction: column-reverse !important; } button.close{ text-align: right !important; } .modal-title{ font-weight: 500 !important; font-size: 26px !important; font-family: 'PT Sans', sans-serif !important; text-align:center; } .fancybox-outer{ display:none !important; } @media(max-width:500px){ .homeblog .inner-box{ margin-left: 25px !important; } .blog-section .image img{ width:100%; } }