dfhdfhdfhdfhdfhdfhdfhdfdfhdfhdfhdhfdfhdfhdfhdfh
bnmbertsurrttrtrtrtrjhjhjjhjhhjhjhjhf'tdfg
D:
/
INETPUB
/
VHOSTS
/
edusoftinfotech.com
/
lavanyasalon.in
/
css
/
Upload FileeE
HOME
/************ TABLE OF CONTENTS *************** 1. Fonts 2. Reset 3. Global 4. Main Header / Header Style One / Header Style Two / Header Style Three / Header Style Four 5. Main Slider 6. Call To Action Section / Section Two 7. Services Section 8. Project Tab Section 9. About Section 10. Default Form Section 11. Testimonial Section / Style Two / Style Three 12. Clients Section / Style Two 13. News Section 14. Main Footer 15. FullWidth Project Section 16. Thumb client Section 17. Counter Section 18. Team Section 19. Faq Section 20. Price Section 21. Error Page 22. Masonry Testimonial Section 23. Services Single 24. Shop Item 25. Price Filter 26. CheckOut Page 27. Blog Page 28. Blog Classic 29. Blog Single 30. Contact Form 31. Map **********************************************/ @import url('https://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i|Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i'); /*font-family: 'Montserrat', sans-serif; font-family: 'Raleway', sans-serif;*/ @import url('font-awesome.css'); @import url('flaticon.css'); @import url('animate.css'); @import url('owl.css'); @import url('jquery.fancybox.css'); @import url('hover.css'); @import url('jquery-ui.css'); @import url('jquery.bootstrap-touchspin.css'); /*** ==================================================================== Reset ==================================================================== ***/ * { margin:0px; padding:0px; border:none; outline:none; } /*** ==================================================================== Global Settings ==================================================================== ***/ body { font-size:15px; color:#777777; line-height:1.8em; font-weight:400; background:#ffffff; background-size:cover; background-repeat:no-repeat; background-position:center top; -webkit-font-smoothing: antialiased; font-family: 'Raleway', sans-serif; } a{ text-decoration:none; cursor:pointer; color:#ff5ea5; } .no-padding{ padding:0px !important; } a:hover,a:focus,a:visited{ text-decoration:none; outline:none; } h1,h2,h3,h4,h5,h6 { position:relative; font-weight:normal; margin:0px; background:none; line-height:1.6em; font-family: 'Montserrat', sans-serif; } input,button,select,textarea{ } p{ position: relative; line-height: 1.8em; color: #222222; font-size: 20px; } .mar-bottom-30 { margin-bottom: 30px !important; } .mar-top-80 { margin-top: 80px !important; } .mar-top-50 { margin-top: 50px !important; } .strike-through{ text-decoration:line-through; } .auto-container{ position:static; max-width:1200px; padding:0px 15px; margin:0 auto; } .page-wrapper{ position:relative; margin:0 auto; width:100%; min-width:300px; } ul,li{ list-style:none; padding:0px; margin:0px; } .theme-btn{ display:inline-block; 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; } .grey-bg { background-color:#f7f7f7 !important; } /*Btn Style One*/ .btn-style-one{ position:relative; padding:13px 48px; line-height:24px; color:#ffffff; font-size:16px; font-weight:500; background-color:#222; border:2px solid #ff5ea5; text-transform:capitalize; font-family: 'Raleway', sans-serif; } .btn-style-one:hover{ color:#ff5ea5; background:none; } /*Btn Style Two*/ .btn-style-two { position:relative; padding:13px 37px; line-height:24px; color:#ffffff; font-size:16px; font-weight:500; text-transform:capitalize; font-family: 'Raleway', sans-serif; border:2px solid rgba(255,255,255,0.50); } .btn-style-two:hover { background:#ff5ea5; color:#ffffff; border-color:#ff5ea5; } /*Btn Style Three*/ .btn-style-three{ position:relative; padding:10px 39px; line-height:24px; color: #222; font-size:16px; font-weight:500; border: 2px solid #dddddd; text-transform:capitalize; font-family: 'Raleway', sans-serif; } .btn-style-three:hover{ background:#ff5ea5; color:#ffffff; border-color:#ff5ea5; } /*Btn Style Four*/ .btn-style-four{ position:relative; padding:10px 39px; line-height:24px; color:#222222; font-size:16px; font-weight:500; border:1px solid #eeeeee; text-transform:capitalize; font-family: 'Raleway', sans-serif; } .btn-style-four:hover{ background:#ff5ea5; color:#ffffff; border-color:#ff5ea5; } .theme_color{ color:#ff5ea5; } img{ display:inline-block; max-width:100%; } .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.svg);} /*** ==================================================================== Scroll To Top style ==================================================================== ***/ .scroll-to-top{ position:fixed; bottom:15px; right:15px; width:48px; height:48px; color:#ffffff; font-size:13px; text-transform:uppercase; line-height:48px; text-align:center; z-index:99999; cursor:pointer; border-radius:3px; background:#1c1c1c; display:none; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease; } .scroll-to-top:hover{ color:#ffffff; background:#ff5ea5; } /*** ==================================================================== Main Header style ==================================================================== ***/ .main-header{ position:relative; left:0px; top:0px; z-index:999; 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; } /*Sticky Header*/ .sticky-header{ position:fixed; opacity:0; visibility:hidden; left:0px; top:0px; width:100%; padding:0px 0px; background:#ffffff; z-index:0; border-bottom:1px solid #e0e0e0; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } .sticky-header .logo{ padding: 15px 0px 15px; } .fixed-header .sticky-header{ z-index:999; opacity:1; visibility:visible; -ms-animation-name: fadeInDown; -moz-animation-name: fadeInDown; -op-animation-name: fadeInDown; -webkit-animation-name: fadeInDown; animation-name: fadeInDown; -ms-animation-duration: 500ms; -moz-animation-duration: 500ms; -op-animation-duration: 500ms; -webkit-animation-duration: 500ms; animation-duration: 500ms; -ms-animation-timing-function: linear; -moz-animation-timing-function: linear; -op-animation-timing-function: linear; -webkit-animation-timing-function: linear; animation-timing-function: linear; -ms-animation-iteration-count: 1; -moz-animation-iteration-count: 1; -op-animation-iteration-count: 1; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } .main-header .header-upper{ position:relative; background:#ffffff; z-index:5; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; border-bottom:1px solid #f3f3f3; } .main-header .header-upper .logo img{ position:relative; display:inline-block; max-width:100%; } .main-header .logo-outer{ position:relative; z-index:25; padding: 33px 0px; } .main-header .logo-outer .logo img{ position:relative; display:inline-block; max-width:100%; } .main-header .header-upper .upper-right{ position:relative; padding-top:35px; } .main-header .info-box{ position:relative; float:left; min-height:56px; margin-left:35px; font-size:13px; color:#777777; text-transform:uppercase; padding:0px 0px 20px 45px; } .main-header .info-box .icon-box{ position:absolute; left:0px; color: #0c0c0c; font-size:32px; text-align:left; line-height:1.2em; -moz-transition:all 300ms ease; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; transition:all 300ms ease; } .main-header .info-box li{ position:relative; line-height:20px; color:#848484; font-size:16px; margin-bottom:3px; font-weight:300; text-transform:capitalize; } .main-header .info-box strong{ font-weight:500; color:#222222; font-size:16px; font-family: 'Montserrat', sans-serif; } .main-header .header-lower{ position:relative; top:0px; width:100%; z-index:5; } .main-header .nav-outer{ position:relative; /*padding-right:210px;*/ } .main-menu{ position:relative; } .main-menu .navbar-collapse{ padding:0px; } .main-menu .navigation{ position:relative; margin:0px; } .main-menu .navigation > li{ position:relative; float:left; margin-right:0px; } .main-header .sticky-header .main-menu .navigation > li{ margin:0px; border:0px; } .main-menu .navigation > li > a{ position:relative; display:block; font-size:14px; color: #ffffff; line-height:30px; font-weight:600; opacity:1; text-transform:uppercase; padding: 19px 20px 21px 24px; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; font-family: 'Montserrat', sans-serif; } .main-menu .navigation > li > a:after{ position:absolute; content:''; left:0px; bottom: 0px; width:0%; height: 3px; background-color:#ff5ea5; 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.current > a:after, .main-menu .navigation > li:hover > a:after{ width:100%; } .main-menu .navigation > li.dropdown a{ padding-right:24px; } .main-menu .navigation > li:last-child > a{ background:none; } .main-header .sticky-header .main-menu .navigation > li > a{ color:#181818; padding:15px 15px !important; line-height:30px; font-size:14px; font-weight:600; min-height:0px; background:none; border:0px; } .main-header .main-menu .navigation > li.dropdown > a:before { font-family: 'FontAwesome'; content: "\f107"; position: absolute; right: 10px; font-size: 14px; line-height: 32px; } .sticky-header .main-menu .navigation > li > a:before{ display:none; } .main-menu .navigation > li:hover > a, .main-menu .navigation > li.current > a, .main-menu .navigation > li.current-menu-item > a{ opacity:1; border-color:#ff5ea5; } .main-header .sticky-header .main-menu .navigation > li:hover > a, .main-header .sticky-header .main-menu .navigation > li.current > a, .main-header .sticky-header .main-menu .navigation > li.current-menu-item > a{ background:#ff5ea5; color:#ffffff !important; opacity:1; } .main-menu .navigation > li:hover > a:after{ opacity:1; } .main-menu .navigation > li > ul{ position:absolute; left:0px; top:100%; width:250px; padding:0px; z-index:100; display:none; background: #ffffff; border-bottom: 2px solid #ff5ea5; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; -webkit-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05); -ms-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05); -o-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05); -moz-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05); box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05); } .main-menu .navigation > li > ul.from-right{ left:auto; right:0px; } .main-menu .navigation > li > ul > li{ position:relative; width:100%; border-bottom: 1px solid #f4f4f4; } .main-menu .navigation > li > ul > li:last-child{ border-bottom:none; } .main-menu .navigation > li > ul > li > a{ position:relative; display:block; padding:14px 20px; line-height:24px; font-weight: 600; font-size: 14px; color: #252525; font-family: 'Montserrat', sans-serif; text-transform:capitalize; 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 > a:before{ position: absolute; content: '\f105'; font-size: 15px; right: 20px; color: #fff; font-family: FontAwesome; 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:#ff5ea5; } .main-menu .navigation > li > ul > li:hover > a:before{ border-color:#ffffff; } .main-menu .navigation > li > ul > li > ul{ position:absolute; left:100%; top:0px; width:250px; padding:0px; z-index:100; display:none; background:#1c1c1c; border-top:2px solid #ff5ea5; -webkit-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05); -ms-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05); -o-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05); -moz-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05); box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05); } .main-menu .navigation > li > ul > li > ul > li{ position:relative; width:100%; border-bottom:1px solid rgba(255,255,255,0.1); } .main-menu .navigation > li > ul > li > ul > li:last-child{ border-bottom:none; } .main-menu .navigation > li > ul > li > ul > li > a{ position:relative; display:block; padding:14px 20px; line-height:24px; font-weight:400; font-size:15px; color:#ffffff; text-align:left; text-transform:capitalize; 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 > a:before{ content:''; position:absolute; left:0px; top:50%; height:16px; margin-top:-8px; border-left:2px solid #ff5ea5; } .main-menu .navigation > li > ul > li > ul > li > a:hover{ color:#ffffff; background-color:#ff5ea5; } .main-menu .navigation > li > ul > li > ul > li:hover > a:before{ border-color:#ffffff; } .main-menu .navigation > li.dropdown:hover > ul{ visibility:visible; opacity:1; top:100%; } .main-menu .navigation li > ul > li.dropdown:hover > ul{ visibility:visible; opacity:1; left: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; } .main-menu .navbar-collapse > ul li.dropdown .dropdown-btn{ position:absolute; right:10px; top:6px; width:34px; height:30px; border:1px solid #ffffff; text-align:center; font-size:16px; line-height:26px; color:#ffffff; cursor:pointer; z-index:5; display:none; } .main-header .outer-box{ position:absolute; right:0px; top:0px; z-index:12; } .header-top-one{ position:relative; background-color: #f7f7f7; } .header-top-one .top-left{ position:relative; float:left; } .header-top-one .top-left ul li{ position:relative; margin-right:25px; font-size:14px; color:#afafb5; font-weight:500; padding:11px 0px; display:inline-block; } .header-top-one .top-left ul li a{ font-size:14px; font-weight:400; color:rgba(255,255,255,0.70); -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; -moz-transition: all 300ms ease; transition: all 300ms ease; } .header-top-one .top-right{ position:relative; float:right; } .header-top-one .top-right > ul > li{ position:relative; margin-right:25px; font-size:14px; color:#bbbbbb; padding:9px 0px 12px; display:inline-block; } .header-top-one .top-right > ul > li:last-child{ margin-right:0px; } .header-top-one .top-right > ul > li > a{ font-size:14px; font-weight:400; background:inherit; color:#afafb5; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; -moz-transition: all 300ms ease; transition: all 300ms ease; } .header-top-one .top-right .social-links{ padding-right:10px; } .header-top-one .top-right .social-links:after{ position:absolute; content:''; right:-8px; top:4px; width:2px; height:40px; /* background:url(../images/icons/seperater.png) right top no-repeat; */ } .header-top-one .top-right .social-links a{ display:inline-block; margin-left:15px; line-height:30px; color:#afafb5; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } .header-top-one .language .dropdown-menu{ width:180px; padding:0px; margin-top:6px; background-color:#222222; border-top:3px solid #eb5310; } .header-top-one li.language{ top:-2px; padding-right: 8px; line-height: 1.4em; } .header-top-one li.language a{ border:0px; padding:0px; background:none; } .header-top-one li.language a:hover{ background:none; } .header-top-one .language .dropdown-menu > li{ padding:0px !important; margin:0px !important; float:none; display:block !important; border-bottom: 1px solid rgba(255,255,255,0.20); } .header-top-one .language .dropdown-menu > li > a{ padding:10px 20px !important; color:#ffffff; text-align:left; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease; } .header-top-one .language .dropdown-menu > li > a:focus{ background:none; } .header-top-one .language .dropdown-menu > li > a:hover{ color:#ffffff; background:none; background-color:#eb5310; } .main-header .header-lower .search-box-outer{ position: relative; min-width: 70px; padding-right:10px; padding-left:10px; padding-top: 25px; padding-bottom: 24px; background: #ff5ea5; } .main-header .header-lower .search-box-btn{ position:relative; display:block; width:100%; font-size:16px; color: #ffffff; line-height:20px !important; padding:0px; margin:0px; cursor:pointer; background:none; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } .main-header .header-lower .search-box-outer .dropdown-menu{ top:40px; right:0px; padding:0px; width:280px; border-radius:0px; border-top:3px solid #ff5ea5; } .main-header .header-lower .search-box-outer .dropdown-menu > li{ padding:0px; border:none; background:none; } .main-header .header-lower .search-panel .form-container{ padding:25px 20px; } .main-header .header-lower .search-panel .form-group{ position:relative; margin:0px; } .main-header .header-lower .search-panel input[type="text"], .main-header .header-lower .search-panel input[type="search"], .main-header .header-lower .search-panel input[type="password"], .main-header .header-lower .search-panel select{ display:block; width:100%; height:40px; color:#000000; line-height:24px; background:#ffffff; border:1px solid #e0e0e0; padding:7px 40px 7px 15px; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease; } .main-header .header-lower .search-panel input:focus, .main-header .header-lower .search-panel select:focus{ border-color:#ff5ea5; } .main-header .header-lower .search-panel .search-btn{ position:absolute; right:0px; top:0px; width:40px; height:40px; text-align:center; color:#555555; font-size:12px; background:none; cursor:pointer; } /*search box btn*/ .main-header .search-box-btn{ position:relative; font-size:14px; top:50%; margin-top:0px; line-height:38px; color:#ffffff; cursor:pointer; background:none; } .main-header .search-box-outer .dropdown-menu{ top:70px; padding:0px; width:280px; border-radius:0px; border-top:3px solid #eb5310; } .main-header .search-panel .form-container{ padding:25px 20px; } .main-header .search-panel .form-group{ position:relative; margin:0px; } .main-header .search-panel input[type="text"], .main-header .search-panel input[type="search"], .main-header .search-panel input[type="password"], .main-header .search-panel select{ display:block; width:100%; line-height:24px; padding:7px 40px 7px 15px; height:40px; border:1px solid #e0e0e0; background:#ffffff; } .main-header .search-panel input:focus, .main-header .search-panel select:focus{ border-color:#eb5310; } .main-header .search-panel .search-btn{ position:absolute; right:0px; top:0px; width:40px; height:40px; text-align:center; color:#555555; font-size:12px; background:none; cursor:pointer; } .header-top-two{ position:relative; padding:11px 0px; border-bottom: 1px solid rgba(255, 255, 255, 0.06); } .header-top-two .top-left{ float:left; } .header-top-two .top-right{ float:right; } .header-top-two .top-left ul li{ position:relative; padding-right:15px; margin-right:15px; font-size:16px; color: #fff; font-weight:300; display:inline-block; } .header-top-two .top-left ul li:after{ position: absolute; content: ''; right: -4px; top: -5px; width: 2px; height: 40px; background: url(../images/icons/seperater.png) right top no-repeat; } .header-top-two .top-left ul li:last-child::after{ display:none; } .header-top-two .top-left ul li .social-links a{ margin-right:12px; color: #fff; } .header-top-two .top-left ul li .social-links a:last-child{ margin-right:0px; } .header-top-two .top-left ul li .icon{ color:#fff; font-size:16px; margin-right:8px; } .header-top-two li.language{ position:relative; padding-right: 8px; line-height: 1.4em; display:inline-block; } .header-top-two li.language a{ position:relative; color: #222; background:none; border-radius:0px; padding:4px 15px 4px 6px; border:1px solid rgba(255,255,255,0.2); } .header-top-two li.language a:hover{ background:none; } .header-top-two .language .dropdown-menu > li{ padding:0px !important; margin:0px !important; float:none; display:block !important; border-bottom: 1px solid rgba(255,255,255,0.20); } .header-top-two .language .dropdown-menu > li > a{ padding:10px 20px !important; color: #222; text-align:left; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease; } .header-top-two .language .dropdown-menu > li > a:hover{ color:#ffffff; background-color:#eb5310; } .header-top-two .language .dropdown-menu{ width:180px; padding:0px; margin-top:10px; background-color:#222222; border-top:3px solid #eb5310; } .header-style-two .header-upper{ background-color: #e8eeef; border:0px; } .main-header.header-style-two .header-lower { background: #fff; } .header-style-two .header-upper .info-box{ margin-right:0px; padding-right:15px; } .header-style-two .header-upper .info-box:last-child{ padding-left:0px; padding-right:0px; } .header-style-two .header-upper .info-box .btn-style-one{ padding:10px 20px; } .header-style-two .header-upper .info-box:first-child:after{ position:absolute; content:''; right:-12px; top:0px; width:1px; height:45px; background-color:#36363f; } .header-style-two .header-upper .info-box .icon-box{ top:6px; font-size:26px; color: #ff5ea5; } .header-style-two .header-upper .info-box strong{ color:#222; font-size:18px; } .header-style-two .main-menu .navigation > li > a{ padding:22px 26px 24px 15px; color: #252525; } .header-style-two .main-menu .navigation > li > a:after{ left:0px; bottom:0px; top:auto; height:5px; } .header-style-two .nav-outer{ padding-right:270px; } .header-style-two .search-box{ position:relative; max-width:270px; width:100%; padding:15px 0px; } .header-style-two .search-box .form-group{ position:relative; margin:0px; } .header-style-two .search-box .form-group input[type="text"], .header-style-two .search-box .form-group input[type="search"]{ position:relative; line-height:23px; padding:10px 50px 10px 20px; border:1px solid #eeeeee; background:none; display:block; font-size:16px; width:100%; height:45px; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } .header-style-two .search-box .form-group input:focus{ border-color:#ff5ea5; } .search-box .form-group button{ position:absolute; right:0px; top:0px; height:45px; width:60px; display:block; font-size:16px; color:#8c8c8c; line-height:100%; font-weight:normal; background:none; } .main-header.header-style-two .info-box li { color: #222; } /* header style two */ .header-style-three{ position:absolute; background-color:#f3f9ff; } .header-style-three .logo-outer{ padding:6px 0px; } .header-style-three .header-upper{ border:0px; } .header-style-three .header-upper .upper-right{ padding-top:0px; } .header-style-three .main-menu .navigation > li{ margin-right:25px; } .header-style-three .main-menu .navigation > li:last-child{ margin-right:0px; } .header-style-three .main-menu .navigation > li:last-child a{ padding-right:0px; } .header-style-three .main-menu .navigation > li > a{ color: #181818; padding-left:0px; padding-top:30px; padding-bottom:30px; } .header-style-three .main-menu .navigation > li > a:after, .header-style-four .main-menu .navigation > li > a:after, .header-style-four .main-menu .navigation > li.home > a:before{ display:none; } /*Header Top Three*/ .header-top-three{ position:relative; background-color:#ff5ea5; } .header-top-three .top-right{ position:relative; float:right; padding:12px 0px 4px; border-bottom:1px solid rgba(255,255,255,0.20); } .header-top-three .top-right ul{ position:relative; } .header-top-three .top-right ul li { position: relative; color: #fff; font-size: 16px; padding-left: 25px; margin-left: 20px; margin-bottom: 6px; display: inline-block; } .header-top-three .top-right ul li .icon{ position:absolute; left:0px; top:0px; color:#fff; } /*Header Top Four*/ .header-top-four{ position:relative; padding:10px 0px; background-color:#f3f9ff; } .header-top-four .top-left{ position:relative; float:left; } .header-top-four .top-left ul li{ position:relative; color:#222; font-size:16px; padding-right:15px; margin-right:12px; display:inline-block; background:url(../images/icons/seperater-2.png) right 3px no-repeat; } .header-top-four .top-left ul li:last-child{ padding-right:0px; margin-right:0px; background:none; } .header-top-four .top-left ul li .icon{ color: #0c0c0c; margin-right:8px; } .header-top-four .top-right{ position:relative; float:right; } .header-top-four .top-right li{ color:#848484; font-size:16px; } .header-top-four .top-right li .social-links{ display:inline-block; } .header-top-four .top-right li .social-links a{ margin-left:15px; color:#848484; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease; } .header-top-four .top-right li .social-links a:hover{ color: #0c0c0c; } .header-style-four .info-box{ padding-left:55px; } .header-style-four .info-box .icon-box{ color:#303030; font-size:26px; padding-top:8px; padding-right:15px; padding-bottom:8px; border-right:1px solid #eeeeee; } .header-style-four .info-box:last-child{ padding-left:0px; } .header-style-four .info-box strong{ font-weight:400; font-size:16px; margin-top:2px; display:inline-block; } .header-style-four .search-box{ position:relative; max-width:170px; width:100%; } .header-style-four .search-box .form-group{ position:relative; margin:0px; } .header-style-four .search-box .form-group input[type="text"], .header-style-four .search-box .form-group input[type="search"]{ position:relative; line-height:22px; padding:10px 50px 10px 10px; border:1px solid #eeeeee; background:none; display:block; font-size:14px; width:100%; height:44px; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } .header-style-four .search-box .form-group input:focus{ border-color:#ff5ea5; } .header-style-four .search-box .form-group button{ position:absolute; right:0px; top:0px; height:44px; width:40px; display:block; font-size:14px; color:#8c8c8c; line-height:100%; font-weight:normal; background:none; } .header-style-four .header-lower{ background-color: transparent; margin-bottom: -70px; border-bottom: 1px solid rgba(255, 255, 255, 0.3); } .header-style-four .main-menu .navigation > li.home > a{ font-size:23px; color: #0c0c0c !important; padding-right: 23px !important; border-left: 1px solid rgba(255, 255, 255, 0.3); border-right: 1px solid rgba(255, 255, 255, 0.3); } .header-style-four .main-menu .navigation > li > a{ color:#ffffff; padding: 21px 21px 19px 24px; } .header-style-four .main-menu .navigation > li.dropdown a{ padding-right:32px; } .header-style-four .main-menu .navigation > li.dropdown > a:before{ right:15px; } .header-style-four .main-menu .navigation > li a:hover, .header-style-four .main-menu .navigation > li.current > a{ color: #ffffff; } .header-style-four .outer-box .btn-style-one{ padding: 23px 48px; background: transparent; border: none; border-left: 1px solid rgba(255, 255, 255, 0.3); border-right: 1px solid rgba(255, 255, 255, 0.30); } /*Social Icon One*/ .social-icon-one{ position:relative; } .social-icon-one li{ position:relative; margin-left:20px; display:inline-block; } .social-icon-one li a{ position:relative; color: #dedede; font-size:16px; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease; } .social-icon-one li a:hover{ color:#ffffff; } /*Social Icon Two*/ .social-icon-two{ position:relative; } .social-icon-two li{ position:relative; margin:0px 7px; display:inline-block; } .social-icon-two li a{ position:relative; width:40px; height:40px; color:#ffffff; font-size:16px; line-height:38px; text-align:center; border-radius:50%; display:inline-block; background:none; border:1px solid #ffffff; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease; } .social-icon-two li a:hover{ color:#ff5ea5; border-color:#ffffff; background-color:#ffffff; } /*Social Icon Three*/ .social-icon-three{ position:relative; } .social-icon-three li{ position:relative; margin-right:10px; display:inline-block; } .social-icon-three li a{ position:relative; width:38px; height:38px; color:#848484; font-size:16px; line-height:38px; text-align:center; border-radius:50%; display:inline-block; background:#f4f4f4; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease; } .social-icon-three li a:hover{ color:#ffffff; background-color:#ff5ea5; } /*Social Icon Four*/ .social-icon-four{ position:relative; } .social-icon-four li{ position:relative; margin-right:10px; display:inline-block; } .social-icon-four li a{ position:relative; color:#9a9a9a; font-size:16px; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease; } .social-icon-four li a:hover{ color:#ff5ea5; } /*Custom Select*/ .form-group .ui-selectmenu-button.ui-button{ width:100%; font-size:14px; font-style:normal; height:50px; padding:10px 20px; line-height:30px; color:#333333; border-radius:0px; border:1px solid #e5e5e5; background:#ffffff; } .form-group .ui-button .ui-icon{ background:none; position:relative; top:3px; text-indent:0px; color:#333333; } .form-group .ui-button .ui-icon:before{ font-family: 'FontAwesome'; content: "\f107"; position:absolute; right:0px; top:2px !important; top:13px; width:10px; height:20px; display:block; color:#333333; line-height:20px; font-size:16px; font-weight:normal; text-align:center; z-index:5; } .ui-widget.ui-widget-content{ border:1px solid #e0e0e0; font-family:'Montserrat',sans-serif; } .ui-menu .ui-menu-item{ font-size:14px; border-bottom:1px solid #e0e0e0; } .ui-menu .ui-menu-item:last-child{ border:none; } .ui-state-active, .ui-widget-content .ui-state-active{ background-color:#ff5ea5; } .ui-menu .ui-menu-item-wrapper{ position:relative; display:block; padding:8px 20px ; font-size:14px; line-height:24px; } .ui-menu-item:hover{ background-color:#17519d; } /*** ==================================================================== Section Title ==================================================================== ***/ .sec-title{ position:relative; margin-bottom:55px; } .sec-title.small{ margin-bottom: 40px; } .sec-title h2{ font-size:30px; color:#222222; font-weight:600; line-height:1.1em; padding-bottom:20px; border-bottom:1px solid #f6f6f6; } .sec-title h2:before{ position:absolute; content:''; left:0px; bottom:-1px; width:60px; height:1px; background-color:#ff5ea5; } .sec-title.light h2{ color:#ffffff; border-color:rgba(255,255,255,0.10); } .sec-title.grey-border h2{ border-color:rgba(229,229,229,0.60); } .sec-title.centered{ text-align:center; } .sec-title.centered h2:before{ left:50%; margin-left:-30px; } .sec-title.small h2{ font-size:24px; } /*** ==================================================================== Main Slider style ==================================================================== ***/ .main-slider{ position:relative; z-index:10; } .main-slider .tp-caption{ z-index:5 !important; } .main-slider .tp-dottedoverlay{ background:rgba(0,0,0,0.40) !important; } .main-slider .tparrows.gyges{ width:60px; height:60px; line-height:60px; background-color:rgba(255,255,255,0.20); } .main-slider .tparrows.gyges:before{ line-height:60px; } .main-slider .tparrows.gyges:hover{ background-color:#ff5ea5; } .main-slider h2{ position:relative; color:#ffffff; font-size:48px; font-weight:700; line-height:1.2em; padding-bottom:20px; border-bottom:1px solid rgba(255,255,255,0.50); } .main-slider h2:before{ position:absolute; content:''; width:70px; height:1px; left:0px; bottom:-1px; z-index:10; background-color:#ff5ea5; } .main-slider h2.dark-text{ position:relative; color:#022222; } .main-slider h2.text-center:before{ left:50%; margin-left:-35px; } .main-slider .text{ position:relative; font-size:18px; font-weight:500; color:#ffffff; line-height:1.7em; } .main-slider .text.dark-text{ color:#022222; font-size:16px; } .main-slider .dark-heading{ position:relative; color:#022222; font-size:60px; border:0px; padding:0px; line-height:1.2em; } .main-slider .dark-heading:after{ display:none; } .main-slider .white-heading{ position:relative; color:#ffffff; border:0px; padding:0px; line-height:1.2em; } .main-slider .white-heading:after{ display:none; } .main-slider h4{ position:relative; font-size:36px; font-weight:400; color:#ffffff; } .main-slider h1{ position:relative; font-size:72px; font-weight:700; color:#ffffff; line-height:1.2em; text-transform:uppercase; } .slider-content{ position:relative; padding:35px 30px; background-color:rgba(0,0,0,0.60); } .slider-content h3{ position:relative; color:#ffffff; font-size:30px; line-height:1.4em; font-weight:700; padding-bottom:18px; margin-bottom:25px; border-bottom:1px solid rgba(255,255,255,0.20); } .slider-content h3:after{ position: absolute; content: ''; width: 70px; height: 1px; left: 0px; bottom: -1px; z-index: 10; background-color: #ff5ea5; } .slider-content .content-text{ position:relative; color:#ffffff; font-size:16px; font-weight:500; margin-bottom:25px; } .main-slider .tp-bannertimer, .main-slider .tp-bullets{ display:none !important; } /*** ==================================================================== Fancy Box ==================================================================== ***/ .fancybox-next span, .fancybox-prev span{ background-image:none !important; width:44px !important; height:44px !important; line-height:44px !important; text-align:center; } .fancybox-next span:before, .fancybox-prev span:before{ content:''; position:absolute; font-family: 'FontAwesome'; left:0px; top:0px; font-size:12px; width:44px !important; height:44px !important; line-height:44px !important; background-color:rgba(28,28,28,0.40) !important; color:#ffffff; visibility:visible; transition: all 300ms ease; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; -moz-transition: all 300ms ease; } .fancybox-next span:before{ content:'\f178'; } .fancybox-prev span:before{ content:'\f177'; } .fancybox-next:hover span:before, .fancybox-prev:hover span:before{ background-color:#ffffff !important; color:#000000; } .fancybox-type-image .fancybox-close{ right:0px; top:0px; width:45px; height:45px; background:url(../images/icons/icon-cross.png) center center no-repeat; background-color:rgba(17,17,17,0.50) !important; } .fancybox-type-image .fancybox-close:hover{ background-color:#000000 !important; } .fancybox-type-image .fancybox-skin{ padding:0px !important; } /*** ==================================================================== Call To Action Section ==================================================================== ***/ .call-to-action-section{ position:relative; padding:22px 0px; background-attachment:fixed; background-position:left bottom; background-repeat:no-repeat; background-size:cover; } .call-to-action-section:before{ position:absolute; content:''; left:0px; top:0px; width:100%; height:100%; display:block; background-color: rgba(24, 78, 157, 0.9); } .call-to-action-section.style-two:before{ background-color: rgba(253, 184, 33, 0.9); } .call-to-action-section .text { position:relative; color:#ffffff; font-size:20px; font-weight:400; margin-top:15px; } .call-to-action-section .btn-column{ position:relative; text-align:right; } .call-to-action-section .btn-column .theme-btn:hover, .call-to-action-section-two .btn-column .theme-btn:hover{ color:#ff5ea5; background-color:#ffffff; border-color:#ffffff; } /*** ==================================================================== Services Section ==================================================================== ***/ .services-section{ position:relative; padding:80px 0px 30px; background-color:#f3f9ff; } .services-block{ position:relative; margin-bottom:50px; } .services-block .inner-box{ position:relative; } .services-block .inner-box .image{ position:relative; } .services-block .inner-box .image:before{ position:absolute; content:''; left:0px; top:0px; width:100%; height:100%; display:block; z-index:1; opacity:0; background-color: rgba(253, 184, 33, 0.6); transition: all 300ms ease; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; -moz-transition: all 300ms ease; } .services-block .inner-box:hover .image:before{ opacity:1; } .services-block .inner-box .image img{ position:relative; width:100%; display:block; } .services-block .inner-box .lower-content{ position:relative; } .services-block .inner-box .lower-content .upper-box{ position:relative; padding:20px 0px 20px; padding-left:90px; border:1px solid #eeeeee; } .services-block .inner-box .lower-content .upper-box .icon-box{ position:absolute; left:0px; top:0px; color:#ff5ea5; width:70px; font-size:36px; line-height:1em; padding:17px 0px; text-align:center; border-right:1px solid #eeeeee; } .services-block .inner-box .lower-content .upper-box h3{ position:relative; font-size:18px; font-weight:400; } .services-block .inner-box .lower-content .upper-box h3 a{ position:relative; color:#222222; 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; } .services-block .inner-box .lower-content .upper-box h3 a:hover{ color:#ff5ea5; } .services-block .inner-box .lower-content .text{ position:relative; color:#848484; font-size:16px; line-height:1.7em; margin-top:15px; } /*** ==================================================================== Project Section ==================================================================== ***/ .project-section{ position:relative; padding:70px 0px 40px; } .project-section.default-bg { background: #fff; } .project-section .sec-title.no-border h2{ border:none; } .project-section.fullwidth-galley{ padding-bottom:0px; } .project-section.fullwidth-galley .gallery-item-three{ float:left; width:20%; } .project-section.fullwidth-galley .gallery-item-four{ float:left; width:20%; } .project-section.fullwidth-galley .gallery-item-six{ float:left; width:25%; } .project-section.fullwidth-project-two .sec-title h2{ border:none; } .project-section.fullwidth-project-two .gallery-item-three{ margin-bottom:30px; } .project-tab{ position:relative; } .project-tab .project-carousel .owl-nav, .project-tab .project-carousel .owl-dots{ display:none; } .project-tab .tabs-header{ position:relative; } .project-tab .product-tab-btns{ position:relative; text-align:right; padding-top:20px; } .project-tab .product-tab-btns .p-tab-btn{ position:relative; line-height:24px; padding:0px 0px; cursor:pointer; color:#96969f; font-weight:400; font-size:16px; display:inline-block; margin-bottom:10px; margin-left:20px; text-transform:uppercase; 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; } .project-tab .product-tab-btns .p-tab-btn:hover, .project-tab .product-tab-btns .p-tab-btn.active-btn{ color:#222; } .project-tab .p-tabs-content{ position:relative; display:block; } .project-tab .p-tab{ position:absolute; left:0px; top:0px; width:100%; height:auto; visibility:hidden; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; background-color:#2a2a33; } .project-tab .p-tab.active-tab{ position:relative; visibility:visible; z-index:5; } /*Gallery Item*/ .gallery-item{ position:relative; margin-bottom:40px; background-color: #e8eeef !important; } .gallery-item .inner-box{ position:relative; width:100%; overflow:hidden; transition:all 0.9s ease; -moz-transition:all 0.9s ease; -webkit-transition:all 0.9s ease; -ms-transition:all 0.9s ease; -o-transition:all 0.9s ease; } .project-tab .gallery-item .inner-box{ -webkit-transform:scaleX(0); -ms-transform:scaleX(0); -o-transform:scaleX(0); -moz-transform:scaleX(0); transform:scaleX(0); } .project-tab .active-tab .gallery-item .inner-box{ -webkit-transform:scaleX(1); -ms-transform:scaleX(1); -o-transform:scaleX(1); -moz-transform:scaleX(1); transform:scaleX(1); } .gallery-item .image-box{ position:relative; display:block; } .gallery-item .image-box img{ position:relative; display:block; width:100%; } .gallery-item .overlay-box{ position:absolute; left:0px; top:0px; width:100%; height:100%; opacity:0; color:#ffffff; text-align:center; background:rgba(42,42,51,0.70); -webkit-transition:all 700ms ease; -ms-transition:all 700ms ease; -o-transition:all 700ms ease; transition:all 700ms ease; -webkit-transform:translate(-100%,0%); -ms-transform:translate(-100%,0%); -o-transform:translate(-100%,0%); -moz-transform:translate(-100%,0%); transform:translate(-100%,0%); } .gallery-item .inner-box:hover .overlay-box{ opacity:1; -webkit-transform:translate(0%); -ms-transform:translate(0%); -o-transform:translate(0%); -moz-transform:translate(0%); transform:translate(0%); } .gallery-item .overlay-inner{ position:absolute; left:0px; top:0px; width:100%; height:100%; display:table; vertical-align:middle; padding:10px 0px; } .gallery-item .overlay-inner .content{ position:relative; display:table-cell; vertical-align:middle; } .gallery-item .overlay-inner .image-link{ position:relative; font-size:16px; color:#ffffff; width:42px; height:42px; line-height:38px; display:inline-block; border:1px solid #ffffff; transition:all 300ms ease; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; } .gallery-item .overlay-inner .image-link.lightbox-image{ position:relative; left:-2px; } .gallery-item .overlay-inner .image-link{ position:relative; left:2px; } .gallery-item .overlay-inner .image-link .icon{ position:relative; } .gallery-item .overlay-inner .image-link:hover{ color:#666666; background-color:rgba(255,255,255,1); } .gallery-item .inner-box h3{ position:relative; font-size:18px; font-weight:400; margin-top:10px; } .gallery-item .inner-box h3 a{ position:relative; color:#ffffff; 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; } .gallery-item .inner-box h3 a:hover{ color:#ff5ea5; } .gallery-item .inner-box .category{ position:relative; color:#ff5ea5; font-size:16px; font-weight:400; } /*Default Section*/ .default-section{ position:relative; padding:75px 0px 35px; } .default-section .about-column{ position:relative; margin-bottom:40px; } .default-section .about-column .sec-title, .default-section .form-column .sec-title{ margin-bottom:60px; } .default-section .about-column .inner-column{ position:relative; } .default-section .about-column .inner-column .image{ position:relative; margin-bottom:30px; } .default-section .about-column .inner-column .image img{ position:relative; width:100%; display:block; } .default-section .about-column .inner-column .about-info{ position:relative; border:1px solid #f3f3f3; } .default-section .about-column .inner-column .about-info li{ position:relative; width:33.333%; color:#ff5ea5; font-size:16px; font-weight:700; float:left; line-height:1.4em; padding:15px 35px 15px 55px; border-right:1px solid #f3f3f3; } .default-section .about-column .inner-column .about-info li .icon{ position:absolute; left:15px; color:#ff5ea5; font-size:30px; line-height:1em; margin-top:5px; font-weight:400; } .default-section .about-column .inner-column .about-info li:last-child{ border:0px; } .default-section .about-column .inner-column .text{ position:relative; color:#848484; font-size:16px; line-height:1.6em; margin-top:20px; } .default-section .form-column{ position:relative; } .default-section .form-column .inner-column{ position:relative; padding:40px 40px 20px; border:1px solid #eeeeee; } /*Default Form*/ .default-form .form-group{ margin-bottom: 20px; } .default-form input[type="text"], .default-form input[type="email"], .default-form input[type="password"], .default-form select, .default-form textarea{ display:block; width:100%; height:50px; font-size:16px; color:#848484; line-height:26px; padding:12px 15px; font-weight:400; background:#ffffff; border:1px solid #ececec; transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } .default-form input:focus, .default-form select:focus, .default-form textarea:focus{ border-color:#ff5ea5; } .default-form textarea{ height:150px; resize:none; padding:12px 15px; } .default-form .form-group .text{ position:relative; color:#848484; font-size:16px; line-height:1.6em; } /*Default Form / Style Two*/ .default-form.style-two .form-group{ margin-bottom:30px; } .default-form.style-two input[type="text"], .default-form.style-two input[type="email"], .default-form.style-two input[type="text"], .default-form.style-two select, .default-form.style-two textarea{ background:none; border-color:rgba(255,255,255,0.10); color: #ffffff; } .default-form.style-two textarea{ height:210px; background:none; } .default-form.style-two .form-group .ui-selectmenu-button.ui-button{ border-color:rgba(255,255,255,0.10); color: #ffffff; background:url(../images/icons/icon-select-two.png) right top no-repeat; } .default-form.style-two input::-webkit-input-placeholder, .default-form.style-two textarea::-webkit-input-placeholder{ color: #ffffff; } .default-form.style-two .form-group button{ width:100%; } .default-form.style-three .form-group{ margin-bottom:30px; } .default-form.style-three .form-group textarea{ height:130px; } .default-form.style-three .form-group button{ margin-top:10px; } /*Testimonial Section*/ .testimonial-section{ position:relative; padding:0px 0px 80px; ; } .testimonial-section .owl-nav{ display:none; } .testimonial-section .owl-dots{ position:relative; text-align:center; } .testimonial-section .owl-dots .owl-dot{ position:relative; display:inline-block; margin:0px 10px; } .testimonial-section .owl-dots .owl-dot span{ position:relative; display:block; width:10px; height:10px; border-radius:50%; border:2px solid #efefef; 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; } .testimonial-section .owl-dots .owl-dot.active span, .testimonial-section .owl-dots .owl-dot:hover span{ background:#ff5ea5; border-color:#ff5ea5; } /*Testimonial Block*/ .testimonial-block{ position:relative; margin-bottom:40px; } .testimonial-block .inner-box{ position:relative; padding:40px 40px; border:1px solid #eeeeee; } .testimonial-block .inner-box .content{ position:relative; padding-left:100px; } .testimonial-block .inner-box .content .image{ position:absolute; left:0px; top:0px; width:80px; height:80px; } .testimonial-block .inner-box .content .rating{ position:relative; border-radius:50px; padding:2px 15px; display:inline-block; margin-bottom:5px; border:2px solid #eeeeee; } .testimonial-block .inner-box .content .rating .fa{ color:#ebce09; margin:0px 2px; } .testimonial-block .inner-box .content h3{ position:relative; color:#fff; font-size:18px; font-weight:400; font-family: 'Montserrat', sans-serif; } .testimonial-block .inner-box .content .designation{ position:relative; color:#ff5ea5; font-size:16px; } .testimonial-block .inner-box .content .text{ position:relative; font-size:16px; color:#fff; line-height:1.6em; margin-top:5px; } /*** ==================================================================== Client Section ==================================================================== ***/ .clients-section{ position:relative; padding:80px 0px 80px; background-color: #0c0c0c; } .clients-section .owl-nav, .clients-section .owl-dots{ display:none; } .clients-section .image-box{ text-align:center; border:1px solid rgba(255,255,255,0.10); transition: all 300ms ease; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; } .clients-section .image-box img{ position: relative; padding:8px 20px; width: auto; max-width: 100%; display: inline-block; transition: all 300ms ease; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; } .clients-section .image-box:hover{ border-color: #ff5ea5; } .clients-section.style-two .image-box{ border:1px solid #e5e5e5; } .clients-section.style-two .image-box:hover{ border-color:#ff5ea5; } /*** ==================================================================== News Section ==================================================================== ***/ .news-section{ position:relative; padding:60px 0px 40px; } .news-block{ position:relative; margin-bottom:40px; } .news-block .inner-box{ position:relative; } .news-block .inner-box .image{ position:relative; } .news-block .inner-box .image img{ position:relative; width:100%; display:block; } .news-block .inner-box .lower-content{ position:relative; padding-top:22px; } .news-block .inner-box .lower-content h2{ position:relative; font-size:18px; font-weight:400; line-height:1.4em; min-height:50px; } .news-block .inner-box .lower-content h2 a{ color:#222222; 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; } .news-block .inner-box .lower-content h2 a:hover{ color: #ff5ea5; } .news-block .inner-box .lower-content .post-meta{ position:relative; margin:7px 0px 8px; } .news-block .inner-box .lower-content .post-meta li{ position:relative; color:#999999; font-size:16px; padding-left:20px; margin-right:15px; display:inline-block; } .news-block .inner-box .lower-content .post-meta li .icon{ position:absolute; content:''; left:0px; top:0px; color: #ff5ea5; } .news-block .inner-box .lower-content .text{ position:relative; color:#848484; font-size:16px; line-height:1.7em; min-height:82px; } /*** ==================================================================== Main Footer ==================================================================== ***/ .main-footer{ position:relative; background: url(../images/background/2.jpg) bottom center no-repeat; } .main-footer:before{ position:absolute; content:''; left:0px; top:0px; width:100%; height:100%; display:block; background-color: #e8eeef; } .main-footer .widgets-section{ position:relative; padding: 80px 0px 30px; } .main-footer .footer-column{ position:relative; margin-bottom:40px; } .main-footer .logo-widget .footer-logo{ position:relative; margin-bottom: 30px; } .main-footer .logo-widget .text{ position:relative; color: #222; font-size:16px; letter-spacing: -0.02px; line-height:1.7em; margin-bottom:25px; } .footer-widget h2{ position:relative; color:#222; font-size:24px; font-weight:600; margin-bottom:30px; padding-bottom:18px; border-bottom:1px solid rgba(255,255,255,0.10); } .footer-widget h2:before{ position:absolute; content:''; left:0px; bottom:-1px; width:70px; height:1px; background-color: #ff5ea5; } /*Link Widget*/ .links-widget .links{ position:relative; } .links-widget .links li{ position:relative; margin-bottom: 10px; } .links-widget .links li a{ position:relative; color: #222; font-size:16px; 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; } .links-widget .links li a:hover{ color:#222; } /*List Style One*/ .list-style-one{ position:relative; } .list-style-one li{ position:relative; color: #222; font-size:16px; line-height:1.6em; padding-left:38px; margin-bottom:14px; padding-bottom:14px; border-bottom:1px solid rgba(255,255,255,0.10); } .list-style-one li:last-child{ border:0px; margin:0px; padding-bottom:0px; } .list-style-one li .icon{ position:absolute; left:0px; top:5px; color: #222; font-size:24px; line-height:1em; } /*List Style Two*/ .list-style-two{ position:relative; } .list-style-two li{ position:relative; color:#fff; font-size:16px; line-height:1.6em; padding-left:38px; margin-bottom:14px; padding-bottom:14px; border-bottom:1px solid rgba(255,255,255,0.10); } .list-style-two li:last-child .icon{ font-size:18px; } .list-style-two li strong{ color:#ffffff; } .list-style-two li:last-child{ border:0px; margin:0px; padding-bottom:0px; } .list-style-two li .icon{ position:absolute; left:0px; top:4px; color:#ff5ea5; font-size:22px; line-height:1em; } /*List Style Three*/ .list-style-three{ position:relative; } .list-style-three li{ position:relative; padding-left:20px; color:#848484; font-size:16px; font-weight:400; margin-bottom:30px; font-family: 'Raleway', sans-serif; } .list-style-three li strong{ position:relative; color:#222222; font-size:16px; font-weight:600; } .list-style-three li:before{ position:absolute; content:''; left:0px; top:10px; width:6px; height:6px; background-color:#cdcdcd; } /*List Style Four*/ .list-style-four{ position:relative; } .list-style-four li{ position:relative; padding-left:30px; color:#848484; font-size:16px; font-weight:400; margin-bottom:10px; font-family: 'Raleway', sans-serif; } .list-style-four li:before{ position:absolute; content: "\f05d"; left:0px; top:0px; color: #ff5ea5; font-size:16px; font-family: 'FontAwesome'; } .contact-widget .contact-email{ position:relative; color: #ff5ea5; font-size:16px; line-height:1.4em; display:inline-block; margin-top:15px; } .main-footer .footer-bottom{ position:relative; padding:22px 0px; border-top:1px solid rgba(255,255,255,0.10); background-color:#ff5ea5; } .main-footer .footer-bottom .copyright{ position:relative; color:#fff; font-size:16px; font-weight:400; } .main-footer .footer-bottom .social-column{ text-align:right; } /*** ==================================================================== Main Footer style two ==================================================================== ***/ .main-footer-two{ position:relative; background-color: #0c0c0c; } .main-footer-two .widgets-section{ position:relative; padding: 80px 0px 0px; } .main-footer-two .footer-column{ position:relative; margin-bottom:40px; } .main-footer-two .logo-widget .footer-logo{ position:relative; margin-bottom:30px; } .main-footer-two .logo-widget .text{ position:relative; color:#848484; font-size:16px; line-height:1.7em; margin-bottom: 15px; } .main-footer-two .logo-widget ul li { color: #848484; font-size: 16px; margin-bottom: 5px; } .main-footer-two .logo-widget ul li i { color: #ff5ea5; margin-right: 10px; } .main-footer-two .logo-widget ul li { color: #848484; font-size: 16px; margin-bottom: 5px; } .main-footer-two .logo-widget ul li span { color: #ff5ea5; font-weight: 500; } .footer-widget-two h2{ position:relative; color:#ffffff; font-size:24px; font-weight:600; margin-bottom:30px; padding-bottom:18px; border-bottom:1px solid rgba(255,255,255,0.10); } .footer-widget-two h2:before{ position:absolute; content:''; left:0px; bottom:-1px; width:70px; height:1px; background-color: #0c0c0c; } /*Link Widget*/ .links-widget-two .links{ position:relative; } @media (min-width: 992px) { .links-widget-two { padding-left: 50px; } } .links-widget-two .links li{ position:relative; margin-bottom: 7px; } .links-widget-two .links li a{ position:relative; color:#848484; font-size:16px; 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; } .links-widget-two .links li a:hover{ color:#ffffff; } .links-widget-two .links li a:before { position: absolute; content: ''; } .contact-widget-two .contact-email{ position:relative; color:#ff5ea5; font-size:16px; line-height:1.4em; display:inline-block; margin-top:15px; } /* news widget */ .news-widget-two ul li { position: relative; border-bottom: 1px solid rgba(255, 255, 255, 0.06); padding-bottom: 15px; margin-bottom: 15px; } .news-widget-two ul li:last-child { border-bottom: 0px; } .news-widget-two ul li p { color: #848484; font-size: 16px; margin-bottom: 5px; } .news-widget-two ul li h5 { color: #fff; font-size: 16px; } /* working-hour-widget */ .working-hour-widget { position: relative; } .working-hour-widget ul li { color: #848484; font-size: 16px; margin-bottom: 5px; } .working-hour-widget { position: relative; } .working-hour-widget .discount { position: relative; border: 2px dashed #353e45; padding: 25px 20px 10px; margin-top: 26px; text-align: center; } .working-hour-widget .discount h4 { color: #fff; font-size: 22px; } .working-hour-widget .discount h4 span { font-size: 36px; color: #ff5ea5; } .working-hour-widget .discount p { color: #ff5ea5; } /*footer-bottom*/ .main-footer-two .footer-bottom{ position:relative; padding:22px 0px; background: #0b151e; } .main-footer-two .footer-bottom .copyright{ position:relative; color:#afafb5; font-size:16px; font-weight:400; margin-top: 6px; } .main-footer-two .footer-bottom .social-column{ text-align:right; } /*** ==================================================================== Info Section h_9 ==================================================================== ***/ .info-section{ position:relative; padding: 0 30px; padding-top: 30px; background: #19232c; z-index:10; -webkit-animation-name: floating; -webkit-animation-duration: 3s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: ease-in-out; -moz-animation-name: floating; -moz-animation-duration: 3s; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: ease-in-out; } .info-section .left-column .inner-box { position: relative; padding-left: 65px; border-right: 1px solid #2a343c; } .info-section .left-column .icon-box { position: absolute; left: 0; font-size: 50px; color: #ff5ea5; top: 17px; } .info-section .left-column h4 { color: #fff; } .info-section .left-column h2 { color: #ff5ea5; } .info-section .right-column { margin-top: 9px; } .info-section .right-column h4 { color: #fff; font-size: 20px; font-weight: 400; margin: 9px 0; margin-right: 30px; } .info-section .right-column h4:before { position: absolute; content: "\f118"; font-family: Flaticon; font-size: 80px; font-style: normal; margin-left: 20px; left: -23px; z-index: -1; color: #202a33; } .info-section .form-column { width: 67%; } .info-section input { width: calc(100% - 215px); height: 50px; padding: 0 15px; border: 1px solid rgba(244, 244, 244, 0.07); background: transparent; margin-bottom: 36px; } .info-section .btn-style-one { width: auto; padding: 11px 44px; margin-left: 20px; margin-bottom: 20px; } .info-section .social-icon-three { margin-bottom: 36px; } /*** ==================================================================== Welcome Section ==================================================================== ***/ .welcome-section{ position:relative; padding:70px 0px 50px; background-color: aliceblue; } .services-block-two{ position:relative; margin-bottom:30px; } .services-block-two .inner-box{ position:relative; } .services-block-two .inner-box .image{ position:relative; } .services-block-two .inner-box .image a:before{ position:absolute; content:''; left:0px; top:0px; width:100%; height:100%; display:block; z-index:1; opacity:0; background-color:rgba(0,0,0,0.75); 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; } .services-block-two .inner-box .image .icon-box{ position:absolute; left:15px; bottom:15px; width:50px; height:50px; color:#ffffff; font-size:28px; line-height:50px; text-align:center; z-index:2; background-color:#ff5ea5; } .services-block-two .inner-box .image img{ position:relative; width:100%; display:block; } .services-block-two .inner-box .lower-content{ position:relative; padding:25px 20px 20px; border:1px solid #eeeeee; } .services-block-two .inner-box .lower-content h3{ position:relative; font-size:18px; font-weight:400; padding-bottom:12px; margin-bottom:22px; } .services-block-two .inner-box .lower-content h3:before{ position:absolute; content:''; left:0px; bottom:0px; width:60px; height:1px; background-color:#ff5ea5; } .services-block-two .inner-box .lower-content h3 a{ color:#222222; 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; } .services-block-two .inner-box .lower-content h3 a:hover{ color:#ff5ea5; } .services-block-two .inner-box .lower-content .text{ position:relative; color:#848484; font-size:16px; line-height:1.8em; } .services-block-two .inner-box:hover .image a:before{ opacity:1; } /*Services List Section*/ .services-list-section{ position:relative; margin-top:30px; padding-top:60px; border-top:1px solid #eeeeee; } .services-block-three{ position:relative; margin-bottom:30px; } .services-block-three .inner-box{ position:relative; min-height:124px; padding-left:150px; border:1px solid #eeeeee; } .services-block-three .inner-box .image{ position:absolute; left:0px; top:0px; } .services-block-three .inner-box .image img{ width:100%; } .services-block-three .inner-box .content{ position:relative; padding-top:15px; } .services-block-three .inner-box .content h3{ position:relative; font-weight:400; font-size:18px; margin-bottom:4px; } .services-block-three .inner-box .content h3 a{ color:#222222; 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; } .services-block-three .inner-box .content h3 a:hover{ color:#ff5ea5; } .services-block-three .inner-box .content .text{ position:relative; color:#848484; font-size:16px; margin-bottom:6px; } .services-block-three .inner-box .content .read-more{ position:relative; font-weight:500; color:#ff5ea5; font-size:16px; } .services-block-three .inner-box .content .read-more .arrow{ position:relative; margin-right:4px; } /*** ==================================================================== Project Filter Section ==================================================================== ***/ .project-section .filters{ position:relative; text-align:center; padding-bottom:25px; } .position-relative { position: relative; } .project-section .filters.style-two { position: absolute; right: 0; top: -105px; } .project-section .filters li{ position: relative; line-height: 24px; padding: 0px 0px; cursor: pointer; color: #fff; font-weight: 400; font-size: 16px; display: inline-block; margin-bottom: 10px; margin:0px 10px; text-transform: uppercase; 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; } .project-section.default-bg .filters li { color: #848484; } .project-section .filters li:hover, .project-section .filters li.active{ color:#ff5ea5; } .project-section.default-bg .filters li:hover, .project-section.default-bg .filters li.active{ color:#ff5ea5; } /*Gallery Item Two*/ .gallery-item-two{ position:relative; margin-bottom:30px; } .gallery-item-two .inner-box{ position:relative; overflow:hidden; } .gallery-item-two .inner-box .image{ position:relative; } .gallery-item-two .inner-box .image img{ position:relative; width:100%; display:block; } .gallery-item-two .inner-box .overlay-box{ position:absolute; left:0px; top:0px; width:100%; display: grid; align-items: center; text-align: center; justify-content: center; height:100%; background-color:rgba(0,0,0,0.80); -webkit-transition:all 700ms ease; -ms-transition:all 700ms ease; -o-transition:all 700ms ease; transition:all 700ms ease; -webkit-transform:translate(-100%,0%); -ms-transform:translate(-100%,0%); -o-transform:translate(-100%,0%); -moz-transform:translate(-100%,0%); transform:translate(-100%,0%); } .gallery-item-two .inner-box .overlay-box:before { position: absolute; content: ''; border: 1px solid #747474; left: 10px; top: 10px; bottom: 10px; right: 10px; } .gallery-item-two .inner-box .content { margin-top: 15px; } .gallery-item-two .inner-box .content h3{ position:relative; font-size:18px; font-weight:400; } .gallery-item-two .inner-box .option-box a { color: #fff; } .gallery-item-two .inner-box .content h3 a{ position:relative; color:#ffffff; } .gallery-item-two.black-color .inner-box .content h3 a { color: #222; } .gallery-item-two .inner-box .content .category{ position:relative; color:#ff5ea5; font-size:16px; } .gallery-item-two .inner-box:hover .overlay-box{ opacity: 1; -webkit-transform: translate(0%); -ms-transform: translate(0%); -o-transform: translate(0%); -moz-transform: translate(0%); transform: translate(0%); } .gallery-item-two.mix{ display:none; } /*Gallery Item five*/ .gallery-item-five{ position:relative; margin-bottom:30px; } .gallery-item-five .inner-box{ position:relative; overflow:hidden; } .gallery-item-five .inner-box .image{ position:relative; } .gallery-item-five .inner-box .image img{ position:relative; width:100%; display:block; } .gallery-item-five .inner-box .overlay-box{ position:absolute; left:0px; top:0px; width:100%; display: grid; align-items: center; text-align: center; justify-content: center; height:100%; background-color:rgba(0,0,0,0.80); -webkit-transition:all 700ms ease; -ms-transition:all 700ms ease; -o-transition:all 700ms ease; transition:all 700ms ease; -webkit-transform:translate(-100%,0%); -ms-transform:translate(-100%,0%); -o-transform:translate(-100%,0%); -moz-transform:translate(-100%,0%); transform:translate(-100%,0%); } .gallery-item-five .inner-box .content { margin-top: 15px; } .gallery-item-five .inner-box .content h3{ position:relative; font-size:18px; font-weight:400; } .gallery-item-five .inner-box .option-box a { color: #fff; } .gallery-item-five .inner-box .overlay-box .option-box .image-link{ position: relative; font-size: 16px; color: #ffffff; width: 52px; height: 52px; line-height: 50px; text-align:center; display: inline-block; background: #ff5ea5; border-radius: 50%; border: 1px solid #ff5ea5; transition: all 300ms ease; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; } .gallery-item-five .inner-box .content h3 a{ position:relative; color:#222; } .gallery-item-five .inner-box .content .category{ position:relative; color:#ff5ea5; font-size:16px; } .gallery-item-five .inner-box:hover .overlay-box{ opacity: 1; -webkit-transform: translate(0%); -ms-transform: translate(0%); -o-transform: translate(0%); -moz-transform: translate(0%); transform: translate(0%); } .gallery-item-five.mix{ display:none; } /*** ==================================================================== About Section ==================================================================== ***/ .about-section{ position:relative; padding:75px 0px 50px; } .about-section .about-column{ position:relative; } .about-section .about-column .inner-column{ position:relative; } .about-section .about-column .inner-image-column{ position:relative; margin-bottom:30px; } @media (min-width: 992px){ .about-section .about-column .inner-image-column { width: 37.44444444%; } .about-section .about-column .inner-content-column { width: 61.66666666%; } } .about-section .about-column .inner-image-column .image{ position:relative; } .about-section .about-column .inner-image-column .image img{ position:relative; width:100%; } .about-section .about-column .inner-content-column{ position:relative; margin-bottom:30px; } .about-section .about-column .inner-content-column .text{ position:relative; } .about-section .about-column .inner-content-column .text p{ position:relative; color:#848484; font-size:16px; line-height:1.7em; margin-bottom:19px; } .about-section .about-column .inner-content-column h3{ position:relative; color:#222222; font-size:24px; margin-bottom:10px; } .about-section .quote-column{ position:relative; } .about-section .quote-column .inner-column{ position:relative; padding:40px 30px 10px; border:1px solid #eeeeee; } .about-section .quote-column .form-group{ margin-bottom:30px; } .about-section .quote-column .form-group button{ width:100%; } /*** ==================================================================== Testimonail Section Two ==================================================================== ***/ .testimonial-section-two{ position:relative; padding:80px 0px 80px; } .testimonial-section-two.style-two .owl-dots, .testimonial-section-two.style-two .owl-nav{ display:none; } .testimonial-section-two.style-two .btn-style-four{ margin-top:50px; } .testimonial-block-two{ position:relative; padding:30px 0px; } .testimonial-block-two .inner-box{ position:relative; padding:0px 30px 20px; background-color:#ffffff; } .testimonial-block-two .inner-box{ position:relative; } .testimonial-block-two .inner-box .quote-icon{ position:relative; width:70px; height:70px; color:#ff5ea5; line-height:64px; font-size:28px; text-align:center; border-radius:50%; margin-top:-40px; display:inline-block; border:4px solid #ffffff; background-color:#f7f7f7; } .testimonial-block-two .inner-box .text{ position:relative; color:#848484; line-height:1.8em; padding-left: 100px; margin-top:15px; } .testimonial-block-two .inner-box .text span { position: absolute; color: #f4f4f4; font-size: 60px; left: 1px; top: 40px; } .testimonial-block-two .inner-box .lower-box{ position:relative; padding-top:22px; } .testimonial-block-two .inner-box .lower-box .author-info{ position:relative; } .testimonial-block-two .inner-box .lower-box .author-info .author-inner{ position:relative; padding-left:100px; padding-top:8px; min-height:70px; } .testimonial-block-two .inner-box .lower-box .author-info .author-inner .image{ position:absolute; left:0px; top:0px; width:70px; height:70px; border-radius:50%; overflow:hidden; } .testimonial-block-two .inner-box .lower-box .author-info .author-inner h3{ position:relative; color:#222222; font-size:18px; } .testimonial-block-two .inner-box .lower-box .author-info .author-inner .author-location{ position:relative; color:#ff5ea5; font-size:16px; } .testimonial-block-two .inner-box .lower-box .rating{ position: relative; padding: 2px 10px; display: inline-block; margin-top:20px; border: 1px solid #eeeeee; } .testimonial-block-two .inner-box .lower-box .rating .fa{ color: #ebce09; margin: 0px 2px; } .testimonial-block-two .inner-box:after{ position:absolute; content:''; left:30px; bottom:-25px; border-top: 25px solid #ffffff; border-right: 25px solid transparent; } .testimonial-section-two .owl-nav{ display:none; } .testimonial-section-two .owl-dots{ position:relative; text-align:center; margin-top:40px; } .testimonial-section-two .owl-dots .owl-dot{ position:relative; display:inline-block; margin:0px 10px; } .testimonial-section-two .owl-dots .owl-dot span{ position:relative; display:block; width:10px; height:10px; border-radius:50%; border:2px solid #e5e5e5; 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; } .testimonial-section-two .owl-dots .owl-dot.active span, .testimonial-section-two .owl-dots .owl-dot:hover span{ background:#ff5ea5; border-color:#ff5ea5; } /*** ==================================================================== News Section Two ==================================================================== ***/ .news-section-two{ position:relative; padding:80px 0px 40px; } .news-section-two .border-column { position: relative; border: 1px solid #f4f4f4; } .news-section-two .sec-title .sec-title-inner{ position:relative; padding-right:200px; } .news-section-two .sec-title .sec-title-inner .theme-btn{ position:absolute; right:0px; top:0px; } .news-block-two{ position:relative; margin-bottom:40px; } .news-block-two .inner-box{ position:relative; } .news-block-two .inner-box .image{ position:relative; } .news-block-two .inner-box .image img{ position:relative; width:100%; display:block; } .news-block-two .inner-box .lower-content{ position:relative; padding-top:25px; } .news-block-two .inner-box .lower-content .category{ position:relative; color:#222222; font-size:16px; padding:3px 18px; margin-bottom:20px; display:inline-block; border:1px solid #ff5ea5; } .news-block-two .inner-box .lower-content h3{ position:relative; font-size:18px; font-weight:400; } .news-block-two .inner-box .lower-content h3 a{ position:relative; color:#222222; 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; } .news-block-two .inner-box .lower-content h3 a:hover{ color:#ff5ea5; } .news-block-two .inner-box .lower-content .post-info{ position:relative; } .news-block-two .inner-box .lower-content .post-info li{ position:relative; color:#848484; font-size:16px; margin-right:10px; padding-right:10px; display:inline-block; line-height:1em; border-right:1px solid #cecece; } .news-block-two .inner-box .lower-content .post-info li:last-child{ border:0px; padding-right:0px; margin-right:0px; } .news-block-two .inner-box .lower-content .text{ position:relative; color:#848484; font-size:16px; line-height:1.7em; margin-top:10px; } /*News Block Three*/ .news-block-three{ position:relative; margin-bottom: 10px; } .news-block-three .inner-box{ position:relative; padding: 18px 18px 10px; border-bottom:1px solid #eeeeee; } .news-block-three .inner-box .category{ position:relative; color:#222222; font-size:16px; padding:3px 18px; margin-bottom: 16px; display:inline-block; border:1px solid #ff5ea5; } .news-block-three .inner-box h3{ position:relative; font-size:18px; font-weight:400; margin-bottom:4px; } .news-block-three .inner-box h3 a{ position:relative; color:#222222; 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; } .news-block-three .inner-box h3 a:hover{ color:#ff5ea5; } .news-block-three .inner-box .post-info{ position:relative; } .news-block-three .inner-box .post-info li{ position:relative; color:#848484; font-size:16px; margin-right:10px; padding-right:10px; display:inline-block; line-height:1em; border-right:1px solid #cecece; } .news-block-three .inner-box .post-info li:last-child{ border:0px; padding-right:0px; margin-right:0px; } .news-block-three .inner-box .text{ position:relative; color:#848484; font-size:16px; line-height:1.7em; margin-top:10px; } .news-block-three:last-child .inner-box{ position:relative; border:0px; } .clients-section-two{ position:relative; } /*** ==================================================================== Client Section Two ==================================================================== ***/ .clients-section-two{ position:relative; padding:75px 0px 80px; } .clients-section-two h2{ position:relative; color:#222222; font-size:24px; font-weight:400; text-align:center; margin-bottom:40px; } .clients-section-two .owl-nav, .clients-section-two .owl-dots{ display:none; } .clients-section-two .image-box{ text-align:center; border:1px solid #eeeeee; transition: all 300ms ease; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; } .clients-section-two .image-box:after{ position:absolute; content:''; left:4px; right:4px; top:4px; bottom:4px; border:1px solid #eeeeee; transition: all 300ms ease; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; } .clients-section-two .image-box img{ position: relative; padding:8px 20px; width: auto; max-width: 100%; z-index:1; display: inline-block; transition: all 300ms ease; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; } .clients-section-two .image-box:hover, .clients-section-two .image-box:hover:after{ border-color:#ff5ea5; } /*** ==================================================================== Call To Action Section ==================================================================== ***/ .call-to-action-section-two{ position:relative; } .call-to-action-section-two .inner-box{ position:relative; padding:22px 30px; margin-top:-50px; z-index:10; background-attachment:fixed; background-position:left bottom; background-repeat:no-repeat; background-size:cover; } .call-to-action-section-two .inner-box:before{ position:absolute; content:''; left:0px; top:0px; width:100%; height:100%; display:block; background-color:#ff5ea5; } .call-to-action-section-two .text{ position:relative; color:#ffffff; font-size:20px; font-weight:400; margin-top:13px; } .call-to-action-section-two .btn-column{ position:relative; text-align:right; } /*** ==================================================================== About Section ==================================================================== ***/ .about-section .image-column{ position:relative; margin-bottom:40px; } .about-section .image-column .image{ position:relative; } .about-section .image-column .image img{ position:relative; width:100%; display:block; } .about-section .content-column{ position:relative; } .about-section .content-column h3{ position:relative; color:#222222; font-size:24px; font-weight:500; line-height:1.4em; margin-bottom:20px; } .about-section .content-column .text{ position:relative; color:#848484; font-size:16px; line-height:1.6em; margin-bottom:30px; } .about-section .content-column .info-list{ position:relative; margin-bottom:14px; } .about-section .content-column .info-list li{ position:relative; width:33.3333%; float:left; color:#222222; font-size:16px; font-weight:700; padding-left:40px; line-height:1.4em; margin-bottom:15px; display:inline-block; } .about-section .content-column .info-list li .icon{ position:absolute; left:0px; top:5px; font-weight:400; font-size:30px; color:#ff5ea5; line-height:1em; } .about-section .content-column .number-info{ position:relative; margin-left:-25px; } .about-section .content-column .number-info .info-inner{ position:relative; padding-left:45px; } .about-section .content-column .number-info .info-inner .icon{ position:absolute; left:0px; top: 16px; color:#ff5ea5; font-size: 30px; line-height:1em; } .about-section .content-column .number-info .info-inner .text{ position:relative; color:#ff5ea5; font-size:18px; font-weight:500; } .about-section .content-column .number-info .info-inner .text span{ display:block; font-size:20px; color:#222222; font-family: 'Montserrat', sans-serif; } /*** ==================================================================== Services Section Two ==================================================================== ***/ .services-section-two{ position:relative; padding:75px 0px 50px; } .services-section-two:before{ position:absolute; content:''; left:0px; top:-20px; width:100%; height:20px; } .services-block-four{ position:relative; margin-bottom:30px; } .services-block-four .inner-box{ position:relative; padding:25px 20px; border:1px solid #e5e5e5; 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; } .services-block-four .inner-box .content{ position:relative; padding-left:50px; } .services-block-four .inner-box .content .icon-box{ position:absolute; left:0px; top:4px; color:#ff5ea5; font-size:36px; line-height:1em; } .services-block-four .inner-box .content h3{ position:relative; font-size:18px; font-weight:400; margin-bottom:5px; } .services-block-four .inner-box .content h3 a{ position:relative; color:#222222; 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; } .services-block-four .inner-box .content h3 a:hover{ color:#ff5ea5; } .services-block-four .inner-box .content .text{ position:relative; color:#848484; font-size:16px; line-height:1.7em; margin-bottom:10px; } .services-block-four .inner-box .content .read-more{ position:relative; color:#222222; font-size:16px; font-weight:500; 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; } .services-block-four .inner-box .content .read-more .arrow{ position:relative; margin-left:2px; } .services-block-four .inner-box .content .read-more:hover{ color:#ff5ea5; } .services-block-four .inner-box:hover{ background-color:#ffffff; } /*Gallery Item Three*/ .gallery-item-three{ position:relative; } .gallery-item-three .inner-box{ position:relative; overflow:hidden; } .gallery-item-three .inner-box .image{ position:relative; } .gallery-item-three .inner-box .image img{ position:relative; width:100%; display:block; } .gallery-item-three .inner-box .overlay-box{ position:absolute; left:0px; top:0px; width:100%; display:block; height:100%; background-color:rgba(0,0,0,0.80); -webkit-transition:all 700ms ease; -ms-transition:all 700ms ease; -o-transition:all 700ms ease; transition:all 700ms ease; -webkit-transform:translate(-100%,0%); -ms-transform:translate(-100%,0%); -o-transform:translate(-100%,0%); -moz-transform:translate(-100%,0%); transform:translate(-100%,0%); } .gallery-item-three .inner-box .overlay-box .option-box{ position:absolute; left:50%; top:50%; margin-left: -26px; margin-top: -75px; } .gallery-item-three .inner-box .overlay-box .option-box .image-link{ position: relative; font-size: 16px; color: #ffffff; width: 52px; height: 52px; line-height: 50px; text-align:center; display: inline-block; background: #ff5ea5; border-radius: 50%; border: 1px solid #ff5ea5; transition: all 300ms ease; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; } .gallery-item-three .inner-box .overlay-box .option-box .image-link.lightbox-image{ position: relative; left: -5px; } .gallery-item-three .inner-box .overlay-box .content{ position:absolute; left:0px; top: 50%; margin-top: -28px; padding-top: 30px; width: 100%; text-align: center; } .gallery-item-three .inner-box .overlay-box .content h3{ position:relative; font-size:18px; font-weight:400; } .gallery-item-three .inner-box .overlay-box .content h3 a{ position:relative; color:#ffffff; } .gallery-item-three .inner-box .overlay-box .content .category{ position:relative; color: #ffffff; font-size:16px; } .gallery-item-three .inner-box:hover .overlay-box{ opacity: 1; -webkit-transform: translate(0%); -ms-transform: translate(0%); -o-transform: translate(0%); -moz-transform: translate(0%); transform: translate(0%); } .gallery-item-three.mix{ display:none; } /*Gallery Item Four*/ .project-section.fullwidth-galley.padd-bottom-50 { padding-bottom: 50px; } .project-section.fullwidth-galley.padd-bottom-80 { padding-bottom: 80px; } .gallery-item-four{ position:relative; } .gallery-item-four .inner-box{ position:relative; overflow:hidden; margin: 0 15px 30px; } .gallery-item-four .inner-box .image{ position:relative; } .gallery-item-four .inner-box .image img{ position:relative; width:100%; display:block; } .gallery-item-four .inner-box .overlay-box{ position:absolute; left:0px; top:0px; width:100%; display:block; height:100%; background-color:rgba(0,0,0,0.80); -webkit-transition:all 700ms ease; -ms-transition:all 700ms ease; -o-transition:all 700ms ease; transition:all 700ms ease; -webkit-transform:translate(-100%,0%); -ms-transform:translate(-100%,0%); -o-transform:translate(-100%,0%); -moz-transform:translate(-100%,0%); transform:translate(-100%,0%); } .gallery-item-four .inner-box .overlay-box .option-box{ position:absolute; left: 25px; bottom: 25px; } .gallery-item-four .inner-box .overlay-box .option-box .image-link{ position: relative; font-size: 16px; color: #ffffff; width: 52px; height: 52px; line-height: 50px; text-align:center; display: inline-block; background: #ff5ea5; border: 1px solid #ff5ea5; transition: all 300ms ease; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; } .gallery-item-four .inner-box .overlay-box .option-box .image-link.lightbox-image{ position: relative; left: -5px; } .gallery-item-four .inner-box .overlay-box .content{ position:absolute; left:0px; top: 50%; margin-top: -28px; width: 100%; text-align: center; } .gallery-item-four .inner-box .overlay-box .content h3{ position:relative; font-size:18px; font-weight:400; } .gallery-item-four .inner-box .overlay-box .content h3 a{ position:relative; color:#ffffff; } .gallery-item-four .inner-box .overlay-box .content .category{ position:relative; color: #ff5ea5; font-size:16px; } .gallery-item-four .inner-box .overlay-box:before { position: absolute; content: ''; border: 1px solid #747474; left: 10px; top: 10px; bottom: 10px; right: 10px; } .gallery-item-four .inner-box:hover .overlay-box{ opacity: 1; -webkit-transform: translate(0%); -ms-transform: translate(0%); -o-transform: translate(0%); -moz-transform: translate(0%); transform: translate(0%); } .gallery-item-four.mix{ display:none; } /*Gallery Item six*/ .project-section.fullwidth-galley.padd-bottom-50 { padding-bottom: 50px; } .gallery-item-six{ position:relative; } .gallery-item-six .inner-box{ position:relative; overflow:hidden; margin: 0 15px 30px; } .gallery-item-six .inner-box .image{ position:relative; } .gallery-item-six .inner-box .image img{ position:relative; width:100%; display:block; } .gallery-item-six .inner-box .overlay-box{ position:absolute; left:0px; top:0px; width:100%; display:block; height:100%; background-color:rgba(0,0,0,0.80); -webkit-transition:all 700ms ease; -ms-transition:all 700ms ease; -o-transition:all 700ms ease; transition:all 700ms ease; -webkit-transform:translate(-100%,0%); -ms-transform:translate(-100%,0%); -o-transform:translate(-100%,0%); -moz-transform:translate(-100%,0%); transform:translate(-100%,0%); } .gallery-item-six .inner-box .overlay-box .option-box{ position:absolute; left: 25px; bottom: 25px; } .gallery-item-six .inner-box .overlay-box .option-box .image-link{ position: relative; font-size: 16px; color: #ffffff; width: 52px; height: 52px; line-height: 50px; text-align:center; display: inline-block; background: #ff5ea5; border: 1px solid #ff5ea5; transition: all 300ms ease; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; } .gallery-item-six .inner-box .overlay-box .option-box .image-link.lightbox-image{ position: relative; left: -5px; } .gallery-item-six .inner-box .overlay-box .content{ position:absolute; left:0px; top: 50%; margin-top: -28px; width: 100%; text-align: center; } .gallery-item-six .inner-box .overlay-box .content h3{ position:relative; font-size:18px; font-weight:400; } .gallery-item-six .inner-box .overlay-box .content h3 a{ position:relative; color:#ffffff; } .gallery-item-six .inner-box .overlay-box .content .category{ position:relative; color: #ff5ea5; font-size:16px; } .gallery-item-six .inner-box .overlay-box:before { position: absolute; content: ''; border: 1px solid #747474; left: 10px; top: 10px; bottom: 10px; right: 10px; } .gallery-item-six .inner-box:hover .overlay-box{ opacity: 1; -webkit-transform: translate(0%); -ms-transform: translate(0%); -o-transform: translate(0%); -moz-transform: translate(0%); transform: translate(0%); } .gallery-item-six.mix{ display:none; } /*============ single gallery ============*/ .single-gallery { position: relative; padding: 80px 0 50px; } .single-gallery .img-box { position: relative; padding-bottom: 30px; } .single-gallery .share-project { padding-left: 140px; position: relative; margin-top: 15px; } .single-gallery .share-project .title { left: 0; position: absolute; top: 2px; } .single-gallery .share-project .title h5 { color: #303030; font-size: 16px; font-weight: 400; text-transform: capitalize; } .single-gallery .share-project .social-share { padding-left: 40px; } .single-gallery .share-project .social-share ul li { display: inline-block; margin-right: 15px; } .single-gallery .share-project .social-share ul li a { color: #9a9a9a; font-size: 14px; } .single-gallery .share-project .social-share ul li a:hover { color: #ff5722; transition: .5s ease; } .single-gallery .project-info-list { overflow: hidden; margin: 0 -15px; margin-top: 20px; } .single-gallery .project-info-list li { border-bottom: 1px solid #f7f7f7; float: left; margin: 0 15px 15px; overflow: hidden; padding-bottom: 9px; width: 42%; padding-left: 29px; position: relative; } .single-gallery .project-info-list li .icon-holder { left: 0; position: absolute; } .single-gallery .project-info-list li .icon-holder i { font-size: 14px; color: #ff5ea5; } .single-gallery .project-info-list li .text-holder {} .single-gallery .project-info-list li .text-holder h5 { color: #252525; font-size: 16px; font-weight: 400; text-transform: capitalize; margin: 0 0 3px; } .single-gallery .project-info-list li .text-holder p { margin: 0; } /* project description */ .project-description { position: relative; } .project-description h3 { font-weight: 700; margin-bottom: 15px; color: #222; } .project-quote { position: relative; background: #f7f7f7; padding: 25px 70px 25px; border-left: 1px solid #ff5ea5; margin-top: 30px; margin-bottom: 70px; } .project-quote:before { position: absolute; content: ''; height: 120px; width: 1px; background: #ff5ea5; top: 0; left: 3px; } .project-quote .quote-icon { position: absolute; left: 25px; top: 32px; color: #e6e6e6; font-size: 26px; } .project-quote .text { font-style: italic; color: #848484; font-size: 18px; } .project-quote h4 { color: #222; font-style: normal; margin-top: 10px; } .project-quote h4 span { color: #ff5ea5; font-size: 16px; } /*** ==================================================================== Team Section ==================================================================== ***/ .team-section{ position:relative; padding:80px 0px 40px; } .team-member{ position:relative; margin-bottom:40px; border: 1px solid #f4f4f4; padding: 10px; } .team-member .inner-box .social-icon-one { display: inline-block; border: 1px solid #f4f4f4; padding: 0px 5px 0px; top: -18px; z-index: 9; background: #fff; } .team-member .inner-box .social-icon-one:before { position: absolute; content: ''; width: 40px; height: 40px; top: -3px; left: -18px; background: #fff; border: 1px solid #f4f4f4; transform: rotate(-45deg); } .team-member .inner-box .social-icon-one:after { position: absolute; content: ''; width: 40px; height: 40px; top: -3px; right: -18px; background: #fff; border: 1px solid #f4f4f4; transform: rotate(-45deg); } .team-member .inner-box .social-icon-one li { margin: 0; padding: 5px 10px 3px; background: #fff; z-index: 9; } .team-member .inner-box .social-icon-one li a { font-size: 14px; } .team-member .inner-box .social-icon-one li a:hover { color: #ff5ea5; } .team-member .inner-box .social-icon-one li a:before { position: absolute; content: ''; background: #e0edf4; height: 10px; width: 1px; top: 3px; right: -13px; } .team-member .inner-box .social-icon-one li:last-child a:before { display: none; } .team-member .inner-box{ position:relative; } .team-member .inner-box .image{ position:relative; margin-bottom: 0px; } .team-member .inner-box .image img{ position:relative; width:100%; display:block; } .team-member .inner-box .image .overlay-box{ position:absolute; left:0px; top:0px; width:100%; height:100%; opacity:0; text-align:center; background-color:rgba(0, 0, 0, 0.8); transition: all 600ms ease; -webkit-transition: all 600ms ease; -ms-transition: all 600ms ease; -o-transition: all 600ms ease; } .team-member .inner-box .image .overlay-box .social-icon-two{ top:50%; margin-top:-20px; } .team-member .inner-box:hover .overlay-box{ opacity:1; } .team-member .inner-box .lower-content{ position:relative; text-align: center; } .team-member .inner-box .lower-content h3{ position:relative; font-size:18px; font-weight:400; } .team-member .inner-box .lower-content h3 a{ position:relative; color:#222222; transition: all 300ms ease; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; } .team-member .inner-box .lower-content h3 a:hover{ color:#ff5ea5; } .team-member .inner-box .lower-content .designation{ position:relative; color:#ff5ea5; font-size:16px; margin-bottom:6px; } .team-member .inner-box .lower-content .text{ position:relative; color:#848484; font-size:16px; line-height:1.7em; } .team-member .inner-box .lower-content .mail { position: relative; margin-top: 10px; padding-top: 10px; } .team-member .inner-box .lower-content .mail:before { position: absolute; content: ''; width: 70px; height: 1px; background: #f4f4f4; top: 0; left: 50%; margin-left: -35px; } .team-member .inner-box .lower-content .mail a { color: #848484; } .team-member .inner-box .lower-content .mail a i { margin-right: 5px; } .team-section .owl-dots{ display:none; } .team-section .owl-nav{ position:absolute; right:0px; top:-90px; } .team-section .owl-nav .owl-prev, .team-section .owl-nav .owl-next{ display:inline-block; width:40px; height:40px; color:#eeeeee; line-height:36px; text-align:center; font-size:24px; margin-left:10px; border:1px solid #eeeeee; 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; } .team-section .owl-nav .owl-prev:hover, .team-section .owl-nav .owl-next:hover{ color:#ff5ea5; border-color:#ff5ea5; } /*** ==================================================================== Call To Action Section Three ==================================================================== ***/ .call-to-action-section-three{ position:relative; padding:90px 0px; background-attachment:fixed; background-position:center center; background-repeat:no-repeat; background-size:cover; } .call-to-action-section-three:before{ position:absolute; content:''; left:0px; top:0px; width:100%; height:100%; background-color:#ff5ea5; } .call-to-action-section-three .inner-box{ position:relative; padding:35px 0px; text-align:center; border:2px solid rgba(255,255,255,0.10); } .call-to-action-section-three .inner-box .text{ position:relative; font-size:30px; font-weight:400; color:#fff; line-height:1.4em; font-family: 'Montserrat', sans-serif; } .testimonial-block-three{ position:relative; padding-top:40px; } .testimonial-block-three .inner-box{ position:relative; border:1px solid #eeeeee; padding-top: 32px; } .testimonial-block-three .inner-box .upper-box{ position:relative; text-align:center; } .testimonial-block-three .inner-box .upper-box .image{ position:relative; width:80px; height:80px; border-radius:50%; margin:0 auto; margin-bottom:22px; z-index: 9; } .testimonial-block-three .inner-box .upper-box .image img{ position:relative; border-radius:50%; } .testimonial-block-three .inner-box .upper-box .image:before{ position:absolute; content:''; left:-5px; top:-5px; right:-5px; bottom:-5px; border-radius:50%; border:1px solid #eeeeee; background-color:#ffffff; } .testimonial-block-three .inner-box .upper-box .quote { position: absolute; left: 0; top: 13px; right: 0; padding: 12px 20px; text-align: left; background: #f7f7f7; z-index: -9; color: #dedede; font-size: 30px; } .testimonial-block-three .inner-box .upper-box h3{ position:relative; color:#222222; font-size:18px; font-weight:400; margin-bottom:8px; } .testimonial-block-three .inner-box .upper-box p { color: #fff; font-size: 16px; margin-bottom: 10px; } .testimonial-block-three .inner-box .upper-box .text{ position:relative; color:#181818; background: #f7f7f7; font-size:16px; line-height:1.7em; padding-bottom:20px; padding-top:20px; } .testimonial-block-three .inner-box .upper-box .text:before { position: absolute; content: ''; height: 25px; width: 25px; background: #fff; left: 50%; margin-left: -12px; top: -12px; transform: rotate(-45deg); } .testimonial-block-three .inner-box .lower-box{ position:relative; padding:15px 20px; border-top:1px solid #eeeeee; } .testimonial-block-three .inner-box .lower-box h3{ position:relative; color:#222222; font-size:18px; font-weight:400; line-height:1.4em; } .testimonial-block-three .inner-box .lower-box .author-location{ position:relative; color:#fff; font-size:16px; } .testimonial-block-three .inner-box .lower-box .rating{ position: relative; padding: 2px 10px; display: inline-block; margin-top: 10px; border: 1px solid #eeeeee; } .testimonial-block-three .inner-box .lower-box .rating .fa{ color: #fff; margin: 0px 2px; } /*** ==================================================================== Quote Section ==================================================================== ***/ .quote-section{ position:relative; padding:80px 0px 80px; background-attachment:fixed; background-position:left bottom; background-repeat:no-repeat; background-size:cover; } .quote-section:before{ position:absolute; content:''; left:0px; top:0px; width:100%; height:100%; display:block; background-color: #222222; } .quote-section .quote-inner{ position:relative; padding:40px 40px; background-color:rgba(255,255,255,0.10); } .quote-section .quote-inner .form-column{ position:relative; } .quote-section .quote-inner .contact-column{ position:relative; } .quote-section .quote-inner .contact-column .column-inner{ position:relative; padding:30px 30px; border:1px solid rgba(255,255,255,0.10); } .quote-section .quote-inner .contact-column .column-inner h2{ position:relative; color:#ffffff; font-size:24px; font-weight:600; text-align:center; margin-bottom:12px; } /*** ==================================================================== Client Section ==================================================================== ***/ .clients-section-three{ position:relative; padding:70px 0px 60px; } .clients-section-three .owl-nav, .clients-section-three .owl-dots{ display:none; } .clients-section-three .image-box{ text-align:center; } .clients-section-three .image-box img{ position: relative; width: auto; max-width: 100%; display: inline-block; transition: all 300ms ease; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; } /*** ==================================================================== Subscribe Section ==================================================================== ***/ .subscribe-section{ position:relative; padding:80px 0px 60px; } .subscribe-section .sec-title{ margin-bottom:40px; } .subscribe-section .dark-text{ position:relative; color:#848484; font-size:16px; text-align:center; margin-bottom:30px; } /*Subscribe widget*/ .subscribe-form{ position:relative; } .subscribe-form .form-group{ position:relative; display:block; margin-bottom:20px; } .subscribe-form .form-group input[type="text"], .subscribe-form .form-group input[type="email"]{ position:relative; display:block; width:100%; line-height:31px; padding:12px 20px; height:55px; font-size:14px; background:#ffffff; color:#848484; border:1px solid #eeeeee; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease; } .subscribe-form .form-group input[type="text"]:focus, .subscribe-form .form-group input[type="email"]:focus{ border-color:#ff5ea5; } .subscribe-form .form-group input[type="submit"], .subscribe-form button{ width:100%; } /*subscribe form style two*/ .subscribe-form-two { position: relative; background: #f7f7f7; padding: 30px 30px 15px; } @media (min-width: 992px) { .subscribe-form-two { margin-top: -87px; } } .subscribe-form-two h4 { font-weight: 600; color: #222; margin-bottom: 15px; } .subscribe-form-two .form-group { position: relative; margin-top: 19px; } .subscribe-form-two input { position: relative; width: 100%; padding: 11px 20px; padding-right: 50px; border: 1px solid #f4f4f4; } .subscribe-form-two button { position: absolute; right: 0; border-left: 1px solid #f4f4f4; padding: 0 20px; background: transparent; top: 1px; color: #ff5ea5; font-size: 16px; line-height: 49px; } .subscribe-form-two p { color: #ff5ea5; } /*subscribe form style three*/ .subscribe-form-three { position: relative; } @media (min-width: 992px) { .subscribe-form-three { } } .subscribe-form-three h4 { font-weight: 600; color: #222; margin-bottom: 15px; } .subscribe-form-three .form-group { position: relative; margin-top: 19px; background: transparent; } .subscribe-form-three input { position: relative; width: 100%; padding: 11px 20px; padding-right: 50px; border: 1px solid rgba(244, 244, 244, 0.15); background: transparent; } .subscribe-form-three button { position: absolute; right: 0; border-left: 1px solid rgba(255, 255, 255, 0.15); padding: 0 20px; background: transparent; top: 1px; color: #ff5ea5; font-size: 16px; line-height: 49px; } .subscribe-form-three p { color: #ff5ea5; } /*** ==================================================================== Featured Section ==================================================================== ***/ .featured-section{ position:relative; } .featured-section .outer-container{ position:relative; margin-top:-110px; z-index:10; } .featured-section .outer-container .row{ margin:0px -10px; } .featured-section .outer-container .featured-block{ position:relative; padding:0px 10px; margin-bottom:30px; } .featured-block .inner-box{ position:relative; } .featured-block .inner-box .image{ position:relative; text-align: center; } .featured-block .inner-box .image:after{ position:absolute; content:''; left:0px; top:0px; width:100%; height:100%; display:block; opacity:0; background-color:rgba(0,0,0,0.80); 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; } .featured-block .inner-box .image img{ position:relative; width:100%; display:block; } .featured-block .inner-box:hover .image .icon-box{ color:#ffffff; border-color:#ff5ea5; background-color:#ff5ea5; bottom: 50%; } .featured-block .inner-box .image .icon-box{ position: absolute; width:70px; height:70px; bottom: 0%; left: 50%; margin-left: -35px; color:#ff5ea5; line-height:70px; border-radius:50%; text-align:center; z-index: 9; font-size:32px; margin-bottom:-35px; background-color:#ffffff; border:1px solid #f1f1f1; 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; } .featured-block .inner-box:hover .image:after{ opacity:1; } .featured-block .inner-box .lower-content{ position:relative; text-align:center; padding: 10px 15px 0; border:1px solid #eeeeee; overflow: hidden; } .featured-block .inner-box .lower-content .outer-box { position: relative; top: 39px; transition: .5s ease; } .featured-block .inner-box:hover .lower-content .outer-box { position: relative; top: 0; transition: .5s ease; } .featured-block .inner-box .lower-content h3{ position:relative; font-size:18px; font-weight:400; } .featured-block .inner-box .lower-content h3 a{ color:#222222; 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; } .featured-block .inner-box .lower-content h3 a:hover{ color:#ff5ea5; } .featured-block .inner-box .lower-content .title{ position:relative; font-size:16px; color:#ff5ea5; margin-bottom: 5px; } .featured-block .inner-box .lower-content .text{ position:relative; font-size:16px; color:#848484; font-weight:300; } .featured-block .inner-box .lower-content .readmore { color: #222; border: 1px solid #f4f4f4; padding: 5px 25px; display: inline-block; margin-top: 20px; } /*** ==================================================================== Services Section Three ==================================================================== ***/ .services-section-three{ position:relative; padding:50px 0px 20px; } .services-block-five{ position:relative; margin-bottom:45px; } .services-block-five .inner-box{ position:relative; padding-left:100px; } .services-block-five .inner-box:hover .icon-box{ color:#ffffff; background-color:#ff5ea5; } .services-block-five .inner-box .icon-box{ position:absolute; left:0px; top:0px; width:80px; height:80px; font-size:38px; line-height:80px; text-align:center; border-radius:50%; background-color:#f7f7f7; 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; } .services-block-five .inner-box h3{ position:relative; font-size:18px; font-weight:400; line-height:1.2em; margin-bottom:15px; } .services-block-five .inner-box h3 a{ color:#222222; 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; } .services-block-five .inner-box h3 a:hover{ color:#ff5ea5; } .services-block-five .inner-box .text{ position:relative; color:#848484; font-size:16px; } /*** ==================================================================== Services Section Three ==================================================================== ***/ .services-section-four{ position:relative; padding:80px 0px 20px; background: #f7f7f7; } .services-block-six{ position:relative; margin-bottom:45px; } .services-block-six .inner-box{ position:relative; padding-left:100px; } .services-block-six .inner-box:hover .icon-box{ color:#ffffff; background-color:#ff5ea5; } .services-block-six .inner-box .icon-box{ position:absolute; left:0px; top:0px; width:80px; height:80px; font-size:38px; line-height:80px; text-align:center; border-radius:50%; background-color:#fff; 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; } .services-block-six .inner-box h3{ position:relative; font-size:18px; font-weight:400; line-height:1.2em; margin-bottom:15px; } .services-block-six .inner-box h3 a{ color:#222222; 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; } .services-block-six .inner-box h3 a:hover{ color:#ff5ea5; } .services-block-six .inner-box .text{ position:relative; color:#848484; font-size:16px; } /* services block seven */ .services-block-seven{ position:relative; margin-bottom:45px; } .services-block-seven .inner-box{ position:relative; padding-left:100px; } .services-block-seven .inner-box:hover .icon-box{ color:#ffffff; background-color:#ff5ea5; } .services-block-seven .inner-box .icon-box{ position:absolute; left:0px; top:0px; width:80px; color: #fff; height:80px; font-size:38px; line-height:80px; text-align:center; border-radius:50%; background-color: #ff5ea5; 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; } .services-block-seven .inner-box h3{ position:relative; font-size:18px; font-weight: 500; line-height:1.2em; margin-bottom:15px; } .services-block-seven .inner-box h3 a{ color:#222222; 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; } .services-block-seven .inner-box h3 a:hover{ color:#ff5ea5; } .services-block-seven .inner-box .text{ position:relative; color:#848484; font-size:16px; } /*** ==================================================================== Testimonial Section Three ==================================================================== ***/ .testimonial-section-three{ position:relative; padding:80px 0px 80px; } .testimonial-section-three .testimonial-outer{ max-width:970px; margin:0 auto; } .testimonial-section-three .testimonial-outer .quote-icon{ position:relative; width:60px; height:60px; text-align:center; margin:0 auto; border:1px solid #e5e5e5; background:url(../images/icons/quote-icon.png) center center no-repeat; } .testimonial-block-one{ position:relative; } .testimonial-block-one .inner-box{ position:relative; text-align:center; } .testimonial-block-one .inner-box .quote-icon{ position:relative; color:#fff; font-size:28px; margin-bottom:40px; } .testimonial-block-one .inner-box .text{ position:relative; color:#fff; font-size:16px; max-width:770px; margin:0 auto; margin-top:40px; line-height:1.8em; margin-bottom:40px; font-weight:400; } .testimonial-section-three .client-thumb-outer{ position:relative; max-width:550px; margin:0 auto; overflow:hidden; } .testimonial-section-three .client-thumb-outer .owl-item{ opacity:0.4; } .testimonial-section-three .client-thumb-outer .owl-item.active{ opacity:1; } .testimonial-section-three .client-thumb-outer .owl-item.active .thumb-item .thumb-box{ -o-transform: scale(1.0, 1.0); -ms-transform: scale(1.0, 1.0); -webkit-transform: scale(1.0, 1.0); transform: scale(1.0, 1.0); } .testimonial-section-three .client-thumb-outer .client-thumbs-carousel{ position: relative; max-width: 150px; margin: 0 auto; text-align:center; } .testimonial-section-three .client-thumb-outer .client-thumbs-carousel .owl-stage-outer{ overflow:visible; } .testimonial-section-three .client-thumbs-carousel .thumb-item .thumb-content{ position:relative; text-align:center; margin-top:25px; opacity:0; margin-left: -30px; margin-right: -30px; } .testimonial-section-three .client-thumbs-carousel .thumb-item .thumb-content h3{ font-size:18px; font-weight:500; color:#fff; letter-spacing:1px; text-transform:capitalize; font-family: 'Montserrat', sans-serif; } .testimonial-section-three .client-thumbs-carousel .thumb-item .thumb-content .designation{ color:#fff; font-size:16px; font-weight:400; letter-spacing:1px; text-transform:capitalize; } .testimonial-section-three .client-thumb-outer .thumb-item .thumb-box{ width:90px; height:90px; cursor:pointer; border-radius:50%; margin: 0 auto; -o-transform: scale(0.7, 0.7); -ms-transform: scale(0.7, 0.7); -webkit-transform: scale(0.7, 0.7); transform: scale(0.7, 0.7); } .testimonial-section-three .client-thumb-outer .client-thumbs-carousel .thumb-item img{ overflow:hidden; width:100%; height:100%; display:block; border-radius:50%; } .testimonial-section-three .owl-item.active .thumb-content{ opacity:1; } .testimonial-section-three .owl-nav{ position: absolute; left: 0px; width: 100%; margin-top: 20px; } .testimonial-section-three .owl-nav .owl-prev, .testimonial-section-three .owl-nav .owl-next{ display:inline-block; color:#eeeeee; font-size:32px; width:50px; height:50px; text-align:center; line-height:48px; border:1px solid #eeeeee; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease; } .testimonial-section-three .owl-nav .owl-prev:hover, .testimonial-section-three .owl-nav .owl-next:hover{ color:#ff5ea5; border-color:#ff5ea5; } .testimonial-section-three .owl-nav .owl-prev{ position:absolute; left:0px; } .testimonial-section-three .owl-nav .owl-next{ position:absolute; right:0px; } /*** ==================================================================== Full Width Section ==================================================================== ***/ .full-width-section{ position:relative; } .full-width-section .outer-box{ position:relative; background-color:#f7f7f7; } .full-width-section .outer-box .content-column{ position: relative; width: 50%; float: left; padding: 0px 30px 0px; background-size:cover; } .full-width-section .outer-box .content-column:before{ position: absolute; content: ''; left: 0px; top: 0px; width: 100%; height: 100%; display: block; background-color: rgba(0,0,0,0.90); } .full-width-section .outer-box .content-column .content{ position: relative; max-width: 550px; float:right; padding:90px 15px 90px 15px; } .full-width-section .outer-box .content-column .content .sec-title{ margin-bottom:35px; } .full-width-section .outer-box .content-column .content .text{ position:relative; color:#ffffff; font-size:16px; font-weight:300; margin-bottom:40px; } .full-width-section .outer-box .form-column{ position: absolute; float: right; width: 50%; right: 0px; top: 0px; height: 100%; } .full-width-section .outer-box .form-column .form-inner{ position: relative; max-width: 580px; width:100%; float:left; padding:80px 15px 40px 70px; } /*** ==================================================================== Fact Counter style ==================================================================== ***/ .fact-counter{ position:relative; } .fact-counter:before{ position:absolute; content:''; left:45%; top:0px; height:100%; width:1px; background-color:rgba(255,255,255,0.20); } .fact-counter:after{ position:absolute; content:''; top:50%; left:0px; height:1px; width:100%; background-color:rgba(255,255,255,0.20); } .fact-counter .column{ position:relative; z-index:5; padding-bottom:45px; margin-bottom:45px; } .fact-counter .column:nth-child(3), .fact-counter .column:nth-child(4){ margin-bottom:0px; padding-bottom:0px; } .fact-counter .column .inner{ position:relative; top:0; text-align:left; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } .fact-counter .count-outer{ position:relative; font-size:36px; line-height:1em; font-weight:500; margin:0px 0px; padding-left:55px; display:inline-block; } .fact-counter .count-outer .icon{ position:absolute; left:0px; top:0px; color:#ff5ea5; font-size:40px; } .fact-counter .count-outer .plus-icon{ position:relative; font-weight:700; color:#ffffff; font-size:36px; display:inline-block; font-family: 'Montserrat', sans-serif; } .fact-counter .count-outer .count-text{ font-weight:700; color:#ffffff; font-size:36px; display:inline-block; font-family: 'Montserrat', sans-serif; } .fact-counter .column .counter-title{ position:relative; font-size:18px; font-weight:400; color:#ffffff; margin-top:10px; } /*News Block Four*/ .news-block-four{ position:relative; } .news-block-four:last-child .inner-box{ position:relative; border:0px; margin-bottom:0px; padding-bottom:0px; } .news-block-four .inner-box{ position:relative; padding-left:126px; min-height:120px; padding-bottom:25px; margin-bottom:25px; border-bottom:1px solid #eeeeee; } .news-block-four .inner-box .image{ position:absolute; left:0px; top:0px; width:100px; height:95px; } .news-block-four .inner-box h3{ position:relative; font-size:18px; line-height:1.6em; font-family: 'Montserrat', sans-serif; } .news-block-four .inner-box h3 a{ color:#222222; 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; } .news-block-four .inner-box h3 a:hover{ color:#ff5ea5; } .news-block-four .inner-box .post-meta{ position: relative; margin: 7px 0px 8px; } .news-block-four .inner-box .post-meta li{ position: relative; color: #999999; font-size: 16px; padding-left: 20px; margin-right: 15px; display: inline-block; } .news-block-four .inner-box .post-meta li .icon{ position: absolute; content: ''; left: 0px; top: 0px; color: #ff5ea5; } /*** ==================================================================== Page Title Style ==================================================================== ***/ .page-title{ position:relative; text-align:center; padding: 60px 0px 20px 0px; background:url(https://danslacuisinededede.com/) repeat; } .page-title h1{ position:relative; font-size:36px; font-weight:600; color:#222222; line-height:1.5em; text-transform:capitalize; } .page-title .text{ position:relative; color:#848484; font-size:16px; font-weight:400; text-align:center; } .page-info{ position:relative; color:#272727; z-index: 9; border-top:1px solid #eeeeee; box-shadow: 0 0 20px 2px rgba(0, 0, 0, 0.06); } .page-info h2{ font-size:16px; color:#272727; line-height:24px; font-weight:700; } .page-info .bread-crumb{ position:relative; font-size:14px; padding:18px 0px 17px; } .page-info .bread-crumb li{ position:relative; display:inline-block; font-size:14px; margin-right:24px; color:#ff5ea5; font-weight:400; line-height:24px; text-transform:capitalize; font-family: 'Montserrat', sans-serif; } .page-info .bread-crumb li:last-child{ margin-right:0px; } .page-info .bread-crumb li:after{ content:'\f0da'; font-family: 'FontAwesome'; position:absolute; right:-21px; width:10px; line-height:24px; font-size:16px; color:#222222; } .page-info .bread-crumb li:last-child:after{ display:none; } .page-info .bread-crumb li a{ color:#1a1a1a; 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; } .page-info .bread-crumb li a:hover{ color:#ff5ea5; } /*** ==================================================================== Who We Are Section ==================================================================== ***/ .who-we-are-section{ position:relative; padding-top:75px; } .who-we-are-section .column{ margin-bottom:30px; } .who-we-are-section .we-are-section{ margin-bottom:20px; } .who-we-are-section .we-are-section .sec-title{ margin-bottom:30px; } .who-we-are-section .we-are-section .column .text{ color:#848484; font-size:16px; margin-bottom:15px; } .who-we-are-section .we-are-section .column .read-more{ position:relative; font-weight:500; font-size:16px; color:#222222; } .who-we-are-section .we-are-section .column .image img{ width:100%; display:block; } .who-we-are-section .image-column .image{ margin-top:26px; } /*** ==================================================================== Featured Section Two ==================================================================== ***/ .featured-section-two{ position:relative; padding:80px 0px 50px; background-attachment:fixed; background-position:left bottom; background-repeat:no-repeat; background-size:cover; } .featured-section-two:before{ position:absolute; content:''; left:0px; top:0px; width:100%; height:100%; display:block; background-color: #ff5ea5; } /*Featured Block Two*/ .featured-block-two{ position:relative; margin-bottom:30px; } .featured-block-two .inner-box{ position:relative; } .featured-block-two .inner-box .icon-box{ position:relative; padding:22px 0px; text-align:center; color:#ff5ea5; font-size:60px; line-height:1em; margin-bottom:20px; border:1px solid rgba(255,255,255,0.10); } .featured-block-two .inner-box h3{ position:relative; font-size:20px; margin-bottom:8px; } .featured-block-two .inner-box h3 a{ color: #222222; 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; } .featured-block-two .inner-box h3 a:hover{ color: #222222; } .featured-block-two .inner-box .text{ position:relative; color: #ffffff; font-size:15px; line-height:1.8em; } /*** ==================================================================== Error Section ==================================================================== ***/ .error-section{ position:relative; padding:130px 0px 130px; background-color:#f4f4f4; } .error-section .inner-section{ position:relative; text-align:center; } .error-section .inner-section h1{ position:relative; color: #ffffff; font-size:150px; line-height:1em; } .error-section .inner-section h2{ position:relative; font-size:20px; color: #ffffff; font-weight:500; text-transform:uppercase; font-family: 'Raleway', sans-serif; } .error-section .inner-section .text{ position:relative; color:#ff5ea5; font-size:18px; margin-top:6px; margin-bottom:40px; } /*Search Box Widget*/ .error-search-form .form-group{ position:relative; max-width:430px; margin:0 auto; width:100%; } .error-search-form .form-group input[type="text"], .error-search-form .form-group input[type="search"]{ position:relative; line-height:22px; background:none; display:block; font-size:16px; width:100%; height:54px; border:1px solid #eeeeee; background-color:#ffffff; padding:10px 50px 10px 20px; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } .error-search-form .form-group input:focus{ border-color:#ff5ea5; } .error-search-form .form-group button{ position:absolute; right:0px; top:0px; height:54px; width:60px; display:block; font-size:16px; color:#ffffff; line-height:100%; background:#ff5ea5; font-weight:normal; } /*** ==================================================================== Blog Section ==================================================================== ***/ .blog-section{ position:relative; padding:80px 0px 80px; } /*** ==================================================================== Styled Pagination ==================================================================== ***/ .blog-page .styled-pagination{ position:relative; padding-top:40px; border-top:1px solid #eeeeee; } .styled-pagination ul{ position:relative; display:inline-block; } .styled-pagination li{ position:relative; display:block; float:left; margin:0px 8px 8px 0px; } .styled-pagination li a{ position:relative; display:inline-block; line-height: 32px; border-radius: 50%; padding:9px 5px; height:55px; font-size:18px; min-width:55px; color:#252525; font-weight:400; text-align:center; background:none; border:1px solid #eeeeee; 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; } .styled-pagination li a.prev, .styled-pagination li a.next{ color:#9e9e9e; font-weight:600; padding:8px 20px; line-height: 36px; text-transform:uppercase; border: 2px solid #eeeeee; font-family: 'Montserrat', sans-serif; } .styled-pagination li a:hover, .styled-pagination li a.active{ color:#ffffff; border-color:#ff5ea5; background-color:#ff5ea5; } /*** ==================================================================== Sidebar Page Container ==================================================================== ***/ .sidebar-page-container{ position:relative; padding:80px 0px 40px; } .sidebar-page-container .content-side, .sidebar-page-container .sidebar-side{ margin-bottom:40px; } .sidebar-widget{ position: relative; margin-bottom: 50px; } /*Search Box Widget*/ .sidebar .search-box .form-group{ position:relative; margin:0px; } .sidebar .search-box .form-group input[type="text"], .sidebar .search-box .form-group input[type="search"]{ position:relative; line-height:28px; padding:10px 50px 10px 20px; border:1px solid #eeeeee; background:none; display:block; font-size:16px; width:100%; height:50px; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } .sidebar .search-box .form-group button{ position:absolute; right:0px; top:0px; height:50px; width:50px; display:block; font-size:16px; color:#222222; line-height:100%; background:#f4f4f4; font-weight:normal; } /*Sidebar Title*/ .sidebar-title{ position: relative; margin-bottom:25px; } .sidebar-title h2{ font-size: 22px; color: #222222; font-weight: 400; line-height: 1.2em; padding-bottom:15px; text-transform: capitalize; border-bottom:1px solid rgba(238,238,238,0.50) } .sidebar-title h2:after{ position:absolute; content:''; left:0px; bottom:-1px; width:45px; height:1px; background-color:#ff5ea5; } /*Blog Category*/ .blog-cat{ position:relative; } .blog-cat li{ position:relative; margin-bottom:15px; } .blog-cat li a{ position:relative; font-size:16px; font-weight:400; display:block; padding-bottom:15px; color:#848484; padding-left:30px; border-bottom:1px solid #eeeeee; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; font-family: 'Raleway', sans-serif; } .blog-cat li a:before{ position:absolute; content:'\f114'; left:0px; top:0px; font-family: 'FontAwesome'; } .blog-cat li a:after{ position:absolute; content:'\f105'; right:0px; top:0px; font-family: 'FontAwesome'; } .blog-cat li a:hover{ color:#ff5ea5; } /*Post Widget*/ .sidebar .popular-posts .post{ position:relative; font-size:14px; color:#666666; padding:0px 0px; padding-left:95px; min-height:75px; margin-bottom:40px; } .sidebar .popular-posts .post:last-child{ margin-bottom:0px; } .sidebar .popular-posts .post .post-thumb{ position:absolute; left:0px; top:0px; width:75px; } .sidebar .popular-posts .post:hover .post-thumb img{ opacity:0.70; } .sidebar .popular-posts .post .post-thumb img{ display:block; width:100%; 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; } .sidebar .popular-posts .post .text{ position:relative; top:-4px; font-size:16px; margin:0px 0px 0px; font-weight:400; color:#222222; line-height:1.4em; text-transform:capitalize; font-family: 'Montserrat', sans-serif; } .sidebar .popular-posts .post .text a{ color:#222222; 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; } .sidebar .popular-posts .post a, .sidebar .popular-posts .post a:hover{ color:#ff5ea5; } .sidebar .popular-posts .post-info{ position:relative; font-size:16px; color:#999999; padding-left:22px; font-family: 'Raleway', sans-serif; } .sidebar .popular-posts .post-info:before{ position:absolute; content:'\f073'; left:0px; top:0px; color:#ff5ea5; font-family: 'FontAwesome'; } /*Popular Tags*/ .sidebar .popular-tags a{ position:relative; display:inline-block; line-height:24px; padding:6px 18px 6px; margin:0px 6px 10px 0px; color:#222222; text-align:center; font-size:14px; text-transform:capitalize; background:#f4f4f4; transition:all 300ms ease; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; } .sidebar .popular-tags a:hover{ color:#ffffff; background-color:#ff5ea5; } /*facebook like widget*/ .facebook-like-widget .image img{ width:100%; display:block; } .news-block-five{ position:relative; margin-bottom:60px; } .news-block-five .inner-box{ position:relative; } .news-block-five .inner-box .image{ position:relative; } .news-block-five .inner-box .image img{ position:relative; width:100%; display:block; } .news-block-five .inner-box .lower-content{ position:relative; padding:25px 30px; border:1px solid #eeeeee; } .news-block-five .inner-box .lower-content h2{ position:relative; font-size:26px; font-weight:600; line-height:1.4em; } .news-block-five .inner-box .lower-content h2 a{ color:#222222; 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; } .news-block-five .inner-box .lower-content h2 a:hover{ color:#ff5ea5; } .news-block-five .inner-box .lower-content .post-meta{ position:relative; margin:7px 0px 20px; padding-bottom:15px; border-bottom:1px solid #f6f6f6; } .news-block-five .inner-box .lower-content .post-meta:after{ position:absolute; content:''; left:0px; bottom:-1px; width:70px; height:1px; background-color:#ff5ea5; } .news-block-five .inner-box .lower-content .post-meta li{ position:relative; color:#999999; font-size:16px; padding-left:22px; margin-right:15px; display:inline-block; } .news-block-five .inner-box .lower-content .post-meta li .icon{ position:absolute; content:''; left:0px; top:0px; color:#ff5ea5; } .news-block-five .inner-box .lower-content .text{ position:relative; color:#848484; font-size:16px; line-height:1.7em; margin-bottom:12px; } .news-block-five .inner-box .lower-content .read-more{ position:relative; color:#ff5ea5; font-size:16px; font-weight:500; font-family: 'Raleway', sans-serif; } /*Blog Single*/ .blog-single{ position:relative; } .blog-single .inner-box{ position:relative; } .blog-single .inner-box .image{ position:relative; } .blog-single .inner-box .image img{ position:relative; width:100%; display:block; } .blog-single .inner-box .lower-content{ position: relative; padding: 25px 30px; border: 1px solid #eeeeee; } .blog-single .inner-box .lower-content h2{ position: relative; font-size: 26px; font-weight: 600; color:#222222; line-height: 1.4em; } .blog-single .inner-box .lower-content .post-meta{ position: relative; margin: 7px 0px 20px; padding-bottom: 15px; border-bottom: 1px solid #f6f6f6; } .blog-single .inner-box .lower-content .post-meta:after{ position: absolute; content: ''; left: 0px; bottom: -1px; width: 70px; height: 1px; background-color: #ff5ea5; } .blog-single .inner-box .lower-content .post-meta li{ position: relative; color: #999999; font-size: 16px; padding-left: 22px; margin-right: 15px; display: inline-block; } .blog-single .inner-box .lower-content .post-meta li .icon{ position: absolute; content: ''; left: 0px; top: 0px; color: #ff5ea5; } .blog-single .inner-box .lower-content .text{ position:relative; margin-bottom:30px; } .blog-single .inner-box .lower-content .text p{ position:relative; color:#848484; font-size:16px; font-weight:400; line-height:1.7em; margin-bottom:20px; } .blog-single .inner-box .lower-content .text blockquote{ border-width:3px; padding-top:15px; padding-bottom:15px; font-style:italic; margin-left:40px; font-size:16px; border-color:#ff5ea5; margin-top:40px; margin-bottom:40px; } /*Post Share Options*/ .post-share-options{ position:relative; padding-top:16px; border-top:1px solid #f4f4f4; } .post-share-options .new-posts{ position:relative; margin-top:10px; } .post-share-options .new-posts a{ position:relative; color:#222222; font-size:18px; font-weight:400; font-family: 'Montserrat', sans-serif; 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; } .post-share-options .new-posts a.prev{ padding-right:14px; margin-right:12px; } .post-share-options .new-posts a.prev:after{ position:absolute; content:''; right:0px; top:0px; width:1px; height:24px; background-color:#eeeeee; } .post-share-options .new-posts a:hover{ color:#ff5ea5; } /*Author Box*/ .author-box{ position:relative; margin-top:40px; margin-bottom:70px; } .author-box h2{ position:relative; color:#222222; font-size:30px; font-weight:600; margin-bottom:40px; padding-bottom:12px; border-bottom:1px solid rgba(238,238,238,0.50); } .author-box h2:after{ position:absolute; content:''; left:0px; bottom:-1px; width:70px; height:1px; background-color:#ff5ea5; } .author-box .author-comment{ position:relative; padding:30px 30px; background-color:#f7f7f7; } .author-box .author-comment .inner-box{ position:relative; padding-left:115px; } .author-box .author-comment .inner-box .image{ position:absolute; left:0px; top:0px; width:85px; } .author-box .author-comment .inner-box h3{ position:relative; color:#222222; font-size:18px; font-weight:400; margin-bottom:8px; } .author-box .author-comment .inner-box .text{ position:relative; color:#848484; font-size:16px; font-weight:400; line-height:1.6em; margin-bottom:12px; } /*** ==================================================================== Comments Area ==================================================================== ***/ .sidebar-page-container .comments-area{ position:relative; margin-top:0px; margin-bottom:50px; } .sidebar-page-container .group-title{ position:relative; margin-bottom:40px; } .sidebar-page-container .group-title h2{ position:relative; font-size:30px; color:#222222; font-weight:600; padding-bottom:12px; text-transform:capitalize; border-bottom:1px solid rgba(238,238,238,0.50) } .sidebar-page-container .group-title h2:after{ position:absolute; content:''; left:0px; bottom:-1px; width:70px; height:1px; background-color:#ff5ea5; } .sidebar-page-container .comments-area .comment-box{ position:relative; margin-bottom:40px; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease; } .sidebar-page-container .comments-area .comment-box:nth-child(1){ padding-top:0px; } .sidebar-page-container .comments-area .comment-box:hover{ border-color:#eb5310; } .sidebar-page-container .comments-area .comment{ position:relative; font-size:14px; min-height:158px; padding:0px 0px 0px 120px; border-bottom:1px solid #eeeeee; } .sidebar-page-container .comments-area .comment .comment-inner{ position:relative; } .sidebar-page-container .comments-area .comment .comment-inner .reply{ position:relative; color:#ff5ea5; font-weight:500; font-size:16px; margin-bottom:20px; display:inline-block; text-transform:capitalize; } .sidebar-page-container .comments-area .comment .comment-inner .rating{ position:relative; margin-left:15px; display:inline-block; } .sidebar-page-container .comments-area .comment .comment-inner .rating .fa{ display:inline-block; color:#ff5ea5; margin-right:2px; } .sidebar-page-container .comments-area .comment-box .author-thumb{ position:absolute; left:0px; top:0px; margin-bottom:20px; } .sidebar-page-container .comments-area .comment-box .author-thumb img{ width:100px; display:block; } .sidebar-page-container .comments-area .comment-info{ position:relative; color:#222222; line-height:24px; font-size:18px; font-weight:400; display:inline-block; font-family: 'Montserrat', sans-serif; } .sidebar-page-container .comments-area .comment-box .text{ color:#848484; font-size:16px; margin-top:12px; font-weight:400; line-height: 1.6em; margin-bottom:10px; } /*Comment Form*/ .comment-form .group-title{ margin-bottom:20px; } .comment-form .rating-box{ position:relative; margin-bottom:20px; } .comment-form .rating-box .text{ position:relative; font-size:14px; color:#222222; margin-bottom:10px; } .comment-form .rating-box .rating{ position:relative; display:inline-block; margin-right:20px; } .comment-form .rating-box .rating .fa{ position:relative; margin-right:2px; display:inline-block; } .comment-form .rating-box .rating a{ position:relative; color:#ff5ea5; font-size:14px; display:inline-block; } .comment-form .form-group{ position:relative; margin-bottom:30px; } .comment-form .form-group:last-child{ margin-bottom:0px; } .comment-form .form-group input[type="text"], .comment-form .form-group input[type="password"], .comment-form .form-group input[type="tel"], .comment-form .form-group input[type="email"], .comment-form .form-group select{ position:relative; display:block; width:100%; line-height:28px; padding:10px 15px; border:1px solid #eeeeee; height:50px; color:#848484; font-weight:300; background:#ffffff; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease; } .comment-form .form-group input[type="text"]:focus, .comment-form .form-group input[type="password"]:focus, .comment-form .form-group input[type="tel"]:focus, .comment-form .form-group input[type="email"]:focus, .comment-form .form-group select:focus, .comment-form .form-group textarea:focus{ border-color:#ff5ea5; } .comment-form .form-group textarea{ position:relative; display:block; width:100%; line-height:26px; padding:10px 15px; color:#848484; border:1px solid #efefef; height:105px; font-weight:300; background:#ffffff; resize:none; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease; } .comment-form button{ position:relative; margin-top:10px; } .comment-form input:focus, .comment-form select:focus, .comment-form textarea:focus{ border-color:#f06529; } /*** ==================================================================== Comments Area ==================================================================== ***/ .contact-section{ position:relative; padding:80px 0px 50px; } .contact-section .sec-title{ margin-bottom:40px; } .contact-section .sec-title h2{ margin-bottom:20px; } .contact-section .sec-title .text{ max-width:790px; } .contact-section .info-column{ position:relative; } .contact-section .info-column .image{ position:relative; margin-bottom:35px; } .contact-section .info-column .image img{ position:relative; width:100%; display:block; } .contact-section .form-column{ position:relative; } .contact-section .form-column .inner-column{ position:relative; padding-bottom: 30px; } .info-block{ position:relative; margin-bottom:35px; } .info-block .info-inner{ position:relative; padding-left:35px; } .info-block .info-inner .icon-box{ position:absolute; left:0px; top:2px; line-height:1em; color:#ff5ea5; font-size:26px; } .info-block .info-inner h3{ position:relative; color:#222222; font-size:18px; font-weight:400; } /*Contact Form*/ .contact-form h2{ position:relative; } .contact-form .form-group{ margin-bottom: 30px; } .contact-form .form-group:last-child{ margin-bottom:0px; text-align: center; margin-top: 10px; } .contact-form input[type="text"], .contact-form input[type="email"], .contact-form input[type="password"], .contact-form select, .contact-form textarea{ display:block; width:100%; height:55px; font-size:16px; color:#848484; line-height:30px; padding:12px 25px; font-weight:300; background-color:#ffffff; border:1px solid #ececec; transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } .contact-form input:focus, .contact-form select:focus, .contact-form textarea:focus{ border-color:#ff5ea5; } .contact-form textarea{ height:150px; resize:none; padding:12px 25px; } .contact-form button{ padding: 11px 60px 11px; font-weight: 500; } .contact-form input.error, .contact-form select.error, .contact-form textarea.error{ border-color:#ff0000 !important; } .contact-form label.error{ display:block; line-height:24px; padding:5px 0px 0px; margin:0px; text-transform:uppercase; font-size:11px; color:#ff0000; font-weight:500; } /*** ==================================================================== Map Section Style ==================================================================== ***/ .map-data{ text-align:center; font-size:14px; font-weight:400; line-height:1.8em; } .map-data h6{ font-size:16px; font-weight:700; text-align:center; margin-bottom:5px; color:#121212; } .map-canvas{ height:450px; } .map-section .google-map{ height:550px; } .sidebar .view-all{ position:relative; color:#222222; font-weight:600; font-size:14px; padding:15px 20px; display:block; margin-bottom:9px; background-color:#f7f7f7; font-family: 'Montserrat', sans-serif; } .sidebar .view-all .icon{ float:right; color:#848484; } /*List Widget*/ .sidebar .sidebar-category .list{ position:relative; } .sidebar .sidebar-category .list li{ position:relative; line-height:24px; } .sidebar .sidebar-category .list li:last-child{ border-bottom:0px; } .sidebar .sidebar-category .list li a{ position:relative; color:#222222; font-weight:600; font-size:14px; padding:15px 20px; display:block; margin-bottom:2px; background-color:#f7f7f7; transition:all 0.3s ease; -o-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; font-family: 'Montserrat', sans-serif; } .sidebar .sidebar-category .list li a:before { content: "\f0da"; font-family: 'FontAwesome'; font-size: 14px; right:18px; color:#f7f7f7; line-height:22px; position: absolute; } .sidebar .sidebar-category .list li a:hover, .sidebar .sidebar-category .list li.current a{ color:#ffffff; background-color:#ff5ea5; } .sidebar .sidebar-category .list li.current a:before, .sidebar .sidebar-category .list li a:hover::before{ color:#ffffff; } /*Broucher Widget*/ .sidebar-brochure .brochure{ position:relative; color:#222222; font-weight:600; font-size:14px; background: #f7f7f7; padding: 14px 20px; display:block; margin-bottom:10px; padding-left: 50px; transition:all 0.3s ease; -o-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; font-family: 'Montserrat', sans-serif; } .sidebar-brochure .brochure .icon{ position:absolute; left:0px; top:0px; width:50px; height:52px; line-height:50px; font-size: 16px; margin-right:8px; text-align:center; font-weight:400; transition:all 0.3s ease; -o-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; } .sidebar-brochure .brochure:hover{ color:#ff5ea5; border-color:#ff5ea5; } .sidebar-brochure .brochure:hover .icon{ border-color:#ff5ea5; } /*hour Widget*/ .hour-widget { position: relative; background: #f7f7f7; margin-bottom: 40px; padding: 12px 20px 0; } .hour-widget ul li { position: relative; border-bottom: 1px solid #eee; padding-bottom: 10px; margin-bottom: 10px; } .hour-widget ul li span { position: absolute; right: 0; top: 0; } /*Locate Widget*/ .locate-widget{ position:relative; } .locate-widget .inner-box{ position:relative; overflow:hidden; padding: 15px 20px 15px; background: #f7f7f7; text-align: center; } .locate-widget .inner-box h3{ position:relative; color:#222222; font-size: 22px; font-weight:400; margin-bottom: 15px; padding-bottom: 10px; font-family: 'Montserrat', sans-serif; border-bottom: 1px solid #eeeeee; } .locate-widget .inner-box .text{ position:relative; color:#848484; font-size:16px; font-weight:400; margin-bottom:8px; } .locate-widget .inner-box:before { position: absolute; content: "\f104"; font-family: Flaticon; font-size: 60px; font-style: normal; margin-left: 20px; right: 0px; bottom: 20px; color: #eeeeee; } .locate-widget .inner-box h4 { color: #222; font-weight: 500; } .locate-widget .inner-box h4 span { color: #ff5ea5; margin-right: 10px; font-size: 24px; } .locate-widget .inner-box .locate-link{ position:relative; color:#222222; font-size:16px; font-weight:500; transition:all 0.3s ease; -o-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; } .locate-widget .inner-box .locate-link:hover{ color:#ff5ea5; } .locate-widget .inner-box .large-icon{ position:absolute; right:-10px; bottom:-10px; color:#f8f8f8; font-size:80px; line-height:1em; } .services-single{ position:relative; } .services-single .inner-box{ position:relative; } .services-single .inner-box .images-gallery{ position:relative; } .services-single .inner-box .images-gallery .row{ position:relative; margin:0px -5px; } .services-single .inner-box .images-gallery .image-column{ position:relative; padding:0px 5px; } .services-single .inner-box .images-gallery .image-column .image{ position:relative; margin-bottom:10px; } .services-single .inner-box .images-gallery .image-column .image img{ width:100%; display:block; } .services-single .inner-box .lower-content{ position:relative; margin-top:20px; } .services-single .inner-box .lower-content .two-column{ margin-bottom:30px; } .services-single .inner-box .lower-content h2{ position:relative; color:#222222; font-size:24px; font-weight:600; line-height:1.2em; padding-bottom:15px; margin-bottom:32px; border-bottom:1px solid rgba(238,238,238,0.50); } .services-single .inner-box .lower-content h2:before{ position:absolute; content:''; left:0px; bottom:-1px; width:70px; height:1px; background-color:#ff5ea5; } .services-single .inner-box .lower-content .text{ position:relative; color:#848484; font-size:16px; line-height:1.7em; margin-bottom: 35px; } .services-single .inner-box .lower-content .image{ margin-bottom:30px; } .services-single .inner-box .lower-content .image img{ width:100%; display:block; } .services-single .inner-box .lower-content .choose-section{ margin-bottom:40px; } /*** ==================================================================== Accordion Style ==================================================================== ***/ /*Accordion Box*/ .accordion-box{ position:relative; z-index:10; margin-bottom:30px; } .accordion-box .block{ position:relative; margin-bottom:10px; border:1px solid #eeeeee; } .accordion-box .block:last-child{ margin-bottom:0px; } .accordion-box .block:last-child .acc-btn{ border:0px; } .accordion-box .block .acc-btn{ position:relative; font-size:16px; margin-bottom:0px; cursor:pointer; background:none; line-height:24px; font-weight:400; overflow:hidden; color:#222222; padding:13px 20px 13px 20px; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; font-family: 'Montserrat', sans-serif; } .accordion-box .block .acc-btn .icon-outer{ position:absolute; right:20px; top:50%; font-size:16px; color:#848484; line-height:26px; text-align:center; border-radius:50%; font-weight:500; margin-top:-13px; 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 .acc-btn .icon-outer .icon{ position: relative; top: 50%; margin-top:0px; display: block; } .accordion-box .block .acc-btn.active{ background-color:#ff5ea5; color:#ffffff; } .accordion-box .block .acc-btn.active .icon-outer{ color:#ffffff; } .accordion-box .block .acc-btn.active .icon-outer .icon{ -webkit-transform:rotate(90deg); -ms-transform:rotate(90deg); -o-transform:rotate(90deg); -moz-transform:rotate(90deg); transform:rotate(90deg); } .accordion-box .block .acc-content{ position:relative; display:none; background-color:#ffffff; } .accordion-box .block .acc-content.current{ display:block; } .accordion-box .block .content{ position:relative; font-size:15px; padding:20px 15px 20px; } .accordion-box .block .content p{ margin-bottom:10px; line-height:1.6em; font-size:16px; color:#848484; } .accordion-box .block .content p:last-child{ margin-bottom:0px; } /*Quote box*/ .quote-box{ position:relative; } .quote-box .inner-box{ position:relative; padding:30px 40px 30px; background-color: #0c0c0c; } .quote-box .inner-box h3{ position:relative; color:#ffffff; font-size:18px; font-style:italic; } .quote-box .inner-box h4{ position:relative; font-weight:600; font-size:24px; color:#ffffff; padding-bottom:12px; margin-bottom:25px; border-bottom: 1px solid #ffffff; } .quote-box .inner-box h4:before{ position:absolute; content:''; left:0px; bottom:-1px; width:70px; height:1px; background-color:#ff5ea5; } .quote-box .inner-box .quote-text{ position:relative; color: #ffffff; font-size:16px; line-height:1.7em; margin-bottom:15px; } .quote-box .inner-box p { color: #fff; } .quote-box .inner-box p span { color: #ff5ea5; } .quote-box .inner-box .get-quote{ position:relative; color:#ff5ea5; font-size:16px; font-weight:500; } /*** ==================================================================== Faq Section ==================================================================== ***/ .faq-section{ position:relative; padding:80px 0px 40px; } .accordion-block{ position:relative; margin-bottom:40px; padding:35px 30px 40px; border:1px solid #eeeeee; } .accordion-block h2{ position: relative; color: #222222; font-size: 24px; font-weight: 600; line-height: 1.2em; padding-bottom: 15px; margin-bottom: 40px; border-bottom: 1px solid rgba(238,238,238,0.50); } .accordion-block h2:before{ position: absolute; content: ''; left: 0px; bottom: -1px; width: 70px; height: 1px; background-color: #ff5ea5; } .accordion-box.style-two .block .acc-btn{ padding-right:45px; } .accordion-box.style-two .block .acc-btn .icon-outer{ position:absolute; width:22px; height:22px; color:#ffffff; background-color:#cccccc; } .accordion-box.style-two .block .icon-outer .icon { position: absolute; top: 50%; margin-top:-10px; width: 22px; height: 22px; text-align: center; border-radius: 50%; line-height: 22px; font-size: 12px; color: #ffffff; font-weight:700; } .accordion-box.style-two .block .icon-outer .icon-minus { opacity: 0; color: #ffffff; font-weight: 700; margin-top:-11px; background-color: #ff5ea5; transform:rotate(0deg); } .accordion-box.style-two .block.active-block{ border-color:#ff5ea5; } .accordion-box.style-two .block.active-block .icon-minus{ opacity:1; transform:rotate(0deg) !important; } .accordion-box.style-two .block .acc-btn.active{ color:#222222; background-color:#ffffff; } .accordion-box.style-two .block .acc-content{ background-color:#f4f4f4; } /*accordion-box style-three*/ .accordion-box.style-three .block .acc-btn .icon-outer { left: 0; margin-top: -14px; right: inherit; border: 2px solid #f4f4f4; border-radius: 0px; padding: 0 6px; line-height: 24px; } .accordion-box.style-three .block .acc-btn.active { background: #fff; color: #ff5ea5; } .accordion-box.style-three { padding: 0px 30px; border: 1px solid #f4f4f4; } .accordion-box.style-three .block .acc-btn.active .icon-outer { color: #ff5ea5; border-color: #ff5ea5; } .accordion-box.style-three .block { border: none; border-bottom: 1px solid #f4f4f4; } .accordion-box.style-three .block .content { padding-left: 50px; padding-top: 0px; } .accordion-box.style-three .block .acc-btn { padding-left: 50px; line-height: 43px; font-weight: 500; } /*** ==================================================================== Faq Form Section ==================================================================== ***/ .faq-form-section{ position:relative; padding:80px 0px 80px; background:#f4f4f4; } .faq-form-section h2{ position:relative; color:#17181a; font-size:36px; font-weight:700; line-height:1.2em; text-align:center; margin-bottom:50px; } .faq-form-section .form-group{ position:relative; margin-bottom:30px; } .faq-form-section .form-group input[type="text"], .faq-form-section .form-group input[type="email"], .faq-form-section .form-group select{ position:relative; display:block; width:100%; line-height:24px; padding:12px 20px; font-size:16px; color:#222222; border:1px solid transparent; height:50px; background:#ffffff; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease; } .faq-form-section .form-group input[type="text"]:focus, .faq-form-section .form-group input[type="email"]:focus, .faq-form-section .form-group textarea:focus{ border-color:#ff5ea5; } .faq-form-section .form-group textarea{ position:relative; display:block; width:100%; line-height:24px; padding:12px 20px; color:#222222; height:150px; background:#ffffff; font-size:16px; resize:none; border:1px solid transparent; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease; } /*** ==================================================================== Team Page Section ==================================================================== ***/ .team-page-section{ position:relative; padding:80px 0px 40px; } .price-section{ position:relative; padding:80px 0px 40px; } /*Price Column*/ .pricing-column{ position:relative; margin-bottom:40px; } .pricing-column .inner-box{ position:relative; display:block; background:#ffffff; text-align:center; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; outline:2px solid transparent; outline-offset:0px; -webkit-box-shadow: 0px 0px 15px 0px rgba(244,244,244,1); -moz-box-shadow: 0px 0px 15px 0px rgba(244,244,244,1); box-shadow: 0px 0px 15px 0px rgba(244,244,244,1); } .pricing-column .inner-box:hover{ outline-color:#ff5ea5; -webkit-box-shadow:none; -moz-box-shadow:none; -o-box-shadow:none; box-shadow:none; } .pricing-column .inner-box h2{ position:relative; color:#222222; font-size:20px; font-weight:600; padding:15px 0px; border:1px solid #eeeeee; 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; } .pricing-column .price-header{ position:relative; padding:20px 20px 25px; line-height:1em; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; background-color:#f4f4f4; } .pricing-column .price-header .price{ position:relative; line-height:1em; } .pricing-column .price-header .dollar-sign{ position: relative; top: -40px; font-size: 18px; font-weight: 300; color: #222222; left: -6px; text-transform: uppercase; 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: 'Montserrat', sans-serif; } .pricing-column .price-header .price sub{ font-size:12px; font-weight:400; left:-10px; color:#222222; text-transform:capitalize; 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: 'Montserrat', sans-serif; } .pricing-column .price-header .price .total-amount{ font-size:100px; font-weight:400; line-height:1em; color:#222222; display:inline-block; 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: 'Montserrat', sans-serif; } .pricing-column .price-header .text{ position:relative; color:#848484; font-size:16px; font-weight:400; line-height:1.6em; margin-top:10px; margin-bottom:0px; 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; } .pricing-column .lower-content{ position:relative; padding:5px 0px 40px; } .pricing-column .lower-content .spec-list{ position:relative; padding:0px 0px 40px; } .pricing-column .lower-content .spec-list li{ line-height:32px; padding:8px 15px; font-size:16px; color:#848484; font-weight:400; border-bottom:1px solid #eeeeee; } .pricing-column .lower-content .join-btn{ color:#222222; font-size:16px; font-weight:500; padding:10px 44px; border:2px solid #f4f4f4; text-transform:capitalize; display:inline-block; } .pricing-column .inner-box:hover h2{ color:#ff5ea5; } .pricing-column .inner-box:hover .price-header{ background-color:#ff5ea5; } .pricing-column .inner-box:hover .price-header .dollar-sign, .pricing-column .inner-box:hover .price-header .price .total-amount, .pricing-column .inner-box:hover .price-header .price sub, .pricing-column .inner-box:hover .price-header .text{ color:#ffffff; } .pricing-column .inner-box:hover .lower-content .join-btn{ background-color:#ff5ea5; border-color:#ff5ea5; color:#ffffff; } /*** ==================================================================== Services Page Section ==================================================================== ***/ .services-page-section{ position:relative; padding:80px 0px 40px; } .testimonial-page-section{ position:relative; padding:80px 0px 40px; } .testimonial-block-four{ position:relative; margin-bottom:40px; } .testimonial-block-four .inner-box{ position:relative; padding:28px 15px; text-align:center; border:1px solid #eeeeee; 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; } .testimonial-block-four .inner-box:hover{ border:1px solid transparent; -webkit-box-shadow: 0px 0px 25px 0px rgba(244,244,244,1); -moz-box-shadow: 0px 0px 25px 0px rgba(244,244,244,1); box-shadow: 0px 0px 25px 0px rgba(244,244,244,1); } .testimonial-block-four .inner-box .image{ position:relative; width:85px; height:85px; margin:0 auto; overflow:hidden; border-radius:50%; margin-bottom:18px; } .testimonial-block-four .inner-box .text{ position:relative; color:#848484; font-size:16px; font-weight:400; margin-bottom:18px; } .testimonial-block-four .inner-box h2{ position:relative; font-size:18px; font-weight:400; color:#222222; line-height:1.4em; padding-top:20px; margin-bottom:4px; border-top:1px solid #eeeeee; } .testimonial-block-four .inner-box .location{ position:relative; font-size:16px; font-weight:400; color:#ff5ea5; line-height:1.4em; } /*Sidebar Range slider */ .rangeslider-widget .outer-box{ position:relative; padding:10px 0px 0px; } .rangeslider-widget .form-group{ position:relative; color:#848484; font-weight:400; font-size:16px; margin:30px 0px 0px; } .rangeslider-widget .val-box{ position:relative; display:inline-block; margin:0px 5px 0px 0px; line-height:24px; font-size:16px; padding:5px 0px; width:50px; text-align:center; color:#848484; font-weight:400; } .rangeslider-widget .noUi-connect{ background:#222222 !important; box-shadow:none; } .rangeslider-widget .noUi-background{ background:#eef2f5 !important; border-color:#eef2f5 !important; } .rangeslider-widget .noUi-handle{ top:-5px !important; background-color:transparent !important; border:1px solid #222222 !important; cursor:pointer; width:14px !important; height:14px !important; background:#ff5ea5 !important; margin-left:14px; border-radius:50%; -webkit-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05); -ms-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05); -o-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05); -moz-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05); box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05); } .rangeslider-widget .noUi-horizontal{ height:4px !important; box-shadow:none !important; background:#f06529; } .rangeslider-widget .filter-btn{ color:#222222; font-size:16px; font-weight:500; padding:2px 24px; display:inline-block; background-color:#ffffff; border:2px solid #eeeeee; } /*Sidebar Realated Posts */ .sidebar .related-posts .post{ position:relative; padding:0px 0px; padding-left:90px; min-height:95px; margin-bottom:20px; border-bottom:1px solid #eeeeee; } .sidebar .related-posts .post:last-child{ margin-bottom:0px; border:0px; min-height:inherit; } .sidebar .related-posts .post .post-thumb{ position:absolute; left:0px; top:0px; width:70px; } .sidebar .related-posts .post .post-thumb img{ display:block; width:100%; } .sidebar .related-posts .post h4{ top:-2px; font-size:16px; font-weight:400; color:#222222; text-transform:capitalize; } .sidebar .related-posts .post h4 a{ 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; } .sidebar .related-posts .post a, .sidebar .related-posts .post a:hover{ color:#ff5ea5; } .sidebar .related-posts .post .price{ font-size:18px; letter-spacing:1px; font-weight:400; color:#ff5ea5; } .sidebar .related-posts .post .rating{ margin-bottom:3px; } .sidebar .related-posts .post .rating .fa{ position:relative; display:inline-block; margin-right:5px; font-size:12px; line-height:26px; color:#ff5ea5; } .sidebar .related-posts .post .rating .fa-star.light{ color:#ebeff2; } /*Shop Item*/ .shop-item{ position:relative; margin-bottom:35px; } .shop-item .inner-box{ position:relative; outline:15px solid #ffffff; 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; } .shop-item .inner-box:before{ content:''; position:absolute; left:-15px; right:-15px; bottom:-15px; top:-15px; opacity:0; z-index:10; 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; -webkit-box-shadow: 0px 0px 5px 0px rgba(204,204,204,0.6); -moz-box-shadow: 0px 0px 5px 0px rgba(204,204,204,0.6); box-shadow: 0px 0px 5px 0px rgba(204,204,204,0.6); } .shop-item .inner-box:hover::before{ opacity:1; } .shop-item .inner-box:hover .image .overlay-box{ opacity:1; } .shop-item .inner-box .image{ position:relative; z-index:11; text-align:center; background-color:#f8f8f8; } .shop-item .inner-box .image .overlay-box{ position:absolute; content:''; left:0px; top:0px; width:100%; height:100%; opacity:0; text-align:center; background-color: rgba(253, 184, 33, 0.85); 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; } .shop-item .inner-box .image .overlay-box .cart-btn{ position:relative; top:46%; color:#ffffff; font-size:16px; font-weight:500; padding:10px 37px; display:inline-block; margin-top:-25px; border:1px solid #ffffff; } .shop-item .inner-box .image .tag-outer{ position:absolute; left:10px; top:10px; overflow:hidden; } .shop-item .inner-box .image .tag-outer .product-tag{ position: relative; width: 96px; color: #ffffff; left: -36px; top: -24px; height: 64px; background-color: #fdc716; font-weight: 400; line-height: 98px; text-align: center; font-size:16px; text-transform: capitalize; -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); z-index: 9; } .shop-item .inner-box .image img{ max-width:100%; padding:20px 0px; display:inline-block; } .shop-item .inner-box .lower-content{ position:relative; z-index:11; padding:20px 0px 0px; } .shop-item .inner-box .lower-content h3{ position:relative; font-size:18px; font-weight:400; margin-bottom:4px; } .shop-item .inner-box .lower-content h3 a{ color:#222222; 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; } .shop-item .inner-box .lower-content h3 a:hover{ color:#ff5ea5; } .shop-item .inner-box .lower-content .price{ position:relative; color:#ff5ea5; font-size:18px; font-weight:400; } .shop-item .inner-box .lower-content .rating .fa{ position:relative; display:inline-block; font-size:12px; color:#ff5ea5; } .product-details .basic-details{ position:relative; margin-bottom:32px; } .product-details .image-column, .product-details .info-column{ margin-bottom:20px; } .product-details .image-column .image-box img{ position:relative; display:block; width:100%; background-color:#f7f7f7; } .product-details .basic-details .details-header{ position:relative; margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #eeeeee; } .product-details .basic-details .details-header h4{ font-size:30px; font-weight:400; margin:-5px 0px 5px; line-height:1.4em; color:#222222; } .product-details .basic-details .details-header h4 a{ color:#333333; } .product-details .basic-details .details-header .rating{ font-size:14px; color:#ff5ea5; margin-bottom:10px; } .product-details .basic-details .details-header .rating .fa{ display:inline-block; margin-right:2px; } .product-details .basic-details .details-header .rating .txt{ font-size:14px; padding-left:10px; color:#777777; } .product-details .basic-details .reviews{ display:inline-block; color:#848484; margin-left:3px; font-size:16px; } .product-details .basic-details .details-header .item-price{ font-size:24px; font-weight:400; color:#ff5ea5; line-height:24px; letter-spacing:1px; } .product-details .basic-details .prod-info{ margin-bottom:15px; line-height:1.6em; font-size:13px; } .product-details .basic-details .prod-info strong{ font-weight:700; color:#111111; } .product-details .basic-details .text{ margin-bottom:20px; color:#848484; font-size:16px; line-height:1.8em; } .product-details .basic-details .item-quantity .field-label{ float:left; font-weight:700; font-size:14px; line-height:32px; display:inline-block; padding-right:20px; } .product-details .basic-details .quantity-spinner, .cart-section input.quantity-spinner{ line-height:24px; padding:10px 15px !important; height:46px !important; box-shadow:none !important; } .product-details .basic-details .bootstrap-touchspin .input-group-btn-vertical > .btn, .cart-section .bootstrap-touchspin .input-group-btn-vertical > .btn{ padding:11px 10px; background:#f4f5f6; } .product-details .bootstrap-touchspin .input-group-btn-vertical i, .cart-section .bootstrap-touchspin .input-group-btn-vertical i{ top:6px; } .product-details .basic-details .item-quantity{ position:relative; float:left; width:85px; margin-bottom:25px; margin-right:20px; } .product-details .basic-details .item-quantity .field-label{ float:left; font-weight:700; font-size:14px; line-height:32px; display:inline-block; padding-right:20px; } .product-details .basic-details .quantity-spinner, .cart-table input.quantity-spinner{ font-size:18px; line-height:24px; padding:10px 15px !important; height:54px !important; box-shadow:none !important; font-family: 'Montserrat', sans-serif; } .product-details .basic-details .bootstrap-touchspin .input-group-btn-vertical > .btn, .cart-table .bootstrap-touchspin .input-group-btn-vertical > .btn{ padding:13px 10px; background:#f4f5f6; border-radius:0px; } .product-details .bootstrap-touchspin .input-group-btn-vertical i, .cart-table .bootstrap-touchspin .input-group-btn-vertical i{ top:8px; } .product-details .basic-details .add-to-cart{ padding:13px 37px; } .product-details .basic-details .expired{ position:relative; color:#ff5ea5; font-size:16px; margin-bottom:25px; } /*Pincode Form*/ .pincode-form{ position:relative; margin:0px; } .pincode-form .form-group{ margin-bottom:10px; } .pincode-form .form-group input[type="text"]{ position:relative; line-height:14px; padding:4px 10px 4px 10px; border:3px solid #f7f7f7; background:none; font-size:14px; width:170px; height:40px; display:inline-block; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } .pincode-form .form-group button{ position:relative; height:40px; width:100px; font-size:16px; color:#222222; font-weight:500; line-height:100%; background:#f7f7f7; margin-left:8px; display:inline-block; } /*** ==================================================================== Product Tabs Style ==================================================================== ***/ .prod-tabs{ position:relative; margin-bottom:50px; } .prod-tabs .tab-btns{ position:relative; z-index:1; border-bottom:1px solid #eeeeee; } .prod-tabs .tab-btns .tab-btn{ position:relative; top:1px; display:block; float:left; margin-right:5px; font-size:16px; background:#f4f4f4; color:#222222; border:1px solid #f4f4f4; text-transform:capitalize; font-weight:400; line-height:24px; cursor:pointer; padding:12px 18px 10px; transition:all 500ms ease; border-radius:5px 5px 0px 0px; font-family: 'Montserrat', sans-serif; } .prod-tabs .tab-btns .tab-btn.active-btn:after{ position:absolute; content:''; left:0px; bottom:-1px; width:100%; height:1px; background-color:#ffffff; } .prod-tabs .tab-btns .tab-btn:hover, .prod-tabs .tab-btns .tab-btn.active-btn{ color:#ff5ea5; background:#ffffff; } .prod-tabs .tabs-content{ position:relative; } .prod-tabs .tabs-content .tab{ position:relative; padding:25px 0px; display:none; border-top:0px; } .prod-tabs .tabs-content .tab.active-tab{ display:block; } .prod-tabs .tabs-content .tab p{ font-size:16px; line-height:1.7em; color:rgba(18,18,26,0.80); margin-bottom:20px; } .prod-tabs .tabs-content .tab p:last-child{ margin-bottom:0px; } .prod-tabs .tabs-content .tab h3, .prod-tabs .tabs-content .tab h4, .prod-tabs .tabs-content .tab h5, .prod-tabs .tabs-content .tab h6{ margin-bottom:15px; } .prod-tabs .tabs-content .tab h4{ font-size:16px; font-weight:700; text-transform:uppercase; color:#222222; } .prod-tabs .reviews-container{ position:relative; padding-bottom:1px; } .prod-tabs .tabs-content .tab .title{ position:relative; color:#212121; font-size:20px; font-weight:400; margin-bottom:20px; } .prod-tabs .reviews-container .review-box{ position:relative; margin-bottom:35px; padding-left:120px; min-height:130px; padding-bottom:30px; border-bottom:1px solid #f0f0f0; } .prod-tabs .reviews-container .rev-thumb{ position:absolute; left:0px; top:5px; width:100px; height:100px; background:#ffffff; border-radius:3px; margin-bottom:20px; } .prod-tabs .reviews-container .rev-thumb img{ display:block; width:100%; } .prod-tabs .reviews-container .rev-content{ position:relative; background:#ffffff; } .prod-tabs .reviews-container .rev-header{ position:relative; } .prod-tabs .reviews-container .rev-header h4{ float:left; line-height:30px; font-size:19px; color:#222222; text-transform:capitalize; font-weight:400; margin-bottom:10px; } .prod-tabs .reviews-container .rev-header .rating{ position:relative; float:left; margin-left:20px; color:#ff5ea5; line-height:30px; font-size:14px; } .prod-tabs .reviews-container .rev-header .rating .fa{ margin-right:3px; } .prod-tabs .reviews-container .rev-option{ font-size:14px; color:#9e9e9e; } .prod-tabs .reviews-container .rev-option a{ font-size:14px; text-transform:uppercase; font-weight:700; } .prod-tabs .reviews-container .rev-text{ font-size:16px; color:#848484; line-height:1.7em; margin-bottom:5px; } .prod-tabs .reviews-container .reply{ position:relative; color:#ff5ea5; font-size:16px; font-weight:500; } /*** ==================================================================== CheckOut Sectioon ==================================================================== ***/ .checkout-page{ position:relative; padding:75px 0px 70px; } .checkout-form{ position:relative; } .checkout-form .column .sec-title{ position:relative; margin-bottom:30px; } .checkout-form .form-group{ position:relative; margin-bottom:25px; } .checkout-form .form-group .field-label{ display:block; line-height:24px; margin-bottom:6px; text-transform:capitalize; color:#222222; font-size:16px; font-weight:400; font-family: 'Montserrat', sans-serif; } .checkout-form .form-group .field-label sup{ top:-1px; color:#ff5ea5; font-size:16px; } .checkout-form input[type="text"], .checkout-form input[type="email"], .checkout-form input[type="password"], .checkout-form input[type="tel"], .checkout-form input[type="number"], .checkout-form input[type="url"], .checkout-form select, .checkout-form textarea{ position:relative; display:block; width:100%; background:#ffffff; line-height:22px; padding:12px 15px; height:48px; border:1px solid #eeeeee; transition:all 300ms ease; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; } .checkout-form textarea{ resize:none; height:120px !important; } .checkout-form input:focus, .checkout-form select:focus, .checkout-form textarea:focus{ border-color:#ff5ea5; } .checkout-page .check-box{ line-height:24px; font-size:14px; font-weight:normal; padding-top:5px; } .checkout-page .check-box label{ position:relative; top:-1px; font-weight:normal; padding:0px; font-size:16px; cursor:pointer; color:#848484; font-family: 'Montserrat', sans-serif; } .checkout-page .lower-content{ margin-top:30px; } .checkout-page .lower-content .order-column{ margin-bottom:40px; } /*cart outer*/ .cart-outer{ position:relative; } .cart-outer .table-outer{ position:relative; width:100%; overflow-x: auto; } .checkout-page .lower-content .order-column .cart-outer{ overflow-x:auto; } .checkout-page .lower-content .order-column .cart-table{ width:100%; } .cart-table .cart-header{ position:relative; width:100%; text-transform:capitalize; font-size:18px; background:#f7f7f7; color:#222222; font-family: 'Montserrat', sans-serif; } .cart-table thead tr th{ line-height:24px; padding:13px 30px; font-weight:400; font-family: 'Montserrat', sans-serif; } .cart-table thead tr th .fa{ font-size:18px; } .cart-table thead tr th.prod-column{ text-align:left; } .cart-table tbody tr{ border-bottom:1px solid #eeeeee; } .cart-table tbody tr td{ line-height:24px; padding:30px 0px 30px 30px; } .cart-table tbody tr .qty .input-group { width: 70px; } .cart-table tbody tr .qty input{ width:45px; height:50px; color:#222222; font-size:18px; line-height:50px; background:#f7f7f7; text-align:center; border:1px solid #eaeaea; font-family: 'Montserrat', sans-serif; } .cart-table tbody tr .prod-column .column-box{ position:relative; min-height:70px; padding-left:100px; padding-top:20px; text-align:left; min-width:230px; } .cart-table tbody tr .prod-column .column-box .prod-thumb{ position:absolute; width:80px; left:0px; top:0px; } .cart-table tbody tr .prod-column .column-box .prod-thumb img{ display:block; max-width:100%; } .cart-table tbody tr .prod-column .column-box h4{ font-size:18px; color:#222222; font-weight:400; margin-bottom:5px; text-transform:capitalize; font-family: 'Montserrat', sans-serif; } .cart-table tbody tr .sub-total{ font-weight:400; font-size:18px; color:#ff5ea5; } .cart-table tbody tr .price{ font-weight:700; font-size:14px; color:#777777; } /*Total Table*/ .checkout-page .lower-content .totals-table{ position:relative; margin-bottom:40px; border:1px solid #eeeeee; } .checkout-page .lower-content .totals-table li .col{ padding:12px 20px; } .checkout-page .lower-content .totals-table li{ line-height:24px; border-bottom:1px solid #eeeeee; } .checkout-page .lower-content .totals-table li .col.title{ font-weight:400; color:#222222; font-size:16px; border-right:1px solid #eeeeee; font-family: 'Montserrat', sans-serif; } .checkout-page .lower-content .totals-table li:last-child{ border-bottom:none; margin-bottom:0px; } .checkout-page .lower-content .totals-table .col{ position:relative; display:block; float:left; line-height:24px; width:50%; color: #848484; font-weight: 400; font-size:16px; } /*Payment Option*/ .checkout-page .payment-options{ position:relative; padding:30px 20px; background-color:#f7f7f7; } .checkout-page .payment-options li{ position:relative; margin-bottom:15px; } .checkout-page .payment-options li .radio-option{ position:relative; } .checkout-page .payment-options li .radio-option label{ position:relative; display:inline-block; padding-left:30px; font-weight:500 !important; text-transform:capitalize; letter-spacing:1px; color:#333333; cursor:pointer; } .checkout-page .payment-options li .radio-option label strong{ font-weight:400; color:#222222; font-size:14px; font-family: 'Montserrat', sans-serif; } .checkout-page .payment-options li .radio-option label strong a{ font-size:16px; margin-left:30px; text-decoration:underline; font-family: 'Raleway', sans-serif; } .checkout-page .payment-options li .radio-option input[type="radio"]{ position:absolute; left:0px; top:3px; } .checkout-page .payment-options li .radio-option label .small-text{ display:block; padding-top:5px; letter-spacing:0px; text-transform:none; font-weight:normal; font-size:16px; color:#848484; line-height:1.7em; } .checkout-page .payment-options li .radio-option label img{ position:relative; top:-3px; display:inline-block; max-width:100%; padding-left:30px; } .checkout-page .place-order{ padding:11px 39px; margin-left:30px; text-transform:capitalize; } /*** ==================================================================== Cart Section style ==================================================================== ***/ .cart-section{ position:relative; padding:80px 0px; } .cart-section .cart-outer{ position:relative; } .cart-section .table-outer{ position:relative; width:100%; overflow-x: auto; } .cart-section .cart-table{ width:100%; min-width:900px; } .cart-table .cart-header{ position:relative; width:100%; text-transform:uppercase; font-size:16px; border-radius:0px; background:#f7f7f7; color:#1f1f1f; } .cart-table thead tr th{ line-height:24px; padding:20px 15px; min-width:120px; font-weight:600; } .cart-table thead tr th.prod-column{ text-align:left; padding-left:40px; } .cart-table tbody tr td{ line-height:24px; padding:30px 10px 20px; min-width:100px; } .cart-table tbody tr .qty{ width:150px; padding-right:40px; } .cart-table tbody tr .qty .quantity-spinner{ background:#f5f5f5; } .cart-table tbody tr .prod-column .column-box{ position:relative; min-height:90px; padding-left:90px; padding-top:20px; text-align:left; } .column.default-column .cart-table tbody tr .qty{ width:110px; padding-right:20px; } .cart-table tbody tr .prod-column .column-box .prod-thumb{ position:absolute; width:70px; border:1px solid #f0f0f0; left:0px; top:0px; } .cart-table tbody tr .prod-column .column-box .prod-thumb img{ display:block; max-width:100%; } .cart-table tbody tr .prod-column .column-box h3{ font-size:20px; color:#1f1f1f; font-weight:400; margin-bottom:5px; } .cart-table tbody tr .sub-total{ font-weight:400; color:#ff5ea5; } .cart-table tbody tr .remove-btn{ position:relative; font-size:14px; color:#1f1f1f; line-height:30px; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; -moz-transition:all 500ms ease; transition:all 500ms ease; } .cart-table tbody tr .remove-btn .fa{ position:relative; top:2px; font-size:10px; line-height:14px; width:14px; height:14px; margin-right:8px; background:#f0f0f0; color:#ffffff; text-align:center; overflow:hidden; text-indent:100px; } .cart-table tbody tr .remove-btn:hover{ color:#ff5ea5; } .cart-table tbody tr .remove-btn:hover .fa{ text-indent:0px; background:#ff5ea5; } .cart-table tbody tr{ border-bottom:1px solid #f0f0f0; } .cart-table tbody tr td{ vertical-align:middle; } .cart-table tbody tr td .quantity-spinner{ padding:5px 0px 5px 20px; line-height:24px; height:34px; display:block; width:100%; position:relative; } .cart-table tbody .available-info{ position:relative; padding-left:50px; } .cart-table tbody .available-info .icon{ position:absolute; left:0px; top:5px; width:40px; height:40px; line-height:40px; text-align:center; font-size:18px; color:#ffffff; background:#ff5ea5; border-radius:50%; } .cart-section .coupon-outer{ position:relative; margin:50px 0px 70px ; } .cart-section .apply-coupon{ position:relative; } .cart-section .apply-coupon .form-group{ position:relative; float:left; margin-right:15px; } .cart-section .apply-coupon .form-group input[type="text"]{ display:block; line-height:26px; padding:12px 20px; border:1px solid #f0f0f0; height:50px; border-radius:23px; width:230px; background:none; } .cart-section .estimate-form{ position:relative; } .cart-section .sec-title{ margin-bottom:25px; } .cart-section .sec-title h2{ font-size:28px; } .cart-section .estimate-form .row{ margin-left:-7px; margin-right:-7px; } .cart-section .estimate-form .row .form-group{ padding:0px 7px !important; margin-bottom:30px; } .cart-section .totals-table{ position:relative; border:1px solid #f0f0f0; border-radius:2px; margin-bottom:30px; } .cart-section .totals-table .col{ position:relative; display:block; float:left; padding:15px 15px; line-height:24px; width:50%; } .cart-section .totals-table .col-title{ font-size:14px; color:#353535; border-right:1px solid #f0f0f0; } .cart-section .totals-table li{ position:relative; border-bottom:1px solid #f0f0f0; } .cart-section .totals-table li:last-child{ border-bottom:none; } .cart-section .cart-note{ position:relative; margin-bottom:50px; padding:16px 20px; text-align:center; border:1px dashed #ff5ea5; border-radius:3px; background:#f4f4f4; line-height:1.7em; } /*** ==================================================================== Login / Register Section ==================================================================== ***/ .register-section{ position:relative; padding:80px 0px 40px; } .register-section .sec-title{ margin-bottom:30px; } .register-section .form-column{ margin-bottom:30px; } .styled-form{ position:relative; } .styled-form .form-group{ position:relative; margin-bottom:25px; font-size:14px; color:#9e9e9e; } .checkout-section .styled-form .form-group{ position:relative; margin-bottom:20px; } .styled-form .form-group .check-box{ line-height:24px; font-size:15px; font-weight:normal; padding-top:5px; color:#1f1f1f; } .styled-form .form-group .check-box label{ position:relative; top:-1px; font-weight:normal; padding:0px; font-size:15px; cursor:pointer; } .styled-form .pull-left label, .styled-form .pull-right label{ cursor:pointer; font-weight:400; } .styled-form .form-group .adon-icon{ position:absolute; top:50%; margin-top:-10px; right:10px; width:20px; height:20px; line-height:20px; font-size:15px; color:#999999; z-index:2; } .styled-form .form-group .field-label{ display:block; color:#1f1f1f; text-transform:capitalize; font-size:16px; margin-bottom:7px; font-weight:400; } .styled-form input[type="text"], .styled-form input[type="email"], .styled-form input[type="password"], .styled-form input[type="tel"], .styled-form input[type="number"], .styled-form input[type="url"], .styled-form select, .styled-form textarea{ position:relative; display:block; width:100%; background:#ffffff; line-height:30px; padding:8px 20px; height:48px; border:1px solid #e0e0e0; border-radius:3px; transition:all 300ms ease; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; } .checkout-section .styled-form input[type="text"], .checkout-section .styled-form input[type="email"], .checkout-section .styled-form input[type="password"], .checkout-section .styled-form select{ line-height:26px; height:44px; } .styled-form select{ -webkit-appearance:none; -ms-appearance:none; -moz-appearance:none; -o-appearance:none; background:#ffffff url(../images/icons/icon-select.png) right center no-repeat; cursor:pointer; } .styled-form select option{ text-indent:20px; } .styled-form textarea{ resize:none; height:110px; } .styled-form input:focus, .styled-form select:focus, .styled-form textarea:focus{ border-color:#ff5ea5; } .styled-form .form-group .theme-btn{ min-width:150px; text-align:center; padding:10px 30px; } .styled-form .forgot{ font-size:14px; } .social-links-two a{ position:relative; display:inline-block; font-size:14px; width:42px; height:42px; line-height:42px; text-align:center; color:#ffffff; background:#ff5ea5; margin:0px 0px 0px 15px; transition:all 0.5s ease; -moz-transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -ms-transition:all 0.5s ease; -o-transition:all 0.5s ease; } .social-links-two a:hover{ opacity:0.80; } .social-links-two .facebook{ background:#3b5998; } .social-links-two .twitter{ background:#33ccfe; } html, body { overflow-x: hidden; } .social-links-two .google-plus{ background:#dd4b39; } .padd-top-5{ padding-top:5px; } .padd-top-10{ padding-top:10px; } .padd-top-15{ padding-top:15px; } .video-image-box .image { position: relative; } .video-image-box img { display: block; width: 100%; } .img { box-shadow: 4px 4px 20px 5px rgba(0, 0, 0, 0.28); } .video-image-box .image .overlay-link { position: absolute; left: 0px; top: 0px; width: 100%; display: flex; height: 100%; font-size: 50px; align-items: center; justify-content: center; color: #48c7ec; text-align: center; background: rgba(0, 0, 0, 0.50); transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; } .video-image-box .image .overlay-link:hover { background: rgba(0, 0, 0, 0.30); } .video-image-box .image .overlay-link .icon { position: absolute; left: 50%; top: 50%; margin-top: -30px; margin-left: -30px; width: 60px; background: #fff; height: 60px; border-radius: 50%; line-height: 60px; font-size: 29px; color: #ff5ea5; padding-left: 5px; } .unclickable > a:hover { cursor: default !important; } .bg7 { background-image: url(../images/6.jpg); background-size:cover; background-position: center; background-position: center top; }