/* Css For Eazyrecruitz */ /************ TABLE OF CONTENTS *************** 1. Fonts 2. Reset 3. Global 4. Main Header/style-one/style-two 5. Main Slider/style-one/style-two 6. Intro Section 7. Welcome Section 9. Cta Section 8. Research Fields 10. Testimonial Section 11. Researches Section 12. Team Section 14. Video 15. Fact Counter 16. News Section 19. Clients Section 20. Main Footer 21. Footer Bottom 22. Research Style Two 23. Innovative Solution 24. Discover Section 25. Testimonial Section 26. Chooseus Section 27. News Style Two 28. Page Title 29. Research Page Section 30. Research Details 31. Professor Page Section 32. Professor Details 33. About Section 34. Error Section 35. Blog Page Section 36. Blog Details 37. Blog Sidebar 38. Contact Section 39. Google Map **********************************************/ /*** ==================================================================== Reset ==================================================================== ***/ * { margin:0px; padding:0px; border:none; outline:none; } /*** ==================================================================== Global Settings ==================================================================== ***/ body { font-size:15px; color:#766068; line-height:28px; font-weight:400; background:#ffffff; font-family: 'Muli', sans-serif; background-size:cover; background-repeat:no-repeat; background-position:center top; -webkit-font-smoothing: antialiased; } @media (min-width:1200px) { .container { max-width: 1170px; padding: 0px 15px; } } .container-fluid{ padding: 0px; } .large-container{ position:static; max-width:1480px; padding:0px 15px; margin:0 auto; } .auto-container{ position:static; max-width:1200px; padding:0px 15px; margin:0 auto; } .small-container{ max-width:680px; margin:0 auto; } .boxed_wrapper{ position: relative; margin: 0 auto; overflow: hidden; width: 100%; min-width: 300px; } a{ text-decoration: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; } a:hover{ text-decoration:none; outline:none; } input,button,select,textarea{ font-family: 'Muli', sans-serif; font-weight: 400; font-size: 15px; color: #555; } ul,li{ list-style:none; padding:0px; margin:0px; } input{ transition: all 500ms ease; } button:focus, input:focus, textarea:focus{ outline: none; box-shadow: none; transition: all 500ms ease; } p{ position: relative; font-size: 15px; line-height: 28px; font-family: 'Muli', sans-serif; font-weight: 400; color: #766068; margin: 0px; transition: all 500ms ease; } h1,h2,h3,h4,h5,h6{ position:relative; font-family: 'Nunito Sans', sans-serif; font-weight: 400; color: #462b34; margin: 0px; transition: all 500ms ease; } /* Preloader */ .preloader { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 999; background-position: center center; background-repeat: no-repeat; background-image: url(../images/icons/preloader.png); } .preloader-close{ position: fixed; z-index: 999999; color: #fff; padding: 10px 20px; cursor: pointer; right: 0; bottom: 0; font-weight: 600; } .preloader.style-two .preloader-close{ } .loader-wrap { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 999999; } .loader-wrap .layer-one { position: absolute; left: 0%; top: 0; width: 33.3333%; height: 100%; overflow: hidden; } .loader-wrap .layer-two { position: absolute; left: 33.3333%; top: 0; width: 33.3333%; height: 100%; overflow: hidden; } .loader-wrap .layer-three { position: absolute; left: 66.6666%; top: 0; width: 33.3333%; height: 100%; overflow: hidden; } .loader-wrap .layer .overlay { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #29191f; } .centred{ text-align: center; } .pull-left{ float: left; } .pull-right{ float: right; } figure{ margin: 0px; } img { display: inline-block; max-width: 100%; height: auto; transition-delay: .1s; transition-timing-function: ease-in-out; transition-duration: .7s; transition-property: all; } /** button **/ .theme-btn-one{ position: relative; display: inline-block; font-size: 14px; line-height: 26px; font-family: 'Nunito Sans', sans-serif; font-weight: 700; color: #fff !important; border-radius: 4px; text-align: center; background: #462b34; padding: 15px 44px; text-transform: uppercase; z-index: 1; } .theme-btn-one:hover:after{ -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); } .theme-btn-one:after{ content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; border-radius: 4px; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .theme-btn-two{ position: relative; display: inline-block; font-size: 14px; line-height: 26px; font-family: 'Nunito Sans', sans-serif; font-weight: 700; color: #fff !important; border-radius: 4px; text-align: center; padding: 15px 40px; text-transform: uppercase; z-index: 1; } .theme-btn-two:hover:after{ -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); } .theme-btn-two:after{ content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; border-radius: 4px; background: #462b34; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .pagination{ position: relative; display: block; } .pagination li{ display: inline-block; margin-right: 7px; } .pagination li:last-child{ margin-right: 0px; } .pagination li a{ position: relative; display: inline-block; font-size: 20px; font-family: 'Nunito Sans', sans-serif; font-weight: 700; height: 50px; width: 50px; line-height: 50px; text-align: center; color: #462b34; background: transparent; border-radius: 5px; border: 1px solid #eae0d9; z-index: 1; transition: all 500ms ease; } .pagination li a i{ font-size: 14px; } .pagination li a:hover, .pagination li a.active{ color: #fff; } .sec-pad{ padding: 95px 0px 130px 0px !important; } .sec-pad-2{ padding: 130px 0px !important; } .scroll-top{ width: 50px; height: 120px; position: fixed; display: inline-block; bottom: 105%; right: 40px; font-size: 14px; font-weight: 700; font-family: 'Nunito Sans', sans-serif; z-index: 99; color: #ffffff; background: #3e252d; border-radius: 5px; text-align: center; cursor: pointer; text-transform: uppercase; z-index: 1; transition: 1s ease; } .scroll-top i{ position: relative; display: block; font-size: 30px; font-weight: 400; margin-bottom: 10px; } .scroll-top:hover{ } .scroll-top.open { bottom: 40px; } .sec-title{ position: relative; display: block; margin-bottom: 50px; } .sec-title .top-title{ position: relative; display: inline-block; font-size: 15px; line-height: 26px; font-family: 'Muli', sans-serif; font-weight: 700; text-transform: uppercase; margin-bottom: 12px; padding-top: 28px; z-index: 1; } .sec-title .top-title:before{ position: absolute; content: ''; background: #f0e6e0; width: 50px; height: 50px; border-radius: 5px; left: -25px; top: 8px; z-index: -1; } .sec-title .top-title:after{ position: absolute; content: ''; background: #f0e6e0; border-left: 2px solid #fff; border-bottom: 2px solid #fff; width: 24px; height: 24px; border-radius: 3px; left: 9px; top: 0px; z-index: -1; } .sec-title h2{ position: relative; display: block; font-size: 44px; line-height: 54px; font-weight: 700; } .sec-title.light h2{ color: #fff; } .sec-title p{ font-size: 18px; line-height: 26px; margin-top: 16px; } /*** ==================================================================== Home-Page-One ==================================================================== ***/ /** main-header **/ .main-header{ position:relative; left:0px; top:0px; z-index:999; width:100%; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05); 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{ position:fixed; opacity:0; visibility:hidden; background: #fff; left:0px; top:0px; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2); width:100%; z-index:0; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } .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; } /** header-top **/ .main-header .header-top{ position: relative; width: 100%; padding: 0px 50px; border-bottom: 1px solid #eae0d9; } .main-header .header-top .top-inner{ position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; } .main-header .header-top .left-info{ position: relative; padding: 11px 0px; } .main-header .header-top .location-box{ position: relative; display: flex; flex-wrap: wrap; align-items: center; padding: 11px 30px 11px 30px; border-left: 1px solid #eae0d9; border-right: 1px solid #eae0d9; } .main-header .header-top .right-info{ display: -webkit-box; display: -ms-flexbox; display: flex; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 11px 0px; } .main-header .header-top .left-info li{ position: relative; display: inline-block; font-size: 15px; line-height: 20px; color: #766068; font-weight: 600; margin-right: 30px; padding-left: 25px; } .main-header .header-top .left-info li:last-child{ margin-right: 0px; } .main-header .header-top .left-info li p{ font-size: 15px; line-height: 20px; color: #766068; font-weight: 600; } .main-header .header-top .left-info li p a{ color: #766068; } .main-header .header-top .left-info li p a:hover{ } .main-header .header-top .left-info li i{ position: absolute; left: 0px; top: 0px; font-size: 18px; font-weight: 400; } .main-header .header-top .left-info li p span{ font-weight: 700; color: #462b34; text-transform: uppercase; } .main-header .header-top .location-box .location-carousel{ position: relative; display: block; max-width: 560px; width: 100%; padding-right: 110px; } .main-header .header-top .location-box .location-carousel p{ font-size: 15px; font-weight: 600; } .main-header .header-top .location-box .location-carousel p span{ font-weight: 700; text-transform: uppercase; } .main-header .header-top .location-box .location-carousel .owl-nav{ position: absolute; top: 0px; right: 0px; } .main-header .header-top .location-box .location-carousel .owl-nav .owl-prev, .main-header .header-top .location-box .location-carousel .owl-nav .owl-next{ position: relative; display: inline-block; width: 24px; height: 24px; line-height: 24px; background: #f0e6e0; text-align: center; border-radius: 5px; font-size: 10px; color: #462b34; cursor: pointer; z-index: 1; margin: 0px 2.5px; transition: all 500ms ease; } .main-header .header-top .location-box .location-carousel .owl-nav .owl-prev:hover, .main-header .header-top .location-box .location-carousel .owl-nav .owl-next:hover{ color: #fff; } .main-header .header-top .location-box .apply-btn{ position: relative; padding-left: 30px; } .main-header .header-top .location-box .apply-btn a{ position: relative; display: inline-block; font-size: 13px; font-weight: 700; text-transform: uppercase; } .main-header .header-top .location-box .apply-btn a i{ font-size: 14px; margin-left: 8px; } .main-header .header-top .location-box .apply-btn a:hover{ color: #462b34; } .main-header .header-top .right-info .list{ margin-right: 30px; } .main-header .header-top .right-info .list li{ position: relative; display: inline-block; font-size: 15px; font-weight: 600; margin-right: 15px; } .main-header .header-top .right-info .list li:last-child{ margin-right: 0px !important; } .main-header .header-top .right-info .list li a{ color: #766068; } .main-header .header-top .right-info .list li a:hover{ } .main-header .header-top .right-info .social-links li{ position: relative; display: inline-block; font-size: 15px; margin-right: 13px; } .main-header .header-top .right-info .social-links li:last-child{ margin-right: 0px; } .main-header .header-top .right-info .social-links li a{ color: #462b34; } .main-header .header-top .right-info .social-links li a:hover{ } /** header-lower **/ .main-header .header-lower{ position: relative; } .main-header .main-menu{ float: left; } .main-header .logo-box{ position: relative; float: left; padding: 27px 100px 0px 50px; background: #462b34; margin-right: 75px; border-bottom-right-radius: 50px; } .main-header .menu-right-content{ margin-top: 20px; padding-right: 50px; } .main-header .menu-right-content li{ position: relative; display: inline-block; } .main-header .menu-right-content .search-btn button{ position: relative; display: inline-block; font-size: 18px; font-weight: 700; line-height: 26px; top: 2px; color: #000; cursor: pointer; transition: all 500ms ease; } .main-header .menu-right-content .search-btn button:hover{ } .main-header .language{ position:relative; display: inline-block; margin: 0px 15px 0px 35px; } .main-header .language .lang-btn{ position:relative; display: inline-block; background: #f0e6e0; padding: 12px 15px 13px 14px; border-radius: 4px; height: 56px; cursor: pointer; } .main-header .language .lang-btn .icon{ position: relative; display: inline-block; font-size: 18px; color: #462b34; margin-right: 5px; } .main-header .language .lang-btn .txt{ position: relative; display: inline-block; vertical-align: middle; font-size: 13px; font-weight: 700; font-family: 'Nunito Sans', sans-serif; color: #462b34; } .main-header .language .lang-btn .arrow{ position: relative; display: inline-block; vertical-align: middle; padding-left: 4px; font-size: 14px; color: #462b34; } .main-header .language .lang-dropdown{ position: absolute; left: 0; top: 100%; width: 150px; background: #462b34; padding: 5px 0px; opacity: 0; visibility: hidden; z-index: 1; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); -webkit-transition: all 300ms linear; -ms-transition: all 300ms linear; transition: all 300ms linear; } .main-header .language:hover .lang-dropdown{ opacity: 1; visibility: visible; -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); } .main-header .language .lang-dropdown li{ position: relative; display: block; border-bottom: 1px solid rgba(255,255,255,0.2); } .main-header .language .lang-dropdown li:last-child{ border: none; } .main-header .language .lang-dropdown li a{ position: relative; display: block; padding: 5px 15px; font-size: 14px; line-height: 24px; color: #fff; text-align: left; } .main-header .language .lang-dropdown li a:hover{ } /** main-menu **/ .main-menu .navbar-collapse{ padding:0px; display:block !important; } .main-menu .navigation{ margin:0px; } .main-menu .navigation > li{ position:inherit; float:left; z-index:2; padding:36px 0px 33px 0px; margin: 0px 18px; -webkit-transition:all 300ms ease; -moz-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; transition:all 300ms ease; } .main-menu .navigation > li:last-child{ margin-right:0px !important; } .main-menu .navigation > li:first-child{ margin-left: 0px !important; } .main-menu .navigation > li > a{ position:relative; display:block; text-align:center; font-size:14px; line-height:30px; font-weight:700; opacity:1; font-family: 'Nunito Sans', sans-serif; color:#462b34; z-index:1; padding-right: 17px; text-transform: uppercase; -webkit-transition:all 500ms ease; -moz-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; transition:all 500ms ease; } .main-menu .navigation > li.dropdown > a:before{ position: absolute; display: inline-block; content: "\f062"; top: 0px; right: 0px; font-family: 'Font Awesome 5 Free'; font-size: 12px; color: #bdadad; font-weight: 700; transform: rotate(20deg); transition: all 500ms ease; } .main-menu .navigation > li.dropdown.current > a:before, .main-menu .navigation > li.dropdown:hover > a:before{ transform: rotate(0deg); } .main-menu .navigation > li > a span{ position: absolute; top: -15px; right: -15px; font-size: 11px; color: #fff; font-weight: 500; width: 37px; height: 16px; line-height: 16px; text-align: center; border-radius: 20px; } .main-menu .navigation > li > a span:before{ position: absolute; content: ''; width: 8px; height: 8px; left: 15px; bottom: -3px; transform: rotate(-45deg); z-index: -1; } .main-menu .navigation > li.dropdown.current > a:before, .main-menu .navigation > li.dropdown:hover > a:before{ } .main-menu .navigation > li.current > a, .main-menu .navigation > li:hover > a{ } .main-menu .navigation > li > ul, .main-menu .navigation > li > .megamenu{ position:absolute; left: inherit; top:100%; width:250px; z-index:100; display:none; opacity: 0; visibility: hidden; padding: 10px 0px; background-color: #462b34; border-radius: 0px 0px 10px 10px; -moz-transform: translateY(30px); -webkit-transform: translateY(30px); -ms-transform: translateY(30px); -o-transform: translateY(30px); transform: translateY(30px); -webkit-transform-origin: top; -ms-transform-origin: top; transform-origin: top; -webkit-transition:all 500ms ease; -moz-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; transition:all 500ms ease; } .main-menu .navigation > li > ul.from-right{ left:auto; right:0px; } .main-menu .navigation > li > ul > li{ position:relative; width:100%; padding: 0px 30px; } .main-menu .navigation > li > ul > li:last-child{ border-bottom:none; } .main-menu .navigation > li > ul > li > a, .main-menu .navigation > li > .megamenu li > a{ position:relative; display:block; padding:14px 0px 13px 0px; line-height:24px; font-weight:600; font-family: 'Nunito Sans', sans-serif; font-size:15px; text-transform:capitalize; color: rgba(255,255,255,0.5); border-bottom: 1px solid rgba(255,255,255,0.2); 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; } .main-menu .navigation > li > .megamenu li > a:hover{ color: #fff; } .main-menu .navigation > li > ul > li > a:hover{ padding-left: 18px; color: #fff; } .main-menu .navigation > li > ul > li > a:before{ position: absolute; display: inline-block; content: "\f062"; top: 15px; left: 0px; font-family: 'Font Awesome 5 Free'; font-size: 12px; color: #fff; font-weight: 700; opacity: 0; transform: rotate(20deg); transition: all 500ms ease; } .main-menu .navigation > li > ul > li > a:hover:before{ top: 11px; opacity: 1; } .main-menu .navigation > li > ul > li:last-child > a, .main-menu .navigation > li > .megamenu li:last-child > a{ border-bottom: none; } .main-menu .navigation > li > .megamenu li > a:hover{ } .main-menu .navigation > li > ul > li.dropdown > a:after{ font-family: 'Font Awesome 5 Free'; content: "\f105"; position:absolute; right:20px; top:14px; display:block; line-height:24px; font-size:16px; font-weight:800; text-align:center; z-index:5; } .main-menu .navigation > li > ul > li > ul{ position:absolute; left: 100%; top:-2px; width:250px; margin-left: 10px; z-index:100; display:none; padding: 10px 0px; background-color: #462b34; border-radius: 10px; -moz-transform: translateY(30px); -webkit-transform: translateY(30px); -ms-transform: translateY(30px); -o-transform: translateY(30px); transform: translateY(30px); } .main-menu .navigation > li > ul > li > ul:before{ position: absolute; content: ''; width: 10px; height: 100%; left: -10px; top: 0px; } .main-menu .navigation > li > ul > li > ul.from-right{ left:auto; right:0px; } .main-menu .navigation > li > ul > li > ul > li{ position:relative; width:100%; padding: 0px 30px; } .main-menu .navigation > li > ul > li > ul > li:last-child{ border-bottom:none; } .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 0px 13px 0px; line-height:24px; font-weight:600; font-family: 'Nunito Sans', sans-serif; font-size:15px; text-transform:capitalize; color: rgba(255,255,255,0.5); border-bottom: 1px solid rgba(255,255,255,0.2); 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; } .main-menu .navigation > li > ul > li > ul > li > a:before{ position: absolute; display: inline-block; content: "\f062"; top: 15px; left: 0px; font-family: 'Font Awesome 5 Free'; font-size: 12px; color: #fff; font-weight: 700; opacity: 0; transform: rotate(20deg); transition: all 500ms ease; } .main-menu .navigation > li > ul > li > ul > li > a:hover:before{ top: 11px; opacity: 1; } .main-menu .navigation > li > ul > li > ul > li:last-child > a{ border-bottom: none; } .main-menu .navigation > li > ul > li > ul > li > a:hover{ color: #fff; padding-left: 18px; } .main-menu .navigation > li > ul > li > ul > li.dropdown > a:after{ font-family: 'Font Awesome 5 Free'; content: "\f105"; position:absolute; right:20px; top:12px; display:block; line-height:24px; font-size:16px; font-weight:900; z-index:5; } .main-menu .navigation > li.dropdown:hover > ul, .main-menu .navigation > li.dropdown:hover > .megamenu{ visibility:visible; opacity:1; -moz-transform: translateY(0); -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } .main-menu .navigation li > ul > li.dropdown:hover > ul{ visibility:visible; opacity:1; -moz-transform: translateY(0); -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); transition:all 300ms ease; -moz-transition:all 300ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; } .main-menu .navigation li.dropdown .dropdown-btn{ position:absolute; right:-32px; top:66px; width:34px; height:30px; text-align:center; font-size:18px; line-height:26px; color:#3b3b3b; cursor:pointer; display: none; z-index:5; transition: all 500ms ease; } .main-menu .navigation li.current.dropdown .dropdown-btn, .main-menu .navigation li:hover .dropdown-btn{ } .main-menu .navigation li.dropdown ul li.dropdown .dropdown-btn{ display: none; } .menu-area .mobile-nav-toggler { position: relative; float: right; font-size: 40px; line-height: 50px; cursor: pointer; color: #3786ff; display: none; } .menu-area .mobile-nav-toggler .icon-bar{ position: relative; height: 2px; width: 30px; display: block; margin-bottom: 5px; background-color: #3b3b3b; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .menu-area .mobile-nav-toggler .icon-bar:last-child{ margin-bottom: 0px; } /** megamenu-style **/ .main-menu .navigation > li.dropdown > .megamenu{ position: absolute; width: 100%; padding: 30px 50px; left: 0px; } .main-menu .navigation li.dropdown .megamenu li h4{ font-size: 20px; line-height: 28px; font-weight: 600; padding: 3px 0px; color: #fff; } /** mobile-menu **/ .nav-outer .mobile-nav-toggler{ position: relative; float: right; font-size: 40px; line-height: 50px; cursor: pointer; color:#3786ff; display: none; } .mobile-menu{ position: fixed; right: 0; top: 0; width: 300px; padding-right:30px; max-width:100%; height: 100%; opacity: 0; visibility: hidden; z-index: 999999; } .mobile-menu .navbar-collapse{ display:block !important; } .mobile-menu .nav-logo{ position:relative; padding:50px 25px 120px 25px; text-align:left; } .mobile-menu-visible{ overflow: hidden; } .mobile-menu-visible .mobile-menu{ opacity: 1; visibility: visible; } .mobile-menu .menu-backdrop{ position: fixed; right: 0; top: 0; width: 100%; height: 100%; z-index: 1; -webkit-transform: translateX(101%); -ms-transform: translateX(101%); transform: translateX(101%); transition: all 900ms ease; -moz-transition: all 900ms ease; -webkit-transition: all 900ms ease; -ms-transition: all 900ms ease; -o-transition: all 900ms ease; } .mobile-menu-visible .mobile-menu .menu-backdrop{ opacity: 0.70; visibility: visible; -webkit-transition:all 0.7s ease; -moz-transition:all 0.7s ease; -ms-transition:all 0.7s ease; -o-transition:all 0.7s ease; transition:all 0.7s ease; -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); } .mobile-menu .menu-box{ position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; max-height: 100%; overflow-y: auto; background: #27181d; padding: 0px 0px; z-index: 5; opacity: 0; visibility: hidden; border-radius: 0px; -webkit-transform: translateX(101%); -ms-transform: translateX(101%); transform: translateX(101%); } .mobile-menu-visible .mobile-menu .menu-box{ opacity: 1; visibility: visible; -webkit-transition:all 0.7s ease; -moz-transition:all 0.7s ease; -ms-transition:all 0.7s ease; -o-transition:all 0.7s ease; transition:all 0.7s ease; -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); } .mobile-menu .close-btn{ position: absolute; right: 15px; top: 15px; width: 30px; height: 30px; line-height: 28px; border: 2px solid #fff; border-radius: 50%; text-align: center; font-size: 15px; color: #ffffff; cursor: pointer; z-index: 10; -webkit-transition:all 0.9s ease; -moz-transition:all 0.9s ease; -ms-transition:all 0.9s ease; -o-transition:all 0.9s ease; transition:all 0.9s ease; } .mobile-menu-visible .mobile-menu .close-btn{ -webkit-transform:rotate(360deg); -ms-transform:rotate(360deg); transform:rotate(360deg); } .mobile-menu .close-btn:hover{ -webkit-transform:rotate(90deg); -ms-transform:rotate(90deg); transform:rotate(90deg); } .mobile-menu .navigation{ position: relative; display: block; width: 100%; float: none; } .mobile-menu .navigation li{ position: relative; display: block; border-top: 1px solid rgba(255,255,255,0.10); } .mobile-menu .navigation:last-child{ border-bottom: 1px solid rgba(255,255,255,0.10); } .mobile-menu .navigation li > ul > li:first-child{ border-top: 1px solid rgba(255,255,255,0.10); } .mobile-menu .navigation li > a{ position: relative; display: block; line-height: 24px; padding: 10px 25px; font-size: 15px; font-weight: 500; color: #ffffff; text-transform: uppercase; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; } .mobile-menu .navigation li ul li > a{ font-size: 16px; margin-left: 20px; text-transform: capitalize; } .mobile-menu .navigation li > a:before{ content:''; position:absolute; left:0; top:0; height:0; border-left:5px solid #fff; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; } .mobile-menu .navigation li.current > a:before{ height:100%; } .mobile-menu .navigation li.dropdown .dropdown-btn{ position:absolute; right:6px; top:6px; width:32px; height:32px; text-align:center; font-size:16px; line-height:32px; color:#ffffff; background:rgba(255,255,255,0.10); cursor:pointer; border-radius:2px; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; z-index:5; } .mobile-menu .navigation li.dropdown .dropdown-btn.open{ background:#fff; color: #3b3b3b; -webkit-transform:rotate(90deg); -ms-transform:rotate(90deg); transform:rotate(90deg); } .mobile-menu .navigation li > ul, .mobile-menu .navigation li > ul > li > ul, .mobile-menu .navigation > li.dropdown > .megamenu{ display: none; } .mobile-menu .social-links{ position:relative; padding:30px 25px; } .mobile-menu .social-links li{ position:relative; display:inline-block; margin:0px 10px 10px; } .mobile-menu .social-links li a{ position:relative; line-height:32px; font-size:16px; color:#ffffff; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; } .mobile-menu .social-links li a:hover{ } div#mCSB_1_container{ top: 0px !important; } .mobile-menu .contact-info { position: relative; padding: 80px 30px 20px 30px; } .mobile-menu .contact-info h4 { position: relative; font-size: 20px; color: #ffffff; font-weight: 700; margin-bottom: 20px; } .mobile-menu .contact-info ul li { position: relative; display: block; font-size: 15px; color: rgba(255,255,255,0.80); margin-bottom: 3px; } .mobile-menu .contact-info ul li a{ color: rgba(255,255,255,0.80); } .mobile-menu .contact-info ul li a:hover{ } .mobile-menu .contact-info ul li:last-child{ margin-bottom: 0px; } /** search pop-up style **/ .main-header .search-btn .search-toggler{ position: relative; font-size: 22px; color: #222; font-weight: 400; background: transparent; cursor: pointer; display: inline-block; transition: all 500ms ease; } .main-header .search-btn .search-toggler{ } .search-popup{ position:fixed; left:0; top:0px; width:100%; height:100%; z-index:99999; visibility:hidden; opacity:0; overflow:auto; background: rgba(0, 0, 0, 0.9); -webkit-transform:translateY(101%); -ms-transform:translateY(101%); transform:translateY(101%); transition:all 700ms ease; -moz-transition:all 700ms ease; -webkit-transition:all 700ms ease; -ms-transition:all 700ms ease; -o-transition:all 700ms ease; } .search-popup.popup-visible{ -webkit-transform:translateY(0%); -ms-transform:translateY(0%); transform:translateY(0%); visibility:visible; opacity:1; } .search-popup .overlay-layer{ position:absolute; left:0px; top:0px; right:0px; bottom:0px; display:block; } .search-popup .close-search{ position:absolute; right:25px; top:25px; width: 30px; height: 30px; line-height: 26px; text-align: center; border: 2px solid #fff; border-radius: 50%; font-size:10px; font-weight: 700; color:#ffffff; cursor:pointer; z-index:5; transition: all 500ms ease; } .search-popup .close-search:hover{ } .search-popup .search-form{ position: relative; padding: 0px 15px 0px; max-width: 1024px; margin: 0 auto; margin-top: 150px; margin-bottom: 100px; opacity: 0; -webkit-transform: translateY(50px); -ms-transform: translateY(50px); transform: translateY(50px); z-index: 10; } .search-popup.popup-visible .search-form { opacity: 1; -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); transition: all 500ms ease 500ms; -moz-transition: all 900ms ease 500ms; -webkit-transition: all 900ms ease 500ms; -ms-transition: all 900ms ease 500ms; -o-transition: all 900ms ease 500ms; } .search-popup .search-form .form-group{ margin-bottom: 30px; } .search-popup .search-form fieldset{ position:relative; border-radius:12px; } .search-popup .search-form fieldset input[type="search"]{ position:relative; height:70px; padding:20px 250px 20px 30px; background:#ffffff; line-height:30px; font-size:24px; color:#233145; border-radius:7px; box-shadow: none; outline: none; border: none; } .search-popup .search-form fieldset input[type="submit"]{ position:absolute; display:block; right:0px; top:0px; text-align:center; width:220px; height:70px; padding:20px 10px 20px 10px; color:#ffffff !important; line-height:30px; font-size:20px; cursor:pointer; text-transform:uppercase; border-radius:0px 7px 7px 0px; } .search-popup .search-form fieldset input[type="submit"]:hover{ transform: translateY(0px); } .search-popup h3{ text-transform:uppercase; font-size:20px; font-weight:600; color:#ffffff; margin-bottom:20px; letter-spacing:1px; text-align:center; } .search-popup .recent-searches{ font-size:16px; color:#ffffff; text-align:center; } .search-popup .recent-searches li{ display:inline-block; margin:0px 10px 10px 0px; } .search-popup .recent-searches li a{ display:block; line-height:24px; border:1px solid #ffffff; padding:7px 15px; color:#ffffff; border-radius:3px; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -ms-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease; } .search-popup .recent-searches li a:hover{ } .sticky-header .logo-box{ padding: 20px 80px 20px 40px !important; float: left !important; } .sticky-header .main-menu .navigation > li{ padding: 24px 0px 21px 0px !important; } .sticky-header .menu-right-content{ margin-top: 9px !important; } /** banner-section **/ .banner-section{ position: relative; background: #f0e6e0; } .banner-carousel{ position: relative; } .banner-section.style-one .banner-carousel .slide-item{ position: relative; overflow: hidden;; } .banner-section.style-one .banner-carousel .slide-item{ padding: 171px 0px 180px 0px; min-height: 810px; } .banner-carousel .slide-item.style-two .content-box{ padding-left: 60px; } .banner-section.style-one .banner-carousel .slide-item .image-layer{ position:absolute; right:0; width:43%; background-repeat: no-repeat; background-size: cover; background-position: center; } .banner-section .banner-carousel .slide-item .image-layer{ position:absolute; top:0; height:100%; background-repeat: no-repeat; background-position: center; background-size: cover; -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1); -webkit-transition: all 6000ms linear; -moz-transition: all 6000ms linear; -ms-transition: all 6000ms linear; -o-transition: all 6000ms linear; transition: all 6000ms linear; } .banner-section .banner-carousel .active .slide-item .image-layer{ -webkit-transform:scale(1.15); -ms-transform:scale(1.15); transform:scale(1.15); } .banner-section.style-one .banner-carousel .slide-item.style-two .image-layer{ right: inherit; left: 0; } .banner-carousel .content-box{ position: relative; display: block; z-index:5; width: 100%; } .banner-carousel .content-box span{ position: relative; display: inline-block; font-size: 15px; line-height: 20px; font-weight: 700; margin-bottom: 13px; text-transform: uppercase; opacity: 0; -webkit-transform: translateY(-100px); -moz-transform: translateY(-100px); -ms-transform: translateY(-100px); -o-transform: translateY(-100px); transform: translateY(-100px); -webkit-transition: all 700ms ease; -moz-transition: all 700ms ease; -ms-transition: all 700ms ease; -o-transition: all 700ms ease; transition: all 700ms ease; } .banner-carousel .active .content-box span{ opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition-delay: 700ms; -moz-transition-delay: 700ms; -ms-transition-delay: 700ms; -o-transition-delay: 700ms; transition-delay: 700ms; } .banner-carousel .content-box h1{ position: relative; display: block; font-size: 60px; line-height: 68px; font-weight: 800; margin-bottom: 23px; opacity: 0; -webkit-transform: translateX(100px); -moz-transform: translateX(100px); -ms-transform: translateX(100px); -o-transform: translateX(100px); transform: translateX(100px); -webkit-transition: all 1000ms ease; -moz-transition: all 1000ms ease; -ms-transition: all 1000ms ease; -o-transition: all 1000ms ease; transition: all 1000ms ease; } .banner-carousel .active .content-box h1{ opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); -webkit-transition-delay: 1000ms; -moz-transition-delay: 1000ms; -ms-transition-delay: 1000ms; -o-transition-delay: 1000ms; transition-delay: 1000ms; } .banner-carousel .content-box p{ position: relative; display: block; color: #766068; font-size: 18px; line-height: 30px; font-weight: 500; margin-bottom: 41px; opacity: 0; -webkit-transform: translateX(-100px); -moz-transform: translateX(-100px); -ms-transform: translateX(-100px); -o-transform: translateX(-100px); transform: translateX(-100px); -webkit-transition: all 1300ms ease; -moz-transition: all 1300ms ease; -ms-transition: all 1300ms ease; -o-transition: all 1300ms ease; transition: all 1300ms ease; } .banner-carousel .active .content-box p{ opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); -webkit-transition-delay: 1300ms; -moz-transition-delay: 1300ms; -ms-transition-delay: 1300ms; -o-transition-delay: 1300ms; transition-delay: 1300ms; } .banner-carousel .content-box .btn-box{ position: relative; opacity: 0; -webkit-transform: translateY(100px); -moz-transform: translateY(100px); -ms-transform: translateY(100px); -o-transform: translateY(100px); transform: translateY(100px); -webkit-transition: all 1600ms ease; -moz-transition: all 1600ms ease; -ms-transition: all 1600ms ease; -o-transition: all 1600ms ease; transition: all 1600ms ease; } .banner-carousel .active .content-box .btn-box{ opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition-delay: 1600ms; -moz-transition-delay: 1600ms; -ms-transition-delay: 1600ms; -o-transition-delay: 1600ms; transition-delay: 1600ms; } .owl-dots-none .owl-dots, .owl-nav-none .owl-nav{ display: none !important; } .banner-carousel .slide-item.style-one .content-box .pattern-layer .pattern-1{ position: absolute; left: -130px; top: -80px; width: 300px; height: 300px; background: #e5dbd5; border-radius: 50%; } .banner-carousel .slide-item.style-one .pattern-layer .pattern-1{ position: absolute; left: 0px; top: 0px; width: 57%; height: 100%; background-repeat: no-repeat; background-size: cover; } .banner-carousel .slide-item.style-one .pattern-layer .pattern-2{ position: absolute; right: 0px; top: 0px; width: 43%; height: 100%; background-repeat: no-repeat; background-size: cover; } .banner-carousel .slide-item.style-two .pattern-layer .pattern-1{ position: absolute; left: 0px; top: 0px; width: 43%; height: 100%; background-repeat: no-repeat; background-size: cover; } .banner-carousel .slide-item.style-two .pattern-layer .pattern-2{ position: absolute; right: 0px; top: 0px; width: 57%; height: 100%; background-repeat: no-repeat; background-size: cover; } .bg-color-1{ background: #462b34; } /** clients-section **/ .clients-section{ position: relative; } .clients-section .clients-logo-box{ position: relative; display: block; background: #462b34; padding: 50px 0px; border-right: 1px solid rgba(255,255,255,0.2); margin-bottom: 28px; } .clients-section .clients-logo-box img{ display: block; max-width: 100%; width: auto; margin: 0 auto; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .clients-section .clients-logo-box .logo-title{ position: absolute; left: 40px; bottom: -38px; width: calc(100% - 80px); background: #f0e6e0; text-align: center; border-radius: 5px; opacity: 0; visibility: hidden; transition: all 500ms ease; } .clients-section .clients-logo-box:hover .logo-title{ bottom: -28px; opacity: 1; visibility: visible; } .clients-section .clients-logo-box .logo-title:before{ position: absolute; content: ''; background: #f0e6e0; width: 20px; height: 20px; left: 50%; margin-left: -13px; top: -8px; transform: rotate(45deg); } .clients-section .clients-logo-box .logo-title a{ position: relative; display: block; padding: 15px 20px 11px 20px; font-size: 16px; line-height: 30px; font-family: 'Nunito Sans', sans-serif; font-weight: 600; color: #462b34; z-index: 1; } /** welcome-section **/ .welcome-section{ position: relative; padding: 95px 0px 120px 0px; } .welcome-section .image-box{ position: relative; display: block; margin-top: 6px; } .welcome-section .image-box img{ width: 100%; } .tabs-box .tab{ position:relative; display:none; transition: all 900ms ease; -moz-transition: all 900ms ease; -webkit-transition: all 900ms ease; -ms-transition: all 900ms ease; -o-transition: all 900ms ease; } .tabs-box .tab.active-tab{ display:block; } .tabs-box .tab{ transform:scale(0.9,0.9) translateY(0px); } .tabs-box .tab.active-tab{ transform:scale(1) translateY(0px); } .tabs-box-2 .tab-2{ position:relative; display:none; transition: all 900ms ease; -moz-transition: all 900ms ease; -webkit-transition: all 900ms ease; -ms-transition: all 900ms ease; -o-transition: all 900ms ease; } .tabs-box-2 .tab-2.active-tab-2{ display:block; } .tabs-box-2 .tab-2{ transform:scale(0.9,0.9) translateY(0px); } .tabs-box-2 .tab-2.active-tab-2{ transform:scale(1) translateY(0px); } #content_block_1 .content-box{ position: relative; display: block; } #content_block_1 .content-box .tab-btn-box{ position: relative; margin-bottom: 43px; } #content_block_1 .content-box .tab-btns li{ position: relative; display: inline-block; float: left; background: #f0e6e0; padding: 24px 70px 25px 70px; border-radius: 5px; width: 270px; cursor: pointer; transition: all 500ms ease; } #content_block_1 .content-box .tab-btns li:after{ position: absolute; content: ''; background: #d9cec7; width: 1px; height: 30px; right: 50px; top: 22px; } #content_block_1 .content-box .tab-btns li.active-btn, #content_block_1 .content-box .tab-btns li:hover{ background: #fff; box-shadow: 0 0px 20px rgba(0, 0, 0, 0.1); } #content_block_1 .content-box .tab-btns li:last-child{ float: right; } #content_block_1 .content-box .tab-btns li i.employ-icon{ position: absolute; left: 20px; top: 20px; font-size: 30px; color: #462b34; transition: all 500ms ease; } #content_block_1 .content-box .tab-btns li h5{ font-size: 18px; line-height: 25px; font-weight: 600; } #content_block_1 .content-box .tab-btns li i.arrow-icon{ position: absolute; top: 24px; right: 17px; font-size: 20px; color: #b4a4a4; transition: all 500ms ease; } #content_block_1 .content-box .tab-btns li.active-btn i.employ-icon, #content_block_1 .content-box .tab-btns li:hover i.employ-icon, #content_block_1 .content-box .tab-btns li.active-btn i.arrow-icon, #content_block_1 .content-box .tab-btns li:hover i.arrow-icon{ } #content_block_1 .content-box .tab-btns li.active-btn i.arrow-icon{ transform: rotate(180deg); } #content_block_1 .content-box .inner-box h5{ font-size: 18px; line-height: 28px; margin-bottom: 14px; font-weight: 600; } #content_block_1 .content-box .inner-box h2{ font-size: 36px; line-height: 44px; font-weight: 700; margin-bottom: 22px; } #content_block_1 .content-box .inner-box p{ font-size: 17px; line-height: 28px; font-weight: 500; margin-bottom: 38px; } #content_block_1 .content-box .inner-box .list li{ position: relative; display: inline-block; float: left; width: 50%; padding: 0px 0px 0px 85px; } #content_block_1 .content-box .inner-box .list li .icon-box{ position: absolute; left: 0px; top: -6px; } #content_block_1 .content-box .inner-box .list li h4{ font-size: 20px; line-height: 28px; font-weight: 700; } #content_block_1 .content-box .inner-box .list{ margin-bottom: 41px; } #content_block_1 .content-box .inner-box .link a{ position: relative; display: inline-block; font-size: 14px; line-height: 26px; font-family: 'Nunito Sans', sans-serif; font-weight: 700; color: #462b34; text-transform: uppercase; } #content_block_1 .content-box .inner-box .link a i{ position: relative; font-size: 30px; margin-right: 8px; font-weight: 400; top: 6px; } #content_block_1 .content-box .tabs-content .inner-box .link a:hover{ } .welcome-section .sec-title{ margin-bottom: 53px; } /** about-section **/ .about-section{ position: relative; } .about-section .inner-container{ position: relative; display: block; background: #fff; overflow: hidden; box-shadow: 0 0px 30px rgba(0, 0, 0, 0.1); border-radius: 10px; } .about-section #content_block_2 .content-box{ margin-right: 30px; } #content_block_2 .content-box{ position: relative; display: block; overflow: hidden; } #content_block_2 .content-box .image-box{ position: relative; display: block; overflow: hidden; } #content_block_2 .content-box .image-box img{ width: 100%; } #content_block_2 .content-box .inner-box{ position: relative; background: #462b34; padding: 100px 30px; } #content_block_2 .content-box .image-box:before{ position: absolute; top: 0; left: -75%; display: block; content: ''; width: 50%; height: 100%; background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%); background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, .3))); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%); -webkit-transform: skewX(-25deg); -ms-transform: skewX(-25deg); transform: skewX(-25deg); } #content_block_2 .content-box:hover .image-box:before{ -webkit-animation: shine 1s; animation: shine 1s; } @-webkit-keyframes shine { 100% { left: 125%; } } @keyframes shine { 100% { left: 125%; } } #content_block_2 .content-box .inner-box .icon-box{ position: relative; display: inline-block; margin-bottom: 23px; } #content_block_2 .content-box .inner-box h3{ display: block; font-size: 24px; line-height: 32px; color: #fff; font-weight: 700; margin-bottom: 27px; } #content_block_2 .content-box .inner-box a{ position: relative; display: inline-block; font-size: 14px; line-height: 26px; font-family: 'Nunito Sans', sans-serif; color: #fff; font-weight: 700; border-radius: 5px; text-transform: uppercase; padding: 15px 65px 13px 20px; } #content_block_2 .content-box .inner-box a i{ position: absolute; top: 14px; right: 11px; font-size: 24px; font-weight: 400; } #content_block_2 .content-box .inner-box a:before{ position: absolute; content: ''; background: #462b34; width: 2px; height: 100%; right: 46px; top: 0px; } .about-section #content_block_3 .content-box{ position: relative; padding: 95px 60px 100px 0px; } #content_block_3 .content-box .text p{ font-size: 17px; } #content_block_3 .content-box .text{ margin-bottom: 30px; } #content_block_3 .content-box .link a{ position: relative; display: inline-block; font-size: 14px; line-height: 26px; font-family: 'Nunito Sans', sans-serif; font-weight: 700; color: #462b34; text-transform: uppercase; } #content_block_3 .content-box .link a i{ position: relative; font-size: 30px; margin-right: 8px; font-weight: 400; top: 6px; } #content_block_3 .content-box .link a:hover{ } #content_block_3 .content-box .link{ position: relative; margin-bottom: 41px; } #content_block_3 .content-box .author-text{ position: relative; display: block; background: #f0e6e0; padding: 32px 50px 34px 100px; border-radius: 100px 100px 100px 0px; margin-bottom: 20px; min-height: 130px; } #content_block_3 .content-box .author-text:before{ position: absolute; content: ''; background: #f0e6e0; width: 40px; height: 40px; left: 0px; bottom: -40px; clip-path: polygon(0% 0%, 100% 0%, 0% 100%, 0% 100%, 0% 0%); } #content_block_3 .content-box .author-text h3{ position: relative; font-size: 24px; line-height: 32px; font-weight: 700; } #content_block_3 .content-box .author-text h3:before{ position: absolute; content: ''; width: 3px; height: 70px; left: -42px; top: -2px; } #content_block_3 .content-box .author-text h3:after{ position: absolute; content: ''; width: 3px; height: 35px; left: -33px; top: -2px; } #content_block_3 .content-box .author-info{ position: relative; display: block; padding: 3px 0px 10px 100px; } #content_block_3 .content-box .author-info .author-thumb{ position: absolute; left: 20px; top: 0px; width: 60px; height: 60px; border-radius: 50%; } #content_block_3 .content-box .author-info .author-thumb img{ width: 100%; border-radius: 50%; } #content_block_3 .content-box .author-info h4{ font-size: 20px; line-height: 28px; font-weight: 700; } #content_block_3 .content-box .author-info .designation{ position: relative; display: block; font-size: 17px; line-height: 28px; font-weight: 500; color: #766068; } #content_block_3 .content-box .author-info .signature{ position: absolute; top: 0px; right: 50px; } #content_block_3 .content-box .sec-title{ margin-bottom: 30px; } .about-section .pattern-layer{ position: absolute; left: 0px; top: 423px; right: 0px; background-size: cover; background-repeat: no-repeat; background-position: bottom center; width: 100%; height: 380px; } /** service-section **/ .service-section{ position: relative; padding: 95px 0px 120px 0px; } .service-block-one{ margin-top: 20px; } .service-block-one .inner-box{ position: relative; display: block; text-align: center; } .service-block-one .inner-box .image-box{ position: relative; display: block; overflow: hidden; border-radius: 10px; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1); } .service-block-one .inner-box .image-box img{ width: 100%; border-radius: 10px; transition: all 500ms ease; } .service-block-one .inner-box:hover .image-box img{ transform: scale(1.1); } .service-block-one .inner-box .lower-content{ position: relative; padding: 0px 70px; } .service-block-one .inner-box .lower-content .content-box{ position: relative; margin-top: -117px; transition: all 500ms ease; } .service-block-one .inner-box:hover .lower-content .content-box{ opacity: 0; } .service-block-one .inner-box .lower-content .content-box .inner{ position: relative; display: block; background: #fff; border-radius: 10px; padding: 30px 15px 22px 15px; margin-bottom: 21px; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1); } .service-block-one .inner-box .lower-content .content-box .inner .icon-box{ position: relative; display: inline-block; margin-bottom: 12px; } .service-block-one .inner-box .lower-content .content-box .inner h4{ font-size: 22px; line-height: 30px; font-weight: 700; } .service-block-one .inner-box .lower-content .content-box .link a{ position: relative; display: inline-block; font-size: 14px; line-height: 26px; font-family: 'Nunito Sans', sans-serif; color: #462b34; font-weight: 700; text-transform: uppercase; } .service-block-one .inner-box .lower-content .overlay-content{ position: absolute; left: 30px; top: 30px; background: #462b34; border-radius: 10px; width: calc(100% - 60px); overflow: hidden; visibility: hidden; opacity: 0; transition: all 500ms ease; } .service-block-one .inner-box:hover .lower-content .overlay-content{ top: 0px; opacity: 1; visibility: visible; } .service-block-one .inner-box .lower-content .overlay-content p{ position: relative; display: block; font-size: 17px; line-height: 28px; color: rgba(255,255,255,0.5); font-weight: 500; padding: 30px 15px 32px 15px; } .service-block-one .inner-box .lower-content .overlay-content a{ position: relative; display: block; padding: 6px 15px 13px 15px; font-size: 14px; line-height: 26px; font-family: 'Nunito Sans', sans-serif; color: #fff; font-weight: 700; text-transform: uppercase; } .service-block-one .inner-box .lower-content .overlay-content a i{ position: relative; font-size: 30px; margin-right: 8px; font-weight: 400; top: 6px; } .service-section .pattern-layer{ position: absolute; left: 0px; bottom: 0px; right: 0px; width: 100%; height: 580px; background-size: cover; background-repeat: no-repeat; } .service-section .sec-title{ margin-bottom: 33px; } .service-section .owl-dots{ position: relative; display: block; text-align: center; margin-top: 40px; } .owl-dot-style-one .owl-dots .owl-dot span{ position: relative; display: inline-block; width: 3px; height: 10px; background: #c2b3aa; margin: 0px 5px; cursor: pointer; transition: all 500ms ease; } .owl-dot-style-one .owl-dots .owl-dot.active span, .owl-dot-style-one .owl-dots .owl-dot span:hover{ height: 20px; } .service-section .anim-icon{ position: absolute; left: 0px; top: 0px; right: 0px; max-width: 1200px; width: 100%; height: 100%; margin: 0 auto; } .service-section .anim-icon .icon-1{ position: absolute; left: -25px; top: 45px; width: 170px; height: 250px; background-repeat: no-repeat; } .service-section .anim-icon .icon-2{ position: absolute; top: 140px; right: 130px; background: #f0e6e0; width: 120px; height: 120px; border-radius: 50%; -webkit-animation: zoom-fade 5s infinite linear; animation: zoom-fade 5s infinite linear; } /** recruitment-technology **/ .recruitment-technology{ position: relative; padding: 95px 0px 130px 0px; } .recruitment-technology .image-box{ position: relative; display: block; margin-right: -100px; } .recruitment-technology .image-box img{ max-width: none; float: right; } #content_block_4 .content-box .inner-box .single-item{ position: relative; display: block; background: #fff; box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1); margin-bottom: 30px; padding: 27px 30px 33px 30px; border-radius: 10px; } #content_block_4 .content-box .inner-box .single-item:last-child{ margin-bottom: 0px; } #content_block_4 .content-box .inner-box .single-item .inner{ position: relative; padding-left: 100px; } #content_block_4 .content-box .inner-box .single-item .inner .icon-box{ position: absolute; left: 0px; top: 3px; } #content_block_4 .content-box .inner-box .single-item .inner h3{ position: relative; display: block; font-size: 22px; line-height: 30px; font-weight: 700; padding-left: 82px; margin-bottom: 8px; transition: all 500ms ease; } #content_block_4 .content-box .inner-box .single-item .inner h3 a{ display: inline-block; color: #462b34; } #content_block_4 .content-box .inner-box .single-item .inner h3 a:hover{ } #content_block_4 .content-box .inner-box .single-item .inner h3 a i{ position: relative; font-size: 30px; margin-left: 8px; font-weight: 400; top: 5px; opacity: 0; transition: all 500ms ease; } #content_block_4 .content-box .inner-box .single-item:hover .inner h3 a i{ opacity: 1; } #content_block_4 .content-box .inner-box .single-item .inner p{ font-size: 17px; line-height: 28px; font-weight: 500; } #content_block_4 .content-box .inner-box .single-item .inner h3 span{ position: absolute; left: 0px; top: 6px; font-size: 20px; transition: all 500ms ease; } #content_block_4 .content-box .inner-box .single-item:hover .inner h3 span{ opacity: 0; } #content_block_4 .content-box .inner-box .single-item:hover .inner h3{ padding-left: 0px; } #content_block_4 .content-box .inner-box .single-item .inner h3:before{ position: absolute; content: ''; width: 40px; height: 2px; left: 32px; top: 19px; transition: all 500ms ease; } #content_block_4 .content-box .inner-box .single-item:hover .inner h3:before{ opacity: 0; } #content_block_4 .content-box .sec-title{ margin-bottom: 43px; } /** industries-section **/ .industries-section{ position: relative; overflow: hidden; padding: 95px 0px 120px 0px; } .industries-section .sec-title .top-title:before{ background: #624b52; } .industries-section .sec-title .top-title:after{ background: #624b52; border-left: 2px solid #462b34; border-bottom: 2px solid #462b34; } .industries-section .sec-title{ margin-bottom: 37px; } .industries-section .tabs-content{ position: relative; display: block; margin: 35px -375px 0px 30px; } .industries-section .tabs-content .image-box{ position: relative; display: block; border-radius: 10px; } .industries-section .tabs-content .image-box:before{ position: absolute; content: ''; background: -webkit-linear-gradient(-90deg, rgba(70,43,52,0.0), rgba(70,43,52,1) 100%); width: 100%; height: 100%; left: 0px; right: 0px; bottom: 0px; } .industries-section .tabs-content .image-box img{ width: 100%; border-radius: 10px; } .industries-section .tabs-content .inner-box{ position: relative; } .industries-section .tabs-content .inner-box .content-box{ position: absolute; left: 0px; bottom: 0px; padding: 0px 70px; width: 100%; z-index: 1; display: flex; align-items: center; } .industries-section .tabs-content .inner-box .content-box .text h2{ position: relative; display: block; font-size: 36px; line-height: 45px; color: #fff; font-weight: 700; margin-bottom: 2px; } .industries-section .tabs-content .inner-box .content-box .text span{ position: relative; display: block; font-size: 17px; line-height: 28px; color: #fff; font-style: italic; font-weight: 500; } .industries-section .tabs-content .inner-box .content-box .link{ position: relative; float: right; margin-left: 60px; } .industries-section .tabs-content .inner-box .content-box .link a{ position: relative; display: inline-block; font-size: 16px; font-weight: 700; color: #462b34; width: 62px; height: 62px; line-height: 62px; background: #fff; text-align: center; border-radius: 50%; z-index: 1; } .industries-section .tabs-content .inner-box .content-box .link a:hover{ color: #fff; } .industries-section .tabs-content .inner-box .content-box .text{ position: relative; display: inline-block; margin-right: 60px; } .industries-section .tabs-content .inner-box .content-box .line { position: relative; display: block; height: 1px; background: rgba(255,255,255,0.2); width: calc(100% - 120px); flex: 1; top: 3px; } .industries-section .tab-btns li{ position: relative; display: block; padding: 9px 0px 27px 70px; cursor: pointer; margin-bottom: 14px; min-height: 50px; transition: all 500ms ease; } .industries-section .tab-btns li:before{ position: absolute; content: ''; background: rgba(255,255,255,0.2); width: 50px; height: 1px; left: 70px; bottom: 0px; transition: all 500ms ease; } .industries-section .tab-btns li.active-btn:before, .industries-section .tab-btns li:hover:before{ width: calc(100% - 70px); } .industries-section .tab-btns li:last-child{ margin-bottom: 0px; } .industries-section .tab-btns li .icon-box{ position: absolute; left: 0px; top: 0px; } .industries-section .tab-btns li h3{ position: relative; display: block; font-size: 22px; line-height: 30px; color: #fff; font-weight: 700; transition: all 500ms ease; } .industries-section .tab-btns li.active-btn h3, .industries-section .tab-btns li:hover h3{ } .industries-section .pattern-layer{ position: absolute; left: 10px; top: -175px; width: 1060px; height: 1170px; background-repeat: no-repeat; } /** process-section **/ .process-section{ position: relative; padding: 95px 0px 120px 0px; } .process-section .sec-title{ margin-bottom: 75px; } .process-block-one .inner-box{ position: relative; display: block; } .process-block-one .inner-box:before{ position: absolute; content: ''; background: url(../images/icons/arrow-1.png); width: 58px; height: 70px; top: 30px; right: -45px; background-repeat: no-repeat; } .process-block:last-child .process-block-one .inner-box:before{ display: none; } .process-block-one .inner-box .icon-box{ position: relative; display: inline-block; width: 146px; height: 128px; text-align: center; line-height: 128px; margin-bottom: 43px; z-index: 1; } .process-block-one .inner-box .icon-box:before{ position: absolute; content: ''; background: url(../images/icons/icon-bg-1.png); width: 100%; height: 100%; left: 0px; top: 0px; right: 0px; background-repeat: no-repeat; z-index: -1; } .process-block-one .inner-box .icon-box:after{ position: absolute; content: ''; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: -2; box-shadow: 5px 5px 100px 30px black; } .process-block-one .inner-box .icon-box span{ position: absolute; top: -20px; right: -30px; width: 60px; height: 60px; line-height: 60px; background: #fff; font-size: 20px; font-family: 'Nunito Sans', sans-serif; font-weight: 700; text-align: center; border-radius: 50%; box-shadow: 0 0px 20px rgba(0, 0, 0, 0.1); } .process-block-one .inner-box .lower-content h3{ position: relative; display: block; font-size: 22px; line-height: 30px; font-weight: 700; margin-bottom: 10px; } .process-block-one .inner-box .lower-content p{ font-size: 17px; font-weight: 500; margin-bottom: 13px; } .process-block-one .inner-box .lower-content a{ position: relative; display: inline-block; font-size: 14px; line-height: 24px; font-family: 'Nunito Sans', sans-serif; font-weight: 700; text-transform: uppercase; } .process-block-one .inner-box .lower-content a:hover{ color: #462b34; } .process-block-one .inner-box .icon-box .anim-icon .icon-1{ position: absolute; left: -12px; top: -20px; width: 176px; height: 158px; background-repeat: no-repeat; z-index: -2; } .process-block-one .inner-box .icon-box .anim-icon .icon-2{ position: absolute; left: -3px; top: 10px; width: 10px; height: 11px; background-repeat: no-repeat; } .process-block-one .inner-box .icon-box .anim-icon .icon-3{ position: absolute; right: -3px; bottom: 10px; width: 10px; height: 11px; background-repeat: no-repeat; } /** team-section **/ .team-section{ position: relative; padding: 95px 0px 100px 0px; } .team-section .sec-title .top-title:before, .team-section .sec-title .top-title:after{ background: #e2d7d0; } .team-section .sec-title .top-title:after{ border-left: 2px solid #f0e6e0; border-bottom: 2px solid #f0e6e0; } .team-section .pattern-layer{ position: absolute; left: 0px; top: 0px; right: 0px; width: 100%; height: 820px; background-repeat: no-repeat; background-size: cover; background: bottom center; } .progress-box .bar{ position:relative; width:100%; height:2px; background:#d9cec7; border-radius:0px; margin-bottom:12px; } .progress-box .bar:before{ position: absolute; content: ''; width: 2px; height: 14px; left: 0px; top: -6px; } .progress-box .bar-inner{ position:relative; display:block; width:0px; height:2px; border-radius:3px; -webkit-transition:all 1500ms ease; -ms-transition:all 1500ms ease; -o-transition:all 1500ms ease; -moz-transition:all 1500ms ease; transition:all 1500ms ease; } .progress-box .bar-inner:before{ position: absolute; content: ''; width: 2px; height: 30px; top: 0px; right: 0px; } .progress-box .count-text{ position:absolute; top: 11px; right: 11px; font-size:16px; color: #462b34; font-family: 'Nunito Sans', sans-serif; font-weight: 700; opacity:0; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; -moz-transition:all 500ms ease; transition:all 500ms ease; } .progress-box .bar-inner.counted .count-text{ opacity:1; } #content_block_5 .content-box .text{ margin-bottom: 48px; } #content_block_5 .content-box .text p{ font-size: 17px; font-weight: 500; } .progress-box h6{ position: relative; display: block; font-size: 14px; line-height: 24px; font-weight: 700; text-transform: uppercase; } .progress-box{ position: relative; margin-bottom: 33px; } #content_block_5 .content-box .link a{ position: relative; display: inline-block; font-size: 14px; line-height: 24px; font-family: 'Nunito Sans', sans-serif; color: #462b34; font-weight: 700; text-transform: uppercase; } #content_block_5 .content-box .link a i{ position: relative; font-size: 30px; margin-right: 8px; font-weight: 400; top: 6px; } #content_block_5 .content-box .link a:hover{ } .team-block-one .inner-box{ position: relative; display: block; margin-bottom: 22px; } .team-block-one .inner-box .image-box{ position: relative; display: block; overflow: hidden; border-radius: 20px; box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1); } .team-block-one .inner-box .image-box:before{ position: absolute; content: ''; background: #462b34; width: 100%; height: 100%; left: 0px; top: 0px; opacity: 0; transition: all 500ms ease; } .team-block-one .inner-box:hover .image-box:before{ opacity: 1; } .team-block-one .inner-box .image-box img{ width: 100%; border-radius: 20px; transition: all 500ms ease; } .team-block-one .inner-box:hover .image-box img{ opacity: 0.2; } .team-block-one .inner-box .image-box .singature{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%) rotate(-30deg); font-size: 44px; line-height: 50px; font-family: 'Mrs Saint Delafield', cursive; color: #fff; font-weight: 400; opacity: 0; transition: all 500ms ease; } .team-block-one .inner-box:hover .image-box .singature{ opacity: 1; } .team-block-one .inner-box .image-box .share-box{ position: absolute; right: 0px; bottom: 0px; width: 96px; } .team-block-one .inner-box .image-box .share-box p{ position: absolute; right: 0px; bottom: 0px; background: #f0e6e0; color: #462b34; font-size: 14px; line-height: 24px; font-weight: 400; text-transform: uppercase; padding: 6px 10px; text-align: center; width: 100%; cursor: pointer; border-radius: 15px 0px 15px 0px; } .team-block-one .inner-box .image-box .share-box p i{ margin-right: 8px; } .team-block-one .inner-box .image-box .share-box .social-links{ position: absolute; right: -144px; bottom: 0px; background: #f0e6e0; text-align: center; z-index: 1; width: 144px; border-radius: 15px 0px 15px 0px; opacity: 0; visibility: hidden; transition: all 500ms ease; } .team-block-one .inner-box .image-box .share-box:hover .social-links{ right: 0px; opacity: 1; visibility: visible; } .team-block-one .inner-box .image-box .share-box .social-links li{ position: relative; display: inline-block; float: left; width: 25%; border-right: 1px solid #d9cec7; } .team-block-one .inner-box .image-box .share-box .social-links li:last-child{ border-right: none; } .team-block-one .inner-box .image-box .share-box .social-links li a{ position: relative; display: inline-block; font-size: 14px; color: #462b34; width: 100%; height: 36px; line-height: 36px; text-align: center; } .team-block-one .inner-box .image-box .share-box .social-links li a:hover{ } .team-block-one .inner-box .lower-content{ position: relative; display: block; padding-top: 14px; text-align: center; } .team-block-one .inner-box .lower-content h3{ position: relative; display: block; font-size: 22px; line-height: 30px; font-weight: 700; margin-bottom: 0px; } .team-block-one .inner-box .lower-content h3 a{ display: inline-block; color: #462b34; } .team-block-one .inner-box .lower-content h3 a:hover{ } .team-block-one .inner-box .lower-content .designation{ position: relative; display: block; font-size: 17px; font-weight: 500; margin: 0px; } .team-section .inner-column{ padding-top: 35px; } /** news-section **/ .news-section{ position: relative; padding: 95px 0px 130px 0px; } .news-block-one .inner-box{ position: relative; display: block; } .news-block-one .inner-box .image-box{ position: relative; display: block; overflow: hidden; border-radius: 10px; } .news-block-one .inner-box .image-box img{ width: 100%; border-radius: 10px; transition: all 500ms ease; } .news-block-one .inner-box:hover .image-box img{ transform: scale(1.05); } .news-block-one .inner-box .image-box:before{ position: absolute; top: 50%; left: 50%; z-index: 1; display: block; content: ''; width: 0; height: 0; background: rgba(255,255,255,.2); border-radius: 100%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity: 0; } .news-block-one .inner-box:hover .image-box::before{ -webkit-animation: circle .75s; animation: circle .75s; } @-webkit-keyframes circle { 0% { opacity: 1; } 40% { opacity: 1; } 100% { width: 200%; height: 200%; opacity: 0; } } @keyframes circle { 0% { opacity: 1; } 40% { opacity: 1; } 100% { width: 200%; height: 200%; opacity: 0; } } .news-block-one .inner-box .image-box .post-date{ position: absolute; right: 0px; top: 30px; width: 70px; height: 70px; line-height: 22px; text-align: center; font-size: 16px; color: #fff; font-weight: 700; text-transform: uppercase; display: flex; align-items: center; justify-content: center; border-radius: 5px 0px 0px 5px; } .news-block-one .inner-box .lower-content{ position: relative; padding-right: 30px; } .news-block-one .inner-box .lower-content .inner{ position: relative; margin-top: -137px; background: #462b34; padding: 33px 30px 32px 30px; border-radius: 0px 10px 0px 10px; z-index: 2; } .news-block-one .inner-box .lower-content .inner .category p{ position: relative; display: inline-block; font-size: 12px; font-weight: 700; text-transform: uppercase; color: #fff; line-height: 12px; border-bottom: 1px solid #d1cdcf; margin: 0px; } .news-block-one .inner-box .lower-content .inner .category i{ position: relative; font-size: 20px; margin-right: 8px; top: 3px; } .news-block-one .inner-box .lower-content .inner .category{ margin-bottom: 15px; position: relative; } .news-block-one .inner-box .lower-content .inner h3{ position: relative; display: block; font-size: 22px; line-height: 32px; color: #fff; font-weight: 700; margin-bottom: 14px; } .news-block-one .inner-box .lower-content .inner h3 a{ display: inline-block; color: #fff; } .news-block-one .inner-box .lower-content .inner h3 a:hover{ } .news-block-one .inner-box .lower-content .inner .post-info li{ position: relative; display: inline-block; font-size: 16px; font-weight: 500; color: #fff; padding-right: 12px; margin-right: 11px; } .news-block-one .inner-box .lower-content .inner .post-info li:last-child{ padding: 0px; margin: 0px; } .news-block-one .inner-box .lower-content .inner .post-info li a{ color: #fff; } .news-block-one .inner-box .lower-content .inner .post-info li i{ margin-right: 10px; } .news-block-one .inner-box .lower-content .inner .post-info li a:hover{ } .news-block-one .inner-box .lower-content .inner .post-info li:before{ position: absolute; content: ''; background: rgba(255,255,255,0.3); top: 7px; right: 0px; height: 14px; width: 1px; } .news-block-one .inner-box .lower-content .inner .post-info li:after{ position: absolute; content: ''; background: rgba(255,255,255,0.3); top: 7px; right: -3px; height: 14px; width: 1px; } .news-block-one .inner-box .lower-content .inner .post-info li:last-child:before, .news-block-one .inner-box .lower-content .inner .post-info li:last-child:after{ display: none; } .bg-color-2{ background: #f0e6e0; } /** testimonial-section **/ .testimonial-section{ position: relative; padding: 95px 0px 120px 0px; } .testimonial-section .sec-title .top-title:after { border-left: 2px solid #f0e6e0; border-bottom: 2px solid #f0e6e0; } .testimonial-section .sec-title .top-title:before, .testimonial-section .sec-title .top-title:after { background: #e2d7d0; } .testimonial-block-one{ margin: 30px 0px 70px 0px; } .testimonial-block-one .inner-box{ position: relative; display: block; background: #fff; border-radius: 10px; padding: 37px 40px 42px 50px; margin-right: 10px; box-shadow: 0 0px 20px rgba(0, 0, 0, 0.1); } .testimonial-block-one .inner-box .border-shap{ position: absolute; left: 10px; top: -10px; width: 100%; height: 328px; background-repeat: no-repeat; } .testimonial-block-one .inner-box:before{ position: absolute; content: ''; background: #fff; width: 40px; height: 61px; left: 40px; bottom: -60px; clip-path: polygon(0% 0%, 100% 0%, 0% 100%, 0% 100%, 0% 0%); } .testimonial-block-one .inner-box .quote-box{ position: absolute; right: 0px; top: 0px; width: 60px; height: 60px; line-height: 60px; text-align: center; background: #462b34; border-radius: 0px 10px 0px 30px; } .testimonial-block-one .inner-box .quote-box img{ position: relative; display: inline-block; } .testimonial-block-one .inner-box .author-box{ position: relative; padding: 0px 0px 0px 80px; margin-bottom: 19px; } .testimonial-block-one .inner-box .author-box .author-thumb{ position: absolute; left: 0px; top: 3px; width: 60px; height: 60px; border-radius: 50%; } .testimonial-block-one .inner-box .author-box .author-thumb img{ width: 100%; border-radius: 50%; } .testimonial-block-one .inner-box .author-box .rating li{ position: relative; display: inline-block; font-size: 15px; margin-right: 6px; } .testimonial-block-one .inner-box .author-box .rating li:last-child{ margin-right: 0px; } .testimonial-block-one .inner-box .author-box .rating{ position: relative; margin-bottom: 7px; } .testimonial-block-one .inner-box .author-box h3{ font-size: 22px; line-height: 30px; font-weight: 700; } .testimonial-block-one .inner-box .author-box h3 span{ position: relative; display: inline-block; font-size: 14px; font-family: 'Muli', sans-serif; font-weight: 700; color: #a38f96; text-transform: uppercase; } .testimonial-block-one .inner-box .text p{ font-size: 17px; font-weight: 500; } .testimonial-section .sec-title{ margin-bottom: 27px; } /** awards-section **/ .awards-section{ position: relative; padding: 95px 0px 130px 0px; } .awards-section .image-box img{ width: 100%; } .single-award-block .inner-box{ position: relative; display: block; border: 1px solid #eae0d9; background: #fff; padding: 23px 30px 22px 30px; border-radius: 10px; margin-bottom: 30px; } .single-award-block .inner-box .upper-box{ position: relative; padding: 0px 0px 16px 75px; border-bottom: 1px solid #eae0d9; margin-bottom: 22px; min-height: 77px; } .single-award-block .inner-box .upper-box .icon-box{ position: absolute; left: 0px; top: 6px; } .single-award-block .inner-box .upper-box h3{ display: block; font-size: 22px; line-height: 30px; font-weight: 700; } .single-award-block .inner-box .lower-box li{ position: relative; display: block; font-size: 17px; font-weight: 500; margin-bottom: 4px; } .single-award-block .inner-box .lower-box li:last-child{ margin-bottom: 0px; } .single-award-block .inner-box .lower-box li span{ position: relative; display: inline-block; width: 90px; } .awards-section .sec-title{ margin-bottom: 55px; } .awards-section .inner-block .single-award-block:last-child .inner-box{ margin-bottom: 0px; } .awards-section .pattern-layer{ position: absolute; top: 0px; right: 0px; left: 0px; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; } /** main-footer **/ .main-footer{ position: relative; } .footer-top{ position: relative; padding: 124px 0px 80px 0px; } .footer-top .footer-widget .widget-title{ position: relative; display: block; margin-bottom: 25px; } .footer-top .footer-widget .widget-title h3{ position: relative; font-size: 22px; line-height: 30px; color: #fff; font-weight: 700; } .footer-top .about-widget .text p{ font-size: 17px; line-height: 28px; color: #ae979f; font-weight: 500; margin-bottom: 15px; } .footer-top .about-widget .text p:last-child{ line-height: 30px; margin: 0px; } .footer-top .about-widget .text{ margin-bottom: 24px; } .footer-top .about-widget .text p i{ position: relative; display: inline-block; font-size: 14px; transform: rotate(20deg); } .footer-top .about-widget{ margin-right: 50px; } .footer-top .about-widget .social-links li{ position: relative; display: inline-block; margin-right: 15px; } .footer-top .about-widget .social-links li:last-child{ margin-right: 0px; } .footer-top .about-widget .social-links li h5{ font-size: 18px; line-height: 28px; font-weight: 700; color: #fff; } .footer-top .about-widget .social-links li a{ position: relative; display: inline-block; font-size: 14px; color: #fff; } .footer-top .links-widget .links-list li{ position: relative; display: block; width: 50%; float: left; margin-bottom: 15px; } .footer-top .links-widget .links-list li a{ position: relative; display: inline-block; font-size: 17px; line-height: 28px; color: #ae979f; font-weight: 500; } .footer-top .links-widget .links-list li a:hover{ } .footer-top .contact-widget .info-box li{ position: relative; display: block; } .footer-top .contact-widget .info-box li a{ position: relative; display: inline-block; font-size: 17px; line-height: 28px; color: #ae979f; font-weight: 500; } .footer-top .contact-widget .info-box li a:hover{ } .footer-top .contact-widget .single-info-box{ position: relative; display: block; margin-bottom: 36px; } .footer-top .contact-widget .single-info-box:last-child{ margin-bottom: 0px; } .main-footer .footer-subscribe{ position: relative; display: block; } .main-footer .footer-subscribe .text{ margin-bottom: 15px; } .main-footer .footer-subscribe h3{ position: relative; display: block; font-size: 22px; line-height: 30px; color: #fff; font-weight: 700; } .main-footer .footer-subscribe .subscribe-form .form-group{ position: relative; margin: 0px; } .main-footer .footer-subscribe .subscribe-form .form-group input[type='email']{ position: relative; display: block; width: 100%; height: 54px; border-bottom: 1px solid rgba(255,255,255,0.1); padding: 10px 0px; padding-right: 160px; font-size: 17px; color: #ae979f; font-weight: 500; background: transparent; transition: all 500ms ease; } .main-footer .footer-subscribe .subscribe-form .form-group input::-webkit-input-placeholder{ color:#ae979f; } .main-footer .footer-subscribe .subscribe-form .form-group button{ position: absolute; top: 9px; right: 0px; font-size: 14px; line-height: 24px; font-family: 'Nunito Sans', sans-serif; font-weight: 700; color: #fff; text-transform: uppercase; background: transparent; cursor: pointer; transition: all 500ms ease; } .main-footer .footer-subscribe .subscribe-form .form-group button i{ position: relative; font-size: 30px; top: 5px; margin-right: 10px; font-weight: 400; } .main-footer .footer-subscribe .subscribe-form .form-group button:hover, .main-footer .footer-subscribe .subscribe-form .form-group input:focus + button{ } .main-footer .footer-subscribe .subscribe-form .form-group input:focus{ } .footer-bottom{ position: relative; padding: 32px 0px; } .footer-bottom .copyright p{ font-size: 17px; line-height: 28px; color: #ae979f; font-weight: 500; } .footer-bottom .copyright p a{ color: #ae979f; } .footer-bottom .copyright p a:hover{ } .footer-bottom .footer-nav li{ position: relative; display: inline-block; margin-right: 15px; } .footer-bottom .footer-nav li:last-child{ margin-right: 0px; } .footer-bottom .footer-nav li a{ display: inline-block; font-size: 17px; line-height: 28px; color: #ae979f; font-weight: 500; } .footer-bottom .footer-nav li a:hover{ } .main-footer .pattern-layer{ position: absolute; left: 0px; top: 0px; right: 0px; width: 100%; height: 100%; background-size: cover; background-repeat: repeat-x; background-position: center; animation: slide 100s linear infinite; -webkit-animation: slide 100s linear infinite; } @keyframes slide{ from { background-position: 0 0; } to { background-position: 1920px 0; } } @-webkit-keyframes slide{ from { background-position: 0 0; } to { background-position: 1920px 0; } } /*** ==================================================================== Home-Page-Two ==================================================================== ***/ /** header-style-two **/ .main-header.style-two{ box-shadow: none; } .main-header.style-two .header-lower{ margin: 0px 50px; } .main-header.style-two .header-lower .outer-box{ position: relative; background: #462b34; border-radius: 10px 10px 0px 0px; } .main-header.style-two .logo-box{ background: transparent; } .main-header.style-two .main-menu .navigation > li > a{ color: #fff; } .main-header.style-two .header-top{ border-bottom: none; } .main-header.style-two .menu-right-content .search-btn button{ color: rgba(255,255,255,0.6); } .main-header.style-two .menu-right-content .theme-btn-one{ } .main-header.style-two .sticky-header{ background: #462b34; } /** banner-style-two **/ .banner-section.style-two{ margin: 0px 50px; padding-bottom: 130px; background: transparent; } .banner-section.style-two:before{ position: absolute; content: ''; background: #f0e6e0; width: calc(100% + 100px); left: -50px; top: 110px; right: 0px; height: 785px; } .banner-section.style-two .slide-item .pattern-layer .pattern-1{ position: absolute; left: 0px; bottom: 0px; width: 727px; height: 323px; background-repeat: no-repeat; z-index: 1; } .banner-section.style-two .slide-item .pattern-layer .pattern-2{ position: absolute; top: 0px; right: 0px; width: 609px; height: 245px; background-repeat: no-repeat; z-index: 1; } .banner-section.style-two .banner-carousel{ position: relative; padding: 0px 70px; } .banner-section.style-two .banner-carousel:before{ position: absolute; content: ''; background: #462b34; width: 100%; height: 560px; left: 0px; top: 0px; right: 0px; border-radius: 0px 0px 10px 10px; } .banner-section.style-two .banner-carousel .slide-item .image-layer{ position:absolute; right:0; top: 0; left: 0; width:100%; height: 100%; border-radius: 10px; background-repeat: no-repeat; background-size: cover; background-position: center; } .banner-section.style-two .banner-carousel .slide-item{ position: relative; padding: 180px 0px 187px 0px; border-radius: 10px; overflow: hidden; } .banner-section.style-two .banner-carousel .slide-item:before{ position: absolute; content: ''; background: #28161c; width: 100%; height: 100%; left: 0; top: 0; right: 0px; opacity: 0.7; z-index: 1; } .banner-section.style-two .content-box{ position: relative; max-width: 670px; width: 100%; margin: 0 auto; text-align: center; } .banner-section.style-two .banner-carousel .content-box h1{ color: #fff; margin-bottom: 36px; } .banner-carousel .btn-box .btn-one{ position: relative; display: inline-block; font-size: 14px; font-family: 'Nunito Sans', sans-serif; font-weight: 700; background: #fff; color: #462b34; text-transform: uppercase; padding: 14px 48px; text-align: center; border-radius: 5px; z-index: 1; } .banner-carousel .btn-box .btn-one:hover{ color: #fff; } .banner-carousel .btn-box .btn-one:hover:after{ -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); } .banner-carousel .btn-box .btn-one:after{ content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; border-radius: 5px; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .banner-carousel .btn-box .btn-two{ position: relative; display: inline-block; font-size: 14px; font-family: 'Nunito Sans', sans-serif; font-weight: 700; background: transparent; border: 1px solid #fff; color: #fff; text-transform: uppercase; padding: 13px 42px; text-align: center; border-radius: 5px; z-index: 1; } .banner-carousel .btn-box .btn-two:hover:after{ -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); } .banner-carousel .btn-box .btn-two:after{ content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #fff; border-radius: 5px; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .banner-carousel .btn-box .btn-two:hover{ color: #462b34; } .banner-carousel .btn-box a{ margin: 0px 8px; } .banner-section .owl-nav{ position: absolute; right: 130px; bottom: 40px; } .banner-section .owl-nav .owl-prev, .banner-section .owl-nav .owl-next{ position: relative; display: inline-block; width: 60px; height: 60px; line-height: 60px; text-align: center; font-size: 14px; color: #462b34; background: #fff; font-weight: 700; text-align: center; border-radius: 50%; cursor: pointer; transition: all 500ms ease; } .banner-section .owl-nav .owl-prev{ margin-right: 15px; } .banner-section .owl-nav .owl-prev:hover, .banner-section .owl-nav .owl-next:hover{ color: #fff; } .banner-section .mouse-btn-down{ position: absolute; left: 50%; bottom: 105px; transform: translateX(-50%); z-index: 1; } .banner-section .mouse-btn-down .icon-box{ position: relative; display: inline-block; width: 30px; height: 50px; background: #fff; border-radius: 20px; text-align: center; cursor: pointer; padding: 12px 0px; } .banner-section .mouse-btn-down .icon-box i{ position: relative; display: block; font-size: 14px; line-height: 16px; font-weight: 400; color: #462b34; } .banner-section .mouse-btn-down .icon-box:before{ position: absolute; content: ''; border: 1px solid rgba(0,0,0,0.1); width: 90px; height: 90px; left: -30px; top: -20px; border-radius: 50%; } .banner-section .mouse-btn-down .icon-box:after{ position: absolute; content: ''; border: 1px solid rgba(0,0,0,0.1); width: 110px; height: 110px; left: -40px; top: -30px; border-radius: 50%; } /** feature-section **/ .feature-section{ position: relative; padding: 0px 50px; } .feature-section .outer-container{ position: relative; max-width: 1820px; width: 100%; margin: 0 auto; } .feature-section .inner-box .single-item{ margin: 0px; } /** about-style-two **/ .about-style-two{ position: relative; padding: 95px 0px 130px 0px; } .about-style-two #image_block_1 .image-box{ margin-top: 35px; } #image_block_1 .image-box{ position: relative; display: block; margin-right: 30px; padding: 130px 70px 50px 0px; } #image_block_1 .image-box .image-1{ position: relative; overflow: hidden; border-radius: 10px; } #image_block_1 .image-box .image-1:before{ position: absolute; top: 0; left: -75%; display: block; content: ''; width: 50%; height: 100%; background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%); background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, .3))); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%); -webkit-transform: skewX(-25deg); -ms-transform: skewX(-25deg); transform: skewX(-25deg); } #image_block_1 .image-box:hover .image-1:before{ -webkit-animation: shine 1s; animation: shine 1s; } #image_block_1 .image-box .image-1 img{ width: 100%; border-radius: 10px; } #image_block_1 .image-box .image-2{ position: absolute; left: -118px; bottom: 0px; } #image_block_1 .image-box .video-inner{ position: absolute; top: 0px; right: 0px; max-width: 270px; width: 100%; border-radius: 10px; padding: 95px 0px; text-align: center; z-index: 1; background-size: cover; background-repeat: no-repeat; background-position: center; } #image_block_1 .image-box .video-inner .video-btn{ position: relative; display: inline-block; width: 80px; height: 80px; line-height: 80px; text-align: center; background: #fff; border-radius: 50%; font-size: 26px; color: #462b34; z-index: 1; } #image_block_1 .image-box .video-inner .video-btn:after, #image_block_1 .image-box .video-inner .video-btn:before { width: 80px; height: 80px; border-radius: 50%; background: transparent; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-animation-delay: .9s; animation-delay: .9s; content: ""; position: absolute; -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6); box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6); -webkit-animation: ripple 3s infinite; animation: ripple 3s infinite; -webkit-transition: all .4s ease; transition: all .4s ease; } #image_block_1 .image-box .video-inner .video-btn:after { -webkit-animation-delay: .6s; animation-delay: .6s; } @-webkit-keyframes ripple { 70% { -webkit-box-shadow: 0 0 0 40px rgba(255, 255, 255, 0); box-shadow: 0 0 0 40px rgba(255, 255, 255, 0); } 100% { -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); } } @keyframes ripple { 70% { -webkit-box-shadow: 0 0 0 40px rgba(255, 255, 255, 0); box-shadow: 0 0 0 40px rgba(255, 255, 255, 0); } 100% { -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); } } #image_block_1 .image-box .video-inner .border{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); margin-top: -10px; margin-left: 10px; width: 80px; height: 80px; border-radius: 50%; } #image_block_1 .image-box .pattern-layer{ position: absolute; left: -120px; top: 0px; width: 323px; height: 323px; background-repeat: no-repeat; } /** service-style-two **/ .service-style-two{ position: relative; } .service-style-two .inner-container{ position: relative; width: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; overflow: hidden; border-radius: 10px; } .service-style-two .inner-container:before{ position: absolute; content: ''; background: #462b34; width: 100%; height: 100%; left: 0px; top: 0px; right: 0px; opacity: 0.95; } .service-style-two .inner-container .pattern-layer{ position: absolute; left: 0px; top: 0px; right: 0px; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; } .service-style-two .inner-container .single-item{ position: relative; display: block; padding: 80px 50px 83px 50px; min-height: 780px; } .service-style-two .inner-container .single-item:before{ position: absolute; content: ''; background: rgb(255,255,255,0.1); width: 1px; height: 100%; top: 0px; right: -30px; } .service-style-two .inner-container .service-block:last-child .single-item:before{ display: none; } .service-style-two .inner-container .single-item .icon-box{ position: relative; display: block; text-align: center; margin-bottom: 33px; } .service-style-two .inner-container .single-item h3{ position: relative; display: block; font-size: 22px; line-height: 32px; color: #fff; font-weight: 700; margin-bottom: 24px; } .service-style-two .inner-container .single-item h3 a{ color: #fff; } .service-style-two .inner-container .single-item h3 a:hover{ } .service-style-two .inner-container .single-item p{ font-size: 17px; line-height: 28px; font-weight: 500; color: #ae979f; margin-bottom: 34px; } .service-style-two .inner-container .single-item .list li{ position: relative; display: block; font-size: 17px; line-height: 28px; font-weight: 500; color: #ae979f; margin-bottom: 8px; } .service-style-two .inner-container .single-item .list li:last-child{ margin-bottom: 0px; } .service-style-two .inner-container .single-item .list li a{ position: relative; display: inline-block; color: #ae979f; } .service-style-two .inner-container .single-item .list li a:hover{ color: #fff; } .service-style-two .inner-container .single-item .list li a:before{ position: absolute; content: "\f062"; top: 0px; right: -20px; font-family: 'Font Awesome 5 Free'; font-size: 12px; color: #fff; font-weight: 700; opacity: 0; transform: rotate(90deg); transition: all 500ms ease; } .service-style-two .inner-container .single-item .list li a:hover:before{ opacity: 1; transform: rotate(20deg); } .service-style-two .inner-container .single-item .list{ margin-bottom: 33px; } .service-style-two .inner-container .single-item .link{ margin-bottom: 64px; } .service-style-two .inner-container .single-item .link a{ position: relative; display: inline-block; font-size: 14px; line-height: 24px; font-family: 'Nunito Sans', sans-serif; color: #fff; font-weight: 700; text-transform: uppercase; } .service-style-two .inner-container .single-item .link a i{ position: absolute; left: 0px; top: 0px; font-size: 30px; font-weight: 400; opacity: 0; transition: all 500ms ease; } .service-style-two .inner-container .single-item .link a:hover{ padding-left: 40px; } .service-style-two .inner-container .single-item .link a:hover i{ opacity: 1; } .service-style-two .inner-container .single-item .text{ position: relative; display: block; font-size: 17px; line-height: 28px; font-weight: 500; color: #ae979f; } .service-style-two .inner-container .single-item .text a{ color: #fff; border-bottom: 1px solid #fff; display: inline-block; } .service-style-two .inner-container .single-item .text a:hover{ } .service-style-two .bg-layer{ position: absolute; left: 0px; top: 390px; right: 0px; width: 100%; height: 1375px; background: #f0e6e0; } /** project-section **/ .project-section{ position: relative; padding: 95px 0px; } .project-section .sec-title .top-title:before, .project-section .sec-title .top-title:after{ background: #e2d7d0; } .project-section .sec-title .top-title:after{ border-left: 2px solid #f0e6e0; border-bottom: 2px solid #f0e6e0; } .project-section .outer-container{ position: relative; padding: 0px 30px; } .project-block-one .inner-box{ position: relative; display: block; overflow: hidden; border-radius: 10px; } .project-block-one .inner-box .image-box{ position: relative; overflow: hidden; background: #462b34; border-radius: 10px; } .project-block-one .inner-box .image-box img{ width: 100%; border-radius: 10px; transition: all 500ms ease; } .project-block-one .inner-box:hover .image-box img{ opacity: 0.03; } .project-block-one .inner-box .content-box{ position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; padding: 15px 50px; text-align: center; display: flex; justify-content: center; align-items: center; } .project-block-one .inner-box .content-box .view-btn{ position: absolute; right: 0px; bottom: 0px; } .project-block-one .inner-box .content-box .text span{ position: relative; display: block; font-size: 14px; line-height: 24px; font-weight: 700; text-transform: uppercase; margin-bottom: 8px; top: -15px; opacity: 0; transition: all 500ms ease; } .project-block-one .inner-box:hover .content-box .text span, .project-block-one .inner-box:hover .content-box .text h3{ top: 0px; opacity: 1; } .project-block-one .inner-box .content-box .text h3{ position: relative; display: block; font-size: 22px; line-height: 32px; color: #fff; top: 15px; opacity: 0; font-weight: 700; transition: all 500ms ease; } .project-block-one .inner-box .content-box .text h3 a{ display: inline-block; color: #fff; } .project-block-one .inner-box .content-box .text h3 a:hover{ } .project-block-one .inner-box .content-box .view-btn a{ position: relative; display: inline-block; font-size: 24px; font-family: 'Nunito Sans', sans-serif; font-weight: 600; color: #fff; width: 60px; height: 60px; line-height: 60px; text-align: center; border-radius: 10px 0px 10px 0px; z-index: 1; opacity: 0; } .project-block-one .inner-box:hover .content-box .view-btn a{ opacity: 1; } .project-block-one .inner-box .pattern-layer .pattern-1{ position: absolute; left: 0px; bottom: 0px; width: 189px; height: 185px; background-repeat: no-repeat; opacity: 0; transition: all 500ms ease; } .project-block-one .inner-box .pattern-layer .pattern-2{ position: absolute; top: 0px; right: 0px; width: 159px; height: 174px; background-repeat: no-repeat; opacity: 0; transition: all 500ms ease; } .project-block-one .inner-box:hover .pattern-layer .pattern-1, .project-block-one .inner-box:hover .pattern-layer .pattern-2{ opacity: 1; } .project-section .owl-nav{ position: absolute; top: -80px; right: 345px; } .project-section .owl-nav .owl-prev, .project-section .owl-nav .owl-next{ position: relative; display: inline-block; font-size: 30px; color: #462b34; font-weight: 400; margin: 0px; cursor: pointer; transition: all 500ms ease; } .project-section .owl-nav .owl-prev{ margin-right: 15px; } .project-section .owl-nav .owl-prev:hover, .project-section .owl-nav .owl-next:hover{ } /** industries-style-two **/ .industries-style-two{ position: relative; padding-bottom: 130px; } .industries-style-two .sec-title .top-title:before, .industries-style-two .sec-title .top-title:after{ background: #e2d7d0; } .industries-style-two .sec-title .top-title:after{ border-left: 2px solid #f0e6e0; border-bottom: 2px solid #f0e6e0; } .industries-style-two .tab-btn-one{ margin-bottom: 80px; } .industries-style-two .tab-btn-one .tab-buttons{ position: relative; display: block; background: #fff; border-radius: 10px; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1); } .industries-style-two .tab-btn-one .tab-buttons li{ position: relative; display: block; float: left; width: 50%; padding: 24px 30px 26px 95px; cursor: pointer; border-right: 1px solid #eae0d9; } .industries-style-two .tab-btn-one .tab-buttons li:before{ position: absolute; content: ''; background: #eae0d9; width: 1px; height: 30px; top: 25px; right: 65px; } .industries-style-two .tab-btn-one .tab-buttons li:last-child{ border-right: none; } .industries-style-two .tab-btn-one .tab-buttons li .icon-box{ position: absolute; left: 30px; top: 19px; } .industries-style-two .tab-btn-one .tab-buttons li h3{ position: relative; display: block; font-size: 22px; line-height: 30px; font-weight: 700; } .industries-style-two .tab-btn-one .tab-buttons li i{ position: absolute; top: 27px; right: 30px; font-size: 20px; color: #b4a4a4; transition: all 500ms ease; } .industries-style-two .tab-btn-one .tab-buttons li.active-btn i{ transform: rotate(180deg); } .industries-style-two .tabs-content-2{ position: relative; display: block; margin-right: 30px; } .industries-style-two .tabs-content-2 .inner-box{ position: relative; display: block; overflow: hidden; border-radius: 15px; } .industries-style-two .tabs-content-2 .inner-box .image-box{ position: relative; display: block; border-radius: 15px; } .industries-style-two .tabs-content-2 .inner-box .image-box:before { position: absolute; content: ''; background: -webkit-linear-gradient(-90deg, rgba(70,43,52,0.0), rgba(70,43,52,1) 100%); width: 100%; height: 100%; left: 0px; right: 0px; bottom: 0px; } .industries-style-two .tabs-content-2 .inner-box .image-box img{ width: 100%; border-radius: 15px; } .industries-style-two .tabs-content-2 .inner-box .content-box { position: absolute; left: 0px; bottom: 32px; padding: 0px 40px; width: 100%; z-index: 1; display: flex; align-items: center; } .industries-style-two .tabs-content-2 .inner-box .content-box .text h2 { position: relative; display: block; font-size: 30px; line-height: 40px; color: #fff; font-weight: 700; margin-bottom: 2px; } .industries-style-two .tabs-content-2 .inner-box .content-box .text span { position: relative; display: block; font-size: 17px; line-height: 28px; color: #fff; font-style: italic; font-weight: 500; } .industries-style-two .tabs-content-2 .inner-box .content-box .link { position: absolute; bottom: 2px; right: 40px; } .industries-style-two .tabs-content-2 .inner-box .content-box .link a{ position: relative; display: inline-block; font-size: 14px; font-weight: 700; color: #462b34; width: 62px; height: 62px; line-height: 62px; background: #fff; text-align: center; border-radius: 50%; z-index: 1; } .industries-style-two .tabs-content-2 .inner-box .content-box .link a:hover{ color: #fff; } .industries-style-two .tab-btn-two li{ position: relative; display: block; padding: 9px 0px 27px 70px; cursor: pointer; margin-bottom: 14px; min-height: 50px; transition: all 500ms ease; } .industries-style-two .tab-btn-two li:before{ position: absolute; content: ''; background: #eae0d9; width: 50px; height: 1px; left: 70px; bottom: 0px; transition: all 500ms ease; } .industries-style-two .tab-btn-two li.active-btn-2:before, .industries-style-two .tab-btn-two li:hover:before{ width: calc(100% - 70px); } .industries-style-two .tab-btn-two li:last-child{ margin-bottom: 0px; } .industries-style-two .tab-btn-two li .icon-box{ position: absolute; left: 0px; top: 0px; } .industries-style-two .tab-btn-two li h3{ position: relative; display: block; font-size: 22px; line-height: 30px; color: #462b34; font-weight: 700; transition: all 500ms ease; } .industries-style-two .tab-btn-two li.active-btn h3, .industries-style-two .tab-btn-two li:hover h3{ } /** chooseus-section **/ .chooseus-section{ position: relative; padding: 95px 0px 130px 0px; } .chooseus-section .top-title.light:before, .chooseus-section .top-title.light:after{ background: #624b52; } .chooseus-section .top-title.light:after{ border-bottom: 2px solid #462b34; border-left: 2px solid #462b34; } .chooseus-section .sec-title p{ color: #ae979f; } .chooseus-block-one{ position: relative; } .chooseus-block-one .inner-box{ position: relative; display: block; background: #3f262f; padding: 50px 30px 42px 30px; border-radius: 10px; box-shadow: 0 0px 30px rgba(0, 0, 0, 0.1); z-index: 1; } .chooseus-block-one:before{ position: absolute; display: block; content: ''; background: rgba(255,255,255,0.05); width: 100%; height: 100%; left: 0px; top: 3px; border-radius: 10px; } .chooseus-block-one:after{ position: absolute; content: ''; left: 0px; top: 0px; width: 100%; height: 100%; border-radius: 10px; opacity: 0; transition: all 500ms ease; } .chooseus-block-one:hover:after{ opacity: 1; left: -10px; top: -10px; } .chooseus-block-one .inner-box .icon-box{ position: relative; display: block; margin-bottom: 24px; } .chooseus-block-one .inner-box h3{ position: relative; display: block; font-size: 22px; line-height: 30px; font-weight: 700; color: #fff; margin-bottom: 15px; } .chooseus-block-one .inner-box p{ font-size: 17px; line-height: 28px; font-weight: 500; color: rgba(255,255,255,0.6); margin-bottom: 24px; } .chooseus-block-one .inner-box a{ position: relative; display: inline-block; font-size: 14px; font-family: 'Nunito Sans', sans-serif; line-height: 24px; font-weight: 700; color: rgba(255,255,255,0.6); text-transform: uppercase; } .chooseus-block-one .inner-box a i{ position: absolute; left: 0px; top: 0px; font-size: 30px; font-weight: 400; opacity: 0; transition: all 500ms ease; } .chooseus-block-one .inner-box a:hover{ padding-left: 40px; } .chooseus-block-one .inner-box a:hover i{ opacity: 1; } .chooseus-section .pattern-layer{ position: absolute; left: 0px; top: 0px; right: 0px; width: 100%; height: 100%; background-repeat: repeat-x; background-size: cover; background-position: center; animation: slide 100s linear infinite; -webkit-animation: slide 100s linear infinite; } /** pricing-section **/ .pricing-section{ position: relative; overflow: hidden; padding: 95px 0px 130px 0px; } .pricing-section .pattern-layer{ position: absolute; left: 0px; top: 0px; right: 0px; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; } .pricing-block-one .inner-box{ position: relative; display: block; border: 1px solid #eae0d9; background: #fff; border-radius: 10px; padding: 40px 30px; } .pricing-block-one .inner-box .icon-box{ position: relative; margin-bottom: 24px; } .pricing-block-one .inner-box h3{ position: relative; display: block; font-size: 30px; line-height: 36px; font-weight: 700; margin-bottom: 9px; } .pricing-block-one .inner-box .text{ position: relative; display: block; font-size: 17px; line-height: 28px; font-weight: 500; color: #766068; padding-bottom: 23px; margin-bottom: 38px; } .pricing-block-one .inner-box .text:before{ position: absolute; content: ''; width: 60px; height: 2px; left: 0px; bottom: 0px; } .pricing-block-one .inner-box h2{ position: relative; display: block; font-size: 55px; line-height: 55px; font-weight: 700; margin-bottom: 14px; padding-left: 20px; } .pricing-block-one .inner-box h2 .text{ display: inline-block; font-size: 14px; font-weight: 700; color: #a38f96; text-transform: uppercase; margin: 0px; } .pricing-block-one .inner-box h2 .text:before{ display: none; } .pricing-block-one .inner-box h2 .symble{ position: absolute; left: 0px; top: -8px; font-size: 30px; } .pricing-block-one .inner-box p{ font-size: 17px; line-height: 28px; font-weight: 500; margin-bottom: 32px; } .pricing-block-one .inner-box a{ position: relative; display: block; font-size: 14px; font-weight: 700; font-family: 'Nunito Sans', sans-serif; color: #fff; background: #462b34; text-transform: uppercase; padding: 14px 30px; text-align: center; border-radius: 5px; } .pricing-block-one .inner-box:hover a{ } .pricing-block-one.popular .inner-box{ background: #f0e6e0; border-color: #f0e6e0; } .pricing-block-one.popular .inner-box .popular-tag{ position: absolute; top: 25px; right: -16px; font-size: 12px; line-height: 20px; font-family: 'Nunito Sans', sans-serif; font-weight: 600; color: #fff; padding: 5.5px 22px; text-align: center; text-transform: uppercase; transform: rotate(-90deg); } .pricing-block-one.popular .inner-box .popular-tag:before{ position: absolute; content: ''; width: 14px; height: 16px; left: -13px; top: 0px; clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 100% 100%, 0% 0%); } .pricing-block-one.popular .inner-box .popular-tag:after{ position: absolute; content: ''; width: 14px; height: 16px; left: -13px; bottom: 0px; clip-path: polygon(0% 100%, 100% 0%, 100% 100%, 0% 100%, 0% 0%); } .pricing-block-one.popular .inner-box:before{ position: absolute; content: ''; width: 8px; height: 10px; top: -10px; right: 50px; clip-path: polygon(0% 100%, 100% 0%, 100% 100%, 0% 100%, 0% 0%); } .pricing-section .tabs-box{ position: relative; } .pricing-section .tab-btn-box{ position: absolute; top: -116px; right: 0px; } .pricing-section .tab-btn-box .tab-buttons{ position: relative; display: inline-block; } .pricing-section .tab-btn-box .tab-buttons li{ position: relative; display: inline-block; font-size: 14px; font-weight: 700; font-family: 'Nunito Sans', sans-serif; text-transform: uppercase; border: 1px solid #f0e6e0; background: #f0e6e0; text-align: center; padding: 13px 15px; width: 110px; text-align: center; cursor: pointer; transition: all 500ms ease; } .pricing-section .tab-btn-box .tab-buttons li:first-child{ border-radius: 30px 0px 0px 30px; } .pricing-section .tab-btn-box .tab-buttons li:last-child{ border-radius: 0px 30px 30px 0px; } .pricing-section .tab-btn-box .tab-buttons li.active-btn, .pricing-section .tab-btn-box .tab-buttons li:hover{ background: transparent; } /** testimonial-style-two **/ .testimonial-style-two{ position: relative; padding: 130px 0px; background: #f1e7e1; } .testimonial-style-two .pattern-layer{ position: absolute; left: 0px; top: 0px; right: 0px; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; } .testimonial-style-two .testimonial-block-two{ position: relative; margin: 0px 70px; } .testimonial-block-two .inner-box .icon-box{ position: relative; display: inline-block; margin-bottom: 31px; } .testimonial-block-two .inner-box p{ font-size: 22px; line-height: 36px; font-weight: 500; margin-bottom: 37px; } .testimonial-block-two .inner-box .rating{ margin-bottom: 7px; } .testimonial-block-two .inner-box .rating li{ position: relative; display: inline-block; font-size: 20px; margin: 0px 3px; } .testimonial-block-two .inner-box h3{ position: relative; display: block; font-size: 22px; line-height: 30px; font-weight: 700; } .testimonial-block-two .inner-box h3 span{ display: inline-block; font-size: 14px; font-weight: 700; color: #a38f96; text-transform: uppercase; } .testimonial-style-two .owl-theme .owl-dots .owl-dot span{ position: relative; display: inline-block; width: 6px; height: 6px; background: #d9cec7; margin: 0px 10px; cursor: pointer; border-radius: 50%; transition: all 500ms ease; } .testimonial-style-two .owl-theme .owl-dots .owl-dot span:before{ position: absolute; content: ''; width: 26px; height: 26px; border-radius: 50%; left: -10px; top: -10px; opacity: 0; transition: all 500ms ease; } .testimonial-style-two .owl-theme .owl-dots .owl-dot.active span:before{ opacity: 1; } .testimonial-style-two .owl-theme .owl-dots .owl-dot.active span{ } .testimonial-style-two .owl-theme .owl-dots{ position: relative; display: block; margin-top: 36px; } .testimonial-style-two .thumb-box{ position: absolute; left: 0px; top: 0px; right: 0px; max-width: 1920px; width: 100%; height: 100%; margin: 0 auto; } .testimonial-style-two .thumb-box .user-thumb{ position: absolute; } .testimonial-style-two .thumb-box .thumb-1{ left: 195px; top: 100px; } .testimonial-style-two .thumb-box img{ position: relative; border-radius: 50%; z-index: 1; -webkit-animation: zoom-fade 5s infinite linear; animation: zoom-fade 5s infinite linear; } .testimonial-style-two .thumb-box .user-thumb .pattern-1{ position: absolute; left: 0px; top: -35px; width: 105px; height: 105px; background-repeat: no-repeat; } .testimonial-style-two .thumb-box .user-thumb .pattern-2{ position: absolute; left: -50px; bottom: -40px; width: 167px; height: 192px; background-repeat: no-repeat; } .testimonial-style-two .thumb-box .user-thumb .pattern-3{ position: absolute; right: 0px; bottom: 0px; width: 80px; height: 80px; border-radius: 50%; } .testimonial-style-two .thumb-box .user-thumb .pattern-4{ position: absolute; right: 40px; top: -15px; width: 55px; height: 55px; background-repeat: no-repeat; z-index: 1; } .testimonial-style-two .thumb-box .thumb-2{ left: 410px; bottom: 75px; } .testimonial-style-two .thumb-box .thumb-3{ right: 95px; bottom: 120px; } .testimonial-style-two .thumb-box .thumb-4{ top: 50px; right: 340px; } .testimonial-style-two .thumb-box .thumb-4 img{ border-radius: 0px; } .news-section .owl-nav{ position: absolute; top: -80px; right: 0px; } .news-section .owl-nav .owl-prev, .news-section .owl-nav .owl-next{ position: relative; display: inline-block; font-size: 30px; color: #462b34; font-weight: 400; margin: 0px; cursor: pointer; transition: all 500ms ease; } .news-section .owl-nav .owl-prev{ margin-right: 15px; } .news-section .owl-nav .owl-prev:hover, .news-section .owl-nav .owl-next:hover{ } /** clients-style-two **/ .clients-style-two{ position: relative; width: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; padding: 120px 0px; } .clients-style-two:before{ position: absolute; content: ''; background: -webkit-linear-gradient(-90deg, rgba(70,43,52,0.8)10%, rgba(255,255,255,1) 90%); width: 100%; height: 100%; left: 0px; top: 0px; right: 0px; } .clients-style-two .title-inner{ position: relative; display: block; max-width: 670px; width: 100%; margin: 0 auto; margin-bottom: 130px; } .clients-style-two .title-inner h2{ font-size: 48px; line-height: 58px; color: #fff; margin-bottom: 28px; font-weight: 800; } .clients-style-two .title-inner .btn-box a{ position: relative; display: inline-block; font-size: 14px; font-family: 'Nunito Sans', sans-serif; font-weight: 700; padding: 14px 35px; border-radius: 4px; text-align: center; width: 170px; margin: 0px 8px; text-transform: uppercase; } .clients-style-two .title-inner .btn-box a.btn-one{ color: #fff; } .clients-style-two .title-inner .btn-box a.btn-one:hover{ background: #fff; } .clients-style-two .title-inner .btn-box a.btn-two{ color: #462b34; background: #fff; } .clients-style-two .title-inner .btn-box a.btn-two:hover{ color: #fff; } .clients-style-two .clients-logo-box{ position: relative; display: block; } .clients-style-two .clients-logo-box img{ display: block; max-width: 100%; width: auto; margin: 0 auto; filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -o-filter: grayscale(100%); -ms-filter: grayscale(100%); -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .clients-style-two .clients-logo-box img:hover { filter: grayscale(0%); -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -o-filter: grayscale(0%); -ms-filter: grayscale(0%); } /** contactinfo-section **/ .contactinfo-section{ position: relative; padding: 95px 0px 120px 0px; } .contactinfo-section .image-column{ position: absolute; top: 0px; right: 0px; width: 48%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; } .contactinfo-section .sec-title .top-title:before, .contactinfo-section .sec-title .top-title:after{ background: #e2d7d0; } .contactinfo-section .sec-title .top-title:after{ border-left: 2px solid #f0e6e0; border-bottom: 2px solid #f0e6e0; } #content_block_6 .content-box{ position: relative; display: block; } #content_block_6 .content-box .info-list li{ position: relative; display: block; padding-left: 82px; margin-bottom: 35px; } #content_block_6 .content-box .info-list li:last-child{ margin-bottom: 0px; } #content_block_6 .content-box .info-list li .icon-box{ position: absolute; left: 0px; top: 6px; } #content_block_6 .content-box .info-list li .inner{ position: relative; padding-left: 32px; } #content_block_6 .content-box .info-list li .inner h4{ display: block; font-size: 20px; line-height: 28px; font-weight: 700; margin-bottom: 15px; } #content_block_6 .content-box .info-list li .inner p{ font-size: 17px; line-height: 28px; font-weight: 500; } #content_block_6 .content-box .info-list li .inner p a{ color: #766068; } #content_block_6 .content-box .info-list li .inner p a:hover{ } #content_block_6 .content-box .info-list li .inner:before{ position: absolute; content: ''; background: #e2d7d0; width: 2px; height: 62px; left: 0px; top: 6px; } #content_block_6 .content-box .info-list li .inner:after{ position: absolute; content: ''; width: 2px; height: 20px; left: 0px; top: 6px; transition: all 500ms ease; } #content_block_6 .content-box .info-list li:hover .inner:after{ height: 62px; } .contactinfo-section .map-inner{ position: relative; display: block; border-radius: 50%; overflow: hidden; } .contactinfo-section .map-inner #contact-google-map{ width: 470px; height: 470px; border-radius: 50%; } .contactinfo-section .pattern-layer{ position: absolute; left: 0px; top: 0px; right: 0px; width: 52%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; } /** footer-style-two **/ .main-footer.style-two .footer-top{ border-bottom: 1px solid rgba(255,255,255,0.1); padding: 104px 0px 106px 0px; } .main-footer.style-two .footer-top .about-widget{ margin-right: 0px; } .main-footer.style-two .footer-top .about-widget .text p{ line-height: 28px; } .main-footer.style-two .footer-top .about-widget .text{ margin-bottom: 31px; } .main-footer .about-widget .subscribe-form .form-group{ position: relative; margin: 0px; } .main-footer .about-widget .subscribe-form .form-group input[type='email']{ position: relative; display: block; width: 100%; height: 52px; border: 1px solid #533c44; background: transparent; font-size: 17px; font-weight: 500; color: #ae979f; border-radius: 5px 5px 0px 0px; padding: 10px 20px; transition: all 500ms ease; } .main-footer .about-widget .subscribe-form .form-group input:focus{ } .main-footer .about-widget .subscribe-form .form-group input::-webkit-input-placeholder{ color:#ae979f; } .main-footer .about-widget .subscribe-form .form-group button{ position: relative; display: block; width: 100%; text-align: center; font-size: 14px; font-family: 'Nunito Sans', sans-serif; line-height: 24px; color: #fff; font-weight: 700; text-transform: uppercase; background: #533c44; padding: 9px 25px; border-radius: 0px 0px 5px 5px; cursor: pointer; transition: all 500ms ease; } .main-footer .about-widget .subscribe-form .form-group button:hover{ } .main-footer .about-widget .subscribe-form .form-group button i{ position: relative; font-size: 30px; font-weight: 400; margin-right: 8px; top: 5px; } .nice-select:after{ width: 8px; height: 8px; border-bottom: 2px solid #462b34; border-right: 2px solid #462b34; right: 20px; } .nice-select{ position: relative; display: block; width: 100%; height: 55px; border: 1px solid #eae0d9 !important; border-radius: 5px; padding: 8px 20px; font-size: 17px; font-weight: 500; color: #766068; } .main-footer .callback-widget .widget-content{ position: relative; display: block; background: #fff; padding: 30px 30px; border-radius: 10px; margin-top: 7px; z-index: 1; } .main-footer .callback-widget .widget-content .callback-form{ position: relative; margin: 0px 5px; } .main-footer .callback-widget .widget-content .form-group{ position: relative; margin-bottom: 20px; padding: 0px 10px; } .main-footer .callback-widget .widget-content .form-group:last-child{ margin-bottom: 0px; } .main-footer .callback-widget .widget-content .form-group input[type='text'], .main-footer .callback-widget .widget-content .form-group input[type='email']{ position: relative; display: block; width: 100%; height: 55px; border: 1px solid #eae0d9; border-radius: 5px; padding: 10px 20px; font-size: 17px; font-weight: 500; color: #766068; transition: all 500ms ease; } .main-footer .callback-widget .widget-content .form-group input:focus{ } .main-footer .callback-widget .widget-content .form-group button{ display: block; width: 100%; } .main-footer .callback-widget .widget-content .form-group button:after{ background: #462b34; } .main-footer .callback-widget .pattern-layer .pattern-1{ position: absolute; right: -60px; bottom: -45px; width: 105px; height: 215px; background-repeat: no-repeat; } .main-footer .callback-widget .pattern-layer .pattern-2{ position: absolute; background: #3f262f; width: 194px; height: 194px; border-radius: 50%; right: -160px; bottom: -60px; z-index: 1; } .main-footer .callback-widget .pattern-layer .pattern-3{ position: absolute; width: 80px; height: 80px; right: -165px; bottom: -70px; border-radius: 50%; } .main-footer .callback-widget .pattern-layer .pattern-4{ position: absolute; top: 120px; right: -115px; width: 55px; height: 55px; background-repeat: no-repeat; z-index: 1; } .main-footer.style-two .footer-bottom .copyright{ position: relative; padding-left: 190px; } .main-footer.style-two .footer-bottom .copyright .footer-logo{ position: absolute; left: 0px; top: 5px; z-index: 1; } .main-footer.style-two .footer-bottom .copyright .footer-logo:before{ position: absolute; content: ''; background: rgb(255,255,255,0.1); width: 1px; height: 45px; top: 0px; right: -21px; } .footer-bottom .social-links li{ position: relative; display: inline-block; margin-right: 7px; } .footer-bottom .social-links li:last-child{ margin-right: 0px; } .footer-bottom .social-links li a{ position: relative; display: inline-block; font-size: 14px; color: #ae979f; width: 45px; height: 45px; line-height: 45px; text-align: center; background: #3f262f; border: 1px solid rgba(255,255,255,0.1); border-radius: 50%; } .footer-bottom .social-links li a:hover{ color: #fff; } .main-footer.style-two .footer-bottom{ padding: 35px 0px; } .footer-bottom .social-links{ margin-top: 5px; } /*** ==================================================================== Home-Page-Three ==================================================================== ***/ /** header-style-three **/ .main-header.style-three{ position: absolute; left: 0px; top: 0px; right: 0px; width: 100%; box-shadow: none; } .main-header.style-three .main-menu .navigation > li > a{ color: #fff; } .main-header.style-three .main-menu .navigation > li.dropdown > a:before{ color: #fff; } .main-header.style-three .sticky-header{ background: #462b34; } .main-header.style-three .menu-right-content .search-btn button{ color: #fff; } .main-header.style-three .menu-right-content .theme-btn-one{ border: 1px solid #ff5956; background: transparent; } .main-header.style-three .outer-box{ position: relative; min-height: 80px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; } .main-header.style-three .header-lower .outer-box .menu-area{ z-index: 1; display: flex; flex-wrap: wrap; align-items: center; } .main-header.style-three .header-lower .outer-box .menu-right-content { display: -webkit-box; display: -ms-flexbox; display: flex; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 12px; } .main-header.style-three .logo-box{ float: none; margin: 0px; padding-top: 40px; background: transparent; } .main-header.style-three .main-menu .navigation > li{ padding-top: 50px; } .main-header.style-three .sticky-header .outer-box{ display: block; } /** banner-style-three **/ .banner-section.style-three{ overflow: hidden; } .banner-section.style-three .slide-item{ position: relative; padding: 330px 0px 250px 0px; overflow: hidden; } .banner-section.style-three .slide-item:before{ position: absolute; content: ''; background: #28161c; width: 100%; height: 100%; left: 0px; top: 0px; right: 0px; opacity: 0.6; z-index: 1; } .banner-section.style-three .banner-carousel .slide-item .image-layer{ left: 0; right: 0; } .banner-section.style-three .banner-carousel .content-box{ max-width: 650px; width: 100%; } .banner-section.style-three .banner-carousel .content-box h1{ color: #fff; font-size: 90px; line-height: 90px; font-weight: 800; text-transform: uppercase; margin-bottom: 6px; -webkit-transform: translateY(-100px); -moz-transform: translateY(-100px); -ms-transform: translateY(-100px); -o-transform: translateY(-100px); transform: translateY(-100px); } .banner-section.style-three .banner-carousel .active .content-box h1{ -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .banner-carousel .content-box h2{ position: relative; display: block; font-size: 48px; line-height: 55px; color: #fff; font-weight: 700; margin-bottom: 20px; opacity: 0; -webkit-transform: translateX(100px); -moz-transform: translateX(100px); -ms-transform: translateX(100px); -o-transform: translateX(100px); transform: translateX(100px); -webkit-transition: all 1200ms ease; -moz-transition: all 1200ms ease; -ms-transition: all 1200ms ease; -o-transition: all 1200ms ease; transition: all 1200ms ease; } .banner-carousel .active .content-box h2{ opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); -webkit-transition-delay: 1200ms; -moz-transition-delay: 1200ms; -ms-transition-delay: 1200ms; -o-transition-delay: 1200ms; transition-delay: 1200ms; } .banner-section.style-three .banner-carousel .content-box p{ color: #fff; margin-bottom: 31px; } .banner-section.style-three .slide-item .pattern-layer .pattern-1{ position: absolute; left: 0px; top: 0px; width: 465px; height: 520px; background-repeat: no-repeat; z-index: 2; } .banner-section.style-three .slide-item .pattern-layer .pattern-2{ position: absolute; left: 0px; top: 0px; width: 459px; height: 522px; background-repeat: no-repeat; z-index: 1; } .banner-section.style-three .slide-item .pattern-layer .pattern-3{ position: absolute; left: 0px; bottom: 0px; width: 294px; height: 295px; background-repeat: no-repeat; z-index: 1; } .banner-section.style-three .slide-item .pattern-layer .pattern-4{ position: absolute; left: 0px; bottom: 0px; width: 695px; height: 691px; background-repeat: no-repeat; z-index: 1; } .banner-section.style-three .slide-item .pattern-layer .pattern-5{ position: absolute; top: 0px; right: 0px; width: 727px; height: 901px; background-repeat: no-repeat; } .banner-section.style-three .owl-nav{ right: inherit; left: 335px; bottom: 70px; } .banner-section.style-three .social-box{ position: absolute; left: -40px; top: 250px; z-index: 1; transform: rotate(-90deg); } .banner-section.style-three .social-box .social-links{ position: relative; } .banner-section.style-three .social-box .social-links:before{ position: absolute; content: ''; width: 40px; height: 2px; left: -60px; top: 12px; } .banner-section.style-three .social-box .social-links li{ position: relative; display: inline-block; font-size: 18px; font-family: 'Nunito Sans', sans-serif; color: #fff; font-weight: 700; margin-right: 20px; } .banner-section.style-three .social-box .social-links li:before{ position: absolute; content: ''; background: #fff; width: 6px; height: 1px; top: 13px; right: -14px; } .banner-section.style-three .social-box .social-links li:last-child:before, .banner-section.style-three .social-box .social-links li:first-child:before{ display: none; } .banner-section.style-three .social-box .social-links li a{ color: #fff; } .banner-section.style-three .social-box .social-links li:last-child{ margin-right: 0px; } .banner-section.style-three .social-box .social-links li a:hover{ } .banner-section.style-three .mail-box{ position: absolute; left: 165px; top: 335px; z-index: 1; transform: rotate(-47deg); } .banner-section.style-three .mail-box a{ position: relative; display: inline-block; font-size: 20px; line-height: 28px; font-family: 'Nunito Sans', sans-serif; color: #fff; font-weight: 700; } .banner-section.style-three .mail-box a:hover{ } /** about-style-three **/ .about-style-three{ position: relative; padding: 95px 0px 130px 0px; } .about-style-three .image-layer{ position: absolute; left: 0px; top: 0px; right: 0px; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; } .about-style-three .sec-title .top-title:before, .about-style-three .sec-title .top-title:after{ background: #e2d7d0; } .about-style-three .sec-title .top-title:after{ border-left: 2px solid #f0e6e0; border-bottom: 2px solid #f0e6e0; } .about-style-three .image-box{ position: relative; display: block; margin-left: -370px; margin-right: -60px; } .about-style-three .image-box img{ width: 100%; } .about-style-three .sec-title{ margin-bottom: 30px; } #content_block_1 .content-box .inner-box .list li h3{ font-size: 22px; line-height: 30px; font-weight: 700; } .chooseus-section .title-inner .sec-title, .chooseus-section .title-inner .text{ width: 50%; } .chooseus-section .title-inner .text{ margin-top: 60px; } .chooseus-section .title-inner .text p{ font-size: 17px; font-weight: 500; } .chooseus-section.alternet-2 .chooseus-block-one .inner-box{ background: #fff; box-shadow: 0 10px 50px rgba(0, 0, 0, 0.1); } .chooseus-section.alternet-2 .chooseus-block-one .inner-box h3{ color: #462b34; } .chooseus-section.alternet-2 .chooseus-block-one .inner-box p{ color: #766068; margin-bottom: 20px; } .chooseus-section.alternet-2 .chooseus-block-one .inner-box a{ color: #462b34; padding: 0px !important; } .chooseus-section.alternet-2 .chooseus-block-one .inner-box a i{ position: relative; margin-right: 8px; opacity: 1; top: 6px; color: #462b34; } .chooseus-section.alternet-2 .chooseus-block-one .inner-box a:hover{ } .chooseus-section.alternet-2 .chooseus-block-one .inner-box a:hover i{ } /** video-section **/ .video-section{ position: relative; } .video-section #image_block_1 .image-box .video-inner{ position: relative; max-width: 100%; padding: 185px 0px 175px 0px; background-repeat: no-repeat; background-size: cover; background-position: center; } .video-section #image_block_1 .image-box .video-inner .video-btn{ width: 100px; height: 100px; line-height: 100px; font-size: 30px; } .video-section #image_block_1 .image-box .video-inner .border{ width: 100px; height: 100px; } .video-section #image_block_1 .image-box{ padding: 0px; margin: 0px; } .video-section .video-content{ position: relative; margin-bottom: -330px; z-index: 1; } .video-section .video-content .pattern-layer .pattern-1{ position: absolute; top: -60px; right: -55px; width: 105px; height: 215px; background-repeat: no-repeat; } .video-section .video-content .pattern-layer .pattern-2{ position: absolute; top: 50px; right: -140px; width: 195px; height: 195px; border-radius: 50% } .video-section .video-content .pattern-layer .pattern-3{ position: absolute; top: 170px; right: -150px; width: 80px; height: 80px; border-radius: 50%; -webkit-animation: zoom-fade 5s infinite linear; animation: zoom-fade 5s infinite linear; } .service-section.alternet-2{ padding-top: 445px; } .service-section .sec-title.light .top-title:before, .service-section .sec-title.light .top-title:after{ background: #624b52; } .service-section .sec-title.light .top-title:after{ border-left: 2px solid #462b34; border-bottom: 2px solid #462b34; } .service-section .sec-title.light p{ color: #ae979f; } .service-section.alternet-2 .pattern-layer{ position: absolute; left: 0px; top: 0px; right: 0px; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; } /** process-style-two **/ .process-style-two{ position: relative; } .process-style-two:before{ position: absolute; content: ''; background: #f0e6e0; width: 100%; height: 675px; left: 0px; bottom: 0px; } .process-style-two .inner-container{ position: relative; border-radius: 10px 10px 0px 0px; background: #f0e6e0; padding: 95px 0px 122px 0px; overflow: hidden; } .process-style-two .sec-title .top-title:before, .process-style-two .sec-title .top-title:after{ background: #e2d7d0; } .process-style-two .sec-title .top-title:after{ border-left: 2px solid #f0e6e0; border-bottom: 2px solid #f0e6e0; } .process-style-two .single-item .inner-box{ position: relative; display: block; padding-left: 50px; } .process-style-two .single-item .inner-box:before{ position: absolute; content: ''; background: #d9cec7; width: 1px; height: calc(100% + 377px); right: 0px; bottom: -122px; } .process-style-two .single-column:last-child .single-item .inner-box:before{ height: calc(100% + 277px); } .process-style-two .single-column:first-child .single-item .inner-box:after{ position: absolute; content: ''; background: #d9cec7; width: 1px; height: calc(100% + 277px); left: 0px; bottom: -122px; } .process-style-two .single-item .inner-box span{ position: relative; display: block; font-size: 14px; line-height: 24px; font-family: 'Nunito Sans', sans-serif; font-weight: 700; color: #a38f96; text-transform: uppercase; margin-bottom: 3px; } .process-style-two .single-item .inner-box h2{ position: relative; display: block; font-size: 36px; line-height: 45px; font-weight: 700; margin-bottom: 49px; } .process-style-two .single-item .inner-box .icon-box{ margin-bottom: 33px; } .process-style-two .single-item .inner-box h3{ position: relative; display: block; font-size: 22px; line-height: 32px; font-weight: 700; margin-bottom: 14px; } .process-style-two .single-item .inner-box h3 a{ display: inline-block; color: #462b34; } .process-style-two .single-item .inner-box h3 a:hover{ } .process-style-two .single-item .inner-box p{ font-size: 18px; font-weight: 500; margin-bottom: 20px; } .process-style-two .single-item .inner-box .link a{ position: relative; display: inline-block; font-size: 14px; font-family: 'Nunito Sans', sans-serif; line-height: 24px; font-weight: 700; color: #462b34; text-transform: uppercase; } .process-style-two .single-item .inner-box .link a i{ position: relative; font-size: 30px; top: 6px; margin-right: 8px; font-weight: 400; } .process-style-two .single-item .inner-box .link a:hover{ } .process-style-two .sec-title{ margin-bottom: 40px; z-index: 1; } .pricing-block-two .inner-box{ position: relative; display: block; box-shadow: 0 0px 50px rgba(0, 0, 0, 0.1); background: #fff; border-radius: 10px; padding: 49px 30px 50px 40px; } .pricing-block-two .inner-box .icon-box{ position: relative; margin-bottom: 17px; } .pricing-block-two .inner-box h3{ position: relative; display: block; font-size: 24px; line-height: 32px; font-weight: 700; margin-bottom: 2px; } .pricing-block-two .inner-box .text{ position: relative; display: block; font-size: 17px; line-height: 28px; font-weight: 500; color: #766068; } .pricing-block-two .inner-box .text:before{ position: absolute; content: ''; width: 60px; height: 2px; left: 0px; bottom: 0px; } .pricing-block-two .inner-box h2{ position: relative; display: block; font-size: 55px; line-height: 55px; font-weight: 700; margin-bottom: 31px; padding-left: 20px; } .pricing-block-two .inner-box h2 .text{ display: inline-block; font-size: 14px; font-weight: 700; color: #a38f96; text-transform: uppercase; margin: 0px; } .pricing-block-two .inner-box h2 .text:before{ display: none; } .pricing-block-two .inner-box h2 .symble{ position: absolute; left: 0px; top: -8px; font-size: 30px; } .pricing-block-two .inner-box p{ font-size: 17px; line-height: 28px; font-weight: 500; margin-bottom: 32px; } .pricing-block-two .inner-box a{ position: relative; display: inline-block; font-size: 14px; font-weight: 700; font-family: 'Nunito Sans', sans-serif; color: #fff; background: #462b34; text-transform: uppercase; padding: 14px 58px; text-align: center; border-radius: 5px; } .pricing-block-two .inner-box:hover a{ } .pricing-block-two .pricing-header{ padding-bottom: 32px; border-bottom: 1px solid #eae0d9; margin-bottom: 33px; } .pricing-block-two .inner-box .list li{ position: relative; display: block; font-size: 18px; line-height: 28px; font-family: 'Muli', sans-serif; color: #462b34; font-weight: 500; margin-bottom: 18px; padding-left: 34px; } .pricing-block-two .inner-box .list li:last-child{ margin-bottom: 0px; } .pricing-block-two .inner-box .list{ margin-bottom: 30px; } .pricing-block-two .inner-box .list li:before{ position: absolute; content: "\f11e"; font-family: 'Flaticon'; font-size: 18px; font-weight: 500; left: 0px; top: 0px; } /** team-style-two **/ .team-style-two{ position: relative; padding: 95px 0px 120px 0px; } .team-style-two .pattern-layer{ position: absolute; top: 0px; left: 0px; right: 0px; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: top center; } .team-style-two .sec-title .top-title:before, .team-style-two .sec-title .top-title:after{ background: #624b52; } .team-style-two .sec-title .top-title:after{ border-left: 2px solid #462b34; border-bottom: 2px solid #462b34; } .team-style-two .owl-dots{ display: block; text-align: center; margin-top: 20px; } .project-style-two{ position: relative; padding-bottom: 130px; } .project-style-two .project-block-one .inner-box:hover .image-box img{ opacity: 0.15; } .project-style-two .more-text p{ position: relative; display: block; font-size: 17px; line-height: 28px; font-weight: 500; } .project-style-two .more-text{ position: relative; margin-top: 53px; } .project-style-two .more-text p a{ display: inline-block; color: #462b34; line-height: 30px; border-bottom: 1px solid #462b34; } .project-style-two .more-text p a:hover{ } /** testimonial-style-three **/ .testimonial-style-three{ position: relative; padding: 95px 0px 120px 0px; } .testimonial-style-three .sec-title{ margin-bottom: 40px; } .testimonial-style-three .sec-title .top-title:before, .testimonial-style-three .sec-title .top-title:after{ background: #e2d7d0; } .testimonial-style-three .sec-title .top-title:after{ border-left: 2px solid #f1e7e1; border-bottom: 2px solid #f1e7e1; } .testimonial-style-three .pattern-layer{ position: absolute; left: 0px; top: 0px; right: 0px; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; } .testimonial-block-three{ margin: 30px 0px 70px 0px; } .testimonial-block-three .inner-box{ position: relative; display: block; background: #fff; border-radius: 10px; padding: 40px 20px 42px 40px; margin-right: 10px; box-shadow: 0 0px 20px rgba(0, 0, 0, 0.1); } .testimonial-block-three .inner-box .border-shap{ position: absolute; left: 10px; top: -10px; width: 100%; height: 356px; background-repeat: no-repeat; } .testimonial-block-three .inner-box:before{ position: absolute; content: ''; background: #fff; width: 50px; height: 60px; left: 40px; bottom: -60px; clip-path: polygon(0% 0%, 100% 0%, 0% 100%, 0% 100%, 0% 0%); } .testimonial-block-three .inner-box .quote-box{ position: absolute; right: 20px; top: -22px; } .testimonial-block-three .inner-box .author-box{ position: relative; padding: 0px 0px 0px 80px; margin-bottom: 21px; } .testimonial-block-three .inner-box .author-box .author-thumb{ position: absolute; left: 0px; top: -1px; width: 60px; height: 60px; border-radius: 50%; } .testimonial-block-three .inner-box .author-box .author-thumb img{ width: 100%; border-radius: 50%; } .testimonial-block-three .inner-box .author-box h3{ font-size: 22px; line-height: 33px; font-weight: 700; } .testimonial-block-three .inner-box .author-box .designation{ position: relative; display: inline-block; font-size: 12px; font-family: 'Muli', sans-serif; font-weight: 700; color: #a38f96; text-transform: uppercase; } .testimonial-block-three .inner-box .text p{ font-size: 17px; font-weight: 500; } .news-section .sec-title .link{ position: absolute; top: 86px; right: 0px; font-size: 14px; line-height: 24px; font-family: 'Nunito Sans', sans-serif; font-weight: 700; color: #462b34; text-transform: uppercase; z-index: 1; } .news-section .sec-title .link i{ position: relative; font-size: 30px; font-weight: 400; margin-right: 8px; top: 6px; } .news-section .sec-title .link:hover{ } .news-section.alternet-2{ padding-bottom: 82px; } .clients-section.alternet-2 .clients-logo-box{ background: #f0e6e0; border-right: 1px solid #d9cec7; margin-bottom: 0px; margin-top: 48px; } .clients-section.alternet-2 .clients-logo-box .logo-title{ bottom: inherit; top: -43px; background: #fff; box-shadow: 0 0px 20px rgba(0, 0, 0, 0.1); } .clients-section.alternet-2 .clients-logo-box:hover .logo-title{ top: -28px; } .clients-section.alternet-2 .clients-logo-box .logo-title:before{ background: #fff; top: 44px; } .clients-section.alternet-2 .clients-logo-box img{ filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -o-filter: grayscale(100%); -ms-filter: grayscale(100%); } .clients-section.alternet-2 .clients-logo-box:hover img{ filter: grayscale(0%); -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -o-filter: grayscale(0%); -ms-filter: grayscale(0%); } /** advice-section **/ .advice-section{ position: relative; padding: 50px 0px; width: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; } .advice-section:before{ position: absolute; content: ''; background: #3f262f; width: 100%; height: 100%; left: 0px; top: 0px; opacity: 0.95; } .advice-section .text h2{ position: relative; font-size: 30px; line-height: 45px; color: #fff; font-weight: 700; } .advice-section .text h2 a{ display: inline-block; line-height: 38px; border-bottom: 1px solid rgba(255,255,255,0.1); } .advice-section .social-links li{ position: relative; display: inline-block; margin-right: 7px; } .advice-section .social-links li:last-child{ margin-right: 0px; } .advice-section .social-links li a{ position: relative; display: inline-block; font-size: 14px; color: #766068; background: #fff; width: 45px; height: 45px; line-height: 45px; text-align: center; border-radius: 50%; } .advice-section .social-links li a:hover{ color: #fff; } /** footer-style-three **/ .main-footer .logo-widget .footer-logo{ margin-bottom: 33px; } .main-footer .logo-widget .text{ margin-bottom: 32px; } .main-footer .logo-widget .text p{ font-size: 17px; line-height: 28px; color: #ae979f; font-weight: 500; } .main-footer .logo-widget .upload-btn a{ position: relative; display: inline-block; font-size: 17px; line-height: 28px; font-family: 'Muli', sans-serif; color: #fff; font-weight: 500; text-align: center; border-radius: 3px; padding: 13.5px 25px; } .main-footer .logo-widget .upload-btn a i{ position: relative; font-size: 24px; margin-right: 10px; font-weight: 400; top: 2px; } .main-footer .logo-widget .upload-btn a:hover{ } .main-footer .logo-widget{ margin-top: 6px; } .footer-top .post-widget .post-inner .post{ position: relative; display: block; padding-left: 100px; padding-bottom: 26px; margin-bottom: 28px; min-height: 108px; border-bottom: 1px solid rgba(255,255,255,0.1); } .footer-top .post-widget .post-inner .post:last-child{ border-bottom: none; margin-bottom: 0px; } .footer-top .post-widget .post-inner .post .image-box{ position: absolute; left: 0px; top: 2px; width: 75px; height: 75px; border-radius: 10px; } .footer-top .post-widget .post-inner .post .image-box img{ width: 100%; border-radius: 10px; transition: all 500ms ease; } .footer-top .post-widget .post-inner .post:hover .image-box img{ opacity: 0.5; } .footer-top .post-widget .post-inner .post .post-date{ position: relative; display: block; font-size: 13px; line-height: 20px; color: #ae979f; font-weight: 700; text-transform: uppercase; margin-bottom: 9px; } .footer-top .post-widget .post-inner .post h5{ position: relative; display: block; font-size: 18px; line-height: 26px; color: #fff; font-weight: 700; } .footer-top .post-widget .post-inner .post h5 a{ display: inline-block; color: #fff; } .footer-top .post-widget .post-inner .post h5 a:hover{ } .footer-top .post-widget .widget-title{ margin-bottom: 30px; } .main-footer.style-three .footer-top{ border-bottom: 1px solid rgba(255,255,255,0.1); padding: 93px 0px 66px 0px; } /*** ==================================================================== About-Page ==================================================================== ***/ /** page-title **/ .page-title{ position: relative; padding: 195px 0px 20px 0px; width: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; } .page-title:before{ position: absolute; content: ''; background: #352027; width: 100%; height: 100%; left: 0px; top: 0px; right: 0px; opacity: 0.8; } .page-title .pattern-layer{ position: absolute; left: 0px; top: 0px; right: 0px; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; } .page-title .title-box{ position: relative; display: block; margin-bottom: 152px; } .page-title .title-box h1{ font-size: 60px; line-height: 65px; color: #fff; font-weight: 800; margin-bottom: 10px; } .page-title .title-box p{ font-size: 22px; line-height: 30px; color: #fff; font-weight: 500; } .page-title .bread-crumb li{ position: relative; display: inline-block; font-size: 14px; line-height: 24px; font-weight: 700; color: #fff; text-transform: uppercase; padding-right: 13px; margin-right: 5px; } .page-title .bread-crumb li:last-child{ padding: 0px; margin: 0px; } .page-title .bread-crumb li a{ color: #fff; } .page-title .bread-crumb li:before{ position: absolute; content: ''; background: #fff; width: 6px; height: 1px; right: 0px; bottom: 6px; } .page-title .bread-crumb li:last-child:before{ display: none; } .page-title .bread-crumb li a:hover{ } .about-style-two.about-page{ padding-bottom: 80px; } .process-style-two.alternet-2:before{ background: #462b34; } .process-style-two.alternet-2 .inner-container{ background: #462b34; } .process-style-two.alternet-2 .sec-title .top-title:before, .process-style-two.alternet-2 .sec-title .top-title:after { background: #624b52; } .process-style-two.alternet-2 .sec-title .top-title:after{ border-left: 2px solid #462b34; border-bottom: 2px solid #462b34; } .process-style-two.alternet-2 .single-item .inner-box h3 a{ color: #fff; } .process-style-two.alternet-2 .single-item .inner-box h3 a:hover{ } .process-style-two.alternet-2 .single-item .inner-box p{ color: rgba(255,255,255,0.6); } .process-style-two.alternet-2 .single-item .inner-box .link a{ color: #fff; } .process-style-two.alternet-2 .single-item .inner-box .link a i{ color: rgba(255,255,255,0.6); transition: all 500ms ease; } .process-style-two.alternet-2 .single-item .inner-box .link a:hover{ } .process-style-two.alternet-2 .single-item .inner-box .link a:hover i{ } .process-style-two.alternet-2 .single-item .inner-box:before, .process-style-two .single-column:first-child .single-item .inner-box:after{ background: rgba(255,255,255,0.1); } .process-style-two.alternet-2 .inner-container .pattern-layer{ position: absolute; left: 0px; top: 0px; right: 0px; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; } /** history-section **/ .history-section{ position: relative; } .history-section .sec-title{ padding: 95px 0px 100px 0px; margin: 0px; } .history-section .inner-box{ position: relative; padding: 130px 30px 130px 0px; } .history-section .inner-box .image-box{ position: relative; display: block; border-radius: 10px; margin-bottom: 88px; } .history-section .inner-box .image-box img{ width: 100%; border-radius: 10px; } .history-section .inner-box .content-box .year-box{ position: relative; display: inline-block; width: 166px; height: 131px; line-height: 131px; text-align: center; margin-bottom: 36px; } .history-section .inner-box .content-box .year-box h3{ font-size: 24px; font-weight: 700; line-height: 140px; z-index: 1; } .history-section .inner-box .content-box .year-box .pattern-1{ position: absolute; left: 0px; top: 0px; width: 166px; height: 131px; background-repeat: no-repeat; } .history-section .inner-box .content-box .year-box .pattern-2{ position: absolute; left: 0px; top: 3px; width: 162px; height: 140px; background-repeat: no-repeat; } .history-section .inner-box .content-box .text h3{ font-size: 22px; line-height: 30px; font-weight: 700; margin-bottom: 15px; } .history-section .inner-box .content-box .text p{ font-size: 17px; line-height: 28px; font-weight: 500; } .history-section .inner-box .content-box{ position: relative; margin-bottom: 77px; } .mr-0{ margin: 0px !important; } .history-section .inner-box:before{ position: absolute; content: ''; background: #eae0d9; width: 1px; height: 100%; top: 0px; right: 0px; } .history-section .column:nth-child(2) .inner-box:after{ position: absolute; content: ''; background: #eae0d9; width: 1px; height: 100%; top: 0px; left: -30px; } .history-section .column:last-child .inner-box:before{ display: none; } .history-section .inner-box .dots-box{ position: absolute; left: -37px; top: 0px; width: 15px; height: 15px; background: #fff; border: 1px solid #eae0d9; border-radius: 50%; z-index: 1; } .history-section .inner-box .dots-box:before{ position: absolute; content: ''; background: #eae0d9; width: 35px; height: 1px; left: -11px; top: 6px; } .history-section .inner-box .dots-box:after{ position: absolute; content: ''; background: #fff; width: 13px; height: 13px; border-radius: 50%; left: 0px; top: 0px; } .history-section .inner-box .dots-box.active{ } .history-section .inner-box .dots-box.active:before{ } .history-section .inner-box .dots-box.active:after{ border: 3px solid #fff; } .history-section .image-layer{ position: absolute; left: 0px; top: 80px; } .main-footer .pattern-layer.no-anim{ animation: none !important; } .team-style-three{ padding: 95px 0px 120px 0px; } .team-style-three .team-block-one .inner-box .image-box{ box-shadow: none; border-radius: 15px 15px 0px 0px; } .team-style-three .team-block-one .inner-box .image-box img{ border-radius: 15px 15px 0px 0px; } .team-style-three .team-block-one .inner-box{ box-shadow: 0 10px 20px 5px rgba(0, 0, 0, 0.1); } .team-style-three .team-block-one .inner-box .image-box .share-box p{ border-bottom-right-radius: 0px; } .team-style-three .team-block-one .inner-box{ border-radius: 15px; margin-bottom: 45px; } .team-style-three .team-block-one .inner-box .lower-content{ padding: 24px 15px 21px 15px; } .team-style-three .owl-dots{ position: relative; display: block; text-align: center; } .owl-dot-style-two .owl-dots .owl-dot span{ position: relative; display: inline-block; width: 30px; height: 2px; background: #c2b3aa; margin: 0px 10px; cursor: pointer; z-index: 1; transition: all 500ms ease; } .owl-dot-style-two .owl-dots .owl-dot.active span, .owl-dot-style-two .owl-dots .owl-dot span:hover{ height: 4px; } .team-style-four{ position: relative; padding: 95px 0px 90px; } .team-style-four .sec-title .top-title:before, .team-style-four .sec-title .top-title:after{ background: #e2d7d0; } .team-style-four .sec-title .top-title:after{ border-left: 2px solid #f0e6e0; border-bottom: 2px solid #f0e6e0; } .team-style-four .team-block-one .inner-box{ margin-bottom: 32px; } /*** ==================================================================== Overview-Page ==================================================================== ***/ /** hiring-strategies **/ .hiring-strategies{ position: relative; padding: 95px 0px 90px 0px; } .hiring-strategies .inner-box .title-inner{ position: relative; padding: 97px 50px 110px 100px; border-radius: 10px 10px 0px 0px; overflow: hidden; } .hiring-strategies .inner-box .title-inner .pattern-layer{ position: absolute; left: 0px; top: 0px; right: 0px; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; } .hiring-strategies .inner-box .title-inner h2{ font-size: 60px; line-height: 72px; font-weight: 800; text-transform: uppercase; margin-bottom: 24px; max-width: 530px; } .hiring-strategies .inner-box .funfact-inner{ position: relative; display: block; background: #fff; border-radius: 0px 0px 10px 10px; box-shadow: 0 20px 15px 0px rgba(0, 0, 0, 0.1); } .hiring-strategies .inner-box .funfact-inner .counter-block{ position: relative; display: block; padding: 54px 30px 52px 190px; } .hiring-strategies .inner-box .funfact-inner .counter-block:before{ position: absolute; content: ''; background: #eae0d9; width: 1px; height: 100%; top: 0px; right: -15px; } .hiring-strategies .inner-box .funfact-inner .counter-column:last-child .counter-block:before{ display: none; } .hiring-strategies .inner-box .funfact-inner .counter-block .count-outer{ position: absolute; left: 50px; top: 44px; display: inline-block; font-size: 60px; font-family: 'Nunito Sans', sans-serif; line-height: 70px; font-weight: 700; } .hiring-strategies .inner-box .funfact-inner .counter-block .count-outer .icon{ position: relative; top: -7px; font-size: 34px; font-weight: 400; } .hiring-strategies .inner-box .funfact-inner .counter-block h6{ display: block; font-size: 14px; line-height: 24px; font-weight: 700; text-transform: uppercase; } /** solutions-problems **/ .solutions-problems{ position: relative; padding-bottom: 120px; } .solutions-problems .owl-dots{ display: block; text-align: center; } .solutions-problems .upper-box{ position: relative; margin-bottom: 80px; } .solutions-problems .upper-box .title-inner{ position: relative; display: block; margin-right: 45px; } .solutions-problems .upper-box .title-inner h2{ font-size: 44px; line-height: 54px; font-weight: 700; margin-bottom: 30px; } .solutions-problems .upper-box .title-inner p{ font-size: 17px; font-weight: 500; } .solutions-problems .upper-box .inner-box .single-item .icon-box{ position: relative; display: inline-block; margin-bottom: 24px; } .solutions-problems .upper-box .inner-box .single-item h3{ display: block; font-size: 22px; line-height: 30px; font-weight: 700; margin-bottom: 15px; } .solutions-problems .upper-box .inner-box .single-item p{ font-size: 17px; font-weight: 500; margin-bottom: 18px; } .solutions-problems .upper-box .inner-box .single-item a{ position: relative; display: inline-block; font-size: 14px; font-family: 'Nunito Sans', sans-serif; color: #462b34; font-weight: 700; text-transform: uppercase; } .solutions-problems .upper-box .inner-box .single-item a i{ position: relative; font-size: 30px; top: 6px; margin-right: 10px; font-weight: 400; } .solutions-problems .upper-box .inner-box .single-item a:hover{ } .solutions-problems .upper-box .inner-box{ margin-top: 10px; } .solutions-problems .carousel-box{ position: relative; margin-right: -30px; } .solutions-problems .carousel-box .single-item{ position: relative; margin: 30px 0px; max-width: 600px; width: 100%; } .solutions-problems .carousel-box .single-item .inner-box{ position: relative; display: block; background: #fff; border-radius: 10px; margin-right: 30px; } .solutions-problems .carousel-box .single-item .inner-box .image-box{ position: relative; max-width: 470px; width: 100%; border-radius: 15px 0px 0px 15px; } .solutions-problems .carousel-box .single-item .inner-box .image-box img{ width: 100%; border-radius: 15px 0px 0px 15px; } .solutions-problems .carousel-box .single-item .inner-box .lower-content{ position: relative; margin: 0px 100px 0px 40px; } .solutions-problems .carousel-box .single-item .inner-box .lower-content h3{ position: absolute; left: 0px; bottom: 0px; width: 100%; background: #462b34; padding: 25px 30px 25px 30px; border-top-left-radius: 10px; font-size: 22px; line-height: 32px; color: #fff; font-weight: 700; } .solutions-problems .carousel-box .single-item .inner-box .side-content{ position: absolute; overflow: hidden; top: 0px; right: 0px; width: 100px; height: 100%; box-shadow: 10px 0px 20px rgba(0, 0, 0, 0.1); border-radius: 0px 15px 15px 0px; transition: all 500ms ease; } .solutions-problems .carousel-box .single-item .inner-box:hover .side-content{ box-shadow: none; } .solutions-problems .carousel-box .single-item .inner-box .side-content .content-box{ position: absolute; top: 0px; right: 0px; width: 100%; height: 100%; background: #fff; text-align: center; padding: 20px 15px 20px 15px; transition: all 900ms ease; } .solutions-problems .carousel-box .single-item .inner-box:hover .side-content .content-box{ opacity: 0; } .solutions-problems .carousel-box .single-item .inner-box .side-content .content-box span{ position: absolute; left: 0px; top: 30px; font-size: 35px; font-family: 'Nunito Sans', sans-serif; font-weight: 700; color: #f0e6e0; width: 100%; text-align: center; } .solutions-problems .carousel-box .single-item .inner-box .side-content .content-box .icon-box{ position: absolute; display: inline-block; left: 19px; bottom: 25px; } .solutions-problems .carousel-box .single-item .inner-box .side-content .content-box:before{ position: absolute; content: ''; background: #eae0d9; width: 2px; height: 60px; left: 50%; top: 50%; transform: translate(-50%,-50%); margin-top: -15px; } .solutions-problems .carousel-box .single-item .inner-box .side-content .content-box:after{ position: absolute; content: ''; width: 2px; height: 20px; left: 50%; top: 50%; transform: translate(-50%,-50%); margin-top: 5px; } .solutions-problems .carousel-box .single-item .inner-box .side-content .overlay-box{ position: absolute; top: 0px; right: 0px; width: 100%; height: 100%; background: #f0e6e0; border-radius: 0px 15px 15px 0px; text-align: center; padding: 20px 15px 20px 15px; z-index: 1; left: -100px; transition: all 500ms ease; } .solutions-problems .carousel-box .single-item .inner-box:hover .side-content .overlay-box{ left: 0px; } .solutions-problems .carousel-box .single-item .inner-box .side-content .overlay-box span{ position: absolute; left: 0px; top: 30px; font-size: 35px; font-family: 'Nunito Sans', sans-serif; font-weight: 700; width: 100%; text-align: center; } .solutions-problems .carousel-box .single-item .inner-box .side-content .overlay-box a{ position: absolute; display: inline-block; background: #fff; color: #462b34; width: 58px; height: 58px; line-height: 58px; text-align: center; border-radius: 50%; left: 20px; bottom: 25px; font-size: 14px; font-weight: 700; z-index: 1; } .solutions-problems .carousel-box .single-item .inner-box .side-content .overlay-box a:hover{ color: #fff; } .solutions-problems .carousel-box .single-item .inner-box .side-content .overlay-box:before{ position: absolute; content: ''; width: 2px; height: 60px; left: 50%; top: 50%; transform: translate(-50%,-50%); margin-top: -15px; } /** growth-section **/ .growth-section{ position: relative; padding-top: 95px; } .growth-section:before{ position: absolute; content: ''; background: #462b34; width: 100%; height: 625px; left: 0px; top: 0px; right: 0px; } .growth-section .sec-title .top-title:before, .growth-section .sec-title .top-title:after{ background: #533942; } .growth-section .sec-title .top-title:after{ border-left: 2px solid #462b34; border-bottom: 2px solid #462b34; } .growth-section .image-box{ position: relative; margin: 0px -85px; margin-bottom: -133px; } .growth-section .image-box .image{ position: relative; display: block; border-radius: 10px; z-index: 1; } .growth-section .image-box .image img{ width: 100%; border-radius: 10px; } .growth-section .pattern-layer{ position: absolute; left: 0px; top: 0px; width: 579px; height: 575px; background-repeat: no-repeat; } .pricing-section.overview-page{ padding-top: 250px; overflow: hidden; } .pb-0{ padding-bottom: 0px; } .page-title .bg-shape{ position: relative; display: block; width: 100%; height: 60px; background: #fff; margin-top: 20px; border-radius: 10px 10px 0px 0px; } /** placejob-section **/ .placejob-section{ position: relative; padding: 35px 0px 80px 0px; } .placejob-section .form-inner{ position: relative; display: block; padding: 41px 30px 50px 30px; box-shadow: 0 0px 30px rgba(0, 0, 0, 0.15); margin-bottom: 30px; border-radius: 5px; } .placejob-section .form-inner .title-inner{ position: relative; padding-left: 77px; margin-bottom: 32px; } .placejob-section .form-inner .title-inner .icon-box{ position: absolute; left: 0px; top: 7px; } .placejob-section .form-inner .title-inner h2{ position: relative; display: block; font-size: 30px; line-height: 42px; font-weight: 700; } .placejob-section .form-inner .title-inner p{ font-size: 17px; font-weight: 500; } .placejob-section .form-inner .job-form .form-group{ position: relative; margin-bottom: 20px; } .placejob-section .form-inner .job-form .form-group:last-child{ margin-bottom: 0px; } .placejob-section .form-inner .job-form .form-group input[type='text'], .placejob-section .form-inner .job-form .form-group input[type='email'], .placejob-section .form-inner .job-form .form-group textarea{ position: relative; display: block; width: 100%; height: 54px; border: 1px solid #eae0d9; border-radius: 5px; padding: 10px 20px; font-size: 17px; font-weight: 500; color: #766068; transition: all 500ms ease; } .placejob-section .form-inner .job-form .form-group textarea{ height: 128px; resize: none; } .placejob-section .form-inner .job-form .form-group input:focus, .placejob-section .form-inner .job-form .form-group textarea:focus{ } .placejob-section .form-inner .job-form .form-group .nice-select{ height: 54px; } .placejob-section .form-inner .job-form .form-group .nice-select:after{ border-bottom: 2px solid #b39ea5; border-right: 2px solid #b39ea5; } .placejob-section .form-inner .job-form .column .form-group .nice-select{ margin-bottom: 20px; } .placejob-section .form-inner .job-form .column .form-group:last-child .nice-select{ margin-bottom: 0px; } .placejob-section .form-inner .job-form .column:first-child .form-group .nice-select{ z-index: 1; } .placejob-section .form-inner .job-form .form-group button{ display: block; width: 100%; padding: 14px 44px; } /*** ==================================================================== faq-Page ==================================================================== ***/ .faq-section{ position: relative; padding: 95px 0px 130px 0px; } .faq-section .image-box{ position: relative; display: block; } .faq-section .image-box img{ width: 100%; } .accordion-box .block{ position: relative; display: block; background: #fff; margin-bottom: 20px; transition: all 500ms ease; } .accordion-box .block:last-child{ margin-bottom: 0px; } .accordion-box .block .acc-content{ position:relative; display:none; margin: 20px 20px 0px 20px; } .accordion-box .block .acc-content.current{ display:block; } .accordion-box .block .acc-btn .icon-outer{ position: absolute; width: 60px; height: 100%; display: flex; align-items: center; justify-content: center; background: #f0e6e0; top: 0px; right: 0px; text-align: center; cursor: pointer; transition: all 500ms ease; z-index: 1; } .accordion-box .block .acc-btn.active .icon-outer{ } .accordion-box .block .acc-btn .icon-outer:after{ position: absolute; content: '+'; font-size: 24px; color: #462b34; font-family: 'Nunito Sans', sans-serif; font-weight: 600; width: 60px; height: 100%; display: flex; align-items: center; justify-content: center; left: 0px; top: 0px; } .accordion-box .block .acc-btn.active .icon-outer:after{ opacity: 0; } .accordion-box .block .acc-btn.active .icon-outer{ color: #fff; } .accordion-box .block .acc-btn.active .icon-outer:before{ position: relative; font-size: 10px; font-family: 'Flaticon'; font-weight: 700; margin: 0px; content: "\f123"; } .accordion-box .block .acc-btn{ position: relative; display: block; overflow: hidden; border: 1px solid #eae0d9; border-radius: 5px; background: #fff; padding: 16px 80px 14px 20px; cursor: pointer; transition: all 500ms ease; } .accordion-box .block .acc-btn.active{ background: #462b34; } .accordion-box .block .acc-btn h5{ font-size: 18px; line-height: 28px; font-weight: 700; margin: 0px; transition: all 500ms ease; } .accordion-box .block .acc-btn.active h5{ color: #fff; } .accordion-box .block .acc-content .text{ position: relative; display: block; background: #fff; border: 1px solid #eae0d9; padding: 30px 30px 30px 30px; border-radius: 5px; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05); } .accordion-box .block .acc-content .text:before{ position: absolute; content: ''; background: #fff; width: 20px; height: 20px; left: 30px; top: -9px; transform: rotate(-45deg); box-shadow: 1px -1px 0px 0px #eae0d9; transition: all 500ms ease; } .accordion-box .block .acc-content .text p{ font-size: 18px; font-weight: 500; } /*** ==================================================================== Testimonials-Page ==================================================================== ***/ .clients-style-three{ position: relative; padding: 140px 0px 110px 0px; } .clients-style-three #image_block_1 .image-box .video-inner{ position: relative; max-width: 100%; padding: 210px 0px 190px 0px; margin-bottom: 10px; } .clients-style-three #image_block_1 .image-box{ padding: 0px; margin: 0px; } .clients-style-three #image_block_1 .image-box .video-inner .video-btn{ width: 100px; height: 100px; line-height: 100px; font-size: 36px; } .clients-style-three #image_block_1 .image-box .video-inner .border{ width: 100px; height: 100px; margin-top: 0px; } .clients-style-three .clients-inner{ position: relative; display: block; padding: 0px 100px; } .clients-style-three .clients-inner .clients-logo-box{ display: block; max-width: 100%; width: auto; margin: 30px auto; background: #fff; border-radius: 10px; box-shadow: 0 0px 30px rgba(0, 0, 0, 0.1); } .clients-style-three .clients-inner .clients-logo-box img{ display: block; max-width: 100%; width: auto; margin: 0 auto; filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -o-filter: grayscale(100%); -ms-filter: grayscale(100%); -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; } .clients-style-three .clients-inner .clients-logo-box:hover img{ filter: grayscale(0%); -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -o-filter: grayscale(0%); -ms-filter: grayscale(0%); } .clients-style-three .owl-nav .owl-prev, .clients-style-three .owl-nav .owl-next{ position: absolute; display: inline-block; top: 60px; width: 70px; height: 70px; line-height: 70px; text-align: center; border: 1px solid #eae0d9; border-radius: 50%; font-size: 30px; font-weight: 400; color: #462b34; background: #fff; cursor: pointer; transition: all 500ms ease; } .clients-style-three .owl-nav .owl-prev{ left: -100px; } .clients-style-three .owl-nav .owl-next{ right: -100px; } .clients-style-three .owl-nav .owl-prev:hover, .clients-style-three .owl-nav .owl-next:hover{ border-color: #fff; box-shadow: 0 0px 20px rgba(0, 0, 0, 0.1); } .testimonial-page-section{ position: relative; padding-bottom: 90px; } .testimonial-page-section .testimonial-block-three{ margin: 0px 0px 110px 0px; } .testimonial-page-section .testimonial-block-three .inner-box{ box-shadow: 0 10px 100px rgba(0, 0, 0, 0.1); } .testimonial-page-section .testimonial-block:nth-child(2) .testimonial-block-three .inner-box .border-shap{ height: 384px; } .testimonial-page-section .testimonial-block:nth-child(3) .testimonial-block-three .inner-box .border-shap{ height: 422px; } .testimonial-page-section .testimonial-block:nth-child(4) .testimonial-block-three .inner-box .border-shap{ height: 422px; } .testimonial-page-section .testimonial-block:nth-child(6) .testimonial-block-three .inner-box .border-shap{ height: 384px; } .testimonial-page-section .testimonial-block:nth-child(7) .testimonial-block-three .inner-box .border-shap{ height: 384px; } .testimonial-page-section .testimonial-block:nth-child(8) .testimonial-block-three .inner-box .border-shap{ height: 422px; } /*** ==================================================================== Service-Page ==================================================================== ***/ .service-section.service-page{ padding: 95px 0px 90px 0px; } .service-section.service-page .service-block-one{ margin-top: 0px; margin-bottom: 30px; } .service-section.service-page .sec-title{ margin-bottom: 50px; } /** hiring-section **/ .hiring-section{ position: relative; } .hiring-section .left-column, .hiring-section .right-column{ width: 50%; } .hiring-section .left-column{ background: #462b34; } .hiring-section .right-column{ background: #3e242d; } .hiring-section .left-column .inner-box{ position: relative; display: block; text-align: left; max-width: 500px; padding: 120px 50px 130px 0px; } .hiring-section .right-column .inner-box{ position: relative; display: block; text-align: left; max-width: 550px; padding: 120px 0px 130px 100px; } .hiring-section .inner-box h2{ position: relative; display: block; font-size: 44px; line-height: 55px; color: #fff; font-weight: 700; margin-bottom: 19px; } .hiring-section .inner-box p{ font-size: 17px; font-weight: 500; color: rgba(255,255,255,0.6); margin-bottom: 42px; } .hiring-section .inner-box a{ position: relative; display: inline-block; font-size: 14px; line-height: 26px; font-family: 'Nunito Sans', sans-serif; font-weight: 700; color: #462b34; border-radius: 4px; text-align: center; background: #fff; padding: 15px 44px; text-transform: uppercase; z-index: 1; } .hiring-section .inner-box a:hover{ color: #fff; } .hiring-section .inner-box a:hover:after{ -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); } .hiring-section .inner-box a:after{ content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; border-radius: 4px; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hiring-section .inner-box .icon-box{ position: absolute; right: 70px; bottom: 70px; font-size: 130px; line-height: 100px; color: rgba(255,255,255,0.1); } .hiring-section .image-layer .image-1{ position: absolute; left: 0px; top: 0px; } .hiring-section .image-layer .image-2{ position: absolute; right: 0px; top: 0px; } /** contact-section **/ .contact-section{ position: relative; padding: 95px 0px 130px 0px } .contact-section .form-inner{ position: relative; display: block; background: #fff; padding: 50px 50px; box-shadow: 0 0px 30px rgba(0, 0, 0, 0.15); } .default-form .form-group{ position: relative; margin-bottom: 20px; } .default-form .form-group:last-child{ margin-bottom: 0px; } .default-form .form-group input[type='text'], .default-form .form-group input[type='email'], .default-form .form-group textarea { position: relative; display: block; width: 100%; height: 56px; border: 1px solid #eae0d9; border-radius: 5px; padding: 10px 20px; font-size: 17px; font-weight: 500; color: #766068; transition: all 500ms ease; } .default-form .form-group input:focus, .default-form .form-group textarea:focus{ } .default-form .form-group textarea{ height: 120px; resize: none; } .default-form .form-group button{ display: block; width: 100%; } .default-form .form-group .nice-select:after { border-bottom: 2px solid #766068; border-right: 2px solid #766068; } .contact-section .form-inner .pattern-layer{ position: absolute; right: -130px; bottom: -130px; width: 380px; height: 340px; background-repeat: no-repeat; z-index: -1; } /** service-details **/ .service-details{ position: relative; padding: 95px 0px 130px 0px; } .service-details-content .content-one .image-box{ position: relative; display: block; border-radius: 10px; margin-bottom: 43px; } .service-details-content .content-one .image-box img{ width: 100%; border-radius: 10px; } .service-details-content p{ font-size: 17px; font-weight: 500; } .service-details-content .content-one .text p{ margin-bottom: 20px; } .service-details-content .content-one .text p:last-child{ margin-bottom: 0px; } .service-details-content .content-one .sec-title{ margin-bottom: 37px; } .service-details-content .content-one{ margin-bottom: 42px; } .service-details-content .content-two .inner-box{ position: relative; display: block; background: #fff; border-radius: 10px; box-shadow: 0 0px 30px rgba(0, 0, 0, 0.15); margin-bottom: 73px; } .service-details-content .content-two .inner-box .single-column{ float: left; position: relative; display: block; width: 33.333%; padding: 36px 40px 26px 30px; border-right: 1px solid #eae0d9; } .service-details-content .content-two .inner-box .single-column:last-child{ border: none; } .service-details-content .content-two .inner-box .single-column .content-box h5{ position: relative; display: block; font-size: 20px; font-weight: 700; color: #a38f96; margin-bottom: 17px; } .service-details-content .content-two .inner-box .single-column .content-box h3{ position: relative; display: block; font-size: 22px; line-height: 32px; font-weight: 700; margin-bottom: 64px; } .service-details-content .content-two .inner-box .single-column .content-box .link a{ position: relative; display: inline-block; font-size: 30px; font-weight: 400; color: #462b34; } .service-details-content .content-two .inner-box .single-column .content-box .icon-box{ position: absolute; right: 30px; bottom: 30px; font-size: 85px; line-height: 85px; color: #f0e6e0; } .service-details-content .content-two .inner-box .single-column .overlay-box{ position: absolute; left: 0px; top: 30px; background: #462b34; width: 100%; padding: 33px 40px 32px 30px; border-radius: 10px 0px 10px 10px; visibility: hidden; opacity: 0; transition: all 500ms ease; } .service-details-content .content-two .inner-box .single-column:nth-child(2) .overlay-box{ border-radius: 0px 0px 10px 10px; } .service-details-content .content-two .inner-box .single-column:last-child .overlay-box{ border-radius: 0px 10px 10px 10px; } .service-details-content .content-two .inner-box .single-column:last-child .overlay-box .icon-box{ border-top-right-radius: 10px; } .service-details-content .content-two .inner-box .single-column:hover .overlay-box{ visibility: visible; opacity: 1; top: 0px; } .service-details-content .content-two .inner-box .single-column .overlay-box .icon-box{ position: absolute; top: 0px; right: 0px; font-size: 40px; color: #fff; width: 70px; height: 70px; line-height: 70px; text-align: center; border-bottom-left-radius: 35px; } .service-details-content .content-two .inner-box .single-column .overlay-box h5{ position: relative; display: block; font-size: 20px; line-height: 30px; font-weight: 700; margin-bottom: 12px; } .service-details-content .content-two .inner-box .single-column .overlay-box .list li{ position: relative; display: block; font-size: 17px; line-height: 28px; font-weight: 500; color: #ae979f; margin-bottom: 8px; } .service-details-content .content-two .inner-box .single-column .overlay-box .list li:last-child{ margin-bottom: 0px; } .service-details-content .content-two .inner-box .single-column .overlay-box .list{ margin-bottom: 15px; } .service-details-content .content-two .inner-box .single-column .overlay-box .link a{ position: relative; display: inline-block; font-size: 14px; font-family: 'Nunito Sans', sans-serif; line-height: 24px; font-weight: 700; color: #fff; text-transform: uppercase; } .service-details-content .content-two .inner-box .single-column .overlay-box .link a i{ position: relative; font-size: 30px; font-weight: 400; top: 6px; margin-right: 8px; } .service-details-content .content-two .inner-box .single-column .overlay-box .link a:hover{ } .service-details-content .content-three .upper-box{ margin-bottom: 42px; } .service-details-content .content-three .upper-box h3{ position: relative; display: block; font-size: 30px; line-height: 40px; font-weight: 700; margin-bottom: 22px; } .service-details-content .content-three .tab-btns li{ position: relative; display: block; background: #fff; border-radius: 10px; box-shadow: 0 0px 30px rgba(0, 0, 0, 0.15); text-align: center; margin-bottom: 20px; cursor: pointer; padding: 40px 30px 30px 30px; } .service-details-content .content-three .tab-btns li.active-btn:before{ position: absolute; content: ''; background: #462b34; width: 30px; height: 30px; top: 50%; margin-top: -15px; right: -10px; transform: rotate(-45deg); } .service-details-content .content-three .tab-btns li.active-btn{ background: #462b34; } .service-details-content .content-three .tab-btns li:last-child{ margin-bottom: 0px; } .service-details-content .content-three .tab-btns li .icon-box{ position: relative; font-size: 40px; line-height: 40px; margin-bottom: 20px; color: #ddd2d2; transition: all 500ms ease; } .service-details-content .content-three .tab-btns li.active-btn .icon-box{ } .service-details-content .content-three .tab-btns li h6{ position: relative; font-size: 14px; line-height: 20px; font-weight: 700; text-transform: uppercase; transition: all 500ms ease; } .service-details-content .content-three .tab-btns li.active-btn h6{ color: #fff; } .service-details-content .content-three .tabs-content .inner-box{ position: relative; display: block; border-radius: 10px; overflow: hidden; } .service-details-content .content-three .tabs-content .inner-box .image-box{ position: relative; display: block; } .service-details-content .content-three .tabs-content .inner-box .image-box img{ width: 100%; border-radius: 10px; } .service-details-content .content-three .tabs-content .inner-box .text{ position: absolute; left: 0px; bottom: 0px; width: calc(100% - 30px); border-top-right-radius: 10px; background: #462b34; padding: 34px 30px 32px 30px; } .service-details-content .content-three .tabs-content .inner-box .text h3{ font-size: 24px; line-height: 32px; font-weight: 700; color: #fff; margin-bottom: 15px; } .service-details-content .content-three .tabs-content .inner-box .text a{ position: relative; display: inline-block; font-size: 14px; font-family: 'Nunito Sans', sans-serif; line-height: 24px; font-weight: 700; color: #fff; text-transform: uppercase; } .service-details-content .content-three .tabs-content .inner-box .text a i{ position: relative; font-size: 30px; font-weight: 400; top: 6px; margin-right: 8px; } .service-details-content .content-three .tabs-content .inner-box .text a:hover{ } .service-details-content .content-three .tabs-content .inner-box .text p{ color: #ae979f; margin-bottom: 19px; } .service-details-content .content-three{ margin-bottom: 73px; } .service-details-content .content-four .upper-box{ margin-bottom: 32px; } .service-details-content .content-four .upper-box h3{ position: relative; display: block; font-size: 30px; line-height: 40px; font-weight: 700; margin-bottom: 22px; } .service-details-content .content-four .inner-box .list-item li{ position: relative; display: block; padding: 20px 50px 22px 80px; background: #f0e6e0; border-radius: 10px; margin-bottom: 20px; transition: all 500ms ease; } .service-details-content .content-four .inner-box .list-item li:hover{ background: #462b34; } .service-details-content .content-four .inner-box .list-item li:last-child{ margin-bottom: 0px; } .service-details-content .content-four .inner-box .list-item li .icon-box{ position: absolute; left: 17px; top: 20px; font-size: 30px; line-height: 30px; } .service-details-content .content-four .inner-box .list-item li .icon-box:before{ position: absolute; content: ''; background: #d9cec7; width: 1px; height: 32px; top: -1px; right: -12px; transition: all 500ms ease; } .service-details-content .content-four .inner-box .list-item li:hover .icon-box:before{ background: #6b555d; } .service-details-content .content-four .inner-box .list-item li h5{ font-size: 20px; line-height: 28px; font-weight: 700; transition: all 500ms ease; } .service-details-content .content-four .inner-box .list-item li:hover h5{ color: #fff; } .service-details-content .content-four .inner-box .list-item li .more-content{ position: absolute; top: 21px; right: 20px; } .service-details-content .content-four .inner-box .list-item li .more-content .menu-icon i{ position: relative; display: inline-block; font-size: 16px; width: 8px; color: #b4a4a4; transition: all 500ms ease; } .service-details-content .content-four .inner-box .list-item li:hover .more-content .menu-icon i{ } .service-details-content .content-four .inner-box .list-item li .more-content .text{ position: absolute; right: -10px; top: 47px; width: 270px; background: #fff; padding: 23px 30px 22px 30px; z-index: 1; border-radius: 5px; visibility: hidden; opacity: 0; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1); transition: all 500ms ease; } .service-details-content .content-four .inner-box .list-item li:hover .more-content .text{ visibility: visible; opacity: 1; top: 37px; } .service-details-content .content-four .inner-box .list-item li .more-content .text:before{ position: absolute; content: ''; background: #fff; width: 15px; height: 15px; top: -5px; right: 8px; transform: rotate(-45deg); } .service-details-content .content-four{ margin-bottom: 73px; } .service-details-content .content-five .upper-box{ margin-bottom: 29px; } .service-details-content .content-five .upper-box h3 { position: relative; display: block; font-size: 30px; line-height: 40px; font-weight: 700; } .project-block-two .inner-box{ position: relative; display: block; overflow: hidden; border-radius: 10px; } .project-block-two .inner-box .image-box{ position: relative; display: block; border-radius: 10px; } .project-block-two .inner-box .image-box img{ width: 100%; border-radius: 10px; } .project-block-two .inner-box .content-box .text{ position: absolute; left: 0px; bottom: 0px; width: calc(100% - 60px); padding: 26px 40px 21px 30px; border-top-right-radius: 10px; background: #462b34; opacity: 0; transition: all 500ms ease; } .project-block-two .inner-box:hover .content-box .text{ opacity: 1; } .project-block-two .inner-box .content-box .link{ position: absolute; right: 0px; bottom: 0px; opacity: 0; transition: all 500ms ease; } .project-block-two .inner-box:hover .content-box .link{ opacity: 1; } .project-block-two .inner-box .content-box .link a{ position: relative; display: inline-block; width: 60px; height: 60px; line-height: 60px; font-size: 14px; color: #fff; font-weight: 700; text-align: center; } .project-block-two .inner-box .content-box .text span{ position: relative; display: block; font-size: 12px; line-height: 20px; font-weight: 700; color: #ae979f; text-transform: uppercase; margin-bottom: 9px; } .project-block-two .inner-box .content-box .text h3{ position: relative; display: block; font-size: 22px; line-height: 32px; font-weight: 700; color: #fff; } .project-block-two .inner-box .content-box .text h3 a{ display: inline-block; color: #fff; } .project-block-two .inner-box .content-box .text h3 a:hover{ } .service-details-content .content-five .owl-nav { position: absolute; top: -60px; right: 0px; } .service-details-content .content-five .owl-nav .owl-prev, .service-details-content .content-five .owl-nav .owl-next { position: relative; display: inline-block; font-size: 30px; color: #462b34; font-weight: 400; margin: 0px; cursor: pointer; transition: all 500ms ease; } .service-details-content .content-five .owl-nav .owl-prev:hover, .service-details-content .content-five .owl-nav .owl-next:hover{ } .service-details-content .content-five .owl-nav .owl-prev{ margin-right: 20px; } .service-sidebar .categories-widget{ position: relative; display: block; background: #f0e6e0; border-radius: 10px; overflow: hidden; margin-bottom: 50px; } .service-sidebar .categories-widget .categories-list li a{ position: relative; display: block; font-size: 20px; line-height: 28px; font-family: 'Nunito Sans', sans-serif; color: #462b34; font-weight: 700; padding: 24px 30px 22px 30px; border-bottom: 1px solid #fff; } .service-sidebar .categories-widget .categories-list li a.active, .service-sidebar .categories-widget .categories-list li a:hover{ background: #462b34; color: #fff; } .service-sidebar .categories-widget .categories-list li:last-child a{ border-bottom: none; } .service-sidebar .categories-widget .categories-list li a:before{ position: absolute; content: ''; border: 2px solid #cfc2ba; width: 18px; height: 18px; border-radius: 50%; top: 28px; right: 30px; transition: all 500ms ease; } .service-sidebar .categories-widget .categories-list li a.active:before, .service-sidebar .categories-widget .categories-list li a:hover:before{ } .service-sidebar .categories-widget .categories-list li a:after{ position: absolute; content: ''; top: 33px; right: 35px; width: 8px; height: 8px; border-radius: 50%; transform: scale(0,0); transition: all 500ms ease; } .service-sidebar .categories-widget .categories-list li a.active:after, .service-sidebar .categories-widget .categories-list li a:hover:after{ transform: scale(1,1); } .service-sidebar{ position: relative; display: block; margin-left: 30px; } .service-sidebar .recruitment-widget .widget-content{ position: relative; display: block; background: #fff; border-radius: 10px; overflow: hidden; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); } .service-sidebar .recruitment-widget .widget-content .text{ position: relative; background: #462b34; padding: 43px 130px 42px 30px; min-height: 181px; } .service-sidebar .recruitment-widget .widget-content .text h3{ position: relative; font-size: 24px; line-height: 32px; color: #fff; font-weight: 700; } .service-sidebar .recruitment-widget .widget-content .text .image-box{ position: absolute; right: 0px; bottom: 0px; } .service-sidebar .recruitment-widget .widget-content .text .pattern-layer{ position: absolute; left: 0px; top: 0px; width: 177px; height: 175px; background-repeat: no-repeat; } .service-sidebar .recruitment-widget .widget-content .link{ position: relative; padding: 12px 30px 16px 30px; } .service-sidebar .recruitment-widget .widget-content .link a{ display: inline-block; font-size: 14px; line-height: 24px; font-family: 'Nunito Sans', sans-serif; font-weight: 700; text-transform: uppercase; color: #462b34; } .service-sidebar .recruitment-widget .widget-content .link a i{ position: relative; top: 6px; font-size: 30px; font-weight: 400; margin-right: 8px; } .service-sidebar .recruitment-widget .widget-content .link a:hover{ } .service-sidebar .recruitment-widget{ margin-bottom: 50px; } .service-sidebar .subscribe-widget{ position: relative; display: block; background: #fff; padding: 43px 30px 50px 30px; border-radius: 10px; box-shadow: 0 0px 30px rgba(0, 0, 0, 0.15); } .service-sidebar .subscribe-widget h3{ position: relative; display: block; font-size: 24px; line-height: 32px; font-weight: 700; margin-bottom: 26px; } .service-sidebar .subscribe-widget .subscribe-form label{ position: relative; display: block; font-size: 18px; line-height: 26px; font-family: 'Nunito Sans', sans-serif; font-weight: 700; color: #462b34; margin-bottom: 13px; } .service-sidebar .subscribe-widget .subscribe-form .form-group input[type='text'], .service-sidebar .subscribe-widget .subscribe-form .form-group input[type='email']{ position: relative; display: block; width: 100%; height: 54px; background: #f0e6e0; border-radius: 5px; padding: 10px 20px; font-size: 17px; font-weight: 500; color: #766068; } .service-sidebar .subscribe-widget .subscribe-form .form-group{ margin-bottom: 24px; position: relative; } .service-sidebar .subscribe-widget .subscribe-form .form-group:last-child{ margin-bottom: 0px; } .service-sidebar .subscribe-widget .subscribe-form .select-box{ height: 54px; } .service-sidebar .subscribe-widget .subscribe-form .nice-select{ border: none !important; background: #f0e6e0; height: 54px; font-size: 17px; font-weight: 500; color: #766068; } .service-sidebar .subscribe-widget .subscribe-form .nice-select:after{ border-bottom: 2px solid #7e6970; border-right: 2px solid #7e6970; } .service-sidebar .subscribe-widget .subscribe-form button{ display: block; width: 100%; } /*** ==================================================================== Job-Page ==================================================================== ***/ .findjob-section{ position: relative; padding: 95px 0px 120px 0px; } .findjob-section .search-inner .form-group{ position: relative; margin: 0px; } .findjob-section .search-inner .form-group input[type='search'], .findjob-section .search-inner .form-group input[type='text'], .findjob-section .search-inner .form-group input[type='email']{ position: relative; display: block; width: 100%; height: 70px; background: #fff; border: 1px solid #eae0d9; border-radius: 5px; padding: 10px 20px; font-size: 17px; color: #766068; font-weight: 500; padding-left: 50px; transition: all 500ms ease; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1); } .findjob-section .search-inner .form-group i{ position: absolute; left: 20px; top: 21px; font-size: 16px; color: #baabab; z-index: 1; } .findjob-section .search-inner .form-group .select-box{ height: 70px; } .findjob-section .search-inner .form-group .nice-select{ height: 70px; padding-left: 50px; font-size: 17px; color: #766068; font-weight: 500; background: #fff; border: 1px solid #eae0d9; line-height: 52px; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1); } .findjob-section .search-inner .form-group .nice-select:after{ border-bottom: 2px solid #ae979f; border-right: 2px solid #ae979f; } .findjob-section .search-inner .form-group.message-btn{ position: relative; display: block; margin-top: 30px; } .findjob-section .search-inner .form-group.message-btn button{ display: block; width: 100%; padding: 22px 44px; } .findjob-section .search-inner{ margin-bottom: 60px; } .single-job-post{ position: relative; display: block; overflow: hidden; border-radius: 10px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); } .single-job-post .job-inner{ border: 1px solid #eae0d9; border-top: none; padding: 22px 30px; } .single-job-post .job-header{ position: relative; display: block; background: #f0e6e0; padding: 20px 30px; transition: all 500ms ease; } .single-job-post:hover .job-header{ background: #462b34; } .single-job-post .job-header .info li{ position: relative; display: inline-block; font-size: 17px; font-weight: 500; color: #766068; transition: all 500ms ease; } .single-job-post .job-header .info li i{ color: #472c35; margin-right: 8px; font-weight: 600; font-size: 16px; transition: all 500ms ease; } .single-job-post:hover .job-header .info li i{ color: rgba(255,255,255,0.5); } .single-job-post:hover .job-header .info li{ color: rgba(255,255,255,0.5); } .single-job-post .job-header .info li a{ display: inline-block; font-size: 14px; line-height: 20px; margin-right: 10px; color: #766068; font-weight: 700; text-transform: uppercase; background: #fff; padding: 4px 6px; text-align: center; border-radius: 5px; border: 1px solid rgba(255,255,255,0.2); } .single-job-post:hover .job-header .info li a{ color: rgba(255,255,255,0.5); background: #3f262f; } .single-job-post .job-header .number p{ font-size: 17px; font-weight: 500; } .single-job-post .job-title{ position: relative; padding: 0px 0px 0px 80px; } .single-job-post .job-title .company-logo{ position: absolute; left: 0px; top: 0px; width: 60px; height: 60px; line-height: 60px; text-align: center; border: 1px solid #eae0d9; border-radius: 5px; } .single-job-post .job-title{ position: relative; float: left; width: 45%; } .single-job-post .job-title:before{ position: absolute; content: ''; background: #eae0d9; width: 1px; height: 53px; top: 5px; right: 30px; } .single-job-post .job-inner .job-title h3{ font-size: 22px; line-height: 32px; font-weight: 700; margin-bottom: 4px; } .single-job-post .job-inner p{ position: relative; font-size: 17px; line-height: 28px; color: #766068; font-weight: 500; } .single-job-post .job-inner .job-title p i{ font-size: 16px; font-weight: 600; color: #baabab; margin-right: 10px; } .single-job-post .job-inner .salary-box{ position: relative; float: left; width: 27%; margin-top: 7px; } .single-job-post .job-inner .salary-box:before{ position: absolute; content: ''; background: #eae0d9; width: 1px; height: 53px; top: -2px; right: 30px; } .single-job-post .job-inner .experience-box{ position: relative; float: left; width: 15%; margin-top: 7px; } .single-job-post .job-inner .apply-btn{ position: relative; float: left; width: 13%; text-align: right; margin-top: 5px; } .single-job-post .job-inner span{ position: relative; display: block; font-size: 12px; line-height: 20px; font-weight: 700; color: #a38f96; margin-bottom: 4px; text-transform: uppercase; } .single-job-post .job-inner .apply-btn a{ position: relative; display: inline-block; font-size: 14px; line-height: 20px; font-family: 'Nunito Sans', sans-serif; color: #462b34; font-weight: 700; text-transform: uppercase; border: 1px solid #eae0d9; border-radius: 5px; padding: 15.5px 47.5px; z-index: 1; } .single-job-post:hover .job-inner .apply-btn a{ color: #fff; } .single-job-post{ margin-bottom: 40px; } .findjob-section .post-jobs .single-job-post:last-child{ margin-bottom: 0px; } /** job-details **/ .job-details{ position: relative; padding: 130px 0px; } .job-details-content .upper-box{ position: relative; display: block; background: #efe5df; border-radius: 10px; padding: 40px 40px; margin-bottom: 53px; } .job-details-content .upper-box .inner-box{ position: relative; padding-left: 130px; padding-right: 80px; } .job-details-content .upper-box .inner-box .company-logo{ position: absolute; left: 0px; top: 0px; width: 110px; height: 110px; line-height: 110px; background: #fff; border-radius: 5px; text-align: center; } .job-details-content .upper-box .inner-box .inner span{ position: relative; display: inline-block; font-size: 12px; line-height: 20px; color: #766068; text-transform: uppercase; font-weight: 700; background: #fff; padding: 6px 13px 4px 13px; border-radius: 5px; margin-bottom: 15px; } .job-details-content .upper-box .inner-box .inner h3{ position: relative; display: block; font-size: 22px; line-height: 32px; font-weight: 700; margin-bottom: 4px; } .job-details-content .upper-box .inner-box .inner p{ font-size: 17px; font-weight: 500; } .job-details-content .upper-box .inner-box .inner p i{ font-size: 16px; font-weight: 600; margin-right: 8px; color: #b9a9a9; } .job-details-content .upper-box .inner-box .info{ position: absolute; top: 0px; right: 0px; z-index: 1; } .job-details-content .upper-box .inner-box .info li{ position: relative; display: block; margin-bottom: 10px; } .job-details-content .upper-box .inner-box .info li:last-child{ margin-bottom: 0px; } .job-details-content .upper-box .inner-box .info li span{ position: absolute; top: -40px; right: 0px; font-size: 12px; line-height: 40px; font-family: 'Nunito Sans', sans-serif; color: #462b34; font-weight: 700; text-transform: uppercase; background: #fff; border: 1px solid #e7ddd7; text-align: center; width: 120px; height: 40px; border-radius: 5px; z-index: 1; opacity: 0; visibility: hidden; transition: all 500ms ease; } .job-details-content .upper-box .inner-box .info li:hover span{ top: -50px; opacity: 1; visibility: visible; } .job-details-content .upper-box .inner-box .info li span:before{ position: absolute; content: ''; background: #fff; width: 10px; height: 10px; right: 18px; bottom: -5px; transform: rotate(-45deg); } .job-details-content .upper-box .inner-box .info li a{ position: relative; display: inline-block; font-size: 20px; width: 50px; height: 50px; line-height: 50px; text-align: center; border-radius: 50%; background: #fff; color: #b4a4a4; font-weight: 600; z-index: 1; } .job-details-content .upper-box .inner-box .info li a:hover{ background: #462b34; } .job-details-content h2{ position: relative; display: block; font-size: 30px; line-height: 40px; font-weight: 700; margin-bottom: 22px; } .job-details-content .text p{ font-size: 17px; font-weight: 500; margin-bottom: 20px; } .job-details-content .text h3{ position: relative; display: block; font-size: 24px; line-height: 32px; font-weight: 700; margin-bottom: 24px; padding-top: 16px; } .job-details-content .text .list li{ position: relative; display: block; font-size: 17px; font-weight: 500; margin-bottom: 10px; padding-left: 30px; } .job-details-content .text .list li:last-child{ margin-bottom: 0px; } .job-details-content .text .list li span{ position: relative; display: inline-block; width: 130px; text-align: left; font-size: 14px; font-family: 'Nunito Sans', sans-serif; color: #a38f96; font-weight: 700; text-transform: uppercase; } .job-details-content .text .list{ margin-bottom: 21px; } .job-details-content .text .list li:before{ position: absolute; content: '>'; font-size: 20px; line-height: 26px; font-family: 'Muli', sans-serif; font-weight: 700; left: 0px; top: 1px; } .job-details-content .text{ border-bottom: 1px solid #eae0d9; margin-bottom: 40px; padding-bottom: 29px; } .job-details-content .social-box .social-links li{ position: relative; display: inline-block; float: left; width: 25%; } .job-details-content .social-box .social-links li a{ position: relative; display: inline-block; font-size: 14px; font-family: 'Nunito Sans', sans-serif; color: #fff; text-transform: uppercase; text-align: center; width: 170px; height: 54px; line-height: 54px; border-radius: 5px; font-weight: 700; } .job-details-content .social-box .social-links li a i{ margin-right: 10px; font-weight: 400; } .job-details-content .social-box .social-links li:first-child a{ } .job-details-content .social-box .social-links li:nth-child(2) a{ } .job-details-content .social-box .social-links li:nth-child(3) a{ } .job-details-content .social-box .social-links li:last-child a{ } .job-details-content .social-box .social-links{ margin-right: -25px; } .job-details-content .social-box{ margin-bottom: 92px; } .job-details .related-job h2{ position: relative; display: block; font-size: 30px; line-height: 40px; font-weight: 700; margin-bottom: 29px; } .job-details .related-job .single-job-post:last-child{ margin-bottom: 0px; } .job-sidebar .apply-btn{ position: relative; display: block; margin-bottom: 40px; } .job-sidebar .apply-btn .theme-btn-one{ display: block; width: 100%; } .job-sidebar{ position: relative; display: block; margin-left: 30px; } .job-sidebar .job-discription{ position: relative; display: block; background: #fff; padding: 24px 30px 11px 30px; border: 1px solid #eae0d9; border-radius: 10px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); } .job-sidebar .job-discription .list li{ position: relative; display: block; border-bottom: 1px solid #eae0d9; margin-bottom: 16px; padding-bottom: 12px; } .job-sidebar .job-discription .list li:last-child{ margin-bottom: 0px; border-bottom: none; } .job-sidebar .job-discription .list li span{ position: relative; display: block; font-size: 12px; line-height: 20px; font-weight: 700; color: #a38f96; text-transform: uppercase; margin-bottom: 4px; } .job-sidebar .job-discription .list li p{ font-size: 17px; line-height: 28px; font-weight: 500; } .job-sidebar .job-discription .list li p a{ color: #766068; } .job-sidebar .job-discription .list li p a:hover{ } .job-sidebar .job-discription{ margin-bottom: 40px; } .job-sidebar .support-widget .widget-content{ position: relative; display: block; background: #462b34; padding: 40px 30px; border-radius: 10px; overflow: hidden; } .job-sidebar .support-widget .widget-content .image-box{ position: relative; display: inline-block; width: 120px; height: 120px; border-radius: 50%; margin-bottom: 24px; } .job-sidebar .support-widget .widget-content .image-box img{ width: 100%; border-radius: 50%; } .job-sidebar .support-widget .widget-content h3{ position: relative; display: block; font-size: 22px; line-height: 30px; color: #fff; font-weight: 700; } .job-sidebar .support-widget .widget-content .designation{ position: relative; display: block; font-size: 17px; font-weight: 500; color: rgba(255,255,255,0.5); margin-bottom: 15px; } .job-sidebar .support-widget .widget-content .support-info li{ position: relative; display: block; font-size: 17px; font-weight: 500; color: #fff; } .job-sidebar .support-widget .widget-content .support-info li a{ color: rgba(255,255,255,0.5); } .job-sidebar .support-widget .widget-content .support-info li a:hover{ } .job-sidebar .support-widget .widget-content .support-info{ margin-bottom: 22px; } .job-sidebar .support-widget .widget-content .social-links li{ position: relative; display: inline-block; margin: 0px 3px; } .job-sidebar .support-widget .widget-content .social-links li a{ position: relative; display: inline-block; font-size: 14px; color: #462b34; background: #fff; width: 42px; height: 42px; line-height: 42px; text-align: center; border-radius: 50%; } .job-sidebar .support-widget .widget-content .social-links li a:hover{ } .job-sidebar .support-widget .widget-content .pattern-layer .pattern-1{ position: absolute; top: 0px; right: 0px; width: 214px; height: 149px; background-repeat: no-repeat; } .job-sidebar .support-widget .widget-content .pattern-layer .pattern-2{ position: absolute; left: 0px; bottom: 0px; width: 209px; height: 241px; background-repeat: no-repeat; } .placejob-section .form-inner .job-form .form-group i{ position: absolute; left: 35px; top: 12px; font-size: 24px; z-index: 1; } .applynow-section .form-inner .pualification-form .form-group:last-child input[type='text']{ padding-left: 55px; } .applynow-section .apply-form .form-group{ position: relative; margin-bottom: 30px; } .applynow-section .apply-form .form-group:last-child{ margin-bottom: 0px; } .applynow-section .apply-form .form-group input[type='text'], .applynow-section .apply-form .form-group textarea{ position: relative; display: block; width: 100%; height: 60px; background: #fff; padding: 10px 20px; font-size: 17px; font-weight: 500; color: #766068; border-radius: 5px; box-shadow: 0 0px 30px rgba(0, 0, 0, 0.15); } .applynow-section .apply-form .form-group textarea{ height: 140px; resize: none; } .applynow-section .apply-form .form-group .select-box{ height: 60px; } .applynow-section .apply-form .form-group .nice-select{ border: none !important; height: 60px; background: #fff; padding: 10px 20px; font-size: 17px; font-weight: 500; color: #766068; border-radius: 5px; box-shadow: 0 0px 30px rgba(0, 0, 0, 0.15); } .applynow-section .apply-form .form-group .nice-select:after{ border-bottom: 2px solid #ae979f; border-right: 2px solid #ae979f; } .applynow-section .apply-form .form-group button{ display: block; width: 100%; } /** growth-style-two **/ .growth-style-two{ position: relative; padding: 95px 0px 125px 0px; } .growth-style-two .sec-title .top-title:before, .growth-style-two .sec-title .top-title:after{ background: #e2d7d0; } .growth-style-two .sec-title .top-title:after{ border-left: 2px solid #f0e6e0; border-bottom: 2px solid #f0e6e0; } .growth-style-two .sec-title{ margin-bottom: 29px; } .growth-style-two #content_block_1 .content-box .inner-box p{ margin-bottom: 15px; } .growth-style-two .image-column{ position: absolute; top: 0px; right: 0px; width: 50%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; } .growth-style-two .inner-column .text{ position: relative; display: block; margin-left: 100px; margin-right: 0px; } .growth-style-two .inner-column .text h2{ position: relative; display: block; font-size: 60px; line-height: 72px; color: #fff; font-weight: 800; text-transform: uppercase; margin-bottom: 17px; } .growth-style-two .inner-column .text p{ font-size: 17px; line-height: 28px; font-weight: 500; color: #ae979f; margin-bottom: 32px; } .growth-style-two .inner-column .text .theme-btn-two{ padding: 15px 43px; } /** advantages-section **/ .advantages-section{ position: relative; padding: 95px 0px 120px 0px; } .advantages-section .single-item .inner-box .icon-box{ position: relative; margin-bottom: 23px; } .advantages-section .single-item .inner-box h3{ position: relative; display: block; font-size: 22px; line-height: 32px; font-weight: 700; margin-bottom: 14px; } .advantages-section .single-item .inner-box p{ font-size: 17px; font-weight: 500; margin-bottom: 18px; } .advantages-section .single-item .inner-box a{ position: relative; display: inline-block; font-size: 14px; font-family: 'Nunito Sans', sans-serif; font-weight: 700; color: #462b34; text-transform: uppercase; } .advantages-section .owl-dots{ display: block; text-align: center; margin-top: 36px; } .advantages-section .single-item .inner-box a i{ position: relative; font-size: 30px; font-weight: 400; margin-right: 10px; top: 6px; } .advantages-section .single-item .inner-box a:hover{ } .advantages-section .pattern-layer{ position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; } .pricing-section.overview-page-2 .sec-title .top-title:before, .pricing-section.overview-page-2 .sec-title .top-title:after{ background: #fff; } .pricing-section.overview-page-2 .sec-title .top-title:after{ border-left: 2px solid #f0e6e0; border-bottom: 2px solid #f0e6e0; } .pricing-section.overview-page-2 .pricing-block-one.popular .inner-box{ background: #462b34; } .pricing-section.overview-page-2 .pricing-block-one.popular .inner-box h3{ color: #fff; } .pricing-section.overview-page-2 .pricing-block-one.popular .inner-box .text{ color: #f0e6e0; } .pricing-section.overview-page-2 .pricing-block-one.popular .inner-box p{ color: #f0e6e0; } .pricing-section.overview-page-2 .pricing-block-one.popular .inner-box a{ } /*** ==================================================================== Blog-Page ==================================================================== ***/ .sidebar-page-container{ position: relative; padding: 130px 0px; } .sidebar-page-container .news-block-one .inner-box{ margin-bottom: 30px; } .sidebar-page-container .more-btn a{ position: relative; display: inline-block; font-size: 14px; line-height: 26px; font-family: 'Nunito Sans', sans-serif; font-weight: 700; color: #462b34; border-radius: 4px; text-align: center; padding: 14px 42px; text-transform: uppercase; z-index: 1; } .sidebar-page-container .more-btn a:hover{ color: #fff; } .sidebar-page-container .more-btn{ position: relative; margin-top: 30px; } .blog-sidebar .search-widget .search-form .form-group{ position: relative; margin: 0px; } .blog-sidebar .search-widget .search-form .form-group input[type='search']{ position: relative; display: block; width: 100%; height: 58px; background: #f0e6e0; border-radius: 5px; font-size: 17px; font-weight: 500; color: #766068; padding: 10px 50px 10px 20px; } .blog-sidebar .search-widget .search-form .form-group button{ position: absolute; top: 7px; right: 8px; width: 44px; height: 44px; line-height: 44px; background: #462b34; text-align: center; font-size: 16px; font-weight: 600; color: #fff; border-radius: 5px; transition: all 500ms ease; } .blog-sidebar .search-widget .search-form .form-group input:focus + button, .blog-sidebar .search-widget .search-form .form-group button:hover{ } .blog-sidebar .search-widget{ margin-bottom: 50px; } .blog-sidebar .sidebar-widget{ position: relative; display: block; background: #fff; border-radius: 10px; overflow: hidden; box-shadow: 0 0px 30px rgba(0, 0, 0, 0.15); margin-bottom: 50px; } .blog-sidebar .sidebar-widget .widget-title{ position: relative; display: block; padding: 18px 30px 17px 65px; border-bottom: 1px solid #eae0d9; } .blog-sidebar .sidebar-widget .widget-title:before{ position: absolute; content: ''; width: 30px; height: 3px; left: 30px; bottom: -2px; } .blog-sidebar .sidebar-widget .widget-title h3{ position: relative; font-size: 22px; line-height: 32px; font-weight: 700; } .blog-sidebar .sidebar-widget .widget-title i{ position: absolute; left: 30px; top: 25px; font-size: 20px; line-height: 20px; } .blog-sidebar .sidebar-widget .widget-content{ position: relative; padding: 34px 30px 31px 30px; } .blog-sidebar .categories-widget .widget-content .list li{ position: relative; display: block; margin-bottom: 16px; } .blog-sidebar .categories-widget .widget-content .list li:last-child{ margin-bottom: 0px; } .blog-sidebar .categories-widget .widget-content .list li a{ position: relative; display: inline-block; font-size: 12px; line-height: 20px; font-family: 'Muli', sans-serif; font-weight: 700; text-transform: uppercase; color: #462b34; } .blog-sidebar .categories-widget .widget-content .list li a:before{ position: absolute; content: ''; width: 3px; height: 30px; left: -30px; top: -7px; transform: scale(0,0); transition: all 500ms ease; } .blog-sidebar .categories-widget .widget-content .list li a:hover:before{ transform: scale(1,1); } .blog-sidebar .categories-widget .widget-content .list li a:hover{ } .blog-sidebar .categories-widget .widget-content .list li a span{ position: absolute; display: inline-block; top: -6px; right: -18px; color: #a38f96; transition: all 500ms ease; } .blog-sidebar .categories-widget .widget-content .list li a:hover span{ } .blog-sidebar .post-widget .widget-content .post{ position: relative; display: block; padding-left: 100px; padding-bottom: 26px; margin-bottom: 29px; min-height: 107px; border-bottom: 1px solid #eae0d9; } .blog-sidebar .post-widget .widget-content .post:last-child{ margin-bottom: 0px; border-bottom: none; } .blog-sidebar .post-widget .widget-content .post .post-thumb{ position: absolute; left: 0px; top: 1px; width: 75px; height: 75px; border-radius: 10px; overflow: hidden; z-index: 1; } .blog-sidebar .post-widget .widget-content .post .post-thumb img{ width: 100%; border-radius: 10px; transition: all 500ms ease; } .blog-sidebar .post-widget .widget-content .post:hover .post-thumb img{ opacity: 0.2; } .blog-sidebar .post-widget .widget-content .post .post-thumb:before{ position: absolute; content: ''; width: 100%; height: 100%; left: 0px; top: 0px; opacity: 0; z-index: -1; transition: all 500ms ease; } .blog-sidebar .post-widget .widget-content .post:hover .post-thumb:before{ opacity: 1; } .blog-sidebar .post-widget .widget-content .post .post-date{ position: relative; display: block; font-size: 12px; line-height: 20px; color: #a38f96; text-transform: uppercase; margin-bottom: 8px; } .blog-sidebar .post-widget .widget-content .post h5{ position: relative; display: block; font-size: 18px; line-height: 26px; font-weight: 700; } .blog-sidebar .post-widget .widget-content .post h5 a{ display: inline-block; color: #462b34; } .blog-sidebar .post-widget .widget-content .post h5 a:hover{ } .blog-sidebar .post-widget .widget-content { padding: 40px 30px 9px 30px; } .blog-sidebar .sidebar-tags .tags-list li{ position: relative; display: inline-block; float: left; margin-right: 10px; margin-bottom: 10px; } .blog-sidebar .sidebar-tags .tags-list li a{ position: relative; display: inline-block; font-size: 12px; line-height: 20px; font-family: 'Muli', sans-serif; color: #a38f96; text-transform: uppercase; padding: 10px 8px 8px 8px; text-align: center; font-weight: 700; border: 1px solid #eae0d9; border-radius: 5px; box-shadow: 0 10px 15px rgba(0, 0, 0, 0.08); } .blog-sidebar .sidebar-tags .tags-list li a:hover{ background: #462b34; border-color: #462b34; color: #fff; } .blog-sidebar .sidebar-tags .widget-content { padding: 41px 30px 30px 30px; } .blog-sidebar .gallery-widget .image-list{ position: relative; margin: 0px -2.5px; } .blog-sidebar .gallery-widget .image-list li{ position: relative; float: left; width: 100px; height: 100px; margin: 0px 2.5px; margin-bottom: 5px; } .blog-sidebar .gallery-widget .image-list li .image-box{ position: relative; display: block; width: 100px; height: 100px; border-radius: 5px; overflow: hidden; z-index: 1; } .blog-sidebar .gallery-widget .image-list li .image-box img{ width: 100%; border-radius: 5px; transition: all 500ms ease; } .blog-sidebar .gallery-widget .image-list li .image-box:hover img{ opacity: 0.2; } .blog-sidebar .gallery-widget .image-list li .image-box:before{ position: absolute; content: ''; width: 100%; height: 100%; left: 0px; top: 0px; opacity: 0; z-index: -1; transition: all 500ms ease; } .blog-sidebar .gallery-widget .image-list li .image-box:hover:before{ opacity: 1; } .blog-sidebar .gallery-widget .widget-content { padding: 41px 30px 35px 30px; } .blog-sidebar .sidebar-resource .inner-box{ position: relative; display: block; overflow: hidden; background: #f0e6e0; border-radius: 10px; padding: 60px 50px; } .blog-sidebar .sidebar-resource .inner-box .iocn-box{ position: relative; margin-bottom: 23px; } .blog-sidebar .sidebar-resource .inner-box h3{ position: relative; display: block; font-size: 24px; line-height: 32px; font-weight: 700; margin-bottom: 27px; } .blog-sidebar .sidebar-resource .inner-box a{ position: relative; display: inline-block; font-size: 14px; line-height: 20px; font-family: 'Nunito Sans', sans-serif; color: #462b34; font-weight: 700; text-transform: uppercase; background: #fff; border-radius: 5px; padding: 18px 65px 16px 20px; } .blog-sidebar .sidebar-resource .inner-box a i{ position: absolute; top: 0px; right: 0px; width: 46px; height: 100%; line-height: 100%; text-align: center; font-size: 24px; border-left: 2px solid #ded4ce; display: flex; align-items: center; justify-content: center; } .blog-sidebar .sidebar-resource .inner-box a:hover{ } .blog-sidebar .sidebar-resource .inner-box .pattern-layer .pattern-1{ position: absolute; top: 0px; right: 0px; width: 198px; height: 119px; background-repeat: no-repeat; } .blog-sidebar .sidebar-resource .inner-box .pattern-layer .pattern-2{ position: absolute; left: 0px; bottom: 0px; width: 219px; height: 225px; background-repeat: no-repeat; } .news-block-one .inner-box .lower-content .inner h2{ position: relative; display: block; font-size: 30px; line-height: 38px; color: #fff; font-weight: 700; margin-bottom: 18px; } .news-block-one .inner-box .lower-content .inner h2 a{ display: inline-block; color: #fff; } .news-block-one .inner-box .lower-content .inner h2 a:hover{ } .news-block-one .inner-box .lower-content .inner p{ font-size: 17px; font-weight: 500; color: rgba(255,255,255,0.5); margin-bottom: 25px; } .sidebar-page-container.blog-list .news-block-one .inner-box .lower-content .inner .post-info li:first-child{ padding-left: 50px; } .sidebar-page-container .news-block-one .inner-box .lower-content .inner .post-info li img{ position: absolute; left: 0px; top: -3px; width: 40px; height: 40px; border-radius: 50%; } .sidebar-page-container .news-block-one .inner-box .lower-content .inner{ padding: 33px 30px 47px 40px; margin-top: -190px; border-radius: 0px 10px 10px 10px; } .sidebar-page-container .news-block-one .inner-box .lower-content .inner .category{ margin-bottom: 16px; } .sidebar-page-container .news-block-one .inner-box .lower-content .inner .share-box{ position: absolute; right: 40px; bottom: 40px; margin-left: 15px; } .sidebar-page-container .news-block-one .inner-box .lower-content .inner .share-box:before{ position: absolute; left: 0px; top: -17px; content: ''; width: 100%; height: 17px; } .sidebar-page-container .news-block-one .inner-box .lower-content .inner .share-box .share-link{ position: relative; display: inline-block; font-size: 16px; color: rgba(255,255,255,0.6); width: 40px; height: 40px; line-height: 40px; text-align: center; border: 1px solid rgba(255,255,255,0.2); border-radius: 50% } .sidebar-page-container .news-block-one .inner-box .lower-content .inner .share-box .share-link:hover{ color: #fff; } .sidebar-page-container .news-block-one .inner-box .lower-content .inner .share-box .social-links{ position: absolute; right: 0px; bottom: 47px; min-width: 115px; background: #fff; border-radius: 5px; opacity: 0; visibility: hidden; transition: all 500ms ease; } .sidebar-page-container .news-block-one .inner-box .lower-content .inner .share-box:hover .social-links{ opacity: 1; visibility: visible; bottom: 57px; } .sidebar-page-container .news-block-one .inner-box .lower-content .inner .share-box .social-links:before{ position: absolute; content: ''; background: #fff; width: 10px; height: 10px; bottom: -5px; right: 14px; transform: rotate(-45deg); } .sidebar-page-container .news-block-one .inner-box .lower-content .inner .share-box .social-links li{ position: relative; display: inline-block; float: left; } .sidebar-page-container .news-block-one .inner-box .lower-content .inner .share-box .social-links li a{ position: relative; display: inline-block; font-size: 16px; color: #462b34; width: 35px; height: 40px; line-height: 40px; text-align: center; } .sidebar-page-container .news-block-one .inner-box .lower-content .inner .share-box .social-links li a:before{ position: absolute; content: ''; background: #d9cec7; width: 1px; height: 20px; top: 10px; right: 0px; } .sidebar-page-container .news-block-one .inner-box .lower-content .inner .share-box .social-links li:last-child a:before{ display: none; } .sidebar-page-container .news-block-one .inner-box .lower-content .inner .share-box .social-links li a:hover{ } .blog-list .news-block-one .inner-box{ margin-bottom: 80px; } .blog-list .news-block-one .inner-box .owl-nav{ position: absolute; right: 40px; bottom: 210px; } .blog-list .news-block-one .inner-box .owl-nav .owl-prev, .blog-list .news-block-one .inner-box .owl-nav .owl-next{ position: relative; display: inline-block; font-size: 10px; font-weight: 700; color: #462b34; background: #fff; width: 40px; height: 40px; line-height: 40px; text-align: center; border-radius: 50%; cursor: pointer; transition: all 500ms ease; } .blog-list .news-block-one .inner-box .owl-nav .owl-prev{ margin-right: 5px; } .blog-list .news-block-one .inner-box .owl-nav .owl-prev:hover, .blog-list .news-block-one .inner-box .owl-nav .owl-next:hover{ color: #fff; } .page-title .news-block-one .inner-box{ margin-bottom: -20px; max-width: 770px; margin-top: 90px; } .page-title .news-block-one .inner-box .lower-content .inner{ border-radius: 10px 10px 0px 0px; margin-top: 0px; padding-bottom: 47px; } .page-title .news-block-one .inner-box .lower-content .inner .post-info li:first-child { padding-left: 50px; } .page-title .news-block-one .inner-box .lower-content .inner .post-info li img { position: absolute; left: 0px; top: -3px; width: 40px; height: 40px; border-radius: 50%; } .page-title .news-block-one .inner-box .post-date { position: absolute; right: 20px; top: -30px; width: 70px; height: 70px; line-height: 22px; text-align: center; font-size: 16px; color: #fff; font-weight: 700; text-transform: uppercase; display: flex; align-items: center; justify-content: center; border-radius: 5px; } .page-title .news-block-one .inner-box .lower-content{ padding-right: 0px; } .page-title .news-block-one .inner-box .lower-content .inner h2{ margin-bottom: 25px; } .blog-details-content .inner-box .post-time{ position: relative; margin-bottom: 33px; } .blog-details-content .inner-box .post-time h3{ position: relative; display: block; font-size: 22px; line-height: 32px; font-weight: 700; } .blog-details-content .inner-box .post-time h3 i{ position: relative; font-size: 18px; margin-right: 10px; } .blog-details-content .inner-box .image-box{ position: relative; display: block; margin-bottom: 43px; border-radius: 10px; } .blog-details-content .inner-box .image-box img{ width: 100%; border-radius: 10px; } .blog-details-content .inner-box .text p{ font-size: 17px; line-height: 28px; font-weight: 500; margin-bottom: 20px; } .blog-details-content .inner-box .text h2{ position: relative; display: block; font-size: 30px; line-height: 40px; font-weight: 700; margin-bottom: 22px; padding-top: 15px; } .blog-details-content .inner-box .text h3{ position: relative; display: block; font-size: 22px; line-height: 30px; font-weight: 700; margin-bottom: 10px; padding-left: 50px; padding-top: 9px; } .blog-details-content .inner-box .text h3:before{ position: absolute; content: ''; width: 40px; height: 2px; left: 0px; top: 22px; } .blog-details-content .inner-box .text .list li{ position: relative; display: block; font-size: 17px; line-height: 28px; font-weight: 500; padding-left: 32px; margin-bottom: 10px; } .blog-details-content .inner-box .text .list{ position: relative; padding-top: 5px; } .blog-details-content .inner-box .text .list li:last-child{ margin-bottom: 0px; } .blog-details-content .inner-box .text .list li:before{ position: absolute; content: '*'; font-size: 30px; font-weight: 700; font-family: 'Muli', sans-serif; left: 0px; top: 7px; } .blog-details-content .inner-box .two-column{ position: relative; padding: 43px 0px; } .blog-details-content .inner-box .two-column .content-box{ position: relative; display: block; padding: 80px 50px 70px 40px; width: 100%; border-radius: 10px; overflow: hidden; background-size: cover; background-repeat: no-repeat; background-position: center; } .blog-details-content .inner-box .two-column .content-box:before{ position: absolute; content: ''; background: #462b34; width: 100%; height: 100%; left: 0px; top: 0px; right: 0px; opacity: 0.9; } .blog-details-content .inner-box .two-column .content-box .inner{ position: relative; z-index: 1; } .blog-details-content .inner-box .two-column .content-box .icon-box{ position: relative; margin-bottom: 30px; } .blog-details-content .inner-box .two-column .content-box p{ position: relative; font-size: 20px; line-height: 32px; color: #fff; margin-bottom: 25px; } .blog-details-content .inner-box .two-column .content-box h3{ position: relative; display: block; font-size: 22px; line-height: 30px; color: #fff; font-weight: 700; } .blog-details-content .inner-box .two-column .image-box{ position: relative; display: block; border-radius: 10px; margin-bottom: 0px; } .blog-details-content .inner-box .two-column .image-box img{ width: 100%; border-radius: 10px; } .blog-details-content .inner-box .two-column .content-box .pattern-layer{ position: absolute; left: 0px; top: 0px; right: 0px; width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover; } .blog-details-content .inner-box{ margin-bottom: 72px; } .blog-details-content .post-share-option .social-box .social-links li{ position: relative; display: inline-block; float: left; width: 25%; } .blog-details-content .post-share-option .social-box .social-links li a{ position: relative; display: inline-block; font-size: 14px; font-family: 'Nunito Sans', sans-serif; color: #fff; text-transform: uppercase; text-align: center; width: 170px; height: 54px; line-height: 54px; border-radius: 5px; font-weight: 700; } .blog-details-content .post-share-option .social-box .social-links li a i{ margin-right: 10px; font-weight: 400; } .blog-details-content .post-share-option .social-box .social-links li:first-child a{ } .blog-details-content .post-share-option .social-box .social-links li:nth-child(2) a{ } .blog-details-content .post-share-option .social-box .social-links li:nth-child(3) a{ } .blog-details-content .post-share-option .social-box .social-links li:last-child a{ } .blog-details-content .post-share-option .social-box .social-links{ margin-right: -25px; } .blog-details-content .post-share-option .tag-list li{ position: relative; display: inline-block; margin: 0px 2px; } .blog-details-content .post-share-option .tag-list li a{ position: relative; display: inline-block; font-size: 12px; line-height: 20px; font-family: 'Muli', sans-serif; color: #a38f96; text-transform: uppercase; padding: 10px 8px 8px 8px; text-align: center; font-weight: 700; border: 1px solid #eae0d9; border-radius: 5px; box-shadow: 0 10px 15px rgba(0, 0, 0, 0.08); } .blog-details-content .post-share-option .tag-list li a:hover{ color: #fff; background: #462b34; border-color: #462b34; } .blog-details-content .post-share-option .tag-list{ margin-bottom: 50px; } .blog-details-content .post-share-option{ position: relative; display: block; padding: 60px 0px 50px 0px; border-top: 1px solid #eae0d9; } .blog-details-content .post-share-option:before{ position: absolute; content: ''; background: #fff; width: 110px; height: 3px; left: 50%; transform: translateX(-50%); top: -1px; } .blog-details-content .post-share-option .icon-box{ position: absolute; left: 50%; top: -31px; transform: translateX(-50%); width: 60px; height: 60px; line-height: 60px; background: #fff; font-size: 24px; color: #462b34; text-align: center; border-radius: 50%; box-shadow: 0 0px 30px rgba(0, 0, 0, 0.15); } .blog-details-content .author-box{ position: relative; display: block; background: #fff; border-radius: 10px; overflow: hidden; box-shadow: 0px 19px 30px rgba(0, 0, 0, 0.08); padding: 40px 80px 50px 80px; margin-bottom: 50px; } .blog-details-content .author-box:before{ position: absolute; content: ''; background: #f0e6e0; width: 100%; height: 90px; left: 0px; top: 0px; } .blog-details-content .author-box .inner .image-box{ position: relative; display: inline-block; width: 100px; height: 100px; border-radius: 50%; margin-bottom: 24px; } .blog-details-content .author-box .inner .image-box img{ width: 100%; border-radius: 50%; } .blog-details-content .author-box .inner h3{ position: relative; display: block; font-size: 22px; line-height: 30px; font-weight: 700; margin-bottom: 5px; } .blog-details-content .author-box .inner span{ position: relative; display: block; font-size: 17px; font-weight: 500; color: #a38f96; margin-bottom: 15px; } .blog-details-content .author-box .inner span a{ display: inline-block; color: #a38f96; } .blog-details-content .author-box .inner span a:hover{ } .blog-details-content .author-box .inner p{ font-size: 17px; font-weight: 500; margin-bottom: 22px; } .blog-details-content .author-box .social-links li{ position: relative; display: inline-block; margin: 0px 3px; } .blog-details-content .author-box .social-links li a{ position: relative; display: inline-block; font-size: 14px; color: #462b34; width: 42px; height: 42px; line-height: 42px; text-align: center; border: 1px solid #eae1da; border-radius: 50%; } .blog-details-content .author-box .social-links li a:hover{ background: #eae1da; } .blog-details-content .author-box .icon-layer{ position: absolute; left: 35px; top: 10px; width: 210px; height: 169px; background-repeat: no-repeat; } .blog-details-content .author-box .signature{ position: absolute; top: 40px; right: 40px; } .blog-details-content .nav-btn-box .left-btn, .blog-details-content .nav-btn-box .right-btn{ position: relative; display: block; background: #eae0d9; border-radius: 5px; } .blog-details-content .nav-btn-box .left-btn{ padding: 21px 50px 23px 65px; margin-left: 35px; } .blog-details-content .nav-btn-box .right-btn{ padding: 21px 65px 23px 50px; margin-right: 35px; text-align: right; } .blog-details-content .nav-btn-box .left-btn .image-box{ position: absolute; left: -35px; top: 30px; width: 70px; height: 70px; border-radius: 5px; } .blog-details-content .nav-btn-box .right-btn .image-box{ position: absolute; right: -35px; top: 30px; width: 70px; height: 70px; border-radius: 5px; } .blog-details-content .nav-btn-box .image-box img{ width: 100%; border-radius: 5px; } .blog-details-content .nav-btn-box .inner a{ position: relative; display: inline-block; font-size: 12px; line-height: 20px; font-family: 'Muli', sans-serif; color: #a38f96; font-weight: 700; text-transform: uppercase; margin-bottom: 9px; } .blog-details-content .nav-btn-box .left-btn:hover .inner a{ padding-left: 25px; } .blog-details-content .nav-btn-box .right-btn:hover .inner a{ padding-right: 25px; } .blog-details-content .nav-btn-box .left-btn .inner a i{ left: 0px; } .blog-details-content .nav-btn-box .right-btn .inner a i{ right: 0px; } .blog-details-content .nav-btn-box .inner a i{ position: absolute; top: -1px; display: inline-block; font-size: 16px; opacity: 0; transition: all 500ms ease; } .blog-details-content .nav-btn-box .left-btn:hover .inner a i, .blog-details-content .nav-btn-box .right-btn:hover .inner a i{ opacity: 1; } .blog-details-content .nav-btn-box .inner h5{ position: relative; display: block; font-size: 18px; line-height: 26px; font-weight: 700; } .blog-details-content .nav-btn-box{ position: relative; margin-bottom: 90px; } .group-title{ position: relative; display: block; margin-bottom: 24px; } .group-title h2{ position: relative; display: block; font-size: 30px; line-height: 38px; font-weight: 700; margin: 0px; } .blog-details-content .comment-box .comment{ position: relative; display: block; border-bottom: 1px solid #eae1da; margin-bottom: 34px; padding: 0px 0px 32px 110px; min-height: 174px; } .blog-details-content .comment-box .comment.reply-comment{ margin-left: 40px; } .blog-details-content .comment-box .comment:last-child{ margin-bottom: 0px; border-bottom: none; } .blog-details-content .comment-box .comment .thumb-box{ position: absolute; left: 0px; top: 6px; width: 80px; height: 80px; border-radius: 5px; } .blog-details-content .comment-box .comment .thumb-box img{ width: 100%; border-radius: 5px; } .blog-details-content .comment-box .comment .comment-inner .comment-info{ position: relative; margin-bottom: 14px; } .blog-details-content .comment-box .comment .comment-inner .comment-info h3{ position: relative; display: block; font-size: 22px; line-height: 30px; font-weight: 700; } .blog-details-content .comment-box .comment .comment-inner .comment-info .comment-time{ position: absolute; top: 2px; right: 0px; font-size: 14px; line-height: 20px; font-weight: 700; text-transform: uppercase; color: #a38f96; border-bottom: 1px solid #a38f96; } .blog-details-content .comment-box .comment .comment-inner p{ font-size: 17px; line-height: 28px; font-weight: 500; margin-bottom: 13px; } .blog-details-content .comment-box .comment .comment-inner .reply-btn{ position: relative; display: inline-block; font-size: 14px; line-height: 20px; font-family: 'Nunito Sans', sans-serif; font-weight: 700; text-transform: uppercase; } .blog-details-content .comment-box .comment .comment-inner .reply-btn i{ position: relative; display: inline-block; font-size: 20px; font-weight: 400; margin-right: 10px; top: 2px; } .blog-details-content .comment-box .comment .comment-inner .reply-btn:hover{ color: #462b34; } .blog-details-content .comments-form-area{ position: relative; display: block; background: #fff; padding: 44px 50px 50px 50px; box-shadow: 0 0px 30px rgba(0, 0, 0, 0.15); border-radius: 5px; } .blog-details-content .comments-form-area .comment-form .form-group{ position: relative; margin-bottom: 20px; } .blog-details-content .comments-form-area .comment-form .form-group:last-child{ margin-bottom: 0px; } .blog-details-content .comments-form-area .comment-form .form-group input[type='text'], .blog-details-content .comments-form-area .comment-form .form-group input[type='email'], .blog-details-content .comments-form-area .comment-form .form-group textarea{ position: relative; display: block; width: 100%; height: 56px; border: 1px solid #eae0d9; border-radius: 5px; padding: 10px 20px; font-size: 17px; font-weight: 500; color: #766068; transition: all 500ms ease; } .blog-details-content .comments-form-area .comment-form .form-group textarea{ resize: none; height: 120px; } .blog-details-content .comments-form-area .comment-form .message-btn button{ display: block; width: 100%; } .blog-details-content .comments-form-area .comment-form .form-group input:focus, .blog-details-content .comments-form-area .comment-form .form-group textarea:focus{ } .blog-details-content .comments-form-area .group-title h2{ margin-bottom: 8px; } .blog-details-content .comments-form-area .group-title p{ font-size: 17px; line-height: 28px; font-weight: 500; } .blog-details-content .comments-form-area .group-title{ margin-bottom: 32px; } /*** ==================================================================== Portfolio-Page ==================================================================== ***/ .protfolio-page{ position: relative; padding: 130px 0px; } .protfolio-page .project-block-two .inner-box{ margin-bottom: 30px; } .protfolio-page .more-btn{ position: relative; margin-top: 30px; } .protfolio-page .more-btn a{ position: relative; display: inline-block; font-size: 14px; line-height: 26px; font-family: 'Nunito Sans', sans-serif; font-weight: 700; color: #462b34; border-radius: 4px; text-align: center; padding: 14px 42px; text-transform: uppercase; z-index: 1; } .protfolio-page .more-btn a:hover{ color: #fff; } .protfolio-page .filters{ position: relative; display: block; text-align: center; margin-bottom: 60px; } .protfolio-page .filters .filter-tabs{ position: relative; display: inline-block; border: 1px solid #eae0d9; border-radius: 5px; padding: 10px 0px; } .protfolio-page .filters .filter-tabs:before{ position: absolute; content: ''; width: 3px; height: 12px; left: -2px; top: 19px; } .protfolio-page .filters .filter-tabs li{ position: relative; display: inline-block; font-size: 14px; line-height: 24px; font-family: 'Nunito Sans', sans-serif; font-weight: 700; color: #462b34; text-transform: uppercase; margin: 0px 17px; cursor: pointer; transition: all 500ms ease; } .protfolio-page .filters .filter-tabs li:before{ position: absolute; content: ''; background: #d9cec7; width: 3px; height: 6px; top: 8px; right: -21px; transition: all 500ms ease; } .protfolio-page .filters .filter-tabs li:last-child:before{ display: none; } .protfolio-page .filters .filter-tabs li.active:before, .protfolio-page .filters .filter-tabs li:hover:before{ height: 12px; top: 7px; } .protfolio-page .filters .filter-tabs li.active, .protfolio-page .filters .filter-tabs li:hover{ } .protfolio-page .pagination-wrapper{ margin-top: 30px; } .protfolio-page .project-block-one .inner-box{ margin-bottom: 30px; } .protfolio-page .project-block-one .inner-box:hover .image-box img { opacity: 0.2; } .protfolio-page .project-block-one .inner-box .content-box{ padding: 15px 30px; } .protfolio-page .outer-container{ position: relative; padding: 0px 30px; } .portfolio-wide-2 .masonry-item{ float: left; width: 20%; padding: 0px 15px; } .portfolio-wide-2 .sortable-masonry{ margin: 0px -15px; } /*** ==================================================================== Error-Page ==================================================================== ***/ .error-section{ position: relative; padding: 130px 0px; } .error-section .error-content .image-box{ position: relative; display: block; margin-bottom: 36px; } .error-section .error-content .image-box img{ width: 100%; } .error-section .error-content h2{ position: relative; display: block; font-size: 48px; line-height: 60px; font-weight: 700; margin-bottom: 8px; } .error-section .error-content p{ font-size: 20px; line-height: 30px; font-weight: 400; margin-bottom: 32px; } .error-section .error-content .theme-btn-two{ padding: 15px 32px; } /*** ==================================================================== Contact-Page ==================================================================== ***/ .contact-section .form-inner { box-shadow: 0 0px 30px rgba(0, 0, 0, 0.15); } .contact-page-section .form-inner{ position: relative; display: block; background: #fff; padding: 50px 50px; padding-top: 43px; box-shadow: 0 0px 30px rgba(0, 0, 0, 0.15); margin-top: 31px; } .contact-page-section .form-inner h2{ position: relative; display: block; font-size: 30px; line-height: 40px; font-weight: 700; margin-bottom: 29px; } .contact-page-section #content_block_6 .content-box .sec-title p{ font-size: 17px; line-height: 28px; font-weight: 500; margin-top: 10px; } .contact-page-section #content_block_6 .content-box .sec-title p span{ font-weight: 700; color: #462b34; } .contact-page-section #content_block_6 .content-box .sec-title{ margin-bottom: 36px; } /** locations-section **/ .locations-section{ position: relative; padding: 130px 0px; } .locations-section .single-item .inner-box{ position: relative; display: block; background: #fff; padding: 34px 40px 37px 40px; box-shadow: 0 0px 20px rgba(0, 0, 0, 0.06); } .locations-section .single-item .inner-box .upper-box{ position: relative; margin-bottom: 18px; } .locations-section .single-item .inner-box .upper-box h3{ font-size: 22px; line-height: 30px; font-weight: 700; margin-bottom: 10px; } .locations-section .single-item .inner-box .upper-box p{ font-size: 17px; line-height: 28px; font-weight: 500; } .locations-section .single-item .inner-box .info-list li{ position: relative; display: block; padding-left: 70px; margin-bottom: 14px; } .locations-section .single-item .inner-box .info-list li:last-child{ margin-bottom: 0px; } .locations-section .single-item .inner-box .info-list li i{ position: absolute; left: 0px; top: 4px; font-size: 18px; width: 50px; height: 50px; line-height: 50px; text-align: center; background: #f0e6e0; border-radius: 50%; transition: all 500ms ease; } .locations-section .single-item .inner-box .info-list li:hover i{ background: #462b34; } .locations-section .single-item .inner-box .info-list li p{ position: relative; display: block; font-size: 17px; line-height: 28px; color: #462b34; font-weight: 700; margin-bottom: 0px; } .locations-section .single-item .inner-box .info-list li a{ position: relative; display: inline-block; font-size: 17px; line-height: 28px; font-weight: 500; color: #766068; } .locations-section .single-item .inner-box .info-list li a:hover{ } .locations-section .pattern-layer{ position: absolute; left: 0px; top: 0px; right: 0px; width: 100%; height: 100%; background-repeat: repeat-x; animation: slide 100s linear infinite; -webkit-animation: slide 100s linear infinite; }