body{ font-family: 'Open Sans', sans-serif; font-weight: 400; font-size:14px; color:#363636; } h1,h2,h3,h4,h5,h6{ font-weight:500; } a,button{ -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; transition:all 0.3s ease; outline:none; box-shadow:none; text-decoration:none; } a:hover{ text-decoration:none; } .button .btn{ font-weight:600; font-size:15px; color:#888888; display:inline-block; line-height:45px; padding: 0 30px 0 30px; } .slicknav_menu{ display:none; } .section{ padding:100px 0; } .section-title{ text-align: center; margin-bottom: 40px; padding:0 200px; } .section-title h4{ color:#FF6853; font-size: 17px; font-weight:300; } .section-title h2 { color:#333; font-size: 40px; font-weight:700; text-transform: capitalize; padding-bottom: 15px; margin-bottom: 15px; position: relative; } .section-title h2::before { content: ""; width: 70px; height: 2px; position: absolute; bottom: -1px; background: #FF6853; left:50%; margin-left:-35px; border-radius:100%; } .section-title h2::after { content: ""; width: 90px; height: 2px; position: absolute; bottom: 3px; background: #FF6853; left:50%; margin-left:-45px; border-radius:100%; } .section-title p{ font-size:15px; color:#888; } .breadcrumb span{ color: #fff; font-size: 18px; } .breadcrumb{ background-image:url('img/breadcrumb.jpg'); background-size:cover; background-position:center; background-repeat:no-repeat; padding:70px 0; margin:0; } .breadcrumb .breadcrumb-text h2 { float: left; color: #fff; line-height: 20px; font-weight: 700; } .breadcrumb .breadcrumb-text h2 i { width: 30px; height: 30px; line-height: 30px; border-radius: 100%; margin-right: 10px; text-align: center; display: inline-block; font-size: 16px; position: relative; top: -4px; background: #42ACF6; color: #fff; } .breadcrumb .breadcrumb-text ul { float: right; } .breadcrumb .breadcrumb-text ul li{ display:inline-block; } .breadcrumb .breadcrumb-text ul li a { color: #fff; font-size: 18px; } .breadcrumb .breadcrumb-text ul li i { color: #fff; margin: 0 5px; } #scrollUp { bottom: 15px; right: 15px; padding: 10px 20px; background: #42ACF6; color: #fff; font-size: 25px; width: 40px; height: 40px; text-align: center; line-height: 40px; padding: 0; border-radius: 100%; } #scrollUp:hover{ background:#333; bottom: 18px; } /*=================== Header CSS =====================*/ #header{ background-color:#fff; } #header .navbar-collapse{ padding:0; } /* Topbar */ #header .topbar{ background-color:#fff; padding:10px 0; border-bottom:1px solid #ddd; } #header .social { float: left; margin-top: 5px; } #header .social li { display: inline-block; margin-right:10px; } #header .social li:last-child{ margin-right:0; } #header .social li a { color: #666; font-size: 14px; display: block; } #header .social li:hover a{ color:#FF6853; } #header .contact{ float:right; } #header .contact li { color: #666; display: inline-block; font-size: 13px; margin-right: 20px; } #header .contact li:last-child{ margin-right:0px; } #header .contact li:hover span{ box-shadow:none; } #header .contact li a:hover{ color:#FF6853; } #header .contact li span { color: #FF6853; margin-right: 10px; font-size: 14px; height: 28px; width: 28px; background: transparent; line-height: 25px; text-align: center; border-radius: 100%; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; transition: all 0.4s ease; border: 1px solid #e7e7e7; } #header .header-inner { background:#fff; z-index:999; } #header .logo{ float:left; margin-top:16px; } #header .navbar-nav { float: right; margin: 0; } #header .navbar { background: none; box-shadow: none; border: none; margin: 0; min-height: 0px; float: right; } #header .nav li { margin-right: 25px; float: left; position: relative; } #header .nav li:last-child{ margin:0; } #header .nav li a { color: #444; font-size: 14px; font-weight: 600; text-transform: uppercase; padding: 30px 10px; position: relative; display: inline-block; } #header .nav li:hover a, #header .nav li.current a{ color:#FF6853; } #header .nav li a::before { position: absolute; content: ""; top: 0; left:0%; height:2px; width:100%; background:#FF6853; opacity:0; visibility:hidden; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; transition: all 0.4s ease; transform: scaleX(0); } #header .nav li:hover a:before, #header .nav li.current a:before{ transform: scaleX(1); opacity:1; visibility:visible; } #header .nav li .dropdown{ background:#fff; width: 220px; position: absolute; left: 0px; z-index: 99; opacity:0; visibility:hidden; -webkit-transition:all 0.4s ease; -moz-transition:all 0.4s ease; transition:all 0.4s ease; box-shadow:0px 0px 3px #888; transform: scaleY(0); } #header .nav li:hover .dropdown{ transform: scaleY(1); opacity:1; visibility:visible; } #header .nav li .dropdown li{ float:none; margin:0; } #header .nav li .dropdown li a { padding: 10px 15px; color: #333; display: block; text-transform: capitalize; } #header .nav li .dropdown li i{ float:right; } #header .nav li .dropdown li:hover a{ color:#fff; background:#FF6853; } #header .nav li .dropdown li a:before{ display:none; } #header .nav li .dropdown .sub-dropdown{ position: absolute; top: 0; left: 110%; width: 220px; background: #333; opacity:0; visibility:hidden; transition:all 0.4s ease; } #header .nav li .dropdown li:hover .sub-dropdown{ opacity:1; left:100%; visibility:visible; } #header .nav li .dropdown .sub-dropdown li:hover a { color:#FF6853; } #header .nav li .dropdown .sub-dropdown li a{ color:#fff; } #header .header-inner .button { float: right; margin-top: 18px; text-align: center; } #header .header-inner .button .quote{ position:relative; padding:10px; color:#fff; background:#FF6853; display: inline-block; padding: 13px 34px; text-transform: uppercase; font-size: 14px; font-weight: 700; border-radius: 30px; border: none; -webkit-transition:all 0.4s ease; -moz-transition:all 0.4s ease; transition:all 0.4s ease; z-index:3; overflow:hidden; } #header .header-inner .button .quote::before { position: absolute; content: ""; left:0%; top:0%; border-radius:30px; height: 100%; width:0%; background: #333; z-index: -2; opacity:0; visibility:hidden; -webkit-transition:all 0.4s ease; -moz-transition:all 0.4s ease; transition:all 0.4s ease; } #header .header-inner .button:hover .quote::before{ opacity:1; visibility:visible; width:100%; } /* Sticky */ #header .sticky { position: fixed; width: 100%; top: 0; box-shadow: 0px 0px 5px #3336; animation: fadeIn 0.4s both 0.4s; } /*=================== Slider CSS =====================*/ #slider{ position:relative; } #slider .single-slider{ position:relative; height:600px; background-size:cover; background-position:center; text-align:center; z-index:3; } #slider .single-slider::before { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #000; opacity: 0.7; content: ""; background-repeat: repeat; } #slider .single-slider .text { margin-top: 200px; padding: 0 200px; } #slider .single-slider h1{ color: #fff; font-size: 48px; text-transform: capitalize; font-weight: 800; margin-bottom: 30px; } #slider .single-slider h1 span{ color:#FF6853; } #slider .single-slider p { color: #fff; margin: 0 100px; font-size: 15px; } #slider .single-slider .button{ margin-top:20px; } #slider .single-slider .btn{ text-transform:uppercase; margin-right:30px; color:#444; background:#fff; position:relative; z-index:3; border-radius:30px; font-weight:600; } #slider .single-slider .btn:hover{ background:#FF6853; color:#fff; } #slider .single-slider .video{ color:#fff; font-weight:600; font-size:15px; } #slider .single-slider .video i{ height:45px; width:45px; line-height:45px; text-align:center; color:#fff; background:transparent; border:1px solid #fff; border-radius:100%; margin-right:10px; -webkit-transition:all 0.4s ease; -moz-transition:all 0.4s ease; transition:all 0.4s ease; } #slider .single-slider .video:hover i{ background:#FF6853; border-color:#FF6853; } #slider .single-slider .btn.primary{ background:#FF6853; color:#fff; } #slider .single-slider .btn.primary:hover{ background:#fff; color:#444; } #slider .owl-nav{ margin: 0; position: absolute; top: 50%; width: 100%; margin-top:-25px; } #slider .owl-nav button{ height: 50px; width: 50px; line-height:40px; background:#fff; color:#333; font-size:25px; position:absolute; margin:0; border-radius:100%; } #slider .owl-nav button:hover{ background:#FF6853; color:#fff; } #slider .owl-nav .owl-prev{ left:0; } #slider .owl-nav .owl-prev:hover{ transform:translate(15deg); } #slider .owl-nav .owl-next{ right:0; } #slider .owl-nav .owl-next:hover{ } /* Slider Animation */ .owl-item.active .text h1{ animation: flipInX 1s both 1s; } .owl-item.active .text p{ animation: zoomIn 0.8s both 1s; } .owl-item.active .text .button { animation: jackInTheBox 1.2s both 1.2s; } /*=================== End slider CSS =====================*/ /*=================== About CSS =====================*/ .about-us{} .about-us .about-content .title{ color:#333; font-size:30px; font-weight:400; position:relative; } .about-us .about-content .title span{ color:#FF6853; display:inline-block; } .about-us .about-tab{} .about-us .about-tab .nav-tabs{ border:none; margin-top:20px; } .about-us .about-tab li{ border:none; margin-right:15px; } .about-us .about-tab li a { padding: 8px 18px; font-weight: 600; color: #888; border-radius: 3px; text-transform: capitalize; background: :#f5f5f5; border: 1px solid #e7e7e7; } .about-us .about-tab li.active a, .about-us .about-tab li:hover a{ background:#FF6853; border-color:transparent; color:#fff; } .about-us .tab-content .tab-text p { margin-top: 20px; color: #888; font-weight: 500; line-height: 180%; } .about-us .about-content .btn { color: #fff; background: #FF6853; border-radius: 30px; padding: 11px 40px; font-size: 15px; font-weight: 600; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; transition: all 0.4s ease; margin-top: 30px; } .about-us .about-content .btn:hover{ background:#333; } .about-us .about-img{ position:relative; } .about-us .about-img img{ width:100%; } .about-us .about-img .video i{ color:#fff; background:#FF6853; font-size:30px; height:60px; width:60px; line-height:60px; border-radius:100%; text-align:center; position:absolute; left:50%; top:50%;' margin-top:-30px; margin-left:-30px; padding-left: 5px; border:2px solid transparent; -webkit-transition:all 0.4s ease; -moz-transition:all 0.4s ease; transition:all 0.4s ease; } .about-us .about-img .video:hover i{ color:#FF6853; background:#fff; border-color:#FF6853; } /*=================== /End About CSS =====================*/ /*============================= Why Choose Us CSS ===============================*/ .why-choose{ background:#fff; padding:70px 0 100px; } .why-choose .container-fluid{ padding:0; } .why-choose .choose-left { position: relative; margin-top:30px; } .why-choose .choose-left img{ -webkit-transition:all 0.4s ease; -moz-transition:all 0.4s ease; transition:all 0.4s ease; width:100%; } .why-choose .choose-left:hover img{ opacity:0.8; } .why-choose .choose-left .video i { color: #FF6853; background: #fff; font-size: 30px; height: 75px; width: 75px; line-height: 75px; border-radius: 100%; text-align: center; position: absolute; left: 50%; top: 50%; padding-left: 5px; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; transition: all 0.4s ease; margin: -32.5px 0 0 -32.5px; } .why-choose .choose-left .video:hover i{ color:#FF6853; background:#fff; border-color:#FF6853; } .why-choose .choose-right { margin-top: 30px; } .why-choose .choose-right .title { text-align: left; } .why-choose .choose-right .title h4 { font-weight: 600; font-size: 15px; margin-bottom: 5px; color: #666; } .why-choose .choose-right .title h2 { font-size: 30px; font-weight: 700; } .why-choose .choose-right .title h2 span{ color:#FF6853; } .why-choose .choose-right .title p{ margin-top:10px; } .why-choose .single-choose { position: relative; margin-top: 35px; } .why-choose .single-choose i { position: absolute; left: 0; top: 0; height: 50px; width: 50px; line-height: 50px; text-align: center; font-size: 25px; color: #fff; background: #FF6853; border-radius: 100%; border: 2px solid transparent; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; transition: all 0.4s ease; } .why-choose .single-choose:hover i{ border-color:#FF6853; background:transparent; color:#FF6853; box-shadow: 0px 0px 6px #0006; } .why-choose .single-choose .single-content { padding-left: 65px; } .why-choose .single-choose .single-content h4{ font-weight:600; } .why-choose .single-choose .single-content p{ margin-top:10px; } /*============================= /End Why Choose Us CSS ===============================*/ /*============================= Start Service CSS ===============================*/ .service{ background:#f6f6f6; } .service .single-service { position: relative; background: #fff; padding:20px; text-align: left; margin-top: 30px; box-shadow: 3px 4px 5px #0000001a; z-index:3; overflow:hidden; } .service .single-service:before{ position:absolute; content:""; right:0; top:0; height:80px; width:80px; background:#FF6853; border-radius:100%; margin-right:-80px; margin-top:-80px; opacity:0; visibility:hidden; -webkit-transition:all 0.4s ease; -moz-transition:all 0.4s ease; transition:all 0.4s ease; } .service .single-service:hover:before{ opacity:0.7; visibility:visible; margin-right:-40px; margin-top:-40px; } .service .single-service.active:before{ opacity:0.7; visibility:visible; margin-right:-40px; margin-top:-40px; } .service .single-service i { position: absolute; left: 13px; top: 31px; font-size: 40px; opacity: 0.6; color: #FF6853; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; transition: all 0.4s ease; z-index: -1; } .service .single-content{ padding-left:50px; } .service .single-service h4{ font-size: 20px; font-weight:600; margin: 15px 0; display:inline-block; text-transform:capitalize; } .service .single-service h4 a { color: #333; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; transition: all 0.4s ease; } .service .single-service h4:hover a{ color:#78BEFF; } .service .single-service p{ color:#666; } /*============================= /End Service CSS ===============================*/ /*=================== Latest Works =====================*/ #latest-works{ background:#f6f6f6; } #latest-works .works-menu { text-align: left; } #latest-works .works-menu ul li { font-size: 16px; font-weight:600; color: #333; background: transparent; display: inline-block; margin-right: 20px; padding: 6px 15px; border-radius:3px 3px 0px 0px; -webkit-transition:all 0.4s ease; -moz-transition:all 0.4s ease; transition:all 0.4s ease; } #latest-works .works-menu ul li:hover, #latest-works .works-menu ul li.active{ color:#fff; cursor:pointer; background:#FF6853; border-radius:50px; } #latest-works .works-menu ul li:last-child{ margin:0; } #latest-works .single-work{ position:relative; overflow:hidden; text-align:center; margin-top:30px; } #latest-works .single-work:before{ position:absolute; left:0; top:0; height:100%; width:100%; content:""; background:#000; -webkit-transition:all 0.4s ease; -moz-transition:all 0.4s ease; transition:all 0.4s ease; transform: scaleY(0); opacity:0; visibility:hidden; } #latest-works .single-work:hover:before{ transform: scaleY(1); opacity:0.8; visibility:visible; } #latest-works .single-work img{ width:100%; } #latest-works .single-work .works-hover{ position:absolute; top:0; left:0; width:100%; height:100%; padding:30px 30px 40px 30px; opacity:0; visibility:hidden; -webkit-transition:all 0.4s ease; -moz-transition:all 0.4s ease; transition:all 0.4s ease; } #latest-works .single-work:hover .works-hover{ padding:40px 30px 40px 30px; opacity:1; visibility:visible; } #latest-works .single-work .works-hover h4{ font-size:18px; margin-bottom:10px; padding:0px 5px; display:inline-block; } #latest-works .single-work .works-hover h4 a{ color:#fff; -webkit-transition:all 0.4s ease; -moz-transition:all 0.4s ease; transition:all 0.4s ease; } #latest-works .single-work .works-hover h4:hover a{ color:#FF6853; } #latest-works .single-work .works-hover p{ color:#fff; font-size:13px; } #latest-works .single-work .link{ margin-top:5px; -webkit-transition:all 0.4s ease; -moz-transition:all 0.4s ease; transition:all 0.4s ease; display:inline-block; } #latest-works .single-work:hover .link{ } #latest-works .single-work .link a{ margin-right:8px; } #latest-works .single-work .link a i { color: #fff; font-size: 15px; height: 40px; width: 40px; background: #FF6853; line-height: 40px; text-align: center; border-radius: 100%; -webkit-transition:all 0.4s ease; -moz-transition:all 0.4s ease; transition:all 0.4s ease; } #latest-works .single-work .link a:hover i{ color:#FF6853; background:#fff; } #latest-works .button-head{ text-align:center; } #latest-works .button{ margin-top:80px; text-align:center; position:relative; display:inline-block; } #latest-works .button:hover .btn{ color:#fff; background:#333; } #latest-works .button .btn{ border-radius:30px; background:#FF6853; color:#fff; text-transform:uppercase; } #latest-works .button .btn i{ margin-left:10px; font-weight:600; } #latest-works.single{} #latest-works.single .single-content{ padding:20px; background:#fff; } #latest-works.single .single-content img{ width:100%; } #latest-works.single .single-content h2{ font-size:25px; font-weight:700; margin:15px 0; } #latest-works.single .single-content p{ margin-bottom:20px; } #latest-works.single .single-content .btn { background: #FF6853; color: #fff; padding: 12px 20px; } #latest-works.single .single-content .btn:hover{ background:#333; } #latest-works.single .single-content .btn i{ margin-right:5px; } /*=================== End Latest Works =====================*/ /*======================= 18. Faq CSS =========================*/ .faq{ background:#fff; } .faq .panel-group{ margin: 0; text-align:left; } .faq .panel { border: 0px solid; border-radius: 0px; padding: 0; background: #fff; border-radius: 3px; border: 1px solid #4444444d; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; transition: all 0.4s ease; margin: 0 0 5px; } .faq .panel-heading{ background:none; } .faq .faq-title a { position: relative; color: #353535; width: 100%; display: block; padding: 15px 20px; background: #333; color: #fff; text-decoration:none; font-weight:600; } .faq .panel.active .faq-title a{ background:#FF6853; color:#fff; } .faq .faq-title a::after { content: "\f13a"; font-family: 'FontAwesome'; top: 7px; right: 20px; position: absolute; background: #FF6853; width: 30px; height: 30px; line-height: 30px; color: #fff; border-radius: 3px; text-align: center; font-size: 17px; border-radius: 100%; background: #fff; color: #FF6853; } .faq .faq-title a.collapsed::after { content:"\f138"; color: #fff; background:#444; border-color:transparent; } .faq .faq-body { padding: 20px; } /*======================= End Faq CSS =========================*/ /*=================== Fun Facts CSS =====================*/ #fun-facts{ background-color:#fff; padding:50px 0 80px; } #fun-facts.section{ padding:30px 0 120px; } #fun-facts .single-features { text-align:center; margin-top:30px; } #fun-facts .single-features .icon { display: inline-block; background:#FF6853; height: 80px; width: 80px; line-height:80px; text-align: center; border:1px solid #FF6853; padding-top: 20px; border-radius:100%; -webkit-transition:all 0.4s ease; -moz-transition:all 0.4s ease; transition:all 0.4s eas; } #fun-facts .single-features:hover .icon{ transform:scale(1.1); } #fun-facts .single-features i{ font-size:40px; color:#fff; display:block; -webkit-transition:all 0.4s ease; -moz-transition:all 0.4s ease; transition:all 0.4s eas; } #fun-facts .single-features span{ color:#333; font-weight:600; font-size:30px; margin:20px 0px 10px 0px; display:block; -webkit-transition:all 0.4s ease; -moz-transition:all 0.4s ease; transition:all 0.4s eas; } #fun-facts .single-features p{ color:#333; font-size:15px; font-weight:500; } #fun-facts .single-features:hover p{ color:#FF6853; } /*=================== End Fun Facts =====================*/ /*=================== Testimonials =====================*/ #testimonials{ background:#f6f6f6; } #testimonials .single-testimonial { text-align: left; position: relativel; background: #fff; margin-top: 40px; padding: 30px 20px; box-shadow: 0px 0px 5px #0003; margin: 5px; margin-right: 20px; } #testimonials .single-testimonial p { color: #777; font-size: 15px; position: relative; padding-left: 50px; } #testimonials .single-testimonial p:after{ content:"\f10d"; font-family:'FontAwesome'; color:#FF6853; font-size:30px; position:absolute; left:0; top:0; opacity:1; -webkit-transition:all 0.4s ease; -moz-transition:all 0.4s ease; transition:all 0.4s ease; } #testimonials .single-testimonial:hover p:after{ transform:rotate(-15deg); } #testimonials .client { overflow: hidden; padding-left: 45px; margin-top: 30px; } #testimonials .single-testimonial img { border-radius: 100%; width: 60px; height: 60px; float: left; margin-right: 20px; } #testimonials .single-testimonial .name { color: #FF6853; font-weight: 600; font-size: 17px; margin-top: 10px; } #testimonials .single-testimonial span{ color:#666; font-weight:500; font-size:14px; display:block; margin-top:5px; } #testimonials .owl-dots { z-index: 333; left: 50%; width: 100%; text-align: center; margin-top: 50px; } #testimonials .owl-dots button{ width: 20px; height: 8px; background: #FF6853; border-radius: 0px; margin-right: 5px; border:1px solid transparent; } #testimonials .owl-dots button.active{ background:transparent; border-color:#FF6853; } #testimonials .owl-dots button span{ } /*=================== End Testimonials =====================*/ /*=================== Team =====================*/ #team .single-team { margin-top: 30px; background: #fff; overflow: hidden; box-shadow: 0px 0px 5px #0003; } #team .team-head{} #team .team-head img{ height:100%; width:100%; } #team .team-head .team-content{ padding:20px; padding-bottom:30px; } #team .team-head .t-name{ overflow:hidden; } #team .team-head .t-name h4{ font-weight:600; font-size:18px; color:#FF6853; text-transform:capitalize; } #team .team-head .t-name h4 span{ float:right; font-weight:500; font-size:15px; color:#555; } #team .team-head .team-content p{ margin-top:20px; } #team .team-head .social{ text-align:center; margin-top:30px; } #team .team-head .social li { position: relative; display: inline-block; margin-right: 10px; line-height: 25px; text-align: center; background: #fff; } #team .team-head .social li a { display: block; width: 34px; height: 34px; line-height: 34px; border: 1px solid #e7e7e7; color:#242324; border-radius: 100%; } #team .team-head .social li:hover a{ background:#FF6853; color:#fff; border-color:transparent; } /*=================== End Team =====================*/ /*======================= Start Blog CSS =========================*/ #blog{ background:#f5f5f5; } #blog .single-news { background: #fff; border: 1px solid #eeeeee; overflow: hidden; position:relative; margin-top: 30px; } #blog .single-news img{ width:100%; margin:0; padding:0; -webkit-transition:all 0.4s ease; -moz-transition:all 0.4s ease; transition:all 0.4s ease; } #blog .single-news .news-head{ position:relative; overflow:hidden; } #blog .single-news:hover .news-head img{ -webkit-transform:scale(1.5); -moz-transform:scale(1.5); transform:scale(1.5); } #blog .single-news .news-head:before{ position:absolute; left:0; top:-100%; width:100%; height:100%; background:#000; opacity:0; visibility:hidden; content:""; -webkit-transition:all 0.4s ease; -moz-transition:all 0.4s ease; z-index:33; transition:all 0.4s ease; } #blog .single-news:hover .news-head:before{ opacity:0.5; visibility:visible; top:0; } #blog .single-news .link{ position:absolute; left:50%; top:50%; background:#FF6853; width:50px; height:50px; margin: -25px 0 0 -25px; line-height:50px; text-align:center; color:#fff; border-radius:100%; transform:scale(0); opacity:0; visibility:hidden; z-index:34; -webkit-transition:all 0.4s ease; -moz-transition:all 0.4s ease; transition:all 0.4s ease; font-size:20px; } #blog .single-news:hover .link{ opacity:1; visibility:visible; transform:scale(1.0); } #blog .single-news:hover .link:hover{ color:#fff; transform:rotate(90deg); } #blog .single-news .news-body{ padding:30px; } #blog .single-news .news-content { text-align: center; background: #fff; z-index: 99; } #blog .single-news .news-body h2 { font-size: 18px; font-weight:600; color:#333; padding-bottom: 10px; } #blog .single-news .news-body h2 a{ text-decoration:none; } #blog .single-news .news-body h2:hover a{ color:#FF6853; } #blog .single-news .news-body .date{ display:block; color:#FF6853; margin:10px 0; position:relative; font-weight:500; text-transform:capitalize; } #blog .single-news .news-body .date::before { position: absolute; content: ""; left: 55px; top: 50%; height: 1px; width: 35px; background: #FF6853; } #blog .single-news .news-body .date::after { position: absolute; content: ""; right: 55px; top: 50%; height: 1px; width: 35px; background: #FF6853; } #blog .single-news .news-body p{ color:#8b8b8b; margin-bottom:25px; } #blog .single-news .news-body .btn{ color:#666; border:1px solid #e9e9e9; border-radius:30px; padding:8px 20px; font-weight:600; } #blog .single-news .news-body .btn:hover{ color:#fff; background:#FF6853; border-color:#FF6853; } #blog.archive{ padding:70px 0 100px; } #blog.archive .pagination-nav{ margin-top:50px; } #blog.archive .pagination-nav li { display: inline-block; } #blog.archive .pagination-nav li a { width: 40px; height: 40px; border: 1px solid #ccc; display: block; text-align: center; background:#fff; line-height: 40px; border-radius: 100%; color: #666; } #blog.archive .pagination-nav li.active a, #blog.archive .pagination-nav li:hover a{ background:#FF6853; -webkit-box-shadow:0px 0px 14px rgba(0, 0, 0, 0.20); -moz-box-shadow:0px 0px 14px rgba(0, 0, 0, 0.20); box-shadow:0px 0px 14px rgba(0, 0, 0, 0.20); } #blog.archive .pagination-nav li.active a, #blog.archive .pagination-nav li:hover a{ border-color:#FF6853; color:#fff; } #blog.archive .pagination-nav li a i{} /* News Archive */ #blog.archive{ padding:70px 0 100px; } #blog.archive .single-news{ margin-bottom:0px; } #blog.archive .sidebar-main { margin-top: 30px; background: #fff; padding: 20px; } #blog.archive .single-widget{ margin-bottom:50px; } #blog.archive .single-widget:Last-child{ margin-bottom: 0px; } #blog.archive .single-widget h2 { font-size: 18px; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #e7e7e7; } #blog.archive .subscribe{} #blog.archive .subscribe p{} #blog.archive .subscribe form{} #blog.archive .subscribe form input { width: 100%; height: 50px; border: none; padding:0 10px; border: 1px solid #e7e7e7; } #blog.archive .subscribe form button { right: 0; top: 0; padding: 10px; margin-top: 10px; display: block; width: 100%; background: #F5F8F9; border: 1px solid #e7e7e7; cursor: pointer; background: #FF6853; color: #fff; } #blog.archive .subscribe form button:hover { color:#fff; } /* Form */ #blog.archive .form { position: relative; } #blog.archive .form input { width: 100%; height: 50px; border: none; border-bottom: 1px solid #e7e7e7; padding: 0 20px; } #blog.archive .form button { position: absolute; top: 7px; right: 6px; color: #fff; width: 35px; height: 35px; line-height: 35px; border-radius: 100%; cursor: pointer; background: #FF6853; color: #fff; border: none; } #blog.archive .form button:hover{ background:#2A2D2F; color:#fff; } /* Categories */ #blog.archive .categories-inner li{ line-height:40px; } #blog.archive .categories-inner li a{ color:#666; } #blog.archive .categories-inner li a:hover{ color:#FF6853; } #blog.archive .categories-inner li a span{ margin-left:10px; } #blog.archive .categories-inner li a i{ margin-right:5px; } /* Popular */ #blog.archive .popular{} #blog.archive .single-popular { margin-bottom: 20px; overflow: hidden; } #blog.archive .single-popular img { width: 60px; height: 60px; float: left; margin-right: 15px; border-radius: 100%; } #blog.archive .single-popular h4{ font-size:18px; } #blog.archive .single-popular h4 a { font-size: 14px; color: #444; } #blog.archive .single-popular h4 a:hover{ color:#FF6853; } #blog.archive .single-popular p { font-size: 13px; } /* Tags */ #blog.archive .tags{} #blog.archive .tags ul{} #blog.archive .tags ul li { display: inline-block; } #blog.archive .tags ul li a { color: #666; font-size: 14px; } #blog.archive .tags ul li a:hover{ color:#FF6853; } #blog.archive .tags ul li a i{} /* Photo Gallery */ #blog.archive .photo { overflow: hidden; } #blog.archive .photo ul{} #blog.archive .photo ul li{ float:left; } #blog.archive .photo ul li a{ display:block; } #blog.archive .photo ul li img { width: 106px; height: 80px; } #blog.archive .pagination-nav{ margin-top:50px; } #blog.archive .pagination-nav li { display: inline-block; margin-right:5px; } #blog.archive .pagination-nav li a { width: 40px; height: 40px; border: 1px solid #e7e7e7; display: block; text-align: center; line-height: 40px; border-radius: 100%; color: #666; } #blog.archive .pagination-nav li.active a, #blog.archive .pagination-nav li:hover a{ -webkit-box-shadow:0px 0px 14px rgba(0, 0, 0, 0.20); -moz-box-shadow:0px 0px 14px rgba(0, 0, 0, 0.20); box-shadow:0px 0px 14px rgba(0, 0, 0, 0.20); } #blog.archive .pagination-nav li.active a, #blog.archive .pagination-nav li:hover a{ border-color:transparent; color:#fff; } #blog.archive .pagination-nav li a i{} /* Blog Single */ #blog.archive.single{} #blog.archive.single .single-content { padding: 20px; background: #fff; margin-top: 30px; } #blog.archive.single .single-content img{ width:100%; height: auto; } #blog.archive.single .news-body{ margin:20px 0 0; } #blog.archive .single-widget h2 { font-size: 18px; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #e7e7e7; font-weight: 600; } #blog.archive.single .single-content h2 { margin-bottom: 10px; font-size:25px; font-weight:700; } #blog.archive.single .single-content .meta { margin-bottom: 10px; } #blog.archive.single .single-content .meta span { font-weight: 600; margin-right: 10px; display: inline-block; border-right: 1px solid #ccc; padding-right: 10px; } #blog.archive.single .single-content .meta span:last-child{ margin:0; padding:0; border:none; } #blog.archive.single .single-content .meta span i { margin-right: 5px; color: #FF6853; } #blog.archive.single .single-content p{ margin-bottom:20px; } #blog.archive.single .single-content p:last-child{ margin:0; } #blog.archive.single .comments-form{ margin-top:50px; } #blog.archive.single .comments-form h2{ text-transform:capitalize; font-size:24px; } #blog.archive.single .form { margin-top: 30px; } #blog.archive.single .form-group { position: relative; display: block; margin: 0 0 25px; } #blog.archive.single .form-group i { position: absolute; font-size: 16px; padding: 20px 12px; visibility: #666; } #blog.archive.single .form-group input { width: 100%; height: 55px; border: 1px solid #ddd; padding-left: 10px; border-radius: 5px; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; transition: all 0.4s ease; font-weight: 400; border-radius: 0px; padding-left: 32px; } #blog.archive.single .form-group textarea { border: 1px solid #ddd; padding: 10px; width: 100%; padding-left: 10px; resize: none; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; transition: all 0.4s ease; box-shadow: none; border-radius: 0px; padding-left: 32px; } #blog.archive.single .form-group input:hover, #blog.archive.single .form-group input:focus, #blog.archive.single .form-group textarea:hover{ outline:none; } #blog.archive.single .form-group .button { padding: 14px 30px; font-size: 14px; text-transform: uppercase; display: block; border: 0px solid; color: #fff; border-radius: 5px; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; transition: all 0.4s ease; width: 100%; height: 50px; line-height: 50px; padding: 0; position: relative; } #blog.archive.single .form-group .button:hover { background: #353535; } #blog.archive.single .form-group .button i{ position:relative; display:inline-block; color:#fff; margin-right:10px; padding:0px; } #blog.archive.single .form-group.button { margin: 0; text-align: center; } /*======================= /End Blog CSS =========================*/ /*======================= Start pricing-table CSS =========================*/ /* MP Style 1 */ .mp1 { overflow: hidden; background: #fff; border-top: 3px solid; -moz-box-shadow: 1px 1px 6px rgba(110, 100, 100, 0.4); -webkit-box-shadow: 1px 1px 6px rgba(110, 100, 100, 0.4); box-shadow: 1px 1px 6px rgba(110, 100, 100, 0.4); -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; transition: all 0.4s ease; margin-top: 30px; } .mp1.active{ border-color:#FF6853; } /* MP Head */ .mp1 .mp-head { text-align: center; padding: 20px 0 20px; } .mp1 .mp-title { color: #555; font-size: 25px; margin-bottom: 8px; text-transform: uppercase; font-weight:700; } .mp1 .mp-text { padding-bottom: 10px; color: #555; font-size: 15px; text-transform: capitalize; } .mp1 .mp-price { text-align: center; margin: 0; background: #333; padding: 2px; } .mp1.active .mp-price{ background:#FF6853; } .mp1 .mp-ammount { color: #fff; font-size: 32px; } .mp1 .mp-ammount span { font-weight: 700; font-size: 60px; } /* MP List */ .mp1 .mp-list { padding: 0 15px 10px; text-align: left; } .mp1 .mp-list li { color: #555; position: relative; padding: 12px 0; } .mp1 .mp-list li:hover{ cursor:pointer; } .mp1 .mp-list i { margin-right: 5px; font-size: 16px; } .mp1 .mp-tooltip { position: absolute; display: inline-block; background-color: #FF6853; left: 0; bottom: 100%; border-radius: 5px; padding:5px 10px; color: #fff; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; transition: all 0.4s ease; visibility: hidden; opacity: 0; } .mp1 li:hover .mp-tooltip { visibility: visible; opacity: 1; } .mp1 .mp-tooltip::before { content: attr(data-tooltip); position: relative; display: block; text-transform: initial; color: #fff; text-align: left; } .mp1 .mp-tooltip::after { content: ""; border-top: 8px solid #FF6853; border-left: 10px solid transparent; border-right: 10px solid transparent; position: absolute; left: 10%; top: 98%; } /* MP Bottom */ .mp1 .mp-bottom { text-align: center; padding: 20px; border-top: 2px solid #bdc3c7; border-top-right-radius: 25px; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; transition: all 0.4s ease; } .mp1 .mp-button { z-index: 1; border-radius: 5px; position: relative; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; transition: all 0.4s ease; background: #333; color: #fff; text-transform: uppercase; padding: 12px 20px; display: inline-block; } .mp1 .mp-button:hover{ background:#FF6853; color:#fff; } .mp1:hover .mp-button { color: #fff; } .mp1 .mp-button i { font-size: 16px; margin-right: 10px; -webkit-transition:all 0.4s ease; -moz-transition:all 0.4s ease; transition:all 0.4s ease; } .mp1:hover .mp-button i { -webkit-transform:scale(1.2); -moz-transform:scale(1.2); transform:scale(1.2); } /* Active */ .mp1.active .mp-button { color: #fff; border-color: transparent; background:#FF6853; } /* End Style 1 * /*======================= Start pricing-table2 CSS =========================*/ .pricing-table2{ background:#f5f5f5; } .pricing-table2 .single-table{ background:#fff; text-align:center; border:1px solid #eeeeee; -webkit-transition:all 0.4s ease; -moz-transition:all 0.4s ease; transition:all 0.4s ease; } .pricing-table2 .single-table:hover{ box-shadow: 2px 2px 3px #0000004d; } .pricing-table2 .table-head{ background: #FF6853; padding:22px 0px 10px 0px; } .pricing-table2 .table-head .title{ border-radius:3px 3px 10px 10px; color:#fff; font-weight:600; margin-bottom:10px; } .pricing-table2 .table-head .price{ display:inline-block; border:1px solid #fff; padding:20px; } .pricing-table2 .table-head .price span{ font-weight:400; font-size:18px; } .pricing-table2 .table-head .price .amount{ color:#fff; font-weight:600; font-size:20px; border-radius:100%; } .pricing-table2 .single-table .table-list{ } .pricing-table2 .single-table .table-list li{ border-top:1px solid #eeeeee; padding:15px 0px; color:#444; } .pricing-table2 .button{ text-align:center; padding:20px 0px; } .pricing-table2 .button .btn{ border-radius:3px; background:#FF6853; color:#fff; -webkit-transition:all 0.4s ease; -moz-transition:all 0.4s ease; transition:all 0.4s ease; } .pricing-table2 .button .btn:hover{ background:#444; color:#fff; box-shadow: 2px 2px 3px #0000004d; } /*======================= /End pricing-table CSS =========================*/ /*======================= Contact CSS =========================*/ #contact{ background:#fff; } #contact .contact-head{ background:#f6f6f6; border-radius:3px; } #contact .contact-title{ background:#FF6853; text-align:center; padding:20px 30px; border-radius:3px; } #contact .contact-title h2 { color: #fff; margin-bottom: 7px; font-weight: 700; font-size: 20px; } #contact .contact-title p{ color:#fff; } #contact .form{ margin:30px 20px; padding-bottom:10px; } #contact .form .form-group{} #contact .form input{ width: 100%; height: 46px; padding-left: 15px; border:1px solid #ccc; text-transform:capitalize; border-radius:3px; -webkit-transition:all 0.4s ease; -moz-transition:all 0.4s ease; transition:all 0.4s ease; } #contact .form input:hover,#contact .form input:focus{ border-color:#FF6853; padding-left: 20px; } #contact .form textarea{ width: 100%; height:200px; padding: 15px; border:1px solid #ccc; text-transform:capitalize; resize:none; border-radius:3px; -webkit-transition:all 0.4s ease; -moz-transition:all 0.4s ease; transition:all 0.4s ease; } #contact .form textarea:hover, #contact .form textarea:focus{ border-color:#FF6853; padding-left: 20px; } #contact .form .button{ text-align:center; } #contact .form .btn{ background:#FF6853; color:#fff; font-weight:600; -webkit-transition:all 0.4s ease; -moz-transition:all 0.4s ease; transition:all 0.4s ease; } #contact .form .btn i{ margin-right:10px; } #contact .form .btn:hover{ background:#444; color:#fff; box-shadow: 2px 2px 3px #0000004d; } #contact .single-info { position: relative; margin-bottom: 35px; padding-left: 2px; } #contact .contact-info h2{ font-size:20px; margin-bottom:20px; font-weight:600; } #contact .contact-info p { font-size: 15px; color: #5d5d5d; background: #fff; padding-left: 43px; } #contact .contact-info p span { font-weight: 600; color: #444; margin-right: 10px; } #contact .contact-info i { position: absolute; left: 0; height: 35px; width: 35px; line-height: 35px; background: #FF6853; color: #fff; font-size: 15px; text-align: center; border-radius: 100%; } #contact .social { margin-top:20px; } #contact .social li { display: inline-block; margin-right: 5px; } #contact .social li:last-child{ margin:0; } #contact .social li a { width: 30px; height: 30px; line-height: 30px; border: 1px solid #e7e7e7; font-size: 14px; display: block; text-align: center; border-radius: 100%; } #contact .social li:hover a{ background:#FF6853; color:#fff; border-color:transparent; } #contact .social li a i{} /* Google Map */ #contact #map { width: 412px; height: 229px; margin-top: 29px; border: 2px solid #0000001A; } /*======================= /End Contact CSS =========================*/ /*=================== Clients CSS =====================*/ .clients{ background:#fff; padding:30px 0px; } .clients .single-clients{ } .clients .single-clients img{ } /*=================== /End Clients CSS =====================*/ /*=================== Footer CSS =====================*/ .footer{ background-image:url('img/footer-bg.png'); position:relative; } .footer:before{ position:absolute; content:""; left:0; top:0; height:100%; width:100%; background:#13192b; opacity:0.9; } .footer .footer-top { padding: 50px 0 80px; } .footer .logo{ margin-bottom:30px; } .footer .logo img{} .footer .single-footer{ margin-top:30px; } .footer .single-footer .contact { margin-top: 25px; } .footer .single-footer .contact p{ margin-top:10px; color:#fff; } .footer .single-footer .contact p a:hover{ color:#FF6853; } .footer .single-footer .contact i { margin-right: 10px; min-width: 20px; } .footer .single-footer .contact .location{ color:#fff; } .footer .single-footer .contact .mail-add{ color:#fff; } .footer .single-footer .contact .call{ color:#fff; } .footer .single-footer .latest-news{ position:relative; margin-bottom:20px; } .footer .single-footer .latest-news img{ position:absolute; height:60px; width:60px; left:0; top:0; border-radius:100%; } .footer .single-footer .latest-news .news-content{ margin-left:75px; margin-bottom: 35px; } .footer .single-footer .latest-news p{ color:#fff; font-weight:500; } .footer .single-footer .latest-news span{ color:#FF6853; display:inline-block; margin-top:5px; } .footer .single-footer li a i{ margin-right:5px; } .footer .single-footer li{ display:inline-block; } .footer .single-footer li a{ display:block; color:#fff; margin: 12px 0px; text-transform:capitalize; -webkit-transition:all 0.4s ease; -moz-transition:all 0.4s ease; transition:all 0.4s ease; } .footer .single-footer li a:hover{ color:#FF6853; } .footer .single-footer h2 { color: #fff; font-size: 18px; font-weight: 600; text-transform: capitalize; position: relative; margin-bottom: 20px; padding-bottom: 20px; } .footer .single-footer h2::before { position: absolute; content: ""; left: 0; top: 35px; height: 1px; width: 88px; background: #fff; } .footer .single-footer h2::after { position: absolute; content: ""; left: 0; top: 33px; height: 4px; width: 36px; background: #FF6853; border-radius: 0px 10px 0px 0px; } .footer .single-footer h2 i{ margin-right:10px; padding-right:5px; } .footer .single-footer p{ color:#fff; } .footer .single-footer .mail{ margin-top:20px; position:relative; } .footer .single-footer .mail input { background: #fff; border: 1px solid #fff; height: 45px; line-height: 45px; width: 100%; margin-right: 15px; color: #444; padding-left: 18px; padding-right: 80px; display: inline-block; float: left; border-radius: 30px; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; transition: all 0.4s ease; } .footer .single-footer .mail input:hover{ padding-left: 22px; } .footer input::-webkit-input-placeholder { opacity: 1; color: #444 !important; } .footer input::-moz-placeholder { opacity: 1; color: #444 !important; } .footer input::-ms-input-placeholder { opacity: 1; color: #444 !important; } .footer input::input-placeholder { opacity: 1; color: #444 !important; } .footer .single-footer .button { position:absolute; right:0; top:0; height: 45px; line-height: 45px; width: 70px; color: #fff; background:#FF6853; border:none; text-shadow:none; box-shadow:none; display: inline-block; border-radius:0px 30px 30px 0px; } .footer .single-footer .button:hover{ background:#555; color:#FF6853; } .footer .single-footer .button a{ color:#fff; } .footer .single-footer .button i { color: #fff; font-size:20px; transition:all 0.4s ease; } .footer .copyright{ background:#222; padding:25px 0px 25px 0px; } .footer .copyright .copyright-content{ } .footer .copyright .copyright-content p{ color:#fff; } .footer .copyright .copyright-content p a{ font-weight:500; color:#FF6853; -webkit-transition:all 0.4s ease; -moz-transition:all 0.4s ease; transition:all 0.4s ease; } .footer .copyright .copyright-content p a:hover{ color:#fff; } .footer .copyright .social{ float:right; } .footer .copyright .social li{ display:inline-block; margin-right:20px; } .footer .copyright .social li a{ color:#fff; } .footer .copyright .social li:last-child{ margin:0; } .footer .copyright .social li:hover a{ color:#2193F1; } #menu-footer li a:before{ font-family: FontAwesome; content: "\f0da"; margin-right: 5px; } .footer .single-footer #menu-footer li{ display: block; } /*costom wedget style*/ .footer .widget-title { color: #fff; font-size: 18px; font-weight: 600; text-transform: capitalize; position: relative; margin-top: 30px; margin-bottom: 20px; padding-bottom: 20px; } .footer .widget-title:before{ position: absolute; content: ""; left: 0; top: 35px; height: 1px; width: 88px; background: #fff; } .footer .widget-title:after{ position: absolute; content: ""; left: 0; top: 33px; height: 4px; width: 36px; background: #FF6853; border-radius: 0px 10px 0px 0px; } .footer .menu li a{ color: #fff; transition: .5s; } .footer .menu li a:hover{ color: #FF6853; } .footer .news-content h5 { color: #fff; } .footer a :hover{ color: #FF6853; } .footer .menu li { margin: 12px 0px; } .footer .textwidget p{ color: #fff; margin-bottom: 20px; } #blog.archive .pagination-nav li span.current{ background-color: #FF6853; border-color: #FF6853; width: 40px; height: 40px; display: block; text-align: center; line-height: 40px; border-radius: 100%; color: #fff; } .breadcrumbs li + li::before { content: "\f105"; color: #fff; font-family: FontAwesome; margin: 0 5px; } #blog .single-widget ul li{ color: #666; line-height: 40px; } #blog .single-widget ul li a:hover{ color: #FF6853; } #blog .single-widget ul li a:before { content: "\f105"; color: #666; font-family: FontAwesome; margin: 5px; } .single-widget .tagcloud a{ color: #666; font-size: 14px !important; } .single-widget .tagcloud a + a::before { content: ", "; } .tnp-widget-minimal input.tnp-submit{ background-color: #FF6853 !important; margin-top: 10px !important; } .tnp-widget-minimal input.tnp-email{ border: 1px solid #e7e7e7 !important; background-color: #fff !important; } #comments textarea{ border: 1px solid #ddd; padding: 10px; width: 100%; } #comments{ margin-top: 50px; } form#commentform { margin-top: 15px; } #comments input[type="submit"]{ background: #FF6853; color: #fff; width: 100%; margin-top: 25px; height: 50px; line-height: 50px; text-transform: uppercase; border: 1px solid #FF6853; } #comments input{ width: 100%; height: 55px; border: 1px solid #ddd; padding-left: 10px; border-radius: 5px; } /*=================== End Footer CSS =====================*/