body{ font-size: 22px; color: #333; } a{ border-bottom: none; transition:all ease-in-out 0.5s; -webkit-transition:all ease-in-out 0.5s; -moz-transition:all ease-in-out 0.5s; } /*-------------------------------------------------------------- Clearings --------------------------------------------------------------*/ .clearfix:before, .clearfix:after, .row:before, .row:after, .entry-content:before, .entry-content:after, .comment-content:before, .comment-content:after, .site-header:before, .site-header:after, .site-content:before, .site-content:after, .site-footer:before, .site-footer:after, .ak-container:after, .ak-container:before { content: ''; display: table; } .clearfix:after, .row:after, .entry-content:after, .comment-content:after, .site-header:after, .site-content:after, .site-footer:after, .ak-container:after { clear: both; } .clear{ clear:both; } h1.section-title{ background: #eee none repeat scroll 0 0; font-size: 30px; font-weight: 600; padding: 5px 20px; margin-bottom: 20px; } /*ALL TITLE MARGIN*/ .service_posts_wrapper, .product-section-wrapper, .team-section-wrapper, .testimonials-wrapper, .clients-wrapper, .projects-section-wrapper { margin-bottom: 60px; } /*======================================================= SERVICE SECTION =======================================================*/ .single-service-wrap { float: left; margin-right: 3%; text-align: center; width: 47%; } .service-title { font-size: 21px; font-weight: normal; margin: 0; } .service-title > a { border-bottom: none; } .service-title > a:hover { color: #58b25e; } .service-icon { color: #000; font-size: 60px; line-height: 90px; } .service-excerpt { color: #666; font-size: 16px; padding: 0 10px; } /* PAGINATION BAR */ .cpt-pagination { font-size: 14px; text-align: right; } .cpt-pagination a, .cpt-pagination span { border-bottom: none; padding: 3px; } .cpt-pagination a:hover{ color: #58b25e; } .cpt-pagination .current{ color: #58b25e; font-size: 16px; font-weight: bold; } /*============================================= FEATURE SECTION ===============================================*/ .feature-icon { border: 4px double #ccc; border-radius: 100%; font-size: 35px; height: 80px; line-height: 70px; margin: 0 auto; text-align: center; width: 80px; } .product-title { border-bottom: 4px double #ccc; padding-left: 5px; margin-top: 0; margin-bottom: 30px; } .features_wrap { text-align: center; margin-bottom: 40px; margin-top: 10px; } .product-container .signle-product-wrap { display: inline-block; margin-right: 5%; vertical-align: middle; width: 46%; } .product-container:nth-of-type(even) .signle-product-wrap { display: inline-block; margin-right: 5%; vertical-align: middle; width: 46%; } .feature-name { margin-bottom: 10px; color: #222; font-size: 20px; font-weight: normal; } .feature-description { color: #666; font-size: 14px; } .feature-icon { border: 4px double #ccc; border-radius: 100%; font-size: 35px; height: 80px; line-height: 70px; margin: 0 auto; text-align: center; width: 80px; } .product-container .single-product-image { display: inline-block; width: 48%; vertical-align: middle; } .product-container:nth-of-type(even) .single-product-image { display: inline-block; } /*=========================================================== TEAM SECTION ============================================================*/ .single-member-wrap { float: left; margin-right: 2%; width: 32%; } .single-member-wrap:last-child { margin-right: 0; } .member-flip-wrap{ position: relative; } .member-flip-wrap::after { background: rgba(255, 255, 255, 0.8) none repeat scroll 0 0; content: ""; height: 100%; left: 0; margin: 0 auto; opacity: 0; padding: 10% 3%; position: absolute; text-align: center; top: 0; transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; visibility: hidden; width: 100%; } .member-flip-wrap:hover::after { visibility: visible; opacity: 1; filter: alpha(opacity= 100); } .member-info { /*background: rgba(255, 255, 255, 0.8);*/ height: 100%; left: 0; margin-top: -25px; opacity: 0; position: absolute; right: 0; text-align: center; top: 50%; transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; visibility: hidden; width: 100%; z-index: 1; } .member-flip-wrap:hover .member-info{ visibility: visible; opacity: 1; filter: alpha(opacity= 100); } .member-name { font-size: 22px; margin: 0; color: #fff; text-align: center; } .member-name a{ border-bottom: none; transition:all ease-in-out 0.5s; -webkit-transition:all ease-in-out 0.5s; -moz-transition:all ease-in-out 0.5s; } .member-name a:hover{ color: #278f2e; } .member-desgination { font-size: 16px; color: #333; } .member-social-links { font-size: 18px; } .fb a, .tw a, .gp a, .lnk a { padding: 5px; border-bottom: none; } .fb a:hover{ color: #0079e9; } .tw a:hover{ color: #01b7d8; } .gp a:hover{ color: #e13939; } .lnk a:hover{ color: #0079e9; } /*================================================ TEAM SECTION READMORE ================================================*/ .post-thumbnail { margin: 0 auto 10px; padding: 4% 10% 0 10%; } .post-thumbnail img{ border:1px solid #eee; padding: 5px; } h1.entry-title { background: #eee none repeat scroll 0 0; font-size: 35px; margin-bottom: 10px; padding: 5px 20px; } .entry-content { color: #666; font-size: 16px; line-height: 23px; } /*=========================================== TESTIMONIAL SECTION ============================================*/ .testi-author-image-wrap { border: 3px solid #fff; box-shadow: 0 0 5px #999; float: left; margin-right: 3%; overflow: hidden; vertical-align: middle; width: 20%; } .testi-author-image-wrap img:hover{ animation-name:pulse; -webkit-animation-name:pulse; animation-duration:0.5s; -webkit-animation-duration:0.5s; } .single-testimonial-wrap{ margin-bottom: 20px; } .testimonial-conent { color: #333; font-size: 16px; line-height: 23px; font-style: italic; } .testimonial-conent p:before{ content: "\f10d"; font-family: fontawesome; font-size: 14px; margin-right: 5px; color: #666; } .testimonial-conent p:after{ content: "\f10e"; font-family: fontawesome; font-size: 14px; margin-left: 5px; color: #666; } .testimonial-conent p{ margin-bottom: 0px; } .tauthor-info h4{ margin: 0; font-size: 16px; color: #333; display: inline-block; } .testi-author-article-wrap { float: left; width: 75%; display: inline-block; } .testi-author-company, .testi-author-desgination{ font-size: 14px; color: #666; } /*=================================================== CLIENT SECTION ====================================================*/ .single-client-wrap { display: inline-block; margin: 0 3% 0 0; vertical-align: middle; width: 21%; } .single-client-wrap a:hover, .single-client-wrap img:hover { animation-name:pulse; -webkit-animation-name:pulse; animation-duration:0.3s; -webkit-animation-duration:0.3s; animation-delay:0.3s; -webkit-animation-delay:0.3s; } /*========================================================== RECENT WORK ===========================================================*/ .signle-project-wrap{ width: 47%; display: inline-block; margin-right: 5%; margin-bottom: 5%; } .signle-project-wrap:nth-of-type(even){ margin-right: 0; } .project-title { font-size: 20px; margin: 15px 0; text-align: center; } .project-desc { color: #666; font-size: 14px; line-height: 22px; text-align: center; } .signle-project-wrap > figure { overflow: hidden; } a.more-link { color: #3498db; vertical-align: middle; } a.more-link:hover{ color:#58b25e; } .signle-project-wrap:hover img{ animation-name:pulse; -webkit-animation-name:pulse; animation-duration:0.5s; -webkit-animation-duration:0.5s; } /*=============================================== ANIMATION KEYFRAMES ===============================================*/ @keyframes pulse{ 0%{transform:scale(1); -webkit-transform:scale(1);} 50%{transform:scale(1.2); -webkit-transform:scale(1.2);} 100%{transform:scale(1); -webkit-transform:scale(1);} } @-webkit-keyframes pulse{ 0%{transform:scale(1); -webkit-transform:scale(1);} 50%{transform:scale(1.2); -webkit-transform:scale(1.2);} 100%{transform:scale(1); -webkit-transform:scale(1);} } /*==================================================== PRICING TABLE ====================================================*/ .price-wrapper { perspective: 3000px; -webkit-perspective: 3000px; } .price-wrapper .apcpt-single-price-table-wrapper-inner:before { content: ""; background: #333; width: 15px; height: 15px; border-radius: 100%; position: absolute; margin: auto; left: 0; right: 0; top: -10px; box-shadow: 0 0 0 8px #ccc; } .price-wrapper .apcpt-single-price-table-wrapper-inner { float: left; width: 33%; background: #ccc; position: relative; text-align: center; margin: 30px 1px 30px 0; color: #333; border-radius: 5px; transform-style: preserve-3d; -webkit-transform-style: preserve-3d; transform-origin: top; -webkit-transform-origin: top; transition: all ease 0.3s; -webkit-transition: all ease 0.3s; } .price-wrapper .apcpt-single-price-table-wrapper-inner:after { content: ""; background: rgba(0, 0, 0, 0.6); width: 100%; height: 60%; position: absolute; bottom: -15px; left: 0; opacity: 0; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; transform: rotateX(-30deg); -webkit-transform: rotateX(-30deg); transform-origin: 0% 0%; -webkit-transform-origin: 0% 0%; transition: allease0.3s; -webkit-transition: all ease 0.3s; z-index: -1; } .price-wrapper .apcpt-single-price-table-wrapper-inner:hover { -webkit-transform: rotateX(20deg); -moz-transform: rotateX(20deg); -ms-transform: rotateX(20deg); transform: rotateX(20deg); } .price-wrapper .apcpt-single-price-table-wrapper-inner:hover:after { opacity: 1; filter: Alpha(opacity= 100); } .price-wrapper .apcpt-single-price-table-wrapper-inner .apcpt-table-title-price { padding-top: 40px; } .price-wrapper .apcpt-single-price-table-wrapper-inner .apcpt-table-title-price h3.apcpt-table-title { font-size: 20px; font-weight: bold; font-family: sans-serif; margin: 10px 0; } .price-wrapper .apcpt-single-price-table-wrapper-inner .apcpt-table-title-price span.apcpt-table-tag-outer { position: absolute; top: 10px; right: 0; } .price-wrapper .apcpt-single-price-table-wrapper-inner .apcpt-table-title-price span.apcpt-table-tag-outer .table-tag:after { content: ""; position: absolute; border-left: 6px solid #ccc; border-top: 13px solid transparent; border-bottom: 13px solid transparent; left: 0; bottom: 0; } .price-wrapper .apcpt-single-price-table-wrapper-inner .apcpt-table-title-price span.apcpt-table-tag-outer .table-tag { position: relative; background: #333; color: #fff; height: 25px; line-height: 25px; width: 60px; display: inline-block; font-size: 14px; } .price-wrapper .apcpt-single-price-table-wrapper-inner .apcpt-table-title-price .apcpt-table-icon { background: #aaa none repeat scroll 0 0; border-radius: 100%; font-size: 1.6em; height: 60px; line-height: 40px; margin: 15px auto; padding: 10px; width: 60px; } .apcpt-table-price-wrapper { margin-bottom: 10px; padding: 0 10px; } .price-wrapper .apcpt-single-price-table-wrapper-inner .apcpt-table-title-price .apcpt-table-price-wrapper span.apcpt-table-currencty, .price-wrapper .apcpt-single-price-table-wrapper-inner .apcpt-table-title-price .apcpt-table-price-wrapper span.apcpt-table-price { display: inline-block; font-family: sans-serif; font-size: 20px; font-weight: bold; line-height: 20px; } .price-wrapper .apcpt-single-price-table-wrapper-inner .apcpt-table-title-price .apcpt-table-price-wrapper span.apcpt-table-price-per::before { content: "/"; margin-right: 5px; } .price-wrapper .apcpt-single-price-table-wrapper-inner .apcpt-table-title-price .apcpt-table-price-wrapper span.apcpt-table-price-per { font-size: 16px; } .price-wrapper .apcpt-single-price-table-wrapper-inner .apcpt-table-features-wrapper { font-size: 0.9rem; border-top: 1px solid #bbb; border-bottom: 1px solid #bbb; padding-top: 10px; background: #ccc; } .price-wrapper .apcpt-single-price-table-wrapper-inner .apcpt-table-features-wrapper .signle-feature { line-height: 18px; padding: 5px; } .price-wrapper .apcpt-single-price-table-wrapper-inner .apcpt-table-features-wrapper .signle-feature:nth-of-type(even) { background: #bbb; } .apcpt-table-button { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } .price-wrapper .apcpt-single-price-table-wrapper-inner a.apcpt-table-button.button-link { display: inline-block; background: #aaa; width: 100%; padding: 10px 0; color: #fff; text-decoration: none; transition: all ease 0.3s; -webkit-transition: all ease 0.3s; } .price-wrapper .apcpt-single-price-table-wrapper-inner a.apcpt-table-button.button-link:hover { background: #666; } /*======================================================================================== RESPONSIVE STYLESHEET =========================================================================================*/ @media screen and (max-width:980px){ .service-icon{ line-height: 90px; } .product-container .single-product-image{ width: 48%; } .testi-author-image-wrap{ height: auto; } } @media screen and (max-width: 768px){ .product-container .single-product-image{ } } @media screen and (max-width: 640px){ .single-service-wrap, .product-container .signle-product-wrap, .product-container:nth-of-type(2n) .signle-product-wrap{ float: none; width: 100%; margin-right: 0; } .product-container .single-product-image, .product-container:nth-of-type(2n) .single-product-image{ display: none; } .single-member-wrap{ width: 100%; float: none; margin-bottom: 10%; margin-right: 0; text-align: center; } .testi-author-image-wrap, .testi-author-article-wrap{ float: none; width: 100%; margin-bottom: 10%; height: auto; } .tauthor-info{ text-align: center; } .tauthor-info h4{ margin-top: 5px; display: block; text-align: center; } .testi-author-company, .testi-author-desgination{ text-align: center; } .signle-project-wrap{ float: none; width: 100%; margin-bottom: 10%; margin-right: 0; } /*=========================================== PRICING TABLE ============================================*/ .price-wrapper .apcpt-single-price-table-wrapper-inner { width: 49%; } } @media screen and (max-width: 480px){ .price-wrapper .apcpt-single-price-table-wrapper-inner { float: none; width: 100%; } }