/* Css For Carneshop */ /************ 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:16px; color:#565872; line-height:30px; font-weight:400; background:#ffffff; font-family: 'Rubik', sans-serif; background-size:cover; background-repeat:no-repeat; background-position:center top; -webkit-font-smoothing: antialiased; } @media (min-width:1200px) { .container { max-width: 1200px; padding: 0px 15px; } } .large-container{ max-width: 1560px; padding: 0px 15px; margin: 0 auto; } .container-fluid{ padding: 0px; } .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; overflow: hidden; margin: 0 auto; 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: 'Rubik', sans-serif; font-weight: 400; font-size: 16px; } 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: 14px; line-height: 25px; font-family: 'Rubik', sans-serif; color: #565872; margin: 0px; transition: all 500ms ease; text-align: justify; } h1,h2,h3,h4,h5,h6{ position:relative; font-family: 'Heebo', sans-serif; font-weight: 400; color: #253b70; margin: 0px; transition: all 500ms ease; } /* Preloader */ .preloader{ position: fixed; left:0px; top:0px; height:100%; width: 100%; z-index:999999; background-color:#fff; background-position:center center; background-repeat:no-repeat; background-image:url(../images/preloader.gif); } .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; } @keyframes pulse { 50% { box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.5); } } /** button **/ .theme-btn{ position: relative; display: inline-block; font-size: 15px; line-height: 26px; font-weight: 700; font-family: 'Rubik', sans-serif; color: #fff !important; text-align: center; cursor: pointer; border-radius: 5px; padding: 17px 30px; z-index: 1; transition: all 500ms ease; } .theme-btn:before{ position: absolute; content: ''; background: #1c1d1f; width: 100%; height: 100%; border-radius: 5px; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; -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:hover:before{ -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 i{ position: relative; top: 2px; font-size: 20px; margin-left: 40px; } .pagination{ position: relative; display: block; } .pagination li{ display: inline-block; margin: 0px 8px; } .pagination li a{ position: relative; display: inline-block; font-size: 16px; height: 55px; width: 55px; line-height: 55px; color: #222; background: #fbe9e9; font-family: 'Heebo', sans-serif; border-radius: 50%; font-weight: 700; text-align: center; transition: all 500ms ease; } .pagination li a:hover, .pagination li a.active{ color: #fff; } .scroll-top { width: 50px; height: 50px; line-height: 50px; position: fixed; bottom: 105%; right: 50px; font-size: 24px; z-index: 99; color: #ffffff; text-align: center; cursor: pointer; transition: 1s ease; border-radius: 50%; } .scroll-top:hover{ box-shadow: 0 5px 5px rgba(0, 0, 0, 0.5); } .scroll-top.open { bottom: 30px; } .scroll-top span{ color: #fff; } .sec-title{ position: relative; display: block; margin-bottom: 30px; } .sec-title.text-center{ text-align: center; } .sec-title span{ position: relative; display: block; font-size: 16px; line-height: 26px; font-family: 'Heebo', sans-serif; font-weight: 800; margin-bottom: 13px; } .sec-title h2{ position: relative; /* font-size: 56px; */ font-size: 20px; line-height: 15px; color: #353535; font-weight: 500; padding-bottom: 0px; } .sec-title.style-two h2{ /* font-size: 48px; line-height: 57px; */ font-size: 28px; line-height: 15px; } /*** ==================================================================== Home-Page-One ==================================================================== ***/ /** main-header **/ .main-header{ position:relative; left:0px; top:0px; z-index:999; width:100%; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } .sticky-header{ position:fixed; opacity:0; visibility:hidden; background: #fff; left:0px; top:0px; box-shadow: 0 0 10px rgba(0,0,0,.1); 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 */ .header-top{ position: relative; width: 100%; background: #fff; } .header-top .top-info{ position: relative; display: block; margin-left: 295px; padding: 5px 0px 5px 60px; } .header-top .top-info:before{ position: absolute; content: ''; width: 5000px; height: 100%; left: 0px; top: 0px; clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 1% 100%, 0% 0%); } .header-top .top-info .info-list{ position: relative; width: 100%; } .header-top .top-info .info-list li{ position: relative; display: inline-block; float: left; padding-left: 25px; font-size: 14px; line-height: 26px; color: #fff; margin-right: 65px; } .header-top .top-info .info-list li a{ color: #fff; } .header-top .top-info .info-list li a:hover{ text-decoration: underline; } .header-top .top-info .info-list li i{ position: absolute; left: 0px; top: 0px; font-size: 14px; color: #fff; } .header-top .top-info .info-list li.phone{ float: right; margin: 0px; } .header-top .top-info .info-list li.phone a{ font-size: 14px; font-weight: 500; font-family: 'Heebo', sans-serif; } .main-header .outer-box{ position: relative; width: 100%; } .header-upper .outer-box .logo-box{ position: absolute; left: 0px; top: -50px; } .main-header .menu-right-content{ position: relative; margin-left: 75px; padding: 9px 0px 12px 0px; } .main-header .menu-right-content li{ position: relative; display: inline-block; } .main-header .menu-right-content .user-box{ margin-right: 25px; } .main-header .menu-right-content .user-box a{ position: relative; display: inline-block; font-size: 20px; color: #474747; font-weight: 600; } .main-header .menu-right-content .user-box a:hover{ } .main-header .menu-right-content .cart-box a{ position: relative; display: inline-block; font-size: 22px; color: #474747; font-weight: 600; padding-right: 20px; } .main-header .menu-right-content .cart-box{ margin: 0px 40px 0px 23px; } .header-upper .menu-right-content .cart-box a:hover{ } .main-header .menu-right-content .cart-box a span{ position: absolute; top: 0px; right: 0px; width: 20px; height: 20px; line-height: 22px; font-size: 14px; text-align: center; color: #fff; font-weight: 400; border-radius: 50px; } .main-header .menu-right-content .nav-box .nav-btn{ position: relative; display: inline-block; font-size: 24px; font-weight: 600; color: #474747; width: 55px; height: 55px; line-height: 55px; text-align: center; background: #fff; border-radius: 50%; cursor: pointer; transition: all 500ms ease; box-shadow: 0 0 30px rgba(0,0,0,.08); } .main-header .menu-right-content .nav-box .nav-btn:hover{ } /** xs-sidebar **/ .xs-sidebar-group .xs-overlay{ left:0%; top:0; position:fixed; height:100%; opacity:0; width:100%; visibility:hidden; -webkit-transition:all .4s ease-in .8s; -o-transition:all .4s ease-in .8s; transition:all .4s ease-in .8s; cursor:url(../images/icons/cross-out.png), pointer; z-index: 999999; } .xs-sidebar-group.isActive .xs-overlay{ opacity:.9; visibility:visible; -webkit-transition:all .8s ease-out 0s; -o-transition:all .8s ease-out 0s; transition:all .8s ease-out 0s; right:100%; } .xs-sidebar-group .widget-heading{ position:absolute; top:0; right:0; padding:25px; } .xs-sidebar-widget{ position:fixed; left:-100%; top:0; bottom:0; width:100%; max-width:360px; z-index:999999; overflow:hidden; overflow-y:auto; -webkit-overflow-scrolling:touch; background-color:#1c1d1f; -webkit-transition:all 0.5s cubic-bezier(0.9, 0.03, 0, 0.96) 0.6s; -o-transition:all 0.5s cubic-bezier(0.9, 0.03, 0, 0.96) 0.6s; transition:all 0.5s cubic-bezier(0.9, 0.03, 0, 0.96) 0.6s; visibility:hidden; opacity:0; } .xs-sidebar-group.isActive .xs-sidebar-widget{ opacity:1; visibility:visible; left:0; -webkit-transition:all 0.7s cubic-bezier(0.9, 0.03, 0, 0.96) 0.4s; -o-transition:all 0.7s cubic-bezier(0.9, 0.03, 0, 0.96) 0.4s; transition:all 0.7s cubic-bezier(0.9, 0.03, 0, 0.96) 0.4s; } .sidebar-textwidget{ padding:100px 30px; } .sidebar-widget-container{ position:relative; top:150px; opacity:0; visibility:hidden; -webkit-transition:all .3s ease-in .3s; -o-transition:all .3s ease-in .3s; transition:all .3s ease-in .3s; -webkit-backface-visibility:hidden; backface-visibility:hidden; } .xs-sidebar-group.isActive .sidebar-widget-container{ top:0px; opacity:1; visibility:visible; -webkit-transition:all 1s ease-out 1.2s; -o-transition:all 1s ease-out 1.2s; transition:all 1s ease-out 1.2s; -webkit-backface-visibility:hidden; backface-visibility:hidden; } .xs-overlay{ position:absolute; top:0; left:0; height:100%; width:100%; opacity:.5; z-index:0; } .xs-bg-black{ background-color:#da292a; } .xs-menu-tools>li{ display:inline-block; margin-right:15px; } .xs-menu-tools>li:last-child{ margin-right:0; } .xs-menu-tools>li>a{ color:#000000; text-decoration:none; } .sidebar-info-contents{ position:relative; } .close-side-widget{ position:relative; color:#fff; font-size:24px; -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; } .close-side-widget:hover{ } .sidebar-info-contents .content-inner{ position:relative; } .sidebar-info-contents .content-inner .logo { padding:0px 0px 40px; } .sidebar-info-contents .content-inner .logo img{ display:inline-block; max-width:100%; } .sidebar-info-contents .content-inner .content-box{ position:relative; } .sidebar-info-contents .content-inner .content-box h4{ position:relative; font-size:20px; color:#fff; font-weight:700; margin-bottom:20px; } .sidebar-info-contents .content-inner .content-box p{ position:relative; font-size:15px; color: #ccc; margin-bottom:25px; } .sidebar-info-contents .content-inner .contact-info{ position:relative; margin-top:60px; } .sidebar-info-contents .content-inner .contact-info ul li{ position:relative; display: block; font-size:15px; color: #ccc; margin-bottom:3px; } .sidebar-info-contents .content-inner .contact-info ul li a{ color: #ccc; } .sidebar-info-contents .content-inner .contact-info ul li a:hover{ } .sidebar-info-contents .content-inner .contact-info h4{ position:relative; font-size:20px; color:#fff; font-weight:700; margin-bottom:20px; } .sidebar-info-contents .content-inner .social-box{ position:relative; margin-top:20px; margin-bottom:30px; } .sidebar-info-contents .content-inner .social-box li{ position:relative; display:inline-block; margin-right:6px; transition: all 900ms ease; -moz-transition: all 900ms ease; -webkit-transition: all 900ms ease; -ms-transition: all 900ms ease; -o-transition: all 900ms ease; } .sidebar-info-contents .content-inner .social-box li a{ position:relative; width:36px; height:36px; color:#ccc; z-index:1; font-size:13px; line-height:36px; text-align:center; border-radius:50%; display:inline-block; background: transparent; border: 1px solid #ededed; -webkit-transition:all 300ms ease; -moz-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; transition:all 300ms ease; } .sidebar-info-contents .content-inner .social-box li a:hover{ } /** search box btn **/ .main-header .search-box-outer { position: relative; vertical-align: middle; } .main-header .search-box-btn{ position: relative; font-size: 20px; color: #373737; font-weight: 600; background: transparent; cursor: pointer; display: inline-block; transition: all 500ms ease; } .main-header .search-box-btn:hover{ } .main-header .search-box-btn:before{ position: absolute; content: ''; width: 56px; height: 56px; left: -8px; top: -8px; border-radius: 50%; transition: all 500ms ease; } .main-header .search-box-outer .dropdown-menu{ top: 50px !important; padding: 0px; width: 330px; border-radius: 0px; right: 0px; left: inherit !important; transform: translateY(15px) !important; border-color: transparent; border-radius: 3px; box-shadow: 7px 5px 30px 0 rgba(72,73,121,0.15); transition: .5s ease; display: block; opacity: 0; visibility: hidden; } .main-header .search-box-outer .show .dropdown-menu { display: block; transform: translateY(0px) !important; opacity: 1; visibility: visible; } .main-header .search-panel .form-container { padding: 30px; } .main-header .search-panel .form-group { position: relative; margin: 0px; } .main-header .search-panel input[type="text"], .main-header .search-panel input[type="search"], .main-header .search-panel input[type="password"], .main-header .search-panel select { display: block; width: 265px; line-height: 24px; padding: 9px 50px 9px 15px; height: 50px; font-size: 15px; color: #848484; border-radius: 3px; background: #fff; } .main-header .search-panel input:focus + button, .main-header .search-panel button:hover{ } .main-header .search-panel .search-btn { position: absolute; right: 1px; top: 1px; width: 50px; height: 48px; text-align: center; color: #222; background: transparent; font-size: 16px; border-radius: 0px 3px 3px 0px; cursor: pointer; transition: all 500ms ease; } /** main-menu **/ .main-menu{ float: left; } .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:24px 0px 22px 0px; margin: 0px 15px; -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:15px; line-height:30px; /* font-weight:500;*/ opacity:1; font-family: 'Rubik', sans-serif; color:#222; z-index:1; padding-right: 12px; -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; content: "\f067"; font-family: 'Font Awesome 5 Free'; font-weight: 700; font-size: 10px; color: #222; top: 0px; right: 0px; transition: all 500ms ease; } .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:200px; z-index:100; display:none; opacity: 0; visibility: hidden; padding: 10px 0px; background-color: #fff; -moz-transform: translateY(30px); -webkit-transform: translateY(30px); -ms-transform: translateY(30px); -o-transform: translateY(30px); transform: translateY(30px); -webkit-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05); -ms-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05); -o-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05); -moz-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05); box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05); -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%; } .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:12px 20px !important; line-height:20px; /*font-weight:500;*/ font-family: 'Rubik', sans-serif; font-size:14px; text-transform:capitalize; color:#222; border-bottom: 1px solid rgba(34,34,34,0.1); 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{ padding-left: 0px !important; } .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 > ul > li > a:hover{ color: #fff; padding-left: 40px; } .main-menu .navigation > li > .megamenu li > a:hover{ background: transparent; } .main-menu .navigation > li > ul > li.dropdown > a:after{ font-family: 'Font Awesome 5 Free'; content: "\f105"; position:absolute; right:20px; top:17px; 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; right:100%; top:-2px; width:250px; z-index:100; display:none; padding: 10px 0px; background-color: #fff; -moz-transform: translateY(30px); -webkit-transform: translateY(30px); -ms-transform: translateY(30px); -o-transform: translateY(30px); transform: translateY(30px); -webkit-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05); -ms-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05); -o-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05); -moz-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05); box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05); } .main-menu .navigation > li > ul > li > ul.from-right{ left:auto; right:0px; } .main-menu .navigation > li > ul > li > ul > li{ position:relative; width:100%; } .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; font-size: 15px; padding:15px 30px !important; line-height:24px; font-weight:500; font-family: 'Rubik', sans-serif; text-transform:capitalize; color:#222; border-bottom: 1px solid rgba(35,35,35,0.1); 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:last-child > a{ border-bottom: none; } .main-menu .navigation > li > ul > li > ul > li > a:hover{ color: #fff; padding-left: 40px; } .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; } .mobile-nav-toggler { position: relative; float: right; font-size: 40px; line-height: 50px; cursor: pointer; color: #3786ff; display: none; z-index: 1; } .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; } .mobile-nav-header{ position: relative; display: none; padding: 30px 30px; } /** 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: 500; padding: 3px 0px; color: #222; text-align: left; margin-bottom: 10px; } /** 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:60px 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; background:#000; -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: #202020; 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: 25px; top: 10px; line-height: 30px; width: 24px; text-align: center; font-size: 16px; 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; } .main-header.home-5{ display: none !important; } /** stricky-header **/ .sticky-header .main-menu .navigation > li.dropdown > a:before{ display: none; } .sticky-header .logo-box{ position: relative; float: left; padding: 10px 0px; } .sticky-header .main-menu .navigation > li{ margin: 0px; padding: 0px !important; float: left !important; } .sticky-header .main-menu .navigation > li a{ padding: 25px 30px; color: #222; } .main-header.style-two .sticky-header .main-menu .navigation > li > a { color: #222; } .sticky-header .main-menu .navigation > li.current > a, .sticky-header .main-menu .navigation > li a:hover{ color: #fff !important; } /** main-slider **/ .main-slider{ position: relative; } .main-slider-carousel{ position: relative; } .main-slider-carousel .slide-item{ position: relative; background-repeat: no-repeat; background-position: center; background-size: cover; padding: 145px 0px 230px 0px; } .main-slider-carousel .slide-item:before{ position: absolute; content: ''; width: 100%; height: 100%; /* background: -webkit-linear-gradient(0deg, rgba(0,0,0,0.9), rgba(0,0,0,0.0) 80%);*/ left: 0px; top: 0px; right: 0px; z-index: 1; } .main-slider-carousel .slide-item .image-layer{ position:absolute; left:0; top:0; width:100%; 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; } .main-slider-carousel .active .slide-item .image-layer{ -webkit-transform:scale(1.15); -ms-transform:scale(1.15); transform:scale(1.15); } .main-slider-carousel .content-box{ position: relative; display: block; z-index:5; max-width: 570px; width: 100%; } .main-slider-carousel .content-box.centred{ text-align: center; margin: 0 auto; } .main-slider-carousel .content-box h1{ position: relative; display: block; color: #fff; /*font-size: 90px;*/ font-size: 46px; line-height: 100px; font-weight: 700; margin-bottom: 36px; opacity: 0; -webkit-transform: translateY(100px); -moz-transform: translateY(100px); -ms-transform: translateY(100px); -o-transform: translateY(100px); transform: translateY(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; } .main-slider-carousel .active .content-box h1{ opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition-delay: 1000ms; -moz-transition-delay: 1000ms; -ms-transition-delay: 1000ms; -o-transition-delay: 1000ms; transition-delay: 1000ms; } .main-slider-carousel .content-box p{ position: relative; display: block; font-size: 18px; line-height: 28px; font-weight: 400; color: #fff; margin-bottom: 48px; opacity: 0; -webkit-transform: translateY(100px); -moz-transform: translateY(100px); -ms-transform: translateY(100px); -o-transform: translateY(100px); transform: translateY(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; } .main-slider-carousel .active .content-box p{ opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition-delay: 1300ms; -moz-transition-delay: 1300ms; -ms-transition-delay: 1300ms; -o-transition-delay: 1300ms; transition-delay: 1300ms; } .main-slider-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; } .main-slider-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; } .main-slider-carousel .owl-nav{ position: absolute; top: 50%; width: 100%; } .main-slider-carousel .owl-nav .owl-prev, .main-slider-carousel .owl-nav .owl-next{ position: absolute; display: inline-block; width: 50px; line-height: 50px; height: 50px; font-size: 30px; text-align: center; color: rgba(255,255,255,0.2); border: 1px solid rgba(255,255,255,0.2); cursor: pointer; border-radius: 50%; transition: all 500ms ease; } .main-slider-carousel .owl-nav .owl-prev:hover, .main-slider-carousel .owl-nav .owl-next:hover{ } .main-slider-carousel .owl-nav .owl-prev{ left: 30px; } .main-slider-carousel .owl-nav .owl-next{ right: 30px; } .main-slider-carousel:hover .owl-nav .owl-prev, .main-slider-carousel:hover .owl-nav .owl-next{ border-color: #fff; color: #fff; } /** about-section **/ .about-section{ position: relative; } #video_block_1 .video-inner{ position: relative; width: 100%; padding: 135px 0px; background-size: cover; background-repeat: no-repeat; background-position: center; text-align: center; } #video_block_1 .video-inner a{ position: relative; display: inline-block; font-size: 30px; width: 100px; height: 100px; line-height: 100px; background: rgba(255,255,255,0.95); text-align: center; border-radius: 50%; } #video_block_1 .video-inner a:after, #video_block_1 .video-inner a:before { width: 100px; height: 100px; 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; } #video_block_1 .video-inner a: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); } } .about-section .inner-container{ position: relative; background: #fff; margin-top: -70px; box-shadow: 0 0 30px rgba(0,0,0,.08); z-index: 1; } #content_block_1 .content-box{ position: relative; padding: 32px 45px 35px 16px; } #content_block_1 .content-box .sec-title{ margin-bottom: 15px; } #content_block_1 .content-box .text{ margin-bottom: 25px; } #content_block_1 .content-box .list li{ position: relative; display: block; font-size: 16px; font-family: 'Heebo', sans-serif; font-weight: 700; color: #282932; margin-bottom: 10px; padding-left: 30px; } #content_block_1 .content-box .list li:last-child{ margin-bottom: 0px; } #content_block_1 .content-box .list li:before{ position: absolute; content: '\f058'; font-size: 18px; font-family: 'Font Awesome 5 Free'; font-weight: 400; left: 0px; top: 0px; } #content_block_1 .content-box .list{ position: relative; margin-bottom: 29px; } #content_block_1 .content-box .theme-btn{ padding: 11px 11px; } /** clients-section **/ .clients-section{ position: relative; padding: 120px 0px; } .clients-section .logo-image img{ display: block; max-width: 100%; width: auto; margin: 0 auto; /*opacity: 0.5;; */ -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-section .logo-image:hover img{ opacity: 1; } /** service-section **/ .service-section{ position: relative; /* padding: 115px 0px 120px 0px; */ padding: 30px 0px 60px 0px; } .bg-color-1{ background: #e4dcc7; } .service-section .icon-layer{ position: absolute; width: 100%; height: 100%; background-repeat: repeat-x; background-position: center; left: 0px; top: 0px; 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; } } .service-block-one .inner-box{ position: relative; display: block; overflow: hidden; text-align: center; background: #736f6f; padding: 50px 80px 36px 80px; } .service-block-one .inner-box:before{ position: absolute; content: ''; width: 100%; height: 0%; left: 0px; bottom: 0px; right: 0px; transition: all 500ms ease; } .service-block-one .inner-box:hover:before{ height: 100%; top: 0px; } .service-block-one .inner-box .icon-box{ position: relative; display: inline-block; font-size: 100px; line-height: 100px; margin-bottom: 8px; z-index: 1; transition: all 500ms ease; } .service-block-one .inner-box .icon-box:before{ position: absolute; content: ''; background: #303030; /* width: 72px; height: 72px; */ /* width: 90px; height: 90px;*/ border-radius: 50%; /* left: -9px; top: -13px; */ left: -8px; top: 12px; z-index: -1; transition: all 500ms ease; } .service-block-one .inner-box:hover .icon-box:before{ /* background: #c42526; */ background: #303030; } .service-block-one .inner-box:hover .icon-box{ transform: rotateY(360deg); color: #fff; } .service-block-one .inner-box h3{ position: relative; display: block; font-size: 22px; line-height: 30px; color: #fff; font-weight: 800; margin-bottom: 9px; } .service-block-one .inner-box h3 a{ display: inline-block; color: #fff; } .service-block-one .inner-box p{ color: #fff; /* margin-bottom: 33px; */ margin-bottom: 10px; } .service-block-one .inner-box .theme-btn{ padding: 12px 45px; } .service-block-one .inner-box:hover .theme-btn{ background: #de3f40; } .service-section .sec-title{ /* margin-bottom: 70px; */ margin-bottom: 10px; } .service-section .sec-title span{ /* margin-bottom: 21px; */ margin-bottom: 10px; } /** about-style-two **/ .about-style-two{ position: relative; /* padding: 120px 0px; */ padding: 30px 0px; } #content_block_2 .content-box .text{ margin-bottom: 42px; } #content_block_2 .content-box .list li{ position: relative; display: inline-block; float: left; width: 50%; font-size: 16px; line-height: 26px; font-family: 'Heebo', sans-serif; font-weight: 700; color: #282932; min-height: 50px; margin-bottom: 48px; padding: 12px 0px 12px 70px; } #content_block_2 .content-box .list li i{ position: absolute; left: 0px; top: 0px; font-size: 50px; line-height: 50px; font-weight: 400; } #content_block_2 .content-box .list{ position: relative; display: block; border-bottom: 2px solid #e6eaf0; margin-bottom: 24px; } #content_block_2 .content-box .link-box a{ position: relative; display: inline-block; font-weight: 500; } #content_block_2 .content-box .link-box a i{ margin-left: 15px; font-weight: 600; } #content_block_2 .content-box .link-box a:hover{ color: #222; } #content_block_2 .content-box .sec-title{ margin-bottom: 20px; } #image_block_1 .image-box{ position: relative; display: block; padding: 0px 100px 225px 0px; } #image_block_1 .image-box img{ width: 100%; } #image_block_1 .image-box .image-2{ position: absolute; right: 0px; bottom: 0px; } #image_block_1 .image-box .image-3{ position: absolute; top: 45px; right: 25px; } #image_block_1 .image-box .image-4{ position: absolute; left: 25px; bottom: 42px; } .about-style-two #content_block_2 .content-box{ margin-right: 70px; } /** shop-section **/ .shop-section{ position: relative; background: #faf8f4; /* padding: 115px 0px 120px 0px; */ padding: 35px 0px 70px 0px; } .shop-section .sec-title{ margin-bottom: 50px; } .shop-block-one .inner-box{ position: relative; display: block; } .shop-block-one .inner-box .image-box{ position: relative; display: block; background: #fff; border: 2px solid #f0f0f0; overflow: hidden; transition: all 500ms ease; } .shop-block-one .inner-box:hover .image-box{ } .shop-block-one .inner-box .image-box img{ width: 100%; } .shop-block-one .inner-box .image-box .list{ position: absolute; left: 10px; bottom: -50px; visibility: hidden; transition: all 500ms ease; } .shop-block-one .inner-box:hover .image-box .list{ bottom: 15px; visibility: visible; } .shop-block-one .inner-box .image-box .list li{ position: relative; display: inline-block; float: left; } .shop-block-one .inner-box .image-box .list li:first-child a{ position: relative; display: inline-block; font-size: 20px; color: #fff; width: 50px; height: 50px; line-height: 50px; text-align: center; } .shop-block-one .inner-box .image-box .list li:first-child{ margin-right: 15px; } .shop-block-one .inner-box .image-box .list li:last-child a{ position: relative; display: inline-block; font-size: 14px; font-weight: 700; color: #000; width: 150px; height: 50px; line-height: 50px; text-align: center; background: #fae8e8; text-transform: uppercase; } .shop-block-one .inner-box .image-box .list li:last-child a:hover{ color: #fff; } .shop-block-one .inner-box .image-box .list li:first-child a:hover{ color: #000; background: #fae8e8; } .shop-block-one .inner-box .lower-content{ position: relative; padding-top: 19px; } .shop-block-one .inner-box .lower-content h6{ position: relative; display: block; font-size: 16px; line-height: 26px; font-weight: 700; color: #282932; margin-bottom: 6px; } .shop-block-one .inner-box .lower-content h6 a{ display: inline-block; color: #282932; } .shop-block-one .inner-box .lower-content h6 a:hover{ } .shop-block-one .inner-box .lower-content .rating{ position: relative; margin-bottom: 6px; } .shop-block-one .inner-box .lower-content .rating li{ position: relative; display: inline-block; float: left; font-size: 11px; line-height: 20px; margin-right: 3px; } .shop-block-one .inner-box .lower-content .rating li:last-child{ margin-right: 0px; color: #d5d5d5; } .shop-block-one .inner-box .lower-content .price{ position: relative; display: block; font-size: 14px; font-family: 'Heebo', sans-serif; font-weight: 400; margin: 0px; } .shop-section .more-btn{ position: relative; padding-top: 64px; } .shop-section .more-btn .theme-btn{ padding: 12px 47px; } /** portfolio-section **/ .portfolio-section{ position: relative; } .portfolio-section .owl-carousel { max-width: 800px; margin: 0 auto; width: 100%; display: block; } .portfolio-section .owl-stage-outer{ overflow:visible; } .portfolio-block-one{ position: relative; display: block; margin-bottom: 50px; } .portfolio-block-one .image-box img{ width: 100%; } .portfolio-block-one .inner-box{ position: relative; } .portfolio-block-one .inner-box .lower-content{ position: absolute; left: 80px; bottom: -80px; width: calc(100% - 160px); opacity: 0; transition: all 500ms ease; } .portfolio-section .owl-item.active .portfolio-block-one .inner-box .lower-content{ opacity: 1; bottom: -50px; } .portfolio-block-one .inner-box .lower-content .inner{ position: relative; padding: 10px 43px 10px 22px; border-radius:15px; } .portfolio-block-one .inner-box .lower-content .inner span{ position: relative; display: block; font-size: 14px; line-height: 24px; font-family: 'Heebo', sans-serif; color: #fff; font-weight: 300; padding-left: 38px; margin-bottom: 4px; } .portfolio-block-one .inner-box .lower-content .inner span:before{ position: absolute; content: ''; background: #fff; width: 24px; height: 2px; left: 0px; top: 11px; } .portfolio-block-one .inner-box .lower-content .inner h4{ position: relative; display: block; font-size: 20px; line-height: 30px; color: #fff; font-weight: 800; margin: 0px; } .portfolio-block-one .inner-box .lower-content .inner h4 a{ display: inline-block; color: #fff; } .portfolio-block-one .inner-box .lower-content .inner h4 a:hover{ text-decoration: underline; } .portfolio-block-one .inner-box .lower-content .inner .link{ position: absolute; top: 30px; right: 50px; } .portfolio-block-one .inner-box .lower-content .inner .link a{ position: relative; display: inline-block; font-size: 18px; color: #fff; background: rgba(255,255,255,0.1); width: 50px; height: 50px; line-height: 50px; text-align: center; border-radius: 50%; } .portfolio-block-one .inner-box .lower-content .inner .link a:hover{ background: #fff; } .portfolio-section .owl-nav{ position: absolute; top: 50%; margin-top: -50px; width: 100%; } .portfolio-section .owl-nav .owl-prev{ left: -118px; } .portfolio-section .owl-nav .owl-next{ right: -118px; } .portfolio-section .owl-nav .owl-prev, .portfolio-section .owl-nav .owl-next{ position: absolute; display: inline-block; font-size: 16px; width: 67px; height: 67px; line-height: 67px; background: #fff; text-align: center; border-radius: 50%; cursor: pointer; transition: all 500ms ease; } .portfolio-section .owl-nav .owl-prev:hover, .portfolio-section .owl-nav .owl-next:hover{ color: #fff; } /** testimonial-section **/ .testimonial-section{ position: relative; padding: 115px 0px 70px 0px; } .testimonial-section .sec-title{ margin-bottom: 10px; } .testimonial-section .owl-stage-outer{ overflow: visible; } .testimonial-section .owl-stage-outer .owl-item{ opacity: 0; transition: all 500ms ease; } .testimonial-section .owl-stage-outer .owl-item.active{ opacity: 1; } .testimonial-section .testimonial-block-one{ position: relative; margin: 30px 0px 50px 0px; } .testimonial-block-one .inner-box{ position: relative; display: block; background: #fff; padding: 64px 50px 74px 70px; box-shadow: 0 5px 30px rgba(0,0,0,.05); } .testimonial-block-one .inner-box .icon-box{ position: relative; display: inline-block; font-size: 60px; line-height: 60px; margin-bottom: 15px; } .testimonial-block-one .inner-box .author-box{ position: relative; padding: 10px 0px 4px 95px; } .testimonial-block-one .inner-box .author-box .image-box{ position: absolute; left: 0px; top: 0px; width: 70px; height: 70px; border-radius: 50%; } .testimonial-block-one .inner-box .author-box .image-box img{ width: 100%; border-radius: 50%; } .testimonial-block-one .inner-box p{ margin-bottom: 26px; } .testimonial-block-one .inner-box .author-box h5{ position: relative; font-size: 18px; line-height: 26px; font-weight: 700; margin-bottom: 0px; } .testimonial-block-one .inner-box .author-box span{ position: relative; display: block; margin: 0px; } .testimonial-section .owl-nav{ position: absolute; top: -76px; right: 0px; } .testimonial-section .owl-nav .owl-prev, .testimonial-section .owl-nav .owl-next{ position: relative; display: inline-block; font-size: 14px; width: 50px; height: 50px; line-height: 50px; text-align: center; font-weight: 700; background: #ffefe7; border-radius: 5px; cursor: pointer; transition: all 500ms ease; } .testimonial-section .owl-nav .owl-prev{ margin-right: 20px; } .testimonial-section .owl-nav .owl-prev:hover, .testimonial-section .owl-nav .owl-next:hover{ color: #fff; } .bg-color-2{ background: #fbe9e9; } /** funfact-section **/ .funfact-section{ position: relative; /*padding: 120px 0px 210px 0px;*/ padding: 50px 0px 50px 0px; } .funfact-section .counter-inner{ position: relative; } .funfact-section .counter-inner .line{ position: absolute; left: 0px; top: 161px; width: 100%; height: 2px; background: #f8d5d5; } .counter-block-one .inner-box{ position: relative; display: block; } .counter-block-one .inner-box .icon-box{ position: relative; display: inline-block; font-size: 100px; line-height: 100px; padding-bottom: 65px; margin-bottom: 30px; } .counter-block-one .inner-box .icon-box:before{ position: absolute; content: ''; width: 11px; height: 11px; border-radius: 50%; left: 50%; transform: translateX(-50%); bottom: 0px; } .counter-block-one .inner-box .count-outer{ position: relative; display: block; font-size: 48px; line-height: 50px; font-family: 'Heebo', sans-serif; color: #282932; font-weight: 700; margin-bottom: 7px; } .counter-block-one .inner-box span.text{ position: relative; display: block; font-size: 16px; line-height: 20px; font-family: 'Heebo', sans-serif; color: #000; } /** team-section **/ .team-section{ position: relative; padding: 0px 75px; } .team-section .outer-container{ position: relative; padding-top: 124px; margin-top: -140px; } .team-section .outer-container:before{ position: absolute; content: ''; width: 100%; height: 580px; left: 0px; top: 0px; right: 0px; } .team-section .outer-container .pattern-layer .pattern-1{ position: absolute; left: 0px; top: 0px; width: 368px; height: 228px; background-repeat: no-repeat; } .team-section .outer-container .pattern-layer .pattern-2{ position: absolute; right: 0px; top: 240px; width: 564px; height: 347px; background-repeat: no-repeat; } .team-section .sec-title span, .team-section .sec-title h2{ color: #fff; } .team-block-one{ position: relative; margin: 30px 0px 50px 0px; box-shadow: 0 5px 30px rgba(0,0,0,.05); } .team-block-one .inner-box{ position: relative; display: block; background: #fff; } .team-block-one .inner-box .image-box{ position: relative; display: block; overflow: hidden; } .team-block-one .inner-box .image-box img{ width: 100%; transition: all 500ms ease; } .team-block-one .inner-box:hover .image-box img{ opacity: 0.3; } .team-block-one .inner-box .image-box .social-links{ position: absolute; left: 50%; top: 50%; width: 100%; padding: 0px 15px; text-align: center; transform: translate(-50%,-50%); opacity: 0; margin-top: 15px; transition: all 500ms ease; } .team-block-one .inner-box:hover .image-box .social-links{ opacity: 1; margin-top: 0px; } .team-block-one .inner-box .image-box .social-links li{ position: relative; display: inline-block; margin: 0px 2px; } .team-block-one .inner-box .image-box .social-links li a{ position: relative; display: inline-block; font-size: 15px; color: #fff; background: rgba(255,255,255,0.2); width: 35px; height: 35px; line-height: 35px; text-align: center; border-radius: 50%; } .team-block-one .inner-box .image-box .social-links li a:hover{ background: #fff; } .team-block-one .inner-box .lower-content{ position: relative; padding: 20px 15px; } .team-block-one .inner-box .lower-content h3{ position: relative; display: block; font-size: 24px; line-height: 32px; font-weight: 700; color: #222; margin-bottom: 7px; } .team-block-one .inner-box .lower-content h3 a{ display: inline-block; color: #222; } .team-block-one .inner-box .lower-content h3 a:hover{ } .anim-icon{ position: absolute; left: 0px; top: 0px; right: 0px; max-width: 1920px; width: 100%; height: 100%; margin: 0 auto; } .anim-icon .icon{ position: absolute; background-repeat: no-repeat; } .team-section .anim-icon .icon-1{ left: 80px; top: 130px; width: 41px; height: 79px; } .team-section .anim-icon .icon-2{ left: 260px; top: 235px; width: 89px; height: 89px; } .float-bob-y { animation-name: float-bob-y; animation-duration: 2s; animation-iteration-count: infinite; animation-timing-function: linear; -webkit-animation-name: float-bob-y; -webkit-animation-duration: 2s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-name: float-bob-y; -moz-animation-duration: 2s; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; -ms-animation-name: float-bob-y; -ms-animation-duration: 2s; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: linear; -o-animation-name: float-bob-y; -o-animation-duration: 2s; -o-animation-iteration-count: infinite; -o-animation-timing-function: linear; } .team-section .owl-dots{ position: absolute; right: -255px; bottom: 190px; } .team-section .owl-dots .owl-dot span{ position: relative; display: inline-block; background: transparent !important; width: 9px; height: 9px; border: 1px solid #fff; border-radius: 50%; cursor: pointer; margin: 0px 12.5px; transition: all 500ms ease; } .team-section .owl-dots .owl-dot span:before{ position: absolute; content: ''; background: #fff; width: 9px; height: 9px; border-radius: 50%; left: -35px; top: -18px; } /** news-section **/ .news-section{ position: relative; /* padding: 65px 0px 120px 0px; */ padding: 40px 0px 45px 0px; } .news-section .sec-title{ /* margin-bottom: 58px; */ margin-bottom: 40px; } .news-block-one{ position: relative; display: block; padding: 10px; border: 2px solid #f0f0f0; } .news-block-one .inner-box{ position: relative; } .news-block-one .inner-box .image-box{ position: relative; display: block; overflow: hidden; } .news-block-one .inner-box .image-box img{ width: 100%; transition: all 500ms ease; } .news-block-one:hover .inner-box .image-box img{ /* opacity: 0.2; */ transform: scale(1.05); } .news-block-one .inner-box .lower-content{ position: relative; padding-top: 17px; } .news-block-one .inner-box .lower-content .post-info li{ position: relative; display: inline-block; font-size: 14px; line-height: 24px; color: #8e9c9f; } .news-block-one .inner-box .lower-content .post-info li a{ display: inline-block; color: #8e9c9f; } .news-block-one .inner-box .lower-content .post-info li a:hover{ } .news-block-one .inner-box .lower-content .post-info{ position: relative; margin-bottom: 5px; } .news-block-one .inner-box .lower-content .post-info-2 li{ position: relative; display: inline-block; font-family: 'Heebo', sans-serif; font-weight: 500; font-size: 12px; line-height: 20px; color: #444444; margin-right: 15px; } .news-block-one .inner-box .lower-content .post-info-2 li:before{ position: absolute; content: ''; background: #737373; width: 1px; height: 10px; top: 5px; right: -8px; } .news-block-one .inner-box .lower-content .post-info-2 li:last-child:before{ display: none; } .news-block-one .inner-box .lower-content .post-info-2 li:last-child{ margin: 0px !important; } .news-block-one .inner-box .lower-content .post-info-2 li i{ margin-right: 6px; } .news-block-one .inner-box .lower-content .post-info-2 li a{ display: inline-block; color: #444444; } .news-block-one .inner-box .lower-content .post-info-2 li a:hover{ } .news-block-one .inner-box .lower-content .post-info-2{ position: relative; margin-bottom: 19px; } .news-block-one .inner-box .lower-content h4{ position: relative; display: block; font-size: 20px; line-height: 26px; font-weight: 500; color: #222; margin-bottom: 19px; } .news-block-one .inner-box .lower-content h4 a{ display: inline-block; color: #222; } .news-block-one .inner-box .lower-content h4 a:hover{ } .news-block-one .inner-box .lower-content p{ position: relative; margin-bottom: 5px; text-align: justify; } .news-block-one .inner-box .lower-content .link a{ position: relative; display: inline-block; font-size: 13px; line-height: 24px; font-family: 'Heebo', sans-serif; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; } .news-block-one .inner-box .lower-content .link a i{ position: relative; margin-left: 10px; transition: all 500ms ease; } .news-block-one .inner-box .lower-content .link a:hover i{ margin-left: 15px; font-size: 15px; top: 1px; } /** main-footer **/ .main-footer{ position: relative; background: #1c1d1f; margin-top: 30px; } .main-footer .footer-top{ position: relative; /*padding: 73px 0px 100px 0px; */ padding: 40px 0px 10px 0px; border-bottom: 2px solid rgba(255,255,255,0.1); } .main-footer .footer-top .logo-widget .footer-logo{ position: relative; margin-bottom: 30px; } .main-footer .footer-top .logo-widget p{ font-size: 14px; line-height: 30px; color: #fff; margin: 0px; } .main-footer .footer-top .contact-widget{ position: relative; display: block; padding: 48px 30px 50px 35px; border-radius: 5px; margin-top: -103px; } .main-footer .footer-top .contact-widget .info li{ position: relative; display: block; padding-left: 73px; margin-bottom: 40px; } .main-footer .footer-top .contact-widget .info li:last-child{ margin-bottom: 0px; } .main-footer .footer-top .contact-widget .info li i{ position: absolute; left: 0px; top: 11px; font-size: 40px; line-height: 40px; color: #fff; } .main-footer .footer-top .contact-widget .info li p{ color: #fff; margin-bottom: 5px; } .main-footer .footer-top .contact-widget .info li h5{ position: relative; display: block; font-size: 18px; line-height: 26px; color: #fff; font-weight: 700; margin: 0px; } .main-footer .footer-top .contact-widget .info li h5 a{ display: inline-block; color: #fff; } .main-footer .footer-top .contact-widget .info li h5 a:hover{ text-decoration: underline; } .main-footer .footer-top .contact-widget .info{ position: relative; margin-bottom: 57px; } .main-footer .footer-top .contact-widget .social-links li{ position: relative; display: inline-block; float: left; margin-right: 20px; } .main-footer .footer-top .contact-widget .social-links li:last-child{ margin-right: 0px; } .main-footer .footer-top .contact-widget .social-links li a{ position: relative; display: inline-block; font-size: 15px; color: #fff; width: 42px; height: 42px; line-height: 42px; text-align: center; border-radius: 50%; border: 1px solid rgba(255,255,255,0.2); } .main-footer .footer-top .contact-widget .social-links li a:hover{ border-color: #fff; background: #fff; } .main-footer .footer-top .widget-title{ position: relative; margin-bottom: 20px; } .main-footer .footer-top .widget-title h6{ position: relative; display: block; font-size: 16px; font-weight: 700; color: #fff; margin: 0px; } .main-footer .footer-top .newsletter-widget{ position: relative; margin-left: 70px; } .main-footer .footer-top .newsletter-widget .widget-content p{ font-size: 14px; line-height: 30px; color: #fff; margin-bottom: 19px; } .main-footer .footer-top .newsletter-widget .newsletter-form .form-group{ position: relative; margin: 0px; } .main-footer .footer-top .newsletter-widget .newsletter-form .form-group input[type='email']{ position: relative; display: block; width: 100%; height: 48px; font-size: 14px; font-family: 'Rubik', sans-serif; color: #fff; padding: 10px 70px 10px 30px; border-radius: 30px; background: transparent; border: 1px solid rgba(255,255,255,0.15); transition: all 500ms ease; } .main-footer .footer-top .newsletter-widget .newsletter-form .form-group input:focus{ } .main-footer .footer-top .newsletter-widget .newsletter-form .form-group button{ position: absolute; top: 0px; right: 0px; font-size: 16px; color: #fff; width: 48px; height: 48px; line-height: 48px; text-align: center; border-radius: 50%; transition: all 500ms ease; cursor: pointer; } .main-footer .footer-top .newsletter-widget .newsletter-form .form-group input::-webkit-input-placeholder{ color:#fff; } .main-footer .footer-top .newsletter-widget{ position: relative; margin-top: 46px; } .main-footer .footer-bottom{ position: relative; /* padding: 64px 0px; */ padding: 20px 0px; } .main-footer .footer-bottom .copyright h5{ position: relative; font-size: 18px; line-height: 32px; color: #bbbbbc; } .main-footer .footer-bottom .copyright h5 a{ display: inline-block; color: #bbbbbc; } .main-footer .footer-bottom .copyright h5 a:hover{ } .main-footer .footer-bottom .footer-nav li{ position: relative; display: inline-block; font-size: 18px; color: #bbbbbc; margin-right: 35px; } .main-footer .footer-bottom .footer-nav li:last-child{ margin-right: 0px; } .main-footer .footer-bottom .footer-nav li a{ color: #bbbbbc; } .main-footer .footer-bottom .footer-nav li a:hover{ } .main-footer .footer-bottom .footer-nav li:before{ position: absolute; content: ''; background: #bbbbbc; width: 1px; height: 15px; top: 8px; right: -20px; } .main-footer .footer-bottom .footer-nav li:last-child:before{ display: none; } /*** ==================================================================== Home-Page-Two ==================================================================== ***/ /** header-style-two **/ .main-header.style-two{ position: absolute; width: 100%; left: 0px; top: 0px; background: transparent; } .main-header.style-two .header-top{ background: transparent; } .main-header .language{ position:relative; display: inline-block; z-index: 5; padding-right: 22px; margin-right: 18px; } .main-header .language:before{ position: absolute; content: ''; background: rgba(255,255,255,0.2); width: 1px; height: 20px; top: 2px; right: 0px; } .main-header .language .lang-btn{ position: relative; display: block; font-size: 14px; color: #fff; font-weight: 400; line-height: 24px; cursor: pointer; transition: all 500ms ease; } .main-header .language .lang-btn .icon{ position: relative; display: inline-block; vertical-align: middle; margin-right: 5px; font-size: 12px; color: #fff; } .main-header .language .lang-btn:hover{ } .main-header .language .lang-btn .txt{ position: relative; display: inline-block; vertical-align: middle; } .main-header .language .lang-btn .arrow{ position: relative; display: inline-block; vertical-align: middle; font-size: 14px; } .main-header .language .lang-btn:before{ content: ''; position: absolute; left: 0; top: 100%; width: 100%; height: 16px; } .main-header .language .lang-dropdown{ position: absolute; left: 0; top: 100%; margin-top: 13px; width: 150px; background: #ffffff; border: 1px solid #f0f0f0; opacity: 0; visibility: hidden; -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 #f0f0f0; } .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: #222222; text-align: left; } .main-header .language .lang-dropdown li a:hover{ text-decoration: underline; } .main-header.style-two .header-top .social-links li{ position: relative; display: inline-block; margin-right: 15px; } .main-header.style-two .header-top .social-links li:last-child{ margin-right: 0px; } .main-header.style-two .header-top .social-links{ position: relative; display: inline-block; } .main-header.style-two .header-top .social-links li a{ position: relative; display: inline-block; font-size: 14px; color: #fff; } .main-header.style-two .header-top .social-links li a:hover{ } .main-header.style-two .header-top .top-left{ position: relative; } .main-header.style-two .header-top .top-left .left-info{ position: relative; margin-top: 35px; } .main-header.style-two .header-top .top-right{ position: relative; margin-top: 25px; } .main-header.style-two .menu-right-content{ padding: 0px; margin: 0px; } .main-header.style-two .header-top{ position: relative; padding: 40px 0px; } .main-header.style-two .header-top .logo-box{ position: relative; display: inline-block; float: left; margin-left: 350px; } .main-header.style-two .menu-right-content .user-box a, .main-header.style-two .search-box-btn, .main-header.style-two .menu-right-content .cart-box a{ color: #ececec; } .main-header.style-two .main-menu{ float: none !important; display: block; text-align: center; } .main-header.style-two .main-menu .navigation > li{ float: none; display: inline-block; padding-top: 13px; } .main-header.style-two .main-menu .navigation > li > a{ color: #fff; } .main-header.style-two .main-menu .navigation > li.dropdown > a:before{ color: #fff; } /** slider-style-two **/ .main-slider.style-two{ position: relative; } .main-slider.style-two .main-slider-carousel .slide-item{ padding: 400px 0px 220px 0px; } .main-slider.style-two .main-slider-carousel .slide-item:before{ background: rgba(0,0,0,0.5); } /** feature-section **/ .feature-section{ position: relative; } .feature-section .inner-container{ position: relative; display: block; padding: 50px 100px; margin: -90px -100px 0px -100px; z-index: 1; } .feature-section .single-item{ position: relative; float: left; width: 33.333%; } .feature-section .single-item .inner-box{ position: relative; padding: 36px 30px 45px 120px; } .feature-section .single-item .inner-box .icon-box{ position: absolute; display: inline-block; left: 0px; top: 42px; font-size: 85px; line-height: 85px; color: #fff; z-index: 1; transition: all 500ms ease; } .feature-section .single-item .inner-box .icon-box:before{ position: absolute; content: ''; background: #c42526; width: 72px; height: 72px; border-radius: 50%; left: 0px; top: -13px; z-index: -1; transition: all 500ms ease; } .feature-section .single-item .inner-box h3{ position: relative; display: block; font-size: 22px; line-height: 30px; color: #fff; font-weight: 800; margin-bottom: 9px; } .feature-section .single-item .inner-box p{ font-size: 16px; color: #fff; margin: 0px; } .bg-color-3{ background: #161718; } .bg-color-4{ background: #1c1d1f; } .about-style-two.alternate-2 #content_block_2 .content-box{ margin-right: 0px; margin-left: 70px; } #content_block_2 .content-box.light .text p{ color: #babbbb; } #content_block_2 .content-box.light .list li{ color: #e4dcc7; } #content_block_2 .content-box.light .list{ border-bottom: 2px solid rgba(255,255,255,0.1); } #content_block_2 .content-box.light .link-box a{ color: #e4dcc7; } /** service-style-two **/ .service-style-two{ position: relative; padding: 120px 0px; } .service-block-two .inner-box{ position: relative; display: block; padding: 0px 20px; } .service-block-two .inner-box .icon-box{ position: relative; display: inline-block; font-size: 100px; color: #e4dcc7; width: 180px; height: 180px; line-height: 180px; background: #282829; text-align: center; border-radius: 50%; margin-bottom: 40px; z-index: 1; } .service-block-two .inner-box .icon-box:before{ position: absolute; content: ''; width: 100%; height: 100%; left: 0px; top: 0px; right: 0px; border-radius: 50%; transform: scale(0,0); z-index: -1; transition: all 500ms ease; } .service-block-two .inner-box:hover .icon-box:before{ transform: scale(1,1); } .service-block-two .inner-box h3{ position: relative; display: block; font-size: 28px; line-height: 35px; color: #e4dcc7; font-weight: 700; margin-bottom: 26px; } .service-block-two .inner-box h3 a{ display: inline-block; color: #e4dcc7; } .service-block-two .inner-box h3 a:hover{ } .service-block-two .inner-box p{ color: #bbbbbc; margin-bottom: 38px; } .service-block-two .inner-box .link a{ position: relative; display: inline-block; font-size: 20px; width: 55px; height: 55px; line-height: 55px; background: #282829; text-align: center; border-radius: 50%; } .service-block-two .inner-box .link a:hover{ color: #fff; } /** shop-style-two **/ .shop-style-two{ position: relative; padding: 115px 0px 120px 0px; } .shop-block-two .inner-box .image-box{ position: relative; display: block; overflow: hidden; } .shop-block-two .inner-box .image-box img{ width: 100%; transition: all 500ms ease; } .shop-block-two .inner-box:hover .image-box img{ transform: scale(1.05); } .shop-block-two .inner-box .image-box .list{ position: absolute; left: 10px; bottom: -50px; visibility: hidden; transition: all 500ms ease; } .shop-block-two .inner-box:hover .image-box .list{ bottom: 60px; visibility: visible; } .shop-block-two .inner-box .image-box .list li{ position: relative; display: inline-block; float: left; } .shop-block-two .inner-box .image-box .list li:first-child a{ position: relative; display: inline-block; font-size: 20px; color: #fff; width: 50px; height: 50px; line-height: 50px; text-align: center; } .shop-block-two .inner-box .image-box .list li:first-child{ margin-right: 15px; } .shop-block-two .inner-box .image-box .list li:last-child a{ position: relative; display: inline-block; font-size: 14px; font-weight: 700; color: #fff; width: 150px; height: 50px; line-height: 50px; text-align: center; background: rgba(0,0,0,0.5); text-transform: uppercase; } .shop-block-two .inner-box .image-box .list li:last-child a:hover{ color: #fff; } .shop-block-two .inner-box .image-box .list li:first-child a:hover{ color: #000; background: #fae8e8; } .shop-block-two .inner-box .lower-content{ position: relative; width: calc(100% - 20px); } .shop-block-two .inner-box .lower-content .inner{ position: absolute; left: 0px; top: -40px; width: 100%; background: #262729; padding: 13px 30px 12px 30px; margin-bottom: 0px; } .shop-block-two .inner-box .lower-content .inner:before{ position: absolute; content: ''; width: 100%; height: 0%; left: 0px; bottom: 0px; transition: all 500ms ease; } .shop-block-two .inner-box:hover .lower-content .inner:before{ height: 100%; top: 0px; } .shop-block-two .inner-box{ position: relative; display: block; margin-bottom: 75px; } .shop-block-two .inner-box .lower-content h6{ position: relative; display: block; font-size: 16px; line-height: 26px; color: #fff; font-weight: 700; margin-bottom: 8px; } .shop-block-two .inner-box .lower-content h6 a{ display: inline-block; color: #fff; } .shop-block-two .inner-box .lower-content h6 a:hover{ text-decoration: underline; } .shop-block-two .inner-box .lower-content .price{ position: relative; display: block; font-size: 14px; line-height: 26px; font-family: 'Heebo', sans-serif; color: #fff; margin: 0px; } .shop-style-two .more-btn{ position: relative; margin-top: 50px; } .shop-style-two .more-btn .theme-btn{ padding: 12px 30px; } .shop-style-two .sec-title{ margin-bottom: 80px; } .testimonial-section .icon-layer { position: absolute; width: 100%; height: 100%; background-repeat: repeat-x; background-position: center; left: 0px; top: 0px; animation: slide 100s linear infinite; -webkit-animation: slide 100s linear infinite; } .mr-0{ margin: 0px !important; } .testimonial-section.alternate-2{ padding-bottom: 170px; margin-bottom: -100px; } .portfolio-section.alternate-2{ position: relative; } .portfolio-section.alternate-2:before{ position: absolute; content: ''; background: #161718; width: 100%; height: 100%; left: 0px; top: 100px; } .sec-title.light h2{ color: #fff; } .news-style-two{ padding: 115px 0px 150px; } .news-style-two .sec-title{ margin-bottom: 50px; } .news-style-two .news-block-one{ border: none; background: #1c1d1f; } .news-style-two .news-block-one .inner-box .lower-content .post-info li, .news-style-two .news-block-one .inner-box .lower-content .post-info li a{ color: #a8a8a9; } .news-style-two .news-block-one .inner-box .lower-content h4 a{ color: #fff; } .news-style-two .news-block-one .inner-box .lower-content p{ color: #bbbbbc; } .sec-pad{ padding: 120px 0px !important; } /*** ==================================================================== About-Page ==================================================================== ***/ /** page-title **/ .page-title{ position: relative; width: 100%; /*padding: 155px 0px 177px 0px;*/ padding: 75px 0px 75px 0px; background-size: cover; background-repeat: no-repeat; background-position: center; } .page-title:before{ position: absolute; content: ''; width: 100%; height: 100%; background: -webkit-linear-gradient(0deg, rgba(0,0,0,0.9), rgba(0,0,0,0.0) 80%); left: 0px; top: 0px; right: 0px; } .page-title .content-box .title-box h1{ position: relative; display: block; font-size: 48px; line-height: 55px; color: #fff; font-weight: 700; margin-bottom: 22px; } .page-title .content-box .bread-crumb li{ position: relative; display: inline-block; font-size: 18px; color: #fff; padding-right: 7px; margin-right: 2px; } .page-title .content-box .bread-crumb li:last-child{ padding-right: 0px; margin-right: 0px; } .page-title .content-box .bread-crumb li a{ color: #fff; } .page-title .content-box .bread-crumb li a:hover{ } .page-title .content-box .bread-crumb li:before{ position: absolute; content: ''; background: #fff; width: 1px; height: 20px; top: 4px; right: 0px; } .page-title .content-box .bread-crumb li:last-child:before{ display: none; } .clients-section.about-page{ padding-top: 70px; } /*** ==================================================================== Shop-Page ==================================================================== ***/ .shop-page-section{ position: relative; } .shop-page-section .shop-block-one .inner-box{ margin-bottom: 40px; } .shop-page-section .pagination-wrapper{ position: relative; display: block; margin-top: 45px; } .sidebar .sidebar-widget .widget-title h3{ position: relative; display: block; font-size: 22px; line-height: 30px; color: #222; font-weight: 700; padding-bottom: 19px; } .sidebar .sidebar-widget .widget-title{ position: relative; display: block; margin-bottom: 33px; } .sidebar .sidebar-widget .widget-title h3:before{ position: absolute; content: ''; background: #f8d4d4; width: 100%; height: 2px; left: 0px; bottom: 0px; padding-left: 30px; } .sidebar .category-widget{ margin-bottom: 50px; } .sidebar .category-widget .category-list li{ position: relative; display: block; margin-bottom: 22px; padding-left: 35px; } .sidebar .category-widget .category-list li:last-child{ margin-bottom: 0px; } .sidebar .category-widget .category-list li a{ position: relative; display: inline-block; font-size: 16px; line-height: 26px; font-family: 'Heebo', sans-serif; color: #222; font-weight: 700; opacity: 0.7; } .sidebar .category-widget .category-list li i{ position: absolute; left: 0px; top: 1px; font-size: 16px; font-weight: 700; } .sidebar .category-widget .category-list li a.active, .sidebar .category-widget .category-list li a:hover{ opacity: 1 } .range-slider{ position:relative; } .range-slider .title { position: relative; display: inline-block; } .range-slider .title:before { position: absolute; content: '$'; left: -5px; top: -19px; font-family: 'Heebo', sans-serif; color: #282932; font-size: 14px; } .range-slider .input{ position: relative; display: inline-block; } .range-slider .input input{ background:none; color:#282932; font-size:14px; font-family: 'Heebo', sans-serif; width: 100%; text-align:left; } .range-slider .ui-widget.ui-widget-content{ height:3px; border:none; margin-bottom:11px; background:#f8d4d4; } .range-slider .ui-slider .ui-slider-range{ top:1px; height:1px; } .range-slider .ui-state-default, .range-slider .ui-widget-content .ui-state-default{ top:-4px; width:10px; height:10px; border: none; cursor:pointer; margin-left: -3px; border-radius: 0px; } .sidebar .filter-widget .widget-title{ margin-bottom: 49px; } .sidebar .filter-widget{ position: relative; margin-bottom: 55px; } .sidebar .sidebar-tags .tags-list li{ position: relative; display: inline-block; float: left; font-size: 14px; line-height: 25px; margin: 0px 10px 10px 0px; } .sidebar .sidebar-tags .tags-list li a{ position: relative; display: inline-block; font-size: 14px; line-height: 25px; font-family: 'Heebo', sans-serif; color: #282932; background: #fbe9e9; border-radius: 5px; text-align: center; padding: 0px 17.5px; } .sidebar .sidebar-tags .tags-list li a:hover{ color: #fff; } /** shop-details **/ .shop-details{ position: relative; } .product-details-content .slider-pager li{ position: relative; background: #fff; margin-bottom: 30px; overflow: hidden; width: 134px; height: 136px; z-index: 9; } .product-details-content .slider-pager li a{ position: relative; display: inline-block; border: 2px solid #f2f2f2; } .product-details-content .slider-pager li:last-child{ margin-bottom: 0px; } .product-details-content .slider-pager img{ width: 100%; transition: all 500ms ease; } .product-details-content .slider-pager li a.active{ } .product-details-content .slider-content{ position: relative; display: block; } .product-details-content .slider-content .slider-pager{ position: absolute; left: 0px; top: 0px; } .product-details-content .slider-inner{ position: relative; margin-right: 20px; } .product-details-content .slider-inner .bx-viewport{ min-height: 468px; } .product-details-content .slider-content .product-image{ position: relative; padding-left: 174px; } .product-details-content .slider-content .product-image .image{ position: relative; display: block; background: #fff; border: 2px solid #f2f2f2; } .product-details-content .slider-content .product-image .image img{ width: 100%; } .product-details-content .product-details .othre-options .item-quantity{ position: relative; display: inline-block; max-width: 130px; width: 100%; float: left; padding: 0px 40px; margin-right: 15px; } .item-quantity .input-group { position: relative; display: table; border-collapse: separate; max-width: 50px; width: 100%; height: 50px; } .item-quantity input.quantity-spinner { line-height: 50px; height: 50px; width: 50px !important; padding: 0px !important; box-shadow: none !important; font-family: 'Rubik', sans-serif; border: none; text-align: center; font-size: 15px; font-weight: 400; color: #333; border: 1px solid #a3bbc8; } .bootstrap-touchspin .input-group-btn-vertical > .btn.bootstrap-touchspin-down{ position: absolute; height: 50px; width: 40px; background: transparent; padding: 0px 0px; left: -39px; top: -50px; border: 1px solid #a3bbc8; border-right: none; border-radius: 0px; } .bootstrap-touchspin .input-group-btn-vertical > .btn.bootstrap-touchspin-up{ position: absolute; height: 50px; width: 40px; background: transparent; padding: 0px 0px; right: -40px; top: -50px; border: 1px solid #a3bbc8; border-left: none; margin-top: 0px; border-radius: 0px; } .bootstrap-touchspin .glyphicon-chevron-up:before { content: "\f067"; font-size: 12px; font-style: normal; color: #333; font-family: 'Font Awesome 5 Free'; font-weight: 700; } .bootstrap-touchspin .glyphicon-chevron-down:before { content: "\f068"; font-size: 12px; font-style: normal; color: #333; font-weight: 700; font-family: 'Font Awesome 5 Free'; } .bootstrap-touchspin .input-group-btn-vertical{ position: absolute; width: 100%; } .bootstrap-touchspin .input-group-btn-vertical i{ top: 11px; left: 15px; font-size: inherit !important; } .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down{ margin-top: 0px; } .product-details-content .product-details h2{ position: relative; display: block; font-size: 40px; line-height: 48px; color: #333333; font-weight: 500; margin-bottom: 3px; } .product-details-content .product-details .customer-review{ position: relative; margin-bottom: 6px; } .product-details-content .product-details .rating-box{ position: relative; display: inline-block; float: left; margin-right: 20px; } .product-details-content .product-details .rating-box li{ position: relative; display: inline-block; float: left; font-size: 11px; margin-right: 5px; } .product-details-content .product-details .rating-box li:last-child{ margin-right: 0px; } .product-details-content .product-details .reviews{ position: relative; display: inline-block; float: left; } .product-details-content .product-details .reviews a{ position: relative; display: inline-block; font-size: 16px; color: #243f4d; } .product-details-content .product-details .reviews a:hover{ } .product-details-content .product-details .item-price h3{ position: relative; display: block; font-size: 30px; line-height: 35px; font-family: 'Rubik', sans-serif; color: #333333; margin-bottom: 20px; } .product-details-content .product-details .text p{ color: #243f4d; margin-bottom: 16px; } .product-details-content .product-details .other-links ul li{ position: relative; display: inline-block; font-size: 16px; color: #243f4d; font-weight: 700; } .product-details-content .product-details .other-links ul li a{ font-weight: 400; color: #243f4d; } .product-details-content .product-details .other-links ul li a:hover{ } .product-details-content .product-details .other-links{ position: relative; margin-bottom: 26px; } .product-details-content .product-details .othre-options{ position: relative; margin-bottom: 40px; } .product-details-content .product-details .othre-options .btn-box{ position: relative; float: left; } .product-details-content .product-details .othre-options .theme-btn{ font-weight: 400; text-transform: uppercase; padding: 12px 45px; letter-spacing: 1px; } .product-details-content .product-details .share-option li{ position: relative; display: inline-block; font-size: 16px; font-weight: 700; color: #999999; float: left; margin-right: 10px; } .product-details-content .product-details .share-option li:last-child{ margin-right: 0px; } .product-details-content .product-details .share-option li:first-child{ margin-right: 20px; } .product-details-content .product-details .share-option li a{ position: relative; display: inline-block; font-size: 14px; color: #888; background: #f6f6f6; width: 28px; height: 28px; line-height: 28px; text-align: center; border-radius: 50%; font-weight: 400; } .product-details-content .product-details .share-option li a:hover{ color: #fff; } .product-details-content .product-details{ position: relative; margin-left: 20px; } .product-details-content{ position: relative; margin-bottom: 100px; } .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); } .shop-details .product-discription .tab-btn-box{ position: relative; margin-bottom: 32px; } .shop-details .product-discription .tab-btn-box .tab-btns li{ position: relative; display: inline-block; font-size: 18px; line-height: 30px; color: #0d0d0d; font-weight: 500; background: #f8d4d4; padding: 10px 30px; text-align: center; border-radius: 5px; width: 240px; cursor: pointer; float: left; margin-right: 15px; transition: all 500ms ease; } .shop-details .product-discription .tab-btn-box .tab-btns li:last-child{ margin-right: 0px; } .shop-details .product-discription .tab-btn-box .tab-btns li:hover, .shop-details .product-discription .tab-btn-box .tab-btns li.active-btn{ color: #fff; } .shop-details .product-discription .tabs-content .text h3{ position: relative; display: block; font-size: 26px; line-height: 35px; color: #333; font-weight: 500; margin-bottom: 9px; } .shop-details .product-discription .tabs-content .text p{ color: #243f4d; margin: 0px; } .shop-details .product-discription{ position: relative; margin-bottom: 110px; } .shop-details .related-product .sec-title{ margin-bottom: 40px; } /*** ==================================================================== Pricing-Page ==================================================================== ***/ .pricing-section{ position: relative; padding: 120px 0px 110px 0px; } .pricing-section .title-box{ position: relative; display: block; text-align: center; padding: 25px 30px; margin-bottom: 70px; } .pricing-section .title-box h3{ font-size: 24px; line-height: 30px; font-weight: 700; color: #fff; margin: 0px; } .pricing-section .inner-box .single-item{ position: relative; margin-bottom: 45px; } .pricing-section .inner-box .single-item:last-child{ margin-bottom: 0px; } .pricing-section .inner-box .single-item .pricing-header{ position: relative; display: flex; margin-bottom: 8px; align-items: center; } .pricing-section .inner-box .single-item .pricing-header h6{ position: relative; float: left; display: inline-block; font-size: 16px; color: #282932; font-weight: 700; margin-right: 30px; } .pricing-section .inner-box .single-item .pricing-header .line{ position: relative; display: block; height: 1px; background: #a5a5a5; width: calc(100% - 120px); flex: 1; top: -1px; } .pricing-section .inner-box .single-item .pricing-header span{ position: relative; display: block; font-size: 14px; float: right; font-family: 'Heebo', sans-serif; margin-left: 15px; } /*** ==================================================================== Team-Page ==================================================================== ***/ .team-page-section{ position: relative; padding: 120px 0px 70px 0px; } .team-page-section .team-block-one{ margin: 0px 0px 50px 0px; } /*** ==================================================================== Faq-Page ==================================================================== ***/ .faq-section{ position: relative; padding: 120px 0px; } .accordion-box .block:last-child{ margin-bottom: 0px; } .accordion-box .block .acc-btn{ position: relative; display: block; cursor: pointer; padding: 23px 120px 23px 50px; border-bottom: 1px solid #d3d9db; transition: all 500ms ease; } .accordion-box .block .acc-btn.active{ background: #f8e6d4; border-bottom: 1px solid #f8e6d4; } .accordion-box .block .acc-btn h3{ position: relative; display: block; font-size: 24px; line-height: 32px; color: #222; font-weight: 500; transition: all 500ms ease; } .accordion-box .block .acc-btn.active h3{ opacity: 0.9; } .accordion-box .block .acc-btn h3:before{ position: absolute; content: ''; width: 10px; height: 10px; left: -28px; top: 10px; border-radius: 50%; } .accordion-box .block .acc-content{ position:relative; display:none; padding: 17px 120px 30px 50px; } .accordion-box .block .acc-content.current{ display:block; } .accordion-box .block .acc-content p{ color: #243f4d; margin-bottom: 0px; } .accordion-box .block .acc-btn .icon-outer{ position: absolute; top: 16px; right: 30px; font-size: 16px; color: #243f4d; width: 48px; height: 48px; line-height: 48px; text-align: center; text-align: center; cursor: pointer; transition: all 500ms ease; z-index: 1; } .accordion-box .block .acc-btn.active .icon-outer{ color: #fff; } .accordion-box .block .acc-btn.active .icon-outer i:before{ position: relative; font-size: 16px; font-family: 'Font Awesome 5 Free'; font-weight: 700; margin: 0px; content: "\f068"; } .testimonial-page-section{ position: relative; padding: 120px 0px 80px 0px; } .testimonial-page-section .testimonial-block-one .inner-box{ margin-bottom: 40px; } /*** ==================================================================== Error-Page ==================================================================== ***/ .error-section{ position: relative; padding: 150px 0px; } .error-section .content-box h1{ position: relative; display: block; font-size: 200px; line-height: 150px; font-weight: 700; margin-bottom: 20px; } .error-section .content-box h2{ position: relative; display: block; font-size: 44px; line-height: 52px; color: #222; font-weight: 600; margin-bottom: 21px; } .error-section .text a{ color: #3b3b3b; font-weight: 600; } .error-section .text a:hover{ } /*** ==================================================================== Blog-Page ==================================================================== ***/ .sidebar-page-container{ position: relative; padding: 120px 0px; } .sidebar-page-container .blog-standard-content{ position: relative; margin-right: 20px; } .news-block-one .inner-box .lower-content h3{ position: relative; display: block; font-size: 24px; line-height: 32px; color: #222; font-weight: 500; margin-bottom: 20px; } .news-block-one .inner-box .lower-content h3 a{ display: inline-block; color: #222; } .news-block-one .inner-box .lower-content h3 a:hover{ } .sidebar-page-container .news-block-one{ margin-bottom: 50px; } .sidebar-page-container .news-block-one .inner-box .lower-content{ padding-top: 27px; } .sidebar-page-container .news-block-one .inner-box .lower-content p{ margin-bottom: 20px; } .sidebar-page-container .pagination-wrapper{ position: relative; padding-top: 30px; } .sidebar .sidebar-search .search-form .form-group{ position: relative; margin: 0px; } .sidebar .sidebar-search .search-form .form-group input[type='search']{ position: relative; display: block; width: 100%; height: 50px; background: #fff; border: 2px solid #f0f0f0; border-radius: 5px; padding: 10px 70px 10px 20px; font-size: 15px; color: #565872; transition: all 500ms ease; } .sidebar .sidebar-search .search-form .form-group button{ position: absolute; top: 0px; right: 0px; width: 50px; line-height: 50px; height: 50px; text-align: center; border-radius: 0px 5px 5px 0px; font-size: 16px; color: #fff; cursor: pointer; transition: all 500ms ease; } .sidebar .sidebar-search .search-form .form-group input:focus{ } .sidebar .sidebar-search{ position: relative; margin-bottom: 55px; } .sidebar .post-widget .post-inner .post{ position: relative; margin-bottom: 9px; padding: 4px 0px 0px 80px; padding-bottom: 13px; border-bottom: 1px solid #e6e6e6; min-height: 82px; } .sidebar .post-widget .post-inner .post:last-child{ margin-bottom: 0px; border-bottom: none; } .sidebar .post-widget .post-inner .post .image-box{ position: absolute; left: 0px; top: 3px; width: 65px; height: 65px; overflow: hidden; } .sidebar .post-widget .post-inner .post .image-box img{ width: 100%; transition: all 500ms ease; } .sidebar .post-widget .post-inner .post:hover .image-box img{ opacity: 0.3; } .sidebar .post-widget .post-inner .post h6{ position: relative; display: block; font-size: 14px; line-height: 20px; font-family: 'Rubik', sans-serif; color: #565872; margin-bottom: 4px; } .sidebar .post-widget .post-inner .post h6 a{ display: inline-block; color: #565872; } .sidebar .post-widget .post-inner .post h6 a:hover{ } .sidebar .post-widget .post-inner .post .post-date{ position: relative; display: block; font-size: 12px; line-height: 20px; color: #999999; margin: 0px; } .sidebar .post-widget .post-inner .post .post-date i{ margin-right: 8px; } .sidebar .post-widget .widget-title{ margin-bottom: 28px; } .sidebar .post-widget{ position: relative; margin-bottom: 55px; } .blog-sidebar .sidebar-tags .tags-list li a{ padding: 4.5px 20px; } .blog-sidebar .sidebar-tags{ margin-bottom: 45px; } .sidebar .twitter-post .widget-content .text p span{ } .sidebar .twitter-post .widget-content .text p a{ position: relative; display: inline-block; color: #565872; } .sidebar .twitter-post .widget-content .text p a:hover{ } .sidebar .twitter-post .widget-content .text{ margin-right: 10px; } .sidebar .twitter-post .widget-content .text p{ margin-bottom: 8px; } .sidebar .twitter-post .widget-content .text .time{ position: relative; display: block; font-size: 12px; line-height: 20px; color: #bdbdbd; margin-bottom: 14px; } .sidebar .twitter-post .owl-theme .owl-dots .owl-dot span{ position: relative; display: inline-block; width: 8px; height: 8px; background: #e0e0e0; border-radius: 50%; cursor: pointer; margin: 0px 0px; margin-right: 7px; transition: all 500ms ease; } .sidebar .twitter-post .owl-theme .owl-dots .owl-dot.active span, .sidebar .twitter-post .owl-theme .owl-dots .owl-dot span:hover{ } .sidebar .twitter-post .widget-title{ margin-bottom: 22px; } .sidebar .twitter-post{ position: relative; margin-bottom: 44px; } .sidebar .sidebar-instagram .image-list{ position: relative; margin: 0px -7.5px; } .sidebar .sidebar-instagram .image-list li{ position: relative; float: left; width: 80px; height: 80px; margin: 0px 7.5px 15px 7.5px; } .sidebar .sidebar-instagram .image-list li .image-box{ position: relative; display: inline-block; overflow: hidden; width: 80px; height: 80px; } .sidebar .sidebar-instagram .image-list li .image-box img{ width: 100%; transition: all 500ms ease; } .sidebar .sidebar-instagram .image-list li .image-box:hover img{ opacity: 0.3; } .blog-details-content{ position: relative; margin-right: 20px; border: 2px solid #f0f0f0; padding: 30px 30px 100px 30px; } .blog-details-content .inner-box .image-box img{ width: 100%; } .blog-details-content .inner-box .content-one .image-box{ position: relative; display: block; margin-bottom: 27px; } .blog-details-content .inner-box .content-one .post-info li{ position: relative; display: inline-block; font-size: 14px; line-height: 24px; color: #8e9c9f; } .blog-details-content .inner-box .content-one .post-info li a{ display: inline-block; color: #8e9c9f; } .blog-details-content .inner-box .content-one .post-info li a:hover{ } .blog-details-content .inner-box .content-one .post-info{ position: relative; margin-bottom: 11px; } .blog-details-content .inner-box .content-one{ position: relative; margin-bottom: 40px; } .blog-details-content .inner-box .content-one h3{ position: relative; display: block; font-size: 30px; line-height: 38px; color: #222; font-weight: 500; margin-bottom: 16px; } .blog-details-content .inner-box .two-column .image-box{ position: relative; display: block; } .blog-details-content .inner-box .two-column .image-box img{ width: 100%; } .blog-details-content .inner-box .two-column .text h3{ position: relative; display: block; font-size: 24px; line-height: 32px; font-weight: 500; color: #222; margin-bottom: 20px; } .blog-details-content .inner-box .two-column .text p{ margin-bottom: 26px; } .blog-details-content .inner-box .two-column .text .list li{ position: relative; display: block; margin-bottom: 1px; padding-left: 22px; } .blog-details-content .inner-box .two-column .text .list li:last-child{ margin-bottom: 0px; } .blog-details-content .inner-box .two-column .text .list li:before{ position: absolute; content: ''; width: 6px; height: 6px; border-radius: 50%; left: 0px; top: 10px; } .blog-details-content .inner-box .two-column{ position: relative; margin-bottom: 47px; } .blog-details-content .inner-box .content-two .text h3{ position: relative; display: block; font-size: 24px; line-height: 32px; font-weight: 500; color: #222; margin-bottom: 14px; } .blog-details-content .inner-box{ position: relative; margin-bottom: 70px; } .blog-details-content .post-share-option{ position: relative; display: block; padding: 24px 0px; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; margin-bottom: 72px; } .blog-details-content .post-share-option ul li{ position: relative; display: inline-block; float: left; margin-right: 8px; } .blog-details-content .post-share-option .post-share li:last-child{ margin-right: 0px; } .blog-details-content .post-share-option .post-share li h6{ position: relative; font-size: 16px; line-height: 30px; color: #222; font-weight: 700; margin-right: 10px; } .blog-details-content .post-share-option .post-share li a{ position: relative; display: inline-block; font-size: 14px; color: #888; background: #f6f6f6; width: 28px; height: 28px; line-height: 28px; text-align: center; border-radius: 50%; } .blog-details-content .post-share-option .post-share li a:hover{ color: #fff; } .blog-details-content .post-share-option .post-tags li a{ position: relative; display: inline-block; font-size: 14px; line-height: 20px; font-family: 'Heebo', sans-serif; color: #222; background: #fbe9e9; border-radius: 5px; padding: 4.5px 17.5px 0.5px 17.5px; text-align: center; } .blog-details-content .post-share-option .post-tags li a:hover{ color: #fff; } .blog-details-content .group-title{ position: relative; display: block; margin-bottom: 51px; } .blog-details-content .group-title h3{ position: relative; font-size: 24px; line-height: 32px; color: #222; font-weight: 700; } .blog-details-content .comments-area .comment{ position: relative; display: block; padding-left: 130px; margin-bottom: 30px; } .blog-details-content .comments-area .comment:last-child{ margin-bottom: 0px; } .blog-details-content .comments-area .comment .thumb-box{ position: absolute; left: 0px; top: 1px; width: 100px; height: 100px; } .blog-details-content .comments-area .comment .comment-info h6{ position: relative; float: left; font-size: 16px; color: #222; font-family: 'Rubik', sans-serif; font-weight: 700; margin: 0px; } .blog-details-content .comments-area .comment .comment-info .post-date{ position: relative; display: block; float: right; font-size: 14px; line-height: 24px; color: #a6a6a6; margin: 0px; } .blog-details-content .comments-area .comment .comment-info{ position: relative; margin-bottom: 14px; } .blog-details-content .comments-area .comment .comment-inner p{ color: #616161; line-height: 28px; margin-bottom: 15px; } .blog-details-content .comments-area .comment .comment-inner .replay-btn{ position: relative; display: inline-block; font-size: 14px; line-height: 20px; background: #fbe9e9; padding: 5px 15px; text-align: center; } .blog-details-content .comments-area .comment .comment-inner .replay-btn:hover{ color: #fff; } .blog-details-content .comments-area .comment .comment-inner{ position: relative; padding-bottom: 23px; border-bottom: 1px solid #e0e0e0; } .blog-details-content .comments-area .comment.replay-comment .comment-inner{ border-bottom: none; } .blog-details-content .comments-area .comment.replay-comment{ border-bottom: 1px solid #e0e0e0; margin-left: 130px; } .blog-details-content .comments-area{ position: relative; margin-bottom: 50px; } .blog-details-content .comments-form-area .comment-form .form-group{ position: relative; margin-bottom: 30px; } .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: 50px; border: 1px solid #e1e1e1; border-radius: 2px; font-size: 16px; color: #616161; background: #fff; padding: 10px 20px; transition: all 500ms ease; } .blog-details-content .comments-form-area .comment-form .form-group textarea{ height: 150px; resize: none; } .blog-details-content .comments-form-area .comment-form .form-group input:focus, .blog-details-content .comments-form-area .comment-form .form-group textarea:focus{ } /*** ==================================================================== Contact-Page ==================================================================== ***/ .google-map-section{ position: relative; width: 100%; } .google-map-section #contact-google-map{ position: relative; width: 100%; height: 560px; } .contact-info-section{ position: relative; padding: 120px 0px; background: #fdf4f4; } .contact-info-section .inner-container{ position: relative; display: block; padding: 50px 0px 40px 0px; } .contact-info-section .single-info .inner-box{ position: relative; display: block; padding: 47px 30px 24px 30px; } .contact-info-section .single-info .inner-box:before{ position: absolute; content: ''; background: rgba(255,255,255,0.2); width: 1px; height: 100%; top: 0px; right: -15px; } .contact-info-section .info-column:last-child .single-info .inner-box:before{ display: none; } .contact-info-section .single-info .inner-box .big-icon{ position: absolute; left: 50%; transform: translateX(-50%); top: 30px; font-size: 140px; line-height: 100px; color: rgba(255,255,255,0.1); } .contact-info-section .single-info .inner-box .icon-box{ position: relative; display: inline-block; font-size: 70px; line-height: 70px; color: #fff; margin-bottom: 44px; } .contact-info-section .single-info .inner-box h3{ position: relative; display: block; font-size: 24px; line-height: 32px; color: #fff; font-weight: 700; margin-bottom: 10px; } .contact-info-section .single-info .inner-box p{ color: #fff; } .contact-info-section .single-info .inner-box p a{ display: inline-block; color: #fff; } .contact-info-section .single-info .inner-box p a:hover{ text-decoration: underline; } /** contact-section **/ .contact-section{ position: relative; background: #fdf4f4; padding-bottom: 120px; } .contact-section .sec-title h2{ font-size: 40px; line-height: 42px; } .contact-section .form-inner .form-group{ position: relative; margin-bottom: 20px; } .contact-section .form-inner .form-group input[type='text'], .contact-section .form-inner .form-group input[type='email'], .contact-section .form-inner .form-group textarea{ position: relative; display: block; width: 100%; height: 60px; background: #fff; border: 2px solid #ededed; padding: 10px 50px 10px 20px; font-size: 16px; color: #565872; transition: all 500ms ease; } .contact-section .form-inner .form-group textarea{ height: 190px; resize: none; } .contact-section .form-inner .form-group input:focus, .contact-section .form-inner .form-group textarea:focus{ } .contact-section .form-inner .form-group i{ position: absolute; top: 20px; right: 20px; color: #244a6a; z-index: 1; } .contact-section .form-inner .form-group.message-btn{ margin-top: 30px; padding-top: 0px; margin-bottom: 0px; } .contact-section .sec-title{ margin-bottom: 65px; } .contact-section .form-inner .form-group .theme-btn{ padding: 12px 45px; } .mt-0{ margin-top: 0px !important; }