.header{ position:relative; background:#023047; z-index:9999 } .header .topbar{ background:#fff; position:relative; padding:5px 0 } .header .contact{ float:left; margin-top:8px } .header .contact li{ color:#666; display:inline-block; margin-right:10px } .header .contact li:last-child{ margin-right:0 } .header .contact li i{ margin-right:5px; border-radius:100%; text-align:center; font-size:15px } .header .contact li a{ color:#666; font-weight:400 } .header .topbar-right{ float:right } .header .search-form{ position:relative; display:inline-block; margin-right:20px } .header .search-form .icon{ color:#fff; top:6px; width:26px; height:26px; text-align:center; border-radius:100%; position:absolute; right:15px; font-size:12px; z-index:11 } .header .search-form.active .icon i:before{ content:"\f00d" } .header .search-form .form{ width:0; opacity:0; visibility:hidden; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; transition:all .3s ease; right:0; right:0 } .header .search-form.active .form{ width:230px; opacity:1; visibility:visible } .header .search-form .form input{ padding:0 40px 0 15px; height:45px; width:100%; background:#f6f6f6; border:1px solid transparent; color:#666; text-align:left; border-radius:3px } .header .search-form .form:hover input{ background:0 0; border-color:#e7e7e7; padding-left:20px } .header .search-form .icon:hover{ background:#333; transform:rotate(90deg) } .header .social{ display:inline-block; margin-top:5px } .header .social li{ display:inline-block; margin-right:20px } .header .social li:last-child{ margin-right:0 } .header .social li a{ color:#058965 } .header .mainmenu{ position:relative } .header .logo{ position:absolute; top:0; border-radius:0 0 10px 10px } .header .logo a{ color:#fff; text-transform:uppercase; font-size:22px; font-weight:600; position:relative } .header .link{ margin-top:9px; display:none } .header .link a{ font-size:25px; font-weight:100; color:#fff } .header .link a span{ color:#fff; border-radius:60px; width:250px; height:45px; line-height:45px; display:inline-block; text-align:center } .header .nav{ float:right; margin:0; padding-right:200px } .header .nav li{ position:relative; margin-right:40px } .header .nav li:last-child{ margin-right:0 } .header .nav li a{ color:#fff; text-transform:uppercase; font-size:14px; font-weight:400; padding:20px 0; position:relative; display:block; background:0 0 } .header .nav li a i{ margin-left:5px; opacity:0; visibility:hidden; position:relative; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; transition:all .3s ease } .header .nav li.active a i,.header .nav li:hover a i{ opacity:1; visibility:visible; color:#fff } .header .nav li:last-child a{ padding-right:0; margin-right:0 } .header .nav li a::before{ position:absolute; bottom:10px; left:0; right:50%; content:""; height:2px; width:0%; background:#fff; opacity:0; visibility:hidden; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; transition:all .3s ease } .header .nav li.active a::before,.header .nav li:hover a::before{ width:100%; opacity:1; visibility:visible } .header .nav li .dropdown{ position:absolute; top:100%; -webkit-transform:translateY(20px); -moz-transform:translateY(20px); transform:translateY(20px); left:0; width:220px; background:#023047; opacity:0; visibility:hidden; z-index:9999; -webkit-box-shadow:0 0 15px rgba(0,0,0,.2); -moz-box-shadow:0 0 15px rgba(0,0,0,.2); box-shadow:0 0 15px rgba(0,0,0,.2); -webkit-transition:all .3s ease; -moz-transition:all .3s ease; transition:all .3s ease } .header .nav li:hover .dropdown{ opacity:1; visibility:visible; transform:translateY(0) } .header .nav li .dropdown li{ margin:0; float:none; border-bottom:1px solid rgba(197,197,197,.25) } .header .nav li .dropdown li:last-child{ border-bottom:0 } .header .nav li .dropdown li a{ color:#eee; padding:10px 20px; text-transform:capitalize } .header .nav li .dropdown li:hover a{ color:#fff } .header .nav li .dropdown li a i{ opacity:1; visibility:visible; float:right; margin-top:5px; font-size:13px } .header .nav li .dropdown li:hover a i{ color:#fff } .header .nav li .dropdown li a:before{ display:none } .header .button{ position:absolute; right:0; top:8px } .header .button .btn:hover{ background:#fff; color:#333 } .txtcontainer{ height:100vh; display:flex; justify-content:center; align-items:center } .txtcontainer p{ font-size:2rem; padding:.5rem; font-weight:700; letter-spacing:.1rem; text-align:center; overflow:hidden } .txtcontainer p span.typed-text{ font-weight:400; color:#dd7732 } .txtcontainer p span.cursor{ display:inline-block; background-color:#ccc; margin-left:.1rem; width:3px; animation:blink 1s infinite } @keyframes blink{ 0%{ background-color:#ccc } 49%{ background-color:#ccc } 50%{ background-color:transparent } 99%{ background-color:transparent } 100%{ background-color:#ccc } } .hero-area{ position:relative; width:100%; height:600px; overflow:hidden } .hero-area .slider-area{ width:100%; height:100%; position:relative } .hero-area .single-slider{ background-size:cover; background-repeat:no-repeat; background-position:center; width:100%; height:600px; background:#f6f6f6; background-size:cover; background-position:center; position:relative } .hero-area .single-slider:before{ position:absolute; left:0; top:0; width:100%; height:100%; content:""; background:#fff; opacity:.94 } .hero-area .slider-text{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; width:100%; height:600px; text-align:left; position:relative; z-index:10 } .hero-area .slider-text h1{ color:#333; font-size:48px; text-transform:capitalize; font-weight:800; margin-bottom:30px } .hero-area .button{ margin-top:30px } .hero-area .button .btn{ color:#fff; margin-right:10px; border-radius:50px } .hero-area .button .btn:hover{ background:#333; color:#fff } .hero-area .button .btn:last-child{ margin-right:0 } .hero-area .button .btn.video{ background:0 0; color:#333; padding:0; box-shadow:none } .hero-area .button .btn.video i{ width:45px; height:45px; line-height:45px; border:1px solid; border-radius:30px; margin-right:10px; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; transition:all .3s ease } .hero-area .button .btn.video:hover i{ color:#fff; border-color:transparent } .hero-area .image-gallery{ position:relative; top:140px } .hero-area .single-image{ position:absolute; max-width:400px; right:0 } .hero-area .single-image img{ width:100% } .hero-area .single-image.two{ left:0; top:90px; max-width:100%; right:40px } .hero-area .slider-right .single-image{ right:auto; left:0 } .hero-area .slider-right .single-image.two{ left:40px } .hero-area .owl-item.active .slider-text h1{ animation:fadeInDown 1s both .8s } .hero-area .owl-item.active .slider-text p{ animation:fadeInRight 1s both 1s } .hero-area .owl-item.active .slider-text .btn{ animation:fadeInLeft 1s both 1.2s } .hero-area .owl-item.active .single-image{ animation:fadeInDown 1s both 1s } .hero-area .owl-item.active .single-image.two{ animation:fadeInUp 1s both 1.5s } .fun-facts{ background:#fff; padding:50px 0 80px } .fun-facts .text-content{ margin-top:30px } .fun-facts .section-title{ padding:0; text-align:left; margin:0 } .fun-facts .section-title .title-bg{ font-size:80px; top:27px } .fun-facts .text-content h1{ color:#333; font-size:32px; margin-bottom:20px } .fun-facts .text-content h1 span{ font-size:18px; display:block } .fun-facts .text-content .btn{ margin-top:20px } .fun-facts .text-content .btn:hover{ color:#fff; background:#333 } .fun-facts .single-fact{ position:relative; margin-top:30px; padding:30px; text-align:left; border-radius:50px; overflow:hidden; -webkit-box-shadow:0 0 10px rgba(0,0,0,.15); -moz-box-shadow:0 0 10px rgba(0,0,0,.15); box-shadow:0 0 10px rgba(0,0,0,.15); background:#fff } .fun-facts .icon{ width:70px; height:70px; display:inline-block; text-align:center; border-radius:100%; line-height:70px; left:0; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; transition:all .3s ease; float:left; margin-right:20px } .fun-facts .icon i{ font-size:30px; width:55px; height:55px; margin-top:7px; line-height:55px; border-radius:100%; background:rgba(0,0,0,.15); -webkit-transition:all .3s ease; -moz-transition:all .3s ease; transition:all .3s ease; color:#fff } .fun-facts .single-fact:hover .icon i{ background:0 0 } .fun-facts .counter{ float:left; text-align:left; margin-top:10px } .fun-facts .counter p{ font-size:30px; font-weight:600; color:#333; margin-bottom:10px; display:block } .fun-facts .counter h4{ color:#666; font-size:16px; font-weight:400 } .services{ background:#f6f6f6 } .services .service-slider{ margin-top:30px } .services .single-service{ position:relative; background:#fff; padding:40px 15px; text-align:center; border-radius:20px; z-index:22; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; transition:all .3s ease } .services .single-service i{ font-size:35px; left:0; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; transition:all .3s ease } .services .single-service h2{ font-size:18px; margin:10px 0 } .services .single-service h2 a{ color:#333; transition:none; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; transition:all .3s ease } .services .single-service p{ font-size:14px; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; transition:all .3s ease } .services .service-slider .single-service.slick-center h2 a,.services .service-slider .single-service.slick-center i,.services .service-slider .single-service.slick-center p{ color:#fff } .services .owl-nav{ display:block; width:100% } .services button{ background:0 0; border:0 solid; position:absolute; width:40px; height:40px; line-height:50px; font-size:28px; top:50%; padding:0; opacity:1; margin:-25px 0 0; border-radius:100%; display:none; cursor:pointer; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; transition:all .3s ease } .services button:hover{ color:#fff } .services.single{ padding:50px 0 80px } .services.single .services-main{ background:#fff; padding:15px; margin-top:30px } .services.single .services-content{ margin-top:30px } .services.single .services-content h2{ text-transform:capitalize; font-size:25px; margin-bottom:20px } .services.single .services-content p{ margin-bottom:20px } .services.single .services-content p:last-child{ margin-bottom:0 } .services.single .service-list li{ margin-bottom:10px } .services.single .service-list li i{ width:30px; height:30px; line-height:30px; border-radius:100%; border:1px solid #e7e7e7; text-align:center; margin-right:10px } .services.single .service-list li i{ width:25px; height:25px; line-height:25px; border-radius:100%; border:1px solid; text-align:center; margin-right:10px; font-size:13px } .services.single .related-services{ margin-top:30px } .services.single .related-services .title{ font-size:25px; padding-bottom:30px; border-bottom:1px solid #e7e7e7; position:relative } .portfolio{ background:#f6f6f6; overflow:hidden; text-align:center } .portfolio .portfolio-nav{ border-bottom:3px solid; padding-bottom:15px; text-align:left; margin:40px 0 30px; border-radius:8px } .portfolio .portfolio-nav ul li{ display:inline-block; margin-right:5px; position:relative; padding:8px 18px; border-radius:50px; font-size:14px; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; transition:all .3s ease; cursor:pointer; text-transform:capitalize; text-transform:uppercase; font-weight:600 } .portfolio .portfolio-nav ul li:last-child{ margin:0 } .portfolio .portfolio-nav ul li.active,.portfolio .portfolio-nav ul li:hover{ color:#fff } .portfolio .cbp-filter-counter{ position:absolute; top:-30px; width:25px; height:25px; line-height:25px; text-align:center; border-radius:100%; left:50%; margin-left:-10px; color:#fff; display:table-cell; -webkit-transform:translateY(10px); -moz-transform:translateY(10px); transform:translateY(10px); -webkit-transition:all .3s ease; -moz-transition:all .3s ease; transition:all .3s ease; opacity:0; visibility:hidden } .portfolio .cbp-filter-counter::before{ position:absolute; left:50%; border-top:8px solid; border-left:11px solid transparent; content:""; margin-left:-8px; top:90% } .portfolio .portfolio-nav li.active .cbp-filter-counter,.portfolio .portfolio-nav li:hover .cbp-filter-counter{ opacity:1; visibility:visible; transform:translateY(0) } .portfolio .portfolio-single{ position:relative; overflow:hidden; background:#fff } .portfolio .portfolio-head{ position:relative } .portfolio .portfolio-head img{ width:100%; z-index:10 } .portfolio .portfolio-hover{ position:absolute; top:5px; left:5px; bottom:5px; right:5px; padding:50px 15px; text-align:left; opacity:0; visibility:hidden; border:3px solid #fff; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; transition:all .3s ease; -webkit-transform:scale(.9); -moz-transform:scale(.9); transform:scale(.9) } .portfolio .portfolio-single:hover .portfolio-hover{ opacity:1; visibility:visible; transform:scale(1) } .portfolio .portfolio-hover::before{ position:absolute; color:#fff; text-align:left; background:#333; top:0; left:0; content:""; width:100%; height:100%; opacity:1; opacity:.9 } .portfolio .portfolio-hover h4{ text-transform:capitalize; font-weight:700; font-size:18px; margin:0 0 15px; position:relative } .portfolio .portfolio-hover h4 a{ color:#fff } .portfolio .portfolio-hover p{ position:relative; color:#fff } .portfolio .portfolio-hover .button{ margin-top:15px; position:relative; -webkit-transition:all 1s ease; -moz-transition:all 1s ease; transition:all 1s ease; text-align:left } .portfolio .portfolio-hover .button a{ background:#fff; display:inline-block; border-radius:100%; width:40px; height:40px; line-height:40px; text-align:center; margin-right:10px; color:#333 } .portfolio .portfolio-hover .button a:last-child{ margin-right:0 } .portfolio .portfolio-hover .button .primary,.portfolio .portfolio-hover .button a:hover{ color:#fff } .portfolio .portfolio-hover .primary:hover{ background:#fff!important; color:#333!important } .portfolio .button{ text-align:center; margin-top:50px } .portfolio .button .btn{ border-radius:30px } .portfolio .button .btn:hover{ background:#333; color:#fff } .portfolio.single{ padding:50px 0 80px } .portfolio.single .portfolio-single{ background:0 0; margin-top:30px } .portfolio.single .owl-nav div{ width:50px; height:50px; font-size:25px; border-radius:0; opacity:1; position:absolute; margin:-25px 0 0; top:50%; transition:all .3s ease; -moz-transition:all .3s ease; transition:all .3s ease; background:0 0; line-height:50px; padding:0; border:2px solid #fff; border-radius:100% } .portfolio.single .portfolio-widget{ text-align:left; background:#fff; padding:25px; box-shadow:0 0 5px #0003; margin-top:30px } .portfolio.single .single-widget{ position:relative; padding-left:60px; margin-bottom:20px } .portfolio.single .single-widget:last-child{ margin-bottom:0 } .portfolio.single .single-widget i{ width:40px; height:40px; line-height:41px; border:1px solid #e7e7e7; text-align:center; border-radius:100%; position:absolute; left:0 } .portfolio.single .single-widget h4{ font-size:18px } .portfolio.single .single-widget a{ color:#666 } .portfolio.single .portfolio-content{ text-align:left } .portfolio.single .portfolio-content h2{ text-align:left; margin-bottom:15px } .portfolio.single .portfolio-content p{ text-align:left; margin-bottom:20px } .portfolio.single .portfolio-content p:last-child{ margin-bottom:0 } .portfolio.single .related-portfolio{ margin-top:30px } .portfolio.single .related-portfolio .title{ font-size:25px; padding-bottom:30px; text-align:left; border-bottom:1px solid #e7e7e7; position:relative } .portfolio.single .related-portfolio .portfolio-single{ margin-top:30px } .consulting{ position:relative; overflow:hidden; padding:100px 0 } .consulting .text-content h2{ font-size:28px; margin-bottom:15px; color:#fff } .consulting .text-content p{ color:#fff } .consulting .text-content .list{ margin:15px 0 0 } .consulting .text-content .list li{ position:relative; margin-bottom:15px; text-transform:capitalize; font-weight:600; color:#fff; padding-left:40px } .consulting .text-content .list li i{ left:0; top:0; width:30px; height:30px; line-height:30px; background:0 0; text-align:center; border-radius:100%; color:#fff; position:absolute } .consulting .form-area{ text-align:left; position:relative } .consulting .form-area h2{ font-size:22px; margin-bottom:10px; color:#fff } .consulting .form-area h2 i{ margin-right:10px } .consulting .form-area p{ color:#fff } .consulting .form{ margin-top:30px } .consulting .nice-select{ border:none; background:#fff3; border-radius:0; font-weight:400; height:50px; color:#fff; padding:10px 15px } .consulting .nice-select::after{ border-bottom:2px solid #fff; border-right:2px solid #fff; right:20px } .consulting .nice-select .list{ border:none } .consulting .nice-select .list li{ color:#666 } .pricing-plan{ background:#f6f6f6 } .single-table{ background:#fff; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; transition:all .3s ease; -webkit-box-shadow:0 0 10px rgba(0,0,0,.15); -moz-box-shadow:0 0 10px rgba(0,0,0,.15); box-shadow:0 0 10px rgba(0,0,0,.15); border-radius:0; text-align:center; position:relative; margin-top:30px; overflow:hidden } .single-table:hover{ position:relative; transform:translateY(-10px); box-shadow:0 5px 6px rgba(0,0,0,.25) } .single-table .table-head{ position:relative; border-bottom:1px solid #e7e7e7; padding:20px 0 } .single-table .title{ text-transform:capitalize; font-weight:700; position:relative; display:block; font-size:20px; margin:0 0 25px; color:#333 } .single-table .table-list{ padding:10px 0; text-align:center; position:relative } .single-table .table-list li{ color:#666; position:relative; text-transform:capitalize; padding:10px } .single-table .table-list li:last-child{ margin:0 } .single-table .table-bottom{ padding:20px 0; border-top:1px solid #e7e7e7 } .single-table .button:hover{ background:#333; border-color:transparent } .single-table .btn{ background:0 0; border:1px solid; border-radius:30px } .single-table .btn:hover{ color:#fff } .single-table.active::before{ content:""; position:absolute; bottom:-10px; left:-45px; width:110px; height:46px; border:5px solid; border-radius:100%; transform:rotate(-146deg) } .single-table.active::after{ content:""; position:absolute; top:-10px; right:-45px; width:110px; height:46px; border:5px solid; border-radius:100%; transform:rotate(-146deg) } .team{ background:#f6f6f6; position:relative } .team .single-team{ background:#fff; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; transition:all .3s ease; margin-top:30px } .team .t-head{ position:relative; overflow:hidden } .team .t-head::before{ position:absolute; top:0; left:0; width:100%; height:100%; background:#fff; opacity:0; visibility:hidden; content:""; z-index:2; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; transition:all .3s ease } .team .single-team:hover .t-head::before{ visibility:visible; opacity:.5 } .team .t-head img{ width:100%; position:relative } .team .t-icon a{ position:absolute; left:50%; top:50%; width:40px; height:40px; line-height:40px; opacity:0; visibility:hidden; font-weight:400; text-align:center; color:#fff; border-radius:100%; -webkit-transform:scale(.6); -moz-transform:scale(.6); transform:scale(.6); -webkit-transition:all .3s ease; -moz-transition:all .3s ease; transition:all .3s ease; z-index:99; margin:-20px 0 0 -20px; font-size:15px } .team .single-team:hover .t-icon a{ -moz-transform:scale(1); opacity:1; visibility:visible } .team .t-icon a:hover{ background:#333 } .team .t-bottom{ text-align:left; position:relative; padding:0 20px } .team .t-bottom p{ color:#666; padding-top:12px } .team .t-bottom h2{ font-size:18px; text-transform:capitalize; padding-bottom:12px } .team .t-social{ background:#fff; width:100%; z-index:33; padding:8px 0; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; transition:all .3s ease; top:100%; border-top:1px solid #e7e7e7 } .team .single-team:hover .t-social{ opacity:1; visibility:visible } .team .t-social li{ display:inline-block; margin-right:10px } .team .t-social li:last-child{ margin:0 } .team .t-social li a{ display:block; color:#666; text-align:center } .team.single{ padding:0; z-index:44; background:#f6f6f6; padding:50px 0 80px } .team.single .about-slider{ margin-top:30px; background:#333 } .team.single .contact{ position:relative } .team.single .contact li{ margin-bottom:15px; color:#fff; position:relative; padding-left:35px } .team.single .contact li:last-child{ margin:0 } .team.single .contact li i{ position:absolute; left:0; width:25px; height:25px; display:block; border-radius:100%; text-align:center; line-height:25px; color:#fff; font-size:13px } .team.single .owl-nav{ position:absolute; right:5px; bottom:5px } .team.single .owl-nav div{ width:30px; height:30px; line-height:30px; padding:0; border-radius:3px; font-size:20px; margin:0 5px 0 0; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; transition:all .3s ease } .team.single .owl-nav div:hover{ background:#fff; color:#333 } .team.single .owl-nav div:last-child{ margin:0 } .call-to-action{ position:relative; background-image:url(https://www.clientoclarify.com/images/contact.png); background-repeat:no-repeat; background-size:cover } .call-to-action::before{ position:absolute; left:0; top:0; width:50%; height:100%; content:""; opacity:.9 } .call-to-action::after{ position:absolute; left:50%; top:0; width:50px; height:100%; content:""; opacity:.9; border-bottom:380px solid; border-right:120px solid transparent } .call-to-action h2{ color:#fff; display:inline-block; font-size:28px; text-transform:capitalize; margin-bottom:15px; line-height:35px } .call-to-action p{ color:#fff } .call-to-action h2 span{ font-size:30px; font-weight:700; margin:0 5px } .call-to-action .btn{ display:inline-block; background:#fff; margin-top:20px; color:#333 } .call-to-action .btn:hover{ background:#333; color:#fff } .call-to-action .btn i{ margin-right:10px } .blogs-main{ background:#f6f6f6 } .blogs-main .blog-slider{ margin-top:30px } .blogs-main .blog-head{ position:relative } .blogs-main .blog-head img{ display:block; width:100%; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; transition:all .3s ease; z-index:3 } .blogs-main .blog-bottom{ position:relative; padding:0 10px } .blogs-main .blog-inner{ position:relative; top:-35px; z-index:33; background:#fff; padding:15px; -webkit-box-shadow:0 0 10px rgba(0,0,0,.15); -moz-box-shadow:0 0 10px rgba(0,0,0,.15); box-shadow:0 0 10px rgba(0,0,0,.15); margin-bottom:-32px; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; transition:all .3s ease } .blogs-main .single-blog:hover .blog-inner{ top:-40px; box-shadow:0 0 10px rgba(0,0,0,.35) } .blogs-main .blog-inner h4{ font-size:18px; line-height:26px; position:relative; margin-bottom:10px } .blogs-main .blog-inner h4 a{ color:#333; cursor:pointer; text-transform:inherit } .blogs-main .meta{ border-top:1px solid #e7e7e7; padding-top:10px; margin-top:10px } .blogs-main .meta span{ display:inline-block; margin-right:10px } .blogs-main .meta span:last-child{ margin-right:0 } .blogs-main .meta span i{ margin-right:5px } .blogs-main .meta span a{ color:#666 } .blogs-main button{ background:0 0; border:0 solid; position:absolute; width:50px; height:50px; line-height:50px; font-size:28px; top:50%; padding:0; opacity:1; margin:-25px 0 0; border-radius:100%; display:block; cursor:pointer; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; transition:all .3s ease } .blogs-main button:hover{ color:#fff } .partners{ background:#fff; padding:80px 0 112.5px } .partners .partners-inner{ margin-top:30px } .partners .single-partner{ padding:20px; border:1px solid #eee; margin:0 -1px -1px 0; text-align:center } .partners .single-partner img{ opacity:.5; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; transition:all .3s ease; width:auto; display:ine-block; display:inline-block } .partners .single-partner.active img,.partners .single-partner:hover img{ opacity:1 } .about-us{ background:#fff } .about-us .about-video{ margin-top:30px } .about-us .single-video{ position:relative } .about-us .single-video img{ width:100% } .about-us .single-video a{ position:absolute; top:50%; left:50%; width:65px; height:65px; text-align:center; line-height:65px; font-size:25px; border-radius:100%; color:#fff; cursor:pointer; border:2px solid #fff; padding-left:4px; margin:-32.5px 0 0 -32.5px } .about-us .single-video a:hover{ background:#fff; border-color:transparent } .about-us .about-content{ margin-top:30px } .about-us .about-content h2{ margin-bottom:20px; font-size:25px; text-transform:capitalize; line-height:30px } .about-us .about-content p{ margin-bottom:15px; color:#666 } .about-us .about-content p:last-child{ margin:0 } .contact-us{ position:relative; z-index:43; background:#f6f6f6 } .contact-us .contact-main{ background:#fff; -webkit-box-shadow:0 0 15px rgba(0,0,0,.18); -moz-box-shadow:0 0 15px rgba(0,0,0,.18); box-shadow:0 0 15px rgba(0,0,0,.18); margin-top:30px } .contact-us .form-main{ background:#fff; padding:30px; text-align:left } .contact-us .form-main h2{ font-size:20px; margin-bottom:15px; padding-bottom:15px; position:relative } .contact-us .form-main h2::before{ content:""; position:absolute; left:0; width:80px; height:3px; bottom:1.5px } .contact-us .form{ margin-top:30px } .contact-us .nice-select::after{ border-bottom:2px solid; border-right:2px solid; right:20px } .contact-us .nice-select .list{ border-radius:0; width:100% } .contact-us .contact-address{ background:#333; padding:30px; height:555px } .contact-us .contact-address h2{ font-size:18px; margin-bottom:15px; color:#fff } .contact-us .address li{ margin-bottom:10px; position:relative; color:#eee } .contact-us .address li:last-child{ border:none; margin:0 } .contact-us .address li i{ left:0; top:50%; color:#eee; width:25px } .contact-us .address li a{ color:#eee } .contact-us .social{ overflow:hidden; margin-top:20px } .contact-us .social li{ background:#fff3; display:block; padding:8px; border-radius:5px; margin-bottom:10px } .contact-us .social li a{ color:#fff; display:block } .contact-us .social li a i{ color:#fff; width:30px; height:30px; line-height:30px; text-align:center; border-radius:100%; margin-right:10px; font-size:13px; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; transition:all .3s ease } .contact-us .social li:hover a i{ background:#fff; color:#333 } .contact-us .map-main{ background:#fff; padding:15px; margin-top:30px } .footer{ background:#0f0c29; background:-webkit-linear-gradient(to right,#24243e,#302b63,#0f0c29); background:linear-gradient(to right,#24243e,#302b63,#0f0c29); position:relative } .footer .top-arrow .btn{ position:absolute; top:0; right:2%; width:65px; height:65px; line-height:55px; border-radius:100%; color:#fff; text-align:center; font-size:50px; margin:-32.5px 0 0 -32.5px; border:5px solid #fff; padding:0; -webkit-box-shadow:0 0 5px rgba(0,0,0,.3); -moz-box-shadow:0 0 5px rgba(0,0,0,.3); box-shadow:0 0 5px rgba(0,0,0,.3); z-index:1000 } .footer .top-arrow .btn:hover{ box-shadow:0 0 15px rgba(0,0,0,.4) } .footer .footer-top{ padding:40px 0 100px } .footer .single-widget{ margin-top:20px } .footer .single-widget h2{ color:#fff; font-size:18px; text-transform:capitalize; display:block; margin-bottom:20px; position:relative } .footer .single-widget li{ color:#bbb; position:relative; margin-bottom:10px } .footer .single-widget li i{ margin-right:2px } .footer .single-widget .list li:last-child{ margin-bottom:0 } .footer .single-widget li a{ color:#bbb } .footer .single-widget li:hover a{ padding-left:5px } .footer .single-widget.about p{ color:#bbb } .footer .single-widget.about .list{ margin-top:15px } .footer .single-widget.newsletter p{ color:#bbb } .footer .single-widget.newsletter form{ margin-top:20px } .footer .single-widget.newsletter input{ width:100%; padding:10px 25px; color:#eee; border-radius:0; text-transform:capitalize; margin-bottom:10px; background:rgba(255,255,255,.3); border-radius:3px; border:none; box-shadow:none; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; transition:all .3s ease } .footer .single-widget.newsletter input::-webkit-input-placeholder{ opacity:1; color:#bbb!important } .footer .single-widget.newsletter input::-moz-placeholder{ opacity:1; color:#bbb!important } .footer .single-widget.newsletter::-ms-input-placeholder{ opacity:1; color:#bbb!important } .footer .single-widget.newsletter input:hover{ padding-left:30px } .footer .single-widget.newsletter button{ color:#fff; display:inline-block; padding:10px 25px; cursor:pointer; border-radius:3px } .footer .single-widget.newsletter button:hover{ background:#fff; color:#333 } .footer .footer-bottom{ text-align:center } .footer .bottom-top{ border-top:1px solid rgba(255,255,255,.2); padding:15px 0 } .footer .social{ margin-bottom:10px } .footer .social li{ display:inline-block; margin-right:5px; color:#bbb; font-weight:500 } .footer .social li:last-child{ margin:0 } .footer .social a{ display:block; width:30px; height:30px; line-height:30px; text-align:center; color:#fff; border:1px solid #e7e7e7; border-radius:30px } .footer .social li:hover a{ background:#fff; border-color:transparent } .footer .copyright p{ color:#ddd; margin:0; text-transform:capitalize } .footer .copyright p a:hover{ color:#fff }