-
Notifications
You must be signed in to change notification settings - Fork 12
/
style.css
1 lines (1 loc) · 77.4 KB
/
style.css
1
@charset "UTF-8";/*----------------------------------------------------------------------- Template Name: Setola - Creative Multipurpose Agency Template 更多精品模板请访问：http://www.bootstrapmb.com Description: This is html5 multipurpose template Author: themevictory Version: 1.0 -------------------------------------------------------------------------- CSS INDEX =================== 01. Theme Default CSS (body, link color etc.) 02. Header Area 03. Welcome Area 04. Services Area 05. Projects Area 06. Analysis Area 07. Service Provide Area 08. Choose Us Area 09. Traffic Area 10. Feedback Area 11. CTA Area 12. Pricing Area 13. Blog Area 14. Client Logo Area 15. Footer Area 16. Breadcrumb Area 17. About Page 18. Services Page 19. Projects Page 20. Blog Page 21. Faq Page 22. Error Page 23. Contact Page 24. Login Page------------------------------------------------------------------------*//* Google Fonts Here */@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,600,700|Exo+2:400,400i,500,600,700");/*----------------------------------------*//* 1. Theme default CSS/*----------------------------------------*/.main_color, .contact-single p a, .date-reply li a, .tag-list li a, .blog-post .owl-theme .owl-nav [class*=owl-]:hover, .tags-item a, .pst-content h6 a, .aside-list li a, .subscribe-info p, .faq-info .card-body, .expert-single span, .link-list li a, .footer-info p, .price-list li, .choose-list .choose-text p, .about-count .counter-content-single h4, .social-list li a, .tag-text span,.certified-text span { color: #dbdfe6;}.title_heading_color, .form-check-label, span.option-or, .login-content p, .login-content h3, .comment-form .form-control,.contact-form .form-control, .blog-content-list li, .pagination-block .page-link, .blog-search-option .button, .blog-content a:hover, .blog-content a, .blog-content p, .awseome-theme-content .btn-buy:hover, .awseome-theme-content .btn-buy, .btn-subscribe span::before, .faq-info .btn-link::after, .faq-info .btn-link, .owl-theme .owl-nav [class*=owl-]:hover, .blog-meta li a:hover, .blog-meta li a:hover i, .blog-meta li a, .blog-content h4 a, .blog-content h4, .pricing-single h2, .grid-hover-link a span::before, .grid-hover span, .grid-hover h3, .selectize-input.full.input-active, h5, h4 { color: #232323;}.bg_white_color, .blog-content, .single-news { background-color: #ffffff;}.section_background_color { background-color: #f9f9f9;}.background_color { background-color: #f2f4fc;}.white, .login-social a, .contact-icon span::before, .pagination-block .page-item.active .page-link, .pagination-block .page-link i, .pagination-block .page-link:hover, .awseome-theme-content h4, .video-btn a, .breadcrumb-item + .breadcrumb-item::before, .breadcrumb-item a, .breadcrumb-item.active, .breadcrumb-content h1, .call-us h5, .footer-info h4, .cta-content h2, .avatar .icon a, .service-provide-single .service-provide-icon span::before, .intro-content p, .intro-content h1, .navbar-expand-lg .navbar-collapse .nav-item .nav-link, .btn:hover { color: #ffffff;}.primary_color, .btn.login-btn, .contact-single p a:hover, .contact-single h4, .go-list li a, .error-content h3 a, .error-content h3, .error-content span::before, .comment-respond h3, .date-reply li a:hover, .date-reply li:last-child a:hover, .nextprev-area a:hover, .nextprev-area a, .comment-content .name-title a, .comment-content h5 a:hover, .comment-content h5 a, .tag-list li a:hover, .tag-area h6,.share-area h6, .tags-item a:hover, .pst-content h6 a:hover, .project-info li span, .aside-content h4, .process-single h5, .process-single span::before, .subscribe-info h3, .faq-info .btn-link.collapsed::after, .faq-info .btn-link.collapsed, .expert-single h5 a, .call-us h5 a, .footer-bottom-content p, .link-list li a:hover, .pricing-single a, .feedback-content h5, .choose-text h3, .service-provide-single h4 a:hover, .service-provide-single h4 a, .service-provide-single h4, .about-count .counter-content-single h2, .analysis-content h2, .project-area .section-title h2, .service-single p, .service-single h3, .intro-title span:nth-child(1),.intro-title span:nth-child(2),.intro-title span:nth-child(3), .main-search i, .navbar-expand-lg .navbar-collapse .dropdown-menu .nav-item .nav-link:hover, .navbar-expand-lg .navbar-collapse .nav-item .nav-link:hover, .selectize-input input, .selectize-input.full, .social-list li a:hover, .back-to-top, h3, h2 { color: #fff;}.secondary_color, .search-btn-area .btn.search-btn { color: #1b2640;}.btn_bg_color { background-color: #1b2640;}.color_one, .btn { color: #232323;}.color_two { color: #f02655;}.color_three { color: #fe484c;}.color_four { color: #fd5979;}.color_five { color: #3cdb7f;}.color_six { color: #ffba34;}.border_color { color: #e5e5e5;}body { font-family: "Open Sans", sans-serif; font-size: 1rem; font-weight: 400; line-height: 32px; overflow-x: hidden; margin: 0; padding: 0; color: #dbdfe6; background-color: #0f1932; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; -webkit-overflow-scrolling: touch;}@media (min-width: 1200px) { .container { max-width: 1170px; }}a { transition: all 0.3s ease 0s; text-decoration: none;}a:hover,a:focus { text-decoration: none; outline: 0;}ul { margin: 0; padding: 0;}img { max-width: 100%; height: auto;}p { margin: 0 0 0.9375rem;}h1,h2,h3,h4,h5,h6 { font-family: "Exo 2", sans-serif; margin: 0 0 0.625rem;}h1 { font-size: 3.4375rem; font-weight: 700;}@media (min-width: 992px) and (max-width: 1199px) { h1 { font-size: 3rem; }}@media (min-width: 768px) and (max-width: 991px) { h1 { font-size: 2.75rem; }}h2 { font-size: 2.5rem; font-weight: 600; line-height: 55px; margin-top: -0.9375rem;}@media (min-width: 768px) and (max-width: 991px) { h2 { font-size: 2.125rem; line-height: 50px; margin-top: -0.8125rem; }}@media (max-width: 767px) { h2 { font-size: 1.625rem; line-height: 40px; margin-top: -0.6875rem; }}@media (max-width: 329px) { h2 { font-size: 1.5625rem; }}h3 { font-size: 1.5rem; font-weight: 600;}@media (max-width: 767px) { h3 { font-size: 1.375rem; }}h4 { font-size: 1.25rem;}h5 { font-size: 1.125rem; font-weight: 500; margin-bottom: 0;}@media (max-width: 767px) { h5 { font-size: 1.0625rem; }}h6 { font-size: 1rem;}.btn { font-family: "Open Sans", sans-serif; font-weight: 600; font-size: 1rem; display: inline-block; text-transform: capitalize; background-color: #fff; padding: 0.75rem 2.5rem 0.75rem; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; border: 2px solid #fff; border-radius: 0.1875rem;}@media (max-width: 767px) { .btn { font-size: 0.875rem; padding: 0.625rem 2.1875rem 0.5rem; }}.btn:hover { background-color: transparent;}:focus { outline: -webkit-focus-ring-color auto 0;}button:focus { outline: 0 dotted; outline: 0 auto -webkit-focus-ring-color;}.hvr-wobble-horizontal { -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0);}.hvr-wobble-horizontal:hover,.hvr-wobble-horizontal:focus,.hvr-wobble-horizontal:active { -webkit-animation-name: hvr-wobble-horizontal; animation-name: hvr-wobble-horizontal; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1;}@-webkit-keyframes hvr-wobble-horizontal { 16.65% { -webkit-transform: translateX(8px); transform: translateX(8px); } 33.3% { -webkit-transform: translateX(-6px); transform: translateX(-6px); } 49.95% { -webkit-transform: translateX(4px); transform: translateX(4px); } 66.6% { -webkit-transform: translateX(-2px); transform: translateX(-2px); } 83.25% { -webkit-transform: translateX(1px); transform: translateX(1px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); }}@keyframes hvr-wobble-horizontal { 16.65% { -webkit-transform: translateX(8px); transform: translateX(8px); } 33.3% { -webkit-transform: translateX(-6px); transform: translateX(-6px); } 49.95% { -webkit-transform: translateX(4px); transform: translateX(4px); } 66.6% { -webkit-transform: translateX(-2px); transform: translateX(-2px); } 83.25% { -webkit-transform: translateX(1px); transform: translateX(1px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); }}input.form-control::-webkit-input-placeholder { font-family: "Open Sans", sans-serif; font-size: 1rem; font-weight: 400; color: #232323 !important;}input.form-control::-moz-placeholder { font-family: "Open Sans", sans-serif; font-size: 1rem; font-weight: 400; color: #232323 !important;}input.form-control:-ms-input-placeholder { font-family: "Open Sans", sans-serif; font-size: 1rem; font-weight: 400; color: #232323 !important;}input.form-control:-moz-placeholder { font-family: "Open Sans", sans-serif; font-size: 1rem; font-weight: 400; color: #232323 !important;}input.form-control::placeholder { font-family: "Open Sans", sans-serif; font-size: 1rem; font-weight: 400; color: #232323 !important;}textarea.form-control::placeholder { color: #232323 !important;}.list-style { list-style: none;}.pt-100 { padding-top: 6.25rem;}.section-padding { padding-top: 6.25rem; padding-bottom: 6.25rem;}@media (max-width: 767px) { .section-padding { padding-top: 5.625rem; padding-bottom: 5.625rem; }}.section-title { display: block; width: 100%; text-align: center; position: relative;}.section-title h2 { padding-bottom: 1.3125rem;}.section-title p { font-size: 1.125rem; max-width: 575px; margin: 0 auto 4.4375rem;}.section-line { position: absolute; left: 50%; top: 68px; width: 80px; height: 3px; background-color: #fff; -webkit-transform: translateX(-50%); transform: translateX(-50%);}@media (max-width: 767px) { .section-line { top: 54px; }}.section-line::after { position: absolute; content: ""; left: 50%; top: 0; width: 15px; height: 3px; background-color: #1b2640; -webkit-transform: translateX(-50%); transform: translateX(-50%);}.section-line span { position: relative;}.section-line span::before, .section-line span::after { position: absolute; content: ""; top: 0; width: 2px; height: 3px; background-color: #fff; z-index: 1;}.section-line span::before { left: -2px;}.section-line span::after { left: 1px;}/**** Scroll Top ****/.back-to-top { font-family: "Exo 2", sans-serif; display: inline-block; position: absolute; right: 15px; bottom: 20px; cursor: pointer; -webkit-writing-mode: vertical-lr; -ms-writing-mode: tb-lr; writing-mode: vertical-lr; z-index: 10;}.custom-cursor { position: absolute; left: 0; top: 0; width: 40px; height: 40px; pointer-events: none; z-index: 10000; -webkit-transition: opacity 0.2s ease-in-out 0.5s; transition: opacity 0.2s ease-in-out 0.5s;}#cursor { position: fixed; width: 40px; height: 40px; border: 2px solid #fff; border-radius: 50%; pointer-events: none; opacity: 0.2; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; box-sizing: border-box; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}#cursor::after { position: absolute; content: ""; top: calc(50% - 2px); left: calc(50% - 2px); width: 4px; height: 4px; border-radius: 50%; background-color: #f84525; z-index: 100; pointer-events: none;}#cursor-ball { width: 40px; height: 40px; position: absolute; background-color: transparent; border-right: 2px solid transparent; border-bottom: 2px solid #fff; border-left: 2px solid transparent; border-top: 2px solid transparent; border-radius: 50px; box-sizing: border-box; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; transform: translate(-9px, -9px) rotate(0deg); -webkit-animation: rotating 0.8s ease-in-out infinite; animation: rotating 0.8s ease-in-out infinite; -webkit-transition: opacity 0s ease-in-out 0s; transition: opacity 0s ease-in-out 0s;}@-webkit-keyframes rotating { 0% { -webkit-transform: translate(-7px, -7px) rotate(0deg); transform: translate(-7px, -7px) rotate(0deg); } 95% { -webkit-transform: translate(-7px, -7px) rotate(350deg); transform: translate(-7px, -7px) rotate(350deg); } 100% { -webkit-transform: translate(-7px, -7px) rotate(360deg); transform: translate(-7px, -7px) rotate(360deg); }}@keyframes rotating { 0% { -webkit-transform: translate(-7px, -7px) rotate(0deg); transform: translate(-7px, -7px) rotate(0deg); } 95% { -webkit-transform: translate(-7px, -7px) rotate(350deg); transform: translate(-7px, -7px) rotate(350deg); } 100% { -webkit-transform: translate(-7px, -7px) rotate(360deg); transform: translate(-7px, -7px) rotate(360deg); }}.contact-address, .nextprev-area, .comment-details, .tag-area,.share-area, .tag-share-area, .tags-list, .recent-single-post, .subscribe-content, .video-btn, .breadcrumb-content, .blog-meta, .choose-list-single, .about-count, .grid-hover-link, .grid-hover, .social-list, .header-top { display: -webkit-box; display: -ms-flexbox; display: flex;}/*----------------------------------------*//* 2. Header Area/*----------------------------------------*/.header { position: absolute; left: 0; top: 0; width: 100%; z-index: 10;}@media (max-width: 767px) { .header { position: static; }}.header-top-area { border-bottom: 1px solid #1b2640;}@media (max-width: 767px) { .header-top-area { display: none; }}.header-top { height: 60px; -webkit-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; -ms-align-items: center; align-items: center; padding-right: 8.375rem; position: relative;}.tag-text span,.certified-text span { font-size: 0.875rem; font-weight: 600;}@media (min-width: 768px) and (max-width: 991px) { .certified-text { display: none; }}.social-list li { margin-right: 10px;}.social-list li:last-child { margin-right: 0;}.social-list li a { font-size: 1rem; width: 30px; height: 30px; line-height: 30px; text-align: center; display: block; border-radius: 50%;}.language-area { position: absolute; right: 0; top: 50%; height: 36px; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 1;}.selectize-dropdown.flag { padding-left: 0.3125rem; padding-bottom: 0; margin-top: 0;}.flag div[data-value=english],.flag div[data-value=australia],.flag div[data-value=uk],.flag div[data-value=france] { font-size: 0.875rem; font-weight: 600; background-repeat: no-repeat; text-indent: 28px; height: 20px; line-height: 20px;}.selectize-control.single .selectize-input:after { right: 5px; border-color: #fff transparent transparent transparent;}.selectize-control.single .selectize-input.input-active:after { border-color: transparent transparent #808080 transparent;}.flag { width: 110px;}.flag div[data-value=english] { background-image: url(img/hero/usa.svg);}.flag div[data-value=australia] { background-image: url(img/hero/australia.svg);}.flag div[data-value=uk] { background-image: url(img/hero/united-kingdom.svg);}.flag div[data-value=france] { background-image: url(img/hero/france.svg);}.flag .selectize-input { border: none; box-shadow: none; padding-left: 0.3125rem; padding-right: 0;}.flag .selectize-dropdown [data-selectable].option { opacity: 1; display: inline-block; vertical-align: middle;}.flag .selectize-dropdown .option { padding: 0 0.3125rem 0 0; margin: 0.125rem 0; display: block; background-color: transparent; cursor: pointer;}.selectize-input.full { background-color: transparent;}.header-info { width: 100%;}.header-info .navbar { padding-top: 2.5rem; padding-bottom: 2.5rem;}@media (min-width: 768px) and (max-width: 991px) { .header-info .navbar { padding-top: 1.25rem; padding-bottom: 1.25rem; }}@media (max-width: 767px) { .header-info .navbar { padding-top: 1.25rem; padding-bottom: 1.25rem; }}.navbar-expand-lg .navbar-collapse { -webkit-justify-content: flex-end; -ms-justify-content: flex-end; justify-content: flex-end;}@media (min-width: 768px) and (max-width: 991px) { .navbar-expand-lg .navbar-collapse { padding: 0.9375rem 1.25rem 1.875rem 1.25rem; background-color: #0f1932; margin-left: -0.0625rem; }}@media (max-width: 767px) { .navbar-expand-lg .navbar-collapse .navbar-nav { padding-top: 20px; }}.navbar-expand-lg .navbar-collapse .nav-item .nav-link { font-family: "Open Sans", sans-serif; font-size: 1.125rem; font-weight: 600; display: block; position: relative; margin-right: 0.875rem; letter-spacing: 0.5px;}@media (min-width: 768px) { .navbar-expand-lg .navbar-collapse .nav-item .nav-link { padding-top: 0.3125rem; padding-bottom: 0.3125rem; }}.navbar-expand-lg .navbar-collapse .nav-item:nth-last-child(1) { margin-left: 2.8125rem;}@media (max-width: 991px) { .navbar-expand-lg .navbar-collapse .nav-item:nth-last-child(1) { margin-left: 0; margin-top: 0.75rem; }}.navbar-expand-lg .navbar-collapse .nav-item:nth-last-child(2) .nav-link { margin-right: 0.5rem;}.navbar-expand-lg .navbar-collapse .nav-item:hover ul.sub-menu { visibility: visible; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-transform: translate(0, 0); transform: translate(0, 0);}.login-btn .btn { padding-top: 0.4375rem; padding-bottom: 0.4375rem;}.navbar-expand-lg .navbar-collapse .dropdown-menu .nav-item:nth-last-child(1) { margin-left: 0;}@media (max-width: 991px) { .navbar-light .navbar-toggler { border-color: rgba(0, 0, 0, 0.4); } .navbar-expand-lg .navbar-collapse .dropdown-menu .nav-item:nth-last-child(1) { margin-top: 0; }}.dropdown-menu { top: 39px; left: calc(50% - 80px); background-color: #1b2640; min-width: 10.9375rem;}@media (max-width: 991px) { .dropdown-menu { left: 0; }}.dropdown-menu .nav-item { display: block; position: relative;}.navbar-nav .dropdown-menu { position: absolute;}.navbar-expand-lg .navbar-collapse .dropdown-menu .nav-item .nav-link { padding: 0.3125rem 0.9375rem 0.3125rem 0.9375rem; margin-right: 0;}.navbar-expand-lg .navbar-collapse .dropdown-menu .nav-item .nav-link:hover { padding-left: 1.25rem; -webkit-transition: all 500ms ease; transition: all 500ms ease;}@media (min-width: 992px) { .navbar-expand-lg .navbar-collapse .nav-item .dropdown-menu .nav-item .dropdown-menu { left: 100%; top: -10px; display: none; } .navbar-expand-lg .navbar-collapse .nav-item:hover ul.dropdown-menu { display: block; -webkit-animation: fadeInUp 150ms ease-in-out both; animation: fadeInUp 150ms ease-in-out both; } .navbar-expand-lg .navbar-collapse .nav-item .dropdown-menu .nav-item:hover .dropdown-menu { display: block; -webkit-animation: fadeInUp 150ms ease-in-out both; animation: fadeInUp 150ms ease-in-out both; } .dropdown-toggle::after { border: none; }}.search-btn-area { position: relative; height: 100%; line-height: 50px;}@media (min-width: 768px) { .search-btn-area { line-height: 42px; }}.search-btn-area .input-group { position: absolute; z-index: 99999; top: 61px; right: 0; display: none; width: 260px; border-radius: 0.1875rem;}.search-btn-area .input-group .form-control { width: 100%; border: 1px solid #fff;}.search-btn-area .input-group .form-control:not(:last-child) { border-top-right-radius: 0.1875rem; border-bottom-right-radius: 0.1875rem;}.search-btn-area .input-group .input-group-append { position: absolute; z-index: 3; top: 0; right: 0;}@media (max-width: 767px) { .search-btn-area .input-group { right: auto; }}.search-btn-area .btn.search-btn { font-size: 1rem; padding: 0.375rem 0.75rem 0.25rem; border-top-right-radius: 0.1875rem; border-bottom-right-radius: 0.1875rem; border: none; height: 38px;}.main-search { font-size: 1rem; display: inline-block;}.main-search i { padding-left: 0.125rem;}.header-bottom.stick { position: fixed; z-index: 12; top: 0; left: 0; width: 100%; background-color: #0f1932; -webkit-animation: slide-down 1s; animation: slide-down 1s; -webkit-transition-duration: 0.5s; transition-duration: 0.5s;}.stick .header-info .navbar { padding-top: 0.9375rem; padding-bottom: 0.9375rem;}@-webkit-keyframes slide-down { 0% { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transform: translateY(-100%); transform: translateY(-100%); } 100% { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-transform: translateY(0); transform: translateY(0); }}@keyframes slide-down { 0% { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transform: translateY(-100%); transform: translateY(-100%); } 100% { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-transform: translateY(0); transform: translateY(0); }}/*----------------------------------------*//* 3. Welcome Area/*----------------------------------------*/.intro-area { position: relative; padding-bottom: 6.25rem; padding-top: 11.9375rem;}@media (min-width: 768px) and (max-width: 991px) { .intro-area { padding-top: 9.0625rem; }}@media (max-width: 767px) { .intro-area { padding-top: 0; padding-bottom: 5.625rem; }}.intro-content { padding-top: 7.375rem;}@media (max-width: 991px) { .intro-content { padding-top: 4.25rem; }}.intro-content h1 { max-width: 400px; line-height: 65px;}@media (min-width: 768px) and (max-width: 991px) { .intro-content h1 { line-height: 65px; }}@media (max-width: 767px) { .intro-content h1 { max-width: 250px; font-size: 2rem; line-height: 45px; }}.intro-content p { font-size: 1.125rem; line-height: 28px; max-width: 465px; padding: 0.8125rem 0 2.375rem;}@media (max-width: 767px) { .intro-content p { font-size: 1.0625rem; }}.intro-content a { line-height: 1.5;}.intro-image-block { position: relative; margin-top: 3rem;}@media (max-width: 991px) { .intro-image-block { margin-top: 3.75rem; }}.shape-image-1,.shape-image-2,.shape-image-3,.shape-image-4,.shape-image-5,.shape-image-6 { position: absolute;}@media (max-width: 991px) { .shape-image-1,.shape-image-2,.shape-image-3,.shape-image-4,.shape-image-5,.shape-image-6 { visibility: visible !important; }}.shape-image-1 { padding-top: 3.75rem;}@media (max-width: 575px) { .shape-image-1 { width: 52px; padding-top: 3.125rem; }}.shape-image-2 { left: 126px; top: 115px; z-index: 1;}@media (max-width: 575px) { .shape-image-2 { left: 55px; top: 90px; width: 46px; }}.shape-image-3 { left: 200px; top: 0;}@media (max-width: 575px) { .shape-image-3 { left: 76px; width: 198px; }}.shape-image-4 { left: 300px; top: 188px;}@media (max-width: 575px) { .shape-image-4 { left: 145px; top: 124px; width: 44px; }}.shape-image-5 { left: 433px; top: 272px;}@media (max-width: 575px) { .shape-image-5 { left: 235px; top: 180px; width: 46px; }}.shape-image-6 { right: 0; top: 0;}@media (min-width: 768px) and (max-width: 991px) { .shape-image-6 { right: auto; left: 420px; }}@media (max-width: 575px) { .shape-image-6 { top: 20px; width: 64px; right: auto; left: 226px; }}.shape-image-7 { display: block; padding: 15.625rem 0 0 3.125rem;}@media (max-width: 991px) { .shape-image-7 { visibility: visible !important; }}@media (max-width: 575px) { .shape-image-7 { padding: 10.875rem 0 0 0.75rem; width: 203px; }}/*----------------------------------------*//* 4. Services Area/*----------------------------------------*/.service-single { position: relative; text-align: center; background-color: #1b2640; padding: 3.75rem 1.8125rem 2.1875rem; margin-bottom: 1.875rem; border-radius: 0.5rem;}.service-single h3 { padding: 1.1875rem 0 0.3125rem;}.service-single.active { position: relative;}.service-single.active::after { position: absolute; content: ""; left: 0; top: 0; width: 100%; height: 100%; -webkit-filter: blur(10px); filter: blur(10px); z-index: -1; background: rgba(0, 0, 0, 0.08); -webkit-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;}@media (max-width: 991px) { .service-single { position: relative; } .service-single::after { position: absolute; content: ""; left: 0; top: 0; width: 100%; height: 100%; -webkit-filter: blur(10px); filter: blur(10px); z-index: -1; background: rgba(0, 0, 0, 0.08); -webkit-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }}.services-area.section-padding { padding-bottom: 4.375rem;}@media (min-width: 768px) and (max-width: 991px) { .services-area.section-padding { padding-bottom: 3.75rem; }}@media (max-width: 767px) { .services-area.section-padding { padding-bottom: 3.125rem; }}/*----------------------------------------*//* 5. Projects Area/*----------------------------------------*/.project-area .section-title h2 { max-width: 900px; margin-left: auto; margin-right: auto; margin-top: -0.9375rem; padding-bottom: 3.625rem;}@media (max-width: 767px) { .project-area .section-title h2 { padding-left: 0.9375rem; padding-right: 0.9375rem; }}.grid >[class*=col-] { padding-left: 0 !important; padding-right: 0 !important;}.grid-item { position: relative;}.grid-item img { width: 100%;}.grid-item:hover .grid-hover-link { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s;}.grid-hover { position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 1; -webkit-justify-content: center; -ms-justify-content: center; justify-content: center; -webkit-align-items: center; -ms-align-items: center; align-items: center; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;}.grid-hover::before { position: absolute; content: ""; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.8); z-index: -1;}.grid-hover h3 { position: relative; margin: -3.125rem 0 0.3125rem; text-align: center;}@media (min-width: 992px) and (max-width: 1199px) { .grid-hover h3 { font-size: 1.3125rem; }}@media (min-width: 768px) and (max-width: 991px) { .grid-hover h3 { font-size: 1.25rem; margin: -2.5rem 0 0.25rem; }}.grid-hover span { font-weight: 500; position: relative; display: block; padding-bottom: 19px;}.grid-hover-link { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 10; -webkit-justify-content: center; -ms-justify-content: center; justify-content: center; -webkit-align-items: center; -ms-align-items: center; align-items: center; padding-top: 5rem; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";}@media (min-width: 768px) and (max-width: 991px) { .grid-hover-link { padding-top: 5.625rem; }}.grid-hover-link a { display: inline-block; width: 45px; height: 45px; line-height: 45px; border: 1px solid #232323; text-align: center; margin: 0 0.5rem;}.grid-hover-link a:hover { background-color: #ffffff;}.grid-hover-link a:hover span::before { color: #232323;}.grid-hover-link a span { display: inline-block; line-height: 1;}.mouse-move { overflow: hidden; perspective: 1600px;}.mouse-move .grid-hover { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-transform: rotate3d(1, 0, 0, 90deg); transform: rotate3d(1, 0, 0, 90deg); pointer-events: none;}.mouse-move.in-top .grid-hover { -webkit-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-animation: in-top 0.3s ease 0s 1 forwards; animation: in-top 0.3s ease 0s 1 forwards;}.mouse-move.in-right .grid-hover { -webkit-transform-origin: 100% 0; transform-origin: 100% 0; -webkit-animation: in-right 0.3s ease 0s 1 forwards; animation: in-right 0.3s ease 0s 1 forwards;}.mouse-move.in-bottom .grid-hover { -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-animation: in-bottom 0.3s ease 0s 1 forwards; animation: in-bottom 0.3s ease 0s 1 forwards;}.mouse-move.in-left .grid-hover { -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-animation: in-left 0.3s ease 0s 1 forwards; animation: in-left 0.3s ease 0s 1 forwards;}.mouse-move.out-top .grid-hover { -webkit-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-animation: out-top 0.3s ease 0s 1 forwards; animation: out-top 0.3s ease 0s 1 forwards;}.mouse-move.out-right .grid-hover { -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-animation: out-right 0.3s ease 0s 1 forwards; animation: out-right 0.3s ease 0s 1 forwards; margin-left: 1px;}.mouse-move.out-bottom .grid-hover { -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-animation: out-bottom 0.3s ease 0s 1 forwards; animation: out-bottom 0.3s ease 0s 1 forwards;}.mouse-move.out-left .grid-hover { -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-animation: out-left 0.3s ease 0s 1 forwards; animation: out-left 0.3s ease 0s 1 forwards;}@keyframes in-top { from { transform: rotate3d(-1, 0, 0, 90deg); } to { transform: rotate3d(0, 0, 0, 0deg); }}@keyframes in-right { from { transform: rotate3d(0, -1, 0, 90deg); } to { transform: rotate3d(0, 0, 0, 0deg); }}@keyframes in-bottom { from { transform: rotate3d(1, 0, 0, 90deg); } to { transform: rotate3d(0, 0, 0, 0deg); }}@keyframes in-left { from { transform: rotate3d(0, 1, 0, 90deg); } to { transform: rotate3d(0, 0, 0, 0deg); }}@keyframes out-top { from { transform: rotate3d(0, 0, 0, 0deg); } to { transform: rotate3d(-1, 0, 0, 104deg); }}@keyframes out-right { from { transform: rotate3d(0, 0, 0, 0deg); } to { transform: rotate3d(0, -1, 0, 104deg); }}@keyframes out-bottom { from { transform: rotate3d(0, 0, 0, 0deg); } to { transform: rotate3d(1, 0, 0, 104deg); }}@keyframes out-left { from { transform: rotate3d(0, 0, 0, 0deg); } to { transform: rotate3d(0, 1, 0, 104deg); }}/*----------------------------------------*//* 6. Analysis Area/*----------------------------------------*/.analysis-mask-block { position: relative; margin-left: -3.4375rem; padding-bottom: 2.125rem;}@media (min-width: 768px) and (max-width: 1199px) { .analysis-mask-block { margin-left: 0; float: right; }}@media (max-width: 767px) { .analysis-mask-block { margin-left: 0; padding-bottom: 1.25rem; }}.analysis-mask-block img { width: 610px; height: 552px; object-fit: cover;}@media (max-width: 767px) { .analysis-mask-block img { height: auto; }}.analysis-mask { position: absolute; right: 22px; top: 34px; width: 610px; height: 552px;}@media (max-width: 767px) { .analysis-mask { right: 10px; top: 20px; width: 100%; height: 100%; }}.analysis-mask-image { background-size: cover; mask-image: url(img/services/mask.png); -webkit-mask-image: url(img/services/mask.png); -webkit-mask-size: 610px 552px; mask-size: 610px 552px;}@media (max-width: 767px) { .analysis-mask-image { -webkit-mask-size: 100% 100%; mask-size: 100% 100%; }}@media (max-width: 767px) { .analysis-area.section-padding { padding-bottom: 5.3125rem; } .counter-content-single:not(:last-child) { margin-bottom: 25px; }}.analysis-content { padding-top: 1.875rem;}@media (min-width: 768px) and (max-width: 1199px) { .analysis-content { padding-top: 3.75rem; }}@media (max-width: 767px) { .analysis-content { padding-top: 3.125rem; }}.analysis-content p { padding: 0.5rem 0 2.625rem;}.about-count { -webkit-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between;}@media (max-width: 767px) { .about-count { display: block; text-align: center; }}.about-count .counter-content-single h2 { font-size: 2.5rem; font-weight: 500; line-height: 55px; margin-top: -0.75rem; margin-bottom: 0.125rem;}@media (max-width: 767px) { .about-count .counter-content-single h2 { font-size: 1.75rem; line-height: 36px; margin-top: -0.4375rem; }}.about-count .counter-content-single h4 { font-weight: 500; margin-bottom: 0;}@media (max-width: 767px) { .about-count .counter-content-single h4 { font-size: 1.1875rem; }}/*----------------------------------------*//* 7. Service Provide Area/*----------------------------------------*/.service-provide-area { padding-bottom: 6.25rem;}@media (max-width: 767px) { .service-provide-area { padding-bottom: 5.625rem; }}.service-provide-block { display: -ms-grid; display: grid; -ms-grid-columns: 1fr [3]; grid-template-columns: repeat(3, 1fr); grid-gap: 30px;}@media (min-width: 768px) and (max-width: 991px) { .service-provide-block { -ms-grid-columns: 1fr [2]; grid-template-columns: repeat(2, 1fr); }}@media (max-width: 767px) { .service-provide-block { -ms-grid-columns: 1fr [1]; grid-template-columns: repeat(1, 1fr); }}.service-provide-single { text-align: center; padding: 3.75rem 1.5625rem 2.5rem; background-color: #1b2640;}@media (min-width: 992px) and (max-width: 1199px) { .service-provide-single { padding: 0 1.25rem; }}.service-provide-single .service-provide-icon { width: 60px; height: 60px; line-height: 60px; margin: 0 auto; border-radius: 50%;}.service-provide-single .service-provide-icon span { display: block; line-height: 1;}.service-provide-single .service-provide-icon span::before { font-size: 1.875rem; line-height: 60px;}.service-provide-single:nth-child(1) .service-provide-icon { background-color: #fd516c;}.service-provide-single:nth-child(2) .service-provide-icon { background-color: #3cdb7f;}.service-provide-single:nth-child(3) .service-provide-icon { background-color: #ffba34;}.service-provide-single:nth-child(4) .service-provide-icon { background-color: #7f83f0;}.service-provide-single:nth-child(5) .service-provide-icon { background-color: #5fbff5;}.service-provide-single:nth-child(6) .service-provide-icon { background-color: #fd694e;}.service-provide-single h4 { font-size: 1.375rem; font-weight: 500; margin: 1.125rem 0 1rem;}@media (min-width: 992px) and (max-width: 1199px) { .service-provide-single h4 { font-size: 1.1875rem; }}.service-provide-single p { margin-bottom: 0.625rem;}/*----------------------------------------*//* 8. Choose Us Area/*----------------------------------------*/.choose-area { background-color: #1b2640;}.choose-image-block { position: relative; margin-right: 0.625rem;}@media (min-width: 768px) and (max-width: 1199px) { .choose-image-block { margin-bottom: 3.75rem; }}@media (min-width: 768px) and (max-width: 991px) { .choose-image-block { margin-right: 3rem; }}@media (max-width: 767px) { .choose-image-block { margin-right: 0; margin-bottom: 3.125rem; }}.choose-image-1 { padding-top: 7.375rem;}@media (max-width: 767px) { .choose-image-1 { padding-top: 5.75rem; } .choose-image-1 img { height: 130px; }}.choose-image-2,.choose-image-3,.choose-image-4 { position: absolute;}.choose-image-2,.choose-image-4 { z-index: 2;}.choose-image-2 { right: 0; top: 72px;}@media (min-width: 992px) and (max-width: 1199px) { .choose-image-2 { right: auto; left: 432px; }}@media (max-width: 767px) { .choose-image-2 img { height: 150px; }}.choose-image-3 { left: 140px; top: 5px;}@media (max-width: 767px) { .choose-image-3 { left: 52px; width: 65%; }}.choose-image-4 { left: 75px; top: 0;}@media (max-width: 767px) { .choose-image-4 { left: 18px; width: 50px; }}.choose-content { margin-left: -0.3125rem;}.choose-content h2 { padding-bottom: 2.375rem;}@media (max-width: 767px) { .choose-content h2 { padding-bottom: 2.4375rem; }}.choose-text h3 { font-weight: 500; margin-top: -0.3125rem; padding-bottom: 0.3125rem;}@media (max-width: 767px) { .choose-text h3 { font-size: 1.25rem; }}.choose-list .choose-text p { margin-bottom: 0; max-width: 350px; padding-bottom: 1.8125rem;}.choose-list li:last-child .choose-text p { padding-bottom: 0;}.choose-icon { padding-right: 1.375rem;}.choose-icon span { display: block; line-height: 1;}.choose-icon span::before { font-size: 2.75rem;}@media (max-width: 767px) { .choose-icon span::before { font-size: 2.125rem; }}.choose-list li:nth-child(1) .choose-icon span::before { color: #3cdb7f;}.choose-list li:nth-child(2) .choose-icon span::before { color: #7f83f0;}.choose-list li:nth-child(3) .choose-icon span::before { color: #ffba34;}.choose-area.section-padding { padding-bottom: 5.5625rem;}@media (max-width: 767px) { .choose-area.section-padding { padding-bottom: 4.9375rem; }}/*----------------------------------------*//* 9. Traffic Area/*----------------------------------------*/@media (min-width: 768px) and (max-width: 1199px) { .traffic-content { margin-bottom: 3.75rem; }}.traffic-content h2 { padding-bottom: 0.5rem;}@media (max-width: 767px) { .traffic-content h2 { padding-bottom: 0.5625rem; }}.traffic-content p { padding-bottom: 2.8125rem;}.traffic-image { float: right; position: relative;}@media (min-width: 992px) and (max-width: 1199px) { .traffic-image { float: none; text-align: center; }}@media (max-width: 767px) { .traffic-image { margin-top: 3.125rem; }}@media (max-width: 575px) { .traffic-image { padding-left: 2.5rem; }}.traffic-image-2 { position: absolute; left: -76px; top: 148px;}@media (min-width: 992px) and (max-width: 1199px) { .traffic-image-2 { left: 158px; }}@media (min-width: 576px) and (max-width: 767px) { .traffic-image-2 { left: -64px; top: 142px; }}@media (max-width: 575px) { .traffic-image-2 { top: 33%; left: 4px; width: 80px; }}@media (max-width: 399px) { .traffic-image-2 { top: 32%; }}@media (max-width: 349px) { .traffic-image-2 { top: 31%; }}.traffic-area.section-padding { padding-bottom: 72px;}@media (max-width: 767px) { .traffic-area.section-padding { padding-bottom: 3.875rem; }}/*----------------------------------------*//* 10. Feedback Area/*----------------------------------------*/.feedback-area .section-title h2 { max-width: 1000px; margin-left: auto; margin-right: auto; padding-bottom: 3.625rem;}@media (max-width: 767px) { .feedback-area .section-title h2 { padding-bottom: 3.1875rem; }}.feedback-content-block { width: 100%;}.feedback-list { display: table; width: 100%; content: ""; clear: both; position: relative;}.feedback-list::after { position: absolute; content: ""; left: calc(50% - 1.5px); top: 10px; border: 3px dashed #f2f2f2; height: 75%; z-index: -1;}@media (max-width: 767px) { .feedback-list::after { border: 0; }}.feedback-single-block { width: 51.5%; margin-bottom: 3.75rem;}@media (max-width: 767px) { .feedback-single-block { width: 100%; }}.feedback-single-block:nth-child(odd) { float: left;}.feedback-single-block:nth-child(even) { float: right;}.feedback-single { position: relative; width: 87%; box-shadow: 0px 4px 16.56px 1.44px rgba(0, 0, 0, 0.07); border-radius: 0.25rem; padding: 1.25rem 1.875rem 1.1875rem; background-color: #1b2640;}@media (max-width: 767px) { .feedback-single { width: 80%; }}.feedback-single-block:nth-child(even) .feedback-single { float: right;}.feedback-content h5 { padding-top: 0.0625rem;}.feedback-content span { font-size: 0.875rem; display: block;}.avatar-block { position: absolute; right: -97px; top: 0;}@media (min-width: 992px) and (max-width: 1199px) { .avatar-block { right: -86px; }}@media (min-width: 768px) and (max-width: 991px) { .avatar-block { right: -74px; }}@media (max-width: 767px) { .avatar-block { right: -52px; }}.feedback-single-block:nth-child(even) .avatar-block { left: -97px; right: auto;}@media (min-width: 992px) and (max-width: 1199px) { .feedback-single-block:nth-child(even) .avatar-block { left: -86px; }}@media (min-width: 768px) and (max-width: 991px) { .feedback-single-block:nth-child(even) .avatar-block { left: -74px; }}@media (max-width: 767px) { .feedback-single-block:nth-child(even) .avatar-block { left: -52px; }}.avatar { position: relative;}.avatar img { width: 77px; height: 77px; object-fit: cover; border-radius: 50%;}.avatar .icon { position: absolute; right: -8px; top: 0; width: 30px; height: 30px; background-color: #ec498a; border: 3px solid #fff; border-radius: 50%; text-align: center;}.avatar .icon a { font-size: 0.875rem; line-height: 24.5px; display: block;}.feedback-single-block:nth-child(even) .icon { right: auto; left: -8px;}.feedback-single-block:nth-child(2) .icon { background-color: #4267b2;}.feedback-single-block:nth-child(3) .icon { background-color: #ff9c1b;}.feedback-area { padding-bottom: 2.5rem;}@media (max-width: 767px) { .feedback-area { padding-bottom: 1.875rem; }}/*----------------------------------------*//* 11. CTA Area/*----------------------------------------*/.cta-area { background-image: url(img/cta/1.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover; position: relative;}.cta-area::after { position: absolute; content: ""; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(27, 38, 64, 0.9);}.cta-content { position: relative; z-index: 1; text-align: center;}.cta-content h2 { max-width: 700px; margin-left: auto; margin-right: auto; padding-bottom: 2.375rem;}/*----------------------------------------*//* 12. Pricing Area/*----------------------------------------*/.pricing-box-area { width: 100%; display: -ms-grid; display: grid; -ms-grid-columns: 1fr [3]; grid-template-columns: repeat(3, 1fr); grid-gap: 30px;}@media (min-width: 768px) and (max-width: 991px) { .pricing-box-area { -ms-grid-columns: 1fr [2]; grid-template-columns: repeat(2, 1fr); }}@media (max-width: 767px) { .pricing-box-area { -ms-grid-columns: 1fr [1]; grid-template-columns: repeat(1, 1fr); }}.pricing-box { position: relative;}.pricing-box:nth-child(2) h3 { color: #3cdb7f;}.pricing-box:nth-child(3) h3 { color: #fd694e;}.pricing-box:nth-child(1) .btn { background-color: #7f83f0; border-color: #7f83f0;}.pricing-box:nth-child(2) .btn { background-color: #3cdb7f; border-color: #3cdb7f;}.pricing-box:nth-child(3) .btn { background-color: #fd694e; border-color: #fd694e;}.pricing-single { width: 100%; background-color: #1b2640; text-align: center; display: inline-block; padding: 3.75rem 0rem 3.75rem; position: relative; border-radius: 8px; position: relative;}.pricing-single::before { position: absolute; content: ""; top: 0px; right: 0px; bottom: 0px; left: 0px; -webkit-filter: blur(10px); filter: blur(10px); background: rgba(0, 0, 0, 0.08); z-index: -1;}.pricing-single h2 { position: relative; margin: 0; width: 119px; height: 103px; line-height: 103px; display: inline-block; z-index: 1;}.pricing-single h2::before { position: absolute; content: ""; left: 50%; top: 0; width: 119px; height: 103px; z-index: -1; background-image: url(img/pricing/1.png); background-repeat: no-repeat; background-position: center center; -webkit-transform: translateX(-50%); transform: translateX(-50%);}.pricing-single h3 { font-size: 1.875rem; font-weight: 600; color: #7f83f0; margin: 1.4375rem 0 0.5625rem;}@media (max-width: 767px) { .pricing-single h3 { font-size: 1.375rem; }}.price-list li { display: block; padding: 0.3125rem 0;}.pricing-single a { margin-top: 2.1875rem;}/*----------------------------------------*//* 13. Blog Area/*----------------------------------------*/.blog-area { background-color: #1b2640;}.blog-slider { display: -ms-grid; display: grid; -ms-grid-columns: 1fr [3]; grid-template-columns: repeat(3, 1fr); grid-gap: 30px;}.single-news { margin-bottom: 2.5rem;}.single-news figure { overflow: hidden; margin-bottom: 0; position: relative;}.single-news figure::before { position: absolute; z-index: 1; top: 0; left: -38%; width: 120%; height: 100%; background: rgba(255, 255, 255, 0.2); content: ""; -webkit-transition: -webkit-transform 0.7s; transition: transform 0.7s; -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 135deg) translate3d(0, 100%, 0); transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 135deg) translate3d(0, 100%, 0); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-box-sizing: border-box; box-sizing: border-box; display: block;}.single-news figure img { position: relative; width: 100%; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -o-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;}@media (max-width: 767px) { .single-news figure img { width: 100%; }}.single-news:hover figure >img { padding: 0; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: scale(1.1) rotate(2deg); transform: scale(1.1) rotate(2deg); -webkit-transition: all 0.5s ease; transition: all 0.5s ease;}.single-news:hover figure::before { -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 135deg) translate3d(0, -100%, 0); transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 135deg) translate3d(0, -150%, 0); opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}.blog-content { padding: 1.4375rem 1.875rem 1.375rem; border-bottom-left-radius: 0.25rem; border-bottom-right-radius: 0.25rem;}@media (min-width: 768px) and (max-width: 991px) { .blog-content { padding: 1.625rem 1.5625rem 1.3125rem; }}@media (max-width: 767px) { .blog-content { padding: 1.625rem 0.9375rem 1.3125rem; }}.blog-content h4 { font-size: 1.375rem; font-weight: 500; margin-bottom: 0; padding-bottom: 0.125rem;}@media (max-width: 767px) { .blog-content h4 { font-size: 1.25rem; }}.blog-meta li { font-size: 0.875rem; font-weight: 400; position: relative; margin-right: 1.25rem;}.blog-meta li:last-child { margin-right: 0;}@media (max-width: 767px) { .blog-meta li { margin-right: 1.125rem; }}.blog-meta li a i { display: inline-block; margin-right: 0.625rem;}@media (max-width: 767px) { .blog-meta li a i { margin-right: 0.5rem; }}.owl-theme .owl-nav [class*=owl-] { border-radius: 0; width: 40px; height: 40px; margin: 0 0.625rem 0;}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev { border: 2px solid #fff; color: #fff;}.owl-theme .owl-nav [class*=owl-]:hover { background: #fff;}.owl-theme .owl-nav { margin-top: 1.25rem;}/*----------------------------------------*//* 14. Client Logo Area/*----------------------------------------*/.client-logo-slider { display: flex; justify-content: space-between;}.client-logo-slider.owl-theme .owl-nav { display: none;}.client-logo-single { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}.client-logo-slider.owl-carousel .owl-item img { width: auto;}/*----------------------------------------*//* 15. Footer Area/*----------------------------------------*/.footer-area { position: relative; background-color: #1b2640; padding-top: 6.25rem;}@media (max-width: 767px) { .footer-area { padding-top: 5.625rem; }}.footer-logo { margin-bottom: 1.25rem;}@media (max-width: 991px) { .footer-info { margin-bottom: 1.625rem; }}.footer-info h4 { font-size: 1.375rem; font-weight: 500; padding-bottom: 1.1875rem; margin-top: 0.5625rem;}@media (max-width: 767px) { .footer-info h4 { padding-bottom: 0.25rem; }}.footer-top { position: relative; z-index: 1; padding-bottom: 5rem;}@media (max-width: 991px) { .footer-top { padding-bottom: 2.75rem; }}.link-list li:not(:last-child) { margin-bottom: 0.1875rem;}.footer-bottom { border-top: 1px solid #213154; padding: 0.5625rem 0 0.5rem;}.footer-bottom-content { text-align: center;}.footer-bottom-content p { margin-bottom: 0;}.instagram-list { display: -ms-grid; display: grid; -ms-grid-columns: 1fr [3]; grid-template-columns: repeat(3, 1fr); grid-gap: 10px; padding-top: 0.625rem;}@media (max-width: 767px) { .instagram-list li img { width: 100%; }}.call-us h5 { padding-top: 0.625rem;}@media (max-width: 767px) { .call-us h5 { padding-bottom: 0.625rem; }}.call-us h5 a { display: inline-block; margin-left: 0.3125rem;}/*----------------------------------------*//* 16. Breadcrumb Area/*----------------------------------------*/.header.header-two { position: static;}.breadcrumb-area { position: relative; height: 472px; background-image: url(img/about/1.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover;}@media (max-width: 767px) { .breadcrumb-area { height: 350px; }}.breadcrumb-area::after { position: absolute; content: ""; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(27, 38, 64, 0.9);}.breadcrumb-content { position: relative; height: 100%; -webkit-justify-content: center; -ms-justify-content: center; justify-content: center; -webkit-align-items: center; -ms-align-items: center; align-items: center; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding: 0 0.9375rem; z-index: 1;}.breadcrumb-content h1 { line-height: 59px; padding-bottom: 0.25rem; text-transform: capitalize;}@media (max-width: 767px) { .breadcrumb-content h1 { font-size: 2.375rem; line-height: 50px; padding-bottom: 0; }}.breadcrumb { margin: 0; padding: 0; background-color: transparent; -webkit-justify-content: center; -ms-justify-content: center; justify-content: center;}.breadcrumb-item { font-size: 1rem; font-weight: 600; text-transform: capitalize;}.breadcrumb-item + .breadcrumb-item { padding-left: 0.5625rem;}.breadcrumb-item + .breadcrumb-item::before { content: ""; width: 9px; height: 9px; border-radius: 50%; background-color: #ffffff; display: inline-block; margin-right: 0.5625rem;}/*----------------------------------------*//* 17. About Page/*----------------------------------------*/.expert-block { display: -ms-grid; display: grid; -ms-grid-columns: 1fr [4]; grid-template-columns: repeat(4, 1fr); grid-gap: 30px;}@media (max-width: 767px) { .expert-block { -ms-grid-columns: 1fr [1]; grid-template-columns: repeat(1, 1fr); }}.expert-single { text-align: center;}.expert-single h5 { text-transform: capitalize;}.expert-single span { font-size: 0.875rem; display: block; margin-top: -0.1875rem;}.expert-avatar img { border-radius: 0.3125rem;}@media (max-width: 767px) { .expert-avatar img { width: 100%; }}.bordr-line { padding-top: 0.5rem;}.expert-area.section-padding { padding-top: 0; padding-bottom: 5.5625rem;}@media (max-width: 767px) { .expert-area.section-padding { padding-bottom: 4.9375rem; }}.faq-area.section-padding { padding-top: 0;}.faq-info h2 { padding-bottom: 1.625rem;}.faq-info .btn-link { font-size: 1.125rem; font-weight: 500; position: relative; display: block; width: 100%; padding: 0.875rem 1.875rem 0.875rem 2rem; text-align: left; background-color: #fff; white-space: initial; border: none; border-radius: 0; cursor: pointer;}.faq-info .btn-link::after { position: absolute; content: ""; font-family: "Flaticon"; font-size: 1rem; top: 50%; right: 20px; transform: translateY(-50%);}@media (max-width: 767px) { .faq-info .btn-link::after { right: 10px; }}.faq-info .btn-link:hover, .faq-info .btn-link:focus { text-decoration: none;}@media (max-width: 767px) { .faq-info .btn-link { padding-left: 0.9375rem; }}.faq-info .btn-link.collapsed { border: none; border-radius: 0; background-color: #1b2640;}.faq-info .btn-link.collapsed::after { content: ""; font-family: "Flaticon"; font-size: 1rem; top: 50%; right: 20px; transform: translateY(-50%);}@media (max-width: 767px) { .faq-info .btn-link.collapsed::after { right: 10px; }}.faq-info .card { border: 0; border-radius: 0; box-shadow: none; margin-bottom: 1.25rem;}.faq-info .card:last-child { margin-bottom: 0;}.faq-info .card-header { padding: 0; border: none; background-color: transparent;}.faq-info .card-header:first-child { border-radius: 0;}.faq-info .card-body { padding: 1.25rem 1.875rem 1.1875rem 2rem; border: none; background-color: #1b2640;}.faq-image-block { float: right;}@media (min-width: 768px) and (max-width: 1199px) { .faq-image-block { float: none; margin-top: 3.75rem; text-align: center; }}@media (max-width: 767px) { .faq-image-block { float: none; margin-top: 3.125rem; }}.video-info { position: relative; height: 447px; background-image: url(img/about/2.jpg); background-repeat: no-repeat; background-position: center center; background-size: cover; border-radius: 0.5rem;}@media (max-width: 767px) { .video-info { height: 350px; }}.video-info::after { position: absolute; content: ""; left: 0; top: 0; width: 100%; height: 100%; border-radius: 0.5rem; background-color: rgba(27, 38, 64, 0.9);}.video-btn { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 10;}.video-btn a { margin: auto; display: inline-block; font-size: 2.75rem;}.cd-popup-container,.cd-popup::before { display: inline-block; vertical-align: middle;}.cd-popup { position: fixed; left: 0; top: 0; height: 100%; width: 100%; text-align: center; z-index: 1000000; background-color: rgba(94, 110, 141, 0.9); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; visibility: hidden; -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s; -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s; transition: opacity 0.3s 0s, visibility 0s 0.3s;}.cd-popup.is-visible { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; visibility: visible; -webkit-transition: opacity 0.3s 0s, visibility 0s 0s; -moz-transition: opacity 0.3s 0s, visibility 0s 0s; transition: opacity 0.3s 0s, visibility 0s 0s;}.cd-popup-container { text-align: center; -webkit-transform: translateY(-40px); -moz-transform: translateY(-40px); -ms-transform: translateY(-40px); -o-transform: translateY(-40px); transform: translateY(-40px); -webkit-backface-visibility: hidden; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; transition-property: transform; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; transition-duration: 0.3s; max-width: 650px; position: relative; z-index: 1;}.cd-popup-container .cd-popup-close { position: absolute; top: 0; right: 0; width: 30px; height: 30px; line-height: 28px; font-size: 1.1875rem; color: #ef4836;}.cd-popup-container a { background: #fff; height: 110px; width: 110px; border-radius: 50%; display: inline-block;}.is-visible .cd-popup-container { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);}.video-container { position: relative; max-height: 100%; max-width: 650px; height: 350px; margin: 0 auto;}.video-container iframe { max-width: 650px; width: 100%; overflow: hidden;}.cd-popup::before { content: ""; height: 100%;}.cd-popup-container { width: 80%; background: #eee;}.feedback-area.about-feedback { padding-top: 6.25rem;}@media (max-width: 767px) { .feedback-area.about-feedback { padding-top: 5.625rem; }}/*----------------------------------------*//* 18. Services Page/*----------------------------------------*/.service-provide-single:nth-child(7) .service-provide-icon { background-color: #ea4c88;}.service-provide-single:nth-child(8) .service-provide-icon { background-color: #a96dfd;}.service-provide-single:nth-child(9) .service-provide-icon { background-color: #79bd8f;}.subscribe-area { height: 146px; background-image: url(img/subscribe/1.jpg); position: relative;}.subscribe-area::after { position: absolute; content: ""; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(27, 38, 64, 0.9);}@media (max-width: 767px) { .subscribe-area { height: auto; }}.subscribe-content { height: 146px; -webkit-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; -ms-align-items: center; align-items: center; position: relative; z-index: 1;}@media (max-width: 767px) { .subscribe-content { height: auto; padding: 2.5rem 0 2.8125rem; -webkit-justify-content: center; -ms-justify-content: center; justify-content: center; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; text-align: center; }}.subscribe-info h3 { font-size: 1.875rem; font-weight: 600; margin-bottom: 0;}@media (max-width: 767px) { .subscribe-info h3 { font-size: 1.5625rem; }}.subscribe-info p { margin-bottom: 0;}.subscribe-form { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%;}@media (min-width: 768px) and (max-width: 991px) { .subscribe-form { padding-left: 1.875rem; }}@media (max-width: 767px) { .subscribe-form { -ms-flex: 0 0 0%; flex: 0 0 0%; margin-top: 1.25rem; }}.subscribe-form .form-control { height: 50px; background-color: #f8f8f8; border: 1px solid #c6c6c6; border-right: 1px solid transparent; padding-left: 30px; border-radius: 8px;}.btn-subscribe { background-color: #f8f8f8; border: 1px solid #c6c6c6; border-top-right-radius: 8px; border-bottom-right-radius: 8px; border-left: 1px solid transparent; cursor: pointer; padding-right: 1.875rem; padding-left: 1.25rem; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}.btn-subscribe:hover { padding-right: 1.5625rem;}.service-details-info h3,.project-details-info h3 { padding: 1.1875rem 0 0.3125rem;}.service-details-analysis,.project-details-result { display: -ms-grid; display: grid; -ms-grid-columns: 1.1fr 1fr; grid-template-columns: 1.1fr 1fr; grid-gap: 30px; margin-bottom: 1.25rem;}@media (max-width: 767px) { .service-details-analysis,.project-details-result { -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 0; }}.analysis-text h3,.result-text h3 { font-size: 1.375rem; font-weight: 600; padding: 0.5rem 0 0.375rem;}.analysis-image,.result-image { padding-top: 1rem;}@media (max-width: 767px) { .analysis-image,.result-image { padding-top: 1.875rem; }}.how-to-process h3 { font-weight: 600; padding-bottom: 0.9375rem;}.process-block { display: -ms-grid; display: grid; -ms-grid-columns: 1fr [3]; grid-template-columns: repeat(3, 1fr); grid-gap: 12px;}@media (max-width: 767px) { .process-block { -ms-grid-columns: 1fr [1]; grid-template-columns: repeat(1, 1fr); grid-gap: 30px; }}.process-single { display: block; text-align: center; background-color: #1b2640; padding: 2.5rem 0.9375rem 0.875rem; position: relative;}.process-single::after { position: absolute; content: ""; left: 0; top: 0; width: 100%; height: 100%; -webkit-filter: blur(10px); filter: blur(10px); z-index: -1; background: rgba(0, 0, 0, 0.05);}.process-single span { display: block; line-height: 1;}.process-single span::before { font-size: 2.5rem;}.process-single h5 { padding: 1.5625rem 0 1rem;}@media (min-width: 992px) and (max-width: 1199px) { .process-single h5 { font-size: 1.0625rem; }}.service-details-faq { padding-top: 4.0625rem;}@media (min-width: 768px) and (max-width: 991px) { .service-details-faq { padding-bottom: 3.75rem; }}@media (max-width: 767px) { .service-details-faq { padding-bottom: 3.125rem; }}.service-details-faq .faq-info h3 { padding-bottom: 0.9375rem;}.aside-area { padding-left: 1.875rem;}@media (max-width: 1199px) { .aside-area { padding-left: 0; }}.aside-content { margin-bottom: 3.75rem; border: 1px solid #e5e5e5; border-radius: 0.3125rem;}.aside-content h4 { font-weight: 600; position: relative; height: 50px; line-height: 49px; padding-left: 1.875rem; margin-bottom: 0;}.aside-content h4::before { position: absolute; content: ""; left: 0; bottom: 0; width: 100%; height: 1px; background-color: #e5e5e5;}.aside-list { padding: 0.625rem 1.875rem;}.aside-list li a { display: block; border-bottom: 1px solid #e5e5e5; height: 50px; line-height: 50px;}.aside-list li a:hover { color: #fff;}.aside-list li a span { float: right; line-height: 49px; padding-right: 0.3125rem;}.aside-list li a span::before { font-size: 1rem;}.aside-list li:last-child a { border-bottom: none;}.awesome-theme { background-image: url(img/services/8.jpg); background-repeat: no-repeat; background-position: center center; background-size: cover; position: relative;}.awesome-theme::after { position: absolute; content: ""; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(27, 38, 64, 0.9);}.awseome-theme-content { position: relative; z-index: 1; text-align: center; padding: 2.0625rem 0.9375rem 2.5rem;}.awseome-theme-content h4 { font-size: 1.375rem; font-weight: 600; padding-bottom: 1rem;}.awseome-theme-content a { display: block;}.awseome-theme-content .btn-buy { display: inline-block; background: #fff; margin-top: 2.5rem;}/*----------------------------------------*//* 19. Projects Page/*----------------------------------------*/.btn-view.btn { width: 250px; margin: 5rem auto 0; display: block;}.project-result-list,.blog-content-list { padding-top: 0.25rem;}.project-result-list li,.blog-content-list li { position: relative; padding-left: 1.375rem;}.project-result-list li::before,.blog-content-list li::before { position: absolute; content: ""; left: 0; top: calc(50% - 3.5px); width: 7px; height: 7px; background-color: #fff; border-radius: 50%;}.project-info { display: table; content: ""; clear: both; padding-top: 2.5rem;}@media (min-width: 768px) and (max-width: 991px) { .project-info { padding-bottom: 3.75rem; }}@media (max-width: 767px) { .project-info { padding-top: 1.25rem; padding-bottom: 1.875rem; }}.project-info li { float: left; margin-right: 5rem;}@media (min-width: 992px) and (max-width: 1199px) { .project-info li { margin-right: 3.875rem; }}@media (max-width: 767px) { .project-info li { margin-right: 0px; width: 50%; margin-bottom: 0.625rem; }}.project-info li span { display: block; font-size: 1.125rem; font-weight: 600;}.project-details-info p:nth-child(3) { margin-bottom: 0.5625rem;}.project-details.section-padding { padding-bottom: 5.5625rem;}/*----------------------------------------*//* 20. Blog Page/*----------------------------------------*/.blog-post .blog-content { padding-bottom: 1.25rem;}.blog-content p { padding-top: 0.625rem;}.blog-content a { display: inline-block; font-weight: 600;}.blog-search-option { position: relative; display: block; margin-bottom: 3.75rem;}@media (min-width: 768px) and (max-width: 991px) { .blog-search-option { margin-top: 3.75rem; }}@media (max-width: 767px) { .blog-search-option { margin-top: 3.125rem; }}.blog-search-option .input-search { width: 100%; height: 50px; padding: 0.3125rem 0 0.3125rem 1.25rem; border: 1px solid #e5e5e5; border-radius: 0.25rem;}.blog-search-option .button { font-size: 1.25rem; position: absolute; top: 0; right: 0; width: 60px; height: 50px; border: 1px solid #e5e5e5; border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; cursor: pointer; background-color: transparent;}.blog-search-option .button i { font-size: 1.25rem; line-height: 29px;}.recent-post { padding: 0.625rem 1.875rem;}.recent-single-post { padding: 1.25rem 0;}.recent-single-post:not(:last-child) { border-bottom: 1px solid #e5e5e5;}.post-img { margin-right: 1.125rem; max-width: 57px; -webkit-box-flex: 0; -ms-flex: 0 0 57px; flex: 0 0 57px;}@media (min-width: 992px) and (max-width: 1199px) { .post-img { margin-right: 6px; }}@media (max-width: 369px) { .recent-single-post { display: block; } .post-img { margin-right: 0; margin-bottom: 0.9375rem; }}.pst-content h6 { font-family: "Open Sans", sans-serif; line-height: 24px; margin: -0.3125rem 0 0.125rem;}.tags-list { -webkit-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -0.09375rem; padding: 1.875rem 1.875rem 1.6875rem;}.tags-item a { display: inline-block; border: 1px solid #e5e5e5; border-radius: 0.3125rem; height: 40px; padding: 0.1875rem 1.0625rem; margin: 0 0.09375rem 0.1875rem;}.single-news-slide { position: relative;}.single-news-slide::after { position: absolute; content: ""; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.15);}.blog-post .owl-prev,.blog-post .owl-next { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%);}.single-news-slider .owl-prev { left: 10px;}.single-news-slider .owl-next { right: 10px;}.blog-post .owl-theme .owl-nav { margin-top: 0;}.blog-post .owl-carousel .owl-nav button.owl-next,.blog-post .owl-carousel .owl-nav button.owl-prev { border: 2px solid #fff; color: #fff;}.blog-post .owl-theme .owl-nav [class*=owl-]:hover { background: #fff;}.single-news-video { position: relative;}.single-news-video::after { position: absolute; content: ""; left: 0; top: 0; width: 100%; height: 100%;}.single-news-video .video-btn { width: 100%; height: 100%;}.single-news-video .video-btn span::before { -webkit-text-fill-color: #ffffff;}.single-news-video .video-btn a:hover span::before { -webkit-text-fill-color: transparent;}.video-btn .fa-vimeo-square,.video-btn .fa-youtube { color: #ff0000;}.video-btn .fa-vimeo-square::after,.video-btn .fa-youtube::after { position: absolute; content: ""; background-color: #ffffff; z-index: -1;}.video-btn .fa-vimeo-square::after { left: 5px; top: 8px; width: 28px; height: 28px;}.video-btn .fa-youtube::after { left: 15px; top: 12px; width: 20px; height: 20px;}.pagination-block { display: block; width: 100%;}.pagination-block nav { display: inline-block;}.pagination-block .page-link { font-weight: 600; width: 35px; height: 35px; line-height: 35px; border-radius: 0.25rem; margin: 0 0.3125rem; padding: 0; text-align: center; border: none;}@media (min-width: 414px) and (max-width: 767px) { .pagination-block .page-link { margin: 0 0.125rem; }}.pagination-block .page-link:hover { background-color: #1b2640;}.pagination-block .page-item.active .page-link { background-color: #1b2640;}.page-item:first-child .page-link,.page-item:last-child .page-link { width: auto; padding: 0 1rem;}@media (min-width: 414px) and (max-width: 767px) { .page-item:first-child .page-link,.page-item:last-child .page-link { padding: 0 0.75rem; }}@media (max-width: 413px) { .pagination-block nav { display: block; } .pagination-block .pagination { display: table; content: ""; clear: both; text-align: center; } .pagination-block .pagination li { float: left; } .pagination-block .pagination li:first-child { width: 100%; margin-bottom: 0.9375rem; } .pagination-block .pagination li:last-child { width: 100%; margin-top: 0.9375rem; }}.quote-content { margin: 1.8125rem 0 3.3125rem; padding: 0.6875rem 1.875rem 1.25rem; background-color: #f8f8f8;}.quote-content p { font-style: italic; line-height: 30px; color: #555; margin-bottom: 0.375rem;}.quote-content span { display: block; font-weight: 600; font-style: italic; color: #555;}.blog-content-bottom h4 { padding-bottom: 0.375rem;}.blog-content-list { display: -ms-grid; display: grid; -ms-grid-columns: 1fr [2]; grid-template-columns: repeat(2, 1fr); grid-column-gap: 50px; padding-right: 13.875rem;}@media (min-width: 992px) and (max-width: 1199px) { .blog-content-list { padding-right: 5rem; }}@media (min-width: 768px) and (max-width: 991px) { .blog-content-list { padding-right: 10.3125rem; }}@media (max-width: 767px) { .blog-content-list { -ms-grid-columns: 1fr [1]; grid-template-columns: repeat(1, 1fr); grid-column-gap: 0; padding-right: 0; }}.blog-content-list li::before { background-color: #232323;}.blog-details-area .blog-content { padding-bottom: 1.8125rem;}.tag-share-area { -webkit-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; -ms-align-items: center; align-items: center; margin: 2.5rem 0 5rem;}@media (max-width: 767px) { .tag-share-area { height: auto; display: block; }}.tag-area,.share-area { -webkit-align-items: center; -ms-align-items: center; align-items: center;}.tag-area h6,.share-area h6 { margin: 0 1.5625rem 0 0;}@media (max-width: 767px) { .tag-area { display: block; margin-bottom: 1.25rem; } .tag-area h6 { padding-bottom: 0.625rem; }}.tag-list li { display: inline-block; margin-right: 0.375rem;}.tag-list li:last-child { margin-right: 0;}.tag-list li a { height: 30px; display: block; border: 1px solid #e5e5e5; line-height: 28px; padding: 0 1.125rem; border-radius: 0.25rem;}.tag-list li a:hover { border-color: #fff;}.share-area .social-list { padding-top: 0;}@media (max-width: 767px) { .comment-details { display: block; }}.comment-img { max-width: 100px; -webkit-box-flex: 0; -ms-flex: 0 0 100px; flex: 0 0 100px; margin-right: 1.25rem;}@media (max-width: 767px) { .comment-img { margin-right: 0; margin-bottom: 0.6875rem; }}.comment-img img { width: 100px; height: 100px;}.comment-content h5 { text-transform: capitalize;}.comment-content .name-title { display: block; font-style: italic;}.comment-content p { padding: 0.375rem 0 0.3125rem;}.comment-content { padding-bottom: 1.875rem; border-bottom: 1px solid #e5e5e5;}.nextprev-area { -webkit-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; margin-top: 1.8125rem;}.nextprev-area a { font-size: 0.875rem; font-weight: 600; text-transform: uppercase; display: inline-block;}.comments-area { margin-top: 3.875rem;}.comments-area h3 { padding-bottom: 1.5625rem; font-weight: 700;}.comments-list .comment-content { padding-bottom: 0; margin-bottom: 1.875rem;}.comments-list .comment-content { padding-bottom: 0; margin-bottom: 1.875rem;}.comments-list li:last-child .comment-content { border-bottom: none; margin-bottom: 0;}.comments-list-reply li:last-child .comment-content { border-bottom: 1px solid #e5e5e5; margin-bottom: 30px;}.comments-list-reply { padding-left: 7.5rem;}@media (max-width: 767px) { .comments-list-reply { padding-left: 0.9375rem; }}.date-reply { display: table; content: ""; clear: initial; width: 100%;}.date-reply li { float: left; margin-right: 0.625rem;}.date-reply li:last-child { float: right; margin-right: 0;}.date-reply li:last-child a { font-size: 0.875rem; font-weight: 600;}.date-reply li a { font-size: 0.875rem; display: inline-block;}.comment-respond h3 { padding: 2.6875rem 0 1.5625rem;}.comment-form,.contact-form { margin: 0 -0.9375rem;}.comment-form .form-group,.contact-form .form-group { margin-bottom: 1.875rem; float: left; width: 50%; padding: 0 0.9375rem;}@media (max-width: 767px) { .comment-form .form-group,.contact-form .form-group { width: 100%; }}.comment-form .form-group:nth-child(3),.contact-form .form-group:nth-child(3) { width: 100%;}.comment-form .form-group:last-child,.contact-form .form-group:last-child { margin-bottom: 0;}.comment-form .form-control,.contact-form .form-control { height: 50px; border-color: #e5e5e5; padding-left: 1.25rem;}.comment-form .form-control:focus,.contact-form .form-control:focus { color: #232323; border-color: #e5e5e5; box-shadow: none;}.comment-form textarea.form-control,.contact-form textarea.form-control { height: 154px; padding-top: 1.25rem; resize: none;}/*----------------------------------------*//* 21. Faq Page/*----------------------------------------*/.faq-page.section-padding { padding-top: 6.25rem;}@media (max-width: 767px) { .faq-page.section-padding { padding-top: 5.625rem; }}.faq-title h2 { text-align: center; padding-bottom: 1.625rem;}/*----------------------------------------*//* 22. Error Page/*----------------------------------------*/.error-content { text-align: center;}.error-content span { display: block; line-height: 1;}.error-content span::before { font-size: 94px; line-height: 86px;}.error-content h3 { font-weight: 600; text-transform: capitalize; margin: 2rem 0 0;}.go-list { max-width: 235px; margin: 0 auto; text-align: left; padding-top: 1.5625rem;}.go-list li { position: relative; padding-left: 16px;}.go-list li::before { position: absolute; content: ""; left: 0; top: 50%; width: 6px; height: 6px; background-color: #fff; transform: translateY(-50%) rotate(45deg);}.error-area.section-padding { padding-bottom: 5.625rem;}@media (max-width: 767px) { .error-area.section-padding { padding-bottom: 5rem; }}/*----------------------------------------*//* 23. Contact Page/*----------------------------------------*/.contact-area .map-cont { width: 100%; height: 600px; margin-bottom: 3.75rem;}@media (min-width: 768px) and (max-width: 991px) { .contact-area .map-cont { height: 450px; }}@media (max-width: 767px) { .contact-area .map-cont { height: 300px; }}@media (max-width: 991px) { .contact-address { display: block; }}.contact-single p { max-width: 264px;}.contact-single { position: relative; margin-right: 4.125rem; padding-right: 4.125rem;}@media (min-width: 992px) and (max-width: 1199px) { .contact-single { margin-right: 2.1875rem; padding-right: 2.1875rem; }}@media (max-width: 991px) { .contact-single { margin-right: 0; padding-right: 0; margin-bottom: 2.5rem; } .contact-single:last-child { margin-bottom: 0; }}.contact-single:nth-child(2) .contact-icon { background-color: #3cdb7f;}.contact-single:nth-child(3) .contact-icon { background-color: #a96dfd;}.contact-single::after { position: absolute; content: ""; right: 0; top: 58px; width: 1px; height: 93px; background-color: #e5e5e5;}@media (max-width: 991px) { .contact-single::after { width: 0; height: 0; }}.contact-single:last-child::after { width: 0; height: 0;}.contact-single h4 { font-weight: 600; padding-bottom: 0.0625rem;}.contact-single p { margin-bottom: 0;}.contact-icon { width: 54px; height: 54px; display: inline-block; line-height: 54px; text-align: center; border: 4px solid #f1fcf6; border-radius: 50%; background-color: #fd516c; margin-bottom: 1.1875rem;}.contact-icon span { display: block; line-height: 1;}.contact-icon span::before { font-size: 1.5rem; line-height: 46px;}.contact-form .form-group:nth-child(3) { width: 50%;}@media (max-width: 767px) { .contact-form .form-group:nth-child(3) { width: 100%; }}.contact-form .form-group:nth-child(5) { width: 100%;}.contact-form { margin-top: 3.375rem;}.contact-form h3 { font-weight: 600; padding-bottom: 1.5625rem; margin-left: 0.9375rem;}.contact-form .form-control { background-color: #fafafa;}.form-messages.success,.form-message.success { color: #3c763d;}.form-messages.error,.form-message.error { color: #f00;}/*----------------------------------------*//* 24. Login Page/*----------------------------------------*/.login-block { max-width: 770px; margin: 0 auto; text-align: center; background-color: #ffffff; padding: 3.625rem 3.75rem 2.75rem; position: relative;}@media (max-width: 767px) { .login-block { padding: 3rem 0.9375rem 2.125rem; }}.login-content h3 { padding-bottom: 1.5625rem;}.login-content .form-control { height: 50px; background-color: #fafafa; padding-left: 1.25rem;}.user-password { display: -ms-grid; display: grid; -ms-grid-columns: 1fr [2]; grid-template-columns: repeat(2, 1fr); grid-column-gap: 30px;}@media (max-width: 767px) { .user-password { -ms-grid-columns: 1fr [1]; grid-template-columns: repeat(1, 1fr); grid-column-gap: 0; }}span.option-or { display: block; font-family: "Exo 2", sans-serif; font-size: 1.5rem; font-weight: 500; margin: 0.25rem 0 0.625rem 0;}.login-social { padding: 0.9375rem 0 1.25rem;}.login-social a { display: inline-block; background-color: #3b5998; text-transform: uppercase; border-radius: 0.25rem; height: 40px; line-height: 40px; padding: 0 1.25rem; margin: 0 0.375rem;}@media (max-width: 767px) { .login-social a { margin-bottom: 0.9375rem; }}.login-social a:nth-child(2) { background-color: #e34133;}.login-social a:nth-child(3) { background-color: #55acee;}.login-social a i { display: inline-block; margin-right: 0.625rem;}.form-check-inline { margin-right: 0; margin-left: -18.75rem;}@media (max-width: 767px) { .form-check-inline { margin-left: 0; }}.icheckbox_minimal-blue,.iradio_minimal-blue { display: inline-block; width: 18px; height: 18px; margin: 0; padding: 0; cursor: pointer; vertical-align: middle; border: none; background: url(img/hero/blue.png) no-repeat;}.icheckbox_minimal-blue { margin: 2px 10px 0 0;}.icheckbox_minimal-blue { background-position: 0 0;}.icheckbox_minimal-blue.hover { background-position: -20px 0;}.icheckbox_minimal-blue.checked { background-position: -40px 0;}.icheckbox_minimal-blue.disabled { cursor: default; background-position: -60px 0;}.icheckbox_minimal-blue.checked.disabled { background-position: -80px 0;}.iradio_minimal-blue { background-position: -100px 0; margin: -2px 10px 0 0;}.iradio_minimal-blue.hover { background-position: -120px 0;}.iradio_minimal-blue.checked { background-position: -140px 0;}.iradio_minimal-blue.disabled { cursor: default; background-position: -160px 0;}.iradio_minimal-blue.checked.disabled { background-position: -180px 0;}@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) { .icheckbox_minimal-blue,.iradio_minimal-blue { background-image: url(img/hero/[email protected]); background-size: 200px 20px; }}.btn.login-btn { background-color: #1b2640; text-transform: capitalize; font-weight: 600; display: block; width: 55%; margin: 3.125rem auto 0;}@media (max-width: 767px) { .btn.login-btn { margin: 2.5rem auto 0; }}/*----------------------------------------*//* END CSS/*----------------------------------------*//*# sourceMappingURL=style.css.map */