/* CSS Document */ /* Created on : 09/01/2018. Theme Name : Negozu - Business and Consulting Services HTML Template. Version : 1.0. Author : @CreativeGigs. Developed by : Jubayer al hasan. (jubayer.hasan1991@gmail.com) */ /* ------------------------------------------ */ /* TABLE OF CONTENTS /* ------------------------------------------ */ /* 01 - Global stlye */ /* 02 - Theme Title */ /* 03 - Theme Pagination */ /* 04 - Theme Header */ /* 05 - Theme menu */ /* 06 - Theme Main Banner */ /* 07 - Feature Work */ /* 08 - About Company */ /* 09 - Video Presentation */ /* 10 - Service Style One */ /* 11 - Latest Project */ /* 12 - FAQ Section */ /* 13 - Partner Section One */ /* 14 - Call Back Form One */ /* 15 - Testimonial Section One */ /* 16 - Our Blog Grid */ /* 17 - Footer One */ /* 18 - Footer Two */ /* 19 - Feature Work Style Two */ /* 20 - Quote Banner */ /* 21 - Service Style Two */ /* 22 - Why Choose us */ /* 23 - Theme Counter Section */ /* 24 - Appointment Section */ /* 25 - Testimonial Section Two */ /* 26 - Partner Section Two */ /* 27 - Theme Inner Banner */ /* 28 - Project Details */ /* 29 - Latest Project */ /* 30 - Theme Sidebar */ /* 31 - News Calssic */ /* 32 - News Details */ /* 33 - Contact us */ /* 34 - Error Page */ /** * Importing necessary Styles. **/ @import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700|Tinos:400,700'); /*----bootstrap css ----- */ @import url('../vendor/bootstrap/css/bootstrap.min.css'); /*----camera-slider---*/ @import url('../vendor/Camera-master/css/camera.css'); /*------- menu ------*/ @import url('../vendor/menu/dist/css/slimmenu.css'); /*----owl-carousel css----*/ @import url('../vendor/owl-carousel/owl.carousel.css'); @import url('../vendor/owl-carousel/owl.theme.css'); /*-------- animated css ------*/ @import url('../vendor/WOW-master/css/libs/animate.css'); /*--------- flat-icon ---------*/ @import url('../fonts/icon/font/flaticon.css'); /*----font awesome -------*/ @import url('../fonts/font-awesome/css/font-awesome.min.css'); /*----------- Fancybox css -------*/ @import url('../vendor/fancybox/dist/jquery.fancybox.min.css'); /*------------- Map -------------*/ @import url('../vendor/sanzzy-map/dist/snazzy-info-window.min.css'); /*----calendar css--------*/ @import url('../vendor/monthly-master/css/monthly.css'); /*----Time-picker---------*/ @import url('../vendor/time-picker/jquery.timepicker.css'); /*----jquery ui css-------*/ @import url('../vendor/jquery-ui/jquery-ui.css'); /*** ==================================================================== Loading Transition ==================================================================== ***/ #loader-wrapper { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999999; background: #fff; overflow: hidden; } #loader { background: url(../images/loader.gif); width: 100px; height: 100px; position: relative; top: 50%; margin: -32px auto 0 auto; } /*==================== Click Top ====================*/ .scroll-top { width:25px; height:25px; position: fixed; bottom: 10px; right: 5px; z-index: 99; text-align: center; color: #fff; font-size: 18px; display: none; cursor: pointer; border-radius: 3px; } .scroll-top:after { position: absolute; z-index: -1; content: ''; top: 100%; left: 5%; height: 10px; width: 90%; opacity: 1; background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%); } /*______________________ Global stlye ___________________*/ @font-face { font-family: 'font-awesome'; src: url('../fonts/font-awesome/fonts/fontawesome-webfont.ttf'); src: url('../fonts/font-awesome/fonts/fontawesome-webfont.eot'), /* IE9 Compat Modes */ url('../fonts/font-awesome/fonts/fontawesome-webfont.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/font-awesome/fonts/fontawesome-webfont.woff') format('woff'), /* Pretty Modern Browsers */ url('../fonts/font-awesome/fonts/fontawesome-webfont.svg') format('svg'); /* Legacy iOS */ } @font-face { font-family: GothamBook; src: url('../fonts/GothamBook/GothamBook.ttf') format('woff'); src: url('../fonts/GothamBook/Gotham-Book.woff2') format('woff'); src: url('../fonts/GothamBook/Gotham-Book.woff') format('truetype'); } body { font-family: "GothamBook", sans-serif !important; font-weight: normal; color:#696969; font-size: 1rem; position: relative; } .main-page-wrapper {overflow-x:hidden;} h1,h2,h3,h4,h5,h6,p,ul { margin:0;padding: 0;} h1,h2,h3,h4,h5,h6 {font-family: "GothamBook", sans-serif; color: #181818;} h1 {font-size: 70px; font-weight: 700;line-height: 75px;} h2 {font-size: 35px; font-weight: normal;line-height: 40px;} h3 {font-size: 30px; font-weight: 700;} h4 {font-size: 24px; font-weight: 700;} h5 {font-size: 25px; font-weight: normal;} h6 {font-size: 20px; font-weight: normal;} p {line-height: 28px;margin-bottom: 1rem;} ul {list-style-type: none;} body a {text-decoration: none;color:#696969; display: inline-block;} a:hover,a:focus,a:visited {text-decoration: none; outline: none;} img {max-width: 100%; display: block;} button {border:none;outline: none;box-shadow: none;display: block; padding: 0;cursor: pointer;} button:focus {outline: none;} input,textarea {outline: none; box-shadow: none;transition: all 0.3s ease-in-out;} .section-spacing {margin-bottom: 75px;} .m-top0 {margin-top: 0 !important;} .m-bottom0 {margin-bottom: 0 !important;} .p-bottm0 {padding-bottom: 0 !important;} .no-border {border: none !important;} /*--------------------- Transition --------------------*/ .tran3s,h2 a,h3 a,h4 a,h5 a,h6 a,.switcher .switch-btn button,.switcher .switch-menu h5.title,#mega-menu-holder>ul> li> a:before,#mega-menu-holder ul.dropdown li a:before, body .theme-button-one,.feature-work .single-feature .learn-more,.about-compnay .image-wrapper .image-box .overlay,.video-presentation .video-player .play-button, .latest-project .single-block .overlay,.owl-theme .owl-nav [class*=owl-],.our-blog .single-blog-meta .text .post-info li a,.theme-footer-one .top-footer ul li a, .main-footer-widget .list-widget ul li a,.social-icon li a,.theme-main-header .top-header p a,.service-style-two .single-block .img-box .overlay,.theme-pagination ul li a, .nav-tabs .nav-link,.our-portfolio .single-block .overlay,.theme-sidebar .sidebar-categories ul li a,.theme-sidebar .sidebar-latest-news .single-latest-news .img-box .overlay, .theme-sidebar .sidebar-tags ul li a,.theme-sidebar .sidebar-latest-news .single-latest-news .news-title,.our-team .team-member .overlay, .our-team .team-member .overlay .hover-content ul li a,.theme-sidebar-one .service-categories ul li a,.shop-page .single-product .product-name .add-to-cart, .shop-page .single-product .product-name .price,#mega-menu-holder li>ul.dropdown li,.theme-inner-banner ul li a { transition: all .3s ease-in-out; } .tran4s,.latest-project .single-block img,.our-blog .single-blog-meta .img-box img,.service-style-two .single-block .img-box img,.our-portfolio .single-block:hover img, .theme-sidebar .sidebar-latest-news .single-latest-news .img-box img { transition: all .4s ease-in-out; } /*----------------- Theme button ------------------*/ body .theme-button-one { line-height: 52px; font-size: 14px; font-weight: 700; text-transform: uppercase; color: #fff; width: 180px; text-align: center; } body .theme-button-one:hover {background:#ed174c; } /*------------------- Theme Title ------------------*/ .theme-title-one {position: relative;} .theme-title-one .title {position: relative;padding-bottom: 24px;} .theme-title-one .title:before { content: ''; width: 62px; height: 3px; position: absolute; bottom: 0; left:0; } .theme-title-one.text-center .title:before {left:50%;margin-left: -31px;} /*------------------- Theme Pagination ------------------*/ .theme-pagination ul {margin-top: 80px;display: inline-block; border:1px solid #d9d9d9;} .theme-pagination ul li {float: left;} .theme-pagination ul li a { display: block; color: #181818; width: 48px; line-height: 48px; text-align: center; border-right: 1px solid #d9d9d9; } .theme-pagination ul li:last-child a {border: none;} .theme-pagination ul li a:hover, .theme-pagination ul li.active a {color: #fff;} .theme-pagination ul li.active a {cursor: default;} /*--------------------------- Theme Header ---------------------*/ .theme-main-header {position: relative;} .theme-main-header .top-header {background: #fff; padding: 10px 0;} .theme-main-header .top-header p {font-size: 13px;} .theme-main-header .top-header.bg-color p, .theme-main-header .top-header.bg-color p a {color: #fff;} .theme-main-header .top-header.bg-color p:hover a {color: rgba(255,255,255,0.6);} .theme-main-header .middle-header {background: #181818;padding: 38px 0;} .theme-main-header .middle-header .logo {float: left;} .theme-main-header .middle-header .our-address {float: right;} .theme-main-header .middle-header .our-address li { display: inline-block; position: relative; padding-left: 45px; vertical-align: middle; margin: 12px 0 0 52px; } .theme-main-header .middle-header .our-address li:first-child {margin-left: 0;} .theme-main-header .middle-header .our-address li p { font-size: 13px; line-height: 20px; color: #fff; } .theme-main-header .middle-header .our-address li p a { font-size: 17px; font-weight: 600; color: #fff; } .theme-main-header .middle-header .our-address li .icon { position: absolute; top:-3px; left:0; font-size: 30px; } /*------------------------ Theme menu --------------------*/ .theme-header-one .theme-menu-wrapper { position: absolute; width: 100%; top:100%; left:0; z-index: 9; /* padding-top: 44px; */ } .theme-header-one .theme-menu-wrapper {border-bottom: 1px solid rgba(255,255,255,0.14);} .theme-menu-wrapper .inner-wrapper {position: relative;} .theme-menu-wrapper .logo {position: absolute;top:3px;left:0;z-index: 99;} .theme-main-header .fixed .white-logo {display:none;} .theme-main-header .fixed .blue-logo {display:block;} .theme-main-header .blue-logo {display:none;} .fixed .collapse-button .icon-bar { background: #0d004c; } .theme-header-two #mega-menu-holder>ul> li> a { color: #181818; padding: 20px 0; margin: 0 13px; } .theme-header-two #mega-menu-holder>ul> li:first-child> a {margin-left: 0;} .theme-header-two #mega-menu-holder>ul> li> a:before {display: none;} .theme-header-two #mega-menu-holder li .sub-toggle {display: block;} .theme-header-two #mega-menu-holder>ul> li.has-submenu> a {padding-right: 15px;} .theme-header-two #mega-menu-holder ul.dropdown li:first-child {border-top:1px solid rgba(0,0,0,0.05);} .theme-header-two .social-icon li {display: inline-block;margin: 18px 3px 0 0;} .theme-header-two .social-icon li a { width: 28px; height: 28px; line-height: 28px; text-align: center; font-size: 13px; color:#696969; border-radius: 50%; } .theme-header-two .social-icon li a:hover {color: #fff;} /*================= Sticky Menu ===============*/ @-webkit-keyframes menu_sticky { 0% {margin-top:-75px;opacity: 0;} 50% {margin-top: -64px;opacity: 0;} 100% {margin-top: 0;opacity: 1;} } @keyframes menu_sticky { 0% {margin-top:-75px;opacity: 0;} 50% {margin-top: -64px;opacity: 0;} 100% {margin-top: 0;opacity: 1;} } .theme-menu-wrapper.fixed { position: fixed !important; width:100%; top:0; left:0; z-index: 999; background: #FFFFFF; margin: 0; padding-top: 0; /* box-shadow: 0px 13px 35px -12px rgba(35,35,35,0.15); */ box-shadow: 0px 5px 12px -12px rgba(35,35,35,1); /* box-shadow: 0px 13px 35px -12px rgb(13, 0, 76, 1); */ -webkit-animation: menu_sticky 0.7s ease-in-out; animation: menu_sticky 0.7s ease-in-out; } .theme-menu-wrapper.fixed #mega-menu-holder>ul> li> a {padding-bottom: 30px;} .theme-header-two .theme-menu-wrapper.fixed {background: #fff;} .theme-header-two .theme-menu-wrapper.fixed #mega-menu-holder>ul> li> a {padding-top: 20px;padding-bottom: 20px;} /*---------------------------- Theme Main Banner -------------------------*/ .camera_wrap {float:none;} #theme-main-banner .camera_overlayer { content: ''; position: absolute; top:0; left:0; right: 0; bottom: 0; background: rgba(30,30,30,0.5); } #theme-main-banner .main-container {position: relative;} #theme-main-banner .camera_caption {height: 100%;} #theme-main-banner .container { position: relative; z-index: 1; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } #theme-main-banner .camera_caption>div { background: transparent; position: absolute; width: 100%; height: 100%; top:0; text-shadow: none; left: 0; padding: 0; } #theme-main-banner .camera_caption h1 {color: #fff;text-transform: capitalize; padding-top: 200px;} #theme-main-banner .camera_caption h1 span {display: block;font-size: 50px;font-weight: normal;} #theme-main-banner .camera_caption p { color: #fff; margin: 18px auto 35px auto; } #theme-main-banner.banner-one .camera_caption p {width: 63%;} #theme-main-banner.banner-two .camera_caption p {width: 48%;margin-left: 0;margin-right: 0;} #theme-main-banner .camera_prev, #theme-main-banner .camera_next{background: transparent;} #theme-main-banner .camera_prev span, #theme-main-banner .camera_next span { background: none; position: relative; width: auto; height: auto; position: relative; width: 100px; } #theme-main-banner .camera_prev span {right: 20px;} #theme-main-banner .camera_next span {right: 97px;} #theme-main-banner .camera_prev span:before, #theme-main-banner .camera_next span:before { position: absolute; text-transform: uppercase; font-size: 12px; top:0; right: 0; color: #fff; border:1px solid rgba(255,255,255,0.3); padding: 15px 13px; transform:rotate(-90deg); writing-mode: vertical-rl; text-orientation: sideways-right; } #theme-main-banner .camera_prev span:before {/* content: 'P r e v'; */} #theme-main-banner .camera_next span:before {/* content: 'n e x t'; */} #theme-main-banner .camera_prev:before, #theme-main-banner .camera_next:before { font-family: 'font-awesome'; font-size: 18px; color: #fff; position: absolute; top:0; left:0; right: 0; text-align: center; line-height: 40px; } #theme-main-banner .camera_prev:before {content: '';} #theme-main-banner .camera_next:before {content: '';} #theme-main-banner .consultation-form { position: absolute; right: 0; top:50%; transform:translateY(-50%); } #theme-main-banner .consultation-form form { background: #fff; padding: 55px 30px; border-radius: 10px; width: 370px; } #theme-main-banner .consultation-form h3 {text-align: center;margin-bottom: 20px;} #theme-main-banner .consultation-form form input { width: 100%; height: 52px; border: 1px solid #e9e9e9; background: #f2f2f2; font-size: 14px; padding: 0 20px; margin-bottom: 10px; font-style: italic; } #theme-main-banner .consultation-form form button {margin: 0 auto;} /*--------------------------- Feature Work ---------------------*/ .feature-work .single-feature .title {position: relative;padding-bottom: 22px;margin-bottom: 20px;} .feature-work .single-feature .title:before { content: ''; width: 23px; height: 1px; position: absolute; bottom: 0; left:0; } .feature-work .single-feature p {padding-right: 60px;} .feature-work .single-feature .learn-more {text-decoration: underline;margin-top: 25px;text-transform: capitalize;} .feature-work .single-feature .learn-more:hover {color: #000;} /*---------------------------- About Company -----------------------*/ .about-compnay .theme-title-one {margin-bottom: 60px;} .about-compnay .text-wrapper p {margin-bottom: 22px;} .about-compnay .text-wrapper ul {margin: 0 -20px;padding: 10px 0 18px 0;} .about-compnay .text-wrapper ul li { float: left; width: 50%; padding: 0 20px; line-height: 35px; } .about-compnay .text-wrapper ul li span { display: block; color: #0a0a0a; position: relative; padding-left: 18px; } .about-compnay .text-wrapper ul li span:before { content: ''; font-family: 'font-awesome'; line-height: 35px; position: absolute; left:0; top:0; color: #bbbbbb; } .about-compnay .text-wrapper .theme-button-one {margin-top: 30px;} .about-compnay .about-feature .single-feature { border: 1px solid #e6e6e6; background: #fafafa; padding: 20px 15px 30px 30px; margin-bottom: 20px; } .about-compnay .about-feature .single-feature .icon {font-size: 32px;} .about-compnay .about-feature .single-feature .title a {color: #333333;margin: 0 0 3px 0;} /*---------------------- Video Presentation --------------------*/ .video-presentation .video-player { background: url(../images/home/4.jpg) no-repeat center; background-size: cover; text-align: center; position: relative; height: 376px; box-shadow: 2.481px 12.761px 23px 0px rgba(213, 213, 213, 0.75); } @keyframes hvr-ripple-out { 0% { top: -8px; right: -8px; bottom: -8px; left: -8px; opacity: 1; } 100% { top: -10px; right: -10px; bottom: -10px; left: -10px; opacity: 0; } } @keyframes hvr-ripple-out-two { 0% { top: -15px; right: -15px; bottom: -15px; left: -15px; opacity: 1; } 100% { top: -20px; right: -20px; bottom: -20px; left: -20px; opacity: 0; } } .video-presentation .video-player .play-button { width: 92px; height: 92px; margin: 0 auto; text-align: center; line-height: 92px; font-size: 18px; border-radius: 50%; background:#fff; position: relative; top:50%; transform:translateY(-50%); } .video-presentation .video-player .play-button:before { content: ''; position: absolute; border-radius: 50%; } .video-presentation .video-player .play-button:before{ top:-10px; right: -10px; bottom: -10px; left:-10px; border: 1px solid #fff; -webkit-animation: hvr-ripple-out 1.2s ease-in-out infinite; animation: hvr-ripple-out 1.2s ease-in-out infinite; } .video-presentation .video-player .play-button:hover {color: #fff;} .video-presentation .video-length { text-align: right; position: relative; margin: 24px 0 0 0; z-index: 9; } .video-presentation .video-length:before { content: ''; width: 100%; height: 1px; background: #e3e3e3; position: absolute; top:13px; left:0; z-index: -1; } .video-presentation .video-length span { display: inline-block; padding: 0 18px; font-size: 13px; margin-right: 30px; background: #fff; } .video-presentation .counter-text-wrapper li { float: left; width: 33.33333333%; text-align: center; margin-top: 30px; } .video-presentation .counter-text-wrapper li .number { font-family: "GothamBook", sans-serif; font-size: 30px; font-weight: 700; margin-bottom: -4px; } .video-presentation .counter-text-wrapper li p { font-size: 14px; line-height: 20px; margin-top: 8px; } .video-presentation .counter-text-wrapper li:nth-child(2) { border-left:1px solid #e3e3e3; border-right:1px solid #e3e3e3; } .video-presentation .info-text-wrapper {padding-left: 60px;text-align: center;} .video-presentation .info-text-wrapper .theme-title-one {margin: 42px 0 30px 0;} .video-presentation .info-text-wrapper .help { font-weight: 600; color: #181818; margin: 20px 0 10px 0; } .video-presentation .info-text-wrapper .help span {font-size: 25px;font-weight: 700;} .video-presentation .info-text-wrapper .help a {font-size: 19px;font-weight: normal;margin-top: 3px;} .video-presentation .info-text-wrapper ul { width: 75%; margin: 18px auto 0 auto; border-top: 1px solid #e3e3e3; padding-top: 20px; } .video-presentation .info-text-wrapper ul li { float: left; width: 50%; padding-left: 30px; text-align: left; } .video-presentation .info-text-wrapper ul li img {margin: 0 auto;} .video-presentation .info-text-wrapper ul li .name { font-weight: 700; color: #181818; } .video-presentation .info-text-wrapper ul li span {font-size: 13px;} .video-presentation .info-text-wrapper ul li:last-child {border-left: 1px solid #e3e3e3;} /*----------------------- Service Style One -------------------*/ .service-style-one {padding: 150px 0;position: relative;} .service-style-one .section-bg-half { position: absolute; height: 100%; width: 100%; top:0; z-index: -1; } .service-style-one .left-half .opacity { width: 100%; height: 100%; background: linear-gradient(to left,rgba(223,48,100,.9) 0,rgba(200,55,111,.9) 25%,rgba(147,72,133,.9) 51%,rgba(96,86,153,.9) 76%,rgba(61,99,169,.9) 100%) ; } .service-style-one .right-half .opacity { width: 100%; height: 100%; background: rgba(65,64,66); } .service-style-one .left-half { background: url(../images/home/6.jpg) no-repeat center center; background-size: cover; left:0; } .service-style-one .right-half { background: url(../images/home/5.jpg) no-repeat center center; background-size: cover; right:0; } .service-style-one .main-container { max-width: 1365px; padding: 0 15px; margin: 0 auto; } .service-style-one .main-container .main-bg-wrapper { background: rgba(255,255,255,0.99); padding: 95px 0 45px 0; } .service-style-one .main-container .left-side { float: left; width: 35%; } .service-style-one .main-container .left-side p {padding: 20px 0 40px 0;} .service-style-one .main-container .right-side { float: left; width: 65%; padding-left: 70px; } .service-style-one .main-container .single-service {position: relative;margin-bottom: 50px;} .service-style-one .main-container .single-service .srvc-name { margin-left: 60px; padding-left: 20px; border-left: 1px solid #e3e3e3; } .service-style-one .main-container .single-service .srvc-name span {font-size: 13px;font-style: italic;} .service-style-one .main-container .single-service .srvc-name h6 a {color: #181818;} .service-style-one .main-container .single-service p {padding-top: 20px;} .service-style-one .main-container .single-service .icon { position: absolute; top:-14px; left:0; font-size: 42px; } /*--------------------------- Latest Project -----------------*/ .latest-project.bg-color {background: #181818;padding: 130px 0 140px 0;} .latest-project.bg-color .theme-title-one .title {color: #fff;} .latest-project .theme-title-one {margin-bottom: 60px;} .latest-project .row {margin-right: -1px;margin-left: -1px;} .latest-project .row [class*="col-"] {padding: 0 1px;} .latest-project .single-block { overflow: hidden; position: relative; margin-bottom: 2px; } .latest-project .single-block img {width: 100%;} .latest-project .single-block:hover img { transform:scale3D(1.1,1.1,1); } .latest-project .single-block .overlay { position: absolute; top:0; left:0; width: 100%; height: 100%; text-align: center; opacity: 0; transform:scale(0.5); } .latest-project .single-block:hover .overlay { opacity: 1; transform:scale(1); } .latest-project .single-block .overlay>div { position: relative; top:50%; transform:translateY(-50%); } .latest-project .single-block .overlay a {color: #fff;font-weight: 700;} .latest-project .single-block .overlay span { font-size: 13px; color: #fff; } .latest-project .single-block .overlay h6 { font-size: 20px; color: #fff; line-height: 2; } .latest-project .view-all-project {width: 83%;margin: 75px auto 0 auto;} .latest-project .view-all-project p {width: 75%;} .latest-project.bg-color .view-all-project.text-center .theme-button-one:hover {background: #fff;} /*---------------------- FAQ Section ---------------------*/ .faq-section {background: #0d004c;padding: 135px 0 150px 0;position: relative;} .faq-section .man-image { position: absolute; bottom: 0; left:0; z-index: 1; } .faq-section .main-wrapper {float: right;width: 54%;position: relative;z-index: 9;} .faq-tab-wrapper .title {margin-bottom: 25px; color: white;} .accordion-one .panel-heading { padding: 0; border-radius: 0; border:none; background: #fff; } .accordion-one .panel-heading h6 a { font-family: "GothamBook", sans-serif; font-size: 16px; color:#333333; padding: 17px 60px 17px 30px; display: block; position: relative; } .accordion-one .panel-group .panel { margin: 0 0 5px 0; box-shadow: none; border-radius: 0; border:none; } .accordion-one .panel-group .panel-heading a:before { content: "+"; font-size: 19px; width: 25px; height: 25px; text-align: center; border-radius: 50%; color: #fff; line-height: 25px; position: absolute; right:30px; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); font-weight: normal; } .accordion-one .panel-group .panel-heading.active-panel a:before {content: "-";} .accordion-one .panel-group .panel-body {border:none;padding: 25px 55px 20px 45px; background: #f6f6f6;} .accordion-one .panel-group .panel-body p {border-left:1px solid #e3e3e3;padding-left: 20px; } /*--------------------- Partner Section One ------------------*/ .partner-section-one { background: url(../images/home/7.jpg) no-repeat center; background-size: cover; background-attachment: fixed; } .partner-section-one .overlay {padding: 90px 0;} .partner-section-one .overlay img {margin: 0 auto;} /*---------------------- Call Back Form One ------------------*/ .call-back-form-one .theme-title-one {margin-bottom: 15px;} .call-back-form-one .theme-title-one .title:before {display: none;} .call-back-form-one form input, .call-back-form-one form .form-control { font-family: "GothamBook", sans-serif; width: 100%; height: 50px !important; border: 1px solid #dbdbdb; background: #fafafa; padding: 0 20px; border-radius: 10px; margin-bottom: 30px; box-shadow: none; } .call-back-form-one form textarea { font-family: "GothamBook", sans-serif; width: 100%; max-width: 100%; height: 130px; max-height: 130px; border: 1px solid #dbdbdb; background: #fafafa; padding: 20px; border-radius: 10px; margin-bottom: 30px; box-shadow: none; } .call-back-form-one form button {margin: 0 auto;} /*--------------------- Testimonial Section One -----------------*/ .testimonial-section-one { /* background: url(../images/home/8.jpg) no-repeat center center; */ background-size: cover; } .rajiv-banner { background: url(../images/about-us/quote-banner.jpg) right; background-size: cover; } .testimonial-section-one .inner-wrapper {max-width:1910px;padding: 150px 14% 150px 15px;} .testimonial-section-one .inner-wrapper .main-bg { float: right; position: relative; background: rgba(255,255,255,0.87); padding: 35px 40px 45px 40px; /*border-radius: 10px;*/ max-width: 550px; text-align: center; } .testimonial-section-one .inner-wrapper .main-bg .icon {font-size: 42px;} .testimonial-section-one .inner-wrapper .main-bg p { font-size: 18px; line-height: 30px; padding: 4px 0 22px 0; } .testimonial-section-one .inner-wrapper .main-bg .name {font-size: 22px;} .testimonial-section-one .inner-wrapper .main-bg span {font-size: 13px;} .testimonial-section-one .owl-theme .owl-nav [class*=owl-] { font-family: 'font-awesome'; width: 52px; height: 52px; border-radius: 50%; border: 1px solid #fff; line-height: 50px; text-align: center; color: #fff; background: transparent; font-size: 18px; padding: 0; position: absolute; z-index: 1; top:50%; transform:translateY(-50%); } .testimonial-section-one .owl-theme .owl-nav .owl-next {right: -125px;} .testimonial-section-one .owl-theme .owl-nav .owl-prev {left: -125px;} .testimonial-section-one .owl-theme .owl-nav [class*=owl-]:hover {background: #fff;color: #333333;} /*----------------------- Our Blog Grid ----------------------*/ .our-blog .theme-title-one {margin-bottom: 45px;} .blog-inner-page .single-blog-meta {margin-bottom: 40px;} .our-blog .single-blog-meta .img-box { overflow: hidden; margin-bottom: 30px; position: relative; background: #212121; } .our-blog .single-blog-meta .img-box img {width: 100%;} .our-blog .single-blog-meta:hover .img-box img { opacity: 0.8; transform:scale3D(1.1,1.1,1); } .our-blog .single-blog-meta .img-box .date { position: absolute; bottom: 10px; left:10px; line-height: 30px; font-family: "GothamBook", sans-serif; font-weight: 700; font-size: 14px; color: #fff; padding: 12px; background: linear-gradient(to bottom,rgba(223,48,100,.9) 0,rgba(200,55,111,.9) 25%,rgba(147,72,133,.9) 51%,rgba(96,86,153,.9) 76%,rgba(61,99,169,.9) 100%) } .our-blog .single-blog-meta .text .post-info {display: inline-block;margin: 0 -6px;} .our-blog .single-blog-meta .text .post-info li { float: left; padding: 0 6px; font-family: "GothamBook", sans-serif; font-size: 14px; font-style: italic; } .our-blog .single-blog-meta .text .post-info li a {color:#696969;} .our-blog .single-blog-meta .text .title { font-size: 18px; line-height: 28px; } .our-blog .single-blog-meta .text .title a {color: #333333;} .our-blog .single-blog-meta .text p {padding-top: 10px;} .our-blog.center-text-blog .single-blog-meta .text {text-align: justify;} .our-blog.center-text-blog .single-blog-meta .text .title {padding: 0px;} /*---------------------- Footer One ------------------------*/ .theme-footer-one .top-footer { position: relative; padding-bottom: 35px; padding-top: 80px; } .theme-footer-one .top-footer ul li { display: inline-block; position: relative; } .theme-footer-one .top-footer ul li h6 { font-size: 16px; color:#696969; } .theme-footer-one .top-footer ul li a { font-family: "GothamBook", sans-serif; font-size: 20px; color: #0d004c; } .theme-footer-one .top-footer ul li .icon { position: absolute; font-size: 35px; top:-3px; } .theme-footer-one .top-footer ul li:first-child { float: left; text-align: right; padding-right: 20px; border-right: 1px solid #373737; } .theme-footer-one .top-footer ul li:last-child { float: right; padding-left: 20px; /* border-left: 1px solid #373737; */ } .theme-footer-one .top-footer ul .footer-mail{ float: right; padding-left: 20px; border-left: 1px solid #373737; } .theme-footer-one .top-footer ul li:first-child .icon, .theme-footer-one .top-footer ul li:first-child .icon {right: -50px;} .theme-footer-one .top-footer ul li:last-child .icon {left: -55px;} .theme-footer-one .top-footer ul .footer-phone img {margin-left: 15px;} .theme-footer-one .top-footer ul .footer-mail-img img {margin-right: 15px;} .theme-footer-one .top-footer .logo { position: absolute; /* top:-10px; */ left:50%; z-index: 9; transform:translateX(-50%); } .theme-footer-one .main-footer-widget { padding: 45px 0 35px 0; background: linear-gradient(to left,rgba(223,48,100,1) 0,rgba(200,55,111,1) 25%,rgba(147,72,133,1) 51%,rgba(96,86,153,1) 76%,rgba(61,99,169,1) 100%); /* background: linear-gradient(to right, rgba(3,78,162,1) 0, rgba(22,74,155,1) 15%, rgba(86,58,131,1) 30%, rgba(140,46,112,1) 45%, rgba(182,36,96,1) 60%, rgba(212,29,85,1) 75%, rgba(230,25,78,1) 90%, rgba(237,23,76,1) 100%); */ color: white; } .main-footer-widget .title { font-size: 20px; color: #fff; font-weight: 700; margin-bottom: 20px; } .main-footer-widget .about-widget p:nth-child(2) { border-bottom: 1px solid #373737; padding-bottom: 18px; margin-bottom: 18px; } .main-footer-widget .about-widget p span {color: #fff;} .main-footer-widget .list-widget ul li a { color:#FFFFFF; margin-bottom: 10px; } .main-footer-widget .list-widget ul li:last-child a {margin-bottom: 0;} .main-footer-widget .comment-widget ul li img { float: left; width: 58px; height: 58px; border-radius: 50%; margin-top: 15px; } .main-footer-widget .comment-widget ul li .text { float: left; width: calc(100% - 58px); padding: 0 10px 0 15px; } .main-footer-widget .comment-widget ul li p a {color: #fff;} .main-footer-widget .comment-widget .date { font-size: 13px; margin-top: 10px; } .our-blog .single-blog-meta .img-box .date h2{ color: #FFFFFF !important; line-height: 30px; } .our-blog .single-blog-meta .img-box .date h4{ color: #FFFFFF !important; font-size: 20px; } .our-blog .single-blog-meta .img-box .date h6{ color: #FFFFFF !important; font-size: 18px; } .main-footer-widget .comment-widget .date i { color: #fff; font-size: 16px; vertical-align: middle; margin-right: 10px; } .main-footer-widget .comment-widget ul li { padding: 10px 0 22px 0; margin-bottom: 16px; border-bottom: 1px solid #373737; } .main-footer-widget .comment-widget ul li:last-child { padding-bottom: 0; margin-bottom: 0; border: none; } .main-footer-widget .subscribe-widget form { position: relative; height: 48px; margin-bottom: 20px; } .main-footer-widget .subscribe-widget form input { width: 100%; height: 100%; border:none; background: #2d2d2d; border-radius: 10px; padding: 0 58px 0 15px; color:#696969; } .main-footer-widget .subscribe-widget form button { position: absolute; width: 55px; top:0; right: 0; bottom: 0; border-radius: 0 10px 10px 0; color: #fff; font-size: 20px; } .main-footer-widget .social-icon li {display: inline-block;margin: 35px 5px 0 0;} .main-footer-widget .social-icon li a { width: 40px; height: 40px; line-height: 40px; text-align: center; border-radius: 50%; /* background: #2d2d2d; */ color:#696969; font-size: 1.5rem; margin-left: -8px; } .main-footer-widget .social-icon li a:hover {color: #fff; background: #0d004c;} .main-footer-widget .list-widget:first-child { padding-right: 50px; } .main-footer-widget .row [class*="col"] {margin-bottom: 45px; text-align: justify;} .theme-footer-one .bottom-footer {background: linear-gradient(to left,rgba(223,48,100,1) 0,rgba(200,55,111,1) 25%,rgba(147,72,133,1) 51%,rgba(96,86,153,1) 76%,rgba(61,99,169,1) 100%);text-align: center;padding: 22px 0; border-top: 1px solid #FFFFFF;color: #FFFFFF;} /*---------------------- Footer Two ----------------------*/ .theme-footer-two {background: #222222;padding-top: 70px;} .theme-footer-two .main-footer-widget .about-widget p:nth-child(2) { border-bottom: none; border-top: 1px solid #373737; margin: 15px 0 0 0; padding: 20px 0 0 0; } .theme-footer-two .main-footer-widget .title {margin-top: 30px;} .main-footer-widget .twitter-widget ul li { padding: 10px 0 22px 40px; position: relative; margin-bottom: 16px; border-bottom: 1px solid #373737; } .main-footer-widget .twitter-widget ul li:last-child { padding-bottom: 0; margin-bottom: 0; border: none; } .main-footer-widget .twitter-widget .date { font-size: 13px; margin-top: 10px; } .main-footer-widget .twitter-widget .date i { font-size: 16px; vertical-align: middle; margin-right: 10px; } .main-footer-widget .twitter-widget a {color: #fff;} .main-footer-widget .twitter-widget .twitter { position: absolute; top:5px; left:0; color: #fff; font-size: 25px; } .theme-footer-two .main-footer-widget .row [class*="col"] {margin-bottom: 15px;} .theme-footer-two .main-footer-widget .subscribe-widget form {margin-bottom: 50px;} .theme-footer-two .bottom-footer {padding: 25px 0;margin-top: 65px;} .theme-footer-two .bottom-footer p {color: #fff;} /*--------------------- Quote Banner -----------------*/ .quote-banner { /* background: url(../images/home/9.jpg) no-repeat center; */ background-size: cover; background-attachment: fixed; } .quote-banner .overlay {background: rgba(31,31,31,0.8);padding: 114px 0;} .quote-banner .overlay h2 {color: #fff;} .quote-banner .overlay .theme-button-one {float: right;margin-top: 15px;width:75%} .policy-banner { background: url(../images/about-us/policy-banner.jpg) no-repeat center ; background-size: cover; background-attachment: fixed; text-align: center; } .policy-banner .overlay {background: rgba(31,31,31,0.8);padding: 114px 0;} .policy-banner .overlay h2 {color: #fff; font-size: 23px;} .policy-banner .overlay .theme-button-one { margin-top: 15px;width:50%} /*---------------------- Service Style Two ------------------*/ .service-style-two .theme-title-one {margin-bottom: 60px;} .service-style-two .single-block {margin-bottom: 30px;} .service-style-two .single-block .img-box {overflow: hidden;position: relative;margin-bottom: 12px;} .service-style-two .single-block .img-box img {width: 100%;} .service-style-two .single-block:hover .img-box img { transform:scale3D(1.1,1.1,1); } .service-style-two .single-block .overlay { position: absolute; top:0; left:0; width: 100%; height: 100%; text-align: center; opacity: 0; transform:scale(0.5); } .service-style-two .single-block:hover .overlay { opacity: 1; transform:scale(1); } .service-style-two .single-block .active{ opacity: 1; transform:scale(1); } .service-style-two .single-block .active a{ display: none; } .service-style-two .single-block .overlay .play-button { width: 72px; height: 72px; margin: 0 auto; text-align: center; line-height: 72px; font-size: 28px; border-radius: 50%; background:#fff; position: relative; top:50%; transform:translateY(-50%); } .service-style-two .single-block .overlay .play-button:before { content: ''; position: absolute; border-radius: 50%; } .service-style-two .single-block .overlay .play-button:before{ top:-10px; right: -10px; bottom: -10px; left:-10px; border: 1px solid rgba(255,255,255,0.5); -webkit-animation: hvr-ripple-out 1.2s ease-in-out infinite; animation: hvr-ripple-out 1.2s ease-in-out infinite; } .service-style-two .single-block .text {position: relative; display: inline-flex;} .service-style-two .single-block .textnew {position: relative; padding-top:10px} .service-style-two .single-block .text .srvc-name { margin-left: 20px; padding-left: 20px; border-left: 1px solid #e3e3e3; /* margin-top: -35px; */ } .service-style-two .single-block .text .srvc-name h5{font-size: 24px;} .service-style-two .single-block .text .srvc-name span {font-size: 13px;font-style: italic;} .service-style-two .single-block .text .srvc-name h5 a, .service-style-two .single-block .text .srvc-name h6 a {color: #181818; font-size: 18px;} .service-style-two .single-block .text .srvc-name h5 .active{color: #ed174c;} .service-style-two .single-block .text p {padding-top: 12px;} .service-style-two .single-block .text .icon { position: absolute; top:-8px; left:0; font-size: 42px; } .service-style-two .view-all-service {text-align: center;padding-top: 25px;} .service-style-two .view-all-service .theme-button-one { margin: 0 auto; background:#f6f6f6 ; color: #181818; } .service-style-two .view-all-service .theme-button-one:hover {color: #fff;} /*--------------------- Theme Sidebar One ----------------------*/ .theme-sidebar-one .sidebar-box {margin-bottom: 50px;} .theme-sidebar-one .title {margin-bottom: 25px;} .theme-sidebar-one .service-categories ul li a { display: block; font-size: 18px; color: #232323; line-height: 55px; border: 1px solid #efefef; margin-bottom: 5px; padding-left: 20px; } .theme-sidebar-one .service-categories ul li a:hover, .theme-sidebar-one .service-categories ul li.active a {color: #fff;} .theme-sidebar-one .service-categories ul li:last-child a {margin: 0;} .theme-sidebar-one .sidebar-brochures ul {padding: 0 25px;border-radius: 5px;} .theme-sidebar-one .sidebar-brochures ul li a { display: block; line-height: 55px; color: #fff; font-size: 18px; border-bottom: 1px solid rgba(255,255,255,0.2); position: relative; padding-left: 30px; } .theme-sidebar-one .sidebar-brochures ul li:last-child a {border-bottom: 0;} .theme-sidebar-one .sidebar-brochures ul li a i { position: absolute; top:0; left:0; line-height: 55px; } .theme-sidebar-one .sidebar-contact input, .theme-sidebar-one .sidebar-contact textarea { width: 100%; max-width: 100%; background: #fff; border: none; border-bottom: 1px solid #dfdfdf; font-size: 16px; } .theme-sidebar-one .sidebar-contact input {padding-bottom: 12px;margin-bottom: 12px;} .theme-sidebar-one .sidebar-contact textarea { height: 80px; resize:none; margin-bottom: 20px; } /*--------------------- Service Details ----------------------*/ .service-details .service-content .cover-img {border-radius: 5px;margin-bottom: 25px;} .service-details .service-content .main-title {font-size: 30px;margin-bottom: 15px;} .service-details .service-content p {padding-bottom: 25px;text-align: justify;} .service-details .service-content .sub-heading {font-weight: normal;margin-bottom: 15px;} .service-details .service-content .presentation-section {padding: 30px 0 55px 0;} .service-details .service-content .presentation-section .best-list-item li { position: relative; margin: 12px 0 0 0; padding: 0 0 4px 90px; } .service-details .service-content .presentation-section .best-list-item li:last-child {margin-bottom: 0;} .service-details .service-content .presentation-section .best-list-item li h5 {margin-bottom: 10px;} .service-details .service-content .presentation-section .best-list-item li .icon { position: absolute; top:-10px; left:0; font-size: 60px; } .service-details .service-content .presentation-section .chart {margin: 0 auto;} .service-details .service-content .market-growth {padding-top: 65px;} .service-details .service-content .market-growth .wrapper {padding-top: 20px;} .service-details .service-content .market-growth img {width: 100%;border-radius: 5px;} .service-details .service-content .market-growth ul {padding-left: 18px;} .service-details .service-content .market-growth ul li { line-height: 34px; font-style: italic; padding-left: 18px; position: relative; } .service-details .service-content .market-growth ul li:before { content: ''; font-family: 'font-awesome'; font-size: 12px; color: #232323; line-height: 34px; position: absolute; left:0; top:0; font-style: normal; font-weight: 700; } /*---------------------- Why Choose us -----------------------*/ .why-choose-us {background: #f6f6f6;padding: 140px 0;} .why-choose-us .theme-title-one {margin-bottom: 38px;} .why-choose-us .single-block {padding-top: 45px;} .why-choose-us .single-block .tag { display: inline-block; line-height: 30px; padding: 0 12px; font-size: 13px; color: #fff; font-style: italic; } .why-choose-us .single-block .title {margin: 10px 0 8px 0;} .why-choose-us .call-back-form-two {padding-left: 50px;} .why-choose-us .call-back-form-two input { font-family: "GothamBook", sans-serif; width: 100%; height: 50px; border: 1px solid #dbdbdb; background: #fafafa; border-radius: 10px; padding: 0 20px; margin-bottom: 18px; } .why-choose-us .call-back-form-two textarea { font-family: "GothamBook", sans-serif; height: 140px; max-height: 140px; max-width: 100%; width: 100%; border: 1px solid #dbdbdb; background: #fafafa; border-radius: 10px; padding: 15px 20px; margin-bottom: 18px; } /*----------------------- Our Team -----------------*/ .our-team .container {margin-top: 75px; } .our-team .team-member {margin-top: 30px; text-align: center;} .our-team .wrapper {margin-top: 25px;} .our-team .team-member .image-box img {width: 100%;/* border-radius: 5px 5px 0 0; */} .our-team .team-member .image-box {position: relative;overflow: hidden;} .our-team .team-member .text { padding: 16px 0; border: 1px solid #eaeaea; border-top: none; border-radius: 0 0 5px 5px; height: 110px; } .our-team .team-member:hover .text { border-color: #fff; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.08); } .our-team .team-member .text h6 {padding-bottom: 2px;font-size: 18px;} .our-team .team-member .text span {font-size: 15px; } .our-team .team-member .overlay { position: absolute; top:0; left:0; width: 100%; height: 100%; border-radius: 5px 5px 0 0; -webkit-transform:scale(1,0); transform:scale(1,0); } .our-team .team-member:hover .overlay { -webkit-transform:scale(1); transform:scale(1); } .our-team .team-member .overlay .hover-content { position: relative; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); } .our-team .team-member .overlay .hover-content ul li {display: inline-block;margin: 0 2px;} .our-team .team-member .overlay .hover-content ul li a { width: 40px; height: 40px; border-radius: 50%; border: 1px solid #fff; line-height: 38px; color: #fff; font-size: 14px; } .our-team .team-member .overlay .hover-content ul li a:hover {background: #fff;} .our-team .team-member .overlay .hover-content p {line-height: 25px;color: #fff;padding-top: 15px;} /*--------------------- Theme Counter Section -----------------*/ .counter-banner-section { background: url(../images/about-us/counter-banner.jpg) no-repeat center; } .counter-banner-section .overlay{ padding: 100px 0 100px 0; } .theme-counter-section { /* background: url(../images/home/10.jpg) no-repeat center; */ background-size: cover; background-attachment: fixed; text-align: center; } .theme-counter-section .overlay {padding: 100px 0 100px 0; background: linear-gradient(to left,rgba(223,48,100,.9) 0,rgba(200,55,111,.9) 25%,rgba(147,72,133,.9) 51%,rgba(96,86,153,.9) 76%,rgba(61,99,169,.9) 100%) ; } .theme-counter-section .title {color: #fff;margin-bottom: 45px;} .theme-counter-section .single-counter {margin-bottom: 40px;} .theme-counter-section .single-counter .icon { color: #fff; font-size: 60px; } .theme-counter-section .single-counter .number { font-family: "GothamBook", sans-serif; font-size: 50px; font-weight: 700; color: #fff; margin: -8px 0 -4px 0; } .theme-counter-section .single-counter p {font-weight: 600;color: #fff;} .csr-content-section { background: url(../images/csr/csr-background.jpg) no-repeat center; background-size: cover; background-attachment: fixed; } .csr-content-section .overlay {padding: 100px 0 100px 0; background: linear-gradient(to left,rgba(223,48,100,.9) 0,rgba(200,55,111,.9) 25%,rgba(147,72,133,.9) 51%,rgba(96,86,153,.9) 76%,rgba(61,99,169,.9) 100%) ; } .csr-content-section .title {color: #fff;margin-bottom: 45px;font-size: 18px;text-align: justify;line-height: 28px;} .csr-content-section img {height: 150px; width: 150px; border-radius: 50%; border: 1px solid #ddd; margin: 0; float: left; margin-right: 40px;} .csr-content-section .card-name p, .csr-content-section .card-name a {font-weight: normal; color: #fff; font-size:15px; line-height:25px;} .csr-content-section .card-name, .newsroom-content-section .card-name {align-items: center; border-bottom: 1px solid #eee; padding: 20px;} .newsroom-content-section .overlay {padding: 100px 0 100px 0; } .newsroom-content-section .card-name p {font-weight: normal; color: #0d004c; font-size:15px; line-height:25px;margin: 10px 0px;} .newsroom-content-section .card-name .btn-article{font-weight: normal; color: #FFFFFF;line-height: 52px; font-size: 14px;padding: 0px 20px; margin-top: 10px;text-transform: uppercase;} .newsroom-content-section .card-name h3{font-weight: normal; color: #0d004c; font-size:25px; line-height:30px;} .newsroom-content-section .card-name:nth-child(even) {background: #d3d3d3} .newsroom-content-section .card-name:nth-child(odd) {background: #F0F0F0} .newsroom-content-section .table-bordered, .newsroom-content-section .table-bordered thead th, .newsroom-content-section .table-bordered tbody td { border: 1px solid darkgray; } /*------------------ Theme Counter Two -------------------*/ .theme-counter-two {background: #f6f6f6;padding: 55px 0;} .homepage-counters {background: #f6f6f6;padding: 0px 0;} .homepage-counters .bg { background: url(../images/homepage/some-fun-facts.jpg) no-repeat bottom; text-align: center; padding: 100px 0 250px 0; /* background: url(../images/home/pattern2.png) no-repeat center center; */ } .theme-counter-two .theme-title-one {padding: 0 0 35px 0;} .theme-counter-two .theme-title-one .title:before {display: none;} .theme-counter-two .cunter-wrapper {width: 75%;margin: 0 auto; text-align: center;} .atm-soln-counter .cunter-wrapper {width: 85%;margin: 0 auto; text-align: center;} .homepage-counters .cunter-wrapper {width: 75%;margin: 0 auto; text-align: center;} .theme-counter-two .single-counter-box .number { font-family: "GothamBook", sans-serif; font-weight: 300; font-size: 40px; } .theme-counter-two .single-counter-box .number .timer {font-size: 50px;} .theme-counter-two .single-counter-box p {margin-top: -15px; color: #0d004c;} .theme-counter-two .single-counter-box {margin-bottom: 10px;} .theme-counter-two .theme-button-one {margin-top: 45px;} .atm-soln-counter .single-counter-box .sub-heading, .currency-mgmt-soln .single-counter-box .sub-heading {font-size: 60px; color: #0d004c;} .atm-soln-counter .single-counter-box h6, .currency-mgmt-soln .single-counter-box h6 {margin-top: 15px;} .currency-mgmt-soln .sub-heading{padding: 0px 20px;} /*--------------------- Appointment Section -----------------*/ .appointment-section {background: #f6f6f6;padding: 130px 0 140px 0;} .appointment-section .monthly {background: #fff;} .appointment-section .title {margin-bottom: 32px;} .appointment-section .monthly-day-wrap {overflow: visible;} .appointment-section .monthly-header { height:56px; padding: 0 20px; line-height: 56px; margin-bottom: 10px; color: #fff; border-radius: 5px 5px 0 0; } .appointment-section .monthly-header-title { font-family: "GothamBook", sans-serif; text-transform: capitalize; font-size: 20px; color:#fff; } .monthly-reset,.monthly-reset:before {display: none;} .appointment-section .monthly-day:before {padding-top: 78%;} .appointment-section .monthly-prev, .appointment-section .monthly-next { line-height: 56px; opacity: 1; width: auto; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .appointment-section .monthly-prev {left:20px;} .appointment-section .monthly-next {right:20px;} .appointment-section .monthly-prev:after, .appointment-section .monthly-next:after {display: none;} .appointment-section .monthly-prev:before, .appointment-section .monthly-next:before { font-family: 'font-awesome'; line-height: 56px; color:#fff; font-size: 20px; width:100%; position: absolute; top:0; left:0; } .appointment-section .monthly-prev:before {content: '';} .appointment-section .monthly-next:before {content: '';} .appointment-section .monthly-day-title-wrap { height:30px; border-top:1px solid #ebebeb; border-bottom:1px solid #ebebeb; } .appointment-section .monthly-day-title-wrap div { font-family: "GothamBook", sans-serif; line-height: 30px; font-size: 16px; color:#181818; border-right:1px solid #ebebeb; } .appointment-section .monthly-day { background: #fff; border:1px solid #ebebeb; box-shadow: none; } .appointment-section .monthly-day-blank {background: #eff3ff;} .appointment-section .monthly-day-pick > .monthly-day-number { font-family: "GothamBook", sans-serif; padding-top: 0; line-height: 60px; text-align: center; font-size: 25px; color:#181818; font-weight: normal; } .appointment-section .monthly-day-blank > .monthly-day-number { padding-top: 0; text-align: center; font-size: 24px; color:#e4e4e4; font-weight: normal; } .appointment-section .monthly-day-pick.monthly-today .monthly-day-number { margin:0; text-align: center; padding-top: 0; width:100%; background: transparent; } .appointment-section .monthly-day-pick.monthly-today { z-index: 99; border:none; outline: none; } .appointment-section .monthly-day-pick.monthly-today .monthly-day-number {color: #fff;} .appointment-section .monthly-day:hover .monthly-day-number, .appointment-section .monthly-day:focus .monthly-day-number, .appointment-section .monthly-day:hover .monthly-day-number:before, .appointment-section .monthly-day:focus .monthly-day-number:before { color:#fff; } /*__________ MODAL _______*/ .modal-open {overflow: hidden !important;} #schedule-box .modal-content { box-shadow: none; border: 1px solid #dbdbdb; background: #fff; border-radius: 0; padding: 40px 30px; } #schedule-box .title {text-align: center;margin-bottom: 50px;} #schedule-box .close { display: block; float:none; opacity: 1; text-shadow:none; width:50px; line-height: 50px; border-radius: 50%; color:#777777; font-size: 18px; text-align: center; position: absolute; top:-10px; right:-10px; } #schedule-box form input, #schedule-box form .form-control { font-family: "GothamBook", sans-serif; width: 100%; height: 50px !important; border: 1px solid #dbdbdb; background: #fafafa; padding: 0 20px; border-radius: 10px; margin-bottom: 30px; box-shadow: none; } #schedule-box form textarea { font-family: "GothamBook", sans-serif; width: 100%; max-width: 100%; height: 130px; max-height: 130px; border: 1px solid #dbdbdb; background: #fafafa; padding: 20px; border-radius: 10px; margin-bottom: 30px; box-shadow: none; } #schedule-box form button {margin: 0 auto;} /*--------------------- Testimonial Section Two -----------------*/ .testimonial-section-two { background: url(../images/home/11.jpg) no-repeat center; background-size: cover; background-attachment: fixed; text-align: center; } .testimonial-section-two .overlay {background: rgba(34,34,34,0.1); padding: 170px 0 165px 0;} .testimonial-section-two .overlay .testimonial-slider-one .item{padding-top: 20px;} .testimonial-section-two .overlay .play-button { width: 94px; height: 94px; margin: 0 auto; text-align: center; line-height: 94px; font-size: 22px; border-radius: 50%; background:#fff; position: relative; } .testimonial-section-two .overlay .play-button:before { content: ''; position: absolute; border-radius: 50%; } .testimonial-section-two .overlay .play-button:before{ top:-20px; right: -20px; bottom: -20px; left:-20px; border: 1px solid rgba(255,255,255,0.3); -webkit-animation: hvr-ripple-out 1.2s ease-in-out infinite; animation: hvr-ripple-out 1.2s ease-in-out infinite; } .testimonial-section-two .item p { max-width: 1170px; font-family: "GothamBook", sans-serif; font-size: 20px; line-height: 30px; font-style: italic; margin: 55px auto 22px auto; width: 32%; color: #fff; } .testimonial-section-two .item .name h6 { color: #fff; font-size: 22px; } .testimonial-section-two .item .name h6 span { font-family: "GothamBook", sans-serif; font-size: 13px; } .testimonial-section-two .owl-theme .owl-nav [class*=owl-] { font-family: 'font-awesome'; width: 52px; height: 52px; border-radius: 50%; border: 1px solid #fff; line-height: 50px; text-align: center; color: #fff; background: transparent; font-size: 18px; padding: 0; position: absolute; z-index: 1; top:50%; transform:translateY(-50%); } .testimonial-section-two .owl-theme .owl-nav .owl-next {right: 20px;} .testimonial-section-two .owl-theme .owl-nav .owl-prev {left:20px;} .testimonial-section-two .owl-theme .owl-nav [class*=owl-]:hover {background: #fff;color: #333333;} /*---------------------- Partner Section Two -------------------*/ .partner-section-two {border-top:1px solid #e3e3e3;padding: 45px 0;} .partner-section-two .item img {margin: 0 auto;} /*---------------------- Theme Inner Banner -----------------------*/ .theme-inner-banner .overlay { padding: 250px 0; background: rgba(30,30,30,0.4); text-align: center; } .theme-inner-banner .overlay .title {font-weight: normal;color: #fff;margin-bottom: 30px;line-height: 75px;font-size: 50px;/*line-height: 45px;font-size: 40px;*/} .theme-inner-banner ul li { display: inline-block; color: #fff; margin: 0 1px; text-transform: capitalize; } .theme-inner-banner ul li a {color: #fff;} /*---------------------- Project Details ------------------*/ .project-details .img-box {margin-bottom: 45px;} .project-details .title {font-weight: 700;margin-bottom: 25px;font-size: 40px;} .project-details .slogan-text { font-size: 20px; line-height: 30px; color: #181818; margin-bottom: 22px; } .project-details p {padding-bottom: 20px;} .project-details .inner-title {font-weight: 700;margin-bottom: 15px;} .project-details .list-text {padding-bottom: 20px;} .project-details .project-details-info {margin-top: 25px;} .project-details .list-text li { float: left; width: 50%; position: relative; color: #181818; font-weight: 600; font-size: 17px; padding: 0 0 15px 20px; } .project-details .list-text li:before { content: ''; width: 8px; height: 8px; border-radius: 50%; position: absolute; top:9px; left:0; } .project-details .project-tab .nav-tabs {border: none;} .project-details .project-tab .nav-tabs .nav-item {margin-bottom: 1px;} .project-details .project-tab .nav-tabs .nav-link { font-family: "GothamBook", sans-serif; font-size: 17px; border: 1px solid #e0e0e0; font-weight: 700; color: #181818; line-height: 44px; padding: 0 30px; background: #eaeaea; border-radius: 0; margin-right: 1px; } .project-details .project-tab .nav-tabs .nav-item.show .nav-link, .project-details .project-tab .nav-tabs .nav-link.active {color: #fff;} .project-details .project-tab .tab-content { border: 1px solid #e0e0e0; background: #eaeaea; padding: 45px 10px 20px 40px; } .project-details .project-tab .tab-content ul li h6 {font-weight: 700;} .project-details .project-tab .tab-content ul li p {font-size: 14px;} .project-details .project-tab .tab-content ul li {padding-bottom: 5px;} .project-details .project-tab .tab-content ul li:last-child {padding: 0;} .project-details .result-text { background: #f6e8e8; padding:45px 50px 25px 45px; margin-top: 20px; } .project-details .result-text h6 {font-weight: 700;margin-bottom: 5px;} .project-details .result-text p {color: #181818;} /*--------------------------- Latest Project -----------------*/ .our-portfolio .single-block { overflow: hidden; position: relative; margin-bottom: 30px; } .our-portfolio .single-block img {width: 100%;} .our-portfolio .single-block:hover img { transform:scale3D(1.1,1.1,1); } .our-portfolio .single-block .overlay { position: absolute; top:0; left:0; width: 100%; height: 100%; text-align: center; opacity: 0; transform:scale(0.5); } .our-portfolio .single-block:hover .overlay, .our-portfolio .single-block .last-thumbnail { opacity: 1; transform:scale(1); } .our-portfolio .single-block .overlay>div { position: relative; top:50%; transform:translateY(-50%); } .our-portfolio .single-block .overlay>div a { width: 118px; height: 118px; position: relative; margin: 0 auto; } .our-portfolio .single-block .overlay>div a:before, .our-portfolio .single-block .overlay>div a:after { content: ''; position: absolute; background: #fff; } .our-portfolio .single-block .overlay>div a:before { width: 1px; height: 100%; top:0; left:50%; } .our-portfolio .single-block .overlay>div a:after { width: 100%; height: 1px; top:50%; left:0; } .our-portfolio .single-block .last-thumbnail > div a:before, .our-portfolio .single-block .last-thumbnail > div a:after { content: '' !important; position: absolute; background: #fff; display:none; } .our-portfolio .single-block .last-thumbnail > div a{vertical-align: middle; letter-spacing: 1.5px; font-size: 22px; color: #FFFFFF} .our-portfolio.portfolio-three-column .single-block .overlay>div a {width: 92px;height: 92px;} .our-portfolio.portfolio-three-column .row {margin: 0 -10px;} .our-portfolio.portfolio-three-column .row [class*="col-"] {padding: 0 10px;} .our-portfolio.portfolio-three-column .single-block {margin-bottom: 20px;} .our-portfolio.portfolio-four-column .single-block .overlay>div a {width: 70px;height: 70px;} .our-portfolio.portfolio-four-column .row {margin: 0 -7px;} .our-portfolio.portfolio-four-column .row [class*="col-"] {padding: 0 7px;} .our-portfolio.portfolio-four-column .single-block {margin-bottom: 14px;} .our-portfolio.portfolio-full-width .row {margin: 0 -12px;} .our-portfolio.portfolio-full-width .row [class*="col-"] {padding: 0 12px;} .our-portfolio.portfolio-full-width .single-block {margin-bottom: 24px;} .our-portfolio.portfolio-full-width {padding: 20px 20px 0 20px;} /*------------------------ Theme Sidebar -------------------*/ .theme-sidebar .sidebar-spacing {margin-bottom: 40px;} .theme-sidebar .sidebar-title {font-size: 25px;margin-bottom: 20px;} .theme-sidebar .sidebar-search form {height: 50px;position: relative;} .theme-sidebar .sidebar-search form input { width: 100%; height: 100%; background: #fbfbfb; border:1px solid #e8e8e8; font-size: 13px; padding: 0 40px 0 15px; } .theme-sidebar .sidebar-search form button { position: absolute; right:0; width: 40px; top:0; bottom: 0; background: transparent; font-size: 16px; } .theme-sidebar .sidebar-author { background: #fbfbfb; border:1px solid #e8e8e8; padding: 40px 10px 35px 10px; text-align: center; } .theme-sidebar .sidebar-author img { width: 130px; height: 130px; border-radius: 50%; margin: 0 auto; } .theme-sidebar .sidebar-author h6 {font-weight: 700;padding: 25px 0 4px 0;} .theme-sidebar .sidebar-author .social-icon li {display: inline-block;margin: 18px 1px 0 1px;} .theme-sidebar .sidebar-author .social-icon li a { width: 28px; height: 28px; line-height: 28px; text-align: center; font-size: 13px; color:#696969; border-radius: 50%; } .theme-sidebar .sidebar-author .social-icon li a:hover {color: #fff;} .theme-sidebar .sidebar-categories ul li a { display: block; color:#696969; border-bottom: 1px solid #e2e2e2; padding: 13px 0; } .theme-sidebar .sidebar-contact-banner { background: url(../images/home/pattern.png) no-repeat center center; background-color: #fbfbfb; border:1px solid #e8e8e8; padding: 45px 10px 50px 20px; } .theme-sidebar .sidebar-contact-banner h6 {font-weight: 700;} .theme-sidebar .sidebar-contact-banner p {padding: 16px 0 20px 0;} .theme-sidebar .sidebar-contact-banner .theme-button-one i {margin-right: 3px;} .theme-sidebar .sidebar-latest-news .single-latest-news .news-title { line-height: 25px; color: #181818; font-weight: 700; } .theme-sidebar .sidebar-latest-news .single-latest-news .img-box { overflow: hidden; margin: 13px 0 18px 0; position: relative; } .theme-sidebar .sidebar-latest-news .single-latest-news .img-box img {width: 100%;} .theme-sidebar .sidebar-latest-news .single-latest-news:hover .img-box img { transform:scale3D(1.1,1.1,1); } .theme-sidebar .sidebar-latest-news .single-latest-news .img-box .overlay { position: absolute; top:0; left:0; width: 100%; height: 100%; text-align: center; opacity: 0; transform:scale(0.5); } .theme-sidebar .sidebar-latest-news .single-latest-news:hover .overlay { opacity: 1; transform:scale(1); } .theme-sidebar .sidebar-latest-news .single-latest-news .img-box .overlay a { color: #fff; font-weight: 600; position: relative; text-decoration: underline; top:50%; transform:translateY(-50%); } .theme-sidebar .sidebar-latest-news .single-latest-news ul li {font-size: 13px;} .theme-sidebar .sidebar-latest-news .single-latest-news { border-bottom: 1px solid #e2e2e2; padding-bottom: 15px; margin-bottom: 25px; } .theme-sidebar .sidebar-latest-news .single-latest-news:last-child {margin-bottom: 0;} .theme-sidebar .sidebar-archive .form-control { width: 100%; height: 55px !important; background: #fbfbfb; border:1px solid #e8e8e8; font-size: 13px; box-shadow: none; } .theme-sidebar .sidebar-tags ul {margin: 0 -4px;} .theme-sidebar .sidebar-tags ul li { float: left; padding: 0 4px; margin-bottom: 8px; } .theme-sidebar .sidebar-tags ul li a { font-size: 13px; color:#696969; text-transform: uppercase; background: #fbfbfb; border:1px solid #e8e8e8; line-height: 50px; padding: 0 22px; } .theme-sidebar .sidebar-tags ul li a:hover {color: #fff;} .theme-sidebar .sidebar-gallery ul {margin: 0 -2px;} .theme-sidebar .sidebar-gallery ul li { float: left; width: 33.333333333%; padding: 0 2px; } .theme-sidebar .sidebar-gallery ul li a {display: block;} .theme-sidebar .sidebar-gallery ul li img {width: 100%;} .theme-sidebar .sidebar-text b { display: block; color: #181818; font-weight: 600; margin-bottom: 25px; } .theme-sidebar .sidebar-text ul li a {color: #888888;margin-bottom: 25px;} .theme-sidebar .sidebar-text ul li a span {text-decoration: underline;} /*---------------------- News Calssic ------------------*/ .news-classic .single-classic-news .title .date { float: left; width: 140px; line-height: 40px; text-align: center; color: #fff; font-weight: 600; font-size: 13px; margin-right: 15px; } .news-classic .single-classic-news .title h3 {float: left;font-weight: 400;} .news-classic .single-classic-news .title h3 a {color: #181818;} .news-classic .single-classic-news .image-box {margin: 12px 0 18px 0;} .news-classic .single-classic-news .post-tag-meta {margin: 0 -20px;padding-bottom: 20px;} .news-classic .single-classic-news .post-tag-meta li { float: left; padding: 0 20px; border-right-width: 1px; border-right-style: solid; font-size: 13px; line-height: 13px; } .news-classic .single-classic-news .post-tag-meta li:last-child {border-right: none;} .news-classic .single-classic-news { border-bottom: 1px solid #e3e3e3; padding-bottom: 25px; margin-bottom: 50px; } .news-classic .classic-news-bg { background: #f0f0f0; padding: 55px 50px 45px 95px; position: relative; margin-bottom: 50px; } .news-classic .classic-news-bg .quote-text { font-size: 20px; font-weight: 300; } .news-classic .classic-news-bg:before { content: "\f100"; font-family: Flaticon; position: absolute; left:50px; top:30px; font-size: 32px; } .news-classic .classic-news-bg .author { font-weight: 300; color: #000; padding: 3px 0 30px 0; } .news-classic .classic-news-bg .title a {color: #181818;margin-bottom: 10px;} .news-classic .classic-news-bg .post-tag-meta {margin: 0 -20px;padding-top: 15px;} .news-classic .classic-news-bg .post-tag-meta li { float: left; padding: 0 20px; border-right-width: 1px; border-right-style: solid; font-size: 13px; line-height: 13px; } .news-classic .classic-news-bg .post-tag-meta li:last-child {border-right: none;} /*--------------------- News Details ------------------*/ .news-classic.news-details .single-classic-news .post-tag-meta {padding-bottom: 30px;} .news-details .single-classic-news .upper-text:first-letter { font-size: 30px; font-weight: 700; color: #181818; } .news-details .single-classic-news p {padding-bottom: 20px;} .news-details .single-classic-news .inner-title {padding-bottom: 20px;} .news-details .single-classic-news .list-text {padding-bottom: 15px;} .news-details .single-classic-news .list-text li, .atm-infra .list-text li{ color: #181818; position: relative; padding: 10px 0 0 15px; } .news-details .single-classic-news .list-text li:before, .atm-infra .list-text li:before { content: ''; font-family: 'font-awesome'; position: absolute; top:10px; left:0; color: #ed174c; } .news-details .single-classic-news .inner-block {padding: 10px 0 15px 0;} .news-classic.news-details .classic-news-bg .quote-text {margin-bottom: 12px;} .news-classic.news-details .classic-news-bg {padding-bottom: 10px; margin: 40px 0 20px 0;} .news-details .accordion-two {margin: 10px 0 25px 0;} .accordion-two .panel-heading h6 a { background: #f0f0f0; font-size: 18px; color: #181818; display: block; position: relative; padding: 17px 50px 17px 45px; } .accordion-two .panel {margin-bottom: 2px;} .accordion-two .panel-group .panel-heading a:before { content: "+"; font-size: 22px; width: 45px; height: 100%; text-align: center; line-height: 55px; position: absolute; right: 0; top: 0; background: #e5e5e5; } .accordion-two .panel-group .panel-heading.active-panel a:before {content: "-";} .accordion-two .panel-group .panel-heading a:after { content: ''; font-family: 'font-awesome'; font-size: 18px; position: absolute; left:20px; top:50%; transform:translateY(-50%); } .accordion-two .panel-group .panel-body { border: 0; padding: 20px 45px 0 45px; } .accordion-two .panel-group .panel-body p {color: #181818;} .news-classic.news-details .single-classic-news {padding-bottom: 10px;margin-bottom: 10px;} .news-details .share-option .share {font-size: 16px;line-height: 28px;} .news-details .share-option .share i {font-size: 14px;color: #181818;margin-right: 5px;} .news-details .share-option .social-icon li {display: inline-block;margin: 0 3px 0 0;} .news-details .share-option .social-icon li a { width: 28px; height: 28px; line-height: 28px; text-align: center; font-size: 13px; color:#696969; border-radius: 50%; } .news-details .share-option .social-icon li a:hover {color: #fff;} .news-details .inner-section-title {font-size: 22px;margin-bottom: 40px;font-weight: normal;} .news-details .comment-section {padding: 55px 0 15px 0;} .news-details .comment-section .single-comment .author { float: left; width: 150px; background: #f7f7f7; border:1px solid #dedede; padding: 25px 0 22px 0; text-align: center; } .news-details .comment-section .single-comment .author img { width: 92px; height: 92px; border-radius: 50%; margin: 0 auto 15px auto; } .news-details .comment-section .single-comment .author .date {font-weight: 13px;} .news-details .comment-section .single-comment .comment { float: left; width: calc(100% - 150px); padding-left: 20px; padding-right: 30px; } .news-details .comment-section .single-comment .comment .social-icon li {display: inline-block;margin-right: 15px;} .news-details .comment-section .single-comment .comment .social-icon li a {color: #333333;font-size: 14px;} .news-details .comment-section .single-comment .comment .social-icon {padding: 14px 0;} .news-details .comment-section .single-comment {margin-bottom: 60px;} .theme-form-one input,.theme-form-one textarea,.theme-form-one select { width: 100%; background: #f7f7f7; border:1px solid #e4e4e4; margin-bottom: 20px; font-size: 14px; font-style: italic; } .theme-form-one input,.theme-form-one select { height: 52px; padding: 0 15px; } .theme-form-one textarea { max-width: 100%; height: 198px; max-height: 198px; resize:none; padding: 20px; } .theme-form-one button {width: 100%;} /*----------------------- Contact us ---------------------*/ .contact-us-page .title {text-align: center;padding-bottom: 50px;} .contact-us-page .title h2 {margin-bottom: 22px;} .contact-us-page .title p {width: 85%;margin: 0 auto;} .contact-us-page .address ul li { font-family: "GothamBook", sans-serif; font-size: 15px; color: #181818; float: left; width: 33.3333%; position: relative; padding-left: 55px; margin-bottom: 15px; } .contact-us-page .address ul li i { position: absolute; font-size: 35px; top:0; left:0; } .contact-us-page .address ul li img { position: absolute; font-size: 35px; top:0; left:0; width: 40px; height: 40px; } .contact-us-page .address { padding-bottom: 50px;width: 85%;margin: 0 auto; } .contact-us-page .theme-form-one {margin-top: 40px;} .contact-us-page .theme-form-one button {width: 180px;margin: 0 auto;} /*======================= Form Validation ===================*/ .alert-wrapper { display: none; position: fixed; width: 100%; height:100%; background: rgba(0,0,0,0.6); top: 0; left: 0; z-index: 9999999; } #success,#error { position: relative; width:500px; height: 100px; top: calc(50% - 50px); left:calc(50% - 250px); background: rgba(0,0,0,0.8); text-align: center; } #success .wrapper,#error .wrapper { display: table; width:100%; height: 100%; } #success .wrapper p,#error .wrapper p{ display: table-cell; vertical-align: middle; letter-spacing: 1px; } #success p {color: #26ace3;} #error p {color: #C9182B;} #error button, #success button { color:#fff; width:40px; height:40px; line-height: 20px; background: transparent; border-radius: 50%; position: absolute; top: -20px; right: -20px; font-size: 20px; } .form-validation label.error {display: none !important;} .form-validation input.error,.form-validation textarea.error {border:1px solid #f03838 !important;} /*------------------- Google Map ---------------------*/ .map-canvas {width: 100%;height: 100%;} .google-map {height: 600px;} /*----------------------- Error Page ------------------*/ .error-page {text-align: center;} .error-page h2 { font-size: 270px; font-weight: 700; letter-spacing: 2px; line-height: inherit; } .error-page h3 { font-size: 40px; font-weight:normal; margin: -80px 0 0 0; } .error-page p {margin-bottom: 22px;} .error-page .or-text { font-family: "GothamBook", sans-serif; font-size: 30px; font-weight: 700; color: #181818; position: relative; width: 70%; margin: 22px auto 20px auto; } .error-page .or-text:before,.error-page .or-text:after { content: ''; width: 45%; height: 1px; background: #d5d5d5; position: absolute; top:57%; } .error-page .or-text:before {right: 0;} .error-page .or-text:after {left:0;} .error-page ul {width: 69%;margin: 0 auto;} .error-page ul li {width: 44%;height: 54px;} .error-page ul li .form-control { width: 100%; height: 100% !important; background: #65d686; border: none; outline: none; box-shadow: none; font-size: 14px; color: #fff; font-weight: 700; text-transform: uppercase; border-radius: 0; } .error-page ul li form { width: 100%; height: 100%; position: relative; background: #f55e70; position: relative; } .error-page ul li form input { width: 100%; height: 100%; font-size: 14px; color: #fff; font-weight: 700; background: transparent; border: none; text-transform: uppercase; padding: 0 40px 0 15px; } .error-page ul li form button { position: absolute; top:0; right: 0; bottom: 0; width: 40px; color: #fff; background: transparent; } .error-page ul li form ::placeholder { color: #fff;opacity: 1; /* Firefox */} .error-page ul li form :-ms-input-placeholder { /* Internet Explorer 10-11 */color: #fff;} .error-page ul li form ::-ms-input-placeholder { /* Microsoft Edge */color: #fff;} /*--------------------- Shop Page --------------------*/ .shop-page .shop-filter li:first-child { float: left; line-height: 40px; font-size: 17px; } .shop-page .shop-filter li:last-child {float: right;line-height: 40px;} .shop-page .shop-filter li:last-child .form-control { border: 1px solid #d7d7d7; border-radius: 5px; height: 100%; outline: none; box-shadow: none; } .shop-page .shop-filter {margin-bottom: 60px;} .shop-page .single-product .image-box { border: 1px solid #d7d7d7; border-radius: 5px; min-height: 340px; position: relative; overflow: hidden; } .shop-page .single-product .image-box img { position: absolute; top:50%; left: 50%; border-radius: 5px; -webkit-transform: translate(-50% , -50%); transform: translate(-50% , -50%); transition:all 0.5s ease-in-out; box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.12); } .shop-page .single-product:hover .image-box img { -webkit-transform:translate(-50% , -50%) scale3D(1.1,1.1,1); transform:translate(-50% , -50%) scale3D(1.1,1.1,1); } .shop-page .single-product .product-name h5 a {color: #181818; display: block;} .shop-page .single-product .product-name {text-align: center;margin-top: 20px;position: relative;} .shop-page .single-product .product-name .price { font-weight: 600; font-size: 20px; } .shop-page .single-product .product-name .price del { font-size: 15px; color: #afafaf; font-weight: normal; } .shop-page .single-product:hover .product-name .price {opacity: 0;} .shop-page .single-product .product-name .add-to-cart { position: absolute; width: 100%; bottom: -10px; opacity: 0; left:0; text-align: center; } .shop-page .single-product .product-name .add-to-cart a { font-weight: 700; font-size: 14px; text-transform: uppercase; line-height: 33px; } .shop-page .single-product .product-name .add-to-cart a:hover {text-decoration: underline;} .shop-page .single-product .product-name .add-to-cart a i {font-weight: normal;} .shop-page .single-product:hover .product-name .add-to-cart { opacity: 1; bottom: 0; } .shop-page .single-product {margin-bottom: 40px;} /*------------------ Shop Details ------------------*/ .shop-details .product-details .product-tab { border: 1px solid #d7d7d7; border-radius: 5px; min-height: 380px; } .shop-details .product-details .product-tab .product-preview { width: 100%; float: left; height: 380px; position: relative; } .shop-details .product-details .product-tab .product-preview img { position: absolute; top:50%; left:50%; border-radius: 5px; -webkit-transform:translate(-50% , -50%); transform:translate(-50% , -50%); box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.12); } .shop-details .product-details .product-tab .product-thumbnail { float: left; width: 30%; height: 380px; } .shop-details .product-details .product-tab .product-thumbnail .nav-tabs { border: none; position: relative; top:50%; display: block; -webkit-transform:translateY(-50%); transform:translateY(-50%); } .shop-details .product-details .product-tab .product-thumbnail .nav-tabs li { margin:0; text-align: center; } .shop-details .product-details .product-tab .product-thumbnail .nav-tabs li a { padding: 0; margin: 15px 0; border: none; background: transparent; display: inline-block; } .shop-details .product-details .product-tab .product-thumbnail .nav-tabs li a img { border-radius: 5px; box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.12); } .shop-details .product-details .product-info {padding-left: 20px;} .shop-details .product-details .product-info .title {font-size: 28px;} .shop-details .product-details .product-info .price {font-size: 28px; margin: 5px 0 12px 0;} .shop-details .product-details .product-info .price del { font-size: 18px; font-weight: normal; color: #afafaf; margin-right: 5px; } .shop-details .product-details .product-info .order-box li { display: inline-block; vertical-align: middle; } .shop-details .product-details .product-info .order-box li:nth-child(1) { font-family: "GothamBook", sans-serif; color: #232323; margin-right: 5px; } .shop-details .product-details .product-info .order-box li:nth-child(2) button, .shop-details .product-details .product-info .order-box li:nth-child(2) input { background: transparent; display: inline-block; line-height: 30px; border: none; text-align: center; } .shop-details .product-details .product-info .order-box li:nth-child(2) { border: 1px solid #d7d7d7; line-height: 30px; padding: 0 10px; border-radius: 5px; } .shop-details .product-details .product-info .order-box li:nth-child(2) button { font-size: 20px; font-weight: 300; } .shop-details .product-details .product-info .order-box li:nth-child(2) input { width: 40px; margin-left: 10px; } .shop-details .product-details .product-info .order-box {margin: 35px 0 30px 0;} .shop-details .product-review-tab { border: 1px solid #d7d7d7; border-radius: 5px; margin: 100px 0 75px 0; padding: 22px 40px 20px 40px; } .shop-details .product-review-tab .nav-tabs .nav-link { border: none; border-bottom: 1px solid transparent; border-radius: 0; font-weight: 600; font-size: 20px; color: #232323; padding: 0 0 15px 0; margin-right: 35px; } .shop-details .product-review-tab .nav-tabs .nav-item.show .nav-link, .shop-details .product-review-tab .nav-tabs .nav-link.active { background: transparent; } .shop-details .product-review-tab .tab-content {padding-top: 28px;} .shop-details .product-review-tab .tab-content p {padding-bottom: 13px;} .shop-details .product-review-tab img {width: 70px;} .shop-details .product-review-tab .comment { width: calc(100% - 70px); padding-left: 20px; } .shop-details .product-review-tab .comment ul li { display: inline-block; font-size: 15px; color: #ecc230; } .shop-details .product-review-tab .single-review {margin-bottom: 20px;} .shop-details .product-review-tab .single-review:last-child {margin: 0;} .shop-details .related-product .theme-title-one {text-align: left;margin-bottom: 50px;} .shop-details .related-product .theme-title-one h2 {font-size: 30px;} .shop-details .related-product .theme-title-one h2:before { left:0; margin: 0; } .shop-details .related-product {margin-bottom: 70px;} /*---------------------- Faq Page ------------------*/ .faq-page .faq-panel {margin-top: 90px;} .faq-page .faq-panel .panel-group { border:1px solid #efefef; border-bottom: none; } .faq-page .faq-panel .panel {margin: 0;} .faq-page .panel-group .panel-heading h6 a { color:#1c2125; padding: 24px 63px 24px 30px; display: block; position: relative; font-size: 18px; font-weight: 700; } .faq-page .panel-group .panel-heading h6 a:before { content: '+'; width:60px; height:100%; position: absolute; top:0; right:0; background: #f8f8f8; border-left:1px solid #efefef; text-align: center; line-height: 65px; font-size: 18px; } .faq-page .panel-group .panel-heading.active-panel h6 a:before { content: ''; font-family: 'font-awesome'; font-size: 14px; } .faq-page .panel-group .panel-heading {border-bottom:1px solid #efefef;} .faq-page .panel-group .panel-body {padding: 35px 50px 50px 30px; border-bottom:1px solid #efefef;} .faq-page .panel-group .panel-body ol {margin:15px 0;padding: 0 0 0 20px;} .faq-page .panel-group .panel-body ol li {line-height: 28px;} /*----------------------- Style Switcher -----------------*/ .switcher {display: none;} .mb-0{margin-bottom: 0px !important} .mt-0{margin-top: 0px !important} .pb-0{padding-bottom: 0px !important} .pt-0{padding-top: 0px !important} .pt-10{padding-top: 10px !important} .enquiry_pop { position: fixed; top: 0; left: 0; background: rgba(0,0,0,.5); width: 100vw; height: 100vh; z-index: 99999; transition: all 0s ease; } .enquiry_pop .form_container { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 800px; margin: 0px; z-index: 9; background: #fff; } .close_box { width: 100vw; height: 100vh; margin: 0 auto; display: block; top: 0; left: 0; position: absolute; z-index: 1; } span.close_btn { background: none repeat scroll 0 0 #fff; color: #000; height: 25px; width: 25px; font-size: 20px; line-height: 22px; font-weight: 700; border-radius: 5px; padding: 0; position: absolute; right: 20px; top: 20px; z-index: 1002; cursor: pointer; text-align: center; font-style: normal; font-family: Rubik,sans-serif; font-weight: 500; } .pop-header { background: #0d004c; color: #fff; padding: 20px; position: relative; } .pop-content { padding: 20px; max-height: 400px; overflow: auto; padding-bottom: 0px; margin-bottom: 20px; } .pop-header h3 { margin: 0; font-size: 22px; line-height: 28px; color: #fff; } .pop-header h3 span.img { -webkit-clip-path: circle(50% at 50% 50%); clip-path: circle(50% at 50% 50%); width: 50px; height: 50px; background: #9e9e9e; display: inline-block; position: relative; float: left; top: 0px; margin-right: 10px; } .pop-header h3 span img { display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 50px; } .pop-header h3 .designation { display: block; font-size: 15px; line-height: 25px; } .pop-content p { margin-bottom: 20px; font-size: 18px; line-height: 28px; color: #4d4d4d; } .link-style { color: #ed174c; } .gradient-button{ /* background: #0d004c !important; */ background: linear-gradient(to bottom,rgba(223,48,100,.9) 0,rgba(200,55,111,.9) 25%,rgba(147,72,133,.9) 51%,rgba(96,86,153,.9) 76%,rgba(61,99,169,.9) 100%) !important; } body .gradient-button:hover{ background: #ed174c !important; /* background: linear-gradient(to bottom,rgba(61,99,169,.9) 0,rgba(96,86,153,.9) 25%,rgba(147,72,133,.9) 51%,rgba(200,55,111,.9) 76%,rgba(223,48,100,.9) 100%) !important; */ } .owl-carousel .owl-item img{ width: 50px; } .business-bottom-nav .single-block .text img, .item .single-block .text img { /* width: 45px; */ height: 45px; } .display-none{display: none;} .cash2home-partner-section a{ padding: 14px 20px; transition: all ease .2s; display: inline-block; font-weight: 200; font-size: 22px; line-height: 32px; margin: 0px; color: #fff; width: 300px; border: 1px solid #fff;} .cash2home-partner-section .single-counter{ margin-bottom: 0px; } .enquiry_pop#cashhome .form_container {width: 400px;} .enquiry_pop#cashhome .pop-header h3{ sans-serif;text-transform: uppercase;} .enquiry_pop#cashhome .form_container .pop-content{padding: 0;margin: 0;} .enquiry_pop#cashhome .form_container ul li{text-transform: capitalize;padding: 6px 10px;line-height: normal;font-size: 15px;} .enquiry_pop#cashhome .form_container ul li:nth-child(odd){background:#eee;} .enquiry_pop#cashhome .popuptopdetails { color: #242424;font-size: 14px;line-height: 20px;padding: 15px;} .enquiry_pop#servicework .form_container {width: 800px;} .enquiry_pop#servicework .pop-header h3{ text-transform: uppercase;} .enquiry_pop#servicework .form_container p { color: #242424;font-size: 22px !important;line-height: 34px !important;font-weight: 300;margin: 0;text-align: center;} @media screen and (min-width:0) and (max-width:1024px){ .enquiry_pop .form_container{width:96%} } .folio_mixing{ position: relative; text-align: center; margin: 0 0 65px; } .folio_mixing ul{ margin: 0; padding: 0; line-height: .8; } .folio_mixing ul li{ display: inline-block; list-style: none; margin: 0 17px 0; padding: 0; text-transform: uppercase; font-size: 18px; line-height: 28px; color: #0d004c; cursor: pointer; position: relative; -webkit-transition: all 0.4s ease-out; transition: all 0.4s ease-out; } .folio_mixing ul li a:after{ width: 0; height: 1px; content: ''; background: #ed174c; position: absolute; left: 0; right: 0; margin: 0 auto; bottom: -5px; -webkit-transition: all 0.4s ease-out; transition: all 0.4s ease-out; } .folio_mixing ul li a.active, .folio_mixing ul li a:hover{ color: #ed174c; } .folio_mixing ul li a.active:after, .folio_mixing ul li a:hover:after{ width: 100%; } @media screen and (max-width:600px){ #theme-inner-banner .title { line-height: 35px; font-size: 25px; padding-top: 100px; } } .theme-inner-banner .overlay{ height:600px !important; }