body {font-family: "Open Sans", sans-serif;color: #4d4643;}a {color: #1bbd36;}a:hover {color: #2ae149;text-decoration: none;}h1, h2, h3, h4, h5, h6 {font-family: "Roboto", sans-serif;}.back-to-top {position: fixed;display: none;width: 40px;height: 40px;border-radius: 3px;right: 15px;bottom: 15px;background: #1bbd36;color: #fff;transition: display 0.5s ease-in-out;z-index: 99999;}.back-to-top i {font-size: 24px;position: absolute;top: 8px;left: 8px;}.back-to-top:hover {color: #fff;background: #2ae149;transition: 0.3s ease-in-out;}@media screen and (max-width: 768px) {[data-aos-delay] { transition-delay: 0 !important;}}#header {background: #fff;transition: all 0.5s;z-index: 997;padding: 15px 0;box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);}#header .logo {font-size: 28px;margin: 0;padding: 0;line-height: 1;font-weight: 700;letter-spacing: 0.5px;text-transform: uppercase;}#header .logo a {color: #111;}#header .logo a span {color: #1bbd36;}#header .logo img {max-height: 40px;}.nav-menu ul {margin: 0;padding: 0;list-style: none;}.nav-menu > ul {display: flex;}.nav-menu > ul > li {position: relative;white-space: nowrap;padding: 10px 0 10px 28px;}.nav-menu a {display: block;position: relative;color: #111;transition: 0.3s;font-size: 13px;text-transform: uppercase;font-weight: 600;font-family: "Roboto", sans-serif;}.nav-menu a:hover, .nav-menu .active > a, .nav-menu li:hover > a {color: #1bbd36;}.nav-menu .drop-down ul {display: block;position: absolute;left: 15px;top: calc(100% + 30px);z-index: 99;opacity: 0;visibility: hidden;padding: 10px 0;background: #fff;box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);transition: 0.3s;border-top: 2px solid #1bbd36;}.nav-menu .drop-down:hover > ul {opacity: 1;top: 100%;visibility: visible;}.nav-menu .drop-down li {min-width: 180px;position: relative;}.nav-menu .drop-down ul a {padding: 10px 20px;font-size: 14px;font-weight: 500;text-transform: none;color: #111;}.nav-menu .drop-down ul a:hover, .nav-menu .drop-down ul .active > a, .nav-menu .drop-down ul li:hover > a {color: #1bbd36;}.nav-menu .drop-down > a:after {content: "\ea99";font-family: IcoFont;padding-left: 5px;}.nav-menu .drop-down .drop-down ul {top: 0;left: calc(100% - 30px);}.nav-menu .drop-down .drop-down:hover > ul {opacity: 1;top: 0;left: 100%;}.nav-menu .drop-down .drop-down > a {padding-right: 35px;}.nav-menu .drop-down .drop-down > a:after {content: "\eaa0";font-family: IcoFont;position: absolute;right: 15px;}@media (max-width: 1366px) {.nav-menu .drop-down .drop-down ul { left: -90%;} .nav-menu .drop-down .drop-down:hover > ul { left: -100%;} .nav-menu .drop-down .drop-down > a:after { content: "\ea9d";}}.mobile-nav-toggle {position: fixed;right: 15px;top: 15px;z-index: 9998;border: 0;background: none;font-size: 24px;transition: all 0.4s;outline: none !important;line-height: 1;cursor: pointer;text-align: right;}.mobile-nav-toggle i {color: #1bbd36;}.mobile-nav {position: fixed;top: 55px;right: 15px;bottom: 15px;left: 15px;z-index: 9999;overflow-y: auto;background: #fff;transition: ease-in-out 0.2s;opacity: 0;visibility: hidden;border-radius: 10px;padding: 10px 0;}.mobile-nav * {margin: 0;padding: 0;list-style: none;}.mobile-nav a {display: block;position: relative;color: #111;padding: 10px 20px;font-weight: 500;outline: none;}.mobile-nav a:hover, .mobile-nav .active > a, .mobile-nav li:hover > a {color: #1bbd36;text-decoration: none;}.mobile-nav .drop-down > a:after {content: "\ea99";font-family: IcoFont;padding-left: 10px;position: absolute;right: 15px;}.mobile-nav .active.drop-down > a:after {content: "\eaa1";}.mobile-nav .drop-down > a {padding-right: 35px;}.mobile-nav .drop-down ul {display: none;overflow: hidden;}.mobile-nav .drop-down li {padding-left: 20px;}.mobile-nav-overly {width: 100%;height: 100%;z-index: 9997;top: 0;left: 0;position: fixed;background: rgba(0, 0, 0, 0.6);overflow: hidden;display: none;transition: ease-in-out 0.2s;}.mobile-nav-active {overflow: hidden;}.mobile-nav-active .mobile-nav {opacity: 1;visibility: visible;}.mobile-nav-active .mobile-nav-toggle i {color: #fff;}.header-social-links {padding-left: 14px;margin-left: 20px;border-left: 1px solid #c4c4c4;}.header-social-links a {color: #a0a0a0;padding-left: 6px;display: inline-block;line-height: 1px;transition: 0.3s;}.header-social-links a:hover {color: #1bbd36;}@media (max-width: 768px) {.header-social-links { padding: 0 48px 0 0; border-left: 0;}}#hero {width: 100%;height: 100vh;background-color: rgba(0, 0, 0, 0.8);overflow: hidden;position: relative;}#hero .carousel, #hero .carousel-inner, #hero .carousel-item, #hero .carousel-item::before {background-size: cover;background-position: center;background-repeat: no-repeat;position: absolute;top: 0;right: 0;left: 0;bottom: 0;}#hero .carousel-container {display: flex;align-items: flex-end;justify-content: center;position: absolute;bottom: 60px;top: 70px;left: 55px;right: 55px;}#hero .carousel-content {background: rgba(4, 4, 4, 0.7);padding: 20px;color: #fff;-webkit-animation-duration: .5s;animation-duration: .5s;border-top: 5px solid #1bbd36;}#hero .carousel-content h2 {color: #fff;margin-bottom: 20px;font-size: 28px;font-weight: 700;}#hero .btn-get-started {font-family: "Roboto", sans-serif;font-weight: 500;font-size: 14px;letter-spacing: 1px;display: inline-block;padding: 12px 32px;border-radius: 4px;transition: 0.5s;line-height: 1;margin: 10px;color: #fff;-webkit-animation-delay: 0.8s;animation-delay: 0.8s;border: 2px solid #1bbd36;}#hero .btn-get-started:hover {background: #1bbd36;color: #fff;text-decoration: none;}#hero .carousel-inner .carousel-item {transition-property: opacity;background-position: center top;}#hero .carousel-inner .carousel-item,#hero .carousel-inner .active.carousel-item-left,#hero .carousel-inner .active.carousel-item-right {opacity: 0;}#hero .carousel-inner .active,#hero .carousel-inner .carousel-item-next.carousel-item-left,#hero .carousel-inner .carousel-item-prev.carousel-item-right {opacity: 1;transition: 0.5s;}#hero .carousel-inner .carousel-item-next,#hero .carousel-inner .carousel-item-prev,#hero .carousel-inner .active.carousel-item-left,#hero .carousel-inner .active.carousel-item-right {left: 0;transform: translate3d(0, 0, 0);}#hero .carousel-control-prev, #hero .carousel-control-next {width: 10%;opacity: 1;}#hero .carousel-control-next-icon, #hero .carousel-control-prev-icon {background: none;font-size: 36px;line-height: 1;width: auto;height: auto;background: rgba(255, 255, 255, 0.2);border-radius: 50px;padding: 10px;transition: 0.3s;color: rgba(255, 255, 255, 0.5);}#hero .carousel-control-next-icon:hover, #hero .carousel-control-prev-icon:hover {background: rgba(255, 255, 255, 0.3);color: rgba(255, 255, 255, 0.8);}#hero .carousel-indicators li {cursor: pointer;background: #fff;overflow: hidden;border: 0;width: 12px;height: 12px;border-radius: 50px;opacity: .6;transition: 0.3s;}#hero .carousel-indicators li.active {opacity: 1;background: #1bbd36;}@media (min-width: 1024px) {#hero .carousel-content { width: 60%;} #hero .carousel-control-prev, #hero .carousel-control-next { width: 5%;}}@media (max-width: 992px) {#hero .carousel-container { top: 58px;} #hero .carousel-content h2 { margin-bottom: 15px; font-size: 22px;} #hero .carousel-content p { font-size: 15px;}}@media (max-height: 500px) {#hero { height: 120vh;}}section {padding: 60px 0;overflow: hidden;}.section-bg {background-color: #f7f7f7;}.section-title {text-align: center;padding-bottom: 30px;}.section-title h2 {font-size: 32px;font-weight: bold;text-transform: uppercase;margin-bottom: 20px;padding-bottom: 20px;position: relative;}.section-title h2::after {content: '';position: absolute;display: block;width: 50px;height: 3px;background: #1bbd36;bottom: 0;left: calc(50% - 25px);}.section-title p {margin-bottom: 0;}.breadcrumbs {padding: 15px 0;background: #1bbd36;min-height: 40px;margin-top: 72px;}.breadcrumbs h2 {font-size: 26px;font-weight: 300;color: #fff;}.breadcrumbs ol {display: flex;flex-wrap: wrap;list-style: none;padding: 0;margin: 0;color: #fff;}.breadcrumbs ol a {color: #fff;}.breadcrumbs ol li + li {padding-left: 10px;}.breadcrumbs ol li + li::before {display: inline-block;padding-right: 10px;color: #fff;content: "/";}@media (max-width: 991px) {.breadcrumbs { margin-top: 58px;} .breadcrumbs .d-flex { display: block !important;} .breadcrumbs ol { display: block;} .breadcrumbs ol li { display: inline-block;}}.services .icon-box {text-align: center;padding: 70px 20px 80px 20px;transition: all ease-in-out 0.3s;background: #fff;}.services .icon-box .icon {margin: 0 auto;width: 100px;height: 100px;display: flex;align-items: center;justify-content: center;transition: ease-in-out 0.3s;position: relative;}.services .icon-box .icon i {font-size: 36px;transition: 0.5s;position: relative;}.services .icon-box .icon svg {position: absolute;top: 0;left: 0;}.services .icon-box .icon svg path {transition: 0.5s;fill: #f5f5f5;}.services .icon-box h4 {font-weight: 600;margin: 10px 0 15px 0;font-size: 22px;}.services .icon-box h4 a {color: #111;transition: ease-in-out 0.3s;}.services .icon-box p {line-height: 24px;font-size: 14px;margin-bottom: 0;}.services .icon-box:hover {border-color: #fff;box-shadow: 0px 0 35px 0 rgba(0, 0, 0, 0.08);}.services .iconbox-blue i {color: #47aeff;}.services .iconbox-blue:hover .icon i {color: #fff;}.services .iconbox-blue:hover .icon path {fill: #47aeff;}.services .iconbox-orange i {color: #ffa76e;}.services .iconbox-orange:hover .icon i {color: #fff;}.services .iconbox-orange:hover .icon path {fill: #ffa76e;}.services .iconbox-pink i {color: #e80368;}.services .iconbox-pink:hover .icon i {color: #fff;}.services .iconbox-pink:hover .icon path {fill: #e80368;}.services .iconbox-yellow i {color: #ffbb2c;}.services .iconbox-yellow:hover .icon i {color: #fff;}.services .iconbox-yellow:hover .icon path {fill: #ffbb2c;}.services .iconbox-red i {color: #ff5828;}.services .iconbox-red:hover .icon i {color: #fff;}.services .iconbox-red:hover .icon path {fill: #ff5828;}.services .iconbox-teal i {color: #11dbcf;}.services .iconbox-teal:hover .icon i {color: #fff;}.services .iconbox-teal:hover .icon path {fill: #11dbcf;}.portfolio #portfolio-flters {padding: 0;margin: 0 auto 50px auto;list-style: none;text-align: center;}.portfolio #portfolio-flters li {cursor: pointer;display: inline-block;padding: 8px 20px 10px 20px;font-size: 14px;font-weight: 400;line-height: 1;text-transform: uppercase;color: #4d4643;transition: all 0.3s;border-radius: 4px;}.portfolio #portfolio-flters li:hover, .portfolio #portfolio-flters li.filter-active {color: #fff;background: #1bbd36;}.portfolio #portfolio-flters li:last-child {margin-right: 0;}.portfolio .portfolio-item {margin-bottom: 30px;}.portfolio .portfolio-item .portfolio-info {opacity: 0;position: absolute;left: 30px;right: 30px;bottom: 0;z-index: 3;transition: all ease-in-out 0.3s;background: rgba(255, 255, 255, 0.9);padding: 15px;}.portfolio .portfolio-item .portfolio-info h4 {font-size: 18px;color: #fff;font-weight: 600;color: #111;}.portfolio .portfolio-item .portfolio-info p {color: #444444;font-size: 14px;margin-bottom: 0;}.portfolio .portfolio-item .portfolio-info .preview-link, .portfolio .portfolio-item .portfolio-info .details-link {position: absolute;right: 40px;font-size: 24px;top: calc(50% - 18px);color: #2b2b2b;}.portfolio .portfolio-item .portfolio-info .preview-link:hover, .portfolio .portfolio-item .portfolio-info .details-link:hover {color: #1bbd36;}.portfolio .portfolio-item .portfolio-info .details-link {right: 10px;}.portfolio .portfolio-item .portfolio-links {opacity: 0;left: 0;right: 0;text-align: center;z-index: 3;position: absolute;transition: all ease-in-out 0.3s;}.portfolio .portfolio-item .portfolio-links a {color: #fff;margin: 0 2px;font-size: 28px;display: inline-block;transition: 0.3s;}.portfolio .portfolio-item .portfolio-links a:hover {color: #57e76f;}.portfolio .portfolio-item:hover .portfolio-info {opacity: 1;bottom: 20px;}.clients .clients-wrap {border-top: 1px solid #ececec;border-left: 1px solid #ececec;}.clients .client-logo {padding: 20px;display: flex;justify-content: center;align-items: center;border-right: 1px solid #ececec;border-bottom: 1px solid #ececec;overflow: hidden;background: #fff;height: 100px;}.clients .client-logo img {transition: all 0.3s ease-in-out;height: 36px;filter: grayscale(100%);}.clients .client-logo:hover img {filter: none;transform: scale(1.1);}.about-us .content h2 {font-weight: 700;font-size: 42px;line-height: 60px;margin-bottom: 20px;text-transform: uppercase;}.about-us .content h3 {font-weight: 500;line-height: 32px;font-size: 24px;}.about-us .content ul {list-style: none;padding: 0;}.about-us .content ul li {padding: 10px 0 0 28px;position: relative;}.about-us .content ul i {left: 0;top: 7px;position: absolute;font-size: 20px;color: #1bbd36;}.about-us .content p:last-child {margin-bottom: 0;}.team .member {margin-bottom: 20px;overflow: hidden;text-align: center;border-radius: 5px;background: #fff;box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);}.team .member .member-img {position: relative;overflow: hidden;}.team .member .social {position: absolute;left: 0;bottom: 0;right: 0;height: 40px;opacity: 0;transition: ease-in-out 0.3s;text-align: center;background: rgba(255, 255, 255, 0.85);}.team .member .social a {transition: color 0.3s;color: #111;margin: 0 10px;padding-top: 8px;display: inline-block;}.team .member .social a:hover {color: #1bbd36;}.team .member .social i {font-size: 18px;margin: 0 2px;}.team .member .member-info {padding: 25px 15px;}.team .member .member-info h4 {font-weight: 700;margin-bottom: 5px;font-size: 18px;color: #111;}.team .member .member-info span {display: block;font-size: 13px;font-weight: 400;color: #b4aca8;}.team .member .member-info p {font-style: italic;font-size: 14px;line-height: 26px;color: #847872;}.team .member:hover .social {opacity: 1;}.skills .progress {height: 50px;display: block;background: none;}.skills .progress .skill {padding: 0;margin: 0 0 6px 0;text-transform: uppercase;display: block;font-weight: 600;font-family: "Poppins", sans-serif;color: #111;}.skills .progress .skill .val {float: right;font-style: normal;}.skills .progress-bar-wrap {background: #e7e7e7;}.skills .progress-bar {width: 1px;height: 10px;transition: .9s;background-color: #1bbd36;}.features .icon-box {display: flex;align-items: center;padding: 20px;background: #fff;box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);transition: ease-in-out 0.3s;}.features .icon-box i {font-size: 32px;padding-right: 10px;line-height: 1;}.features .icon-box h3 {font-weight: 700;margin: 0;padding: 0;line-height: 1;font-size: 16px;}.features .icon-box h3 a {color: #111;transition: ease-in-out 0.3s;}.features .icon-box h3 a:hover {color: #1bbd36;}.pricing .box {padding: 20px;background: #fff;text-align: center;box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.12);border-radius: 5px;position: relative;overflow: hidden;}.pricing h3 {font-weight: 400;margin: -20px -20px 20px -20px;padding: 20px 15px;font-size: 16px;font-weight: 600;color: #847872;background: #f8f8f8;}.pricing h4 {font-size: 36px;color: #1bbd36;font-weight: 600;font-family: "Poppins", sans-serif;margin-bottom: 20px;}.pricing h4 sup {font-size: 20px;top: -15px;left: -3px;}.pricing h4 span {color: #bababa;font-size: 16px;font-weight: 300;}.pricing ul {padding: 0;list-style: none;color: #4d4643;text-align: center;line-height: 20px;font-size: 14px;}.pricing ul li {padding-bottom: 16px;}.pricing ul i {color: #1bbd36;font-size: 18px;padding-right: 4px;}.pricing ul .na {color: #ccc;text-decoration: line-through;}.pricing .btn-wrap {margin: 20px -20px -20px -20px;padding: 20px 15px;background: #f8f8f8;text-align: center;}.pricing .btn-buy {background: #1bbd36;display: inline-block;padding: 8px 35px 10px 35px;border-radius: 4px;color: #fff;transition: none;font-size: 14px;font-weight: 400;font-family: "Roboto", sans-serif;font-weight: 600;transition: 0.3s;}.pricing .btn-buy:hover {background: #2ae149;}.pricing .featured h3 {color: #fff;background: #1bbd36;}.pricing .advanced {width: 200px;position: absolute;top: 18px;right: -68px;transform: rotate(45deg);z-index: 1;font-size: 14px;padding: 1px 0 3px 0;background: #1bbd36;color: #fff;}.faq .faq-list {padding: 0 100px;}.faq .faq-list ul {padding: 0;list-style: none;}.faq .faq-list li + li {margin-top: 15px;}.faq .faq-list li {padding: 20px;background: #fff;border-radius: 4px;position: relative;}.faq .faq-list a {display: block;position: relative;font-family: "Poppins", sans-serif;font-size: 16px;line-height: 24px;font-weight: 500;padding: 0 30px;outline: none;}.faq .faq-list .icon-help {font-size: 24px;position: absolute;right: 0;left: 20px;color: lightgray;}.faq .faq-list .icon-show, .faq .faq-list .icon-close {font-size: 24px;position: absolute;right: 0;top: 0;}.faq .faq-list p {margin-bottom: 0;padding: 10px 0 0 0;}.faq .faq-list .icon-show {display: none;}.faq .faq-list a.collapsed {color: #343a40;transition: 0.3s;}.faq .faq-list a.collapsed:hover {color: #1bbd36;}.faq .faq-list a.collapsed .icon-show {display: inline-block;}.faq .faq-list a.collapsed .icon-close {display: none;}@media (max-width: 1200px) {.faq .faq-list { padding: 0;}}.testimonials .testimonial-item {box-sizing: content-box;padding: 40px;box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.08);position: relative;background: #fff;}.testimonials .testimonial-item .testimonial-img {width: 90px;border-radius: 50px;border: 6px solid #fff;float: left;margin: 0 10px 0 0;}.testimonials .testimonial-item h3 {font-size: 18px;font-weight: bold;margin: 10px 0 5px 0;color: #111;}.testimonials .testimonial-item h4 {font-size: 14px;color: #999;margin: 0;}.testimonials .testimonial-item .quote-icon-left, .testimonials .testimonial-item .quote-icon-right {color: #dddddd;font-size: 26px;}.testimonials .testimonial-item .quote-icon-left {display: inline-block;left: -5px;position: relative;}.testimonials .testimonial-item .quote-icon-right {display: inline-block;right: -5px;position: relative;top: 10px;}.testimonials .testimonial-item p {font-style: italic;margin: 15px 0 0 0;padding: 0;}.contact .info-wrap {box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);padding: 30px;}.contact .info {background: #fff;}.contact .info i {font-size: 20px;color: #1bbd36;float: left;width: 44px;height: 44px;border: 1px solid #1bbd36;display: flex;justify-content: center;align-items: center;border-radius: 50px;transition: all 0.3s;}.contact .info h4 {padding: 0 0 0 60px;font-size: 22px;font-weight: 600;margin-bottom: 5px;color: #111;}.contact .info p {padding: 0 0 0 60px;margin-bottom: 0;font-size: 14px;color: #444444;}.contact .info:hover i {background: #1bbd36;color: #fff;}.contact .php-email-form {width: 100%;box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.12);padding: 30px;background: #fff;}.contact .php-email-form .form-group {padding-bottom: 8px;}.contact .php-email-form .validate {display: none;color: red;margin: 0 0 15px 0;font-weight: 400;font-size: 13px;}.contact .php-email-form .error-message {display: none;color: #fff;background: #ed3c0d;text-align: left;padding: 15px;font-weight: 600;}.contact .php-email-form .error-message br + br {margin-top: 25px;}.contact .php-email-form .sent-message {display: none;color: #fff;background: #18d26e;text-align: center;padding: 15px;font-weight: 600;}.contact .php-email-form .loading {display: none;background: #fff;text-align: center;padding: 15px;}.contact .php-email-form .loading:before {content: "";display: inline-block;border-radius: 50%;width: 24px;height: 24px;margin: 0 10px -6px 0;border: 3px solid #18d26e;border-top-color: #eee;-webkit-animation: animate-loading 1s linear infinite;animation: animate-loading 1s linear infinite;}.contact .php-email-form input, .contact .php-email-form textarea {border-radius: 0;box-shadow: none;font-size: 14px;border-radius: 4px;}.contact .php-email-form input:focus, .contact .php-email-form textarea:focus {border-color: #1bbd36;}.contact .php-email-form input {height: 44px;}.contact .php-email-form textarea {padding: 10px 12px;}.contact .php-email-form button[type="submit"] {background: #1bbd36;border: 0;padding: 10px 24px;color: #fff;transition: 0.4s;border-radius: 4px;}.contact .php-email-form button[type="submit"]:hover {background: #2ae149;}@-webkit-keyframes animate-loading {0% { transform: rotate(0deg);} 100% { transform: rotate(360deg);}}@keyframes animate-loading {0% { transform: rotate(0deg);} 100% { transform: rotate(360deg);}}.portfolio-details {padding: 40px 0;}.portfolio-details .portfolio-details-container {position: relative;}.portfolio-details .portfolio-details-carousel {position: relative;z-index: 1;}.portfolio-details .portfolio-details-carousel .owl-nav, .portfolio-details .portfolio-details-carousel .owl-dots {margin-top: 5px;text-align: left;}.portfolio-details .portfolio-details-carousel .owl-dot {display: inline-block;margin: 0 10px 0 0;width: 12px;height: 12px;border-radius: 50%;background-color: #ddd !important;}.portfolio-details .portfolio-details-carousel .owl-dot.active {background-color: #1bbd36 !important;}.portfolio-details .portfolio-info {padding: 30px;position: absolute;right: 0;bottom: -70px;background: #fff;box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);z-index: 2;}.portfolio-details .portfolio-info h3 {font-size: 22px;font-weight: 700;margin-bottom: 20px;padding-bottom: 20px;border-bottom: 1px solid #eee;}.portfolio-details .portfolio-info ul {list-style: none;padding: 0;font-size: 15px;}.portfolio-details .portfolio-info ul li + li {margin-top: 10px;}.portfolio-details .portfolio-description {padding-top: 50px;}.portfolio-details .portfolio-description h2 {width: 50%;font-size: 26px;font-weight: 700;margin-bottom: 20px;}.portfolio-details .portfolio-description p {padding: 0 0 0 0;}@media (max-width: 768px) {.portfolio-details .portfolio-info { position: static; margin-top: 30px;}}.blog {padding: 40px 0 20px 0;}.blog .entry {padding: 30px;margin-bottom: 60px;box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);}.blog .entry .entry-img {max-height: 400px;margin: -30px -30px 20px -30px;overflow: hidden;}.blog .entry .entry-title {font-size: 28px;font-weight: bold;padding: 0;margin: 0 0 20px 0;}.blog .entry .entry-title a {color: #111;transition: 0.3s;}.blog .entry .entry-title a:hover {color: #1bbd36;}.blog .entry .entry-meta {margin-bottom: 15px;color: #aaaaaa;}.blog .entry .entry-meta ul {display: flex;flex-wrap: wrap;list-style: none;padding: 0;margin: 0;}.blog .entry .entry-meta ul li + li {padding-left: 20px;}.blog .entry .entry-meta i {font-size: 14px;padding-right: 4px;}.blog .entry .entry-meta a {color: #5e5e5e;font-size: 14px;display: inline-block;line-height: 20px;transition: 0.3s;}.blog .entry .entry-meta a:hover {color: #1bbd36;}.blog .entry .entry-content p {line-height: 24px;}.blog .entry .entry-content .read-more {-moz-text-align-last: right;text-align-last: right;}.blog .entry .entry-content .read-more a {display: inline-block;background: #1bbd36;color: #fff;padding: 7px 25px;transition: 0.3s;font-size: 14px;border-radius: 4px;}.blog .entry .entry-content .read-more a:hover {background: #1ed33c;}.blog .entry .entry-content h3 {font-size: 22px;margin-top: 30px;font-weight: bold;}.blog .entry .entry-content blockquote {overflow: hidden;background-color: #fafafa;padding: 60px;position: relative;text-align: center;margin: 20px 0;}.blog .entry .entry-content blockquote p {color: #4d4643;line-height: 1.6;margin-bottom: 0;font-style: italic;font-weight: 500;font-size: 22px;}.blog .entry .entry-content blockquote .quote-left {position: absolute;left: 20px;top: 20px;font-size: 36px;color: #e7e7e7;}.blog .entry .entry-content blockquote .quote-right {position: absolute;right: 20px;bottom: 20px;font-size: 36px;color: #e7e7e7;}.blog .entry .entry-content blockquote::after {content: '';position: absolute;left: 0;top: 0;bottom: 0;width: 3px;background-color: #111;margin-top: 20px;margin-bottom: 20px;}.blog .entry .entry-footer {padding-top: 10px;border-top: 1px solid #e6e6e6;}.blog .entry .entry-footer i {color: #5e5e5e;display: inline;}.blog .entry .entry-footer a {color: #8b8b8b;transition: 0.3s;}.blog .entry .entry-footer a:hover {color: #1bbd36;}.blog .entry .entry-footer .cats {list-style: none;display: inline;padding: 0 20px 0 0;font-size: 14px;}.blog .entry .entry-footer .cats li {display: inline-block;}.blog .entry .entry-footer .tags {list-style: none;display: inline;padding: 0;font-size: 14px;}.blog .entry .entry-footer .tags li {display: inline-block;}.blog .entry .entry-footer .tags li + li::before {padding-right: 6px;color: #6c757d;content: ",";}.blog .entry .entry-footer .share {font-size: 16px;}.blog .entry .entry-footer .share i {padding-left: 5px;}.blog .entry-single {margin-bottom: 30px;}.blog .blog-author {padding: 20px;margin-bottom: 30px;box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);}.blog .blog-author img {width: 120px;}.blog .blog-author h4 {margin-left: 140px;font-weight: 600;font-size: 22px;margin-bottom: 0px;padding: 0;}.blog .blog-author .social-links {margin: 0 0 5px 140px;}.blog .blog-author .social-links a {color: #777777;}.blog .blog-author p {margin-left: 140px;font-style: italic;color: #bfb9b6;}.blog .blog-comments {margin-bottom: 30px;}.blog .blog-comments .comments-count {font-weight: bold;}.blog .blog-comments .comment {margin-top: 30px;position: relative;}.blog .blog-comments .comment .comment-img {width: 50px;}.blog .blog-comments .comment h5 {margin-left: 65px;font-size: 16px;margin-bottom: 2px;}.blog .blog-comments .comment h5 a {font-weight: bold;color: #4d4643;transition: 0.3s;}.blog .blog-comments .comment h5 a:hover {color: #1bbd36;}.blog .blog-comments .comment h5 .reply {padding-left: 10px;color: #111;}.blog .blog-comments .comment time {margin-left: 65px;display: block;font-size: 14px;color: #777777;margin-bottom: 5px;}.blog .blog-comments .comment p {margin-left: 65px;}.blog .blog-comments .comment.comment-reply {padding-left: 40px;}.blog .blog-comments .reply-form {margin-top: 30px;padding: 30px;box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);}.blog .blog-comments .reply-form h4 {font-weight: bold;font-size: 22px;}.blog .blog-comments .reply-form p {font-size: 14px;}.blog .blog-comments .reply-form input {border-radius: 0;padding: 20px 10px;font-size: 14px;border-radius: 4px;}.blog .blog-comments .reply-form input:focus {box-shadow: none;border-color: #57e76f;}.blog .blog-comments .reply-form textarea {border-radius: 0;padding: 10px 10px;font-size: 14px;border-radius: 4px;}.blog .blog-comments .reply-form textarea:focus {box-shadow: none;border-color: #57e76f;}.blog .blog-comments .reply-form .form-group {margin-bottom: 25px;}.blog .blog-comments .reply-form .btn-primary {padding: 8px 20px;border: 0;border-radius: 4px;background-color: #1bbd36;}.blog .blog-comments .reply-form .btn-primary:hover {background-color: #1ed33c;}.blog .blog-pagination {color: #444444;}.blog .blog-pagination ul {display: flex;padding-left: 0;list-style: none;}.blog .blog-pagination li {border: 1px solid white;margin: 0 5px;transition: 0.3s;}.blog .blog-pagination li.active {background: white;}.blog .blog-pagination li a {color: #b4aca8;padding: 7px 16px;display: inline-block;}.blog .blog-pagination li.active, .blog .blog-pagination li:hover {background: #1bbd36;border: 1px solid #1bbd36;border-radius: 4px;}.blog .blog-pagination li.active a, .blog .blog-pagination li:hover a {color: #fff;}.blog .blog-pagination li.disabled {background: #fff;border: 1px solid white;}.blog .blog-pagination li.disabled i {color: #f6f5f5;padding: 10px 16px;display: inline-block;}.blog .sidebar {padding: 30px;margin: 0 0 60px 20px;box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);}.blog .sidebar .sidebar-title {font-size: 20px;font-weight: 700;padding: 0 0 0 0;margin: 0 0 15px 0;color: #111;position: relative;}.blog .sidebar .sidebar-item {margin-bottom: 30px;}.blog .sidebar .search-form form {background: #fff;border: 1px solid #ddd;padding: 3px 10px;position: relative;border-radius: 4px;}.blog .sidebar .search-form form input[type="text"] {border: 0;padding: 4px;width: calc(100% - 40px);}.blog .sidebar .search-form form button {position: absolute;top: 0;right: 0;bottom: 0;border: 0;background: none;font-size: 16px;padding: 0 15px;margin: -1px;background: #1bbd36;color: #fff;transition: 0.3s;border-radius: 0 4px 4px 0;}.blog .sidebar .search-form form button:hover {background: #1ed33c;}.blog .sidebar .categories ul {list-style: none;padding: 0;}.blog .sidebar .categories ul li + li {padding-top: 10px;}.blog .sidebar .categories ul a {color: #2b2b2b;transition: 0.3s;}.blog .sidebar .categories ul a:hover {color: #1bbd36;}.blog .sidebar .categories ul a span {padding-left: 5px;color: #aaaaaa;font-size: 14px;}.blog .sidebar .recent-posts .post-item + .post-item {margin-top: 15px;}.blog .sidebar .recent-posts img {width: 80px;float: left;}.blog .sidebar .recent-posts h4 {font-size: 15px;margin-left: 95px;font-weight: bold;}.blog .sidebar .recent-posts h4 a {color: black;transition: 0.3s;}.blog .sidebar .recent-posts h4 a:hover {color: #1bbd36;}.blog .sidebar .recent-posts time {display: block;margin-left: 95px;font-style: italic;font-size: 14px;color: #777777;}.blog .sidebar .tags {margin-bottom: -10px;}.blog .sidebar .tags ul {list-style: none;padding: 0;}.blog .sidebar .tags ul li {display: inline-block;}.blog .sidebar .tags ul a {color: #515151;font-size: 14px;padding: 6px 14px;margin: 0 6px 8px 0;border: 1px solid #dddddd;display: inline-block;transition: 0.3s;border-radius: 4px;}.blog .sidebar .tags ul a:hover {color: #fff;border: 1px solid #1bbd36;background: #1bbd36;}.blog .sidebar .tags ul a span {padding-left: 5px;color: #aaaaaa;font-size: 14px;}#footer {color: #fff;font-size: 14px;background: #111;}#footer .footer-top {padding: 60px 0 30px 0;background: #1e1e1e;}#footer .footer-top .footer-contact {margin-bottom: 30px;}#footer .footer-top .footer-contact h3 {font-size: 22px;margin: 0 0 10px 0;padding: 2px 0 2px 0;line-height: 1;font-weight: 500;letter-spacing: 1px;text-transform: uppercase;color: #fff;}#footer .footer-top .footer-contact p {font-size: 14px;line-height: 24px;margin-bottom: 0;font-family: "Roboto", sans-serif;color: rgba(255, 255, 255, 0.7);}#footer .footer-top h4 {font-size: 16px;font-weight: bold;color: #fff;position: relative;padding-bottom: 12px;}#footer .footer-top .footer-links {margin-bottom: 30px;}#footer .footer-top .footer-links ul {list-style: none;padding: 0;margin: 0;}#footer .footer-top .footer-links ul i {padding-right: 2px;color: #1ed33c;font-size: 18px;line-height: 1;}#footer .footer-top .footer-links ul li {padding: 10px 0;display: flex;align-items: center;}#footer .footer-top .footer-links ul li:first-child {padding-top: 0;}#footer .footer-top .footer-links ul a {color: rgba(255, 255, 255, 0.6);transition: 0.3s;display: inline-block;line-height: 1;}#footer .footer-top .footer-links ul a:hover {text-decoration: none;color: #fff;}#footer .footer-newsletter {font-size: 15px;color: rgba(255, 255, 255, 0.7);}#footer .footer-newsletter h4 {font-size: 16px;font-weight: bold;color: #fff;position: relative;padding-bottom: 12px;}#footer .footer-newsletter form {margin-top: 30px;background: #fff;padding: 6px 10px;position: relative;border-radius: 4px 0 0 4px;text-align: left;}#footer .footer-newsletter form input[type="email"] {border: 0;padding: 4px 8px;width: calc(100% - 100px);}#footer .footer-newsletter form input[type="submit"] {position: absolute;top: 0;right: -4px;bottom: 0;border: 0;background: none;font-size: 16px;padding: 0 20px;background: #1bbd36;color: #fff;transition: 0.3s;border-radius: 0 4px 4px 0;box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);}#footer .footer-newsletter form input[type="submit"]:hover {background: #2ae149;}#footer .credits {padding-top: 5px;font-size: 13px;color: #fff;}#footer .social-links a {font-size: 18px;display: inline-block;background: rgba(255, 255, 255, 0.08);color: #fff;line-height: 1;padding: 8px 0;margin-right: 4px;border-radius: 4px;text-align: center;width: 36px;height: 36px;transition: 0.3s;}#footer .social-links a:hover {background: #1bbd36;color: #fff;text-decoration: none;}.blog.homepage .entry {padding: 0px;margin-bottom: 30px;}.blog.homepage .entry .entry-img {margin: 0px;}.blog.homepage .entry .entry-img figure{height: 225px;overflow: hidden;position: relative;margin-bottom: 0;}.blog.homepage .entry .entry-img img {-webkit-transform: translate(-50%, -50%) scale(1);-moz-transform: translate(-50%, -50%) scale(1);-ms-transform: translate(-50%, -50%) scale(1);-o-transform: translate(-50%, -50%) scale(1);transform: translate(-50%, -50%) scale(1);-moz-transition: 0.3s;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;width: auto;height: 326px;position: absolute;left: 50%;top: 50%;-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-ms-backface-visibility: hidden;-o-backface-visibility: hidden;}.table .thead-outdated th {color: #fff;background-color: #ff696d;border-color: #c84743;}