/* Theme Name: ACTA DIGITECH Theme URI: https://wordpress.org/themes/acta-digitech/ Author: the WordPress team Author URI: https://wordpress.org/ Description: ACTA DIGITECH brings your site to life with header video and immersive featured images. With a focus on business sites, it features multiple sections on the front page as well as widgets, navigation and social menus, a logo, and more. Personalize its asymmetrical grid with a custom color scheme and showcase your multimedia content with post formats. Our default theme for 2017 works great in many languages, for any abilities, and on any device. Version: 1.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: acta-digitech Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. */ /* fonts */ @import url('https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700,800,900'); /* animation css */ @import "./assets/css/custom-animation.css"; @charset "utf-8"; /* CSS Document */ /* Table of Contents ----------------------------------------------------------------------------- 1. Clean Base 2. Base Typography 3. Images 4. Links 5. Forms 6. Tables 7. Framework */ /* 1. Clean Base ------------------------------------------------------------------------------*/ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, a, nav, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; text-decoration:none; list-style:none; outline:none; -webkit-font-smoothing: subpixel-antialiased; -webkit-tap-highlight-color:rgba(0,0,0,0);} html,body { -webkit-text-size-adjust:none; height: 100%; } article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {display: block;} iframe {vertical-align: top;} textarea:focus, input:focus, a, div, img { outline: none; } *, *:before, *:after {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} *{ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } ::-moz-selection { color: #fff; background: #3bb54a; } ::selection { color: #fff; background: #3bb54a; } /* 2. Base Typography ------------------------------------------------------------------------------*/ body{ color:#525252; font-size:16px; font-family: 'Poppins', sans-serif; font-weight:400; line-height:1.5; background-color: #fff;display: flex;flex-wrap: wrap; overflow-x: hidden;} .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {color: #222b3c; line-height: 1.2;font-weight:700; font-family: inherit;} .h1, h1 {font-size:80px; margin-bottom: 20px;} .h2, h2 {font-size:40px; margin-bottom: 20px;} .h3, h3 {font-size:30px; margin-bottom: 18px;} .h4, h4 {font-size:24px; margin-bottom: 17px;} .h5, h5 {font-size:20px; margin-bottom: 15px;} .h6, h6 {font-size:16px; margin-bottom: 15px;} h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a, h6 a, .h6 a {color: inherit; text-decoration: none;} p { color:#525252; font-size:16px; font-weight:400; line-height:1.5; margin-bottom:30px; } p:last-child { margin-bottom:0; } p strong{font-size: 20px; color: #525252;} ul{ margin:0;margin-left: 20px; padding:0; } ul li{ font-size:16px; color:#525252; font-weight:400; line-height:1.5;padding: 0;margin-bottom: 8px; } ul li:last-child{margin-bottom: 0;} ul > li { list-style:outside disc; } ol{ margin:0;margin-left: 20px; padding:0; list-style: none; } ol li{ font-size:16px; color:#525252; font-weight:400; line-height:1.5;padding: 0;margin-bottom: 8px; } ol > li { list-style: outside decimal; } blockquote{ display:block; text-align:left; margin-bottom:20px; position:relative; background:#f3f3f3; padding:20px 20px; border-left:4px solid #1589cb;line-height: 2;font-size: 20px; font-style: italic;margin-bottom: 25px;} blockquote p{ font-size:inherit; font-weight:inherit; line-height:inherit; } hr {border:0 #000 solid; border-top-width:1px; clear:both; height:0;margin: 10px auto 40px;} img{ border:none; max-width: 100%; vertical-align: top; height: auto;} img[src$=".svg"] {width: 100%;} /* 4. Link ------------------------------------------------------------------------------*/ a{ color:#4777ac; transition: background-color 0.3s ease 0s, color 0.3s ease 0s; } a:hover{ color:#000; text-decoration: underline; } a:focus {outline: none;} /* 5. Forms ------------------------------------------------------------------------------*/ label {color:#000; font-size:16px; font-weight:400; line-height:1.5; margin-bottom:10px; display: block;} input, textarea, select, button { font-family: 'Poppins', sans-serif;} input[type="text"], input[type="submit"], input[type="button"], input[type="password"], input[type="email"], input[type="tel"], input[type="search"], textarea {-webkit-appearance: none; outline: none;} select, input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="search"], input[type="number"], textarea { border:1px solid rgb(195, 202, 206); background: #FFF; padding:0 15px; color:#222b3c; font-size:14px; height:44px; font-weight: 400; width: 100%; -webkit-border-radius: 5px;-moz-border-radius: 5px;-ms-border-radius: 5px;-o-border-radius: 5px;border-radius: 5px; -webkit-box-shadow: none;box-shadow: none;} input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="search"], input[type="number"]{-webkit-appearance: none;appearance: none;appearance: none;} select{color: #89949e;} textarea{ height:150px; resize:none; overflow: auto; padding: 20px 15px; display: block;} input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="search"]:focus, input[type="number"]:focus, textarea:focus {border-color: #000;} select:focus{outline: 0;} button, input[type="button"], input[type="reset"], input[type="submit"] {-webkit-appearance: button; cursor: pointer; background-color: #cbcbcb; padding: 0 40px; height: 40px; display: inline-block; vertical-align: top; font-size: 16px; font-weight: 700; line-height: 1; text-align: center; border: none; text-transform: uppercase; color: #fff; background-color: #3bb54a; -webkit-border-radius: 18px;-moz-border-radius: 18px;-ms-border-radius: 18px;-o-border-radius: 18px;border-radius: 18px; border: 2px solid #3bb54a;-webkit-transition: 0.3s ease all;-o-transition: 0.3s ease all;transition: 0.3s ease all;} button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {background-color: transparent; color: #3bb54a;} input[type="search"] {-webkit-appearance: none;appearance: none;appearance: none;} input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;} ::-webkit-input-placeholder { opacity: 1 !important; color: #89949e; } :-moz-placeholder { opacity: 1 !important; color: #89949e; } ::-moz-placeholder { opacity: 1 !important; color: #89949e; } :-ms-input-placeholder { opacity: 1 !important; color: #89949e; } .form-group {margin-bottom: 30px;} /* buttons */ .btn {display: inline-block;vertical-align: middle;-webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);position: relative;background: #4fb948;-webkit-transition-property: color;transition-property: color;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;padding: 7px 31px 5px 31px;cursor: pointer;text-decoration: none;color: #3bb449;border-radius: 18px;border: 2px solid #3bb449;overflow: hidden;font-weight: 700;text-transform: uppercase;/*letter-spacing: 0.5px;*/} .btn:before {content: "";position: absolute;z-index: -1;top: -2px;bottom: -2px;left: -2px;right: -2px;background: #FFF;-webkit-transform: scaleX(1);transform: scaleX(1);-webkit-transform-origin: 50%;transform-origin: 50%;-webkit-transition-property: transform;transition-property: transform;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;color: #FFF;} .btn:hover, .btn:focus, .btn:active {color: white;text-decoration: none;} .btn:hover:before, .btn:focus:before, .btn:active:before {-webkit-transform: scaleX(0);transform: scaleX(0);text-decoration: none;} .btn.green-btn {background: #FFF;color: #FFF;border: 2px solid #3bb449;} .btn.green-btn:before {background: #4fb948;color: #FFF;} .btn.green-btn:hover, .btn.green-btn:focus, .btn.green-btn:active {color: #3bb449;} .btn.white-border {background: none;color: #FFF;border: 2px solid #FFF;} .btn.white-border:before { background: transparent;color: #FFF; } .btn.white-border:hover:before {background: #4fb948;color: #FFF;} .btn.white-border:hover, .btn.white-border:focus, .btn.white-border:active {color: #4fb948;background-color: #FFF;} .btn.white-btn {background: #4fb948;color: #4fb948;border: 2px solid #FFF;} .btn.white-btn:before {background: #FFF;color: #FFF;} .btn.white-btn:hover, .btn.white-btn:focus, .btn.white-btn:active {color: #FFF;} .btn-link { color: #98989c; text-transform: uppercase; font-size: 12px; font-weight: 700; letter-spacing: 2px; border-bottom: 1px solid #98989c; margin-bottom: 2px; } .btn-link:hover, .btn-link:focus{ color: #0eb769; font-weight: 700; text-decoration: none; border-bottom: 1px solid #0eb769; } .btn span{display: block;position: relative;z-index: 2;} /* 6. Tables ------------------------------------------------------------------------------*/ table {border-spacing: 0; border-collapse: collapse;} td {text-align: left; font-weight: normal;} .table-responsive {display: block;width: 100%;overflow-x: auto;-webkit-overflow-scrolling: touch;-ms-overflow-style: -ms-autohiding-scrollbar} .table-bordered{width: 100%;max-width: 100%;text-align: left;} .table-bordered th, .table-bordered td{ vertical-align: bottom;border-bottom: 1px solid #ddd;padding: 10px;} /* 7. Layout Framework ------------------------------------------------------------------------------*/ /* main container */ #wrapper {width: 100%;display: flex;min-height: 100%;position: relative;flex-wrap: wrap;background-color: #fff;justify-content: space-between;align-content: space-between;} .main-container{width:100%;} .container{max-width: calc(1400px + 60px);padding-left: 30px;padding-right: 30px;} .container-fluid{padding-left: 40px;padding-right: 40px;} .body-content ul, .body-content ol{margin-bottom: 20px;} .body-content ul ul, .body-content ul ol, .body-content ol ol, .body-content ol ul{margin-bottom: 0;} /* comman */ .design-arrow{width: 1px;height: 50px;background: #ddd;position: relative;margin: 10px auto; display: flex; justify-content: center;} .design-arrow:after{content: "";display: block;position: absolute;width: 13px;height: 13px;border: 2px solid #8dc642;-moz-border-radius: 50%;-webkit-border-radius: 50%;border-radius: 50%;top: 100%;left: -6px;} .sec-heading{margin-bottom: 40px;} .text-white{color: #fff;} .p-wrap {margin-bottom: 30px;} /* header */ .main-header{ width:100%; height:auto;padding: 35px 0; position: fixed;z-index: 999; -webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;} .main-header .brand{width: 220px; display: inline-block; position: relative; vertical-align: top; -webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;} .main-header .brand img{display: block;} .main-header .right-part{display: flex;flex-wrap: wrap;align-items: center;} .main-header .request-quote{margin-left: 20px;} .main-header .request-quote .btn{padding: 7px 19px 5px 19px;} .main-header.headroom--unpinned, .main-header.headroom--not-top{position: fixed; -webkit-transform: translatey(-100%);-ms-transform: translatey(-100%);-o-transform: translatey(-100%);transform: translatey(-100%);} .main-header.headroom--pinned{position: fixed; -webkit-transform: translatey(0);-ms-transform: translatey(0);-o-transform: translatey(0);transform: translatey(0); background-color: #fff; padding: 15px 0; -webkit-box-shadow: 1px 1px 4px 0 rgba(0,0,0,.23);box-shadow: 1px 1px 4px 0 rgba(0,0,0,.23);} .main-header.headroom--pinned .navigation ul li a{color: #000;} .main-header.headroom--pinned .navigation ul li.active a{color: #8dc642;} .main-header.headroom--pinned .btn.white-border{color: #3bb54a; border-color: #3bb54a;} .main-header.headroom--pinned .brand{width: 170px;} /* nav */ .navigation { width:auto; height:auto; } .navigation ul{ padding: 0; margin: 0; list-style: none; } .navigation ul li{ padding: 0; margin: 0; list-style: none; display: inline-block; margin-left: 4px;padding: 0 15px;} .navigation ul li a {font-size: 18px; font-weight: 600; text-transform: uppercase; color: #fff; position: relative;} .navigation ul li a:after{content: ""; background-color: #e0ea31; top: 100%; position: absolute;right: 0;bottom: 0; width: 0%;height: 2px; -webkit-transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);} .navigation ul li:not(.active) a:hover:after{ left: 0;right: auto;width: 100%;} .navigation ul li a:hover{text-decoration: none;} .navigation ul li:hover a{text-decoration: none; color: #fff;} .navigation ul li.active a{text-decoration: none; color: #e0ea31;} .main-header.headroom--pinned .navigation ul li a:after{background-color: #8dc642;} /* responsive nav for small devices */ #mobilenav{display: none;} .hamburger{padding: 0;margin: 0;height: auto;width: auto; text-align: center;background-color: transparent; display: none;} .hamburger:not(.close){position: static;top: 20px;right: 20px;z-index: 99;} .hamburger:hover, .hamburger:focus{background-color: transparent;outline: none;} .hamburger .line{width: 30px;height: 4px;background-color: #fff;display: block;margin: 6px auto;} .headroom--pinned .hamburger .line { background-image: -moz-linear-gradient( 38deg, rgb(59,181,74) 0%, rgb(141,198,66) 100%);background-image: -webkit-linear-gradient( 38deg, rgb(59,181,74) 0%, rgb(141,198,66) 100%);background-image: -ms-linear-gradient( 38deg, rgb(59,181,74) 0%, rgb(141,198,66) 100%);} .hamburger:hover{cursor: pointer;} .hamburger.close{padding: 10px;} .hamburger.close .wrap{ position: relative;width: 30px;height: 30px;display: block;} .hamburger.close .line{margin: 0;width:100%;position: absolute;top: calc(50% - 2px);transform: rotate(45deg);background-color: #fff} .hamburger.close .line:last-child{transform: rotate(-45deg);} #menu{position: fixed;top: 0;left: -100%;width:80%;height: 100%;background-color: #3ab4a6;max-width: 450px;transition: all 0.3s ease-in-out;z-index: 9999;} #menu{background-image: -moz-linear-gradient( 142deg, rgb(17,153,142) 0%, rgb(56,239,125) 100%);background-image: -webkit-linear-gradient( 142deg, rgb(17,153,142) 0%, rgb(56,239,125) 100%);background-image: -ms-linear-gradient( 142deg, rgb(17,153,142) 0%, rgb(56,239,125) 100%);} #mobilenav.is-open #menu{left: 0;} #mobilenav .nav-logo{padding: 15px;} #mobilenav ul, #mobilenav li{padding: 0;margin: 0;list-style: none;position: relative;} #mobilenav li.current-menu-item a{background-color: #fff;} #mobilenav ul ul{display: none;} #mobilenav .caret{display: block;width: 36px;height: 36px;position: absolute;top: 3px;right: 2px;cursor: pointer;} #mobilenav .caret:not(.trigger-caret){pointer-events: none;} #mobilenav .caret:before, #mobilenav .caret:after{content:'';position: absolute;top: 0;left: 0;bottom: 0;right: 0;display: block;margin: auto; width: 20px;height: 2px;background: #fff;} #mobilenav .caret:after{transform: rotate(-90deg);transition: all .2s ease;} #mobilenav .is-open > .caret:after{transform: rotate(0)} #mobilenav ul a {display: block;padding: 10px 15px;cursor: pointer;z-index: 2;font-size: 16px;text-decoration: none;color: #545454;font-weight: 600; border-bottom: 1px solid rgba(255, 255, 255, 0.29);} #mobilenav .has-sub>a{padding-right: 40px;} #mobilenav li li a { padding-left: 30px; font-size: 14px;text-decoration: none;color: #dddddd;background: #49505a; } #mobilenav li li li a {padding-left: 50px;} #mobilenav .nav-backdrop{ position: fixed;height: 100%;width: 100%;background: rgba(0,0,0,0.8);z-index: -1;opacity: 0;visibility: hidden;transition: all 0.4s ease-in;} #mobilenav.is-open .nav-backdrop{ opacity: 1;z-index: 9999;visibility: visible;} #mobilenav .menu-outer{max-height: calc(100vh - 57px);overflow-y: auto;padding-bottom: 20px;} #mobilenav .btn-grp{margin-top: 15px;padding: 0 15px;} #mobilenav .btn-grp .btn{font-size: 12px;padding: 7px 20px 5px 20px;} /* footer */ .main-footer { width:100%; height:auto; /*background:#222b3c;*/ background: url(assets/images/footer-bg.svg) no-repeat top center / cover; line-height: normal; position: relative; padding-top: 75px;z-index: 0;} .main-footer:before{content: ""; background-color: #222b3c; width: 100%; height: 70%; position: absolute; bottom: 0; left: 0;z-index: -1; pointer-events: none;} .main-footer .footer-heading{max-width: 640px; margin: 0 auto 40px;} .main-footer .footer-heading h3{color: #fff;} .main-footer .footer-heading p{color: #b2b2b3;font-size: 16px; font-weight: 400;} .main-footer .sub-gradient{height: auto;width: 100%; max-width: 1145px; margin: 0 auto; border-radius: 50px;padding: 25px 35px; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;} .sub-gradient div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {border: 2px solid #f7e700;color: #FFF;} .sub-gradient div.wpcf7-mail-sent-ok {border: 2px solid #398f14;color: #FFF;} .main-footer .sub-gradient {background: linear-gradient(270deg, #3bb54a, #8dc642);background-size: 400% 400%;-webkit-animation: AniGradient 5s ease infinite;animation: AniGradient 5s ease infinite;} .main-footer .sub-gradient .wpcf7{width: 100%;} .main-footer .sub-gradient form p{ display: flex;justify-content: space-between;width: 100%;flex: 1 0 100%;align-items: center;margin-bottom: 0;} .main-footer .sub-gradient form .inp-wrap{width: 100%;display: flex;} .main-footer .sub-gradient i{font-size: 34px; color: #fff; display: inline-flex;vertical-align: middle;margin-right: 20px;} .main-footer .sub-gradient .wpcf7-form-control-wrap input{width: 95%;display: inline-flex;vertical-align: middle;background: transparent;border: 0; border-bottom: 1px solid #fff;height: 30px;padding: 0; color: #fff; font-size: 16px; -webkit-border-radius: 0;-moz-border-radius: 0;-ms-border-radius: 0;-o-border-radius: 0;border-radius: 0;} .main-footer .sub-gradient .wpcf7-form-control-wrap{/*flex: 1 0 auto;*/} .main-footer .sub-gradient .wpcf7 .ajax-loader{position: absolute; opacity: 0;} .main-footer .sub-gradient ::placeholder {color: #fff; font-weight: 600; font-size: 16px;} .main-footer .sub-gradient .submit-btn {background-color: #fff;color: #61bd46;font-size: 16px;font-weight: 700;height: 56px;padding: 0px;width: 220px;text-align: center;-webkit-border-radius: 27px;-moz-border-radius: 27px;-ms-border-radius: 27px;-o-border-radius: 27px;border-radius: 27px;-webkit-transition: background 0.4s ease;-o-transition: background 0.4s ease;transition: background 0.4s ease;border: 2px solid #fff;line-height: 1;} .main-footer .sub-gradient .submit-btn:hover{background-color: transparent; color: #fff;} .main-footer .footer-logo{margin-bottom: 25px;} .main-footer .footer-logo a{width: 205px;display: inline-block;} .main-footer .footer-content .left-part{width: 30%; display: inline-block; max-width: 330px;} .main-footer .footer-content p{color: rgba(255,255,255,0.5); font-size: 14px; font-weight: 400;} .footer-social a{font-size: 35px; width: 1em; height: 1em; background-color: #4e5563;display: inline-flex; vertical-align: top; border-radius: 100%;margin-right: 8px; color: #fff; align-items: center; justify-content: center;} .footer-social a:before{font-size: 16px;} .footer-social a:hover{text-decoration: none;} .footer-social a.fb:hover{background-color:#3b5998;} .footer-social a.gp:hover{background-color:#dd4b39;} .footer-social a.li:hover{background-color:#0077b5;} .footer-social a.tw:hover{background-color:#1da1f2;} .footer-social a.ig:hover{background-color:#e1306c;} .main-footer .right-part{width: 67%; max-width: 980px; display: inline-flex; flex-wrap: wrap; justify-content: space-between; vertical-align: top;} .main-footer .footer-menu{display: inline-block; vertical-align: top; max-width: 30%;} .main-footer .footer-content .line-heading{color: #fff;margin-bottom: 15px; font-size: 18px;text-transform: capitalize;} .main-footer .footer-content .line-heading:before{color: #8dc642;width: 28px;} .main-footer .footer-menu ul{margin: 0;} .main-footer .footer-menu li{list-style: none;font-size: 14px;} .main-footer a{color: rgba(255,255,255,0.5);} .main-footer a:hover{color: #fff; text-decoration: none;} .main-footer .footer-content{display: flex; flex-wrap: wrap; justify-content: space-between;} .main-footer .footer-content address{font-size: 14px; color: rgba(255,255,255,0.5); font-style: normal;} .main-footer .footer-content .footer-contact{width: 40%; display: inline-block; vertical-align: top;} .main-footer .footer-menu, .main-footer .footer-content .footer-contact{padding-right: 75px;} .main-footer .subscribe-block{margin-bottom: 40px;} .main-footer .f-contact{margin-top: 30px;} .main-footer .f-contact p{margin-bottom: 20px; display: flex; align-items: center; color: #fff;} .main-footer .f-contact p a{color: inherit;font-size: 18px;} .main-footer .f-contact p a:hover{color: #73c044;} .main-footer .f-contact p i{font-size: 30px;display: inline-flex;margin-right: 15px;} .main-footer .f-contact p i{/*background-image: -moz-linear-gradient( 38deg, rgb(59,181,74) 0%, rgb(141,198,66) 100%);background-image: -webkit-linear-gradient( 38deg, rgb(59,181,74) 0%, rgb(141,198,66) 100%);background-image: -ms-linear-gradient( 38deg, rgb(59,181,74) 0%, rgb(141,198,66) 100%); -webkit-background-clip: text;-webkit-text-fill-color: transparent; */color: #73c044;} .main-footer .copy-rights{border-top: 1px solid rgba(255,255,255,0.1);padding: 22px 0; position: relative;} .main-footer .copy-rights p{color: rgba(255,255,255,0.5);margin-bottom: 0;font-size: 14px;} a.scroll-up-arrow{width: 65px; height: 65px;position: absolute; right: 40px; top: 0; display: inline-flex; color: #fff; justify-content: center; align-items: center; -webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);} a.scroll-up-arrow:before{content: ""; background: url(assets/images/up-scroll-bg.png) no-repeat center / contain;display: block; position: absolute; top: 0; left: 0; right: 0;bottom: 0; -webkit-animation: rotate360 10s infinite;-moz-animation: rotate360 10s infinite;-o-animation: rotate360 10s infinite;animation: rotate360 10s infinite;} a.scroll-up-arrow i{position: relative; font-size: 19px;} select::-ms-expand {display: none;} /*--------- home page ------------*/ /* banner part */ .hero-section {position: relative; overflow: hidden;z-index: 0;} .hero-section .aniamtion-layer{z-index: 0;} .home-banner{height: 100vh;} .home-banner .item{height: 100vh;overflow: hidden;} .home-banner .item .text-part{min-height: 100%; width: 40vw; display: inline-flex; flex-wrap: wrap; align-items: center; justify-content: flex-start;padding-left: 68px; vertical-align: top;} .home-banner .item .item-wrap{height: inherit;} .home-banner .text-part .desc{/*max-width: 695px;*/ margin-top: 20%;} .home-banner .text-part h2{font-weight: 700; font-size: 4.06vw;} .home-banner .text-part p{font-size: 24px; line-height: 1.2;} .home-banner .hero-part{ /*width: 1150px;*/ width: 60vw; display: inline-flex; vertical-align: top;height: 100%;position: relative; pointer-events: none;} .home-banner .skew-div{ /*width: 1330px;*/ width: 69vw; /*height: 1170px;*/ height: 110%; position: absolute; /*top: -39%;*/ bottom: 16%; right: -16%; -webkit-transform: rotate(-12deg);-ms-transform: rotate(-12deg);-o-transform: rotate(-12deg);transform: rotate(-12deg); overflow: hidden;pointer-events: auto; border-radius: 0 0 0 115px;} .home-banner .skew-div .video-img-block{background-image: -moz-linear-gradient( 142deg, rgb(17,153,142) 0%, rgb(56,239,125) 100%);background-image: -webkit-linear-gradient( 142deg, rgb(17,153,142) 0%, rgb(56,239,125) 100%);background-image: -ms-linear-gradient( 142deg, rgb(17,153,142) 0%, rgb(56,239,125) 100%);} .home-banner .skew-div .video-img-block{-webkit-transform: rotate(12deg);-ms-transform: rotate(12deg);-o-transform: rotate(12deg);transform: rotate(12deg); position: absolute; bottom: -10%; left: -10%; width: 100%; height: 100%;} .home-banner .skew-div .video-img-block .capture-img{opacity: 0.4; -webkit-transition: 5s ease-out all;-o-transition: 5s ease-out all;transition: 5s ease-out all;} @supports (mix-blend-mode: multiply) { .home-banner .skew-div .video-img-block .capture-img{mix-blend-mode: multiply; opacity: 1;} } .home-banner .skew-div .video-img-block .capture-img {-webkit-animation: block-zoom 10s ease-in infinite;-moz-animation: block-zoom 10s ease-in infinite;-o-animation: block-zoom 10s ease-in infinite;animation: block-zoom 10s ease-in infinite; width: 100%; height: 100%;} .home-banner .skew-div .video-img-block .capture-img img{width: 100%; height: 100%; object-fit: cover;} .hero-section .play-btn{color: #fff;} .play-btn{font-size: 68px; color: #000; position: absolute; bottom: 46%; left: 46%;display: inline-flex; -webkit-transform: translate(50%, -50%);-ms-transform: translate(50%, -50%);-o-transform: translate(50%, -50%);transform: translate(50%, -50%);} .play-btn:hover{text-decoration: none;} .home .white-logo{opacity: 0;} .home .color-logo{opacity: 1;} .home-banner .slick-dots{position: absolute; right: 24px; top: 30%;} .home-banner .slick-dots li{display: flex; background-color: transparent; border: 1px solid #fff; margin: 10px 0;} .home-banner .slick-dots li button{background-color: #fff;} /* inner banner */ .inner-banner .bg-img{min-height: 450px; padding-top: calc(580 / 1920 * 100%); height: auto; width: 100%; display: block; position: relative;} /*.inner-banner .bg-img:after{content: ""; width: 100%; height: 100%; background: url(assets/images/inner-banner-shape.svg) no-repeat bottom -1px left; position: absolute; bottom: 0; left: 0; right: 0;top: 0;}*/ .inner-banner .bg-img:after{content: ""; width: 100%; height: 168px; background: url(assets/images/inner-banner-shape.svg) no-repeat bottom -1px left; position: absolute; bottom: 0; left: 0; right: 0;background-size: 100% 168px; pointer-events: none;} .banner-gradient{position: relative;} .banner-gradient:before{ content: ""; background-image: -moz-linear-gradient( 142deg, rgb(17,153,142) 0%, rgb(56,239,125) 100%);background-image: -webkit-linear-gradient( 142deg, rgb(17,153,142) 25%, rgb(56,239,125) 100%);background-image: -ms-linear-gradient( 142deg, rgb(17,153,142) 0%, rgb(56,239,125) 100%); position: absolute; top: 0; left: 0; width: 100%; height: 100%;opacity: 0.4;} @supports (mix-blend-mode: multiply) { .banner-gradient:before{mix-blend-mode: multiply; opacity: 1;} } .inner-banner svg path{fill: transparent;} #linear{background-image: -moz-linear-gradient( 142deg, rgb(17,153,142) 0%, rgb(56,239,125) 100%);background-image: -webkit-linear-gradient( 142deg, rgb(17,153,142) 0%, rgb(56,239,125) 100%);background-image: -ms-linear-gradient( 142deg, rgb(17,153,142) 0%, rgb(56,239,125) 100%);} .inner-banner svg image{width: 100%; height: auto;opacity: 0.3;} .inner-banner .banner-caption{position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);transform: translate(-50%,-50%);} .inner-banner .banner-caption{position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);transform: translate(-50%,-50%); width: 100%; text-align: center; max-width: 920px;} .inner-banner .banner-caption h1, .inner-banner .banner-caption h2{color: #fff;margin-bottom: 0; } /*.inner-banner .banner-caption h2{font-size: 70px;}*/ .inner-banner .banner-caption .banner-cate{color: #fff;font-size: 20px;font-weight: 400; display: flex; justify-content: center; align-items: center;} .inner-banner .banner-caption .banner-cate span{line-height: 1;} .inner-banner .banner-caption .banner-cate span:not(:last-of-type):after{content: "/"; display: inline-block;margin: 0 6px; vertical-align: middle;} .inner-banner .banner-caption p{color: #fff;} @supports (mix-blend-mode: multiply) { .inner-banner svg image{mix-blend-mode: multiply;opacity: 1;} } .color-logo{position: absolute; top: 0; left: 0; opacity: 0;} .white-logo{opacity: 1;} .main-header.headroom--pinned .color-logo {opacity: 1;} /* sctoll down */ a.scroll-down:hover{text-decoration: none;} a.scroll-down { position: absolute;bottom: 14%;left: 50%;width: 17px;height: 29px; margin-left: -8px;border-radius: 100px; border: 1px solid #fff;-webkit-animation: nudgeMouse 3s ease-out infinite;animation: nudgeMouse 3s ease-out infinite;padding-top: 29px;display: flex; justify-content: center;} a.scroll-down:after {content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto} a.scroll-down:after {background-color: #fff;width: 4px;height: 4px;border-radius: 100%;-webkit-animation: trackBallSlide 2.3s linear infinite;animation: trackBallSlide 2.3s linear infinite;animation-timing-function: cubic-bezier(.15, .41, .69, .94);} a.scroll-down span{display: block;font-size: 10px;font-weight: 600; color: #fff; letter-spacing: 0.01em;padding-top: 7px;} /* tabbing */ .tab-block .tab-header ul{margin: 0; display: flex; flex-wrap: wrap; justify-content: center; } .tab-block .tab-header ul li{list-style: none; display: inline-block; vertical-align: top; flex: 1 0 16.66%; max-width: 20%; cursor: pointer;} .tab-block .tab-header ul li:before{display: none;} .tab-block .tab-header ul li .tab-img{width: 170px; background-color: #eff2f7;margin: 0 auto 55px; max-width: 100%;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;padding: 18px 0;text-align: center;position: relative;-moz-transition: all .3s ease-out;-o-transition: all .3s ease-out;-webkit-transition: all .3s ease-out;transition: all .3s ease-out;} .tab-block .tab-header ul li .tab-title{padding: 0 10px;} .tab-block ul li .tab-img .icon{width: 102px; height: 102px; background-color: #fff;display: inline-flex; justify-content: center; align-items: center; border: 2px solid #fff;text-align: center;font-size: 59px;color: #a9a9a9;-moz-border-radius: 50%;-webkit-border-radius: 50%;border-radius: 50%;background: #fff;padding: 10px;} .tab-block ul li .tab-img .icon svg{width: 70%; height: 70%;fill:#a9a9a9;} .tab-block .tab-header ul li .tab-img .icon:before{display: inline-table;} .tab-block .tab-header ul li .tab-img:after{ content: "";border: 15px solid transparent;border-top: 15px solid #eff2f7;display: block;position: absolute;top: 100%;left: 50%;margin-left: -15px;-moz-transition: all .3s ease-out;-o-transition: all .3s ease-out;-webkit-transition: all .3s ease-out;transition: all .3s ease-out;} .tab-block .tab-header ul li.active{cursor: auto;} .tab-block .tab-header ul li:hover .tab-img, .tab-block .tab-header ul li.active .tab-img{background-color: #3bb54a;} .tab-block .tab-header ul li:hover .icon, .tab-block .tab-header ul li.active .icon{background-color: inherit; color: #fff;} .tab-block .tab-header ul li:hover .tab-img:after, .tab-block .tab-header ul li.active .tab-img:after{border-top-color: #3bb54a;} .tab-block .m-tab-heading{display: none;} .tab-block .tab-header ul li:hover .tab-img svg, .tab-block .tab-header ul li.active .tab-img svg{fill:#fff;} /* areas-expertise tab */ .areas-expertise-block .tab-title h6{text-transform: uppercase; position: relative;} .areas-expertise-block .tab-title h6:after{ content: "";display: block;width: 25px;height: 4px;background: #6bc776;margin: 20px auto 0;} .areas-expertise-block .market-list{} ul.check-list{margin: 0;} ul.check-list li{list-style: none;padding-left: 30px; position: relative;margin-bottom: 15px;} ul.check-list li:before{content: "g" ; font-family: "almano-digital" !important;font-style: normal !important;font-weight: normal !important;font-variant: normal !important;text-transform: none !important;speak: none;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; position: absolute; left: 2px; top: 5px; font-size: 14px; color: #3bb54a;} /* blog-sec */ .blog-sec .blog-wrap{margin-bottom: 30px;} .blog-inner-banner{position: relative;margin-bottom: -360px; background-color: #000;overflow: hidden;} .blog-inner-banner:after{content: "";position: absolute;left: 0;bottom: 0;height: 100px;background-color: #fff;width: 100%;transform: skewy(2.5deg);z-index: 2;transform-origin: left bottom;} .blog-inner-banner:before{content: "";position: absolute;left: 0;height: 100px;background-color: #fff;width: 100%;transform: skewy(-2.5deg);z-index: 2;transform-origin: left bottom;} .blog-inner-banner .img-block{height: 512px;position: relative; opacity: 0.5;} .gradient-color{position: relative;} .gradient-color:before{content: ""; background-image: -moz-linear-gradient( 142deg, rgb(17,153,142) 0%, rgb(56,239,125) 100%);background-image: -webkit-linear-gradient( 142deg, rgb(17,153,142) 0%, rgb(56,239,125) 100%);background-image: -ms-linear-gradient( 142deg, rgb(17,153,142) 0%, rgb(56,239,125) 100%); position: absolute; top: 0; left: 0; bottom: 0; right: 0;z-index: 1; opacity: 0.4;} @supports (mix-blend-mode: multiply) { .gradient-color:before{mix-blend-mode: multiply;opacity: 1;} } .parallax {position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 0;overflow: hidden;} .parallax img {max-width: 100%;position: absolute;left: 50%;bottom: 0;min-width: 100%;min-height: 100%;pointer-events: none;-webkit-transform: translate3d(-50%, 0, 0);transform: translate3d(-50%, 0, 0);} .blog-wrap{position: relative;z-index: 3;} .line-heading{position: relative; color: #8dc642; font-weight: 600;font-size: 20px;text-transform: uppercase;} .line-heading:before{ content:""; width: 60px; border-bottom: 2px solid; display: inline-block;vertical-align: middle;margin-right: 12px;} .blog-list-wrap .item{margin: 15px 0;} .blog-list-wrap .item-wrap{width: 100%; height: 275px;display: block; -webkit-border-radius: 5px;-moz-border-radius: 5px;-ms-border-radius: 5px;-o-border-radius: 5px;border-radius: 5px; overflow: hidden; position: relative; -webkit-transition: box-shadow 0.4s ease;-o-transition: box-shadow 0.4s ease;transition: box-shadow 0.4s ease;} .blog-list-wrap .item-wrap:hover{-webkit-box-shadow: 0 15px 21px 0 rgba(44,48,51,.3);box-shadow: 0 15px 21px 0 rgba(44,48,51,.3); text-decoration: none;} .blog-list-wrap .single-post:after{content: ""; width: 100%; height: 100%; background: url(assets/images/blog-list-shadow.png) repeat-x left bottom; position: absolute; left: 0; bottom: 0; display: block;z-index: 0; pointer-events: none;} .blog-list-wrap .item-wrap .bg-img{width: 100%; height: 100%;display: block; -webkit-transition: 500ms linear;-o-transition: 500ms linear;transition: 500ms linear;} .blog-list-wrap .item-wrap:hover .bg-img{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);-moz-transform:scale(1.1);transform:scale(1.1);} .blog-list-wrap .item-wrap .blog-date{position: absolute; top: 0; left: 0; background-color: #fff; font-size: 22px;color: #8dc642;font-weight: 600;display: inline-flex; flex-wrap: wrap; width: 55px; height: 55px; flex-direction: column; align-content: center; align-items: center; justify-content: center;line-height: 1; border-radius: 0 0 18px 0;} .blog-list-wrap .item-wrap .blog-date em{font-style: normal;font-size: 12px;display: block; text-transform: uppercase;} .blog-list-wrap .item-wrap .desc *{color: #fff;} .blog-list-wrap .item-wrap .desc{position: absolute; bottom: 0; left: 0px;right: 0; padding: 13px 28px;z-index: 1;} .blog-list-wrap .item-wrap .desc h5{margin-bottom: 7px;} .blog-list-wrap .item-wrap .desc .post-by{font-size: 14px; font-weight: 700;} .blog-list-wrap .item-wrap .desc .tag-list{background-color: #3bb54a; color: #fff; display: inline-block; padding: 3px 15px; border-radius: 12px;margin: 2px 0; margin-left: 10px;font-weight: 600;} .blog-list-wrap .item-wrap .twitter-content{background-color: #1c9cec;height: 100%;padding: 30px;} .blog-list-wrap .item-wrap .twitter-content *{color: #fff;} .blog-list-wrap .item-wrap .twitter-content .tw-postby{margin-bottom: 20px;display: block;} .blog-list-wrap .item-wrap .twitter-content p{font-size: 20px;font-weight: 400;line-height: 1.5;} .blog-list-wrap .twitter-content:after{content: "h"; font-family: "almano-digital" !important;font-style: normal !important;font-weight: normal !important;font-variant: normal !important;text-transform: none !important;speak: none;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; position: absolute; left: 25px; bottom: 25px; font-size: 29px;color: #fff;} .blog-list-wrap .insta-post{width: 100%; height: 100%; display: block;} .blog-list-wrap .insta-post .icon{position: absolute; bottom: 20px; left: 20px;width: 42px; height: 42px;} .blog-list .view-all-blog-btn{padding: 30px 0; margin-top: -105px;} .by-admin a {display: inline-block;} .no-data-found {padding: 100px 0px;text-align: center;} .blog-list-wrap .item-wrap .desc span:first-child {text-transform: uppercase;} /* our clients */ .partner-sec .our-clients{width: 66.66%; display: inline-block; vertical-align: top;padding-right: 20px;} .partner-sec .our-clients .our-client-wrap{max-width: 700px;} .partner-sec .our-clients .desc{margin-bottom: 40px;} .partnert-logo ul{margin-left: 0;} .partnert-logo ul li{list-style: none; display: inline-block; vertical-align: middle; margin-right: 50px; -webkit-filter: grayscale(1);filter: grayscale(1); -webkit-transition: filter 0.3s ease;-o-transition: filter 0.3s ease;transition: filter 0.3s ease; margin-bottom: 20px;} .partnert-logo ul li:hover{-webkit-filter: grayscale(0);filter: grayscale(0);} .partnert-logo ul li img{display: block;} .testimonial-block{width: 33.33%;display: inline-block; vertical-align: top;} .testimonial-block{padding-top: 50px;} .testimonial-block .testimonial-wrap{background: url(assets/images/testi-slider-bg.png) no-repeat center / contain; height: 454px; width: 460px; padding: 0 40px;} .testimonial-block .profile-img{width: 1em;height: 1em; font-size: 120px; border: 4px solid #8dc642; border-radius: 100%;overflow: hidden;display: block; margin: 0 auto 20px;} .testimonial-block .testimonials-desc p{font-size: 16px;font-weight: 400;text-align: center;} .testimonial-block .small-testimonial-slider{-webkit-transform: translateY(-50px);-ms-transform: translateY(-50px);-o-transform: translateY(-50px);transform: translateY(-50px); height: 100%;} .testimonial-block .item{} .testimonial-block .author{text-align: center;margin-top: 40px;} .testimonial-block .author h5{color: #3bb54a;margin-bottom: 10px;} .testimonial-block .author span{display: block;line-height: 1;font-size: 16px; font-weight: 400;} .testimonial-block .testimonials-desc {position: relative;} .testimonial-block .testimonials-desc:after {content: ''; background-image: url(assets/images/quote-testimonail.png);background-repeat: no-repeat;width: 54px;height: 51px;position: absolute;left: 10px;top: -28px;z-index: -1;} .our-client-wrap p {color: #777777;} /* slider */ .slick-dots{margin: 0; text-align: center;} .slick-dots li{list-style: none;display: inline-flex; vertical-align: middle;margin: 0 5px; border: 1px solid #787c74; border-radius: 100%;padding: 3px;cursor: pointer;} .slick-dots li button{padding: 0;width: 7px; height: 7px; font-size: 0; -webkit-border-radius: 100%;-moz-border-radius: 100%;-ms-border-radius: 100%;-o-border-radius: 100%;border-radius: 100%; background-color: #787c74; border: 0;outline: none;} .slick-dots li button:focus{outline: 0;outline: none;} .slick-dots li:hover, .slick-dots li.slick-active{border-color: #c6d200;} .slick-dots li button::-moz-focus-inner {border: 0;} .slick-dots li:hover button, .slick-dots li.slick-active button{background-color: #c6d200;} .testimonial-block .slick-dots{position: absolute; bottom: 25px;width: 100%;} /* web development */ .solution-list .item{margin: 15px 0;} .solution-list .item-wrap{padding: 30px;background-color: #eff2f7; border-radius: 5px; display: block; position: relative; overflow: hidden; height: 100%;} .solution-list .item-wrap:before, .solution-list .item-wrap:after{content: ""; position: absolute; width: 100%; left: 0;-webkit-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease; height: 0; pointer-events: none;} .solution-list .item-wrap:before{background-image: linear-gradient(to left bottom, #3bb54a 50%, transparent 50%);top: 0;} .solution-list .item-wrap:after{background-image: linear-gradient(to left bottom, transparent 50%, #4fbd5c 50%);bottom: 0;} .solution-list .item-wrap figure{margin-bottom: 20px; position: relative;z-index: 1;} .solution-list .item-wrap figure span{font-size: 102px; width: 1em; height: 1em; color: #a9a9a9; display: inline-flex; vertical-align: top;} .solution-list .item-wrap figure span svg{width: 100%; height: 100%; fill:#a9a9a9;} .solution-list .item-wrap .desc{position: relative;z-index: 1;} .solution-list .item-wrap .item-title{display: block;font-size: 16px;font-weight: 700; color: #000000;line-height: 1.2; z-index: 1; position: relative;text-transform: uppercase;} .solution-list .item-wrap:hover{text-decoration: none; color: #fff;} .solution-list .item-wrap:hover span{color: #fff;} .solution-list .item-wrap:hover:before, .solution-list .item-wrap:hover:after{height: 100%;} .solution-list .item-wrap:hover figure span svg{fill: #fff;} /* e-commerce */ .ecomm-content-part{/*max-width: 900px;width: 65%;*/} .get-quote{margin: 55px 0 0 0; position: relative; padding: 75px 100px; display: flex; text-align: center;} .get-quote:before{content: ""; width: 100%; height: 100%; background: url(assets/images/quote-both-bg.png) no-repeat center / contain; position: absolute; top: 0; left: 0;} .ecomm-serveces-list ul{margin-left: 20px; margin-bottom: 20px;} .ecomm-serveces-list ul li{display: table; padding: 8px 30px 8px 50px; margin-bottom: 0;} .ecomm-serveces-list ul li:before{left: 20px;top: 13px;} .ecomm-serveces-list ul li.highlight:after{content: "" ; width: 100%; height: 100%; -webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.2);-moz-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.2);box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.2); position: absolute; top: 0; left: 0; border-radius: 5px; opacity: 1;} .ecomm-sec{position: relative;} .ecomm-sec .right-side-img{max-width: 745px;width: 35%;display: inline;float: right;margin-left: 3%; padding-bottom: 20px;} .ecomm-sec .right-side-img svg{width: 100%; height: auto;} .ecomm-sec .right-side-img svg image{width: 100%; height: 100%; opacity: 0.5;} @supports (mix-blend-mode: multiply) { .ecomm-sec .right-side-img svg image{mix-blend-mode: multiply;opacity: 1;} } .get-quote .quote-wrap{max-width: 1040px; margin: 0 auto; position: relative;z-index: 1;} .get-quote .quote-wrap h3{color: #fff;line-height: 44px;letter-spacing: 0.5px;} .get-quote .quote-wrap p{color: #fff;margin-bottom: 20px;font-size: 20px;} .ecomm-content-part p {margin-bottom: 20px;} /* portfolio */ .portfolio-list .item{margin:0px 0px 50px 0px;} .portfolio-list .item-wrap{width: 100%; display: block;} .portfolio-list figure{width: 100%; /*height: 300px;*/ padding-top: calc( 300 / 446 * 100%); display: flex; align-items: center; justify-content: center; border-radius: 5px; overflow: hidden;margin-bottom: 25px; background-color: #022005; position: relative;} .portfolio-list figure .bg-img{width: 100%; height: 100%; -webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease; position: absolute; top: 0; left: 0;} .portfolio-list .desc .p-title{font-size: 22px; color: #5e5e5e; font-weight: 600;} .portfolio-list .desc .site-cat{font-weight: 400;color: #8a959f; font-size: 16px;} .portfolio-list figure .btn{position: absolute;z-index: 1; opacity: 0; transform: translate(-50%,-50%) scale(0); -webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease; top: 50%; left: 50%; white-space: nowrap;} .portfolio-list .item-wrap:hover{text-decoration: none;} .portfolio-list .item-wrap:hover figure{-webkit-box-shadow: 0px 7px 19px 1px rgba(0, 0, 0, 0.45);box-shadow: 0px 7px 19px 1px rgba(0, 0, 0, 0.45);} .portfolio-list .item-wrap:hover .bg-img{opacity: 0.2;} .portfolio-list .item-wrap:hover .btn{opacity: 1; transform: translate(-50%,-50%) scale(1);} .load-more-wrap{margin: 25px 0 0;} .site-layout-block .bg-gradiant{height: 990px;width: 100%; /*background: url(assets/images/site-layout-bg.png) no-repeat center/cover;*/ display: flex; align-items: center; justify-content: center; padding: 100px 0;} .site-layout-block .bg-gradiant img{max-height: 85%; max-width: 85%; display: block;} .site-layout-block{position: relative; overflow: hidden;} .site-layout-block:before, .site-layout-block:after{content: ""; position: absolute; left: 0; height: 100px;background-color: #fff; width: 100%; transform: skewy(2.7deg);} .site-layout-block:before{transform-origin: bottom right; top: 0;} .site-layout-block:after{transform-origin: bottom left; bottom: 0;} .about-project-sec .sec-heading{max-width: 1100px; margin: 0 auto 30px;} .site-layout-block .bg-img{width: 100%;padding-top: calc(990 / 1920 * 100%);} .social-app-link{margin-bottom: 30px;} /* project-features */ .project-features .item{width: 100%; display: flex;flex-wrap: wrap; -webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease; cursor: pointer;} .project-features .full-detail{width: 100%; margin: 15px 0; padding: 0 15px;} .project-features .half-detail{width: 50%; margin: 15px 0; padding: 0 15px;} .project-features .full-detail .img-part{width: 63%;display: inline-flex;vertical-align: top; flex-wrap: wrap;} .project-features .full-detail .desc-part{width: 37%;display: inline-flex;vertical-align: top; flex-wrap: wrap; padding: 30px;} .project-features .img-part .bg-img{width: 100%; min-height: 450px; -webkit-filter: grayscale(1);-o-filter: grayscale(1);filter: grayscale(1); -webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;} .project-features .half-detail .item{width: 100%; display: inline-flex; vertical-align: top;} .project-features .img-part{width: 100%;overflow: hidden;} /*.project-features .half-detail:hover .item,*/ .project-features .item:hover{-webkit-box-shadow: 0px 0 19px 0px rgba(0, 0, 0, 0.2);box-shadow: 0px 0 19px 0px rgba(0, 0, 0, 0.2);} .project-features .item:hover .bg-img{-webkit-filter: grayscale(0);-o-filter: grayscale(0);filter: grayscale(0);-webkit-transform:scale(1.02);-ms-transform:scale(1.02);-o-transform:scale(1.02);transform:scale(1.02);} /* next-project-sec */ .next-project-sec{background-color: #000; position: relative; overflow: hidden;} .next-project-sec:before, .next-project-sec:after{content: ""; position: absolute; left: 0; height: 100px;background-color: #fff; width: 100%; transform: skewy(-2.7deg);z-index: 1;} .next-project-sec:before{transform-origin: bottom left; top: 0;} .next-project-sec:after{transform-origin: bottom right; bottom: 0;} .next-project-sec .bg-img{min-height: 750px; width: 100%; opacity: 1; -webkit-transition: all 1s ease;-o-transition: all 1s ease;transition: all 1s ease;} .next-project-sec .inner-wrap{display: block;} .next-project-sec .project-desc{position: absolute; top: 50%; left: 50%; max-width: 400px; -webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);transform: translate(-50%,-50%); text-align: center;} .next-project-sec .inner-wrap:hover .bg-img{opacity: 0.5; -webkit-transform:scale(1.02);-ms-transform:scale(1.02);-o-transform:scale(1.02);transform:scale(1.02);} .next-project-sec .project-desc *{color: #fff;} .next-project-sec .project-desc .project-data-text{font-size: 30px;} .next-project-sec .project-desc .about-project--text{font-size: 20px; margin-bottom: 10px;} .next-project-sec .project-desc .project-name-text{font-size: 40px;font-weight: 600;} .next-project-sec .project-desc .divider {width: 100px; height: 1px; background-color: #fff; margin: 50px auto; display: block;} .side-testimonial-wrap .left-part{width: 66.66%;display: inline-block;vertical-align: top;padding-right: 20px;} .portfolio-list-view{position: absolute;left: 0px;right: 0px;bottom: 4%;z-index: 2;} .portfolio-list-view .icon-view{background: #fff url(assets/images/portfolio-listing-sprite.png) no-repeat;height: 60px;width: 60px;display: block;border-radius: 50px;background-position: -28px 19px; -webkit-box-shadow: 0px 2px 9.8px 0.2px rgba(0, 0, 0, 0.15); box-shadow: 0px 2px 9.8px 0.2px rgba(0, 0, 0, 0.15); -webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;margin: 0 auto;} .portfolio-list-view .icon-view:hover{background-position: 22px 19px;} /* social app link */ .social-app-link .left-part{display: inline-flex;vertical-align: middle; flex-wrap: wrap; justify-content: center;} .social-app-link .left-part .icon{font-size: 50px;width: 1em;height: 1em; display: inline-flex; align-items: center; justify-content: center; border-radius: 5px; margin-right: 8px;padding: 5px; margin-top: 5px;margin-bottom: 5px;} .social-app-link .left-part .icon{background-color: #cccccc; } .social-app-link .left-part .icon:hover{background-color: #8dc642;} .social-app-link .left-part .icon.apple:hover{background-color: #000;} .social-app-link .left-part .icon.android:hover{background-color: #a4c639;} .social-app-link .left-part .icon.wordpress:hover{background-color: #1a759d;} .social-app-link .left-part .icon.php:hover{background-color: #4b4c7f;} .social-app-link .left-part .icon.java:hover{background-color: #0072c1;} .social-app-link .left-part .icon.html5:hover{background-color: #e64e18;} .social-app-link .left-part .icon.css3:hover{background-color: #1c60b2;} .social-app-link .left-part .icon img{max-height: 100%;} .social-app-link .left-part .icon:hover{-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15); -webkit-filter: grayscale(0);filter: grayscale(0);} .social-app-link .right-part{display: inline-flex;vertical-align: middle; flex-wrap: wrap; justify-content: flex-end;margin-left: auto; flex-wrap: wrap;} .social-app-link .right-part a{-webkit-filter: grayscale(1);filter: grayscale(1); display: inline-block;margin-left: 8px; border-radius: 5px; overflow: hidden; opacity: 0.25; -webkit-transition: 0.3s ease all;-o-transition: 0.3s ease all;transition: 0.3s ease all;margin-top: 5px;margin-bottom: 5px;} .social-app-link .right-part a:hover{-webkit-filter: grayscale(0);filter: grayscale(0);background-color: #000; opacity: 1;} .social-app-link .container{justify-content: space-between;display: flex; flex-wrap: wrap; align-items: center;} /* triangle shape image */ .side-img .triangle-img-shape{max-width: 515px; width: 100%;height: 100%;} .side-img .triangle-img-shape svg{display: block; width: 100%;height: auto;} .side-img .triangle-img-shape svg image{width: 100%; height: auto;} .side-img .triangle-img-shape.right{margin-left: auto;} /* about sec */ .about-sec .text-part .desc{padding: 20px 0;max-width: 753px;} .text-part a {color: #4fb948;} /* contact-us */ .side-contact-detail .cd-block{padding: 20px 30px; border-radius: 5px;margin-bottom: 10px;} .side-contact-detail .cd-block.color1{background-color: #f6fce5;} .side-contact-detail .cd-block.color2{background-color: #ecf9cc;} .side-contact-detail .cd-block.color3{background-color: #e3f6b2;} .side-contact-detail .cd-block.color4{background-color: #daf399;} .side-contact-detail .cd-block .cd-title{color: #222b3c; font-weight: 600; font-size: 18px; margin-bottom: 5px;} .side-contact-detail .cd-block .cd-name{color: #3bb54a;font-weight: 600; font-size: 18px; margin-bottom: 5px;} .side-contact-detail .cd-block address{font-size: 16px; color: #222b3c; font-style: normal;} .side-contact-detail .cd-block p a{color: #222b3c;} .side-contact-detail .cd-block.accordion .cd-name{display: flex; justify-content: space-between; align-items: center; cursor: pointer; margin-bottom: 0; -webkit-transition: 0.4s ease;-o-transition: 0.4s ease;transition: 0.4s ease;} .side-contact-detail .cd-block.accordion .cd-name:after{content: "q"; font-family: "almano-digital" !important;font-style: normal !important;font-weight: normal !important;font-variant: normal !important;text-transform: none !important;speak: none;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; margin-left: 8px; font-size: 18px; -webkit-transition: 0.4s ease;-o-transition: 0.4s ease;transition: 0.4s ease;} .side-contact-detail .cd-block.accordion address{ display: none;} .side-contact-detail .cd-block.accordion.show .cd-name{margin-bottom: 5px;} .side-contact-detail .cd-block.accordion.show .cd-name:after{transform: scaleY(-1);} .foter-bottom-space{margin-bottom: -11%;} .acf-map {width: 100%;height: 700px;} .acf-map img {max-width: inherit !important;} .wpcf7-form-control-wrap{display: block;width: 100%;} .wpcf7-form-control-wrap .intl-tel-input{width: 100%;} .intl-tel-input.separate-dial-code .selected-flag{background-color: transparent !important;} .intl-tel-input.separate-dial-code .selected-dial-code{font-size: 14px;} .intl-tel-input .selected-flag .iti-arrow{border-left:4px solid transparent !important;border-right:4px solid transparent !important; border-top:7px solid #545454 !important; margin-top: -4px !important;right: 3px !important;} .wpcf7-form label{margin-bottom: 3px;width: 100%;} .wpcf7-form label em{font-style: normal; color: #ff0000;} .wpcf7-form .form-group{display: flex; flex-wrap: wrap; align-content: space-between;} .wpcf7-form .contact-submit-btn{display: flex; align-items: center; justify-content: flex-end;} .wpcf7-form .secure-notice{display: flex; align-items: center; justify-content: center;color: #8f9aa3;} .reqest-quote-frm{max-width: 990px; position: relative;} .reqfrm-popupbox .reqest-quote-frm, .req-callback-popupbox .reqest-quote-frm{background: url(assets/images/popup-bg.png) no-repeat center / cover !important; border-radius: 18px; overflow: hidden; padding: 40px;} .reqfrm-popupbox .reqest-quote-frm:before, .req-callback-popupbox .reqest-quote-frm:before{content: "";width: 100%; height: 100%; top: 0; left: 0; position: absolute; background-color: rgba(230,254,233,0.8);} .fancybox-slide--html .fancybox-close-small{background-color: #3bb54a; -webkit-border-radius: 100%;-moz-border-radius: 100%;-ms-border-radius: 100%;-o-border-radius: 100%;border-radius: 100%; width: 35px; height: 35px; border: 2px solid #fff;padding: 0 !important; top: -15px !important; right: -15px !important; opacity: 1;} .fancybox-content{overflow: visible !important;} .fancybox-slide--html .fancybox-close-small svg{fill: #fff;} .fancybox-button svg path{color: #fff;} .reqfrm-popupbox h4{text-align: center; font-size: 40px;} .fancybox-slide--html{padding: 40px 20px !important;} .fancybox-content{margin-bottom: 0 !important;} body.fancybox-active{overflow: hidden;} .req-callback-popupbox.fancybox-content { max-width: 30% !important; /*max-height: 90%;*/ background: url(assets/images/popup-bg.png) no-repeat center / cover !important;border-radius: 18px;padding: 40px;overflow: hidden;} /*.req-callback-popupbox.fancybox-content:before {content: "";width: 100%;height: 100%;top: 0;left: 0;position: absolute;background-color: rgba(230,254,233,0.8);}*/ .req-callback-popupbox form{position: relative;} .req-callback-popupbox h2{text-align: center;} .fancybox-content{padding: 0 !important; background-color: transparent !important;} .reqfrm-popupbox .reqest-quote-frm form{position: relative; z-index: 1;} .contact-submit-btn input::-moz-focus-inner {border: 0;} select {-moz-appearance:none; /* Firefox */-webkit-appearance:none; /* Safari and Chrome */appearance:none;} .contact-topic {position: relative;} .contact-topic:before{ background-image: url(assets/images/select-icons.png);background-size: contain;background-repeat: no-repeat;background-position: right;content: '';width: 15px;height: 11px;position: absolute;right: 15px;top: 17px;} .request-contact-topic {position: relative;} .request-contact-topic:before{ background-image: url(assets/images/select-icons.png);background-size: contain;background-repeat: no-repeat;background-position: right;content: '';width: 15px;height: 11px;position: absolute;right: 15px;top: 17px;} /* blog */ .blog-listing{width: 73%;display: inline-block; vertical-align: top;} .blog-listing .item{margin: 0 0 30px 0;} .blog-list2 .item-wrap{display: block; border-radius: 5px; overflow: hidden; border: 1px solid #ededed; -webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease; width: 100%; height: 100%;} .blog-list2 .blog-liting-img{position: relative;overflow: hidden;} .blog-list2 .blog-liting-img .bg-img{padding-top: calc(270 / 480 * 100%);width: 100%; -webkit-transition: 200ms linear;-o-transition: 200ms linear;transition: 200ms linear;} .blog-list2 .blog-listing-desc{padding: 20px;} .blog-list2 .blog-listing-desc .by-admin{font-size: 14px; color: #525252;} .blog-list2 .blog-listing-desc .by-admin span{display: inline-block; vertical-align: middle;margin-right: 5px;} .blog-list2 .blog-listing-desc .by-admin .tag-list{ background-color: #f1f8e8; color: #8dc642; border-radius: 10px; padding: 3px 15px;margin: 2px 0; font-weight: 600; margin-right: 5px;transition: all 0.3s ease-in-out;} .blog-list2 .item-wrap .bl-date{font-size: 22px;font-weight: 600; color: #8dc642; position: absolute; top: 0; left: 0; background-color: #fff;display: inline-flex; flex-wrap: wrap; flex-direction: column; line-height: 1;width: 55px; height: 55px;padding: 10px;text-align: center; justify-content: center; border-radius: 0 0 18px 0;} .blog-list2 .item-wrap .bl-date em{display: block; text-transform: uppercase; font-size: 12px; font-style: normal; } .blog-list2 .item-wrap:hover{text-decoration: none; -webkit-box-shadow: 0px 2px 9.8px 0.2px rgba(0, 0, 0, 0.15);box-shadow: 0px 2px 9.8px 0.2px rgba(0, 0, 0, 0.15);} .blog-list2 .item-wrap:hover{background-color: #f1f8e8;} .blog-list2 .item-wrap:hover .blog-listing-desc .by-admin .tag-list{ background-color: #8dc642;transition: ease-in-out all 0.3s;color: #FFF;} .blog-list2 .item-wrap:hover .blog-liting-img .bg-img{transform: scale(1.04);} .blog-list.item{margin: 15px 0;} .new-old-wrap{margin: 25px 0 0 0;} .new-old-wrap .btn{margin: 5px 20px;} .new-old-wrap .btn.new span:before{content: "<<";font-size: 24px;font-style: normal;font-weight: 400;display: inline-block;vertical-align: middle;margin-right: 10px; line-height: 1; transform: scaley(-1);} .new-old-wrap .btn.old span:after{content: ">>";font-size: 24px;font-style: normal;font-weight: 400;display: inline-block;vertical-align: middle;margin-left: 10px; line-height: 1;} .blog-sidebar-wrap{display: flex; flex-wrap: wrap;} .blog-sidebar-wrap .listing-sidebar{width: 27%; display: inline-block; vertical-align: top; padding: 0 0 15px 0;} .listing-sidebar .sidebar-wrap .search-form input{width: 100%;font-size: 16px; height: 55px; padding-right: 80px;} .listing-sidebar .sidebar-wrap input::placeholder{color: #333333;} .listing-sidebar .sidebar-wrap .search-form button{background-color: transparent; color: #333333;padding: 0; height: 55px;width: 76px; position: absolute; right: 0; top: 0; border-left: 1px solid #ececf0; -webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease; border: 0; -webkit-border-radius: 0;-moz-border-radius: 0;-ms-border-radius: 0;-o-border-radius: 0;border-radius: 0;border: 0px;} .listing-sidebar .sidebar-wrap .search-form button:hover {background-color: transparent;} .listing-sidebar .sidebar-wrap .search-form button i{display: inline-flex;font-size: 20px;} .listing-sidebar .sidebar-wrap .search-form{position: relative; margin-bottom: 20px;} .blog-sidebar-wrap > div:first-of-type{padding-right: 15px;} .blog-sidebar-wrap > div:last-of-type{padding-left: 15px;} .blog-sidebar-wrap .sidebar-wrap .search-form button:hover{background-color: transparent; color: #333333;} .blog-sidebar-wrap .sidebar-wrap .search-form button:focus{outline: 0;background-color: transparent; color: #333333;} .blog-sidebar-wrap .sidebar-wrap .ls-item{padding: 20px; border: 1px solid #ebebef; margin-bottom: 20px;} .blog-sidebar-wrap .sidebar-wrap .ls-item .ls-head{font-size: 18px;font-weight: 700; color: #222b3c; margin-bottom: 15px;} .blog-sidebar-wrap .sidebar-wrap .ls-item .ls-head:before{content: ""; width: 35px; height: 2px; background-color: #8dc642; display: inline-block; vertical-align: middle; margin-right: 6px;} .blog-sidebar-wrap .sidebar-wrap .ls-item ul{margin: 0;} .blog-sidebar-wrap .sidebar-wrap .ls-item li{list-style: none;padding: 7px 0; border-bottom: 1px solid #ebebef;margin-bottom: 3px;} .blog-sidebar-wrap .sidebar-wrap .ls-item li a{color: #525252;} .blog-sidebar-wrap .sidebar-wrap .ls-item li:last-of-type{border-bottom: 0;margin-bottom: 0;} .blog-sidebar-wrap .sidebar-wrap .ls-item.pb-0{padding-bottom: 0;} .blog-sidebar-wrap .sidebar-wrap .ls-item a{color: #525252;} .blog-sidebar-wrap .sidebar-wrap .ls-item .tag-list p a{display: inline-block; background-color: #f4f9ff; color:#525252; font-size: 16px;padding: 7px 15px;margin-right: 1px;margin-bottom: 5px;} .blog-sidebar-wrap .sidebar-wrap .ls-item .tag-list p a:hover{text-decoration: none; background-color: #8dc642; color: #fff;} .blog-sidebar-wrap .sidebar-wrap .wp-tag-cloud li{display: inline; padding: 0; border: 0;} .blog-sidebar-wrap .sidebar-wrap .wp-tag-cloud li a{display: inline-block; background-color: #f4f9ff; color:#525252; font-size: 16px;padding: 7px 15px;margin-right: 1px;margin-bottom: 5px;} .blog-sidebar-wrap .sidebar-wrap .wp-tag-cloud li a:hover{text-decoration: none; background-color: #8dc642; color: #fff;} .blog-sidebar-wrap .sidebar-wrap .wp-tag-cloud li{display: inline; padding: 0; border: 0;} .blog-list2 .blog-listing-desc .by-admin span:first-child {text-transform: uppercase;} /* blog detail */ .blog-sidebar-wrap .blog-detail{width: 73%;display: inline-block;vertical-align: top;} .blog-detail .bd-header .item-wrap {position: relative;} .blog-detail .item .blog-liting-img .bg-img{padding-top: calc(490 / 1000 * 100%); margin-bottom: 25px;} .blog-detail .blog-liting-img .bl-date{font-size: 22px;font-weight: 600; color: #8dc642; position: absolute; top: 0; left: 0; background-color: #fff;display: inline-flex; flex-wrap: wrap; flex-direction: column; line-height: 1;width: 55px; height: 55px;padding: 10px;text-align: center; justify-content: center; border-radius: 0 0 18px 0;} .blog-detail .blog-liting-img .bl-date em{display: block;text-transform: uppercase;font-size: 12px;font-style: normal; } .blog-detail .blog-listing-desc .bl-title{} .blog-detail .blog-listing-desc .by-admin{font-size: 14px;} .blog-detail .blog-listing-desc .by-admin .tag-list{font-weight: 600; color: #fff; background-color: #3bb54a; padding: 3px 15px;display: inline-block;vertical-align: middle; border-radius: 13px;margin: 2px 0;margin-left: 8px;} .blog-detail .bd-body{margin-bottom: 50px;} .blog-detail .bd-body p{line-height: 1.8;} .blog-detail .next-prev-wrap{display: flex;} .blog-detail .next-prev-wrap .navigation{width: 100%;} .blog-detail .next-prev-wrap a{display: inline-block;width: 50%;padding: 24px;display: inline-flex; align-content: center; align-items: center; flex-wrap: wrap; position: relative;} .blog-detail .next-prev-wrap a:hover{text-decoration: none; -webkit-box-shadow: 0px 0px 5px 0.2px rgba(0, 0, 0, 0.15);box-shadow: 0px 0px 5px 0.2px rgba(0, 0, 0, 0.15); position: relative;} .blog-detail .next-prev-wrap .np-title{font-size: 18px; display:block;margin-bottom: 8px; width: 100%;} .blog-detail .next-prev-wrap .np-date{font-size: 14px;font-weight: 600; color: #8dc642; background-color: #fff; border-radius: 5px; text-transform: uppercase;display: inline-block; padding: 4px 20px;} .blog-detail .next-prev-wrap .bd-prev{background-color: #f1f8e8;padding-left: 60px; text-align: left;justify-content: flex-start;} .blog-detail .next-prev-wrap .bd-next{background-color: #d8f0db;padding-right: 60px; text-align: right; justify-content: flex-end;} .blog-detail .next-prev-wrap a .icon{position: absolute; top: 50%; -webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%); display: inline-flex; font-size: 26px; color: #3bb54a;} .blog-detail .next-prev-wrap .bd-prev .icon{left: 20px;} .blog-detail .next-prev-wrap .bd-next .icon{right: 20px;} .blog-detail .next-prev-wrap .screen-reader-text{display: none;} .blog-detail .next-prev-wrap .nav-links{display: flex;} .blog-detail .next-prev-wrap .nav-previous, .blog-detail .next-prev-wrap .nav-next{display: inline-block;width: 50%;} .blog-detail .next-prev-wrap .nav-previous a, .blog-detail .next-prev-wrap .nav-next a{display: block;width: 100%;height: 100%;padding: 24px;display: inline-flex;align-content: center;align-items: center;flex-wrap: wrap;position: relative;} .blog-detail .next-prev-wrap .nav-previous a{background-color: #f1f8e8;padding-left: 60px;text-align: left;justify-content: flex-start;} .blog-detail .next-prev-wrap .nav-next a{background-color: #d8f0db;padding-right: 60px;text-align: right;justify-content: flex-end;} .blog-detail .next-prev-wrap .nav-previous a{background-color: #f1f8e8;padding-left: 60px; text-align: left;justify-content: flex-start;} .blog-detail .next-prev-wrap .nav-next a{background-color: #d8f0db;padding-right: 60px; text-align: right; justify-content: flex-end;} .blog-detail .next-prev-wrap .nav-previous .icon{left: 20px;} .blog-detail .next-prev-wrap .nav-next .icon{right: 20px;} .share-on-social .addtoany_shortcode {text-align: right;max-width: 200px;} .share-on-social span.a2a_svg.a2a_s__default {height: 32px;line-height: 32px;width: 32px;background: #caccd0 !important;border-radius: 100%;padding: 5px;transition: all 0.3s ease;} .share-on-social span.a2a_svg.a2a_s__default.a2a_s_facebook:hover {background-color: rgb(59, 89, 152) !important;} .share-on-social span.a2a_svg.a2a_s__default.a2a_s_google_plus:hover {background-color: rgb(221, 75, 57) !important;} .share-on-social span.a2a_svg.a2a_s__default.a2a_s_linkedin:hover {background-color: rgb(0, 123, 181) !important;} .share-on-social span.a2a_svg.a2a_s__default.a2a_s_twitter:hover {background-color: rgb(85, 172, 238) !important;} .share-on-social .addtoany_list a:hover img, .share-on-social .addtoany_list a:hover span {opacity: 1;} .share-on-social {float: right;transform: translatey(-31.5px);} /* blog post list */ .blog-post-list a{display: block;} .blog-post-list .item{margin-bottom: 20px;} .blog-post-list .item:last-of-type{margin-bottom: 0;} .blog-post-list .item-wrap{position: relative;} .blog-post-list .bg-img{width: 100%;height: 220px; -webkit-transition: all 5s ease;-o-transition: all 5s ease;transition: all 5s ease;} .blog-post-list .blog-date{ position: absolute;top: 0;left: 0;background-color: #fff;font-size: 22px;color: #8dc642;font-weight: 600;display: inline-flex;flex-wrap: wrap;width: 55px;height: 55px;flex-direction: column;align-content: center;align-items: center;justify-content: center;line-height: 1;border-radius: 0 0 18px 0;} .blog-post-list .blog-date em{ font-style: normal;font-size: 12px;display: block;text-transform: uppercase;} .blog-post-list .item-wrap .desc{position: absolute;bottom: 0;left: 0px;right: 0;padding: 13px 14px;z-index: 1;} .blog-post-list .item-wrap .desc h5{margin-bottom: 7px;} .blog-post-list .item-wrap .desc .post-by{font-size: 14px; font-weight: 700;} .blog-post-list .item-wrap .desc .tag-list{background-color: #3bb54a; color: #fff; display: inline-block; padding: 3px 15px; border-radius: 14px;margin: 2px 0; margin-left: 10px;} .blog-post-list .item-wrap .twitter-content{background-color: #1c9cec;height: 100%;padding: 30px;} .blog-post-list .item-wrap .twitter-content *{color: #fff;} .blog-post-list .item-wrap .twitter-content .tw-postby{margin-bottom: 20px;display: block;} .blog-post-list .item-wrap .twitter-content p{font-size: 20px;font-weight: 400;line-height: 1.5;} .blog-post-list .twitter-content:after{content: "h"; font-family: "almano-digital" !important;font-style: normal !important;font-weight: normal !important;font-variant: normal !important;text-transform: none !important;speak: none;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; position: absolute; left: 25px; bottom: 25px; font-size: 29px;color: #fff;} .blog-post-list .insta-post{width: 100%; height: 100%; display: block;} .blog-post-list .insta-post .icon{position: absolute; bottom: 20px; left: 20px;width: 42px; height: 42px;} .blog-post-list .item-wrap .desc *{color: #fff;} .blog-post-list .item-wrap:after{content: ""; width: 100%; height: 100%; background: url(assets/images/blog-list-shadow.png) repeat-x left bottom; position: absolute; left: 0; bottom: 0; display: block;z-index: 0; pointer-events: none;} .blog-post-list .item-wrap figure{overflow: hidden;} .blog-post-list .item-wrap:hover figure .bg-img{-webkit-transform: scale(1.2);-ms-transform: scale(1.2);-o-transform: scale(1.2);transform: scale(1.2);} /* float-contact-btn */ .float-contact-btn{position: fixed; right: 0; bottom: 20%;z-index: 999;right: 24px;display: none;} .float-contact-btn a{background-image: -moz-linear-gradient( 38deg, rgb(59,181,74) 0%, rgb(141,198,66) 100%);background-image: -webkit-linear-gradient( 38deg, rgb(59,181,74) 0%, rgb(141,198,66) 100%);background-image: -ms-linear-gradient( 38deg, rgb(59,181,74) 0%, rgb(141,198,66) 100%);width: 60px; height: 60px; display: block; border-radius: 100%; display: flex; align-items: center; justify-content: center; -webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;} .float-contact-btn a:first-of-type{margin-bottom: 10px;} .float-contact-btn a i{color: #fff;font-size: 29px;display: inline-flex;} .float-contact-btn a:hover{text-decoration: none;background-image: -moz-linear-gradient( 110deg, rgb(59,181,74) 0%, rgb(141,198,66) 100%);background-image: -webkit-linear-gradient( 110deg, rgb(59,181,74) 0%, rgb(141,198,66) 100%);background-image: -ms-linear-gradient( 110deg, rgb(59,181,74) 0%, rgb(141,198,66) 100%);} /* curved services */ .curved-services-wrap{height: 1050px;overflow: hidden; position: relative;} .curved-services-wrap .bg-shape1{margin-left: -65px;position: absolute; top: 0; left: 0;z-index: 1; bottom: 0; margin-top: auto; margin-bottom: auto;} .curved-services-wrap .inner-curved-block{height: 980px;background-color: #000;position: relative;width: 96%; margin-left: auto;z-index: 2;} .curved-services-wrap .inner-curved-block{-webkit-clip-path: polygon(0 19%, 100% 0, 100% 100%, 0 85%);clip-path: polygon(0 19%, 100% 0, 100% 100%, 0 85%);-o-clip-path: polygon(0 19%, 100% 0, 100% 100%, 0 85%);-ms-clip-path: polygon(0 19%, 100% 0, 100% 100%, 0 85%);} .curved-gradient-color{background-image: -moz-linear-gradient( 142deg, rgb(17,153,142) 0%, rgb(56,239,125) 100%);background-image: -webkit-linear-gradient( 142deg, rgb(17,153,142) 0%, rgb(56,239,125) 100%);background-image: -ms-linear-gradient( 142deg, rgb(17,153,142) 0%, rgb(56,239,125) 100%);} .curved-services-wrap .inner-curved-block:before{ content: "";width: 349px;height: 908px;background: url(assets/images/services-shape.svg) no-repeat center / contain;position: absolute;top: 63px;left: -110px; z-index: 9; transform: rotate(-2.1deg); pointer-events: none;} .curved-services-wrap .curved-banner-img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.6;} .curved-services-wrap .bg-img{width: 100%; height: 100%;opacity: 0.4;} @supports (mix-blend-mode: multiply) { .curved-services-wrap .bg-img{mix-blend-mode: multiply;opacity: 1;} } .curved-services-wrap .curved-up-block{position: relative;top: 0; left: 0; width: 100%; height: 100%; display: flex;} .curved-services-wrap .curved-up-block .left-part{width: 47%;display: inline-flex; flex-wrap: wrap; align-items: center; vertical-align: top; padding-left: calc((100% - 1460px) / 2);} .curved-services-wrap .curved-up-block .right-part{width: 53%;display: inline-block;vertical-align: top;} .curved-services-wrap .curved-up-block .desc{max-width: 380px;margin-left: 35px;} .curved-services-wrap .curved-up-block .desc h2{color: #fff;} .curved-services-wrap .services--list{height: 100%;} .curved-services-wrap .services--list .row{height: 100%;} .curved-services-wrap .services--list .item{height: 50%;display: inline-flex; flex-wrap: wrap; align-content: center; align-items: center; border-left: 1px solid rgba(255,255,255,0.2);border-bottom: 1px solid rgba(255,255,255,0.2);padding: 20px; justify-content: center;} .curved-services-wrap .services--list .item:nth-child(-n + 3){padding-top: 125px;} .curved-services-wrap .services--list .item:nth-child(n + 4){padding-bottom: 80px;} .curved-services-wrap .services--list .item:last-of-type{padding-bottom: 10px;} .curved-services-wrap .services--list .item .s-desc *{color: #fff;} .curved-services-wrap .services--list .item .s-desc{width: 100%;/* display: none; */text-align: center;padding: 0 10px; -webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease; /*height: 0;*/ overflow: hidden;} .curved-services-wrap .services--list .s-title{font-size: 22px;font-weight: 600;display: block; width: 100%; text-align: center; color: #fff; line-height: 1.2; margin-bottom: 16px;} .curved-services-wrap .services--list .s-img{width: 94px; height: auto; display: block; margin: 0 auto 30px;} .curved-services-wrap .services--list .s-img .icon{display: block;line-height: 1;font-size: 0;} .curved-services-wrap .services--list .btn-arrow{display: inline-flex;/*width: 62px; height: 37px;*/ align-items: center; justify-content: center; position: relative; padding: 7px 20px;} .curved-services-wrap .services--list .btn-arrow i{font-size: 23px; display: inline-flex;vertical-align: top;} .curved-services-wrap .services--list .s-img *{fill:#8dc642;} .curved-services-wrap .services--list .btn-arrow:before, .curved-services-wrap .services--list .btn-arrow:after{content: "";width: 3px;height: 100%; border-style: solid; border-color: #fff; position: absolute;-webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease; transition-delay: 0.5s;} .curved-services-wrap .services--list .btn-arrow:before{border-width: 0 0 3px 3px; left: 0; bottom: 0;} .curved-services-wrap .services--list .btn-arrow:after{border-width: 3px 3px 0 0; right: 0; top: 0;} .curved-services-wrap .services--list .item:hover{background-color: #3bb54a;} .curved-services-wrap .services--list .item:hover .btn-arrow:before{width: 20px; height: 20px;} .curved-services-wrap .services--list .item:hover .btn-arrow:after{width: 20px; height: 20px;} .curved-services-wrap .services--list .item:hover{text-decoration: none;} /*.curved-services-wrap .services--list .item:hover .s-desc{display: block; height: 140px;}*/ .curved-services-wrap .services--list .item:hover .s-img *{fill:#fff;} .curved-services-wrap .services--list .btn-arrow2{display: inline-flex;align-items: center; justify-content: center; position: relative; padding: 17px 26px; color: #8dc642; font-weight: 600; -webkit-transition: 0.4s ease all;-o-transition: 0.4s ease all;transition: 0.4s ease all; text-align: center;} .curved-services-wrap .services--list .btn-arrow2:before, .curved-services-wrap .services--list .btn-arrow2:after{content: "";width: 30px;height: 30px; border-style: solid; border-color: #8dc642; position: absolute; -webkit-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;} .curved-services-wrap .services--list .btn-arrow2:before{border-width: 0 0 3px 3px; left: 0; bottom: 0;} .curved-services-wrap .services--list .btn-arrow2:after{border-width: 3px 3px 0 0; right: 0; top: 0;} .curved-services-wrap .services--list .item:hover .btn-arrow2:before, .curved-services-wrap .services--list .item:hover .btn-arrow2:after{width: 100%;height: 100%;border-color: #fff;} .curved-services-wrap .services--list .item:hover .btn-arrow2{color: #fff;} /* services flipper */ .curved-services-wrap .services--list .item {-webkit-perspective: 1000;-moz-perspective: 1000;-o-perspective: 1000;perspective: 1000;} .curved-services-wrap .services--list .item:hover .flipper{} .curved-services-wrap .services--list .item:hover .flipper, .curved-services-wrap .services--list .item.hover .flipper {-webkit-transform: rotateY(180deg);-moz-transform: rotateY(180deg);-o-transform: rotateY(180deg);transform: rotateY(180deg);} .curved-services-wrap .services--list .flipper {-webkit-transition: 0.4s;-webkit-transform-style: preserve-3d;-moz-transition: 0.4s;-moz-transform-style: preserve-3d;-o-transition: 0.4s;-o-transform-style: preserve-3d;transition: 0.4s;transform-style: preserve-3d;position: relative;width: 100%;height: 100%;} .curved-services-wrap .services--list .front, .curved-services-wrap .services--list .back {-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-o-backface-visibility: hidden;backface-visibility: hidden;position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: flex;flex-wrap: wrap;align-items: center;align-content: center;justify-content: center;text-align: center;} .curved-services-wrap .services--list .front { z-index: 2;-webkit-transform: rotateY(0);-moz-transform: rotateY(0);-o-transform: rotateY(0);transform: rotateY(0);} .curved-services-wrap .services--list .back {-webkit-transform: rotateY(180deg);-moz-transform: rotateY(180deg);-o-transform: rotateY(180deg);transform: rotateY(180deg);}.curved-services-wrap .services--list .back .s-title{margin:15px 0px;} .curved-services-wrap .services--list .back .s-img{margin-bottom: 10px;} /* get appear */ .get-appear-sec .get-appear-list{margin-bottom: 40px;margin-left: 0;} .get-appear-sec .get-appear-list li{list-style: none;font-size: 20px; /*padding-left: 94px;*/ position: relative;margin-bottom: 20px;} .get-appear-sec .get-appear-list .icon{width: 65px; height: 65px;display: inline-flex; align-items: center; justify-content: center; border: 2px solid #e5e5e5; border-radius: 100%;vertical-align: middle; position: relative; left: 0; margin-right: 30px;} .get-appear-sec .btn-grp{margin-top: 20px;} .get-appear-sec .btn-grp .btn:not(:last-of-type){margin-right: 8px;} .get-appear-sec .text-part{padding-right: calc((100% - 1460px ) / 2);padding-left: 20px;} .get-appear-sec .img-animation{text-align: center; position: relative; max-width: 90%; margin: 0 auto; z-index: 1;} .get-appear-sec .bg-circle{-webkit-animation: scaleBg 7s infinite;-moz-animation: scaleBg 7s infinite;animation: scaleBg 7s infinite; position: absolute; z-index: -1; width: 100%; height: 100%; pointer-events: none;} .get-appear-sec .bg-circle:before{content:""; position: absolute;width: 122%; height: 788px; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);transform: translate(-50%,-50%); background: url(assets/images/img-bg-circle.png) no-repeat center / contain;z-index: -1; } /* creative gallery */ .creative-gallery-sec{background-color: #f1f8e8; position: relative;margin: 50px 0 100px 0;} .creative-gallery-sec:before{content: "";position: absolute;left: 0;height: 100px;background-color: inherit;width: 100%;transform: skewy(-2.5deg);z-index: 0;transform-origin: left bottom;} .creative-gallery-sec:after{content: "";position: absolute;left: 0;bottom: 0;height: 100px;background-color: inherit;width: 100%;transform: skewy(2.5deg);z-index: 0;transform-origin: left bottom;} .creative-gallery-sec .gallery-inner-part{position: relative;z-index: 1;padding-bottom: 0px;} .creative-gallery-sec .gallery-list .item{display: block;margin-bottom: 30px;} .creative-gallery-sec .gallery-list .item-wrap{width: 100%; display: block; position: relative; background-color: #168f25; overflow: hidden;border-radius: 10px;} .creative-gallery-sec .gallery-list figure{height: 350px; width: 100%;overflow: hidden; } .creative-gallery-sec .gallery-list .bg-img{width: 100%; height: 100%; -webkit-transition: 800ms linear;-o-transition: 800ms linear;transition: 800ms linear;} .creative-gallery-sec .gallery-list .item-caption{position: absolute; top: 100%; left: 0; width: 100%; height: 100%; display: flex;flex-wrap: wrap; align-items: center; justify-content: center;text-align: center;padding: 30px; -webkit-transition: 0.3s ease all;-o-transition: 0.3s ease all;transition: 0.3s ease all;} .creative-gallery-sec .gallery-list .item-caption *{color: #fff;} .creative-gallery-sec .gallery-list .item-caption .project-text{font-size: 18px;} .creative-gallery-sec .gallery-list .item-caption .desc{width: 100%; position: relative;} .creative-gallery-sec .gallery-list .item-caption h3{margin-bottom: 0;} .creative-gallery-sec .gallery-list .item-caption hr{margin: 15px 0; border-color: rgba(255,255,255,0.2);} .creative-gallery-sec .gallery-list .item-caption:before{content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0;background-image: -moz-linear-gradient( 142deg, rgb(17,153,142) 0%, rgb(56,239,125) 100%);background-image: -webkit-linear-gradient( 142deg, rgb(17,153,142) 0%, rgb(56,239,125) 100%);background-image: -ms-linear-gradient( 142deg, rgb(17,153,142) 0%, rgb(56,239,125) 100%); opacity: 0.4;} @supports (mix-blend-mode: multiply) { .creative-gallery-sec .gallery-list .item-caption:before{mix-blend-mode: multiply;opacity: 1;} } .creative-gallery-sec .gallery-list .item-wrap:hover .bg-img{opacity: 0.5; -webkit-transform: scale(1.2);-ms-transform: scale(1.2);-o-transform: scale(1.2);transform: scale(1.2);} .creative-gallery-sec .gallery-list .item-wrap:hover .item-caption{top: 0;} /* our-work-sec */ .our-work-sec .number{font-size: 50px;font-weight: 700; color: #222b3c;line-height: 1;width: 100%;margin-bottom: 5px;} .our-work-sec .number .counter{display: inline-block; line-height: 1; vertical-align: top;} .our-work-sec .single-count-number{text-align: center;} .our-work-sec .counter-title{font-size: 18px; text-transform: uppercase; font-weight: 600; color: #777777;width: 100%; text-align: center;} .our-work-sec .single-count-number{display: inline-flex; vertical-align: top; flex-wrap: wrap; flex: 1 0 0%;justify-content: center; padding: 0 20px;} .our-work-sec .count-number-part{display: flex; flex-wrap: wrap;} .our-work-sec .single-count-number figure{margin-bottom: 20px;} .our-work-sec .single-count-number figure img{height: 65px; width: auto;} /*@a*/ home-banner .item{height: 100vh;overflow: hidden;position: relative;z-index: 0;} .aniamtion-layer {position: absolute;width: 50%;height: 100vh;padding: 150px 50px;left: 0;top: 0;pointer-events: none;z-index: 0;} .animation-layer-second {width: 100%; height: 100%;padding: 0px;} .layer-scene {width: 100%;height: 1000%;padding: 0px;margin: 0px;} .what-makes-sec {position: relative;} /*move-icons1 */ .move-icons1 {-webkit-transform-origin: 50% 90%;-moz-transform-origin: 50% 90%;transform-origin: 50% 90%;-webkit-animation: MoveI 7s infinite;-moz-animation: MoveI 7s infinite;animation: MoveI 7s infinite;background-image: url(assets/images/banner-icons-2.png);height: 150px;width: 184px;background-repeat: no-repeat;position: absolute;right: 0px;} /*move-icons2*/ .move-icons2{-webkit-transform-origin: 40% 50%;-moz-transform-origin: 40% 50%;transform-origin: 40% 50%;animation-delay: -5s;-webkit-animation: leftTop 5s infinite;-moz-animation: leftTop 5s infinite;animation: leftTop 5s infinite;background-image: url(assets/images/banner-icons-3.png);height: 104px;width: 84px;background-repeat: no-repeat;position: absolute;left: 0px;top: 0px;} .tringle-icons-2 {-webkit-transform-origin: 40% 50%;-moz-transform-origin: 40% 50%;transform-origin: 40% 50%;animation-delay: -5s;-webkit-animation: leftTop 5s infinite;-moz-animation: leftTop 5s infinite;animation: leftTop 5s infinite;background-image: url(assets/images/icons-1.png);height: 90px;width: 120px;background-repeat: no-repeat;position: absolute;left: -360px;top: 185px;right: 0px;margin: 0px auto;} /*move-icons3*/ .move-icons3 {-webkit-animation: leftBm 7s infinite;-moz-animation: leftBm 7s infinite;animation: leftBm 7s infinite;background-image: url(assets/images/banner-icons-4.png);width: 195px;height: 92px;background-repeat: no-repeat;position: absolute;left: 0px;top: 500px;right: 0;margin: 0px auto;} .tringle-icons-1 {-webkit-animation: leftBm 7s infinite;-moz-animation: leftBm 7s infinite;animation: leftBm 7s infinite;background-image: url(assets/images/icons-2.png);width: 108px;height: 70px;background-repeat: no-repeat;position: absolute;right: 150px;top: 500px;} .inner-animation .inner-icons-left {-webkit-animation: leftTop 7s infinite;-moz-animation: leftTop 7s infinite;animation: leftTop 7s infinite;background-image: url(assets/images/icons-4.png);width: 147px;height: 191px;background-repeat: no-repeat;position: absolute;left: 15px;top: 100px;} .inner-animation .inner-icons-right{-webkit-animation: leftDonts 7s infinite;-moz-animation: leftDonts 7s infinite;animation: leftDonts 7s infinite;background-image: url(assets/images/icons-5.png);width: 163px;height: 122px;background-repeat: no-repeat;position: absolute;right: 0px;} .inner-animation .inner-icons-left-down{-webkit-animation: leftDontsDown 7s infinite;-moz-animation: leftDontsDown 7s infinite;animation: leftDontsDown 7s infinite;background-image: url(assets/images/icons-6.png);width: 84px;height: 76px;background-repeat: no-repeat;position: absolute;bottom: 150px;left: 50px;} .inner-animation .inner-icons-right-down{-webkit-animation: leftDonts 7s infinite;-moz-animation: leftDonts 7s infinite;animation: leftDonts 7s infinite;background-image: url(assets/images/icons-4.png);width: 147px;height:191px;background-repeat: no-repeat;position: absolute;bottom: 150px;right: 50px;} .inner-animation .inner-icons-left-down {-webkit-animation: leftDontsDown 7s infinite;-moz-animation: leftDontsDown 7s infinite;animation: leftDontsDown 7s infinite;background-image: url(assets/images/icons-4.png);width: 147px;height: 191px;background-repeat: no-repeat;position: absolute;bottom: 700px;left: 50px;} .inner-animation .about-down-icons {-webkit-animation: leftDontsDown 7s infinite;-moz-animation: leftDontsDown 7s infinite;animation: leftDontsDown 7s infinite;background-image: url(assets/images/icons-7.png);width: 87px;height: 68px;background-repeat: no-repeat;position: absolute;bottom: 100px;left: 50px;} .inner-animation .about-right-icons{-webkit-animation: leftDonts 7s infinite;-moz-animation: leftDonts 7s infinite;animation: leftDonts 7s infinite;background-image: url(assets/images/icons-9.png);width: 100px;height:121px;background-repeat: no-repeat;position: absolute;bottom: 100px;right: 75px;} .inner-animation .about-center-icons {-webkit-animation: leftTop 5s infinite;-moz-animation: leftTop 5s infinite;animation: leftTop 5s infinite;background-image: url(assets/images/icons-8.png);height: 108px;width: 118px;background-repeat: no-repeat;position: absolute;left: 400px;top: 100px;right: 0px;margin: 0px auto;} .inner-animation .inner-blog-left-down {-webkit-animation: leftDontsDown 7s infinite;-moz-animation: leftDontsDown 7s infinite;animation: leftDontsDown 7s infinite;background-image: url(assets/images/icons-10.png);width: 84px;height: 76px;background-repeat: no-repeat;position: absolute;top: 600px;left: 50px;} .inner-animation .inner-blog-right-down {-webkit-animation: leftDontsDown 7s infinite;-moz-animation: leftDontsDown 7s infinite;animation: leftDontsDown 7s infinite;background-image: url(assets/images/icons-10.png);width: 84px;height: 76px;background-repeat: no-repeat;position: absolute;top: 990px;z-index: 3;right: 50px;} /*move-icons4*/ .move-icons4 {-webkit-animation: leftDonts 7s infinite;-moz-animation: leftDonts 7s infinite;animation: leftDonts 7s infinite;background-image: url(assets/images/banner-icons-5.png);width: 347px;height: 150px;background-repeat: no-repeat;position: absolute;left: 0px;top: 0;right: 0;margin: 0px auto;} /*move-icons5*/ .move-icons5 {-webkit-animation: leftDontsDown 7s infinite;-moz-animation: leftDontsDown 7s infinite;animation: leftDontsDown 7s infinite;background-image: url(assets/images/banner-icons-6.png);width: 615px;height: 217px;background-repeat: no-repeat;position: absolute;left: 0px;top: 500px;right: 0;margin: 0px auto;} .get-appear-animation .move-icons1 {left: 150px;top: -180px;} .move-icons6 {-webkit-animation: leftDontsDown 7s infinite;-moz-animation: leftDontsDown 7s infinite;animation: leftDontsDown 7s infinite;background-image: url(assets/images/icons-3.png);width: 184px;height: 202px;background-repeat: no-repeat;position: absolute;left: 270px;bottom: -40%;right: 0;margin: 0px auto;} .icon-scroll-up {-webkit-animation: trackBallSlideTop 2.3s linear infinite;animation: trackBallSlideTop 2.3s linear infinite;animation-timing-function: cubic-bezier(.15, .41, .69, .94);left:-3px;} .triangle-img-shape .st0, .triangle-img-shape .gray-shape{-webkit-animation: triangleShap 7s infinite;-moz-animation: triangleShap 7s infinite;animation: triangleShap 7s infinite;} .triangle-img-shape .st1, .triangle-img-shape .green-shape{-webkit-animation: triangleShap2 7s infinite;-moz-animation: triangleShap2 7s infinite;animation: triangleShap2 7s infinite;} .services-sec, .services-detail-sec, .ecomm-sec, .portfolio-sec, .about-sec, .blog-pg-sec, .blog-details-sec {position: relative;} .blog-pg-sec:before {content:'';width: 661px;height: 661px;border-radius: 100%;position: absolute;pointer-events: none;top: 555px;left: -475px;background-color: #f8fbf3;} .blog-pg-sec:after {content: '';width: 1052px;height: 1052px;border-radius: 100%;position: absolute;pointer-events: none;top: 40px;right: -640px;background-color: #f8fbf3;z-index: 1;} .blog-details-sec:before {content:'';width: 661px;height: 661px;border-radius: 100%;position: absolute;pointer-events: none;top: 555px;left: -475px;background-color: #f8fbf3;z-index: -1;} .blog-details-sec:after {content: '';width: 1052px;height: 1052px;border-radius: 100%;position: absolute;pointer-events: none;top: 40px;right: -640px;background-color: #f8fbf3;z-index: -1;} .blog-sidebar-wrap .listing-sidebar {z-index: 2;} .blog-sidebar-wrap .sidebar-wrap .ls-item { background-color: #FFF; } /* get in touch sidebar */ .get-in-touch-sidebar{width: 300px;position: fixed;bottom: 30%;right: 3%;visibility: hidden;opacity: 0;z-index: 9;box-shadow: 0 1px 18px 0 rgba(36, 38, 47, 0.1), 0 4px 6px 0 rgba(0, 0, 0, 0.06);transition: 1s all;transform: scale(0.2) translate(100%,100%);padding: 18px;background-color: #fff;border-radius: 10px;} .get-in-touch-sidebar .form-group{margin-bottom: 10px;} .get-in-touch-sidebar select,.get-in-touch-sidebar input[type="text"],.get-in-touch-sidebar input[type="password"], .get-in-touch-sidebar input[type="email"],.get-in-touch-sidebar input[type="tel"],.get-in-touch-sidebar input[type="search"], .get-in-touch-sidebar input[type="number"]{ height: 35px;font-size: 12px;padding: 0 10px;margin-top: 5px;} .get-in-touch-sidebar .form-group label{font-size: 12px;} .get-in-touch-sidebar textarea{padding: 7px 10px; height: 100px; font-size: 12px;margin-top: 5px;} .get-in-touch-sidebar.open {visibility: visible;opacity: 1;transform: scale(1) translate(0%, 0%);} .get-in-touch-sidebar .quick-frm-submit-btn{position: relative;} .get-in-touch-sidebar .quick-frm-submit-btn input {width: auto;height: 35px;font-size: 14px;letter-spacing: 1px;} .get-in-touch-sidebar .ajax-loader{position: absolute; right: 0;} .get-in-touch-sidebar .touch-sidebar-close{position: absolute; right: -15px; top: -15px; cursor: pointer; width: 30px; height: 30px; display: flex;align-items: center;justify-content: center;border-radius: 100%;background-color: #3bb54a;z-index: 9;color: #fff;} div.wpcf7-response-output{margin: 1em 0.5em 1em;padding: 0.2em 0.6em;font-size: 12px;} .form-group.quick-frm-submit-btn {margin-bottom: 0;display: block;text-align: center;} .req-callback-popupbox .form-group.req-frm-submit-btn {margin-bottom: 0px;} /* form validation */ .contact-form span.wpcf7-not-valid-tip {color: #f00;font-size: 13px;font-weight: normal;display: block;position: absolute;} .contact-submit-btn input {/*transform: translatex(19px);*/} .wpcf7-form .ajax-loader{margin-right: -20px;} .form-wrap span.ajax-loader {right: -25px;position: absolute;} body div.wpcf7 .ajax-loader{margin-right: -20px;} .cf7sr-g-recaptcha{-webkit-transform: scale(0.8);-ms-transform: scale(0.8);-o-transform: scale(0.8);transform: scale(0.8); transform-origin: left top;margin-bottom: -15px;} .get-in-touch-sidebar .cf7sr-g-recaptcha{-webkit-transform: scale(0.6);-ms-transform: scale(0.6);-o-transform: scale(0.6);transform: scale(0.6); margin-bottom: -30px;} /* 31-10-2018 */ .main-footer .sub-gradient .wpcf7-form { display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;} .main-footer .sub-gradient form p {width: 220px;flex: none;} .sub-gradient div.wpcf7-validation-errors, div.wpcf7-acceptance-missing, .sub-gradient div.wpcf7-mail-sent-ok { width: 100%;text-align: center;} .main-footer .sub-gradient .wpcf7-form-control-wrap input {width: 100%;} .main-footer .sub-gradient form .inp-wrap {width: calc(100% - 220px);align-items: center;padding-right: 15px;} .main-footer .sub-gradient form .inp-wrap .cptch {width: 245px;} .main-footer .sub-gradient form .inp-wrap .subscribe-email {margin-right: 25px;} /* ie10 and IE11 */ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .ecomm-sec .right-side-img svg{height: 688px;} .side-img .triangle-img-shape svg{height: 486px;} .curved-services-wrap .inner-curved-block:before{display: none;} .curved-services-wrap .services--list .front, .curved-services-wrap .services--list .back{justify-content: flex-start;} .curved-services-wrap .services--list .item:hover .front{opacity: 0;} .curved-services-wrap .services--list .item:hover .back{backface-visibility: visible;} a.scroll-down{display: block;} a.scroll-down span{transform: translateX(-50%);} .curved-services-wrap:before{content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(assets/images/shape-for-IE.png) no-repeat;z-index: 3;pointer-events: none; background-size: 100% 100%;} .curved-services-wrap .bg-shape1{opacity: 0;} .curved-services-wrap .curved-up-block:before{content: ""; position: absolute; width: 100%;height: 160px; background-color: transparent; top: 0; right: 0; transform-origin: right bottom; transform: rotate(-6deg) translateY(-100%);z-index: 9;} .curved-services-wrap .curved-up-block:after{content: ""; position: absolute; width: 100%;height: 160px; background-color: transparent; bottom: 0; right: 0; transform-origin: right bottom; transform: rotate(4.5deg) translateY(100%);z-index: 9;} .curved-services-wrap .services--list .s-img .icon{height: 70px;} }