/* Theme Name: payonline Theme URI: http://seje.tonatheme.com/payonline Author: template_path Author URI: https://themeforest.net/user/template_path/ Description: This is payonline Business Solution theme Version: 2.8 License: copyright commercial License URI: https://themeforest.net/user/template_path Text Domain: payonline Tags: one-column, two-columns, right-sidebar, custom-header, custom-menu, editor-style, featured-images, rtl-language-support, sticky-post, translation-ready, microformats * Tested up to: 5.8 * Requires PHP: 7.2 */ /** * 1. miscelnious styles * 2. topbar styles * 3. hidden sidebar styles * 4. search popup styles * 5. header styles * 6. slider styles * 7. services styles * 8. solutions styles * 9. easy steps styles * 10. clients styles * 11. videobox styles * 12. subscribe styles * 13. expertize styles * 14. get apps styles * 15. blog styles * 16. cta styles * 17. footer styles * 18. sales point styles * 19. team styles * 20. testimonials styles * 21. about styles * 22. fun fact styles * 23. pricing styles * 24. review styles * 25. faq styles * 26. contact styles * 27. time tab styles * 28. time line styles * 29. inner banner styles * 30. error 404 styles * 31. sign in styles * 32. white paper styles * 33. about sidebar styles * 34. partner styles * 35. company overview styles * 36. carrers styles * 37. investors styles * 38. how we works styles **************************************************************************************************************** |||||||||||||||||||||||||||| End TABLE OF CONTENT |||||||||||||||||||||||||||||||||||| ****************************************************************************************************************/ /************************** * 1. miscelnious styles ***************************/ body { font-family: "Nunito"; font-size: 14px; line-height: 24px; color: #222222; letter-spacing: -0.02em; } a { text-decoration: none; } a:hover, a:focus, a:visited { text-decoration: none; } a{ color: #f44438; } button{ cursor:pointer; } ul, li { list-style: none; padding: 0px; margin: 0px; } p { font-size: 16px; line-height: 26px; color: #798593; font-weight: 400; margin-bottom: 25px; } @media (min-width: 1200px) { .container { max-width: 1200px; } } .gray-bg { background-color: #f1f7fc; } .sec-pad { padding: 120px 0; } .sec-pad-top { padding-top: 120px; } .sec-pad-bottom { padding-bottom: 120px; } .sec-title { margin-bottom: 60px; } .sec-title span { display: block; text-transform: uppercase; color: #767676; font-size: 14px; font-weight: 700; letter-spacing: .04em; margin-bottom: 5px; } .sec-title span:before { content: ''; width: 16px; height: 8px; background: #0057b3; border-top-left-radius: 16px; border-top-right-radius: 16px; display: block; margin-bottom: 22px; display: none; } .sec-title.text-center span:before { margin-left: auto; margin-right: auto; } .sec-title h2 { margin: 0; color: #001328; font-weight: 800; font-size: 32px; letter-spacing: -0.03em; } .sec-title.light span, .sec-title.light h2 { color: #FFFFFF; } .sec-title.light span:before { background: #FFFFFF; } .thm-btn { border: none; outline: none; cursor: pointer; display: inline-block; vertical-align: middle; color: #FFFFFF; background: #ee3234; font-size: 12px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; border-radius: 30px; padding: 18px 39.5px; text-align: center; -webkit-box-shadow: 0px 10px 30px 0px rgba(238, 50, 52, 0.3); box-shadow: 0px 10px 30px 0px rgba(238, 50, 52, 0.3); -webkit-transition: all .4s ease; transition: all .4s ease; } .thm-btn:hover { background: #001328; color: #FFFFFF; -webkit-box-shadow: 0px 10px 30px 0px rgba(0, 19, 40, 0.3); box-shadow: 0px 10px 30px 0px rgba(0, 19, 40, 0.3); } .bootstrap-select .dropdown-menu { padding-top: 0; padding-bottom: 0; margin-top: 0; z-index: 991; } .bootstrap-select .btn-light:not(:disabled):not(.disabled).active, .bootstrap-select .btn-light:not(:disabled):not(.disabled):active, .bootstrap-select .show > .btn-light.dropdown-toggle { background-color: transparent; } .bootstrap-select .dropdown-menu > li + li > a { border-top: 1px solid #eee; } .bootstrap-select .dropdown-menu > li:first-child > a { padding-top: 10px; } .bootstrap-select .dropdown-menu > li:last-child > a { padding-bottom: 10px; } .bootstrap-select .dropdown-menu > li.selected > a { background: #ee3234; color: #fff; } .bootstrap-select .dropdown-menu > li > a { font-size: 16px; font-weight: 600; padding: 9px 20px; color: #000; -webkit-transition: all .4s ease; transition: all .4s ease; } .bootstrap-select .dropdown-menu > li > a:hover { background: #ee3234; color: #fff; cursor: pointer; } .page-wrapper { position: relative; margin: 0 auto; width: 100%; min-width: 300px; overflow: hidden; } .large-paragraph { color: #798593; font-size: 18px; line-height: 34px; font-weight: 600; } .list-items { margin: 0; padding: 0; list-style: none; } .list-items li { position: relative; font-size: 18px; line-height: 34px; padding-left: 30px; color: #798593; font-weight: 600; } .list-items li i { color: #ee3234; font-size: 14px; position: absolute; top: 10px; left: 0; } .list-items li.disabled { color: #798593; } .list-items li.disabled i { color: #798593; } .preloader { /* position: fixed; */ top: 0; left: 0; width: 100%; height: 100%; background: #fff url(images/preloader.gif) center center no-repeat; z-index: 999; } /*.scroll-to-top { display: inline-block; width: 50px; height: 50px; border-radius: 50%; background: #ee3234; position: fixed; bottom: 20px; right: 20px; z-index: 99; text-align: center; -webkit-transition: all .4s ease; transition: all .4s ease; display: none; cursor: pointer; }*/ .scroll-to-top { display: inline-block; width: 50px; height: 50px; border-radius: 50%; background: #ee3234; position: fixed; bottom: 81px; right: 26px; z-index: 99; text-align: center; -webkit-transition: all .4s ease; transition: all .4s ease; display: none; cursor: pointer; } .scroll-to-top span { font-size: 18px; line-height: 50px; color: #fff; } .scroll-to-top:hover { background: #001328; } /* hidding google logos from map */ a[href^="http://maps.google.com/maps"] { display: none !important; } a[href^="https://maps.google.com/maps"] { display: none !important; } .gmnoprint a, .gmnoprint span, .gm-style-cc { display: none; } .gmnoprint div { background: none !important; } /************************** * 2. topbar styles ***************************/ .top-bar { background: #0f6fd5; padding: 8px 50px; } .top-bar .left-content p { margin: 0; color: #E7F2FF; font-size: 13px; font-weight: 600; } .top-bar .left-content p i { margin-right: 10px; } .top-bar .left-content p a { color: #FFFFFF; font-weight: 800; text-decoration: underline; } .top-bar .right-content ul { margin: 0; padding: 0; list-style: none; } .top-bar .right-content ul li { display: inline-block; vertical-align: middle; font-size: 13px; font-weight: 600; color: #fff; } .top-bar .right-content ul li + li { margin-left: 16px; } .top-bar .right-content ul li span { font-weight: 800; margin-right: 16px; margin-left: 3px; } .top-bar .right-content ul li a { color: #E8F3FF; -webkit-transition: all .4s ease; transition: all .4s ease; } .top-bar .right-content ul li a:hover { color: #ee3234; } .top-bar .right-content ul li i { font-size: 20px; } .paylogo img { width: 58px; } .call1 a { font-size: 18px; color: #fff; font-weight: 600; position: relative; top: 4px; } /************************** * 3. hidden sidebar styles ***************************/ .hidden-sidebar { position: fixed; top: 0; right: -530px; width: 100%; height: 100vh; z-index: 9999; max-width: 530px; background: #FFFFFF; overflow: auto; padding-left: 80px; padding-right: 80px; text-align: center; -webkit-transition: -webkit-transform .5s ease; transition: -webkit-transform .5s ease; transition: transform .5s ease; transition: transform .5s ease, -webkit-transform .5s ease; -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2); } .hidden-sidebar.open { -webkit-transform: translate3d(-530px, 0, 0); transform: translate3d(-530px, 0, 0); } .hidden-sidebar .close-button { position: absolute; top: 33px; right: 2px; color: #ee3234; font-size: 33px; cursor: pointer; background: lightgrey; padding: 19px; } .hidden-sidebar .sidebar-content { width: 100%; margin-top: 100px; margin-bottom: 45px; text-align: center; } .hidden-sidebar .sidebar-content img { border-radius: 6px; } .hidden-sidebar .sidebar-content h3, .hidden-sidebar .sidebar-content p { margin: 0; } .hidden-sidebar .sidebar-content p { color: #798593; font-size: 18px; line-height: 30px; font-weight: 600; width: 96%; margin-left: auto; margin-right: auto; margin-top: 30px; } .hidden-sidebar .sidebar-content p.contact-info { color: #001328; font-size: 22px; font-weight: 800; line-height: 1em; margin: 0; margin-top: 20px; margin-bottom: 70px; } .hidden-sidebar .sidebar-content p.contact-info i { display: inline-block; vertical-align: middle; width: 63px; height: 63px; border-radius: 50%; background: #0f6fd5; line-height: 63px; color: #fff; font-size: 26px; -webkit-box-shadow: 0px 10px 30px 0px rgba(15, 111, 213, 0.3); box-shadow: 0px 10px 30px 0px rgba(15, 111, 213, 0.3); margin-right: 20px; } .hidden-sidebar .sidebar-content a.download-btn { background: #ee3234; width: 100%; border-radius: 6px; color: #FFFFFF; font-size: 20px; font-weight: 600; display: block; position: relative; padding: 38px 0; padding-left: 85px; -webkit-box-shadow: 0px 10px 30px 0px rgba(238, 50, 52, 0.3); box-shadow: 0px 10px 30px 0px rgba(238, 50, 52, 0.3); text-align: left; -webkit-transition: all .4s ease; transition: all .4s ease; } .hidden-sidebar .sidebar-content a.download-btn.two { background: #0f6fd5; -webkit-box-shadow: 0px 10px 30px 0px rgba(15, 111, 213, 0.3); box-shadow: 0px 10px 30px 0px rgba(15, 111, 213, 0.3); margin-top: 30px; } .hidden-sidebar .sidebar-content a.download-btn i { font-size: 29px; position: absolute; top: 50%; left: 40px; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .hidden-sidebar .sidebar-content a.download-btn:hover { background: #fff; color: #001328; } /************************** * 4. search popup styles ***************************/ .search_area { position: relative; max-width: 950px; margin: auto; } .search_area .search_box_inner { background: transparent; padding: 100px 60px; display: block; overflow: hidden; } .search_area .search_box_inner h3 { padding-bottom: 20px; font-family: "Hind", sans-serif; font-size: 22px; text-transform: uppercase; color: #fff; } .search_area .search_box_inner .input-box { display: block; position: relative; } .search_area .search_box_inner .input-box input { background: transparent; border-radius: 0px; outline: none; height: 50px; padding: 0px; border: none; outline: none; -webkit-box-shadow: none; box-shadow: none; border-bottom: 1px solid rgba(255, 255, 255, 0.3); color: #fff; font-family: "Hind", sans-serif; font-size: 24px; font-weight: normal; } .search_area .search_box_inner .input-box input::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #fff; } .search_area .search_box_inner .input-box input::-moz-placeholder { /* Firefox 19+ */ color: #fff; } .search_area .search_box_inner .input-box input:-ms-input-placeholder { /* IE 10+ */ color: #fff; } .search_area .search_box_inner .input-box input:-moz-placeholder { /* Firefox 18- */ color: #fff; } .search_area .search_box_inner .input-box .input-box-btn { position: absolute; right: 5px; top: 14px; z-index: 4; } .search_area .search_box_inner .input-box .input-box-btn .btn-default { padding: 0px; border: none; outline: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; background: transparent; color: #fff; font-size: 18px; } .search_area .mfp-close { right: 0px; color: #fff; } /* start state */ .my-mfp-zoom-in .zoom-anim-dialog { opacity: 0; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-transform: scale(0.8); transform: scale(0.8); } /* animate in */ .my-mfp-zoom-in.mfp-ready .zoom-anim-dialog { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } /* animate out */ .my-mfp-zoom-in.mfp-removing .zoom-anim-dialog { -webkit-transform: scale(0.8); transform: scale(0.8); opacity: 0; } /* Dark overlay, start state */ .my-mfp-zoom-in.mfp-bg { opacity: 0; -webkit-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out; } /* animate in */ .my-mfp-zoom-in.mfp-ready.mfp-bg { opacity: 0.98; } /* animate out */ .my-mfp-zoom-in.mfp-removing.mfp-bg { opacity: 0; } /** * Fade-move animation for second dialog */ /* at start */ .my-mfp-slide-bottom .zoom-anim-dialog { opacity: 0; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; -webkit-transform: translateY(-20px) perspective(600px) rotateX(10deg); transform: translateY(-20px) perspective(600px) rotateX(10deg); } /* animate in */ .my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog { opacity: 1; -webkit-transform: translateY(0) perspective(600px) rotateX(0); transform: translateY(0) perspective(600px) rotateX(0); } /* animate out */ .my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog { opacity: 0; -webkit-transform: translateY(-10px) perspective(600px) rotateX(10deg); transform: translateY(-10px) perspective(600px) rotateX(10deg); } /* Dark overlay, start state */ .my-mfp-slide-bottom.mfp-bg { opacity: 0; -webkit-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out; } /* animate in */ .my-mfp-slide-bottom.mfp-ready.mfp-bg { opacity: 0.8; } /* animate out */ .my-mfp-slide-bottom.mfp-removing.mfp-bg { opacity: 0; } .mfp-bg { background: #001328; } /************************** * 5. header styles ***************************/ .site-header { position: absolute; top: 0; left: 0; width: 100%; z-index: 99; } .header-navigation { margin-bottom: 0; border: none; border-radius: 0; padding: 0; position: relative; padding-left: 50px; padding-right: 50px; border-bottom: 2px solid rgba(255, 255, 255, 0.1); } .header-navigation .container { background: transparent; position: relative; display: block; max-width: 100%; width: 100%; padding-right: 115px; /* padding-right: 220px;*/ } .site-header .top-bar { display: none; } .header-navigation .container .logo-box { float: left; position: absolute; top: 50%; left: 15px; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .header-navigation .container .navbar-brand { height: auto; margin: 0; } .header-navigation .container .menu-toggler { display: none; } .header-navigation .container .right-side-box { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 15px; /* display: none;*/ } .footer-widget p a img { margin-left: -11px; } .header-navigation .container .right-side-box a.signin-btn { background: #FFFFFF; display: inline-block; vertical-align: middle; color: #001328; font-size: 12px; font-weight: 800; -webkit-transition: all .4s ease; transition: all .4s ease; letter-spacing: 0.04em; border-radius: 25px; text-transform: uppercase; padding: 13px 40px; transition: all .4s ease; } .header-navigation .container .right-side-box a.signin-btn:hover { background: #0f6fd5; color: #fff; } .header-navigation .main-navigation { float: right; text-align: right; } @media (min-width: 1200px) { .header-navigation .main-navigation { display: block !important; } } .header-navigation ul.navigation-box { margin: 0; padding: 0; list-style: none; } .header-navigation ul.navigation-box li a .sub-nav-toggler { display: none; } .header-navigation ul.navigation-box > li { position: relative; /* padding: 39.5px 20px;*/ padding: 30px 20px; display: inline-block; vertical-align: middle; } .header-navigation ul.navigation-box > li:first-child { padding-left: 0; } .header-navigation ul.navigation-box > li:last-child { padding-right: 0; } .header-navigation ul.navigation-box > li > a { font-weight: 700; font-size: 16px; color: #FFFFFF; padding: 0; -webkit-transition: all .4s ease; transition: all .4s ease; position: relative; } .header-navigation ul.navigation-box > li.current-menu-ancestor > a, .header-navigation ul.navigation-box > li:hover > a { color: #ee3234; } .header-navigation ul.navigation-box > li.current-menu-ancestor > a:after, .header-navigation ul.navigation-box > li:hover > a:after { opacity: 1; } .header-navigation ul.navigation-box > li > ul.sub-menu { position: absolute; top: 100%; left: 0; z-index: 1000; float: left; min-width: 270px; padding: 15px 0px; text-align: left; list-style: none; /* background-color: #060606;*/ background-color: #fff; background-clip: padding-box; opacity: 0; border-radius: 7px; visibility: hidden; -webkit-transition: opacity .4s ease, visibility .4s ease; transition: opacity .4s ease, visibility .4s ease; -webkit-box-shadow: 0px 10px 18px rgba(0, 0, 0, 0.1); box-shadow: 0px 10px 18px rgba(0, 0, 0, 0.1); } .header-navigation ul.navigation-box > li > ul.sub-menu.right-align { left: auto; right: 0; } .header-navigation ul.navigation-box > li > ul.sub-menu.center-align { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } @media (min-width: 1200px) { .header-navigation ul.navigation-box > li > ul.sub-menu { display: block !important; } } .header-navigation ul.navigation-box > li:hover > ul.sub-menu { opacity: 1; visibility: visible; } .header-navigation ul.navigation-box > li > ul.sub-menu > li { display: block; position: relative; -webkit-transition: all .4s ease; transition: all .4s ease; } .header-navigation ul.navigation-box > li > ul.sub-menu > li > a { font-size: 15px; color: #000; font-weight: 700; padding: 8px 20px; display: block; line-height: 26px; white-space: nowrap; position: relative; -webkit-transition: all .4s ease; transition: all .4s ease; } /*.header-navigation ul.navigation-box > li > ul.sub-menu > li > a:after { font-family: 'FontAwesome'; content: '\f061'; font-size: 10px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 40px; -webkit-transition: all .4s ease; transition: all .4s ease; }*/ .header-navigation ul.navigation-box > li > .sub-menu li + li { /*border-top: 1px solid #E2E2E2;*/ } .header-navigation ul.navigation-box > li > .sub-menu li:hover { background: #0f6fd5; } .header-navigation ul.navigation-box > li > .sub-menu li:hover > a { color: #0f6fd5; position: relative; -webkit-transform: translateX(5px); transform: translateX(5px); } .header-navigation ul.navigation-box > li > ul.sub-menu > li > ul.sub-menu { position: absolute; top: 0; left: 100%; z-index: 1000; float: left; min-width: 290px; padding: 15px 0px; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; opacity: 0; visibility: hidden; border-radius: 7px; -webkit-transition: opacity .4s ease, visibility .4s ease; transition: opacity .4s ease, visibility .4s ease; -webkit-box-shadow: 0px 0px 18px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 18px rgba(0, 0, 0, 0.2); } .header-navigation ul.navigation-box > li > ul.sub-menu > li > ul.sub-menu.right-align { left: auto; right: 100%; } @media (min-width: 1200px) { .header-navigation ul.navigation-box > li > ul.sub-menu > li > ul.sub-menu { display: block !important; } } .header-navigation ul.navigation-box > li > ul.sub-menu > li:hover > ul.sub-menu { opacity: 1; visibility: visible; } .header-navigation ul.navigation-box > li > ul.sub-menu > li > ul.sub-menu > li { display: block; position: relative; } .header-navigation ul.navigation-box > li > ul.sub-menu > li > ul.sub-menu > li > a { font-size: 15px; color: #798593; font-weight: 700; padding: 13px 40px; display: block; line-height: 26px; white-space: nowrap; position: relative; -webkit-transition: all .4s ease; transition: all .4s ease; } /*.header-navigation ul.navigation-box > li > ul.sub-menu > li > a:after { font-family: 'FontAwesome'; content: '\f061'; font-size: 10px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 40px; -webkit-transition: all .4s ease; transition: all .4s ease; }*/ .header-navigation ul.navigation-box > li > .sub-menu > li > ul.sub-menu li:hover { background: #f1f7fc; } .header-navigation ul.navigation-box > li > .sub-menu > li > ul.sub-menu li:hover > a { color: #0f6fd5; position: relative; -webkit-transform: translateX(5px); transform: translateX(5px); } .header-navigation.stricky-fixed { position: fixed; top: 0; left: 0; width: 100%; z-index: 991; background: #0f6fd5; border-bottom: 0; } .header-navigation.stricky-fixed ul.navigation-box > li { /* padding-top: 22.5px; padding-bottom: 22.5px;*/ padding-top: 30px; padding-bottom: 30px; } .site-header.style-two .top-bar { background: #001328; padding-left: 0; padding-right: 0; } .site-header.style-two .header-navigation { padding-left: 0; padding-right: 0; border-bottom-color: rgba(0, 19, 40, 0.1); background: #ffffffde; } @media (min-width: 1200px) { .site-header.style-two .header-navigation .container { max-width: 1200px; } } @media (max-width: 1199px) { .site-header.style-two .header-navigation .container { max-width: 960px; } } @media (max-width: 991px) { .site-header.style-two .header-navigation .container { max-width: 720px; } } @media (max-width: 767px) { .site-header.style-two .header-navigation .container { max-width: 540px; } } .site-header.style-two .header-navigation .container { padding-right: 130px; } .site-header.style-two .header-navigation ul.navigation-box > li > a { color: #001328; } .site-header.style-two .header-navigation .container .right-side-box .social a { color: #001328; font-size: 16px; } .site-header.style-two .header-navigation .container .right-side-box .social a + a { margin-left: 20px; } .site-header.style-two .header-navigation.stricky-fixed { background: #fff; -webkit-box-shadow: 0px 10px 30px 0px rgba(204, 215, 224, 0.3); box-shadow: 0px 10px 30px 0px rgba(204, 215, 224, 0.3); } .site-header.home-three .header-navigation .main-navigation { float: none; text-align: center; } .site-header.home-three .header-navigation .container { padding-right: 15px; } .site-header.home-three .right-side-box .sidemenu { margin: 0; padding: 0; list-style: none; } .site-header.home-three .right-side-box .sidemenu li { display: inline-block; vertical-align: middle; } .site-header.home-three .right-side-box .sidemenu li + li { margin-left: 18px; } .site-header.home-three .right-side-box .sidemenu li a { font-size: 14px; color: #fff; } .site-header.home-four { background: #ffffff; -webkit-box-shadow: 0px 10px 30px rgba(0, 19, 40, 0.05); box-shadow: 0px 10px 30px rgba(0, 19, 40, 0.05); } .site-header.home-four .header-navigation ul.navigation-box > li > a, .site-header.home-four .right-side-box .sidemenu li a { color: #001328; } .site-header.home-four .header-navigation.stricky-fixed { background: #ffffff; -webkit-box-shadow: 0px 10px 30px rgba(0, 19, 40, 0.05); box-shadow: 0px 10px 30px rgba(0, 19, 40, 0.05); } .site-header.style-five .header-navigation { border-bottom: 0; background-color: transparent; } .site-header.style-five .header-navigation .container { padding-right: 15px; } .site-header.style-five .header-navigation ul.navigation-box > li > a { color: #fff; } .site-header.style-five .header-navigation.stricky-fixed { background: #001328; -webkit-box-shadow: 0px 10px 30px 0px rgba(0, 19, 40, 0.3); box-shadow: 0px 10px 30px 0px rgba(0, 19, 40, 0.3); } .site-header.style-six .header-navigation .container { padding-right: 255px; } .site-header.style-six .header-navigation .container .right-side-box .sidemenu { margin: 0; padding: 0; list-style: none; display: inline-block; vertical-align: middle; margin-left: 18px; } .site-header.style-six .header-navigation .container .right-side-box .sidemenu li { display: inline-block; vertical-align: middle; } .site-header.style-six .header-navigation .container .right-side-box .sidemenu li + li { margin-left: 18px; } .site-header.style-six .header-navigation .container .right-side-box .sidemenu li a { font-size: 14px; color: #fff; } .site-header.style-seven { position: relative; background: #fff; } .side-scroller-dots { position: fixed; top: 50%; right: 80px; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 99; } .side-scroller-dots ul { margin: 0; padding: 0; list-style: none; } .side-scroller-dots ul li + li { margin-top: 5px; } .side-scroller-dots ul li a span { display: block; width: 10px; height: 10px; border-radius: 50%; background: #001328; opacity: .4; -webkit-transition: all .4s ease; transition: all .4s ease; } .side-scroller-dots ul li.current a span { opacity: 1; } .side-scroller-dots #menu[data-section-class*='minimal-bootstrap-carousel'] li a span, .side-scroller-dots #menu[data-section-class*='services'] li a span, .side-scroller-dots #menu[data-section-class*='payonline-sales'] li a span { background: #fff; opacity: 1; } .side-scroller-dots #menu[data-section-class*='minimal-bootstrap-carousel'] li.current a span, .side-scroller-dots #menu[data-section-class*='services'] li.current a span, .side-scroller-dots #menu[data-section-class*='payonline-sales'] li.current a span { background: #ee3234; } /************************** * 6. slider styles ***************************/ #minimal-bootstrap-carousel { margin-top: 0px; position: relative; } #minimal-bootstrap-carousel .carousel-caption { position: absolute; top: 0; right: 0; left: 0; bottom: 0; padding: 0; text-align: right; text-shadow: none; } #minimal-bootstrap-carousel .carousel-caption .container { display: table; width: 100%; height: 100%; max-width: 1200px; margin-left: auto; margin-right: auto; text-align: center; } #minimal-bootstrap-carousel .carousel-caption .container .box { display: table-cell; text-align: left; } #minimal-bootstrap-carousel .carousel-caption .container .box .content { display: block; } #minimal-bootstrap-carousel .carousel-caption .container .box.valign-top { vertical-align: top; } #minimal-bootstrap-carousel .carousel-caption .container .box.valign-bottom { vertical-align: bottom; } #minimal-bootstrap-carousel .carousel-caption .container .box.valign-middle { vertical-align: middle; } #minimal-bootstrap-carousel [class*=carousel-control] { background: none; width: 70px; height: 60px; font-size: 14px; line-height: 48px; color: #001328; background-color: rgba(255, 255, 255, 0.25); visibility: visible !important; opacity: 1; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 91; } @media (max-width: 1199px) { #minimal-bootstrap-carousel .carousel-caption .container { max-width: 960px; } } @media (max-width: 991px) { #minimal-bootstrap-carousel .carousel-caption .container { max-width: 720px; } } @media (max-width: 667px) { #minimal-bootstrap-carousel [class*=carousel-control] { width: 30px; height: 30px; font-size: 15px; line-height: 30px; } } @media (max-width: 480px) { #minimal-bootstrap-carousel [class*=carousel-control] { width: 40px; height: 40px; font-size: 17px; line-height: 40px; background: rgba(255, 255, 255, 0.4); color: #000; } } #minimal-bootstrap-carousel .carousel-control-prev { left: 0%; border-top-right-radius: 30px; border-bottom-right-radius: 30px; } #minimal-bootstrap-carousel .carousel-control-next { right: 0%; border-top-left-radius: 30px; border-bottom-left-radius: 30px; } #minimal-bootstrap-carousel [class*=carousel-control]:hover { opacity: 1; background: #0f6fd5; color: #fff; } /* fixing slider height */ #minimal-bootstrap-carousel.slider-home-one .carousel-inner .carousel-item { min-height: 958px; height: 100%; width: 100%; background-repeat: no-repeat; background-size: cover; background-position: center center; background-color: #222; } #minimal-bootstrap-carousel.slider-home-three .carousel-inner .carousel-item { background-color: #0f6fd5; } .slider-content-style .content { position: relative; z-index: 999; padding-top: 104px; } .slider-content-style .content h3 { margin: 0; font-size: 50px; line-height: 62px; color: #fff; font-weight: 700; letter-spacing: 0px; -webkit-animation-delay: .5s; animation-delay: .5s; } .slider-content-style .content h2 { margin: 0; } .slider-content-style .content p { margin: 0; font-size: 40px; line-height: 1em; -webkit-animation-delay: 1.5s; animation-delay: 1.5s; color: #fff; } .slider-content-style .content a.thm-btn { margin-top: 40px; -webkit-animation-delay: 2s; animation-delay: 2s; } .slider-content-style .content a.thm-btn:hover { background: #fff; color: #001328; -webkit-box-shadow: 0px 10px 30px 0px rgba(255, 255, 255, 0.3); box-shadow: 0px 10px 30px 0px rgba(255, 255, 255, 0.3); } .slider-content-style-two { padding-top: 190px; -webkit-animation-delay: 1s; animation-delay: 1s; } .slider-content-style-two .tag-line { color: #0f6fd5; text-transform: uppercase; font-size: 14px; font-weight: 700; } .slider-content-style-two h2 { color: #001328; font-size: 80px; line-height: 70px; font-weight: 700; letter-spacing: -0.06em; margin: 0; margin-bottom: 50px; } .slider-content-style-two p { color: #001328; font-weight: 600; font-size: 26px; margin: 0; margin-bottom: 25px; } .slider-content-style-two .cta-form .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) { width: 100%; max-width: 470px; border: 2px solid #CCD7E0; border-radius: 30px; margin-bottom: 20px; background: #FFFFFF; } .slider-content-style-two .cta-form .bootstrap-select > .dropdown-toggle { border: none !important; outline: none !important; background-color: transparent; padding: 18px 38px; -webkit-box-shadow: none !important; box-shadow: none !important; } .slider-content-style-two .cta-form .bootstrap-select > .dropdown-toggle:after { border: none; width: auto; height: auto; content: '\f107'; font-family: 'FontAwesome'; color: #798593; font-size: 16px; width: 66px; height: 60px; text-align: center; border-left: 2px solid #CCD7E0; position: absolute; top: 0; right: 0; line-height: 60px; } .slider-content-style-two .cta-form .btn-box .btn-tag-line { display: block; color: #798593; font-size: 20px; font-family: 'Covered By Your Grace'; letter-spacing: 0; margin-top: 20px; -webkit-transform: translateX(-35px); transform: translateX(-35px); } .slider-content-style-two .cta-form .btn-box .btn-tag-line i { display: inline-block; -webkit-transform: rotate(-85deg) scale(1, -1) translate(3px, -6px); transform: rotate(-85deg) scale(1, -1) translate(3px, -6px); font-size: 22px; } .slider-home-three.slider-content-style h3 { color: #ffffff; font-size: 60px; line-height: 70px; margin-bottom: 0; } .slider-home-three.slider-content-style .content a.thm-btn { margin-top: 46px; } .slider-home-three.slider-content-style .btn-tag-line { display: block; color: #ffffff; font-size: 20px; font-family: 'Covered By Your Grace'; letter-spacing: 0; margin-top: 20px; -webkit-animation-delay: 2.5s; animation-delay: 2.5s; margin-right: 130px; } .slider-home-three.slider-content-style .btn-tag-line i { display: inline-block; -webkit-transform: rotate(-85deg) scale(1, -1) translate(3px, -5px); transform: rotate(-85deg) scale(1, -1) translate(3px, -5px); font-size: 20px; } .slider-home-four.slider-content-style h3 { color: #001328; } .slider-home-four.slider-content-style .btn-box { position: relative; display: inline-block; -webkit-animation-delay: 2s; animation-delay: 2s; } .slider-home-four.slider-content-style .content a.thm-btn { margin-top: 35px; background: #fff; color: #001328; -webkit-box-shadow: 0px 10px 30px 0px rgba(0, 19, 40, 0.2); box-shadow: 0px 10px 30px 0px rgba(0, 19, 40, 0.2); } .slider-home-four.slider-content-style .content a.thm-btn:hover { background: #0f6fd5; color: #fff; -webkit-box-shadow: 0px 10px 30px 0px rgba(15, 111, 213, 0.2); box-shadow: 0px 10px 30px 0px rgba(15, 111, 213, 0.2); } .slider-home-four.slider-content-style .btn-tag-line { color: #001328; margin: 0; position: absolute; top: calc(100% + 20px); left: 50%; -webkit-transform: translateX(-80%); transform: translateX(-80%); margin-top: 0px; width: 100%; } .slider-home-four.slider-content-style .rounded-box { border-radius: 50%; width: 241px; height: 241px; background: #ee3234; text-align: center; font-size: 30px; line-height: 40px; color: #FFFFFF; font-weight: 700; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0 60px; position: absolute; top: 100%; right: 0; -webkit-animation-delay: 1s; animation-delay: 1s; } .slider-home-four.slider-content-style .rounded-box.thm-base-color-bg { background: #0f6fd5; } .slider-home-six.slider-content-style .content h3 { font-size: 60px; line-height: 70px; } .slider-home-six.slider-content-style .content .thm-btn { background: #fff; color: #001328; -webkit-box-shadow: 0px 10px 30px 0px rgba(0, 19, 40, 0.2); box-shadow: 0px 10px 30px 0px rgba(0, 19, 40, 0.2); } .slider-home-six.slider-content-style .content .thm-btn:hover { background: #0f6fd5; color: #fff; -webkit-box-shadow: 0px 10px 30px 0px rgba(15, 111, 213, 0.2); box-shadow: 0px 10px 30px 0px rgba(15, 111, 213, 0.2); } .slider-content-style-four h3, .slider-content-style-four p { margin: 0; } .slider-content-style-four h3 { color: #FFFFFF; font-size: 60px; line-height: 70px; font-weight: 800; margin-bottom: 20px; -webkit-animation-delay: .5s; animation-delay: .5s; } .slider-content-style-four p { color: #FFFFFF; font-size: 22px; line-height: 34px; font-weight: bold; margin-bottom: 30px; -webkit-animation-delay: 1s; animation-delay: 1s; } .slider-content-style-four .thm-btn { background: #FFFFFF; color: #001328; -webkit-box-shadow: 0px 10px 30px rgba(0, 19, 40, 0.3); box-shadow: 0px 10px 30px rgba(0, 19, 40, 0.3); -webkit-animation-delay: 1.5s; animation-delay: 1.5s; } .slider-content-style-four .thm-btn:hover { background: #001328; color: #fff; -webkit-box-shadow: 0px 10px 30px rgba(255, 255, 255, 0.3); box-shadow: 0px 10px 30px rgba(255, 255, 255, 0.3); } .slider-content-style-four .video-button-box { display: block; width: 100%; text-align: right; -webkit-animation-delay: 2s; animation-delay: 2s; } .slider-content-style-four .video-button-box a { display: block; position: relative; width: 100%; } .slider-content-style-four .video-button-box a i.fa-play { display: inline-block; width: 115px; height: 60px; background: #ee3234; border-radius: 30px; color: #fff; font-size: 16px; line-height: 60px; text-align: center; -webkit-box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.3); -webkit-transition: all .4s ease; transition: all .4s ease; } .slider-content-style-four .video-button-box a i.fa-play:hover { color: #fff; background: #0f6fd5; } .slider-content-style-four .video-button-box a .btn-tag-line { position: absolute; bottom: -40px; left: 50%; width: 100%; -webkit-transform: translateX(-72%); transform: translateX(-72%); color: #FFFFFF; font-family: 'Covered By Your Grace'; font-size: 20px; } .slider-content-style-four .video-button-box a .btn-tag-line i { display: inline-block; -webkit-transform: rotate(-85deg) scale(1, -1) translate(3px, 0px); transform: rotate(-85deg) scale(1, -1) translate(3px, 0px); } /************************** * 7. services styles ***************************/ .service-style-one { position: relative; } .service-style-one:before { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 120px; background: #f1f7fc; } .service-style-one .container { position: relative; } .service-style-one .tab-title { margin: 0; padding: 0; list-style: none; border: 0; width: 85%; margin: 0 auto; } .service-style-one .tab-title li { display: inline-block; margin-bottom: 0 !important; float: left; width: 20%; } .service-style-one .tab-title li a { display: block; border: none; outline: none; display: block; cursor: pointer; padding: 0; border-radius: 0 !important; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; text-align: center; position: relative; padding-bottom: 30px; } .service-style-one .tab-title li a:after { content: ''; background: transparent url(images/arrow-1-1.png) 0 0 no-repeat; width: 35px; height: 15px; position: absolute; bottom: -1px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); opacity: 0; -webkit-transition: all .8s ease; transition: all .8s ease; } .service-style-one .tab-title .icon-box { /* width: 150px; height: 150px;*/ width: 90px; height: 90px; border-radius: 50%; -webkit-box-shadow: 0px 15px 20px 0px rgba(15, 111, 213, 0.15); box-shadow: 0px 15px 20px 0px rgba(15, 111, 213, 0.15); display: inline-block; text-align: center; position: relative; /* background: #ee3234; */ background-color: #0462d3; -webkit-transition: all .4s ease; transition: all .4s ease; } .hometop_tabsec1 .service-style-one .tab-title li a.active .icon-box { -webkit-box-shadow: 0px 10px 30px 0px rgb(4 98 211); box-shadow: 0px 8px 20px 0px rgb(4 98 211); } .hometop_tabsec1 .service-style-one .tab-title li a:hover .icon-box, .service-style-one .tab-title li a.active .icon-box { -webkit-box-shadow: 0px 10px 30px 0px rgb(4 98 211); box-shadow: 0px 10px 30px 0px rgb(4 98 211); } .hometop_tabsec1 .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active { background-color: #f3f7fa; } .hometop_tabsec1 .service-style-one .single-tab-content .icon-box i{ color: #0462d3; font-size: 42px; position: relative; top: 8px; } .service-style-one .tab-title .icon-box:after { content: ''; position: absolute; top: -1px; left: -1px; right: -1px; bottom: -1px; border-radius: 50%; background: #f1f7fc; background: -webkit-gradient(linear, left top, right top, from(#f1f7fc), to(#ffffff)); background: linear-gradient(to right, #f1f7fc 0%, #ffffff 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$thm_gray', endColorstr='#ffffff', GradientType=1); opacity: 1; -webkit-transition: all .4s ease; transition: all .4s ease; } .service-style-one .tab-title .icon-box i { /* font-size: 72px; line-height: 150px;*/ font-size: 32px; line-height: 92px; position: relative; z-index: 10; color: #0f6fd5; -webkit-transition: all .4s ease; transition: all .4s ease; } .service-style-one .tab-title .icon-box:before { content: ''; width: 62px; height: 62px; background: rgba(15, 111, 213, 0.08); border-radius: 50%; position: absolute; top: 50%; left: 58%; -webkit-transform: translate(-60%, -50%); transform: translate(-60%, -50%); -webkit-transition: all .4s ease; transition: all .4s ease; z-index: 10; } .service-style-one .tab-title h3 { margin: 0; color: #001328; font-size: 18px; font-weight: 700; margin-top: 30px; } .service-style-one .tab-title li a:hover .icon-box, .service-style-one .tab-title li a.active .icon-box { -webkit-box-shadow: 0px 10px 30px 0px rgba(238, 50, 52, 0.3); box-shadow: 0px 10px 30px 0px rgba(238, 50, 52, 0.3); } .service-style-one .tab-title li a:hover .icon-box i, .service-style-one .tab-title li a.active .icon-box i { color: #fff; } .service-style-one .tab-title li a:hover .icon-box:before, .service-style-one .tab-title li a.active .icon-box:before { opacity: 0; } .service-style-one .tab-title li a:hover .icon-box:after, .service-style-one .tab-title li a.active .icon-box:after { opacity: 0; } .service-style-one .tab-title li a.active:after { opacity: 1; } .service-style-one .single-tab-content { border: 1px solid #CCD7E0; border-radius: 6px; background: #ffffff; -webkit-box-shadow: 0px 10px 30px 0px rgba(204, 215, 224, 0.3); box-shadow: 0px 10px 30px 0px rgba(204, 215, 224, 0.3); padding: 15px 60px 15px 60px; min-height: 123px; width: 90%; margin: 0 auto; } .service-style-one .single-tab-content .icon-box, .service-style-one .single-tab-content .text-box { display: table-cell; vertical-align: top; } .service-style-one .single-tab-content .icon-box i { color: #ee3234; font-size: 60px; } .easy-steps-style-one .sec-title.text-center.light span { margin: 0; color: #001328; font-weight: 700; font-size: 32px; letter-spacing: -0.03em; text-transform: inherit; padding-bottom: 10px; } .easy-steps-style-one .sec-title.text-center.light h2 { font-size: 18px; font-weight: 600; letter-spacing: .04em; padding-top: 10px; color: #000; } .service-style-one .single-tab-content .text-box { padding-left: 40px; } .service-style-one .single-tab-content .text-box h3 { margin: 0; color: #001328; font-size: 26px; font-weight: 800; } .service-style-one .single-tab-content .text-box p { margin: 0; color: #798593; font-size: 18px; line-height: 34px; font-weight: 600; margin-top: 20px; margin-bottom: 35px; } .service-style-one .single-tab-content .text-box a.read-more { color: #0f6fd5; font-size: 12px; font-weight: 700; text-transform: uppercase; display: inline-block; border-bottom: 2px solid #D5E1F5; line-height: 1em; -webkit-transition: all .4s ease; transition: all .4s ease; } .service-style-one .single-tab-content .text-box a.read-more:hover { color: #ee3234; -webkit-transform: translateX(5px); transform: translateX(5px); } .service-style-two { /* margin-bottom: -120px; */ z-index: 90; top: 120px; position: relative; padding-top: 0; } .single-service-two { text-align: center; border: 1px solid #CCD7E0; border-radius: 6px; background: #FFFFFF; padding: 63px 60px; -webkit-transition: all .4s ease; transition: all .4s ease; } .single-service-two:hover { -webkit-box-shadow: 0px 10px 30px 0px rgba(204, 215, 224, 0.3); box-shadow: 0px 10px 30px 0px rgba(204, 215, 224, 0.3); } .single-service-two i { font-size: 72px; color: #0f6fd5; } .single-service-two h3 { color: #001328; font-size: 22px; font-weight: 800; line-height: 34px; margin: 0; margin-top: 10px; margin-bottom: 35px; } .single-service-two p { color: #798593; font-size: 18px; line-height: 34px; font-weight: 600; margin: 0; margin-bottom: 20px; } .single-service-two .read-more { color: #ee3234; text-transform: uppercase; font-size: 12px; font-weight: 800; line-height: 1em; text-decoration: underline; -webkit-transition: all .4s ease; transition: all .4s ease; } .single-service-two .read-more:hover { color: #001328; } .service-style-three { background: #0f6fd5; } .single-service-three { text-align: center; background: #f1f7fc; border-radius: 7px; padding: 48px 0; -webkit-transition: all .4s ease; transition: all .4s ease; display: block; overflow: hidden; margin-bottom: 40px; } .single-service-three:hover { -webkit-box-shadow: 0px 10px 30px 0px rgba(255, 255, 255, 0.1); box-shadow: 0px 10px 30px 0px rgba(255, 255, 255, 0.1); } .single-service-three:before { background: #001328; border-radius: 7px; } .single-service-three i { font-size: 72px; color: #0f6fd5; -webkit-transition: all .4s ease; transition: all .4s ease; } .single-service-three h3 { font-size: 18px; font-weight: 800; margin: 0; margin-top: 20px; } .single-service-three h3 a { color: #001328; -webkit-transition: all .4s ease; transition: all .4s ease; } .single-service-three:hover i, .single-service-three:hover h3 a { color: #ffffff; } .service-style-three .btn-tag-line { display: block; color: #ffffff; font-size: 20px; font-family: 'Covered By Your Grace'; letter-spacing: 0; margin-right: 130px; margin-top: 20px; } .service-style-three .btn-tag-line i { display: inline-block; -webkit-transform: rotate(-85deg) scale(1, -1) translate(3px, 0px); transform: rotate(-85deg) scale(1, -1) translate(3px, 0px); font-size: 27px; } .single-service-four { min-height: 321px; border-radius: 7px; overflow: hidden; -webkit-transition: all .4s ease; transition: all .4s ease; } .single-service-four:before { border-radius: 7px; background: #0f6fd5; -webkit-transform-origin: center bottom; transform-origin: center bottom; } .single-service-four .inner-box { text-align: center; } .single-service-four i { font-size: 72px; color: #0f6fd5; -webkit-transition: all .4s ease; transition: all .4s ease; } .single-service-four h3, .single-service-four p { margin: 0; -webkit-transition: all .4s ease; transition: all .4s ease; } .single-service-four h3 { font-size: 20px; font-weight: 700; margin-top: 20px; } .single-service-four h3 a { color: #001328; -webkit-transition: all .4s ease; transition: all .4s ease; } .single-service-four p { font-size: 16px; font-weight: 600; line-height: 30px; color: #798593; width: 80%; margin-left: auto; margin-right: auto; margin-top: 30px; } .single-service-four:hover { -webkit-box-shadow: 0px 10px 30px rgba(15, 111, 213, 0.3); box-shadow: 0px 10px 30px rgba(15, 111, 213, 0.3); } .single-service-four:hover:before { -webkit-transform-origin: center top; transform-origin: center top; } .single-service-four:hover i, .single-service-four:hover h3 a, .single-service-four:hover p { color: #fff; } .service-style-five .image-box { position: relative; overflow: hidden; border-radius: 6px; } .service-style-five .image-box:hover > img { -webkit-transform: scale(1.05); transform: scale(1.05); } .service-style-five .image-box img { width: 100%; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .service-style-five .box { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: rgba(0, 19, 40, 0.6); opacity: 0; -webkit-transform: scale(2); transform: scale(2); -webkit-transition: all 0.6s ease-in-out 0.3s; transition: all 0.6s ease-in-out 0.3s; } .service-style-five .box a { display: block; position: relative; width: 100%; text-align: center; } .service-style-five .box a i.fa { display: inline-block; width: 65px; height: 40px; background: #FFFFFF; border-radius: 20px; color: #001328; font-size: 12px; line-height: 40px; text-align: center; -webkit-box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.3); -webkit-transition: all .4s ease; transition: all .4s ease; } .service-style-five .box a i.fa:hover { color: #fff; background: #1371D6; } .service-style-five .image-box:hover .box { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } .service-style-five .text-box { margin-top: 25px; } .service-style-five .text-box h3 { margin: 0; font-size: 22px; font-weight: 800; margin-bottom: 30px; } .service-style-five .text-box h3 a { color: #001328; -webkit-transition: all .4s ease; transition: all .4s ease; } .service-style-five .text-box h3 a:hover { color: #0f6fd5; } .service-style-five .text-box p { margin: 0; font-size: 18px; line-height: 34px; font-weight: 600; color: #798593; margin-bottom: 35px; } .service-style-five .text-box .read-more { color: #ee3234; font-size: 12px; font-weight: 800; text-transform: uppercase; text-decoration: underline; -webkit-transition: all .4s ease; transition: all .4s ease; } .service-style-five .text-box .read-more:hover { color: #0f6fd5; } .service-style-five.solution-by-size-page .text-box .list-items { margin-top: 20px; } .service-style-five.solution-by-size-page .text-box p { margin: 0; } .service-style-six { background: #076cd6; } .single-service-six { position: relative; padding-bottom: 25px; } .single-service-six:before, .single-service-six:after { content: ''; width: 100%; background: #ffffff; opacity: .1; height: 2px; position: absolute; bottom: 0; left: 0; -webkit-transition: all .4s ease; transition: all .4s ease; } .single-service-six:after { opacity: 1; width: 0; } .single-service-six i { font-size: 76px; color: #fff; } .single-service-six h3, .single-service-six p { margin: 0; color: #fff; } .single-service-six h3 { font-size: 20px; font-weight: 800; margin-top: 30px; } .single-service-six p { font-size: 16px; line-height: 30px; font-weight: 600; width: 100%; margin-top: 20px; } .single-service-six:hover:before { opacity: 0; } .single-service-six:hover:after { width: 100%; } .service-title-box { background: #001328 url(images/blue-shape-bg2.jpg) right top no-repeat; background-size: cover; padding-bottom: 340px; } .service-style-seven { position: relative; margin-top: 120px; } .service-style-seven .container-outer { position: absolute; top: 0; left: 0; width: 100%; -webkit-transform: translateY(-100%); transform: translateY(-100%); } .service-style-seven .service-style-seven-carousel .owl-nav { display: none; } .service-style-seven .service-style-seven-carousel .owl-dots { position: absolute; top: calc(100% + 35px); left: 0; width: 100%; } .service-style-seven .service-style-seven-carousel .owl-dots .owl-dot span { margin: 0 2.5px; background: rgba(0, 19, 40, 0.4); } .service-style-seven .service-style-seven-carousel .owl-dots .owl-dot.active span { background: #0f6fd5; } .single-service-style-seven { overflow: hidden; border-radius: 8px; position: relative; display: block; } .single-service-style-seven:before { z-index: 10; background: #001328; /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ background: -webkit-gradient(linear, left top, left bottom, from(#001328), to(#0f6fd5)); background: linear-gradient(to bottom, #001328 0%, #0f6fd5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#001328', endColorstr='#0f6fd5', GradientType=0); /* IE6-9 */ -webkit-transform-origin: bottom center; transform-origin: bottom center; opacity: .85; } .single-service-style-seven:hover:before { -webkit-transform-origin: top center; transform-origin: top center; } .single-service-style-seven .img-box { width: 100%; } .single-service-style-seven .img-box > img { width: 100%; border-radius: 8px; } .single-service-style-seven .text-block { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 11; padding: 60px; } .single-service-style-seven .text-block h3, .single-service-style-seven .text-block p { margin: 0; } .single-service-style-seven .text-block h3 { font-size: 30px; font-weight: 800; margin-bottom: 30px; } .single-service-style-seven .text-block h3 a { color: #fff; } .single-service-style-seven .text-block p { font-size: 20px; font-weight: 600; color: #fff; } .single-service-style-seven .text-block a.read-more { color: #fff; font-size: 12px; font-weight: 700; text-transform: uppercase; display: inline-block; text-decoration: underline; line-height: 1em; -webkit-transition: all .4s ease; transition: all .4s ease; position: absolute; bottom: 75px; left: 60px; } .single-service-style-seven .text-block a.read-more:hover { color: #ee3234; -webkit-transform: translateX(5px); transform: translateX(5px); } .service-style-two.solutions-page { background: #f1f7fc; margin-bottom: 0; position: relative; } .service-style-two.solutions-page:before { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 120px; background: #fff; } .service-style-two.solutions-page .container { position: relative; } .service-style-one.solutions-page:before { display: none; } .service-style-one.solutions-page .single-tab-content-two .sec-title { margin-bottom: 40px; } .service-style-one.solutions-page .single-tab-content-two p, .service-style-one.solutions-page .single-tab-content-two ul { margin: 0; padding: 0; list-style: none; } .service-style-one.solutions-page .single-tab-content-two p { font-size: 18px; line-height: 34px; font-weight: 600; color: #798593; margin-bottom: 30px; } .service-style-one.solutions-page .single-tab-content-two ul.list-items li { position: relative; font-size: 18px; line-height: 34px; color: #798593; padding-left: 25px; } .service-style-one.solutions-page .single-tab-content-two ul.list-items li i { font-size: 14px; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); color: #ee3234; } .service-style-one.solutions-page .single-tab-content-two .thm-btn { margin-top: 50px; } .service-style-eight { padding-top: 90px; } .single-service-style-eight { overflow: hidden; border-radius: 8px; position: relative; display: block; margin-top: 30px; } .single-service-style-eight:before { z-index: 10; background: #001328; /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ background: -webkit-gradient(linear, left top, left bottom, from(#001328), to(#0f6fd5)); background: linear-gradient(to bottom, #001328 0%, #0f6fd5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#001328', endColorstr='#0f6fd5', GradientType=0); /* IE6-9 */ -webkit-transform-origin: bottom center; transform-origin: bottom center; opacity: .85; } .single-service-style-eight:hover:before { -webkit-transform-origin: top center; transform-origin: top center; } .single-service-style-eight .img-box { width: 100%; background: #001328; } .single-service-style-eight .img-box > img { width: 100%; border-radius: 8px; opacity: .5; } .single-service-style-eight .text-block { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 11; padding: 40px; } .single-service-style-eight .text-block h3, .single-service-style-eight .text-block p { margin: 0; } .single-service-style-eight .text-block h3 { font-size: 26px; font-weight: 800; margin-bottom: 30px; } .single-service-style-eight .text-block h3 a { color: #fff; } .single-service-style-eight .text-block p { font-size: 20px; font-weight: 600; color: #fff; } .single-service-style-eight .text-block a.read-more { color: #fff; font-size: 12px; font-weight: 700; text-transform: uppercase; display: inline-block; text-decoration: underline; line-height: 1em; -webkit-transition: all .4s ease; transition: all .4s ease; position: absolute; bottom: 45px; left: 40px; } .single-service-style-eight .text-block a.read-more:hover { color: #ee3234; -webkit-transform: translateX(5px); transform: translateX(5px); } /************************** * 8. solutions styles ***************************/ .solution-style-one { background: #f1f7fc; } .solution-style-one .sec-title { margin-bottom: 30px; } .pp_blog .hvr-sweep-to-bottom:before{ display: none; } .pp_blog .blog-style-one .single-blog-style-one .text-box:hover { color: #000; } /*.pp_blog .blog-style-one .single-blog-style-one .text-box:hover .meta-info, .single-blog-style-one .text-box:hover .meta-info a, .single-blog-style-one .text-box:hover h3 a, .single-blog-style-one .text-box:hover .read-more { color: #000; } */ .pp_blog .blog-style-one:hover .text-box h3 a { color: #000 !important; } .pp_blog .single-blog-style-one:hover .text-box .aaa .arrow-btn { color: #086bd3; } .pp_blog .blog-style-one .single-blog-style-one .aaa .arrow-btn:after{ display: none; } .pp_blog .blog-style-one .single-blog-style-one .aaa .arrow-btn:hover { color: #0462d3 !important; } .single-solution-style-one { padding: 36px 30px 22px 30px; border-radius: 6px; position: relative; margin-top: 40px; background: #fff; /* -webkit-box-shadow: 0px 10px 30px 0px rgba(20, 3, 67, 0.08); box-shadow: 0px 10px 30px 0px rgba(20, 3, 67, 0.08);*/ -webkit-box-shadow: 0 0 8px rgba(32,32,32,.1); box-shadow: 0 0 8px rgba(32,32,32,.1); transition: all .2s ease-in; } .single-solution-style-one:before { background: #0f6fd5; border-radius: 6px; } .single-solution-style-one:hover { /* -webkit-box-shadow: 0px 10px 30px 0px rgba(15, 111, 213, 0.3); box-shadow: 0px 10px 30px 0px rgba(15, 111, 213, 0.3);*/ box-shadow: 0 0 16px rgba(32,32,32,.3); -webkit-transform: translate(0,-6px); transform: translate(0,-6px); transition: all .15s ease-out; } .bsize_1 .hvr-bounce-to-bottom:before{ display: none; } .bsize_1 .single-solution-style-one:hover span { color: #0f6fd5; } .bsize_1 .single-solution-style-one:hover h3 a { color: #000; } .single-solution-style-one .img-box { position: absolute; top: 14px; left: 22px; } .single-solution-style-one .img-box img { width: 200px; } .single-solution-style-one .text-box { padding-left: 225px; } .single-solution-style-one .text-box h3 a { display: inline-block; min-height: 92px; } .single-solution-style-one h3 { font-size: 16px; line-height: 23px; font-weight: 500; margin: 0; margin-top: 15px; margin-bottom: 15px; } .h3, .single-solution-style-one h3 a { color: #000; -webkit-transition: all .4s ease; transition: all .4s ease; } .single-solution-style-one span { color: #0f6fd5; font-size: 18px; font-weight: 700; -webkit-transition: all .4s ease; transition: all .4s ease; min-height: 50px; display: inline-block; } .pcs_extra_img_2 { text-align: center; margin-bottom: 18px; } .pcspadd_1 .sec-pad { padding-top: 70px; padding-bottom: 70px; } .pcspadd_1 .sec-title.text-center { margin-bottom: 30px; } .home .pcspadd_left .kc_column { padding-left: 15px !important; padding-right: 15px !important; } .pcspadd_left .connect_payroll_1 p { margin-bottom: 2px; } h1.kc_title.pcspayroll_1 { padding-bottom: 15px; } .pp_blog .single-blog-style-one .meta-info { display: none; } .pp_blog .single-blog-style-one { flex-direction: column-reverse; display: flex; box-shadow: 0 0 8px rgba(32,32,32,.1); transition: all .2s ease-in; } .pp_blog .single-blog-style-one:hover { box-shadow: 0 0 16px rgba(32,32,32,.3); -webkit-transform: translate(0,-3px); transform: translate(0,-3px); transition: all .15s ease-out; } .pp_blog .text-box.hvr-sweep-to-bottom h3 { min-height: 48px; font-weight: 700; margin-bottom: 4px; font-size: 18px; } .pp_blog .text-box.hvr-sweep-to-bottom { line-height: 22px !important; } .single-solution-style-one .read-more { color: #0f6fd5; font-weight: 800; font-size: 12px; text-transform: uppercase; letter-spacing: 0.04em; line-height: 1em; border-bottom: 1px solid #A5BFEB; -webkit-transition: all .4s ease; transition: all .4s ease; } .single-solution-style-one:hover span { color: #E8F3FF; } .single-solution-style-one:hover h3 a { color: #FFFFFF; } .single-solution-style-one:hover .read-more { border-color: #97B9EB; color: #E8F3FF; } .solution-style-two { background: #f1f7fc url(images/gray-shape-bg4.jpg) left center no-repeat; background-size: cover; position: relative; } .solution-style-two img.shaped-bg { position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .solution-style-two .solution-content { padding-right: 67px; } .solution-style-two .solution-content .sec-title { margin-bottom: 0; } .solution-style-two .solution-content p { color: #798593; font-size: 18px; line-height: 34px; font-weight: 600; margin: 0; margin-top: 35px; margin-bottom: 50px; } .single-solution-style-two { border: 1px solid #CCD7E0; border-radius: 8px; padding: 20px 0; padding-left: 30px; -webkit-transition: all .4s ease; transition: all .4s ease; background: #FFFFFF; } .single-solution-style-two + .single-solution-style-two { margin-top: 25px; } .single-solution-style-two .count-box, .single-solution-style-two .text-box { display: table-cell; vertical-align: middle; } .single-solution-style-two .count-box .inner-box { background: #ccd7e0; width: 60px; height: 60px; text-align: center; color: #FFFFFF; font-size: 16px; font-weight: 800; line-height: 60px; border-radius: 50%; -webkit-transition: all .4s ease; transition: all .4s ease; } .single-solution-style-two .text-box { color: #001328; font-size: 20px; font-weight: 800; padding-left: 30px; } .single-solution-style-two:hover { -webkit-box-shadow: 0px 10px 30px 0px rgba(204, 215, 224, 0.3); box-shadow: 0px 10px 30px 0px rgba(204, 215, 224, 0.3); } .single-solution-style-two:hover .count-box .inner-box { background: #0f6fd5; } .solution-style-two .featured-image-box img { border-radius: 8px; } .single-solution-style-three .image-box { position: relative; overflow: hidden; border-radius: 6px; } .single-solution-style-three .image-box:hover > img { -webkit-transform: scale(1.05); transform: scale(1.05); } .single-solution-style-three .image-box img { width: 100%; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .single-solution-style-three .box { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: rgba(0, 19, 40, 0.6); opacity: 0; -webkit-transform: scale(2); transform: scale(2); -webkit-transition: all 0.6s ease-in-out 0.3s; transition: all 0.6s ease-in-out 0.3s; } .single-solution-style-three .box a { display: block; position: relative; width: 100%; text-align: center; } .single-solution-style-three .box a i.fa { display: inline-block; width: 65px; height: 40px; background: #FFFFFF; border-radius: 20px; color: #001328; font-size: 12px; line-height: 40px; text-align: center; -webkit-box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.3); -webkit-transition: all .4s ease; transition: all .4s ease; } .single-solution-style-three .box a i.fa:hover { color: #fff; background: #1371D6; } .single-solution-style-three .image-box:hover .box { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } .video-box-style-four.solutions-details-page:before { display: none; } .solutions-tab-one .tab-title { margin: 0; padding: 0; list-style: none; border: 0; border-bottom: 2px solid #e7f1fa; margin-bottom: 120px; } .solutions-tab-one .tab-title li { display: inline-block; margin-bottom: 0 !important; float: left; width: 16.666666667%; } .solutions-tab-one .tab-title li a { display: block; border: none; outline: none; display: block; cursor: pointer; padding: 0 39px; padding-bottom: 30px; border-radius: 0 !important; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; text-align: center; position: relative; } .solutions-tab-one .tab-title li a:before { content: ''; position: absolute; top: 100%; left: 0; width: 0; background: #ee3234; height: 2px; -webkit-transition: all .4s ease; transition: all .4s ease; } .solutions-tab-one .tab-title li a i[class*=payonline-icon] { font-size: 72px; color: #0f6fd5; } .solutions-tab-one .tab-title li a h3 { margin: 0; color: #001328; font-size: 18px; font-weight: 800; margin-top: 21px; } .solutions-tab-one .tab-title li a:hover:before, .solutions-tab-one .tab-title li a.active:before { width: 100%; } .solutions-tab-one .single-tab-content-two .sec-title { margin-bottom: 40px; } .solutions-tab-one .single-tab-content-two p, .solutions-tab-one .single-tab-content-two ul { margin: 0; padding: 0; list-style: none; } .solutions-tab-one .single-tab-content-two p { font-size: 18px; line-height: 34px; font-weight: 600; color: #798593; margin-bottom: 30px; } .solutions-tab-one .single-tab-content-two ul.list-items li { position: relative; font-size: 18px; line-height: 34px; color: #798593; padding-left: 25px; } .solutions-tab-one .single-tab-content-two ul.list-items li i { font-size: 14px; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); color: #ee3234; } .solutions-tab-one .single-tab-content-two .thm-btn { margin-top: 50px; } .solution-style-three.gallery-page .single-solution-style-three { margin-bottom: 30px; } .solution-style-three.gallery-page .btn-box { margin-top: 30px; } .solution-style-four .span-5 { width: 20%; float: left; padding-left: 15px; padding-right: 15px; } @media (max-width: 991px) { .solution-style-four .span-5 { width: 33.33333333%; margin-bottom: 30px; } .service-style-one .tab-title { width: 100%; } .service-style-one .single-tab-content { width: 100%; } .bnrmain_btn { margin-top: 20px; margin-bottom: 20px; } .home .homebnr_sec2 { padding-top: 95px; } .nnn_padd { padding-top: 30px; padding-bottom: 30px; } .news_sec1 section.sec-pad { padding-top: 30px; padding-bottom: 30px; } .pcspadd_1 .sec-pad { padding-top: 30px; padding-bottom: 30px; } .client-style-one { padding: 0px 0px 30px 0px !important; } } @media (max-width: 767px) { .solution-style-four .span-5 { width: 50%; } .site-footer .upper-footer { padding-bottom: 0px !important; } footer.site-footer .footer-widget.my-auto { margin-bottom: 0px !important; } .sec-pad { padding: 96px 0 !important; } .contact_today_1 { margin-bottom: 30px !important; } .meeting-form-wrapper .sec-title { margin-bottom: 15px !important; } .single-form-step .text-box { margin-top: 16px !important; } .meetform_sec .single-form-step + .single-form-step { margin-top: 15px; } .meetform_sec .single-form-step { padding-right: 0px; } .meetform_sec .meeting-form { padding: 15px !important; } .meetform_sec .sec-pad { padding-bottom: 40px !important; } } @media (max-width: 575px) { .solution-style-four .span-5 { width: 100%; } } .solution-style-four .btn-box { margin-top: 45px; } .solution-style-four .btn-box .btn-tag-line { display: block; color: #798593; font-size: 20px; font-family: 'Covered By Your Grace'; letter-spacing: 0; margin-right: 100px; margin-top: 15px; } .solution-style-four .btn-box .btn-tag-line i { display: inline-block; -webkit-transform: rotate(-85deg) scale(1, -1) translate(3px, 0px); transform: rotate(-85deg) scale(1, -1) translate(3px, 0px); font-size: 22px; } @media (max-width: 991px) { .solution-style-four { padding-bottom: 90px; } .solution-style-four .sec-title h2 { font-size: 38px; } .solution-style-four .btn-box { margin-top: 25px; } } @media (max-width: 767px) { .solution-style-four { padding-bottom: 50px; } } .single-solution-style-four { text-align: center; } .single-solution-style-four .icon-box { width: 150px; height: 150px; border-radius: 50%; -webkit-box-shadow: 0px 25px 30px 0px rgba(15, 111, 213, 0.15); box-shadow: 0px 25px 30px 0px rgba(15, 111, 213, 0.15); display: inline-block; text-align: center; position: relative; background: #ee3234; -webkit-transition: all .4s ease; transition: all .4s ease; margin-bottom: 40px; } .single-solution-style-four .icon-box:after { content: ''; position: absolute; top: -1px; left: -1px; right: -1px; bottom: -1px; border-radius: 50%; background: #f1f7fc; background: -webkit-gradient(linear, left top, right top, from(#f1f7fc), to(#ffffff)); background: linear-gradient(to right, #f1f7fc 0%, #ffffff 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$thm_gray', endColorstr='#ffffff', GradientType=1); opacity: 1; -webkit-transition: all .4s ease; transition: all .4s ease; } .single-solution-style-four .icon-box i { font-size: 72px; line-height: 150px; position: relative; z-index: 10; color: #0f6fd5; -webkit-transition: all .4s ease; transition: all .4s ease; } .single-solution-style-four .icon-box:before { content: ''; width: 72px; height: 72px; background: rgba(15, 111, 213, 0.08); border-radius: 50%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-60%, -50%); transform: translate(-60%, -50%); -webkit-transition: all .4s ease; transition: all .4s ease; z-index: 10; } .single-solution-style-four h3, .single-solution-style-four p { margin: 0; } .single-solution-style-four h3 { color: #001328; font-size: 20px; font-weight: 800; } .single-solution-style-four p { font-size: 16px; line-height: 26px; color: #798593; font-weight: 700; margin-top: 20px; margin-bottom: 30px; } @media (max-width: 575px) { .single-solution-style-four p { width: 70%; margin-left: auto; margin-right: auto; } } .single-solution-style-four .read-more { color: #ee3234; text-transform: uppercase; font-size: 12px; font-weight: 800; line-height: 1em; text-decoration: underline; -webkit-transition: all .4s ease; transition: all .4s ease; } .single-solution-style-four .read-more:hover { color: #001328; } .single-solution-style-four:hover .icon-box, .single-solution-style-four.active .icon-box { -webkit-box-shadow: 0px 10px 30px 0px rgba(238, 50, 52, 0.3); box-shadow: 0px 10px 30px 0px rgba(238, 50, 52, 0.3); } .single-solution-style-four:hover .icon-box i, .single-solution-style-four.active .icon-box i { color: #fff; } .single-solution-style-four:hover .icon-box:before, .single-solution-style-four.active .icon-box:before { opacity: 0; } .single-solution-style-four:hover .icon-box:after, .single-solution-style-four.active .icon-box:after { opacity: 0; } .single-solution-style-four.active:after { opacity: 1; } .solution-size-tab-wrapper .tab-title { margin: 0; padding: 0; list-style: none; border: 0; text-align: center; display: block; margin-bottom: 50px; } .solution-size-tab-wrapper .tab-title li { display: inline-block; margin-bottom: 10px !important; } .solution-size-tab-wrapper .tab-title li + li { margin-left: 7px; } .solution-size-tab-wrapper .tab-title li a { display: block; border: none; outline: none; display: block; cursor: pointer; padding: 0 38px; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; position: relative; font-weight: bold; font-size: 14px; color: #798593; border: 1px solid #ccd7e0 !important; line-height: 60px; border-radius: 30px !important; -webkit-transition: all .4s ease; transition: all .4s ease; } .solution-size-tab-wrapper .tab-title li a:hover, .solution-size-tab-wrapper .tab-title li a.active { border-color: #ee3234 !important; color: #fff; background: #ee3234; } .solution-size-tab-wrapper .img-box { overflow: hidden; display: inline-block; border-radius: 7px; } @media (max-width: 991px) { .solution-size-tab-wrapper .img-box { margin-bottom: 50px; } } .solution-size-tab-wrapper .text-box ul.list-items { margin-bottom: 30px; margin-top: 20px; } /************************** * 9. easy steps styles ***************************/ .easy-steps-style-one { /* background: #0f6fd5 url(images/easy-step-bg.jpg) center center no-repeat; background-size: cover;*/ background-color: #f3f7fa; } .easy_setpsec1 .single-easy-step-one { background-color: #05274a; } .easy_setpsec1 .sec-pad{ padding-top: 30px; padding-bottom: 30px; } .single-easy-step-one { text-align: center; } .news_sec1 section.sec-pad { padding-top: 100px; padding-bottom: 100px; } .onboarding_sec1 { background-color: #f3f7fa; padding-top: 30px; } .onboarding_sec2 { background-color: #f3f7fa; } .onboarding_sec3{ background-color: #f3f7fa; padding-bottom: 10px; } .single-easy-step-one i { font-size: 60px; color: #fff; } .single-easy-step-one h3 { color: #fff; font-size: 18px; font-weight: 800; margin: 0; margin-top: 20px; } .single-easy-step-one h3 a { color: #fff; -webkit-transition: all .4s ease; transition: all .4s ease; } .single-easy-step-one h3 a:hover { color: #ee3234; } .single-easy-step-one p { color: #E8F3FF; font-size: 18px; line-height: 23px; font-weight: 400; margin: 0; width: 100%; margin-left: auto; margin-right: auto; margin-top: 10px; margin-bottom: 20px; min-height: 46px; } .single-easy-step-one .read-more { display: block; margin-left: auto; margin-right: auto; width: 65px; height: 40px; background: #0462d3; border-radius: 20px; text-align: center; margin-bottom: 3px; -webkit-transition: all .4s ease; transition: all .4s ease; } .single-easy-step-one .read-more i { color: #fff; font-size: 12px; line-height: 40px; } .single-easy-step-one .read-more:hover { background: #FFFFFF; } .single-easy-step-one .read-more:hover i { color: #001328; } .single-easy-step-one .step-count { font-family: 'Covered By Your Grace'; color: #FFFFFF; font-size: 18px; } /************************** * 10. clients styles ***************************/ .client-style-one { background: #fff; text-align: center; padding: 0px 0px 100px 0px; /* padding: 89px 0;*/ } .connect_payroll_11 p { line-height: 23px; margin-bottom: 12px; } .client-carousel-one img { font-size: 126px; color: #0f6fd5; opacity: .3; -webkit-transition: all .4s ease; transition: all .4s ease; } .client-carousel-one img:hover { opacity: 1 !important } .client-carousel-one .owl-nav { display: none; } .client-style-one.home-two { background: #fff; border-bottom: 2px solid #f1f7fc; } .client-style-one.home-two .client-carousel-one i { color: #001328; } .client-carousel-two .owl-nav { margin: 0; } .client-carousel-two .item { border-radius: 7px; text-align: center; border: 1px solid #ccd7e0; padding: 36.5px 0; filter: grayscale(100%); opacity: .5; } .client-carousel-two image { font-size: 150px; color: #001328; opacity: .3; -webkit-transition: all .4s ease; transition: all .4s ease; } .client-carousel-two image:hover { opacity: 1; } /************************** * 11. videobox styles ***************************/ .video-box-style-one { position: relative; overflow: hidden; display: inherit; border-radius: 6px; } .video-box-style-one .img-box img { width: 100%; } .video-box-style-one .box { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: rgba(0, 19, 40, 0.5); } .video-box-style-one .box a { display: block; position: relative; width: 100%; text-align: center; } .video-box-style-one .box a i.fa-play { display: inline-block; width: 115px; height: 60px; background: #FFFFFF; border-radius: 30px; color: #001328; font-size: 16px; line-height: 60px; text-align: center; -webkit-box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.3); -webkit-transition: all .4s ease; transition: all .4s ease; } .video-box-style-one .box a i.fa-play:hover { color: #fff; background: #1371D6; } .video-box-style-one .box a .btn-tag-line { position: absolute; bottom: -50px; left: 50%; width: 100%; -webkit-transform: translateX(-65%); transform: translateX(-65%); color: #FFFFFF; font-family: 'Covered By Your Grace'; font-size: 20px; } .video-box-style-one .box a .btn-tag-line i { display: inline-block; -webkit-transform: rotate(-85deg) scale(1, -1) translate(3px, 0px); transform: rotate(-85deg) scale(1, -1) translate(3px, 0px); } .video-box-two { border-radius: 6px; overflow: hidden; } .sec-pad .video-box-two { background-color: #111251; padding: 14px 0px; } .video-box-three { position: relative; padding-top: 240px; background-size: cover; } .video-box-three:before { position: absolute; content: ""; left: 0; top: 0; width: 100%; height: 100%; background: #f1f7fc url(images/gray-shape-bg5.jpg) center right no-repeat; background-size: cover; z-index: -1; } .video-box-three .video-box-content .sec-title { margin: 0; margin-bottom: 40px; } .video-box-three .video-box-content p { color: #798593; font-size: 18px; line-height: 34px; font-weight: 600; margin: 0; margin-bottom: 50px; letter-spacing: -0.025em; } .video-box-three .video-box-content .btn-box .video-popup { color: #798593; font-weight: bold; font-size: 16px; margin-left: 20px; } .video-box-three .video-box-content .btn-box .video-popup i { border: 2px solid #798593; width: 60px; height: 60px; border-radius: 50%; line-height: 56px; text-align: center; margin-right: 10px; } .video-box-style-four { position: relative; padding-left: 120px; padding-right: 120px; } .video-box-style-four:before { content: ''; position: absolute; top: 0; left: 0; width: calc(50% + 300px); height: 100%; background: #f1f7fc; } .video-box-style-four .container { position: relative; } .video-box-style-four .video-box-content { width: 100%; max-width: 600px; margin-left: auto; padding-right: 130px; } @media (max-width: 1400px) { .video-box-style-four .video-box-content { padding-right: 40px; } } .video-box-style-four .video-box-content .sec-title { margin-bottom: 0; } .video-box-style-four .video-box-content p, .video-box-style-four .video-box-content ul { margin: 0; padding: 0; list-style: none; } .video-box-style-four .video-box-content p { font-size: 18px; line-height: 34px; font-weight: 600; color: #798593; margin-top: 35px; margin-bottom: 35px; } .video-box-style-four .video-box-content ul.list-items li { position: relative; font-size: 18px; line-height: 34px; color: #798593; padding-left: 25px; } .video-box-style-four .video-box-content ul.list-items li + li { margin-top: 10px; } .video-box-style-four .video-box-content ul.list-items li i { font-size: 14px; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); color: #ee3234; } .video-box-style-four .video-box { position: relative; overflow: hidden; display: inline-block; border-radius: 6px; } .video-box-style-four .video-box .img-box img { width: 100%; } .video-box-style-four .video-box .box { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: rgba(0, 19, 40, 0.5); } .video-box-style-four .video-box .box a { display: block; position: relative; width: 100%; text-align: center; } .video-box-style-four .video-box .box a i.fa-play { display: inline-block; width: 115px; height: 60px; background: #FFFFFF; border-radius: 30px; color: #001328; font-size: 16px; line-height: 60px; text-align: center; -webkit-box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.3); -webkit-transition: all .4s ease; transition: all .4s ease; } .video-box-style-four .video-box .box a i.fa-play:hover { color: #fff; background: #1371D6; } .video-box-style-four .video-box .box a .btn-tag-line { position: absolute; bottom: -45px; left: 50%; width: 100%; -webkit-transform: translateX(-65%); transform: translateX(-60%); color: #FFFFFF; font-family: 'Covered By Your Grace'; font-size: 20px; } .video-box-style-four .video-box .box a .btn-tag-line i { display: inline-block; -webkit-transform: rotate(-85deg) scale(1, -1) translate(3px, 0px); transform: rotate(-85deg) scale(1, -1) translate(3px, 0px); } .video-box-three.request-metting-page { background: #fff; padding-top: 120px; } /************************** * 12. subscribe styles ***************************/ .subscribe-form { background: #0f6fd5 url(images/subscribe-bg-1-1.jpg) center center no-repeat; background-size: cover; border-radius: 6px; padding: 50px; padding-top: 20px; padding-bottom: 10px; margin-top: 30px; } .news_sec1 .video-box-two img { width: 100%; } .subscribe-form h3 { margin: 0; color: #FFFFFF; font-size: 24px; font-weight: 700; margin-bottom: 25px; } .subscribe-form input { border: none; outline: none; background-color: transparent; width: 100%; max-width: 290px; background: #FFFFFF; height: 60px; border-radius: 30px; color: #798593; font-size: 16px; font-weight: 600; padding-left: 40px; margin-right: 10px; } /************************** * 13. expertize styles ***************************/ .expertize-box-one { background: #ee3234; text-align: center; border-radius: 6px; padding: 35px 10px; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; } .expertize-box-one .inner-box { width: 100%; } .expertize-box-one h3, .expertize-box-one p { margin: 0; } .expertize-box-one h3 { color: #FFFFFF; font-size: 24px; line-height: 35px; font-weight: 800; } .expertize-box-one p { color: #FFFFFF; font-size: 18px; font-weight: 700; margin-top: 13px; margin-bottom: 4px; } .expertize-box-one a { font-weight: 800; color: #FFFFFF; text-transform: uppercase; letter-spacing: 0.04em; font-size: 12px; line-height: 1em; text-decoration: underline; padding-top: 17px; display: inline-block; } .pcs_extra_img_2 img { width: 55%; } .abt_sec1 .my-auto { margin-top: inherit !important; } .abt_sec1 .featured-image-box .text-box { padding: 15px 20px 15px 20px !important; } .abt_sec1 .featured-image-box .text-box h3 { margin-bottom: 10px !important; } .count_abt .sec-title span { display: none; } .count_abt .row { align-items: center; } .count_abt .single-fun-fact-style-one { padding-top: 0px; } .count_abt .single-fun-fact-style-one h3 { margin-top: 16px; } section.count_abt.fun-fact-style-one { padding-top: 15px; padding-bottom: 35px; } .state_box::before { display: none; } .state_box:hover p { color: #000 !important; } /************************** * 14. get apps styles ***************************/ .get-apps-style-one { background: #f1f7fc url(images/gray-shape-bg.jpg) center center no-repeat; background-size: cover; padding-top: 105px; padding-bottom: 80px; } .get-apps-style-one .featured-image { margin-left: -30px; max-width: none; } .get-apps-style-one-content { padding-right: 59px; } .get-apps-style-one-content .sec-title { margin-bottom: 50px; } .get-apps-style-one-content p { color: #798593; font-size: 18px; line-height: 34px; font-weight: 600; margin: 0; margin-bottom: 50px; } .get-apps-style-one-content .thm-btn { position: relative; } .get-apps-style-one-content .thm-btn i { margin-right: 5px; } .get-apps-style-one-content .thm-btn.style-two { background: #0f6fd5; -webkit-box-shadow: 0px 10px 30px 0px rgba(15, 111, 213, 0.3); box-shadow: 0px 10px 30px 0px rgba(15, 111, 213, 0.3); margin-right: 10px; } .get-apps-style-one-content .thm-btn.style-two:before { border-color: #0f6fd5; } .get-apps-style-one-content .thm-btn.style-two:hover { background: #001328; -webkit-box-shadow: 0px 10px 30px 0px rgba(0, 19, 40, 0.3); box-shadow: 0px 10px 30px 0px rgba(0, 19, 40, 0.3); } .get-apps-style-one-content .btn-tag-line { display: block; color: #798593; font-size: 20px; font-family: 'Covered By Your Grace'; letter-spacing: 0; margin-left: 55px; margin-top: 20px; } .get-apps-style-one-content .btn-tag-line i { display: inline-block; -webkit-transform: rotate(-85deg) scale(1, -1) translate(3px, 0px); transform: rotate(-85deg) scale(1, -1) translate(3px, 0px); font-size: 27px; } /************************** * 15. blog styles ***************************/ .single-blog-style-one .text-box { background: #f1f7fc; border-radius: 6px; text-align: center; padding: 15px; margin-bottom: 0px; overflow: hidden; padding-bottom: 30px; } .easy_setpsec1 .sec-title.text-center.light { margin-bottom: 30px; } .contact_btnh a { border: none; outline: none; cursor: pointer; display: inline-block; vertical-align: middle; color: #FFFFFF; background: #ee3234; font-size: 17px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; border-radius: 30px; padding: 18px 39.5px; text-align: center; -webkit-box-shadow: 0px 10px 30px 0px rgba(238, 50, 52, 0.3); box-shadow: 0px 10px 30px 0px rgba(238, 50, 52, 0.3); -webkit-transition: all .4s ease; transition: all .4s ease; } .contact_btnh a:hover { background: #001328; color: #FFFFFF; -webkit-box-shadow: 0px 10px 30px 0px rgba(0, 19, 40, 0.3); box-shadow: 0px 10px 30px 0px rgba(0, 19, 40, 0.3); } section.contact_today_1.cta-one.sec-pad .row { align-items: center; } .contact_today_1 { padding: 27px 0px; margin-bottom: 100px; } .single-blog-style-one .text-box:before { background: #0556ac; -webkit-transform-origin: bottom center; transform-origin: bottom center; } .single-blog-style-one .text-box:hover:before { -webkit-transform-origin: top center; transform-origin: top center; } .single-blog-style-one .text-box h3 { font-size: 23px; font-weight: 600; margin: 0; color: #001328; margin-bottom: 18px; } .single-blog-style-one .text-box h3 a { color: #001328; -webkit-transition: all .4s ease; transition: all .4s ease; } .single-blog-style-one .text-box .meta-info { font-weight: bold; font-size: 15px; margin-bottom: 15px; -webkit-transition: all .4s ease; transition: all .4s ease; } .single-blog-style-one .text-box .meta-info .sep { margin-left: 10px; margin-right: 10px; } .single-blog-style-one .text-box .meta-info a { color: #7b7b7b; -webkit-transition: all .4s ease; transition: all .4s ease; text-transform: capitalize; } .single-blog-style-one .text-box .read-more { color: #0f6fd5; text-transform: uppercase; font-size: 12px; font-weight: 800; line-height: 1em; text-decoration: underline; -webkit-transition: all .4s ease; transition: all .4s ease; } .single-blog-style-one .text-box:hover .meta-info, .single-blog-style-one .text-box:hover .meta-info a, .single-blog-style-one .text-box:hover h3 a, .single-blog-style-one .text-box:hover .read-more { color: #fff; } .single-blog-style-one .image-box { position: relative; overflow: hidden; } .single-blog-style-one .image-box:hover > img { -webkit-transform: scale(1.05); transform: scale(1.05); } .single-blog-style-one .image-box img { width: 100%; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .single-blog-style-one .box { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: rgba(0, 19, 40, 0.6); opacity: 0; -webkit-transform: scale(2); transform: scale(2); -webkit-transition: all 0.6s ease-in-out 0.3s; transition: all 0.6s ease-in-out 0.3s; } .single-blog-style-one:hover .box { -webkit-transform: scale(1); transform: scale(1); } .single-blog-style-one .box a { display: block; position: relative; width: 100%; text-align: center; } .single-blog-style-one .box a i.fa { display: inline-block; width: 65px; height: 40px; background: #FFFFFF; border-radius: 20px; color: #001328; font-size: 12px; line-height: 40px; text-align: center; -webkit-box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.3); -webkit-transition: all .4s ease; transition: all .4s ease; } .single-blog-style-one .box a i.fa:hover { color: #fff; background: #1371D6; } .single-blog-style-one .image-box:hover .box { opacity: 1; } .news-page .single-blog-style-one { margin-bottom: 30px; } .news-page .post-pagination { text-align: center; margin-top: 30px; } .news-page .post-pagination a { display: inline-block; vertical-align: middle; width: 60px; height: 60px; background: #ccd7e0; border-radius: 50%; color: #FFFFFF; font-size: 16px; line-height: 60px; -webkit-transition: all .4s ease; transition: all .4s ease; font-weight: 800; } .news-page .post-pagination a:hover, .news-page .post-pagination a.active { background: #ee3234; -webkit-box-shadow: 0px 10px 30px rgba(238, 50, 52, 0.3); box-shadow: 0px 10px 30px rgba(238, 50, 52, 0.3); } .news-page .post-pagination a + a { margin-left: 10px; } .news-page-sidebar .single-blog-style-one .text-box { text-align: left; background-color: transparent; padding: 0; margin-top: 34px; } .news-page-sidebar .single-blog-style-one .text-box .read-more { color: #ee3234; } .news-page-sidebar .single-blog-style-one .text-box:hover .meta-info, .news-page-sidebar .single-blog-style-one .text-box:hover .meta-info a { color: #0f6fd5; } .news-page-sidebar .single-blog-style-one .text-box:hover h3 a { color: #001328; } .news-page-sidebar .single-blog-style-one .text-box:hover .read-more { color: #ee3234; } .news-page-sidebar .single-blog-style-one .text-box:hover .meta-info a:hover { color: #ee3234; } .news-page-sidebar .single-blog-style-one .text-box:hover h3 a:hover { color: #0f6fd5; } .news-page-sidebar .single-blog-style-one .text-box:hover .read-more:hover { color: #001328; } .single-blog-page .featured-image-box { overflow: hidden; border-radius: 7px; } .single-blog-page .text-block h3 a{ font-size: 30px; font-weight: 800; color: #001328; } .single-blog-page .text-block .meta-info { font-weight: bold; font-size: 15px; margin-bottom: 10px; -webkit-transition: all .4s ease; transition: all .4s ease; } .single-blog-page .text-block .meta-info .sep { margin-left: 10px; margin-right: 10px; } .single-blog-page .text-block .meta-info a,.meta-info ul.post-info li{ color: #222; -webkit-transition: all .4s ease; transition: all .4s ease; } .single-blog-page .text-block p { font-size: 16px; line-height: 26px; color: #798593; font-weight: 400; margin: 0; margin-bottom:20px; } .single-blog-page .share-block { border-top: 2px solid #f1f7fc; border-bottom: 2px solid #f1f7fc; padding: 25px 0; margin: 30px 0; } .single-blog-page .share-block .tags-block{ font-size: 18px; color: #222; font-weight: bold; margin-right: 6px; } .single-blog-page .share-block .tags-block span { font-size: 20px; color: #001328; font-weight: bold; margin-right: 6px; } .single-blog-page .share-block .tags-block a { color: #222; margin-left: 0px; -webkit-transition: all .4s ease; transition: all .4s ease; font-size: 18px; } .single-blog-page .share-block .tags-block a:hover { color: #0f6fd5; } .single-blog-page .share-block .social-block a { font-size: 22px; color: #798593; -webkit-transition: all .4s ease; transition: all .4s ease; display: inline-block; vertical-align: middle; } .single-blog-page .share-block .social-block a:hover { color: #0f6fd5; } .single-blog-page .share-block .social-block a + a { margin-left: 22px; } .single-blog-page .author-block { border-bottom: 2px solid #f1f7fc; padding-bottom: 60px; margin-bottom: 60px; } .single-blog-page .author-block .author-img-box, .single-blog-page .author-block .author-text-block { display: table-cell; vertical-align: middle; } .single-blog-page .author-block .author-img-box { overflow: hidden; width: 170px; border-radius: 7px; } .single-blog-page .author-block .author-img-box > img { width: 100%; } .single-blog-page .author-block .author-text-block { padding-left: 30px; } .single-blog-page .author-block .author-text-block h3, .single-blog-page .author-block .author-text-block p { margin: 0; } .single-blog-page .author-block .author-text-block h3 { font-size: 22px; color: #001328; font-weight: bold; margin-bottom: 36px; } .single-blog-page .author-block .author-text-block p { font-size: 18px; line-height: 34px; font-weight: 600; color: #798593; margin-bottom: 35px; } .single-blog-page .author-block .author-text-block .read-more { color: #ee3234; text-transform: uppercase; font-size: 12px; font-weight: 800; line-height: 1em; text-decoration: underline; -webkit-transition: all .4s ease; transition: all .4s ease; } .single-blog-page .author-block .author-text-block .read-more:hover { color: #001328; } .single-blog-page .single-comment-block + .single-comment-block { margin-top: 60px; padding-top: 60px; border-top: 2px solid #f1f7fc; } .single-blog-page .single-comment-block .comment-img-block, .single-blog-page .single-comment-block .comment-text-block { display: table-cell; vertical-align: top; } .single-blog-page .single-comment-block .comment-img-block { width: 113px; } .single-blog-page .single-comment-block .comment-img-block > img { width: 100%; border-radius: 50%; } .single-blog-page .single-comment-block .comment-text-block { padding-left: 30px; position: relative; } .single-blog-page .single-comment-block .comment-text-block .meta-info { font-weight: bold; font-size: 15px; margin-bottom: 0px; -webkit-transition: all .4s ease; transition: all .4s ease; } .single-blog-page .single-comment-block .comment-text-block .meta-info .sep { margin-left: 10px; margin-right: 10px; } .single-blog-page .single-comment-block .comment-text-block .meta-info a { color: #0f6fd5; -webkit-transition: all .4s ease; transition: all .4s ease; } .single-blog-page .single-comment-block .comment-text-block h3, .single-blog-page .single-comment-block .comment-text-block p { margin: 0; } .single-blog-page .single-comment-block .comment-text-block h3 { font-size: 20px; color: #001328; font-weight: bold; margin-bottom: 7px; } .single-blog-page .single-comment-block .comment-text-block p { font-size: 18px; line-height: 34px; font-weight: 600; color: #798593; margin-top: 40px; width: 90%; } .single-blog-page .single-comment-block .comment-text-block .thm-btn { position: absolute; top: 0; right: 0; } .single-blog-page .comment-form-block { border-top: 2px solid #f1f7fc; padding-top: 60px; margin-top: 60px; } .comments-block-title, .comment-form-block-title { margin: 0; color: #001328; font-size: 30px; font-weight: 800; margin-bottom: 60px; } /************************** * 16. cta styles ***************************/ .cta-one { background: #f1f7fc url(images/gray-shape-bg2.jpg) center center no-repeat; background-size: cover; } .cta-one-content .sec-title { margin-bottom: 40px; } .contact_today_1 .cta-one-content { text-align: center; } .contact_today_1 .text-right { text-align: center !important; } .cta-one-content .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) { width: 100%; max-width: 470px; border: 2px solid #CCD7E0; border-radius: 30px; margin-bottom: 20px; } .cta-one-content .bootstrap-select > .dropdown-toggle { border: none !important; outline: none !important; background-color: transparent; padding: 18px 38px; -webkit-box-shadow: none !important; box-shadow: none !important; } .cta-one-content .dropdown-toggle::after { border: none; width: auto; height: auto; content: '\f107'; font-family: 'FontAwesome'; color: #798593; font-size: 16px; width: 66px; height: 60px; text-align: center; border-left: 2px solid #CCD7E0; position: absolute; top: 0; right: 0; line-height: 60px; } .cta-one-content .btn-tag-line { display: block; color: #798593; font-size: 20px; font-family: 'Covered By Your Grace'; letter-spacing: 0; margin-left: 90px; margin-top: 20px; } .cta-one-content .btn-tag-line i { display: inline-block; -webkit-transform: rotate(-85deg) scale(1, 1) translate(6px, -10px); transform: rotate(-85deg) scale(1, 1) translate(6px, -10px); font-size: 27px; } .cta-two { text-align: center; } [class*=cta-block-] { position: relative; background-position: center center; background-repeat: no-repeat; background-size: cover; padding: 119.5px 0; } [class*=cta-block-]:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .cta-block-one:before { opacity: .75; background: #001328; } .cta-block-two:before { opacity: .8; background: #0f6fd5; } [class*=cta-block-] .inner-box { position: relative; } [class*=cta-block-] h3 { color: #FFFFFF; font-size: 40px; font-weight: 700; margin-bottom: 30px; } [class*=cta-block-] .btn-box .btn-tag-line { display: block; color: #FFFFFF; font-size: 20px; font-family: 'Covered By Your Grace'; letter-spacing: 0; margin-right: 100px; margin-top: 15px; } [class*=cta-block-] .btn-box .btn-tag-line i { display: inline-block; -webkit-transform: rotate(-85deg) scale(1, -1) translate(3px, 0px); transform: rotate(-85deg) scale(1, -1) translate(3px, 0px); font-size: 22px; } .cta-block-two .thm-btn { background: #fff; color: #001328; -webkit-box-shadow: 0px 10px 30px 0px rgba(255, 255, 255, 0.3); box-shadow: 0px 10px 30px 0px rgba(255, 255, 255, 0.3); } .cta-block-two .thm-btn:hover { background: #ee3234; color: #fff; -webkit-box-shadow: 0px 10px 30px 0px rgba(238, 50, 52, 0.3); box-shadow: 0px 10px 30px 0px rgba(238, 50, 52, 0.3); } /* * cta three */ .cta-three .container { position: relative; } .cta-three .container:before { content: ''; width: calc(100% - 400px); height: calc(100% - 200px); position: absolute; bottom: 0; right: 0; border-radius: 6px; background: #f1f7fc; } .cta-three .featured-image { border-radius: 6px; } .cta-three .cta-btn { background: #ee3234; width: 100%; border-radius: 6px; color: #FFFFFF; font-size: 20px; font-weight: 600; display: block; position: relative; padding: 38px 0; padding-left: 85px; -webkit-box-shadow: 0px 10px 30px 0px rgba(238, 50, 52, 0.3); box-shadow: 0px 10px 30px 0px rgba(238, 50, 52, 0.3); text-align: left; -webkit-transition: all .4s ease; transition: all .4s ease; width: 100%; max-width: 340px; } .cta-three .cta-btn.two { background: #0f6fd5; -webkit-box-shadow: 0px 10px 30px 0px rgba(15, 111, 213, 0.3); box-shadow: 0px 10px 30px 0px rgba(15, 111, 213, 0.3); margin-top: 30px; } .cta-three .cta-btn i { font-size: 29px; position: absolute; top: 50%; left: 40px; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .cta-three .cta-btn:hover { background: #fff; color: #001328; } .cta-three .sec-title { margin-bottom: 165px; } .cta-three .single-content { padding-right: 122px; } .cta-three .single-content + .single-content { margin-top: 30px; } .cta-three .single-content .icon-box, .cta-three .single-content .text-box { display: table-cell; vertical-align: middle; } .cta-three .single-content .icon-box i { display: block; width: 109px; height: 109px; border-radius: 50%; color: #0f6fd5; font-size: 42px; text-align: center; background: #ffffff; border: 1px solid #CCD7E0; line-height: 109px; } .cta-three .single-content .text-box { padding-left: 30px; } .cta-three .single-content .text-box p { color: #798593; font-size: 18px; line-height: 34px; font-weight: 600; } .cta-three .btn-box { margin-top: 50px; } .cta-three .btn-box .btn-tag-line { display: block; color: #798593; font-size: 20px; font-family: 'Covered By Your Grace'; letter-spacing: 0; margin-top: 20px; -webkit-transform: translateX(-35px); transform: translateX(-35px); } .cta-three .btn-box .btn-tag-line i { display: inline-block; -webkit-transform: rotate(-85deg) scale(1, -1) translate(3px, 0px); transform: rotate(-85deg) scale(1, -1) translate(3px, 0px); font-size: 22px; } .cta-four { background: #0f6fd5; padding: 126px 0; } .cta-four h3 { margin: 0; color: #FFFFFF; font-weight: 800; font-size: 40px; } .cta-four .btn-box { position: relative; } .cta-four .btn-box .btn-tag-line { width: 100%; position: absolute; top: calc(100% + 20px); left: 50%; -webkit-transform: translateX(-100%); transform: translateX(-100%); } .cta-four .btn-box .btn-tag-line { color: #DBEAFB; font-size: 20px; font-family: 'Covered By Your Grace'; letter-spacing: 0; } .cta-four .btn-box .btn-tag-line i { display: inline-block; -webkit-transform: rotate(-85deg) scale(1, -1) translate(3px, 0px); transform: rotate(-85deg) scale(1, -1) translate(3px, 0px); font-size: 20px; } .cta-five.black-shape-bg { background: #001328 url(images/black-shape-bg.jpg) top right no-repeat; background-size: cover; } .cta-five .cta-content .sec-title { margin-bottom: 40px; } .cta-five .cta-content p { margin: 0; color: #DBEAFB; font-size: 18px; font-weight: 600; line-height: 34px; width: 91%; margin-bottom: 40px; } .cta-five .cta-content a.read-more { color: #DBEAFB; font-size: 12px; font-weight: bold; text-transform: uppercase; text-decoration: underline; } .cta-five .cta-five-box-outer { border-top: 2px solid rgba(255, 255, 255, 0.05); padding-top: 120px; margin-top: 120px; } .cta-five .single-cta-box h3, .cta-five .single-cta-box p { margin: 0; } .cta-five .single-cta-box i { font-size: 59px; color: #fff; } .cta-five .single-cta-box h3 { font-size: 22px; font-weight: 800; line-height: 34px; margin-top: 20px; margin-bottom: 30px; } .cta-five .single-cta-box h3 a { color: #FFFFFF; } .cta-five .single-cta-box p { color: #fff; font-weight: 600; font-size: 18px; line-height: 34px; } .cta-five.home-five .cta-content p { color: #798593; } .cta-five.home-five .cta-content a.read-more { color: #ee3234; } .cta-six .sec-title { margin-bottom: 55px; } .cta-six .btn-tag-line { display: block; color: #798593; font-size: 20px; font-family: 'Covered By Your Grace'; letter-spacing: 0; margin-right: 100px; margin-top: 15px; } .cta-six .btn-tag-line i { display: inline-block; -webkit-transform: rotate(-85deg) scale(1, -1) translate(3px, 0px); transform: rotate(-85deg) scale(1, -1) translate(3px, 0px); font-size: 22px; } .cta-seven { background: #0f6fd5 url(images/blue-shape-bg3.jpg) right center no-repeat; background-size: cover; padding: 69px 0; margin-top: 30px; border-radius: 7px; text-align: center; } .cta-seven span { text-transform: uppercase; font-size: 12px; color: #FFFFFF; font-weight: bold; } .cta-seven h3 { margin: 0; font-size: 22px; line-height: 34px; font-weight: 800; color: #FFFFFF; width: 69%; margin-left: auto; margin-right: auto; margin-bottom: 34px; } /************************** * 17. footer styles ***************************/ .site-footer { background: #001328 url(images/footer-bg-1-1.jpg) center right no-repeat; background-size: cover; clear: both; } .site-footer .upper-footer { padding-top: 18px; padding-bottom: 0px; } .follow_text p { font-size: 18px; color: #DBE9FA; font-weight: 700; margin-bottom: 10px; } .footer-widget.links-widget-one { padding-left: 20px; } .footer-widget .title-box h3 { margin: 0; color: #FFFFFF; font-size: 20px; font-weight: 800; margin-bottom: 20px; padding-top:0px; } .footer-widget .btn-box, .footer-widget .social { display: inline-block; vertical-align: top; } .footer-widget .social { padding: 16.5px 0; margin-left: 0px; } .footer-widget .social .li { display: inline-block; margin-right: 20px; } .footer-widget .social .li a { color: #FFFFFF; font-size: 22px; -webkit-transition: all .4s ease; transition: all .4s ease; } .footer-widget .social .li a:hover { color: #0f6fd5; } .footer-widget .social a + a { margin-left: 28px; } .footer-widget ul.link-lists { margin: 0; padding: 0; list-style: none; } .footer-widget ul.link-lists li + li { margin-top: 10px; } .footer-widget ul.link-lists li a { color: #DBE9FA; font-size: 16px; font-weight: 700; display: block; position: relative; padding-right: 20px; } .footer-widget ul.link-lists li a:after { content: '\f061'; font-family: 'FontAwesome'; font-size: 10px; position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%) translateX(10px); transform: translateY(-50%) translateX(10px); opacity: 0; -webkit-transition: all .4s ease; transition: all .4s ease; display: none; } .footer-widget ul.link-lists li:hover a:after { -webkit-transform: translateY(-50%) translateX(0); transform: translateY(-50%) translateX(0); opacity: 1; } .footer-widget .btn-box .thm-btn { padding: 18px 62.5px; } .footer-widget .btn-box .btn-tag-line { display: block; color: #DBEAFB; font-size: 20px; font-family: 'Covered By Your Grace'; letter-spacing: 0; margin-top: 20px; } .footer-widget .btn-box .btn-tag-line i { display: inline-block; -webkit-transform: rotate(-85deg) scale(1, -1) translate(3px, 0px); transform: rotate(-85deg) scale(1, -1) translate(3px, 0px); font-size: 27px; } .site-footer .bottom-footer {} .site-footer .bottom-footer p { margin: 0; text-align: center; color: #DBEAFB; font-size: 16px; font-weight: 600; border-top: 2px solid rgba(255, 255, 255, 0.05); padding: 34.5px 0; } .site-footer .bottom-footer p a { text-decoration: underline; color: #DBEAFB; -webkit-transition: all .4s ease; transition: all .4s ease; } .site-footer .bottom-footer p a:hover { color: #ee3234; } /************************** * 18. sales point styles ***************************/ .payonline-sales-point { background: #f1f7fc url(images/gray-shape-bg3.jpg) right center no-repeat; background-size: cover; } .single-sales-point { position: relative; border-radius: 6px; overflow: hidden; border: 1px solid #CCD7E0; } .single-sales-point .map-box .google-map { width: 100%; height: 272px; } .single-sales-point .text-box { position: absolute; background: #fff; top: 0; left: 0; right: 0; bottom: 0; z-index: 10; padding-left: 60px; padding-top: 60px; -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; -webkit-transition: all .4s ease; transition: all .4s ease; } .single-sales-point:hover { -webkit-box-shadow: 0px 10px 30px 0px rgba(0, 19, 40, 0.3); box-shadow: 0px 10px 30px 0px rgba(0, 19, 40, 0.3); } .single-sales-point:hover .text-box { -webkit-transform: translateY(30px); transform: translateY(30px); opacity: 0; } .single-sales-point .text-box h3, .single-sales-point .text-box ul { margin: 0; padding: 0; list-style: none; } .single-sales-point .text-box h3 { font-size: 20px; color: #001328; font-weight: 800; margin-bottom: 40px; } .single-sales-point .text-box ul li { position: relative; padding-left: 25px; font-size:17px; } .single-sales-point .text-box ul li + li { margin-top: 5px; } .single-sales-point .text-box ul li i { color: #bababa; font-size: 13px; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .sales-carousel .owl-dots { margin-top: 35px; } .sales-carousel .owl-dots .owl-dot span { margin: 0 2.5px; background: #919CA7; } .sales-carousel .owl-dots .owl-dot.active span { background: #0f6fd5; } .payonline-sales-point.home-six { background: #001328 url(images/sales-point-bg.jpg) center center no-repeat fixed; background-size: cover; position: relative; } .payonline-sales-point.home-six:before { content: ''; background: #001328; position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: .85; } .payonline-sales-point.home-six .container { position: relative; } .payonline-sales-point.home-six .single-sales-point { border: none; } .payonline-sales-point.home-six .single-sales-point .text-box { background: #001328; } .payonline-sales-point.home-six .single-sales-point .text-box h3, .payonline-sales-point.home-six .single-sales-point .text-box ul.info-list li { color: #fff; } .payonline-sales-point.home-six .sales-carousel .owl-dots .owl-dot span { background: #fff; } .payonline-sales-point.home-six .sales-carousel .owl-dots .owl-dot.active span { background: #ee3234; } .payonline-sales-point.location-page { padding-bottom: 90px; background-image: none; } .payonline-sales-point.location-page .single-sales-point { margin-bottom: 30px; } .top-location-block .text-block .sec-title { margin: 0; } .top-location-block .text-block p { font-size: 18px; line-height: 34px; color: #798593; font-weight: 600; margin: 0; margin-top: 35px; margin-bottom: 45px; } .top-location-block .text-block .btn-box { display: inline-block; position: relative; } .top-location-block .text-block .btn-box .btn-tag-line { position: absolute; top: calc(100% + 20px); left: 50%; -webkit-transform: translateX(-10%); transform: translateX(-10%); color: #798593; font-size: 20px; font-family: 'Covered By Your Grace'; width: 100%; } .top-location-block .text-block .btn-box .btn-tag-line i { display: inline-block; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); margin-right: 10px; } .top-location-block .contact-info { background: #f1f7fc; padding: 60px; border-radius: 7px; } .top-location-block .contact-info h3, .top-location-block .contact-info ul { margin: 0; padding: 0; list-style: none; } .top-location-block .contact-info h3 { font-size: 26px; font-weight: 800; line-height: 34px; color: #001328; margin-bottom: 40px; } .top-location-block .contact-info ul li { position: relative; padding-left: 35px; font-size: 18px; font-weight: 600; color: #798593; } .top-location-block .contact-info ul li + li { margin-top: 10px; } .top-location-block .contact-info ul li i { color: #ee3234; font-size: 20px; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .top-location-block .contact-info .social { border-top: 2px solid #fff; padding-top: 50px; margin-top: 50px; } .top-location-block .contact-info .social a { font-size: 22px; color: #001328; display: inline-block; vertical-align: middle; -webkit-transition: all .4s ease; transition: all .4s ease; } .top-location-block .contact-info .social a + a { margin-left: 34px; } .top-location-block .contact-info .social a:hover { color: #0f6fd5; } /************************** * 19. team styles ***************************/ .single-team-style-one { text-align: center; } .single-team-style-one .top-box { position: relative; display: inline-block; } .single-team-style-one .top-box .img-box { overflow: hidden; border-radius: 50%; } .single-team-style-one .top-box .img-box:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #001328; opacity: .6; border-radius: 50%; -webkit-transition: all .4s ease; transition: all .4s ease; -webkit-transform: scale(0); transform: scale(0); } .single-team-style-one:hover .top-box .img-box:before { -webkit-transform: scale(1); transform: scale(1); } .single-team-style-one .top-box .img-box img { border-radius: 50%; } .single-team-style-one .top-box .social { position: absolute; bottom: 0; right: 0; } .single-team-style-one .top-box .social a { display: inline-block; width: 60px; height: 60px; background: #FFFFFF; border-radius: 50%; color: #001328; font-size: 18px; line-height: 60px; text-align: center; -webkit-transition: all .4s ease; transition: all .4s ease; } .single-team-style-one:hover .top-box .social a { background: #0f6fd5; color: #fff; -webkit-box-shadow: 5px 9px 30px 0px rgba(15, 111, 213, 0.3); box-shadow: 5px 9px 30px 0px rgba(15, 111, 213, 0.3); } .single-team-style-one .text-box { text-align: center; margin-top: 15px; } .single-team-style-one .text-box h3, .single-team-style-one .text-box p { margin: 0; -webkit-transition: all .4s ease; transition: all .4s ease; } .single-team-style-one .text-box h3 { font-size: 20px; font-weight: 800; margin-bottom: 5px; } .single-team-style-one .text-box h3 a { color: #001328; } .single-team-style-one .text-box h3 a:hover { color: #0f6fd5; } .single-team-style-one .text-box p { color: #798593; font-size: 16px; font-weight: 600; } .single-team-style-two { position: relative; overflow: hidden; border-radius: 7px; } .single-team-style-two:before { z-index: 10; background: #001328; /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ background: -webkit-gradient(linear, left top, left bottom, from(#001328), to(#0f6fd5)); background: linear-gradient(to bottom, #001328 0%, #0f6fd5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#001328', endColorstr='#0f6fd5', GradientType=0); /* IE6-9 */ -webkit-transform-origin: bottom center; transform-origin: bottom center; opacity: .85; } .single-team-style-two .box { position: absolute; top: 0; left: 0; bottom: 0; right: 0; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; padding: 60px; z-index: 10; -webkit-transition: all .4s ease; transition: all .4s ease; opacity: 0; } .single-team-style-two .box h3 { font-size: 26px; font-weight: 800; margin: 0; margin-bottom: 10px; } .single-team-style-two .box h3 a { color: #fff; } .single-team-style-two .box span { font-size: 12px; text-transform: uppercase; font-weight: 700; line-height: 1em; color: #fff; } .single-team-style-two .box .social { margin-top: 10px; } .single-team-style-two .box .social a { font-size: 16px; color: #fff; -webkit-transition: all .4s ease; transition: all .4s ease; } .single-team-style-two .box .social a:hover { color: #ee3234; } .single-team-style-two .box .social a + a { margin-left: 16px; } .single-team-style-two:hover:before { -webkit-transform-origin: top center; transform-origin: top center; } .single-team-style-two:hover .box { opacity: 1; } .team-page .single-team-style-one { margin-bottom: 60px; } /************************** * 20. testimonials styles ***************************/ .single-testimonial-one .img-box { overflow: hidden; border-radius: 8px; width: calc(100% - 420px); float: right; } .single-testimonial-one .text-box { width: 400px; background: #001328; border-radius: 8px; float: left; position: relative; padding:65px 50px; } .single-testimonial-one .text-box .payonline-icon-left-quotes-sign { font-size: 103px; color: #FFFFFF; opacity: .05; position: absolute; top: -15px; left: 20px; } .single-testimonial-one .text-box h3, .single-testimonial-one .text-box p { margin: 0; } .single-testimonial-one .text-box p { color: #DBE9FA; font-size: 22px; line-height: 48px; font-weight: 600; } .single-testimonial-one .text-box h3 { color: #FFFFFF; font-weight: 800; font-size: 18px; margin-top: 45px; } .testimonials-carousel.owl-theme .owl-nav { margin: 0; } .testimonials-carousel.owl-theme .owl-dots { position: absolute; bottom: 20px; right: 20px; } .testimonials-carousel.owl-theme .owl-dots .owl-dot + .owl-dot { margin-left: 5px; } .testimonials-carousel.owl-theme .owl-dots .owl-dot span { background: #DBE9FA; opacity: .4; margin: 0; } .testimonials-carousel.owl-theme .owl-dots .owl-dot.active span { opacity: 1; } .testimonials-style-two .bx-wrapper { border: none; -webkit-box-shadow: none; box-shadow: none; margin: 0; } .testimonials-style-two .bx-wrapper ul { margin: 0; padding: 0; list-style: none; } .single-testimonial-two { position: relative; padding-bottom: 110px; padding-top: 110px; background-size: cover; background-position: center; background-repeat: no-repeat; background-size: cover; } .single-testimonial-two:before { content: ''; background: #001328; opacity: .8; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .single-testimonial-two .container { position: relative; } .single-testimonial-two .text-box i { font-size: 56px; color: rgba(255, 255, 255, 0.1); } .single-testimonial-two .text-box p { color: #FFFFFF; font-size: 30px; line-height: 46px; font-weight: 700; margin: 0; margin-top: 10px; margin-bottom: 70px; } .single-testimonial-two .text-box h3 { font-size: 22px; font-weight: 700; color: #fff; margin: 0; margin-bottom: 40px; } .single-testimonial-two .text-box ul { margin: 0; padding: 0; list-style: none; } .single-testimonial-two .text-box ul li { color: #DBE9FA; font-size: 18px; line-height: 34px; font-weight: 700; } .single-testimonial-two .video-popup-box { width: 100%; } .single-testimonial-two .video-popup-box .video-popup { display: block; position: relative; width: 100%; text-align: center; } .single-testimonial-two .video-popup-box .video-popup i.fa-play { display: inline-block; width: 115px; height: 60px; background: #ee3234; border-radius: 30px; color: #fff; font-size: 16px; line-height: 60px; text-align: center; -webkit-box-shadow: 0px 10px 30px 0px rgba(238, 50, 52, 0.3); box-shadow: 0px 10px 30px 0px rgba(238, 50, 52, 0.3); -webkit-transition: all .4s ease; transition: all .4s ease; } .single-testimonial-two .video-popup-box .video-popup i.fa-play:hover { color: #fff; background: #0f6fd5; -webkit-box-shadow: 0px 10px 30px 0px rgba(15, 111, 213, 0.3); box-shadow: 0px 10px 30px 0px rgba(15, 111, 213, 0.3); } .single-testimonial-two .video-popup-box .video-popup .btn-tag-line { position: absolute; bottom: -45px; left: 50%; width: 100%; -webkit-transform: translateX(-70%); transform: translateX(-70%); color: #FFFFFF; font-family: 'Covered By Your Grace'; font-size: 20px; } .single-testimonial-two .video-popup-box .video-popup .btn-tag-line i { display: inline-block; -webkit-transform: rotate(-85deg) scale(1, -1) translate(3px, 0px); transform: rotate(-85deg) scale(1, -1) translate(3px, 0px); } #testi-pager { padding: 60px 0; } #testi-pager .pager-item { background: #001328; display: block; border-radius: 6px; overflow: hidden; } #testi-pager img { width: 100%; -webkit-transition: all .4s ease; transition: all .4s ease; } #testi-pager .pager-item.active img { opacity: .2; } .single-testimonial-style-three { display: block; background: #f1f7fc; overflow: hidden; border-radius: 7px; padding: 0 60px; padding-top: 50px; padding-bottom: 60px; position: relative; -webkit-transition: all .4s ease; transition: all .4s ease; } .single-testimonial-style-three:before { border-radius: 7px; background: #0f6fd5; -webkit-transform-origin: center bottom; transform-origin: center bottom; } .single-testimonial-style-three i { font-size: 103px; color: #001328; opacity: .05; position: absolute; top: -20px; left: 20px; -webkit-transition: all .4s ease; transition: all .4s ease; } .single-testimonial-style-three p, .single-testimonial-style-three h3 { margin: 0; } .single-testimonial-style-three p { font-size: 22px; line-height: 40px; font-weight: 600; color: #798593; margin-bottom: 30px; -webkit-transition: all .4s ease; transition: all .4s ease; } .single-testimonial-style-three h3 { font-size: 18px; color: #0f6fd5; font-weight: 800; -webkit-transition: all .4s ease; transition: all .4s ease; } .single-testimonial-style-three .client-box { border-top: 2px solid #ffffff; padding-top: 40px; } .single-testimonial-style-three .client-box img, .single-testimonial-style-three .client-box h3 { display: inline-block; vertical-align: middle; } .single-testimonial-style-three .client-box img { border-radius: 50%; margin-right: 10px; width: auto; max-width: none; } .single-testimonial-style-three:hover { -webkit-box-shadow: 0px 10px 30px rgba(15, 111, 213, 0.3); box-shadow: 0px 10px 30px rgba(15, 111, 213, 0.3); } .single-testimonial-style-three:hover:before { -webkit-transform-origin: center top; transform-origin: center top; } .single-testimonial-style-three:hover p, .single-testimonial-style-three:hover h3 { color: #fff; } .testimonials-carousel-two .owl-dots { margin-top: 35px; } .testimonials-carousel-two .owl-dots .owl-dot span { margin: 0 2.5px; background: #919CA7; } .testimonials-carousel-two .owl-dots .owl-dot.active span { background: #0f6fd5; } .testimonials-style-four { background: #f1f7fc; } .testimonials-style-four .container { max-width: 640px; margin-left: auto; margin-right: auto; } .testimonials-style-four ul.slider { margin: 0; padding: 0; list-style: none; } .testimonials-style-four .bx-wrapper { margin: 0; padding: 0; border: none; -webkit-box-shadow: none; box-shadow: none; background-color: transparent; } .testimonials-style-four #testi-pager-2 { margin-top: 50px; } .testimonials-style-four #testi-pager-2 a { display: inline-block; vertical-align: middle; } .testimonials-style-four #testi-pager-2 a + a { margin-left: 10px; } .testimonials-style-four #testi-pager-2 a.active img { opacity: 1; } .testimonials-style-four #testi-pager-2 img { opacity: .4; border-radius: 50%; -webkit-transition: all .4s ease; transition: all .4s ease; } .single-testimonial-four { text-align: center; } .single-testimonial-four h3, .single-testimonial-four p { margin: 0; } .single-testimonial-four p { color: #001328; font-size: 20px; line-height: 36px; font-weight: 700; } .single-testimonial-four h3 { color: #0f6fd5; font-size: 18px; font-weight: 700; margin-top: 30px; } .single-testimonial-four span { text-transform: uppercase; font-size: 12px; color: #707070; font-weight: 700; letter-spacing: .04em; } .testimonials-style-three.testimonials-page { padding-bottom: 90px; } .testimonials-style-three.testimonials-page .single-testimonial-style-three { margin-bottom: 30px; } /************************** * 21. about styles ***************************/ .about-style-one .about-content { text-align: center; padding: 0 33px; } .about-style-one .about-content .sec-title { margin-bottom: 0; } .about-style-one .about-content p { color: #798593; font-size: 18px; line-height: 34px; font-weight: 600; margin-bottom: 0; margin-top: 35px; margin-bottom: 52px; } .about-style-one .featured-image-box .img-box { overflow: hidden; border-radius: 8px; margin-bottom: 20px; } .about-style-one .featured-image-box .text-box { background: #f1f7fc; border-radius: 8px; padding: 55px 53px; } .about-style-one .featured-image-box .text-box h3, .about-style-one .featured-image-box .text-box p { margin: 0; } .about-style-one .featured-image-box .text-box h3 { font-size: 22px; color: #001328; font-weight: 700; margin-bottom: 30px; } .about-style-one .featured-image-box .text-box p { color: #798593; font-size: 18px; line-height: 34px; font-weight: 600; } .about-style-two .sec-title { margin: 0; } .about-style-two p { color: #798593; font-size: 18px; line-height: 34px; margin: 0; font-weight: 600; margin-top: 40px; margin-bottom: 40px; } .about-style-two .about-image-box { position: relative; } .about-style-two .about-image-box img { border-radius: 7px; -webkit-box-shadow: 0px 10px 60px rgba(0, 19, 40, 0.3); box-shadow: 0px 10px 60px rgba(0, 19, 40, 0.3); } .about-style-two .about-image-box img.normal-img { display: block; position: relative; z-index: 1; } .about-style-two .about-image-box img.normal-img-hvr { position: absolute; top: 0; left: 0; opacity: 0; -webkit-transition: all .4s ease; transition: all .4s ease; z-index: 2; } .about-style-two .about-image-box img.floated-img { position: absolute; left: 50%; bottom: 80px; z-index: 2; } .about-style-two .about-image-box:hover img.normal-img-hvr { opacity: 1; z-index: 5; } /************************** * 22. fun fact styles ***************************/ .fun-fact-style-one { background: #f1f7fc; padding: 118px 0; } .fun-fact-style-one .sec-title { margin-bottom: 0; } .single-fun-fact-style-one { padding: 27px 0; padding-bottom: 0; } .single-fun-fact-style-one h3, .single-fun-fact-style-one p { margin: 0; } .faqsec2 .single-fun-fact-style-one { padding-top: 0px; } .faqsec2 .single-fun-fact-style-one h3 { margin-top: 0px; } .single-fun-fact-style-one h3 { color: #ee3234; font-size: 40px; font-weight: 800; margin-top: 30px; } .single-fun-fact-style-one p { font-size: 18px; color: #798593; font-weight: 600; margin-top: 4px; } /************************** * 23. pricing styles ***************************/ .pricing-style-one { background: #f1f7fc; padding-bottom: 105px; } .single-pricing-style-one { text-align: center; background: white; padding-bottom: 35px; -webkit-box-shadow: 0px 10px 30px 0px rgba(20, 3, 67, 0.08); box-shadow: 0px 10px 30px 0px rgba(20, 3, 67, 0.08); } .single-pricing-style-one .top-box { background: #ffffff; border: 1px solid #ccd7e0; border-radius: 8px; text-align: center; padding: 51px 0; margin-bottom: 25px; } .single-pricing-style-one .top-box .title-line { color: #001328; font-size: 20px; font-weight: 700; } .single-pricing-style-one .top-box h3 { margin: 0; color: #798593; font-weight: 600; font-size: 18px; line-height: 1em; margin-top: 20px; margin-bottom: 40px; } .single-pricing-style-one .top-box h3 .amount { color: #0f6fd5; font-size: 40px; display: inline-block; font-weight: 800; vertical-align: baseline; } .single-pricing-style-one .top-box h3 .currency { color: #0f6fd5; font-size: 18px; font-weight: 800; display: inline-block; vertical-align: super; position: relative; top: -10px; right: 2px; } .single-pricing-style-one .top-box .qty-line { display: block; font-size: 12px; color: #0f6fd5; text-transform: uppercase; text-decoration: underline; font-weight: 700; margin-top: 25px; } .single-pricing-style-one ul { padding: 0; margin: 0; list-style: none; } .single-pricing-style-one ul li { color: #798593; font-size: 18px; line-height: 46px; font-weight: 600; padding-left: 55px; text-align: left; } .single-pricing-style-one.popular .top-box { -webkit-box-shadow: 0px 10px 30px rgba(204, 215, 224, 0.3); box-shadow: 0px 10px 30px rgba(204, 215, 224, 0.3); } .single-pricing-style-one.popular .thm-btn { background: #001328; -webkit-box-shadow: 0px 10px 30px 0px rgba(0, 19, 40, 0.3); box-shadow: 0px 10px 30px 0px rgba(0, 19, 40, 0.3); } .single-pricing-style-one.popular .thm-btn:hover { background: #0f6fd5; color: #fff; -webkit-box-shadow: 0px 10px 30px 0px rgba(15, 111, 213, 0.3); box-shadow: 0px 10px 30px 0px rgba(15, 111, 213, 0.3); } /************************** * 24. review styles ***************************/ .review-block-one { background: #0f6fd5 url(images/blue-shape-bg1.jpg) right top no-repeat; background-size: cover; } .review-block-one .sec-title { margin-bottom: 0; } .review-block-one .review-content p { color: #D8EAFF; font-size: 22px; line-height: 34px; margin: 0; margin-top: 40px; margin-bottom: 50px; } .review-block-one .icon-box { display: inline-block; width: 302px; height: 302px; background: #001328; border-radius: 50%; text-align: center; } .review-block-one .icon-box i { text-align: center; color: #fff; font-size: 181px; line-height: 302px; } /************************** * 25. faq styles ***************************/ .faq-style-one .faq-image-box { overflow: hidden; border-radius: 8px; position: relative; display: inline-block; } .faq-style-one .faq-image-box .box { max-width: 255px; background: #ee3234; border-radius: 8px; padding: 0; color: #FFFFFF; font-size: 22px; font-weight: 800; position: absolute; bottom: 20px; left: 20px; padding: 47px 50px; } .faq-style-one .accrodion-grp .accrodion { border: 1px solid #CCD7E0; border-radius: 8px; } .faq-style-one .accrodion-grp .accrodion + .accrodion { margin-top: 10px; } .faq-style-one .accrodion-grp .accrodion .accrodion-title { padding: 25.5px 35px; cursor: pointer; border-radius: 8px; -webkit-transition: all .4s ease; transition: all .4s ease; } .faq-style-one .accrodion-grp .accrodion .accrodion-title h4 { margin: 0; position: relative; font-size: 20px; color: #001328; font-weight: 700; } .faq-style-one .accrodion-grp .accrodion .accrodion-title h4:after { content: "\f067"; font-family: 'FontAwesome'; color: #001328; font-size: 14px; position: absolute; top: 50%; right: 0px; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .faq-style-one .accrodion-grp .accrodion .accrodion-content { padding-top: 0px; } .faq-style-one .accrodion-grp .accrodion .accrodion-content .inner { padding: 20px 55px; padding-top: 0; padding-bottom: 0; padding-left: 35px; padding-bottom: 30px; } .faq-style-one .accrodion-grp .accrodion .accrodion-content p { margin: 0; font-size: 18px; line-height: 34px; color: #798593; } .faq-style-one .accrodion-grp .accrodion.active .accrodion-title h4 { color: #0f6fd5; } .faq-style-one .accrodion-grp .accrodion.active .accrodion-title h4:after { content: "\f068"; } .single-faq-two { border: 1px solid #ccd7e0; border-radius: 7px; -webkit-transition: all .4s ease; transition: all .4s ease; padding: 55px 50px; overflow: hidden; position: relative; } .single-faq-two i { display: inline-block; width: 40px; height: 40px; background: #ee3234; color: #FFFFFF; line-height: 40px; border-radius: 50%; font-size: 16px; text-align: center; margin-bottom: 30px; } .single-faq-two h3 { font-size: 20px; color: #001328; font-weight: 700; margin: 0; } .single-faq-two h3 a { color: #001328; -webkit-transition: all .4s ease; transition: all .4s ease; } .single-faq-two h3 a:hover { color: #0f6fd5; } .single-faq-two p { font-size: 16px; line-height: 30px; color: #798593; font-weight: 600; margin: 0; margin-bottom: 35px; margin-top: 30px; } .single-faq-two .read-more { color: #ee3234; font-size: 12px; font-weight: 800; text-transform: uppercase; text-decoration: underline; -webkit-transition: all .4s ease; transition: all .4s ease; } .single-faq-two .read-more:hover { color: #0f6fd5; } .single-faq-two .text-black { visibility: hidden; opacity: 0; -webkit-transition: all .4s ease; transition: all .4s ease; } .single-faq-two .title-block { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #fff; padding: 55px 50px; -webkit-transition: all .4s ease; transition: all .4s ease; -webkit-transform: scale(1, 1); transform: scale(1, 1); -webkit-transform-origin: bottom right; transform-origin: bottom right; border-radius: 7px; } .single-faq-two:hover { -webkit-box-shadow: 0px 10px 30px rgba(204, 215, 224, 0.3); box-shadow: 0px 10px 30px rgba(204, 215, 224, 0.3); } .single-faq-two:hover .text-black { visibility: visible; opacity: 1; } .single-faq-two:hover .title-block { opacity: 0; visibility: hidden; -webkit-transform: scale(0, 0); transform: scale(0, 0); -webkit-transform-origin: top left; transform-origin: top left; } .faq-carousel-one .owl-dots { margin-top: 35px; } .faq-carousel-one .owl-dots .owl-dot span { margin: 0 2.5px; background: #919CA7; } .faq-carousel-one .owl-dots .owl-dot.active span { background: #0f6fd5; } /************************** * 26. contact styles ***************************/ .meeting-form-wrapper { position: relative; } .meeting-form-wrapper .sec-title { margin-bottom: 40px; } .meeting-form-wrapper:before { content: ''; position: absolute; top: 0; left: 0; width: calc(50% + 300px); height: 100%; background: #f1f7fc; } .single-form-step { padding-right: 56px; position: relative; } .single-form-step:before { content: ''; width: 2px; height: 100%; background: #0f6fd5; position: absolute; top: 55px; left: 30px; z-index: 0; } .single-form-step + .single-form-step { margin-top: 40px; } .single-form-step:last-child:before { display: none; } .single-form-step .count-box, .single-form-step .text-box { display: table-cell; vertical-align: top; } .single-form-step .count-box .inner-box { background: #0f6fd5; width: 60px; height: 60px; text-align: center; line-height: 42px; border-radius: 50%; color: #FFFFFF; font-size: 16px; font-weight: 800; border: 10px solid #fff; position: relative; z-index: 10; } .single-form-step .text-box { padding-left: 30px; } .single-form-step .text-box h3, .single-form-step .text-box p { margin: 0; } .single-form-step .text-box h3 { color: #001328; font-size: 20px; font-weight: 800; } .single-form-step .text-box p { font-size: 16px; line-height: 22px; color: #000; margin-top: 4px; } .meetform_sec .meeting-form-content.my-auto { margin-top: 0px !important; margin-bottom: 0px !important; } .meetform_sec .meeting-form .row [class*=col-] + [class*=col-] { margin-top: 0px; } .meetform_sec .meeting-form textarea { height: 80px; } .meeting-form { padding: 20px 64px; padding-right: 0; border-radius: 7px; background: #ffffff; } .meeting-form .row { margin-left: -5px; margin-right: -5px; } .meeting-form .row [class*=col-] { padding-left: 5px; padding-right: 5px; } .meeting-form .row [class*=col-] + [class*=col-] { margin-top: 10px; } .meeting-form input, .meeting-form textarea { display: block; border: none; outline: none; background-color: transparent; border-radius: 8px; height: 45px; border: 1px solid #CCD7E0; font-size: 16px; font-weight: 600; color: #798593; width: 100%; padding-left: 30px; } .meetform_sec .meeting-form .btn-box p { text-align: left; } .meetform_sec .sec-pad { padding-bottom: 30px; } .meetform_sec .meeting-form p { margin-bottom: 8px; } .meeting-form input::-webkit-input-placeholder, .meeting-form textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #798593; } .meeting-form input::-moz-placeholder, .meeting-form textarea::-moz-placeholder { /* Firefox 19+ */ color: #798593; } .meeting-form input:-ms-input-placeholder, .meeting-form textarea:-ms-input-placeholder { /* IE 10+ */ color: #798593; } .meeting-form input:-moz-placeholder, .meeting-form textarea:-moz-placeholder { /* Firefox 18- */ color: #798593; } .meeting-form textarea { height: 125px; padding-top: 15px; } .meeting-form .btn-box { margin-top: 10px; text-align: center; } .meeting-form .btn-box .btn-tag-line { display: block; color: #798593; font-size: 20px; font-family: 'Covered By Your Grace'; letter-spacing: 0; margin-top: 20px; -webkit-transform: translateX(-100px); transform: translateX(-100px); } .meeting-form .btn-box .btn-tag-line i { display: inline-block; -webkit-transform: rotate(-85deg) scale(1, -1) translate(6px, -9px); transform: rotate(-85deg) scale(1, -1) translate(6px, -9px); font-size: 27px; } .single-contact-page-info { border: 1px solid #f4f4f4; border-radius: 7px; /* padding: 55px;*/ padding: 30px 20px; -webkit-transition: all .4s ease; transition: all .4s ease; -webkit-box-shadow: 0px 11px 21.25px 3.75px rgba(233, 233, 233, 0.65); box-shadow: 0px 11px 21.25px 3.75px rgba(233, 233, 233, 0.65); } .single-contact-page-info .icon-box i { display: inline-block; /* width: 40px; */ /* height: 40px; */ /* border-radius: 50%; */ /* background: #ee3234; */ /* font-size: 14px; */ /* line-height: 40px; */ /* text-align: center; */ /* color: #fff; */ position: relative; font-size: 48px; color: #fff; background: #0057b3; height: 100px; width: 100px; line-height: 100px; text-align: center; -webkit-box-shadow: 0px 11px 21.25px 3.75px rgba(233, 233, 233, 0.65); box-shadow: 0px 11px 21.25px 3.75px rgba(233, 233, 233, 0.65); border-radius: 50%; margin: 0 auto; margin-bottom: 20px; text-align: center; margin-left: 33%; } .single-contact-page-info p { margin: 0; color: #4e5258; font-size: 18px; line-height: 28px; font-weight: 600; margin-top: 10px; text-align: center; } .single-contact-page-info:hover { -webkit-box-shadow: 0px 10px 30px rgba(204, 215, 224, 0.3); box-shadow: 0px 10px 30px rgba(204, 215, 224, 0.3); } .contact-page-content .container { max-width: 770px; } .contact-form { padding: 0 !important; } .contact-form .row { margin-left: -15px; margin-right: -15px; } .contact-form .row [class*=col-] { padding-left: 15px; padding-right: 15px; margin-bottom: 30px !important; } .contact-form .row [class*=col-]:last-child { margin-bottom: 0; } .contact-form .row [class*=col-] + [class*=col-] { margin-top: 0px; } .contact-form input.error, .contact-form textarea.error { background: rgba(255, 0, 0, 0.4); border-color: red; color: #fff; } .contact-form input.error::-webkit-input-placeholder, .contact-form textarea.error::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #fff; } .contact-form input.error::-moz-placeholder, .contact-form textarea.error::-moz-placeholder { /* Firefox 19+ */ color: #fff; } .contact-form input.error:-ms-input-placeholder, .contact-form textarea.error:-ms-input-placeholder { /* IE 10+ */ color: #fff; } .contact-form input.error:-moz-placeholder, .contact-form textarea.error:-moz-placeholder { /* Firefox 18- */ color: #fff; } .contact-form .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) { width: 100%; } .contact-form .bootstrap-select > .dropdown-toggle { border: none; outline: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; background-color: transparent; display: block; border: none; outline: none; background-color: transparent; border-radius: 8px; height: 65px; border: 1px solid #CCD7E0; font-size: 16px; font-weight: 600; color: #798593; width: 100%; padding: 19px 0; padding-left: 30px; } .contact-form .bootstrap-select > .dropdown-toggle:hover, .contact-form .bootstrap-select > .dropdown-toggle:active { background-color: transparent; } .contact-form .dropdown-toggle::after { border: none; width: auto; height: auto; content: '\f107'; font-family: 'FontAwesome'; color: #798593; font-size: 16px; position: absolute; top: 50%; right: 15px; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .contact-form .btn-box { margin-top: 0; } .contact-form label.error { display: none !important; } #contact-google-map { width: 100%; height: 530px; } /************************** * 27. time tab styles ***************************/ .time-tab-style-one { padding-top: 170px; } .time-tab-style-one .tab-title { margin: 0; padding: 0; list-style: none; border: 0; background: #f1f7fc; border-radius: 7px; margin-bottom: 60px; } .time-tab-style-one .tab-title li { display: inline-block; margin-bottom: 0 !important; float: left; width: 33.3333333%; } .time-tab-style-one .tab-title li a { display: block; border: none; outline: none; display: block; cursor: pointer; padding: 45px 0; border-radius: 0 !important; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; text-align: center; position: relative; border-radius: 7px !important; } .time-tab-style-one .tab-title li a h3 { margin: 0; font-size: 20px; color: #001328; font-weight: 800; } .time-tab-style-one .tab-title li a.active { background: #0f6fd5; } .time-tab-style-one .tab-title li a.active h3 { color: #fff; } .time-tab-style-one .single-tab-content .img-box { overflow: hidden; border-radius: 7px; } .time-tab-style-one .single-tab-content p, .time-tab-style-one .single-tab-content ul { margin: 0; padding: 0; list-style: none; } .time-tab-style-one .single-tab-content p { font-size: 18px; line-height: 34px; font-weight: 600; color: #798593; margin-bottom: 30px; } .time-tab-style-one .single-tab-content ul.list-items li { position: relative; font-size: 18px; line-height: 34px; color: #798593; padding-left: 25px; } .time-tab-style-one .single-tab-content ul.list-items li i { font-size: 14px; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); color: #ee3234; } .time-tab-style-one.gray-bg .tab-title { background: #fff; } /************************** * 28. time line styles ***************************/ .time-line-style-one { background: #001328; } .time-line-style-one .featured-image-box { margin-left: -10px; } .time-line-style-one .text-block { padding-right: 45px; } .time-line-style-one .tab-title { margin: 0; padding: 0; list-style: none; border: 0; position: relative; margin-bottom: 60px; } .time-line-style-one .tab-title:after { content: ''; width: 100%; background: #0f6fd5; height: 6px; border-radius: 3px; position: absolute; top: 100%; left: 0; } .time-line-style-one .tab-title li { display: inline-block; margin-bottom: 0 !important; } .time-line-style-one .tab-title li + li { margin-left: 59px; } .time-line-style-one .tab-title li a { display: block; border: none; outline: none; display: block; cursor: pointer; padding: 0; border-radius: 0 !important; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; text-align: center; position: relative; padding-left: 10px; padding-right: 10px; font-size: 16px; font-weight: 700; color: #FFFFFF; padding-bottom: 13px; } .time-line-style-one .tab-title li a:after { content: ''; position: absolute; top: calc(100% - 3px); left: 50%; -webkit-transform: translatex(-50%); transform: translatex(-50%); width: 12px; height: 12px; background: #001328; border: 2px solid #0f6fd5; border-radius: 50%; z-index: 1; } .time-line-style-one .tab-title li a.active { background-color: transparent; color: #fff; } .time-line-style-one .tab-title li a.active:after { background-color: #0f6fd5; } .time-line-style-one p { color: #dbeafb; font-size: 18px; line-height: 34px; font-weight: 600; } /************************** * 29. inner banner styles ***************************/ .inner-banner { background: #001328; background-size: cover; position: relative; padding-top: 262px; padding-bottom: 100px; display: none; } .page-id-56 .contact_paddt { padding-top: 130px; } .page_paddtop1 { padding-top: 130px; } .page-id-18 .page_paddtop1 section.about-style-one.sec-pad { padding-top: 40px; padding-bottom: 70px; } .blog-style-one { padding-top: 190px; } section.sec-pad.main_blog { padding-top: 160px; } .inner-banner:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #001328; opacity: .92; } .inner-banner .container { position: relative; } .inner-banner .container h1, .inner-banner .container ul { margin: 0; padding: 0; list-style: none; } .inner-banner .container .page-breadcrumb { background-color: transparent; border-radius: 0; text-align: center; display: block; margin-bottom: 25px; } .inner-banner .container .page-breadcrumb li { display: inline-block; vertical-align: middle; color: #ffffff; font-size: 19px; font-weight: 700; /* text-transform: uppercase; */ } .inner-banner .container .page-breadcrumb li + li:before { content: '-'; display: inline-block; vertical-align: middle; margin-left: 9px; margin-right: 9px; } .inner-banner .container .page-breadcrumb li a { display: inline-block; vertical-align: middle; color: #f44438; } .inner-banner .container h1 { font-size: 60px; color: #FFFFFF; font-weight: 700; } .inner-banner-two { background: #f1f7fc; padding: 15px 0; } .inner-banner-two .container h1, .inner-banner-two .container ul { margin: 0; padding: 0; list-style: none; } .inner-banner-two .container .breadcrumb { background-color: transparent; border-radius: 0; text-align: left; display: block; } .inner-banner-two .container .breadcrumb li { display: inline-block; vertical-align: middle; color: #0f6fd5; font-size: 12px; text-transform: uppercase; font-weight: 700; } .inner-banner-two .container .breadcrumb li + li:before { content: '-'; display: inline-block; vertical-align: middle; margin-left: 9px; margin-right: 9px; } .inner-banner-two .container .breadcrumb li a { display: inline-block; vertical-align: middle; color: #798593; } /************************** * 30. error 404 styles ***************************/ .error-404-page { background: #f1f7fc url(images/404-bg.jpg) right top no-repeat; background-size: cover; } .error-404-page h1, .error-404-page h2 { margin: 0; } .error-404-page h1 { font-size: 400px; color: #001328; font-weight: 800; line-height: .65em; } .error-404-page h2 { font-size: 30px; color: #0f6fd5; font-weight: 800; margin-top: 30px; margin-bottom: 60px; } .error-404-page .btn-tag-line { display: block; color: #798593; font-size: 20px; font-family: 'Covered By Your Grace'; letter-spacing: 0; margin-top: 20px; -webkit-transform: translateX(-75px); transform: translateX(-75px); } .error-404-page .btn-tag-line i { display: inline-block; -webkit-transform: rotate(-85deg) scale(1, -1) translate(3px, 0px); transform: rotate(-85deg) scale(1, -1) translate(3px, 0px); font-size: 22px; } /************************** * 31. sign in styles ***************************/ .signin-wrapper { background-repeat: no-repeat; background-size: cover; background-position: right top; } .signin-wrapper .form-block { height: 100%; width: 100%; float: left; max-width: 632px; background: #fff; padding-left: 115px; padding-right: 115px; padding-top: 190px; position: relative; } @media (max-height: 750px) { .signin-wrapper .form-block { padding-top: 100px; } } @media (max-width: 991px) { .signin-wrapper .form-block { padding-left: 50px; padding-right: 50px; max-width: 450px; } } @media (max-width: 565px) { .signin-wrapper .form-block { padding-left: 40px; padding-right: 40px; max-width: 375px; } } .signin-wrapper .form-block input, .signin-wrapper .form-block textarea { display: block; border: none; outline: none; background-color: transparent; border-radius: 8px; height: 65px; border: 1px solid #CCD7E0; font-size: 16px; font-weight: 600; color: #798593; width: 100%; padding-left: 30px; } .signin-wrapper .form-block input::-webkit-input-placeholder, .signin-wrapper .form-block textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #798593; } .signin-wrapper .form-block input::-moz-placeholder, .signin-wrapper .form-block textarea::-moz-placeholder { /* Firefox 19+ */ color: #798593; } .signin-wrapper .form-block input:-ms-input-placeholder, .signin-wrapper .form-block textarea:-ms-input-placeholder { /* IE 10+ */ color: #798593; } .signin-wrapper .form-block input:-moz-placeholder, .signin-wrapper .form-block textarea:-moz-placeholder { /* Firefox 18- */ color: #798593; } .signin-wrapper .form-block input + input { margin-top: 20px; } .signin-wrapper .form-block textarea { height: 125px; padding-top: 15px; } .signin-wrapper .form-block .thm-btn { width: 100%; display: block; margin-bottom: 40px; } .signin-wrapper .form-block .forgot-password { text-transform: uppercase; color: #0f6fd5; font-size: 12px; font-weight: bold; text-decoration: underline; display: inline-block; margin-left: 30px; margin-top: 10px; margin-bottom: 10px; } .signin-wrapper .form-block .sign-up-link { text-transform: uppercase; color: #001328; font-size: 12px; font-weight: bold; text-decoration: underline; text-align: center; } .signin-wrapper .form-block .sign-up-link a { color: #0f6fd5; -webkit-transition: all .4s ease; transition: all .4s ease; } .signin-wrapper .form-block .sign-up-link a:hover { color: #ee3234; } .signin-wrapper .form-block .copy-text { position: absolute; bottom: 60px; color: #798593; font-size: 16px; font-weight: 600; left: 0; width: 100%; text-align: center; } .signin-wrapper .form-block .copy-text a { color: #0f6fd5; text-decoration: underline; -webkit-transition: all .4s ease; transition: all .4s ease; } .signin-wrapper .form-block .copy-text a:hover { color: #ee3234; } @media (max-height: 750px) { .signin-wrapper .form-block .copy-text { position: relative; bottom: 0; margin-top: 40px; } } .signin-wrapper .background-block { width: calc(100% - 632px); float: left; min-height: 100%; background-repeat: no-repeat; background-size: cover; background-position: right top; } @media (max-height: 750px) { .signin-wrapper .background-block { display: none; } } /************************** * 32. white paper styles ***************************/ .white-paper-wrapper .row + .row { margin-top: 110px; } .white-paper-wrapper .white-paper-content { padding-left: 30px; } .white-paper-wrapper h3, .white-paper-wrapper ul, .white-paper-wrapper p { margin: 0; padding: 0; list-style: none; } .white-paper-wrapper h3 { color: #001328; font-size: 26px; line-height: 34px; font-weight: 800; margin-bottom: 30px; } .white-paper-wrapper ul.list-items { margin-bottom: 20px; } .white-paper-wrapper ul.list-items li { color: #0f6fd5; font-size: 18px; line-height: 34px; font-weight: 800; padding-left: 0; } .white-paper-wrapper ul.list-items li span { color: #001328; margin-right: 10px; } .white-paper-wrapper p { color: #798593; font-size: 18px; line-height: 34px; font-weight: 600; } .white-paper-wrapper p + p { margin-top: 32px; } .white-paper-wrapper .btn-box { display: inline-block; position: relative; margin-top: 40px; } .white-paper-wrapper .btn-box .btn-tag-line { position: absolute; top: calc(100% + 20px); left: 50%; -webkit-transform: translateX(-10%); transform: translateX(-10%); color: #798593; font-size: 20px; font-family: 'Covered By Your Grace'; width: 100%; } .white-paper-wrapper .btn-box .btn-tag-line i { display: inline-block; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); margin-right: 10px; } .white-paper-wrapper .white-paper-thumbnail { border-radius: 7px; overflow: hidden; } .white-paper-wrapper .white-paper-thumbnail > img { width: 100%; } /************************** * 33. about sidebar styles ***************************/ @media (max-width: 991px) { .sidebar { margin-top: 80px; } } .sidebar .single-sidebar { /* background: #f1f7fc; */ /* padding: 50px 50px; */ /* border-radius: 7px; */ } .sidebar .single-sidebar ul { margin: 0; padding: 0; list-style: none; } .sidebar .single-sidebar + .single-sidebar { margin-top: 30px; } .sidebar .single-sidebar.search-widget, .sidebar .single-sidebar.subscribe-widget { background: #0f6fd5; } .sidebar .single-sidebar .title-box { margin-bottom: 30px; } .sidebar .single-sidebar .title-box h3 { margin: 0; color: #001328; font-weight: 800; font-size: 20px; } .sidebar .single-sidebar .search-form { position: relative; width: 100%; } .sidebar .single-sidebar .search-form input, .sidebar .single-sidebar .search-form button[type=submit] { background-color: transparent; border: none; outline: none; color: #fff; font-size: 16px; font-weight: bold; } .sidebar .single-sidebar .search-form input::-webkit-input-placeholder, .sidebar .single-sidebar .search-form button[type=submit]::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #fff; } .sidebar .single-sidebar .search-form input::-moz-placeholder, .sidebar .single-sidebar .search-form button[type=submit]::-moz-placeholder { /* Firefox 19+ */ color: #fff; } .sidebar .single-sidebar .search-form input:-ms-input-placeholder, .sidebar .single-sidebar .search-form button[type=submit]:-ms-input-placeholder { /* IE 10+ */ color: #fff; } .sidebar .single-sidebar .search-form input:-moz-placeholder, .sidebar .single-sidebar .search-form button[type=submit]:-moz-placeholder { /* Firefox 18- */ color: #fff; } .sidebar .single-sidebar .search-form input { width: 100%; } .sidebar .single-sidebar .search-form button[type=submit] { position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .sidebar .single-sidebar .single-latest-post + .single-latest-post { border-top: 1px solid #f2f2f2; padding-top: 20px; margin-top: 20px; } .sidebar .single-sidebar .single-latest-post .img-box, .sidebar .single-sidebar .single-latest-post .text-box { display: table-cell; vertical-align: middle; } .sidebar .single-sidebar .single-latest-post .img-box { overflow: hidden; width: 59px; border-radius: 7px; } .sidebar .single-sidebar .single-latest-post .img-box > img { width: 100%; } .sidebar .single-sidebar .single-latest-post .text-box { padding-left: 20px; } .sidebar .single-sidebar .single-latest-post h3{ margin: 0; font-size: 17px; line-height: 25px; font-weight: 600; } .sidebar .single-sidebar .single-latest-post h3 a { color: #535353; -webkit-transition: all .4s ease; transition: all .4s ease; } .sidebar .single-sidebar .single-latest-post h3 a:hover { color: #0f6fd5; } .sidebar .single-sidebar ul.links-list { margin-left: -20px; } .sidebar .single-sidebar ul.links-list li { display: block; padding: 0 20px; -webkit-transition: all .4s ease; transition: all .4s ease; } .sidebar .single-sidebar ul.links-list li a { color: #798593; font-size: 16px; font-weight: bold; position: relative; display: block; padding: 14px 0; -webkit-transition: all .4s ease; transition: all .4s ease; } .sidebar .single-sidebar ul.links-list li a:after { font-family: 'FontAwesome'; content: '\f061'; font-size: 10px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 0px; -webkit-transition: all .4s ease; transition: all .4s ease; } .sidebar .single-sidebar ul.links-list li:hover, .sidebar .single-sidebar ul.links-list li.active { background: #fff; } .sidebar .single-sidebar ul.links-list li:hover a, .sidebar .single-sidebar ul.links-list li.active a { color: #0f6fd5; } .sidebar .single-sidebar ul.tags-list li { display: inline-block; font-size: 18px; font-weight: bold; color: #798593; } .sidebar .single-sidebar ul.tags-list li a { color: #798593; position: relative; display: inline-block; } .sidebar .single-sidebar.subscribe-widget .title-box h3 { color: #fff; font-size: 20px; font-weight: 700; } .sidebar .single-sidebar.subscribe-widget .sidebar-subscribe-form input { width: 100%; height: 60px; border-radius: 30px; color: #798593; text-align: center; font-size: 16px; font-weight: 600; border: none; outline: none; } .sidebar .single-sidebar.subscribe-widget .sidebar-subscribe-form input::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #798593; } .sidebar .single-sidebar.subscribe-widget .sidebar-subscribe-form input::-moz-placeholder { /* Firefox 19+ */ color: #798593; } .sidebar .single-sidebar.subscribe-widget .sidebar-subscribe-form input:-ms-input-placeholder { /* IE 10+ */ color: #798593; } .sidebar .single-sidebar.subscribe-widget .sidebar-subscribe-form input:-moz-placeholder { /* Firefox 18- */ color: #798593; } .sidebar .single-sidebar.subscribe-widget .sidebar-subscribe-form .thm-btn { margin-top: 10px; width: 100%; } .sidebar .single-sidebar.categories-widget .title-box { margin-bottom: 0; } .sidebar .single-sidebar.tags-widget .title-box { margin-bottom: 15px; } .sidebar .single-sidebar.search-widget { padding: 27px 50px; } @media (max-width: 991px) { .sidebar-about { margin-top: 80px; } } .sidebar-about .single-sidebar-about + .single-sidebar-about { margin-top: 30px; } .sidebar-about .single-sidebar-about ul.page-lists { margin: 0; padding: 0; list-style: none; } .sidebar-about .single-sidebar-about ul.page-lists li { display: block; padding: 0 20px; border: 1px solid #ccd7e0; border-radius: 7px; -webkit-transition: all .4s ease; transition: all .4s ease; } .sidebar-about .single-sidebar-about ul.page-lists li + li { margin-top: 5px; } .sidebar-about .single-sidebar-about ul.page-lists li a { color: #798593; font-size: 16px; font-weight: bold; position: relative; display: block; padding: 14px 0; -webkit-transition: all .4s ease; transition: all .4s ease; } .sidebar-about .single-sidebar-about ul.page-lists li a:after { font-family: 'FontAwesome'; content: '\f061'; font-size: 10px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 0px; -webkit-transition: all .4s ease; transition: all .4s ease; } .sidebar-about .single-sidebar-about ul.page-lists li:hover, .sidebar-about .single-sidebar-about ul.page-lists li.active { background: #fff; } .sidebar-about .single-sidebar-about ul.page-lists li:hover a, .sidebar-about .single-sidebar-about ul.page-lists li.active a { color: #0f6fd5; } .sidebar-about .single-sidebar-about.cta-widget { background: #0f6fd5; padding: 40px; border-radius: 7px; } @media (max-width: 1199px) { .sidebar-about .single-sidebar-about.cta-widget { padding: 20px; } } @media (max-width: 991px) { .sidebar-about .single-sidebar-about.cta-widget { padding: 40px; } } .sidebar-about .single-sidebar-about.cta-widget h3, .sidebar-about .single-sidebar-about.cta-widget p { margin: 0; color: #fff; } .sidebar-about .single-sidebar-about.cta-widget h3 { font-size: 18px; font-weight: 800; margin-bottom: 15px; } .sidebar-about .single-sidebar-about.cta-widget p { font-size: 16px; line-height: 26px; font-weight: 600; margin-bottom: 20px; } .sidebar-about .single-sidebar-about.cta-widget a { width: 100%; display: block; background: #001328; font-size: 20px; color: #fff; font-weight: bold; border-radius: 7px; text-align: center; padding: 14px 0; } .sidebar-about .single-sidebar-about.download-widget a { background: #ee3234; width: 100%; border-radius: 6px; color: #FFFFFF; font-size: 16px; font-weight: 600; display: block; position: relative; padding: 28px 0; padding-left: 70px; -webkit-box-shadow: 0px 10px 30px 0px rgba(238, 50, 52, 0.3); box-shadow: 0px 10px 30px 0px rgba(238, 50, 52, 0.3); text-align: left; -webkit-transition: all .4s ease; transition: all .4s ease; } .sidebar-about .single-sidebar-about.download-widget a.two { background: #0f6fd5; -webkit-box-shadow: 0px 10px 30px 0px rgba(15, 111, 213, 0.3); box-shadow: 0px 10px 30px 0px rgba(15, 111, 213, 0.3); margin-top: 30px; } .sidebar-about .single-sidebar-about.download-widget a i { font-size: 24px; position: absolute; top: 50%; left: 40px; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .sidebar-about .single-sidebar-about.download-widget a:hover { background: #fff; color: #001328; } /************************** * 34. partner styles ***************************/ .partners-page .upper-content { margin-bottom: 50px; } .partners-page .upper-content .sec-title { margin-bottom: 30px; } .partners-page .upper-content p { color: #798593; font-size: 18px; line-height: 34px; font-weight: 600; margin: 0; } .single-partner-box + .single-partner-box { margin-top: 60px; } .single-partner-box .icon-box, .single-partner-box .text-box { display: table-cell; vertical-align: middle; } @media (max-width: 767px) { .single-partner-box .icon-box, .single-partner-box .text-box { display: block; } } .single-partner-box .icon-box .inner-box { /* display: block; */ /* border: 1px solid #CCD7E0; */ /* border-radius: 7px; */ /* width: 270px; */ /* height: 260px; */ /* text-align: center; */ display: block; border: 1px solid #CCD7E0; border-radius: 7px; width: 270px; height: 225px; text-align: center; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; align-items: center; justify-content: center; } .single-partner-box .icon-box .inner-box i { font-size: 150px; color: #B2B8BE; line-height: 225px; } .single-partner-box .text-box { padding-left: 30px; } @media (max-width: 767px) { .single-partner-box .text-box { padding-left: 0; margin-top: 30px; } } .single-partner-box .text-box h3, .single-partner-box .text-box p { margin: 0; } .single-partner-box .text-box h3 { font-size: 22px; font-weight: 800; margin-bottom: 10px; } .single-partner-box .text-box h3 a { color: #001328; } .single-partner-box .text-box span { color: #0f6fd5; font-size: 16px; font-weight: 700; } .single-partner-box .text-box p { color: #798593; font-size: 16px; line-height: 26px; font-weight: 600; margin-top: 25px; margin-bottom: 25px; } .single-partner-box .text-box .read-more { color: #ee3234; text-transform: uppercase; font-size: 12px; font-weight: 800; line-height: 1em; text-decoration: underline; -webkit-transition: all .4s ease; transition: all .4s ease; } .single-partner-box .text-box .read-more:hover { color: #001328; } /************************** * 35. company overview styles ***************************/ .company-overview-page .content-img-box { overflow: hidden; border-radius: 7px; margin-bottom: 30px; } .company-overview-page .content-img-box > img { width: 100%; } .company-overview-page .upper-content { margin-bottom: 50px; } .company-overview-page .upper-content .sec-title { margin-bottom: 30px; } .company-overview-page .upper-content p { color: #798593; font-size: 18px; line-height: 34px; font-weight: 600; margin: 0; } .company-overview-page .upper-content p + p { margin-top: 35px; } .company-overview-page .expertize-box-one { display: block; height: auto; margin-bottom: 30px; } @media (max-width: 991px) { .company-overview-page .video-box-style-one { margin-bottom: 0; margin-top: 30px; } } .company-history-page .upper-content { margin-bottom: 50px; } .single-company-history + .single-company-history { margin-top: 55px; } @media (max-width: 567px) { .single-company-history + .single-company-history { margin-top: 20px; } } .single-company-history .year-box, .single-company-history .text-box { display: table-cell; vertical-align: top; } @media (max-width: 567px) { .single-company-history .year-box, .single-company-history .text-box { display: block; } } .single-company-history .year-box { color: #ee3234; font-size: 20px; font-weight: 800; width: 112px; position: relative; } .single-company-history .year-box:after { content: ''; background: #ee3234; width: 12px; height: 12px; border-radius: 50%; position: absolute; top: 5px; right: 0; } .single-company-history .year-box:before { content: ''; background: #f1f7fc; width: 4px; height: 215px; border-radius: 50%; position: absolute; top: -30px; right: 3px; } @media (max-width: 567px) { .single-company-history .year-box:before, .single-company-history .year-box:after { display: none; } } .single-company-history .text-box { padding-left: 60px; } @media (max-width: 567px) { .single-company-history .text-box { padding-left: 0; margin-top: 20px; } } .single-company-history .text-box h3 { font-size: 20px; color: #001328; font-weight: 800; margin: 0; margin-bottom: 35px; } @media (max-width: 567px) { .single-company-history .text-box h3 { margin-bottom: 15px; } } .single-company-history .text-box p { margin: 0; } /************************** * 36. carrers styles ***************************/ .careers-page .upper-content { margin-bottom: 50px; } .careers-page .upper-content .sec-title { margin-bottom: 30px; } .careers-page .upper-content p { color: #798593; font-size: 18px; line-height: 34px; font-weight: 600; margin: 0; } .careers-page .upper-content p + p { margin-top: 35px; } .careers-page .benefits-img-box { overflow: hidden; border-radius: 7px; } .careers-page .benefits-img-box > img { width: 100%; } @media (max-width: 991px) { .careers-page .benefits-img-box { margin-bottom: 40px; } } .careers-page .benefits-text-box h3, .careers-page .benefits-text-box p { margin: 0; } .careers-page .benefits-text-box h3 { font-size: 26px; color: #001328; font-weight: 800; } .careers-page .benefits-text-box p { font-size: 18px; line-height: 34px; color: #798593; font-weight: 600; margin-top: 20px; } .careers-page .benefits-text-box .list-items { margin: 0; padding: 0; list-style: none; margin-top: 20px; } .careers-page .benefits-text-box .list-items li { position: relative; font-size: 18px; line-height: 34px; padding-left: 30px; color: #798593; } .careers-page .benefits-text-box .list-items li i { color: #ee3234; font-size: 14px; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .careers-page .table-box-content { margin-top: 40px; } .careers-page .table-box-content .title-box h3, .careers-page .table-box-content .title-box p { margin: 0; } .careers-page .table-box-content .title-box h3 { font-size: 26px; font-weight: 800; color: #001328; margin-bottom: 30px; } .careers-page .table-box-content .title-box p { font-size: 18px; line-height: 26px; color: #798593; } @media (max-width: 650px) { .careers-page .table-box-content .table-wrapper { overflow: auto; } } .careers-page .table-box-content #job-details-table { margin-top: 60px; border-top: 2px solid #ee3234 !important; min-width: 650px; width: 100%; } .careers-page .table-box-content #job-details-table th { font-size: 16px; font-weight: 800; color: #001328; padding-top: 22.5px; padding-bottom: 22.5px; } .careers-page .table-box-content #job-details-table td { font-size: 16px; font-weight: 600; color: #798593; padding-top: 22.5px; padding-bottom: 22.5px; } .careers-page .table-box-content #job-details-table td.job-title { font-weight: 700; color: #001328; } .job-details-page .upper-content { margin-bottom: 50px; } .job-details-page .upper-content .sec-title { margin-bottom: 30px; } .job-details-page .upper-content p { color: #798593; font-size: 18px; line-height: 34px; font-weight: 600; margin: 0; } .job-details-page .upper-content p + p { margin-top: 35px; } .job-details-page .job-details-table-outer { padding: 60px; background: #f1f7fc; } @media (max-width: 767px) { .job-details-page .job-details-table-outer { padding: 30px; } } .job-details-page .job-details-table-outer .row { margin-left: -30px; margin-right: -30px; } .job-details-page .job-details-table-outer .row [class*=col-] { padding-left: 30px; padding-right: 30px; } .job-details-page .job-details-table-outer .row [class*=col-]:first-child { border-right: 2px solid #fff; } @media (max-width: 991px) { .job-details-page .job-details-table-outer .row [class*=col-]:first-child { border: none; } } .job-details-page .job-details-table-outer .table { margin-bottom: 0; } .job-details-page .job-details-table-outer .table td, .job-details-page .job-details-table-outer .table th { border-top: none; } .job-details-page .job-details-table-outer .table td { color: #798593; font-size: 16px; font-weight: bold; } .job-details-page .job-details-table-outer .table td:first-child { color: #001328; } .job-details-page .responsibility { margin-top: 50px; margin-bottom: 40px; } @media (max-width: 991px) { .job-details-page .responsibility { margin-bottom: 0; } } .job-details-page .responsibility h3 { font-size: 40px; font-weight: 800; color: #001328; margin: 0; } .job-details-page .responsibility .list-items { margin: 0; padding: 0; list-style: none; margin-top: 20px; } .job-details-page .responsibility .list-items li { position: relative; font-size: 18px; line-height: 34px; padding-left: 30px; color: #798593; } .job-details-page .responsibility .list-items li + li { margin-top: 20px; } .job-details-page .responsibility .list-items li i { color: #ee3234; font-size: 14px; position: absolute; top: 10px; left: 0; } .job-details-page .single-job-detals-box { background: #f1f7fc; border-radius: 7px; padding: 55px; } @media (max-width: 991px) { .job-details-page .single-job-detals-box { margin-top: 30px; } } @media (max-width: 767px) { .job-details-page .single-job-detals-box { padding: 30px; } } .job-details-page .single-job-detals-box h3 { font-size: 26px; font-weight: 800; color: #001328; margin: 0; margin-bottom: 20px; } .job-details-page .single-job-detals-box .single-job-content + .single-job-content { margin-top: 30px; } .job-details-page .single-job-detals-box .single-job-content h4, .job-details-page .single-job-detals-box .single-job-content p { margin: 0; } .job-details-page .single-job-detals-box .single-job-content h4 { color: #0f6fd5; font-size: 18px; font-weight: 800; margin-bottom: 5px; } .job-details-page .single-job-detals-box .single-job-content p { color: #798593; font-size: 18px; font-weight: 600; line-height: 34px; } .job-details-page .single-job-detals-box .skill-lists { margin: 0; padding: 0; list-style: none; } .job-details-page .single-job-detals-box .skill-lists li { position: relative; font-size: 18px; line-height: 34px; padding-left: 30px; color: #798593; } .job-details-page .single-job-detals-box .skill-lists li + li { margin-top: 16px; } .job-details-page .single-job-detals-box .skill-lists li i { color: #ee3234; font-size: 14px; position: absolute; top: 10px; left: 0; } /************************** * 37. investors styles ***************************/ .investor-image-box { overflow: hidden; border-radius: 7px; } .investor-image-box > img { width: 100%; } @media (max-width: 991px) { .investor-image-box { margin-bottom: 40px; } } .investor-text-box .sec-title { margin-bottom: 30px; } .investor-text-box p { color: #798593; font-size: 18px; line-height: 34px; font-weight: 600; margin: 0; } .investor-text-box p + p { margin-top: 35px; } .report-chart { margin: 60px 0; display: block; padding: 0px 15px 0px 15px; } .investor-report-box .sec-title { margin-bottom: 60px; } .investor-report-box .sec-title h2 { font-size: 26px; } @media (max-width: 991px) { .investor-report-box .sec-title { margin-bottom: 30px; } } @media (max-width: 991px) { .single-investor-report-box { margin-top: 30px; } } .single-investor-report-box .img-box { overflow: hidden; border-radius: 7px; margin-bottom: 20px; } .single-investor-report-box .img-box > img { width: 100%; } .single-investor-report-box .text-box { background: #f1f7fc; text-align: center; padding: 40px; border-radius: 7px; } .single-investor-report-box .text-box h3 { font-size: 18px; font-weight: bold; margin: 0; } .single-investor-report-box .text-box h3 a { color: #001328; -webkit-transition: all .4s ease; transition: all .4s ease; } .single-investor-report-box .text-box h3 a:hover { color: #ee3234; } .investor-table-block .title-block { margin: 60px 0; } .investor-table-block .title-block .sec-title { margin-bottom: 20px; } .investor-table-block .title-block .sec-title h2 { font-size: 26px; } .investor-table-block .title-block p { color: #798593; font-size: 18px; line-height: 34px; font-weight: 600; margin: 0; } .investor-table-block .title-block p + p { margin-top: 35px; } @media (max-width: 650px) { .investor-table-block .table-wrapper { overflow: auto; } } .investor-table-block .table { border-top: 2px solid #ee3234 !important; min-width: 480px; width: 100%; } .investor-table-block .table th { font-size: 16px; font-weight: 800; color: #001328; padding-top: 22.5px; padding-bottom: 22.5px; } .investor-table-block .table td { font-size: 16px; font-weight: 600; color: #798593; padding-top: 22.5px; padding-bottom: 22.5px; } .investor-table-block .table td.job-title { font-weight: 700; color: #001328; } /************************** * 38. how we works styles ***************************/ .how-we-work-wrapper { margin-bottom: 50px; } @media (max-width: 991px) { .how-we-work-wrapper { margin-bottom: 20px; } } .how-we-work-wrapper .image-box { overflow: hidden; border-radius: 7px; display: inline-block; } @media (max-width: 991px) { .how-we-work-wrapper .image-box { margin-bottom: 40px; } } .how-we-work-wrapper .content-box .sec-title { margin-bottom: 40px; } .how-we-work-wrapper .content-box p { margin: 0; } .single-how-work-step { border-radius: 7px; background: #0f6fd5; padding: 30px 40px; position: relative; } @media (max-width: 991px) { .single-how-work-step { margin-top: 30px; } } .single-how-work-step .outer-box { display: inline-block; position: absolute; top: 50%; right: -51px; -webkit-transform: translateY(-50%); transform: translateY(-50%); background: #fff; border: 2px solid #0f6fd5; width: 72px; height: 72px; border-radius: 50%; color: #0f6fd5; font-size: 30px; line-height: 68px; text-align: center; font-weight: 800; z-index: 10; } @media (max-width: 991px) { .single-how-work-step .outer-box { top: auto; right: auto; -webkit-transform: translateY(0) translateX(-50%); transform: translateY(0) translateX(-50%); bottom: -51px; left: 50%; } } .single-how-work-step .icon-box, .single-how-work-step .text-box { display: table-cell; vertical-align: middle; } .single-how-work-step .icon-box i { color: #fff; font-size: 75px; } .single-how-work-step .text-box { padding-left: 30px; } .single-how-work-step .text-box h3 { color: #fff; font-size: 26px; font-weight: 800; } @media (max-width: 1199px) { .single-how-work-step .text-box h3 { font-size: 20px; } } .how-we-work-tab .low-gutter { margin-left: -5px; margin-right: -5px; } .how-we-work-tab .low-gutter > [class*=col-] { padding-left: 5px; padding-right: 5px; } .how-we-work-tab .tab-title { margin: 0; padding: 0; list-style: none; border: 0; text-align: center; display: block; margin-bottom: 40px; } .how-we-work-tab .tab-title li { display: inline-block; margin-bottom: 10px !important; } .how-we-work-tab .tab-title li + li { margin-left: 7px; } .how-we-work-tab .tab-title li a { display: block; border: none; outline: none; display: block; cursor: pointer; padding: 0 38px; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; position: relative; font-weight: bold; font-size: 14px; color: #798593; border: 1px solid #ccd7e0 !important; line-height: 60px; border-radius: 30px !important; -webkit-transition: all .4s ease; transition: all .4s ease; } .how-we-work-tab .tab-title li a:hover, .how-we-work-tab .tab-title li a.active { border-color: #ee3234 !important; color: #fff; background: #ee3234; } .how-we-work-tab .content-box { margin-top: 10px; padding: 60px; padding-right: 50px; border-radius: 7px; position: relative; } @media (max-width: 767px) { .how-we-work-tab .content-box { padding: 30px; } } .how-we-work-tab .content-box .outer-box { display: inline-block; position: absolute; top: 0px; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: #0f6fd5; width: 72px; height: 72px; border-radius: 50%; color: #fff; font-size: 30px; line-height: 72px; text-align: center; font-weight: 800; } .how-we-work-tab .content-box .outer-box.equal-box { -webkit-transform: translate(0, -50%); transform: translate(0, -50%); top: 0; right: -36px; left: auto; background: #fff; color: #0f6fd5; z-index: 10; } @media (max-width: 1199px) { .how-we-work-tab .content-box .outer-box.equal-box { -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); top: auto; right: 0; left: 50%; z-index: 10; bottom: -36px; } } .how-we-work-tab .content-box h3 { font-size: 26px; font-weight: 800; color: #001328; margin: 0; margin-bottom: 10px; } .how-we-work-tab .content-box p { margin: 0; } .how-we-work-tab .content-box .btn-box { margin-top: 40px; } .how-we-work-tab .content-box .btn-box .btn-tag-line { display: block; color: #798593; font-size: 20px; font-family: 'Covered By Your Grace'; letter-spacing: 0; margin-top: 20px; -webkit-transform: translateX(-35px); transform: translateX(-35px); } .how-we-work-tab .content-box .btn-box .btn-tag-line i { display: inline-block; -webkit-transform: rotate(-85deg) scale(1, -1) translate(3px, 0px); transform: rotate(-85deg) scale(1, -1) translate(3px, 0px); font-size: 22px; } .how-we-work-tab .content-box .img-box, .how-we-work-tab .content-box .text-box { float: left; width: calc(100% - 230px); } @media (max-width: 767px) { .how-we-work-tab .content-box .img-box, .how-we-work-tab .content-box .text-box { width: 100%; padding-left: 0; } } .how-we-work-tab .content-box .img-box { width: 230px; border-radius: 7px; overflow: hidden; } @media (max-width: 767px) { .how-we-work-tab .content-box .img-box { width: 100%; padding-left: 0; } } .how-we-work-tab .content-box .img-box > img { width: 100%; } .how-we-work-tab .content-box .text-box { padding-left: 30px; } @media (max-width: 767px) { .how-we-work-tab .content-box .text-box { width: 100%; padding-left: 0; margin-top: 40px; } } .how-we-work-tab .content-box .text-box span { font-size: 18px; color: #0f6fd5; font-weight: bold; } .how-we-work-tab .content-box .text-box .read-more { color: #ee3234; text-transform: uppercase; font-size: 12px; font-weight: 800; line-height: 1em; text-decoration: underline; -webkit-transition: all .4s ease; transition: all .4s ease; } .how-we-work-tab .content-box .text-box .read-more:hover { color: #001328; } .how-we-work-tab .content-box ul.list-items li { font-size: 16px; } .how-we-work-tab .content-box.people-box p { margin-top: 30px; margin-bottom: 15px; } .how-we-work-tab .content-box.person-box p { margin-top: 35px; } /*# sourceMappingURL=style.css.map */ button:focus { outline: none; } .pricing-style-one .tagged .thm-btn { background: #001328; -webkit-box-shadow: 0px 10px 30px 0px rgba(0, 19, 40, 0.3); box-shadow: 0px 10px 30px 0px rgba(0, 19, 40, 0.3); } .pricing-style-one .tagged .thm-btn:hover { background: #0f6fd5; color: #fff; -webkit-box-shadow: 0px 10px 30px 0px rgba(15, 111, 213, 0.3); box-shadow: 0px 10px 30px 0px rgba(15, 111, 213, 0.3); } .meeting-form .row [class*=col-] { margin-bottom: 10px; } .sec-pad.solutions-tab-one.one .tab-title li a { padding: 0 43px; padding-bottom: 30px; } .company-overview-page.sec-pad.one { padding-bottom: 0; } .company-overview-page.sec-pad.two { padding-top: 0; } .company-overview-page.sec-pad.three { padding-bottom: 0; } .company-overview-page.sec-pad.four { padding-top: 0; padding-bottom: 0; } .company-overview-page.sec-pad.four .sidebar-about .single-sidebar-about.cta-widget { margin-top: 30px; } .company-overview-page.sec-pad.five { padding-top: 0; margin-top: 30px; } .footer-bottom { background: #000; clear: both; text-align: center; } .footer-bottom .copyright-text p { color: #fff; margin-bottom: 0; } .careers-page.sec-pad.one { padding-bottom: 0px; } .careers-page.sec-pad.two { padding-top: 0; } .job-details-page.sec-pad.one { padding-bottom: 0px; } .job-details-page.sec-pad.two { padding-bottom: 0px; padding-top: 0; } .job-details-page.sec-pad.three { padding-bottom: 0px; padding-top: 0; } .job-details-page.sec-pad.four { padding-top: 0; } .investors-page.sec-pad.one { padding-bottom: 0; } .investors-page.sec-pad.two { padding-bottom: 0; padding-top: 0; } .investors-page.sec-pad.three { padding-top: 0; } .report-chart { width: 100%; position: relative; left: 0px; padding-left: 15px; } .how-work-steps .column:nth-child(3) .single-how-work-step .outer-box { display: none; } /*** ==================================================================== Misiion Section ==================================================================== ***/ .ex-mission-section{ position: relative; padding: 0 0 100px; } .ex-mission-section .image-column{ position: relative; } .ex-mission-section .image-column .inner-column{ position: relative; } .ex-mission-section .image-column .image-box{ position: relative; } .ex-mission-section .image-column .image-box:before{ position: absolute; left: 0; top: 0; height: 100%; width: 1000%; background-color:#f5f8fb; content:""; z-index: -1; } .ex-mission-section .image-column .image{ position: relative; margin-bottom: 0; } .ex-mission-section .image-column .image img{ display: block; width: 100%; height: auto; } .ex-mission-section .image-column .lower-content{ position: relative; padding: 40px 0 0; } .ex-mission-section .image-column .lower-content h4{ position: relative; display: block; font-size: 22px; color: #0e4082; font-weight: 600; margin-bottom: 20px; } .ex-mission-section .image-column .lower-content .text{ position: relative; display: block; font-size: 16px; line-height: 26px; color: #555555; font-weight: 400; } .ex-mission-section .content-column{ position: relative; } .ex-mission-section .content-column .sec-title{ margin-bottom: 30px; } .ex-mission-section .content-column .inner-column{ position: relative; padding: 75px 35px 0; } .ex-mission-section .content-column .description{ position: relative; max-width: 320px; height: auto; padding-left: 50px; } .ex-mission-section .content-column .description .icon{ position: absolute; left: 0; top: 0; font-size: 30px; line-height: 1em; color: #0e4082; } .ex-mission-section .content-column .description .text{ position: relative; font-size: 16px; line-height: 26px; color: #555555; font-weight: 400; margin-bottom: 40px; } .ex-mission-section .content-column .description .link-box{ position: relative; display: inline-block; z-index: 2; } .ex-mission-section .content-column .description .link-box a{ position: relative; display: inline-block; font-size: 13px; color: #222222; font-weight: 500; text-transform: uppercase; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .ex-mission-section .content-column .description .link-box a i{ display: inline-block; margin-left: 3px; color: #0e4082; } .ex-mission-section .content-column .description .link-box a:hover{ color: #222222; } .ex-mission-section .content-column .description .link-box:before{ position: absolute; left: 0; right: 0; bottom: -15px; margin: 0 auto; height: 51px; width: 58px; background-image: url(images/icons/icon-1.png); background-repeat:no-repeat; background-position: center; content: ""; z-index: -1; } .ex-mission-section .content-column .testimonial-block-two{ position: absolute; max-width: 420px; width: 100%; right: -300px; bottom: 0px; } .ex-mission-section .testimonial-block-two{ position: relative; } .ex-mission-section .testimonial-block-two .inner-box{ position: relative; background-color:#0e4082; padding: 65px 70px 100px; box-shadow: 0 15px 40px rgba(0,0,0,0.08); } .ex-mission-section .testimonial-block-two .text{ position: relative; display: block; font-size: 18px; line-height: 30px; color: #ffffff; font-weight: 300; margin-bottom: 30px; } .ex-mission-section .testimonial-block-two .sign-img{ position: relative; } .ex-mission-section .testimonial-block-two .sign-img img{ max-width: 100%; height: auto; } .ex-mission-section .testimonial-block-two .icon{ position: absolute; right: 35px; bottom: 55px; font-size: 80px; color: #f8e751; } .contact-page-content.sec-pad.one { padding-bottom: 60px; } .contactadr_secpadd { padding-bottom: 60px; } .sm.testimonials-style-one.sec-pad-top { padding-bottom: 120px; } img{ max-width:100%; } .blog_sing .single-blog-style-one h3 { margin-bottom: 10px !important; } .blog_sing .single-blog-style-one h3 a { color: #001328; font-weight: 700; font-size: 24px; line-height: 30px; } .blog_sing .text-block { /* border: 1px solid #f4f4f4; */ padding: 25px; margin-bottom: 50px; background: #f9fafa; padding: 25px; /* border: 2px solid #e6e6e6; */ margin-bottom: 40px; background: #f4f4f4; background-color: white; -webkit-box-shadow: 0px 2px 4px 0px rgba(12, 0, 46, 0.06); box-shadow: 0px 2px 4px 0px rgba(12, 0, 46, 0.06); padding: 30px 15px 42px 15px; position: relative; } .blog_sing .featured-image-box .image{ margin-bottom: 0px; } .blog_sing .read-more { position: relative; color:#222; font-size: 13px; font-weight: 700; padding-left: 14px; padding-right: 30px; display: inline-block; text-transform: uppercase; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; -moz-transition: all 300ms ease; transition: all 300ms ease; } .blog_sing .read-more:before { position: absolute; content: "\f04b"; left: 0px; top: 0px; color: #ee3234; font-size: 9px; font-family: 'FontAwesome'; } .blog_sing .read-more:hover:before { color:#222; } .blog_sing .read-more:after { position: absolute; content: ''; top: 11px; left: 100%; width: 590px; height: 1px; background-color: #dddddd; } .mrside{ margin-bottom: 20px; } .title-box h3 { font-size: 22px; color: #282828; font-weight: 600; line-height: 1.2em; padding-left:0px; text-transform: capitalize; margin-bottom: 20px; } aside.sidebar-side{ padding-left: 10px; } .blog_sing .read-more:hover{ color:#f44438; } .post-info li { position: relative; color: #222; font-size: 14px; font-weight: 600; padding-right: 8px; margin-right: 8px; display: inline-block; } .post-info { position: relative; } .post-info li span { text-transform: capitalize; } .post-info li:last-child:after { display:none!important; } ul.post-info li{ list-style-type: none!important; display: initial!important; } ul.post-info{ padding-left: 0px!important; margin-bottom:10px; } .post-info .fa { margin-right: 6px; } ul.post-info li a{ color: #f2595a; text-transform:capitalize; } .blog_sing .single-blog-style-one h3 a:hover{ color: #8d8d8d; } .sticky .single-blog-style-one h3:before{ font-family: FontAwesome; font-style: normal; font-weight: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f097"; position: absolute; left: 40px; line-height: 1.5; font-size: 1.5em; top: 11px; color: #f44438; } .sticky .single-blog-style-one h3 a{ font-size: 28px; font-weight: 700; color: #001328; padding-left: 40px; } figure figcaption{ margin-top: 10px; } ul.pagination { position: relative; display: inline-block; padding: 25px 51px; box-shadow: 0 0 40px rgba(0,0,0,.08); } ul.pagination > li { border: none!important; list-style-type: none!important; border-right: none!important; display: inline-block; position: relative; float: left; margin: 0 4px 0; } ul.pagination li span.current { position: relative; display: block; height: 45px; width: 45px; text-align: center; line-height: 45px; font-size: 14px; font-weight: 600; text-transform: uppercase; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; color: #ffffff; background: #0e4082; border-bottom: 3px solid #ee3234; } ul.pagination>li>a.page-numbers { position: relative; display: block; height: 45px; width: 45px; text-align: center; line-height: 45px; font-size: 14px; color: #222222; font-weight: 600; background: #f5f8fb; border-bottom: 3px solid #f5f8fb; text-transform: uppercase; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } ul.pagination>li>a.page-numbers:hover{ position: relative; display: block; height: 45px; width: 45px; text-align: center; line-height: 45px; font-size: 14px; font-weight: 600; text-transform: uppercase; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; color: #ffffff; background: #0e4082; border-bottom: 3px solid #ee3234; } .paginate-links>a>span{ position: relative; display: inline-block; height: 45px; width: 45px; text-align: center; line-height: 45px; font-size: 14px; color: #222222; font-weight: 600; background: #f5f8fb; border-bottom: 3px solid #f5f8fb; text-transform: uppercase; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .paginate-links>a>span:hover{ position: relative; display: inline-block; height: 45px; width: 45px; text-align: center; line-height: 45px; font-size: 14px; font-weight: 600; text-transform: uppercase; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; color: #ffffff; background: #0e4082; border-bottom: 3px solid #ee3234; } .paginate-links>span{ position: relative; display: inline-block; height: 45px; width: 45px; text-align: center; line-height: 45px; font-size: 14px; font-weight: 600; text-transform: uppercase; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; color: #ffffff; background: #0e4082; border-bottom: 3px solid #ee3234; } .wp-style ul > li, .comment .text ul li, .news-content ul li,.wp-style ol li, .comment .text ol li, .news-content ol li{ font-size: 16px; line-height: 26px; color: #798593; font-weight: 400; } .comments-area .commnets_number { margin-top: 30px; } .comments-area .name a{ font-size: 18px; font-weight: 700; color: #f43737; /* margin-bottom: 14px; */ } .comments-area .name{ font-size: 18px; font-weight: 700; color: #f43737; /* margin-bottom: 14px; */ } .comments-area .time{ color: #242f6c; font-size: 16px; font-weight: 700; } .comments-area .time a{ color: #242f6c; font-size: 16px; font-weight: 700; } .sidebar-page-container .comments-area .comment { border-bottom: 1px solid #f5f5f5; margin-bottom: 30px; padding-bottom: 30px; } .comments-area .comment-box .reply-btn a { position: absolute; right: 0; top: 8px; font-size: 13px; line-height: 20px; color: #222222; padding: 5px 15px 1px; font-weight: 700; border: 2px solid #dddddd; text-transform: uppercase; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .comments-area .comment-box .reply-btn a:hover { background-color: #f43737!important; border: 2px solid #222!important; color:#fff!important; } /*** ==================================================================== 37. Comments Area ==================================================================== ***/ .comment-form .group-title h2 { position: relative; color: #242f6c; font-weight: 700; text-transform: capitalize; } .sidebar-page-container .comments-area{ position:relative; margin-bottom:50px; } .sidebar-page-container .group-title{ position:relative; margin-bottom:40px; } .sidebar-page-container .group-title h4{ position:relative; color:#242f6c; font-weight:700; text-transform:capitalize; } .sidebar-page-container .comments-area .comment-box{ position:relative; padding:0px 0px 0px; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease; } .sidebar-page-container .comments-area .comment{ position: relative; padding: 0px 0px 0px 110px; font-size: 14px; /* border-bottom: 1px solid #f5f5f5; */ } .sidebar-page-container .comments-area .reply-comment{ margin-left:120px; } .sidebar-page-container .comments-area .comment-box .author-thumb{ position:absolute; left:0px; top:0px; width:80px; margin-bottom:20px; overflow:hidden; } .sidebar-page-container .comments-area .comment-box .author-thumb img{ width:100%; display:block; } .sidebar-page-container .comments-area .comment-info{ position:relative; } .sidebar-page-container .comments-area .comment-box strong{ font-size:18px; font-weight:700; color:#242f6c; display:block; line-height:1.3em; text-transform:capitalize; } .sidebar-page-container .comments-area .comment-box .text{ color:#84858a; font-size:18px; line-height:1.9em; margin-bottom:0px; margin-top:25px; } .sidebar-page-container .comments-area .comment-info .comment-time{ font-size:14px; color:#f43737; margin-top:8px; } .comment-box .theme-btn{ top:0px; padding:11px 22px; font-size:14px; color:#242f6c; font-weight:700; border:2px solid #242f6c; text-transform:capitalize; background-color:#ffffff; margin-bottom:40px; } .add-comment-box .btn-style-one{ top:0px; padding:11px 22px; font-size:14px; color:#242f6c; font-weight:700; border:2px solid #242f6c; text-transform:capitalize; background-color:#ffffff; margin-bottom:40px; } .add-comment-box .btn-style-one:hover{ top: 0px; padding: 11px 22px; font-size: 14px; color: #ffffff; font-weight: 700; border: 2px solid #ee3234; text-transform: capitalize; background-color: #ee3234; margin-bottom: 40px; } .sidebar-page-container .comments-area .comment-box .theme-btn:hover{ background:#f43737; color:#ffffff; border-color:#f43737; } .map-section .map-canvas{ height:550px; } /*** ==================================================================== 29. Default Form ==================================================================== ***/ .comment-form{ position:relative; } .comment-form .row{ margin:0px -10px; } .comment-form .form-group{ position:relative; padding:0px 10px; margin-bottom:20px; } .comment-form .form-group input[type="text"], .comment-form .form-group input[type="tel"], .comment-form .form-group input[type="email"], .comment-form .form-group select{ position:relative; display:block; width:100%; line-height:21px; padding:10px 28px; color:#222222; height:70px; font-size:18px; background:#ffffff; border:4px solid #f2f3f6; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease; } .comment-form .form-group input[type="text"]:focus, .comment-form .form-group input[type="tel"]:focus, .comment-form .form-group input[type="email"]:focus, .comment-form .form-group textarea:focus{ border-color:#ee2d50; } .comment-form .form-group textarea::-webkit-input-placeholder, .comment-form .form-group input::-webkit-input-placeholder{ color:#84858a; } .comment-form .form-group textarea{ position:relative; display:block; width:100%; line-height:21px; padding:10px 28px; color:#222222; height:125px; resize:none; font-size:18px; background:#ffffff; border:4px solid #f2f3f6; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease; } .comment-form .form-group textarea, .comment-form .form-group textarea{ height:170px; padding-top:20px; } .comment-form .submit-btn{ cursor: pointer; color:#ffffff; display:block; width:100%; font-size:16px; height:70px; text-align:center; background-color:#242f6c; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease; } .comment-form .submit-btn .fa{ margin-left:4px; } .comment-form .submit-btn:hover{ background-color:#f43737; } .main_page .text-block{ margin-bottom: 30px; border-bottom: 1px solid #e2e7ec; padding-bottom: 20px; } .error-section .theme-btn { border: 1px solid #ee3234; margin-top: 25px!important; position:absolute!important; } .error-section .theme-btn{ border: 1px solid #ee3234; margin-top: 25px!important; position:absolute!important; background:#ee3234!important; color:#fff!important; } .error-section .theme-btn:hover { border: 1px solid #ee3234; margin-top: 25px!important; position:absolute!important; background:#222!important; color:#fff!important } .search-box .form-group input[type="search"] { position: relative; line-height: 24px; padding: 12px 50px 12px 20px; border: 1px solid #f8f8f8; background: #f8f8f8; color: #333333; display: block; font-size: 14px; width: 100%; height: 55px; 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; } .search-box .form-group button { position: absolute; right: 0px; top: 0px; height: 55px; width: 50px; display: block; font-size: 16px; color: #ffffff; cursor: pointer; line-height: 55px; background: #f2595a; font-weight: normal; border:none; } .search_tx_box .theme-btn.btn-style-one{ border: none; outline: none; cursor: pointer; display: inline-block; vertical-align: middle; color: #FFFFFF; background: #ee3234; font-size: 12px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; border-radius: 30px; padding: 18px 39.5px; text-align: center; -webkit-box-shadow: 0px 10px 30px 0px rgba(238, 50, 52, 0.3); box-shadow: 0px 10px 30px 0px rgba(238, 50, 52, 0.3); -webkit-transition: all .4s ease; transition: all .4s ease; } .search_tx_box .theme-btn.btn-style-one:hover { background: #001328; color: #FFFFFF; -webkit-box-shadow: 0px 10px 30px 0px rgba(0, 19, 40, 0.3); box-shadow: 0px 10px 30px 0px rgba(0, 19, 40, 0.3); } .title-box .separator:before { position: absolute; content: ''; left: 0px; top: 5px; width: 100%; height: 2px; background-color: #ddd; } .title-box .separator:after { position: absolute; content: ''; left: 0px; top: 5px; width: 50px; height: 2px; background-color: #f2595a; } .title-box .separator { position: relative; width: 100%; height: 15px; margin-bottom: 20px; } .footer_title { padding-top: 50px; font-size: 25px; margin-bottom: 30px; color: #fff; } .site-header .logo-box img{ width: 180px; padding:15px 0px; } blockquote { margin-top: 50px; position: relative; border-left: 7px solid #ee3234; font-size: 15px; font-weight: 500; color: #f4f4f4; margin: 40px 0; background: #ffffff; padding: 25px; padding-left: 32px; margin-bottom: 50px; border-radius: 6px; -webkit-box-shadow: 0px 10px 30px 0px rgba(20, 3, 67, 0.08); box-shadow: 0px 10px 30px 0px rgba(20, 3, 67, 0.08); margin: 25px; } blockquote:after { position: absolute; left: 7px; top: 37px; height: 73px; width: 62px; background-image: url(images/about-icon-1.png); content: ""; z-index: -1; opacity: .8; } blockquote p { position: relative; display: block; font-size: 19px!important; line-height: 26px!important; color: #3b3b3b!important; font-weight: 500!important; margin-bottom: 26px; } .sidebar-subscribe-form input { width: 100%; height: 60px; border-radius: 30px; color: #798593; text-align: center; font-size: 16px; font-weight: 600; border: none; outline: none; } .sidebar-subscribe-form .thm-btn { margin-top: 10px; width: 100%; } .subscribe-widget { background: #0f6fd5; padding: 50px; } .subscribe-widget h3 { color: #ffffff; } .twitter_feed li:before{ content: "\f099"!important; font-family: FontAwesome!important; color:#4bcaff!important; width:50px!important; } .twitter_feed li p{ margin-left: 25px; margin-top: -25px;} .twitter_ago{color:white} .twitter_feed li{ margin-bottom: 45px; margin-top: 50px; padding-bottom: 25px; } .instagram-posts-widget .image img{ width: 115px; float: left; margin: 2px; display: inline-block; } /*=== Testimonial Widget ===*/ .testimonial-widget{ position: relative; } .testimonial-widget .image-box{ position: relative; } .testimonial-widget .image-box img{ display: block; position: relative; width: 100%; height: auto; } .testimonial-widget .info-box { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); height: 150px; width: 150px; border-radius: 50%; padding: 25px 0; text-align: center; background-color: rgba(255,255,255, .85); } .testimonial-widget .info-box span{ font-size: 50px; } .testimonial-widget .info-box .icon{ position: relative; display: inline-block; font-size: 15px; color: #141414; margin-bottom: 5px; } .testimonial-widget .info-box h3{ position: relative; font-size: 14px; line-height: 20px; color: #141414; text-transform: uppercase; font-weight: 600; } .footer-widget .btn-box{ margin-top: 0px; } /* Overlay styles two */ .overlay-style-two { position: absolute; left: 0px; bottom: -85%; width: 100%; height: 100%; display: block; vertical-align: middle; color: #ffffff; text-align: center; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; } .overlay-style-two .box{ display: table; height: 100%; width: 100%; } .overlay-style-two .box .content{ display: table-cell; text-align: center; vertical-align: middle; } .blog_sing:hover .image .overlay-style-two { bottom: 0px; opacity: 1; } .blog_sing .featured-image-box .image { position: relative; } .blog_sing .featured-image-box { overflow: hidden; } .widget_payonline_twitter .twitter_update .widget ul li:before { background-color: transparent; } :focus { outline: -webkit-focus-ring-color auto 0px; } aside.sidebar-side #categories-2 ul li a { /* padding-left: 0; */ } .service-style-two .single-service-two { transition: all 700ms ease; } .service-style-two .single-service-two:hover { transition: all 700ms ease; box-shadow: 0 0 50px rgba(0, 0, 0, 0.31); } .shop-section .styled-pagination.text-center { padding-bottom: 120px; } .about-style-two.min-vh-100 { min-height: 100% !important; } .service-style-six.min-vh-100 { min-height: 100% !important; } .solution-style-three.min-vh-100 { min-height: 100% !important; } .testimonials-style-four.min-vh-100 { min-height: 100% !important; } .payonline-sales-point.min-vh-100 { min-height: 100% !important; } .time-line-style-one { padding: 120px 0px; } .time-tab-style-one { padding-top: 120px; } .careers-page.sec-pad.two { padding-bottom: 70px; } .investors-page.sec-pad.three { padding-bottom: 75px; } .client-style-one.home-two img { filter: grayscale(100%); opacity: .5; } .slider-home-four.slider-content-style .rounded-box { background: #0f6fd5; } .black-shape-bg.sec-pad.cta-five img { max-width: none; } .sec-pad.cta-five.home-five img { max-width: none; } .service-style-two.solutions-page { padding-top: 120px; top: 0; } .service-style-one.sec-pad.solutions-page img { max-width: none; } .sec-pad.solutions-tab-one.one img { max-width: none; } .single-partner-box .icon-box .inner-box img { -webkit-filter: grayscale(100%); filter: grayscale(100%); } .video-box-style-one .img-box img { height: 450px; } .wraper_flyout_search { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 99999; opacity: 0; visibility: hidden; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .wraper_flyout_search > .table { display: table; table-layout: fixed; width: 100%; height: 100%; margin: 0; } .wraper_flyout_search > .table > .table-cell { position: relative; display: table-cell; width: 100%; height: 100%; vertical-align: middle; text-align: center; } .wraper_flyout_search > .table > .table-cell > .flyout-search-layer { position: absolute; top: 0; right: 0; bottom: 0; z-index: 1; transform: translateX(100%); -webkit-transform: translateX(100%); } .wraper_flyout_search > .table > .table-cell > .flyout-search-layer:nth-child(1) { left: 0; background-color: rgba(0, 0, 0, 0.5); transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; } .wraper_flyout_search > .table > .table-cell > .flyout-search-layer:nth-child(2) { left: 300px; background-color: rgba(0, 0, 0, 0.4); transition: all 0.3s ease-in-out 0.3s; -webkit-transition: all 0.3s ease-in-out 0.3s; } .wraper_flyout_search > .table > .table-cell > .flyout-search-layer:nth-child(3) { left: 600px; background-color: rgba(0, 0, 0, 0.9); transition: all 0.9s ease-in-out 0.6s; -webkit-transition: all 0.9s ease-in-out 0.6s; } .wraper_flyout_search > .table > .table-cell > .flyout-search-close { position: absolute; top: 40px; right: 40px; width: 30px; z-index: 2; text-align: center; cursor: pointer; } .wraper_flyout_search > .table > .table-cell > .flyout-search-close > .flyout-search-close-line { width: 100%; height: 2px; float: left; margin-bottom: 5px; background-color: #fff; } .wraper_flyout_search > .table > .table-cell > .flyout-search-close > .flyout-search-close-line:nth-child(1) { transform: rotate(45deg); -webkit-transform: rotate(45deg); } .wraper_flyout_search > .table > .table-cell > .flyout-search-close > .flyout-search-close-line:nth-child(2) { margin-top: -7px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } .wraper_flyout_search > .table > .table-cell .flyout_search { position: relative; z-index: 1; float: right; width: 100%; max-width: 500px; padding: 100px 40px 100px 40px; text-align: right; } .wraper_flyout_search > .table > .table-cell .flyout_search > .flyout-search-title { margin-bottom: 30px; } .wraper_flyout_search > .table > .table-cell .flyout_search > .flyout-search-title > *:last-child { margin-bottom: 0 !important; } .wraper_flyout_search > .table > .table-cell .flyout_search > .flyout-search-title h4 { margin-bottom: 20px; text-transform: uppercase; font-weight: 300; font-size: 35px; color: #fff; line-height: 45px; letter-spacing: 50px; opacity: 0; transition: all 1s ease-in-out 0s; -webkit-transition: all 1s ease-in-out 0s; } .wraper_flyout_search > .table > .table-cell .flyout_search > .flyout-search-bar .form-row { position: relative; padding: 0; margin: 0; } .wraper_flyout_search > .table > .table-cell .flyout_search > .flyout-search-bar .form-row input[type=search] { width: 100%; height: 60px; padding: 0px 40px 0px 0px; background-color: initial; border: none; border-bottom: 3px #dedede solid; box-shadow: initial; font-size: 20px; color: #fff; } .wraper_flyout_search > .table > .table-cell .flyout_search > .flyout-search-bar .form-row button[type=submit] { position: absolute; top: 17px; right: 0; z-index: 1; width: 40px; height: auto; background-color: initial; border: none; cursor: pointer; } .wraper_flyout_search > .table > .table-cell .flyout_search > .flyout-search-bar .form-row button[type=submit] i { font-size: 20px; color: #fff; line-height: 20px; } body.flyout-searchbar-active .wraper_flyout_search { opacity: 1; visibility: visible; } body.flyout-searchbar-active .wraper_flyout_search > .table > .table-cell > .flyout-search-layer { transform: translateX(0); -webkit-transform: translateX(0); } body.flyout-searchbar-active .wraper_flyout_search > .table > .table-cell .flyout_search > .flyout-search-title h4 { letter-spacing: 0; opacity: 1; } #hamburger-menu { width: 100%; } .wraper_flyout_search { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 99999; opacity: 0; visibility: hidden; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .wraper_flyout_search > .table { display: table; table-layout: fixed; width: 100%; height: 100%; margin: 0; } .wraper_flyout_search > .table > .table-cell { position: relative; display: table-cell; width: 100%; height: 100%; vertical-align: middle; text-align: center; } .wraper_flyout_search > .table > .table-cell > .flyout-search-layer { position: absolute; top: 0; right: 0; bottom: 0; z-index: 1; transform: translateX(100%); -webkit-transform: translateX(100%); } .wraper_flyout_search > .table > .table-cell > .flyout-search-layer:nth-child(1) { left: 0; background-color: rgba(0, 0, 0, 0.5); transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; } .wraper_flyout_search > .table > .table-cell > .flyout-search-layer:nth-child(2) { left: 300px; background-color: rgba(0, 0, 0, 0.4); transition: all 0.3s ease-in-out 0.3s; -webkit-transition: all 0.3s ease-in-out 0.3s; } .wraper_flyout_search > .table > .table-cell > .flyout-search-layer:nth-child(3) { left: 600px; background-color: rgba(0, 0, 0, 0.9); transition: all 0.9s ease-in-out 0.6s; -webkit-transition: all 0.9s ease-in-out 0.6s; } .wraper_flyout_search > .table > .table-cell > .flyout-search-close { position: absolute; top: 40px; right: 40px; width: 30px; z-index: 2; text-align: center; cursor: pointer; } .wraper_flyout_search > .table > .table-cell > .flyout-search-close > .flyout-search-close-line { width: 100%; height: 2px; float: left; margin-bottom: 5px; background-color: #fff; } .wraper_flyout_search > .table > .table-cell > .flyout-search-close > .flyout-search-close-line:nth-child(1) { transform: rotate(45deg); -webkit-transform: rotate(45deg); } .wraper_flyout_search > .table > .table-cell > .flyout-search-close > .flyout-search-close-line:nth-child(2) { margin-top: -7px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } .wraper_flyout_search > .table > .table-cell .flyout_search { position: relative; z-index: 1; float: right; width: 100%; max-width: 500px; padding: 100px 40px 100px 40px; text-align: right; } .wraper_flyout_search > .table > .table-cell .flyout_search > .flyout-search-title { margin-bottom: 30px; } .wraper_flyout_search > .table > .table-cell .flyout_search > .flyout-search-title > *:last-child { margin-bottom: 0 !important; } .wraper_flyout_search > .table > .table-cell .flyout_search > .flyout-search-title h4 { margin-bottom: 20px; text-transform: uppercase; font-weight: 300; font-size: 35px; color: #fff; line-height: 45px; letter-spacing: 50px; opacity: 0; transition: all 1s ease-in-out 0s; -webkit-transition: all 1s ease-in-out 0s; } .wraper_flyout_search > .table > .table-cell .flyout_search > .flyout-search-bar .form-row { position: relative; padding: 0; margin: 0; } .wraper_flyout_search > .table > .table-cell .flyout_search > .flyout-search-bar .form-row input[type=search] { width: 100%; height: 60px; padding: 0px 40px 0px 0px; background-color: initial; border: none; border-bottom: 3px #dedede solid; box-shadow: initial; font-size: 20px; color: #fff; } .wraper_flyout_search > .table > .table-cell .flyout_search > .flyout-search-bar .form-row button[type=submit] { position: absolute; top: 17px; right: 0; z-index: 1; width: 40px; height: auto; background-color: initial; border: none; cursor: pointer; } .wraper_flyout_search > .table > .table-cell .flyout_search > .flyout-search-bar .form-row button[type=submit] i { font-size: 20px; color: #fff; line-height: 20px; } body.flyout-searchbar-active .wraper_flyout_search { opacity: 1; visibility: visible; } body.flyout-searchbar-active .wraper_flyout_search > .table > .table-cell > .flyout-search-layer { transform: translateX(0); -webkit-transform: translateX(0); } body.flyout-searchbar-active .wraper_flyout_search > .table > .table-cell .flyout_search > .flyout-search-title h4 { letter-spacing: 0; opacity: 1; } #hamburger-menu { width: 100%; } .top-bar .right-content ul li i { cursor: pointer; } .single-blog-page .text-block{ margin-bottom: 40px; background: #f4f4f4; background-color: white; -webkit-box-shadow: 0px 2px 4px 0px rgba(12, 0, 46, 0.06); box-shadow: 0px 2px 4px 0px rgba(12, 0, 46, 0.06); padding: 30px; position: relative; } .single-blog-page .text-block h3 { margin-bottom: 30px; font-size: 32px; /* margin-bottom: 18px; */ font-weight: 600; color: #242424; } .single-blog-page .post-info { position: relative; display: block; margin-bottom: 25px; border-bottom: 1px solid #d9d9d9; padding-bottom: 25px; border-top: 1px solid #d9d9d9; padding-top: 25px; } .meta-info ul.post-info li,.single-blog-page .text-block .meta-info a { color: #222; -webkit-transition: all .4s ease; transition: all .4s ease; color: #0eaf96; font-weight: 600; } .meta-info{ position: relative; display: block; margin-bottom: 15px; border-bottom: 1px solid #d9d9d9; padding-bottom: 15px; } .meta-info .metauthor{ background: #ececec!important; padding: 7px 32px; padding-right: 15px!important; padding-left: 15px!important; color: #ee3234!important; } .meta-info .metauthor a { color: #ffffff; } .meta-info .metauthor .fa { color: #818181; } .meta-info .fa-comments:before { content: "\f086"; color: #818181; } .meta-info h3{ margin-bottom: 15px; } .aaa .arrow-btn { padding: 15px 40px 15px 25px; background: #f2595a; color: white; -webkit-transition: .5s cubic-bezier(.86, 0, .07, 1); -o-transition: .5s cubic-bezier(.86, 0, .07, 1); transition: .5s cubic-bezier(.86, 0, .07, 1); display: inline-block; text-transform: uppercase; font-size: 14px; font-weight: 500; letter-spacing: 1px; box-shadow: 0 -2px 0 0 rgba(24,24,24,.15) inset; } .aaa .arrow-btn-box:hover .arrow-btn { /* padding: 20px 45px 20px 25px; */ background: #0f6fd5; letter-spacing: 2px; } .aaa .arrow-btn:after { content: ''; position: absolute; top: 50%; right: 40px; width: 7px; height: 7px; border-right: 2px solid #ffffff; border-top: 2px solid #ffffff; -webkit-transform: translateY(-50%) rotate(45deg); -ms-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); -webkit-transition: .5s cubic-bezier(.86, 0, .07, 1); -o-transition: .5s cubic-bezier(.86, 0, .07, 1); transition: .5s cubic-bezier(.86, 0, .07, 1); } .aaa .arrow-btn:before { content: ''; position: absolute; top: 50%; right: 40px; -webkit-transform: translateY(-50%) scaleX(0); -ms-transform: translateY(-50%) scaleX(0); transform: translateY(-50%) scaleX(0); width: 30px; height: 2px; -webkit-transition: .5s cubic-bezier(.86, 0, .07, 1); -o-transition: .5s cubic-bezier(.86, 0, .07, 1); transition: .5s cubic-bezier(.86, 0, .07, 1); -webkit-transform-origin: right; -ms-transform-origin: right; transform-origin: right; background: #ffffff; } .aaa .arrow-btn-box:hover .arrow-btn:after { border-right: 2px solid #ffffff; border-top: 2px solid #ffffff; } .aaa .arrow-btn:before { content: ''; position: absolute; top: 50%; right: 40px; -webkit-transform: translateY(-50%) scaleX(0); -ms-transform: translateY(-50%) scaleX(0); transform: translateY(-50%) scaleX(0); width: 30px; height: 2px; -webkit-transition: .5s cubic-bezier(.86, 0, .07, 1); -o-transition: .5s cubic-bezier(.86, 0, .07, 1); transition: .5s cubic-bezier(.86, 0, .07, 1); -webkit-transform-origin: right; -ms-transform-origin: right; transform-origin: right; background: #ffffff; } .aaa .arrow-btn:after { content: ''; position: absolute; top: 50%; right: 30px; width: 7px; height: 7px; border-right: 2px solid #ffffff; border-top: 2px solid #ffffff; -webkit-transform: translateY(-50%) rotate(45deg); -ms-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); -webkit-transition: .5s cubic-bezier(.86, 0, .07, 1); -o-transition: .5s cubic-bezier(.86, 0, .07, 1); transition: .5s cubic-bezier(.86, 0, .07, 1); } .aaa .arrow-btn { position: absolute; } .blog_sing .text-block { padding-bottom: 90px; } .aaa .arrow-btn { /* box-shadow: 0px 11px 21.25px 3.75px rgba(15, 111, 213, 0.24); */ } .single_post .meta-info { position: relative; display: block; margin-bottom: 15px; border-bottom: none; padding-bottom: 0px; } li.metauthor a {color: #f2595a!important;} .post_thumb{ margin-bottom:-20px!important; } .single-pricing-style-one ul li:before { content: "\f058"; color: #ee3234; font-size: 14px; position: absolute; top: 50%; left: 25px; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-family: 'FontAwesome'; } .header-navigation { /* background: transparent;*/ background: #0f6fd5; } .single-service-six{ background: #ffffff1c; padding: 30px; } .single-solution-style-one.text-box .pointer-large.animsition-link{ color: #ee3234; } .single-blog-style-one .text-box .aaa{ text-align: center; margin-left: -67%; margin-top: 15px; } .post-info .fa-calendar,.post-info .fa-comments { color: #585858!important; margin-left: 10px!important; } blockquote:before { font-family: fo; position: absolute; bottom: 140px; right: 40px; width: 73px; height: 70px; border-radius: 50%; /* background: #dbdbdb; */ content: "\e939"; color: #fffffffc; font-size: 41px; line-height: 70px; text-align: center; /* content: "\f12e"; */ content: "\f10e"; font-family: 'FontAwesome'; background: #e6e6e6; } .meta-info .fa-comments:before { content: "\f086"; color: #818181!important; } blockquote { margin-top: 108px; margin-top: 50px; padding: 40px; border-left: 15px solid #0f6fd5; margin-left: 0px; } .single-service-six { background: #ffffff1c; padding: 24px!important; } .single-blog-style-one .text-box { font-size: 17px; } /*** ==================================================================== Main Footer ==================================================================== ***/ .footer_four{ position:relative; padding:165px 0px 145px; background-repeat:no-repeat; background-position:center bottom; background-size:cover; } .footer_four:before{ position:absolute; content:''; left:0px; top:0px; width:100%; height:100%; display:block; background-color:rgba(37,41,50,0.95); } .footer_four .logo-box{ position:relative; text-align:center; margin-bottom:50px; } .footer_four .widgets-section{ position:relative; padding-top:50px; text-align:center; border-top:1px solid rgba(255,255,255,0.10); width:100%!important; } .footer_four .widgets-section .info-list{ position:relative; } .footer_four .widgets-section .info-list li{ position:relative; color:#ffffff; font-size:15px; margin-bottom:4px; } .footer_four .widgets-section .copyright{ position:relative; color:#ffffff; font-size:15px; margin-bottom:4px; } .footer_four .widgets-section .location{ position:relative; color:#ffffff; font-size:15px; margin-bottom:8px; } .footer_four { clear: both; } .footer_four .social-icon-one li a { position: relative; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; -moz-transition: all 300ms ease; transition: all 300ms ease; color: #848484; text-align: center; /* display: inline-grid; */ } .footer_four .social-icon-one li a i { color: #666; font-size: 16px; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; -moz-transition: all 300ms ease; transition: all 300ms ease; color: #ffffff; width: 45px; height: 45px; line-height: 40px; text-align: center; border-radius: 50%; border: 2px solid #f0f0f0; /* display: inline-grid; */ margin: 0px 5px; } .footer_four .social-icon-one li { display: inline-block; } /*** ==================================================================== Pricing Section ==================================================================== ***/ .pricing-section{ position: relative; padding: 0px 0 90px; } .pricing-section.style-two { padding-top: 120px; } .pricing-section.grey-bg { background: #f0f0f0; } .tabs-box .tab { display: none; } .tabs-box .tab.active-tab { display: block; } .pricing-tabs{ position: relative; text-align: center; } .pricing-tabs .tab-buttons{ position: relative; display: block; margin-bottom: 50px; } .pricing-tabs .tab-buttons:before{ position: absolute; left: 0; right: 0; margin: 0 auto; height: 40px; width: 90px; content: ""; border-radius: 40px; background-image: -webkit-linear-gradient( 0deg, rgb(104,97,230) 30%, rgb(64,58,180) 100%); background-image: -ms-linear-gradient( 0deg, rgb(104,97,230) 30%, rgb(64,58,180) 100%); } .pricing-section.theme-two .tab-buttons:before{ background:#0daf96; } .pricing-tabs .tab-buttons:after{ display: table; clear: both; content: ""; } .pricing-tabs .tab-buttons .tab-btn{ position: relative; display: inline-block; padding-right: 70px; min-width: 120px; text-align: right; font-size: 18px; line-height: 40px; color: #222; font-weight: 300; cursor: pointer; } .pricing-tabs .tab-buttons .tab-btn:last-child{ padding-right: 0; padding-left: 57px; text-align: left; } .pricing-tabs .tab-buttons .tab-btn:last-child:before{ display: none; } .pricing-tabs .tab-buttons .tab-btn:before{ position: absolute; top: 5px; height: 30px; width: 30px; background-color: #ffffff; border-radius: 30px; content: ""; right: -38px; -webkit-box-shadow: 0 4px 20px rgba(44,44,56,.30); box-shadow: 0 4px 20px rgba(44,44,56,.30); -webkit-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .pricing-tabs .tab-buttons .tab-btn.active-btn:before{ right: 15px; } .pricing-tabs .tab-buttons .tab-btn.active-btn { /* color: #403ab4; */ } .pricing-tabs .tab-buttons .tab-btn span { position: absolute; right: -70px; top: 0; font-size: 12px; font-weight: 300; } .pricing-tabs .tab-buttons .tab-btn span:before { position: absolute; content: ''; background-image: url(images/arrow.png); bottom: -10px; left: -16px; width: 35px; height: 12px; } .pricing-table{ position: relative; margin-bottom: 40px; } .pricing-table .inner-box{ position: relative; padding: 60px 55px 60px; text-align: center; overflow: hidden; background: #f7f9ff; -webkit-transition:all 300ms ease; -o-transition:all 300ms ease; transition:all 300ms ease; } .pricing-table .inner-box:hover { background-color: #ffffff!important; -webkit-box-shadow: 0 0 12px 1px rgba(0, 0, 0, 0.06) ; box-shadow: 0 0 12px 1px rgba(0, 0, 0, 0.06) ; } .shape-17 { height: 120px; width: 120px; background-image: url(images/shape-17.png); } .pricing-table .shape-17 { top: 50px; left: 50%; margin-left: -53px; -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; -webkit-animation-duration: 9s; animation-duration: 9s; } .pricing-table:nth-child(2) .shape-17 { -webkit-animation-duration: 7s; animation-duration: 7s; } .pricing-table:nth-child(3) .shape-17 { -webkit-animation-duration: 8s; animation-duration: 8s; } .pricing-table.tagged .inner-box{ background-color: #eff3ff; } .pricing-table.tagged.style-two .inner-box{ background-color: #fff; } .pricing-table .icon-box { position: relative; font-size: 48px; color: #fff; background: #d0ca43; height: 100px; width: 100px; line-height: 100px; text-align: center; -webkit-box-shadow: 0px 11px 21.25px 3.75px rgba(233, 233, 233, 0.65); box-shadow: 0px 11px 21.25px 3.75px rgba(233, 233, 233, 0.65); border-radius: 50%; margin: 0 auto; margin-bottom: 55px; } .pricing-table:nth-child(2) .icon-box{ background: #0daf96; } .pricing-table:nth-child(3) .icon-box{ background: #b83b96; } .pricing-table .title { position: relative; display: block; font-size: 32px; color: #222222; font-weight: 600; margin-bottom: 5px; margin-bottom: 20px; } .pricing-table h6 { font-size: 17px; font-weight: 500; color: #626262; } .pricing-table .price { position: relative; font-size: 60px; line-height: 1em; color: #565656; font-weight: 600; padding: 30px 0; border-top: 1px solid #dbe0ef; border-bottom: 1px solid #dbe0ef; margin: 35px 0; } .pricing-table .price sup { position: relative; font-size: 36px; top: -24px; margin-right: 5px; color:#6a6a6a; } .pricing-table .price sub{ position: relative; display: inline-block; font-size: 24px; line-height: 1em; color: #3b3b3b; letter-spacing: 1px; font-weight: 300; top: 0px; } .pricing-table .table-content{ position: relative; } .pricing-table .table-content ul{ position: relative; margin-bottom: 40px; } .pricing-table .table-content ul li { position: relative; font-size: 17px; line-height: 26px; margin-bottom: 14px; color: #5c5c5c; font-size: 18px; line-height: 34px; font-weight: 400; } .pricing-table .table-content ul li span { color: #999; } .pricing-table .table-footer{ position: relative; } .auto-container { position: static; max-width: 1200px; padding: 0px 15px; margin: 0 auto; } .theme-btn.btn-style-seven { position: relative; color: #222; font-size: 18px; line-height: 26px; font-weight: 500; padding: 14px 35px; border-radius: 3px; border: 1px solid #0563d3; box-shadow: 0px 5px 21.25px 3.75px rgba(5, 99, 211, 0.05); } .theme-btn.btn-style-seven:hover { color: #ffffff; background-color: #0563d3; } .theme-btn.btn-style-two { position: relative; color: #ffffff; font-size: 18px; line-height: 26px; font-weight: 500; padding: 15px 35px; border-radius: 3px; background-color: #0462d3; box-shadow: 0px 11px 21.25px 3.75px rgba(4, 98, 211, 0.17); } .theme-btn.btn-style-two:hover { color: #ffffff; background-color: #0664d3; box-shadow: 0px 11px 21.25px 3.75px rgba(194, 191, 255, 0.65); } .footer_four .logo-box img{ width: 250px; } .single-solution-style-one span.arrow-btn { color: #0057b3; height: auto; } .single-easy-step-one:hover { text-align: center; background: #dbdbdb21; padding: 20px 20px; } .single-easy-step-one { text-align: center; background: #000000a6; padding: 20px 20px; -webkit-box-shadow: 0 0 12px 1px rgba(0, 0, 0, 0.06); box-shadow: 0 0 12px 1px rgba(36, 35, 35, 0.62); } .blog-style-one .single-blog-style-one .aaa .arrow-btn { box-shadow: none!important; } .blog-style-one .single-blog-style-one .aaa .arrow-btn { padding: 0px 30px 0px 40px; background: #0f6fd500; color: #0f6fd5; -webkit-transition: .5s cubic-bezier(.86, 0, .07, 1); -o-transition: .5s cubic-bezier(.86, 0, .07, 1); transition: .5s cubic-bezier(.86, 0, .07, 1); display: inline-block; text-transform: uppercase; font-family: 'Oswald', sans-serif; font-size: 13px; line-height: 1; font-weight: 600; letter-spacing: 3px; } .blog-style-one .single-blog-style-one .aaa .arrow-btn-box:hover .arrow-btn { padding: 0px 35px 0px 35px; background: #403ab403; letter-spacing: 4px; color: #fff; } .blog-style-one .single-blog-style-one .aaa .arrow-btn:after { content: ''; position: absolute; top: 50%; right: 15px; width: 7px; height: 7px; border-right: 2px solid #0f6fd5; border-top: 2px solid #0f6fd5; -webkit-transform: translateY(-50%) rotate(45deg); -ms-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); -webkit-transition: .5s cubic-bezier(.86, 0, .07, 1); -o-transition: .5s cubic-bezier(.86, 0, .07, 1); transition: .5s cubic-bezier(.86, 0, .07, 1); } .blog-style-one .single-blog-style-one .text-box { -webkit-box-shadow: 0 0 12px 1px rgba(0, 0, 0, 0.06); box-shadow: 0 0 12px 1px rgba(227, 227, 227, 0.62); font-size: 17px; line-height: 34px; color: #656b72; /* font-weight: 400; */ } .blog-style-one .single-blog-style-one .text-box:hover{ color: #fff; } .blog-style-one .single-blog-style-one:hover .aaa .arrow-btn { color: #ffffff; } .blog-style-one .single-blog-style-one:hover .aaa .arrow-btn:after { content: ''; position: absolute; top: 50%; right: 15px; width: 7px; height: 7px; border-right: 2px solid #ffffff; border-top: 2px solid #ffffff; -webkit-transform: translateY(-50%) rotate(45deg); -ms-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); -webkit-transition: .5s cubic-bezier(.86, 0, .07, 1); -o-transition: .5s cubic-bezier(.86, 0, .07, 1); transition: .5s cubic-bezier(.86, 0, .07, 1); } .single-solution-style-one:hover a span.arrow-btn{ color: #FFFFFF; } .pingback .author-thumb img { display: none!important; } .pingback{ padding: 0px!important; } .comments-area .trackback .author-thumb { display: none; } .comments-area .trackback.comment{ padding: 0px!important; } .sticky .single-blog-style-one h3:before,.tag-sticky-2 .single-blog-style-one h3:before{ top: 84px; left: 50px; } blockquote:before { top: -34px; } .widget ul li a { color: #535353!important; } .meta-info ul.post-info li, .single-blog-page .text-block .meta-info a { color: #222; -webkit-transition: all .4s ease; transition: all .4s ease; color: #f2595a!important; font-weight: 600; } .header-navigation ul.navigation-box > li.current-menu-ancestor > a, .header-navigation ul.navigation-box > li:hover > a { color: #8bc1fa!important; } .header-navigation ul.navigation-box > li > .sub-menu li:hover > a { color: #fff!important; } .header-navigation ul.navigation-box > li > ul.sub-menu > li > ul.sub-menu { background-color: #001328!important; } .header-navigation ul.navigation-box > li > .sub-menu > li > ul.sub-menu li:hover { background: #0e0e0e!important; } .header-navigation ul.navigation-box > li > ul.sub-menu > li > ul.sub-menu > li > a { color: #ffffff!important; } ul li.mega-menu>ul.sub-menu{ background-color: #222 !important; padding: 10px 0!important; width: 480px !important; } ul li.mega-menu>ul.sub-menu>li { display: block; float: left; margin: 0 5px; width: 230px; border: none; } ul li.mega-menu ul.sub-menu li { background-color: inherit; padding: 0 14px; border-top: none!important; border-right: 1px solid #c9c9c9; } ul li.mega-menu ul.sub-menu li:nth-child(even){ border-right: none!important; } .single-easy-step-one:hover { background: #05274ac9!important; } /*========== faq page css start ===========*/ .faq-sec_1 h5 { font-size: 18px; color: #000; font-weight: 700; } .faq-sec_1 ul li { font-size: 16px; padding-bottom: 10px; } .faq-sec_1 { font-size: 16px; } /*========== faq page css end ===========*/ .state_box { display: flex; justify-content: center; margin: 0 0 30px; background: #fff; padding: 20px; box-shadow: 1px 2px 10px #6666; position: relative; border-radius: 4px; } .state_box::before { content: ''; width: 0; height: 100%; left: 0; top: 0; background: #0f6fd5; position: absolute; transition: all .4s ease; border-radius: 4px; } .state_box p { margin: 0 0 10px; font-size: 17px; text-align: justify; line-height: 26px; color: #000; } .state_box img { float: right; border-radius: 4px; padding-top: 0px; } .state_box:hover p { color: #fff; } .state_box:hover:before { width: 100%; } h2.kc_title.our_acc { padding-top: 25px; padding-bottom: 15px; font-size: 32px !important; font-weight: 800 !important; } .resource_sec_left1 h1 { font-size: 40px; font-weight: 800; line-height: 46px; padding-bottom: 20px; } .resource_sec_left1 p { font-size: 18px; color: #000; line-height: 28px; } .res_btn a { background: #ee3234; color: #fff; font-size: 18px; font-weight: 800; padding: 15px 40px; border-radius: 30px; letter-spacing: 0.5px; } .res_btn { padding-top: 20px; } .resource_sec1 { padding-top: 50px; padding-bottom: 50px; } .resource_sec_right1 img { width: 100%; } ul.social_ft { display: flex; gap: 5px; align-items: center; } ul.social_ft li a .fa { font-size: 25px; padding: 9px; } .about_testimonial { background-color: #fff; padding-top: 70px; padding-bottom: 70px; } .about_testimonial .sec-title.text-center { margin-bottom: 15px; } .about_testimonial .single-testimonial-four p { color: #000; font-size: 17px; line-height: 25px; font-weight: 600; } .about_testimonial .single-testimonial-four h3 { color: #0f6fd5; font-size: 18px; font-weight: 700; margin-top: 15px; } .abt_sec1 .about-style-one .about-content p { color: #798593; font-size: 17px; line-height: 27px; font-weight: 600; margin-bottom: 0; margin-top: 35px; margin-bottom: 52px; } .abt_sec1 .about-style-one .featured-image-box .text-box p { font-size: 17px; line-height: 26px; } .about_testimonial #testi-pager-2 { margin-top: 25px; } .acc_sect1 { background-color: #f3f7fa; } .acc_sect2 { background-color: #f3f7fa; padding-bottom: 15px; } .payn-innersec ul.paysevtd_text li { color: #000; margin-bottom: 10px; font-size: 16px; list-style: initial; } .payn-innersec ul.addserv_text li { color: #000; margin-bottom: 10px; font-size: 16px; list-style: initial !important; } .payn-innersec ul { padding-left: 18px; } .payn-innersec p.addons_text { padding-top: 0px; margin-bottom: 12px; } /*=========== Self-Service Portal css start ============== */ .Portal_img1 { text-align: center; padding: 20px 0px; padding-bottom: 30px; } .portal_title_1 p { font-size: 20px; font-weight: 800; color: #3174af; margin-bottom: 5px; } .portal_text1 p { font-size: 16px; color: #000; } .portal_1 { padding-bottom: 20px; } .message_text_1 p { padding: 0% 3%; } .portal_2 { background-color: #f3f7fa; padding-top: 25px; } .pbg_1 { background-color: #f3f7fa; padding-bottom: 30px; } .message_text_1 p { text-align: center; color: #000; font-size: 18px; padding-top: 10px; line-height: 25px; margin-bottom: 0px; } h2.kc_title.message_title1 { padding-top: 70px; } .msg_sec .kc_single_image { text-align: center; padding-top: 20px; padding-bottom: 70px; } .cat_msg .row { align-items: center; } .scontact_portal { padding-top: 70px; padding-bottom: 50px; } .hr_img_9 .kc_single_image { text-align: center; } .hr_img_9 .kc_single_image img { width: 65%; } .hr_img_9 { padding-top: 50px; } .bussines_hr1 .service-style-four { padding-top: 40px; padding-bottom: 10px; } .bussines_hr1 .sec-title.text-center { margin-bottom: 30px; } .bussines_hr1 .single-service-four { margin-bottom: 30px; border: 1px solid #edecec; padding: 10px 0px; } .bussines_hr1 .single-service-four .inner-box p { width: 90%; margin-top: 15px; } .bussines_hr1 .single-service-four i { font-size: 65px; } .contact_today_2 { padding: 30px 0px; } .contact_today_2 .row { align-items: center; } .wf_text p { font-size: 20px; color: #000; letter-spacing: 0.3px; padding-top: 10px; } .wftop_1 .solution-style-one { background: #fff; padding-top: 160px; padding-bottom: 0px; } .findright_title h2 { color: #3174ad; font-weight: 800; font-size: 30px; letter-spacing: -0.03em; text-align: center; } .findright_box1 h2 { color: #001328; font-weight: 700; font-size: 16px; letter-spacing: -0.03em; text-align: center; padding-top: 10px; } .findright_box1 { text-align: center; } .findright_innersec { display: flex; justify-content: space-between; gap: 15px; } .findright_box1 { -webkit-box-shadow: 0px 0px 20px 0px rgb(168 168 168 / 50%); -moz-box-shadow: 0px 0px 20px 0px rgba(168,168,168,0.5); box-shadow: 0px 0px 20px 0px rgb(168 168 168 / 50%); width: 100%; border-radius: 4px; padding: 5px; } .findright_innersec_main { padding-top: 40px; padding-bottom: 40px; } .findright_title { padding-bottom: 45px; } .pf_left h2.kc_title { font-size: 20px; color: #000; font-weight: 800; line-height: 30px; } .pf_right h2.kc_title { font-size: 20px; color: #000; font-weight: 800; line-height: 30px; } .pf_left p { font-size: 16px; color: #000; } .pf_right p { font-size: 16px; color: #000; margin-bottom: 10px; } .pf_right ul li { font-size: 16px; color: #000; margin-bottom: 11px; } .page-id-1487 .pf_right .kc_text_block ul li { list-style: initial; } .page-id-1487 .pf_right .kc_text_block ul { padding-left: 20px; } .asd_sec { padding-top: 20px; padding-bottom: 50px; } /*=============== 17-07-2023 =================*/ .homebnr_sec2 { background-color: #fff; padding-bottom: 100px; padding-top: 190px; /* box-shadow: 0 4px 4px rgb(0 0 0 / 7%);*/ } .homebner_innersec ul li h2 { color: #001328; font-weight: 800; font-size: 50px; letter-spacing: -0.03em; margin: 0px; padding-bottom: 20px; } .homebner_innersec ul.bnr_ul2 { padding-left: 13%; } .homebner_innersec ul.bnr_ul3 { padding-left: 13%; } .homebner_innersec ul.bnr_ul4 { padding-left: 13%; } .homebner_innersec ul.bnr_ul4 { padding-left: 17%; } .homebner_innersec ul.bnr_ul4 li a { border: none; outline: none; cursor: pointer; display: inline-block; vertical-align: middle; color: #FFFFFF; background: #0469d3; font-size: 20px; font-weight: 800; letter-spacing: .04em; border-radius: 30px; padding: 18px 22px; text-align: center; /* -webkit-box-shadow: 0px 10px 30px 0px rgb(4 105 211); box-shadow: 0px 10px 30px 0px rgb(4 105 211);*/ -webkit-box-shadow: 0px 0px 10px 0px rgb(4 105 211); box-shadow: 0px 0px 10px 0px rgb(4 105 211); -webkit-transition: all .4s ease; transition: all .4s ease; } .hometop_tabsec1 .sec-pad-top { padding-top: 15px; background-color: #f3f7fa; padding-bottom: 30px; } .bsize_1 .sec-title.text-center { margin-bottom: 0px; } .bsize_1 section.solution-style-one.sec-pad { background-color: #fff; padding-top: 40px; padding-bottom: 50px; } .kc-row-container.kc-container.selservices_new_1 { padding: 0px 5%; } .btn-box .thm-btn:hover { background: #0469d3; color: #fff; -webkit-box-shadow: 0px 10px 30px 0px rgba(0, 19, 40, 0.3); box-shadow: 0px 10px 30px 0px rgba(0, 19, 40, 0.3); } /*=========== Self-Service Portal css end ==============*/ /*========== payroll page css start ================*/ .paryrollnew_img img { width: 100%; } .paryrollnew_tittle h2 { color: #001328; font-weight: 800; font-size: 40px; letter-spacing: -0.03em; margin: 0px; padding-bottom: 12px; } p.say_title { color: #3374ad !important; font-weight: 700; font-size: 22px !important; letter-spacing: -0.03em; margin: 0px; padding-bottom: 5px; } .paryrollnew_tittle p { color: #000; margin-bottom: 10px; font-size: 16px; } .addbtn_payroll a { border: none; outline: none; cursor: pointer; display: inline-block; vertical-align: middle; color: #FFFFFF; background: #ee3234; font-size: 17px; font-weight: 800; letter-spacing: .04em; border-radius: 30px; padding: 16px 20.5px; text-align: center; -webkit-box-shadow: 0px 10px 30px 0px rgba(238, 50, 52, 0.3); box-shadow: 0px 10px 30px 0px rgba(238, 50, 52, 0.3); -webkit-transition: all .4s ease; transition: all .4s ease; } .addbtn_payroll a:hover { background: #0469d3; color: #fff; -webkit-box-shadow: 0px 10px 30px 0px rgba(0, 19, 40, 0.3); box-shadow: 0px 10px 30px 0px rgba(0, 19, 40, 0.3); } .paryrollnew_tittle ul li { color: #000; margin-bottom: 10px; font-size: 16px; list-style: initial; } .paryrollnew_tittle ul { padding-left: 20px; } .addbtn_payroll { margin-top: 20px; } .payroll_pd2 { padding-top: 160px; padding-bottom: 15px; } .payn-innersec p.icp_text { margin-bottom: 15px; } .includedservice_inner p.ourpay { font-size: 21px; text-align: center; padding: 0px 5%; color: #000; font-weight: 800; line-height: 30px; } section.contact_today_2.cta-one.sec-pad .row { text-align: center; } .contact_today_2 .text-right { text-align: center !important; } .includedservice_inner ul li { font-size: 17px; color: #000; font-weight: 600; } .includedservice_inner ul li:before { content: "\f00c"; font-family: FontAwesome; color: #3274ad; margin-right: 15px; font-size: 13px; } .payss_2 { padding-bottom: 70px; } .includedservice_inner ul { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; background-color: #f1f7fc; padding: 25px; border-radius: 4px; } .payroll_copyright { text-align: center; } .footer-widget ul li { color: #DBE9FA !important; text-transform: capitalize; font-weight: 700 !important; } .contactform_sec input { display: block; border: none; outline: none; background-color: #fbfbfb; border-radius: 8px; height: 40px; border: 1px solid #CCD7E0; font-size: 16px; font-weight: 600; color: #798593; width: 100%; padding-left: 10px; } .contactform_sec label { font-size: 16px; color: #000; font-weight: 700; width: 100%; margin: 0px; } .contact_title h2 { font-size: 22px; color: #000; font-weight: 600; margin: 0px; padding-bottom: 15px; } .contactform_sec br { display: none; } .name_sec1 { display: flex; gap: 30px; } .cphone_sec { display: flex; gap: 30px; } .contactform_sec select { display: block; border: none; outline: none; background-color: #fbfbfb; border-radius: 8px; height: 40px; border: 1px solid #CCD7E0; font-size: 16px; font-weight: 600; color: #798593; width: 100%; padding-left: 10px; } .caddress_sec { display: flex; gap: 30px; } .fsubmit input { border: none; outline: none; cursor: pointer; display: inline-block; vertical-align: middle; color: #FFFFFF; background: #ee3234; font-size: 17px; font-weight: 800; letter-spacing: .04em; border-radius: 30px; padding: 12px 34.5px; text-align: center; -webkit-box-shadow: 0px 10px 30px 0px rgba(238, 50, 52, 0.3); box-shadow: 0px 10px 30px 0px rgba(238, 50, 52, 0.3); -webkit-transition: all .4s ease; transition: all .4s ease; width: inherit; height: inherit; } .contact_map iframe { width: 100%; } .page-id-56 form.wpcf7-form { background-color: #f2f7fd; padding: 20px 25px; border-radius: 4px; } .contactform_sec label span.req { color: red; } .contact_map { padding-top: 70px; } .sec-pad-top { padding-top: 0px; } .contact_paddt section.contact-page-content.sec-pad.one { padding-top: 0px; } .selservices_new_1 .kc_text_block p { text-align: justify; color: #000; } p.icp_text { color: #000; font-weight: 800; font-size: 18px; } p.addons_text { color: #3274ac; font-weight: 800; font-size: 18px; padding-top: 20px; } ul.paysevtd_text { column-count: 2; column-gap: 40px; } ul.paysevtd_text li { line-height: 21px; } ul.addserv_text { column-count: 2; column-gap: 40px; } .ature_left h2 { color: #3174ad; font-weight: 800; font-size: 22px; letter-spacing: -0.03em; } .ature_left ul li { list-style: initial; font-size: 16px; margin-bottom: 10px; color: #000; } .ature_left ul { padding-left: 30px; } .ature_left p { font-size: 16px; color: #000; } .ature_right h2 { color: #3174ad; font-weight: 800; font-size: 22px; letter-spacing: -0.03em; } .ature_right p { color: #000; font-size: 16px; } .ature_right { background-color: #eae9e9; padding: 23px 10px; } h2.kc_title.ex_text { padding-top: 40px; } .sst_top { padding-top: 50px; padding-bottom: 60px; } .empb_sec .video-box-content { padding-left: 12%; } .atrue_wrraper .container { width: 100% !important; max-width: 100% !important; } .findright_innersec_main .container { max-width: 100%; } .hrbenifits_sec h2 { font-size: 22px; color: #000; font-weight: 700; padding-bottom: 3px; } .hrbenifits_sec p { color: #000; font-size: 17px; } .hrbenifits_sec { padding: 0px 15px; padding-bottom: 25px; } .empb_sec .sec-pad { padding: 40px 0px; padding-bottom: 70px; } .Increase_main_dv_sec { padding: 0% 3%; } /*========== payroll page css end ================*/ @media screen and (max-width: 767px) { .empb_sec .sec-pad { padding-top: 0px !important; } .empb_sec .video-box-content { padding-left: 0%; padding-right: 0px; } .empb_sec .video-box-style-four .video-box-content p { margin-top: 15px; } .findright_innersec { display: block; } .findright_box1 { margin-bottom: 20px; } .site-header .logo-box img { width: 125px; padding: 0px 0px; } .homebnr_sec { padding: 0px 15px; } .homebner_innersec ul li h2 { font-size: 30px; padding-bottom: 15px; } .homebner_innersec ul.bnr_ul4 li a { font-size: 16px; padding: 15px 15px; } a:hover, a:focus, a:visited { text-decoration: none; } .homebnr_sec2 { padding-bottom: 44px; } .includedservice_inner ul { grid-template-columns: repeat(1, 1fr); gap: 10px; padding: 15px; } .includedservice_inner ul li { font-size: 15px; text-indent: -27px; margin-left: 25px; } .addbtn_payroll { margin-bottom: 30px; } .findright_title { padding-bottom: 0px !important; } .findright_innersec_main { padding-bottom: 0px; } .atrue_wrraper { padding-bottom: 30px; } .contact_today_1 .contact_btnh { margin-bottom: 50px; } .contact_today_2 .contact_btnh { margin-bottom: 50px; } .state_box img { float: left; } ul.paysevtd_text { column-count: 1; } ul.addserv_text { column-count: 1; } .resource_sec1 { padding-left: 15px; padding-right: 15px; } .res_btn { margin-bottom: 47px; } .contact_paddt .sec-pad.one { padding-bottom: 0px !important; } .Increase_inner_details { width: 100% !important; } .page-id-56 .contact_paddt { padding-top: 75px; } .contactadr_secpadd { padding-bottom: 25px; } .page_paddtop1 { padding-top: 70px; } .Portal_img1 { padding-bottom: 10px; } .Increase_main_dv_sec { padding: 0% 0%; } .portal_1 h2.kc_title.self_service_title_1 { font-size: 25px; line-height: 25px; padding-bottom: 10px; } h2.kc_title.message_title1 { padding-top: 30px; } .msg_sec .kc_single_image { padding-bottom: 30px; } .contact_today_2 { padding: 30px 0px !important; } .bnrmain_wrraper .bnrmain_left h2 { font-size: 24px !important; line-height: 28px !important; } .bnrmain_btn { margin-top: 20px !important; } .htb_title2 .sec-title.text-center h2 { font-size: 24px; line-height: 28px; } .service-style-one .single-tab-content { padding: 15px !important; } .nnn_padd { padding-top: 40px !important; padding-bottom: 40px !important; } .hbsize_sec_title h2 { font-size: 24px; line-height: 28px; } .easy_setpsec1 .sec-pad { padding-top: 30px !important; padding-bottom: 0px !important; } .news_sec1 section.sec-pad { padding-top: 30px !important; padding-bottom: 30px !important; } h1.kc_title.pcspayroll_1 { font-size: 24px !important; line-height: 28px !important; padding-left: 15px; padding-right: 15px; } .pcspadd_1 .sec-pad { padding-top: 30px !important; padding-bottom: 0px !important; } .pcspadd_1 .sec-title.text-center h2 { font-size: 24px; line-height: 28px; } .pp_blog .text-box.hvr-sweep-to-bottom { padding-top: 20px; } .contact_today_1 { padding-top: 30px !important; padding-bottom: 30px !important; } .scroll-to-top { bottom: 65px; right: 14px; } .schedule_meeting_title h2 { font-size: 24px !important; line-height: 28px; } .meet_title_today { padding-top: 105px !important; } .calender_innersec #booking_form1 #booking_form_div1 .wpbc_booking_form_structure.wpbc_vertical { display: block !important; } .calender_innersec #booking_form1 #booking_form_div1 .wpbc_booking_form_structure.wpbc_vertical .wpbc_structure_calendar { width: 100% !important; } .calender_innersec #booking_form1 #booking_form_div1 .wpbc_booking_form_structure.wpbc_vertical .wpbc_structure_form { width: 100% !important; margin-top: 30px !important; } .ocbbr_inner h2 { width: 100% !important; } } /*============== footer =============*/ .footer-box { z-index: inherit; } .htb_title1 .tab-content .text-box h3 { display: none; } .htb_title1 .tab-content .text-box p { margin-top: 0px; margin-bottom: 10px; color: #000; font-size: 17px; font-weight: 500; line-height: 26px; } .hometop_tabsec1 .sec-title.text-center { margin-bottom: 25px; } .home .video-box-style-one .box span.btn-tag-line { display: none; } footer.site-footer .footer-widget.my-auto { margin-top: 0px !important; } footer.site-footer .footer-widget.my-auto p a img { width: 150px; position: relative; top: -9px; } .payroll_copyright p { color: #DBE9FA; font-weight: 700; } /*===============================*/ .hbzisize_title h2 { color: #0f6fd5; font-size: 18px; font-weight: 700; -webkit-transition: all .4s ease; transition: all .4s ease; min-height: 50px; padding-top: 20px; } .hbsize_text p { color: #000; font-size: 16px; line-height: 23px; margin-bottom: 18px; } .hbsize_img img { width: 100%; } .hbsize_sec { padding: 0px; box-shadow: 0 0 8px rgba(32,32,32,.1); transition: all .2s ease-in; height: 100%; } .nnn_padd { padding-top: 100px; padding-bottom: 100px; } .hbzisize_title { padding: 0px 10px; } .hbsize_text { padding: 0px 10px; padding-bottom: 1px; } .hbsize_sec:hover { box-shadow: 0 0 16px rgba(32,32,32,.3); -webkit-transform: translate(0,-5px); transform: translate(0,-5px); transition: all .15s ease-out; } .hbsize_sec_title h2 { margin: 0; color: #001328; font-weight: 700; font-size: 32px; letter-spacing: -0.03em; text-align: center; } .hbsize_sec_title h3 { display: block; text-transform: uppercase; color: #767676; font-size: 14px; font-weight: 700; letter-spacing: .04em; margin-bottom: 5px; text-align: center; padding-bottom: 8px; } .hbsize_sec_title { padding-bottom: 30px; } .hbtobtm:active:before, .hbtobtm:focus:before, .hbtobtm:hover:before { transform: scaleY(1); -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, .37, .66); transition-timing-function: cubic-bezier(0.52, 1.64, .37, .66); } /*.hbtobtm:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #2098D1; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: .5s; transition-duration: .5s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }*/ /* .hbsize_sec:before { background: #0f6fd5; border-radius: 6px; }*/ /* .hbtobtm:active:before, .hbtobtm:focus:before, .hbtobtm:hover.hbsize_sec p{ color: #fff; }*/ /* .hbtobtm:active:before, .hbtobtm:focus:before, .hbtobtm:hover.hbsize_sec h2{ color: #fff; }*/ /*=====================================*/ .faq_topsec1 { padding-top: 50px; } .faq_topsec1 .sec-pad { padding-bottom: 0px; } .faqsec2 { padding-top: 50px; } .faqsec2 section.fun-fact-style-one { padding-top: 40px; padding-bottom: 40px; } .faqsec2 { margin-bottom: 50px; } .faqsec2 .sec-title span { display: none; } .Increase_inner_details h2 { font-size: 20px; font-weight: 800; color: #3174af; margin-bottom: 5px; } .Increase_inner_details p { font-size: 16px; color: #000; margin-bottom: 18px; line-height: 23px; } .Increase_main_dv { display: flex; justify-content: space-between; align-items: baseline; flex-wrap: wrap; width: 100%; gap: 3%; padding: 0px 15px; } .Increase_inner_details{ width: 48%; text-align: justify; } .bnrmain_wrraper .bnrmain_left h2 { color: #001328; font-weight: 700; font-size: 32px; letter-spacing: -0.03em; padding-bottom: 15px; line-height: 40px; } .bnrmain_left ul li { font-size: 17px; color: #000; font-weight: 500; margin-bottom: 12px; position: relative; padding-left: 30px; } .bnrmain_left ul li:before { content: " "; display: block; background-color: transparent; width: 0.4em; height: 0.9em; border: solid #0f6fd5; border-width: 0 2px 2px 0; position: absolute; left: 5px; margin-top: 2px; -webkit-transform: rotate(35deg); transform: rotate(35deg); border-radius: 0!important; } .bnrmain_btn a { border: none; outline: none; cursor: pointer; display: inline-block; vertical-align: middle; color: #FFFFFF; background: #0469d3; font-size: 17px; font-weight: 700; letter-spacing: .04em; border-radius: 30px; padding: 16px 21px; text-align: center; -webkit-transition: all .4s ease; transition: all .4s ease; } .bnrmain_btn { margin-top: 40px; } .bnrmain_btn a:hover { background: #ee3234; } .bnrmain_img img { width: 100%; border-radius: 10px; } .contact_paddt .sec-title.text-center { margin-bottom: 35px; } .contactform_sec p { margin-bottom: 15px; } .contact_adr_sec1 { border: 1px solid #f4f4f4; border-radius: 7px; /* padding: 55px; */ padding: 30px 20px; -webkit-transition: all .4s ease; transition: all .4s ease; -webkit-box-shadow: 0px 11px 21.25px 3.75px rgba(233, 233, 233, 0.65); box-shadow: 0px 11px 21.25px 3.75px rgba(233, 233, 233, 0.65); text-align: center; margin-bottom: 20px; } .contact_adr_sec1:hover { -webkit-box-shadow: 0px 10px 30px rgba(204, 215, 224, 0.3); box-shadow: 0px 10px 30px rgba(204, 215, 224, 0.3); } .contactadr_add a { margin: 0; color: #4e5258; font-size: 18px; line-height: 28px; font-weight: 600; text-align: center; display: inline-block; } .ctel_1 a { margin: 0; color: #4e5258; font-size: 18px; line-height: 28px; font-weight: 600; text-align: center; display: inline-block; } .contactadr_tel a { margin: 0; color: #4e5258; font-size: 18px; line-height: 28px; font-weight: 600; text-align: center; display: inline-block; } .contadr_icon i { font-size: 40px; color: #fff; background: #0057b3; height: 90px; width: 90px; line-height: 90px; text-align: center; -webkit-box-shadow: 0px 11px 21.25px 3.75px rgba(233, 233, 233, 0.65); box-shadow: 0px 11px 21.25px 3.75px rgba(233, 233, 233, 0.65); border-radius: 50%; margin: 0 auto; margin-bottom: 20px; text-align: center; } .btn-box input.wpcf7-submit { border: none; outline: none; cursor: pointer; display: inline-block; vertical-align: middle; color: #FFFFFF; background: #ee3234; font-size: 17px; font-weight: 800; letter-spacing: .04em; border-radius: 30px; padding: 12px 34.5px; text-align: center; -webkit-box-shadow: 0px 10px 30px 0px rgba(238, 50, 52, 0.3); box-shadow: 0px 10px 30px 0px rgba(238, 50, 52, 0.3); -webkit-transition: all .4s ease; transition: all .4s ease; width: inherit; height: inherit; } .contactform_sec label span.wpcf7-not-valid-tip { color: red; } .contactform_sec p span.wpcf7-not-valid-tip { color: red; } .contact_paddt .screen-reader-response { display: none; } .page-id-56 form.wpcf7-form .wpcf7-response-output { color: red; } .meetform_sec .meeting-form span.wpcf7-not-valid-tip { color: red; } .meetform_sec .screen-reader-response { display: none; } /*=======================*/ .calender_topsec1 { padding-top: 40px; padding-bottom: 60px; } .calender_innersec #booking_form1 #booking_form_div1 .wpbc_booking_form_structure.wpbc_vertical { display: flex; gap: 50px; } .calender_innersec #booking_form1 #booking_form_div1 .wpbc_booking_form_structure.wpbc_vertical .wpbc_structure_calendar { width: 50%; } .calender_innersec #booking_form1 #booking_form_div1 .wpbc_booking_form_structure.wpbc_vertical .wpbc_structure_form { width: 50%; background-color: #f1f7fc; padding: 15px 30px 20px 30px; } .calender_innersec #booking_form1 .booking_form_div input[type="text"] { outline: none; border-radius: 4px; height: 35px; border: 1px solid #CCD7E0; font-size: 16px; font-weight: 600; color: #798593; width: 97%; } .calender_innersec .booking_form .form-group { margin-top: 0px; margin-bottom: 10px; } .calender_innersec .booking_form textarea { width: 97%; height: 65px; } .calender_innersec .booking_form button.btn.btn-default { border: none; outline: none; cursor: pointer; display: inline-block; vertical-align: middle; color: #FFFFFF; background: #ee3234; font-size: 17px; font-weight: 800; letter-spacing: .04em; border-radius: 30px; padding: 12px 34.5px; text-align: center; -webkit-box-shadow: 0px 10px 30px 0px rgba(238, 50, 52, 0.3); box-shadow: 0px 10px 30px 0px rgba(238, 50, 52, 0.3); -webkit-transition: all .4s ease; transition: all .4s ease; width: inherit; height: inherit; } .schedule_meeting_title h2 { margin: 0; color: #001328; font-weight: 700; font-size: 32px; letter-spacing: -0.03em; text-align: center; } .meet_title_today { padding-top: 140px; } .meet_texthide { display: none; } /*=========== our community css start ==============*/ .oc_title1 h1 { margin: 0; color: #001328; font-weight: 800; font-size: 32px; letter-spacing: -0.03em; text-align: center; padding-bottom: 30px; } .octop_left p { color: #000; font-size: 17px; line-height: 27px; margin-bottom: 12px; } .oc_img img { width: 100%; min-height: 250px; max-height: 250px; } .oc_sectitle h2 { font-size: 22px; color: #000; font-weight: 700; padding-top: 15px; margin: 0px; padding-bottom: 10px; } .oc_sectext p { color: #000; font-size: 17px; line-height: 25px; margin-bottom: 12px; } .oc_section2 { border: 1px solid #edecec; padding: 10px 10px; height: 100%; transition: all .2s ease-in; background-color: #fff; } .oc_section2:hover { -webkit-transform: translate(0,-1px); transform: translate(0,-1px); transition: all .15s ease-out; box-shadow: 0 0 8px rgba(32,32,32,.1); } .ocbbr_inner h2 { color: #001328; font-weight: 700; font-size: 32px; text-align: center; padding-bottom: 50px; line-height: 34px; width: 83%; margin: 0 auto; } .ocbrd2 { padding-top: 70px; } .ocbrd1 .client-carousel-one img{ opacity: 1 !important; padding: 15px; } /*====*/ .ocbrd4 { background: #f1f7fc; padding-top: 30px; } .ocbrd3 { background: #f1f7fc; padding-bottom: 40px; } .ocbrd1 .client-style-one { padding: 0px 0px 70px 0px; }