whoami7 - Manager
:
/
home
/
analuakl
/
public_html
/
seo-service
/
assets
/
css
/
Upload File:
files >> /home/analuakl/public_html/seo-service/assets/css/style.css
/* CSS Document */ /* Template Name: C-biz Description: C-Biz - Responsive Template Version: 1.0 Author: cBiz Website: http://c-biz.com */ /* ***************************************************************************** Style Index .^^^^^^^^^^^^. 01.0 - GLOBAL CSS 02.0 - COMMON CSS 03.0 - GENERAL CSS 04.0 - HEADER AND MAIN MENU 05.0 - MAIN SLIDER AREA 06.0 - OUR GOAL 07.0 - PORTFOLIOS AND GALLERY 08.0 - WE DO 09.0 - CELEBRATION AND GET US 10.0 - NEWSLETTER 11.0 - RECENT POST / BLOG 12.0 - POPUP VIDEO 13.0 - TESTIMONIAL 14.0 - OUR CLIENT 15.0 - GET IN TOUCH / CONTACT FORM 16.0 - FOOTER AND FOOTER WIDGETS 17.0 - SIDEBAR AND SIDEBAR WIDGETS 18.0 - BLOG PAGE 19.0 - SINGLE / DETAILS PAGE 20.0 - CONTACT US PAGE 21.0 - OUR TEAM AREA 22.0 - ABOUT PAGE 23.0 - CUSTOMER REVIE SLIDER 24.0 - IDEA AREA 25.0 - SKILL AREA 26.0 - SERVICES AREA 27.0 - GOOGLE MAP 28.0 - ERROR PAGE / 404 29.0 - 30.0 - BACK TO TOP ***************************************************************************** */ /* The font families that have been used ----------------- font-family: 'Montserrat', sans-serif; font-family: 'Poppins', sans-serif; font-family: 'Roboto Slab', serif; */ /* The colors that were used ------------------------- Content: #26476c Bacground: #26476c Button / Hover: #f9ba48 Anchor : #5b5b5b; */ /* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ || 01.0 - GLOBAL CSS ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */ @import url('https://fonts.googleapis.com/css?family=Montserrat:700|Poppins:400,700|Roboto+Slab:300,400,700|Function|Arkipelago'); body { font-family: 'Poppins', sans-serif; font-size: 14px; line-height: 24px; font-weight: 400; color: #7f7f7f; } h1, h2, h3, h4, h5, h6 { font-family: "Poppins",sans-serif; } h2 { color: #26476c; font-size: 23px; } h3 { font-size: 23px; color: #26476c; font-weight: 700; } h4 { font-size: 17px; color: #26476c; font-weight: 700; } img { max-width: 100%; height: auto; } ul, ol { list-style: none; } ul { padding: 0; margin: 0; } a { transition: color 0.2s ease-in-out; -moz-transition: color 0.2s ease-in-out; -webkit-transition: color 0.2s ease-in-out; -o-transition: color 0.2s ease-in-out; color: #000; } a:hover { color: #337ab7; } a, a:hover, a:focus { text-decoration: none; } p { color: #000; font-size: 15px; line-height: 24px; margin-top: 10px; } .iframe { border: none; } .all-section { overflow: hidden; } /*flaticons*/ [class^="flaticon-"]:before, [class*=" flaticon-"]:before, [class^="flaticon-"]:after, [class*=" flaticon-"]:after { margin-top: 10px; margin-left: 0; } /* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ || 02.0 - COMMON CSS ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */ .padding-0 { padding: 0; } .pos-static { position: static; } .cbiz-btn { background-color: #26476c; padding: 15px 40px; display: inline-block; color: #fff; font-size: 14px; text-transform: uppercase; border: 2px solid transparent; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .cbiz-btn:hover { border: 2px solid #26476c; background: #f9ba48; color: #fff; } .cbiz-btn:focus { color: #fff; text-decoration: none; } .cbiz-btn-border { display: inline-block; border: 2px solid #26476c; background: none; } .cbiz-btn-border:hover { background-color: #f9ba48; } .section { padding-top:40px; padding-bottom: 0px; } .section-heading { text-align: center; padding-bottom: 30px; } .section-heading .title, .section-heading .title h2 { font-size: 36px; text-transform: capitalize; color: #26476c; display: inline-block; margin-bottom: 20px; } .section-heading .title span { color: #ffa64d; font-weight: 900; } .section-heading p { margin: 0; } .page-head { padding-top: 150px; padding-bottom: 90px; } .page-heading { font-size: 24px; text-transform: uppercase; text-align: center; color: #fff; } .sub-title, .sub-title a { text-align: center; font-family: 'Roboto Slab', serif; font-size: 14px; color: #fff; } .sub-title a:hover { color: #f9ba48; } .gen-title, .gen-title h4 { font-size: 18px; font-weight: 700; color: #26476c; } .comm-title, .comm-title h3 { font-size: 22px; font-weight: 700; color: #26476c; text-transform: uppercase; } .comm-title { margin-bottom: 30px; } .border-in { border: 1px solid #e7e7e7; padding: 30px; } /*Section Background*/ .cbiz-bg { background-color: #071f31; background-image: url("../images/bg/service.jpg"); background-repeat: no-repeat; background-size: cover; background-attachment: fixed; background-position: center center; color: #fff; position: relative; z-index: 0; } .cbiz-bg:after { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: -1; background-color: rgba(7, 31, 49, 0.90); } /*Individual Section Background*/ .vid.cbiz-bg { background-image: url("../images/service.jpg"); } .customer-review.cbiz-bg { background-image: url("../images/bg-review.jpg"); } .customer-review.smo-service { background-image:url(../../../assets/images/services-banner/socail-media.jpg); } .our-goal.cbiz-bg { background-image: url("../images/bg-goal.jpg"); } .footer-main.cbiz-bg { background-image: url("../images/footer.jpg"); } .footer-main.cbiz-bg:after { background-color: rgba(7, 31, 49, 0.90); } /*Page Header Background*/ .page-bg { background-color: #202020; background-image: url("../images/bg/abt-bg.jpg"); background-size: cover; background-repeat: no-repeat; background-size: cover; background-position: top center; color: #fff; position: relative; z-index: 0; } .page-bg:after { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: -1; background-color: rgba(32, 32, 32, 0.85); } .blog-page .page-bg { background-image: url("../images/bg/blog.jpg"); } .single-page .page-bg { background-image: url("../images/bg/bg-blog.jpg"); } input[type="submit"] { background-color: #26476c; color: #fff; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; } input[type="submit"]:hover { background-color: #f9ba48;; } .flaticon-img { max-width: 45px; } #particles-js1, #particles-js2, #particles-js3, #particles-js4 { position: absolute; height: 100%; top: 0; bottom: 0; width: 100%; right: 0; top: 0; bottom: 0; z-index: 0; } /* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ || 03.0 - GENERAL CSS ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */ /*Pre Loader*/ #loader { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #fff; z-index: 99999999999; } .spinner { position: absolute; width: 40px; height: 40px; top: 50%; left: 50%; margin-left: -40px; margin-top: -40px; -webkit-animation: rotatee 2.0s infinite linear; animation: rotatee 2.0s infinite linear; } .dot1, .dot2 { width: 60%; height: 60%; display: inline-block; position: absolute; top: 0; border-radius: 100%; -webkit-animation: bouncee 2.0s infinite ease-in-out; animation: bouncee 2.0s infinite ease-in-out; background-color: #26476c; } .dot2 { top: auto; bottom: 0px; -webkit-animation-delay: -1.0s; animation-delay: -1.0s; } @-webkit-keyframes rotatee { 100% { -webkit-transform: rotate(360deg) } } @keyframes rotatee { 100% { transform: rotate(360deg); -webkit-transform: rotate(360deg); } } @-webkit-keyframes bouncee { 0%, 100% { -webkit-transform: scale(0.0) } 50% { -webkit-transform: scale(1.0) } } @keyframes bouncee { 0%, 100% { transform: scale(0.0); -webkit-transform: scale(0.0); } 50% { transform: scale(1.0); -webkit-transform: scale(1.0); } } /* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ || 04.0 - HEADER AND MAIN MENU ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */ .header { position: fixed; top: 0; width: 100%; z-index: 100; transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; z-index: 5000; } .fixed-header { opacity: 1; } .navbar { margin-bottom: 0; background: #fff; border: none; border-radius: 0; border-radius: 0; } .navbar-brand { position: relative; padding: 15px; height: auto; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; } .navbar-brand:before, .navbar-brand:after { background: #26476c; content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: -600px; z-index: -100; } .navbar-brand:after { left: 0; right: -165px; -webkit-transform: skew(-30deg); -ms-transform: skew(-30deg); transform: skew(-30deg); border-radius: 0 5px 5px 0; } .navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover { background: transparent; } .navbar-default { background: transparent; } .navbar-default .navbar-nav { position: relative; transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; margin-top: 10px; margin-bottom: 10px; margin-left: 250px; } .navbar-default .navbar-nav:before, .navbar-default .navbar-nav:after { display: block; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; } /*.navbar-default .navbar-nav:before,*/ .navbar-default .navbar-nav:after { } .navbar-default .navbar-nav:after { background: rgba(38, 71, 108,.8); content: ""; position: absolute; left: -180px; right: -750px; top: 0; bottom: 0; -webkit-transform: skewX(-30deg); -ms-transform: skewX(-30deg); transform: skewX(-30deg); z-index: -200; border-radius: 5px 0 0 5px; } .navbar-default .navbar-nav > li > a { color: #fff; display: block; text-transform: uppercase; padding: 28px 17px 28px 17px; overflow: hidden; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; font-weight: 400; border-bottom: 2px solid transparent; } .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover { color: #fff; } .navbar-default .navbar-nav > li > a:after { background-color: #ee3733; } .navbar-default .navbar-nav > li > a:after { position: absolute; bottom: 0; content: ''; left: 50%; display: block; height: 5px; width: 5px; opacity: 0; margin: 0 0 -3px -2px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); position: absolute; } .navbar-default .navbar-nav > li > a:after { background-color: #f9ba48; } .navbar-default .navbar-nav .dropdown { position: absolute; left: 0; top: 100%; z-index: 2; } .navbar-default .navbar-nav .dropdown { position: absolute; left: 0; top: 100%; width: 220px; background-color: #fff; visibility: hidden; z-index: 2; opacity: 0; transition: opacity 0.3s ease-in-out; -moz-transition: opacity 0.3s ease-in-out; -webkit-transition: opacity 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); -o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); } .navbar-default .navbar-nav > li.drop:hover .dropdown { visibility: visible; opacity: 1; } .affix .navbar-brand { padding-top: 9px; padding-bottom: 8px; } .affix .navbar-brand:after { right: -200px; } .affix .navbar-default .navbar-nav { margin-top: 0; } .affix .navbar-default .navbar-nav:after { background: #26476c; left: -344px; } .affix .navbar-default .navbar-nav > li > a { padding-top: 20px; padding-bottom: 20px; } .dropdown li, .sup-dropdown li { position: relative; border-top: 1px solid rgba(0, 0, 0, 0.04); } .dropdown li:first-child, .sup-dropdown li:first-child { border-top: none; } .dropdown li a, .sup-dropdown li a { display: block; color: #666; font-size: 14px; font-family: 'Open Sans', sans-serif; padding: 10px; text-decoration: none; text-transform: capitalize; transition: padding 0.2s ease-in-out; -moz-transition: padding 0.2s ease-in-out; -webkit-transition: padding 0.2s ease-in-out; -o-transition: padding 0.2s ease-in-out; } .dropdown > li:hover > a, .sup-dropdown li:hover > a { padding-left: 18px; } .dropdown li a i { margin: 0 0 0 -4px; } .navbar-default .navbar-nav .sup-dropdown { position: absolute; left: 100%; top: 0; width: 240px; background-color: #fff; margin-top: 10px; transition: margin-top 0.2s ease-in-out; -moz-transition: margin-top 0.2s ease-in-out; -webkit-transition: margin-top 0.2s ease-in-out; -o-transition: margin-top 0.2s ease-in-out; visibility: hidden; z-index: 3; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); -o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); } .navbar-default .navbar-nav li.drop .dropdown li:hover .sup-dropdown { visibility: visible; margin-top: 0; } .dropdown > li:hover > a, .sup-dropdown li:hover > a { color: #fff; outline: 0; background: #26476c; } .navbar-toggle{ display: none; } .wpb-mobile-menu { display: none; } .slicknav_menu { display: none; } .slicknav_nav { margin-top: 65px; overflow-x: hidden; } .slicknav_nav ul { margin-left: 15px; } .slicknav_nav a { outline: none; } .slicknav_menu .slicknav_icon-bar { background: #fff; } .slicknav_btn { background: #26476c; margin: 0; margin-top: 21px; margin-right: 15px; } .affix .slicknav_btn { margin-top: 14px; } /* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ || 05.0 - MAIN SLIDER AREA ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */ .click-to-next i { display: inline-block; width: 6px; height: 13px; border-radius: 5px; background: #f9ba48; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .click-to-next { display: inline-block; background: transparent; text-align: center; position: absolute; border: 1px solid #fff; bottom: 25px; left: 50%; margin-left: -10px; padding: 7px; border-radius: 15px; cursor: pointer; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; z-index: 100; } .click-to-next:hover { background: #fff; } .click-to-next:hover i { background: #26476c; } .bottom-top-animation { -webkit-animation-name: bounceball; animation-name: bounceball; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; -webkit-animation-delay: 1s; animation-delay: 1s; -webkit-animation-play-state: running; animation-play-state: running; -webkit-animation-fill-mode: none; animation-fill-mode: none; } @-webkit-keyframes bounceball { from { bottom: 20px; } to { bottom: 50px; } } @keyframes bounceball { from { bottom: 20px; } to { bottom: 50px; } } /*-- Main slide --*/ .main-slider .item img { width: 100%; display: block; } .main-slider .item:after { content:""; background-color: rgba(0,0,0,.5); position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 5; } .main-slider .item .slider-content { z-index: 0; opacity: 0; -webkit-transition: opacity 500ms; -o-transition: opacity 500ms; transition: opacity 500ms; } .main-slider .item.active .slider-content { z-index: 100; opacity: 1; -webkit-transition: opacity 100ms; -o-transition: opacity 100ms; transition: opacity 100ms; } .main-slider .slider-content { top: 50%; margin-top: -70px; left: 0; padding: 0; position: absolute; width: 100%; height: 100%; color: #fff; } .main-slider .slider-content h2 { margin-top: 0; font-size: 48px; font-weight: 700; font-family: 'Montserrat', sans-serif; color: #fff; } .main-slider .slider-content p { color: #fff; margin-top: 25px; margin-bottom: 35px; } .main-slider .slider-content .slide-para { padding-right: 30%; } .main-slider .slider-content h2.white, .main-slider .slider-content h3.white { color: #fff; } .main-slider .slider-content h3 { font-size: 36px; font-weight: 300; margin-top: 60px; text-transform: uppercase; text-align: center; color: #555; } .main-slider strong { color: #f9ba48; } .main-slider .slider-btn { margin-right: 30px; } .main-slider .slider-btn:hover { background-color: #f9ba48; color: #fff; border: 2px solid #f9ba48; } .main-slider .carousel-indicators { bottom: 30px; } .main-slider .carousel-indicators li { width: 14px; height: 14px; border: 2px solid #fff; margin: 1px; } .main-slider .carousel-control.left, .main-slider .carousel-control.right { opacity: 1; filter: alpha(opacity=100); background-image: none; background-repeat: no-repeat; text-shadow: none; width: 0; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .main-slider .carousel-control.right { -webkit-transform: translateX(500px); -ms-transform: translateX(500px); transform: translateX(500px); } .main-slider .carousel-control.left { -webkit-transform: translateX(-500px); -ms-transform: translateX(-500px); transform: translateX(-500px); } .main-slider:hover .carousel-control.left, .main-slider:hover .carousel-control.right { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); z-index: 100; } .main-slider .carousel-control.left span { padding: 15px; } .main-slider .carousel-control.right span { padding: 15px; } .main-slider .carousel-control .fa-angle-left, .main-slider .carousel-control .fa-angle-right{ position: absolute; top: 40%; z-index: 5; display: inline-block; } .main-slider .carousel-control .fa-angle-left { left: 0; } .main-slider .carousel-control .fa-angle-right{ right: 0; } .main-slider .carousel-control i { background: rgba(38, 71, 108,.70); color: #fff; line-height: 36px; font-size: 32px; padding: 15px 20px; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; } .main-slider .carousel-control i:hover { background: #f9ba48; } /*-- Animation --*/ .main-slide .animated4 strong { color: #ee3733; } .carousel .item.active .animated2 { -webkit-animation: lightSpeedIn 1s ease-in 300ms both; animation: lightSpeedIn 1s ease-in 300ms both; } .carousel .item.active .animated3 { -webkit-animation: bounceInLeft 1s ease-in-out 300ms both; animation: bounceInLeft 1s ease-in-out 300ms both; } .carousel .item.active .animated4 { -webkit-animation: flipInX 1s ease-in 300ms both; animation: flipInX 1s ease-in 300ms both; } .carousel .item.active .animated5 { -webkit-animation: bounceInLeft 1s ease-in-out 100ms both; animation: bounceInLeft 1s ease-in-out 100ms both; } .carousel .item.active .animated6 { -webkit-animation: bounceIn 1s ease-in 300ms both; animation: bounceIn 1s ease-in 300ms both; } .carousel .item.active .animated7 { -webkit-animation: bounceIn 1s ease-in 300ms both; animation: bounceIn 1s ease-in 300ms both; } .carousel .item.active .animated8 { -webkit-animation: fadeInDown 1s ease-in 500ms both; animation: fadeInDown 1s ease-in 500ms both; } .main-slider .carousel-inner .item { -webkit-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity; } .main-slider .carousel-inner .item, .main-slider .carousel-inner .active.left, .main-slider .carousel-inner .active.right { opacity: 0; } .main-slider .carousel-inner .active, .main-slider .carousel-inner .next.left, .main-slider .carousel-inner .prev.right { opacity: 1; } .main-slider .carousel-inner .next, .main-slider .carousel-inner .prev, .main-slider .carousel-inner .active.left, .main-slider .carousel-inner .active.right { left: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } /* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ || 06.0 - OUR GOAL ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */ .our-goal { background-color: #26476c; color: #fff } .goal-slider { margin-bottom: 70px; } .goal-slider .carousel-indicators { top: 100%; } .goal-slider .carousel-indicators li { background-image: none; width: 10px; height: 10px; margin: 5px 10px; border: 2px solid #fff; padding: 0px; background: transparent; border-radius: 50%; -webkit-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; -moz-border-radius: 50%; -webkit-transition: all .3s;; -o-transition: all .3s;; transition: all .3s;; display: inline-block; } .goal-slider .carousel-indicators li:hover { background: #fff; } .goal-slider .carousel-indicators .active { width: 20px; background: #ffffff; border-radius: 15px; } .goal-content { margin-bottom: 30px; } .our-goal .section-heading { text-align: left; padding-bottom: 0; } .our-goal .section-heading .title { color: #fff; } .our-goal p { color: #fff; } .projects { text-align: center; font-weight: 700; } .pro-item { background: rgba(79, 100, 125, .2); padding-top: 30px; padding-bottom: 30px; margin-bottom: 30px; position: relative; -webkit-transition: .5s; -o-transition: .5s; transition: .5s; border: 1px solid #fff; } .pro-item a { color: #fff; } .pro-item:hover a { color: #fff; } .pro-item:hover { background: #f9ba48; border: 1px solid #f9ba48; } .projects .counter { font-family: 'Montserrat', sans-serif; margin-top: 0; font-size: 30px; color: #fff; } .projects .achievement { font-family: 'Montserrat', sans-serif; font-size: 18px; text-transform: uppercase; color: #fff; } /* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ || 07.0 - PORTFOLIOS AND GALLERY ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */ .portfolio-filter { margin-bottom: 30px; margin-bottom: 20px; } .portfolio-filter a { text-transform: uppercase; padding: 15px; display: inline-block; position: relative; font-family: 'Roboto Slab', serif; } .portfolio-filter a:after { content:""; position: absolute; bottom: 0; left: 0; right: 0; background: #26476c; height: 1px; width: 0; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .portfolio-filter a.current:after { width: 100%; } .portfolios { background: rgb(237, 237, 237); } .portfolio-container .grid-item { margin-bottom: 30px; } .portfolio-item { position: relative; } .portfolio-item img { border-radius: 15px; width: 100%; } .portfolio-item .port-hover { content: ""; position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; border-radius: 15px; background: rgba(38, 71, 108,.9); -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .portfolio-item:hover .port-hover { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .port-content { position: absolute; width: 100%; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); text-align: center; color: #fff; } .port-content img { border-radius: 0; } .port-content h3 { color: #fff; text-transform: uppercase; } .port-content p { color: #fff; } .port-icon { color: #fff; font-size: 20px; position: relative; display: inline-block; z-index: 0; margin-top: 30px; width: 30px; height: 30px; } .port-icon:focus { border: 0; outline: 0; } .port-icon:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ""; background: rgba(254,147,31,.8); -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; z-index: -10; } .port-icon:hover:after { -webkit-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3); } .fancybox-show-thumbs .fancybox-thumbs { background: #ccc; } .hidden-thumbnail { display: none; } /*================================================== || 08.0 - WE DO ================================================== */ .we-do img { width: 100%; padding-right: 30px; margin-bottom: 30px; } .we-item { text-align: center; border: 1px solid #f1f1f1; padding-top: 25px; padding-bottom: 15px; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; position: relative; margin-bottom: 30px; overflow: hidden; transition: all .3s; z-index: 10; cursor: pointer; } .we-item p { font-size: 12px; } .we-item:after { content:""; position: absolute; left: 0; right: 0; top: 0; width: 0; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; z-index: -5; } .we-tab .active .we-item:after { border-top: 1px solid #f9ba48; width: 100%; } .we-tab .active .we-item:before, .we-tab .active .we-item:after { top: 0; } .we-item:hover .gen-title { color: #26476c; } .we-item [class^="flaticon-"]:before, .we-item [class*=" flaticon-"]:before, .we-item [class^="flaticon-"]:after, .we-item [class*=" flaticon-"]:after { font-size: 50px; } .we-tab .active .we-item [class^="flaticon-"]:before, .we-tab .active .we-item [class*=" flaticon-"]:before, .we-tab .active .we-item [class^="flaticon-"]:after, .we-tab .active .we-item [class*=" flaticon-"]:after, .we-item:hover [class^="flaticon-"]:before, .we-item:hover [class*=" flaticon-"]:before, .we-item :hover[class^="flaticon-"]:after, .we-item:hover [class*=" flaticon-"]:after { color: #ffa64d; } .we-item .gen-title { font-size: 16px; text-transform: capitalize; color: #5b5b5b; } /*================================================== || 09.0 - CELEBRATION AND GET US ================================================== */ .full-width-sec { position: relative; background-color: #f6f6f6; overflow: hidden; } /*For Slide*/ .three-in-slider .slick-dotted.slick-slider { margin: 0; } .three-in-slider .cel-feature { position: static; } .get-all-items .slick-current.slick-active .get-item img { border: 2px solid #f9ba48; opacity: 1; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .get-all-items .slick-current.slick-active .get-item h6 { color: #fff; } .service-slider-content.slick-initialized .slick-slide { overflow: hidden; } .slick-slide:focus { border: 0; outline: none; } .slider-thumb-2nd .slick-slide { width: 45%!important; } .slider-thumb-3rd .slick-slide { width: 50%!important; } .cel-feature { max-height: 100%; position: absolute; left: 0px; bottom: 0; width: 50%; z-index: 1000; } .cel-feature.full-w-h { top: 0; } .full-width-sec-2nd .cel-feature { right: 0; left: 50%; } .cel-feature img { max-height: 100%; float: right; width: auto; } .cel-feature.full-w-h img { width: 100%; height: 100%; } .full-width-sec-2nd .cel-feature img { float: left; } .cele-list { background: #26476c; padding: 60px; padding-bottom: 40px; padding-right: 100px; position: relative; z-index: 0; } .cele-list:after { background: #26476c; content:""; position: absolute; left: 0; right: -50000px; bottom: 0; top: 0; z-index: -5; } .cele-list li { margin-bottom: 50px; } .cele-list li:hover .gen-title { color: #ffa64d; } .cel-img { width: 70px; height: 70px; border-radius: 50%; background: #fff; text-align: center; float: left; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; margin-left: 60px; } .cel-img img { display: inline-block; text-align: center; padding-top: 18px; } .cel-img img.flaticon-img { width: 35px; } .cel-content { padding-left: 150px; color: #fff; } .cel-content p { color: #fff; } .cel-content .gen-title { text-transform: uppercase; color: #fff; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .get-us h2, .get-us h3, .get-us h4, .get-us p { color: #fff; } .full-width-sec-2nd .get-us h2, .full-width-sec-2nd .get-us h3, .full-width-sec-2nd .get-us h4 { color: #26476c; } .full-width-sec-2nd .get-us p { color: #060606; font-size: 15px; } .get-us { background: #26476c; padding: 30px 15px 10px 40px; position: relative; z-index: 0; } .get-us:after { background: #26476c; content:""; position: absolute; left: 0; right: -50000px; bottom: 0; top: 0; z-index: -5; } .full-width-sec-2nd .get-us { background: #fff; padding: 30px 40px 30px 15px; } .full-width-sec-2nd .get-us:after { background: #fff; left: -5000px; } .get-icon, .get-title { display: inline-block; vertical-align: top; } .get-icon { padding-top: 10px; position: relative; color: #fff; } .get-number { position: absolute; top: 12px; right: 10px; font-size: 10px; } .full-width-sec-2nd .get-number { top: 7px; left: 6px; color: initial; } .slider-thumb-2nd .slick-current { color: #f9ba48; } .bg-white { background-color: #fff; } .get-title h4 { text-transform: uppercase; padding-left: 15px; line-height: 24px; font-weight: 700; } .get-all-items { text-align: left; } .get-item { cursor: pointer; width: 160px; height: 140px; text-align: center; border-radius: 50%; margin-bottom: 50px; margin-top: 30px; display: inline-block; } .get-item img { width: 100px; height: 100px; margin: auto; border-radius: 50%; border: 2px solid transparent; opacity: .5; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .get-all-items .slick-current.slick-active .get-item img { border: 2px solid #f9ba48; opacity: 1; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .get-item h6 { text-transform: capitalize; padding-bottom: 30px; padding-top: 15px; } ul.get-services { padding-top: 20px; padding-bottom: 0px; margin-left: 35px; margin-right: 50px; text-align: left; } ul.get-services li { display: inline-block; width: 25%; margin-bottom: 10px; margin-left: 15px; color: #5b5b5b; position: relative; text-transform: capitalize; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; } ul.get-services li:before { position: absolute; content: "\f105"; font-family: "fontAwesome"; left: -10px; top: -2px; -webkit-transition: .2s; -o-transition: .2s; transition: .2s; top: 0; } ul.get-services li:hover:before { left: -8px; top: 0; color: #f9ba48; } ul.get-services li a { color: #5b5b5b; text-transform: uppercase; } ul.get-services li:hover, ul.get-services li a:hover { color: #f9ba48; cursor: pointer; } /*================================================== || 10.0 - NEWSLETTER ================================================== */ .newsletter { text-align: left; background-color: rgba(244,248,255,1); } .news-content { margin-bottom: 30px; } .newsletter .section-heading { text-align: left; padding-bottom: 0; } .news-form input { height: 52px; border-radius: 0; color: #5b5b5b; } .news-form input[type="email"] { border: 1px solid #26476c; } .news-form input[type="submit"] { background: #26476c; color: #fff; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .news-form input[type="submit"]:hover { background: #f9ba48;; } .news-form input[type="email"]:focus { border: 1px solid #f9ba48; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .news-form input[type="email"]:focus::-webkit-input-placeholder { color: #f9ba48; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .news-form input[type="email"]:focus::-moz-placeholder { color: #f9ba48; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .news-form input[type="email"]:focus:-ms-input-placeholder { color: #f9ba48; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .news-form input[type="email"]:focus:-moz-placeholder { color: #f9ba48; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } /*================================================== || 11.0 - RECENT POST / BLOG ================================================== */ .re-blog-item { text-align: center; padding: 30px; border: 1px solid #ececec; position: relative; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; margin-bottom: 60px; position: relative; border-radius: 10px; } .re-feature-img { min-height: 200px; background-color: #c2c9d1; overflow: hidden; } .re-blog-item img { display: block; width: 100%; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .re-blog-item:hover .re-feature-img img { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } .re-blog-item .gen-title { margin-top: 30px; margin-bottom: 20px; text-transform: uppercase; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .re-blog-item:hover .gen-title { color: #f9ba48; } .re-time { position: absolute; top: 100%; left: 50%; background-color: #f9ba48; border-radius: 30px; padding: 8px 30px; color: #fff; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%); -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; cursor: pointer; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .re-time:hover { background-color: #26476c; } .button1 { width: 150px; background-color: #f9ba48; border-radius: 30px; padding: 8px 30px; color: #fff; margin: 20px auto; } .button1:hover { background-color: #26476c; } /* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ || 12.0 - POPUP VIDEO ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */ .vid { color: #fff; padding-top: 200px; padding-bottom: 180px; } .video-btn { position: relative; display: inline-block; z-index: 0; } .video-btn:after { border-radius: 50%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ""; background: rgba(255,255,255,.3); -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; z-index: -10; } .video-btn:hover:after { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .video-content h4 { color: #fff; text-transform: uppercase; margin-top: 40px; margin-bottom: 25px; font-weight: 400; } .video-content p { color: #fff; } .bs-example{ margin: 20px; } .modal-content iframe{ margin: 0 auto; display: block; } /* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ || 13.0 - TESTIMONIAL ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */ .testimonial { position: relative; } .testimonial .container { /*background-color: #fff;*/ position: relative; } .testi-slider { margin-bottom: 70px; } .testi-item { text-align: center; } .testi-item img { width: auto; margin: auto; } .testi-item:hover { cursor: pointer; } .testi-img { position: relative; z-index: 0; } .testi-name .gen-title { text-transform: uppercase; } .testi-content { text-align: center; margin-top: 20px; margin-bottom: 20px; } .testi-slider .testi-img:after { content: ""; position: absolute; left: 0; right: 0; top: 0%; right: 0; background-color: #c2c9d1; z-index: -5; bottom: 0; } .testi-slider .slick-center .testi-img:after { background-color: #f9ba48; } .testi-slider .slick-slide img { display: initial; } .testi-slider .slick-initialized .slick-slide { outline: 0; margin: 0 15px; } .testi-slider .slick-dots { bottom: -40px; } .testi-slider .slick-dots li { margin: 0 7px; } .testi-slider .slick-dots li button { background-image: none; width: 10px; height: 10px; margin: 5px 0; border: 2px solid #26476c; padding: 0px; background: transparent; border-radius: 50%; -webkit-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; -moz-border-radius: 50%; -webkit-transition: all .3s;; -o-transition: all .3s;; transition: all .3s;; display: inline-block; } .testi-slider .slick-dots li button:hover { background: #26476c; } .testi-slider .slick-dots li button:before { color: transparent; } .testi-slider .slick-dots li.slick-active button { width: 10px; background: #f9ba48; border-radius: 15px; border: 2px solid #f9ba48; } .testi-slider .slick-dots li.slick-active button:before { color: transparent; } /* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ || 14.0 - OUR CLIENT ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */ .our-client { background-color: #f9ba48; padding-top: 60px; padding-bottom: 60px; text-align: center; } .client-slider.owl-carousel .owl-item img { width: auto; display: inline-block; } .client-slider.owl-carousel .owl-item { display: inline-block; vertical-align: middle; float: none; } /* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ || 15.0 - GET IN TOUCH / CONTACT FORM ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */ .get-touch .section-heading { padding-bottom: 30px; } .contact-info { margin-bottom: 40px; text-align: right; } .con-text { margin-left: 25px; position: relative; padding-left: 10px; color: #26476c; display: inline-block; text-align: left; } .con-text:before { position: absolute; content:""; right: 100%; border: .5px solid #26476c; top: 5px; bottom: 5px; } .con-text:after { font-size: 20px; position: absolute; content:"\f041"; font-family: "fontAwesome"; padding-right: 10px; right: 100%; top: 5px; bottom: 5px; } .in-map:after { content: "\f041"; } .in-envelope:after { content: "\f0e0"; } .in-phone:after { content: "\f095"; } .contact-info .con-align:nth-of-type(1) { text-align: left; } .contact-info .con-align:nth-of-type(3) { text-align: right; } /*Contact Form*/ .contact-form .form-control { border-radius: 0; -webkit-box-shadow: none; box-shadow: none; } .contact-form .form-group { margin-bottom: 30px; } .contact-form input, .contact-form textarea { font-size: 16px; color: #7f7f7f; height: 45px; outline: none; border: 1px solid #26476c; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .contact-form textarea { min-height: 133px; max-width: 100%; min-width: 100%; } .contact-form input:focus { border: 1px solid #f9ba48; } .contact-form textarea:focus { border: 1px solid #f9ba48; } .contact-form .form-btn { text-align: center; position: absolute; bottom: 0; right: 15px; margin-bottom: 30px; } .contact-form .contact-form-btn { padding: 10px 45px; border-radius: 0; border: 0; background: #26476c; color: #fff; } .button2 { width: 147px; background-color: #26476c; border-radius: 1px; padding: 10px 20px; color: #fff; font-size:19px; } .contact-form .contact-form-btn:hover { background: #f9ba48; } .contact-form .contact-form-btn:focus { border: 0; } .contact-form input::-webkit-input-placeholder { color: #b7b7b7; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .contact-form input::-moz-placeholder { color: #b7b7b7; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .contact-form input:-ms-input-placeholder { color: #b7b7b7; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .contact-form input:-moz-placeholder { color: #b7b7b7; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .contact-form textarea::-webkit-input-placeholder { color: #b7b7b7; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .contact-form textarea::-moz-placeholder { color: #b7b7b7; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .contact-form textarea:-ms-input-placeholder { color: #b7b7b7; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .contact-form textarea:-moz-placeholder { color: #b7b7b7; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .contact-form input:focus::-webkit-input-placeholder { color: #f9ba48; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .contact-form input:focus::-moz-placeholder { color: #f9ba48; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .contact-form input:focus:-ms-input-placeholder { color: #f9ba48; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .contact-form input:focus:-moz-placeholder { color: #f9ba48; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .contact-form textarea:focus::-webkit-input-placeholder { color: #f9ba48; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .contact-form textarea:focus::-moz-placeholder { color: #f9ba48; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .contact-form textarea:focus:-ms-input-placeholder { color: #f9ba48; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .contact-form textarea:focus:-moz-placeholder { color: #f9ba48; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } /* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ || 16.0 - FOOTER AND FOOTER WIDGETS ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */ /*Widget Title*/ .widget { margin-bottom: 30px; } .wi-title { margin-bottom: 30px; } .wi-title, .wi-title h5 { font-family: 'Poppins', serif; font-size: 20px; color: #fff; text-transform: uppercase; font-weight:200; position:relative; } .wi-title h5:after { content: ''; position: absolute; left: -9px; bottom: 0px; height: 25px; width: 3px; background-color: #f9ba48; } /*Widget Tags*/ .wi-tags ul li { display: inline-block; margin-right: 5px; margin-bottom: 10px; } .wi-tags ul li a { display: block; padding: 5px 15px; border-radius: 5px; background-color: #1d3f66; color: #fff; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; font-size: 12px; line-height: 21px; } .wi-tags ul li a:hover { color: #f9ba48; } /*Widget Social*/ .wi-social ul li { display: inline-block; margin-right: 10px; background: #1d3f66; border-radius: 3px; width: 30px; height: 30px; margin-bottom: 15px; text-align: center; position: relative; } .wi-social ul li a { display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; overflow: hidden; } .wi-social ul li a:hover { color: #f9ba48; } .wi-social ul li a .normal-show { position: absolute; left: 0; right: 0; top: 50%; bottom: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: .5s; -o-transition: .5s; transition: .5s; } .wi-social ul li a .hover-show { position: absolute; left: 0; right: 0; top: 120%; bottom: 0px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: .5s; -o-transition: .5s; transition: .5s; } .wi-social ul li a:hover i.normal-show { top: -50%; } .wi-social ul li a:hover i.hover-show { top: 50%; } /*Widget News*/ .wi-news ul li { margin-bottom: 20px; display: table; } .news-left { margin-right: 20px; float: left; } .news-left img { padding-top: 0px; display: block; width: 90%; border-radius: 7px; } .news-right img { padding-top: 0px; display: block; width: 90%; border-radius: 7px; } .news-right { float: left; } .news-right h5 { text-transform: uppercase; font-weight: 400; } .news-right p { margin: 0; } .posted span { display: inline-block; margin-right: 15px; } .posted a { color: #5b5b5b; } .posted { margin-top: 5px; } .posted span i { display: inline-block; padding-right: 5px; } .posted span a:hover { color: #f9ba48; } .footer { color: #fff; } .footer-main { padding-bottom: 30px; } .footer p, .footer a { color: #fff; } .logo .wi-title { margin-bottom: 30px; } .wi-list { margin-top: 30px; } .wi-list li { margin-bottom: 15px; } .wi-list i { display: inline-block; margin-right: 10px; background: #1d3f66; padding: 7px; border-radius: 3px; width: 30px; height: 31px; text-align: center; } .wi-list a:hover { color: #f9ba48; } .copyright { background-color: #26476c; text-align: center; padding: 30px; } /* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ || 17.0 SIDEBAR AND SIDEBAR WIDGETS ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */ .wi-side { border: 1px solid #e7e7e7; padding: 35px 15px 10px 15px; position: relative; border-radius: 5px; margin-bottom: 50px; } .wi-border { text-align: center; position: absolute; top: 0; left: 0; right: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .wi-border h3, .wi-border-title { padding: 20px; text-transform: uppercase; font-size: 24px; text-align: center; display: inline-block; margin: 0; background: #fff; } /*About Slider Widget*/ .wi-about { text-align: center; } .wi-about .abt-img { display: inline-block; width: 150px; height: 150px; border-radius: 100%; } .wi-about .abt-img img { border-radius: 50%; width: 100%; border: 2px solid #26476c; } .wi-about h4 { text-transform: uppercase; font-weight: 400; margin-top: 30px; margin-bottom: 20px; } .wi-about p { text-align: justify; } /* Widget Categories */ .wi-cat ul li { position: relative; } .wi-cat ul li:before { content: "\f178"; font-family: "fontAwesome"; position: absolute; left: 0; } .wi-cat ul li { display: table; width: 100%; } .wi-cat ul li a { text-transform: uppercase; color: #5b5b5b; display: block; margin-bottom: 12px; padding-left: 20px; } .wi-cat ul li a:hover { color: #f9ba48; } .wi-cat ul li span { display: table-cell; width: 100%; } .wi-cat ul li span:first-child { text-align: left; } .wi-cat ul li span:last-child { text-align: right; } /* Widget Search */ .wi-search input { border-radius: 0; height: 40px; } .wi-search input[type="search"] { outline: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .wi-search input[type="search"]:focus { border: .5px solid #f9ba48; } .wi-search .search-btn { position: relative; } .wi-search .search-btn:before { content: "\f002"; font-family: "fontAwesome"; position: absolute; color: #fff; font-size: 18px; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } /* Recent Post */ .wi-recent ul li { position: relative; } .wi-recent ul li:before { content: "\f0da"; font-family: "fontAwesome"; position: absolute; left: 0; } .wi-recent ul li a { text-transform: uppercase; color: #5b5b5b; display: block; margin-bottom: 12px; padding-left: 20px; } .wi-recent ul li a:hover { color: #f9ba48; } /* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ || 18.0 - BLOG PAGE ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */ .blog-content { padding-right: 0px; margin-bottom: 50px; } .blog-feature { position: relative; overflow: hidden; } .blog-share { position: absolute; top: 100px; left: 0; width: 50px; padding-top: 5px; padding-bottom: 5px; } .blog-share a { display: block; text-align: center; font-size: 18px; padding-top: 10px; padding-bottom: 10px; color: #fff; } .blog-share a:hover { color: #26476c; } .posted-by { position: absolute; bottom: 0; left: 100px; right: 100px; background: #fff; } .posted-details { display: table; width: 100%; padding-left: 50px; padding-right: 50px; } .blog-no-sidebar .posted-by { left: 50px; right: 50px; } .blog-no-sidebar .posted-details { padding-left: 20px; padding-right: 20px; } .posted-details a { color: #7f7f7f; } .posted-details a:hover { color: #f9ba48; } .posted-left, .posted-right { padding: 10px; display: table-cell; } .posted-left { width: 75%; } .posted-right { width: 25%; text-align: right; } .post-title, .post-title h3 { margin-top: 30px; margin-bottom: 30px; line-height: 30px; text-transform: uppercase; color: #5b5b5b; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .post-title h3:hover { color: #f9ba48; } .read-more { text-align: right; margin-top: 10px; } .read-more, .read-more a { text-align: right; text-transform: uppercase; font-family: 'Roboto Slab', serif; font-weight: 400; color: #26476c; } .read-more a:hover { color: #f9ba48; } /*Pagination*/ .blog-pagination { display: table; margin: auto; margin-bottom: 50px; } .pagination>li { display: inline-block; background: #f2f2f2; margin-left: -4px; } .pagination >.pagi-prev { margin-right: 9px; text-transform: uppercase; padding-right: 30px; padding-left: 15px; position: relative; } .pagination >.pagi-next { margin-left: 5px; text-transform: uppercase; padding-left: 30px; padding-right: 15px; position: relative; } .pagination >.pagi-prev:before, .pagination >.pagi-next:after { content: ""; position: absolute; top: 0; left: -30px; right: 100%; bottom: 0; border-top: 25px solid #f2f2f2; border-bottom: 25px solid #f2f2f2; border-left: 30px solid transparent; } .pagination >.pagi-next:after { right: -30px; left: 100%; -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); } .pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover { background: none; color: #f9ba48; } .pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover { background: none; color: #f9ba48; } .pagination>li>a, .pagination>li>span { border: 0; background: none; padding: 15px; color: #5b5b5b; font-family: 'Montserrat', sans-serif; font-weight: 400; } .pagination li span + span i { font-size: 18px; font-weight: 700; } /* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ || 19.0 - SINGLE / DETAILS PAGE ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */ .comments-section { padding-right: 50px; margin-bottom: 50px; } .admin { border-top: 1px solid #e7e7e7; padding-top: 30px; } .admin-img { width: 120px; max-width: 120px; float: left; } .admin-img img { display: block; width: 100%; } .admin-content { padding-left: 150px; } .admin-content h3 { margin-top: 0; color: #f9ba48; text-transform: uppercase; } .admin-content h3:hover { text-decoration: underline; } .media-all { padding-left: 100px; } .comment-title { padding-top: 30px; padding-bottom: 15px; } .comment-title, .comment-title h3 { text-transform: uppercase; } .comment-title p { text-transform: initial; } .media { border: 1px solid #e7e7e7; padding: 30px; margin-bottom: 30px; } .media-left { width: 100px; height: 100px; display: block; float: left; } .media-left img { display: block; width: 100%; } .media-body { padding-left: 10px; } .media-heading .media-heading h4 { font-weight: 400; } .media-heading a { color: #26476c; font-weight: 400; } .media-heading a:hover { color: #f9ba48; } .media-heading, .comment-reply { display: table-cell; width: 100%; } .comment-reply { text-align: right; } .comment-reply a { font-size: 18px; color: #f9ba48; text-decoration: underline; } .media .media { padding: 0; padding-left: 100px; border: 0; } /* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ || 20.0 - CONTACT US PAGE ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */ .contact-us .form-btn { position: static; text-align: left; } .contact-us input, .contact-us textarea { border: 1px solid #e7e7e7; } .contact-list { margin-top: 30px; margin-bottom: 30px; } .contact-list li { margin-bottom: 10px; } .contact-list i { display: inline-block; margin-right: 10px; color: #26476c; padding: 7px; border-radius: 3px; text-align: center; } .contact-list a { color: #5b5b5b; } .contact-list a:hover { color: #f9ba48; } .contact-social ul li { display: inline-block; margin-right: 10px; background: #1d3f66; border-radius: 3px; width: 55px; height: 55px; margin-bottom: 15px; text-align: center; position: relative; border-radius: 50%; } .contact-social ul li a { display: block; margin-top: 5px; font-size: 20px; position: absolute; left: 0; right: 0; top: 0; bottom: 0; overflow: hidden; color: #fff; } .contact-social ul li a:hover { color: #f9ba48; } .contact-social ul li a .normal-show { position: absolute; left: 0; right: 0; top: 50%; bottom: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: .5s; -o-transition: .5s; transition: .5s; } .contact-social ul li a .hover-show { position: absolute; left: 0; right: 0; top: 120%; bottom: 0px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: .5s; -o-transition: .5s; transition: .5s; } .contact-social ul li a:hover i.normal-show { top: -50%; } .contact-social ul li a:hover i.hover-show { top: 50%; } /* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ || 21.0 - OUR TEAM AREA ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */ .team-each { padding: 15px; margin-bottom: 50px; box-shadow: 0px 0px 8px #d5d5d5; } .team-member { text-align: center; position: relative; background-size: cover; margin-bottom: 20px; } .team-member img { display: block; width: 100%; } .member-name { text-transform: uppercase; text-align: center; } .team-member .member-hover { content: ""; position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; background: rgba(38, 71, 108,.9); -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .team-member:hover .member-hover { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); z-index: 20; } .team-member .cbiz-btn { min-width: 180px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } .member-info .cbiz-btn { background: none; border: 1px solid #fff; color: #fff; display: table; } .team-member .cbiz-btn:hover { background: #f9ba48; border: 1px solid #f9ba48; } .member-social { position: absolute; bottom: 20px; display: table; width: 100%; margin: auto; } .member-social { margin-top: 50px; } .member-social ul { display: table; margin: auto; } .member-social ul li { float: left; } .member-social ul li a { font-size: 16px; color: #f9ba48; display: inline-block; position: relative; width: 30px; height: 30px; margin-left: 4px; margin-right: 4px; border: 1px solid #fff; border-radius: 100%; } .member-social ul li a:hover { background-color: #f9ba48; color: #fff; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .member-social ul li a i { position: absolute; left: 0; right: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .member-content { text-align: center; margin-top: 20px; } /* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ || 22.0 - ABOUT PAGE ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */ .about-page .team-each { padding: 0; padding-bottom: 10px; border: 0; } .about-page h4 { text-transform: uppercase; line-height: 24px; } .about-overview { position: relative; } .about-text { padding-right: 60px; margin-bottom: 30px; } .about-overview-img { position: absolute; left: 50%; right: 0; top: 0; bottom: 0; background-image: url(../images/abt.jpg); background-size: cover; background-position: center; background-repeat: no-repeat; } /* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ || 23.0 - CUSTOMER REVIE SLIDER ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */ .customer-review { color: #fff; } .review-item { display: table; width: 100%; } .review-item p { color: #fff; } .review-title, .review-img, .review-text { display: table-cell; vertical-align: top; } .review-title { padding-right: 100px; text-transform: uppercase; } .review-img { width: 100px; height: 100px; border-radius: 50%; vertical-align: middle; } .review-img img { margin-top: 15px; width: 100%; display: block; border-radius: 50%; } .review-text { padding-left: 100px; } .review-text h5 { text-transform: uppercase; margin-top: 20px; } .review-text p { color: #fff; margin-top: 0; } .review-slider .owl-nav { position: absolute; top: 30px; right: 0; } .review-slider .owl-nav [class*=owl-] { background: none; font-size: 20px; margin: 0; } .review-slider .owl-nav [class*=owl-]:hover { background: none; color: #f9ba48; } /* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ || 24.0 - IDEA AREA ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */ .ideas { text-align: center; color: #fff; background-image: none; } .ideas.cbiz-bg:after { background-color: #26476c; } .ideas .service-content p, .ideas .service-content h4, .ideas .service-content a { color: #fff; } .ideas .service-content h4 { margin-top: 20px; margin-bottom: 20px; } .ideas [class^="flaticon-"]:before, .ideas [class*=" flaticon-"]:before, .ideas [class^="flaticon-"]:after, .ideas [class*=" flaticon-"]:after, .ideas i { color: #fff; font-size: 50px; display: inline-block; color: #fff; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .ideas .service-box:hover [class^="flaticon-"]:before, .ideas .service-box:hover [class*=" flaticon-"]:before, .ideas .service-box:hover [class^="flaticon-"]:after, .ideas .service-box:hover [class*=" flaticon-"]:after { color: #f9ba48; } .ideas .service-box { padding-bottom: 40px; padding-top: 40px; margin-bottom: 0; } .ideas .service-box:nth-of-type(2) { background-color: #1d3f66; } .ideas .service-icon .flaticon-png { width: 50px; display: inline-block; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; } /* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ || 25.0 - SKILL AREA ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */ .skill-info h3 { text-transform: uppercase; } .skill-progress { margin-top: 20px; } .skill-progress h5 { text-transform: uppercase; margin-bottom: 20px; } .prog-item { margin-bottom: 30px; } .progressbar { width: 100%; margin-top: 5px; margin-bottom: 35px; position: relative; background-color: #EEE; -webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, .1); box-shadow: inset 0px 1px 1px rgba(0, 0, 0, .1); background: url(../images/prog.png); } .proggress { height: 8px; width: 10px; position: relative; overflow: visible !important; } .percentCount { width: 38px; float: right; position: absolute; right: 0; top: -41px; height: 53px; background-repeat: no-repeat; text-align: center; font-size: 13px; padding-top: 4px; color: #fff; -webkit-transform: translateX(17px); -ms-transform: translateX(17px); transform: translateX(17px); top: -47px; } .prog-web .percentCount { background: url(../images/prog1.png); background-repeat: no-repeat; } .prog-graphic .percentCount { background: url(../images/prog2.png); background-repeat: no-repeat; } .prog-writing .percentCount { background: url(../images/prog3.png); background-repeat: no-repeat; } .prog-html .percentCount { background: url(../images/prog4.png); background-repeat: no-repeat; } /* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ || 26.0 - SERVICES AREA ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */ .our-service .single-services { background: #fff; padding: 30px 20px 30px 72px; position: relative; margin-top: 15px; text-align: left; overflow: hidden; } .our-service .single-services:before{ position:absolute; left:0; top:0; content:""; width:0%; height:1px; -webkit-transition:all 0.4s ease; -o-transition:all 0.4s ease; transition:all 0.4s ease; background: #f9ba48; } .our-service .single-services:hover:before{ width:100%; } .our-service [class^="flaticon-"]:before, .our-service [class*=" flaticon-"]:before, .our-service [class^="flaticon-"]:after, .our-service [class*=" flaticon-"]:after { font-size: 36px; display: inline-block; margin-top: 5px; } .our-service .single-services .icon i, .our-service .single-services .icon img { font-size: 40px; position: absolute; left: 20px; text-align: center; display: inline-block; border: 1px solid transparent; top: 48px; -webkit-transition:all 0.4s ease; -o-transition:all 0.4s ease; transition:all 0.4s ease; color: #f9ba48; } .our-service .single-services .icon img { width: 50px; left: 10px; } .our-service .single-services:hover .icon i, .our-service .single-services:hover .icon img { -webkit-transform:translateX(-200%); -ms-transform:translateX(-200%); transform:translateX(-200%); } .our-service .single-services .icon.two i, .our-service .single-services .icon.two img{ opacity:0; -webkit-transform:scale(0.5); -ms-transform:scale(0.5); transform:scale(0.5); -webkit-transition:all 0.4s ease; -o-transition:all 0.4s ease; transition:all 0.4s ease; } .our-service .single-services:hover .icon.two i, .our-service .single-services:hover .icon.two img { -webkit-transform:scale(1.0); -ms-transform:scale(1.0); transform:scale(1.0); opacity:1; } .our-service .single-services h4 { text-transform: capitalize; } .our-service .single-services h4 a{ color:#5b5b5b; } .service { text-align: center; position: relative; } /*If you want to use flat icon then use*/ .service [class^="flaticon-"]:before, .service [class*=" flaticon-"]:before, .service [class^="flaticon-"]:after, .service [class*=" flaticon-"]:after { font-size: 50px; display: inline-block; } .service-box { margin-bottom: 50px; } .icon-large { font-size: 42px; color: #666; transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; } .icon-large { text-shadow: 0 0 0 #ee3733; } .icon-large:hover, .service-box:hover .icon-large { text-shadow: 5px 5px 2px rgba(255,255,255,0); } .service-content h4 { font-size: 18px; color: #5b5b5b; text-transform: uppercase; margin-top: 15px; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .service-box:hover .service-content h4 { color: #f9ba48; } .service-content { padding-left: 30px; padding-right: 30px; } .service-box .flaticon-img { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-backface-visibility: hidden; backface-visibility: hidden; } .service-box:hover .flaticon-img { -webkit-transform: scale(1.08); -ms-transform: scale(1.08); transform: scale(1.08); } /* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ || 27.0 - GOOGLE MAP ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */ .gmap-container { position: relative; padding-top: 35%; } .gmap { position: absolute; top: 0; left: 0; height: 100%; width: 100%; } /* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ || 28.0 - ERROR PAGE / 404 ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */ .error-page { text-align: center; } .error-page .error-inner { display: inline-block; margin-bottom: 50px; } .error-page .error-inner h1 { font-size: 150px; color: #ee3733; } .error-page .error-inner h1 span { display: block; font-size: 50px; color: #26476c; } .error-page .error-inner p { padding: 20px 15px; } .error-page .error-inner .btn { background: #26476c; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; border-radius: 0; padding: 15px 30px; } .error-page .error-inner .btn:hover { background: #f9ba48; } .error-page .error-inner .btn i{ margin-right:10px; } /* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ || 29.0 - BACK TO TOP ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */ .back-to-top { display: none; position: fixed; bottom: 18px; right: 15px; z-index: 100; } .back-to-top i { display: block; width: 36px; height: 36px; line-height: 36px; color: #fff; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; text-align: center; background-color: #5f5f5f; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; } .back-to-top i:hover { background-color: #f9ba48;; } .mr-btm30{ margin-bottom:30px;} .pt40{padding-top:40px;} .pt50{padding-top:50px;} .cel-feature1{ left: -75px !important; } .testi-img img{ max-width:70%} p.thanks{ color:#fff; font-size:16px;} .welcome{ padding-top:20px;} .get-head .get-title h2{font-size: 17px;padding-left: 15px;line-height: 24px;font-weight: 700;margin-top:0px;} .get-head .get-title h4{margin-bottom:0px; text-transform:capitalize} .current-job h4{ background: #f9ba48!important; margin: 15px 20px 0px 0px!important; color: #fff !important; width: 100%!important; font-size:20px !important; padding:15px; font-family: unset; border-bottom:1px dashed #fff; } .post-box { background: #f8f8f8; box-shadow: 0 0px 10px #c6c6c6; padding-bottom:10px!important; padding-top:10px!important; } .post-box h5 { background: #26476c; color: #fff; padding: 10px; font-weight: 600; margin-bottom:15px; font-family: unset; } ul.career{ margin-bottom:15px; list-style:none; }ul.career.li{ list-style:none; } .mobile-menu{display:none;} .category-image-mrg{ margin-bottom: 24px; } .career-display{ display:flex !important;} h1.block-title{ font-size:25px !important; } h1.upercase{ font-size:25px !important; text-transform:uppercase; } .mar-top2{margin-top:20px; } .mar-top3{margin-top:30px; } h4.recent{color:#fff; margin-bottom:10px;} h3.blue-heaven{color:#ef405c; font-weight:500;} h3.ivy{color:#fff; font-weight:500} .label1 { display: inline; padding: 0px 0px 0px; font-size: 90%; font-weight: 600; line-height: 1; color: #787878; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: .25em; float:left; margin-right:3px; } span.skill1{ display: inline; padding: 0px 0px 0px; font-size: 90%; line-height: 1; color: #787878; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: .25em; margin-right:3px;} .more{ float:left; margin-bottom:20px;} ul.career1{ list-style:none; margin-bottom:10px; display:flex; } ul.career1 li{ float:left; width:33%; font-size: 13px; color: #626262; } ul.career1 li i{ font-size: 15px; color: #26476c; } p.career{color: #7f7f7f; margin-bottom:10px;} .btn-readmore { border: 1px solid #26476c; border-radius: 3px; color: #26476c; display: inline-block; font-weight: 400; padding: 5px 15px; text-transform: uppercase; font-size: 12px; } h4.panel-title{ font-weight:normal;font-size: 14px;font-family: inherit;color: #26476c;margin-top: 0px;} .panel-body h4.panel-title{font-family: inherit;color: #000;margin-top: 10px; margin-bottom:6px;} .form-control{ height:auto; padding:10px;} .ptb-30 { padding: 30px 0; } .get-content h3{font-family: 'Lato', sans-serif; font-weight:200;margin-top: 5px;} .get-us h1{font-family: 'Lato', sans-serif; font-weight:600; font-size:45px; color:#000; text-align:center; text-transform:uppercase;} .mr-btm20{ margin-bottom:20px;} .bdr-left{border-left: 2px solid #f9ba48; position:relative;z-index: 0;} .bdr-right{border-right: 2px solid #f9ba48; position:relative;z-index: 0;} .get-content p{ margin-bottom:5px;} .bdr-left::before{ content:'\f105'; font-family:'FontAwesome';font-size: 27px;color: #f9ba48; position:absolute; left:-2px; top:5px;} .bdr-left::after{ content:''; height:15px; width:15px; background:#fff; position:absolute; left:-13px; top:11px;z-index: -2;transform: rotate( -226deg );transition: transform 150ms ease;} .bdr-right::before{ content:'\f104'; font-family:'FontAwesome';font-size: 27px;color: #f9ba48; position:absolute; right:-2px; top:5px;} .bdr-right::after{ content:''; height:15px; width:15px; background:#fff; position:absolute; right:-13px; top:11px;z-index: -2;transform: rotate( -226deg );transition: transform 150ms ease;} .col-lg-4 .smoothweb-img { position: absolute; top: -83px; left: 50%; margin-left: -83px; background: #23d1d7; transition: transform .2s; border-radius: 50%; } .col-lg-4:hover .smoothweb-img { position: absolute; top: -83px; left: 50%; margin-left: -83px; background: #23d1d7; border-radius: 50%; transform: scale(1.08); } .smoothweb-content { background: #fff; border-radius: 15px; padding: 30px 30px 5px; box-shadow: 0px 0px 40px #ddd; } .smoothweb-content p{ color: #000; font-size: 15px; line-height: 25px; margin-top: 10px; } .mrt-100{ margin-top:100px;} .mrt-20{ margin-top:20px;} .working{ background: #f9faff; padding: 30px 20px;} h6.whychoose{ font-size: 35px; color: #26476c; text-align: right; text-transform: uppercase; } .member-social ul{ color: #fff; padding: 10px; } .sidebar input{margin-bottom: 10px;} ul.event-icon{ list-style:none;} ul.event-icon li{ width:24%; float:left; text-align:center; font-size:18px; color:#000; margin:0px 0px 15px;} ul.event-icon li img{ width:33%; display:block; margin:auto;} .blog-feature img{ position:relative; -webkit-box-shadow: 0 8px 8px -6px #535353; -moz-box-shadow: 0 8px 8px -6px #535353; box-shadow: 0 8px 8px -6px #535353; margin-bottom:15px; } .blog-feature::after{ content: ''; position: absolute; display: block; height: 89%; width: 97.5%; top: 10px; bottom: 10px; left: 10px; right: 10px; border: 2px solid #fff; } .team-each { position: relative; padding-bottom: 25px; } .team-each img{ max-width: 100%; margin: auto;} .our-service .team-each img{ max-width: 22%;} .re-time a{color: #fff;} .light-box-one .fancybox{display:block;} .light-box-one .fancybox img:hover{ transform:scale(1.1,1.1); transition:.3s transform; border: 5px solid #f0f0f0; width: 100%; box-shadow: 0px 0px 5px #aaa; } .bw { -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; } .bw:hover { -webkit-filter: grayscale(100%); } /*.section-heading h2[class*="client"]{font-family: 'Roboto Condensed', sans-serif !important;}*/ h2.client{margin-bottom:0px !important} .banner-text{ background-image: url(../../assets/images/banner-text.png); width: 45%; height: 80px; z-index: ; background-repeat: no-repeat; position: absolute; left: 49%; top: 15%; background-size: 100%; } /*.banner-text h2{ font-family: 'Arkipelago', sans-serif; font-size:43px; font-weight:600; position: absolute; left: 46%; top: 15%; -webkit-text-stroke: 1.2px #eda921; color: #15325e; } */ .customer-review{ padding:50px 0px !important;} .table.case-table{border: 1px solid #fff !important; background: #26476c;} h3.table-hedding{color: #f9ba48;font-weight: 500;} .table.case-table tr td:first-child, .table.case-table tr th:first-child{border-right: 1px solid #fff;} blink {animation: blinker 0.9s linear infinite; background:#ddd; width:300px; height:50px; color: #eda922; font-size:18px; display:block} @keyframes blinker { 50% { opacity: 0; } } .flash-button{ background:#eda922; padding:10px 25px; color:#fff; border:none; border-radius: 20px 20px 0px 0px; margin-top: 20px; animation-name: flash; animation-duration: 1s; animation-timing-function: linear; animation-iteration-count: infinite; font-size: 16px; float: right; position: fixed; transform: rotate(-90deg); right: -80px; //Firefox 1+ -webkit-animation-name: flash; -webkit-animation-duration: 1s; -webkit-animation-timing-function: linear; -webkit-animation-iteration-count: infinite; //Safari 3-4 -moz-animation-name: flash; -moz-animation-duration: 1s; -moz-animation-timing-function: linear; -moz-animation-iteration-count: infinite; } @keyframes flash { 0% { opacity: 1.0; } 50% { opacity: 0.5; } 100% { opacity: 1.0; } } //Firefox 1+ @-webkit-keyframes flash { 0% { opacity: 1.0; } 50% { opacity: 0.5; } 100% { opacity: 1.0; } } //Safari 3-4 @-moz-keyframes flash { 0% { opacity: 1.0; } 50% { opacity: 0.5; } 100% { opacity: 1.0; } } .affix .navbar-default .navbar-nav + h2 button.flash-button { margin-top: 3px !important;} .affix .navbar-default .navbar-nav { margin-top: 0; } .desktop { box-sizing: border-box; background-image:url("../images/desktop-bg.png"); background-size: cover; padding: 2.8% 15% 3.8% 15%; position: absolute; top: 0; left: 0; width: 100%; height: 438px; }
Copyright ©2021 || Defacer Indonesia