/**! * Khanal - Creative Multi Purpose HTML Template 2017 * Description: Corporate Template **/ /*********************** Table of Content === Reset Code === === Home One === Header Top Start Header-Menu Start Start Slider About Start Feature Start Services Start Team Start Video Start Why Chose Start Testimonial Start News Start Contact Star Footer-top Start Footer-bottom Start === Home Two === About Start Faq Accordion Home Two Project Start Home Two News And Testimonial Start Home Two Contact Start Profile Start Circle Start Brand Start Page Header Start Project Start Project Single Page About Page Start Contact Page Start Blog Page Two Blog single Page Tags Comments Comment-form Blog Page Start Shop Page === One Page === Header-two Start Main-menu-one Start Member Start Services Two Start News Two Start Testimonial Two Start 404 Page Start Pre loader ************************/ /************************************************** Reset Code /**************************************************/ * { margin: 0; padding: 0; } body { font-family: 'Source Sans Pro', sans-serif; max-width: 1920px; margin: 0 auto; color: #696969; line-height: 24px; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } a, a:hover, a:active { text-decoration: none; } select, input { outline: 0; } .form-control:focus { box-shadow: none; border-color: transparent; } ul, ol { padding: 0; margin: 0; list-style: none; } a, a:hover, a:active, a:focus { text-decoration: none; } h1, h2, h3, h4, h5, h6 { line-height: 24px; font-family: 'Poppins', sans-serif; } h1, h2, h3, h4, h5, h6, p { margin: 0; } .m-t-5 { margin-top: 5px; } .m-t-10 { margin-top: 10px; } .m-t-15 { margin-top: 15px; } .m-t-20 { margin-top: 20px; } .m-t-30 { margin-top: 30px; } .m-t-40 { margin-top: 40px; } .m-t-60 { margin-top: 60px; } @media (min-width: 768px) and (max-width: 991px) { .m-t-10-sm { margin-top: 10px; } } @media (min-width: 768px) and (max-width: 991px) { .m-t-15-sm { margin-top: 15px; } } @media (min-width: 768px) and (max-width: 991px) { .m-t-30-sm { margin-top: 30px; } } @media (max-width: 767px) { .m-t-10-xs { margin-top: 10px; } } @media (max-width: 767px) { .m-t-15-xs { margin-top: 15px; } } @media (max-width: 767px) { .m-t-30-xs { margin-top: 30px; } } .m-b-5 { margin-bottom: 5px; } .m-b-10 { margin-bottom: 10px; } .m-b-15 { margin-bottom: 15px; } .m-b-20 { margin-bottom: 20px; } .m-b-30 { margin-bottom: 30px; } .m-b-40 { margin-bottom: 40px; } .m-b-60 { margin-bottom: 60px; } .p-10 { padding: 10px; } .p-15 { padding: 10px; } .p-20 { padding: 20px; } .p-30 { padding: 30px; } .p-t-5 { padding-top: 5px; } .p-t-10 { padding-top: 10px; } .p-t-20 { padding-top: 20px; } .p-t-30 { padding-top: 30px; } .p-t-40 { padding-top: 40px; } .p-t-50 { padding-top: 50px; } .p-t-70 { padding-top: 70px; } .p-b-5 { padding-bottom: 5px; } .p-b-10 { padding-bottom: 10px; } .p-b-20 { padding-bottom: 20px; } .p-b-30 { padding-bottom: 30px; } .p-b-40 { padding-bottom: 40px; } .p-b-50 { padding-bottom: 50px; } .p-b-60 { padding-bottom: 60px; } .p-b-70 { padding-bottom: 70px; } .p-l-5 { padding-left: 5px; } .p-l-10 { padding-left: 10px; } .p-r-5 { padding-right: 5px; } .p-r-10 { padding-right: 10px; } .p-tb-5 { padding-bottom: 5px; padding-top: 5px; } .p-tb-10 { padding-bottom: 10px; padding-top: 10px; } .p-tb-15 { padding-bottom: 15px; padding-top: 15px; } .p-tb-20 { padding-bottom: 20px; padding-top: 20px; } .p-tb-30 { padding-bottom: 30px; padding-top: 30px; } .p-tb-60 { padding-bottom: 60px; padding-top: 60px; } .p-lr-5 { padding-left: 5px; padding-right: 5px; } .p-lr-10 { padding-left: 10px; padding-right: 10px; } .p-lr-15 { padding-left: 15px; padding-right: 15px; } .p-lr-20 { padding-left: 20px; padding-right: 20px; } .no-p { padding: 0; } .no-p-t { padding-top: 0; } .no-p-l { padding-left: 0; } .no-p-r { padding-right: 0; } .no-p-b { padding-bottom: 0; } .no-p-tb { padding-bottom: 0; padding-top: 0; } .no-p-lr { padding-left: 0; padding-right: 0; } @media (max-width: 767px) { .p-l-10-xs { padding-left: 10px; } } .double-border { display: inline-block; margin: 25px; } .double-border::before, .double-border::after { background: #b9b9b9 none repeat scroll 0 0; content: ""; display: block; height: 1px; } .double-border::before { width: 136px; } .double-border::after { margin-top: 5px; width: 72px; } .text-center .double-border::before, .text-center .double-border::after { margin-left: auto; margin-right: auto; } .sec-title h2, .sec-title h3{ color: #222; font-size: 24px; font-weight: 800; letter-spacing: 1px; text-transform: uppercase; } .sec-title p { color: #696969; max-width: 800px; font-size: 16px; margin: 0 auto; } /************************************************** Home One /**************************************************/ /*********************** Header Top Start ***************************/ #header-top nav.navbar.bootsnav { background-color: transparent; margin: 15px 0 0; border: 0; } #header-top .h-right li a { color: #535353; } #header-top .h-right li { float: left; padding: 5px 15px; color: #535353; } #header-top li.search a i { width: 45px; height: 45px; line-height: 45px; } #header-top li.search a { color: #fff; } #header-top li.search { background: #cd363f; position: relative; top: -15px; text-align: center; padding: 0; } #header-top select { border: 0; } #header-top .top-search { position: relative; top: -15px; } #header-top .navbar-header { float: left; margin-top: -10px; } nav.navbar.bootsnav ul.nav > li.dropdown > a.dropdown-toggle:after { font-family:"FontAwesome", sans-serif; content: "\f107"; margin-left: 5px; margin-top: 2px; } .top-header { background: #052c7d; padding: 8px; color: #fff; overflow: hidden; } .header-right li { display: inline-block; padding-left: 15px; letter-spacing: 1px; font-weight: 300; } .header-left li { display: inline-block; padding-right: 25px; } .header-left li a { color: #fff; transition: .5s; } .header-left li a:hover { color: #0776a2; } .header-right li a { color: #fff; background: #021f5a; padding: 11px 40px; } /*********************** Header Top End ***************************/ /*********************** Header-Menu Start ***************************/ #header-menu { position: relative; background: #383838; } #header-menu nav.navbar.bootsnav ul.nav > li > a { color: #fff; background-color: transparent; outline: none; margin-bottom: 0; padding: 15px 0 15px 0; font-weight: 500; } #header-menu .navbar-right .dropdown-menu { right: 0; left: 0; } #header-menu .nav>li { margin-left: 25px; } #header-menu nav.navbar.bootsnav { background-color: transparent; border: none; border-bottom: 0; } #header-menu .container-fluid, #header-menu .navbar-collapse { padding-right: 0; padding-left: 0; } nav.navbar.bootsnav .navbar-toggle { background-color: transparent; border: none; margin-top: 10px; font-size: 18px; position: relative; top: 0; padding: 9px 10px; } nav.navbar.bootsnav .navbar-toggle { background-color: white; padding: 6px 15px; } .wrap-sticky nav.navbar.bootsnav.sticked { position: fixed; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.1s ease-in-out; padding: 0 !important; } #main-menu nav.navbar.bootsnav { background-color: #f8f8f8; border-bottom: 0; padding: 10px 0; } .navbar-collapse, .container-fluid { padding: 0; } #main-menu nav.navbar.bootsnav ul.nav > li > a:hover { color: #052c7d; } #main-menu nav.navbar.bootsnav ul.nav > li { margin-left: 30px; } #main-menu nav.navbar.bootsnav ul.nav > li > a { color: #5f5f5f; padding: 20px 0 27px 0; transition: .7s; } #main-menu nav.navbar.bootsnav ul.nav li.active > a:hover, #main-menu nav.navbar.bootsnav ul.nav li.active > a:focus, #main-menu nav.navbar.bootsnav ul.nav li.active > a { color: #052c7d; } .navbar-right .dropdown-menu { right: auto; left: 0; } /*********************** Header-Menu End ***************************/ /********************** Start Slider ***************************/ .slider-item { position: relative; max-height: 800px; height: 100%; } .slider-item img{ width: 100%; } .slider-content-area { position: absolute; width: 100%; height: auto; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 2; } .slider-content h2{ color: #fff; padding-top: 15px; margin-bottom: 0; -webkit-transition: all .7s ease-in-out; transition: all .7s ease-in-out; opacity: 0; transform: translateY(-15px); -webkit-transform: translateY(-15px); -ms-transform: translateY(-15px); font-size: 78px; letter-spacing: -2px; line-height: 1.25; font-weight: 700; } .slider-content p { font-size: 20px; font-weight: 500; color: #fff; -webkit-transition: all .7s ease-in-out; transition: all .7s ease-in-out; opacity: 0; transform: translateY(-15px); -webkit-transform: translateY(-15px); -ms-transform: translateY(-15px); } .slider-content .btn-default{ font-family: 'Poppins', sans-serif; font-size: 12px; font-weight: 600; color: #fff; background: #052c7d; padding: 15px 30px; border: 0; margin: 25px 16px 0 0; animation-delay:2s; -webkit-animation-delay:2s; text-transform: uppercase; letter-spacing: 1px; } .slider-content .btn-default:hover{ background: #1E4592; } .slider-content .slider-btn{ opacity: 0; transform: translateY(15px); -webkit-transform: translateY(15px); -ms-transform: translateY(15px); } .slider-option .item.active .slider-content h3, .slider-option .item.active .slider-content p, .slider-option .item.active .slider-content .slider-btn { opacity: 1; -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); } .slider-option .item.active .slider-content h2{ opacity: 1; letter-spacing: 1px; } .slider-option .item.active .slider-content h3{ -webkit-transition-delay: .5s; transition-delay: .5s; } .slider-option .item.active .slider-content h2{ -webkit-transition-delay: .8s; transition-delay: .8s; } .slider-option .item.active .slider-content p{ -webkit-transition-delay: .9s; transition-delay: .9s; } .slider-option .item.active .slider-content .slider-btn{ -webkit-transition: all .7s ease-in-out; transition: all .7s ease-in-out; -webkit-transition-delay: 1s; transition-delay: 1s; } .slider-option .carousel-control{ width: 0; opacity: 1; } .slider-option .carousel-control{ position: absolute; top: 50%; transform: translateY(-50%); width: 50px; height: 50px; font-size: 24px; line-height: 52px; background: transparent; z-index: 999; border: 2px solid #f1f1f1; } .slider-option .carousel-control:focus, .slider-option .carousel-control:hover { background: #111111; } .slider-option .slider-item:after{ position:absolute; content: ""; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 1; } .slider-option .carousel-control.left, .slider-option .carousel-control.right{ background-image: none; } .slider-option .carousel-control.left{ left: 0; } .slider-option .carousel-control.right{ right: 0; } .slider-option .carousel-indicators li{ font-size: 0; width: 40px; height: 4px; padding: 0; cursor: pointer; border: 0; outline: none; margin: 0; background: rgba(195, 195, 195, 0.5); } .slider-option .carousel-indicators .active{ background: #fff; } /*********************** About Start ***************************/ #about .about { position: relative; overflow: hidden; padding: 95px 0 75px; background: #fdf9f6; } h1.title-top { color: #2f2f2f; font-weight: 800; margin-bottom: 20px; } .title-txt h4 { max-width: 745px; margin: 0 auto; font-style: italic; color: #363636; line-height: 24px; } .title-txt hr { max-width: 80px; margin: 0 auto; margin-top: 15px; border: 1px solid #cd363f; } .cc, #about .ab-box { margin-top: 70px; } #about .ab-box2 img { width: 100%; } #about .ab-box2 { margin-top: 25px; } #about .ab-top h3 { color: #373737; font-weight: 800; margin-bottom: 15px; } #about .ab-txt p, #about .ab-top p { font-size: 15px; } #about .ab-right h4 { line-height: 24px; } #about .ab-right { background: #2d2825; color: #fff; padding: 15px; border-radius: 5px; } #about .ab-right i { float: right; font-size: 20px; margin-top: 2px; } #about .text-right i { background: #fff; border-radius: 50%; line-height: 13px; color: #ef0a18; } #about .ab-right select { color: #333; width: 100%; padding: 7px 5px; outline: 0; margin-top: 25px; background: #f3f3f3; font-weight: 800; font-size: 13px; } #about .owl-carousel { margin-top: 40px; } #about .owl-carousel .owl-item img { border: 2px solid #fff; border-radius: 50%; } #about .item-left { float: left; border: 5px solid #ebebeb; width: 130px; height: 130px; border-radius: 50%; margin-right: 15px; } #about .item-txt p { font-size: 13px; color: #656565; } #about .item-txt h6 { font-size: 13px; font-weight: 800; color: #494949; } #about .item-txt h4 { font-size: 16px; font-weight: 600; line-height: 23px; font-style: italic; margin-bottom: 15px; color: #494949; } #about .owl-nav { display: none !important; } /*********************** About End ***************************/ /*********************** Feature Start ***************************/ .feature{ padding:95px 0; } .feature-block { margin-bottom: 57px; } .thin-icon a { float: left; font-size: 60px; padding-right:10px; transition: .5s; color: #052C7D; } .feature-txt { padding-left: 30px; display: table; } .feature-txt p { color: #535251; } .feature-txt h5 { font-size: 18px; font-weight: 700; color: #353535; margin-bottom: 10px; } .feature-img img { width: 100%; } .feature-img img{ width: 100%; height: 425px; } /*********************** Feature End ***************************/ /*********************** Services Start ***************************/ .services { position: relative; overflow: hidden; padding: 95px 0; background: #052C7D; } .overlay { position: absolute; width: 100%; top: 0; bottom: 0; background: rgba(18, 36, 49, 0.87); } .services-box { margin-top: 67px; } .services-box, .services .sec-title { position: relative; color: #dddbdb; } .services .sec-title h2{ font-size: 30px; font-weight: 600; color: #fefefe; } .services .sec-title p { color: #dddbdb; } .services-block{ margin-bottom: 50px; } .services-block h4{ margin-bottom: 15px; letter-spacing: 1px; } /*********************** Services End ***************************/ /*********************** Team Start ***************************/ .team-area{ padding: 95px 0; } .single-team-item { position: relative; } .single-team-item.team-margin { margin-top: 15px; margin-bottom: 15px; } .single-team-item-hover { position: absolute; left: 0; bottom: 0; text-align: center; width: 100%; height: 150px; z-index: 1; visibility: hidden; transition: .3s; opacity: 0; transform: scale(0) } .single-team-item-hover:after { background: #fff; position: absolute; left: 0; top: 0; width: 100%; height: 150px; content: ""; z-index: -1; } .single-team-item:hover .single-team-item-hover { transition: .3s; visibility: visible; opacity: 1; transform: scale(1) } .single-team-item-hover h4 { color: #474747; font-size: 15px; font-weight: 600; margin-bottom: 0; } .single-team-item-hover h3 { color: #474747; font-size: 16px; font-weight: 600; text-transform: uppercase; margin-bottom: 15px; } .single-team-item-hover-icon { background-color: #EBF0F4; padding: 8px 30px } .single-team-item-hover-content { padding: 25px; } .single-team-item-hover-icon i.fa { padding: 0 12px; font-size: 14px; color: #4d4d4d; } .single-team-item-hover-icon i.fa:hover { color: #052c7d } /*********************** Team End ***************************/ /*********************** Video Start ***************************/ #videoContainer { position: relative; width: 100%; height: 400px; overflow: hidden; } #video { padding: 150px 0; color: rgb(255, 255, 255); position: relative; } #video .link a { color: #fff; font-size: 14px; font-weight: 600; text-decoration: none; background-color: #052c7d; padding: 10px 25px; border-radius: 5px; line-height: 50px; } /***************** Video End *******************/ /****************** Why Chose Start *********************/ .why-chose{ padding: 95px 0; } #l-news, #c-lawyer { position: relative; overflow: hidden; padding: 95px 0 75px; } .chose-block:hover .claw-icon { background: #052c7d; } .chose-block:hover .chose-text h5 { color: #052c7d; } .chose-block { background: #f9f9f9; padding: 30px 20px; margin-top: 40px; box-shadow: 2px 4px 10px #a2a1a1; } .claw-icon { float: left; width: 50px; height: 50px; background: #7c7b7b; border-radius: 50%; text-align: center; line-height: 50px; font-size: 28px; color: #fff; transition: .7s; } .chose-text { display: table; padding-left: 20px; } .chose-text h5 { color: #4a4a4a; font-weight: 700; font-size: 16px; margin: 5px 0; transition: .7s; } .why-chose-area { margin-top: 30px; } /*********************** Why Chose End ***************************/ /******************** Testimonial Start **********************/ .testimonial{ background: #eeeeee url("../../images/dark-pattern.png") repeat; position: relative; overflow: hidden; padding: 95px 0 75px; } .testimonial-slider { margin-top: 40px; } .item-box:after { content: ''; position: relative; bottom: -18px; z-index: -1; border-top: 40px solid #052c7d; border-left: 40px solid transparent; border-right: 40px solid transparent; } .item-box { position: relative; width: 110px; height: 110px; border-radius: 100%; margin: 15px auto; background: #052c7d; } .item-img { padding: 5px; } .item-text img { width: 10px !important; display: inline-block!important; margin-top: -10px; } .item-text h4 { color: #7b7b7b; font-style: italic; font-weight: 600; display: inline-block; font-size: 16px; margin-top: 30px; position: relative; } .item-text p { color: #7b7b7b; max-width: 1000px; font-size: 16px; margin: 10px auto; } #test-slide .owl-nav [class*=owl-] { background: #052c7d; } #test-slide .owl-nav [class*=owl-] { color: #FFF; font-size: 20px; margin: 0 5px; padding: 4px 16px; background: #052c7d; } #test-slide .owl-nav { margin-top: 40px; } #test-slide.owl-carousel .owl-item img { border-radius: 100%; } /******************* Testimonial End **********************/ /******************* News Start ********************/ .news{ padding:95px 0; } .news-block{ position: relative; } .news-img { margin-bottom: 30px; position: relative; } .news-img img { width: 100%; } .news-date{ position: absolute; bottom: 10px; left: 10px; background: #052C7D; color: #fff; padding: 15px; border-radius: 4px; text-transform: uppercase; opacity: 0.7; } .news-text { display: table; padding-left: 0; } .news-text h4 { font-weight: 700; margin: 10px 0; } .news-text a { color: #696969; } .news-text p { max-width: 345px; } .news-area{ margin-top: 65px; } /****************** News End *********************/ /***************** Contact Start *******************/ .contact-section{ position: relative; overflow: hidden; background: #052C7D; color: #fff; } #map { width: 100%; height: 600px; } .contact-form-area{ position: absolute; width: 100%; bottom: 0; } .contact-form { padding: 70px 50px 30px 50px; margin: 0 auto; max-width: 40%; background: #052C7D; border-radius:5px 5px 0 0; } .contact-form p { max-width: 700px; font-weight: 300; } .contact-form h2 { font-weight: 600; margin-bottom: 15px; } form.appoint { margin-top: 40px; } .contact-form textarea.form-control { height: auto; } .contact-form .form-control { width: 100%; height: 40px; float: left; margin: 0 0 5px; padding: 6px 12px; color: #555; background-color: #fff; background-image: none; border: 0; border-radius: 4px; -webkit-box-shadow: none; box-shadow: none; } form.appoint .btn-default i { padding-right: 5px; } form.appoint .btn-default { color: #fff; background-color: #333; border-color: #333; font-weight: 700; padding: 10px 20px; } /***************** Contact End ***********************/ /**************** Footer-top Start *********************/ .footer-top { position: relative; overflow: hidden; padding: 95px 0 75px; background: #f7f7f7; color: #595959; font-size: 15px; } .footer-widget p i { padding-right: 5px; color: #052c7d; } .footer-widget p a { color: #052c7d; } .footer-widget p.footer-text { margin-bottom: 15px; font-size: 16px; } .footer-widget p.footer-text { max-width: 380px; font-size: 14px; } .footer-widget hr { border: 0; height: 1px; background: #e8e8e8; max-width: 300px; margin: 22px 0; } .footer-logo { margin-bottom: 20px; } .social-icon a { color: #fff; background: #052c7d; width: 50px; height: 45px; font-size: 18px; text-align: center; line-height: 45px; border-radius: 0; margin-right: 2px; display: inline-block; } .footer-widget h5 { font-size: 16px; font-weight: 600; color: #595959; margin: 20px 0; } ul.instagram-img li { display: inline-block; width: 80px; height: 80px; margin-right: 5px; } ul.quick-link li hr { height: 1px; background: #e8e8e8; max-width: 200px; margin: 4px 0; } ul.quick-link li i { padding-right: 8px; } ul.quick-link li:hover a { padding-left: 8px; } ul.quick-link li a { color: #595959; font-size: 16px; transition: .5s; } ul.quick-link li { position: relative; margin-bottom: 5px; } /******************* Footer-top End ********************/ /******************* Footer-bottom Start ******************/ .footer-bottom { position: relative; background: #3e3e3e; color: #b5b2b2; } .footer-bottom hr { border: 0; height: 1px; background: #e8e8e8; max-width: 500px; margin: 20px auto; } .footer-bottom p { font-weight: 300; color: #cdcdcd; } .footer-bottom { padding: 40px 0 50px; } .footer-bottom h4 { font-size: 16px; font-weight: 600; color: #fefefe; letter-spacing: 1px; } .footer-text a { color: #b5b2b2; } #footer-bottom { background: #1e1e1e; padding: 25px 0; color: #dcdcdc; position: relative; font-weight: 300; letter-spacing: 1px; } .scroll-to-top { position: absolute; right: 50px; top: -15px; } .scroll-to-top a { color: #fff !important; padding: 0; } .scroll-top { background: #052c7d; font-size: 18px; width: 35px; height: 35px; text-align: center; line-height: 34px; margin: 3px; } .footer-txt a { color: #dcdcdc; } /******************* Footer Bottom End ********************/ /************************************************** Home Two **************************************************/ /*********************** About Start *****************/ .home2-about { position: relative; padding: 95px 0 75px; } .home2-about p { margin: 10px auto; color: #333; } .home2-about .ab-2-icon { width: 80px; height: 80px; line-height: 80px; border: 1px solid #dedede; border-radius: 50%; box-shadow: 1px 3px 5px #d9d9d9; margin: 0 auto; font-size: 40px; color: #333; margin-bottom: 10px; transition: .7s; background: #f1f1f1; } .home2-about h4 { color: #353535; font-weight: 800; padding: 5px 0; transition: .7s; } /*********************** About End ***********************/ /********************** Faq Accordion *******************/ .faq .panel.panel-default:last-child { padding-bottom: 0; border-bottom: 1px solid rgba(95, 95, 95, 0.5); border-radius: 0; } .faq .panel.panel-default:first-child { padding-top: 0; border-top: 1px solid rgba(95, 95, 95, 0.5); border-radius: 0; } .faq.panel-group .panel { margin-bottom: 15px; border-radius: 0; border: 1px solid rgba(95, 95, 95, 0.5); } .panel-default .in{ border-top: 1px solid rgba(95, 95, 95, 0.5); } .faq .panel-default>.panel-heading { color: #ccc; background-color: transparent; border-color: transparent; border: 0; border-bottom: 0; border-top: 0; padding: 5px 10px; border-top-left-radius: 0; border-top-right-radius: 0; position: relative; } .faq .panel-default>.panel-heading+.panel-collapse>.panel-body { border-top-color: transparent; } .faq .panel .pull-left { padding: 0 9px; line-height: 40px; position: absolute; right: 0; top: 0; bottom: 0; margin: 0; font-size: 10px; color: rgba(95, 95, 95, 0.8); } #accordion.faq .panel-body { padding: 20px; } .faq .panel-title>.small, .panel-title>.small>a, .panel-title>a, .panel-title>small, .panel-title>small>a { color: #424242; } /*** faq accordion ***/ /*********************** Home Two Project Start *********************************/ .project-two{ padding:95px 0; background: #f1f1f1; } .project-two-block{ position: relative; } .project-two-img { margin-bottom: 30px; position: relative; } .project-two-img img { width: 100%; } .project-two-text { display: table; padding-left: 0; } .project-two-text h4 { font-weight: 700; margin: 10px 0; } .project-two-text a { color: #696969; } .project-two-text p { max-width: 345px; } .project-two-area{ margin-top: 65px; } /*********************** Home Two Project End *********************************/ /*********************** Home Two News And Testimonial Start *********************************/ .news-testimonial{ position: relative; overflow: hidden; padding: 95px 0 75px; background: #f9f9f9; } .news-testimonial-area{ padding-top: 60px; } .home-two-news img { width: 100%; } .home-two-news:hover h4 { color: #052c7d; } .home-two-news:hover h4, .home-two-news-img { position: relative; margin-bottom: 10px; overflow: hidden; } .home-two-news:hover .home-two-news-over { bottom: 0; } .home-two-news-over { position: absolute; bottom: -43%; background: rgba(5, 44, 125, 0.9); color: #ddd; padding: 10px 15px; font-weight: 300; transition: .7s; } .home-two-news p.lntxt { font-size: 13px; color: #777; } .home-two-news hr { margin: 20px 0; border-top: 1px solid #ddd; } .home-two-news h4 { font-size: 16px; font-weight: 700; margin: 10px 0 5px; color: #666666; transition: .7s; } .home-two-news-img { float: left; } .home-two-news-text h4 { font-size: 16px; margin: 10px 0; color: #052c7d; font-weight: 700; } .home-two-news-text:before { content: ''; position: absolute; border-top: 18px solid transparent; border-right: 18px solid #ebebeb; border-bottom: 18px solid transparent; left: -16px; top: 20%; } .home-two-news-text { display: table; padding: 30px; background: #ebebeb; position: relative; } .home-two-test-img { float: left; padding-right: 30px; } .home-two-test-img img{ -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; } .home-two-test-text { display: table; padding: 30px; background: #ebebeb; position: relative; } .home-two-test-text:before { content: ''; position: absolute; border-top: 18px solid transparent; border-right: 18px solid #ebebeb; border-bottom: 18px solid transparent; left: -16px; top: 20%; } .home-two-test-text h4 { font-size: 16px; margin: 10px 0; color: #052c7d; font-weight: 700; } .home-two-test-text p { margin-bottom: 10px; } .home-two-client{ padding-left: 135px; margin-top: 15px; } .home-two-client h5 { color: #052c7d; font-weight: 700; } /*********************** Home Two News And Testimonial End *********************************/ /*********************** Home Two Contact Start *********************************/ .home-two-contact{ position: relative; overflow: hidden; padding: 95px 0 75px; background: #ffffff; } .home-two-contact-block::-webkit-input-placeholder { color: #a0a0a0; } .home-two-contact-block::-moz-placeholder { color: #a0a0a0; } .home-two-contact-block:-ms-input-placeholder { color: #a0a0a0; } .home-two-contact-block:-moz-placeholder { color: #a0a0a0; } .home-two-contact-block select.form-control { color: #a0a0a0; } .home-two-contact-block .input-group .form-control { box-shadow: none; border: 1px solid #f4f4f4; background: #f4f4f4; height: 40px; } .input-group textarea.form-control { box-shadow: none; border: 1px solid #f4f4f4; background: #f4f4f4; border-radius: 0; height: 110px!important; } .home-two-contact-block .input-group { position: relative; display: block; overflow: hidden; margin-bottom: 30px; border-collapse: separate; } .home-two-contact-block { margin-top: 60px; } .home-two-contact-block .btn-default.active.focus, .home-two-contact-block .btn-default.active:focus, .home-two-contact-block .btn-default.active:hover, .home-two-contact-block .btn-default:active.focus, .home-two-contact-block .btn-default:active:focus, .home-two-contact-block .btn-default:active:hover, .home-two-contact-block .open>.dropdown-toggle.btn-default.focus, .home-two-contact-block .open>.dropdown-toggle.btn-default:focus, .home-two-contact-block .open>.dropdown-toggle.btn-default:hover, .home-two-contact-block .btn-default:hover, .home-two-contact-block .btn-default { color: #fff; background-color: #052c7d; border-color: #052c7d; font-size: 12px; border-radius: 0; padding: 10px 40px; outline: 0; } .home-two-contact .contact-info { margin-left: 20px; padding: 50px; background: #052c7d; border-radius: 5px; min-height: 300px; color: #f1f1f1; font-size: 16px; } .home-two-contact .contact-info h3{ text-transform: uppercase; font-size: 18px; } /*********************** Home Two Contact End *********************************/ .map-two{ clear: both; overflow: hidden; } /*********************** Profile Start ***************************/ #profile { position: relative; overflow: hidden; padding: 95px 0 75px; } .pro-img img { width: 100%; } .pro-txt p { margin-bottom: 10px; font-size: 16px; } .pro-txt i { background: #fefefe; line-height: 31px; width: 30px; height: 30px; text-align: center; border-radius: 50%; color: #333; margin-right: 8px; } .pro-txt { background: #052c7d; color: #fefefe; padding: 15px 50px 10px; font-weight: 300; } .pro-box h5 { margin: 5px 0; } .pro-box p.ppp { margin: 10px 0 25px; } .pro-box p span { background: #ebebeb; padding: 5px 15px; margin-right: 10px; border-radius: 4px; } .pro-box p { margin-bottom: 10px; } .pro-box ul { padding-top: 15px; } .pro-box ul>li i { padding-right: 10px; color: #052c7d; } .pro-box ul>li { width: 48%; display: inline-block; padding: 2px 0; } .pro-box h3 { color: #a28053; font-weight: 700; } /*********************** Profile End ***************************/ /*********************** Circle Start ***************************/ #circle { position: relative; overflow: hidden; margin-bottom: 80px; } .circliful { position: relative; color: #052c7d; margin: 0 auto; } .circle-text, .circle-info, .circle-text-half, .circle-info-half { width: 100%; position: absolute; text-align: center; display: inline-block; } .cir-txt { position: absolute; bottom: 0; left: 0; right: 0; } .cir-txt p { line-height: 20px; max-width: 220px; margin: 0 auto; } .cir-txt h5 { font-size: 18px; font-weight: 600; color: #595959; margin-bottom: 8px; } /*********************** Circle End ***************************/ /*********************** Brand Start ***************************/ #brand { position: relative; overflow: hidden; padding: 95px 0 75px 20px; } .brand { max-width: 1020px; margin: 0 auto; } .brand h3 { font-style: italic; } .brand ul { margin-top: 40px; } .brand ul li { display: inline-block; } .brand .owl-theme .owl-nav [class*=owl-]:hover { background: transparent; color: #595959; text-decoration: none; } .brand .owl-theme .owl-prev { position: absolute; left: -60px; top: 20px; background: transparent; font-size: 30px; border: 1px solid #595959; padding: 4px 17px; border-radius: 0; margin: 0; color: #595959; } .brand .owl-theme .owl-next { position: absolute; right: -60px; top: 20px; background: transparent; font-size: 30px; border: 1px solid #595959; padding: 4px 17px; border-radius: 0; margin: 0; color: #595959; } /*********************** Brand End ***************************/ /*********************** Page Header Start ***************************/ .page-header{ background:url("../../images/bg/1.jpg") no-repeat; padding: 70px 0; box-shadow: inset -25px -25px 75px #000; position: relative; } .page-header h3 { color: #fff; font-weight: 700; text-transform: uppercase; } /*********************** Page Header End ***************************/ /********************** Project Start ******************************/ .project-left-image { position: relative; padding: 80px 0 30px; } .project-text{ display: table; padding-left: 30px; } .project-img { float: left; } .project-text p { max-width: 542px; margin-bottom: 20px; font-size: 15px; } .project-text h3 { font-weight: 600; color: #565655; margin: 10px 0 25px; } .project-img img { width: 100%; } .project-text .btn-default.active.focus, .project-text .btn-default.active:focus, .project-text .btn-default.active:hover, .project-text .btn-default:active.focus, .project-text .btn-default:active:focus, .project-text .btn-default:active:hover, .project-text .btn-default { color: #fff; border-color: transparent; outline: 0; box-shadow: none; font-size: 16px; background: #052c7d; } .project-box { overflow: hidden; border-bottom: 1px solid #ddd; padding-bottom: 30px; margin-bottom: 50px; } /***************** Project Single Page ******************/ .project-single{ position: relative; padding: 100px 0 50px; } .project-single .blockquotestyle { text-align: left; } .project-single blockquote { margin: 15px 0; border: 0; width: 100%; float: left; quotes: none; font-size: 17px; line-height: 30px; text-align: center; font-weight: bold; position: relative; padding: 20px 150px; font-style: italic; background: #f1f1f1; } .project-single .blockquotestyle:after { left: 15px; top: 50%; color: #fff; width: 70px; height: 70px; content: '\f10d'; font-size: 30px; line-height: 70px; margin: -35px 0 0; position: absolute; text-align: center; font-weight: normal; font-family: "FontAwesome", sans-serif; background: #333; } .project-single-text p { margin-bottom: 20px; } .project-single-text h3 { font-weight: 800; margin-bottom: 30px; color: #565555; } .project-single-img img { width: 100%; } .project-single-text ul, .project-single-img { margin-bottom: 25px; } .project-single-text ul li i { padding-right: 5px; } .project-single-text ul li { display: inline-block; width: 47%; } .project-single-side { margin-left: 30px; } .quick-contact { background: #052c7d; padding: 30px 20px; } .project-sidebar { margin-bottom: 50px; } .project-sidebar h4 { text-align: center; font-weight: 900; color: #f1f1f1; letter-spacing: 1px; } .project-sidebar h5.project-text { max-width: 250px; text-align: center; margin: 5px auto; margin-bottom: 15px; font-weight: 400; font-size: 14px; color: #f1f1f1; } .quick-contact form .panel-body textarea, .quick-contact form .panel-body input { width: 100%; border: 0; background: #f5f5f5; padding: 8px 10px; } .quick-contact form .panel-body { padding: 2px 0; } .quick-contact form::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #6b6b6b; } .quick-contact form::-moz-placeholder { /* Firefox 19+ */ color: #6b6b6b; } .quick-contact form:-ms-input-placeholder { /* IE 10+ */ color: #6b6b6b; } .quick-contact form:-moz-placeholder { /* Firefox 18- */ color: #6b6b6b; } .quick-contact form .btn-default.active.focus, .quick-contact form .btn-default.active:focus, .quick-contact form .btn-default.active:hover, .quick-contact form .btn-default:active.focus, .quick-contact form .btn-default:active:focus, .quick-contact form .btn-default:active:hover, .quick-contact form .btn-default { color: #fff; background-color: #000; border-color: #000; padding: 8px 30px; border-radius: 0; outline: 0; margin-top: 5px; width: 100%; font-weight: 700; letter-spacing: 1px; } .project-sidebar ul { margin-top: 25px; } .project-sidebar ul>li:hover a { padding-left: 8px; } .project-sidebar ul>li { margin-bottom: 12px; padding-bottom: 8px; border-bottom: 1px solid #ddd; font-weight: 600; } .project-sidebar ul>li a { max-width: 270px; color: #8b8b8b; transition: .5s; display: inline-block; } .pa-cat li a, .project-sidebar h5.project-title { color: #494949; } .project-sidebar h5 { font-size: 15px; font-weight: 700; } .project-cat { font-size: 15px; } /*************** About Page Start *********************/ #about-us-page, #mission-vision { position: relative; padding: 95px 0 75px; } #about-us-page img, #mission-vision img { width: 100% } .content, .about-us-page { padding-top: 30px; } #mission-vision { background: #f9f9f9; padding: 95px 0 0; } .about-us-page p { margin-bottom: 10px; letter-spacing: 1px; } .about-us-page h5 { font-weight: 700; margin-bottom: 10px; } /**************** Contact Page Start *******************/ .contact-page-section{ padding: 95px 0; } .contact-area{ clear: both; overflow: hidden; } .contact-block { background: #fff none repeat scroll 0 0; overflow: hidden; padding: 15px 30px; border: 1px solid #052C7D; } .contact-icon{ float: left; margin-top: 1px; width: 20%; } .contact-icon a { color: #052C7D; font-size: 40px; transition: all 0.3s ease 0s; } .contact-icon a i { transition: all 0.3s ease 0s; } .contact-text { float: left; margin-top: 6px; width: 80%; } .contact-text h3 { color: #333; font-size: 16px; text-transform: uppercase; } .contact-text span { color: #aaa; font-size: 15px; } .section-title h2 { color: #333; display: inline-block; font-size: 18px; padding: 6px 0; position: relative; text-transform: uppercase; margin-bottom: 25px; } .section-title h2::before { background: #052C7D; bottom: -6px; content: ""; height: 2px; left: 0; position: absolute; width: 20%; } .contact-area form input { border: 1px solid #ccc; display: block; margin-bottom: 20px; padding: 10px; width: 100%; font-size: 13px; } .contact-area form button { background: #fff; border: 1px solid #052C7D; color: #052C7D; font-weight: 600; padding: 10px 20px; text-transform: uppercase; transition: all 0.3s ease 0s; } .contact-area form button:hover { background: #052C7D; border-color: #052C7D; color: #fff; } .contact .massage-box { margin-left: 30px; } .contact-area .massage-box form textarea { padding: 5px 0 0 10px; font-size: 13px; } .massage-box textarea { border: 1px solid #ccc; display: block; padding: 3px 10px; width: 100%; } /*********************** Contact Page End ***************************/ /******************** Blog Page Two **********************/ .blog-grid { background: #fafafa; margin-TOP: 50px; } .blog-grid-img { position: relative; } .blog-grid-img img { width: 100%; } .blog-grid-date { position: absolute; background: rgba(245, 245, 245, 0.77); top: 10px; padding: 5px 15px; } .blog-grid-date h6 { font-weight: 600; color: #404040; } .blog-grid-detail { padding: 25px 0 35px; } .blog-grid-detail h4 { font-weight: 700; color: #464646; } .blog-grid-detail p { max-width: 315px; margin: 10px auto; color: #ababab; } .blog-grid-detail .btn-default.active.focus, .blog-grid-detail .btn-default.active:focus, .blog-grid-detail .btn-default.active:hover, .blog-grid-detail .btn-default:active.focus, .blog-grid-detail .btn-default:active:focus, .blog-grid-detail .btn-default:active:hover, .blog-grid-detail .btn-default { color: #fff; background-color: #052c7d; border-color: #052c7d; padding: 8px 40px; border-radius: 15px; outline: 0; margin: 15px 0 0; } .pagination>li:last-child>a, .pagination>li:last-child>span { border-radius: 0; } .pagination>li:first-child>a, .pagination>li:first-child>span { margin-left: 0; border: 1px solid; border-radius: 0; } .pagination>li:first-child>a, .pagination>li:first-child>span, .pagination>li:last-child>a, .pagination>li:last-child>span { padding: 2px 9px; } .pagination>li>a, .pagination>li>span { border: 0; background: transparent; color: #c4c4c4; padding: 0 5px; line-height: 20px; margin: 0 5px; transition: .7s; font-size: 18px; } .pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover, .pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover { background: transparent; outline: 0; color: #404040; border-bottom: 1px solid #404040; } .pagination { margin: 40px 0 0; } /****************** Blog single Page ***********************/ .b-single p { margin-top: 15px; } .b-single blockquote { padding: 0 20px; margin: 20px 0; font-size: 16px; border-left: 1px solid #052c7d; font-style: italic; color: #81818f; font-weight: 400; } /******************** Tags **************************************/ .tags { color: #575757; position: relative; overflow: hidden; padding: 40px 0; } .tag span { background: #f4f4f4; padding: 5px 15px; margin-left: 8px; color: #4a4a4a; } .tags hr { margin: 50px 0 0; } .tags h5 { font-size: 15px; font-weight: 800; } .tag a { color: #575757; } .tag { float: left; } /******************** Comments *********************/ #comments h4 { margin: 0 0 40px; font-size: 16px; font-weight: 700; color: #404040; } #response { border-top: 1px solid #eee; padding-top: 50px; } #response .comment-reply-title { margin: 0 0 20px; position: relative; } #comment-2, #comment-1 { list-style: none; } #comment-1 .comment-author { float: left; margin-right: 20px; } #comment-1 .comment-author img{ border-radius: 50%; } #comment-1 b.fn { font-size: 15px; font-weight: 800; } #comment-1 .reply a { color: #575757; } #comment-1 .reply { float: right; margin-right: 10px; } #comment-1 .comment-content p { margin: 5px 0 0; display: table; } .comment-content { padding-top: 15px; } #comment-1 .comment-body { margin-bottom: 30px; position: relative; overflow: hidden; } #comment-1 ol.children { padding-left: 50px; } #div-comment-3 .comment textarea { padding: 10px; width: 1060px; background: #fafafa; } /********************* Comment-form ******************/ #commentform { color: #5c5c5c; } #commentform .comment-notes { color: #5c5c5c; font-size: 15px; margin-bottom: 30px; } #commentform .form-control { margin-left: 0; border: 1px solid #ddd; border-radius: 0; padding: 20px 10px; box-shadow: none; } #commentform .comment-form-subject, #commentform .comment-form-author, #commentform .comment-form-email { display: inline-block; margin-top: 20px; width: 33%; } #commentform .comment-form-comment, #commentform .comment-form-author, #commentform .comment-form-email { color: #5c5c5c; } #commentform .form-submit .btn:hover { background: #052c7d; color: #ffffff; } #commentform .form-submit .btn { background: #052c7d; color: #fff; border-radius: 0; border: 1px solid #052c7d; padding: 11px 30px; margin-top: 20px; box-shadow: none; font-size: 14px; font-weight: 700; transition: .3s; outline: 0; letter-spacing: 1px; } /****************** Blog Page Start ******************/ .blog-page { position: relative; overflow: hidden; padding: 50px 0 75px; } .blog-img img { width: 100%; } .blog-img { margin-bottom: 30px; } .blog-block h3 { font-weight: 700; color: #4a4a4a; margin-bottom: 10px; } .blog-block p a, .blog-block p { color: #a49c9c; } .blog-block p span { padding: 0 10px; } p.blog-text { margin-top: 15px; color: #696969; font-size: 15px; } .blog-block { margin-top: 50px; } .widgets form.search-widget { position: relative; } .widgets .search-widget input { width: 100%; padding: 5px 8px; height: 40px; outline: 0; border: 1px solid #ccc; position: relative; text-transform: capitalize; font-weight: 100; } .widgets h4 { font-weight: 700; margin-bottom: 15px; } .widgets .search-widget>.search input { position: absolute; top: 0; right: 0; background: #052c7d; color: #fff; font-size: 18px; padding: 6px; width: 60px; font-family:"FontAwesome", sans-serif } .widgets { border: 3px solid #f2f2f2; padding: 30px; margin-top: 30px; } .widgets .categories-widget li { border-bottom: 1px solid #e2e2e2; padding: 10px 0; } .widgets .categories-widget li a i { border: 1px solid #052c7d; border-radius: 50%; padding: 2px 6px; color: #052c7d; margin-right: 10px; } .widgets .categories-widget li a:hover { color: #052c7d; } .widgets .categories-widget li a { color: #3c3c3c; transition: .5s; } .widgets .recent-post-widget li a { font-size: 13px; font-weight: 600; color: #052c7d; margin-bottom: 5px; } .widgets .recent-post-widget li { position: relative; padding-left: 15px; margin-bottom: 10px; } .widgets .recent-post-widget li:active:before, .widgets .recent-post-widget li:hover:before { background: #052c7d; } .widgets .recent-post-widget li:before { content: ''; width: 8px; height: 8px; border-radius: 50%; border: 1px solid #052c7d; position: absolute; top: 8px; left: 0; background: transparent; transition: .5s; } .widget-social a{ padding:5px 10px; } .sidebar { margin-top: 50px; } /*********************** Blog-page End ***************************/ /***************** Shop Page *******************************/ .search1:active .search input, .search1:hover .search input { border: 1px solid #ddd; } .search1 { position: relative; } .search1 input { padding: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; -webkit-box-shadow: none; box-shadow: none; width: 100%; display: inline-block; background: transparent; border: 0; } .search1 .search input { border: 0 solid #ddd; box-shadow: none; border-radius: 0; width: 25px; } .search1 .search { font-family:"FontAwesome", sans-serif; border: 0; background: transparent; position: absolute; top: 0; padding: 0; right: 0; color: #052c7d; } .sh-widget { background: #f7f7f7; margin-bottom: 20px; padding: 12px 15px; } .sh-widget ul { padding: 10px 0; } .sh-widget li a { color: #686868; font-weight: 400; display: block; padding: 2px 0; } .sh-widget p { font-weight: 800; color: #052c7d; } .sh-widget hr { margin: 5px 0; } .sh-widget h5 { font-weight: 800; margin-top: 10px; color: #333; } .search1::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #bababa; } .search1::-moz-placeholder { /* Firefox 19+ */ color: #bababa; } .search1:-ms-input-placeholder { /* IE 10+ */ color: #bababa; } .search1:-moz-placeholder { /* Firefox 18- */ color: #bababa; } .sel-img { float: left; width: 80px; } .sel-img img { max-width: 100%; } .sel-txt ul li { display: inline-block; font-size: 12px; } .sel-txt del { padding-left: 15px; color: #606060; } .sel-txt h5 { font-weight: 600; } .sel-txt h5, .sel-txt ul, .sel-txt p { margin: 0 !important; padding: 0 !important; line-height: 22px!important; } .sel-txt p { font-size: 13px; } .sel-txt { display: table; padding-left: 20px; } .sel-txt ul li:nth-child(1), .sel-txt ul li:nth-child(2), .sel-txt ul li:nth-child(3) { color: #052c7d; } .seller { position: relative; overflow: hidden; padding-bottom: 15px; } .nav-tabss li { display: inline-block; margin-right: 5px; } .shop-details select { float: right; padding: 4px 0; width: 150px; background: #f7f7f7; border: 1px solid #b9b9b9; } .shop-details { background: #f7f7f7; padding: 10px; font-size: 15px; color: #404040; } .nav-tabss>li.active>a, .nav-tabss>li.active>a:focus, .nav-tabss>li.active>a:hover, .nav-tabss li a:focus, .nav-tabss li a:hover { text-decoration: none; background-color: #052c7d; color: #fff; } .nav-tabss li a { padding: 0 6px; color: #052c7d; border: 1px solid #052c7d; transition: .7s; font-size: 13px; } .tabc-img img { width: 100%; } .tabc2 ul li, .tabc-txt ul li { display: inline-block; font-size: 12px; padding: 0; } .tabc-txt h4 { font-size: 15px; font-weight: 600; color: #504f4f; line-height: 16px; } .tabc2 ul li:nth-child(1), .tabc2 ul li:nth-child(2), .tabc2 ul li:nth-child(3), .tabc-txt ul li:nth-child(1), .tabc-txt ul li:nth-child(2), .tabc-txt ul li:nth-child(3) { color: #052c7d; } .tabc2 del, .tabc-txt del { padding-left: 15px; color: #606060; font-size: 15px; } .tabc2 p, .tabc-txt p { font-size: 18px; color: #052c7d; font-weight: 700; } .tabc-img { position: relative; margin: 20px 0; } .tabc-overtxt p { margin: 10px 0; } .tabc-overtxt { display: table-cell; vertical-align: middle; } .tabc-over { position: relative; display: table; width: 100%; height: 100%; } .tabc-hover { position: absolute; text-align: center; left: 0; right: 0; top: 0; bottom: 0; background: rgba(41, 46, 49, .8); transition: .7s; opacity: 0; } .tabc-box { margin-bottom: 20px; } .tabc-box:hover .btn-default, .tabc-box:hover .btn-primary { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .tabc-box:hover .tabc-hover { opacity: 1; } .tabc-box .btn-primary, .tabc-box .btn-primary:hover { color: #fff; background-color: #052c7d; border-color: #052c7d; font-weight: 700; -webkit-transition: opacity 0.95s, -webkit-transform 0.95s; transition: opacity 0.95s, transform 0.95s; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } .tabc-box .btn-default, .tabc-box .btn-default:hover { color: #333; background-color: #ffffff; border-color: #ffffff; font-weight: 700; } .tabc2-txt h4 { font-weight: 700; } .tabc2-txt { display: table; padding-left: 30px; margin-top: 15px; } .tabc2-img img { max-width: 100%; } .tabc2-img { float: left; width: 150px; } .tabc2-txt h4 { font-size: 18px; font-weight: 700; color: #333; margin-bottom: 2px; } .tabc2 li { display: inline-block; padding-right: 15px; } p.des { max-width: 535px; margin: 7px 0 15px; font-weight: 300; } .tabc2-txt .btn-default { box-shadow: none; padding: 6px 25px; border-radius: 0; margin-top: 10px; background-color: transparent; } .tabc2-txt .btn-default.focus, .tabc2-txt .btn-default:focus, .tabc2-txt .btn-default.active.focus, .tabc2-txt .btn-default.active:focus, .tabc2-txt .btn-default.active:hover, .tabc2-txt .btn-default:active.focus, .tabc2-txt .btn-default:active:focus, .tabc2-txt .btn-default:active:hover, .tabc2-txt .btn-default:hover { color: #333; background-color: transparent; border-color: #adadad; outline: 0; } .tabc2-box { position: relative; background: #f7f7f7; overflow: hidden; padding: 20px 30px; margin-top: 20px; } .shop { position: relative; overflow: hidden; padding: 95px 0 75px; } /********************** One Page ************************/ /****************** Header-two Start ***********************/ .header-two{ padding: 15px 0; } .header-two li { float: left; display: inline-block; padding-left: 30px; } .header-two li a { background: #052C7D; color: #fff; padding: 9px 25px; line-height: 45px; } .header-two li a i { font-size: 14px; border-right: 1px solid #fff; margin-right: 8px; color: #fff; } .header-two li i { font-size: 36px; border-right: 1px solid #ddd; padding-right: 8px; /* line-height: 30px; */ color: #333; } .header-two li p { display: inline-block; padding-left: 15px; line-height: 20px; font-size: 14px; } #header-two { padding: 15px 0 10px; } /****************** Header-two End ********************/ /****************** Main-menu-one Start ********************/ #main-menu1 { background: #333; } #main-menu1 nav.navbar.bootsnav { margin-bottom: 0; border-radius: 0; background-color: #333; border: none; border-bottom: 0; z-index: 9; } #main-menu1 nav.navbar.bootsnav ul{ width:100%; } #main-menu1 nav.navbar.bootsnav ul.nav > li > a:hover { background: #052C7D; } #main-menu1 nav.navbar.bootsnav ul.nav > li > a { padding: 20px; font-weight: 600; color: #fff; margin-bottom: 0; transition: .7s; } #main-menu1 .navbar-form:active input.form-control, #main-menu1 .navbar-form:hover input.form-control { border: 1px solid #ddd; background: transparent; } #main-menu1 .navbar-form { position: relative; padding: 0 20px; margin-top: 10px; margin-right: 0; margin-bottom: 0; margin-left: 0; border-top: 0; border-bottom: 0; -webkit-box-shadow: none; box-shadow: none; display: inline-block; transition: .5s ease-in-out; } #main-menu1 input.form-control { border: 0; box-shadow: none; border-radius: 0; width: 130px !important; height: 35px; padding: 6px; transition: .5s ease-in-out; background: transparent; color: #fff; } #main-menu1 .form-group input { font-family:"FontAwesome", sans-serif; border: 0; background: transparent; position: absolute; top: 3px; padding: 3px; right: 30px; color: #fff; } /****************** Main-menu-one End ********************/ /****************** Member Start ********************/ .member { position: relative; background: url(../../images/bg/3.jpg)no-repeat center/cover; letter-spacing: 1px; } .member-area { padding: 95px 0 75px 55px; } .overlay-s { position: absolute; background: rgba(0, 0, 0, 0.9); width: 100%; height: 100%; } .member-top { position: relative; color: #fefefe; } .member-box { margin-top: 50px; } .member-top h3 span { font-weight: 600; } .member-top h3 { font-weight: 300; line-height: 32px; font-size: 22px; } .member-img { width: 130px; height: 130px; border-radius: 100%; margin: 10px auto; position: relative; overflow: hidden; } .member-img img { width: 100%; } .member-txt h5 { color: #acacac; font-weight: 300; } .member-txt h4 { max-width: 150px; margin: 0 auto; color: #fefefe; font-size: 16px; transition: .7s; } .member-block-box:hover h4 { color: #fff; } .member-block-box:hover ul { opacity: 1; } .member-block-box:hover .member-over { opacity: 1; } .member-block-box { position: relative; overflow: hidden; } .member-txt { margin-top: 25px; } .member-over ul { opacity: 0; transition: .5s; background: #052C7D; border-radius: 0; margin: 0 10px; } .member-over .member-over-txt { display: table-cell; vertical-align: middle; } .member-over { position: absolute; top: 0; background: rgba(0, 0, 0, 0.5); display: table; width: 100%; height: 100%; border-radius: 100%; opacity: 0; transition: .5s; } .member-over ul li a { color: #fff; } .member-over ul li { display: inline-block; padding: 5px 10px; } li.member-block { display: inline-block; width: 210px; margin: 0 auto; margin-bottom: 20px; } /****************** Member End ********************/ /****************** Services Two Start ********************/ #service-two{ background: url(../../images/bg/3.jpg)no-repeat center/cover; position: relative; overflow: hidden; padding: 95px 0 35px; } .overly { position: absolute; background: rgba(0, 0, 0, 0.85); top: 0; width: 100%; height: 100%; } .position { position: relative; } .options-title hr, .options-title h4, .options-title h6 { color: #fff; } .service-text h4 { font-size: 15px; font-weight: 600; color: #f5f5f5; letter-spacing: 1px; } .service-text hr { max-width: 70px; margin: 15px auto; } .service-text h1 { font-weight: 700; color: #fff; display: initial; letter-spacing: 1px; } .service-icon { text-align: right; font-size: 26px; color: #fff; margin-bottom: 15px; } .service-box { text-align: center; background: rgba(50, 50, 50, 0.4); padding: 25px 30px 35px; position: relative; border-radius: 10px; max-width: 260px; margin: 0 auto; margin-bottom: 30px; } .service-area { margin-top: 70px; } /****************** Services Two End ********************/ /****************** News Two Start ********************/ #news-two { background: url(../../images/p1.png) repeat; position: relative; overflow: hidden; padding: 95px 0; } .news-two-img img { width: 100%; border-radius: 50%; } .news-two-img { display: inline-block; width: 85px; margin-right: 15px; } .news-two-text p strong { color: #333; letter-spacing: 1px; } .news-two-text { display: inline-block; } .news-two-box p { margin: 15px 0; } .news-two-box h3 { font-size: 22px; letter-spacing: 1px; font-weight: 700; color: rgba(41, 46, 49, 1.00); } .news-two-box h5 { color: #052C7D; font-weight: 700; letter-spacing: 1px; margin-bottom: 5px; } .news-two-box { background: rgba(254, 254, 254, 0.55); padding: 30px; position: relative; margin-bottom: 30px; } .no-padding:not(:nth-child(1)) .latest-box:after { content: ''; width: 0; } .no-padding:not(:nth-child(2)) .latest-box:after { content: ''; width: 0; } .no-padding:not(:nth-child(3)) .latest-box:after { content: ''; width: 1px; } /****************** News Two End ********************/ /****************** Testimonial Two Start ********************/ #testimonial-two { background: url(../../images/bg/2.jpg)no-repeat; position: relative; overflow: hidden; padding: 95px 0; background-size: cover; } #testimonial-two .option-title { margin-bottom: 40px; position: relative; } #testimonial-two .option-title h3 { font-weight: 800; letter-spacing: 1px; color: #fefefe; } #testimonial-two .option-title h5 { font-weight: 800!important; } #testimonial-two .testimonial-two-img { width: 70px; height: 70px; margin: 0 auto 15px auto; } #testimonial-two .testimonial-two-img img{ border-radius: 50%; } .testimonial-two-box { position: relative; color: #ccc; } .testimonial-two-box h5, .testimonial-two-box h6 { color: #fff; font-size: 13px; font-weight: 600; letter-spacing: 1px; } #testimonial-two .overly { position: absolute; background: rgba(0, 0, 0, 0.9); top: 0; width: 100%; height: 100%; } .testimonial-two-box p { max-width: 945px; font-style: italic; font-weight: 300; margin: 0 auto; margin-top: 15px; letter-spacing: 1px; } #testimonial-two .owl-nav.disabled+.owl-dots { margin-top: 30px; } #testimonial-two .owl-dots .owl-dot.active span, #testimonial-two .owl-dots .owl-dot:hover span { background: #052C7D; width: 8px; height: 8px; border: 2px solid #052C7D; } #testimonial-two .owl-dots .owl-dot span { width: 8px; height: 8px; margin: 3px; background: #D6D6D6; border: 1px solid transparent; display: block; -webkit-backface-visibility: visible; transition: opacity .2s ease; border-radius: 30px; } /****************** Testimonial Two End ********************/ /****************** 404 Page Start ********************/ #error-txt { position: relative; overflow: hidden; padding: 95px 0 75px; } .error-txt h1 { font-size: 100px; font-weight: 700; color: #052c7d; line-height: 100px; } .error-txt h2 { font-size: 40px; line-height: 40px; color: #393939; font-weight: 700; margin: 10px 0; } .error-txt h4 { color: #818181; } /****************** 404 Start ********************/ /****************** Pre loader ********************/ #loader{ position: absolute; left: 50%; top: 50%; margin-top: -59px; margin-left: -59px; } #preloader { background-color: rgba(0, 0, 0, 0.98); height: 100%; width: 100%; position: fixed; margin-top: 0; top: 0; z-index: 10; } #inTurnBlurringTextG { position: relative; width: 215px; margin: auto; } .inTurnBlurringTextG { color: transparent; font-size: 40px; font-weight: 800; letter-spacing: 1px; text-decoration: none; font-style: normal; z-index: 11; float: left; text-shadow: #052c7d 0 0 0; animation-name: bounce_inTurnBlurringTextG; -o-animation-name: bounce_inTurnBlurringTextG; -webkit-animation-name: bounce_inTurnBlurringTextG; -moz-animation-name: bounce_inTurnBlurringTextG; animation-duration: 2.09s; -o-animation-duration: 2.09s; -webkit-animation-duration: 2.09s; -moz-animation-duration: 2.09s; animation-iteration-count: infinite; -o-animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; animation-direction: normal; -o-animation-direction: normal; -webkit-animation-direction: normal; -moz-animation-direction: normal; } #inTurnBlurringTextG_1 { animation-delay: 0.75s; -o-animation-delay: 0.75s; -webkit-animation-delay: 0.75s; -moz-animation-delay: 0.75s; } #inTurnBlurringTextG_2 { animation-delay: 0.9s; -o-animation-delay: 0.9s; -webkit-animation-delay: 0.9s; -moz-animation-delay: 0.9s; } #inTurnBlurringTextG_3 { animation-delay: 1.05s; -o-animation-delay: 1.05s; -webkit-animation-delay: 1.05s; -moz-animation-delay: 1.05s; } #inTurnBlurringTextG_4 { animation-delay: 1.2s; -o-animation-delay: 1.2s; -webkit-animation-delay: 1.2s; -moz-animation-delay: 1.2s; } #inTurnBlurringTextG_5 { animation-delay: 1.35s; -o-animation-delay: 1.35s; -webkit-animation-delay: 1.35s; -moz-animation-delay: 1.35s; } #inTurnBlurringTextG_6 { animation-delay: 1.5s; -o-animation-delay: 1.5s; -webkit-animation-delay: 1.5s; -moz-animation-delay: 1.5s; } #inTurnBlurringTextG_7 { animation-delay: 1.64s; -o-animation-delay: 1.64s; -webkit-animation-delay: 1.64s; -moz-animation-delay: 1.64s; } #inTurnBlurringTextG_8 { animation-delay: 1.79s; -o-animation-delay: 1.79s; -webkit-animation-delay: 1.79s; -moz-animation-delay: 1.79s; } #inTurnBlurringTextG_9 { animation-delay: 1.94s; -o-animation-delay: 1.94s; -webkit-animation-delay: 1.94s; -moz-animation-delay: 1.94s; } @keyframes bounce_inTurnBlurringTextG { 0% { text-shadow: #052c7d 0 0 0; } 100% { text-shadow: rgb(255, 255, 255) 0 0 19px; } } @-o-keyframes bounce_inTurnBlurringTextG { 0% { text-shadow: #052c7d 0 0 0; } 100% { text-shadow: rgb(255, 255, 255) 0 0 19px; } } @-ms-keyframes bounce_inTurnBlurringTextG { 0% { text-shadow: #052c7d 0 0 0; } 100% { text-shadow: rgb(255, 255, 255) 0 0 19px; } } @-moz-keyframes bounce_inTurnBlurringTextG { 0% { text-shadow: #052c7d 0 0 0; } 100% { text-shadow: rgb(255, 255, 255) 0 0 19px; } }