* { margin:0px; padding:0px; border:none; outline:none; } /*** ==================================================================== Global Settings ==================================================================== ***/ body { font-size:17px; color:#827e7d; line-height:27px; font-weight:400; background:#ffffff; font-family: 'Manrope', 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: 1550px; padding: 0px 15px; margin: 0 auto; } .container-fluid{ padding: 0px; } .no-padding { 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; margin: 0 auto; overflow: hidden !important; 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: 'Manrope', sans-serif; font-weight: 400; font-size: 16px; background: transparent; } ::-webkit-input-placeholder { color: inherit; } ::-moz-input-placeholder { color: inherit; } ::-ms-input-placeholder { color: inherit; } 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; } h1,h2,h3,h4,h5,h6{ position:relative; font-family: 'Monda', sans-serif; font-weight: 400; color: #1c1c1c; margin: 0px; transition: all 500ms ease; } /* Preloader */ .handle-preloader { align-items: center; -webkit-align-items: center; display: flex; display: -ms-flexbox; height: 100%; justify-content: center; -webkit-justify-content: center; position: fixed; background:#fff; left: 0; top: 0; width: 100%; z-index: 9999999; } .loderlogo { width: 450px; } .preloader-close{ position: fixed; z-index: 99999999; font-size: 26px; background: #fff; width: 40px; height: 40px; line-height: 36px; text-align: center; border-radius: 50%; cursor: pointer; right: 30px; top: 30px; } .handle-preloader .animation-preloader { position: absolute; z-index: 100; } .handle-preloader .animation-preloader .spinner{ animation: spinner 1s infinite linear; border-radius: 50%; height: 150px; margin: 0 auto 45px auto; width: 150px; } .handle-preloader .animation-preloader .txt-loading { text-align: center; user-select: none; } .handle-preloader .animation-preloader .txt-loading .letters-loading:before{ animation: letters-loading 4s infinite; content: attr(data-text-preloader); left: 0; opacity: 0; top:0; position: absolute; } .handle-preloader .animation-preloader .txt-loading .letters-loading{ font-family: 'Monda', sans-serif; font-weight: 500; letter-spacing: 15px; display: inline-block; position: relative; font-size: 70px; line-height: 70px; text-transform: uppercase; } .handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(2):before {animation-delay: 0.2s;} .handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(3):before {animation-delay: 0.4s;} .handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(4):before {animation-delay: 0.6s;} .handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(5):before {animation-delay: 0.8s;} .handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(6):before { animation-delay: 1s;} .handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(7):before { animation-delay: 1.2s;} .handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(8):before { animation-delay: 1.4s;} .handle-preloader .loader-section { background-color: #ffffff; height: 100%; position: fixed; top: 0; width: calc(50% + 1px); } .preloader .loaded .animation-preloader { opacity: 0; transition: 0.3s ease-out; } .handle-preloader .animation-preloader .txt-loading .letters-loading{ color: #ffffff; } .handle-preloader .animation-preloader .txt-loading .letters-loading:before{ color: #ffffff; } .handle-preloader .animation-preloader .spinner{ border: 3px solid #ffffff; border-top-color: rgba(255, 255, 255, 0.5); } /* Animación del preloader */ @keyframes spinner { to { transform: rotateZ(360deg); } } @keyframes letters-loading { 0%, 75%, 100% { opacity: 0; transform: rotateY(-90deg); } 25%, 50% { opacity: 1; transform: rotateY(0deg); } } @media screen and (max-width: 767px) { .handle-preloader .animation-preloader .spinner { height: 8em; width: 8em; } } @media screen and (max-width: 500px) { .handle-preloader .animation-preloader .spinner { height: 7em; width: 7em; } .handle-preloader .animation-preloader .txt-loading .letters-loading {font-size: 30px; letter-spacing: 10px;} } .centred{ text-align: center; } .pull-left{ float: left; } .pull-right{ float: right; } .special_fonts{ font-family: 'DM Sans', sans-serif; } figure{ margin: 0px; } img { display: inline-block; max-width: 100%; height: auto; transition-delay: .1s; transition-timing-function: ease-in-out; transition-duration: .7s; transition-property: all; } /** button **/ .theme-btn{ position: relative; display: inline-block; overflow: hidden; vertical-align: middle; font-size: 14px; line-height: 24px; font-weight: 700; font-family: 'Monda', sans-serif; text-align: center; padding: 17px 30px; text-transform: uppercase; z-index: 1; transition: all 500ms ease; background: #0189a6; border-radius: 5px; } .theme-btn.btn-one{ background: #ffffff; color: #000000; } .theme-btn.btn-one:hover{ color: #fff; } .theme-btn span{ position: relative; padding-right: 40px; } .theme-btn span:before{ position: absolute; content: "\f105"; font-family: 'flaticon'; font-size: 10px; width: 26px; height: 26px; line-height: 26px; text-align: center; border-radius: 50%; top: -1px; right: 0px; transition: all 500ms ease; } .theme-btn.btn-one span:before{ color: #fff; background: #1c1712; } .theme-btn.btn-one:hover span:before{ background: #fff; } figure { margin: 0px; } .theme-btn.btn-two{ color: #fff; } .theme-btn.btn-two span:before{ background: #fff; } .theme-btn.btn-two:hover{ background: #1c1c1c; } .row{ --bs-gutter-x: 30px; } .pagination{ position: relative; display: block; } .pagination li{ position: relative; display: inline-block; margin-right: 12px; } .pagination li:last-child{ margin: 0px !important; } .pagination li a{ position: relative; display: inline-block; font-size: 20px; font-weight: 700; height: 56px; width: 56px; line-height: 56px; border: 1px solid #e2e2e2; font-family: 'Monda', sans-serif; text-align: center; color: #1c1c1c; border-radius: 50%; z-index: 1; transition: all 500ms ease; } .pagination li a:hover, .pagination li a.current{ color: #fff; } .pagination li i{ color: #aaa7a6; font-size: 16px; transition: all 500ms ease; } .pagination li a:hover i{ color: #fff; } .sec-pad { padding: 50px 0px 50px 0px; } .mr-0{ margin: 0px !important; } .scroll-top { width: 48px; height: 48px; line-height: 48px; position: fixed; bottom: 105%; right: 50px; font-size: 16px; z-index: 99; color: #fff; text-align: center; border-radius: 50%; cursor: pointer; transition: 1s ease; box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.10) !important; } .scroll-top.open { bottom: 15px; } .scroll-top i{ position: relative; display: inline-block; transform: rotate(180deg); } .sec-title{ position: relative; display: block; margin-bottom: 49px; } .sec-title .sub-title{ position: relative; display: inline-block; font-size: 15px; line-height: 24px; font-family: 'Monda', cursive; color: #222; font-weight: 700; padding-bottom: 7px; margin-bottom: 15px; text-transform: uppercase; } .sec-title .sub-title:before{ position: absolute; content: ''; width: 100%; height: 1px; left: 0px; bottom: 0px; background: #222; } .sec-title h2{ position: relative; display: block; font-size: 37px !important; line-height: 58px; font-weight: 700; margin: 0px; color: #0189a6; } .sec-title.light h2{ color: #fff; } .owl-dots-none .owl-dots, .owl-nav-none .owl-nav{ display: none !important; } /*** ==================================================================== Home-Page-One ==================================================================== ***/ /** main-header **/ .main-header{ position:relative; left:0px; top:0px; right: 0px; z-index:99; 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; left:0px; top:0px; width:100%; z-index:0; background-color: #fff; border-bottom: 1px solid rgba(0, 0, 0, 0.10); 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{ height:90px; 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; border-bottom: 1px solid #e2e2e2; padding: 0px 50px; } .header-top .outer-container{ position: relative; padding: 10px 0px; display: flex; align-items: center; justify-content: space-between; } .header-top .social-links li{ position: relative; display: inline-block; float: left; margin-right: 25px; } .header-top .social-links li:last-child{ margin: 0px; } .header-top .social-links li h5{ display: block; font-size: 17px; line-height: 28px; color: #827e7d; font-weight: 700; } .header-top .social-links li a{ position: relative; display: inline-block; font-size: 18px; color: #a9a6a5; } .header-top .social-links li:before{ position: absolute; content: ''; background: #a9a6a5; width: 4px; height: 4px; top: 12px; right: -14px; border-radius: 50%; } .header-top .social-links li:first-child:before, .header-top .social-links li:last-child:before{ display: none; } .header-top .text h5{ position: relative; display: block; font-size: 17px; line-height: 28px; color: #827e7d; font-weight: 700; } .header-top .links-list li{ position: relative; display: inline-block; font-size: 17px; line-height: 28px; margin-right: 25px; font-weight: 700; } .header-top .links-list li:last-child{ margin-right: 0px; } .header-top .links-list li a{ position: relative; display: inline-block; color: #827e7d; } .main-header .outer-box{ height:90px; position: relative; display: flex; align-items: center; justify-content: space-between; padding: 0px 50px; } .main-header .menu-left-content{ position: relative; display: flex; align-items: center; padding: 28px 50px 28px 0px; margin-right: 30px; border-right: 1px solid #e2e2e2; } .main-header .menu-left-content .logo-box{ position: relative; margin-right: 100px; } .main-header .menu-left-content .logo-box:before{ position: absolute; content: ''; background: #e2e2e2; width: 1px; height: 66px; right: -54px; top: -4px; } .main-header .search-box-outer{ position: relative; } .main-header .search-box-outer h5{ position: relative; display: block; font-size: 17px; line-height: 27px; color: #1c1c1c; font-weight: 700; padding-left: 38px; cursor: pointer; transition: all 500ms ease; } .main-header .search-box-outer h5 i{ position: absolute; left: 0px; top: 2px; font-size: 24px; } .main-header .menu-right-content{ position: relative; display: flex; align-items: center; padding: 23px 0px 22px 80px; margin-left: 30px; border-left: 1px solid #e2e2e2; } .main-header .menu-right-content .option-list li{ position: relative; display: inline-block; float: left; margin-right: 15px; } .main-header .menu-right-content .option-list li:last-child{ margin: 0px; } .main-header .menu-right-content .option-list li a{ position: relative; display: inline-block; width: 44px; height: 44px; line-height: 44px; border: 1px solid #d6d6d6; font-size: 20px; color: #1c1c1c; text-align: center; } .main-header .menu-right-content .option-list li a:hover{ color: #fff; } .main-header .menu-right-content .option-list{ position: relative; margin-right: 100px; } .main-header .menu-right-content .option-list:before{ position: absolute; content: ''; background: #e2e2e2; width: 1px; height: 66px; right: -54px; top: 0px; } .main-header .menu-right-content .btn-box{ position: relative; padding-left: 60px; } .main-header .menu-right-content .btn-box .icon-box{ position: absolute; left: 0px; top: -7px; display: inline-block; width: 44px; height: 44px; line-height: 50px; text-align: center; font-size: 24px; color: #fff; } .main-header .menu-right-content .btn-box a{ position: relative; display: inline-block; font-size: 14px; line-height: 24px; font-family: 'Monda', sans-serif; font-weight: 700; text-transform: uppercase; color: #1c1c1c; padding-right: 25px; } .main-header .menu-right-content .btn-box a i{ position: absolute; top: 1px; right: 0px; font-size: 12px; } /** main-menu **/ .main-menu{ float: left; } .main-menu .navbar-collapse{ padding:0px; display:block !important; } .main-menu .navigation{ margin:0px; padding-left: 9rem; } .main-menu .navigation > li{ position:inherit; float:left; z-index:2; margin: 0px 22px; -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:18px; line-height:30px; padding: 30px 8px; font-weight:700; font-family: Archivo, sans-serif; opacity:1; color: #1c1c1c; z-index:1; text-transform: capitalize; -webkit-transition:all 500ms ease; -moz-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; transition:all 500ms ease; text-decoration: none; } .main-menu .navigation > li > a:before, .main-menu .navigation > li > a:after{ position: absolute; opacity: 0; transition: all 500ms ease; } .main-menu .navigation > li > a:before{ content: '['; left: 0px; top: 30px; } .main-menu .navigation > li > a:after{ content: ']'; right: 0px; top: 31px; } .main-menu .navigation > li.current > a:before, .main-menu .navigation > li.current > a:after, .main-menu .navigation > li > a:hover:before, .main-menu .navigation > li > a:hover:after{ opacity: 1; } .main-menu .navigation > li > ul, .main-menu .navigation > li > ul > li > ul, .main-menu .navigation > li > .megamenu{ position: absolute; left: inherit; top: 100%; width: 320px; margin-top: 20px; z-index: 100; background: #fff; display: none; opacity: 0; padding: 10px 20px; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05); visibility: hidden; border-radius: 0px; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; } .main-menu .navigation > li > ul:before, .main-menu .navigation > li > ul > li > ul:before{ position: absolute; content: ''; width: 100%; height: 10px; left: 0px; top: -10px; background: transparent; } .main-menu .navigation > li > .megamenu{ background: #212226; } .main-menu .navigation > li > .megamenu a{ display: inline-block !important; } .main-menu .navigation > li > ul.from-right{ left:auto; right:0px; } .main-menu .navigation > li > ul > li{ position:relative; width:100%; padding: 0px 0px; padding-right: 0px; } .main-menu .navigation > li > ul > li > ul > li{ position:relative; width:100%; padding: 0px 15px; padding-right: 0px; } #navbarSupportedContent > ul > li.dropdown > ul > li > ul > ul > li{ position: relative; width: 100%; padding: 0px 30px; padding-right: 0px; } .main-menu .navigation > li > ul > li > a, .main-menu .navigation > li > ul > li > ul > li > a, .main-menu .navigation > li > ul > li > ul > li > ul > li > a{ position:relative; display:block; line-height:19px; font-weight:400; font-size:15px; font-family: 'Manrope', sans-serif; color:#1d1d1b; text-align: left; padding: 12px 1px; text-transform: capitalize; transition:all 500ms ease; border-bottom: 1px solid #e2e2e2; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; text-decoration: none; } #navbarSupportedContent > ul > li.dropdown > ul > li > ul > li> ul > li:last-child > a{ border-bottom: none !important; } .main-menu .navigation > li > a:hover{ text-decoration: none !important; } a:hover{ text-decoration: none !important; } .main-menu .navigation > li > ul > li:last-child a{ border-bottom: none; } .main-menu .navigation > li > ul > li > a:hover:before{ opacity: 1; } .main-menu .navigation > li > .megamenu li > a{ padding-left: 0px; padding-right: 0px; } .main-menu .navigation > li > .megamenu h4{ display: block; font-size: 20px; line-height: 30px; color: #ffffff; } .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.dropdown > a:after{ font-family: 'Font Awesome 6 Free'; content: "\f078"; position:absolute; right:20px; top:12px; color: #000; display:block; line-height:24px; font-size:16px; font-weight:700; text-align:center; z-index:5; transition: all 500ms ease; } .main-menu .navigation > li > ul > li > ul > li > ul, .main-menu .navigation > li > ul > li > ul{ position: absolute; left: 100%; top: 0%; margin-top: 15px; margin-right: 0px; width: 170px; z-index: 100; display: none; border-radius: 0px; padding: 10px 0px; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05); width: 240px; 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:before{ position: absolute; content: ''; left: -10px; top: 0px; width: 10px; height: 100%; } .main-menu .navigation > li > ul > li > ul.from-right{ left:auto; right:0px; } .main-menu .navigation > li > ul > li > ul > li{ position:relative; width:100%; padding: 0px 25px; padding-right: 0px; } .main-menu .navigation > li > ul > li > ul > li > ul > li{ position:relative; width:100%; padding: 0px 35px 0px 15px; padding-right: 0px; } .main-menu .navigation > li > ul > li > ul > li:last-child{ border-bottom:none; } .main-menu .navigation > li > ul > li > ul > li:last-child > a{ border-bottom: none; } .main-menu .navigation > li > ul > li > ul > li.dropdown > a:after{ font-family: 'Font Awesome 6 free'; content: "\f078"; 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; margin-top: 10px; top: 100%; } .main-menu .navigation li > ul > li.dropdown:hover > ul{ visibility:visible; opacity:1; top: 0%; margin-top: 0px; } .main-menu .navigation li > ul > li.dropdown > ul > li.dropdown:hover > ul{ visibility:visible; opacity:1; top: 0%; margin-top: 0px; } .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.dropdown ul li.dropdown .dropdown-btn{ display: none; } .menu-area .mobile-nav-toggler { position: relative; float: right; font-size: 40px; line-height: 50px; cursor: pointer; color: #3786ff; display: none; } .menu-area .mobile-nav-toggler .icon-bar{ position: relative; height: 2px; width: 30px; display: block; margin-bottom: 5px; background-color: #1c1c1c; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .menu-area .mobile-nav-toggler .icon-bar:last-child{ margin-bottom: 0px; } /** megamenu-style **/ .main-menu .navigation > li.dropdown > .megamenu{ position: absolute; width: 100%; padding: 30px 50px; left: 0px; } .main-menu .navigation li.dropdown .megamenu li h4{ 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; transition: all 900ms ease; } .mobile-menu .navbar-collapse{ display:block !important; } .mobile-menu .nav-logo{ position:relative; padding:20px 25px; text-align:left; padding-bottom: 40px; } .mobile-menu-visible{ overflow: hidden; } .mobile-menu-visible .mobile-menu{ opacity: 1; visibility: visible; } .mobile-menu .menu-backdrop{ position: fixed; left: 0%; top: 0; width: 100%; height: 100%; z-index: 1; transition: all 900ms ease; background-color: #000; } .mobile-menu-visible .mobile-menu .menu-backdrop{ opacity: 0.70; visibility: visible; right: 100%; -webkit-transition: all .8s ease-out 0s; -o-transition: all .8s ease-out 0s } .mobile-menu .menu-box{ position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; max-height: 100%; overflow-y: auto; background: #ebebeb; padding: 0px 0px; z-index: 5; opacity: 0; visibility: hidden; border-radius: 0px; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); transition: all 900ms ease !important; } .mobile-menu-visible .mobile-menu .menu-box{ opacity: 1; visibility: visible; -webkit-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: #0189a6; 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 rgb(0 0 0 / 27%); } .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: 15px 25px; font-size: 18px; font-weight: 500; color: #222; 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: 18px; margin-left: 0px; text-transform: capitalize; padding: 15px 10px; } .mobile-menu .navigation li > a:before{ content:''; position:absolute; left:0; top:0; height:0; border-left:5px solid #0189a6; -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:#0189a6; 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{ color: #0189a6; -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:0px 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; } div#mCSB_1_container{ top: 0px !important; } .mobile-menu .contact-info { position: relative; padding: 120px 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:last-child{ margin-bottom: 0px; } .main-header .outer-box{ position: relative; } .nice-select{ position: relative; background: transparent; border: none; font-size: 15px; font-weight: 400; text-transform: uppercase; padding: 0px; color: #d4c0cd; padding-right: 21px; height: auto; line-height: 28px; } .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); } .special-text{ font-family: 'Carattere', cursive; } /** banner-section **/ .banner-section{ position: relative; } .banner-carousel .slide-item{ position: relative; padding: 101px 0px 120px 0px; } .banner-carousel .slide-item:before{ position: absolute; content: ''; width: 100%; height: 100%; background: #000; top: 0px; right: 0px; opacity: 0.3; z-index: 1; } .banner-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 8000ms linear; -moz-transition: all 8000ms linear; -ms-transition: all 8000ms linear; -o-transition: all 8000ms linear; transition: all 8000ms linear; } .banner-carousel .active .slide-item .image-layer{ -webkit-transform:scale(1.25); -ms-transform:scale(1.25); transform:scale(1.25); } .banner-carousel .content-box{ position: relative; width: 100%; margin-left: -5px; z-index: 5; } .banner-carousel .content-box .special-text{ position: relative; display: block; font-size: 280px; line-height: 200px; font-family: 'Monda', sans-serif; font-weight: 700; min-height: 200px; color: transparent; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: rgba(255, 255, 255, 0.30); margin-bottom: 93px; } .banner-carousel .content-box h2{ position: relative; display: block; font-size: 60px; line-height: 90px; font-weight: 700; color: #fff; margin-bottom: 32px; opacity: 0; -webkit-transform: translateY(10px); -moz-transform: translateY(10px); -ms-transform: translateY(10px); -o-transform: translateY(10px); transform: translateY(10px); -webkit-transition: all 1000ms ease; -moz-transition: all 1000ms ease; -ms-transition: all 1000ms ease; -o-transition: all 1000ms ease; transition: all 1000ms ease; } .banner-carousel .active .content-box h2{ opacity: 1; -webkit-transition-delay: 700ms; -moz-transition-delay: 700ms; -ms-transition-delay: 700ms; -o-transition-delay: 700ms; transition-delay: 700ms; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .banner-carousel .content-box h2 span{ position: relative; display: inline-block; z-index: 1; } .banner-carousel .content-box h2 span:before{ position: absolute; content: ''; width: 100%; left: 0px; bottom: 2px; z-index: -1; } .banner-carousel .content-box p{ position: relative; display: block; font-size: 19px; line-height: 29px; font-weight: 700; color: #d6d6d6; margin-bottom: 40px; opacity: 0; -webkit-transform: translateY(10px); -moz-transform: translateY(10px); -ms-transform: translateY(10px); -o-transform: translateY(10px); transform: translateY(10px); -webkit-transition: all 1000ms ease; -moz-transition: all 1000ms ease; -ms-transition: all 1000ms ease; -o-transition: all 1000ms ease; transition: all 1000ms ease; } .banner-carousel .active .content-box p{ opacity: 1; -webkit-transition-delay: 1000ms; -moz-transition-delay: 1000ms; -ms-transition-delay: 1000ms; -o-transition-delay: 1000ms; transition-delay: 1000ms; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .banner-carousel .content-box .btn-box{ opacity: 0; -webkit-transform: translateY(10px); -moz-transform: translateY(10px); -ms-transform: translateY(10px); -o-transform: translateY(10px); transform: translateY(10px); -webkit-transition: all 1000ms ease; -moz-transition: all 1000ms ease; -ms-transition: all 1000ms ease; -o-transition: all 1000ms ease; transition: all 1000ms ease; } .banner-carousel .active .content-box .btn-box{ opacity: 1; -webkit-transition-delay: 1300ms; -moz-transition-delay: 1300ms; -ms-transition-delay: 1300ms; -o-transition-delay: 1300ms; transition-delay: 1300ms; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .banner-carousel .content-box .theme-btn span:before{ background: #818387; } .banner-carousel .content-box .theme-btn:hover span:before{ background: #fff; } .owl-carousel .owl-nav span{ font-family: 'flaticon'; } .banner-carousel .owl-nav{ position: absolute; left: 0px; right: 0px; max-width: 704px; width: 100%; margin: 0 auto; bottom: 50px; text-align: right; } .banner-carousel .owl-nav button{ position: relative; display: inline-block; width: 60px; height: 60px; line-height: 60px; text-align: center; border: 1px solid #fff; font-size: 16px; color: #fff; border-radius: 50%; transition: all 500ms ease; } .banner-carousel .owl-nav button.owl-prev{ margin-right: 20px; } .banner-carousel .owl-dots{ position: absolute; left: 105px; top: 50%; width: 105px; min-height: 40px; counter-reset: slides-num; } .banner-carousel .owl-dots::after { position: absolute; right: 0px; top: 53px; content: "0" counter(slides-num); display: inline-block; font-size: 24px; color: #fff; font-weight: 700; font-family: 'Monda', sans-serif; } .banner-carousel .owl-dots:before{ position: absolute; content: ''; right: 41px; top: 58px; width: 1px; height: 18px; background: #fff; opacity: 0.5; } .banner-carousel .owl-dots button span{ display: none !important; } .banner-carousel .owl-dots button{ position: absolute; top: 0px; left: 0px; counter-increment: slides-num; font-size: 90px; line-height: 80px; font-family: 'Monda', sans-serif; color: #fff; } .banner-carousel .owl-dots button.active:before{ position: absolute; content: counter(slides-num); } .banner-carousel .owl-dots button.active:after{ position: absolute; content: '0'; top: 0px; right: 0px; } .banner-section .text-box h3{ position: relative; display: block; font-size: 22px; line-height: 32px; color: #fff; font-weight: 700; padding-right: 160px; padding-bottom: 12px; } .banner-section .text-box h3:before{ position: absolute; content: ''; background: #fff; width: 100%; height: 1px; left: 0px; bottom: 0px; opacity: 0.3; } .banner-section .text-box .text-1{ position: absolute; left: 60px; bottom: 50px; z-index: 2; } .banner-section .text-box .text-2{ position: absolute; right: 60px; bottom: 50px; z-index: 2; } .banner-section .line-box .line-1, .banner-section .line-box .line-2{ position: absolute; top: 0px; width: 1px; height: 100%; background: #fff; opacity: 0.15; z-index: 2; } .banner-section .line-box .line-1{ left: 481px; } .banner-section .line-box .line-2{ right: 513px; } /** about-section **/ .about-section{ position: relative; border-bottom: 1px solid #e2e2e2; padding: 70px 0px 40px 0px; background: #0189a61c; } .about-section:before{ position: absolute; content: ''; /*background: #f5f5f5;*/ background: #fff; width: 50%; height: 100%; left: 0px; top: 0px; border-right: 1px solid #e2e2e2; } .about-section .image-box{ position: relative; display: block; margin-right: 100px; } .about-section .image-box .image{ position: relative; display: block; margin-bottom: 23px; } .about-section .image-box .image img{ width: 100%; border-radius: 4px; } .about-section .image-box .text{ position: relative; display: block; text-align: right; } .about-section .image-box .text h5{ position: relative; font-size: 18px; line-height: 28px; font-weight: 700; padding-right: 21px; } .about-section .image-box .text h5:before{ position: absolute; content: ''; width: 11px; height: 11px; top: 11px; right: 0px; border-radius: 50%; } .about-section .content-box{ position: relative; display: block; margin-left: 60px; margin-top: -9px; } .about-section .content-box .sec-title{ margin-bottom: 15px; } .about-section .content-box .text{ position: relative; display: block; padding-top: 25px; margin-top: 13px; border-top: 1px solid #0000002e; } .about-section .content-box .single-box{ position: relative; display: block; margin-bottom: 38px; } .about-section .content-box .single-box h3{ position: relative; display: block; font-size: 20px; line-height: 34px; font-weight: 500; margin-bottom: 8px; } .about-section .content-box .inner-box{ position: relative; display: block; padding: 0px 0px 0px 135px; } .about-section .content-box .inner-box .curve-text{ position: absolute; left: 58px; top: -10px; } .about-section .content-box .inner-box .curve-text:before{ position: absolute; content: '.'; left: -8px; top: -8px; font-size: 24px; font-family: 'Inter Tight', sans-serif; color: #1c1c1c; } .about-section .content-box .inner-box .curve-text .curved-circle{ font-size: 13px; line-height: 23px; font-family: 'Inter Tight', sans-serif; color: #1c1c1c; text-transform: uppercase; font-weight: 700; transform: rotate(175deg); } .about-section .content-box .inner-box .curve-text .icon-box{ position: absolute; left: -23px; top: 35px; font-size: 45px; } .about-section .content-box .inner-box h4{ display: block; font-size: 20px; line-height: 30px; font-weight: 700; margin-bottom: 4px; } .about-section .content-box .inner-box p{ margin-bottom: 8px; } .about-section .content-box .inner-box button{ position: relative; display: inline-block; padding-left: 32px; font-size: 14px; line-height: 24px; font-family: 'Monda', sans-serif; font-weight: 700; text-transform: uppercase; color: #1c1c1c; transition: all 500ms ease; } .about-section .content-box .inner-box button i{ position: absolute; left: 0px; top: -1px; font-size: 24px; } /** funfact-section **/ .funfact-section{ position: relative; padding: 30px 0px; } .funfact-section .big-text{ position: absolute; left: 0px; top: 50%; transform: translateY(-50%); width: 100%; text-align: center; font-size: 280px; line-height: 200px; font-weight: 700; font-family: 'Monda', sans-serif; color: transparent; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: #e2e2e2; } .funfact-section .outer-container{ padding: 0px 50px; } .funfact-block-one .inner-box{ position: relative; display: flex; align-items: center; justify-content: left; } .funfact-block-one .inner-box .icon-box{ position: relative; display: inline-block; width: 90px; height: 90px; line-height: 96px; font-size: 50px; color: #0189a6; text-align: center; border-radius: 50%; margin-right: 0px; margin-bottom: 15px; } .funfact-block-one .inner-box .count-outer{ position: relative; font-size: 55px ; line-height: 55px; font-family: 'Monda', sans-serif; font-weight: 600; color: #1c1c1c; margin-right: 0px; } .funfact-block-one .inner-box .text h3{ display: block; font-size: 24px; line-height: 34px; font-weight: 700; margin-bottom: 5px; } .bg-color-1{ background: #f3f1f1; } /** service-section **/ .service-section{ position: relative; border-top: 1px solid #dad9d7; border-bottom: 1px solid #dad9d7; } .service-section .sec-title{ margin-bottom: 65px; } .service-block-one .inner-box{ position: relative; display: block; padding:0px 30px 50px; } .service-block-one .inner-box .image-box{ position: relative; display: block; width: 230px; height: 230px; border-radius: 50%; margin: 0 auto; margin-bottom: 30px; } .service-block-one .inner-box .image-box:before{ position: absolute; content: ''; width: 260px; height: 260px; border: 1px solid #000000; border-radius: 50%; left: -16px; top: -15px; } .service-block-one .inner-box .image-box .image{ position: relative; display: block; border-radius: 50%; } .service-block-one .inner-box .image-box .image img{ width: 100%; border-radius: 50%; } .service-block-one .inner-box .image-box .shape{ position: absolute; left: 5px; top: 5px; width: 220px; height: 220px; background-repeat: no-repeat; transition: all 500ms ease; } .service-block-one .inner-box:hover .image-box .shape{ transform: scale(0,0); } .service-block-one .inner-box .lower-content{ position: relative; display: block; text-align: center; } .service-block-one .inner-box .lower-content h3{ position: relative; display: block; font-size: 21px; line-height: 34px; font-weight: 700; margin-bottom: 5px; } .service-block-one .inner-box .lower-content h3 a{ display: inline-block; color: #1c1c1c; } .service-block-one .inner-box .lower-content p{ position: relative; display: block; margin-bottom: 10px; } .service-block-one .inner-box .lower-content .btn-box a{ position: relative; display: inline-block; font-size: 14px; line-height: 24px; font-family: 'Monda', sans-serif; font-weight: 700; text-transform: uppercase; color: #1c1c1c; } .service-block-one .inner-box .lower-content .btn-box a span{ position: relative; padding-left: 55px; } .service-block-one .inner-box .lower-content .btn-box a span:before{ position: absolute; content: "\f105"; font-family: 'flaticon'; font-size: 16px; width: 40px; height: 40px; line-height: 40px; text-align: center; border-radius: 50%; left: 0px; top: -8px; font-weight: 400; transition: all 500ms ease; border: 1px solid #000; } .service-block-one .inner-box .lower-content .btn-box a:hover span:before{ color: #fff; } .service-block-one .inner-box .lower-content .big-text{ position: absolute; right: 0px; bottom: 10px; font-size: 130px; line-height: 120px; font-family: 'Monda', sans-serif; color: #eaeaea; font-weight: 700; text-transform: uppercase; } .service-section .line-box{ position: absolute; left: 0px; top: 0px; right: 0px; max-width: 1170px; width: 100%; height: 100%; margin: 0 auto; } .service-section .line-box .line{ position: absolute; top: 0px; width: 1px; height: 100%; background: #d6d6d6; } .service-section .line-box .line-1{ left: 0px; } .service-section .line-box .line-2{ left: 33.3334%; } .service-section .line-box .line-3{ left: 66.666%; } .service-section .line-box .line-4{ right: 0px; } /** clients-section **/ .clients-section{ position: relative; padding: 50px 0px 50px 0px; border-bottom: 1px solid #e2e2e2; background: #cfcfcf; } .clients-section .owl-carousel .owl-stage { display: flex; align-items: center; justify-content: space-between; } .clients-section .clients-logo{ position: relative; display: block; } .clients-section .clients-logo img{ position: relative; display: block; width: 200px; /*auto*/ max-width: 100%; margin: 0 auto; border: 1px solid #00000061; padding: 8px 5px; border-radius: 3px; } .border-top{ border-top: 1px solid #e2e2e2 !important; } .border-bottom{ border-bottom: 1px solid #e2e2e2 !important; } /** chooseus-section **/ .chooseus-section{ position: relative; } .service-style-two .service-block{ min-height: 200px; } .chooseus-section .sec-title{ margin-right: 100px; padding: 114px 0px 190px 0px; margin-bottom: 0px; } .chooseus-section .sec-title h2{ margin-bottom: 23px; } .chooseus-section .sec-title p{ margin-bottom: 33px; } .chooseus-section .right-column{ position: absolute; top: 0px; right: 0px; width: 50%; border-left: 1px solid #e2e2e2; } .chooseus-section .scroll-text{ position: relative; display: block; overflow: hidden; padding: 35px 0px 35px 40px; } .chooseus-section .scroll-text .text-list{ position: relative; display: block; width: 100%; min-width: 1300px; -moz-animation: scroll-left 40s linear infinite; -webkit-animation: scroll-left 40s linear infinite; animation: scroll-left 40s linear infinite; } @-moz-keyframes scroll-left { 0% { -moz-transform: translateX(0%); } 100% { -moz-transform: translateX(-100%); } } @-webkit-keyframes scroll-left { 0% { -webkit-transform: translateX(0%); } 100% { -webkit-transform: translateX(-100%); } } .chooseus-section .scroll-text .text-list li{ position: relative; display: inline-block; float: left; font-size: 40px; line-height: 50px; font-family: 'Monda', sans-serif; font-weight: 700; text-transform: uppercase; color: transparent; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: #e2e2e2; margin-right: 70px; } .chooseus-section .scroll-text .text-list li:last-child{ margin: 0px; } .chooseus-section .scroll-text .text-list li:before{ position: absolute; content: ''; width: 11px; height: 11px; right: -40px; top: 19px; border-radius: 50%; } .chooseus-section .scroll-text .text-list li:last-child:before{ display: none; } .chooseus-section .content-box .single-item{ position: relative; display: block; border-bottom: 1px solid #e2e2e2; overflow: hidden; } .chooseus-section .content-box .single-item:first-child{ border-top: 1px solid #e2e2e2; } .chooseus-section .content-box .static-content{ position: relative; display: flex; align-items: center; padding: 39px 0px 39px 55px; } .chooseus-section .content-box .static-content:before{ position: absolute; content: ''; background: #e2e2e2; width: 1px; height: 100%; top: 0px; left: 164px; } .chooseus-section .content-box .static-content .count-text{ position: relative; display: inline-block; width: 56px; height: 56px; line-height: 56px; background: #f3f1f1; text-align: center; border-radius: 50%; font-size: 20px; font-family: 'Monda', sans-serif; font-weight: 700; color: #1c1c1c; margin-right: 105px; } .chooseus-section .content-box .text{ max-width: 380px; } .chooseus-section .content-box h3{ position: relative; display: inline-block; font-size: 24px; line-height: 34px; font-weight: 700; padding-right: 25px; margin-bottom: 8px; } .chooseus-section .content-box h3:before{ position: absolute; content: "\f105"; font-family: 'flaticon'; font-size: 14px; font-weight: 400; color: #a9a6a5; top: 1px; right: 0px; } .chooseus-section .content-box .overlay-content{ position: absolute; left: 0px; top: 10px; width: 100%; height: 100%; display: flex; align-items: center; padding: 30px 0px 30px 40px; background: #1c1c1c; z-index: 1; opacity: 0; transition: all 500ms ease; } .chooseus-section .content-box .single-item:hover .overlay-content{ top: 0px; opacity: 1; } .chooseus-section .content-box .overlay-content:before{ position: absolute; content: ''; background: #4f4d4f; width: 1px; height: 100%; top: 0px; left: 164px; } .chooseus-section .content-box .overlay-content .icon-box{ position: relative; display: inline-block; width: 85px; height: 85px; line-height: 85px; font-size: 50px; color: #fff; text-align: center; border-radius: 50%; margin-right: 90px; } .chooseus-section .content-box .overlay-content h3{ color: #fff; } .chooseus-section .content-box .overlay-content h3:before{ transform: rotate(90deg); } .chooseus-section .content-box .overlay-content p{ color: #a9a6a5; } .chooseus-section .pattern-layer{ position: absolute; left: 0px; bottom: 0px; width: 960px; height: 855px; background-repeat: no-repeat; } /** industry-section **/ .industry-section{ position: relative; } .industry-tab .p-tab { position: absolute; left: 0px; top: 0px; width: 100%; height: auto; opacity: 0; visibility: hidden; } .industry-tab .p-tab.active-tab { position: relative; visibility: visible; opacity: 1; z-index: 5; } .industry-tab .p-tabs-content { position: relative; display: block; } .industry-tab .p-tab.active-tab .content-inner { opacity: 1; top: 0px; -webkit-transition: all 1000ms ease; -ms-transition: all 1000ms ease; -o-transition: all 1000ms ease; transition: all 1000ms ease; } .industry-tab .p-tab .content-inner { opacity: 0; top: 10px; } .industry-tab .industry-tab-btns{ position: relative; width: 100%; background: #f3f1f1; } .industry-tab .industry-tab-btns:before{ position: absolute; content: ''; background: #d6d6d6; width: 100%; height: 1px; left: 0px; top: 100px; } .industry-tab .industry-tab-btns .p-tab-btn{ position: relative; display: inline-block; padding: 25px 0px 20px 0px; cursor: pointer; } .industry-tab .industry-tab-btns .p-tab-btn:before{ position: absolute; content: ''; width: 10px; height: 5px; left: 50%; transform: translateX(-50%); bottom: -3px; transition: all 500ms ease; } .industry-tab .industry-tab-btns .p-tab-btn.active-btn:before{ width: 70px; } .industry-tab .industry-tab-btns .p-tab-btn .icon-box{ position: relative; display: block; font-size: 50px; color: #1c1c1c; margin-bottom: 44px; transition: all 500ms ease; } .industry-tab .industry-tab-btns .p-tab-btn h4{ position: relative; display: block; font-size: 20px; line-height: 30px; color: #a9a6a5; font-weight: 700; transition: all 500ms ease; } .industry-tab .industry-tab-btns .p-tab-btn.active-btn h4{ color: #292729; } .industry-section .content-column{ position: relative; border-right: 1px solid #e2e2e2; padding-top: 65px; padding-bottom: 120px; } .industry-section .content-box{ position: relative; display: block; margin-right: 100px; } .industry-section .content-box .sec-title{ margin-bottom: 33px; } .list-style-one li{ position: relative; display: block; font-size: 20px; line-height: 30px; font-family: 'Monda', sans-serif; color: #1c1c1c; font-weight: 700; padding-left: 28px; margin-bottom: 6px; } .list-style-one li:last-child{ margin-bottom: 0px; } .list-style-one li:before{ position: absolute; content: "\f111"; font-family: 'flaticon'; font-size: 14px; left: 0px; top: 0px; } .industry-section .content-box .list-style-one{ margin-bottom: 24px; } .industry-section .content-box p{ margin-bottom: 37px; } .industry-section .content-box .link-box{ position: relative; display: block; margin-bottom: 10px; } .industry-section .content-box .link-box h6{ position: relative; display: block; font-size: 14px; line-height: 24px; font-weight: 700; text-transform: uppercase; } .industry-section .content-box .link-box h6 a{ position: relative; display: inline-block; color: #1c1c1c; } .industry-section .content-box .email{ position: relative; display: block; margin-bottom: 43px; } .industry-section .content-box .email a{ position: relative; display: inline-block; font-size: 24px; line-height: 34px; font-family: 'Monda', sans-serif; color: #a9a6a5; } .industry-section .image-box{ position: relative; display: block; padding: 65px 0px 120px 100px; } .industry-section .image-box .image{ position: relative; display: block; overflow: hidden; } .industry-section .image-box .image img{ width: 100%; } .industry-section .owl-nav span{ display: none; } .industry-section .owl-nav{ position: absolute; left: 36%; transform: translateX(-50%); bottom: 120px; } .industry-section .owl-nav button{ position: relative; display: inline-block; margin: 0px 10px; width: 38px; height: 24px; } .industry-section .owl-nav button.owl-prev:before{ position: absolute; content: ''; background-image: url(../images/icons/icon-1.png); width: 38px; height: 24px; left: 0px; top: 0px; opacity: 0.6; background-repeat: no-repeat; filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -o-filter: grayscale(100%); -ms-filter: grayscale(100%); transition: all 500ms ease; } .industry-section .owl-nav button.owl-next:before{ position: absolute; content: ''; background-image: url(../images/icons/icon-2.png); width: 38px; height: 24px; left: 0px; top: 0px; opacity: 0.6; background-repeat: no-repeat; filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -o-filter: grayscale(100%); -ms-filter: grayscale(100%); transition: all 500ms ease; } .industry-section .owl-nav button.owl-prev:hover:before, .industry-section .owl-nav button.owl-next:hover:before{ opacity: 1; filter: grayscale(0%); -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -o-filter: grayscale(0%); -ms-filter: grayscale(0%); } /** video-section **/ .video-section{ position: relative; padding: 141px 0px 140px 0px; } .video-section .bg-layer{ position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; background-attachment: fixed; } .video-section .bg-layer:before{ position: absolute; content: ''; background: #000; width: 100%; height: 100%; left: 0px; top: 0px; opacity: 0.3; } .video-section .sec-title .sub-title{ color: #fff; } .video-section .sec-title h2{ font-size: 72px; line-height: 82px; } .video-section .curve-text{ position: absolute; top: 12px; right: 0px; width: 103px; height: 103px; } .video-section .curve-text .video-btn{ position: absolute; left: 40px; top: 50px; } .video-section .curve-text .video-btn a{ position: relative; display: inline-block; font-size: 24px; color: #fff; } .video-section .curve-text .curved-circle-2, .video-section .curve-text .curved-circle-3{ position: absolute; left: 52px; font-size: 12px; line-height: 22px; font-family: 'Monda', sans-serif; color: #fff; font-weight: 700; text-transform: uppercase; } .video-section .curve-text .curved-circle-2{ top: 0px; } .video-section .curve-text .curved-circle-3{ top: 97px; } .video-section .sec-title{ padding-bottom: 40px; border-bottom: 1px solid rgba(255, 255, 255, 0.35); margin-bottom: 39px; } .video-section .lower-box{ position: relative; display: flex; align-items: center; justify-content: space-between; } .video-section .lower-box p{ color: #d6d6d6; } /** working-section **/ .working-section{ position: relative; padding-top: 35px; } .working-section .outer-container{ position: relative; } .working-section .outer-container .bg-layer{ position: absolute; left: 0px; top: 0px; width: 50%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; } .working-section .content-box{ position: relative; display: block; margin: 60px 85px 80px 0px; background: #ffffffad; padding: 44px 40px 45px 50px; overflow: hidden; } .working-section .content-box span{ position: relative; display: block; font-size: 14px; line-height: 24px; font-family: 'Monda', sans-serif; color: #827e7d; font-weight: 700; text-transform: uppercase; margin-bottom: 5px; } .working-section .content-box h3{ position: relative; display: block; font-size: 24px; line-height: 34px; font-weight: 700; padding-bottom: 23px; margin-bottom: 33px; } .working-section .content-box h3:before{ position: absolute; content: ''; background: #00000045; width: calc(100% + 50px); height: 1px; left: 0px; bottom: 0px; } .working-section .content-box p{ margin-bottom: 38px; color: #000; } .working-section .content-box .btn-box a{ position: relative; display: inline-block; } .working-section .content-box .btn-box a span{ position: relative; padding-left: 55px; font-size: 14px; line-height: 24px; font-family: 'Monda', sans-serif; font-weight: 700; text-transform: uppercase; color: #1c1c1c; transition: all 500ms ease; } .working-section .content-box .btn-box a span:before{ position: absolute; content: "\f105"; font-family: 'flaticon'; font-size: 16px; width: 40px; height: 40px; line-height: 40px; text-align: center; border-radius: 50%; left: 0px; top: -8px; font-weight: 400; transition: all 500ms ease; } .working-section .content-box .btn-box a:hover span:before{ color: #fff; } .working-section .tab-btn-box{ position: relative; display: block; } .working-section .tab-btns li{ position: relative; display: inline-block; float: left; width: 25%; text-align: center; border-right: 1px solid #d6d6d6; cursor: pointer; min-height: 470px; padding: 250px 0px 130px 0px; transition: all 500ms ease; } .working-section .tab-btns li.active-btn{ background: #1c1c1c21; } .working-section .tab-btns li span{ position: absolute; left: 0px; top: 0px; width: 100%; height: 80px; line-height: 80px; text-align: center; border-bottom: 1px solid #d6d6d6; font-size: 24px; font-family: 'Monda', sans-serif; color: #1c1c1c; font-weight: 700; transition: all 500ms ease; } .working-section .tab-btns li h4{ position: relative; display: inline-block; font-size: 20px; color: #827e7d; font-weight: 700; transform: rotate(90deg); width: 100%; transition: all 500ms ease; } .working-section .tab-btns li.active-btn span{ color: #fff; border-bottom: transparent; background: #0189a6; } .working-section .tab-btns li.active-btn h4{ color: #222; } /** case-section **/ .case-section{ position: relative; } .case-section .outer-container{ padding: 0px 55px; } .case-block-one .inner-box{ position: relative; padding: 52px 0px; } .case-block-one .inner-box .upper-content{ position: relative; display: block; margin-bottom: 18px; } .case-block-one .inner-box .upper-content p{ position: relative; display: block; font-size: 14px; line-height: 18px; padding-left: 22px; color: #1c1c1c; } .case-block-one .inner-box .upper-content p:before{ position: absolute; content: ''; width: 11px; height: 11px; left: 0px; top: 9px; border-radius: 50%; } .case-block-one .inner-box .image-box{ position: relative; display: block; overflow: hidden; } .case-block-one .inner-box .image-box .image{ position: relative; display: block; overflow: hidden; } .case-block-one .inner-box .image-box .image img{ width: 100%; transition: all 500ms ease; } .case-block-one .inner-box:hover .image-box .image img{ transform: scale(1.05); } .case-block-one .inner-box .view-btn{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); } .case-block-one .inner-box .view-btn a{ position: relative; display: inline-block; width: 100px; height: 100px; line-height: 110px; background: #fff; text-align: center; font-size: 32px; color: #292729; border-radius: 50%; transform: scale(0,0); } .case-block-one .inner-box:hover .view-btn a{ transform: scale(1,1); } .case-block-one .inner-box .view-btn a:hover{ color: #fff; } .case-block-one .inner-box .lower-content{ padding-bottom: 12px; } .case-block-one .inner-box .lower-content h3{ display: block; font-size: 24px; line-height: 34px; font-weight: 700; } .case-block-one .inner-box .lower-content h3 a{ display: inline-block; color: #292729; } .case-block-one .inner-box:before{ position: absolute; content: ''; background: #e2e2e2; width: 1px; height: 100%; top: 0px; right: -55px; } .case-section .owl-nav span{ display: none; } .case-section .owl-nav{ position: absolute; left: -10px; top: -93px; right: 0px; max-width: 1200px; width: 100%; text-align: right; margin: 0 auto; } .case-section .owl-nav button{ position: relative; display: inline-block; margin: 0px 10px; width: 38px; height: 24px; } .case-section .owl-nav button.owl-prev:before{ position: absolute; content: ''; background-image: url(../images/icons/icon-1.png); width: 38px; height: 24px; left: 0px; top: 0px; opacity: 0.6; background-repeat: no-repeat; filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -o-filter: grayscale(100%); -ms-filter: grayscale(100%); transition: all 500ms ease; } .case-section .owl-nav button.owl-next:before{ position: absolute; content: ''; background-image: url(../images/icons/icon-2.png); width: 38px; height: 24px; left: 0px; top: 0px; opacity: 0.6; background-repeat: no-repeat; filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -o-filter: grayscale(100%); -ms-filter: grayscale(100%); transition: all 500ms ease; } .case-section .owl-nav button.owl-prev:hover:before, .case-section .owl-nav button.owl-next:hover:before{ opacity: 1; filter: grayscale(0%); -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -o-filter: grayscale(0%); -ms-filter: grayscale(0%); } .case-section .owl-dots{ position: absolute; max-width: 1200px; width: 100%; left: -365px; top: -137px; right: 0px; text-align: right; counter-reset: slides-num; margin: 0 auto; } .case-section .owl-dots::after { position: absolute; right: 0px; top: 53px; content: "0" counter(slides-num); display: inline-block; font-size: 24px; color: #a9a6a5; font-weight: 700; font-family: 'Monda', sans-serif; } .case-section .owl-dots:before{ position: absolute; content: ''; right: 44px; top: 58px; width: 1px; height: 18px; background: #e2e2e2; } .case-section .owl-dots button span{ display: none !important; } .case-section .owl-dots button{ position: absolute; top: 0px; right: 110px; counter-increment: slides-num; font-size: 90px; line-height: 80px; font-family: 'Monda', sans-serif; color: #1c1c1c; } .case-section .owl-dots button.active:before{ position: absolute; content: counter(slides-num); } .case-section .owl-dots button.active:after{ position: absolute; content: '0'; top: 0px; right: 0px; } /** testimonial-section **/ .testimonial-section{ position: relative; padding: 50px 0px; } .testimonial-section .sec-title .theme-btn{ position: absolute; right: 0px; bottom: 0px; } .testimonial-section .testimonial-content{ position: relative; display: block; padding-left: 345px; margin-top: 20px; margin-bottom: 20px; } .testimonial-section .testimonial-content .quote-box{ position: absolute; left: 0px; top: -20px; width: 270px; height: 270px; border: 1px solid #d9d8d8; line-height: 300px; text-align: center; border-radius: 50%; } .testimonial-section .testimonial-content .quote{ position: relative; display: inline-block; font-size: 140px; color: transparent; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: #d8d7d7; } .testimonial-section .testimonial-content .thumb-box{ position: absolute; left: 215px; top: 65px; width: 100px; height: 100px; background: #f3f1f1; border: 1px solid #d8d7d7; border-radius: 50%; padding: 9px; } .testimonial-section .testimonial-content .thumb-box img{ width: 100%; border-radius: 50%; } .testimonial-section .testimonial-content .inner-box{ position: relative; display: block; padding-left: 55px; } .testimonial-section .testimonial-content .inner-box:before{ position: absolute; content: ''; background: #d6d6d6; width: 1px; height: calc(100% + 31px); left: 0px; top: -20px; } .testimonial-section .testimonial-content .inner-box .rating li{ position: relative; display: inline-block; font-size: 20px; float: left; margin-right: 8px; } .testimonial-section .testimonial-content .inner-box .rating li:last-child{ margin: 0px; } .testimonial-section .testimonial-content .inner-box .rating{ margin-bottom: 13px; } .testimonial-section .testimonial-content .inner-box p{ position: relative; display: block; font-size: 19px; line-height: 35px; color: #fff; margin-bottom: 32px; padding-bottom: 30px; } .testimonial-section .testimonial-content .inner-box p:before{ position: absolute; content: ''; background: #d6d6d6; width: calc(100% + 55px); height: 1px; right: 0px; bottom: 0px; } .testimonial-section .testimonial-content .inner-box h3{ display: block; font-size: 24px; line-height: 34px; font-weight: 700; margin-bottom: 5px; } .testimonial-section .testimonial-content .inner-box .designation{ position: relative; display: block; color: #fff; } .testimonial-section .owl-nav span{ display: none; } .testimonial-section .owl-nav{ position: absolute; right: -10px; bottom: 38px; } .testimonial-section .owl-nav button{ position: relative; display: inline-block; margin: 0px 10px; width: 38px; height: 24px; } .testimonial-section .owl-nav button.owl-prev:before{ position: absolute; content: ''; background-image: url(../images/icons/icon-1.png); width: 38px; height: 24px; left: 0px; top: 0px; opacity: 0.6; background-repeat: no-repeat; filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -o-filter: grayscale(100%); -ms-filter: grayscale(100%); transition: all 500ms ease; } .testimonial-section .owl-nav button.owl-next:before{ position: absolute; content: ''; background-image: url(../images/icons/icon-2.png); width: 38px; height: 24px; left: 0px; top: 0px; opacity: 0.6; background-repeat: no-repeat; filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -o-filter: grayscale(100%); -ms-filter: grayscale(100%); transition: all 500ms ease; } .testimonial-section .owl-nav button.owl-prev:hover:before, .testimonial-section .owl-nav button.owl-next:hover:before{ opacity: 1; filter: grayscale(0%); -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -o-filter: grayscale(0%); -ms-filter: grayscale(0%); } /** news-section **/ .news-section{ position: relative; } .news-section .sec-title{ margin-bottom: 42px; } .news-block-one .inner-box{ position: relative; display: block; border: 1px solid #e2e2e2; overflow: hidden; padding: 19px; } .news-block-one .inner-box .image-box{ position: relative; } .news-block-one .inner-box .image-box .image{ position: relative; display: block; overflow: hidden; background: #000; } .news-block-one .inner-box .image-box .image img{ width: 100%; transition: all 500ms ease; } .news-block-one .inner-box:hover .image-box .image img{ opacity: 0.9; transform: scale(1.05); filter: blur(4px); -webkit-filter: blur(4px); } .news-block-one .inner-box .image-box .category{ position: absolute; left: -20px; bottom: 20px; z-index: 1; } .news-block-one .inner-box .image-box .category a{ position: relative; display: inline-block; font-size: 14px; line-height: 30px; font-family: 'Monda', sans-serif; color: #fff; font-weight: 700; text-transform: uppercase; padding: 0px 15px; } .news-block-one .inner-box .image-box .view-btn{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); } .news-block-one .inner-box .image-box .view-btn a{ position: relative; display: inline-block; font-size: 32px; color: #fff; transform: scale(0,0); } .news-block-one .inner-box:hover .image-box .view-btn a{ transform: scale(1,1); } .news-block-one .inner-box .lower-content{ position: relative; display: block; padding-top: 13px; } .news-block-one .inner-box .lower-content .post-info{ position: relative; padding-bottom: 14px; margin-bottom: 18px; } .news-block-one .inner-box .lower-content .post-info:before{ position: absolute; content: ''; background: #e2e2e2; width: calc(100% + 20px); height: 1px; left: 0px; bottom: 0px; } .news-block-one .inner-box .lower-content .post-info li{ position: relative; display: inline-block; float: left; margin-right: 25px; padding-left: 25px; font-size: 18px; line-height: 28px; font-family: 'Monda', sans-serif; color: #827e7d; } .news-block-one .inner-box .lower-content .post-info li:last-child{ margin: 0px; } .news-block-one .inner-box .lower-content .post-info li a{ display: inline-block; color: #827e7d; } .news-block-one .inner-box .lower-content .post-info li i{ position: absolute; left: 0px; top: 6px; font-size: 16px; color: #a9a6a5; } .news-block-one .inner-box .lower-content .post-info li:before{ position: absolute; content: ''; background: #d9d8d6; width: 1px; height: 14px; top: 8px; right: -13px; } .news-block-one .inner-box .lower-content .post-info li:last-child:before{ display: none; } .news-block-one .inner-box .lower-content h3{ position: relative; display: block; font-size: 24px; line-height: 34px; font-weight: 700; } .news-block-one .inner-box .lower-content h3 a{ display: inline-block; color: #1c1c1c; } .news-section .upper-box{ position: relative; display: block; padding-bottom: 20px; margin-bottom: 60px; border-bottom: 1px solid #e2e2e2; } .news-section .tab-btn-box{ position: relative; } .news-section .tab-btn-box .btn-box{ position: absolute; right: 0px; bottom: 1px; } .news-section .tab-btn-box .btn-box a{ position: relative; display: inline-block; font-size: 14px; line-height: 24px; font-family: 'Monda', sans-serif; font-weight: 700; text-transform: uppercase; color: #1c1c1c; } .news-section .tab-btn-box .btn-box a span{ position: relative; padding-left: 35px; } .news-section .tab-btn-box .btn-box a span:before{ position: absolute; content: "\f105"; font-family: 'flaticon'; font-size: 12px; width: 26px; height: 26px; line-height: 26px; text-align: center; border-radius: 50%; left: 0px; top: -1px; font-weight: 400; transition: all 500ms ease; } .news-section .tab-btn-box .btn-box a:hover span:before{ color: #fff; } .news-section .tab-btn-box .tab-btns li{ position: relative; display: inline-block; float: left; font-size: 18px; line-height: 28px; font-family: 'Monda', sans-serif; color: #a9a6a5; font-weight: 700; text-transform: capitalize; cursor: pointer; margin-right: 70px; cursor: pointer; transition: all 500ms ease; } .news-section .tab-btn-box .tab-btns li:last-child{ margin: 0px; } .news-section .tab-btn-box .tab-btns li.active-btn{ padding-left: 22px; color: #1c1c1c; } .news-section .tab-btn-box .tab-btns li:before{ position: absolute; content: ''; width: 11px; height: 11px; left: 0px; top: 10px; border-radius: 50%; transform: scale(0,0); transition: all 500ms ease; } .news-section .tab-btn-box .tab-btns li.active-btn:before{ transform: scale(1,1); } /** main-footer **/ .main-footer{ position: relative; background: #d3d3d3b8; } .main-footer .footer-top{ position: relative; padding: 70px 0px 32px 0px; border-bottom: 1px solid #373737; } .main-footer .subscribe-form .form-group{ position: relative; display: block; margin: 0px; } .main-footer .subscribe-form .form-group1{ position: relative; display: block; margin: 0px; } .main-footer .subscribe-form .form-group label{ position: relative; display: block; font-size: 17px; margin-bottom: 11px; } .main-footer .subscribe-form .form-group1 label{ position: relative; display: block; font-size: 17px; margin-bottom: 11px; } .main-footer .subscribe-form .form-group input[type='email']{ position: relative; display: block; width: 50%; font-size: 24px; line-height: 34px; font-family: 'Monda', sans-serif; font-weight: 700; color: #a9a6a5; padding-right: 70px; transition: all 500ms ease; float:right; } .main-footer .subscribe-form .form-group input:focus{ color: #fff; } .main-footer .subscribe-form .form-group button{ position: absolute; right: 0px; bottom: 7px; display: inline-block; width: 56px; height: 56px; line-height: 66px; background: #fff; text-align: center; font-size: 24px; border-radius: 50%; cursor: pointer; transition: all 500ms ease; } .main-footer .subscribe-form .form-group button:hover{ color: #fff; } .main-footer .widget-section{ position: relative; padding: 52px 0px 30px 0px; } .main-footer .contact-widget .select-box{ position: relative; padding-left: 53px; min-height: 41px; border-bottom: 1px solid #373737; margin-bottom: 27px; } .main-footer .contact-widget .select-box .flag{ position: absolute; left: 0px; top: 0px; width: 22px; height: 22px; border-radius: 50%; } .main-footer .contact-widget .select-box .flag:before{ position: absolute; content: ''; border: 1px solid #fff; border-radius: 50%; left: 0px; top: 4px; width: 100%; height: 100%; } .main-footer .contact-widget .select-box .flag img{ width: 100%; border-radius: 50%; } .main-footer .contact-widget .select-box .flag:after{ position: absolute; content: ''; background: #4f4d4f; width: 1px; height: 22px; top: 4px; right: -16px; } .main-footer .contact-widget .select-box .nice-select{ font-size: 17px; line-height: 27px; color: #a9a6a5; text-transform: capitalize; width: 100%; } .main-footer .contact-widget .select-box .nice-select:after{ border-bottom: 2px solid #a9a6a5; border-right: 2px solid #a9a6a5; width: 8px; height: 8px; right: 6px; top: 8px; margin: 0px; } .main-footer .footer-widget h3{ position: relative; display: block; font-size: 24px; line-height: 34px; color: #000; font-weight: 700; } .main-footer .contact-widget .info-box .single-item{ position: relative; display: block; margin-bottom: 20px; } .main-footer .contact-widget .info-box .single-item:last-child{ margin-bottom: 0px; } .main-footer .contact-widget .info-box .single-item h3{ margin-bottom: 10px; } .main-footer .contact-widget{ position: relative; display: block; padding-right: 70px; margin-top: 5px; } .main-footer .contact-widget:before{ position: absolute; content: ''; background: #373737; width: 1px; height: calc(100% + 50px); top: -57px; right: 20px; } .main-footer p, .main-footer a{ color: #000; } .main-footer a:hover{ color: #e8278d; } .main-footer .widget-title{ position: relative; display: block; margin-bottom: 20px; } .main-footer .links-widget .links-list li{ position: relative; display: block; margin-bottom: 13px; } .main-footer .links-widget .links-list li:last-child{ margin-bottom: 0px; } .main-footer .post-widget .post{ position: relative; display: block; margin-bottom: 23px; } .main-footer .post-widget .post:last-child{ margin-bottom: 0px; } .main-footer .post-widget .post .post-thumb{ position: absolute; left: 0px; top: 6px; width: 80px; height: 80px; } .main-footer .post-widget .post .post-thumb img{ width: 100%; transition: all 500ms ease; } .main-footer .post-widget .post:hover .post-thumb img{ opacity: 0.2; } .main-footer .post-widget .post h6{ position: relative; display: block; font-size: 14px; line-height: 24px; font-weight: 700; text-transform: uppercase; margin-bottom: 6px; } .main-footer .post-widget .post h4{ position: relative; display: block; font-size: 20px; line-height: 30px; font-weight: 700; margin-bottom: 4px; } .main-footer .post-widget .post h4 a{ display: inline-block; color: #000; } .main-footer .post-widget .post p a{ display: inline-block; color: #000; } .main-footer .post-widget .post .post-date{ position: relative; display: block; font-size: 18px; line-height: 28px; font-family: 'Monda', sans-serif; font-weight: 700; color: #a9a6a5; padding-left: 22px; } .main-footer .post-widget .post .post-date i{ position: absolute; left: 0px; top: 6px; font-size: 15px; } .footer-bottom{ position: relative; width: 100%; background: #141414; padding: 14px 0px; } .footer-bottom .bottom-inner{ position: relative; display: flex; text-align: center; justify-content: space-evenly; } .footer-bottom .footer-nav li{ position: relative; display: inline-block; float: left; margin-right: 26px; } .footer-bottom .footer-nav li:last-child{ margin: 0px; } .footer-bottom .footer-nav li:before{ position: absolute; content: '.'; font-size: 20px; right: -14px; color: #4b4b4b; bottom: 2px; } .footer-bottom .footer-nav li:last-child:before{ display: none; } /*** ==================================================================== Home-Page-Two ==================================================================== ***/ /** header-style-two **/ .header-style-two{ position: relative; } .header-upper{ position: relative; width: 100%; background: #f3f1f1; border-bottom: 1px solid #d6d6d6; padding: 20px 0px; } .header-upper .left-column{ position: relative; display: flex; align-items: center; } .header-upper .logo-box{ position: relative; padding-right: 30px; margin-right: 30px; border-right: 1px solid #d6d6d6; } .header-upper .option-box{ position: relative; padding-left: 36px; } .header-upper .option-box .icon-box{ position: absolute; left: 0px; top: 3px; font-size: 20px; color: #252525; } .header-upper .option-box .nice-select{ font-size: 17px; line-height: 27px; font-family: 'Monda', sans-serif; font-weight: 600; color: #1c1c1c; text-transform: capitalize; } .header-upper .option-box .nice-select:after{ top: 12px; right: 0px; margin-bottom: 0px; width: 8px; height: 8px; border-bottom: 2px solid #827e7d; border-right: 2px solid #827e7d; } .header-upper .upper-inner{ position: relative; display: flex; align-items: center; justify-content: space-between; } .header-upper .right-column{ position: relative; display: flex; align-items: center; } .header-upper .right-column .info-box{ position: relative; display: block; padding-left: 27px; margin-right: 40px; } .header-upper .right-column .info-box:before{ position: absolute; content: ''; background: #d6d6d6; width: 1px; height: 102px; left: -40px; top: -20px; } .header-upper .right-column .info-box .icon-box{ position: absolute; left: 0px; top: 5px; font-size: 18px; } .header-upper .right-column .info-box h5{ position: relative; display: inline-block; font-size: 17px; line-height: 24px; font-weight: 600; margin-bottom: 8px; } .header-upper .right-column .info-box span{ position: relative; display: block; font-size: 17px; line-height: 27px; font-family: 'Monda', sans-serif; color: #827e7d; font-weight: 600; } .header-upper .other-links li{ position: relative; display: inline-block; float: left; margin-right: 20px; } .header-upper .other-links li:last-child{ margin: 0px; } .header-upper .other-links li a{ position: relative; display: inline-block; width: 46px; height: 46px; line-height: 50px; border: 1px solid #d6d6d6; border-radius: 50%; text-align: center; font-size: 18px; color: #1c1c1c; } .header-upper .other-links li a:hover{ color: #fff; } .header-style-two .header-lower{ position: relative; } .header-style-two .header-lower .outer-container{ position: absolute; left: 0px; top: 0px; right: 0px; width: 100%; border-top: 5px solid #fff; } .header-style-two .header-lower .outer-box{ position: relative; padding: 0px; background: #fff; } .header-style-two .header-lower .outer-box:before{ position: absolute; content: ''; background-image: url(../images/shape/shape-5.png); width: 101px; height: 68px; left: -101px; bottom: 0px; background-repeat: no-repeat; background-size: cover; } .header-style-two .header-lower .outer-box:after{ position: absolute; content: ''; background-image: url(../images/shape/shape-6.png); width: 100px; height: 68px; right: -100px; bottom: 0px; background-repeat: no-repeat; background-size: cover; z-index: 1; } .header-style-two .header-lower .main-menu .navigation > li > a{ padding: 19px 8px 19px 8px; } .header-style-two .header-lower .main-menu .navigation > li > a:before{ top: 19px; } .header-style-two .header-lower .main-menu .navigation > li > a:after{ top: 20px; } .header-style-two .menu-right-content{ position: relative; padding: 0px; margin: 0px; border: none; } .header-style-two .menu-right-content .btn-box{ position: relative; padding: 0px; } .header-style-two .header-lower .menu-right-content .btn-box:before{ position: absolute; content: ''; background: #1c1c1c; width: 5000px; height: 5px; left: 0px; top: -5px; } .header-style-two .menu-right-content .btn-box .theme-btn{ background: #1c1c1c; color: #fff; padding-top: 22px; padding-bottom: 22px; padding-right: 0px; } .header-style-two .menu-right-content .btn-box .theme-btn span:before{ color: #fff; } .header-style-two .menu-right-content .btn-box .theme-btn span{ padding-right: 38px; } .header-style-two .menu-right-content .search-box-outer{ position: relative; display: inline-block; width: 73px; height: 68px; line-height: 68px; font-size: 24px; color: #1c1c1c; text-align: center; cursor: pointer; transition: all 500ms ease; } .header-style-two .header-lower .menu-right-content .search-box-outer:before{ position: absolute; content: ''; background: #e2e2e2; left: 0px; bottom: 0px; width: 1px; height: calc(100% + 5px); } .header-style-two .header-lower .menu-right-content .search-box-outer:after{ position: absolute; content: ''; background: #e2e2e2; right: 0px; bottom: 0px; width: 1px; height: calc(100% + 5px); } /** banner-style-two **/ .banner-style-two{ position: relative; } .banner-style-two .inner-box{ position: relative; padding: 367px 0px 300px 0px; width: 100%; } .banner-style-two .bg-layer{ position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; } .banner-style-two .bg-layer:before{ position: absolute; content: ''; background: #000000; width: 100%; height: 100%; left: 0px; top: 0px; opacity: 0.3; } .banner-style-two .content-box{ position: relative; display: block; } .banner-style-two .content-box .count-text{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); font-size: 280px; line-height: 200px; font-family: 'Monda', sans-serif; font-weight: 700; color: transparent; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: rgba(255,255,255,0.1); } .banner-style-two .content-box h6{ position: relative; display: block; font-size: 14px; line-height: 24px; font-weight: 700; text-transform: uppercase; margin-bottom: 15px; } .banner-style-two .content-box h2{ position: relative; display: block; font-size: 48px; line-height: 58px; color: #fff; font-weight: 700; margin-bottom: 29px; } .banner-style-two .content-box .link a{ position: relative; display: inline-block; width: 60px; height: 60px; line-height: 64px; border: 1px solid #fff; border-radius: 50%; font-size: 18px; color: #fff; text-align: center; } .banner-style-two .owl-dots{ position: absolute; left: 50%; transform: translateX(-50%); bottom: 52px; } .banner-style-two .owl-theme .owl-dots .owl-dot span{ position: relative; display: inline-block; margin: 0px 10px; background: transparent; width: 40px; height: 10px; border: 1px solid #fff; border-radius: 15px; cursor: pointer; transition: all 500ms ease; } /** service-style-two **/ .service-style-two{ position: relative; } .service-block-two .inner-box{ position: relative; display: block; } .service-block-two .inner-box .image-box{ position: relative; display: block; overflow: hidden; } .service-block-two .inner-box .image-box .image{ position: relative; display: block; overflow: hidden; } .service-block-two .inner-box .image-box .image img{ width: 100%; } .service-block-two .inner-box .image-box .image:before { position: absolute; content: ''; width: 100%; height: 100%; background: -webkit-linear-gradient(90deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.0) 50%); bottom: 0px; right: 0px; z-index: 1; } .service-block-two .inner-box .image-box .icon-box{ position: absolute; top: 30px; right: 0px; width: 0px; text-align: center; font-size: 60px; color: #fff; z-index: 1; transition: all 500ms ease; } .service-block-two .inner-box:hover .image-box .icon-box{ width: 125px; } .service-block-two .inner-box:hover .image-box h2{ right: -63px; } .service-block-two .inner-box .image-box h3{ position: absolute; left: 0px; bottom: 20px; width: 100%; padding-left: 30px; font-size: 24px; line-height: 34px; font-weight: 700; z-index: 2; } .service-block-two .inner-box .image-box h3 a{ display: inline-block; color: #fff; } .service-block-two .inner-box .image-box h3 a:hover{ text-decoration: underline; } .service-block-two .inner-box .lower-content{ position: relative; padding-top: 23px; padding-left: 30px; padding-bottom: 8px; } .service-block-two .inner-box .lower-content:before{ position: absolute; content: ''; width: 4px; height: 118px; left: 0px; top: -48px; z-index: 1; } .service-block-two .inner-box .lower-content p{ margin-bottom: 28px; } .service-block-two .inner-box .lower-content .btn-box a{ position: relative; display: inline-block; font-size: 14px; line-height: 24px; font-family: 'Monda', sans-serif; font-weight: 700; text-transform: uppercase; color: #1c1c1c; } .service-block-two .inner-box .lower-content .btn-box a span{ position: relative; padding-left: 55px; } .service-block-two .inner-box .lower-content .btn-box a span:before{ position: absolute; content: "\f105"; font-family: 'flaticon'; font-size: 16px; width: 40px; height: 40px; line-height: 40px; text-align: center; border-radius: 50%; left: 0px; top: -8px; font-weight: 400; transition: all 500ms ease; } .service-block-two .inner-box .lower-content .btn-box a:hover span:before{ color: #fff; } .service-style-two .line-box{ position: absolute; left: 0px; top: 0px; right: 0px; max-width: 1170px; width: 100%; height: 100%; margin: 0 auto; } .service-style-two .line-box .line{ position: absolute; top: 0px; width: 1px; height: 100%; background: #e2e2e2; } .service-style-two .line-box .line-1{ left: 0px; } .service-style-two .line-box .line-2{ left: 33.333%; margin-left: -6px; } .service-style-two .line-box .line-3{ left: 66.666%; margin-left: 4px; } .service-style-two .line-box .line-4{ right: 0px; } /** video-style-two **/ .video-style-two{ position: relative; padding: 113px 0px; } .video-style-two .bg-layer{ position: absolute; left: 0px; top: 0px; width: 50%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; } .video-style-two .content-box{ position: relative; display: block; padding-left: 100px; padding-right: 50px; } .video-style-two .content-box .video-btn{ position: absolute; left: -65px; top: 50%; transform: translateY(-50%); } .video-style-two .content-box .video-btn a{ position: relative; display: inline-block; width: 100px; height: 100px; line-height: 100px; text-align: center; font-size: 24px; color: #fff; } .video-style-two .content-box .quote-box{ position: relative; display: inline-block; font-size: 58px; margin-bottom: 16px; } .video-style-two .content-box h2{ position: relative; display: block; font-size: 48px; line-height: 58px; font-weight: 700; padding-bottom: 30px; margin-bottom: 32px; } .video-style-two .content-box h2:before{ position: absolute; content: ''; background: #e2e2e2; width: 185px; height: 1px; left: -115px; bottom: 0px; } .video-style-two .content-box h3{ position: relative; display: block; font-size: 24px; line-height: 34px; font-weight: 700; margin-bottom: 5px; } .video-style-two .content-box .designation{ position: relative; display: block; } .video-style-two .icon-layer{ position: absolute; top: 75px; right: 60px; width: 512px; height: 512px; background-repeat: no-repeat; } /** chooseus-style-two **/ .chooseus-style-two{ position: relative; margin: 15px 0px; } .chooseus-style-two .chooseus-block-one{ float: left; width: 20%; padding-right: 0px; } .chooseus-block-one .inner-box{ position: relative; display: block; padding: 117px 40px 115px 50px; border-right: 1px solid #d6d6d6; } .chooseus-block-one:last-child .inner-box:last-child{ border: none; } .chooseus-block-one .inner-box .icon-box{ position: relative; display: block; font-size: 84px; margin-bottom: 39px; } .chooseus-block-one .inner-box h3{ position: relative; display: block; font-size: 24px; line-height: 24px; font-weight: 700; padding: 28px 0px; margin-bottom: 33px; } .chooseus-block-one .inner-box h3:before, .chooseus-block-one .inner-box h3:after{ position: absolute; content: ''; background: #d6d6d6; left: 0px; width: calc(100% + 40px); height: 1px; } .chooseus-block-one .inner-box h3:before{ top: 0px; } .chooseus-block-one .inner-box h3:after{ bottom: 0px; } .chooseus-block-one .inner-box h3 a{ position: relative; display: inline-block; color: #1c1c1c; } .chooseus-block-one .inner-box h3 a:hover{ padding-left: 20px; } .chooseus-block-one .inner-box h3 a i{ position: absolute; left: 0px; top: 1px; font-size: 16px; opacity: 0; transition: all 500ms ease; } .chooseus-block-one .inner-box h3 a:hover i{ opacity: 1; } /** about-style-two **/ .about-style-two{ position: relative; } .about-style-two .image-column{ padding-top: 120px; padding-bottom: 120px; } .about-style-two .image-box{ position: relative; padding-right: 70px; margin-right: 100px; } .about-style-two .image-box .image{ position: relative; display: block; } .about-style-two .image-box .image img{ width: 100%; } .about-style-two .image-box .image-2{ position: absolute; right: 0px; bottom: 0px; } .about-style-two .image-box .text-box{ position: absolute; top: 0px; right: 0px; } .about-style-two .image-box .text-box h5{ position: relative; display: inline-block; font-size: 18px; line-height: 28px; font-weight: 700; padding-left: 20px; transform: rotate(90deg); top: 75px; right: -82px; z-index: 1; } .about-style-two .image-box .text-box h5:before{ position: absolute; content: ''; left: 0px; top: 10px; width: 11px; height: 11px; border-radius: 50%; } .about-style-two .image-box .text-box h2{ position: absolute; display: inline-block; font-size: 60px; line-height: 60px; font-weight: 700; background: #fff; padding: 20px 30px; right: 0px; top: 104px; text-align: center; } .about-style-two .image-box .icon-box{ position: absolute; right: 0px; top: 204px; width: 100px; height: 100px; line-height: 110px; font-size: 60px; color: #fff; text-align: center; } .about-style-two .content-box{ position: relative; display: block; padding-left: 100px; } .about-style-two .content-column{ position: relative; } .about-style-two .content-column:before{ position: absolute; content: ''; background: #e2e2e2; width: 1px; height: 100%; left: 0px; top: 0px; } .about-style-two .content-box .sec-title{ margin-bottom: 35px; } .about-style-two .content-box .list-item{ position: relative; display: block; padding-left: 20px; margin-bottom: 25px; } .about-style-two .content-box .list-item:before{ position: absolute; content: ''; height: calc(100% - 7px); width: 1px; left: 0px; top: 5px; } .about-style-two .content-box .list-item li{ position: relative; display: block; font-size: 14px; line-height: 24px; font-family: 'Monda', sans-serif; font-weight: 700; text-transform: uppercase; color: #1c1c1c; margin-bottom: 16px; } .about-style-two .content-box .list-item li:last-child{ margin-bottom: 0px; } .about-style-two .content-box p{ margin-bottom: 43px; } .about-style-two .slider-content .owl-nav{ position: absolute; display: inline-block; left: -65px; top: 50%; transform: rotate(90deg); width: 100px; height: 100px; border: 1px solid #d8d8d8; border-radius: 50%; background: #fff; } .about-style-two .slider-content .owl-nav button{ position: absolute; display: inline-block; font-size: 18px; color: #a9a6a5; cursor: pointer; transition: all 500ms ease; } .about-style-two .slider-content .owl-nav button.owl-prev{ left: 24px; top: 36px; } .about-style-two .slider-content .owl-nav button.owl-next{ right: 24px; bottom: 33px; } /** industry-style-two **/ .industry-style-two{ position: relative; background: #1c1c1c; } .industry-style-two .image-box{ position: relative; display: block; } .industry-style-two .image-box img{ width: 100%; } .industry-style-two .single-item{ position: relative; display: block; float: left; width: 25%; } .industry-style-two .single-item .static-content{ position: relative; display: block; background: #f3f1f1; padding: 32px 30px 36px 40px; } .industry-style-two .single-item:nth-child(2n+1) .static-content{ background: #fff; } .industry-style-two .single-item .static-content h3{ position: relative; display: block; font-size: 24px; line-height: 34px; font-weight: 700; margin-bottom: 15px; } .industry-style-two .single-item .static-content h3 a{ position: relative; display: inline-block; color: #1c1c1c; } .industry-style-two .single-item .static-content .link-box a{ position: relative; display: inline-block; font-size: 14px; line-height: 24px; font-family: 'Monda', sans-serif; color: #1c1c1c; font-weight: 700; text-transform: uppercase; padding-left: 20px; } .industry-style-two .single-item .static-content .link-box a:before{ position: absolute; content: "\f105"; font-family: 'flaticon'; font-size: 12px; left: 0px; top: 1px; font-weight: 400; } .industry-style-two .single-item .overlay-content{ position: absolute; left: 0px; bottom: -15px; width: 100%; background: #1c1c1c; padding: 32px 30px 8px 40px; opacity: 0; visibility: hidden; transition: all 500ms ease; } .industry-style-two .single-item:hover .overlay-content{ bottom: 0px; opacity: 1; visibility: visible; } .industry-style-two .single-item .overlay-content h3{ position: relative; display: block; font-size: 24px; line-height: 34px; font-weight: 700; margin-bottom: 16px; } .industry-style-two .single-item .overlay-content h3 a{ display: inline-block; color: #fff; } .industry-style-two .single-item .overlay-content p{ color: #a9a6a5; margin-bottom: 28px; } .industry-style-two .single-item .overlay-content .btn-box a{ position: relative; display: inline-block; font-size: 14px; line-height: 24px; font-family: 'Monda', sans-serif; font-weight: 700; text-transform: uppercase; color: #fff; } .industry-style-two .single-item .overlay-content .btn-box a span{ position: relative; padding-left: 55px; } .industry-style-two .single-item .overlay-content .btn-box a span:before{ position: absolute; content: "\f105"; font-family: 'flaticon'; font-size: 16px; width: 40px; height: 40px; line-height: 40px; text-align: center; border-radius: 50%; left: 0px; top: -7px; font-weight: 400; transition: all 500ms ease; } .industry-style-two .single-item .overlay-content .btn-box a:hover span:before{ color: #fff; } /** team-section **/ .team-section{ position: relative; padding: 114px 0px 78px 0px; } .team-section .sec-title .theme-btn{ position: absolute; right: 0px; bottom: 10px; } .team-section .inner-container{ position: relative; margin: 0px -75px; } .team-section .inner-container .team-block{ padding: 0px 90px; } .team-block-one .inner-box{ position: relative; display: block; overflow: hidden; margin-bottom: 42px; } .team-block-one .inner-box .image-box{ position: relative; display: block; overflow: hidden; } .team-block-one .inner-box .image-box .image{ position: relative; display: block; } .team-block-one .inner-box .image-box .image:before { position: absolute; content: ''; width: 100%; height: 100%; background: -webkit-linear-gradient(90deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.0) 50%); bottom: 0px; right: 0px; z-index: 1; } .team-block-one .inner-box .image-box .image:after{ position: absolute; content: ''; background: #fff; width: 100%; height: 5px; left: 0px; bottom: 10px; z-index: 1; } .team-block-one .inner-box .image-box .image img{ width: 100%; } .team-block-one .inner-box .image-box .designation{ position: absolute; right: 15px; bottom: 23px; font-size: 14px; line-height: 24px; font-family: 'Monda', sans-serif; color: #fff; font-weight: 700; text-transform: uppercase; z-index: 2; transform: scaleX(1); transform-origin: top right; transition: all 500ms ease; } .team-block-one .inner-box:hover .image-box .designation{ transform: scaleX(0); } .team-block-one .inner-box .image-box .social-links{ position: absolute; right: 15px; bottom: 25px; z-index: 2; transform: scaleX(0); transform-origin: top right; transition: all 500ms ease; } .team-block-one .inner-box:hover .image-box .social-links{ transform: scaleX(1); } .team-block-one .inner-box .image-box .social-links li{ position: relative; display: inline-block; font-size: 20px; margin-right: 24px; } .team-block-one .inner-box .image-box .social-links li:last-child{ margin: 0px; } .team-block-one .inner-box .image-box .social-links li a{ display: inline-block; color: #fff; } .team-block-one .inner-box .image-box .social-links li:before{ position: absolute; content: ''; background: #b8aba1; width: 4px; height: 4px; top: 13px; right: -15px; border-radius: 50%; } .team-block-one .inner-box .image-box .social-links li:last-child:before{ display: none; } .team-block-one .inner-box .lower-content{ padding-top: 17px; } .team-block-one .inner-box .lower-content h3{ position: relative; display: block; font-size: 24px; line-height: 34px; font-weight: 700; padding-left: 28px; } .team-block-one .inner-box .lower-content h3:before{ position: absolute; content: "\f115"; font-family: 'flaticon'; font-size: 18px; left: 0px; top: 0px; } .team-block-one .inner-box .lower-content h3 a{ display: inline-block; color: #1c1c1c; } .team-section .big-text{ position: absolute; font-size: 60px; line-height: 70px; font-family: 'Monda', sans-serif; font-weight: 700; text-transform: uppercase; color: transparent; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: #e2e2e2; letter-spacing: 8px; } .team-section .big-text.one{ top: 261px; left: 11%; transform: rotate(90deg); } .team-section .big-text.two{ bottom: 310px; left: 44%; transform: rotate(-90deg); } /** case-style-two **/ .case-style-two{ position: relative; padding-top: 114px; } .case-style-two .owl-carousel{ max-width: 1605px; } .case-style-two .owl-stage-outer{ overflow: visible; } .case-block-two .inner-box{ position: relative; display: block; overflow: hidden; } .case-block-two .inner-box .image-box{ position: relative; display: block; } .case-block-two .inner-box .image-box img{ width: 100%; } .case-block-two .inner-box .content-box{ position: absolute; right: 0px; bottom: 0px; width: 630px; z-index: 1; background: #1c1c1c; padding: 40px 290px 42px 30px; } .case-block-two .inner-box .content-box .btn-box{ position: absolute; top: 0px; right: 0px; width: 260px; text-align: center; background: #f3f1f1; padding: 62px 15px 61px 15px; } .case-block-two .inner-box .content-box .btn-box a{ position: relative; display: inline-block; font-size: 14px; line-height: 24px; font-family: 'Monda', sans-serif; font-weight: 700; text-transform: uppercase; color: #1c1c1c; } .case-block-two .inner-box .content-box .btn-box a span{ position: relative; padding-left: 55px; } .case-block-two .inner-box .content-box .btn-box a span:before{ position: absolute; content: "\f105"; font-family: 'flaticon'; font-size: 16px; width: 40px; height: 40px; line-height: 40px; text-align: center; border-radius: 50%; left: 0px; top: -7px; font-weight: 400; transition: all 500ms ease; } .case-block-two .inner-box .content-box .btn-box a:hover span:before{ color: #fff; } .case-block-two .inner-box .content-box h3{ position: relative; display: block; font-size: 24px; line-height: 34px; font-weight: 700; margin-bottom: 6px; } .case-block-two .inner-box .content-box h3 a{ position: relative; display: inline-block; color: #fff; } .case-block-two .inner-box .content-box h5{ position: relative; display: block; font-size: 18px; line-height: 28px; font-weight: 700; padding-left: 22px; } .case-block-two .inner-box .content-box h5:before{ position: absolute; content: ''; left: 0px; top: 9px; width: 11px; height: 11px; border-radius: 50%; } .case-style-two .owl-nav{ position: absolute; top: 0px; right: 0px; left: 0px; max-width: 1605px; width: 100%; margin: 0 auto; text-align: right; height: calc(100% - 150px); z-index: 1; } .case-style-two .owl-nav:before{ position: absolute; content: ''; background: #1c1c1c; width: 260px; height: 100%; top: 0px; right: 0px; opacity: 0.92; z-index: -1; } .case-style-two .owl-nav button span{ display: none; } .case-style-two .owl-nav button.owl-prev{ position: absolute; top: 80px; right: 105px; width: 38px; height: 24px; } .case-style-two .owl-nav button.owl-next{ position: absolute; top: 80px; right: 50px; width: 38px; height: 24px; } .case-style-two .owl-nav button.owl-prev:before{ position: absolute; content: ''; background-image: url(../images/icons/icon-4.png); width: 38px; height: 24px; left: 0px; top: 0px; } .case-style-two .owl-nav button.owl-next:before{ position: absolute; content: ''; background-image: url(../images/icons/icon-5.png); width: 38px; height: 24px; left: 0px; top: 0px; } .case-style-two .owl-dots{ position: absolute; bottom: 304px; right: 0px; left: 0px; max-width: 1605px; width: 100%; margin: 0 auto; text-align: right; z-index: 1; counter-reset: slides-num; } .case-style-two .owl-dots::after { position: absolute; right: 50px; top: 50px; content: "0" counter(slides-num); display: inline-block; font-size: 24px; color: #a9a6a5; font-weight: 700; font-family: 'Monda', sans-serif; } .case-style-two .owl-dots:before{ position: absolute; content: ''; right: 92px; top: 55px; width: 1px; height: 18px; background: #4f4d4f; } .case-style-two .owl-dots button span{ display: none !important; } .case-style-two .owl-dots button{ position: absolute; top: 0px; right: 155px; counter-increment: slides-num; font-size: 90px; line-height: 80px; font-family: 'Monda', sans-serif; color: #fff; } .case-style-two .owl-dots button.active:before{ position: absolute; content: counter(slides-num); } .case-style-two .owl-dots button.active:after{ position: absolute; content: '0'; top: 0px; right: 0px; } /** pricing-section **/ .pricing-section{ position: relative; } .pricing-block-one .pricing-table{ position: relative; display: block; border: 1px solid #e2e2e2; transition: all 500ms ease; min-height: 430px; margin-bottom: 30px; } .pricing-block-one .pricing-table .table-header{ position: relative; display: block; padding: 10px 10px 10px 10px; background: #0187a336; border-bottom: 1px solid #e2e2e2; transition: all 500ms ease; } .pricing-block-one .pricing-table .table-header h3{ position: relative; display: block; font-size: 19px; line-height: 25px; font-weight: 600; margin-bottom: 2px; transition: all 500ms ease; text-align: center; } .pricing-block-one .pricing-table .table-header p{ color: #827e7d; transition: all 500ms ease; } .pricing-block-one .pricing-table:hover .table-header h3, .pricing-block-one.active-block .pricing-table .table-header h3{ color: #fff; } .pricing-block-one .pricing-table:hover .table-header p, .pricing-block-one.active-block .pricing-table .table-header p{ color: #fed9d9; } .pricing-block-one .pricing-table .table-content{ position: relative; padding-top: 0px; } .pricing-block-one .pricing-table .image-box{ position: relative; display: block; padding: 20px 20px 20px 20px; } .pricing-block-one .pricing-table .image-box img{ width: 100%; margin-bottom: 15px; border-radius: 5px; } .pricing-block-one .pricing-table .price-box{ position: absolute; top: 0px; right: 0px; background: #fff; padding: 12px 20px 2px 0px; } .pricing-block-one .pricing-table .price-box:before{ position: absolute; content: ''; background-image: url(../images/shape/shape-7.png); width: 95px; height: 67px; left: -95px; bottom: 0px; background-size: cover; background-repeat: no-repeat; } .pricing-block-one .pricing-table .price-box h2{ position: relative; display: inline-block; font-size: 48px; line-height: 50px; font-weight: 700; } .pricing-block-one .pricing-table .price-box h2 .fraction{ font-size: 18px; } .pricing-block-one .pricing-table .price-box h2 .symble{ font-size: 22px; position: relative; display: inline-block; top: -17px; } .pricing-block-one .pricing-table .feature-list{ position: relative; display: block; padding: 21px 40px 23px 40px; } .pricing-block-one .pricing-table .feature-list li{ position: relative; display: block; padding: 12px 0px; border-bottom: 1px solid #e8eaed; } .pricing-block-one .pricing-table .feature-list li:last-child{ border-bottom: none; } .pricing-block-one .pricing-table .feature-list li:before{ position: absolute; content: '\f00c'; font-family: 'Font Awesome 6 Free'; font-size: 10px; color: #fff; width: 14px; height: 14px; line-height: 14px; text-align: center; font-weight: 700; top: 19px; right: 0px; } .pricing-block-one .pricing-table .feature-list li.light:before{ content: '\f00d'; background: #a9a6a5; } .pricing-block-one .pricing-table .table-footer{ position: relative; padding: 0px 40px 40px 40px; } .pricing-block-one .pricing-table .table-footer a{ position: relative; display: block; font-size: 14px; line-height: 24px; font-family: 'Monda', sans-serif; color: #fff; font-weight: 700; text-transform: uppercase; background: #1c1c1c; padding: 19px 30px; } .pricing-block-one .pricing-table .table-footer a span{ position: relative; display: block; padding-right: 35px; } .pricing-block-one .pricing-table .table-footer a span:before{ position: absolute; content: "\f105"; font-family: 'flaticon'; font-size: 10px; width: 26px; height: 26px; line-height: 26px; text-align: center; border-radius: 50%; top: -1px; right: 0px; background: #fff; color: #1c1c1c; transition: all 500ms ease; } /** testimonial-style-two **/ .testimonial-style-two{ position: relative; padding-bottom: 120px; padding-top: 114px; } .testimonial-style-two:before{ position: absolute; content: ''; width: 50%; height: calc(100% - 120px); left: 0px; top: 0px; z-index: 1; } .testimonial-style-two .bg-layer{ position: absolute; top: 0px; right: 0px; width: calc(50% + 185px); height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; } .testimonial-style-two .sub-title{ color: #fff; } .testimonial-style-two .sub-title:before{ background: #fff; } .testimonial-style-two .sec-title .theme-btn{ position: absolute; right: 0px; bottom: 10px; } .testimonial-style-two .sec-title .theme-btn span:before{ background: url(../images/icons/icon-bg-1.png); } .testimonial-style-two .testimonial-content{ position: relative; display: block; padding-right: 100px; padding-bottom: 110px; } .testimonial-style-two .testimonial-content .rating li{ position: relative; display: inline-block; font-size: 18px; color: #fff; float: left; margin-right: 8px; } .testimonial-style-two .testimonial-content .rating li:last-child{ margin: 0px; } .testimonial-style-two .testimonial-content .rating{ margin-bottom: 15px; } .testimonial-style-two .testimonial-content h2{ position: relative; display: block; font-size: 30px; line-height: 40px; color: #fff; font-weight: 700; margin-bottom: 20px; } .testimonial-style-two .testimonial-content p{ font-size: 19px; line-height: 35px; color: #fff; margin-bottom: 29px; } .testimonial-style-two .testimonial-content h3{ display: block; font-size: 24px; line-height: 24px; color: #fff; font-weight: 700; margin-bottom: 10px; } .testimonial-style-two .testimonial-content .designation{ position: relative; display: block; color: #fff; } .testimonial-style-two .testimonial-content .thumb-box{ position: absolute; right: -15px; bottom: -60px; } .testimonial-style-two .owl-carousel .owl-stage-outer{ overflow: visible; } .testimonial-style-two .owl-carousel .owl-stage-outer .owl-item{ opacity: 0; } .testimonial-style-two .owl-carousel .owl-stage-outer .owl-item.active{ opacity: 1; } .testimonial-style-two .owl-nav{ position: absolute; right: 180px; bottom: 30px; } .testimonial-style-two .owl-nav button span{ display: none; } .testimonial-style-two .owl-nav button.owl-prev{ position: absolute; top: 80px; right: 105px; width: 38px; height: 24px; } .testimonial-style-two .owl-nav button.owl-next{ position: absolute; top: 80px; right: 50px; width: 38px; height: 24px; } .testimonial-style-two .owl-nav button.owl-prev:before{ position: absolute; content: ''; background-image: url(../images/icons/icon-6.png); width: 38px; height: 24px; left: 0px; top: 0px; } .testimonial-style-two .owl-nav button.owl-next:before{ position: absolute; content: ''; background-image: url(../images/icons/icon-7.png); width: 38px; height: 24px; left: 0px; top: 0px; } .testimonial-style-two .owl-dots{ position: absolute; left: 14px; bottom: -45px; counter-reset: slides-num; } .testimonial-style-two .owl-dots::after { position: absolute; left: 140px; top: 0px; content: "0" counter(slides-num); display: inline-block; font-size: 20px; color: #827e7d; font-weight: 700; font-family: 'Monda', sans-serif; } .testimonial-style-two .owl-dots:before{ position: absolute; content: ''; left: 25px; top: 14px; width: 100px; height: 1px; background: #d6d6d6; } .testimonial-style-two .owl-dots button span{ display: none !important; } .testimonial-style-two .owl-dots button{ position: absolute; top: -1px; left: 0px; counter-increment: slides-num; font-size: 20px; line-height: 30px; font-family: 'Monda', sans-serif; font-weight: 700; } .testimonial-style-two .owl-dots button.active:before{ position: absolute; content: counter(slides-num); } .testimonial-style-two .owl-dots button.active:after{ position: absolute; content: '0'; top: 0px; right: 0px; } .testimonial-style-two .outer-container{ position: relative; margin-bottom: 60px; z-index: 1; } .testimonial-style-two .outer-container{ border-bottom: 1px solid rgba(255,255, 255, 0.25); } .testimonial-style-two .inner-box{ position: relative; display: block; text-align: right; padding-top: 130px; } .testimonial-style-two .inner-box h2{ position: relative; display: block; font-size: 150px; line-height: 150px; font-weight: 700; color: transparent; -webkit-text-stroke-width: 2px; -webkit-text-stroke-color: #fff; padding-right: 45px; margin-bottom: 6px; } .testimonial-style-two .inner-box h2 span{ position: absolute; top: -20px; right: 0px; font-size: 80px; text-transform: uppercase; } .testimonial-style-two .inner-box h3{ position: relative; display: block; font-size: 40px; line-height: 50px; color: #fff; font-weight: 700; } .testimonial-style-two .light-icon{ position: absolute; left: 50px; bottom: 100px; font-size: 450px; line-height: 400px; color: rgba(0, 0, 0, 0.10); z-index: 1; } .header-style-two .sticky-header .menu-right-content .btn-box .theme-btn{ padding-right: 30px; } /** contact-section **/ .contact-section{ position: relative; } .contact-section .tab-btn-box{ position: relative; display: block; width: 100%; border-top: 1px solid #d6d6d6; border-bottom: 1px solid #d6d6d6; margin-bottom: 30px; } .contact-section .tab-btns{ border-left: 1px solid #d6d6d6; border-right: 1px solid #d6d6d6; } .contact-section .tab-btns li{ position: relative; display: block; float: left; width: 25%; font-size: 17px; line-height: 25px; font-family: 'Monda', sans-serif; font-weight: 700; color: #222; padding: 20px 25px 20px 20px; cursor: pointer; transition: all 500ms ease; } .contact-section .tab-btns li.active-btn{ color: #0189a6; } .contact-section .tab-btns li:after{ position: absolute; content: ''; background: #d6d6d6; width: 1px; height: 46px; top: 21px; right: 0px; } .contact-section .tab-btns li:last-child:after{ display: none; } .contact-section .tab-btns li:before{ position: absolute; content: "\f105"; font-family: 'flaticon'; font-size: 16px; top: 24px; right: 28px; color: #0189a6; transition: all 500ms ease; } .contact-section .tab-btns li.active-btn:before{ transform: rotate(90deg); } .contact-section .outer-container{ position: relative; padding: 0px 30px; } .contact-section .google-map{ position: relative; width: 100% !important; height: 580px !important; } .contact-section .content-inner{ position: relative; } .contact-section .content-inner .image-layer{ position: absolute; top: 0px; right: 0px; width: calc(100% - 570px); height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; } .contact-section .content-box{ position: relative; display: block; /*max-width: 570px;*/ max-width: 100%; width: 100%; background: #a9a9a9a1; padding: 70px 70px 70px 70px; border-radius: 5px; min-height: 300px; } .contact-section .content-box h6{ position: relative; display: block; font-size: 22px; line-height: 24px; color: #222; font-weight: 700; /* text-transform: uppercase; */ margin-bottom: 11px; } .contact-section .content-box p{ color: #222; margin-bottom: 0px; } .contact-section .content-box .upper-box{ position: relative; display: block; padding-bottom: 22px; margin-bottom: 30px; border-bottom: 1px solid #0189a6; } .contact-section .content-box .upper-box p{ font-size: 20px; line-height: 30px; font-family: 'Monda', sans-serif; } .contact-section .content-box p a{ color: #a9a6a5; } .contact-section .content-box .single-item{ margin-bottom: 0px; } .contact-section .content-box .btn-box{ padding-top: 4px; } /** downloads-section **/ .downloads-section{ position: relative; padding: 110px 0px 108px 0px; } .downloads-section .sec-title{ position: relative; display: flex; margin-bottom: 0px; justify-content: space-between; } .downloads-section .sec-title h2{ max-width: 470px; } .downloads-section .sec-title .sub-title{ height: 33px; top: 5px; } .downloads-section .download-inner{ position: relative; display: block; padding-left: 100px; } .downloads-section .download-list li{ position: relative; display: inline-block; float: left; width: 170px; text-align: center; border: 1px solid #e2e2e2; padding: 26px 15px 19px 15px; margin-right: 30px; } .downloads-section .download-list li:last-child{ margin: 0px !important; } .downloads-section .download-list li .icon-box{ position: relative; display: inline-block; width: 66px; height: 66px; line-height: 74px; background: #f3f1f1; font-size: 34px; text-align: center; border-radius: 50%; margin-bottom: 12px; } .downloads-section .download-list li button{ position: relative; display: inline-block; font-size: 14px; line-height: 24px; font-family: 'Monda', sans-serif; font-weight: 700; color: #1c1c1c; text-transform: uppercase; cursor: pointer; transition: all 500ms ease; } .downloads-section .download-list li button:hover{ padding-left: 19px; } .downloads-section .download-list li button:before{ position: absolute; content: "\f105"; font-family: 'flaticon'; font-size: 12px; left: 0px; top: -1px; opacity: 0; transition: all 500ms ease; } .downloads-section .download-list li button:hover:before{ opacity: 1; } /** footer-style-two **/ .footer-style-two{ position: relative; background: #1c1c1c; } .footer-style-two .logo-widget{ position: relative; display: block; padding: 112px 0px 130px 0px; } .footer-style-two .logo-widget .select-box{ position: relative; display: inline-block; min-height: 35px; border-bottom: 1px solid #373737; margin-bottom: 33px; padding-left: 26px; } .footer-style-two .logo-widget .select-box .icon-box{ position: absolute; left: 0px; top: 5px; font-size: 16px; color: #fff; } .footer-style-two .logo-widget .select-box .nice-select{ font-size: 17px; line-height: 27px; font-family: 'Monda', sans-serif; color: #fff; font-weight: 700; padding-right: 22px; text-transform: capitalize; } .footer-style-two .logo-widget .select-box .nice-select:after{ width: 8px; height: 8px; border-bottom: 2px solid #a9a6a5; border-right: 2px solid #a9a6a5; top: 8px; right: 3px; margin: 0px; } .footer-style-two .logo-widget .select-box .nice-select .list li{ color: #1c1c1c; } .footer-style-two .logo-widget .footer-logo{ position: relative; display: block; margin-bottom: 28px; } .footer-style-two p, .footer-style-two a{ color: #a9a6a5; } .footer-style-two .logo-widget .text{ margin-bottom: 32px; } .footer-style-two .social-links li{ position: relative; display: inline-block; float: left; margin-right: 28px; } .footer-style-two .social-links li:last-child{ margin: 0px; } .footer-style-two .social-links li a{ position: relative; display: inline-block; font-size: 22px; color: #a9a6a5; } .footer-style-two .social-links li:before{ position: absolute; content: ''; background: #343434; width: 4px; height: 4px; top: 11px; right: -15px; border-radius: 50%; } .footer-style-two .social-links li:last-child:before{ display: none; } .footer-style-two .widget-title{ position: relative; display: block; margin-bottom: 25px; } .footer-style-two .widget-title h3{ font-size: 24px; line-height: 24px; color: #fff; font-weight: 700; } .footer-style-two .links-widget .links-list li{ position: relative; display: block; margin-bottom: 13px; } .footer-style-two .links-widget .links-list li:last-child{ margin-bottom: 0px; } .footer-style-two .links-widget{ padding: 117px 0px 114px 0px; } .footer-style-two .footer-bottom{ background: transparent; border-top: 1px solid #373737; } .footer-style-two .appointment-widget{ position: relative; padding: 167px 15px 30px 15px; text-align: center; } .footer-style-two .appointment-widget .bg-layer{ position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; } .footer-style-two .appointment-widget .bg-layer:before{ position: absolute; content: ''; background: #1c1c1c; width: 100%; height: 100%; left: 0px; top: 0px; opacity: 0.15; } .footer-style-two .appointment-widget h2{ display: block; font-size: 36px; line-height: 46px; color: #fff; font-weight: 700; margin-bottom: 31px; } .footer-style-two .appointment-widget h2 span{ display: block; font-weight: 400; } .footer-style-two .appointment-widget .theme-btn{ width: 100%; } /*** ==================================================================== Home-Page-Three ==================================================================== ***/ /** header-style-three **/ .header-top-two{ position: relative; padding: 8px 0px; } .header-top-two .outer-container{ padding: 0px 50px; } .header-top-two .top-inner{ position: relative; display: flex; align-items: center; justify-content: space-between; } .header-top-two .top-left, .header-top-two .top-right{ position: relative; display: flex; align-items: center; } .header-top-two .language-box{ position: relative; padding-left: 68px; margin-right: 40px; } .header-top-two .language-box .icon-box{ position: absolute; left: 0px; top: 3px; font-size: 16px; color: #fff; } .header-top-two .language-box .text{ position: absolute; left: 26px; top: 0px; font-size: 17px; line-height: 27px; font-family: 'Monda', sans-serif; color: #dbe0fe; } .header-top-two .language-box .nice-select{ font-size: 17px; line-height: 27px; font-family: 'Monda', sans-serif; color: #fff; font-weight: 700; padding-right: 0px; text-transform: capitalize; } .header-top-two .language-box .nice-select .list li{ color: #1c1c1c; } .header-top-two .language-box .nice-select:after{ display: none; } .header-top-two .other-links li{ position: relative; display: inline-block; float: left; margin-right: 28px; } .header-top-two .other-links li:last-child{ margin: 0px; } .header-top-two .other-links li a{ font-size: 17px; line-height: 27px; font-family: 'Monda', sans-serif; color: #fff; font-weight: 700; } .header-top-two .other-links li a:hover{ text-decoration: underline; } .header-top-two .info-list li{ position: relative; display: inline-block; float: left; font-size: 17px; line-height: 27px; font-family: 'Monda', sans-serif; color: #dce1ff; padding-left: 22px; margin-right: 40px; } .header-top-two .info-list li:last-child{ margin: 0px; } .header-top-two .info-list li span{ color: #fff; font-weight: 700; } .header-top-two .info-list li i{ position: absolute; left: 0px; top: 3px; font-size: 18px; color: #dce1ff; } .header-top-two .info-list{ margin-right: 40px; } .header-top-two .social-links li{ position: relative; display: inline-block; float: left; font-size: 17px; margin-right: 28px; } .header-top-two .social-links li:last-child{ margin: 0px; } .header-top-two .social-links li a{ color: #fff; } .header-top-two .social-links li:before{ position: absolute; content: ''; background: #5a71fe; width: 4px; height: 4px; top: 12px; right: -16px; border-radius: 50%; } .header-top-two .social-links li:last-child:before{ display: none; } .header-style-three .outer-box{ position: relative; display: flex; align-items: center; padding: 0px 50px; } .header-style-three .header-lower .outer-box{ border-bottom: 1px solid #d7d7da; } .header-style-three .menu-right-content{ padding: 0px; margin: 0px; border: none; } .header-style-three .menu-right-content .search-box-outer{ position: relative; display: inline-block; font-size: 24px; color: #1c1c1c; cursor: pointer; margin-right: 45px; transition: all 500ms ease; } .header-style-three .menu-right-content .search-box-outer:before{ position: absolute; content: ''; background: #d7d7da; width: 1px; height: 30px; top: 0px; right: -23px; } .header-style-three .menu-right-content .user-box{ position: relative; margin-right: 85px; } .header-style-three .menu-right-content .user-box a{ position: relative; display: inline-block; font-size: 24px; color: #1c1c1c; } .header-style-three .menu-right-content .support-box{ position: relative; display: inline-block; padding-left: 52px; } .header-style-three .header-lower .menu-right-content .support-box:before{ position: absolute; content: ''; background: #d7d7da; left: -37px; top: -13px; width: 1px; height: 80px; } .header-style-three .menu-right-content .support-box .icon-box{ position: absolute; left: 0px; top: 12px; font-size: 32px; } .header-style-three .menu-right-content .support-box span{ position: relative; display: block; font-size: 17px; line-height: 27px; font-family: 'Monda', sans-serif; font-weight: 700; } .header-style-three .menu-right-content .support-box h5{ position: relative; display: block; font-size: 18px; line-height: 28px; font-weight: 700; } .header-style-three .menu-right-content .support-box h5 a{ display: inline-block; color: #1c1c1c; } .header-style-three .header-lower .main-menu .navigation > li > a{ padding-top: 25px; padding-bottom: 25px; } .header-style-three .header-lower .main-menu .navigation > li > a:before{ top: 25px; } .header-style-three .header-lower .main-menu .navigation > li > a:after{ top: 25px; } .header-style-three .header-lower .main-menu .navigation > li{ margin: 0px; padding: 0px 55px; border-right: 1px solid #d7d7da; } .header-style-three .header-lower .main-menu .navigation > li:first-child{ border-left: 1px solid #d7d7da; } /** banner-style-three **/ .banner-style-three{ position: relative; padding-top: 300px; } .banner-style-three .image-layer{ position: absolute; left: 0px; top: 0px; width: 100%; height: calc(100% - 70px); background-size: cover; background-repeat: no-repeat; background-position: center; } .banner-style-three .slider-content{ position: relative; max-width: 770px; width: 100%; background: rgba(28, 28, 28, 0.96); box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.07); } .banner-style-three .slider-content .upper-box{ position: relative; padding: 91px 100px 93px 100px; } .banner-style-three .slider-content h6{ position: relative; display: inline-block; font-size: 14px; line-height: 24px; color: #a9a6a5; font-weight: 700; text-transform: uppercase; margin-bottom: 26px; padding-bottom: 8px; } .banner-style-three .slider-content h2{ position: relative; display: block; font-size: 60px; line-height: 70px; color: #fff; font-weight: 700; margin-bottom: 21px; } .banner-style-three .slider-content p{ display: block; font-size: 18px; color: #d6d6d6; } .banner-style-three .slider-content .btn-box a{ float: left; width: 50%; padding: 23px 30px; } .banner-style-three .owl-nav{ position: absolute; right: 150px; bottom: 104px; } .banner-style-three .owl-nav button span{ display: none; } .banner-style-three .owl-nav button.owl-prev{ position: absolute; top: 80px; right: 105px; width: 38px; height: 24px; } .banner-style-three .owl-nav button.owl-next{ position: absolute; top: 80px; right: 50px; width: 38px; height: 24px; } .banner-style-three .owl-nav button.owl-prev:before{ position: absolute; content: ''; background-image: url(../images/icons/icon-6.png); width: 38px; height: 24px; left: 0px; top: 0px; } .banner-style-three .owl-nav button.owl-next:before{ position: absolute; content: ''; background-image: url(../images/icons/icon-7.png); width: 38px; height: 24px; left: 0px; top: 0px; } .banner-style-three .owl-dots{ position: absolute; right: 14px; bottom: 25px; counter-reset: slides-num; } .banner-style-three .owl-dots::after { position: absolute; right: -15px; top: 0px; content: "0" counter(slides-num); display: inline-block; font-size: 20px; font-weight: 700; font-family: 'Monda', sans-serif; color: #827e7d; } .banner-style-three .owl-dots:before{ position: absolute; content: ''; right: 21px; top: 14px; width: 50px; height: 1px; background: #d6d6d6; } .banner-style-three .owl-dots button span{ display: none !important; } .banner-style-three .owl-dots button{ position: absolute; top: -1px; left: -95px; counter-increment: slides-num; font-size: 20px; line-height: 30px; font-family: 'Monda', sans-serif; font-weight: 700; } .banner-style-three .owl-dots button.active:before{ position: absolute; content: counter(slides-num); } .banner-style-three .owl-dots button.active:after{ position: absolute; content: '0'; top: 0px; right: 0px; } .bg-color-2{ background-color: #f3f3f4; } .pbn{ padding-bottom: 0px!important; } .bg-color-21{ background-color: #f3f3f4; min-height: 513px !important; } .bg-color-22{ background-color: #fff; min-height: 513px!important; } .bgg{ background-color: #00A65112; } /** service-style-three **/ .service-style-three{ position: relative; } .sec-title p{ margin-top: 22px; } .service-block-three .inner-box{ position: relative; display: block; overflow: hidden; border: 1px solid #fff; box-shadow: 0px 0px 10px 10px rgba(0, 0, 0, 0.15); padding: 36px 30px 35px 75px; transition: all 500ms ease; min-height: 400px; } .service-block-three .inner-box:hover{ transform: translateY(-10px); } .service-block-three .inner-box h6{ position: absolute; display: inline-block; font-size: 14px; line-height: 24px; color: #827e7d; font-weight: 700; text-transform: uppercase; padding-right: 70px; transform: rotate(-90deg); left: -41px; top: 104px; } .service-block-three .inner-box h6:before{ position: absolute; content: ''; background: #d6d6d6; height: 1px; width: 50px; right: 0px; top: 10px; } .service-block-three .inner-box .icon-box{ position: relative; display: block; font-size: 66px; line-height: 60px; margin-bottom: 24px; } .service-block-three .inner-box h3{ position: relative; display: block; font-size: 24px; line-height: 34px; font-weight: 700; padding-bottom: 19px; margin-bottom: 22px; } .service-block-three .inner-box h3 a{ display: inline-block; color: #1c1c1c; } .service-block-three .inner-box h3:before{ position: absolute; content: ''; width: 100px; height: 2px; left: 0px; bottom: 0px; } .service-block-three .inner-box h3:after{ position: absolute; content: ''; width: 2px; height: 12px; left: 100px; bottom: -5px; } .service-block-three .inner-box p{ display: block; margin-bottom: 26px; } .service-block-three .inner-box .link-btn a{ position: relative; display: inline-block; font-size: 14px; line-height: 24px; font-family: 'Monda', sans-serif; color: #1c1c1c; font-weight: 700; text-transform: uppercase; } .service-block-three .inner-box .link-btn a span{ position: relative; padding-left: 20px; transition: all 500ms ease; } .service-block-three .inner-box .link-btn a span:before{ position: absolute; content: "\f105"; font-family: 'flaticon'; font-size: 16px; left: 0px; top: 0px; transition: all 500ms ease; } .service-block-three .inner-box .link-btn a span:after{ position: absolute; content: "\f105"; font-family: 'flaticon'; width: 26px; height: 26px; line-height: 26px; font-size: 12px; color: #fff; text-align: center; border-radius: 50%; left: 0px; top: -1px; opacity: 0; transition: all 500ms ease; } .service-block-three .inner-box .link-btn a:hover span:after{ opacity: 1; } .service-block-three .inner-box .link-btn a:hover span{ padding-left: 36px; } .service-block-three .inner-box .link-btn a:after{ position: absolute; content: ''; width: 45px; height: 1px; left: -42px; top: 11px; transition: all 500ms ease; } .service-block-three .inner-box .link-btn a:hover:after{ opacity: 0; } /** chooseus-style-three **/ .chooseus-style-three{ position: relative; padding: 120px 0px; } .chooseus-style-three .image-box{ position: relative; display: block; margin-right: 30px; margin-left: -315px; } .chooseus-style-three .image-box img{ width: 100%; } .chooseus-style-three .image-box .text-box{ position: absolute; right: 0px; bottom: 0px; width: 220px; height: 225px; background: rgba(38, 63, 217, 0.95); } .chooseus-style-three .image-box .text-box .icon-box{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); } .chooseus-style-three .image-box .curved-circle-4{ position: absolute; left: 110px; top: 32px; font-size: 16px; line-height: 26px; font-family: 'Inter Tight', sans-serif; color: #fff; font-weight: 700; text-transform: uppercase; transform: rotate(160deg); } .chooseus-style-three .image-box .curved-circle-4:before{ position: absolute; content: '.'; left: -3px; bottom: 8px; } .chooseus-style-three .content-box{ position: relative; display: block; margin-top: -9px; } .chooseus-style-three .content-box .text{ margin-bottom: 33px; } .chooseus-style-three .content-box .inner-box .single-item{ position: relative; display: block; margin-bottom: 36px; } .chooseus-style-three .content-box .inner-box .single-item:before{ position: absolute; content: ''; background: #e2e2e2; width: 1px; height: calc(100% - 0px); top: 0px; right: 30px; } .chooseus-style-three .content-box .inner-box .single-column:last-child .single-item:before{ display: none; } .chooseus-style-three .content-box .inner-box .single-item .icon-box{ position: relative; display: block; font-size: 35px; line-height: 40px; margin-bottom: 10px; } .chooseus-style-three .content-box .inner-box .single-item h3{ display: block; font-size: 24px; line-height: 34px; font-weight: 700; margin-bottom: 5px; } .chooseus-style-three .content-box .inner-box .single-item span{ position: relative; display: block; } .chooseus-style-three .content-box .download-box{ position: relative; display: block; padding-left: 70px; } .chooseus-style-three .content-box .download-box .icon-box{ position: absolute; left: 0px; top: 7px; font-size: 30px; color: #ced3f6; width: 50px; height: 50px; line-height: 56px; text-align: center; } .chooseus-style-three .content-box .download-box h3{ display: block; font-size: 24px; line-height: 34px; color: #a9a6a5; font-weight: 700; margin-bottom: 6px; } .chooseus-style-three .content-box .download-box h6{ position: relative; display: block; } .chooseus-style-three .content-box .download-box h6 button{ position: relative; display: inline-block; font-size: 14px; line-height: 24px; font-family: 'Monda', sans-serif; font-weight: 700; text-transform: uppercase; color: #1c1c1c; cursor: pointer; transition: all 500ms ease; } .chooseus-style-three .content-box .sec-title{ margin-bottom: 31px; } /** industry-style-three **/ .industry-style-three{ position: relative; padding: 40px 0px 30px 0px; background: #022452; } .industry-style-three:before{ position: absolute; content: ''; background: #f3f3f4; width: calc(50% - 45px); height: 450px; border: 1px solid #e2e2e2; left: 0px; top: 0px; } .industry-style-three .sec-title{ margin-bottom: 0px; margin-right: 100px; margin-top: -9px; } .industry-style-three .sec-title p{ margin-bottom: 26px; margin-top: 2px; font-size: 16px; line-height: 30px; } .industry-style-three .sec-title a{ position: relative; display: inline-block; font-size: 14px; line-height: 24px; font-family: 'Monda', sans-serif; color: #1c1c1c; font-weight: 700; text-transform: uppercase; } .industry-style-three .sec-title a span{ position: relative; padding-left: 65px; } .industry-style-three .sec-title a span:before{ position: absolute; content: "\f105"; font-family: 'flaticon'; font-size: 16px; left: 42px; top: 0px; transition: all 500ms ease; } .industry-style-three .sec-title a span:after{ position: absolute; content: ''; width: 45px; height: 1px; left: 0px; top: 11px; transition: all 500ms ease; } .industries-block-one .inner-box{ position: relative; display: block; padding-left: 260px; margin-bottom: 0px; } .industries-block-one .inner-box .image-box{ position: absolute; left: 0px; top: 0px; display: block; overflow: hidden; } .industries-block-one .inner-box .image-box:before{ position: absolute; content: ''; /*background: #1c1c1c;*/ width: 110px; height: calc(100% - 110px); right: 0px; bottom: 0px; z-index: 1; } .industries-block-one .inner-box .image-box img{ width: 100%; } .industries-block-one .inner-box .content-box{ position: relative; display: block; padding: 142px 30px 23px 40px; z-index: 2; } .industries-block-one .inner-box .content-box .light-icon{ position: absolute; top: 0px; right: 0px; font-size: 150px; color: #292929; } .industries-block-one .inner-box .content-box .link-box{ position: absolute; left: 40px; top: 40px; transition: all 500ms ease; } .industries-block-one .inner-box:hover .content-box .link-box{ left: 0px; top: 0px; } .industries-block-one .inner-box .content-box .link-box a{ position: relative; display: inline-block; width: 70px; height: 70px; line-height: 70px; font-size: 30px; color: #fff; background: rgba(38, 63, 217, 0.90); text-align: center; } .industries-block-one .inner-box:hover .content-box .link-box a{ width: 110px; height: 110px; line-height: 110px; } .industries-block-one .inner-box .content-box .link-box a i{ position: relative; display: inline-block; transition: all 500ms ease; } .industries-block-one .inner-box:hover .content-box .link-box a i{ transform: rotate(-45deg); } .industries-block-one .inner-box .content-box h3{ display: block; font-size: 24px; line-height: 34px; font-weight: 700; margin-bottom: 15px; } .industries-block-one .inner-box .content-box h3 a{ display: inline-block; color: #fff; } .industries-block-one .inner-box .content-box p{ color: #a9a6a5; } /** growth-section **/ .growth-section{ position: relative; } .growth-section .chart-box{ position: relative; display: block; max-width: 770px; background: #f3f3f4; border: 1px solid #fff; box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 10%); padding: 63px 100px 103px 100px; } .growth-section .pattern-layer{ position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; } .progress-box .bar{ position:relative; width:100%; height:8px; background: #e2e2e2; } .progress-box .bar-inner{ position:relative; display:block; width:0px; height:8px; background: -webkit-linear-gradient(0deg, #f3f3f4, #e8278d 100%); -webkit-transition:all 1500ms ease; -ms-transition:all 1500ms ease; -o-transition:all 1500ms ease; -moz-transition:all 1500ms ease; transition:all 1500ms ease; } .home_3 .progress-box .bar-inner{ background: -webkit-linear-gradient(0deg, #f3f3f4, #263fd9 100%); } .progress-box .bar-inner:before{ position: absolute; content: ''; width: 15px; height: 16px; top: -4px; right: -14px; clip-path: polygon(0% 0%, 100% 50%, 0% 100%, 0% 100%, 0% 0%); } .progress-box h5{ position: relative; display: block; font-size: 18px; line-height: 28px; font-weight: 700; margin-bottom: 13px; } .progress-box .count-text{ position: absolute; top: -41px; right: 0px; font-size: 18px; line-height: 28px; font-family: 'Monda', sans-serif; font-weight: 700; color: #1c1c1c; } .growth-section .progress-box{ position: relative; margin-bottom: 37px; z-index: 1; } .growth-section .progress-box:last-child{ margin-bottom: 0px; } .growth-section .chart-box h6{ position: relative; display: block; font-size: 14px; line-height: 24px; font-weight: 700; text-transform: uppercase; padding-left: 20px; margin-bottom: 33px; } .growth-section .chart-box h6:before{ position: absolute; content: ''; width: 10px; height: 10px; left: 0px; top: 6px; border-radius: 50%; } .growth-section .chart-box .chart-inner{ position: relative; padding-top: 22px; padding-bottom: 35px; } .growth-section .bar-box{ position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; right: 0px; } .growth-section .bar-box .bar{ position: absolute; top: 0px; width: 1px; height: 100%; background: #d6d6d6; } .growth-section .bar-box .bar-1{ left: -1px; } .growth-section .bar-box .bar-2{ left: 20%; } .growth-section .bar-box .bar-3{ left: 40%; } .growth-section .bar-box .bar-4{ left: 60%; } .growth-section .bar-box .bar-5{ left: 80%; } .growth-section .bar-box .bar-6{ right: 0px; } .growth-section .count-box{ position: absolute; left: 0px; top: 0px; right: 0px; width: 100%; height: 100%; } .growth-section .count-box span{ position: absolute; display: block; font-size: 17px; color: #827e7d; bottom: -40px; margin-left: -9px; } .growth-section .count-box .count-1{ left: 0px; margin-left: -6px; } .growth-section .count-box .count-2{ left: 20%; } .growth-section .count-box .count-3{ left: 40%; } .growth-section .count-box .count-4{ left: 60%; } .growth-section .count-box .count-5{ left: 80%; } .growth-section .count-box .count-6{ right: -13px; } .growth-section .image-layer{ position: absolute; bottom: -30px; right: 60px; } /** faq-section **/ .faq-section{ position: relative; padding: 120px 0px; } .faq-section .image-box{ position: relative; display: block; margin-left: -315px; padding-left: 443px; padding-bottom: 120px; margin-right: 30px; } .faq-section .image-box .image-1{ position: absolute; left: 0px; bottom: 0px; } .faq-section .image-box img{ width: 100%; } .accordion-box .block .acc-content{ position:relative; display:none; padding: 15px 0px 0px 80px; } .accordion-box .block .acc-content.current{ display:block; } .accordion-box .block{ position: relative; display: block; margin-bottom: 37px; } .accordion-box .block:last-child{ margin-bottom: 0px; } .accordion-box .acc-btn{ position: relative; display: block; padding: 0px 0px 0px 80px; cursor: pointer; } .accordion-box .acc-btn .icon-box{ position: absolute; left: 0px; top: 7px; width: 50px; height: 50px; line-height: 56px; background: #f3f3f4; text-align: center; font-size: 16px; color: #a9a6a5; transition: all 500ms ease; } .accordion-box .acc-btn.active .icon-box{ color: #fff; } .accordion-box .acc-btn .icon-box i{ position: relative; display: inline-block; } .accordion-box .acc-btn.active .icon-box i{ transform: rotate(90deg); } .accordion-box .acc-btn h3{ position: relative; display: block; font-size: 22px; line-height: 32px; color: #a9a6a5; font-weight: 700; transition: all 500ms ease; } .accordion-box .acc-btn.active h3{ color: #1c1c1c; } .faq-section .accordion-box{ margin-bottom: 44px; } .faq-section .link-box a{ position: relative; display: inline-block; font-size: 14px; line-height: 24px; font-family: 'Monda', sans-serif; color: #1c1c1c; font-weight: 700; text-transform: uppercase; } .faq-section .link-box a span{ position: relative; padding-left: 65px; } .faq-section .link-box a span:before{ position: absolute; content: "\f105"; font-family: 'flaticon'; font-size: 16px; left: 42px; top: 0px; transition: all 500ms ease; } .faq-section .link-box a span:after{ position: absolute; content: ''; width: 45px; height: 1px; left: 0px; top: 11px; transition: all 500ms ease; } .faq-section .content-box{ position: relative; margin-top: -9px; } .faq-section .content-box .sec-title{ margin-bottom: 42px; } .faq-section .pattern-layer{ position: absolute; left: 0px; top: 0px; width: 1273px; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; } /** clients-style-two **/ .clients-style-two{ position: relative; width: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; } .clients-style-two:before{ position: absolute; content: ''; background: rgba(28, 28, 28, 1); width: 50%; height: 100%; left: 0px; top: 0px; } .clients-style-two .upper-box{ position: relative; display: block; padding: 106px 0px 120px 0px; } .clients-style-two h2{ position: relative; display: block; font-size: 60px; line-height: 70px; color: #fff; font-weight: 700; margin-bottom: 38px; max-width: 520px; } .clients-style-two .big-text{ position: absolute; left: 0px; top: 200px; width: 100%; font-size: 280px; line-height: 200px; font-family: 'Monda', sans-serif; font-weight: 700; color: transparent; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: rgba(38,63,217,0.3); } .clients-style-two .clients-box{ position: relative; background: rgba(28, 28, 28, 1); padding-bottom: 60px; } .clients-style-two .clients-box h6{ position: relative; display: block; font-size: 14px; line-height: 14px; color: #fff; font-weight: 700; margin-bottom: 48px; text-transform: uppercase; } .clients-style-two .clients-logo{ position: relative; display: block; } .clients-style-two .clients-logo img{ position: relative; max-width: 100%; width: auto; } .clients-style-two .owl-carousel .owl-stage{ display: flex; align-items: center; } /** case-style-three **/ .case-style-three{ position: relative; } .case-block-three .inner-box{ position: relative; display: block; overflow: hidden; } .case-block-three .inner-box .image-box{ position: relative; display: block; overflow: hidden; } .case-block-three .inner-box .image-box img{ transition: all 500ms ease; } .case-block-three .inner-box:hover .image-box img{ border: 1px black; transform: scale(1.05); } .case-block-three .inner-box:hover .content-box .link-box{ transform: scale(0,0); } .case-block-three .inner-box .content-box .link-box a{ position: relative; display: inline-block; width: 70px; height: 70px; line-height: 70px; font-size: 30px; color: #fff; text-align: center; } .case-block-three .inner-box .content-box .btn-box{ position: absolute; top: 77px; right: -88px; padding: 9px 33px 24px 33px; transform: rotate(-90deg); opacity: 0; transition: all 500ms ease; } .case-block-three .inner-box:hover .content-box .btn-box{ right: -78px; opacity: 1; } .case-block-three .inner-box .content-box .btn-box a{ position: relative; display: inline-block; font-size: 14px; line-height: 24px; font-family: 'Monda', sans-serif; color: #fff; font-weight: 700; text-transform: uppercase; } .case-block-three .inner-box .content-box .btn-box a i{ position: relative; display: inline-block; font-size: 30px; margin-left: 21px; transform: rotate(135deg); top: 9px; } .case-block-three .inner-box .content-box .view-btn{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); } .case-block-three .inner-box .content-box .view-btn a{ position: relative; display: inline-block; font-size: 32px; color: #fff; transform: scale(0,0); } .case-block-three .inner-box:hover .content-box .view-btn a{ transform: scale(1,1); } .case-block-three .inner-box .content-box h3{ position: absolute; left: 0px; bottom: 0px; width: 100%; padding: 22px 30px; font-size: 24px; line-height: 34px; color: #fff; font-weight: 700; background: rgba(28, 28, 28, 0.90); transition: all 500ms ease; } .case-block-three .inner-box:hover .content-box h3{ background: transparent; } .case-block-three .inner-box .content-box h3 a{ display: inline-block; color: #fff; } .case-style-three .owl-dots{ position: relative; display: block; text-align: center; margin-top: 57px; } .case-style-three .owl-theme .owl-dots .owl-dot span{ position: relative; display: inline-block; width: 10px; height: 10px; background: #d6d6d6; border-radius: 50%; cursor: pointer; margin: 0px 15px; transition: all 500ms ease; } .case-style-three .owl-theme .owl-dots .owl-dot span:before{ position: absolute; content: ''; width: 24px; height: 24px; left: -7px; top: -7px; border-radius: 50%; transform: scale(0,0); transition: all 500ms ease; } .case-style-three .owl-theme .owl-dots .owl-dot.active span:before, .case-style-three .owl-theme .owl-dots .owl-dot span:hover:before{ transform: scale(1,1); } /** news-style-two **/ .news-style-two{ position: relative; padding: 120px 0px; } .news-style-two .sec-title .link a{ position: relative; display: inline-block; font-size: 14px; line-height: 24px; font-family: 'Monda', sans-serif; color: #1c1c1c; font-weight: 700; text-transform: uppercase; } .news-style-two .sec-title .link a span{ position: relative; padding-left: 65px; } .news-style-two .sec-title .link a span:before{ position: absolute; content: "\f105"; font-family: 'flaticon'; font-size: 16px; left: 42px; top: 0px; transition: all 500ms ease; } .news-style-two .sec-title .link a span:after{ position: absolute; content: ''; width: 45px; height: 1px; left: 0px; top: 11px; transition: all 500ms ease; } .news-style-two .sec-title h2{ margin-bottom: 22px; } .news-style-two .sec-title{ margin-bottom: 36px; } .news-style-two .content-column .content-box{ position: relative; display: block; } .news-style-two .content-box .form-group{ position: relative; margin: 0px; } .news-style-two .content-box .form-group input[type='email']{ position: relative; display: block; width: 100%; height: 62px; background: #e1e1e1; border: 1px solid #e1e1e1; padding: 10px 30px; font-size: 17px; color: #827e7d; margin-bottom: 18px; transition: all 500ms ease; } .news-block-two .inner-box{ position: relative; display: block; padding-left: 220px; min-height: 183px; padding-bottom: 40px; margin-bottom: 40px; border-bottom: 1px solid #d6d6d6; } .news-block-two .inner-box:before{ position: absolute; content: ''; background: #d6d6d6; width: 40px; height: 1px; left: -40px; bottom: -1px; } .news-block-two .inner-box .image-box{ position: absolute; left: 0px; top: 0px; } .news-block-two .inner-box .image-box img{ width: 100%; } .news-block-two .inner-box .image-box .category{ position: absolute; display: inline-block; right: 0px; bottom: 0px; font-size: 14px; line-height: 24px; font-family: 'Monda', sans-serif; color: #fff; font-weight: 700; text-transform: uppercase; padding: 3px 20px; } .news-block-two .inner-box .content-box{ position: relative; display: block; padding: 14px 30px 16px 30px; } .news-block-two .inner-box .content-box .post-info li{ position: relative; display: inline-block; float: left; margin-right: 25px; font-size: 18px; color: #827e7d; font-family: 'Monda', sans-serif; padding-left: 23px; } .news-block-two .inner-box .content-box .post-info li:last-child{ margin: 0px; } .news-block-two .inner-box .content-box .post-info li:before{ position: absolute; content: ''; background: #d6d6d6; width: 1px; height: 14px; top: 7px; right: -13px; } .news-block-two .inner-box .content-box .post-info li:last-child:before{ display: none; } .news-block-two .inner-box .content-box .post-info li a{ position: relative; display: inline-block; color: #827e7d; } .news-block-two .inner-box .content-box .post-info li i{ position: absolute; left: 0px; top: 5px; font-size: 16px; color: #a9a6a5; } .news-block-two .inner-box .content-box .post-info{ margin-bottom: 11px; } .news-block-two .inner-box .content-box h3{ position: relative; display: block; font-size: 24px; line-height: 34px; font-weight: 700; margin-bottom: 20px; } .news-block-two .inner-box .content-box h3 a{ display: inline-block; color: #292729; } .news-block-two .inner-box .content-box .link a{ position: relative; display: inline-block; font-size: 14px; line-height: 24px; font-family: 'Monda', sans-serif; color: #1c1c1c; font-weight: 700; text-transform: uppercase; } .news-block-two .inner-box .content-box .link a span{ position: relative; padding-left: 65px; transition: all 500ms ease; } .news-block-two .inner-box .content-box .link a span:before{ position: absolute; content: "\f105"; font-family: 'flaticon'; font-size: 16px; left: 45px; top: 0px; transition: all 500ms ease; } .news-block-two .inner-box .content-box .link a:hover span:before{ opacity: 0; } .news-block-two .inner-box .content-box .link a span:after{ position: absolute; content: "\f105"; font-family: 'flaticon'; width: 26px; height: 26px; line-height: 26px; font-size: 12px; color: #fff; text-align: center; border-radius: 50%; left: 0px; top: -1px; opacity: 0; transition: all 500ms ease; } .news-block-two .inner-box .content-box .link a:hover span:after{ opacity: 1; } .news-block-two .inner-box .content-box .link a:hover span{ padding-left: 35px; } .news-block-two .inner-box .content-box .link a:after{ position: absolute; content: ''; width: 45px; height: 1px; left: 0px; top: 11px; transition: all 500ms ease; } .news-block-two .inner-box .content-box .link a:hover:after{ opacity: 0; } .news-style-two .bx-viewport{ min-height: 711px !important; padding-left: 100px; } .news-style-two .inner-column{ position: relative; } .news-style-two .inner-column:before{ position: absolute; content: ''; background: #d6d6d6; width: 1px; height: 100%; top: 0px; left: 75px; } .news-style-two .bx-controls.bx-has-controls-direction{ position: absolute; left: -85px; bottom: 0px; } .news-style-two .bx-controls.bx-has-controls-direction a.bx-prev, .news-style-two .bx-controls.bx-has-controls-direction a.bx-next{ position: relative; display: inline-block; width: 60px; height: 60px; line-height: 60px; font-size: 16px; background: transparent; border: 1px solid #d6d6d6; color: #1c1c1c; text-align: center; cursor: pointer; z-index: 1; transition: all 500ms ease; } .news-style-two .bx-controls.bx-has-controls-direction a.bx-prev:hover, .news-style-two .bx-controls.bx-has-controls-direction a.bx-next:hover{ color: #fff; } .news-style-two .bx-controls.bx-has-controls-direction a.bx-prev{ margin-right: 10px; } .news-style-two .bx-controls.bx-has-controls-direction a.bx-prev i{ position: relative; display: inline-block; transform: rotate(180deg); top: -3px; } /** testimonial-style-three **/ .testimonial-style-three{ position: relative; padding-top: 120px; z-index: 1; } .testimonial-style-three .outer-container{ position: relative; } .testimonial-style-three .outer-container .bg-layer{ position: absolute; left: 60px; top: 0px; width: calc(50% + 495px); height: calc(100% + 120px); background-size: cover; background-repeat: no-repeat; background-position: center; } .testimonial-style-three .slider-content{ position: relative; margin-right: -400px; } .testimonial-style-three .content-box{ position: relative; display: block; background: #fff; margin-left: 40px; padding-left: 60px; padding-bottom: 60px; margin-top: -9px; } .testimonial-block-one .inner-box{ position: relative; display: block; border: 1px solid #e2e2e2; padding: 39px 30px 32px 39px; } .testimonial-block-one .inner-box .quote-box{ position: absolute; top: 24px; right: 31px; font-size: 125px; color: #f3f3f4; } .header-top .links-list li p i{ padding-right: 5px; } .testimonial-block-one .inner-box .thumb-box{ position: relative; display: inline-block; width: 70px; height: 70px; border-radius: 50%; margin-bottom: 22px; } .testimonial-block-one .inner-box .thumb-box img{ width: 100%; border-radius: 50%; } .testimonial-block-one .inner-box .rating li{ position: relative; display: inline-block; float: left; font-size: 20px; margin-right: 8px; } .testimonial-block-one .inner-box .rating li:last-child{ margin: 0px; } .testimonial-block-one .inner-box .rating{ margin-bottom: 17px; } .testimonial-block-one .inner-box p{ position: relative; display: block; padding-bottom: 29px; margin-bottom: 27px; } .testimonial-block-one .inner-box p:before{ position: absolute; content: ''; background: #e2e2e2; width: calc(100% + 40px); height: 1px; left: -40px; bottom: 0px; } .testimonial-block-one .inner-box h3{ position: relative; display: block; font-size: 24px; line-height: 34px; font-weight: 700; margin-bottom: 5px; } .testimonial-block-one .inner-box .designation{ position: relative; display: block; } .testimonial-style-three .owl-nav{ position: absolute; left: 740px; bottom: -180px; } .testimonial-style-three .owl-nav button{ position: relative; display: block; width: 60px; height: 60px; line-height: 60px; background: #f3f3f4; text-align: center; font-size: 16px; color: #1c1c1c; cursor: pointer; transition: all 500ms ease; } .testimonial-style-three .owl-nav button:hover{ color: #fff; } .testimonial-style-three .big-text{ position: absolute; left: 60px; bottom: -120px; font-size: 140px; line-height: 110px; font-family: 'Monda', sans-serif; font-weight: 700; text-transform: uppercase; max-width: 1430px; width: 100%; text-align: center; z-index: 1; color: transparent; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: rgba(255,255,255,0.5); } /** footer-style-three **/ .footer-style-three{ position: relative; width: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; background-attachment: fixed; } .footer-style-three:before{ position: absolute; content: ''; background: #022452; width: 100%; height: 100%; left: 0px; top: 0px; opacity: 0.90; } .footer-style-three .widget-section{ position: relative; padding: 40px 0px 10px 0px; border-bottom: 1px solid #ffffff38; } .footer-style-three .logo-widget{ margin-top: 0px; } .footer-style-three .logo-widget .footer-logo{ position: relative; display: block; margin-bottom: 10px; width: 210px; } .footer-style-three .logo-widget .info-list li{ position: relative; display: block; padding-left: 40px; margin-bottom: 10px; } .footer-style-three .logo-widget .info-list li:last-child{ margin-bottom: 0px; } .footer-style-three .logo-widget .info-list li .icon-box{ position: absolute; left: 0px; top: 7px; font-size: 24px; color: #04b0d5; } .footer-style-three .logo-widget .info-list li h5{ position: relative; display: block; font-size: 16px; line-height: 25px; color: #fff; font-weight: 700; margin-bottom: 0px; } .footer-style-three p, .footer-style-three a{ color: #fff; margin-bottom: 0px; } .footer-style-three .links-widget{ margin-left: 25px; } .footer-style-three .widget-title{ position: relative; display: block; margin-bottom: 10px; } .footer-style-three .widget-title h3{ font-size: 20px; line-height: 30px; font-weight: 600; color: #fff; } .footer-style-three .links-widget .links-list li{ position: relative; display: block; margin-bottom: 10px; } .footer-style-three .links-widget .links-list li:last-child{ margin-bottom: 0px; } .footer-style-three .download-widget .download-box{ position: relative; display: block; padding-left: 67px; margin-bottom: 15px; } .footer-style-three .download-widget .download-box .icon-box{ position: absolute; left: 0px; top: 6px; display: inline-block; width: 48px; height: 48px; line-height: 54px; font-size: 28px; color: #fff; text-align: center; } .footer-style-three .download-widget .download-box h4{ position: relative; display: block; font-size: 20px; line-height: 30px; color: #a9a6a5; font-weight: 700; margin-bottom: 3px; } .footer-style-three .download-widget .download-box button{ position: relative; display: inline-block; font-size: 14px; line-height: 24px; font-family: 'Monda', sans-serif; color: #fff; font-weight: 700; text-transform: uppercase; transition: all 500ms ease; } .footer-style-three .download-widget .copyright{ position: relative; display: block; margin-bottom: 40px; padding-bottom: 33px; border-bottom: 1px solid #373737; } .footer-style-three .download-widget .copyright a{ color: #fff; } .footer-style-three .download-widget .social-links li{ position: relative; display: inline-block; float: left; margin-right: 10px; } .footer-style-three .download-widget .social-links li:last-child{ margin: 0px; } .footer-style-three .download-widget .social-links li a{ position: relative; display: inline-block; width: 54px; height: 54px; line-height: 54px; font-size: 22px; color: #fff; text-align: center; } .footer-style-three .download-widget .social-links li:first-child a{ background: #3b5998; } .footer-style-three .download-widget .social-links li:nth-child(2) a{ background: #00acee; } .footer-style-three .download-widget .social-links li:nth-child(3) a{ background: #ff0000; } .footer-style-three .download-widget .social-links li:last-child a{ background: #0e76a8; } .footer-style-three .download-widget{ margin-top: 3px; } .footer-style-three .footer-bottom{ background: transparent; } .footer-style-three .footer-bottom button{ position: relative; display: inline-block; font-size: 14px; line-height: 24px; font-family: 'Monda', sans-serif; color: #fff; font-weight: 700; text-transform: uppercase; padding-right: 27px; } .footer-style-three .footer-bottom button img{ position: absolute; top: 0px; right: 0px; } /*** ==================================================================== Inner-Page ==================================================================== ***/ /** page-title **/ .page-title{ position: relative; padding: 50px 0px 50px 0px; } .page-title .bg-layer{ position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; } .page-title .bg-layer:before { position: absolute; content: ''; width: 100%; height: 100%; background: -webkit-linear-gradient(-90deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.0) 50%); bottom: 0px; right: 0px; } .page-title h1{ display: block; font-size: 45px; line-height: 82px; color: #1c1c1c; font-weight: 700; margin-bottom: 9px; } .page-title .bread-crumb li{ position: relative; display: inline-block; font-size: 18px; line-height: 28px; font-family: 'Monda', sans-serif; font-weight: 700; color: #fff; margin-right: 12px; } .page-title .bread-crumb li a{ display: inline-block; color: #fff; } .page-title .bread-crumb li:before{ position: absolute; content: ''; width: 2px; height: 2px; right: -10px; bottom: 7px; } .page-title .bread-crumb li:last-child:before{ display: none; } .page-title .line-box .line-1, .page-title .line-box .line-2{ position: absolute; top: 0px; width: 1px; height: 100%; background: #fff; opacity: 0.15; z-index: 2; } .page-title .line-box .line-1{ left: 481px; } .page-title .line-box .line-2{ right: 513px; } /** statements-section **/ .statements-section{ position: relative; } .statements-section .tab-btn-box{ position: relative; display: block; border: 1px solid #d6d6d6; margin-bottom: 60px; } .statements-section .tab-btns li{ position: relative; display: inline-block; float: left; width: 25%; text-align: center; padding: 25px 0px 17px 0px; border-right: 1px solid #d6d6d6; cursor: pointer; } .statements-section .tab-btns li:last-child{ border-right: none; } .statements-section .tab-btns li .icon-box{ position: relative; display: block; font-size: 50px; line-height: 50px; margin-bottom: 19px; padding-bottom: 20px; color: #292729; border-bottom: 1px solid #d6d6d6; transition: all 500ms ease; } .statements-section .tab-btns li h4{ position: relative; display: block; font-size: 20px; line-height: 30px; font-weight: 700; color: #a9a6a5; transition: all 500ms ease; } .statements-section .tab-btns li.active-btn h4{ color: #292729; } .statements-section .tabs-content{ position: relative; display: block; background: #1c1c1c; overflow: hidden; } .statements-section .tabs-content .content-box{ position: relative; display: block; } .statements-section .tabs-content .content-box .bg-layer{ position: absolute; top: 0px; right: 0px; width: 50%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; } .statements-section .tabs-content .content-box .inner-box{ position: relative; width: 50%; padding: 50px 50px 60px 60px; } .statements-section .tabs-content .content-box .inner-box h2{ position: relative; display: block; font-size: 40px; line-height: 50px; color: #fff; font-weight: 700; margin-bottom: 23px; } .statements-section .tabs-content .content-box .inner-box p{ color: #a9a6a5; margin-bottom: 33px; } .statements-section .tabs-content .content-box .inner-box .theme-btn:hover{ background: #fff; } .statements-section .tabs-content .content-box .inner-box .theme-btn:hover span:before{ color: #fff; } .statements-section .tabs-content .big-text{ position: absolute; left: 0px; bottom: 0px; width: 100%; text-align: center; font-size: 100px; line-height: 76px; font-family: 'Monda', sans-serif; font-weight: 700; text-transform: uppercase; color: transparent; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: rgba(255,255,255,0.20); } /** certification-section **/ .certification-section{ position: relative; } .certification-section .image{ position: relative; display: block; } .certification-section .image img{ width: 100%; } .certification-section .content-box{ position: relative; display: block; border: 1px solid #e2e2e2; padding: 49px; } .certification-section .image-1{ margin-right: -58px; } .certification-section .image-2{ position: relative; background: #f3f1f1; padding: 10px; margin-left: 60px; } .certification-section .image-2:before{ position: absolute; content: ''; border: 1px solid #e6ebed; width: calc(100% - 20px); height: calc(100% - 20px); left: 10px; top: 10px; z-index: 1; } .certification-section .owl-nav span{ display: none; } .certification-section .owl-nav{ position: absolute; left: 50%; transform: translateX(-50%); bottom: 50px; background: #fff; width: 145px; height: 74px; line-height: 74px; text-align: center; margin-left: 80px; } .certification-section .owl-nav button{ position: relative; display: inline-block; margin: 0px 10px; width: 38px; height: 24px; } .certification-section .owl-nav button.owl-prev:before{ position: absolute; content: ''; background-image: url(../images/icons/icon-1.png); width: 38px; height: 24px; left: 0px; top: 0px; opacity: 0.6; background-repeat: no-repeat; filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -o-filter: grayscale(100%); -ms-filter: grayscale(100%); transition: all 500ms ease; } .certification-section .owl-nav button.owl-next:before{ position: absolute; content: ''; background-image: url(../images/icons/icon-2.png); width: 38px; height: 24px; left: 0px; top: 0px; opacity: 0.6; background-repeat: no-repeat; filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -o-filter: grayscale(100%); -ms-filter: grayscale(100%); transition: all 500ms ease; } .certification-section .owl-nav button.owl-prev:hover:before, .certification-section .owl-nav button.owl-next:hover:before{ opacity: 1; filter: grayscale(0%); -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -o-filter: grayscale(0%); -ms-filter: grayscale(0%); } /** history-section **/ .history-section{ position: relative; padding: 120px 0px; } .history-section .inner-box{ position: relative; display: block; margin-bottom: 60px; } .history-section .inner-box:last-child{ margin-bottom: 0px; } .history-section .image-box{ position: relative; display: block; } .history-section .inner-box:nth-child(2) .image-box, .history-section .inner-box:nth-child(4) .image-box{ margin-left: 70px; padding-left: 30px; } .history-section .inner-box:first-child .image-box, .history-section .inner-box:nth-child(3) .image-box{ margin-right: 70px; padding-right: 30px; } .history-section .image-box .image{ position: relative; display: block; } .history-section .image-box .image img{ width: 100%; } .history-section .image-box .link-box{ position: absolute; top: 50px; } .history-section .inner-box:first-child .image-box .link-box, .history-section .inner-box:nth-child(3) .image-box .link-box{ right: 0px; } .history-section .inner-box:nth-child(2) .image-box .link-box, .history-section .inner-box:nth-child(4) .image-box .link-box{ left: 0px; } .history-section .image-box .link-box a{ position: relative; display: inline-block; width: 70px; height: 70px; line-height: 76px; text-align: center; font-size: 30px; color: #fff; } .history-section .image-box .link-box a:hover{ background: #1c1c1c; } .history-section .content-box{ position: relative; display: block; margin-top: -16px; } .history-section .content-box .text{ position: relative; padding-bottom: 27px; padding-top: 41px; } .history-section .content-box .text:before{ position: absolute; content: ''; background: #e2e2e2; width: 1px; height: calc(100% + 16px); top: 0px; } .history-section .inner-box:nth-child(2) .content-box .text:before, .history-section .inner-box:nth-child(4) .content-box .text:before{ left: 50px; } .history-section .inner-box:first-child .content-box .text:before, .history-section .inner-box:nth-child(3) .content-box .text:before{ right: 50px; } .history-section .inner-box:nth-child(2) .content-box .text, .history-section .inner-box:nth-child(4) .content-box .text{ padding-left: 100px; } .history-section .content-box h2{ position: relative; display: block; font-size: 72px; line-height: 82px; color: #e2e2e2; font-weight: 700; padding-bottom: 18px; border-bottom: 1px solid #e2e2e2; } .history-section .inner-box:nth-child(2) .content-box h2, .history-section .inner-box:nth-child(4) .content-box h2{ text-align: right; } .history-section .content-box h3{ position: relative; display: block; font-size: 24px; line-height: 34px; font-weight: 700; margin-bottom: 15px; } .history-section .content-box p{ max-width: 440px; } .team-section .tab-btn-box{ position: relative; margin-right: 10px; margin-top: -18px; } .team-section .tab-btn-box .tab-btns li{ position: relative; display: block; font-size: 14px; line-height: 24px; font-family: 'Monda', sans-serif; color: #1c1c1c; font-weight: 700; text-transform: uppercase; padding: 14px 0px; cursor: pointer; transition: all 500ms ease; } .team-section .tab-btn-box .tab-btns li:before{ position: absolute; content: ''; background: #e2e2e2; width: 50px; height: 1px; left: 0px; bottom: 0px; transition: all 500ms ease; } .team-section .tab-btn-box .tab-btns li.active-btn:before{ width: 100%; } .team-section .tab-btn-box .tab-btns li:after{ position: absolute; content: "\f105"; font-family: 'flaticon'; font-size: 16px; top: 14px; right: 30px; opacity: 0; transition: all 500ms ease; } .team-section .tab-btn-box .tab-btns li.active-btn:after{ opacity: 1; } .team-section .tabs-box .btn-column{ position: relative; } .team-section .tabs-box .btn-column:before{ position: absolute; content: ''; background: #e2e2e2; width: 1px; height: calc(100% + 192px); top: -114px; right: 25px; } /** project-section **/ .project-section{ position: relative; padding: 30px 0px; } .project-block-one .inner-box{ position: relative; display: block; overflow: hidden; margin-bottom: 30px; } .project-block-one .inner-box .image-box{ position: relative; display: block; overflow: hidden; background: #1c1c1c; } .project-block-one .inner-box .image-box img{ width: 100%; transition: all 500ms ease; } .project-block-one .inner-box:hover .image-box img{ opacity: 0.1; transform: scale(1.05); } .project-block-one .inner-box .content-box{ position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 1; } .project-block-one .inner-box .content-box .view-btn{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); } .project-block-one .inner-box .content-box .view-btn a{ position: relative; display: inline-block; font-size: 30px; color: #fff; transform: scale(0,0); } .project-block-one .inner-box:hover .content-box .view-btn a{ transform: scale(1,1); } .project-block-one .inner-box .content-box .text{ position: absolute; left: 0px; bottom: 0px; width: 100%; padding-left: 15px; opacity: 0; transition: all 500ms ease; } .project-block-one .inner-box:hover .content-box .text{ opacity: 1; bottom: 28px; } .project-block-one .inner-box .content-box h3{ position: relative; display: block; font-size: 18px; line-height: 25px; font-weight: 700; margin-bottom: 4px; } .project-block-one .inner-box .content-box h3 a{ display: inline-block; color: #fff; } .project-block-one .inner-box .content-box h5{ position: relative; display: block; font-size: 18px; line-height: 28px; font-weight: 700; padding-left: 10px; } .project-block-one .inner-box .content-box h5:before{ position: absolute; content: ''; width: 30px; height: 1px; left: -30px; top: 14px; } .project-section .more-btn{ padding-top: 30px; } .sortable-masonry .filters{ position: relative; display: block; border-top: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2; margin-bottom: 60px; } .sortable-masonry .filter-tabs{ position: relative; display: block; border-left: 1px solid #e2e2e2; border-right: 1px solid #e2e2e2; padding: 21px 0px; } .sortable-masonry .filter-tabs li{ position: relative; display: inline-block; font-size: 20px; line-height: 36px; font-family: 'Monda', sans-serif; color: #a9a6a5; font-weight: 700; margin: 0px 47px; cursor: pointer; transition: all 500ms ease; } .sortable-masonry .filter-tabs li:before{ position: absolute; content: ''; background: #e2e2e2; width: 1px; height: 100%; top: 0px; right: -50%; } .sortable-masonry .filter-tabs li:last-child:before{ display: none; } .sortable-masonry .filter-tabs li span{ position: relative; top: -26px; font-size: 14px; } .case-section.project-page-two{ padding-top: 0px; padding-bottom: 120px; } .case-section .case-block{ padding: 0px 55px; border-bottom: 1px solid #e2e2e2; } .case-section.project-page-two .outer-container{ padding: 0px; } .case-section .more-btn{ padding-top: 60px; } /** project-style-two **/ .project-style-two{ position: relative; padding: 60px 0px; } .project-style-two .content-box{ position: relative; padding: 53px 0px 52px 0px; border-bottom: 1px solid #e2e2e2; } .project-style-two .content-box:last-child{ border-bottom: none; } .project-style-two .title-box{ position: relative; display: block; margin-bottom: 33px; } .project-style-two .title-box h5{ display: block; font-size: 18px; line-height: 28px; font-weight: 700; padding-left: 22px; } .project-style-two .title-box h5:before{ position: absolute; content: ''; width: 11px; height: 11px; left: 0px; top: 9px; border-radius: 50%; } .project-style-two .owl-nav span{ display: none; } .project-style-two .owl-nav{ position: absolute; top: -72px; right: 0px; } .project-style-two .owl-nav button{ position: relative; display: inline-block; margin: 0px 10px; width: 38px; height: 24px; } .project-style-two .owl-nav button.owl-prev:before{ position: absolute; content: ''; background-image: url(../images/icons/icon-1.png); width: 38px; height: 24px; left: 0px; top: 0px; opacity: 0.6; background-repeat: no-repeat; filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -o-filter: grayscale(100%); -ms-filter: grayscale(100%); transition: all 500ms ease; } .project-style-two .owl-nav button.owl-next:before{ position: absolute; content: ''; background-image: url(../images/icons/icon-2.png); width: 38px; height: 24px; left: 0px; top: 0px; opacity: 0.6; background-repeat: no-repeat; filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -o-filter: grayscale(100%); -ms-filter: grayscale(100%); transition: all 500ms ease; } .project-style-two .owl-nav button.owl-prev:hover:before, .project-style-two .owl-nav button.owl-next:hover:before{ opacity: 1; filter: grayscale(0%); -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -o-filter: grayscale(0%); -ms-filter: grayscale(0%); } .project-block-two .inner-box{ position: relative; display: block; } .project-block-two .inner-box .image-box{ position: relative; display: block; overflow: hidden; } .project-block-two .inner-box .image-box .image{ position: relative; display: block; overflow: hidden; background: #1c1c1c; } .project-block-two .inner-box .image-box .image img{ width: 100%; transition: all 500ms ease; } .project-block-two .inner-box:hover .image-box .image img{ opacity: 0.1; transform: scale(1.05); } .project-block-two .inner-box .image-box .view-btn{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); } .project-block-two .inner-box .image-box .view-btn a{ position: relative; display: inline-block; font-size: 30px; color: #fff; transform: scale(0,0); } .project-block-two .inner-box:hover .image-box .view-btn a{ transform: scale(1,1); } .project-block-two .inner-box .image-box .btn-box{ position: absolute; top: 78px; right: -88px; padding: 9px 33px 24px 33px; transform: rotate(-90deg); opacity: 0; transition: all 500ms ease; } .project-block-two .inner-box:hover .image-box .btn-box{ right: -78px; opacity: 1; } .project-block-two .inner-box .image-box .btn-box a{ position: relative; display: inline-block; font-size: 14px; line-height: 24px; font-family: 'Monda', sans-serif; color: #fff; font-weight: 700; text-transform: uppercase; } .project-block-two .inner-box .image-box .btn-box a i{ position: relative; display: inline-block; font-size: 30px; margin-left: 21px; transform: rotate(135deg); top: 9px; } .project-block-two .inner-box .lower-content{ position: relative; display: block; text-align: center; padding-top: 22px; } .project-block-two .inner-box .lower-content h3{ display: block; font-size: 24px; line-height: 34px; font-weight: 700; } .project-block-two .inner-box .lower-content h3 a{ display: inline-block; color: #1c1c1c; } .project-page-four{ padding: 120px 0px; } .project-page-four .case-block-three .inner-box{ margin-bottom: 30px; } .pagination-wrapper{ padding-top: 30px; } /** project-details **/ .project-details{ position: relative; padding: 114px 0px 77px 0px; border-bottom: 1px solid #e2e2e2; } .project-details .category-box{ position: relative; display: block; padding-bottom: 33px; margin-bottom: 73px; border-bottom: 1px solid #e2e2e2; } .project-details .category-box .info-box h6{ position: relative; display: block; font-size: 14px; line-height: 24px; font-weight: 700; margin-bottom: 5px; text-transform: uppercase; } .project-details .category-box .info-box p a{ display: inline-block; color: #827e7d; } .project-details .upper-box{ position: relative; display: block; margin-bottom: 53px; } .project-details .upper-box .title-text{ position: relative; margin-top: -5px; } .project-details .upper-box .title-text h2{ display: block; font-size: 48px; line-height: 58px; font-weight: 700; } .project-details .upper-box .text p{ margin-bottom: 26px; } .project-details .upper-box .text p:last-child{ margin-bottom: 0px; } .project-details .image-box{ position: relative; display: block; overflow: hidden; margin-bottom: 70px; } .project-details .image-box .image{ position: relative; display: block; } .project-details .image-box .image img{ width: 100%; } .project-details .image-box .owl-nav span{ display: none; } .project-details .image-box .owl-nav{ position: absolute; top: 0px; right: -23px; background: #fff; width: 145px; height: 74px; line-height: 60px; text-align: center; } .project-details .image-box .owl-nav button{ position: relative; display: inline-block; margin: 0px 10px; width: 38px; height: 24px; } .project-details .image-box .owl-nav button.owl-prev:before{ position: absolute; content: ''; background-image: url(../images/icons/icon-1.png); width: 38px; height: 24px; left: 0px; top: 0px; opacity: 0.6; background-repeat: no-repeat; filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -o-filter: grayscale(100%); -ms-filter: grayscale(100%); transition: all 500ms ease; } .project-details .image-box .owl-nav button.owl-next:before{ position: absolute; content: ''; background-image: url(../images/icons/icon-2.png); width: 38px; height: 24px; left: 0px; top: 0px; opacity: 0.6; background-repeat: no-repeat; filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -o-filter: grayscale(100%); -ms-filter: grayscale(100%); transition: all 500ms ease; } .project-details .image-box .owl-nav button.owl-prev:hover:before, .project-details .image-box .owl-nav button.owl-next:hover:before{ opacity: 1; filter: grayscale(0%); -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -o-filter: grayscale(0%); -ms-filter: grayscale(0%); } .project-details .lower-box .tab-btns{ position: relative; margin-top: 27px; } .project-details .lower-box .tab-btns:before{ position: absolute; content: ''; background: #e2e2e2; width: 1px; height: calc(100% + 27px); left: 0px; top: -14px; } .project-details .lower-box .tab-btns li{ position: relative; display: block; font-size: 14px; line-height: 24px; font-family: 'Monda', sans-serif; color: #a9a6a5; text-transform: uppercase; font-weight: 700; padding-left: 40px; transition: all 500ms ease; margin-bottom: 16px; } .project-details .lower-box .tab-btns li:before{ position: absolute; content: ''; background: #e2e2e2; width: 0px; height: 1px; left: 0px; top: 10px; transition: all 500ms ease; } .project-details .lower-box .tab-btns li.active-btn:before{ width: 30px; } .project-details .lower-box .tab-btns li:last-child{ margin-bottom: 0px; } .project-details .lower-box .tab-btns li span{ position: relative; display: inline-block; padding-right: 23px; cursor: pointer; } .project-details .lower-box .tab-btns li span:before{ position: absolute; content: "\f105"; font-family: 'flaticon'; font-size: 16px; top: -1px; right: 0px; opacity: 0; transition: all 500ms ease; } .project-details .lower-box .tab-btns li.active-btn span:before{ opacity: 1; } .project-details .lower-box .content-box h2{ position: relative; display: block; font-size: 36px; line-height: 46px; font-weight: 700; margin-bottom: 23px; } .project-details .lower-box .content-box p{ margin-bottom: 17px; } .project-details .lower-box .content-box .list-item li{ position: relative; display: block; padding-left: 38px; margin-bottom: 11px; } .project-details .lower-box .content-box .list-item li:last-child{ margin-bottom: 0px; } .project-details .lower-box .content-box .list-item li:before{ position: absolute; content: ''; background-image: url(../images/icons/icon-10.png); width: 18px; height: 18px; left: 0px; top: 6px; background-repeat: no-repeat; } .related-project{ position: relative; padding: 108px 0px 112px 0px; } /** pricing-style-two **/ .pricing-style-two{ position: relative; padding: 120px 0px; } .pricing-block-two{ max-width: 370px; margin: 0 auto; } .pricing-block-two .pricing-table{ position: relative; display: block; overflow: hidden; } .pricing-block-two .pricing-table .price-box{ position: relative; display: block; padding: 13px 30px 2px 40px; } .pricing-block-two .pricing-table .price-box .shape{ position: absolute; left: 0px; top: 0px; width: 100%; height: 76px; background-size: cover; background-repeat: no-repeat; background-position: right center; } .pricing-block-two .pricing-table .price-box h2{ position: relative; display: inline-block; font-size: 48px; line-height: 50px; font-weight: 700; } .pricing-block-two .pricing-table .price-box h2 .fraction{ font-size: 18px; } .pricing-block-two .pricing-table .price-box h2 .symble{ font-size: 26px; position: relative; display: inline-block; top: -17px; } .pricing-block-two .pricing-table .price-box h5{ position: absolute; top: 9px; right: 20px; font-size: 18px; line-height: 28px; font-weight: 700; text-transform: uppercase; } .pricing-block-two .pricing-table .price-box h5 span{ position: relative; display: block; font-size: 14px; line-height: 20px; } .pricing-block-two .pricing-table .title-box{ position: relative; display: block; background: #1c1c1c; padding: 20px 30px 20px 40px; } .pricing-block-two .pricing-table .title-box h3{ display: block; font-size: 24px; line-height: 34px; color: #fff; font-weight: 700; } .pricing-block-two .pricing-table .title-box p{ color: #a9a6a5; } .pricing-block-two .pricing-table .table-content{ position: relative; display: block; padding: 21px 40px 40px 40px; background: #f3f1f1; border: 1px solid #e2e2e2; border-top: none; } .pricing-block-two .pricing-table .feature-list{ margin-bottom: 20px; } .pricing-block-two .pricing-table .feature-list li{ position: relative; display: block; padding: 12px 0px; border-bottom: 1px solid #e8eaed; } .pricing-block-two .pricing-table .feature-list li:last-child{ border-bottom: none; } .pricing-block-two .pricing-table .feature-list li:before{ position: absolute; content: '\f00c'; font-family: 'Font Awesome 6 Free'; font-size: 10px; color: #fff; width: 14px; height: 14px; line-height: 14px; text-align: center; font-weight: 700; top: 19px; right: 0px; } .pricing-block-two .pricing-table .feature-list li.light:before{ content: '\f00d'; background: #a9a6a5; } .pricing-block-two .pricing-table .theme-btn{ background: #1c1c1c; width: 100%; } .pricing-block-two .pricing-table .theme-btn span:before{ color: #1c1c1c; } .pricing-block-two.active-block .pricing-table .title-box p{ color: #fed9d9; } /** contact-style-two **/ .contact-style-two{ position: relative; padding: 120px 0px; } .contact-style-two .sec-title{ margin-bottom: 0px; max-width: 440px; } .contact-style-two .form-inner .form-group{ margin-bottom: 20px; } .contact-style-two .form-inner .form-group:last-child{ margin-bottom: 0px; } .contact-style-two .form-inner .form-group input[type='text'], .contact-style-two .form-inner .form-group textarea, .contact-style-two .form-inner .form-group input[type=email], .contact-style-two .form-inner .form-group .nice-select { position: relative; display: block; width: 100%; height: 62px; border: 1px solid #e2e2e2; background: #fff; font-size: 17px; color: #827e7d; padding: 0px 30px; border-radius: 0px; transition: all 500ms ease; } .contact-style-two .form-inner .form-group .select-box{ min-height: 62px; } .contact-style-two .form-inner .form-group .nice-select{ line-height: 62px; text-transform: capitalize; } .contact-style-two .form-inner .form-group .nice-select:after{ width: 12px; height: 12px; border-bottom: 2px solid #a9a6a5; border-right: 2px solid #a9a6a5; right: 33px; top: 25px; } .contact-style-two .form-inner .form-group textarea{ height: 120px; resize: none; padding-top: 15px; } .contact-style-two .form-inner .theme-btn{ width: 100%; } .contact-style-two .pattern-layer{ position: absolute; left: 0px; top: 0px; right: 0px; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; } /** shop-page-section **/ .shop-page-section{ position: relative; padding: 114px 0px 120px 0px; } .default-sidebar{ position: relative; display: block; } .default-sidebar .search-widget{ position: relative; margin-bottom: 40px; } .default-sidebar .search-form .form-group{ position: relative; margin: 0px; } .default-sidebar .search-form .form-group:before{ position: absolute; content: ''; background: #e2e2e2; width: 1px; height: 40px; left: 0px; bottom: 0px; } .default-sidebar .search-form .form-group input[type='search']{ position: relative; display: block; width: 100%; height: 65px; border-bottom: 1px solid #e2e2e2; font-size: 17px; color: #827e7d; padding-left: 20px; padding-right: 30px; transition: all 500ms ease; } .default-sidebar .search-form .form-group button[type='submit']{ position: absolute; top: 24px; right: 0px; font-size: 20px; color: #232323; cursor: pointer; transition: all 500ms ease; } .default-sidebar .sidebar-widget{ position: relative; display: block; border: 1px solid #e2e2e2; padding-left: 30px; padding-bottom: 5px; margin-bottom: 40px; } .default-sidebar .sidebar-widget:last-child{ margin-bottom: 0px; } .default-sidebar .widget-title{ position: relative; display: block; padding: 21px 0px; border-bottom: 1px solid #e2e2e2; } .default-sidebar .widget-title h3{ font-size: 24px; line-height: 34px; font-weight: 700; } .default-sidebar .category-widget .category-list li{ position: relative; display: block; padding: 18px 0px 17px 0px; border-bottom: 1px solid #e2e2e2; padding-right: 30px; } .default-sidebar .category-widget .category-list li:last-child{ border-bottom: none; } .default-sidebar .category-widget .category-list li a{ position: relative; display: block; font-size: 14px; line-height: 24px; font-family: 'Monda', sans-serif; color: #1c1c1c; font-weight: 700; text-transform: uppercase; } .default-sidebar .category-widget .category-list li a span{ position: relative; float: right; color: #a9a6a5; transition: all 500ms ease; } .default-sidebar .category-widget .category-list li a span:before{ position: absolute; content: ''; background: #e2e2e2; width: 1px; height: 35px; left: -29px; top: -17px; transition: all 500ms ease; } .default-sidebar .category-widget .category-list li a:hover span:before{ opacity: 0; } .shop-sidebar{ margin-right: 20px; } .default-sidebar .category-widget .category-list li a span:after{ position: absolute; content: ''; width: 36px; height: 1px; left: -94px; top: 11px; opacity: 0; transition: all 500ms ease; } .default-sidebar .category-widget .category-list li a:hover span:after{ opacity: 1; } .shop-sidebar .filter-widget .range-slider{ padding-right: 30px; padding-top: 34px; } .range-slider .price-range-slider{ margin-bottom: 18px; } .range-slider .input{ position: relative; padding-left: 10px; float: right; width: 80px; } .range-slider .input:before { position: absolute; content: '$'; left: 0px; top: 0px; } .range-slider .input:after{ position: absolute; content: ''; background: #fff; width: 100px; height: 100%; left: -61px; top: 0px; } .range-slider .input input{ background:none; font-size: 17px; color: #827e7d; } .range-slider .ui-widget.ui-widget-content{ height:4px; border:none; background:#dfe4e6; border-radius: 0px; } .range-slider .ui-slider .ui-slider-range{ top:0px; height:4px; border-radius: 0px; } .range-slider .ui-widget-content .ui-state-default{ top:-3px; width:10px; height:10px; border: none; cursor:pointer; margin-left: 0px; border-radius: 0px; } .shop-sidebar .filter-widget .range-slider .price-range p{ position: relative; float: left; color: #827e7d; } .shop-sidebar .filter-widget .filter-btn button{ position: relative; display: inline-block; font-size: 14px; line-height: 30px; font-family: 'Monda', sans-serif; color: #1c1c1c; font-weight: 700; text-transform: uppercase; cursor: pointer; margin-top: 11px; transition: all 500ms ease; } .shop-sidebar .filter-widget{ padding-bottom: 29px; } .shop-sidebar .post-widget .post{ position: relative; display: block; padding: 0px 0px 23px 90px; margin-bottom: 25px; border-bottom: 1px solid #e2e2e2; min-height: 106px; } .shop-sidebar .post-widget .post:last-child{ border-bottom: none; margin-bottom: 0px; } .shop-sidebar .post-widget .post .thumb-box{ position: absolute; left: 0px; top: 5px; width: 70px; height: 70px; border: 1px solid #e2e2e2; } .shop-sidebar .post-widget .post h6{ position: relative; display: block; font-size: 16px; line-height: 26px; font-weight: 700; margin-bottom: 4px; } .shop-sidebar .post-widget .post h6 a{ display: inline-block; color: #1c1c1c; } .shop-sidebar{ margin-top: -18px; } .shop-sidebar .post-widget .post .price{ position: relative; display: block; font-size: 16px; line-height: 26px; font-family: 'Monda', sans-serif; font-weight: 700; } .shop-sidebar .post-widget .widget-title{ margin-bottom: 26px; } .our-shop .item-shorting .short-box{ position: relative; display: flex; align-items: center; } .our-shop .item-shorting .short-box p{ margin-right: 5px; } .our-shop .item-shorting .short-box .nice-select{ font-size: 17px; color: #1c1c1c; text-transform: capitalize; padding-right: 50px; font-weight: 400; } .our-shop .item-shorting .short-box .nice-select:after{ width: 10px; height: 10px; border-bottom: 2px solid #a9a6a5; border-right: 2px solid #a9a6a5; right: 3px; } .our-shop .item-shorting .short-box .nice-select .list{ min-width: 150px; } .our-shop .item-shorting{ position: relative; display: block; margin-bottom: 32px; } .shop-block-one .inner-box{ position: relative; display: block; overflow: hidden; border: 1px solid #e2e2e2; margin-bottom: 30px; } .shop-block-one .inner-box .image-box{ position: relative; display: flex; overflow: hidden; min-height: 354px; align-items: center; justify-content: center; } .shop-block-one .inner-box .image-box:before{ position: absolute; content: ''; background: #e2e2e2; width: calc(100%); height: 1px; right: 0px; bottom: 0px; } .shop-block-one .inner-box .image-box .offer-box{ position: absolute; top: 4px; right: 4px; } .shop-block-one .inner-box .image-box .offer-box .discount{ position: relative; display: block; font-size: 14px; line-height: 26px; font-family: 'Monda', sans-serif; color: #fff; font-weight: 700; text-transform: uppercase; padding: 0px 9px; } .shop-block-one .inner-box .image-box .offer-box .sale{ position: relative; display: inline-block; font-size: 14px; line-height: 26px; font-family: 'Monda', sans-serif; color: #fff; background: #1c1c1c; font-weight: 700; text-transform: uppercase; padding: 0px 9px; } .shop-block-one .inner-box .image-box h5{ position: absolute; left: 0px; bottom: 14px; width: 100%; padding-left: 30px; font-size: 18px; line-height: 28px; font-weight: 700; } .shop-block-one .inner-box .image-box h5 del{ color: #a9a6a5; margin-left: 10px; } .shop-block-one .inner-box .image-box .image{ position: relative; display: block; margin-top: -18px; } .shop-block-one .inner-box .lower-content{ position: relative; display: block; padding: 22px 20px 21px 30px; } .shop-block-one .inner-box .lower-content h4{ position: relative; display: block; font-size: 20px; line-height: 30px; font-weight: 700; margin-bottom: 14px; } .shop-block-one .inner-box .lower-content h4 a{ display: inline-block; color: #1c1c1c; } .shop-block-one .inner-box .lower-content .review-box{ position: relative; display: flex; align-items: center; } .shop-block-one .inner-box .lower-content .review-box .rating li{ position: relative; display: inline-block; float: left; font-size: 16px; color: #f59845; margin-right: 5px; } .shop-block-one .inner-box .lower-content .review-box .rating li:last-child{ margin-right: 10px; } .shop-block-one .inner-box .lower-content .review-box a{ position: relative; display: inline-block; color: #827e7d; font-size: 15px; } /** shop-details **/ .shop-details{ position: relative; padding: 60px 10px 0px; } /* #shop-details1{ padding: 0px 10px 0px!important; } */ .shop-details-content{ position: relative; display: block; } .shop-details-content .bxslider .image-box{ position: relative; display: flex; margin-right: 30px; align-items: center; justify-content: center; min-height: 530px; margin-bottom: 12px; border: 1px solid #e2e2e2; } .shop-details-content .bxslider .image-box img{ width: 100%; } .shop-details-content .bxslider .thumb-box li{ position: relative; float: left; margin-right: 12px; width: 126px; height: 126px; } .shop-details-content .bxslider .thumb-box li a{ position: relative; display: flex; align-items: center; justify-content: center; border: 1px solid #e2e2e2; width: 126px; height: 126px; } .shop-details-content .bxslider .thumb-box li a.active{ } .shop-details-content .content-box{ position: relative; display: block; } .shop-details-content .content-box .rating-box{ position: relative; display: flex; align-items: center; margin-bottom: 14px; } .shop-details-content .content-box .rating li{ position: relative; display: inline-block; font-size: 16px; color: #f59845; margin-right: 2px; } .shop-details-content .content-box .rating-box a{ position: relative; display: inline-block; font-size: 15px; color: #827e7d; margin-left: 5px; } .shop-details-content .content-box .othre-options h4{ font-size: 20px; line-height: 30px; font-weight: 700; margin-bottom: 17px; } .shop-details-content .item-quantity{ position: relative; display: inline-block; max-width: 146px; width: 100%; float: left; padding: 0px 45px; } .shop-details-content .item-quantity .input-group { position: relative; display: table; border-collapse: separate; max-width: 50px; width: 100%; height: 50px; } .shop-details-content .item-quantity input.quantity-spinner { line-height: 56px; height: 54px; width: 54px !important; padding: 0px !important; box-shadow: none !important; font-family: 'Monda', sans-serif; border: none; text-align: center; font-size: 20px; font-weight: 700; color: #1c1c1c; border: 1px solid #e2e2e2; background-color: #f3f1f1; border-radius: 0px; } .bootstrap-touchspin .input-group-btn-vertical > .btn.bootstrap-touchspin-down{ position: absolute; height: 54px; width: 40px; background: transparent; padding: 0px 0px; left: -45px; top: -54px; border: 1px solid #e2e2e2; border-radius: 0px; } .bootstrap-touchspin .input-group-btn-vertical > .btn.bootstrap-touchspin-up{ position: absolute; height: 54px; width: 40px; background: transparent; padding: 0px 0px; right: -45px; top: -54px; border: 1px solid #e2e2e2; border-radius: 0px; } .bootstrap-touchspin .input-group-btn-vertical > .btn.bootstrap-touchspin-down:before { content: "\f10c"; font-family: 'flaticon'; font-size: 12px; color: #a9a6a5; } .bootstrap-touchspin .input-group-btn-vertical > .btn.bootstrap-touchspin-up:before { content: "\f10c"; font-family: 'flaticon'; font-size: 12px; color: #a9a6a5; display: inline-block; transform: rotate(180deg); } .bootstrap-touchspin .input-group-btn-vertical{ position: absolute; width: 100%; } .bootstrap-touchspin .input-group-btn-vertical i{ display: none; } .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down{ margin-top: 0px; } .shop-details-content .content-box .othre-options .theme-btn{ padding: 15px 30px; } .shop-details-content .content-box h3{ position: relative; display: block; font-size: 28px; line-height: 40px; font-weight: 700; margin-bottom: 18px; } .shop-details-content .content-box h3 del{ color: #a9a6a5; margin-left: 15px; } .shop-details-content .content-box h2{ display: block; font-size: 36px; line-height: 46px; font-weight: 700; margin-bottom: 17px; } .shop-details-content .content-box p{ display: block; margin-bottom: 27px; } .shop-details-content .content-box .product-highlights{ position: relative; display: block; margin-bottom: 40px; padding-bottom: 37px; border-bottom: 1px solid #e2e2e2; } .shop-details-content .content-box .product-highlights li{ position: relative; display: block; padding-left: 180px; margin-bottom: 12px; } .shop-details-content .content-box .product-highlights li:last-child{ margin-bottom: 0px; } .shop-details-content .content-box .product-highlights li h5{ position: absolute; left: 0px; top: 2px; font-size: 18px; line-height: 28px; font-weight: 700; } .shop-details-content .content-box h6{ position: relative; display: block; font-size: 14px; line-height: 26px; font-weight: 500; text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 8px; } .shop-details-content .content-box .othre-options{ position: relative; display: block; margin-bottom: 41px; } .shop-details-content .content-box .othre-options .item-quantity, .shop-details-content .content-box .othre-options .cart-box, .shop-details-content .content-box .othre-options .like-box{ position: relative; display: inline-block; float: left; margin-right: 20px; } .shop-details-content .content-box .othre-options .like-box{ margin-right: 0px; } .shop-details-content .content-box .othre-options .like-box a{ position: relative; display: inline-block; width: 54px; height: 54px; line-height: 60px; font-size: 20px; background-color: #f3f1f1; border: 1px solid #e2e2e2; text-align: center; } .shop-details-content .content-box .othre-options .like-box a:hover{ color: #fff; } .shop-details-content .content-box .share-option .share-links li{ position: relative; display: inline-block; float: left; margin-right: 15px; } .shop-details-content .content-box .share-option .share-links li:last-child{ margin: 0px !important; } .shop-details-content .content-box .share-option .share-links li a{ position: relative; display: inline-block; width: 44px; height: 44px; line-height: 44px; text-align: center; font-size: 20px; background: #3b5998; color: #fff; } .shop-details-content .content-box .share-option .share-links li:nth-child(2) a{ background: #55acee; } .shop-details-content .content-box .share-option .share-links li:nth-child(3) a{ background: #0071bc; } .shop-details-content .content-box .share-option .share-links li:last-child a{ background: #cd201f; } /* .shop-details-content{ margin-bottom: 120px; } */ .shop-details-content .content-box{ margin-top: -6px; } .shop-details .product-discription{ position: relative; display: block; } .shop-details .product-discription .tabs-content .text p{ margin-bottom: 15px; } .shop-details .product-discription .tabs-content .text p:last-child{ margin-bottom: 0px; } .shop-details .product-discription .tab-btn-box{ position: relative; display: block; width: 100%; margin-bottom: 60px; } .shop-details .product-discription .tab-btn-box:before{ position: absolute; content: ''; background-color: #e2e2e2; width: 100%; height: 1px; left: 0px; top: 28px; } .shop-details .product-discription .tab-btn-box .tab-btns li{ position: relative; display: inline-block; font-size: 20px; line-height: 30px; font-family: 'Monda', sans-serif; font-weight: 700; color: #a9a6a5; text-align: center; padding: 13px 27px; background-color: #fff; border: 1px solid #e2e2e2; cursor: pointer; margin: 0px 8.5px; transition: all 500ms ease; } .shop-details .product-discription .tab-btn-box .tab-btns li.active-btn{ } .shop-details .product-discription .single-comment-box .inner-box{ position: relative; display: block; background-color: #f3f1f1; border: 1px solid #e2e2e2; padding: 32px 30px 32px 125px; } .shop-details .product-discription .single-comment-box .inner-box .comment-thumb{ position: absolute; left: 30px; top: 40px; width: 70px; height: 70px; } .shop-details .product-discription .single-comment-box .inner-box .comment-thumb img{ width: 100%; } .shop-details .product-discription .single-comment-box .inner-box .rating{ position: relative; display: block; margin-bottom: 3px; } .shop-details .product-discription .single-comment-box .inner-box .rating li{ position: relative; display: inline-block; font-size: 12px; float: left; margin-right: 4px; color: #f59845; } .shop-details .product-discription .single-comment-box .inner-box .rating li:last-child{ margin: 0px !important; } .shop-details .product-discription .single-comment-box .inner-box h4{ display: block; font-size: 20px; line-height: 30px; font-weight: 700; margin-bottom: 11px; } .shop-details .product-discription .single-comment-box .inner-box h4 span{ font-size: 17px; font-weight: 400; font-family: 'Manrope', sans-serif; } .shop-details .product-discription .customer-comment{ position: relative; display: block; margin-bottom: 60px; } .shop-details .product-discription .comment-box{ position: relative; display: block; background-color: #fff; padding: 52px 60px 60px 60px; border: 1px solid #e6ebed; } .shop-details .product-discription .comment-box h2{ display: block; font-size: 36px; line-height: 46px; font-weight: 700; margin-bottom: 9px; } .shop-details .product-discription .comment-box p{ margin-bottom: 24px; } .shop-details .product-discription .comment-box .form-group{ position: relative; margin-bottom: 15px; } .shop-details .product-discription .comment-box .column:last-child .form-group{ margin-bottom: 0px; display: flex; align-items: center; } .shop-details .product-discription .comment-box .form-group input[type='text'], .shop-details .product-discription .comment-box .form-group input[type='email'], .shop-details .product-discription .comment-box .form-group textarea{ position: relative; width: 100%; height: 58px; border: 1px solid #e6ebed; font-size: 18px; color: #707582; padding: 10px 20px; color: #7c8083; transition: all 500ms ease; } .shop-details .product-discription .comment-box .form-group textarea{ height: 120px; resize: none; } .shop-details .product-discription .comment-box .review-box h6, .shop-details .product-discription .comment-box .review-box .rating{ position: relative; float: left; } .shop-details .product-discription .comment-box .review-box .rating li{ position: relative; display: inline-block; font-size: 14px; line-height: 28px; float: left; margin-right: 4px; color: #f59845; } .shop-details .product-discription .comment-box .review-box .rating li:last-child{ margin: 0px !important; } .shop-details .product-discription .comment-box .review-box h6{ margin-right: 10px; font-size: 16px; line-height: 28px; font-weight: 500; } .shop-details .product-discription .comment-box .review-box{ position: relative; display: block; margin-bottom: 33px; margin-top: 8px; } .shop-details .related-product .shop-block-one .inner-box{ margin-bottom: 0px; } .custom-controls-stacked{ position: relative; } .shop-details .custom-controls-stacked{ margin-bottom: 25px; margin-top: 10px; } .custom-control.material-checkbox { --color: #ebebeb; padding: 0px; margin: 0px; margin-bottom: 0px !important; } .custom-control.material-checkbox .material-control-input { display: none; } .custom-control.material-checkbox .material-control-indicator { display: inline-block; position: absolute; top: 6px; left: 0px; width: 14px; height: 14px; background: #f3f1f1; border: 1px solid #e2e2e2; cursor: pointer; } .custom-control.material-checkbox .material-control-indicator:before{ position: absolute; content: "\f12e"; font-family: 'flaticon'; font-size: 8px; left: -1px; top: 0px; width: 14px; height: 14px; line-height: 14px; text-align: center; opacity: 0; transition: all 500ms ease; } .custom-control.material-checkbox .material-control-input:checked ~ .material-control-indicator:before{ opacity: 1; } .custom-controls-stacked .description { position: relative; display: inline-block; padding: 0px; margin-left: 25px; font-size: 17px; color: #827e7d; cursor: pointer; } /** cart-section **/ .cart-section{ position:relative; padding: 115px 0px 120px 0px; } .cart-outer{ position:relative; } .cart-outer .table-outer{ position:relative; width:100%; overflow-x: auto; margin-bottom:40px; } .cart-outer .cart-table{ width:100%; min-width:900px; border-bottom:1px solid #e2e2e2; } .cart-outer .cart-table tbody{ padding-bottom:30px; } .cart-table .cart-header{ position:relative; width:100%; border:1px solid #e2e2e2; } .cart-table thead tr th{ line-height:30px; padding:21px 28px 19px 40px; font-weight:700; font-size:20px; font-family: 'Monda', sans-serif; color: #1c1c1c; border-right:1px solid #e2e2e2; text-align: center; } .cart-table thead tr th .fa{ font-size:18px; } .cart-table tbody tr td{ padding:30px 40px; } .cart-table tbody tr .qty .item-quantity{ border:1px solid #e2e2e2; } .cart-table tbody tr .qty .quantity-spinner{ background:#ffffff; } .cart-table tbody tr .prod-column .column-box{ position: relative; min-height: 80px; padding-top: 11px; padding-left: 135px; } .cart-table tbody tr .prod-column .column-box .prod-thumb{ position:absolute; left:-40px; top:-30px; width: 140px; height: 140px; display: flex; align-items: center; justify-content: center; border-right: 1px solid #e2e2e2; } .cart-table tbody tr .prod-column .column-box .prod-thumb img{ display:block; max-width:100%; } .cart-table tbody tr .prod-column .column-box h5{ position:relative; font-size:16px; line-height: 26px; font-weight: 700; text-align: left; max-width: 200px; } .cart-table tbody tr .sub-total{ font-size: 18px; font-family: 'Monda', sans-serif; font-weight: 700; color: #1c1c1c; } .cart-table tbody tr .remove-btn{ position:relative; display: inline-block; font-size:18px; color:#adaaa9; width: 34px; height: 34px; line-height: 34px; text-align: center; border: 1px solid #b1afae; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; -moz-transition:all 500ms ease; transition:all 500ms ease; } .cart-table tbody tr td{ vertical-align:middle; border-left:1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3; text-align: center; } .cart-table tbody tr .total-price{ font-size: 18px; font-family: 'Monda', sans-serif; font-weight: 700; } .cart-table tbody tr td:last-child{ border-right:1px solid #ebebeb; } .cart-section .cart-outer .totle-table{ position: relative; margin-bottom: 12px; } .cart-section .cart-outer .totle-table .total p{ color: #1c1c1c; } .cart-table tbody tr td.qty input{ width: 50px; height: 50px; border: 1px solid #e6ebed; text-align: center; padding: 10px 10px; font-size: 18px; font-family: 'Monda', sans-serif; font-weight: 700; color: #1c1c1c; } .cart-section .apply-coupon .form-group{ position: relative; float: left; margin-right: 20px; margin-bottom: 0px; } .cart-section .apply-coupon .form-group:last-child{ margin-right: 0px; } .cart-section .apply-coupon .form-group input[type="text"] { position: relative; display: block; border: 1px solid #e2e2e2; width: 250px; height: 54px; font-size: 18px; font-weight: 400; color: #827e7d; padding: 10px 20px; background: #ffffff; transition: all 500ms ease; } .cart-section .apply-coupon .form-group button{ position: relative; display: inline-block; font-size: 14px; font-weight: 600; font-family: 'Monda', sans-serif; color: #1c1c1c; background: #f3f1f1; border: 1px solid #e2e2e2; padding: 12.5px 29px; cursor: pointer; text-transform: uppercase; transition: all 500ms ease; } .cart-section .apply-coupon .form-group button:hover{ color: #fff; } .cart-section .btn-box button{ float: left; margin-right: 20px; } .cart-section .btn-box button:last-child{ margin-right: 0px; } .cart-section .btn-box .checkout-btn{ color: #fff; } .cart-section .btn-box .checkout-btn:hover{ background: #1c1c1c; } .cart-section .btn-box .theme-btn{ padding: 15px 44px; background: #1c1c1c; color: #fff; } /** checkout **/ .checkout-page-section{ position: relative; padding: 120px 0px; } .checkout-page-section .information-inner{ position: relative; display: block; border: 1px solid #e2e2e2; padding: 42px 60px 36px 60px; } .checkout-page-section h3{ position: relative; display: block; font-size: 36px; line-height: 46px; font-weight: 700; margin-bottom: 30px; } .checkout-page-section .information-inner .field-input{ position: relative; display: block; margin-bottom: 20px; min-height: 60px; } .checkout-page-section .information-inner .field-input input[type='text'], .checkout-page-section .information-inner .field-input input[type='email']{ position: relative; display: block; width: 100%; height: 60px; background: #f3f1f1; border: 1px solid #f3f1f1; font-size: 17px; color: #827e7d; padding: 10px 20px; transition: all 500ms ease; } .checkout-page-section .information-inner .field-input .nice-select{ position: relative; border: 1px solid #f3f1f1 !important; color: #827e7d; background: #f3f1f1; height: 60px; line-height: 60px; border-radius: 0px; padding: 0px 20px; text-transform: capitalize; } .checkout-page-section .information-inner .field-input .nice-select:after{ content: ''; background: transparent; border-bottom: 2px solid #a9a6a5; border-right: 2px solid #a9a6a5; transform: rotate(45deg) !important; width: 8px; height: 8px; border-radius: 0px; top: 30px; right: 25px; } .checkout-page-section .information-inner .custom-control.material-checkbox .material-control-indicator{ top: 7px; } .checkout-page-section .information-inner .description{ position: relative; display: inline-block; cursor: pointer; } .checkout-page-section .information-inner .contact-information{ position: relative; padding-bottom: 22px; } .checkout-page-section .information-inner .column:last-child{ min-height: auto; } .checkout-page-section .order-summary{ position: relative; display: block; border: 1px solid #e6ebed; padding: 19px 30px 40px 30px; } .checkout-page-section .order-information{ position: relative; margin-bottom: 94px; } .checkout-page-section .accordion .payment-info .field-input{ position: relative; margin-bottom: 20px; } .checkout-page-section .accordion .payment-info .field-input input[type='text']{ position: relative; display: block; width: 100%; height: 60px; border: 1px solid #fff; background: #fff; font-size: 17px; color: #827e7d; padding: 10px 20px; transition: all 500ms ease; } .checkout-page-section .accordion .payment-info .field-input .theme-btn{ width: 100%; padding: 17px 30px; } .checkout-page-section .accordion-box .block .acc-content{ padding: 0px 30px 30px 30px; } .checkout-page-section .accordion-box .block .acc-content .payment-info{ position: relative; display: block; background-color: #f3f1f1; border: 1px solid #e2e2e2; padding: 30px 30px 10px 30px; } .checkout-page-section .accordion-box .block{ margin-bottom: 20px; border: 1px solid #e6ebed; box-shadow: none !important; } .checkout-page-section .accordion-box .block:last-child{ margin-bottom: 0px; } .checkout-page-section .payment-method h3{ margin-bottom: 32px; } .checkout-page-section .accordion-box h4{ font-size: 20px; line-height: 30px; font-weight: 700; } .checkout-page-section .accordion-box .block .acc-btn{ padding: 17px 30px 18px 30px; border: none; background: transparent !important; } .checkout-page-section .accordion-box .block .acc-btn .icon-outer{ position: absolute; top: 20px; right: 23px; opacity: 1 !important; color: #a9a6a5; font-size: 16px; } .checkout-page-section .order-summary .inner-box .single-item{ position: relative; display: block; padding: 13px 0px 17px 0px; border-bottom: 1px solid #e6ebed; margin-bottom: 6px; } .checkout-page-section .order-summary .inner-box .single-item:last-child{ margin-bottom: 0px; } .checkout-page-section h5{ display: block; font-size: 16px; line-height: 26px; font-weight: 700; } .checkout-page-section .order-summary .inner-box .single-item h5{ margin-bottom: 5px; } .checkout-page-section .order-summary .total-box{ position: relative; display: block; padding: 19px 0px; border-bottom: 1px solid #e6ebed; } .checkout-page-section .order-summary .total-box li{ position: relative; display: block; color: #1c1c1c; margin-bottom: 6px; } .checkout-page-section .order-summary .total-box li:last-child{ margin-bottom: 0px; } .checkout-page-section .order-summary .total-box li span{ float: right; color: #827e7d; } .checkout-page-section .order-summary .tax-box{ position: relative; display: block; padding: 20px 0px 21px 0px; margin-bottom: 13px; } .checkout-page-section .order-summary .tax-box h5 span{ float: right; } .checkout-page-section .order-summary .theme-btn{ padding: 19px 40px; } .checkout-page-section .order-summary .tax-box h5{ font-size: 18px; } /** myaccount-section **/ .myaccount-section{ position: relative; padding: 111px 0px 120px 0px; } .myaccount-section h2{ position: relative; display: block; font-size: 36px; line-height: 46px; font-weight: 700; margin-bottom: 31px; } .myaccount-section .login-content .form-inner{ position: relative; display: block; background: #f3f1f1; padding: 32px 40px 39px 40px; border: 1px solid #e2e2e2; } .myaccount-section .form-inner label{ position: relative; display: block; font-size: 16px; line-height: 26px; font-family: 'Monda', sans-serif; font-weight: 700; color: #1c1c1c; margin-bottom: 13px; } .myaccount-section .form-inner .form-group{ position: relative; margin-bottom: 23px; } .myaccount-section .form-inner input[type='text'], .myaccount-section .form-inner input[type='email'], .myaccount-section .form-inner input[type='password']{ position: relative; display: block; width: 100%; height: 54px; background: #fff; border: 1px solid #e2e2e2; font-size: 18px; color: #75706d; padding: 10px 25px; transition: all 500ms ease; } .myaccount-section .form-inner .theme-btn{ width: 100%; padding: 15px 30px; } .myaccount-section .form-inner .form-group.message-btn{ margin-bottom: 17px; } .myaccount-section .login-content .form-inner .form-group:last-child{ margin-bottom: 0px; } .myaccount-section .login-content .form-inner .forgot-password button{ position: relative; display: inline-block; font-size: 16px; line-height: 20px; font-weight: 700; font-family: 'Monda', sans-serif; color: #1c1c1c; transition: all 500ms ease; } .myaccount-section .custom-control.material-checkbox .material-control-indicator{ background: #fff; } .myaccount-section .custom-controls-stacked .description{ color: #827e7d; font-family: 'Manrope', sans-serif; font-weight: 400; } .myaccount-section .login-content .custom-control.material-checkbox .material-control-indicator{ border: 1px solid #e2e2e2; } .myaccount-section .register-content .form-inner{ position: relative; display: block; border: 1px solid #e6ebed; padding: 32px 40px 12px 40px; } .myaccount-section .register-content .form-inner .message-btn, .myaccount-section .register-content .custom-controls-stacked{ padding-top: 10px; } .myaccount-section .register-content .form-inner input{ background: #f3f1f1; } .myaccount-section .register-content .custom-control.material-checkbox .material-control-indicator{ top: 7px; } /** faq-page-section **/ .faq-page-section{ position: relative; } .faq-page-section .sidebar-side{ position: relative; } .faq-page-section .sidebar-side:before{ position: absolute; content: ''; background: #e2e2e2; width: 1px; height: 100%; right: 25px; top: 0px; } .faq-page-section .faq-sidebar{ position: relative; margin-right: 10px; padding: 113px 0px 30px 0px; } .faq-page-section .faq-sidebar h3{ display: block; font-size: 24px; line-height: 34px; font-weight: 700; margin-bottom: 13px; } .faq-page-section .faq-sidebar .category-list li{ position: relative; display: block; padding: 14px 0px; } .faq-page-section .faq-sidebar .category-list li a{ position: relative; display: block; font-size: 14px; line-height: 24px; font-family: 'Monda', sans-serif; color: #1c1c1c; font-weight: 700; text-transform: uppercase; } .faq-page-section .faq-sidebar .category-list li a:before{ position: absolute; content: ''; background: #e2e2e2; width: 50px; height: 1px; left: 0px; bottom: -14px; transition: all 500ms ease; } .faq-page-section .faq-sidebar .category-list li a:hover:before, .faq-page-section .faq-sidebar .category-list li a.current:before{ width: 100%; } .faq-page-section .faq-sidebar .category-list li a:after{ position: absolute; content: "\f105"; font-family: 'flaticon'; font-size: 16px; top: 0px; right: 25px; font-weight: 400; opacity: 0; transition: all 500ms ease; } .faq-page-section .faq-sidebar .category-list li a.current:after, .faq-page-section .faq-sidebar .category-list li a:hover:after{ opacity: 1; } .faq-page-section .content-box{ padding: 113px 0px 114px 0px; } .faq-page-section .image-box{ position: relative; display: block; overflow: hidden; padding: 120px 0px 0px 0px; } .faq-page-section .image-box .image{ position: relative; display: block; } .faq-page-section .image-box .image:before{ position: absolute; content: ''; background: #000000; width: 100%; height: 100%; left: 0px; top: 0px; opacity: 0.2; } .faq-page-section .image-box .image-content{ position: absolute; left: 0px; bottom: 30px; z-index: 1; } .faq-page-section .image-box .image-content h2{ position: relative; display: block; font-size: 30px; line-height: 40px; color: #fff; font-weight: 700; margin-bottom: 31px; padding-left: 30px; } .faq-page-section .image-box .image-content h2 span{ display: block; font-weight: 400; } .faq-page-section .image-box .image-content .theme-btn.btn-two span:before{ background: url(../images/icons/icon-bg-2.png); color: #fff; } /** error-section **/ .error-section{ position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; overflow-x: hidden; overflow-y: auto; display: flex; align-items: center; justify-content: center; padding: 50px 0px; } .error-section .scroll-text{ position: absolute; left: 0px; top: 0px; right: 0px; width: 100%; height: 100%; } .error-section .scroll-text .text-box-one, .error-section .scroll-text .text-box-two{ position: absolute; left: 0px; width: 100%; min-width: 5000px; padding: 21px 0px; } .error-section .scroll-text .text-inner{ -moz-animation: scroll-left 90s linear infinite; -webkit-animation: scroll-left 90s linear infinite; animation: scroll-left 90s linear infinite; } .error-section .scroll-text .text-box-one{ top: 0px; } .error-section .scroll-text .text-box-two{ bottom: 0px; } .error-section .scroll-text h6{ position: relative; display: inline-block; font-size: 15px; line-height: 26px; color: #fff; font-weight: 700; text-transform: uppercase; margin: 0px 22px; } .error-section .inner-box{ position: relative; display: block; min-width: 770px; width: 100%; margin: 0 auto; } .error-section .inner-box .error-title{ position: relative; display: inline-block; } .error-section .inner-box .error-title h1{ display: block; font-size: 200px; line-height: 200px; font-weight: 700; margin-bottom: 10px; text-shadow: -1px 1px 0 #291f1d,1px 1px 0 #291f1d,1px -1px 0 #291f1d,-1px -1px 0 #291f1d; } .error-section .inner-box .error-title h1.hidden-text{ position: absolute; left: 0px; top: 10px; text-shadow: -1px 1px 0 #291f1d,1px 1px 0 #291f1d,1px -1px 0 #291f1d,-1px -1px 0 #291f1d; color: #f3f1f1; z-index: -1; } .error-section .inner-box h2{ position: relative; display: block; font-size: 36px; line-height: 46px; font-weight: 700; margin-bottom: 13px; } .error-section .inner-box p{ margin-bottom: 33px; } .error-section .inner-box .form-inner .form-group{ position: relative; margin-bottom: 30px; } .error-section .inner-box .form-inner .form-group input[type='search']{ position: relative; display: block; width: 100%; height: 60px; border: 1px solid #e2e2e2; font-size: 17px; color: #827e7d; padding: 10px 80px 10px 20px; transition: all 500ms ease; } .error-section .inner-box .form-inner .form-group button{ position: absolute; top: 8px; right: 8px; width: 44px; height: 44px; line-height: 48px; background: #f3f1f1; font-size: 20px; color: #232323; cursor: pointer; transition: all 500ms ease; } .error-section .inner-box .form-inner .form-group input:focus + button, .error-section .inner-box .form-inner .form-group button:hover{ color: #fff; } .chooseus-style-three.service-page-one .image-box{ margin-left: 0px; } .chooseus-style-three.service-page-one .image-box .text-box{ background: rgba(228, 73, 46, 0.95); } .chooseus-style-three.service-page-one .content-box .download-box .icon-box{ color: #fff; } .service-style-three.service-page-2 .service-block-three .inner-box{ margin: 25px 0px; } .service-style-three.service-page-2{ padding-bottom: 35px; } .service-style-two .title-box .text p{ margin-bottom: 34px; } .service-style-two .title-box .text a{ position: relative; display: inline-block; font-size: 14px; line-height: 24px; font-family: 'Monda', sans-serif; font-weight: 700; text-transform: uppercase; color: #1c1c1c; } .service-style-two .title-box .text a span{ position: relative; padding-left: 55px; } .service-style-two .title-box .text a span:before{ position: absolute; content: "\f105"; font-family: 'flaticon'; font-size: 16px; width: 40px; height: 40px; line-height: 40px; text-align: center; border-radius: 50%; left: 0px; top: -8px; font-weight: 400; transition: all 500ms ease; } .service-style-two .title-box .text a:hover span:before{ color: #fff; } .service-style-two.service-page-3 .service-block-two .inner-box{ margin-bottom: 60px; } .service-style-two.service-page-3{ padding-bottom: 60px; } /** service-details **/ .service-details{ position: relative; padding: 120px 0px; border-bottom: 1px solid #e2e2e2; } .service-sidebar{ position: relative; display: block; margin-right: 20px; } .service-sidebar .category-widget{ position: relative; display: block; border: 1px solid #e2e2e2; padding-left: 30px; } .service-sidebar .widget-title{ position: relative; display: block; padding: 21px 0px; border-bottom: 1px solid #e2e2e2; } .service-sidebar .widget-title h3{ font-size: 24px; line-height: 34px; font-weight: 700; } .service-sidebar .category-widget .category-list li{ position: relative; display: block; padding: 18px 26px 17px 0px; border-bottom: 1px solid #e2e2e2; } .service-sidebar .category-widget .category-list li:last-child{ border-bottom: none; } .service-sidebar .category-widget .category-list li a{ position: relative; display: block; font-size: 14px; line-height: 24px; font-family: 'Monda', sans-serif; font-weight: 700; text-transform: uppercase; color: #1c1c1c; } .service-sidebar .category-widget .category-list li a:before{ position: absolute; content: ''; background: #e2e2e2; width: 1px; height: 37px; top: -18px; right: 39px; transition: all 500ms ease; } .service-sidebar .category-widget .category-list li a:hover:before, .service-sidebar .category-widget .category-list li a.current:before{ width: 38px; height: 1px; top: 10px; right: 13px; } .service-sidebar .category-widget .category-list li a i{ position: absolute; top: 1px; right: 0px; font-size: 16px; color: #a9a6a5; transition: all 500ms ease; } .service-sidebar .category-widget{ margin-bottom: 50px; } .service-sidebar .download-widget{ margin-bottom: 50px; } .service-sidebar .download-widget .image-box{ position: relative; display: block; overflow: hidden; } .service-sidebar .download-widget .image-box img{ width: 100%; } .service-sidebar .download-widget .image-box h3{ position: absolute; display: inline-block; font-size: 24px; line-height: 34px; color: #fff; font-weight: 700; left: 0px; bottom: 0px; width: calc(100% - 65px); padding: 17px 30px 19px 30px; } .service-sidebar .download-widget .download-list{ position: relative; display: block; background: #f3f1f1; border: 1px solid #e2e2e2; padding-left: 30px; } .service-sidebar .download-widget .download-list li{ position: relative; display: block; padding: 15px 26px 15px 0px; border-bottom: 1px solid #d6d6d6; } .service-sidebar .download-widget .download-list li:last-child{ border-bottom: none; } .service-sidebar .download-widget .download-list li button{ position: relative; display: block; font-size: 14px; line-height: 24px; font-family: 'Monda', sans-serif; color: #1c1c1c; font-weight: 700; text-transform: uppercase; cursor: pointer; width: 100%; text-align: left; transition: all 500ms ease; } .service-sidebar .download-widget .download-list li button i{ position: absolute; top: 2px; right: 0px; font-size: 20px; color: #afacab; transition: all 500ms ease; } .service-sidebar .contact-widget{ position: relative; display: block; background: #1c1c1c; padding-left: 30px; } .service-sidebar .contact-widget .widget-title{ border-bottom: 1px solid #373737; } .service-sidebar .contact-widget .widget-title h3{ color: #fff; } .service-sidebar .contact-widget .widget-content{ position: relative; display: block; padding: 21px 30px 30px 0px; } .service-sidebar .contact-widget .customer-support{ position: relative; display: block; padding: 0px 0px 0px 120px; margin-bottom: 16px; } .service-sidebar .contact-widget .customer-support .thumb-box{ position: absolute; left: 0px; top: 8px; width: 100px; height: 100px; } .service-sidebar .contact-widget .customer-support .thumb-box img{ width: 100%; } .service-sidebar .contact-widget .customer-support h3{ display: block; font-size: 24px; line-height: 32px; color: #fff; font-weight: 700; margin-bottom: 12px; padding-bottom: 15px; } .service-sidebar .contact-widget .customer-support h3:before{ position: absolute; content: ''; width: 40px; height: 4px; left: 0px; bottom: 0px; } .service-sidebar .contact-widget .customer-support .designation{ position: relative; display: block; font-size: 14px; line-height: 24px; font-family: 'Monda', sans-serif; font-weight: 700; text-transform: uppercase; } .service-sidebar .contact-widget .info-box{ margin-bottom: 23px; } .service-sidebar .contact-widget .info-box li{ position: relative; display: block; padding: 0px 0px 0px 38px; margin-bottom: 16px; } .service-sidebar .contact-widget .info-box li:last-child{ margin-bottom: 0px; } .service-sidebar .contact-widget .info-box li .icon-box{ position: absolute; left: 0px; top: 6px; font-size: 18px; } .service-sidebar .contact-widget .info-box li h5{ display: block; font-size: 18px; line-height: 28px; color: #fff; font-weight: 700; } .service-sidebar .contact-widget .info-box li p a{ color: #a9a6a5; } .service-sidebar .contact-widget .info-box li p a:hover{ color: #fff; } .service-sidebar .contact-widget .theme-btn{ width: 100%; } .service-details-content{ position: relative; display: block; } .service-details-content h2{ position: relative; display: block; font-size: 48px; line-height: 58px; font-weight: 700; margin-bottom: 39px; } .service-details-content .content-one .image-box{ position: relative; display: block; overflow: hidden; margin-bottom: 44px; } .service-details-content .content-one .image-box .image{ position: relative; display: block; } .service-details-content .content-one .image-box .image img{ width: 100%; } .service-details-content .content-one .owl-nav span{ display: none; } .service-details-content .content-one .owl-nav{ position: absolute; top: 0px; right: -24px; background: #fff; width: 144px; height: 74px; line-height: 62px; text-align: center; } .service-details-content .content-one .owl-nav button{ position: relative; display: inline-block; margin: 0px 10px; width: 38px; height: 24px; } .service-details-content .content-one .owl-nav button.owl-prev:before{ position: absolute; content: ''; background-image: url(../images/icons/icon-1.png); width: 38px; height: 24px; left: 0px; top: 0px; opacity: 0.6; background-repeat: no-repeat; filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -o-filter: grayscale(100%); -ms-filter: grayscale(100%); transition: all 500ms ease; } .service-details-content .content-one .owl-nav button.owl-next:before{ position: absolute; content: ''; background-image: url(../images/icons/icon-2.png); width: 38px; height: 24px; left: 0px; top: 0px; opacity: 0.6; background-repeat: no-repeat; filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -o-filter: grayscale(100%); -ms-filter: grayscale(100%); transition: all 500ms ease; } .service-details-content .content-one .owl-nav button.owl-prev:hover:before, .service-details-content .content-one .owl-nav button.owl-next:hover:before{ opacity: 1; filter: grayscale(0%); -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -o-filter: grayscale(0%); -ms-filter: grayscale(0%); } .service-details-content .content-one .text h4{ display: block; font-size: 20px; line-height: 30px; font-weight: 700; margin-bottom: 15px; } .service-details-content .content-one{ margin-bottom: 44px; } .service-details-content h3{ position: relative; display: block; font-size: 32px; line-height: 42px; font-weight: 700; margin-bottom: 31px; } .service-details-content .service-block-two .inner-box .image-box .image:after{ display: none; } .service-details-content .service-block-two .inner-box .image-box h3{ margin-bottom: 0px; } .service-details-content .content-two .other-service{ position: relative; display: block; margin-top: 40px; } .service-details-content .content-two .service-list li{ position: relative; display: block; float: left; width: 50%; border-bottom: 1px solid #e2e2e2; padding: 18px 0px 20px 30px; } .service-details-content .content-two .service-list li:nth-child(2n+1){ padding-left: 0px; } .service-details-content .content-two .service-list li a{ position: relative; display: inline-block; font-size: 20px; line-height: 30px; font-family: 'Monda', sans-serif; color: #1c1c1c; font-weight: 700; padding-left: 42px; } .service-details-content .content-two .service-list li:first-child, .service-details-content .content-two .service-list li:nth-child(2){ border-top: 1px solid #e2e2e2; } .service-details-content .content-two .service-list li i{ position: absolute; left: 0px; top: 3px; width: 26px; height: 26px; line-height: 28px; background: #f3f1f1; border: 1px solid #e3e3e3; font-size: 12px; color: #242424; text-align: center; border-radius: 50%; transition: all 500ms ease; } .service-details-content .content-two .service-list li a:hover i{ color: #fff; } .service-details-content .content-two .service-list{ position: relative; } .service-details-content .content-two .service-list:before{ position: absolute; content: ''; background: #e2e2e2; width: 1px; height: 100%; left: 50%; top: 0px; } .service-details-content .content-two{ margin-bottom: 50px; } .service-details-content .content-three .upper-box h3{ margin-bottom: 24px; } .service-details-content .content-three .upper-box{ margin-bottom: 33px; } .service-details-content .content-three .tabs-box{ position: relative; display: block; padding-left: 350px; } .service-details-content .content-three .tabs-box .tab-btn-box{ position: absolute; left: 0px; top: 0px; width: 350px; overflow: hidden; padding-top: 130px; } .service-details-content .content-three .tabs-box .tab-btn-box .bg-layer{ position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; } .service-details-content .content-three .tabs-box .tab-btn-box .bg-layer:before{ position: absolute; content: ''; background: #1c1c1c; width: 100%; height: 100%; left: 0px; top: 0px; opacity: 0.2; } .service-details-content .content-three .tab-btns li{ position: relative; display: block; font-size: 20px; line-height: 30px; font-family: 'Monda', sans-serif; color: #1c1c1c; font-weight: 700; padding: 19px 30px; background: #f3f1f1; border: 1px solid #e2e2e2; cursor: pointer; border-bottom: none; transition: all 500ms ease; } .service-details-content .content-three .tab-btns li:last-child, .service-details-content .content-three .tab-btns li.active-btn:last-child{ border-bottom: 1px solid #e2e2e2; } .service-details-content .content-three .tab-btns li.active-btn{ background: transparent; color: #fff; border: transparent; } .service-details-content .content-three .tab-btns li i{ position: absolute; display: inline-block; top: 21px; right: 30px; font-size: 20px; color: #aaa7a6; font-weight: 400; transition: all 500ms ease; } .service-details-content .content-three .tab-btns li.active-btn i{ transform: rotate(-45deg); } .service-details-content .content-three .tabs-content .inner-box{ position: relative; display: block; border: 1px solid #e2e2e2; padding-left: 50px; border-left: none; } .service-details-content .content-three .tabs-content .inner-box .title-box{ position: relative; display: block; padding: 43px 30px 22px 0px; border-bottom: 1px solid #e2e2e2; } .service-details-content .content-three .tabs-content .inner-box .title-box h6{ position: relative; display: block; font-size: 14px; line-height: 24px; font-weight: 700; text-transform: uppercase; margin-bottom: 6px; } .service-details-content .content-three .tabs-content .inner-box .title-box h3{ font-size: 24px; line-height: 34px; margin-bottom: 0px; } .service-details-content .content-three .tabs-content .inner-box .text{ position: relative; display: block; padding: 23px 35px 40px 0px; } .industry-style-three.industries-page-one{ background: #fff; } .industry-style-three.industries-page-one:before{ display: none; } .industry-style-three.industries-page-one .industries-block-one .inner-box .image-box:before{ background: #fff; } .industry-style-three.industries-page-one .industries-block-one .inner-box .content-box .link-box a{ background: rgba(228, 73, 46, 0.90); } .industry-style-three.industries-page-one .industries-block-one .inner-box .content-box .light-icon{ color: #f3f1f1; } .industry-style-three.industries-page-one .industries-block-one .inner-box .content-box h3 a{ color: #1c1c1c; } .testimonial-style-two:before{ background: #1c1c1c; } .testimonial-style-two.industries-page-two .light-icon{ color: transparent; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: #2f2f2f; } /** industry-style-four **/ /** industry-style-four **/ .industry-style-four{ position: relative; margin-top: 70px; } .industry-style-four .image-column{ position: relative; padding-top: 120px; padding-bottom: 120px; border-right: 1px solid #e2e2e2; } .industry-style-four .image-box{ position: relative; display: block; margin-right: 100px; padding-top: 217px; padding-right: 100px; } .industry-style-four .image-box img{ width: 100%; } .industry-style-four .image-box .image-2{ position: absolute; top: 0px; right: 0px; } .industry-style-four .image-box .big-text{ position: absolute; display: inline-block; top: 144px; left: -140px; font-size: 72px; line-height: 82px; font-family: 'Monda', sans-serif; font-weight: 700; text-transform: uppercase; color: transparent; -webkit-text-stroke-width: 1px; transform: rotate(90deg); } .industry-style-four .image-box h5{ position: absolute; display: inline-block; top: 230px; right: -60px; font-size: 18px; line-height: 28px; font-weight: 700; padding-left: 20px; color: #fff; transform: rotate(90deg); } .industry-style-four .image-box h5.te-he{ position: absolute; display: inline-block; top: 230px; right: 60px; font-size: 18px; line-height: 28px; font-weight: 700; padding-left: 20px; color: #fff; transform: rotate(90deg); } .industry-style-four .image-box h5:before{ position: absolute; content: ''; width: 11px; height: 11px; left: 0px; top: 9px; border-radius: 50%; } .industry-style-four .image-box h5:before{ position: absolute; content: ''; width: 11px; height: 11px; left: 0px; top: 9px; border-radius: 50%; } .industry-style-four .image-box .year-box{ position: absolute; right: 0px; bottom: 120px; width: 120px; text-align: center; padding: 32px 0px 30px 0px; } .industry-style-four .image-box .year-box-2{ position: absolute; right: 0px; bottom: 120px; width: 120px; text-align: center; background: #e8278d; padding: 32px 0px 30px 0px; } .industry-style-four .image-box .year-box h2{ position: relative; display: inline-block; font-size: 48px; line-height: 58px; color: #fff; font-weight: 700; padding-right: 17px; } .industry-style-four .image-box .year-box h2 span{ position: absolute; top: -15px; right: 0px; font-size: 36px; } .industry-style-four .content-box{ position: relative; display: block; padding-top: 0px; padding-bottom: 80px; margin-left: 80px; } .industry-style-four .content-box .sec-title{ margin-bottom: 15px; } .industry-style-four .content-box .text{ margin-bottom: 19px; } .industry-style-four .content-box .text p{ margin-bottom: 20px; } .industry-style-four .content-box .text p:last-child{ margin-bottom: 0px; } .industry-style-four .content-box .search-form{ position: relative; margin-bottom: 52px; } .industry-style-four .content-box .search-form .form-group{ position: relative; margin-bottom: 0px; width: 100%; } .industry-style-four .content-box .search-form .form-group input[type='search']{ position: relative; display: block; width: 100%; height: 60px; font-size: 17px; color: #1c1c1c; } .industry-style-four .content-box .search-form .form-group:before{ position: absolute; content: ''; background: #e2e2e2; width: calc(100% + 115px); height: 1px; right: 0px; bottom: 0px; } .industry-style-four .content-box .search-form .form-group button{ position: absolute; top: 19px; right: 0px; font-size: 16px; color: #a9a6a5; cursor: pointer; transition: all 500ms ease; } .industries-details .service-block-two .inner-box .image-box .image:before{ background: -webkit-linear-gradient(90deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.20) 50%); } /** blog-grid **/ .blog-grid{ position: relative; padding: 120px 0px; } .blog-grid .news-block-one .inner-box{ margin-bottom: 30px; } .sidebar-page-container{ position: relative; padding: 120px 0px; } .blog-list-one .blog-sidebar{ margin-right: 50px; } .blog-sidebar .post-widget .widget-title{ margin-bottom: 23px; } .blog-sidebar .post-widget .post{ position: relative; display: block; padding-bottom: 23px; margin-bottom: 23px; border-bottom: 1px solid #e2e2e2; min-height: 146px; padding-right: 30px; } .blog-sidebar .post-widget .post:last-child{ border-bottom: none; margin-bottom: 0px; } .blog-sidebar .post-widget .post h6{ position: relative; display: block; font-size: 14px; line-height: 24px; font-weight: 700; text-transform: uppercase; margin-bottom: 6px; } .blog-sidebar .post-widget .post h4{ position: relative; display: block; font-size: 20px; line-height: 30px; font-weight: 700; margin-bottom: 4px; } .blog-sidebar .post-widget .post h4 a{ display: inline-block; color: #1c1c1c; } .blog-sidebar .post-widget .post h5{ position: relative; display: block; font-size: 18px; line-height: 28px; color: #a9a6a5; padding-left: 22px; } .blog-sidebar .post-widget .post h5 i{ position: absolute; left: 0px; top: 8px; font-size: 14px; } .blog-sidebar .post-widget{ padding-bottom: 0px; } .blog-sidebar .tags-widget .widget-title{ margin-bottom: 23px; } .blog-sidebar .tags-widget .tags-list li{ position: relative; display: inline-block; float: left; margin-right: 20px; margin-bottom: 9px; } .blog-sidebar .tags-widget .tags-list li a{ position: relative; display: inline-block; font-size: 16px; line-height: 26px; color: #4b4b4b; padding-left: 25px; } .blog-sidebar .tags-widget .tags-list li a:before{ position: absolute; content: ''; width: 16px; height: 16px; background: #f3f1f1; border: 1px solid #e2e2e2; left: 0px; top: 5px; transition: all 500ms ease; } .blog-sidebar .tags-widget .tags-list li a:hover:before{ background: transparent; } .blog-sidebar .tags-widget .tags-list li a:after{ position: absolute; content: ''; width: 6px; height: 6px; left: 5px; top: 10px; transform: scale(0,0); transition: all 500ms ease; } .blog-sidebar .tags-widget .tags-list li a:hover:after{ transform: scale(1,1); } .blog-sidebar .tags-widget{ padding-bottom: 16px; } .blog-sidebar .appointment-widget .image-box{ position: relative; display: block; overflow: hidden; } .blog-sidebar .appointment-widget .image-box .image{ position: relative; display: block; } .blog-sidebar .appointment-widget .image-box .image img{ width: 100%; } .blog-sidebar .appointment-widget .image-box .image:before{ position: absolute; content: ''; background: #000000; width: 100%; height: 100%; left: 0px; top: 0px; opacity: 0.2; } .blog-sidebar .appointment-widget .image-box .image-content{ position: absolute; left: 0px; bottom: 30px; z-index: 1; } .blog-sidebar .appointment-widget .image-box .image-content h2{ position: relative; display: block; font-size: 30px; line-height: 40px; color: #fff; font-weight: 700; margin-bottom: 31px; padding-left: 30px; } .blog-sidebar .appointment-widget .image-box .image-content h2 span{ display: block; font-weight: 400; } .blog-sidebar .appointment-widget .image-box .image-content .theme-btn.btn-two span:before{ background: url(../images/icons/icon-bg-3.png); color: #fff; } .blog-list-one .blog-list-content{ position: relative; } .blog-list-one .blog-list-content:before{ position: absolute; content: ''; background: #e2e2e2; width: 1px; height: 100%; left: -40px; top: 0px; } .blog-list-one .pagination-wrapper{ padding-top: 0px; } .blog-list-one .news-block-two:last-child .inner-box{ border-bottom: none; margin-bottom: 10px; } .blog-list-one .news-block-two:last-child .inner-box:before{ display: none; } .blog-list-two .blog-sidebar{ margin-left: 50px; } .blog-list-two .news-block-one .inner-box .lower-content h3{ font-size: 28px; line-height: 38px; margin-bottom: 14px; } .news-block-one .inner-box .lower-content p{ margin-bottom: 24px; } .news-block-one .inner-box .lower-content .link-box a{ position: relative; display: inline-block; font-size: 14px; line-height: 24px; font-family: 'Monda', sans-serif; font-weight: 700; text-transform: uppercase; color: #1c1c1c; } .news-block-one .inner-box .lower-content .link-box a:before{ position: absolute; content: ''; background: #e2e2e2; width: 14px; height: 1px; left: -29px; top: 12px; } .news-block-one .inner-box .lower-content .link-box a span{ position: relative; padding-right: 27px; transition: all 500ms ease; } .news-block-one .inner-box .lower-content .link-box a:hover span{ padding-right: 35px; } .news-block-one .inner-box .lower-content .link-box a span:before{ position: absolute; content: "\f105"; font-family: 'flaticon'; font-size: 12px; color: #1c1c1c; width: 26px; height: 26px; line-height: 26px; text-align: center; border-radius: 50%; background: transparent; top: -1px; right: 0px; transition: all 500ms ease; } .news-block-one .inner-box .lower-content .link-box a:hover span:before{ color: #fff; } .blog-list-two .news-block-one .inner-box .lower-content{ padding-top: 15px; } .blog-list-two .news-block-one .inner-box .lower-content .post-info{ padding-bottom: 17px; margin-bottom: 26px; } .blog-list-two .news-block-one .inner-box{ padding: 29px 29px 33px 29px; } .blog-list-two .news-block-one .inner-box .lower-content .post-info:before{ width: calc(100% + 30px); } .blog-list-two .news-block-one .inner-box .image-box .category{ left: -30px; } .blog-list-two .news-block-one .inner-box{ margin-bottom: 50px; } .blog-list-two .pagination-wrapper{ padding-top: 10px; } .blog-sidebar{ margin-top: -25px; } .blog-list-two .blog-list-content{ position: relative; } .blog-list-two .big-text{ position: absolute; display: inline-block; top: 345px; right: -403px; font-size: 40px; line-height: 40px; font-family: 'Monda', sans-serif; font-weight: 700; text-transform: uppercase; color: transparent; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: #e2e2e2; transform: rotate(90deg); } .blog-sidebar .appointment-widget .image-box .theme-btn:hover{ background: #fff; } /** blog-details **/ .blog-details{ border-top: 1px solid #e2e2e2; } .blog-details .blog-sidebar{ margin-left: 50px; } .blog-details .content-side{ position: relative; } .blog-details .content-side:before{ position: absolute; content: ''; background: #e2e2e2; width: 1px; height: calc(100% + 120px); top: 0px; right: 15px; } .blog-details-content{ position: relative; padding-right: 30px; } .blog-details-content .content-one .title-box{ position: relative; display: block; padding-bottom: 30px; margin-bottom: 24px; } .blog-details-content .content-one .title-box:before{ position: absolute; content: ''; background: #e2e2e2; width: calc(100% + 30px); height: 1px; left: 0px; bottom: 0px; } .blog-details-content .content-one .title-box .option-list{ position: absolute; top: 0px; right: 30px; } .blog-details-content .content-one .title-box .option-list li{ position: relative; display: inline-block; float: left; margin-right: 10px; } .blog-details-content .content-one .title-box .option-list li:last-child{ margin: 0px; } .blog-details-content .content-one .title-box .option-list li a{ position: relative; display: inline-block; width: 30px; height: 30px; line-height: 30px; border: 1px solid #e2e2e2; background: #f3f1f1; text-align: center; font-size: 15px; color: #a9a6a5; } .blog-details-content .content-one .title-box .option-list li a:hover{ color: #fff; } .blog-details-content .content-one .title-box .category{ position: relative; display: inline-block; font-size: 14px; line-height: 30px; font-family: 'Monda', sans-serif; color: #fff; font-weight: 700; text-transform: uppercase; padding: 0px 20px; margin-bottom: 22px; } .blog-details-content .content-one .title-box h2{ display: block; font-size: 40px; line-height: 50px; font-weight: 700; } .blog-details-content .content-one .post-info li{ position: relative; display: inline-block; float: left; margin-right: 25px; font-size: 18px; color: #827e7d; font-family: 'Monda', sans-serif; padding-left: 23px; } .blog-details-content .content-one .post-info li:last-child{ margin: 0px; } .blog-details-content .content-one .post-info li:before{ position: absolute; content: ''; background: #d6d6d6; width: 1px; height: 14px; top: 7px; right: -13px; } .blog-details-content .content-one .post-info li:last-child:before{ display: none; } .blog-details-content .content-one .post-info li a{ position: relative; display: inline-block; color: #827e7d; } .blog-details-content .content-one .post-info li i{ position: absolute; left: 0px; top: 5px; font-size: 16px; color: #a9a6a5; } .blog-details-content .content-one .upper-box{ margin-bottom: 40px; } .blog-details-content .content-one .image-box{ position: relative; display: block; margin-bottom: 43px; } .blog-details-content .content-one .image-box img{ width: 100%; } .blog-details-content .content-one .text p{ margin-bottom: 25px; } .blog-details-content .content-one .text p:last-child{ margin-bottom: 0px; } .blog-details-content .content-one{ margin-bottom: 43px; } .blog-details-content .content-two h2{ display: block; font-size: 36px; line-height: 46px; font-weight: 700; margin-bottom: 25px; } .blog-details-content .content-two p{ margin-bottom: 26px; } .blog-details-content .content-two p:last-child{ margin-bottom: 0px; } .blog-details-content .content-two .text{ margin-bottom: 32px; } .blog-details-content .content-two blockquote{ position: relative; padding: 0px; margin: 0px; padding-left: 130px; } .blog-details-content .content-two blockquote:before{ position: absolute; content: ''; background: #e2e2e2; width: 1px; height: calc(100% - 18px); left: 100px; top: 11px; } .blog-details-content .content-two blockquote .icon-box{ position: absolute; left: 0px; top: 2px; font-size: 80px; color: transparent; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: #e3e3e3; } .blog-details-content .content-two blockquote p{ font-size: 19px; line-height: 35px; color: #1c1c1c; padding-bottom: 20px; margin-bottom: 22px; } .blog-details-content .content-two blockquote p:before{ position: absolute; content: ''; background: #e2e2e2; width: calc(100% + 30px); height: 1px; right: 0px; bottom: 0px; } .blog-details-content .content-two blockquote h3{ position: relative; display: block; font-size: 24px; line-height: 34px; font-weight: 700; margin-bottom: 5px; } .blog-details-content .content-two blockquote .designation{ position: relative; display: block; } .blog-details-content .content-two{ margin-bottom: 53px; } .blog-details-content .two-column{ margin: 0px 5px; } .blog-details-content .two-column .image-column{ padding: 0px 10px; } .blog-details-content .two-column .image-box{ position: relative; display: block; margin-bottom: 50px; } .blog-details-content .two-column .image-box img{ width: 100%; } .blog-details-content .content-three h2{ position: relative; display: block; font-size: 36px; line-height: 46px; font-weight: 700; margin-bottom: 25px; } .blog-details-content .content-three p{ margin-bottom: 26px; } .blog-details-content .content-three span{ position: relative; display: block; color: #1c1c1c; margin-bottom: 17px; } .blog-details-content .content-three .list-item li{ position: relative; display: block; font-size: 17px; color: #827e7d; padding-left: 36px; margin-bottom: 9px; } .blog-details-content .content-three .list-item li:last-child{ margin-bottom: 0px; } .blog-details-content .content-three .list-item li:before{ position: absolute; content: "\f12e"; font-family: 'flaticon'; font-size: 16px; left: 0px; top: 2px; } .blog-details-content .content-three .list-item{ margin-bottom: 47px; } .blog-details-content .content-three .tags-list li{ position: relative; display: inline-block; } .blog-details-content .content-three .tags-list li h5{ display: inline-block; font-size: 18px; line-height: 28px; font-weight: 700; } .blog-details-content .content-three .tags-list li h5 span{ position: relative; display: inline-block; margin-right: 8px; font-size: 20px; } .blog-details-content .content-three .tags-list li a{ display: inline-block; color: #827e7d; } .blog-details-content .content-three{ position: relative; padding-bottom: 39px; margin-bottom: 44px; } .blog-details-content .content-three:before{ position: absolute; content: ''; background: #e2e2e2; width: calc(100% + 30px); height: 1px; left: 0px; bottom: 0px; } .blog-details-content .post-nav-btn{ position: relative; display: flex; align-items: center; justify-content: space-between; } .blog-details-content .post-nav-btn h6{ display: block; font-size: 14px; line-height: 24px; font-weight: 700; text-transform: uppercase; margin-bottom: 6px; } .blog-details-content .post-nav-btn h4{ position: relative; display: block; font-size: 20px; line-height: 30px; font-weight: 700; } .blog-details-content .post-nav-btn h4 a{ display: inline-block; color: #1c1c1c; } .blog-details-content .post-nav .btn-box{ position: relative; display: block; margin-top: 22px; } .blog-details-content .post-nav .btn-box a{ position: relative; display: inline-block; font-size: 14px; line-height: 24px; font-family: 'Monda', sans-serif; font-weight: 700; text-transform: uppercase; color: #1c1c1c; background: #f3f3f3; border: 1px solid #e2e2e2; padding: 15px 30px; text-align: center; width: 100%; } .blog-details-content .post-nav .btn-box a:hover{ background: #1c1c1c; border-color: #1c1c1c; } .blog-details-content .post-nav .btn-box a span{ position: relative; padding-left: 22px; } .blog-details-content .post-nav .btn-box a span:before{ position: absolute; content: ''; background-image: url(../images/icons/icon-11.png); width: 12px; height: 12px; left: 0px; top: 6px; background-repeat: no-repeat; } .blog-details-content .post-nav{ position: relative; padding-bottom: 50px; margin-bottom: 40px; } .blog-details-content .post-nav:before{ position: absolute; content: ''; background: #e2e2e2; width: calc(100% + 30px); height: 1px; left: 0px; bottom: 0px; } .blog-details-content .group-title{ position: relative; display: block; margin-bottom: 25px; } .blog-details-content .group-title h2{ font-size: 36px; line-height: 46px; font-weight: 700; } .blog-details-content .author-box .inner-box{ position: relative; display: block; padding-left: 200px; } .blog-details-content .author-box .inner-box .thumb-box{ position: absolute; left: 0px; top: 6px; width: 150px; height: 150px; border-radius: 50%; } .blog-details-content .author-box .inner-box .thumb-box img{ width: 100%; border-radius: 50%; } .blog-details-content .author-box .inner-box h6{ position: relative; display: block; font-size: 14px; line-height: 24px; font-weight: 700; text-transform: uppercase; } .blog-details-content .author-box .inner-box h3{ display: block; font-size: 24px; line-height: 34px; font-weight: 700; margin-bottom: 14px; } .blog-details-content .author-box .inner-box p{ margin-bottom: 23px; } .blog-details-content .author-box .inner-box .social-links li{ position: relative; display: inline-block; float: left; margin-right: 15px; } .blog-details-content .author-box .inner-box .social-links li:last-child{ margin: 0px; } .blog-details-content .author-box .inner-box .social-links li a{ position: relative; display: inline-block; width: 44px; height: 44px; line-height: 44px; text-align: center; font-size: 20px; color: #fff; background: #3b5998; } .blog-details-content .author-box .inner-box .social-links li:nth-child(2) a{ background: #55acee; } .blog-details-content .author-box .inner-box .social-links li:nth-child(3) a{ background: #0071bc; } .blog-details-content .author-box .inner-box .social-links li:last-child a{ background: #cd201f; } .blog-details-content .author-box{ position: relative; padding-bottom: 50px; margin-bottom: 40px; } .blog-details-content .author-box:before{ position: absolute; content: ''; background: #e2e2e2; width: calc(100% + 30px); height: 1px; left: 0px; bottom: 0px; } .blog-details-content .comments-box .comment{ position: relative; display: block; padding-left: 100px; margin-bottom: 35px; } .blog-details-content .comments-box .comment:last-child{ margin-bottom: 0px; } .blog-details-content .comments-box .comment .comment-thumb{ position: absolute; left: 0px; top: 7px; width: 70px; height: 70px; } .blog-details-content .comments-box .comment .comment-thumb img{ width: 100%; } .blog-details-content .comments-box .comment .comment-info{ position: relative; display: flex; align-items: center; justify-content: space-between; margin-bottom: 9px; } .blog-details-content .comments-box .comment .comment-info h4{ font-size: 20px; line-height: 30px; font-weight: 700; } .blog-details-content .comments-box .comment .comment-info .comment-date{ position: relative; display: block; font-size: 14px; line-height: 24px; font-family: 'Monda', sans-serif; font-weight: 700; text-transform: uppercase; color: #a9a6a5; } .blog-details-content .comments-box .comment p{ display: block; margin-bottom: 21px; } .blog-details-content .comments-box .comment .reply-btn{ position: relative; display: inline-block; font-size: 14px; line-height: 24px; font-family: 'Monda', sans-serif; color: #1c1c1c; font-weight: 700; text-transform: uppercase; } .blog-details-content .comments-box .comment .reply-btn span{ position: relative; padding-left: 36px; } .blog-details-content .comments-box .comment .reply-btn span:before{ position: absolute; content: "\f105"; font-family: 'flaticon'; font-size: 12px; width: 26px; height: 26px; line-height: 26px; text-align: center; border-radius: 50%; left: 0px; top: -1px; } .blog-details-content .comments-box .comment.replay-comment{ margin-left: 30px; } .blog-details-content .comments-box{ position: relative; padding-bottom: 52px; margin-bottom: 49px; } .blog-details-content .comments-box:before{ position: absolute; content: ''; background: #e2e2e2; width: calc(100% + 30px); height: 1px; left: 0px; bottom: 0px; } .blog-details-content .comments-form-area .form-inner .form-group{ position: relative; margin-bottom: 20px; } .blog-details-content .comments-form-area .form-inner .form-group:last-child{ margin-bottom: 0px; } .blog-details-content .comments-form-area .form-inner .form-group input[type='text'], .blog-details-content .comments-form-area .form-inner .form-group input[type='email'], .blog-details-content .comments-form-area .form-inner .form-group textarea{ position: relative; display: block; width: 100%; height: 58px; border: 1px solid #e2e2e2; font-size: 17px; color: #827e7d; padding: 10px 20px; transition: all 500ms ease; } .blog-details-content .comments-form-area .form-inner .form-group textarea{ height: 120px; resize: none; padding-top: 15px; } .blog-details-content .comments-form-area .group-title h2{ margin-bottom: 4px; } .blog-details-content .comments-form-area .group-title{ margin-bottom: 34px; } .blog-details-content .comments-form-area .custom-controls-stacked{ margin-top: 3px; margin-bottom: 5px; } .blog-details-content .big-text{ position: absolute; display: inline-block; top: 345px; right: -403px; font-size: 40px; line-height: 40px; font-family: 'Monda', sans-serif; font-weight: 700; text-transform: uppercase; color: transparent; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: #e2e2e2; transform: rotate(90deg); } /** contact-info-section **/ .contact-info-section{ position: relative; padding: 120px 0px; } .contact-info-section .title-box{ position: relative; display: block; margin-bottom: 50px; } .contact-info-section .title-box .icon-box{ position: relative; display: inline-block; width: 80px; height: 80px; line-height: 88px; background: #f3f1f1; font-size: 38px; text-align: center; border-radius: 50%; margin-bottom: 30px; } .contact-info-section .title-box h2{ display: block; font-size: 48px; line-height: 58px; font-weight: 700; margin-bottom: 21px; } .contact-info-section .title-box h3{ display: block; font-size: 30px; line-height: 40px; font-weight: 700; } .contact-info-section .title-box h3 a{ display: inline-block; } .contact-info-section .title-box h3 a:hover{ text-decoration: underline; } .info-block-one .inner-box{ position: relative; display: block; } .info-block-one .inner-box .icon-box{ position: relative; display: inline-block; width: 100px; height: 100px; line-height: 118px; text-align: center; background: #e2e2e2; font-size: 32px; color: #a9a6a5; margin-bottom: 22px; clip-path: polygon(0% 50%, 50% 0%, 150% 100%, 0% 100%, 0% 0%); z-index: 1; transition: all 500ms ease; } .info-block-one .inner-box .icon-box:before{ position: absolute; content: ''; background: #fff; width: calc(100% - 2px); height: calc(100% - 2px); left: 1px; top: 1px; clip-path: polygon(0% 50%, 50% 0%, 150% 100%, 0% 100%, 0% 0%); z-index: -1; transition: all 500ms ease; } .info-block-one .inner-box:hover .icon-box{ color: #fff; } .info-block-one .inner-box h3{ position: relative; display: block; font-size: 24px; line-height: 34px; font-weight: 700; margin-bottom: 53px; } .info-block-one .inner-box p{ display: block; margin-bottom: 19px; } .info-block-one .inner-box p a{ display: inline-block; color: #827e7d; } .info-block-one .inner-box p span{ color: #1c1c1c; } .info-block-one .inner-box .link-box a{ position: relative; display: inline-block; font-size: 14px; line-height: 24px; font-family: 'Monda', sans-serif; font-weight: 700; text-transform: uppercase; color: #1c1c1c; } .info-block-one .inner-box .link-box a span{ position: relative; transition: all 500ms ease; } .info-block-one .inner-box .link-box a:hover span{ padding-left: 36px; } .info-block-one .inner-box .link-box a span:before{ position: absolute; content: "\f105"; font-family: 'flaticon'; font-size: 12px; width: 26px; height: 26px; line-height: 26px; color: #fff; text-align: center; border-radius: 50%; left: 0px; top: -1px; opacity: 0; transition: all 500ms ease; } .info-block-one .inner-box .link-box a:hover span:before{ opacity: 1; } .contact-info-section .info-column{ border-right: 1px solid #e2e2e2; } .contact-info-section .info-column:last-child{ border: none; } .contact-info-section .inner-container{ position: relative; } .contact-info-section .inner-container:before{ position: absolute; content: ''; background: #e2e2e2; width: 100%; height: 1px; left: 0px; top: 60%; margin-top: -5px; } @media only screen and (max-width: 420px){ .element-contact-form, .mystickyelements-custom-html { width: 320px!important; right: 0!important; } } .mystickyelements-position-right.mystickyelements-entry-effect-slide-in{ right: 0% !important; } .about-boxCvr { position: relative; padding: 50px 12px; background:#0188a517; } .about-boxes { background: #f3f3f3; } .about-boxes .abt-box .bbg-box { height : 100%; padding: 27px 28px 30px; border-bottom: 1px solid #000; margin: 0px; text-align: center; /*border-right: 1px solid #000;*/ line-height: 1.2; color: #0189a6; } .br-none { border-right: none !important; } .bb-none { border-bottom: none !important; } .about-boxes .abt-box .bbg-box span { font-size: 30px; margin-top: 8px; display: block; font-weight: 600; color: #022452; } .mtb { margin-top: 0px !important; margin-bottom: 8px; } .small-box.abt-box.row.box-right { margin-top: 15px; } .about-quote-box { padding: 25px 5px; } .about-quote-box .about-quote { padding: 0px; font-size: 19px; line-height: 1.4; font-family: 'Satisfy'; color: #fff; font-weight: normal; position: relative; z-index: 2; margin-bottom: 0px; } .about-quote::before { content: '\f10d'; font: normal normal normal 14px/1 FontAwesome; position: absolute; font-size: 27px; top: -22px; color: #000; opacity: 0.5; z-index: -1; left: 1px; } .small-box.abt-box.box-left { float: right; } .ab { background: #0189a6; width: 49%; } .ba{ background: #022452; width: 49%; } .small-box .bbg-box.box-text { padding: 20px 12px; margin-bottom: 0px; margin: 0px; text-align: center; line-height: 1.2; font-size: 15px; color: #fff; } .small-box .bbg-box.box-text span { font-size: 34px; margin-bottom: 4px; display: block; font-weight: 600; color: #fff; line-height: 1.2; } .btn-group-vertical>.btn-group:after, .btn-toolbar:after, .clearfix:after, .container-fluid:after, .container:after, .dl-horizontal dd:after, .form-horizontal .form-group:after, .modal-footer:after, .nav:after, .navbar-collapse:after, .navbar-header:after, .navbar:after, .pager:after, .panel-body:after, .row:after { clear: both; } .btn-group-vertical>.btn-group:after, .btn-group-vertical>.btn-group:before, .btn-toolbar:after, .btn-toolbar:before, .clearfix:after, .clearfix:before, .container-fluid:after, .container-fluid:before, .container:after, .container:before, .dl-horizontal dd:after, .dl-horizontal dd:before, .form-horizontal .form-group:after, .form-horizontal .form-group:before, .modal-footer:after, .modal-footer:before, .nav:after, .nav:before, .navbar-collapse:after, .navbar-collapse:before, .navbar-header:after, .navbar-header:before, .navbar:after, .navbar:before, .pager:after, .pager:before, .panel-body:after, .panel-body:before, .row:after, .row:before { display: table; content: " "; } *, :after, :before { box-sizing: border-box; } .industry-style-four .image-boxs { position: relative; display: block; margin-top: 0.1em; box-shadow: 0px 0px 10px 0px #022452; } .case-section .border-top .link-box a{ position: relative; display: inline-block; font-size: 14px; line-height: 24px; font-family: 'Monda', sans-serif; color: #e8278d; font-weight: 700; text-transform: uppercase; } .case-section .border-top .link-box a span:before{ position: absolute; content: "\f105"; font-family: 'flaticon'; font-size: 16px; left: 42px; top: 0px; transition: all 500ms ease; color:#00a859; } .case-section .border-top .link-box a span:after{ position: absolute; content: ''; width: 45px; height: 1px; left: 0px; top: 11px; transition: all 500ms ease; background: #00a859; } .case-section .border-top .link-box a span{ position: relative; padding-left: 65px; } /* --------- sticky-leftbar----------*/ .icon-bara { position: fixed; top: 50%; left:-80px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } /* .icon-bara a { display: block; text-align: center; padding: 3px 10px; transition: all 0.3s ease; color: white; font-size: 15px; border-radius: 0px 0px 10px 10px; } .icon-bara > a > i{ margin: 5px; } .icon-bara a:hover { background-color: #000; } .download { background: #3B5998; color: white; rotate:270deg; } */ .popup { display: none; position: fixed; top: 30%; left: 50%; transform: translate(-50%, -50%); background: white; padding: 60px 40px 40px; border: 1px solid #ccc; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2); z-index: 1000; width: 450px; margin: 50px auto; } .sticky-button { position: fixed; bottom: 5px; left: 5px; background:#00a859 ; color: #fff; padding: 10px 20px; border: none; cursor: pointer; border-radius: 5px; } .sticky-button i{ padding-right: 5px; } .mystickyelements-position-mobile-right .element-contact-form { width:320px; } #username, #email, #phone,#message{ border-radius: 5px !important; background-color: #f2f2f2b0; width: 100%; height: 45px; margin-bottom: 20px; border: 1px solid #DCE2E2; font-size: 17px; font-family: Poppins; color: #000; font-weight: 400; padding: 0 20px; line-height: 1.2; max-width: 100%; line-height: 2.8; text-align: left; } #frmContact > div:nth-child(6) > input,#frmContact > div:nth-child(7) > input{ padding: 10px 60px; background: #00a859; border: #8c8880 1px solid; color: #fff; font-weight:500; font-size: 0.9em; border-radius: 2px; cursor: pointer; } #frmContact .btn-submit{ padding: 10px 60px; background: #e8278d; border: #8c8880 1px solid; color: #fff; font-weight:500; font-size: 0.9em; border-radius: 2px; cursor: pointer; } #closeButton{ color: #00a859; position: fixed; right: 10px; top: 2px; font-size: 30px; cursor: pointer; z-index: 99999999; line-height: 36px; font-family: "Times New Roman" } #closeButton1{ color: #00a859; position: fixed; right: 10px; top: 2px; font-size: 30px; cursor: pointer; z-index: 99999999; line-height: 36px; font-family: "Times New Roman" } .table-striped tr th { width: 35%; font-family: dm sans; font-weight: 600; font-size: 16px; border-right: 1px solid #ccc; } .banner-carousel .owl-dots { display: none; } .case-section .owl-nav, .case-section .owl-dots{ display: none; } .cer{ position: absolute; width:20%; } .about-section .content-column .content-box .text > ul > li > i{ color :#00a859; margin-right: 5px; } .about-section .content-column .content-box .text > ul > li { font-size: 20px; font-weight: 500; margin-top: 10px; } #contactfrm > label{ color: #00a859; font-size: 25px; font-weight: 500; } #contactfrm > div:nth-child(11){ padding-left: 7px; } @media only screen and (max-width:425px){ .industry-style-four .image-boxs{ margin: 10px 40px 30px; } .about-boxCvr .small-box .ped{ margin-right: 65px; } .about-boxes{ margin: 15px; } } /* Extra small devices (phones, 600px and down) */ @media only screen and (max-width: 600px) { .shop-details{ padding: 60px 10px 0px; } .cer{ width:50%; } #google_translate_element{ display: none; } #contactfrm > div:nth-child(11) > div.chek1, #contactfrm > div:nth-child(11) > div.chek{ width:100% !important ; } } /* Medium devices (landscape tablets, 768px and up)*/ @media (min-width: 601px) and (max-width: 990px){ .shop-details-content{ margin-bottom: 0px; } .shop-details{ padding: 40px 10px 30px; } #shop-details1{ padding: 0px 0px 0px; } .banner-carousel .active .content-box p{ margin-bottom: 20px; } .banner-carousel .content-box h2{ margin-bottom: 5px; } .banner-carousel .content-box h2{ font-size: 45px; line-height: 60px; } } /* laptpo screen*/ @media (min-width: 991px) and (max-width: 1025px){ .shop-details-content .bxslider .thumb-box li:last-child{ margin-top: 10px !important; } .about-quote-box .about-quote{ font-size: 16.5px; } .small-box .bbg-box.box-text span{ font-size: 27px; } #contactfrm > div:nth-child(3) > input{ width:49%; float:right; margin-bottom:20px; } } /*Extra large screen*/ @media only screen and (min-width: 1024px) { #contactfrm > div:nth-child(2) > input, #contactfrm > div:nth-child(4) > input, #contactfrm > div:nth-child(8) > input{ width:49%; float:right; margin-bottom:20px; } #contactfrm > div:nth-child(3) > input, #contactfrm > div:nth-child(5) > input, #contactfrm > div:nth-child(7) > input{ width:49%; float:left; margin-bottom:20px; } } #contactfrm > div:nth-child(11) > input, #contactfrm > div:nth-child(11) > label{ position: relative; font-size: 20px; color: #827e7d; padding: 0px 5px; transition: all 500ms ease; } #contactfrm > div:nth-child(11) > div.chek{ position: relative; font-size: 20px; color: #827e7d; padding: 5px 0px; transition: all 500ms ease; width:50%; float: left; } #contactfrm > div:nth-child(11) > div.chek1{ position: relative; font-size: 20px; color: #827e7d; padding: 5px 0px; transition: all 500ms ease; width:50%; float: right; } #floatdiv { transition: all 1.5s ease 0s; } #floatdiv { transition: all 1.5s ease 0s; } .lg1 { margin: 90px 65px 0px 65px; }