/* === style_w10 theme default ==== */ /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ /* Document ========================================================================== */ /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in iOS. */ html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ } /* Sections ========================================================================== */ /** * Remove the margin in all browsers. */ body { margin: 0; padding-right: 0 !important; } /** * Render the `main` element consistently in IE. */ main { display: block; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` solarfiys in Chrome, Firefox, and Safari. */ /* Grouping content ========================================================================== */ /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Text-level semantics ========================================================================== */ /** * Remove the gray background on active links in IE 10. */ a { background-color: transparent; } /** * 1. Remove the bottom border in Chrome 57- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */ } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Embedded content ========================================================================== */ /** * Remove the border on images inside links in IE 10. */ img { border-style: none; } /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers. * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { /* 1 */ overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * Correct the inability to style clickable types in iOS and Safari. */ button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Correct the padding in Firefox. */ fieldset { padding: 0.35em 0.75em 0.625em; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } /** * Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { vertical-align: baseline; } /** * Remove the default vertical scrollbar in IE 10+. */ textarea { overflow: auto; } /** * 1. Add the correct box sizing in IE 10. * 2. Remove the padding in IE 10. */ [type="checkbox"], [type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** * Remove the inner padding in Chrome and Safari on macOS. */ [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Interactive ========================================================================== */ /* * Add the correct display in Edge, IE 10+, and Firefox. */ details { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* Misc ========================================================================== */ /** * Add the correct display in IE 10+. */ template { display: none; } /** * Add the correct display in IE 10. */ [hidden] { display: none; } /* @font-face { font-family: 'Sofia Pro'; src: url('../fonts/Sofia Pro Bold.ttf'); font-weight: 700; font-style: normal; font-display: block; } @font-face { font-family: 'Sofia Pro'; src: url('../fonts/Sofia Pro Regular.ttf'); font-weight: 400; font-style: normal; font-display: block; } */ body { color: #696969; font-family: 'Poppins', sans-serif; font-weight: 400; font-style: normal; font-size: 16px; line-height: 1.6; } p { font-style: normal; } h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{ font-family: 'Poppins', sans-serif; font-style: normal; margin-bottom: 0; line-height: 1.2; font-weight: 700; transition: .5s; font-size:20px; color: #1b1a1a; margin: 0 0 10px; transition: .5s; } a{ color: #17161a; transition: .5s; } .btn-primary:focus, select:focus, textarea:focus, input:focus{ box-shadow: none !important; } textarea, input{ outline:none; } a:focus, .btn:focus { text-decoration: none; outline: none; } a:hover { text-decoration: none; color:#03b162; } .uppercase { text-transform: uppercase; } .capitalize { text-transform: capitalize; } /* .template-home-wrapper h1, .template-home-wrapper h2, .template-home-wrapper h3, .template-home-wrapper h4, .template-home-wrapper h5, .template-home-wrapper h6{ font-size:26px; } */ ul { margin: 0; padding: 0; } li { list-style:none; } input:focus, button:focus{ border-color:transparent; outline-color:transparent; } textarea:focus{ border-color:transparent; outline-color:transparent; } hr { margin: 60px 0; padding: 0px; border-bottom: 1px solid #eceff8; border-top: 0px; } hr.style-2 { border-bottom: 1px dashed #f10; } hr.mp-0 { margin: 0; border-bottom: 1px solid #eceff8; } hr.mtb-40 { margin: 40px 0; border-bottom: 1px solid #eceff8; border-top: 0px; } label { cursor: pointer; font-size: 14px; font-weight: 400; } a,i, cite, em, var, address, dfn,ol,li,ul{ font-style:normal; font-weight:400; } *::-moz-selection { background: #4fc1f0; color: #888888; text-shadow: none; } ::-moz-selection { background: #4fc1f0; color: #888888; text-shadow: none; } ::selection { background: #4fc1f0; color: #888888; text-shadow: none; } ::-moz-placeholder { color: #888888; font-size: 16px; } ::-webkit-input-placeholder { color: #888888; font-size: 16px; } :-ms-input-placeholder { color: #888888; font-size: 16px; } ::placeholder { color: #888888; font-size: 16px; } /* progress area css */ /* witr_single_skill */ .witr_single_progress { overflow:hidden; } .progress-bar { background-color: #03b162; } /*----------------------- Progress Bar Style1 -------------------------*/ .witr_progress-style1 {height: 30px;box-shadow: none;border-radius: 0;overflow: visible;background: #fff;margin-top: 20px;box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);} .witr_progress-style1 + .witr_progress-style1 {margin-top: 50px;} .witr_progress-style1 .progress-bar {position: relative;text-align: left;line-height: 30px;border-radius: 0;box-shadow: none;} .witr_title1 .witr_label {position: absolute;left: 5px;top: 0px;color: #1b1a1a;font-size: 16px;font-weight: 600;} .witr_progress-style1 .witr_percent {position: absolute;right: 10px;font-weight: 500;color: #fff;font-size: 14px;line-height: 30px;} /*----------------------- Progress Bar Style2 -------------------------*/ .witr_progress-style2.progress {box-shadow: none;border-radius: 0;overflow: visible;height: 6px;} .witr_progress-style2 + .witr_progress-style2 {margin-top: 50px;} .witr_progress-style2 .progress-bar {position: relative;text-align: left;line-height: 4px;border-radius: 0;box-shadow: none;} .witr_title2 .witr_label {position: absolute;left: 0px;top: 0px;color: #1b1a1a;font-size: 17px;font-weight: 700;} .witr_progress-style2 .witr_percent {position: absolute;right: 0;font-weight: 700;color: #1b1a1a;font-size: 16px;top: -19px;} /*----------------------- Progress Bar Style3 -------------------------*/ .witr_progress-style3 {height: 30px;box-shadow: none;border-radius: 0;overflow: visible;margin-top: 20px;} .witr_progress-style3 + .witr_progress-style3 {margin-top: 40px;} .witr_progress-style3 .progress-bar {position: relative;text-align: left;line-height: 30px;border-radius: 0;box-shadow: none;} .witr_progress-style3 .witr_label {position: absolute;left: 0;color: #fff;font-size: 13px;font-weight: 500;padding: 0 12px;background: rgba(255, 255, 255, 0.3);} .witr_progress-style3 .witr_percent {position: absolute;right: 10px;font-weight: 500;color: #fff;font-size: 12px;line-height: 26px;top: -10px;background: #1b1a1a;padding: 0 7px;} /*----------------------- Progress Bar Style4 -------------------------*/ .witr_progress-style4 {height: 40px;box-shadow: none;border-radius: 0;overflow: visible;padding: 4px;background: #fff;box-shadow: 0 10px 20px rgba(68, 68, 68, 0.05);} .witr_progress-style4 + .witr_progress-style4 {margin-top: 30px;} .witr_progress-style4 .progress-bar {position: relative;text-align: left;border-radius: 0;box-shadow: none;} .witr_progress-style4 .witr_label {position: absolute;left: 5px;color: #fff;font-size: 12px;font-weight: 500;padding: 0 12px;background: rgba(255, 255, 255, 0.3);top: 50%;transform: translateY(-50%);} .witr_progress-style4 .witr_percent {position: absolute;right: 6px;font-weight: 500;color: #fff;font-size: 11px;background: rgba(255, 255, 255, 0.3);top: 50%;transform: translateY(-50%);padding: 0 5px;} /*----------------------- Progress Bar Style5 -------------------------*/ .witr_progress-style5 {height: 24px;box-shadow: none;border-radius: 0;overflow: visible;margin-top: 30px;} .witr_progress-style5 + .witr_progress-style5 {margin-top: 60px;} .witr_progress-style5 .progress-bar {position: relative;text-align: left;border-radius: 0;box-shadow: none;} .witr_title5 .witr_label {position: absolute;left: 0px;top: 5px;color: #222;font-size: 16px;font-weight: 600;} .witr_progress-style5 .witr_percent {position: absolute;right: 0;font-weight: 500;color: #fff;font-size: 12px;top: -35px;background: #222;padding: 3px 6px;border-radius: 4px;} .witr_progress-style5 .witr_percent:after {content: '';position: absolute;border: 11px solid transparent;border-right-color: #222;left: -19px;top: 50%;transform: translateY(-50%);} .progress.witr_progress-style5 { margin-top: 37px; } /*----------------------- Progress Bar Style6 ------------------------*/ .witr_progress-style6 {overflow: visible;position: relative;margin-top: 20px;box-shadow: none;background: rgba(0, 0, 0, 0.04);padding: 3px;border-radius: 10px;} .witr_progress-style6 + .witr_progress-style6 {margin-top: 60px;} .witr_progress-style6 .progress-bar {position: relative;text-align: left;border-radius: 7px;line-height: 30px;box-shadow: none;} .witr_title6 .witr_label {position: absolute;left: 2px;top: 8px;color: #1b1a1a;font-size: 16px;font-weight: 600;} .witr_progress-style6 .witr_percent {position: absolute;color: #fff;font-size: 11px;bottom: 27px;text-align: center;z-index: 10;text-align: center;right: 0;font-weight: 600;} .witr_progress-style6 .witr_percent:after {content: '';position: absolute;background: #1b1a1a;border-radius: 0px 30px 30px 30px;width: 30px;height: 30px;left: -6px;top: 0;z-index: -1;transform: rotate(-130deg);} .progress.witr_progress-style6 { margin-top: 44px; } /*----------------------- Progress Bar Style7 -------------------------*/ .witr_progress-style7 {height: 12px;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);border-radius: 0;overflow: visible;padding: 3px;background: #fff;margin-top: 20px;} .witr_progress-style7 + .witr_progress-style7 {margin-top: 60px;} .witr_progress-style7 .progress-bar {position: relative;text-align: left;line-height: 4px;border-radius: 0;box-shadow: none;} .witr_title7 .witr_label {position: absolute;left: 0px;top: 0px;color: #1b1a1a;font-size: 15px;font-weight: 600;} .witr_progress-style7 .witr_percent {position: absolute;right: -13px;font-weight: 500;color: #fff;font-size: 10px;top: -30px;background: #1b1a1a;padding: 8px 5px;} .witr_progress-style7 .witr_percent:after {content: '';position: absolute;border: 5px solid transparent;left: 50%;border-top-color: #1b1a1a;top: 20px;transform: translateX(-50%);} /*----------------------- Progress Bar Style8 -------------------------*/ .witr_progress-style8 {position: relative;height: 40px;box-shadow: none;border-radius: 20px;overflow: visible;padding: 7px;background: #fff;box-shadow: 0 1px 10px rgba(68, 68, 68, 0.08);} .witr_progress-style8 + .witr_progress-style8 {margin-top: 30px;} .witr_progress-style8 .progress-bar {text-align: left;border-radius: 0;box-shadow: none;border-radius: 15px;} .witr_progress-style8 .witr_label {position: absolute;left: 20px;color: #fff;font-size: 13px;font-weight: 500;top: 50%;transform: translateY(-50%);} .witr_progress-style8 .witr_percent {position: absolute;right: 14px;top: 50%;font-weight: 500;color: #1b1a1a;font-size: 13px;transform: translateY(-50%);} /*----------------------- Progress Bar Style9 ------------------------*/ .witr_progress-style9 {overflow: visible;position: relative;border-radius: 10px;margin-top: 20px;box-shadow: none;background: #eee;padding: 0px;height: 20px;} .witr_progress-style9 + .witr_progress-style9 {margin-top: 60px;} .witr_progress-style9 .progress-bar {text-align: left;border-radius: 10px;line-height: 30px;margin-left: -1px;box-shadow: none;} .witr_title9 .witr_label {position: absolute;left: 2px;top: 0px;color: #888;font-size: 16px;font-weight: 600;} .witr_progress-style9 .witr_percent {position: absolute;color: #999;font-size: 11px;top: 50%;text-align: center;z-index: 10;text-align: center;right: 0;font-weight: 600;transform: translateY(-50%);} .witr_progress-style9 .witr_percent:after {content: '';position: absolute;background: #eee;border-radius: 30px 30px 0px 30px;width: 30px;height: 30px;left: -6px;top: 0;z-index: -1;transform: rotate(130deg);} /*----------------------- Progress Bar Style10 ------------------------*/ .witr_progress-style10 {overflow: visible;margin-top: 20px;box-shadow: none;background: #eee;padding: 0px;height: 12px;border-radius: 6px;} .witr_progress-style10 + .witr_progress-style10 {margin-top: 60px;} .witr_progress-style10 .progress-bar {position: relative;text-align: left;border-radius: 10px;line-height: 30px;margin-left: -1px;box-shadow: none;} .witr_title10 .witr_label {position: absolute;left: 2px;top: -15px;color: #888;font-size: 16px;font-weight: 600;} .witr_progress-style10 .witr_percent {position: absolute;width: 36px;height: 36px;line-height: 32px;background: #fff;color: #03b162;font-size: 11px;top: 50%;text-align: center;z-index: 10;text-align: center;right: -1px;font-weight: 600;transform: translateY(-50%);border: 2px solid #03b162;border-radius: 50%;text-align: center;} .witr_progress-style10 .progress-bar-success .witr_percent {border-color: #03b162;color: #03b162;} .witr_progress-style10 .progress-bar-info .witr_percent {border-color: #03b162;color: #03b162;} .witr_progress-style10 .progress-bar-warning .witr_percent {border-color: #03b162;color: #03b162;} .witr_progress-style10 .progress-bar-danger .witr_percent {border-color: #03b162;color: #03b162;} .progress.witr_progress-style10 { margin: 16px 0; } .progress{ margin-top: 29px; } /*----------------------- Progress Bar Style 13 -------------------------*/ .witr_progress-style13.progress { background: transparent; border: 1px solid #03b162; } .witr_progress-style13.witr_progress-style2 .progress-bar { margin: 2px 2px 2px; } .witr_ds_content_aream { position: relative; } /* === style_w9 animate ==== */ /* witr_rotate_all */ @keyframes witr_rotate_all{from{transform:rotate(0deg)}to{transform:rotate(-360deg)}} .set_class{ animation: witr_rotate_all 800ms ease-out infinite; } /* witr_rotate_left */ @keyframes witr_rotate_left{to{transform:rotate(30deg)}from{transform:rotate(175deg)}} .set_class{ animation: witr_rotate_left 800ms ease-out infinite; } /* witr_rotate_right */ @keyframes witr_rotate_right{from{transform:rotate(-175deg)}to{transform:rotate(-30deg)}} .set_class{ animation: witr_rotate_right 800ms ease-out infinite; } /* witr_squares_ */ @keyframes witr_squares{ 0%{transform:scale(1);opacity:0} 20%{transform:scale(1.24);opacity:1} 100%{transform:scale(2.1);opacity:0} } .set_class{ animation: witr_squares 800ms ease-out infinite; } /* witr zoom out */ @keyframes witr_zoom_out{from{opacity:1}to{opacity:0}} .set_class{ animation: witr_zoom_out 800ms ease-out infinite; } /* witr zoom in */ @keyframes witr_zoom_in{ from{opacity:0}to{opacity:1} } .set_class{ animation: witr_zoom_in 800ms ease-out infinite; } /* witr_zoom_wave */ @keyframes witr_zoom_wave{0%{transform:scale(1);opacity:.8}20%{opacity:.8}100%{transform:scale(5.5);opacity:0}} .set_class{ animation: witr_zoom_wave 800ms ease-out infinite; } /* witr_focash */ @keyframes witr_focash{ 0%,100%{transform:scale(0);}50%{transform:scale(1);} } .set_class{ animation: witr_zoom 800ms ease-out infinite; } /* witr_up_down */ @keyframes witr_up_down{0%{margin-top:-150px}100%{margin-top:0}} .set_class{ animation: witr_up_down 800ms ease-out infinite; } /* witr_bounce */ @keyframes witr_bounce{ 0%,100%,20%,50%,80%{transform:translateY(0)} 40%{transform:translateY(-10px)} 60%{transform:translateY(-5px)} } .set_class{ animation: witr_bounce 800ms ease-out infinite; } /* === style_w8 widget blog left right ==== */ .blog-left-side {} .blog-left-side > div { margin-bottom: 30px; padding: 35px 30px 35px; border-radius: 8px; background: #fff; box-shadow: 0 0 30px rgb(0 0 0 / 7%); } .blog-left-side > div:last-child { margin-bottom: 0px; } .blog-left-side h2 { margin-bottom: 10px; text-transform: uppercase; } .blog-left-side {} .blog-left-side .content { padding: 0; } .blog-left-side .push-bottom-large { margin-bottom: 0; } .blog-left-side > div:last-child { margin-bottom: 0px; } .blog-left-side > aside:last-child { margin-bottom: 0px !important; } .blog-left-side .sub-menu li a:hover, .blog-left-side .nav .children li a:hover { background: transparent; color: #18c8ff; } .defaultsearch { background: #f7f7f7; position: relative; } .defaultsearch input { background: #f7f7f7 none repeat scroll 0% 0; border: 0 none; height: 54px; position: relative; width: 100%; } .defaultsearch input[type="text"] {} .defaultsearch input::-ms-input-placeholder, .defaultsearch input::-webkit-placeholder, .defaultsearch input::-moz-placeholder { } .defaultsearch button { background: #03b162; border: 0 none; color: #fff; font-size: 18px; padding: 17px 20px; position: absolute; right: 0; top: 50%; cursor: pointer; transform: translateY(-50%); outline: none; } .defaultsearch button:hover{ background: #02101e; } .defaultsearch button i {} .defaultsearch input[type="text"] { padding-left: 15px; } /* widget list */ .widget {} .blog-left-side .widget h2 { border-bottom: 5px double #03b162; display: inline-block; line-height: 17px; margin-bottom: 20px; padding-bottom: 12px; position: relative; } .blog-left-side .widget h2::after, .blog-left-side .widget h2::before{ content: ''; position: absolute; top: 50%; transform: translateY(-50%); border: 6px solid #03b162; border-radius: 50%; animation-duration: 3s; animation-timing-function: linear; animation-iteration-count: infinite; margin-top: 17px; } .blog-left-side .widget h2::before { left: 0; animation-name: move_title_bg1; } .blog-left-side .widget h2::after{ right: 0; animation-name: move_title_bg2; } .blog-left-side .widget h2{} .footer-middle .widget h5 { text-transform: capitalize; } .blog-left-side .widget ul { list-style: none; } .blog-left-side .widget ul li { margin: 0 0 5px; padding-left: 20px; position: relative; } .blog-left-side .widget ul li span{ /* display: inline-block; */ font-weight: 300; } .blog-left-side .widget ul li:last-child { padding-bottom: 0px; margin-bottom: 0; } .blog-left-side > .widget > ul > li { margin: 0 0 10px; padding-bottom: 10px; } .blog-left-side .widget > ul > li:not(:last-child) { border-bottom: 1px solid rgba(0, 0, 0, 0.12); } .blog-left-side .widget ul li a { } .blog-left-side .widget ul li a:hover, .blog-left-side .widget ul li:hover::before{ color: #03b162; } .blog-left-side .widget ul li::before { content: "\f105"; font-family: FontAwesome !important; font-size: 18px; left: 0; position: absolute; } .blog-left-side .widget ul.children li{ } /* widget select */ .widget {} .blog-left-side .widget select { width: 100%; height: 40px; background: #fff; border: 1px solid #ddd; padding-left: 5px; } .widget .screen-reader-text { display: none; } .textwidget select{ width:100%; } /* table css */ #wp-calendar { width: 100%; } /* tags */ .tagcloud a { display: inline-block; font-size: 14px !important; margin: 0 8px 10px 0; padding: 7px 15px; text-align: center; font-weight: 400; border: 1px solid #ddd; text-transform: capitalize; } .widget_categories ul li:hover:before, .widget_archive ul li:hover:before, .widget_categories ul li a:hover, .widget_archive ul li a:hover, .tagcloud a:hover, .r-post-content h3:hover, .r-post-content h3 a:hover { color: #03b162; } .tagcloud a:hover { background: #03b162; color: #fff; } #wp-calendar caption { font-size: 14px; font-weight: normal; margin-bottom: 10px; text-align: left; text-transform: uppercase; } #wp-calendar { font-size: 13px; } #wp-calendar { border: 0px solid #e5e5e5; margin-bottom: 20px; overflow: auto; vertical-align: top; width: 100%; margin: 0; } table#wp-calendar td { border: 1px solid #e5e5e5; padding: 5px 10px; text-align: center; vertical-align: top; font-size: 14px; } #wp-calendar th, #wp-calendar td { padding: 8px; } table#wp-calendar th { border: 1px solid #e5e5e5; font-size: 13px; font-weight: 700; padding: 5px 10px; text-align: center; text-transform: uppercase; vertical-align: middle; } table#wp-calendar td#today{ color:#fff ; background-color:#03b162 ; } table#wp-calendar td#today a{ color:#fff; } .witr_blog_both .calendar_wrap { overflow: scroll; } .textwidget img { margin-bottom: 15px; } .textwidget p{ margin-bottom: 0.5rem; } /*===================== Home 2 Header CSS ======================*/ .dvrm { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transition: .7s; transition: .7s; position: relative; left: 600px; } .dvrm { margin-right: 80px; top: 0px; } .dvrm.nav-show { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; left: 0px; transition: .5s; } .hamburger{background:rgba(0, 0, 0, 0);border:0 none;color:inherit;cursor:pointer;display:inline-block;font:inherit;margin:0;overflow:visible;padding:20px 15px;position:absolute;right:0;text-transform:none;top:50%;transform:translateY(calc(-50% ));transition-duration:0.5s;transition-property:opacity, filter, -webkit-filter;transition-timing-function:linear;z-index:99;outline:none}.hamburger.is-active .hamburger-box{height:17px}.hamburger-box{display:inline-block;height:16px;position:relative;width:36px;margin:auto}.hamburger-inner{display:block;top:50%}.hamburger-inner,.hamburger-inner::before,.hamburger-inner::after{background-color:#fff;border-radius:4px;height:3px;position:absolute;transition-duration:0.15s;transition-property:transform,-webkit-transform;transition-timing-function:ease;width:35px}.hamburger-inner::before,.hamburger-inner::after{content:"";display:block}.hamburger-inner::before{top:-10px}.hamburger-inner::after{bottom:-10px}.hamburger--slider .hamburger-inner{top:2px}.hamburger--slider .hamburger-inner::before{top:10px;transition-property:opacity, -webkit-transform;transition-property:transform, opacity;transition-property:transform, opacity, -webkit-transform;transition-timing-function:ease;transition-duration:0.2s}.hamburger--slider .hamburger-inner::after{top:20px}.hamburger--slider.is-active .hamburger-inner{-webkit-transform:translate3d(0, 10px, 0) rotate(45deg);transform:translate3d(0, 10px, 0) rotate(45deg)}.hamburger--slider.is-active .hamburger-inner::before{-webkit-transform:rotate(-45deg) translate3d(-5.71429px, -6px, 0);transform:rotate(-45deg) translate3d(-5.71429px, -6px, 0);opacity:0}.hamburger--slider.is-active .hamburger-inner::after{-webkit-transform:translate3d(0, -20px, 0) rotate(-90deg);transform:translate3d(0, -20px, 0) rotate(-90deg)}.hamburger--slider-r .hamburger-inner{top:2px}.hamburger--slider-r .hamburger-inner::before{top:10px;transition-property:opacity, -webkit-transform;transition-property:transform, opacity;transition-property:transform, opacity, -webkit-transform;transition-timing-function:ease;transition-duration:0.2s}.hamburger--slider-r .hamburger-inner::after{top:20px}.hamburger--slider-r.is-active .hamburger-inner{transform:translate3d(0, 10px, 0) rotate(-45deg)}.hamburger--slider-r.is-active .hamburger-inner::before{-webkit-transform:rotate(45deg) translate3d(5.71429px, -6px, 0);transform:rotate(45deg) translate3d(5.71429px, -6px, 0);opacity:0}.hamburger--slider-r.is-active .hamburger-inner::after{-webkit-transform:translate3d(0, -20px, 0) rotate(90deg);transform:translate3d(0, -20px, 0) rotate(90deg)} /* === style_w7 unittest ==== */ /* THEME UNIT TEST CSS */ .tag-sticky-2 .solarfiy-single-blog{ border:1px solid #03b162; } .post_reply ul, .blog-content ul, .single-blog-content ul { list-style-type: disc; /* padding-left: 40px; */ } .blockquote p{ font-size:16px; } table { /* border-bottom: 1px solid #ededed; */ border-collapse: collapse; border-spacing: 0; font-size: 18px; line-height: 2; margin: 0 0 20px; width: 100%; } th { font-weight: bold; text-transform: uppercase; /* border: 1px solid #ededed; */ } td { border-bottom: 1px solid #ededed; padding: 6px 10px 6px 0; } caption, th, td { font-weight: normal; text-align: left; } .wp-block-quote.is-large, .wp-block-quote.is-style-large { padding: 1em 1em; } blockquote { padding: 25px 32px 25px; margin: 0 0 30px; font-size: 17px; /* border-left: 3px solid #03b162; */ font-weight: 400; box-shadow: 0 0 5px 0px rgb(0 0 0 / 7%); } blockquote p{ font-size:20px; position: relative; } /* blockquote::before { position: absolute; content: '\f10e'; left: 50%; top: 50%; font-size: 100px; font-family: fontawesome; transform: translateX(-50%); z-index: 1; color: rgba(119, 1, 219, 0.08); } */ blockquote blockquote { margin-right: 0; } blockquote cite, blockquote small { font-size: 20px; font-weight: 600; } blockquote code{ color: #555; font-weight: 400; } blockquote em, blockquote i { font-style: normal; } blockquote strong, blockquote b { } small { font-size: smaller; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } dl { margin: 0 20px; } dt { font-weight: bold; } dd { margin: 0 0 20px; } address { font-style: italic; margin: 0 0 24px; } i, cite, em, var, address, dfn { font-style: italic; } i{ display: inline-block; } em{ font-style: italic; font-weight: bold; } pre { background: #f5f5f5; margin: 20px 0; overflow: auto; padding: 20px; white-space: pre; white-space: pre-wrap; word-wrap: break-word; font-size: 18px; } tt, code, samp { } kbd{ } /* image aligment */ .entry-content img.alignleft, .entry-content .wp-caption.alignleft { margin-left: -60px; } figure.wp-caption.alignleft, img.alignleft { margin: 5px 20px 5px 0; } img.size-full, img.size-large, img.wp-post-image { /* height: 404px; */ max-width: 100%; } .alignleft { float: left; } .entry-content img, .entry-summary img, .comment-content img, .widget img, .wp-caption { max-width: 100%; } /** * 8.0 Alignments */ .alignleft { display: inline; float: left; } .alignright { display: inline; float: right; } .aligncenter { display: block; margin-right: auto; margin-left: auto; } blockquote.alignleft, .wp-caption.alignleft, img.alignleft { margin: 0.4em 1.6em 1.6em 0; } blockquote.alignright, .wp-caption.alignright, img.alignright { margin: 0.4em 0 1.6em 1.6em; } blockquote.aligncenter, .wp-caption.aligncenter, img.aligncenter { clear: both; margin-top: 0.4em; margin-bottom: 1.6em; } .wp-caption.alignleft, .wp-caption.alignright, .wp-caption.aligncenter { margin-bottom: 1.2em; } /** * 14.1 Captions */ .wp-caption { margin-bottom: 1.6em; max-width: 100%; } .wp-caption img[class*="wp-image-"] { display: block; margin: 0; } .wp-caption-text { font-size: 18px; line-height: 1.5; padding: 0.5em 0; } /** * 14.2 Galleries */ .gallery { } .gallery-item { display: inline-block; padding: 1.79104477%; text-align: center; vertical-align: top; width: 100%; } .gallery-columns-2 .gallery-item { max-width: 50%; } .gallery-columns-3 .gallery-item { max-width: 33.33%; } .gallery-columns-4 .gallery-item { max-width: 25%; } .gallery-columns-5 .gallery-item { max-width: 20%; } .gallery-columns-6 .gallery-item { max-width: 16.66%; } .gallery-columns-7 .gallery-item { max-width: 14.28%; } .gallery-columns-8 .gallery-item { max-width: 12.5%; } .gallery-columns-9 .gallery-item { max-width: 11.11%; } .gallery-icon img { margin: 0 auto; } .gallery-caption { color: #707070; color: rgba(51, 51, 51, 0.7); display: block; font-size: 12px; font-size: 1.2rem; line-height: 1.5; padding: 0.5em 0; } .gallery-columns-6 .gallery-caption, .gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption { display: none; } /* new add css */ .wp-block-cover.has-background-dim.alignleft { margin-right: 15px; } .wp-block-button.alignright { margin-left: 10px; } .wp-block-button.alignleft { margin-right: 10px; } ul.wp-block-gallery.alignleft { margin-right: 15px; } /* end new add css */ .post-password-form input[type=submit] { border: none; padding: 0px 14px; background:#18c8ff; color:#fff; text-transform:lowercase; } .post-password-form input[type=password] { border: 1px solid #ddd; height: 29px; } .site-title { font-size: 30px; margin: 0; margin-top: 5px; color:#5b5d62; } .site-title a { font-weight: 600; color:#5b5d62; text-transform: capitalize; } .site-title a:hover { color:#5b5d62; } .site-description { margin: 0; color:#5b5d62; } .logo_area.text-center { padding: 0px 0 12px; } .logo_area.text-center .site-title a, .logo_area.text-center .site-description, .logo_area.text-center .site-title a:hover { } .sticky{ border-color:#18c8ff; } .bypostauthor { } .wp-block-button__link { background-color: #03b162; } .wp-block-button { margin-bottom: 15px; } .wp-block-cover p:not(.has-text-color) { color: #fff; } /* === style_w7 button ==== */ .text-left .witr_btn_sinner { text-align: left; } .text-right .witr_btn_sinner { text-align: right; } .text-center .witr_btn_sinner { text-align: center; } /* button default style */ .witr_button_area { text-align: left; } .witr_btn { background: #03b162; border-radius: 30px; color: #fff; display: inline-block; font-size: 18px; padding: 18px 30px; text-align: center; position: relative; margin-right: 20px; z-index: 2; transition: 1s; font-weight:400; } .witr_btn:hover{ background:#02101e; color: #fff; } /* video button i */ .witr_btn i { font-size: 18px; margin-left: 6px; } /* pluse_btn_icon */ .pluse_btn_icon{ display: inline-block; } .pluse_btn_icon span{} /* button default br style */ .witr_bbtn{ border-radius: 30px; color: #03b162; display: inline-block; font-size: 18px; font-weight: 500; padding: 16px 30px; text-align: center; text-transform: capitalize; position: relative; margin-right: 20px; z-index:2; transition: 1s; border:2px solid #03b162; } .witr_bbtn:hover{ color:#fff; background:#03b162; border-color:#03b162; } /* video button i */ .witr_bbtn i { font-size: 15px; margin-right: 6px; } .witr_bbtn i:hover{ /* margin-left: 10px;*/ } /* ------------ button gradient style ----------------- */ .witr_gbtn{ background-color: #3d59e8; background: linear-gradient(45deg, #03b162, #02101e); border-radius: 30px; color: #fff; display: inline-block; font-size: 18px; font-weight: 600; padding: 12px 30px; text-align: center; text-transform: capitalize; position: relative; margin-right: 20px; z-index:2; transition: all 0.5s; } .witr_gbtn:hover{ color:#fff; } .witr_gbtn::before{ position: absolute; border-radius: 3px; left: 0; height: 100%; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; background:linear-gradient(45deg, #03b162, #02101e); top: 0; content: ""; width: 100%; z-index:-2; transition: all .5s ease; } .witr_gbtn:hover::before{ opacity: 1; } /* video button i */ .witr_gbtn i { font-size: 15px; margin-right: 6px; } /* ------------ button gradient border style ----------------- */ .witr_gbbtn{ border-radius: 30px; color: #03b162; display: inline-block; font-size: 18px; font-weight: 500; padding: 12px 30px; text-align: center; position: relative; margin-right: 20px; z-index:2; transition: all 0.5s; } .witr_gbbtn:hover{ color:#fff; } .witr_gbbtn::before{ position: absolute; border-radius: 3px; left: 0; height: 100%; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; background:linear-gradient(45deg, #03b162, #02101e); top: 0; content: ""; width: 100%; z-index:-2; transition: all .5s ease; } .witr_gbbtn::after{ position: absolute; border-radius: 3px; left: 2px; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; background:#fff; top: 2px; content: ""; z-index:-1; transition: all .5s ease; width: calc(100% - 4px); height: calc(100% - 4px); } .witr_gbbtn:hover::before{ opacity: 1; } .witr_gbbtn:hover::after{ opacity:0; } /* video button i */ .witr_gbbtn i { font-size: 15px; margin-right: 6px; } /* Video Default Button */ .witr_vbtn{ width: 50px; height: 50px; line-height: 50px; text-align: center; position: relative; border-radius: 50%; z-index: 2; margin-top: 10px; display: inline-block; color: #fff; background:#03b162; } .witr_vbtn i{ color:#fff; } .witr_vbtn:hover{ background:#02101e; color: #fff; } /* Video Default Border Button */ .witr_vbbtn{ width: 50px; height: 50px; line-height: 46px; text-align: center; position: relative; border-radius: 50%; z-index: 2; margin-top: 10px; display: inline-block; border:2px solid #03b162; } .witr_vbbtn i{ color: #03b162; } .witr_vbbtn:hover{ background:#03b162; border-color:#03b162; } .witr_vbbtn:hover i{ color:#fff; } /* Video gradient Button */ .witr_vgbtn{ width: 50px; height: 50px; line-height: 50px; text-align: center; position: relative; border-radius: 50%; z-index: 2; margin-top: 10px; display: inline-block; background: linear-gradient(45deg, #03b162, #02101e); } .witr_vgbtn i{ color:#fff; } /* Video gradient hover style Button */ .witr_vhgbtn{ width: 50px; height: 50px; line-height: 50px; text-align: center; position: relative; border-radius: 50%; z-index: 2; margin-top: 10px; display: inline-block; background: linear-gradient(45deg, #03b162, #02101e); } .witr_vhgbtn:hover{ color:#fff; } .witr_vhgbtn::before{ position: absolute; border-radius:50%; left: 0; height: 100%; z-index:-2; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-transition: .3s; transition:.3s; top: 0; content: ""; width:100%; background: linear-gradient(45deg, #03b162, #02101e); } .witr_vhgbtn:hover::before{ opacity: 1; } .witr_vhgbtn i{ color:#fff; } /* Video gradient border style Button */ .witr_vbgbtn{ width: 50px; height: 50px; line-height: 50px; text-align: center; position: relative; border-radius: 50%; z-index: 2; margin-top: 10px; display: inline-block; } .witr_vbgbtn::before{ position: absolute; border-radius:50%; left: 0; height: 100%; z-index:-2; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-transition: .3s; transition:.3s; top: 0; content: ""; width:100%; background: linear-gradient(45deg, #03b162, #02101e); } .witr_vbgbtn::after{ height: calc(100% - 4px); width: calc(100% - 4px); z-index: -1; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; background: #324452; -webkit-transition: all .5s ease; transition: all .5s ease; position: absolute; border-radius:50%; left: 2px; top: 2px; content: ""; } .witr_vbgbtn:hover::after{ opacity:0; } .witr_vbgbtn i{ color:#fff; } /* Video gradient dubble border style Button */ .witr_vbbgbtn_inner{ width: 70px; height: 70px; text-align: center; position: relative; border-radius: 50%; z-index: 2; margin-right: 20px; } .witr_vbbgbtn_inner:before{ position: absolute; border-radius:50%; left: 0; height: 100%; z-index:-2; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-transition: .3s; transition:.3s; top: 0; content: ""; width:100%; background: -webkit-linear-gradient(45deg, #03b162, #02101e); background: linear-gradient(45deg, #03b162, #02101e); } .witr_vbbgbtn_inner:after{ height: calc(100% - 2px); z-index: -1; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; background: #04071e; -webkit-transition: all .5s ease; transition: all .5s ease; position: absolute; border-radius:50%; left: 1px; top: 1px; content: ""; width: calc(100% - 2px); } /* inner div btn */ .witr_vbbgbtn{ color: #fff; width: 50px; height: 50px; line-height: 50px; text-align: center; position: relative; border-radius: 50%; z-index: 2; margin-top: 10px; display: inline-block; } .witr_vbbgbtn::before{ position: absolute; border-radius:50%; left: 0; height: 100%; z-index:-2; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-transition: .3s; transition:.3s; top: 0; content: ""; width:100%; background: linear-gradient(45deg, #03b162, #02101e); } .witr_vbbgbtn::after{ height: calc(100% - 4px); width: calc(100% - 4px); z-index: -1; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; background: #04071e; -webkit-transition: all .5s ease; transition: all .5s ease; position: absolute; border-radius:50%; left: 2px; top: 2px; content: ""; } .witr_vbbgbtn i{ color:#03b162; } /* Video gradient dubble bg border style Button */ .witr_vdbbgbtn_inner{ width: 70px; height: 70px; text-align: center; position: relative; border-radius: 50%; z-index: 2; margin-right: 20px; } .witr_vdbbgbtn_inner:before{ position: absolute; border-radius:50%; left: 0; height: 100%; z-index:-2; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-transition: .3s; transition:.3s; top: 0; content: ""; width:100%; background: -webkit-linear-gradient(45deg, #03b162, #02101e); background: linear-gradient(45deg, #03b162, #02101e); } .witr_vdbbgbtn_inner:after{ height: calc(100% - 2px); z-index: -1; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; background: #fff; -webkit-transition: all .5s ease; transition: all .5s ease; position: absolute; border-radius:50%; left: 1px; top: 1px; content: ""; width: calc(100% - 2px); } /* inner div btn */ .witr_vdbbgbtn{ width: 50px; height: 50px; line-height: 50px; text-align: center; position: relative; border-radius: 50%; z-index: 2; margin-top: 10px; display: inline-block; } .witr_vdbbgbtn::before{ position: absolute; border-radius:50%; left: 0; height: 100%; z-index:-2; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-transition: .3s; transition:.3s; top: 0; content: ""; width:100%; background: linear-gradient(45deg, #03b162, #02101e); } .witr_vdbbgbtn i{ color:#fff; } /* button video text */ .f_left{ float:left; margin-right:5px; } .witr_vider_text { float: left; } .witr_vider_text_inner { margin-top: 5px; } span.witr_v_text1 { color: #626262; display:block; font-size:17px; font-weight:300; } span.witr_v_text2 { font-size:17px; font-weight:600; text-transform:uppercase; } .witr_btn_vstyled { display: inline-flex; } .witr_btn_vstyle{ margin-right:15px; } .vtbtnsty4{ margin-top:10px; } /* classic Button */ .witr_classic_button_area { text-align: left; } .btn_none{ display:none; } .btn_block{ display:block; } .btn_sh_area{ margin-top:30px; } .btn_sh_area p { font-size: 17px; font-weight: 700; } .btn_sh_area i { font-size: 21px; margin: 0px 5px; cursor: pointer; } .witr_bbtn i { font-size: 21px; margin-left: 6px; transition: .5s; } .a_active i{ color:#03b162; } .witr_btn:hover .a_active i, .witr_bbtn:hover .a_active i{ color: #fff; } /* === style_w6 shape ==== */ .elementor-widget-witr_section_Shape.elementor-widget:not(:last-child) { margin-bottom: 0px; } .witr_shape_item_inner { position: absolute; /* left: 0; */ /* text-align: center; */ /* top: 0px; */ /* margin: auto; */ z-index: -1; content: ""; transition:.5s; } .witr_shape_box { width: 300px; height: 300px; background: #ddd; border-radius: 50%; border: 54px solid #f9f9f9; margin: auto; transition: .5s; } .witr_shape_box_text{ text-align: center; left: 50%; top: 50%; margin: auto; text-align: center; position: absolute; content: ""; transform: translateX(-50%) translateY(-50%); font-size:18px; } /* translate lr */ @keyframes witr_movelr_box45 { 0%{ transform: translateX(0px); } 100%{ transform: translateX(45px); } } @keyframes witr_movelr_box90 { 0%{ transform: translateX(0px); } 100%{ transform: translateX(90px); } } @keyframes witr_movelr_box180 { 0%{ transform: translateX(0px); } 100%{ transform: translateX(180px); } } @keyframes witr_movelr_box360 { 0%{ transform: translateX(0px); } 100%{ transform: translateX(360px); } } /* translate tb */ @keyframes witr_movetb_box45 { 0%{ transform: translateY(0px); } 100%{ transform: translateY(45px); } } @keyframes witr_movetb_box90 { 0%{ transform: translateY(0px); } 100%{ transform: translateY(90px); } } @keyframes witr_movetb_box180 { 0%{ transform: translateY(0px); } 100%{ transform: translateY(180px); } } @keyframes witr_movetb_box360{ 0%{ transform: translateY(0px); } 100%{ transform: translateY(360px); } } /* rotate */ @keyframes witr_rotate_360 { 0%{ transform: rotate(0deg); } 100%{ transform: rotate(360deg); } } @keyframes witr_rotate_180 { 0%{ transform: rotate(0deg); } 100%{ transform: rotate(180deg); } } @keyframes witr_rotate_90 { 0%{ transform: rotate(0deg); } 100%{ transform: rotate(90deg); } } @keyframes witr_rotate_45 { 0%{ transform: rotate(0deg); } 100%{ transform: rotate(45deg); } } /* another shape*/ .wirt_ani_slick_image { position: absolute; left: -3%; top: -11%; animation: witr_movetb_box45 3s linear 2s infinite alternate running; } .single_image{ } .witr_not_ani{ animation: witr_abmovetb_box15 3s linear 2s infinite alternate running; } @keyframes witr_abmovetb_box15 { 0%{ transform: translateY(-40px); } 100%{ transform: translateY(-20px); } } /* witr Single Image animater*/ .single_img_ani img{ -webkit-animation: single_img_ani 10s linear infinite alternate forwards; } @keyframes single_img_ani { 0%, to { border-radius: 63% 37% 54% 46%/55% 48% 52% 45%; } 14% { border-radius: 40% 60% 54% 46%/49% 60% 40% 51%; } 28% { border-radius: 54% 46% 38% 62%/49% 70% 30% 51%; } 42% { border-radius: 61% 39% 55% 45%/61% 38% 62% 39%; } 56% { border-radius: 61% 39% 67% 33%/70% 50% 50% 30%; } 70% { border-radius: 50% 50% 34% 66%/56% 68% 32% 44%; } 84% { border-radius: 46% 54% 50% 50%/35% 61% 39% 65%; } } /* single_seivice_ani */ .single_seivice_ani img{ animation: single_seivice_ani 10s linear infinite alternate forwards; } @keyframes single_seivice_ani{ 0%, to { border-radius: 65% 86% 80% 69%/59% 55% 95% 89%; } 14% { border-radius: 40% 60% 54% 46%/49% 60% 40% 51%; } 28% { border-radius: 54% 46% 38% 62%/49% 70% 30% 51%; } 42% { border-radius: 61% 39% 55% 45%/61% 38% 62% 39%; } 56% { border-radius: 61% 39% 67% 33%/70% 50% 50% 30%; } 70% { border-radius: 50% 50% 34% 66%/56% 68% 32% 44%; } 84% { border-radius: 46% 54% 50% 50%/35% 61% 39% 65%; } } /* === style_w5 banner ==== */ .banner_area { position:relative; height:800px; } .banner_area_inner { position:relative; top:50%; transform: translateY(-50%); } .banner-content { position:relative; top:50%; transform: translateY(-50%); } .banner-content h1{ font-size: 20px; } .banner-content h2, .banner-content h3{ font-size: 55px; } .banner-content h1 span, .banner-content h2 span, .banner-content h3 span{ color: #03b162; } .banner-content p { margin-left: auto; margin-right: auto; margin-top: 22px; margin-bottom: 36px; } .text-center.banner-content h1, .text-center.banner-content h2, .text-center.banner-content h3, .text-center.banner-content p{ margin-left:auto; margin-right:auto; } .banner-content a {} .banner-content a i { /* color: #fff; */ background: #03b162 ; height: 50px; width: 50px; text-align: center; line-height: 50px; border-radius: 5px; margin-right: 8px; margin-left: 9px; font-size: 20px; } /*button css*/ .witr_btns2{} .butn { background: transparent; border: 2px solid #03b162; position: relative; vertical-align: middle; transition: .5s; outline: none; border-radius: 5px; color: #03b162; display: inline-block; font-size: 16px; font-weight: 500; z-index: 2; padding: 13px 30px; overflow: hidden; margin-right:5px; } .butn:hover { color: #fff; } .witr_float .butn, .witr_float .butn { float: left; margin-right: 20px; } .butn::before { content: ''; width: 0; height: 100%; background: #03b162 ; position: absolute; left: 0; top: 0; z-index:-1; transition: .5s; } .butn:hover::before { width: 100%; } .witr_deshboard{ position: relative; } .witr_deshboard img{} /*====== style 3 ======*/ .banner-content ul{ /* margin-top: 38px; */ } .banner-content.content-3 ul li { display: inline-block; } .banner-content.content-3 ul li a { margin-top: 0; padding: 0 12px; } .banner-content.content-3 ul li a i { background-color: transparent; font-size: 17px; height: 0; width: 0; margin: 0; } /*====== style 4 ======*/ .banner-content.content-4 ul li { display: inline-block; margin-top: 6px; } .banner-content.content-4 ul li a i { background-color: transparent; color: #03b162 ; border: 1px solid #03b162 ; height: 36px; width: 36px; line-height: 36px; font-size: 17px; margin-right: 0; transition: .5s; } .banner-content.content-4 ul li a:hover i { background: #03b162 ; color: #fff; } /*====== style 5 ======*/ .banner-content form{ position: relative; width: 445px; } .banner-content input{ background-color: transparent; color: #03b162 ; border: 1px solid #03b162 ; height: 50px; width: 445px; padding-left: 30px; border-radius: 30px; } .banner-content input::-webkit-input-placeholder{ color: #03b162 ; opacity: 1; } .banner-content input:-ms-input-placeholder{ color: #03b162 ; opacity: 1; } .banner-content input::-moz-placeholder{ color: #03b162 ; opacity: 1; } .banner-content button { position: absolute; right: 0px; bottom: 0; background: #03b162 ; border: 0; height: 50px; padding: 14px 35px; border-radius: 30px; color: #fff; font-weight: 500; cursor: pointer; line-height: 0px; } /* animate_banner_area */ .animate_banner_area.banner_area { height: 800px; position:relative; } .animate_banner_area .row{ position: absolute; top: 50%; transform: translateY(-50%); } .animate_banner_area .text-left.banner-content p { margin-left: 0; width: 63%; } .animate_banner_area .text-right.banner-content p { margin-right: 0; width: 63%; } .animate_banner_area .text-center.banner-content p { margin-right: auto; margin-right: auto; width: 63%; } /* CAROUSEL NAV CSS */ .curosel-style .owl-nav div{ background:#03b162; border-radius: 50%; color: #03b162; font-size: 19px; height: 44px; left: -45px; line-height: 42px; position: absolute; top: 32%; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; width: 44px; text-align: center; z-index: 99; opacity: 0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; */ } .curosel-style .owl-nav .owl-next { left: auto; right: -45px; transition:.5s; color: #fff; } .curosel-style .owl-nav .owl-prev{ color: #fff; transition:.5s; } .curosel-style .owl-nav .owl-next:hover { background:#324452; } .curosel-style .owl-nav .owl-prev:hover { background:#324452; } .owl-carousel .owl-item img { margin: auto; } .curosel-style:hover .owl-nav div{ opacity:1; } /* cross sell */ .witr_cross_car.curosel-style .owl-nav div{ left: 15px; } .witr_cross_car.curosel-style .owl-nav .owl-next { right: 15px; left: auto; } .owl-dots { -webkit-backface-visibility: hidden; backface-visibility: hidden; bottom: -17px; position: absolute; text-align: center; width: 100%; } .owl-dot { background: transparent; border-radius: 50px; display: inline-block; height:12px; margin-left: 5px; margin-right: 5px; width: 12px; border: 1px solid #03b162; } .owl-dot.active { background: -webkit-gradient(linear, right top, left top, from(#03b162), to(#0d2f5d)); background: -webkit-linear-gradient(right, #03b162, #0d2f5d); background: linear-gradient(-90deg, #03b162, #0d2f5d); border:none; } /* ============= themexbd woocommerce css ================ */ .witr_shop_area{ padding:100px 0; } /* ============= themexbd order and count css ================ */ .witr_oder_count { padding: 0px 0 25px; } .nice-select .list { z-index: 99; } .woocommerce .woocommerce-result-count, .nice-select span.current { font-weight:600; } /* ============= themexbd product css ================ */ .tbd_product_area{ padding:0 0; } .tbd_shop_archive_area{ padding:100px 0; } .tbd_product { margin-bottom: 30px; } .tbd_product_inner { position: relative; overflow: hidden; } .tbd_product_thumb{ position:relative; } .tbd_product_thumb img{ width: 100%; } .thb_product_preview { position: absolute; top: 0; left: 0; right: 0; bottom: 0; text-align: center; transition:.5s; opacity:0; } .woocommerce a.tbd_live_preview { display: inline-block; text-align: center; font-size: 13px; text-transform: uppercase; background:#03b162; color: #fff; letter-spacing: .3px; padding: 15px 30px; border-radius: 2px; top: 50%; position: relative; transform: translateY(-50%); } .woocommerce a.added_to_cart { text-align: center; font-size: 13px; text-transform: uppercase; background: #03b162; color: #fff; padding: 12px 29px; border-radius: 2px; top: 50%; left: 50%; display: inline-block; position: absolute; z-index: 999; transform: translateY(-50%) translateX(-50%); } /* add to cart and collection css */ .tbd_add_to_card { text-align: center; position: absolute; left: 0; right: 0; bottom: -132px; opacity:0; transition:.7s; } .tbd_add_to_card a { /* padding: 10px 15px; */ display: inline-block; margin: 0 3px; background: #000; height: 50px; width: 50px; font-size: 18px; color: #fff; line-height: 50px; border-radius: 50%; } .woocommerce a.tbd_live_preview:hover { background: #000; color:#FFF; } .tbd_add_to_card a:hover{ background: #03b162; color:#FFF; } .tbd_add_to_card a.tbd_add_to_option{} .tbd_add_to_card a.tbd_colloction_opt{} /* sale css */ .tbd_sale_price { text-align: center; transition: .5s; } .woocommerce span.tbd_sale_inner{ background: #03b162; color: #fff; padding: 10px 15px; display: inline-block; border-radius: 2px; font-size: 14px; text-transform: uppercase; right: 10px; top: 10px; left: auto; line-height: 1; min-width: auto; min-height: auto; } .woocommerce span.onsale.onsingle_sale.tbd_sale_inner{ background: #03b162; color: #fff; padding: 10px 15px; display: inline-block; border-radius: 2px; font-size: 14px; text-transform: uppercase; right: auto; top: 10px; left: 10px; line-height: 1; min-width: auto; min-height: auto; } /* title product */ .tbd_product_content { display: block; overflow: hidden; box-shadow: 0px 5px 10px 0px rgba(148,146,245,0.2); padding: 14px 20px 24px; text-align:center; } .tbd_product_content_inner{} .tbd_product_type{} .tbd_product_type.tbd_fload_left { float: left; margin-right: 15px; } .tbd_product_type.tbd_fload_left a{ font-size: 26px; } .tbd_product_title.tbd_fload_right{ } .tbd_product_title{} .tbd_product_title h2{ font-size: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .tbd_product_title a{ font-family: 'Inter', sans-serif; } .tbd_product_title span a { font-size: 13px; color: #655d5d; } .tbd_product_title span { font-family: 'Inter', sans-serif; } .tbd_product_title h2 a:hover, .tbd_item_info a:hover { color:#03b162; } .tbd_product:hover .thb_product_preview { background: rgba(0, 0, 0, 0.70); } .tbd_product:hover .tbd_add_to_card{ opacity:1; bottom: 15px; } .tbd_product:hover .thb_product_preview{ opacity:1; } /* product price and rating css */ .tbd_price_opt { } .tbdstar-rating { } .woocommerce .products .star-rating, .woocommerce .star-rating { padding: 10px 0 5px; float: none; margin: auto; margin-top: 10px; font-size: 14px; margin-bottom: 5px; color: #ffc107; } .woocommerce p.stars a{ color: #ffc107; } .woocommerce div.product p.price, .woocommerce div.product span.price, .woocommerce div.product p.price, .woocommerce div.product span.price, .woocommerce div.product p.price ins, .woocommerce div.product span.price ins{ font-weight:700; font-size: 1rem; } /* not product css */ .tbd_product_not .woocommerce-info { margin: 30px 0; border: none; font-size: 20px; } .woocommerce-info::before { color: #03b162; } /*====== woocommerce single css ======*/ /* single page image css */ .tbd_shop_archive_area.tbd_single_product_area { padding-bottom: 0px; } .tbd_single_image{ position:relative; } .tbd_single_image a.woocommerce-product-gallery__trigger { position: absolute; top: 10px; left: 15px; z-index: 999; font-size: 19px; border: 1px solid #c3bcbc; /* background: #03b162; */ height: 45px; width: 45px; line-height: 45px; text-align: center; border-radius: 50%; } .woocommerce div.product .woocommerce-product-rating { margin-bottom: 1.618em; margin: 10px 0 0px; } .woocommerce div.product form.cart .button{ padding: 11px 23px; line-height: 16px; font-size: 13px; background: #03b162; text-transform: uppercase; color: #ffffff; transition: all .2s; border:none; font-weight: 400; } .woocommerce .quantity .qty { height: 39px; border: 1px solid #ddd; } span.posted_in, span.tagged_as { display: block; font-weight: 700; } .woocommerce div.product .product_title { margin-bottom: 4px; font-size: 24px; } .woocommerce div.product p.price, .woocommerce div.product span.price{ } .woocommerce div.product .stock { color: #03b162; } #review_form_wrapper .comment-form label{ font-size:14px; margin-right:10px;font-weight: 700; } #review_form_wrapper .comment-form input{ border: 1px solid #f6f6f6; } /*====== woocommerce related ======*/ h2.witr_related_title { padding: 20px 0 40px; } /*====== woocommerce tab css ======*/ .woocommerce-tabs.wc-tabs-wrapper.tbd_tab_area { padding: 100px 0 50px; } .woocommerce div.product .woocommerce-tabs ul.tabs { padding: 0 0 10px; margin: 0 0 30px; } .woocommerce div.product .woocommerce-tabs ul.tabs li { border: none; padding: 0px 1em; margin-right: 15px; } .woocommerce div.product .woocommerce-tabs ul.tabs li.active { border: none; background-color: #03b162; display: inline-block; padding: 0px 1em; } .woocommerce div.product .woocommerce-tabs ul.tabs li::before, .woocommerce div.product .woocommerce-tabs ul.tabs li::after { display:none; } .woocommerce div.product .woocommerce-tabs .panel { } .woocommerce div.product .woocommerce-tabs ul.tabs li a { padding: .5em 10px; } .woocommerce div.product .woocommerce-tabs ul.tabs li.active a{ color:#fff; } .woocommerce div.product .woocommerce-tabs .panel h2 { font-size: 20px; padding-bottom: 20px; } .woocommerce table.shop_attributes th { font-weight: 700; font-size: 12px; } .woocommerce table.shop_attributes td p { font-size: 14px; } .woocommerce .woocommerce-Reviews .star-rating { float: right; } strong.woocommerce-review__author { font-size: 16px; } span.comment-reply-title { font-size: 18px; font-weight: 500; text-transform: capitalize; } .woocommerce .comment-form-rating label, .woocommerce .comment-form-comment label { font-size: 14px; font-weight: 700; text-transform: capitalize; } .woocommerce #review_form #respond textarea { border: 1px solid #f6f6f6; } /* Vertical Thumbnails .woocommerce div.product div.images .flex-control-thumbs li { padding: 5px 5px 0 0; -webkit-box-sizing: border-box; box-sizing: border-box; } @media (min-width: 420px) { .woocommerce-page div.product div.images { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-item-align: center; align-self: center; } .woocommerce div.product div.images .flex-control-thumbs { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -ms-flex: 1 0 80px; flex: 1 0 80px; max-height: 425px; overflow: auto; } .woocommerce div.product div.images .flex-control-thumbs li { width: 100%; padding: 0 10px 10px 0; } } */ /* Horizontal Thumbnails */ .woocommerce div.product div.images .flex-control-thumbs li { padding: 5px 5px 0 0; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 1; -ms-flex: 1 0 16%; flex: 1 0 16%; } .woocommerce div.product div.images .flex-control-thumbs { display: -webkit-box; display: -ms-flexbox; display: flex; overflow: auto; } /* ============= cat css ============== */ .witr_shop_template{ padding:100px 0px 50px; } h2.woocommerce-loop-category__title { display: block; padding: 25px 0; font-size: 22px; background: #fafcfe; text-align: center; } mark.count { background: #fafcfe; } .woocommerce .witr_product_cart{} .woocommerce .witr_product_cart button.button.alt, .woocommerce .witr_product_cart input.button.alt{ background: #72A40D; font-weight: 500; } .woocommerce .witr_product_cart button.button.alt:hover, .woocommerce .witr_product_cart input.button.alt:hover { background: #034997; } .woocommerce table.witr_product_cart{ } .woocommerce table.witr_product_cart thead{} .woocommerce table.witr_product_cart thead tr{} .woocommerce table.witr_product_cart thead tr th{ font-weight: 600; font-size: 15px; } .woocommerce table.witr_product_cart thead tr th, .woocommerce table.witr_product_cart tbody tr td{ border: 1px solid #faf6f6; text-align: center; } .woocommerce table.witr_product_cart tbody tr{} .woocommerce table.witr_product_cart tbody tr td{ font-size:15px; } .woocommerce table.witr_product_cart tbody tr td.product-thumbnail img{ width:100px; height:100px; } .woocommerce table.witr_product_cart tbody tr td a{ box-shadow:none; color:#555555; font-weight:400; } .woocommerce table.witr_product_cart tbody tr td a.witr_cart_delete{ color:#03b162; } .woocommerce table.witr_product_cart tbody tr td.product-name{} .witr_cart_coupon{ padding:20px 0; } .woocommerce .witr_product_cart .coupon{} .woocommerce .witr_product_cart .coupon label{ font-size: 18px; margin-right: 10px; } .woocommerce .witr_product_cart .coupon input{ height: 42px; border-radius: 3px; border: 1px solid #ddd; padding-left: 10px; } .woocommerce .witr_product_cart .coupon input.input-text{} .woocommerce .witr_product_cart .coupon input[type="hidden"]{} .woocommerce .witr_product_cart .coupon button{} .woocommerce .witr_product_cart button.button:disabled, .woocommerce .witr_product_cart button.button:disabled[disabled], .woocommerce .witr_product_cart button, .woocommerce .witr_cart_to_cross a.checkout-button.alt, .woocommerce .witr_checkout_form button.button.alt, .woocommerce a.button.wc-backward, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button { display: inline-block; text-align: center; font-size: 13px; text-transform: uppercase; background: #03b162; color: #fff; letter-spacing: .3px; padding: 15px 30px; border-radius: 2px; position: relative; transition:.5s; } .woocommerce .witr_cart_to_cross a.checkout-button.alt:hover, .woocommerce .witr_product_cart button:hover, .woocommerce a.button.wc-backward:hover, .woocommerce .witr_checkout_form button.button.alt:hover .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce a.button:hover { background: #000; color: #FFF; } .woocommerce .witr_product_cart .coupon button.button{} .woocommerce-message, .woocommerce-info { border-top-color: #03b162; } .woocommerce-message::before{ color: #03b162; } /* cross_sell and cart total */ .witr_cart_to_cross .cart_totals > h2, .witr_cart_to_cross .cross-sells > h2 { font-size: 23px; font-weight: 600; margin-top: 40px; } .witr_cart_to_cross .cart_totals > h2 { background: #03b162; padding: 13px 16px; color: #fff; } .witr_cart_to_cross .cross-sells > h2{ margin-bottom: 40px; } .woocommerce .witr_cart_to_cross .cart_totals table{ padding-top: 15px !important; } .woocommerce .witr_cart_to_cross table.shop_table tbody{} .woocommerce .witr_cart_to_cross table.shop_table tbody tr{} .woocommerce .witr_cart_to_cross table.shop_table tbody tr th{ font-size: 14px; font-weight: 700; border:0px; } .woocommerce .witr_cart_to_cross table.shop_table tbody tr td{ font-size: 14px; font-weight: 700; padding: 15px; border:0px; } .woocommerce .witr_cart_to_cross table.shop_table tbody tr.order-total th, .woocommerce .witr_cart_to_cross table.shop_table tbody tr.order-total td { border-top:1px solid #ddd; } .woocommerce .witr_cart_to_cross table.shop_table tbody tr td label, .woocommerce .witr_cart_to_cross table.shop_table tbody tr td p { font-size: 14px; font-weight: 600; } .woocommerce .witr_cart_to_cross .wc-proceed-to-checkout { text-align: right; } .witr_cart_to_cross span#select2-calc_shipping_state-container { padding: 5px 20px 5px 10px; } /* checkout css */ .witr_checkout_form .witr_ck_blling h3, .witr_checkout_form h3#order_review_heading, h2.woocommerce-order-details__title { font-size: 22px; font-weight: 600; margin-top: 0; margin-bottom: 10px; background: #03b162; padding: 10px 15px; color: #fff; } .witr_checkout_form h3#order_review_heading { margin-bottom: 0px; } .woocommerce .witr_checkout_form table.shop_table th { font-weight: 600; padding: 9px 12px; line-height: 1.5em; font-size: 18px; } .woocommerce-checkout.witr_checkout_form #payment { background: #fbf9f9; border-radius: 5px; } .woocommerce-checkout.witr_checkout_form .wc_payment_method label { font-size: 20px; font-weight: 700; } .woocommerce .witr_checkout_form table.shop_table { border-top: 0; padding-top: 12px; } /* checkout blling field */ .woocommerce form .form-row { width: 100% !important; } .woocommerce-checkout #payment div.payment_box input.input-text, .woocommerce-checkout #payment div.payment_box textarea { width: 100% !important; padding: 8px; } .woocommerce .form-row select, .woocommerce #payment .form-row select, .woocommerce-page #payment .form-row select { width: 100%; height: 30px; } .woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea { padding: .6180469716em; background-color: #f2f2f2; color: #43454b; outline: 0; border: 0; -webkit-appearance: none; border-radius: 2px; box-sizing: border-box; font-weight: 400; border:solid 2px #e4e4e4; } .woocommerce span.woocommerce-input-wrapper { display: contents; } .woocommerce .woocommerce-checkout .form-row label { line-height: 2; font-weight: 500; font-size: 16px; } .select2-container--default .select2-selection--single { height: 40px; } .woocommerce form .form-row.woocommerce-invalid .select2-container, .woocommerce form .form-row.woocommerce-invalid input.input-text, .woocommerce form .form-row.woocommerce-invalid select { border-color: #03b162; } .select2-container--default .select2-selection--single .select2-selection__rendered { padding: 3px 12px; } .select2-container--default .select2-selection--single .select2-selection__arrow { top: 7px; } /* Change WC Acct Page Column Widths */ @media only screen and (min-width: 769px) { .woocommerce-account .woocommerce-MyAccount-navigation { width: 22%; } .woocommerce-account .woocommerce-MyAccount-content { width: 75%; } } /* my account css */ nav.woocommerce-MyAccount-navigation ul { list-style-type: none; padding-left: 0; max-width:200px; font-size: 17px; line-height: 26px; } nav.woocommerce-MyAccount-navigation ul li { padding: 8px 20px; background-color: rgba(0,0,0,0.05); border-bottom: 1px solid rgba(0,0,0,0.05); } nav.woocommerce-MyAccount-navigation ul li.is-active { background-color: #03b162; } nav.woocommerce-MyAccount-navigation ul li.is-active a { color: #fff; cursor: default; } nav.woocommerce-MyAccount-navigation ul li.is-active:after { content: ""; height: 0; width: 0; border-top: 20px solid transparent; border-left: 14px solid #03b162; border-bottom: 20px solid transparent; float: right; margin-right: -34px; margin-top: -7px; } nav.woocommerce-MyAccount-navigation ul li:not(.is-active):hover { background-color: rgba(0,0,0,0.07); } nav.woocommerce-MyAccount-navigation ul li:not(.is-active):hover:after { content: ""; height: 0; width: 0; border-top: 20px solid transparent; border-left: 14px solid rgba(0,0,0,0.07); border-bottom: 20px solid transparent; float: right; margin-right: -34px; margin-top: -7px; } .woocommerce-MyAccount-content a{ color:#03b162; } /* my oder details */ .woocommerce-billing-fields .form-row, .woocommerce-shipping-fields .form-row,.woocommerce form .form-row { display: block; } .woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1,.woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 { max-width: unset; } .woocommerce-column__title { font-size: 18px; margin-bottom: 30px; background: #03b162; padding: 12px 10px; color:#fff; } #customer_login h2{ font-size: 28px; font-weight: 500; } #customer_login label { cursor: pointer; font-size: 16px; } #customer_login form.login, #customer_login form.register { border: 1px solid #f0f0f0; padding: 20px; margin: 2em 0; text-align: left; border-radius: 5px; } /* sidebar css woocommerce */ .content-widget .select2-container .select2-selection--single { height: 38px; } .content-widget .select2-container--default .select2-selection--single .select2-selection__arrow { top: 5px; } .content-widget .widget_price_filter .ui-slider .ui-slider-range, .content-widget .widget_price_filter .ui-slider .ui-slider-handle, .content-widget .widget_price_filter .ui-slider .ui-slider-handle { background-color: #03b162; } .content-widget .select2-container--default .select2-selection--single .select2-selection__arrow { height: 26px; position: absolute; top: 5px; right: 1px; width: 20px; } .price_label { font-size: 16px; position: relative; top: 4px; } .search-field { border: 1px solid #ddd; padding-left: 10px; height: 38px; padding-bottom: 6px; width: 67%; } .widget_product_search button { text-align: center; font-size: 13px; background: #03b162; color: #fff; padding: 7px 14px 10px; border-radius: 2px; transition: .5s; cursor: pointer; border: none; } .content-widget .products .star-rating, .content-widget .star-rating { margin: inherit; margin-bottom:0px; } .content-widget ul.cart_list li img, .content-widget ul.product_list_widget li img { width: 80px; } .content-widget ul.product_list_widget li span { /* display: inline-block; */ font-weight: 400; } .witr_breadcumb_shop li a { color: #fff; margin-right: 5px; } .witr_breadcumb_shop li i { font-size: 13px; margin-right: 5px; } .blog-left-side .widget ul li span.product-title { white-space: nowrap; text-overflow: ellipsis; width: 136px; overflow: hidden; display: block; } .content-widget ul.product_list_widget li span { } .content-widget ul.product_list_widget li ins { outline: none; border: none; text-decoration: none; } /* === style_w3 ==== */ .fix{ clear: both; } /*button css*/ .witr_butn { padding: 0px 50px; border: 1px solid #03b162; position: relative; color:#fff; transition:.5s; cursor: pointer; overflow: hidden; border-radius: 5px; line-height: 50px; margin-top: 30px; text-transform:uppercase; display: inline-block; font-size: 16px; font-weight: 500; margin-right: 10px; background: #03b162; } /* .witr_butn:before { content: ''; width: 0; height: 100%; background: #03b162; position: absolute; left: 0; top: 0; z-index:-1; transition: .5s; } .witr_butn:hover:before { width: 100%; z-index:-1; -webkit-transition: 0.5s; transition: 0.5s; } */ .witr_butn:hover { color: #fff; border-color:#02101e; z-index:999; background:#02101e; } .witr_video_butns { display: inline-block; text-transform:uppercase; font-size: 16px; overflow: hidden; } /*=========================== 3.banner css ===========================*/ .witr_banner_area { height: 800px; padding: 0; position: relative; } .witr_banner_content { left: 0; position: absolute; right: 0; top: 50%; transform: translateY(-50%); z-index: 1; } .witr_banner_content.text-left { margin-left: 0px; } .witr_banner_content.text-right { margin-right: 0px; } .witr_banner_content h1 { font-size: 20px; margin-bottom: 0px; } .witr_banner_content h2 { font-size: 60px; margin-bottom: 0px; } .witr_banner_content h1 span, .witr_banner_content h2 span{ color: #03b162; } .witr_banner_content p { font-size: 18px; width: 48%; } .witr_banner_content.text-center p{ margin: 20px auto 16px auto; } .witr_banner_content.text-left p{ width: 70%; } .witr_banner_content.text-right p{ margin: 20px 0 16px auto; width: 70%; } .witr_banner_content a { } .witr_banner_contentt a.witr_butn { font-weight: 600; } .witr_rimg img{ top: 50%; position: absolute; right: 0; transform: translate(-50%); } .witr_banner_contentt ul {} .witr_banner_content ul li { display: inline-block; } .witr_banner_content ul li a {} .witr_banner_content a i { color: #03b162; background: #fff; height: 50px; width: 50px; text-align: center; line-height: 50px; display: inline-block; transition:.5s; border-radius: 50%; margin-right: 10px; font-size: 20px; } .witr_banner_content a i:hover{ color: #fff; background: #03b162; } .witr_ico2 { margin-top: 10px; } .witr_banner_content form{ position: relative; width: 445px; } .witr_banner_content form input{ background-color: transparent; color: #fff; border: 1px solid #fff; height: 50px; width: 445px; padding-left: 30px; border-radius: 30px; margin-top: 45px; } .witr_banner_content form input::-webkit-input-placeholder{ color: #fff; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } .witr_banner_content form input:-ms-input-placeholder{ color: #fff; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } .witr_banner_content form input::-moz-placeholder{ color: #fff; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } .witr_banner_content form input::placeholder{ color: #fff; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } .witr_banner_content form button { position: absolute; right: 0px; bottom: 0; background: #fff; border: 0; height: 50px; padding: 14px 35px; border-radius: 30px; color: #03b162; font-weight: 500; cursor: pointer; line-height: 0px; } /*=========================== 4.feature css ===========================*/ .sub-border { /* border-bottom: 1px solid #dddddd; */ } .sub-item { position: relative; padding: 20px 0; } .sub-item i { font-size: 30px; color: #fff; height: 80px; width: 80px; text-align: center; border-radius: 50%; line-height: 80px; background: #03b162; display:inline-block; transition: .5s; } .width_height_link_02 .sub-item i, .width_height_link_0.sub-item i{ font-size: 50px; color: #03b162; height: auto; width: auto; border-radius: initial; line-height: normal; background: none; border:none; } .sub-item span { position: absolute; top: 15px; left: 20%; font-size: 50px; color: #eeeeee; transform: translateX(-50%); font-weight: 700; line-height: 1; } .sub-item h3 {} .feature_btn a{ transition:.5s; display: inline-block; } .feature_btn a:hover{ color:#03b162; } /*====== home page 2 ======*/ .sub-border-2 {} .sub-border-2 .sub-item span { top: 31px; left: 45%; z-index: 999; transition:.5s; } .sub-border-2:hover .sub-item span { color:#02101e; } .sub-border-2 .sub-item p { padding: 0 0px; } /*====== home page 3 ======*/ /* .sub-item-3 { border: 1px solid #ddd; padding: 20px 30px 30px; } */ .sub-item.sub-item-3 i { height: 80px; width: 80px; color: #03b162; line-height: 78px; border: 2px solid #03b162; background: none; transition: .5s; display:inline-block; } .sub-item.sub-item-3 p { padding-top: 22px; } .sub-item.sub-item-3:hover i { color: #fff; background:#03b162; } .sub-item-3.sub-item h3 { padding-bottom: 8px; margin-top:0px; } /*====== home page 6 ======*/ .sub-item.sub-item-6 i { border-radius: 30% 70% 70% 30% / 50% 50% 50% 50%; background: #f7f8ff; color: #03b162 ; transition: .5s; display:inline-block; } .sub-item.sub-item-6:hover i { color: #fff; background: #03b162; } /*====== home page 8 ======*/ .sub-item.sub-item-8 { padding: 30px 20px 21px; transition: .5s; } .sub-item.sub-item-8:hover { box-shadow: 0px 0px 29px -26px #000; } /* ===== feature style 3d css ===== */ .witr_feature_3d { perspective: 1000px; transition: .5s; } .witr_single_feature_3d { transition: transform .5s; transform-style: preserve-3d; position: relative; text-align: center; z-index: 999; } .witr_feature_position{ left: 0; padding: 40px 20px 40px; position: absolute; right: 0; top: 50%; transform: translateY(-50%); } .witr_feature_front_3d, .witr_feature_back_3d { backface-visibility: hidden; position: absolute; top: 0; left: 0; background: #fff; transition:.5s; } .witr_feature_flip_left:hover .witr_single_feature_3d { transform: rotateY( -180deg); } .witr_feature_flip_right:hover .witr_single_feature_3d { transform: rotateY( 180deg); } .witr_feature_flip_up:hover .witr_single_feature_3d { transform: rotateX( 180deg); } .witr_feature_flip_down:hover .witr_single_feature_3d { transform: rotateX( -180deg); } .witr_feature_front_3d { z-index: 2; } .witr_feature_back_3d { z-index: 3; } /* left */ .witr_feature_flip_left .witr_feature_back_3d { transform: rotateY( -180deg); } /* right */ .witr_feature_flip_right .witr_feature_back_3d { transform: rotateY( 180deg); } /* up */ .witr_feature_flip_up .witr_feature_back_3d { transform: rotateX( 180deg); } /* down */ .witr_feature_flip_down .witr_feature_back_3d { transform: rotateX( -180deg); } /* zoom in */ .witr_feature_flip_zoomin .witr_feature_back_3d{ opacity: 0; transform: scale(.75); } .witr_feature_flip_zoomin:hover .witr_feature_back_3d{ opacity: 1; transform: scale(1); } /* zoom out */ .witr_feature_flip_zoomout .witr_feature_front_3d { opacity: 1; transform: scale(1); z-index:4; } .witr_feature_flip_zoomout:hover .witr_feature_front_3d{ opacity: 0; transform: scale(0); } .witr_feature_3d, .witr_feature_front_3d, .witr_feature_back_3d { height: 398px; width:100%; } /* tittle css */ .witr_feature_content_3d{} .witr_feature_icon_3d { margin-bottom: 14px; } .witr_feature_icon_3d i { font-size: 35px; color:#fff; display:inline-block; } .witr_feature_content_3d h3 { margin-bottom: 12px; color:#fff; font-size: 25px; } .witr_feature_content_3d h2{ margin-bottom: 12px; color:#fff; font-size: 17px; } .witr_feature_content_3d h3 a{ color:#fff; } .witr_feature_content_3d p { color:#fff; } /* feature Front Face */ .witr_feature_front_3d { background: #02101e; background-position: center center; background-repeat: no-repeat; background-size: cover; position: relative; } .witr_feature_front_3d:before { /* background: rgba(0, 0, 0, 0.7); */ content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; } .witr_feature_back_3d { background: #03b162; background-position: center center; background-repeat: no-repeat; background-size: cover; } .witr_feature_back_3d:before { /* background: #03b16280; */ content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; } /* feature Button */ .witr_feature_btn_3d { margin-top: 27px; z-index: 999; } .witr_feature_btn_3d a { border: 2px solid #fff; border-radius: 30px; color: #fff; display: inline-block; font-size: 15px; padding: 8px 33px; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } .witr_feature_btn_3d a:hover { background: #fff; color: #03b162; } /* Feature Slug */ /*CREATIVE FEATURE SECTION*/ .witr_slug_feature{} .witr_feature_bo11_thumb{ overflow:hidden; position: relative; } .witr_slug_feature .witr_feture_back_con_slugf{ position: absolute; top: -100%; left: 0px; opacity: 1; width: 100%; height: 100%; text-align: center; padding: 0px 30px; background: #03b162d9; transition:.5s; } .witr_slug_feature:hover .witr_feture_back_con_slugf{ top:0; } .witr_back_con_slugf { position: relative; top: 50%; transform: translateY(-50%); } .witr_slug_front_contentf { display: flex; background: #03b162d9; position: absolute; left: 0px; bottom: 0px; width: 100%; padding: 10px 20px; transition:.5s; } .witr_feature_iconf { color: #fff; font-size: 40px; text-align: center; transition: all 0.3s ease 0s; } .witr_feature_iconf i{} .witr_back_con_slugf .witr_content_textf h3 { font-size: 23px; margin-bottom: 11px; padding-top: 0; color:#fff; } .witr_slug_front_contentf .witr_content_textf h3 { color: #fff; margin-left: 20px; margin-top: 17px; font-size: 22px; } .witr_back_con_slugf .witr_content_textf h3 a, .witr_slug_front_contentf .witr_content_textf h3 a{ color:#fff; } .witr_content_textf p { color: #fff; } .witr_slug_feature:hover .witr_slug_front_contentf{ bottom:-100px; } .witr_slug_front_contentf .witr_content_textf p { display: none; } .witr_feature_btn_f a { color: #fff; background: #fff; color: #03b162; padding: 8px 21px; border-radius: 30px; margin-top: 10px; display: inline-block; } .witr_feature_btn_f a:hover{ color:#fff; background:#03b162; } /*=========================== feature cursor css ===========================*/ .all_feature_color.ca_ferture_7 { margin: 15px 0; } .ca_ferture_7 .sub-item{ padding: 66px 30px 66px; box-shadow: 0px 0px 20px 0px rgb(0, 0, 0,0.06); background: #fff; transition: 1s; } .ca_ferture_7:hover .sub-item{ transition: 1s; background: url(../images/corporate/fea-car.png) no-repeat center center / cover; } .witr_cfeature8 .sub-item span { position: inherit; font-size: 18px; display: block; top: auto; left: auto; transform: translateX(0); margin-top:30px; } .witr_cfeature8 .sub-item span::before{ position: absolute; left: 0; right: 0; content: ""; width: 58%; border: 20px solid #03b162; border-left-color: transparent; z-index: -1; margin: auto; top: -10px; border-radius: 0 5px 5px 0; } .witr_cfeature8 .sub-item h3 { margin-top: 30px; /* padding-bottom: 2px; */ } /* witr_cfeature9 */ .witr_cfeature9 .all_feature_color{ box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.04); padding: 50px 30px 0px; margin: 30px 0; } .witr_cfeature9 .sub-item span { position: inherit; font-size: 60px; display: block; top: auto; bottom:5px; opacity: 0; transform: translateX(0); } .witr_cfeature9 .sub-item:hover span { opacity: 1; } .witr_cfeature9 .sub-item i{ position:relative; color: #03b162; background: #fff; transition:.5s; } .witr_cfeature9 .sub-item:hover i{ color: #fff; background: #03b162; } .witr_cfeature9 .sub-item i::after{ position: absolute; content: ""; height: 80px; width: 80px; left: 0; border-radius: 50%; background: #03b162; z-index: -1; top: -6px; transition:.5s; } .witr_cfeature9 .sub-item:hover i::after{ top: 0px; } /*=========================== 5.feature2 css ===========================*/ .witr_feature2 { position: relative; z-index: 1; background:#02101e; padding: 65px 20px; transition:.5s; } .witr_feature2:hover { background:#03b162; } .witr_fea2_icon_top i { font-size: 80px; color: #fff; display: inline-block; } .single_feature2:hover .witr_fea2_icon_top i{ transition:.5s; } .witr_feature2_icon { position: absolute; top: 50%; left: 50%; transform: translateX(-50%)translateY(-50%); z-index: -1; opacity:0; transition:.5s; } .single_feature2:hover .witr_feature2_icon{ opacity:8%; } .witr_feature2_icon i { font-size: 150px; color: #fff; } .witr_feature2 h3 { margin-top: 19px; color: #fff; } .witr_feature2 h3 a{ color: #fff; } .witr_feature2 p { color: #fff; } .witr_feature_btn2 a { color: #fff; } .witr_feature_btn2 a:hover{ color:#03b162; } /* feature style 8-9 */ .singleService{ position: relative; padding: 24px 0 0; transition: all ease 400ms; -webkit-transition: all ease 400ms; -moz-transition: all ease 400ms; } .singleService h3{ font-size: 22px; line-height: 37px; margin-bottom: 7px; } .singleService p{ margin-bottom: 88px; } .boxTop.singleService p{ margin-bottom: 0px; } .box { position: relative; text-align: center; } .box:before{ width: 267px; height: 276px; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; content: ''; text-align: center; background: url(../images/corporate/s5.png) no-repeat center center / cover; transition: all ease 400ms; animation-fill-mode: both; animation: box_blinker_before 3.5s linear infinite; } @keyframes box_blinker_before { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .box:after{ width: 163px; height: 182px; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; visibility: hidden; opacity: 0; content: ''; text-align: center; background: url(../images/corporate/s6.png) no-repeat center center / cover; transition: all ease 400ms; animation-fill-mode: both; animation: box_blinker_after 3.5s linear infinite; } @keyframes box_blinker_after{ 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .singleService:hover .box:before{ visibility: hidden; opacity: 0; } .singleService:hover .box:after{ visibility: visible; opacity: 1; } .box i{ color: #03b162; font-size: 53px; line-height: 53px; z-index: 5; top: 0; left: 6px; text-align: center; position: relative; transition: all ease 400ms; display: inline-block; -moz-transition: all ease 400ms; } .singleService:hover .box i{ color: #17161a; } .singleService h2{ font-size: 60px; line-height: 37px; color: #03b162; top: 35px; right: -52px; z-index: -1; position: relative; margin: 0; transition: all ease 400ms; -webkit-transition: all ease 400ms; -moz-transition: all ease 400ms; } .singleService:hover .box i, .singleService:hover h2{ color: #17161a; } .boxTop h2{ top: -42px; right: -40px; } .boxTop{ padding-top: 100px; } .boxTop .box{ margin-bottom: 84px; } /* witr_feature style 12 */ .witr_feature_12.sub-item { box-shadow: 0px 5px 20px 0px #00000014; padding: 40px 30px 30px; background:#fff; border-bottom: 2px solid #03b162; transition:.5s; } .witr_feature_12.sub-item:hover{ background: url(../images/corporate/fea-12.png) no-repeat center top; } .witr_feature_12.sub-item i { font-size: 40px; color: #03b162; border-radius: 5px; background: no-repeat; height: auto; width: auto; line-height: 0; } /* witr_feature style 13 */ .witr_feature_13.sub-border-2 .sub-item span{ top: 5px; left: 67%; width: 35px; height: 35px; color:#fff; line-height: 35px; background: #02101e; font-size: 15px; border-radius: 50px; transform: translateX(-50%); } .witr_feature_13.sub-border-2:hover .sub-item span { background: #03b162; } .witr_feature_13.sub-border-2:hover .sub-item i { background: #02101e; } .witr_feature_13 .sub-item i{ position: relative; height: 95px; width: 95px; line-height: 95px; } .witr_feature_13 .sub-item::before{ position: absolute; content: ""; top: 50px; left: 0; width: 110%; height: 3px; transition:.5s; } .witr_feature_13 .sub-item:hover::before{ background: #03b162; } .witr_feature_13 .sub-item::after{ position: absolute; content: ""; top: 50px; left: 0; background: #f6f6f6; width: 110%; height: 3px; z-index: -1; } .witr_feature_13 .sub-item h2{ font-size:16px; color: #03b162; } /*=========================== 5.tab area css ===========================*/ .tab_area { background: #fff; overflow: hidden; box-shadow: 0px 0px 5px #ddd; padding: 30px; } .tab_item {} .tab_item ul { border-bottom: 1px solid #fff; } .tab_item ul li { padding: 0; } .tab_item ul li a { /* color: #fff; */ border-bottom: 2px solid transparent; padding: 7px 70px; } .tab_item .nav-pills li .nav-link.active { background:#03b162; border-bottom: 2px solid #fff; border-radius: 0; } .tab_area .tab_content h3 { font-size: 25px; } .tab_area .tab_content p {} .tab_area .tab_content a { padding: 13px 52px; margin-top: 15px; transition: .5s; } .tab_area .tab_content a:hover { background: #fff; color: #03b162; } .tab_area .tab_content:first-child a { margin-right: 25px; } .digital-img img { width: 100%; } /*=========================== 5.play css ===========================*/ .witr_play_vi {} .witr_videobg_image{ position: relative; } .witr_videobg_image::before{ position: absolute; content: ''; width: 100%; height: 100%; /* background: #03b1626b; */ } .witr_videobg_image img{ /* width:100%; */ } .play-overlay{ position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); } .play-overlay a { position: relative; display: inline-block; width: 75px; height: 75px; font-size: 23px; border-radius: 100%; background: #03b162; } .play-overlay a::before { position: absolute; content: ''; width: 100%; height: 100%; background:#03b162; border-radius: 50%; animation-fill-mode: both; animation: witr_squares 1.5s ease-in-out infinite; } .play-overlay i { color: #fff; position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); } .witr_videos_title_text{ position: absolute; left:40px; bottom:40px; width: 45%; } .witr_videos_title_text h3{ color:#fff; margin: 0; } /*=========================== 10.video css ===========================*/ .video-part {} .video-overlay { padding: 70px 0 50px; } .video-item {} .video-item a{ position: relative; display: inline-block; width: 100px; height: 100px; font-size: 28px; border-radius: 100%; background: #03b162; } .video-item a::before{ position: absolute; content: ''; width: 100%; height: 100%; background: #03b162; border-radius: 50%; top: 0; animation-fill-mode: both; animation: witr_squares 1.5s ease-in-out infinite; left: 0; right: 0; bottom: 0; } .video-item i { color: #fff; position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); } .video-item h3 { font-size: 30px; margin-top: 35px; } /* about slider */ .images_area { position: relative; } .singleAbSlide { position: absolute; right: 127px; bottom: -76px; left: -15px; text-align: left; } .ab_videoArea span{ display:none; } .ab_videoArea{ position: relative; background:#03b162; padding: 44px 30px 40px; border-radius: 5px; } .ab_videoArea h3{ font-size: 22px; line-height: 32px; color: #fff; margin-bottom: 15px; } .ab_videoArea p{ color: #fff; margin-bottom: 13px; } .ab_videoArea img{ width: 153px; height: 73px; } .ab_videoArea a{} .ab_videoArea i{ position: relative; float: right; left: -10px; width: 52px; height: 52px; line-height: 52px; border-radius: 50%; background: #fff; color: #03b162; text-align: center; z-index: 1; font-size: 23px; } .ab_videoArea i::after { width: 68px; height: 68px; left: -8px; top: -8px; background: rgba(255, 255, 255, .73); position: absolute; content: ''; z-index: -1; border-radius: 50%; animation-fill-mode: both; animation: blinker 1.5s ease-in-out infinite; -webkit-animation: blinker 1.5s ease-in-out infinite; -moz-animation: blinker 1.5s ease-in-out infinite; } @keyframes blinker { 0% { transform: scale(1, 1); } 50% { transform: scale(1.1, 1.1); } 100% { transform: scale(1, 1); } } /*=========================== 6.about area css ===========================*/ .witr_about_content {} .witr_about_content h2 { } .witr_about_content h3 { /* margin-bottom: 40px; */ } .witr_about_content h2 span, .witr_about_content h3 span { color:#07D1C1; } .witr_about_content p { margin-top: 20px; } .witr_about_content h2, .witr_about_content h3, .witr_about_content p { margin-left:auto !important; margin-right:auto !important; } .witr_about_btn{ margin-top: 60px; } .witr_about_btn a { font-size: 17px; font-weight: 500; background:#03b162; border-radius: 30px; padding: 18px 42px; transition: .5s; } .witr_about_btn a:hover { background: #4c0062; color: #fff; } .witr_about_image{} .witr_about_image img { /* width: 100%; */ } /*=========================== 6.service css ===========================*/ .service { background: rgb(1, 219, 176); } .witr_s_flex{ display: flex; } .service .section-title h3, .service .section-title p {} .service-item i { font-size: 30px; color: #fff; height: 80px; width: 80px; text-align: center; border-radius: 50%; line-height: 80px; background: #03b162; display:inline-block; transition: .5s; } .width_height_link_02 .service-item i, .width_height_link_0.service-item i{ font-size: 50px; color: #03b162; height: auto; width: auto; border-radius: initial; line-height: normal; background: none; border:none; } .service-item:hover i { color: #02101e; } .service-item h3 { padding-top: 18px; } .service-item p { /* padding-right: 2px; */ padding-top: 0px; } /* ===== service style 3d css ===== */ .witr_service_3d { perspective: 1000px; transition: .5s; } .witr_single_service_3d { transition: transform .5s; transform-style: preserve-3d; position: relative; text-align: center; z-index: 999; } .witr_service_position{ left: 0; padding: 40px 20px 40px; position: absolute; right: 0; top: 50%; transform: translateY(-50%); } .post_service_6 .witr_service_position{ padding: 0px; } .post_service_6 .witr_service_content_3d { padding: 40px 20px; } .witr_service_front_3d, .witr_service_back_3d { backface-visibility: hidden; position: absolute; top: 0; left: 0; background: #fff; transition:.5s; } .witr_service_flip_left:hover .witr_single_service_3d { transform: rotateY( -180deg); } .witr_service_flip_right:hover .witr_single_service_3d { transform: rotateY( 180deg); } .witr_service_flip_up:hover .witr_single_service_3d { transform: rotateX( 180deg); } .witr_service_flip_down:hover .witr_single_service_3d { transform: rotateX( -180deg); } .witr_service_front_3d { z-index: 2; } .witr_service_back_3d { z-index: 3; } /* left */ .witr_service_flip_left .witr_service_back_3d { transform: rotateY( -180deg); } /* right */ .witr_service_flip_right .witr_service_back_3d { transform: rotateY( 180deg); } /* up */ .witr_service_flip_up .witr_service_back_3d { transform: rotateX( 180deg); } /* down */ .witr_service_flip_down .witr_service_back_3d { transform: rotateX( -180deg); } /* zoom in */ .witr_service_flip_zoomin .witr_service_back_3d{ opacity: 0; transform: scale(.75); } .witr_service_flip_zoomin:hover .witr_service_back_3d{ opacity: 1; transform: scale(1); } /* zoom out */ .witr_service_flip_zoomout .witr_service_front_3d { opacity: 1; transform: scale(1); z-index:4; } .witr_service_flip_zoomout:hover .witr_service_front_3d{ opacity: 0; transform: scale(0); } .witr_service_front_3d, .witr_service_back_3d { height: 398px; width:100%; } /* tittle css */ .witr_service_content_3d{} .witr_service_icon_3d { margin-bottom: 14px; } .witr_service_icon_3d i { font-size: 35px; color:#fff; display:inline-block; } .witr_service_content_3d h3 { margin-bottom: 12px; color:#fff; } .witr_service_content_3d h3 a{ color:#fff; } .witr_service_content_3d p { color:#fff; } /* Service Front Face */ .witr_service_front_3d { background: #03b162; background-position: center center; background-repeat: no-repeat; background-size: cover; position: relative; } .witr_service_front_3d:before { /* background: rgba(0, 0, 0, 0.7); */ content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; } .witr_service_back_3d { background: #17161a; background-position: center center; background-repeat: no-repeat; background-size: cover; } .witr_service_back_3d:before { /* background: #03b16280; */ content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; } /* Service Service Button */ .witr_service_btn_3d { margin-top: 27px; z-index: 999; } .witr_service_btn_3d a { border: 2px solid #fff; border-radius: 5px; color: #fff; display: inline-block; font-size: 15px; padding: 8px 33px; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } .witr_service_btn_3d a:hover { background: #fff; color: #03b162; } /*CREATIVE SERVICE2 SECTION 2*/ .witr_service2{ overflow: hidden; } .witr_front_content { position:relative; } .witr_service2_image{ position:relative; } .witr_service2_image img{ width: 100%; } .witr_service2_box{ background: #03b162; padding: 32px 30px 32px; } .witr_service2_icon{ float: left; margin-right: 25px; margin-top: -17px; } .witr_service2_icon i{ color: #fff; font-size: 55px; transition: all 0.3s ease 0s; display: inline-block; } /* witr_custom2_icon */ .witr_custom2_icon{ float: left; margin-right: 25px; } .witr_custom2_icon i{ color: #fff; font-size: 50px; transition: all 0.3s ease 0s; display: inline-block; } .witr_titles{} .witr_titles h3, .witr_titles h3 a{ color: #fff; } /* all_service2_color */ .all_service2_color { text-align: left; } .witr_back_service2{ position: absolute; background: #03b16294; top: -55%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; padding: 0 30px; transition:.5s; } .witr_service2:hover .witr_back_service2{ top: 50%; } .witr_content_service2{ position: relative; top: 50%; transform: translateY(-50%); } .witr_content_service2 p{ color:#fff; } .witr_content_service2 ul{} .witr_content_service2 ul li{} .witr_content_service2 ul li a{ color:#fff; transition:.5s; } .witr_content_service2 ul li a:hover{ color:#02101e ; } .witr_service2_btnb{ margin-top:15px; } .witr_service2_btnb a{ color:#fff; } /* SERVICE3 SECTION 2*/ .witr_single_service3{ border:1px solid #ddd; transition: .5s; } .witr_single_service3:hover{ border:1px solid #f9f9f9; } .witr_service3_thumb{ position:relative; } .witr_service3_thumb img{ width: 100%; } .witr_service3_thposi{ opacity:0; transition: .5s; } .witr_single_service3:hover .witr_service3_thposi{ opacity:1; } .witr_service3_box{ position: absolute; top: 50%; transform: translateY(-50%); transition: .5s; padding: 0 30px; } .witr_single_service3:hover .witr_service3_box{ opacity:0; } .witr_service3_icon{ float: left; margin-right: 25px; } .witr_service3_icon i{ font-size: 50px; transition: .5s; display:inline-block; } .witr_service3_content{ overflow: hidden; } .witr_service3_content h3{ margin-bottom: 20px; } .witr_service3_content p{ } .witr_btn_inner{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 0; } .witr_single_service3:hover .witr_btn_inner{ opacity: 1; } .witr_service3_btn{} .witr_service3_btn a{ color:#fff; background:#03b162; padding:15px 25px; } /* witr_service2_7 Style */ .witr_service2_7{} .witr_service2_7{ box-shadow: 0px 5px 20px 0px #00000014; padding: 20px; background: #fff; } .witr_2service_content { display: flex; justify-content: space-around; } .witr_service7s_image { margin-right: 30px; } .witr_service7s_image img{ width:100%; } .witr_service2_7 .witr_titles_content h2{ font-size:16px; } .witr_service2_7 .witr_ser_btnb{ position:relative; margin-top: 30px; } .witr_service2_7 .witr_ser_btnb a { background: #03b162; padding: 5px 6px 7px 30px; color: #fff; border-radius: 0px 30px 30px 0; bottom: 0; left: 0; transform: scaleX(0); transform-origin: left; opacity: 0; z-index: 99; transition:.5s; } .witr_service2_7 .witr_ser_btnb a:hover{ background: #000; color: #fff; } .witr_service2_7:hover .witr_ser_btnb a{ transform: scaleX(1); opacity: 1; } .witr_service2_7 .witr_ser_btnb a i{ width: 40px; height: 40px; line-height: 40px; text-align: center; border-radius: 50px 50px 50px 50px; background: #fff; color: #03b162; margin-left: 10px; display: inline-block; } .pluse_btn{ position: absolute; left: 0; display: inline-block; } .pluse_btn span{ font-size: 17px; color: #fff; width: 40px; height: 40px; line-height: 40px; text-align: center; border-radius: 50px; background: #03b162; display: inline-block; transition:.5s; } .witr_service2_7:hover .pluse_btn span{ transform: scale(0); } .mobil-item .slick-dots li button { background-color: transparent; font-size: 0; width: 18px; height: 18px; border: 1px solid #fff; margin: 0 5px; cursor: pointer; border-radius: 50%; padding: 0; } .mobil-item .slick-dots li.slick-active button { background: #fff; } /*=========================== 7.process css ===========================*/ /* PROCESS SECTION */ .witr_process{ overflow: hidden; } .witr_front_content {} .witr_process_image{ } .witr_process_image img{ position: relative; width: 100%; } .witr_process_box{ position:absolute; left: 20px; bottom: 20px; z-index: 99; } .witr_process_icon{} .witr_process_icon i{ color: #fff; background:#03b162; font-size: 20px; transition: .5s; width: 40px; height: 40px; line-height: 40px; } .witr_process :hover .witr_process_icon i{ display: none; } .witr_content_service h3{ color: #fff; } .witr_content_service h3 a{ color: #fff; } .witr_back_process{ background: #03b162; opacity:0; padding: 35px 30px 30px; transition: .5s; width: 100%; height: 100%; top: 0; left: 0; position: absolute; z-index: 1; transform: scale(0); } /* .witr_process_icon i:hover .witr_back_process { top:0; } */ .witr_process :hover .witr_back_process { opacity:0.9; transform: scale(1); } .witr_content_service { position: relative; top: 50%; transform: translateY(-50%); text-align: left; } .witr_content_service p{ color:#fff; } .witr_process_btnb{ margin-top:15px; } .witr_process_btnb a{ color:#fff; } .witr_process_icon2{} .witr_process_icon2 i{ color: #fff; background:#03b162; font-size: 20px; transition: .5s; width: 40px; height: 40px; line-height: 40px; display: none; } .witr_process :hover .witr_process_icon2 i{ display: block; } /*=========================== 7.team css ===========================*/ .witr_team_section{ position: relative; text-align:center; } .witr_team_section img { width: auto; } .witr_team_section:before { content:""; position: absolute; /* background: #03b1626b; */ height: 100%; width: 100%; left: 0; top: 0; opacity: 0; transition:.5s; } .witr_team_section:hover:before{ opacity: 1; } .team_overlay_icon a{ position: absolute; transform: translate(-50%, -50%); left: 50%; color:#fff; top: 50%; font-size: 35px; opacity: 0; } .witr_team_section:hover .team_overlay_icon a{ opacity: 1; } .slick-slide img { display: inline-block !important; } /*team post icon */ .team_o_icon{ position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); transition:.5s; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } .witr_team_section:hover .team_o_icon{ opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } .team_o_icon ul{ } .team_o_icon ul li{ list-style:none; display:inline-block; } .team_o_icon ul li a{ display: block; width: 35px; height: 35px; line-height: 33px; border: 1px solid #ddd; border-radius: 5px; text-align:center; transition:.5s; color:#fff; margin: 0px 2px; margin-bottom: 7px; } .team_o_icon ul li a:hover{ color:#fff; background:#03b162; border-color:#03b162; } /* pt7 */ .team_o_icons { margin-top: 15px; padding-top: 17px; padding-bottom: 10px; position: relative; } .team_o_icons::before { position: absolute; content: ""; background: #ddd; top: 0px; height: 1px; width: 25%; margin: auto; left: 0; right: 0; transition:.5s; } .all_color_team:hover .team_o_icons::before { background: #03b162; width: 100%; } .team_o_icons ul li{ list-style:none; display:inline-block; } .team_o_icons ul li a{ display: block; width: 35px; height: 35px; line-height: 33px; border: 1px solid #03b1621c; background:#03b16233; border-radius: 5px; text-align:center; transition:.5s; color:#03b162; margin: 0px 2px; font-size: 15px; } .team_o_icons ul li a:hover{ color:#fff; background:#03b162; border-color:#03b162; } /* content css */ .witr_team_content{ padding: 15px 0; background: #fff; } .witr_team_content h5 { margin: 0; } .witr_team_content h5:hover, .witr_team_content h5 a:hover{ color:#03b162; } .witr_team_content span { font-size: 18px; color:#03b162; } /*====== home page 2 ======*/ .team-part { border-radius: 5px; overflow: hidden; box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.05); } .team-sec{ position:relative; } .team-sec:before{ content:""; position: absolute; background-color: #03b1626e; height: 100%; width: 100%; left: 0; top: 0; transition:.5s; } .team-sec img{ width:100%; } .witr_team_content2 { position: absolute; width: 100%; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); padding: 0 25px; transition:.5s; } .team-part:hover .witr_team_content2, .team-part:hover .team-sec:before{ top: -670px; } .witr_team_content2 h5 { font-size: 23px; color: #fff; margin: 0; } .witr_team_content2 h5 a{ color: #fff; } .witr_team_content2 span { color: #fff; } .witr_team_content2 p { color: #fff; padding-top: 10px; } /* social css */ .team-part .team-social { position: absolute; bottom: -110px; height: 100px; width: 100%; background: #fff; text-align: center; transition: .5s; } .team-part:hover .team-social { bottom: 0px; } .team-social ul { padding-top: 30px; } .team-social ul li { display: inline-block; margin: 0 3px; } .team-social ul li a { font-size: 17px; color: #555555; height: 34px; width: 34px; line-height: 34px; text-align: center; border-radius: 50%; border: 1px solid #f5f5f5; display: inline-block; transition:.5s; } .team-social ul li a:hover { color: #fff; background:#03b162; border-color: #03b162; } /*====== home page 3 ======*/ .witr_team_sec_3{ position:relative; } .witr_team_sec_3 img{ width:100%; } .witr_team_sec_3:before{ content:""; position: absolute; background:#03b16280; height: 100%; width: 100%; left: 0; top: -150%; transition:.5s; } .witr_team_content3 { position: absolute; width: 100%; left: 50%; top: -350px; transform: translateX(-50%) translateY(-50%); padding: 0 25px; transition:.5s; } .team-part:hover .witr_team_content3{ top: 50%; } .team-part:hover .witr_team_sec_3:before{ top: 0; } .witr_team_content3 h5 { font-size: 23px; color: #fff; margin: 0; } .witr_team_content3 h5 a{ color: #fff; } .witr_team_content3 span { color: #fff; } .witr_team_content3 p { color: #fff; padding-top: 10px; } /*======== social top css ===========*/ .witr_team_content3 ul li { display: inline-block; } .witr_team_content3 ul li a { color: #fff; display: inline-block; margin: 0 11px; margin-top: 4px; transition:.5s; } /*======= social bottom css ========*/ .team-part .witr_team_sec_3 .team-social { position: absolute; bottom: 0px; left: 0; height: 100px; width: 100%; background: #fff; text-align: center; transition: .5s; } .team-part:hover .witr_team_sec_3 .team-social { bottom: -110px; } /*======= sungle team css ========*/ .team_single_pic { overflow: hidden; } .team_single_pic img{ width:100%; } .witr_single_team_s { text-align: center; background: #03b162; padding: 15px 0; } .witr_single_team_s a{ text-align: center; font-size: 20px; margin: 0 7px; color: #fff; } .witr_single_team_s a:hover{ color: #1b1a1a; } .team_single_content{} .team_single_content h3{ font-size: 40px; } .team_single_title { margin-bottom: 15px; } .team_single_title h2 { margin:0; font-size: 27px; } .team_single_title h1 { font-size: 17px; color:#03b162; } .single_team_list ul li i, .single_team_list ul li a i{ font-size: 19px; color: #fff; background: #03b162; height: 40px; width: 40px; line-height: 40px; border-radius: 5px; text-align: center; transition: .5s; display: inline-block; margin-right: 10px; margin-bottom: 10px; } .single_team_list ul li i:hover, .single_team_list ul li a i:hover{ background:#1b1a1a; } .team_single_btn{ margin-top: 30px; } .team_single_btn a{ background: #03b162; border-radius: 5px; color: #fff; display: inline-block; font-size: 20px; padding: 12px 30px; transition: .5s; font-weight: 700; } .team_single_btn a:hover{ background: #02101e; } /* cur_part_6 */ .witr_single_team { position: relative; overflow: hidden; } .witr_single_team img { width: 100%; transition: .5s; } .witr_single_team:hover img { transform: scale(1.04); } .witr_single_team:after{ position: absolute; content: ''; top:0; bottom: 0; left: 0; right: 0; background:#03b16280; opacity: 0; transition: all 0.4s ease-out; } .witr_single_team:hover:after{ visibility: visible; opacity: 1; } .witr_team_content_car{ position: absolute; left: -300px; bottom: 22px; z-index: 3; transition: .5s; } .witr_single_team:hover .witr_team_content_car{ left: 30px } .witr_team_content_car span { font-size: 16px; font-weight: 600; color: #fff; display: inline-block; margin: 0 0 9px; } .witr_team_content_car h5{ font-size: 22px; color: #fff; margin: 0; } .witr_team_content_car h5 a{ color: #fff; } /*======================== EM40 TEAM CSS =========================*/ .em-team { text-align:center; position: relative; transition:.5s; } .em-team-one { position: relative; overflow: hidden; padding-bottom: 55px; } /* team image css */ .em-team-content-image { } .em-team-content-image img { width: 100%; } .em-team-content-waraper { background-color: #fff; bottom: -67px; left: 0; margin: 0 10px; padding: 30px 0; position: absolute; right: 0; box-shadow: 0px 0px 65px 0px rgb(0, 0, 0,0.08); transition: all 0.3s ease 0s; } .em-team-content-title h2 { margin-bottom: 5px; text-transform: capitalize; transition: all 0.3s ease-in-out 0s; font-size:22px; } .em-team-content-subtitle { font-size: 16px; margin-bottom: 0; text-transform: capitalize; transition: all 0.3s ease-in-out 0s; } .em-team-content-socials a { background: #fff none repeat scroll 0% 0; border-radius: 50%; display: inline-block; height: 35px; line-height: 35px; margin: 14px 3px 0; text-align: center; width: 35px; color:#03b162; } .em-team-content-socials { position: relative; transition:.5s; } .em-team-content-socials a:hover{ background:#03b162e6; color:#fff; } .em-team:hover .em-team-content-waraper{ background:#03b162e6; bottom: 0px; } .em-team:hover .em-team-content-socials { } /* team content */ .em-content-title h5 { font-size: 23px; margin-bottom: 0; text-transform: capitalize; transition:.5s; } .em-content-title h5 a { font-weight: 700; } .em-content-subtitle { font-size: 16px; margin: 5px 0 0; text-transform: capitalize; transition:.5s; } .em-team:hover .em-content-title h5 a, .em-team:hover .em-content-title h5, .em-team:hover .em-content-subtitle { color:#fff; } /* team social 5 */ .team-wrap { overflow: visible; position: relative; } .team-front { opacity: 1; transition: opacity 0.4s, -webkit-transform 0.8s; transition: transform 0.8s, opacity 0.4s; transition: transform 0.8s, opacity 0.4s, -webkit-transform 0.8s; } .team-front { z-index: 2; position: relative; border-radius: 50%; overflow: hidden; transform:scale(1); transition:.5s; } .team-style-2 .em-content-image img { margin: 0 auto; display: block; width: 100%; border-radius: 100%; } .team-style-2 .em-team:hover .em-content-image:before { background: rgba(0, 0, 0, .7); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } .team-back-wraper { -webkit-transition: -webkit-transform 0.6s; transition: -webkit-transform 0.6s; transition: transform 0.6s; transition: transform 0.6s, -webkit-transform 0.6s; } .team-back-wraper { border-radius: 50%; bottom: 0; height: 99%; position: absolute; text-align: center; top: 0; width: 99%; z-index: 1; right: 0; left: 0; margin: auto; background:#03b162; } .team-wrap:hover .team-front{ -webkit-transform:scale(0); transform:scale(0); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } .team-style-2 .em-content-socials a { color: #fff; display: inline-block; font-size: 18px; margin: 0 6px; } .team-style-2 .em-content-socials a:hover { } .team-style-2 .em-content-socials { margin-top: 11px; } .team-style-2 .em-content-waraper { left: 0; padding: 30px 14px 28px; position: absolute; right: 0; top: 50%; transform: translateY(-50%); } .team-style-2 .em-content-desc-inner { margin-top: 5px; color: #fff; } /* team content */ .team-style-2 .em-content-title h5 { color: #fff; } .team-style-2 .em-content-subtitle { color:#fff; } /* team button */ .team-style-2 .em-content-button a { display: inline-block; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; color:#03b162; } /* Team 7*/ .busi_singleTeam{ position: relative; overflow: hidden; } .busi_singleTeam::before{ position: absolute; content: ''; top:0; bottom: 0; left: 0; right: 0; background:rgba(0, 0, 0, 0.2); transition: .5s; } .busi_singleTeam img{ width: 100%; height: auto; } .TM_center{ left: 0; position: absolute; right: 0; top: 50%; transform: translateY(-50%); z-index: 2; } .busi_TMHover { position: absolute; bottom: 0; left: 0; right: 0; top: 0; margin: auto; opacity: 0; background: rgba(255, 255, 255, .90); width: calc(100% - 30px); height: calc(100% - 30px); transition: all ease 400ms; } .busi_singleTeam:hover .busi_TMHover{ opacity: 1; } .busi_TMHover::before { position: absolute; left: 0; top: 0; background: #03b162; width: 0px; height: 3px; content: ''; transition: all ease 500ms; } .busi_TMHover::after { position: absolute; right: 0; bottom: 0; background: #03b162; width: 0px; height: 3px; content: ''; transition: all ease 500ms; } .busi_singleTeam:hover .busi_TMHover::before, .busi_singleTeam:hover .busi_TMHover::after{ width: 80px; } .busi_singleTeam h5{ font-size: 23px; margin-bottom: 0px; margin-left: -30px; transition: all 0.6s ease-in-out; } .busi_singleTeam:hover h5{ margin-left: 0; } .busi_singleTeam h5:hover{ color: #03b162; } .busi_singleTeam span{ font-size: 14px; margin-right: -30px; transition: all 0.6s ease-in-out; } .busi_singleTeam:hover span{ margin-right: 0; } .busiTS{ opacity: 0; transition: all 0.9s ease-in-out; margin-top: 8px; } .busi_singleTeam:hover .busiTS{ opacity: 1; transition: all 0.9s ease-in-out; } .busiTS a{ font-size: 16px; color: #02101e; height: 34px; width: 34px; line-height: 30px; border: 2px solid #dddddd; border-radius: 50%; text-align: center; transition: .5s; display: inline-block; } .busiTS a:hover{ background: #03b162; border-color: #03b162; color: #fff; transform: rotate(360deg); } /* post team 8 css */ .pteam_8 .post_team_content { text-align: left; } .post_team_icon_8{ position: absolute; bottom: -15px; right: 25px; } .post_team_icon_8 ul{} .post_team_icon_8 ul li{ display: inline-block; } .post_team_icon_8 ul li a{ font-size: 16px; color: #03b162; background:#fff; height: 34px; width: 34px; line-height: 34px; border-radius: 50%; text-align: center; transition: .5s; display: inline-block; margin-left: 6px; } .post_team_icon_8 ul li a:hover{ background: #03b162; color: #fff; } .post_team_icon_8 ul li a i{} .post_team_content{ box-shadow: 0px 5px 20px 0px #00000014; transition: .5s; background: #fff; padding: 30px 25px 25px; } .post_team_content h5 { margin: 0; } .team_list_op { margin-top: 10px; } .team_list_op ul{} .team_list_op ul li{ margin-top: 3px; } .team_list_op ul li a{ display: inline-block; } .team_list_op ul li i{ margin-right: 10px; } .team_list_op ul li a i{ margin-right: 6px; } /* team Post 9 */ .cteam_9 .post_team_content { text-align: left; } .cteam_9 .post_team_icon_8 { bottom: -85px; } .cteam_9 .post_team_content { padding: 20px 25px 25px; } /* post team 10 css */ .post_team10_area .team_o_icons::before{ display: none; } .post_team10_area .witr_team_section{ position:relative; } .post_team10_area .team_o_icons { margin-top: 0; padding: 0; position: absolute; top: 50%; left: -25%; transform: translateY(-50%); transition:.5s; } .post_team10_area .team-part:hover .team_o_icons { left: 0; } .post_team10_area .team_o_icons ul li { display: block; } .post_team10_area .team_o_icons ul li a{ width: 55px; height: 55px; line-height: 55px; border: none; background: #1b1a1a; border-radius: 0; color: #fff; margin: 0px; font-size: 20px; } .post_team10_area .team_o_icons ul li a:hover{ background: #03b162; } .witr_team_content{ padding: 23px 5px 23px; } /* post team 11 css */ .post_team11_area .team-part { overflow: inherit; padding-bottom: 40px; box-shadow: none; } .post_team_p11 { position: absolute; bottom: -45px; left: 15px; right: 15px; box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 10%); } .post_team11_area .team_o_icons { top: auto; bottom: -30px; left: 0; right: 0; transform: inherit; transition: .5s; } .post_team11_area .team-part:hover .team_o_icons { bottom: 65px; } .post_team11_area .team_o_icons ul li { display: inline-block; } /* team 8 */ .witr_team_a3d{} .witr_team_cont_3d { -o-perspective: 800px; perspective: 800px; transition: .5s; } .witr_team_cont_3d:hover .witr_team_wrap_3d { transform: rotateY( -180deg); } .witr_team_wrap_3d { transition: transform .5s; transform-style: preserve-3d; position: relative; z-index: 999; } .witr_team_front_3d, .witr_team_back_3d { backface-visibility: hidden; position: absolute; top: 0; left: 0; background: #F9F9F9; } .witr_team_front_3d { z-index: 2; } .witr_team_back_3d { z-index: 3; transform: rotateY( -180deg); } .witr_team_cont_3d, .witr_team_front_3d, .witr_team_back_3d { height: 300px; text-align: center; width: 100%; overflow: hidden; } .witr_team_thumb_3d{ position: relative; } .witr_team_thumb_3d::before{ position: absolute; content: ''; top:0; bottom: 0; left: 0; right: 0; /* background:#03b16280; */ opacity: 1; transition: .5s; } .witr_team_thumb_3d img { width: 100%; } .witr_content_waraper { left: 0; padding: 64px 10px 64px; position: absolute; right: 0; top: 50%; transform: translateY(-50%); } /* team content */ .witr_content_3d h5 { font-size: 23px; margin-bottom: 0; text-transform: uppercase; } .witr_content_3d span { font-size: 14px; margin: 5px 0 0; text-transform: uppercase; } .witr_content_3d p { margin-top: 10px; } .witr_socials_3d { margin-top: 14px; } .witr_socials_3d a { display: inline-block; font-size: 18px; margin: 0 6px; } .witr_socials_3d a:hover { color: #03b162; } /* team 9*/ .cons_singleTeam { position: relative; text-align: center; overflow: hidden; } .front_view { padding: 41px 25px; border: 2px solid #e9e9e9; transition: .5s; } .front_view img{ width: 214px; height: 214px; /* border-radius: 50% !important; */ margin-bottom: 22px; } .front_view h5, .back_view h5{ line-height: 28px; margin-bottom:0px; } .back_view h5 a{ color:#fff; } .front_view span, .back_view span{ display: inline-block; line-height: 28px; } .front_view p, .back_view p{ margin-top: 3px; } .front_view .con_TMS a, .back_view .con_TMS a{ display: inline-block; width: 35px; height: 35px; border-radius: 50%; border: 1px solid #dddddd; color: #ababab; font-size: 17px; line-height: 35px; text-align: center; margin: 0 3px; } /* team 12 style */ .witr_team_s12 .front_view { border: none; } .witr_team_s12 { border: none; box-shadow: 0px 5px 20px 0px #00000014; transition:.5s; background: #fff; } .witr_team_s12 .con_TMS { margin-top: 10px; } .front_view .con_TMS a:hover{ background:#03b162; color:#ffffff; border-color:#03b162; } .witr_team_s12:hover img{ } /* back_view */ .back_view{ position: absolute; top: 50%; left: -52%; width: 100%; transform: translate(-50%, -50%); transition:.5s; } .cons_singleTeam:hover .back_view{ left: 50%; } .witr_back_img{ position: relative; } .witr_back_img:after { content: ''; position: absolute; top: 0; right: 0; height: 100%; width: 100%; z-index: 1; background:#03b162d9; transition: transform 0.4s ease; } .witr_back_img img{ height: 524px !important; } .witr_back_content{ position: absolute; top: 50%; left: 50%; width: 100%; transform: translate(-50%, -50%); z-index: 3; } .back_view .con_TMS a{ color: #fff; border-color: #fff; } .back_view .con_TMS a:hover{ color: #fff; background: #03b162; border-color: #03b162; } /* team style */ /*====== home page 3 ======*/ .witr_team_part{ overflow:hidden; position:relative; padding-bottom: 23px; } .witr_team_sec_4{} .witr_team_thumb4{ position:relative; } .witr_team_thumb4::before{ content: ""; position: absolute; background: #03b162ad; height: 100%; width: 100%; right: -100%; top: 0; transition: 1s; } .witr_team_part:hover .witr_team_thumb4::before{ right: 0; } .witr_team_thumb4 img{ width:100%; } /*======== social top css ===========*/ .witr_team_top{ background: #fff; border-radius: 5px; position: absolute; top: -200px; right: -7px; transform: translate(-50%,-50%); transition: 1s; } .witr_team_part:hover .witr_team_top{ top: 100px; } .witr_team_top ul li { list-style:none; } .witr_team_top ul li a { color: #03b162; margin: 12px 13px; transition: 1s; display: block; } .witr_team_top ul li a:hover { color: #ff8400; } .witr_team_content4{ position:relative; background:#fff; border-radius:5px; padding: 15px 30px 13px; margin: 0 20px; box-shadow: 0px 0px 30px 0 rgba(42,67,113,.15); margin-top: -58px; text-align: left; } .witr_team_content4 h5 { margin-bottom: 5px; } .witr_team_content4 span { color: #626262; } /*======= social bottom css ========*/ .witr_bottom_icon{ position: absolute; top: 50%; right: 9px; transform: translate(-50%,-50%); transition: 1s; } .witr_team_part:hover .witr_bottom_icon{ top: 99%; } .witr_bottom_icon a{} .witr_bottom_icon a{ width: 45px; height: 45px; line-height: 36px; display: block; background: #fff; text-align: center; border: 5px solid #e6ebf8; border-radius: 50%; color: #03b162; transition: .5s; } .witr_bottom_icon a:hover{ background: #03b162; color: #fff; } /* team 11 */ .witr_team_s11ar{ box-shadow:none; transition: .5s; } .witr_team_s11ar:hover{ box-shadow:0px 2px 13px 0px rgba(0, 0, 0, 0.05); } .witr_team_s11a{ overflow:hidden; } .witr_team_s11 { position: absolute; left: 30px; bottom: -300px; transition:.5s; opacity:0; } .team-part:hover .witr_team_s11 { bottom: 15px; opacity:1; } .witr_team_s11 span{ background: #03b162; display: inline-block; padding: 5px 30px; color:#fff; } .witr_team_s11t { padding: 20px 0; } /* team 13 style */ .witr_team_s13.cons_singleTeam { overflow: inherit; } .witr_team_s13{ position:relative; } .team_line { background-color: #75a1fb; position: absolute; opacity: 1; transition: .5s; z-index: 99; } .witr_team_s13:hover .team_line{ opacity: 1; } .team_line_top, .team_line_bottom { width: 0; height: 2px; left: -60px; background: linear-gradient(to right, rgba(117, 161, 251, 0), #03b162, rgba(117, 161, 251, 0)); } .witr_team_s13:hover .team_line_top, .witr_team_s13:hover .team_line_bottom{ width: calc(100% + 110px); } .team_line_top{ top: 0px; } .team_line_bottom{ bottom: 0px; } .team_line_left, .team_line_right{ height: 0; width: 2px; top: -60px; background: linear-gradient(to top, rgba(117, 161, 251, 0), #03b162, rgba(117, 161, 251, 0)); } .witr_team_s13:hover .team_line_left, .witr_team_s13:hover .team_line_right{ height: calc(100% + 110px); } .team_line_left{ left: 0px; } .team_line_right{ right: 0px; } .witr_team_s13 .front_view { padding: 40px 25px 32px; } .witr_i_position{ position:relative; } .con_TMS13_icon{ position: absolute; top: 0; right: 0; transform: translateX(-50%); } .front_view .con_TMS13_icon.con_TMS a{ display: block; background: #03b162; color: #fff; border-radius: 50px; margin-bottom: 5px; transition:.5s; border:none; } .front_view .con_TMS13_icon.con_TMS a:hover{ background: #02101e; } .front_view .con_TMS13_icon.con_TMS a:nth-child(2), .front_view .con_TMS13_icon.con_TMS a:nth-child(3), .front_view .con_TMS13_icon.con_TMS a:nth-child(4), .front_view .con_TMS13_icon.con_TMS a:nth-child(5), .front_view .con_TMS13_icon.con_TMS a:nth-child(6){ transform:scale(0); transition:1s; margin-top:-40px; } .front_view .con_TMS13_icon.con_TMS:hover a:nth-child(2), .front_view .con_TMS13_icon.con_TMS:hover a:nth-child(3), .front_view .con_TMS13_icon.con_TMS:hover a:nth-child(4), .front_view .con_TMS13_icon.con_TMS:hover a:nth-child(5), .front_view .con_TMS13_icon.con_TMS:hover a:nth-child(6){ transform:scale(1); margin-top:0px; } /* witr_team_s14 */ .witr_team_s14{ transition:1s; } .witr_team_s14.cons_singleTeam { overflow: inherit; } .witr_team_s14 .front_view { padding: 20px 25px 40px; } .witr_team_s14 .con_TMS { position: absolute; bottom: -15px; left: 0; right: 0; } .team_s14_image{ position: relative; } .team_s14_image::before{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 50%; border-left: 15px solid #03b162; border-top: 15px solid #03b162; animation: team_before 5s infinite linear; opacity:0; } @keyframes team_before{ 0% { height: 50%; } 50% { height: 0%; } } .team_s14_image::after{ content: ''; position: absolute; right: 0; top: 0; height: 50%; border-right: 15px solid #03b162; background: #03b162; animation: team_after 5s infinite linear; opacity:0; } .witr_team_s14:hover .team_s14_image::before, .witr_team_s14:hover .team_s14_image::after{ opacity:1; } @keyframes team_after { 0% { height: 50%; } 50% { height: 0%; } } .witr_team_s14 .front_view img { width: 100%; } /*=========================== 8.Screenshots css ===========================*/ .Screenshots {} .dnSlide-main { position: relative; } .dnSlide-main img { width: 100%; } .Screenshots-fearm { position: absolute; top: 0; left: 50%; transform: translateX(-50%); z-index: 99; } .Screenshots-fearm img { width: 154% !important; max-width: 154% !important; position: relative; left: -123px; top: -26px; } .Screenshots .dnSlide-main .dnSlide-btn { border-radius: 50%; color: #000; height: 40px !important; width: 40px !important; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; position: absolute; z-index: 10; cursor: pointer; background: #03b162; } .Screenshots .dnSlide-main .dnSlide-btn i { color: #fff; } .Screenshots .dnSlide-main .dnSlide-left-btn { position: absolute; top: 50%; transform: translateX(-50%); left: -65px; opacity:1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } .Screenshots .dnSlide-main .dnSlide-right-btn { position: absolute; top: 50%; transform: translateX(-50%); right: -107px; opacity:1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } .Screenshots .dnSlide-main .dnSlide-left-btn:before { position: absolute; content: '\f104'; left: 43%; top: 46%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-size: 35px; font-family: fontawesome !important; color: #fff; } .Screenshots .dnSlide-main .dnSlide-right-btn:before { position: absolute; content: '\f105'; left: 52%; top: 47%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-size: 35px; font-family: fontawesome !important; color: #fff; } .Screenshots:hover .dnSlide-main .dnSlide-right-btn, .Screenshots:hover .dnSlide-main .dnSlide-left-btn { opacity:1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } /*====== home page 3 ======*/ .Screenshots-area { position: relative; } .Screenshots-slide .slick-center .slide-item img { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } .Screenshots-slide .slide-item img { opacity: 0.1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)"; width: 100%; } .Screenshots-slide .slick-center { position: relative; } .Screenshots-area .Screenshots-frame-img { position: absolute; left: 10px; top: -29px; width: 100%; } .Screenshots-frame-img img { width: 43%; position: absolute; left: 50%; transform: translateX(-50%); } .Screenshots-slide .slick-arrow.slick-prev { left: 200px; } .Screenshots-slide .slick-arrow.slick-next { right: 200px; } /*====== home page 5 ======*/ .mobile-slide .slick-center .mobile-thumb img { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } .mobile-slide .mobile-thumb img { opacity: 0.1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)"; width: 100%; } /*====== home page 6 ======*/ .mobile-slide-6 .slick-center .mobile-thumb img { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } .mobile-slide-6 .mobile-thumb img { opacity: 0.1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)"; width: 100%; } .mobile-slide-7 .mobile-thumb{ position: relative; } .mobile-slide-7 .mobile-thumb .mobile-slide-overlay{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: rgba(0, 0, 0, 0.5); border-radius: 8px; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; transition: .5s; } .mobile-slide-7 .mobile-thumb .mobile-slide-overlay a{ position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); color: #fff; font-size: 25px; } .mobile-slide-7 .mobile-thumb:hover .mobile-slide-overlay{ opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } /* carsol imagess area css */ .imagess_area{} .witr_car_overlay{ position: relative; } .witr_car_overlay::before{ position: absolute; content:""; top: 0; left: 0; right: 0; bottom: 0; z-index:1; } /*=========================== pricing css ===========================*/ .all_pricing_color{} .all_pricing_color ul, .all_pricing_color ol, .all_pricing_color li{ margin:0px; } .all_pricing_color h2, .all_pricing_color h3, .all_pricing_color h5, .all_pricing_color h4{ margin:0px; } .all_pricing_color ul li{} /*=========================== 9.pricing css ===========================*/ .pricing_area{ border-radius: 5px; /* margin-left: 20px; */ } .pricing-part { position: relative; overflow: hidden; } .pricing-part sub { color: #fff; font-size: 16px; font-weight: 400; position: absolute; right: -65px; top: 20px; background: #03b162; line-height: 43px; width: 217px; height: 45px; text-align: center; -webkit-transform: rotate(35deg); transform: rotate(45deg); } .witr_pricing_icon i { color: #03b162; font-size: 40px; padding-top: 40px; display: block; } .pricing-part h4 { font-size: 24px; padding: 26px 0 12px; display: block; } .pricing-part h5 { font-size: 35px; padding-bottom: 30px; } .pricing-part h6 { font-size: 21px; color: #989898; display: block; text-decoration: line-through; margin: 0; } .pricing-part span { font-size: 24px; margin-right: 5px; } .pricing-part ul{} .pricing-part ul li { color: #555555; line-height: 40px; list-style: none; } .prt_content { padding: 20px 18px 10px 0px; font-size: 20px; } /* pricing list css */ .pricing-part ul li:nth-child(odd){} .pricing-part ul li:nth-child(even){} .witr_btnp_color { padding-top: 37px; padding-bottom: 40px; } .pricing-part a.btn { background: #03b162; line-height: 41px; padding: 7px 30px; font-size: 16px; border-radius: 5px; color: #fff; border: 1px solid #03b162; display:inline-block; } .pricing-part a.btn:hover { background: transparent; color: #03b162; } /* style 2 */ .pricing_style_2 .pricing-part h5 { background: #03b162; padding: 10px 0; color: #fff; margin-bottom: 30px; } /* style 3 */ .pricing_style_3 .pricing-part a.btn { display: block; border-radius: 0px; } .pricing_style_3 .witr_btnp_color{ padding:0; padding-top:37px; } /* style 4 */ .pricing_style_4 .witr_p_middle{ width: 150px; height: 150px; display: table; margin: 15px auto 15px; } .pricing_style_4 .witr_p_middle_inner{ display: table-cell; vertical-align: middle; background: #03b162; border-radius: 100%; } .pricing_style_4 .pricing-part h5 { padding: 0px; color: #fff; font-size: 25px; border-radius: 100%; text-align: center; } .pricing_style_4 .pricing-part span+span{ display:block; } .pricing_style_4 .pricing-part span { font-size: 18px; } .pricing-part ul { display: inline-block; text-align: left; padding: 0; } .witri_texti_list ul i{ margin-right:15px; } .witri_texti_list ul+ul i{ margin-right:0px; margin-left:15px; } /*=========================== 10.testomonial css ===========================*/ .testomonial { } .testomonial .test-part { box-shadow: 0px 0px 12px 0px #dddddd7a; padding: 30px 17px 10px 30px; position: relative; text-align: left; } .test-part h6 { display: inline-block; font-size: 20px; line-height: 26px; padding-top: 30px; padding-bottom: 7px; } .test-part span { font-weight: 400; font-size: 17px; } .testomonial .test-part.witr_testi_s_11 img { left: 50%; transform:translateX(-50%); } .testomonial .test-part.witr_testi_s_11 { padding: 30px 17px 20px 30px; } .witr_testi_s_11 { text-align: center; border-bottom: 1px solid transparent; } .witr_testi_s_11:hover{ border-color:#03b162; } .witr_testi_s_11 h6{ padding-top: 0px; } .witr_testi_s_11 ul { padding: 17px 0 0px; margin: 0; } .witr_testi_s_11 .em_crating i { font-size: 16px; } .test-part{ display: inline-block; margin-bottom: 10px; } .test-part ul li { display: inline-block; padding-top: 0px } .test-part p { } .testomonial .test-part img { position: absolute; top: -43px; left: 30px; z-index: 22; width: 78px; height: 78px; } .testomonial.testomonial-5 .test-part img { top: -50px; } .witr_item_column { padding:0 15px; padding-top: 60px; } .witr_slick_column { padding: 0 15px; } .em_crating { /* margin-top: 5px; */ } .em_crating i { color:#ddd; font-size:18px; } .em_crating i.active { color:#03b162; } .witr_all_mb_30, .guttergs { margin-bottom:30px; border:none; } .witr_all_mb_30.mb_70{ margin-bottom: 113px; } .witr_all_pd0, .noguttergs { padding:0px; } /*====== home page 5 ======*/ .testomonial.testomonial-5 .witr_item_column { padding: 0 15px; padding-top: 15px; padding-bottom: 15px; } .testomonial.testomonial-5 { /* background: none; padding-bottom: 50px; */ } .testomonial.testomonial-5 .test-part { border: 2px solid #ddd; padding: 25px 30px 50px; position: relative; } .testomonial.testomonial-5 .test-part h6 { padding-top: 0; } .testomonial.testomonial-5 .test-part span { color: #555; } .testomonial .test-part ul li, .testomonial.testomonial-2 .test-part ul li, .testomonial.testomonial-5 .test-part ul li { padding-top: 0px; padding-bottom: 10px; } .testomonial.testomonial-5 .test-part p { color: #555; } .testomonial.testomonial-5 .test-part img.testimg { top: 82%; } .testomonial.testomonial-5 .test-part .postimg { top: 105%; position: absolute; bottom: 0; left: 0; right: 0; } /* single_creativeItem */ .single_creativeItem{ text-align:left; } .box-size{} .testiCreCon{ position: relative; box-shadow: 0px 2px 29px 0px rgba(0, 0, 0, 0.06); background: #fff; border-radius: 5px; padding: 8px 20px 30px 32px; margin-top: 71px; margin-bottom: 32px; margin-right: 30px; } .testiCreCon:after{ position: absolute; content: ''; left: 35px; bottom: -19px; width: 40px; height: 40px; background: #fff; transform: rotate(45deg); z-index: -1; box-shadow: 0px 2px 29px 5px rgba(0, 0, 0, 0.08); } .testiCreCon i{ font-size: 100px; color: #dddddd; margin: -60px 0 3px; } .testiCreCon p{ margin: 0; } .testAuthor{} .testAuthor h6{ margin-bottom: 0px; } .testAuthor span{ font-size: 15px; } /* testimonial style 7 */ .witr_client7{ position: relative; } .witr_testiSlider { left: 0; right: 0; width: auto; height: auto; padding: 0 0 11px; margin: auto; } .witr_testiSlider .slick-slide.item{ /* padding: 15px 0; */ outline: none; } .wirt_TraSlider .slick-slide.item{ outline: none; } .witr_testiSlider .slick-slide .witr_autho_thumb img { width: 81px; height: 81px; border-radius: 50%; display: inline-block; } .witr_content_test7{ position: relative; padding: 0 180px; } .witr_content_test7 .em_crating {} .witr_content_test7 .em_crating i { font-size: 18px; } .witr_content_test7 p{ position: relative; font-size: 18px; line-height: 28px; z-index: 3; } .witr_content_test7 p::after{ position: absolute; left: 0; top: 8px; right: 0; content: "\f10e"; font-family: fontAwesome; font-size: 146px; line-height: .8; color: #eeeeee; z-index: -1; } .witr_author_name { margin-top: 20px; z-index: 11; position: relative; } .witr_content_test7 h6{ } .witr_content_test7 span{ font-size: 18px; } /*=========================== testomonial style 8 css ===========================*/ .witr_testomonial_area { width:80%; margin: auto; } .witr_background_test{ box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.1); background: #fff; border-top: 2px solid #03b162; border-bottom: 2px solid #03b162; margin-top:50px; margin-bottom:60px; } .witr_testi_main { box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.1); text-align: center; padding: 50px 0px; background: #fff; border-top: 2px solid #03b162; border-bottom: 2px solid #03b162; width: 70%; margin: auto; margin-top: -50px; margin-bottom: -50px; } .witr_test_part { float: left; margin-left: 215px; margin-right: -165px; } .witr_test_part img {} .witr_ns_part{} .witr_ns_part h6 { font-size: 22px; margin-top: 10px; } .witr_ns_part i { color: #03b162; font-size: 17px; font-weight: 500; } .witr_test_content{} .witr_test_content p { width: 88%; margin: auto; margin-top: 30px; } .witr_test_name{ margin: 30px 0 15px; } .witr_test_name i{ color: #03b162; font-size: 18px; } /* witr_testi_s_9 */ .witr_testi_s_9 .em_testi_text { float: none; } /* busi_testimonial */ .busi_testimonialArea{ position: relative; } .busi_testiSlider{ position: relative; margin: 0; padding: 0 0 15px; } .busi_testiSlider p{ margin: auto; font-size: 16px; width: 74%; } .busi_singleNav{ left: 0; right: 0; width: 470px; height: auto; padding: 0; margin: auto; } .item{} .autho_thumb{} .autho_thumb img{ margin:auto; } .test_author{ margin-top: 12px; } .test_author h6{ font-size: 22px; line-height: 24px; margin-bottom: 0; } .test_author span{ color:#7c7c7c; font-size:16px; } /* witr_testi_s_12 */ .witr_testi_s_12 .em_testi_text, .witr_testi_s_12.em_single_testimonial { text-align: center; } .witr_testi_s_12 .em_test_thumb { float: none; margin-right: 0px; } .witr_testi_s_12 .em_test_thumb img { width: auto; margin: auto; } .em_test_thumb img{ display: initial !important; } /* testimonial_post_13 */ .testimonial_post_13{ display: flex !important; justify-content: space-around; align-items: center; } .testimonial_post_13.em_single_testimonial{ padding: 0; } .test_text_all{ padding: 25px 30px 26px; width: 100%; } .testimonial_post_13 .em_testi_text p{ font-size:19px; font-style: italic; } .testimonial_post_13 .test-part { margin-bottom:0px; } .witr_screenshot_thumb { width: 100%; } .execllent_toggol{ display: flex; align-items: center; justify-content: center; } .execllent_star{ margin-left: 15px; } .execllent_star h3{ color: #03b162; font-size: 18px; font-weight: 600; margin: 0; font-style: italic; } /*====== home page 2 ======*/ .banner-laptop-2 img { width: 100%; margin-top: 0; } /*=========================== 10.blog css ===========================*/ .all_blog_color { text-align: left; } .blog-part { } .blog_part_inner {} .witr_blog_imags{ overflow: hidden; } .blog-img { position:relative; -webkit-transform: scale(1); transform: scale(1); transition: .5s; } .blog-img img{ width:100%; } .blog-img a{} .blog-img:before { position:absolute; content:''; background:rgba(0, 0, 0, 0.5); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; top:0; left:0; bottom:0; right:0; width:100%; height:100%; -webkit-transform: scale(0); transform: scale(0); transition:.5s; } .blog_part_inner:hover .blog-img, .blog_part_inner:hover .blog-img:before{ -webkit-transform: scale(1.2); transform: scale(1.2); } .wblog-content { padding: 23px 25px 26px; box-shadow: 0px 2px 6px 0px #f5f2f2; } .blog_part_inner:hover.wblog-content { box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.5); } .wblog-content span { font-size: 15px; color: #03b162; line-height: 28px; padding-bottom: 15px; margin-right: 10px; } .wblog-content span a { font-size: 15px; color: #03b162; } .wblog-content span i { padding-right: 5px; padding-left: 5px; color: #03b162; transition: .5s; } .wblog-content h5 > a { font-weight: 700; } .wblog-content h5 > a:hover, .wblog-content span i:hover { color: #03b162; } .wblog-content h5 { margin: 10px 0px 15px; } .wblog-content > a { font-size: 16px; font-weight: 500; /* line-height: 49px; */ padding: 9px 30px; border: 1px solid #03b162; border-radius: 5px; margin-top: 10px; margin-bottom: 5px; transition: .5s; display: inline-block; } .wblog-content > a:hover { background: #03b162; color: #fff; } .witr_bt2{} /*====== blog style 2 ======*/ .wblog-content.blog-content-5 { padding: 15px 20px 15px; } .wblog-content.blog-content-5 h5 { padding-bottom: 0px; } /* blog area css 5 */ .busi_singleBlog{ background: #fff; transition: .5s; box-shadow: 0 10px 40px 0 rgba(50,65,141,.07); } .busi_singleBlog:hover{ box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.05); } .witr_sb_thumb { overflow: hidden; position: relative; } .witr_sb_thumb img{ width: 100%; transition:.5s; } .witr_sb_thumb::before{ position:absolute; content:''; background:rgba(0, 0, 0, 0.5); top:0; left:0; bottom:0; right:0; transform: scale(0); transition:.5s; z-index:1; } .busi_singleBlog:hover .witr_sb_thumb img, .busi_singleBlog:hover .witr_sb_thumb::before{ transform: scale(1.2); } .witr_blog_con{ padding: 20px 15px 0px 25px; margin-bottom: 0px; } .witr_blog_con span { font-size: 16px; line-height: 50px; font-size: 16px; margin-bottom: 15px; margin-right: 2px; } .bs5 span { line-height: 26px; } .witr_blog_con span i { padding-right: 5px; padding-left: 5px; transition: .5s; } .witr_blog_con span i:hover { color: #03b162; } .witr_blog_con h2{ color: #02101e; margin: 15px 0 0; } .witr_blog_con h2 a{ display: inline-block; } .witr_blog_con h2 a:hover{ color: #03b162; } .witr_post_Author { padding-bottom: 27px; /* margin: 0 30px; */ position: absolute; left: 30px; top: 30px; z-index: 999; } .witr_post_Author img{ width: 33px; height: 33px !important; border-radius: 50% !important; margin-right: 5px } .witr_post_Author .nameAuthor{ font-size: 20px; line-height: 36px; color: #03b162; margin: 0; font-weight: 500; } .witr_post_Author .comment{ float: right; font-size: 17px; color: #02101e; line-height: 30px; } .witr_post_Author .nameAuthor:hover, .witr_post_Author .comment:hover{ color: #02101e; } /*========= blog area css 6 ==========*/ .witr_blog_area6{} .witr_singleBlog{ background: #fff; transition: .5s; position: relative; overflow: hidden; } .witr_sb6_thumb { position: relative; } .witr_sb6_thumb img{ width: 100%; transition:.5s; } .witr_sb6_thumb::before{ position:absolute; content:''; background:#0000004d; top:0; left:0; bottom:0; right:0; transform: scale(0); transition:.5s; z-index:1; } .witr_sb6_thumb::after{ position:absolute; content:''; background:rgba(0, 0, 0, 0.1); top:0; left:0; bottom:0; right:0; } .witr_singleBlog:hover .witr_sb6_thumb img, .witr_singleBlog:hover .witr_sb6_thumb::before{ transform: scale(1.2); } .all_text_position{ position: absolute; top: 50%; z-index: 1; transform: translateY(-50%); } .witr_blog_con6{ padding: 20px; } .witr_blog_con6 span { font-size: 16px; line-height: 50px; margin-bottom: 3px; font-size: 16px; color: #fff; padding-bottom: 15px; margin-right: 2px; } .witr_blog_con6 span i { padding-right: 5px; padding-left: 5px; color: #fff; transition: .5s; } .witr_blog_con6 span i:hover { color: #03b162; } .witr_blog_con6 h2{ color: #fff; margin-bottom: 0; } .witr_blog_con6 h5 a{ margin-top:20px; font-size: 20px; font-weight: 400; color: #fff; display:inline-block; } .witr_blog_con6 h2 a{ display: inline-block; color: #fff; } .witr_blog_con6 h2 a:hover{ color: #03b162; } .witr_blog_con6 p{ color: #fff; margin-top: 25px; opacity:1; transition:.5s; } .witr_singleBlog:hover .witr_blog_con6 p{ opacity:1; } .witr_post_Author6{ margin: 32px 16px 0px; } .witr_post_Author6 img{ width: 40px; height: 40px !important; border-radius: 50% !important; margin-right: 15px; float: left; margin-top: -8px; } .witr_post_text{ overflow:hidden; } .witr_post_Author6 .nameAuthor{ font-size: 17px; color: #fff; display: block; } .witr_post_Author6 span a{ color: #fff; } .witr_post_Author6 span{ font-size: 17px; color: #fff; margin-right: 5px; } .witr_post_Author6 span a i{ /* display:none; */ margin-right:2px; } .witr_post_Author6 .comment{ float: right; font-size: 17px; color: #fff; line-height: 30px; } .witr_post_Author6 .nameAuthor:hover, .witr_post_Author6 .comment:hover{ color: #03b162; } /* witr_blog_area8 */ .witr_blog_area8{} .witr_blog_area8 .witr_singleBlog{ box-shadow: 0px 0px 15px 0px rgb(0, 0, 0,0.1); margin-top: 10px; } .witr_blog_area8 .witr_sb6_thumb::after{ position:absolute; content:''; background:#fff; top:0; left:0; bottom:0; right:0; } .witr_singleBlog:hover .witr_sb6_thumb::after{ background: transparent !important; } .witr_blog_area8 .witr_blog_con6 h2{} .witr_blog_area8 .witr_blog_con6 p{ margin-top: 0px; } .witr_blog_area8 .witr_blog_con6 h5 a { margin-top: 10px; font-size: 17px; } .witr_blog_area8 .witr_blog_con6 h2 a{ color: #1b1a1a; } .witr_blog_area8 .witr_blog_con6 p, .witr_blog_area8 .witr_blog_con6 h5 a{ color:#818282; } .witr_singleBlog:hover .witr_blog_con6 p, .witr_singleBlog:hover .witr_blog_con6 h5 a, .witr_singleBlog:hover .witr_blog_con6 h2 a{ color: #fff; } .witr_blog_area8 .em-blog-content-area_adn{ padding:0px; } .witr_blog_area8 .learn_btn { border-radius: 5px; padding: 10px 30px; background: #03b162; color:#fff; margin-top:30px; } .witr_singleBlog:hover .learn_btn { background: #fff; color:#03b162; } /* witr_blog_area9 */ .witr_post_meta9{ position: absolute; top: 15px; left: 15px; z-index: 1; } .witr_post_meta9 span{ color: #fff; background: #03b162; padding: 3px 10px; display: inline-block; border-radius: 5px; } .witr_post_meta9 span a{ color: #fff; } /* witr_blog_area 10 */ .witr_blog_area10 .witr_blog_con { padding: 0; } .witr_blog_area10 .busi_singleBlog { padding: 20px 20px 20px 20px; box-shadow: 0 20px 40px 0 rgba(50,65,141,.12); } .witr_blog_area10 .witr_post_meta9 { top: auto; right: 15px; bottom: 0; } .witr_blog_area10 .witr_post_meta9 span{ padding: 10px 10px; display: block; text-align: center; margin-bottom: 15px; } .witr_blog_area10 .witr_blog_con h2 { margin-top: 0; } .witr_blog_area10 .em-blog-content-area_adn { padding: 0px; } .witr_blog_area10 .learn_btn { padding: 12px 30px; background: #f5f5f5; } .witr_blog_area10 .learn_btn:hover{ background: #03b162; color:#fff; } .witr_blog_area10 .learn_btn i { color: #fff; width: 40px; height: 40px; line-height: 40px; background: #03b162; border-radius: 50px; } .witr_blog_area10 .learn_btn:hover i{ background: #02101e; } /* witr_blog_area11 */ .witr_blog_area11 .witr_blog_con h2 { margin: 5px 0 0; } .witr_blog_area11 .witr_blog_con { padding: 20px 15px 5px 25px; } .witr_blog_area11 .em-blog-content-area_adn { padding: 0px 10px 22px 20px; } .witr_top_category{ position: absolute; left: 20px; top: 20px; z-index: 999; } .witr_top_category span ul li{ display: inline-block; } .witr_top_category span ul li a{ color: #fff; background: #03b162; padding: 3px 10px; border-radius: 5px; margin: 0 10px 10px 0; display: inline-block; } .witr_blog_area11 .learn_btn { padding: 10px 30px; background: #03b16214; border-radius: 5px; color:#03b162; } .witr_blog_area11 .learn_btn:hover{ background: #03b162; color:#fff; } /* witr_blog_area12 */ .witr_blog_area12 .witr_blog_con { padding: 20px 15px 12px 25px; } /* witr_blog_area13 */ .witr_blog_area13 .witr_top_category { transform: scale(0); transition:.5s; } .witr_blog_area13 .busi_singleBlog:hover .witr_top_category { transform: scale(1); } .witr_blog_meta_potion { background: #fff; margin-top: -55px; margin-bottom: 25px; z-index: 9; position: relative; padding: 15px 10px; box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.04); border-radius: 5px; } .witr_blog_area13 .witr_post_Author .nameAuthor { font-size: 17px; } .witr_blog_area13 .witr_post_Author { display: inline-block; position: inherit; padding-bottom: 0; left: 0; top: 0; } .witr_blog_area13 .witr_post_Author img { margin-right: 10px; float: left; } .witr_blog_area13 .witr_blog_con { padding: 20px 30px 25px; } .witr_blog_area13 .learn_btn { border-radius: 5px; padding: 10px 30px; border: 1px solid #ddd; margin-top: 20px; transition:.5s; } .witr_blog_area13 .learn_btn:hover{ background:#03b162; border-color: #03b162; color:#fff; } /* witr_blog_area14 */ .witr_blog_meta_potion14 { margin: 5px 0px 17px; } .witr_blog_area14 .witr_blog_con { padding-top: 15px; } /* witr_blog_area16 */ .witr_blog_area16 .em-blog-content-area_adn { padding: 0px 10px 22px 0px; } .witr_blog_area16 .witr_blog_con { padding: 20px 15px 25px 20px; } .witr_blog_border{ border:1px solid #f2f2f2; margin-bottom: 10px; } /*=========================== 10.counter css ===========================*/ .witr_counter_single{ text-align: left; } .witr_counter_number_inn{ overflow:hidden; } .witr_counter_number_inn h3, .witr_counter_number_inn span { font-size: 40px; color: #03b162; display: inline-block; font-weight: 700; margin-bottom: 0; } .witr_counter_number_inn span { line-height: 0; } /* content */ .witr_counter_number_inn h4{ font-size: 22px; } /*====== style 2 ======*/ .witr_counter_icon{} .witr_counter_icon i { font-size: 23px; display: inline-block; } .witr_custom_icon{} .witr_custom_icon i{ font-size: 60px; display: inline-block; margin-bottom: 10px; } /*====== style 4 ======*/ .witr_single_counter { border: 1px solid #324452; border-radius: 5px; padding: 37px 0 61px; text-align: center; transition: all 0.5s ease 0s; height: 270px; width: 270px; transition: .5s; margin:auto; } .witr_single_counter:hover { background: #03b162; } .witr_counter_icon4{} .witr_counter_icon4 i { font-size: 30px; text-align: center; transition: all 1s ease 0s; margin-bottom: 15px; } .witr_counter_text h4 { font-size: 30px; } .witr_counter_text h3 { display: inline-block; font-size: 40px; } .witr_counter_text span { font-size: 35px; font-weight: 700; line-height: 0; } /* style 5 */ .wirt_new_iner { float: left; margin-right:20px; } .counter_5 .witr_counter_number_inn h4 { margin-top: 13px; } .counter_5 .witr_counter_number_inn h3{ margin-bottom: 0; } .wirt_new_content{} .wirt_new_content p{ margin-top: 20px; } /*====== style 6 ======*/ .witr_counter_6.witr_counter_single{ background: #fff; padding: 28px 25px 35px; box-shadow: 0px 5px 20px 0px #0000000d; } .witr_counter_6 .wirt_new_iner { background: #03b162; padding: 30px 0px 32px; border-radius: 5px; width: 29%; text-align: center; transform: skewY(356deg); } .witr_counter_6 .witr_counter_number_inn h3, .witr_counter_6 .witr_counter_number_inn span { font-size: 31px; color: #fff; } .witr_counter_6 .witr_counter_number_inn { overflow: inherit; } /*home page 4*/ .brand-slide-4 { border-top: 1px solid #ddd; } /*=========================== 10.other page css ===========================*/ /*====== sing up page ======*/ .sing-up-part h3{ font-size: 35px; line-height: 28px; padding-bottom: 25px; } .sing-up-part p{ padding-top: 20px; padding-bottom: 10px; } .sing-up-part .input-layer{ width: 100%; height: 50px; border: 1px solid #ddd; border-radius: 5px; padding-left: 30px; } .sing-up-part form input[type="checkbox"] { display: none; } .sing-up-part form input[type="checkbox"] + .label-text:before { content: '\2714'; border: 2px solid #ddd; border-radius: 2px; padding-left: 1px; padding-right: 1px; padding-top: 1px; padding-bottom: 1px; color: transparent; margin-right: 10px; font-size: 12px; } .sing-up-part form input[type="checkbox"]:checked + .label-text:before { background: #ddd; content: '\2714'; font-family: fontawesome !important; padding: 3px 5px; } .sing-up-part form label { cursor: pointer; padding-top: 30px; display: block; margin: 0; padding-bottom: 30px; } .sing-up-part form label span{ color: #555; } .sing-up-part form button{ line-height: 48px; padding: 0 40px; background: #03b162; border: 1px solid #03b162; color: #fff; cursor: pointer; border-radius: 5px; font-weight: 500; transition: .5s; } .sing-up-part form button:hover{ background: transparent; } /*===================== mettle PORTFOLIO AREA CSS =========================*/ .portfolio_nav { padding: 0px 0 40px; } .portfolio_nav ul {} .portfolio_nav ul li { display: inline; } .portfolio_nav ul li { border: 1px solid #f3eaea; border-radius: 5px; cursor: pointer; display: inline-block; font-weight: 500; margin: 0 5px 10px; padding: 10px 20px; position: relative; transition:.5s; } .portfolio_nav ul li:hover, .portfolio_nav ul li.current_menu_item { color: #fff; background: #03b162 none repeat scroll 0% 0; border-color: #03b162; } .prot_wrap { overflow: hidden; } /* single gallery css */ .single_protfolio { position: relative; /* margin-bottom: 30px; */ overflow: hidden; } .prot_thumb {} .prot_thumb img { display: block; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; width: 100%; } .single_protfolio:hover .prot_thumb img { -webkit-transform: scale(1.1); transform: scale(1.1); } .prot_content { position: absolute; text-align: center; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; transition: .5s; right: 0; top: 0; bottom: 0; left: 0; opacity: 0; background: #03b16280; z-index: 9; } .multi_gallery.prot_content { height: 90%; width: 80%; right: 10%; top: 5%; bottom: 5%; left: 10%; } .prot_content_inner { position: absolute; top: 50%; width: 100%; left: 50%; transform: translateX(-50%) translateY(-50%); z-index: 10; -webkit-transition: all 0.5s ease-in-out 0.5s; transition: all 0.5s ease-in-out 0.5s; } .single_protfolio:hover .prot_content { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } .prot_content h3 { margin: 0; text-transform: capitalize; color: #fff; font-size: 18px; } .prot_content h3 a { color: #fff; font-size: 23px; font-weight: 700; text-transform: capitalize; transition:.5s; } .prot_content h3 a:hover { color: #02101e; } .prot_content p { color: #fff; line-height: 1.2; margin: 5px 0 0; } .prot_content p span { display: inline-block; padding-top: 0px; } .single_protfolio:hover .prot_content { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-transform: scale(1, 1); transform: scale(1, 1); } .porttitle_inner span, .porttitle_inner4 span, .prot_content span { position: relative; margin: 0 2px; } .prot_content span:before, .porttitle_inner4 span:before, .porttitle_inner span:before { bottom: 0; content: ","; position: absolute; right: -5px; } .porttitle_inner span:last-child:before, .prot_content span:last-child:before, .porttitle_inner4 span:last-child:before { content: ""; } .nospace.col-xs-12 { padding: 0px; } .nospace .single_protfolio { margin-bottom: 0px; } /* load button css */ .gallery_load_button {} .gallery_load_button a { border: 1px solid #ddd; color: #444; padding: 7px 15px; display: inline-block; font-size: 17px; margin-top: 0px; } .gallery_load_button a:hover { border-color:#03b162; background: #03b162; color: #fff; } .prot_wrap.nospace .gallery_load_button a { margin-top: 30px; } /* portfolio icon css */ .picon {} .picon a { background: #03b162; border-radius: 5px; color: #fff; display: inline-block; font-size: 20px; height: 50px; line-height: 50px; margin: 0 3px 11px; width: 50px; text-align: center; } .picon a:hover { border-color: #02101e; background: #02101e; color: #fff; } /* single portfolio */ .pimgs { } .pimgs img { height: 465px; width: 100%; } .prots-contentg p {} /*style 1 */ .em_port_content { background: #03b16280; height: 100%; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; position: absolute; right: 0; text-align: center; top: 0; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; width: 100%; z-index: 9; left: 0; top: -100%; width: 100%; transition: .5s; text-align: center; color: #fff; } .pstyle_1 .porttitle_inner h3 { color: #fff; padding-bottom: 9px; } .pstyle_1 .porttitle_inner h3 a {} .pstyle_1 .porttitle_inner p { } .pstyle_1 .prot_content p { margin: 2px 0 0; } .pstyle_1 .single_protfolio { transition: .5s; } .pstyle_1 .porttitle_inner .prots-content { color: #fff; } .portfolio_readmore_btn { padding-top: 23px; } .portfolio_readmore_btn > a { background: #fff none repeat scroll 0% 0; border-radius: 5px; display: inline-block; padding: 6px 21px; text-transform: uppercase; color: #03b162; -webkit-transition: .3s; transition: .3s; border: 1px solid transparent; } .portfolio_readmore_btn > a:hover { background: #03b162; color: #fff; border: 1px solid #03b162; } .em_port_container { overflow: hidden; position: relative; } .pstyle_1 .porttitle_inner p span { padding-top: 5px; color: #fff; } .pstyle_1 .picon a { background: transparent; border-radius: 5px; color: #fff; display: inline-block; font-size: 25px; height: 50px; line-height: 50px; margin: 0 8px 11px; width: 50px; transition: .5s; } .pstyle_1 .picon a:hover { background: #03b162; color: #fff; } .pstyle2 .prot_content { background: #03b16280; } .pstyle2 .prot_content_inner { left: 50%; position: absolute; top: 60%; transform: translateX(-50%) translateY(-50%); width: 100%; z-index: 10; -webkit-transition: all 0.3s ease-in-out 0.3s; transition: all 0.3s ease-in-out 0.3s; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } .pstyle2 .single_protfolio:hover .prot_content_inner { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; top: 50%; opacity: 1; } /* port style 3 */ .em_plus_port { position: absolute; bottom: 20px; right: 30px; z-index: 99; } .pstyle2.pstyle3 .prot_content_inner{ text-align:left; } .pstyle2.pstyle3 .prot_content_inner { left: 3000px; position: absolute; top: 60%; transform: translateX(-50%) translateY(-50%); width: 100%; z-index: 10; -webkit-transition: all 0.3s ease-in-out 0.3s; transition: all 0.3s ease-in-out 0.3s; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; background:#03b1626b; padding: 20px; transition:.5s; } .pstyle2.pstyle3 .single_protfolio:hover .prot_content_inner{ left: 75%; } /* style 4 */ .pstyle4.pstyle_1 .single_protfolio:hover { box-shadow: none; } .pstyle4 .prot_content_inner { top: 50%; } .pstyle4 .prot_thumb { overflow: hidden; position: relative; } .pprotfolio4 { box-shadow: 0 10px 16px 0 rgba(0, 0, 0, 0.7); padding: 17px 10px 20px; } .pprotfolio4 { border: 1px solid #f1f1f1; border-top: 0px solid #f1f1f1; padding: 20px 10px 23px; } .porttitle_inner4 h3 { margin: 0; text-transform: capitalize; color: #454545; font-size: 18px; font-weight: 600; line-height: 1; } .porttitle_inner4 h3 a { text-transform: uppercase; color: #454545; font-size: 18px; font-weight: 600; } .porttitle_inner4 p { color: #454545; line-height: 1; margin: 5px 0 0; } .porttitle_inner4 p span { display: inline-block; padding-top: 5px; } /* style 3 */ .positi_3.pprotfolio4 { padding: 20px 10px 23px; border: none; position: absolute; bottom: -100px; background: #03b162; left: 0; right: 0; z-index: 9; transition:.5s; text-align:center; } .single_protfolio:hover .positi_3.pprotfolio4 { bottom: 0px; } .positi_3 .porttitle_inner4 p span, .positi_3 .porttitle_inner4 h3 a { color: #fff; } /* single portfolio2 */ .portfolio-details-box { } .gitem img{ } .portfolio-details-box h2{ font-size: 25px; } .portfolio-details-box ul{} .portfolio-details-box ul li{ padding-top: 15px; padding-bottom: 10px; border-bottom: 1px solid #ddd; list-style: none; } .portfolio-details-box ul li b{ color: #444; font-size: 18px; font-weight: 600; } .portfolio-details-box ul li span.eright{ font-weight: 400; font-size: 16px; margin-left: 5px; } .portfolio-details-box .prots-contentg ul{ margin-left: 0px; } .portfolio-details-box .solarfiy-single-icon-inner { text-align: left; } .pr-title{} .pr-title h2 { margin-top: 15px; margin-bottom: 15px; } .single_carousel_item .slick-dots { bottom: -40px; } /*== Title Css ==*/ .solarfiy_content{} .solarfiy_content p{ padding-top: 10px; } .witr_6 .solarfiy_content p, .witr_5 .solarfiy_content p{ width: 75%; margin: auto; } .solarfiy_content h5{ padding-bottom:7px; font-size: 18px; } .solarfiy_content h2, .solarfiy_content h3{ font-size: 31px; padding:4px 0px; } .solarfiy_content p span, .solarfiy_content h5 span, .solarfiy_content h2 span, .solarfiy_content h3 span{ color:#03b162; } /*======== Button css ==========*/ .solarfiy_button{ margin-top: 45px; } .solarfiy_button a { background: #03b162; padding: 18px 35px; color: #fff; display: inline-block; font-size: 18px; transition:1s; margin-right: 15px; font-weight: 500; border-radius:30px; } .solarfiy_button a:hover{ background: #02101e; color: #fff; } .solarfiy_button a i{ margin-left: 10px; } .witr_b9 { margin-top: 100px; } /*============= call to action =============*/ .all_cal_color h1, .all_cal_color h2, .all_cal_color h3, .all_cal_color h4, .all_cal_color h5, .all_cal_color p, .all_cal_color h6{ margin:0px; padding:0px; } .all_cal_color a{ transition:1s; } .cal_to_toggole { display: flex; align-items: center; } .solarfiy_content.col_content_width_100{ width: 100%; } .solarfiy_button.no_margin { margin-top: 0px; width: 60%; } solarfiy_button.no_margin a{ margin-right: 0px; } /*============= video icon ==============*/ .solarfiy_video_inner{ position: relative; text-align: center; top: 60px; } .solarfiy_video_inner h4{ margin-top:20px; } .solarfiy_video_inner a{ position:relative; } .solarfiy_video_inner a::before{ content:""; position: absolute; top: 35%; left: 50%; height: 70px; width: 70px; transform: translate(-50%, -50%); border-radius: 50%; box-shadow: 0 0 0 0 #03b162; animation: witr_video_ripple 2s infinite; } .solarfiy_video_inner i { color: #fff ; height: 70px; width: 70px; text-align: center; line-height: 70px; background: #03b162; border-radius: 50%; font-size: 25px; display: inline-block; transition:1s; } @keyframes witr_video_ripple{ 70% {box-shadow: 0 0 0 75px rgba(255, 255, 255, 0);} 100% {box-shadow: 0 0 0 0px rgba(255, 255, 255, 0);} } /*=========== Style 11 ============*/ .witr_11{ position:relative; } .witr_col_image{ position:relative; } .witr_col_image::before{ position:absolute; content:""; width:100%; height:100%; } .witr_col_image img { width: 100%; } .solarfiy_video11{ position:absolute; top:50%; left:50%; transform: translateX(-50%) translateY(-50%); } /*====== apps button =======*/ .w_apps_button_image{ display: inline-block; margin-right: 34px; } .w_apps_button_image a{} .w_apps_button{ display: inline-block; } .w_apps_button a { padding: 10px 30px 11px; border: 1px solid #03b162; border-radius: 5px; margin-right: 15px; display: block; transition: .5s; } .w_apps_button a:hover { background:#03b162; transition:.5s; } .w_apps_button a:hover span.isolarfiy, .w_apps_button a:hover span.spaninner{ color:#fff; transition:.5s; } span.isolarfiy { float: left; font-size: 25px; margin-right: 15px; margin-top: 0px; } span.spaninner { display: inline-block; /* overflow: hidden; */ font-size: 23px; } span.smalltext { display: block; font-size: 14px; } /*====== single image area =======*/ .single_image_area{} .single_image{ position:relative; } .single_image:before{ content: ''; position: absolute; /* background: #03b162; */ top: 0; width: 100%; height: 100%; left: 0; right: 0; bottom: 0; opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; } .single_image img{ /* width:100%; */ } .witr_tx_ovei_title { position: absolute; right: 20px; top: 20px; z-index: 9; background: #03b162; padding: 60px 30px; width: 200px; border-radius: 5px; } .witr_tx_ovei_title h2 { margin-bottom: 5px; color: #fff; } .witr_tx_ovei_title h2 a{ color: #fff; } .witr_tx_ovei_title p { color: #fff; margin: 0; } /*====== footer widget area css =======*/ .witr_footer_widget_area{} .witr_footer_widget{} /* title */ .witr_own_widet_title{} .witr_own_widet_title h1{ font-size: 22px; padding-bottom: 3px; } /* content */ .wittr_footermenu_w_list{} .wittr_footermenu_w_list ul{} .wittr_footermenu_w_list ul li{ list-style:none; } .wittr_footermenu_w_list ul li a, .wittr_footermenu_w_list ul li{ font-size: 16px; line-height:38px; font-weight: 400; color: #555; transition: .5s; } .wittr_footermenu_w_list ul li a:hover{ color:#03b162; } /* icon */ .wittr_footermenu_w_list ul li i{} /* tags css*/ .witr_own_widet_title h5{ color: #fff; font-size: 20px; font-weight: 600; padding-bottom: 17px; } .witr_own_widet_title .tagcloud a{ color: #fff; font-size: 16px !important; line-height: 27px; margin-right: 15px; padding: 0; } /*====== socials css =======*/ .witr_single_socials{} .witr_single_socials ul{} .witr_single_socials ul li{ list-style: none; } .witr_single_socials ul li a{} .witr_single_socials ul li a i{ display: inline-block; color: #555; margin-right: 15px; font-size:16px; transition: .5s; margin-top: 8px; } .witr_single_socials ul li a i:hover{ color: #03b162; } /*====== Custom Icon css =======*/ .witr_custom_icons{} .witr_custom_icons a{} .witr_custom_icons i{ transition: .5s; } .witr_custom_icons i:hover{} /* service2 style 4 css */ .witr_service2_style4 { box-shadow: 0px 0px 30px 0px rgb(0, 0, 0,0.1); padding: 40px 30px 40px; background:#fff; transition: 1s; position:relative; text-align: center; } .witr_service2_style4_s:hover .witr_service2_style4{ /* padding-bottom:90px; margin-top: -50px; */ } .witr_service2_style4 h3 { margin: 20px 0 14px; } .witr_service2_style4 i{ font-size:45px; display:inline-block; } .witr_service2_style4 p{ margin:0; } .witr_sn_button { position: absolute; display: block; transition: 1s; bottom: -60px; left: 0; right: 0; /* transform: scale(0); */ } .witr_sn_button a{ background: #03b162; border-radius: 3px; color: #fff; display: block; font-size: 18px; font-weight: 700; padding: 17px 30px; text-align: center; transition: 1s; } .witr_sn_button a:hover{ background: #02101e; } .witr_service2_style4_s:hover .witr_sn_button { /* transform: scale(1); */ } /*====== blog page ======*/ .blog-btn a{ background: -webkit-gradient(linear, left top, right top, from(rgba(119, 1, 219, 1)), to(rgba(25, 153, 242, 1))) ; background: -webkit-linear-gradient(left, rgba(119, 1, 219, 1) 0%, rgba(25, 153, 242, 1) 100%) ; background: linear-gradient(90deg, rgba(119, 1, 219, 1) 0%, rgba(25, 153, 242, 1) 100%) ; color: #fff; font-weight: 400; padding: 0 28px; font-size: 18px; line-height: 48px; border-radius: 30px; margin-top: 25px; } .blog-tag h4, .blog-post h4, .blog-cat h4, .blog-title h4{ font-size: 20px; line-height: 15px; font-weight: 600; border-bottom: 1px solid #ddd; padding-bottom: 20px; position: relative; } .blog-tag h4:before, .blog-post h4:before, .blog-cat h4:before, .blog-title h4:before{ position: absolute; content: ''; bottom: -1px; left: 0; height: 3px; width: 130px; background: -webkit-gradient(linear, left top, right top, from(rgba(119, 1, 219, 1)), to(rgba(25, 153, 242, 1))) ; background: -webkit-linear-gradient(left, rgba(119, 1, 219, 1) 0%, rgba(25, 153, 242, 1) 100%) ; background: linear-gradient(90deg, rgba(119, 1, 219, 1) 0%, rgba(25, 153, 242, 1) 100%) ; } .blog-title img{ margin-top: 40px; width: 100%; } .blog-title h5 { font-size: 20px; font-weight: 500; padding-top: 23px; padding-bottom: 10px; } .blog-title h5 span{ color: #555; font-size: 16px; font-weight: 400; } .blog-title p { padding-right: 30px; } .blog-left-side .blog-title > ul > li{ display: inline-block; padding:0px; } .blog-left-side .blog-title > ul > li > a{ height: 40px; width: 40px; background: #584BED; text-align: center; border-radius: 50%; line-height: 40px; color: #fff; font-size: 20px; margin-right: 15px; margin-top: 10px; margin-bottom: 0; display: inline-block; } .blog-title ul li:nth-child(2) a{ background: #FF896A; } .blog-title ul li:nth-child(3) a{ background: #BF113C; } .blog-title ul li:nth-child(4) a{ background: #22478B; } .blog-title ul li:nth-child(5) a{ background: #00AFE1; } .blog-cat ul{ margin-top: 20px; } .blog-cat ul li{ width: 100%; } .blog-cat ul li p{ display: inline-block; width: 100%; position: relative; padding: 13px 0 5px; border-bottom: 1px solid #ddd; color: #555; } .blog-cat ul li:last-child p{ border-bottom: 0; } .blog-cat ul li p span{ position: absolute; right: 0; } .blog-ad { position: relative; } .blog-ad .blog-ad-overlay { position: absolute; left: 0; top: 0; height: 100%; width: 100%; background: rgba(88, 75, 237, 0.8); text-align: center; padding: 80px 52px; } .blog-ad h5{ font-size: 35px; font-weight: 600; line-height: 48px; color: #fff; } .blog-post{ margin-top: 50px; } .blog-post ul li{ display: -webkit-box; display: -ms-flexbox; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; white-space: normal; } .blog-cont span{ color: #555; padding-top: 6px; } .blog-cont span p { line-height: 22px; } .blog-tag { margin-top: 20px; } .blog-tag h4{ margin-bottom: 22px; } .blog-tag span { color: #555; padding-right: 25px; line-height: 38px; } .btn-center{ margin-left: -400px; } .blog-tag {} .single-content h5{ font-size: 35px; font-weight: 600; line-height: 30px; padding: 30px 0 20px; } .single-content span{ font-size: 15px; color: #555; padding-right: 20px; margin-bottom: 17px; } .single-content span i{ font-size: 13px; padding-right: 8px; } .blog-title ul { display: inline-block; } .blog-title span { font-size: 20px; font-weight: 500; color: #555; line-height: 28px; padding-right: 9px; } .blog-form h3, .blog-cmnt h3 { border-bottom: 1px solid #ddd; padding-bottom: 10px; } .blog-q { padding: 70px 32px 30px; border-left: 2px solid rgba(88, 75, 237, 1); box-shadow: 0 0 13px -10px #000; } .blog-q h5 { font-size: 20px; padding-top: 18px; } .blog-q span { font-size: 17px; color: #555; line-height: 28px; } .blog-q p{ position: relative; z-index: 2; font-size: 20px; } .blog-q p:before { position: absolute; content: '\f10e'; left: 50%; top: -10px; font-size: 100px; font-family: fontawesome !important; transform: translateX(-50%); z-index: 1; color: rgba(119, 1, 219, .2); } .blog-cmnt{} .blog-cmnt ul li { display: -webkit-box; display: -ms-flexbox; display: flex; padding-bottom: 35px; } .blog-cmnt .blog-cont h6 { line-height: 16px; font-size: 20px; } .blog-cmnt .blog-cont{ position: relative; } .blog-cmnt .blog-cont a { color: #555; font-size: 16px; line-height: 28px; position: absolute; right: 0; top: 0; } .blog-cmnt .blog-cont p { /* line-height: 28px; */ padding-top: 5px; } .blog-form form input{ width: 100%; height: 50px; margin: 50px 0 30px; border: 1px solid #ddd; border-radius: 30px; padding-left: 30px; color: #8f8f8f; } .blog-form form input::-webkit-input-placeholder{ color: #8f8f8f; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } .blog-form form input:-ms-input-placeholder{ color: #8f8f8f; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } .blog-form form input::-moz-placeholder{ color: #8f8f8f; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } .blog-form form input::placeholder{ color: #8f8f8f; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } .blog-form form textarea { resize: none; width: 100%; height: 200px; margin-left: 15px; margin-right: 15px; padding: 30px; border-radius: 30px; border: 1px solid #ddd; color: #8f8f8f; } .blog-form form textarea::-webkit-input-placeholder{ opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; color: #8f8f8f; } .blog-form form textarea:-ms-input-placeholder{ opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; color: #8f8f8f; } .blog-form form textarea::-moz-placeholder{ opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; color: #8f8f8f; } .blog-form form textarea::placeholder{ opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; color: #8f8f8f; } .blog-form form button { font-size: 16px; font-weight: 500; margin-left: 15px; border: 1px solid rgba(119, 1, 219, 1); border-radius: 30px; padding: 13px 35px; background: -webkit-gradient(linear, left top, right top, from(rgba(119, 1, 219, 1)), to(rgba(25, 153, 242, 1))) ; background: -webkit-linear-gradient(left, rgba(119, 1, 219, 1) 0%, rgba(25, 153, 242, 1) 100%) ; background: linear-gradient(90deg, rgba(119, 1, 219, 1) 0%, rgba(25, 153, 242, 1) 100%) ; color: #fff; cursor: pointer; margin-top: 40px; transition: .5s; } .blog-form form button:hover{ background: transparent; } /*====== contact page ======*/ .Screenshots .slick-slide img { width: 100%; } .play-overlay span { display: none; } /* ======== timeline area css ======== */ .witr_timeline_area{} /* single timeline */ .witr_hd_timeline_contant { position:relative; padding-bottom: 39px; } /* left border */ .witr_hd_timeline_inner { padding-left: 27px; } .witr_hd_timeline_inner:before{ width: 1px; height: 100%; transition:.5s; background: #03b162; position: absolute; left: 7.5px; top: 0; content: ""; } /* circle border */ .witr_dslborder { display: inline-block; width: 15px; height: 15px; transition:.5s; background: #03b162; position: absolute; left: 0; top: 0; border-radius: 50%; } .witr_hd_timeline_inner:hover:before, .witr_hd_timeline_inner:hover .witr_hd_sicon_inner, .witr_hd_timeline_inner:hover .witr_dslborder{ background: #000; } /* title */ .witr_timeline_item { width: 230px; text-align: left; } .witr_timeline_item h2{ font-weight:400; transition:.5s; padding-bottom:10px; } .witr_hd_timeline_inner:hover .witr_timeline_item h2{ color:#000; } /* witr_number_item css */ .witr_number_item { position: absolute; z-index: 999; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); color: #fff; font-size: 20px; } /* timeline icon css */ .witr_hd_sicon { position: absolute; left: -17px; bottom: -25px; } .witr_hd_sicon_inner{ width: 55px; height: 55px; background: #03b162; line-height: 54px; text-align: center; color: #fff; border-radius: 50%; position: relative; z-index: 2; transition: .5s; font-size: 22px; } .witr_hd_sicon_inner i{} /* margin left spacing */ .mrl15{ margin-left:15px; } .mrl65{ margin-left:65px; } .mrl110{ margin-left:110px; } /* margin right spacing */ .mrr50{ margin-right:50px; } .mrr95{ margin-right:95px; } .mrr90{ margin-right:90px; } /* timeline bottom right text */ .witr_sicon_bottom.witr_hd_timeline_contant { padding-bottom: 0px; padding-top: 51px; } .witr_sicon_bottom{ text-align:right; } .witr_sicon_bottom .witr_timeline_item { width: 230px; margin-right: 0; margin-left: auto; text-align: right; } .witr_sicon_bottom .witr_dslborder { left: auto; top: auto; bottom: 0; right: 1px; } .witr_sicon_bottom .witr_hd_timeline_inner:before{ left: auto; right: 7.5px; top: auto; bottom: 0; } .witr_sicon_bottom .witr_hd_timeline_inner { padding-left: 0px; padding-right: 27px; } /* icon bottom position */ .witr_sicon_bottom .witr_hd_sicon { position: absolute; right: -17px; top: -28px; left: auto; bottom: auto; } .middle_border_divider{ height:1px; display:block; background: #03b162; } /* cursor imags area css */ .imagess_area .slick-list, .imagess_area .slick-slider { z-index: 9; } .slide_items{ cursor: pointer; } .witr_grayscale{ filter: grayscale(1); transition: all 0.3s ease 0s; cursor: pointer; } .witr_grayscale:hover{ filter: grayscale(0); } .slide_items img { /* width: 100%; */ margin: auto; display:none; } /* accordion area css */ .accordion_area .card-header.witr_ac_card { background: none !important; padding: 0; border-bottom: 0; } .witr_ac_card i { margin-right: 10px; font-size: 20px; position: relative; top: 4px; } .accordion_area .card-2{ margin-bottom: 22px; border: 1px solid #ddd; } .accordion_area .card-2 p { padding: 20px 20px 7px; } .witr_ac_style { padding-left: 30px; font-size: 17px; font-weight: 700; display: block; padding: 7px 15px 11px; transition: .5s; } .witr_ac_style:focus, .witr_ac_style:hover{ color:#fff; background: #03b162; } .witr_ac_style:before { position: absolute; content: '\f067'; right: 30px; top: 9px; font-family: fontawesome !important; font-weight: 400; } .active .witr_ac_style:before { position: absolute; content: '\f068'; font-family: fontawesome !important; } .active .witr_ac_style{ background: #03b162; color:#fff; } .card-body ul{} .card-body ul li{ margin-left: 18px; margin-bottom: 4px; } /* accouding elementor 2 */ .elementor-accordion .elementor-accordion-item { border: 0 !important; border-left: 2px solid #03b162 !important; margin-bottom:20px; box-shadow: 1px 1px 7px -5px rgba(0, 0, 0, 0.75); } .elementor-accordion .elementor-tab-content { border-top: none !important; } .elementor-tab-title a, .elementor-widget-accordion .elementor-accordion .elementor-tab-title { font-size: 17px; font-weight: 600; } .elementor-widget-accordion .elementor-accordion .elementor-tab-content { } /* witr single cursor img */ .slide_item img{ opacity:0.1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)"; } .slick-center .slide_item img{ opacity:1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } /*======== slick ========*/ .slick-prev, .slick-next { font-size: 0; position: absolute; display: block; padding: 0; cursor: pointer; color: #fff; outline: none; background: #03b162; z-index: 999; opacity: 0; border-radius: 50px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); width: 55px; height: 55px; line-height: 55px; top: 50%; transform: translate(0px, -50%); transition: .5s; border: 0px solid #17161a; } .slick-prev { left: -15px; } .slick-next { right: -15px; } .slick-prev.slick-disabled, .slick-next.slick-disabled{ background: #03b162; } .witr_ds_content_area .slick-prev { left: 15px; } .witr_ds_content_area .slick-next { right: 15px; } .slick-prev:before, .slick-next:before { color: #fff; font-size: 25px; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; content: "\f177"; font-family: FontAwesome !important; line-height: inherit; opacity: 1; } .slick-next:before { content: "\f178"; font-family: FontAwesome !important; } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { background: #02101e; border-color: transparent; outline-color: transparent; outline: none; } .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { color: #fff; } .witr_case:hover .slick-prev, .witr_case:hover .slick-next, .service_active:hover .slick-prev, .service_active:hover .slick-next, .feature_active:hover .slick-prev, .feature_active:hover .slick-next, .event_active:hover .slick-prev, .event_active:hover .slick-next, .imagess_area:hover .slick-prev, .imagess_area:hover .slick-next, .witr_ds_content_area:hover .slick-prev, .witr_ds_content_area:hover .slick-next, .blog_wrap:hover .slick-prev, .blog_wrap:hover .slick-next, .witr_team_area_c:hover .slick-prev, .witr_team_area_c:hover .slick-next, .images_area:hover .slick-prev, .images_area:hover .slick-next, .testomonial-slide:hover .slick-prev, .testomonial-slide:hover .slick-next, .Screenshots-slide:hover .slick-prev, .Screenshots-slide:hover .slick-next, .mobile-slide:hover .slick-prev, .mobile-slide:hover .slick-next, .mobile-slide-7:hover .slick-prev, .mobile-slide-7:hover .slick-next, .witr_islidess_slick:hover .slick-prev, .witr_islidess_slick:hover .slick-next, .testomonial:hover .slick-prev, .testomonial:hover .slick-next{ opacity:1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } .testomonial-slide .slick-prev, .testomonial-slide .slick-prev{ } .blog_wrap .slick-prev, .blog_wrap .slick-next { top: 35%; -webkit-transform: translate(0px, -50%); transform: translate(0px, -50%); } .testomonial-slide .slick-prev, .blog_wrap .slick-prev { left: -65px; } .testomonial-slide .slick-next, .blog_wrap .slick-next { right: -65px; } .witr_car_overlay .slick-slide{ padding:0 15px; } /* cursor css */ .carsur_dots .elementor-slick-slider ul.slick-dots{ bottom: -70px; } .carsur_dots .elementor-slick-slider ul.slick-dots li{ margin: 0 5px; } .carsur_dots .elementor-slick-slider ul.slick-dots li button:before{ background-color: transparent; font-size: 0; width: 18px; height: 18px; border: 1px solid #fff ; cursor: pointer; border-radius: 50%; } .carsur_dots .elementor-slick-slider ul.slick-dots li.slick-active button:before{ background-color: #fff; } .carsur_dots .elementor-slick-slider ul.slick-dots li button:hover:before{ background-color: #fff; } .slick-dots { position: absolute; left: 50%; transform: translateX(-50%); bottom: 0px; display: inline-block; z-index: 11; } .slick-dots li { display: inline-block; } .slick-dots li button { background: #03b1625c; font-size: 0; width: 18px; height: 18px; border: 0px solid #03b162; margin: 0 5px; cursor: pointer; border-radius: 50px; padding: 0; transition:.5s; outline: none; } .slick-dots li.slick-active button { background: #03b162; } /* text widget */ .witr_text_widget { text-align: left; } .witr_text_widget_inner h1, .witr_text_widget_inner h2{ font-size: 35px; margin-bottom: 5px; } .witr_text_widget_inner h1{ font-size: 17px; color:#03b162; } .witr_text_widget_inner h1 span, .witr_text_widget_inner h2 span{ color:#03b162; } .witr_text_widget_inner p{ /* margin-top: 23px; */ margin-bottom: 11px; } .witr_text_widget .witr_text_widget_inner h1, .witr_text_widget .witr_text_widget_inner h2, .witr_text_widget .witr_text_widget_inner p{ margin-left:auto !important; margin-right:auto !important; } /* unoy */ .wp-block-button__link { padding: 8px 24px 12px; } p.comment-form-cookies-consent { position: absolute; top: 33%; display:none; } /* stasick tab area css */ .static_tab_area { background: #fff; overflow: hidden; box-shadow: 0px 0px 5px #ddd; } .solarfiy-tab{ overflow: hidden; clear: both; background: #000; } .static_tab_area .nav-tabs { border: none; } .solarfiy-tab li { display: inline-block; list-style: none; background: #000; float: left; overflow: hidden; } .solarfiy-tab li a{ padding: 15px 30px; display: block; border-right: 1px solid #ddd; color: #fff; } .solarfiy-tab li a.active, .solarfiy-tab li a:hover { background: #03b162; color: #fff; } /* single video css */ .single_video { margin-top: 30px; } .video_image { position: relative; } .video_image:before { background: rgba(0, 0, 0, 0.5); content: ""; width: 100%; height: 100%; position: absolute; } .video_image img{ width:100%; } .choose_video_icon{} .video_icon { position: absolute; top: 50%; left: 50%; z-index: 9999; -webkit-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); } .video_icon a{ text-align: center; display: inline-block; } .video_icon a i{ color: #fff; border: 5px solid #fff; width: 90px; height: 90px; line-height: 80px; font-size: 40px; border-radius: 50%; } .wic_tab_content { padding-top: 16px; text-align: left; } .tab_title_content{} .tab_title_content h2{ font-size: 20px; margin-bottom: 8px; } .wic_text_block p{} .video_area .col-md-12{ padding-left:0; padding-right:0; } /* tab event css */ .tab-event{ background: #fff; overflow: hidden; padding: 15px 0; } .solarfiy_single_event { border-bottom: 1px solid #ddd; margin: 0 10px; padding-bottom: 12px; padding-top: 16px; clear: both; overflow: hidden; } .solarfiy_single_event:last-child{ border-bottom: 0px solid #ddd; } .solarfiy_event_thumb { float: left; margin-right: 15px; } .event_content_area{ } .solarfiy_single_event:hover .event_page_title h2 a{ color: #03b162; } .event_page_title h2 a{ font-weight: 600; } .event_pcontent{} .event_pcontent p{ margin-bottom: 5px; } .solarfiy_event_icon span{ margin-right: 10px; } .solarfiy_event_icon span i{ margin-right: 5px; } /*========= tab 2 area ===========*/ .tab_area2{ background: #182C44; overflow: hidden; } .solarfiy_tab{ /* overflow: hidden; clear: both; background: #000; */ } .tab_area2 .nav-tabs { border: none; } .solarfiy_tab li { display: inline-block; list-style: none; background: #000; float: left; overflow: hidden; margin-right: 15px; } .solarfiy_tab li a{ padding: 15px 30px; display: block; /* border-right: 1px solid #ddd; */ color: #fff; } .solarfiy_tab li a.active, .solarfiy_tab li a:hover { background: #03b162; color: #fff; } .wic_tab_content2 { padding-top: 40px; } .witr_tab_title_content2{} .witr_tab_title_content2 h2{ font-size: 20px; margin-bottom: 19px; color: #03b162; } .witr_tab_btn{} .witr_tab_btn a{ color:#03b162; } /* carsur_dots */ .carsur_dots{ } .carsur_dots .swiper-pagination-bullet { width: 18px; height: 18px; background: none; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; border: 2px solid #fff; } .carsur_dots .swiper-pagination-bullet.swiper-pagination-bullet-active{ background: #fff; } .carsur_dots .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin: -54px 6px; } .video-item span, .em-call-to-video span{ display:none; } /* =========================== DEFAULT CONTACT CSS ================================ */ .wpcf7 label { width: 100%; } .wpcf7 input, .wpcf7 textarea{ width: 100%; /* border-radius:30px; */ border:none; padding-left: 30px; } .wpcf7 input{ height:50px; } .wpcf7 textarea { height: 150px; } input.wpcf7-submit { width: auto; padding: 0px 50px; cursor: pointer; } .wpcf7-form p { } div.wpcf7-response-output { color: #000; border: none !important; } .send_message .wpcf7-form p { display: flex; flex-direction: row; } .send_message input { border: 0; background: #f7f7f7; height:72px; transition:.5s; } .send_message input.wpcf7-submit{ background: #03b162; color:#fff; transition:.5s; } .send_message input.wpcf7-submit:hover{ background: #f8f8f8; color:#03b162; } .send_message input::-webkit-input-placeholder{ color: #888888 !important; } .send_message input:-ms-input-placeholder{ color: #888888 !important; } .send_message input::-moz-placeholder{ color: #888888 !important; } /*======== apartment contact css ==========*/ .apartment_area{ position: relative; background-size: cover; padding: 60px 35px 60px; border-radius: 10px; text-align: left; } .apartment_text h1{ color: #03b162; font-size: 17px; margin-bottom: 5px; } .apartment_text h2{ margin: 0 0 21px; font-size: 38px; } .form-group { margin-bottom: 0px; } .witr_apartment_form {} .witr_apartment_form form select option{} .witr_apartment_form form select, .witr_apartment_form input{ width: 100%; height: 45px; color: #888888; border-radius: 5px; border: none; outline: none; margin-bottom: 20px; text-align: left; } .witr_apartment_form textarea{ margin-bottom: 20px; text-align: left; } .witr_apartment_form input::-moz-placeholder{ color: #888888 ; opacity: 1; } .witr_apartment_form input::-ms-input-placeholder{ color: #888888 ; opacity: 1; } .witr_apartment_form input::-webkit-input-placeholder{ color: #888888; opacity: 1; } .witr_apartment_form select::-webkit-input-placeholder, .witr_apartment_form textarea::-webkit-input-placeholder{ color: #888888; opacity: 1; } .witr_apartment_form .const_btn{ font-size: 15px; background: #fff; font-weight: 600; /* padding: 15px 37px; */ border-radius: 5px; margin-top: 10px; border: 0; color: #03b162; cursor:pointer; transition:.5s; } .witr_apartment_form .const_btn:hover{ background: #03b162; color: #fff; } /* Bottom Contact */ .witr_bottom_contact .form-group { margin-bottom: 20px; } .witr_bottom_contact textarea { height: 100px; } /* COUNTDOWN CSS */ span.cdowns { width: 150px; height: 150px; background: #fff; display: inline-block; margin: 0 10px; position: relative; line-height: 1; border: 1px solid #ddd; padding-top: 40px; } span.cdowns::before { position: absolute; content: ""; background: #03b162; top: 55px; right: -19px; height: 12px; width: 12px; border-radius: 50%; } span.cdowns::after{ position: absolute; content: ""; background: #03b162; top: 84px; right: -19px; height: 12px; width: 12px; border-radius: 50%; } span.cdowns:last-child:before, span.cdowns:last-child:after { display:none; } .counterdowns { text-align: center; } span.time-counts { font-size: 35px; color: #03b162; display: inline-block; font-weight:700; } .counterdowns p { color: #03b162; font-size: 16px; font-weight:600; margin-top:5px; } .dotnoneb span.cdowns:before { display:none; } .dotnonea span.cdowns:after { display:none; } .mean-container .mean-nav ul li a:hover { color:#03b162 ; border-radius: 0; } /*================================= mailchim 1=================================== */ .mc4wp-form-fields p { position: relative; line-height: 27px; margin-bottom: 22px; } .mc4wp-form-fields p label { font-size: 16px; font-weight: 700; margin: 15px 0; } .mc4wp-form-fields input { width: 100%; background: #fff; font-size: 16px; line-height: 28px; color: #b0afaf; border-radius: 5px; border: none; outline: none; padding: 15px 30px; } .mc4wp-form-fields button { width: 30%; border-radius: 0 5px 5px 0px; background: #02101e; border: none; outline: none; position: absolute; right: -3px; top: 0; bottom:0; font-size: 18px; color: #fff; text-align: center; z-index: 2; cursor: pointer; padding: 10px 15px; transition: .5s; } .mc4wp-form-fields button:hover { background: #18406b; } .witr_own_shorcode { margin-top: 21px; } .checkbox_witr input { width: 20px; float: left; margin-right: 15px; margin-top: -8px; } .checkbox_witr span { color: #fff; font-size: 15px } .mc4wp-alert.mc4wp-error a, .mc4wp-alert.mc4wp-error p{ color: #fff; } .mc4wp-form-fields input::-moz-placeholder { color: #888888; } .mc4wp-form-fields input::-webkit-input-placeholder { color: #888888; } /* mailchim 2 */ .footer-middle .mc4wp-form-fields input::-moz-placeholder { color: #888888; } .footer-middle .mc4wp-form-fields input::-webkit-input-placeholder { color: #888888; } .footer-middle .mc4wp-form-fields p { position: relative; line-height: 27px; margin-bottom: 22px; color: #fff; } .footer-middle .mc4wp-form-fields p label { font-size: 16px; font-weight: 700; margin: 15px 0; } .footer-middle .mc4wp-form-fields input { height: 50px; position: relative; background: transparent; width: 100%; line-height: 43px; color: #fff; border: 1px solid #ffffff66; border-radius: 0px; padding-left: 10px; } .footer-middle .mc4wp-form-fields button { position: absolute; right: 0; top: 0; width: 37%; height: 50px; border-radius: 0px; color: #fff; background: #03b162; cursor: pointer; padding: 10px 10px; transition: .5s; } .footer-middle .mc4wp-form-fields button:hover { background: #fff; color: #03b162; } .footer-middle .checkbox_witr input { width: 20px; float: left; margin-right: 15px; margin-top: -8px; } .footer-middle .checkbox_witr span{ color:#fff; } .footer-middle .mc4wp-form-fields p:nth-child(1) { margin-bottom: 22px; } /* mc4wp */ .mc4wp-form-fields .witr_mail_From input{ margin-bottom:20px; border: 1px solid #ddd; } .mc4wp-form-fields .witr_mail_From button{ position: inherit; width: 100%; border-radius: 5px; padding: 15px 30px; } .witr_joined .witr_field2 .witr_form_field2 input{ height: 72px; border-radius: 0; border: 0; background: #fff; } .witr_joined .witr_con_btn2 .w_btn2{ background: #324452; border: 0; border-radius: 0; height: 72px; position: absolute; top: 0; width: 22%; right: 0; color: #fff; } /* === style_w2 ==== */ .departmentList{ position: relative; padding: 73px 30px 65px; border-radius: 10px; background-size:cover; text-align: left; } .departmentList h3{ margin-bottom: 22px; } .departmentList h3 a{ font-size: 30px; } .departmentList ul{} .departmentList ul li{} .departmentList ul li a{ color: #1b1a1a; font-size: 18px; display:block; padding: 8px 10px 8px; margin-bottom: 1px; } .departmentList ul li a:hover{ color: #03b162; } .departmentList ul li a span{ display:inline-block; margin-top: 4px; } .departmentList .discover_more{ color: #1b1a1a; display: inline-block; margin-left: 10px; margin-top:15px; } .departmentList .discover_more i{ font-size: 15px; padding-left: 5px; transition:.5s; } .departmentList .discover_more:hover{ color: #03b162; } .singleSS{ position: relative; transition: all ease 400ms; z-index:1; } .service_slider .singleSS{ padding: 61px 15px 60px; } .singleSS:after{ background: url(../images/corporate/5.png) no-repeat right top; width: 288px; height: 216px; position: absolute; right: 0; top: 0; content: ''; visibility: hidden; opacity: 0; transition: all ease 400ms; -webkit-transition: all ease 400ms; -moz-transition: all ease 400ms; z-index: -1; } .singleSS.witr_service_7:after{ background: url(../images/corporate/tx_s.png) no-repeat right top; content: ''; z-index: -1; } .singleSS:hover:after{ visibility: visible; opacity: 1; } .singleSS:hover{ border-color: #4900d6; } .serIcon{} .serIcon i{ font-size: 32px; line-height: 62px; display: inline-block; z-index:1; } .SIBG_2 i{ color: #28f200; } .SIBG_1{ /* background: url(../images/corporate/s1.png) no-repeat center center / cover; */ position:relative; z-index: 9; } .SIBG_1::before{ position: absolute; top: -15px; background: #03b1621a; content: ""; width: 50px; height: 50px; border-radius: 100%; left: 38px; bottom: 0; margin: auto; margin-left: 0; transition: .5s; z-index: -1; } .singleSS:hover .SIBG_1::before{ background: #02101e; } .witr_service_10:hover .SIBG_1::before{ background: #02101e; } .detail_SS{ position: relative; padding: 0 0 0; z-index: 99; } .detail_SS h3{ line-height: 31px; margin-bottom: 10px; margin-top: 8px; } .detail_SS p{ margin-bottom: 28px; } .detail_SS a.readMore{ display: inline-block; color: #f5634b; font-size: 16px; line-height: .8; margin: 0; } .detail_SS a.readMore:hover{ color: #4900d6; } .witr_service_7 .service-btn > a{ position:relative; transition:.5s; } .witr_service_7 .service-btn > a::before{ position: absolute; top: 0; background: #03b162; content: ""; width: 25%; height: 1px; left: 0px; transition:.5s; } .witr_service_7 .service-btn > a::after{ position: absolute; right: 0px; bottom: 0px; background: #03b162; content: ""; width: 25%; height: 1px; transition:.5s; } .witr_service_7 .service-btn > a:hover::before, .witr_service_7 .service-btn > a:hover::after{ width: 100%; } .witr_padding_bottom{ padding-bottom:325px; } /* new css */ .witr_single_box_p h3{ padding: 21px 25px 18px; background: #fff; } /* === style_w1 ==== */ /*---------------------------------------- Don't change any css from here. If you need to change, Please use child theme. ------------------------------------------*/ html, body {} img { max-width: 100%; height: auto; } /* box layout */ .box.wrapper { max-width: 1200px; margin: auto; background: #fff; box-shadow: 0px 0px 5px #ddd; } /* end box layout */ .fix { overflow: hidden; } .clear_both { clear: both; } /*===================== solarfiy HEADING TOP AREA CSS =========================*/ /* LEFT RIGHT CSS */ .em40_header_area_main {} .em40_header_area_main.hdisplay_none { display: none; } .solarfiy-header-top { background: #03b162; padding: 10px 0; } .top-address p { margin-bottom: 0; } .top-address p span, .top-address p a { margin-right: 20px; } .top-address p span i, .top-address p a i { font-size: 13px; color: #fff; margin-right: 5px; } .top-address p a { display: inline-block; text-decoration: none; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } /* TOP RIGHT CSS */ .top-right-menu ul.social-icons { margin: 0; padding: 0; } .top-right-menu ul.social-icons li { display: inline-block; margin-left: 15px; position: relative; } .top-right-menu ul.social-icons li a { display: inline-block; text-decoration: none; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; font-size: 15px; } .top-welcomet p span, .top-welcomet p a, .top-welcome p span, .top-welcome p a, .top-welcome p, .top-address p a, .top-right-menu ul.social-icons li a, .top-address p span { color: #fff; font-size: 15px; font-weight: 500; } .top-welcome p a:hover{ color:#17161a; } .top-right-menu .social-icons li a:hover, .top-right-menu .social-icons li a i:hover { color: #17161a; } .top-both-p0 .top-address p a, .top-both-p0 .top-address p span { margin-right: 0px; margin-left: 12px; } .top-right-menu .menu-item-has-children > a:after { margin-left: 5px; content: "\e62a"; font-family: themify; font-size: 15px; opacity: .7; } /* sub menu css */ .top-right-menu ul .sub-menu { position: absolute; left: 0px; top: 100%; visibility: hidden; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; border-top: 1px solid #03b162; width: 150px; text-align: left; background: #03b162; z-index: 1; transition: .5s; } .top-right-menu ul.social-icons li:hover .sub-menu { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; visibility: visible; } .top-right-menu ul .sub-menu li { padding: 5px 0px 5px; } .top-right-menu ul .sub-menu li a { font-size: 14px; } .top-right-menu ul .sub-menu ul { display: none; } .top-welcome p { padding: 0px; margin: 0px; } .top-address.em-login a { margin-right: 10px; } .top-address.em-login a + a { margin-right: 0; } .top-address.em-login p a i, .top-address.em-login p a i { margin-right: 5px; } .top-address.em-login a + a:before { content: "|"; margin-right: 12px; } .txtc { text-align: center; } .text-center { text-align: center; } .text-left { text-align: left!important; } .text-right { text-align: right!important; } /* top opening */ .top-address.menu_18 span { padding: 8px 15px 9px; display: inline-block; } .top-right-menu ul.social-icons.menu_18, .top-right-menu ul.social-icons.menu_19 { padding: 7px 0; } .em-login.menu_18, .em-quearys-top.menu_19 { padding: 7px 0; } /* address left right icon */ .top-right-menu.litop { float: left; } /* mobile logo */ .mobile_menu_logo.text-center { padding: 20px 0; } /*===================== END solarfiy HEADING TOP AREA CSS =========================*/ /*======================== EM CREATIVE HEADER =========================*/ .em_creative_header { background: #f9f9f9 none repeat scroll 0% 0; padding: 28px 0; position: relative; overflow: hidden; z-index: 1; } .em_creative_header:before { background: #03b162 none repeat scroll 0% 0; content: ""; left: 0; top: 0; bottom: 0; width: 25%; height: 100%; z-index: -1; position: absolute; } .em_creative_header:after { background: #03b162 none repeat scroll 0% 0; content: ""; left: 18%; top: 0; bottom: 0; width: 15%; height: 100%; position: absolute; -webkit-transform: rotate(-121deg); transform: rotate(-121deg); z-index: -1; } .single_header_address { text-align: left; } .creative_logo_thumb { z-index: 9; text-align: right; } .creative_header_icon { float: left; margin-right: 10px; overflow: hidden; } .creative_header_icon i { color: #03b162; font-size: 30px; margin-top: 5px; margin-left: 2px; display: inline-block; } .creative_header_address { overflow: hidden; padding-left: 80px; } .creative_header_address_text > h3 { font-size: 18px; margin: 0; padding: 0; } .creative_header_address_text > p { margin: 0; overflow: hidden; } .creative_header_address_text > p > a { color:#999; } .creative_logo_thumb { z-index: 9; } .creative_header_button { padding-left: 50px; position: relative; } .creative_header_button:before { content: ""; position: absolute; background: #03b162; width: 1px; height: 74px; left: 10px; top: -14px; } .creative_header_button .dtbtn { background: #03b162; border-radius: 5px; color: #fff; display: inline-block; font-size: 15px; font-weight: 600; margin-left: 0; padding: 12px 26px; transition: .5s; } .creative_header_button > a:hover { background: #03b162 none repeat scroll 0% 0; } .em_slider_social { position: fixed; right: 30px; text-align: center; top: 60%; z-index: 999999; } .em_slider_social li { display: block; list-style: outside none none; text-decoration: none; } .em_slider_social a { background: #03b162 none repeat scroll 0% 0; border: 1px solid #03b162; border-radius: 50%; color: #fff; display: inline-block; font-size: 16px; height: 35px; line-height: 33px; margin-bottom: 10px; text-align: center; width: 35px; } .em_slider_social a:hover { background: #03b162; color: #fff; border-color: #03b162; } /* .no-logo-sr .creative_search_icon { */ /* position: absolute; */ /* right: 19%; */ /* top: 50%; */ /* */ /* transform: translateY(-50%); */ /* z-index: 999; */ /* } */ /* .no-logo-sr .em-quearys-top.msin-menu-search .em-quearys-inner { */ /* top: 70px; */ /* } */ .no-logo-sr .solarfiy_menu ul { text-align: center; } .no-logo-sr .solarfiy_menu ul li { text-align: left; } /*======================= solarfiy HEADING NAV AREA CSS ========================*/ .mean-container .mean-bar { padding: 0; } .mean-container .mean-nav { background: #03b162 none repeat scroll 0% 0; float: none; } .main_menu_div { position: relative; } .solarfiy_nav_area { background: #fff none repeat scroll 0% 0; /* box-shadow: 0 0 65px 0 #00000008; */ } /* LOGO CSS */ .logo {} .logo a { font-size: 23px; font-weight: 700; display: inline-block; } .solarfiy_menu {} /* MENU CSS */ .solarfiy_menu ul { text-align: right; list-style: none; } /* witr_h_h18 menu css */ .witr_shop_sc .solarfiy_menu ul { text-align: left; } .search_popup_button, .tx_mmenu_together{ align-items: center; display: flex; justify-content: flex-end; } .tx_mmenu_together .donate-btn-header { padding: 0; } .witr_shop_sc .donate-btn-header , .witr_shop_sc .em_top_cart.hshop { padding: 0; } .witr_shop_sc .em-quearys-menu i{ border-radius:3px; margin-right: 20px; margin-top: 7px; } .witr_shop_sc a.cart-contents { background: #ff4a17; color: #fff; border-radius: 3px; padding: 8px; margin-top: 3px; display: block; } .witr_shop_sc a.dtbtn { margin-left: 20px; } .witr_shop_sc .em-header-quearys { text-align: center; } /* witr_h_h21 menu css */ .sb_popup .tx_mmenu_together { justify-content: space-between; } .solarfiy_menu > ul > li { display: inline-block; position: relative; } .solarfiy_menu > ul > li > a { display: block; margin: 38px 9px; transition: .5s; position: relative; color: #1b1a1a; font-size: 17px; font-weight: 600; } .solarfiy_menu > ul > li > a:before, .solarfiy_menu > ul > li.current > a:before { background: #ffb600 none repeat scroll 0% 0; bottom: -7px; content: ""; height: 2px; left: 0; margin: auto; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; position: absolute; right: 0; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; width: 15%; display:none; } .heading_style_2 .solarfiy_menu > ul > li > a { color: #fff; } .heading_style_3 .solarfiy_menu > ul > li > a { color: #fff; } .heading_style_4 .solarfiy_menu > ul > li > a { color: #fff; } .heading_style_5 .solarfiy_menu > ul > li > a { color: #fff; } .solarfiy_menu ul li:last-child a { margin-right: 0px; } .solarfiy_menu > ul > li.current > a, .solarfiy_menu > ul > li:hover > a, .creative_header_menu > ul > li:hover > a { color: #03b162; background-color: transparent; } .solarfiy_menu > ul > li:hover > a:before, .solarfiy_menu > ul > li.current > a:before { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } /* transparent 2 */ .trp_nav_area { position: fixed; left: 0; right: 0; top: 0; z-index: 9999; background-color: transparent; transition: .5s; } .hbg2 { background: rgba(0, 0, 0, .7); /* padding: 0 0 10px; */ } /* stycky nav js */ .transprent-menu.menu4 { position: relative; } .transprent-menu .solarfiy_nav_area { left: 0; right: 0; top: 0; z-index: 9999; background-color: transparent; padding: 0; transition: .5s; position: absolute; } .solarfiy_nav_area.postfix { -webkit-transition: .3s; transition: .3s; } .solarfiy_nav_area.prefix, .hbg2 {} .solarfiy_nav_area.prefix .solarfiy_menu > ul > li > a { color:#fff; } .solarfiy_nav_area.prefix .solarfiy_menu > ul > li.current > a { color: #03b162; } /* LOGO LEFT RIGHT CSS */ .logo-left {} .logo-left .logo { text-align: left; } .logo-right .logo { text-align: right; } .logo-right .solarfiy_menu > ul { text-align: left; } .logo-right .solarfiy_menu > ul > li:first-child a { padding-left: 0px; } .logo-right .solarfiy_menu > ul > li:last-child a { padding-right: auto; } /* logo top */ .logo-top .logo { text-align: center; } .logo-top .solarfiy_menu > ul { text-align: center; } .logo-top > .solarfiy_menu > ul > li:last-child a { padding-right: auto; } /* sub menu style */ .solarfiy_menu ul .sub-menu { position: absolute; left: 0; top: 130%; width: 217px; text-align: left; background: #03b162; margin: 0; padding: 15px 0; z-index: 9999; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3); transition: .2s; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; visibility: hidden; } .solarfiy_menu ul li:hover > .sub-menu { transition: .5s; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; visibility: visible; top: 100%; z-index: 9; } .solarfiy_menu ul .sub-menu li { position: relative; } .solarfiy_menu ul .sub-menu li a { display: block; padding: 12px 20px; margin: 0; letter-spacing: normal; font-size: 16px; color: #fff; font-weight: 400; transition:.5s; visibility: inherit !important; } .solarfiy_menu ul .sub-menu li:hover > a, .solarfiy_menu ul .sub-menu .sub-menu li:hover > a, .solarfiy_menu ul .sub-menu .sub-menu .sub-menu li:hover > a, .solarfiy_menu ul .sub-menu .sub-menu .sub-menu .sub-menu li:hover > a { background: #fff; color: #03b162; } /* sub menu 2 */ .solarfiy_menu ul .sub-menu .sub-menu { left: 100%; top: 130%; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; visibility: hidden; } .solarfiy_menu ul .sub-menu li:hover > .sub-menu { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; visibility: visible; top: 0%; } /* sub menu 3 */ .solarfiy_menu ul .sub-menu .sub-menu li { position: relative; } .solarfiy_menu ul .sub-menu .sub-menu .sub-menu { right: 100%; left: auto; top: 130%; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; visibility: hidden; } .solarfiy_menu ul .sub-menu .sub-menu li:hover > .sub-menu { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; visibility: visible; top: 0%; } /* sub menu 4 */ .solarfiy_menu ul .sub-menu .sub-menu .sub-menu li { position: relative; } .solarfiy_menu ul .sub-menu .sub-menu .sub-menu .sub-menu {} .solarfiy_menu ul .sub-menu .sub-menu .sub-menu li:hover > .sub-menu { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; visibility: visible; top: 0%; } /* user login */ .logged-in .trp_nav_area { top: 32px; } .logged-in .transprent-menu .solarfiy_nav_area.prefix { top: 32px; } .logged-in .trp_nav_area.hbg2 { top: 32px; } .elementor-editor-active.logged-in .trp_nav_area { top: 0px; } .elementor-editor-active.logged-in .transprent-menu .solarfiy_nav_area.prefix { top: 0px; } .elementor-editor-active.logged-in .trp_nav_area.hbg2 { top: 0px; } /* has menu icon */ .solarfiy-main-menu .menu-item-has-children > a:after { margin-left: 5px; content: "\f107"; font-family: FontAwesome !important; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; font-size: 13px; opacity: .5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; } .solarfiy-main-menu .menu-item-has-children .menu-item-has-children> a:after { margin-left: 8px; content: "\f105"; } /* menu button */ .donate-btn-header { display: inline-block; } a.dtbtn { border: none; display: block; font-size: 17px; margin-left: 20px; font-weight: 500; background-color: #03b162; border-radius: 30px; color: #fff; padding: 13px 25px; } a.dtbtn:hover { background-color: #03b162; } .redX { color: #03b162; } /* logo sticky */ .solarfiy-main-menu .logo a.main_sticky_main_l { display: block; } .solarfiy-main-menu .logo a.main_sticky_l { display: none; } /* logo sticky box menu */ .hmenu_box_style.hbg2 .logo a.main_sticky_main_l { display: none; } .hmenu_box_style.hbg2 .logo a.main_sticky_l { display: block; } /* logo pre */ .solarfiy-main-menu .prefix .logo a.main_sticky_main_l { display: none; } .solarfiy-main-menu .prefix .logo a.main_sticky_l { display: block; } .headroom--pinned { -webkit-transform: translateY(0); transform: translateY(0); } .headroom--unpinned { -webkit-transform: translateY(-100%); transform: translateY(-100%); } .header--fixed { position: fixed; z-index: 10; right: 0; left: 0; top: 0; -webkit-transition: -webkit-transform .25s ease-in-out; transition: -webkit-transform .25s ease-in-out; transition: transform .25s ease-in-out; transition: transform .25s ease-in-out, -webkit-transform .25s ease-in-out; will-change: transform; } .menu-height-space { height: 100px; } /* sticky logo */ .creative_logo_thumb a.main_sticky_l { display: none; } .creative_logo_thumb .logo a { margin-top: 0; } /*======================= END solarfiy HEADING NAV AREA CSS ========================*/ /*===================== solarfiy BLOG AREA CSS =========================*/ .solarfiy-blog-area { padding: 90px 0 100px; } .solarfiy-single-blog { background-color: #fff; box-shadow: 0px 0px 10px 0px rgba(148,146,245,0.2); margin-bottom: 30px; overflow: hidden; text-align: center; -webkit-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } .solarfiy-single-blog.solarfiy-lt { text-align: left; } .solarfiy-blog-index.blog-area.solarfiy-blog-area, .solarfiy-blog-area.solarfiy-blog-archive { padding: 100px 0 100px; } /* BLOG THUMB CSS */ .solarfiy-blog-thumb { overflow: hidden; } .solarfiy-blog-thumb a { position: relative; } .solarfiy-blog-thumb a { display: block; } .solarfiy-blog-thumb a:before { content: ""; left: 0px; top: 0px; right: 0px; bottom: 0px; background: #03b162; width: 100%; height: 100%; position: absolute; background: rgba(0, 0, 0, .7); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; z-index: 999; transition: .5s; } .solarfiy-blog-thumb img { transition: .5s; display: block; } /* BLOG TITLE AND CONTENT CSS */ .blog-inner {} .blog-content {} .blog-content h2 { margin: 0 0 18px; } .blog-content h2 a { font-size: 15px; font-weight: 700; } .blog-content h2 a:hover { color: #03b162; } .blog-content p {} /* BLOG POST META CSS */ .solarfiy-blog-meta { margin-bottom: 0; margin-top: 0; width: 100%; } .solarfiy-blog-meta:after { display: block; clear: both; content: ""; } .solarfiy-blog-meta a {} /* BLOG POST META LEFT CSS */ /* left style 1 */ .solarfiy-blog-meta-left { padding: 0 0 9px; } .solarfiy-blog-meta-left a, .solarfiy-blog-meta-left span { color: #888888; font-size: 16px; margin-right: 5px; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .solarfiy-blog-meta-left a:hover, .solarfiy-blog-meta-left span:hover { color: #03b162; } .solarfiy-blog-meta-left i { color: #03b162; margin-right: 5px; } /* BLOG POST META RIGHT CSS */ .solarfiy-blog-meta-right { float: right; padding: 0px 0; } .solarfiy-blog-meta-right a, .solarfiy-blog-meta-right span { font-size: 12px; color: #454545; margin-left: 5px; } .solarfiy-blog-meta-right i { margin-right: 5px; } /* blog readmore */ .readmore a { border: 1px solid #ddd; color: #444; display: inline-block; font-size: 11px; font-weight: 400; padding: 6px 10px; transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; } .readmore a:hover { border-color: #03b162; background: #03b162; color: #fff; } /* blog hover */ .solarfiy-single-blog:hover .solarfiy-blog-thumb a:before { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } .solarfiy-single-blog:hover .solarfiy-blog-thumb img { -webkit-transform: scale(1.1); transform: scale(1.1); } /*======================== EMD solarfiy BLOG AREA CSS =========================*/ /*======================== solarfiy BLOG DETAILS AREA CSS =========================*/ .solarfiy-single-blog-details { background: #fff; margin-bottom: 40px; } .em-theme-main-page .solarfiy-single-blog-details { padding: 30px 30px 10px; } .solarfiy-single-blog-details-inner { padding: 38px 45px 45px; box-shadow: 0 3px 19px rgb(0 0 0 / 8%); border-radius: 0 0 10px 10px; } .solarfiy-single-blog--thumb {} .solarfiy-single-blog--thumb a {} .solarfiy-single-blog--thumb img { width: 100%; } .solarfiy-single-blog--thumb { } .solarfiy-single-blog-title h2 { padding: 0; margin-top: 0; margin-bottom: 8px; } .solarfiy-single-blog-details .solarfiy-blog-meta { padding: 0px; margin: 0px; } .solarfiy-single-blog-details .solarfiy-blog-meta-right, .solarfiy-single-blog-details .solarfiy-blog-meta-left { padding: 0px 0 10px 0; } .solarfiy-blog-social { margin-bottom: 25px; margin-top: 25px; } .solarfiy-single-icon-inner { text-align: center; } .solarfiy-single-icon-inner a { border: 1px solid #e6e6e6; color: #17161a; display: inline-block; font-size: 15px; height: 40px; line-height: 41px; margin: 0 9px 0 0; text-align: center; width: 40px; border-radius: 5px; } .solarfiy-single-icon-inner a:hover { background: #03b162; border-color: #03b162; color: #fff; } .solarfiy-single-icon-inner a i {} .single-blog-content ul { padding-bottom: 10px; } /*======================== solarfiy COMMENT AREA CSS =========================*/ /* POST REPLY CSS */ .post_comment { border: 1px solid #f1f1f1; margin: 20px 0; padding: 0 15px; } .comment_inner {} .commment_title {} .commment_title h3 { font-size: 24px; margin-bottom: 40px; position: relative; } .commment_title h3:before { position: absolute; content: ""; left: 0; bottom: -9px; width: 40px; height: 2px; background: #03b162; } .commment_title p {} .post_replay {} .post_replay_inner { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 12px; word-break: break-all; } .mgl-30 { margin-left: 30px; } .post_reply_thumb {} .post_reply_thumb img { border-radius: 50%; } .post_replay { margin-top: 25px; } .post_reply { padding-left: 15px; width: 100%; } .post_reply div.st { font-size: 18px; font-weight: 400; } .post_reply div.st a { } .reply_date { overflow: hidden; margin-bottom: 5px; } .reply_date span.span_left { float: left; font-size: 13px; } .reply_date span.span_right { float: right; color: #5986f2; font-size: 12px; font-weight: 400; } .post_reply p {} .comments-area .children { margin-left: 30px; } .post_comment .post_comment { margin-left: 15px; } /* COMMENT FORM CSS */ .comments, .comment-respond { box-shadow: 0 0 5px rgb(0 0 0 / 10%); margin-bottom: 30px; padding: 38px 30px 45px !important; background: #ffffff; } .comments{ padding: 38px 30px 25px; } .comment_field {} .comment_field .input-field { width: 33.33%; float: left; margin-bottom: 25px; } /* .comment_field .input-field:nth-child(odd){ margin-right:1%; } .comment_field .input-field:nth-child(even){ margin-left:1%; } */ .comment_field .input-field label, .comment_field .textarea-field label { color: #606060; font-size: 14px; margin-top: 15px; margin-bottom: 0; font-weight: 500; } .comment_field .textarea-field label { margin-top: 30px; } .comment_field .input-field input { width: 100%; border: 1px solid #e5e5e5; padding: 6px 20px; height: 54px; font-size: 17px; } .comment_field .input-field input[type="text"] {} .comment_field .input-field input[type="email"] {} .comment_field .textarea-field textarea { width: 100%; border: 1px solid #e5e5e5; height: 150px; padding: 10px; } .comment_field .input-field input, .comment_field .textarea-field textarea { color: #555555; } .solarfiy_btn { background: #03b162; border: 0; display: inline-block; text-align: center; padding: 16px 30px; margin-top: 15px; border-radius: 5px; transition: .5s; color: #fff; } .solarfiy_btn:hover { background: #02101e; } .em-theme-main-page .commment_title h3 { margin-top: 0px; } .em-theme-main-page .empgc { margin-top: 40px; } .em-theme-main-page .empgc.commment_title h3 { margin-bottom: 35px; } .em-single-page-comment .commment_title.empgc > h3 { margin-bottom: 35px; } .logged-in-as { margin-bottom: 0; margin-top: 30px; } .logged-in-as a { } a.comment-edit-link { margin-bottom: 12px; display: inline-block; } .em-theme-main-page .comments-area { margin-top: 40px; clear: both; } /*======================== solarfiy unittest =========================*/ .blog-page-title h2 { display: block; font-size: 22px; margin-bottom: 7px; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } .blog-page-title a { display: inline-block; word-break: break-all; } .blog-page-title h2 a:hover { color: #03b162; } .em-blog-content-area { padding: 20px 15px 25px; text-align: left; } .single-blog-content iframe { margin-top: 20px; } .blog-content h1, .blog-content h2, .blog-content h3, .blog-content h4, .blog-content h5, .blog-content h6 { margin-top: 10px; margin-bottom: 10px; font-weight: 500; font-size: 30px; } .post_reply h1, .post_reply h2, .post_reply h3, .post_reply h4, .post_reply h5, .post_reply h6 { color: #303030; font-size: 30px; font-weight: 500; margin-top: 15px; margin-bottom: 15px; } .blog-content h2, .post_reply h2 { font-size: 26px; } .blog-content h3, .post_reply h3 { font-size: 22px; } .blog-content h4, .post_reply h4 { font-size: 20px; } .blog-content h5, .post_reply h5 { font-size: 18px; } .blog-content h6, .post_reply h6 { font-size: 17px; } /* single blog */ .single-blog-content h1, .single-blog-content h2, .single-blog-content h3, .single-blog-content h4, .single-blog-content h5, .single-blog-content h6{ margin-bottom: 20px; margin-top: 20px; font-size: 30px; font-weight: 600; } .single-blog-content h2 { font-size: 26px; } .single-blog-content h3 { font-size: 22px; } .single-blog-content h4 { font-size: 20px; } .single-blog-content h5 { font-size: 18px; } .single-blog-content h6 { font-size: 17px; } /*======================== solarfiy PAGINATION AREA CSS =========================*/ .paginations { text-align: center; margin-top: 20px; } .paginations a, .page-numbers span.current { display: inline-block; font-size: 14px; font-weight: 500; margin: auto 5px; color: #888; } .page-numbers li { display: inline-block; } .paginations a:hover, .paginations a.current, .page-numbers span.current { background: #03b162; border-color: #03b162; color: #fff; } /*======================== END solarfiy PAGINATION AREA CSS =========================*/ .kc_counter_box i { display: inline-block; font-size: 45px; margin-bottom: 0; } /*======================== solarfiy BREADCRUMB AREA CSS =========================*/ .breadcumb-blog-area { padding: 60px 0 65px; background-color: #f7f7f7; background-position: center top; background-repeat: no-repeat; background-size: cover; position: relative; } .breadcumb-inner h2 { font-size: 36px; } .breadcumb-area { padding: 150px 0px; background-color: #f7f7f7; background-position: center top; background-repeat: no-repeat; position: relative; } .breadcumb-area::before, .breadcumb-blog-area::before { position: absolute; left: 0; top: 0; right: 0; bottom: 0; content: ""; } .breadcumb-inner ul { font-weight: 600; } .breadcumb-inner li { display: inline-block; margin: 0 2px; color: #fff; } .breadcumb-inner li:nth-last-child(-n+1) { color: #03b162; } .breadcumb-inner li a { font-weight: 600; color: #fff; } .breadcumb-inner li a:hover{ color: #03b162; } .brpt h2 { color: #fff; font-size: 40px; padding-bottom: 5px; } .lcase { text-transform: lowercase; } .ucase { text-transform: uppercase; } .ccase { text-transform: capitalize; } /*======================== END solarfiy BREADCRUMB AREA CSS =========================*/ /*======================== solarfiy 404 AREA CSS =========================*/ .not-found-area { background-color: #fff; background-position: center top; background-repeat: repeat; background-size: cover; border-top: 1px solid #f5f3f3; padding: 0 0 16px; } .not-found { display: table; width: 100%; height: 500px; text-align: center; padding-bottom: 40px; } .not-found-inner { display: table-cell; vertical-align: middle; } .not-found-inner { font-size: 30px; } .not-found-inner h2 { color: #03b162; display: inline-block; font-size: 160px; font-weight: 700; line-height: 1.2; padding: 15px 0; } .not-found-inner p { font-size: 30px; } .not-found-inner a { color: #606b82; font-size: 24px; margin-top: 40px; display: inline-block; text-decoration: underline; } /* search error */ .solarfiy-search-page{ background:#fff; } .search-error .search input { padding: 20px 0; } .search-error .search input[type="text"] { padding-left: 10px; } .search-error .search button { top: 48%; transform: translateY(-50%); } .search-error > p { font-size: 14px; margin: 14px 0 19px; } .search-error > h3 { display: block; font-size: 30px; } .search-error .search input { height: 54px; border: 1px solid #ddd; } /*======================== END solarfiy 404 AREA CSS =========================*/ /*======================== solarfiy FOOTER TOP AREA CSS =========================*/ .top-address-area { background: #111111; padding: 90px 0px 85px; text-align: center; } .top_address_logo { margin-bottom: 30px; } .address_content { padding-top: 38px; } .top_address_content a, .top_address_content span { color: #ffffff; display: inline-block; font-weight: 400; line-height: 12px; margin-right: 14px; } .top_address_content a i, .top_address_content span i { font-size: 14px; margin-right: 11px; } .footer-top-address h2 { color: #fff; text-transform: uppercase; margin-bottom: 30px; letter-spacing: 10px; font-weight: 700; font-size: 26px; } .footer-top-address h2 span { color: #03b162; font-weight: 700; } .widget_media_image{ margin-top: 30px; margin-bottom: 27px; } /*======================== solarfiy FOOTER TOP AREA CSS =========================*/ .footer-top { background: #1b1919 none repeat scroll 0% 0; padding: 100px 0; } .footer-top-inner h2 { color: #fff; font-size: 35px; height: 60px; padding: 0 15px; text-transform: uppercase; } .footer-top-inner h2 span { color: #03b162; font-weight: 600; } .footer-top-inner p { color: #fff; margin-bottom: 26px; margin-left: auto; margin-right: auto; width: 62%; } .footer-social-icon { padding: 10px 0 20px; text-align: center; } .footer-social-icon a i { background-color: #03b162; border-radius: 50px; color: #fff; display: inline-block; font-size: 18px; height: 45px; line-height: 45px; margin: 0 7px; text-align: center; width: 45px; -webkit-transition: .3s; transition: .3s; } .footer-social-icon a i:hover { background-color: #02101e; color: #fff; } .footer-social-icon.htop-menu-s { padding: 0; display: inline-block; margin-left: 30px; } .footer-social-icon.htop-menu-s a i { font-size: 14px; height: 35px; line-height: 35px; margin: 0 3px; width: 35px; } .footer-top-inner .text-center { margin-bottom: 11px; text-align: center; } /*======================== END FOOTER TOP AREA CSS =========================*/ /*======================== solarfiy FOOTER MIDDLE AREA CSS =========================*/ .witrfm_area{ background: #03b162; position:relative; } .witrfm_area:before { content: ""; position: absolute; top: 0; height: 100%; width: 100%; left: 0; right: 0; margin: auto; } .footer-middle { padding: 65px 0 73px; } .footer-middle.wpfd { padding: 0; } .wpfdp { padding-top: 65px; padding-bottom: 80px; } .footer-middle .widget h2 { margin-bottom: 28px; margin-top: 28px; position: relative; } .footer-middle .widget h2:before { } .footer-middle table#wp-calendar td, .footer-middle table#wp-calendar th { color: #fff; } .footer-middle #archives-dropdown--1 { height: 34px; } .footer-middle .widget ul li, .footer-middle .widget ul li a, .footer-middle .widget ul li:before, .footer-middle .tagcloud a, .footer-middle caption, .footer-middle table, .footer-middle table td a, .footer-middle cite, .footer-middle .rssSummary, .footer-middle span.rss-date, .footer-middle span.comment-author-link, .footer-middle .textwidget p, .footer-middle .widget .screen-reader-text { } .footer-middle .widget h2 {} .footer-middle .widget ul li:before {} .footer-middle .tagcloud a {} .footer-middle .widget ul { list-style: none; } .footer-middle .widget ul li { margin-bottom: 10px; } .footer-middle .widget ul li a, .footer-middle .widget ul li:before { transition: .5s; } .footer-middle .widget ul li a:hover, .footer-middle .widget ul li:hover:before { color: #03b162; } .recent-portfolio-area { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: row; flex-flow: row; -ms-flex-wrap: wrap; flex-wrap: wrap; } .recent-portfolio { margin-bottom: 10px; margin-right: 10px; } .recent-portfolio { width: 29.33%; } .recent-portfolio-image img { width: 100%; } /*======================== END FOOTER middle AREA CSS =========================*/ /*======================== solarfiy FOOTER BOTTOM AREA CSS =========================*/ .footer-bottom { padding: 26px 0 24px; position:relative; } .footer-bottom:before { content: ""; position: absolute; top: 0; background:#ffffff61; height: 1px; width: 61%; left: 0; right: 0; margin: auto; } .copy-right-text { text-align:left; } .copy-right-text p { margin: 0; padding: 0; } .footer-menu {} .footer-menu ul { list-style: none; margin: 0px; padding: 0px; } .footer-menu ul li { display: inline-block; } .footer-menu ul li a { padding: 0 10px; display: block; } .copy-right-text a:hover, .footer-menu ul li a:hover { color: #03b162; } .footer-menu ul li:last-child a { padding-right: 0px; } .footer_style_3 .footer-menu ul li:first-child a { padding-left: 0px; } .footer-menu ul ul { display: none; } /*======================== END FOOTER BOTTOM AREA CSS =========================*/ /*======================== EM40 SCROLL TOP CSS =========================*/ #scrollUp { background: #03b162 none repeat scroll 0% 0; bottom: 30px; color: #fff; font-size: 30px; height: 40px; line-height: 40px; right: 100px; text-align: center; border-radius: 5px; width: 40px; /* animation: witr_bounce 800ms ease-out infinite; */ } #scrollUp i { color: #fff; } /*======================== END EM40 SCROLL TOP CSS =========================*/ .copy-right-text a { color: #03b162; } .template-home .vc_row { margin-left: 0px !important; margin-right: 0px !important; } .wpb_gallery.wpb_content_element.vc_clearfix { margin-bottom: 0; } .recent-post-item { clear: both; } .recent-post-image { float: left; margin-right: 15px; } .recent-post-image a { display: block; margin-top: 10px; } .recent-post-text { overflow: hidden; } .recent-post-text > h4 { margin-bottom: 0; line-height: 1; } .recent-post-text h4 a { color: #17161a; font-size: 19px; transition: all 0.3s ease 0s; font-weight: 600; } .recent-post-text h4 a:hover { color: #03b162; } .recent-post-text .rcomment { color: #565069; font-size: 14px; text-transform: none; } .recent-post-text .rcomment i { margin-right: 5px; } .footer-middle .recent-post-text h4 a { color: #fff; font-weight: 500; font-size: 18px; margin-bottom: -10px; display: inline-block; } .footer-middle .recent-post-text > h4 { margin-bottom: 0px; font-weight: 400; line-height: 1; } .footer-middle .recent-post-text > h4 a:hover { color: #03b162; } .footer-middle .recent-post-text .rcomment { color: #fff; font-size: 12px; font-weight: 400; } .mean-container .mean-bar { float: none; background: #03b162; overflow: hidden; } .mean-container .mean-nav ul li li a { color: #17161a; } .mean-container .mean-nav ul li li a { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } /* kc element */ .template-home-wrapper { overflow: hidden; } .section-title.t_center { margin: auto; text-align: center; width: 63%; } .section-title.t_left { margin: auto auto auto 0; width: 63%; text-align: left; } .section-title.t_right { margin: auto 0 auto auto; width: 63%; text-align: right; } .section-title.t_right .em-bar { margin: 0 0 5px auto; } .section-title.t_left .em-bar { margin: 0 0 5px; } .section-title h2 { font-size: 35px; font-weight: 700; margin-bottom: 3px; text-transform: capitalize; } .tmr0 .section-title h2 { margin:0; } .section-title h5 { font-size: 18px; font-weight: 500; margin: 0; } .section-title p {} .em-icon {} .em-icon i {} .em-bar-main { margin: 10px 0 13px; } .em-bar { background: #03b162 none repeat scroll 0% 0; height: 2px; margin: 0 auto 5px; width: 62px; } .em-bar.em-bar-big { width: 80px; } .em-image { margin-bottom: 10px; } .em-image img {} .section-title.t_left span { color: #03b162; } /* title css */ .witr_section_title{ position:relative; } .witr_section_title_inner{ position:relative; z-index:1; } .witr_back_title{ position:absolute; top:0; bottom:0; right:0; left:0; } .title_in .witr_back_title { z-index: -1; } .witr_back_title h4{ font-size:80px; -webkit-text-stroke: 1px #888888; -webkit-text-fill-color: transparent; line-height:1; } .witr_section_title_inner h1, .witr_section_title_inner h2, .witr_section_title_inner h3{ font-size: 40px; margin: auto; } .text-right.witr_section_title_inner h1, .text-right.witr_section_title_inner h2, .text-right.witr_section_title_inner h3{ margin-right: 0px; } .text-left.witr_section_title_inner h1, .text-left.witr_section_title_inner h2, .text-left.witr_section_title_inner h3{ margin-left: 0px; } .witr_section_title_inner h1{} .witr_section_title_inner h2{ font-size: 22px; color: #03b162; margin-bottom: 13px; display: inline-block; } .witr_section_title_inner h3{} .witr_section_title_inner p span a, .witr_section_title_inner p span, .witr_section_title_inner h1 span, .witr_section_title_inner h2 span, .witr_section_title_inner h3 span{ color:#03b162; } .witr_section_title_inner p { margin-top: 10px; } .witr_section_title_inner.text-center p{ width:74%; margin-right:auto; margin-left:auto; } .witr_section_title_inner.text-left p{ width:74%; margin-right:auto; margin-left:0px; } .witr_section_title_inner.text-right p{ width:74%; margin-right:0px; margin-left:auto; } .witr_image_title { margin-top: 0px; margin-bottom: 10px; } /* bar color title */ .witr_bar_main { margin: 10px 0; } .witr_bar_inner{ height: 5px; width: 90px; background: #03b162; margin: 0px auto; position: relative; border-radius: 30px; } .text-left .witr_bar_inner{ margin-left:0px; } .text-right .witr_bar_inner{ margin-right:0px; } /* title extrat style */ .title_in_area { display: flex; align-items: center; } .title_in{ position: relative; width:100%; } .title_in:before { position: absolute; right: 0; top: 0; height: 100%; width: 2px; background: #03b162; content: ""; } .title_in:after { position: absolute; right: -5px; top: 0; height: 100%; width: 2px; background: #03b162; content: ""; } .title_tx h3, .title_tx h2{ margin:0; } .title_p { text-align: left; width: 100%; padding-left:30px; } .title_ptx p { margin: 0; } .title_btn{ margin-top: 15px; } .title_btn a{ background: #03b162 ; padding:15px 30px; color:#fff; display: inline-block; } /* circale Bar css */ .witr_bar_innerc{ position:relative; } .witr_bar_innerc::before{ content: ''; position: absolute; left: 0; top: 50%; transform:translateY(-50%); border:6px solid #03b162; border-radius: 50%; background: #1c1b1b; -webkit-animation-duration: 3s; animation-duration: 3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-name: move_title_bg; animation-name: move_title_bg1; } .witr_bar_innerc::after{ content: ''; position: absolute; right: 0; top: 50%; transform:translateY(-50%); border:6px solid #03b162; border-radius: 50%; background: #1c1b1b; -webkit-animation-duration: 3s; animation-duration: 3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-name: move_title_bg; animation-name: move_title_bg2; } @keyframes move_title_bg1 { from { left:0; } to { left:100%; } } @keyframes move_title_bg2 { from { right:0; } to { right:100%; } } /*===================== solarfiy feature SECTION =========================*/ .em-feature { position: relative; transition: all 0.5s ease 0s; } .feature_inner_box { padding: 30px 21px 21px; background: #fff; transition: all 0.5s ease 0s; position: relative; backface-visibility: hidden; z-index:3; box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.1); border-radius: 5px; } .feature_inner_box:before { position: absolute; left: 0; right: 0; top: 0; bottom: 0; content: ""; z-index:-1; } .em-feature:hover .feature_inner_box{ background: #03b162; } .em-feature:hover{ /* margin-top:-10px; */ } .em_feature-icon i{ color: #fff; cursor: pointer; display: inline-block; font-size: 21px; height: 45px; line-height: 46px; margin-top: 0; overflow: hidden; position: relative; transition: all 0.5s ease 0s; width: 45px; background: #03b162; border-radius: 30px; margin-right: 20px; text-align: center; float: left; } .em_feature-icon img{ float: left; } .em_content_text { padding-top: 10px; } .em_feature-icon { } .em-feature-title h2{ font-size: 17px; padding-bottom: 3px; transition: all 0.5s ease 0s; margin-top: 11px; } .em-feature-desc p{ transition: all 0.5s ease 0s; } .feature_inner { overflow: hidden; } .feature_icon { margin-top: 21px; } .f-readmore { padding-top: 7px; } .feature_button a{ display: inline-block; } .feature_button a span i { margin-left: 10px; font-size: 11px; } .em-feature:hover .em_feature-icon i { background: #fff; color: #03b162; } .em-feature:hover .feature_button a, .em-feature:hover h2, .em-feature:hover h3, .em-feature:hover h3 a, .em-feature:hover .em-feature-desc { color:#fff; z-index:1; } .feature_active .slick-slide img { display: initial; } .feature_active .all_feature_color h2{ font-size:17px; color: #03b162; font-weight: 400; } .feature_active .slick-dots { bottom: -35px; } /* carsol feature 10 */ .wcr_feature_10 { background: #fff; border-radius: 5px; box-shadow: 0 0px 30px -5px rgb(0 0 0 / 10%); margin: 15px 0; } .wcr_feature_10 .sub-item { padding:50px 20px 18px; } .wcr_feature_10 .feature_btn a { display: block; border-top: 1px solid #ddd; padding: 15px 30px; position: relative; z-index: 1; } .wcr_feature_10:hover .feature_btn a{ color:#fff; } .wcr_feature_10 .feature_btn a::before { position: absolute; content: ''; width: 100%; height: 0; left: 0; top: 0; background: #03b162; z-index: -1; transition: .5s; border-radius: 0px 0px 5px 5px; } .wcr_feature_10:hover .feature_btn a::before{ height:100%; } /* carsol feature 11 */ .wcr_feature_11 { padding-bottom: 43px; } .witr_sub_item_area, .feature_positions_thumb{ position:relative; } .feature_video_post{ position: absolute; top: 20px; right: 20px; } .feature_video_post a { color: #fff; border: 3px solid #fff; width: 50px; height: 50px; line-height: 44px; border-radius: 50px; display: inline-block; text-align: center; } .feature_topicon_post{ position: absolute; top: 20px; left: 20px; } .feature_topicon_post i { font-size: 30px; color: #03b162; height: 70px; width: 70px; line-height: 70px; text-align: center; border-radius: 50%; background: #fff; display: inline-block; transition: .5s; } .witr_sub_item { position: relative; padding: 20px 20px 60px; box-shadow: 0 0px 30px -5px rgb(0 0 0 / 10%); background:#fff; z-index: 1; } .feature_big_icon { position: absolute; bottom: 0; right: 0; opacity:0; transition: .5s; z-index: -1; } .feature_big_icon span{ color:#f0f0f0; font-size:100px; } .wcr_feature_11:hover .feature_big_icon{ opacity:1; } .car_feature_btn_icon{ position: absolute; bottom: -35px; left: 0; right: 0; z-index: 1; text-align: center; } .car_feature_btn_icon a i{ font-size: 26px; color: #03b162; height: 70px; width: 70px; line-height: 70px; text-align: center; border-radius: 50%; background: #fff; display: inline-block; transition: .5s; box-shadow: 0 0px 30px 0px rgb(0 0 0 / 10%); } .wcr_feature_11:hover .car_feature_btn_icon a i{ color: #fff; background: #03b162; } /*===================== END solarfiy SERVICE CSS =========================*/ .all_color_service { text-align: left; } .em-service { /* padding: 27px 25px 39px; */ text-align: left; -webkit-transition: all 0.5s ease 0s; transition: .5s; box-shadow: 0px 0px 30px 0px rgb(0 0 0 / 2%); padding: 30px 15px 35px; } .em-service:hover { /* background: #03b162; */ position: relative; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index:3; } .em-service:hover:before { background: rgba(0, 0, 0, 0.7); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index:-1; transition: .5s; } .service_top_text { display: block; } /* .em-service-icon { font-size: 35px; } */ .em-service-icon img{ margin-bottom:15px; } .em-service-icon i{ display: inline-block; transition:.5s; font-size: 35px; margin-bottom: 15px; } .em-service-title { overflow: hidden; } .em-service-title h3 { padding: 0; transition: .5s; } .em-service-title h3 span{ color:#03b162; font-size:18px; font-weight:600; } .witr_sstyle_9 .em-service-title h3 { margin: 10px 0 15px; } .em-service-desc { } .em-service-desc p{ transition:.5s; } .service-btn { /* margin-top: 25px; */ position: relative; } .service-btn > a { border-radius: 5px; display: inline-block; transition:.5s; } .service-btna a:hover { color: #03b162; } .service-btn a span{ font-size:20px; transition:.5s; display: inline-block; position: relative; top: 3px; } .em-service:hover .service-btn > a { color: #fff; } .em-service:hover .em-service-icon, .em-service:hover .em-service-title h3, .em-service:hover .em-service-title h3 a, .em-service:hover .em-service-desc { color: #fff; z-index:1; } /* style 2 */ .em-service2 {} .em-service2 .em-service-icon i { display: inline-block; color: #fff; height: 80px; width: 80px; text-align: center; border-radius: 50%; line-height: 80px; background: #03b162; font-size: 25px; transition: all 0.5s ease 0s; } .width_height_link_0 .em-service-icon i { font-size: 40px; color: #03b162; height: auto; width: auto; border-radius: initial; line-height: normal; background: none; border:none; } .em-service2 .em-service-inner{ overflow:hidden; } .em-service2.sleft { text-align:left; } .em-service2.sleft .em-service-icon{ margin-right:20px; margin-top: 10px; } .em-service2.smiddle {} .em-service2.smiddle .em-service-icon { margin-bottom: 20px; } .em-service2.sright { text-align:right; } .em-service2.sright .em-service-icon{ margin-left:30px; margin-top:5px; } .em-service-title h3 a:hover{ color:#03b162; } .em-service2:hover .em-service-icon i{ color:#02101e; } /* service style 9 */ .witr_sstyle_9 { position: relative; z-index: 1; padding: 42px 50px 50px; box-shadow: 0px 5px 20px 0px #dddddd3b; transition:.5s; } .witr_sstyle_9 .service-btn > a { border: 1px solid #ddd; padding: 10px 30px; } .witr_sstyle_9::before{ background: #03b162; position: absolute; left: 0; top: 0; width: 2px; height: 100%; content: ""; z-index: -1; transition: .5s; } .witr_sstyle_9:hover::before{ width:100%; height:100%; border-radius:0px; background:#1b1a1a; } .witr_sstyle_9:hover h3,.witr_sstyle_9:hover p,.witr_sstyle_9:hover a { color:#fff; } .em-service2.witr_sstyle_9:hover .em-service-icon i{ color:#fff; } .witr_sstyle_9:hover .service-btn > a { border-color:#03b162; color:#03b162; background:#fff; } /* witr service Style 10 */ .witr_service_10{ box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 10%); padding: 40px 30px 50px; background: #fff; position:relative; } .witr_service_10::before{ position: absolute; content: ""; top: 0; left: 0; width: 3px; height:0%; background: #03b162; transition:.5s; } .witr_service_10:hover::before{ height: 40%; } .witr_service_10 .serIcon i { line-height: 1; } .witr_service_10 .detail_SS p { margin-bottom: 0; } .witr_service_10 .service_list_op { margin-bottom: 5px; margin-top: 15px; } .witr_service_10 .service-btn a { background: #03b16226; padding: 12px 30px; color: #03b162; margin-top: 20px; font-weight: 500; } .witr_service_10 .service-btn a:hover{ background: #03b162; color: #fff; } /* witr service Style 11 */ .witr_service_11{ box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 10%); } .wirt_detail_texti{ background: #03b162; padding: 15px 30px 10px; text-align:left; } .wirt_detail_icon{ float: left; margin-right: 20px; } .wirt_detail_icon i{ color: #fff; font-size: 45px; } .wirt_detail_title{ overflow:hidden; } .wirt_detail_title h2{ font-size: 17px; color: #fff; } .wirt_detail_title h3 a, .wirt_detail_title h3{ color: #fff; } .wirt_detail_title h3 a:hover{ color: #222222; } .wirt_detail_content{ padding: 25px 30px 20px; } .witr_service_11 .service_list_op { margin-bottom: 15px; } .service_list_op ul { display: table-cell; padding: 0; } .service_list_op ul li{ margin-bottom:7px; } .service_list_op ul li a:hover{ color: #03b162; } .service_list_op ul i{ margin-right:15px; } .service_list_op ul+ul i{ margin-left:15px; } /* witr service Style 12 */ .witr_service_s_12.service-item{ overflow: hidden; transition: .1s; position:relative; padding-bottom: 127px; } .witr_service_s_12 .service_top_image::after { content: ''; display: block; position: absolute; left: 0; right: 0; bottom: -1px; height: 41px; width: calc(100% + 10px); clip-path: polygon(0 0, 0% 100%, 100% 100%); background: #fff; transition: .5s; } .witr_service_s_12 .text_box{ background:#fff; padding: 22px 21px 10px; position: absolute; bottom: -97px; } .witr_service_s_12:hover .text_box{ bottom: 0px; } .witr_service_s_12.service-item h3 { padding-top: 0px; margin-bottom: 15px; } .witr_service_s_12.service-item h2{ font-size: 17px; color:#03b162; } .witr_service_s_12.service-item i{ margin-bottom:10px; } /* witr service post Style 12 */ .service_top_image{ position:relative; } .wirt_text_boxi{ padding: 26px 30px 60px; position: absolute; bottom: -70px; background: #fff; box-shadow: rgba(0, 0, 0, 0.07) 0px 0px 30px 0px; left: 30px; right: 30px; } .wirt_sdetail_box{} .witr_service_12 .wirt_detail_title h2, .witr_service_12 .wirt_detail_title h3 a, .witr_service_12 .wirt_detail_title h3 { color:#1b1a1a; } .witr_service_12 .wirt_detail_title h3 a:hover{ color:#03b162; } .wirt_detailb_icon{ position: absolute; bottom: -40px; } .wirt_detailb_icon i{ background: #fff; box-shadow: rgba(0, 0, 0, 0.07) 0px 0px 30px 0px; color:#03b162; font-size: 30px; height: 80px; width: 80px; text-align: center; border-radius: 50%; line-height: 80px; display: inline-block; transition: .5s; } .wirt_detailb_icon i:hover{ background:#03b162; color:#fff; } /*===================== solarfiy FUN FACT AREA CSS =========================*/ .single_counter { position:relative; padding: 32px 0; text-align: center; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; border-top: 2px solid #324452; border-bottom: 2px solid #324452; } .single_counter:before { content: ""; position: absolute; left: 0; bottom: 0; right: 0; border-left: 2px solid #324452; border-right: 2px solid #324452; height: 40%; } .single_counter:after { content: ""; position: absolute; left: 0; top: 0; right: 0; border-left: 2px solid #324452; border-right: 2px solid #324452; height: 40%; } .counter_icon { margin-top: 7px; } .single_counter:hover .counter-icon{ color:#fff; } .single_counter:hover:before, .single_counter:hover:after { border-color:#03b162; } .single_counter:hover { background: #03b162; border-color: #03b162; } .counter_icon i { display: inline-block; font-size: 30px; text-align: center; display: block; } .countr_text > h1 { display: inline-block; font-family: poppins; font-size: 45px; font-weight: 600; -webkit-transition: .3s; margin: 0; transition: .3s; } .countr_text > h3 { display: inline-block; font-size: 43px; } .countr_text span{ transition: .5s; display: inline-block; font-size: 43px; } .counter_title { padding: 0 0 0; } .counter_title h4 { font-size: 23px; margin: 0; text-transform: capitalize; transition: .5s; padding-top: 20px; padding-bottom: 8px; } .single_counter:hover .countr_text span, .single_counter:hover .counter_icon i, .single_counter:hover .countr_text > h1, .single_counter:hover .counter_title > h4, .single_counter:hover .countr_text > h3{ color: #fff; } /*===================== TESTIMONIAL AREA CSS =========================*/ .witr_testi_itemt{ padding: 0 10px; } .em_single_testimonial { background: #fff none repeat scroll 0% 0; margin-bottom: 30px; transition: all 0.5s ease 0s; padding: 37px 30px 26px; margin-top: 20px; box-shadow: 0 10px 25px 0 rgba(50,65,141,.12); overflow:hidden; position:relative; text-align: left; } .em_testi_logo { position: absolute; right: 10%; top: 12%; } .em_single_testimonial:hover { box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.13); } .em_testi_content { position: relative; } .em_testi_content:before { color: #03b162; content: ""; font-family: fontawesome !important; font-size: 60px; left: 3px; opacity: 0.1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)"; position: absolute; top: -97px; display:none; } .em_testi_content:after { bottom: -28px; color: #03b162; content: ""; font-family: fontawesome !important; font-size: 60px; opacity: 0.1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)"; position: absolute; right: 3px; display:none; } .em_test_thumb { float: left; margin-right: 20px; } .em_test_thumb img { border-radius: 50%; width: 59px; } .em_testi_title h2 {} .em_testi_title h2 sup {} .em_testi_title span { display: block; margin-top: 5px; font-size: 18px; font-weight: 600; color: #03b162; } .em_testi_text { overflow: hidden; padding-top: 15px; float: left; text-align: left; } .em_testi_text.texti_style2 {} .em_testi_degi {} /* ts10 */ .witr_testi_s10 .em_single_testimonial { text-align:center; } .witr_testi_s10 .em_test_thumb { float: none; margin-right: 0; } .witr_testi_s10 .em_testi_text { float: none; text-align: inherit; } .witr_testi_s10 .em_testi_title h2 {} .witr_testi_s10 .em_test_thumb img { width: inherit; margin: auto; } .test_q_icon i { font-size: 54px; color: #03b162; } /* .em_single_testimonial:hover{ background: #03b162; } .em_single_testimonial:hover h2,.em_single_testimonial:hover p,.em_single_testimonial:hover span,.em_single_testimonial:hover i{ color:#fff; }*/ .slick-slide:focus{ border:none; outline:none; } .slick-slide{ border:none; outline:none; } /* without carousel */ .curosel-style .owl-nav div { border:2px solid #03b162; border-radius: 50%; color: #03b162; font-size: 19px; height: 44px; left: -45px; line-height: 42px; position: absolute; top: 50%; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; width: 44px; text-align: center; z-index: 99; -webkit-transform: translateY(-49%); transform: translateY(-49%); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } .curosel-style .owl-nav .owl-next { left: auto; right: -45px; } .single_gallery.curosel-style .owl-nav div { left: 30px; } .single_gallery.curosel-style .owl-nav .owl-next { right: 30px; left: auto; } .portfolio_gallery_post.curosel-style .owl-nav div { left: 0px; } .portfolio_gallery_post.curosel-style .owl-nav .owl-next { right: 0px; left: auto; } .portfolio_gallery_post.curosel-style .owl-nav div { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } .curosel-style .owl-nav .owl-next:hover { background: #03b162; color: #fff; } .curosel-style .owl-nav .owl-prev:hover { background: #03b162; color: #fff } .owl-carousel .owl-item img { margin: auto; } .curosel-style:hover .owl-nav div { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } .em_testi_content { position: relative; text-align: center; } /*---------------------- * SUBSCRIBE AREA CSS -----------------------*/ .subscribe_area .kc_text_block p { color: #888888; font-family: montserrat; font-size: 18px; font-weight: 300; letter-spacing: 1px; text-align: center; } /*---------------------- * SLICK SLIDER AREA CSS -----------------------*/ .em-slick-testi-main { text-align: center; } /*---------------------- * SLIDER AREA CSS -----------------------*/ .main-slider-area { overflow: hidden; display: block; position: relative; } .nivo-caption { background: rgba(0, 0, 0, 0.0) none repeat scroll 0% 0; height: 100%; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } .em-slider-content-nivo {} .em_slider_right {} .em_slider_inner { margin: auto; /* width: 60%; */ position: absolute; top: 50%; left: 0; right: 0; transform: translateY(-50%); } /* slider title */ .em-slider-title { font-size: 35px; margin-bottom: 15px; } .em-slider-title span{ color:#03b162; } .em-slider-sub-title { font-size: 83px; margin-bottom: 20px; line-height: 103px; font-weight: 700; } .em-slider-descript { color: #626262; font-size: 20x; width: 51%; } .em_slider_inner ul{} .em_slider_inner ul li{ margin-right: 10px; margin-top: 5px; display: inline-block; } .em_slider_inner ul li i{ margin-right: 10px; } .em_slider_inner ul li a{ color:#fff; } .em-slider-button{ margin-top: 43px; } .text-left .em-slider-descript { margin-left: 0; margin-right: auto; } .text-center .em-slider-descript { margin: 0 auto 31px; width: 52%; } .text-right .em-slider-descript { margin-right: 0; margin-left: auto; } /* button */ .em-button-button-area a { /* border: 1px solid #03b162; */ color: #03b162; display: inline-block; font-size: 18px; font-weight: 700; margin: 0 4px; padding: 15px 36px; position: relative; border-radius: 5px; transition: all 0.5s ease 0s; z-index: 1; background:#fff; } a.em-active-button { background: #03b162; color: #fff; } .em-button-button-area a:hover { color: #fff; background: #03b162; border-color: #03b162; } a.em-active-button:hover { background:#fff; /* border-color: #fff; */ color:#03b162; /* background: transparent; border-color: #fff; */ } .witr_nivideo_btns i{ width: 50px; height: 50px; line-height: 50px; text-align: center; border-radius: 50px; background: #02101e; color:#fff; } .witr_nivideo_btns i:hover{ background: #03b162; } .witr_nivideo_btns i::after { position: absolute; content: ''; width: 100%; height: 100%; background: #02101e; border-radius: 50%; left: 0; right: 0; z-index: -1; animation: witr_squares 1.5s ease-in-out infinite; } a.witr_nivideo_btns{ padding:0; background: none; } a:hover.witr_nivideo_btns{ padding:0; background: none; } .em-slider-half-width { width: 50%; } .em-slider-left { padding-right: 30px; } .em-slider-right { padding-left: 30px; } .em-slider-full-width { width: 85%; } .em-slider-half-width .em-slider-descript { width: 100%; } /* image */ .text-left .em_slider_s2_content { margin-right: 25%; } .text-center .em_slider_s2_content { margin-right: 0; } .text-right .em_slider_s2_content { margin-left: 25%; } .em_slider_s2_image { position: relative; } .em_slider_s2_image img{ /* width:100%; */ } .em_sc_100{ width:100%; margin-top: 30px; } /* directionNav */ .em-nivo-slider-wrapper .nivo-directionNav {} .em-nivo-slider-wrapper .nivo-directionNav a { top: 50%; transform: translateY(-50%); height: 50px; width: 50px; line-height: 48px; border: 1px solid #fff; text-align: center; display: block; border-radius: 50%; color: #fff; font-size: 22px; left: 0; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; visibility: hidden; } .em-nivo-slider-wrapper .nivo-directionNav .nivo-prevNav {} .em-nivo-slider-wrapper .nivo-directionNav .nivo-nextNav { left: auto; right: 0; } .em-nivo-slider-wrapper .nivo-directionNav a:hover { background: #03b162; border-color: #03b162; color: #fff; } .em-nivo-slider-wrapper:hover .nivo-directionNav a { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; visibility: visible; left: 50px; } .em-nivo-slider-wrapper:hover .nivo-directionNav .nivo-nextNav { left: auto; right: 50px; } /* controlNav */ .em-nivo-slider-wrapper .nivo-controlNav { bottom: 50px; padding: 0; position: absolute; width: 100%; z-index: 9; } .em-nivo-slider-wrapper .nivo-controlNav a { background: #000 none repeat scroll 0% 0; border-radius: 50%; cursor: pointer; display: inline-block; font-size: 14px; height: 25px; margin: 0 5px; width: 25px; color: #fff; line-height: 25px; } .em-nivo-slider-wrapper .nivo-controlNav a:hover, .em-nivo-slider-wrapper .nivo-controlNav a.active { background: #03b162 none repeat scroll 0% 0; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } /* recent post */ .footer-address { padding-top: 12px; } .footer-widget.address, .footer-widget.address p { color:#17161a; } .footer_s_inner { margin-top: 0px; } .footer-sociala-icon { clear: both; float: left; font-size: 18px; margin-right: 12px; } .single-widget-item { overflow: hidden; } .recent-post-item { clear: both; overflow:hidden; } .footer-middle .recent-post-item { /* padding-bottom: 15px; border-bottom: 1px solid #e8e8e8; */ } .footer-middle .recent-post-item:last-child { border-bottom: 0; } .recent_post_open .recent-post-item { margin-bottom: 25px; } .recent-post-image { float: left; } .recent-post-image a { display: inline-block; } .recent-post-image a { margin-top: 0; } .recent-post-text { overflow: hidden; } .blog-left-side .recent-post-item { clear: both; overflow: hidden; margin-bottom: 10px; } .blog-left-side .recent-post-text { overflow: hidden; margin-top: -6px; } .footer-middle .recent-post-item + .recent-post-item { margin-top: 15px; } .learn_btn { border: 0 none; border-radius: 100px; display: inline-block; font-size: 17px; font-weight: 500; padding: 8px 5px; text-align: center; text-transform: capitalize; text-align: center; } .learn_btn:hover{ color:#03b162; } .learn_btn i { font-size: 15px; margin-left: 3px; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; color:#03b162; } .learn_btn:hover i { } .learn_more_adn { } .learn_more { padding-top: 7px; } /* recent-review */ .recent-review-content h3, .recent-review-content h3 a { font-size: 16px; font-weight: 400; clear: both; text-align: left; } span.em_footercrating { float: right; } .recent-Review-area .owl-dot{ border-color:#fff; } /*===================== solarfiy adn blog css =========================*/ .solarfiy-single-blog_adn { background-color: #fff; box-shadow: 0px 0px 30px 0px rgba(148,146,245,0.2); overflow: hidden; text-align: left; -webkit-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } /* BLOG THUMB CSS */ .blog_adn_thumb_inner{ position:relative; } .solarfiy-blog-thumb_adn { overflow: hidden; position:relative; } .solarfiy-blog-thumb_adn a { position: relative; } .solarfiy-blog-thumb_adn a { display: block; } .solarfiy-blog-thumb_adn:before { content: ""; left: 0px; top: 0px; right: 0px; bottom: 0px; background: #03b162; width: 100%; height: 100%; position: absolute; background: rgba(0, 0, 0, .7); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; z-index: 999; transition: .5s; } .solarfiy-blog-thumb_adn img { display: block; -webkit-transition: 6s; transition: 6s; width: 100%; } /* BLOG TITLE AND CONTENT CSS */ .em-blog-content-area_adn { padding: 0px 10px 16px 20px; } .witr_blog_4 .em-blog-content-area_adn, .witr_blog_3 .em-blog-content-area_adn { padding: 15px 10px 16px 20px; } .blog-inner_adn {} .blog-content_adn {} .blog-content_adn h2 { margin: 0 0 18px; } .blog-page-title_adn a { display: block; font-size: 20px; font-weight: 600; margin-bottom: 0; text-transform: capitalize; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } .blog-page-title_adn a:hover { color: #03b162; } .blog-content_adn h2 a { font-size: 15px; font-weight: 700; text-transform: uppercase; } .blog-content_adn h2 a:hover { color: #03b162; } .blog-content_adn p { margin-bottom: 0; } .blog_add_icon { position: absolute; left: 50%; top: 50%; text-align: center; z-index: 999; transform: translateX(-50%) translateY(-50%); opacity:0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; transition:.5s; } .blog_add_icon a { color: #fff; width: 45px; height: 45px; line-height: 45px; background: #03b162; border-radius: 50%; } .blog-page-title_adn2 { position: absolute; left: 0; right: 0; bottom: 0; text-align: center; z-index: 9999; } .blog-page-title_adn2 h2{ margin:0px; background: #03b162d9; padding: 15px; color:#fff; transition:.5s; } .blog-page-title_adn2 h2 a{ color:#fff; } /* style 7 */ .witr_ablog_7 { position: relative; padding-bottom: 80px; } .witr_ablog_content { position: absolute; left: 15px; right: 15px; bottom: -3px; text-align: center; z-index: 9999; background: #fff; padding: 15px 14px 14px; box-shadow: 0px 5px 20px 0px #dddddd3b; } .witr_ablog_content h2{ padding-top: 5px; } .witr_ablog_content span{ margin:0px 5px; font-size:15px; color:#324452; } .witr_ablog_content span i{ margin-right:3px; } .witr_ablog_7:hover .solarfiy-blog-thumb_adn:before{ opacity:1; } /* BLOG POST META CSS */ .solarfiy-blog-meta_adn { margin-bottom: 0px; margin-top: 0; width: 100%; } .solarfiy-blog-meta_adn:after { display: block; clear: both; content: ""; } .solarfiy-blog-meta_adn a {} /* BLOG POST META LEFT CSS */ /* left style 1 */ .solarfiy-blog-meta-left_adn { padding: 0 0 8px; } .solarfiy-blog-meta-left_adn a, .solarfiy-blog-meta-left_adn span { color: #454545; font-size: 12px; font-weight: 400; margin-right: 5px; text-transform: uppercase; } .solarfiy-blog-meta-left_adn a, .solarfiy-blog-meta-left_adn span { color: #888888; font-size: 12px; margin-right: 5px; text-transform: capitalize; -webkit-transition: .3s; transition: .3s; } .solarfiy-blog-meta-left_adn a:hover, .solarfiy-blog-meta-left_adn span:hover { color: #03b162; } .solarfiy-blog-meta-left_adn i { margin-right: 5px; color: #03b162; } .blog-page-title_adn > h2 { margin-bottom: 8px; } /* BLOG POST META RIGHT CSS */ .solarfiy-blog-meta-right_adn { padding: 7px 0; text-transform: capitalize; } .solarfiy-blog-meta-right_adn a, .solarfiy-blog-meta-right_adn span { font-size: 12px; color: #454545; margin-left: 5px; } .solarfiy-blog-meta-right_adn i { margin-right: 5px; } /* blog readmore */ .readmore_adn a { border: 1px solid #ddd; color: #444; display: inline-block; font-size: 11px; font-weight: 400; padding: 6px 10px; text-transform: uppercase; transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; } .readmore_adn a:hover { border-color: #03b162; background: #03b162; color: #fff; } /* blog hover */ .solarfiy-single-blog_adn:hover .solarfiy-blog-thumb_adn::before, .solarfiy-single-blog_adn:hover .blog_add_icon { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } .solarfiy-single-blog_adn:hover .blog-page-title_adn2 h2{ background: #03b162d9; } .blog_nospace_adn.col-xs-12 { padding: 0px; } .blog_nospace_adn .solarfiy-single-blog { margin-bottom: 0px; } /* responsive 320 start */ /* small mobile :320px. */ @media (max-width: 479px) { body { overflow-x: hidden; } .solarfiy-header-top { /* display: none; */ } .top-right-menu ul.social-icons li { margin-left: 13px; } .mean-container .mean-bar:before { text-transform: uppercase; top: 19px; } .mean-container a.meanmenu-reveal { padding: 19px 20px 18px; } .witr_ac_style:before, .active .witr_ac_style:before{ display:none; } } /* responsive 320 end */ .btn { background-color: #03b162; border: 0 none; color: #fff; display: inline-block; font-weight: 600; padding: 15px 30px; } .btn-lg { font-size: 16px; padding: 20px 50px; } .btn-sm { font-size: 12px; letter-spacing: 1px; padding: 12px 20px; } .btn.btn-bordered { background: transparent none repeat scroll 0% 0; border: 2px solid #03b162; color: #03b162; padding-bottom: 11px; padding-top: 11px; } .btn.btn-lg.btn-bordered { padding-bottom: 16px; padding-top: 16px; } .btn.btn-sm.btn-bordered { padding-bottom: 8px; padding-top: 8px; } .btn-icon i { font-size: 10px; left: 0; position: relative; -webkit-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } .btn-icon:hover i { left: 2px; } .btn:hover, .btn:focus { background-color: #03b162; color: #fff; } .btn.btn-bordered:hover { background-color: #03b162; color: #fff; } .btn:active { background-color: #AC2925; } .button-group { margin-top: 30px; } .button-group a { margin-right: 25px; } .button-group a:last-child { margin-right: 0; } /*===================== solarfiy event AREA CSS =========================*/ .related-projects-area { padding-bottom: 70px; margin-top: 75px; } .solarfiy-single-event_adn { overflow: hidden; margin-bottom:30px; transition: .5s; } /* event THUMB CSS */ .solarfiy-event-thumb_adn { overflow: hidden; position: relative; } .solarfiy-event-thumb_adn:before { content: ""; left: 0px; top: 0px; right: 0px; bottom: 0px; width: 100%; height: 100%; position: absolute; z-index: 999; transition: .5s; z-index:999; } .solarfiy-event-thumb_adn img { transition: .5s; display: block; width: 100%; transform:scale(1); } .solarfiy-event-thumb_adn:hover img{ transform:scale(1.1); } .witr_icon_adn { left: 50%; position: absolute; top: 50%; transform: translateX(-50%) translateY(-50%); z-index: 99999; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; transition: .5s; } .solarfiy-single-event_adn:hover .witr_icon_adn { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } .witr_icon_adn a { background: #03b162; color: #fff; display: block; height: 42px; line-height: 42px; text-align: center; border-radius: 50%; width: 42px; } /* event TITLE AND CONTENT CSS */ .em-event-content-area_adn { padding: 25px 19px 30px; border: 1px solid #ddd; transition: .5s; /* display: inline-block; */ } .event-inner_adn{} .event-content_adn{} .event-content_adn h2{ margin: 0 0 18px; } .event-content_adn h2 a { font-size: 15px; font-weight: 700; text-transform: uppercase; } .event-page-title_adn h2 { margin-bottom: 6px; font-size: 22px; } .event-page-title_adn a { color: #333333; text-transform: capitalize; font-weight: 600; } .event-page-title_adn p{ margin:0; } /* event POST META CSS */ /* left style 1 */ .solarfiy-event-singlea { padding-bottom: 20px; } h2.related-projects-title.text-left { padding-bottom: 30px; } .solarfiy-event-meta-left_adn { /* float: left; */ position: relative; line-height: 1; margin-top: 6px; } .solarfiy-event-meta-left_adn.esi { float: none; margin-bottom: 12px; } .event_date_5 span, .solarfiy-event-meta-left_adn a, .solarfiy-event-meta-left_adn span{ color: #888888; margin-right: 5px; font-size: 17px; display: inline-block; line-height: 1.7; } .event_all_color span i { font-size: 13px; margin-right: 10px; } .solarfiy-event-meta-left_adn i { margin-right: 5px; } /* event hover */ .solarfiy-single-event_adn:hover .solarfiy-event-thumb_adn a:before { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } .solarfiy-single-event_adn:hover .solarfiy-event-thumb_adn img { -webkit-transform: scale(1.1); transform: scale(1.1); } .event_nospace_adn.col-xs-12 { padding: 0px; } .event_nospace_adn .solarfiy-single-event_adn { margin-bottom: 0px; } .em-pevent .solarfiy-event-thumb_adn { float: left; } .em-pevent .em-event-content-area_adn { padding: 0; border: 0px solid #ddd; padding-left: 15px; } .em-pevent .event-page-title_adn h2 { margin: 0 0 3px 0; } .solarfiy-single-event_adn.em-pevent { padding: 20px 0; margin: 0; border-top: 1px solid #ddd; } .event_date { position: absolute; left: 10px; top: 10px; background: #03b162; padding: 10px 13px; /* width: 60px; */ /* height: 70px; */ text-align: center; border-radius: 5px; color: #fff; } .event_date span { display: block; line-height: 20px; } .event_date_list { background: #03b162; padding: 5px 0 0; width: 90px; height: 110px; text-align: center; font-size: 20px; /* line-height: 70px; */ color: #fff; } .event_date_list span { display: block; line-height: 1; } .event_date_list span+span { margin-top: 5px; } .solarfiy_event_icon span { font-size: 15px; } .solarfiy-single-event_adn:hover .event-page-title_adn a { color: #03b162; } .mean-container .mean-bar:before { text-transform: uppercase; } /*===================== solarfiy Event 3 CSS =========================*/ .witr_3e .event-page-title_adn h2 { margin: 10px 0 5px; display: inline-block; } .witr_event_btn{ margin-top: 30px; position:relative; } .margin_top0 .witr_event_btn{ margin-top: 0px; } .witr_event_btn a{ border-radius: 5px; color: #fff; display: inline-block; font-size: 18px; font-weight: 500; padding: 13px 25px; -webkit-transition: 1s; transition: 1s; margin-top: 25px; background: #03b162; } .witr_event_btn a:hover{ color:#fff; background:#02101e; border-color:#02101e; } .event_active .slick-prev { left: -60px; } .event_active .slick-next { right: -60px; } /*===================== solarfiy Event 4 CSS =========================*/ .solarfiy_event_abs { position: absolute; /* top: 0; */ left: 0; bottom: 30px; right: 0; padding-left: 30px; z-index: 999; } .solarfiy_event_abs span{color:#fff;} .solarfiy_event_abs h2{} .solarfiy_event_abs h2 a{ color:#fff; transition:.5s; } .solarfiy_event_abs h2 a:hover{ color:#03b162; } .witr_category { position: absolute; left: 30px; top: 0px; z-index: 999; } .witr_category .tevbt{ color: #fff; background: #03b162; padding: 4px 15px; display: inline-block; z-index:9; } .mrbe20{ } /* event style 5 */ .witr_event_style_5.solarfiy-single-event_adn { box-shadow: 0px 0px 30px 0px #00000014; padding: 15px 0px; } .witr_event_style_5 .event-page-title_adn { padding-top: 66px; } .witr_event_style_5 .witr_event_d{ padding-top: 73px; } .witr_event_style_5 .witr_event_btn { margin-top: 55px; } /* event style 6 */ .witr_event_6 .solarfiy_event_date{ background: #03b162d1; display: inline-block; padding: 10px 15px; border-radius: 5px; margin-bottom: 14px; } .witr_event_6 .solarfiy-event-meta-left_adn { margin-top: 0; } /*===================== solarfiy Event 7 CSS =========================*/ .event_admin_area{ position: absolute; top: -45%; left: 50%; transform: translate(-50%, -50%); text-align: center; transition:.5s; } .witr_event_style_7:hover .event_admin_area{ top: 40%; } .event_admin_area::before{ position: absolute; left: 50%; content: ""; top: 80%; transform: translate(-50%, -50%); border: 120px solid #03b162db; border-right-color: transparent; border-left-color: transparent; border-bottom-color: transparent; z-index: -1; } .single_admin{} .single_admin h1{ color:#fff; font-size: 18px; margin-bottom: 0; } .single_admin p{ color:#fff; font-size: 15px; } .single_admin img{ width: auto; display: inline; } .span_text{} .span_text span{ font-size: 15px; } .span_text span i{ color:#03b162d1; } .witr_event_style_7 .event-page-title_adn{ padding-top: 43px; } .witr_event_style_7 .witr_event_btn{ margin-top: 0px; text-align: right; margin-right: 15px; } .witr_event_style_7 .witr_event_btn a{ margin-top: 0px; background: transparent; border: 1px solid #ddd; color:#1b1a1a; font-weight: 700; transition:.5s; padding: 13px 30px; } .style7_day { position: absolute; bottom: 0px; right: -4px; left:0; transition: .5s; transform: scale(0); } .witr_event_style_7:hover .style7_day{ transform: scale(1); } .style7_day span { border-radius: 5px; color: #fff; display: inline-block; font-size: 18px; font-weight: 700; padding: 13px 35px; transition: .5s; background: #03b162; } /* witr_event_style_8 */ .event_display_flex{ display: flex; align-items: center; justify-content: center; } .wite_event_box { margin-left: 40px; width: 100%; } .witr_image_event { width: 100%; } .witr_content_event{} .witr_content_event p{ margin-top:10px; } .witr_event_style_8.witr_event_style_5.solarfiy-single-event_adn { padding: 0 20px 0 0; margin: 5px 0px 32px 0px; } .witr_event_style_8.witr_event_style_7 .event-page-title_adn{ padding-top: 0px; } .witr_event_style_8.witr_event_style_7 .witr_event_btn { text-align: initial; } .witr_event_style_8.witr_event_style_7 .witr_event_btn a { background: #03b162; border: none; color: #fff; transition: .5s; padding: 13px 30px; } .witr_event_style_8.witr_event_style_7 .witr_event_btn a:hover{ background: #02101e; } .witr_event_style_8.witr_event_style_7:hover .event_admin_area { top: 23%; } .witr_event_style_8.witr_event_style_7 .witr_event_btn { margin-bottom: 20px; } /*===================== solarfiy Single Event CSS =========================*/ .single_event_content{ padding:25px 30px 20px; } .event-description { box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.1); padding: 42px 20px 32px; background: #fff; } .event-dsc-title > h2 { font-size: 25px; padding-bottom: 10px; text-transform: uppercase; } span.eleft { color: #02101e; font-weight: 700; font-size: 18px; } .event-dsc-info li { list-style: outside none none; margin-bottom: 25px; font-size: 17px; display: inline; margin-right: 30px; line-height: 2.7; } .event-dsc-info li i { margin-right: 10px; display: inline-block; } /* singleService */ .medi_singleService{ position: relative; background: #fff; padding: 36px 20px 36px; box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 10%); } .medi_singleService:after{ position: absolute; width: 100%; height: 2px; background: #03b16236; left: 0; bottom: 0; right: 0; margin: auto; content: ''; z-index: 2; transition: all 0.4s ease-out; } .medi_singleService:before{ position: absolute; width: 0; height: 2px; background: #03b162; left: 0; bottom: 0; right: 0; margin: auto; content: ''; z-index: 3; transition: all 0.4s ease-out; } .medi_singleService:hover:before{ width: 100%; } .medi_singleService img{ float: left; margin-right:15px; } .medi_singleService i{ display: inline-block; text-align: center; margin-right: 15px; font-size: 35px; } .wirt_s2_s6 img, .wirt_s2_s6 i { float:none; margin:0; } .medi_singleService h3{ line-height: 28px; display: inline-block; margin: 12px 0 15px; } .medi_singleService p{ margin: 0; } .witr_ser_btnb a{ display:inline-block; } .wirt_s2_s5i { overflow: hidden; } .medi_singleService.wirt_s2_s5 h3 { margin: 0; margin-bottom: 10px; } .medi_singleService.wirt_s2_s6 h3 { margin: 0; margin-bottom: 10px; margin-top: 15px; } /* wirt_s2_s8 */ .medi_singleService.wirt_s2_s8 h2{ display: inline-block; font-size: 17px; margin-left: 10px; font-weight: 400; } /* unit test footer*/ .footer-middle .widget.widget_archive .widget-title { margin-bottom: 34px !important; margin-top: 28px !important; } .footer-middle .widget.widget_search .widget-title { margin-top: 25px !important; } .footer-middle .widget.widget_tag_cloud .widget-title { margin-bottom: 20px !important; } .footer-middle .widget.widget_nav_menu .widget-title { margin-bottom: 25px !important; } .footer-middle .widget.widget_text p img { margin-top: 10px !important; margin-bottom: 6px !important; } .blog-left-side .widget.widget_text p img { margin-top: 10px !important; margin-bottom: 6px !important; } .footer-middle .widget.widget_text p img { margin-top: 10px !important; margin-bottom: 6px !important; } table#wp-calendar td#today a{ color: #fff; } .blog-left-side .widget h2 { margin-top: 0; } .footer-middle #archives-dropdown--1 { height: 34px; width: 100%; } .widget.widget_categories select{ width: 100%; height: 34px; } .widget .screen-reader-text { display: none; } .search input { /* width: 100%; */ } .textwidget select { width: 100%; } .footer-middle .widget ul li span { display: block; } .comment_field .textarea-field label { margin-top: 20px; margin-bottom: 10px; } .blog-content { word-break: break-word; } .post-password-form input[type=submit] { background: #03b162; } .page-list-single { clear: both; } .blog-left-side .widget h2 { } .blog-page-title h2 { } .solarfiy-single-blog-title h2 { } .footer-middle .widget h2 { } .em-blog-content-area { padding: 28px 35px 30px; } .mobile-menu{ display:none !important; } .mobile_logo_area{ display:none !important; } /* witr_modal_area */ .witr_modal_area{ position: absolute; } .witr_modal_box{ position: absolute; } .witr_modal_box:nth-child(1){} .witr_modal_box:nth-child(2){ left:30px; } .witr_modal_box:nth-child(3){} .witr_modal_box:nth-child(4){ left:30px; } .witr_modal_box:nth-child(5){} .witr_modal_box:nth-child(6){ left:30px; } .witr_modal_box:nth-child(7){} .witr_modal_menu{ z-index: 1; position: relative; text-align: left; } .witr_modal_menu i{ cursor: pointer; width: 40px; height: 40px; line-height: 40px; background: #fff; box-shadow: 0px 0px 65px 0px rgba(0,0,0,0.1); display: inline-block; text-align: center; border-radius: 100px; color:#03b162; } .witr_modal_menu img{ cursor: pointer; } .witr_modal_menu h4{ cursor: pointer; } .witr_modal_box .modal{ position: relative; left: -60px; overflow: inherit; z-index: 2; top:15px; } .modal-open{ padding-right: 0 !important; padding-left: 0 !important; } .witr_modal_text{ width:250px; background: #fff; box-shadow: 0px 0px 65px 0px rgba(0,0,0,0.1); padding: 25px 20px 24px 30px; border-radius: 5px; text-align: left; } .close { float: right; } .witr_modal_title{} .witr_modal_title h3{} .witr_modal_list{} .witr_modal_list ul li{ list-style: none; } .witr_modal_list ul li a{} .witr_modal_list ul li a i{ margin-right:5px; } .witr_modal_list span{ display: inherit; margin-top: 5px; } .witr_modal_list p{} .modal-backdrop.show { display:none; } /* Social Feed Css */ .witr_feed_news{} .snigle_news_feed{ position:relative; box-shadow: rgba(0, 0, 0, 0.07) 0px 0px 30px 0px; padding: 30px 30px 20px; border-radius:5px; transition:1s; } .snigle_news_feed:hover{ top:-10px; } .snigle_news_feed i{ font-size: 30px; display: inline-block; } .snigle_news_feed i, .snigle_news_feed img{ float: left; margin-top: 5px; } .news_feed_title { overflow: hidden; margin-left: 18px; display: inline-block; } .news_feed_title h3{ margin: 0; } .news_feed_title h2{ font-size: 14px; margin: 0; font-weight: 400; } /* icon */ .witr_feed_icons { position: absolute; top: 50%; right: 6px; transform: translate(-50%, -50%); } .witr_feed_icons span{ display: inline-block; font-size: 28px; color:#02101e; transition:.5s; } .witr_feed_icons span:hover{ color:#03b162; } /* color class */ .witr_all_color_style{} .witr_all_color_style h2{} .witr_all_color_style h3{} .witr_all_color_style h1{} /* end color class */ /* witr carsoule image edit */ /* left */ .images_area.wittr_car_top_left .slick-dots { left: 0; top:15%; display: block; } .images_area.wittr_car_top_left .slick-dots li { display: block; } /* right */ .images_area.wittr_car_top_right .slick-dots { left: auto; top:15%; display: block; right:0; } .images_area.wittr_car_top_right .slick-dots li { display: block; } /* blog new style .witr_nth_child:nth-child(odd) { } .witr_nth_child:nth-child(even) { margin-top:30px; margin-bottom:0; } */ .witr_nth_child .wblog-content { padding: 23px 15px 20px; box-shadow: 0px 2px 0px 1px rgba(196, 206, 213, 0); } /* top search menu */ /* top quearys */ .em-top-quearys-area { position: relative; } .em-header-quearys { list-style: none; } .em-quearys-menu i { background: #03b162; border-radius: 50px; display: inline-block; height: 26px; text-align: center; width: 26px; line-height: 26px; font-size: 14px; color: #fff; } .em-quearys-inner {} .em-quearys-form { width: 100%; max-width: 895px; margin: auto; padding: 30px 0; } .top-form-control { position: relative; } .top-form-control input { background: transparent; color: #fff; font-size: 50px; font-weight:500; height: 100px; padding: 0 40px 0 15px; width: 100%; border: none; -webkit-transition: 1s; transition: .5s; border-bottom: 3px solid #fff; } .top-form-control input::-webkit-input-placeholder { color: #fff; font-size: 50px; } .top-form-control input::-moz-placeholder { color: #888888; font-size: 14px; } .top-form-control input:-ms-input-placeholder { color: #888888; font-size: 14px; } .top-form-control button.top-quearys-style { position: absolute; right: 6px; top: 50%; /* height: 44px; */ background: transparent; font-size: 45px; border: none; color: #fff; transform: translateY(-50%); } .em-s-hidden { display: none !important; } .em-quearys-inner { visibility: hidden; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: fixed; top: 0; left: -150%; width: 100%; height: 100%; background: rgba(0, 0, 0, 0); z-index: 10000; -webkit-transition: all 0s 0s cubic-bezier(0.32, 0, 0, 1), background .3s 0s cubic-bezier(0.32, 0, 0, 1), -webkit-transform .3s .15s cubic-bezier(0.32, 0, 0, 1); transition: all 0s 0s cubic-bezier(0.32, 0, 0, 1), background .3s 0s cubic-bezier(0.32, 0, 0, 1), -webkit-transform .3s .15s cubic-bezier(0.32, 0, 0, 1); transition: all 0s 0s cubic-bezier(0.32, 0, 0, 1), transform .3s .15s cubic-bezier(0.32, 0, 0, 1), background .3s 0s cubic-bezier(0.32, 0, 0, 1); transition: all 0s 0s cubic-bezier(0.32, 0, 0, 1), transform .3s .15s cubic-bezier(0.32, 0, 0, 1), background .3s 0s cubic-bezier(0.32, 0, 0, 1), -webkit-transform .3s .15s cubic-bezier(0.32, 0, 0, 1); -webkit-transform: scale(1.1); transform: scale(1.1); visibility: hidden; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; left: -150%; background: rgba(0, 0, 0, 0); } .em-quearys-inner{} .em-s-open{ visibility: visible; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; left: 0; background: #000000e6 !important; -webkit-transform: scale(1); transform: scale(1); } /* nav.solarfiy_menu.main-search-menu { */ /* float: right; */ /* margin-right: 0px; */ /* } */ .witr_h_h12 .solarfiy_menu, .witr_h_h13 .solarfiy_menu{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: pace-between; -ms-flex-pack: pace-between; justify-content: space-between; } .witr_h_h2 .solarfiy_menu, .witr_h_h3 .solarfiy_menu, .witr_h_h4 .solarfiy_menu, .witr_h_h5 .solarfiy_menu, .witr_h_h6 .solarfiy_menu, .witr_h_h7 .solarfiy_menu, .witr_h_h8 .solarfiy_menu, .witr_h_h9 .solarfiy_menu, .witr_h_h10 .solarfiy_menu, .witr_h_h11 .solarfiy_menu, .witr_h_h14 .solarfiy_menu, .witr_h_h17 .solarfiy_menu { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .solarfiy_menu.main-search-menu > .em-header-quearys, .em-quearys-top.msin-menu-search{ display: inline-block; } .em-quearys-top.msin-menu-search .em-quearys-menu i { height: 36px; width: 36px; line-height: 36px; margin-left: 20px; cursor: pointer; } .solarfiy_menu div.em-header-quearys { text-align: center; } /* social icon menu style */ .footer-social-icon.htop-menu-s { display: inline-block; margin-left: 15px; } .donate-btn-header { /* padding: 28px 0px 24px; */ } .em_top_cart.hshop { padding: 37px 0; } /* New Top Menu Css */ .top-welcomet p span i{ font-size: 13px; color: #fff; margin-right: 5px; } .creative_header_address_text > p { word-break: break-all; } .creative_header_button .dtbtn { padding: 11px 24px; } /* cr logo */ .top-welcomet p{ margin:0px; color:#fff; } /* creative btn */ .tx_menuc_btn { text-align: right; } .tx_menuc_btn .tx_mc_btn { background: #006ff9; border-radius: 5px; color: #fff; display: inline-block; font-size: 15px; font-weight: 600; margin-left: 0; padding: 12px 26px; transition: .5s; } .tx_menuc_btn .tx_mc_btn:hover{ background: #131414; color: #fff; } /* social icon */ .top_crmenu_i_list li{ display: inline; margin-left: 5px; } .top_crmenu_i_list li a i{ display: inline-block; height: 42px; width: 42px; background: #ffffff5e; text-align: center; line-height: 42px; border-radius: 30px; box-shadow: 0 0 65px 0 #00000029; color: #03b162; transition: .5s; } .top_crmenu_i_list li a i:hover{ background:#006ff9; color:#fff; } /* top cr menu css */ .top_crmenu_l { /* margin-top: 9px; */ } .top_crmenu_l li { display: inline-block; margin-left: 10x; position: relative; } .top_crmenu_l li a { font-weight: 500; } .top_crmenu_l li a:hover{} .top_crmenu_l ul { position: absolute; left: 0px; top: 100%; visibility: hidden; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; border-top: 1px solid #006ff9; width: 114px; text-align: left; background: #fff; z-index: 999; padding:10px; } .top_crmenu_l li:hover ul { opacity: 1; transition: .5s; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; visibility: visible; } .top_crmenu_l li li a{ margin: 0; padding: 1px 0; display: inline-block; color:#fff; font-weight:400; } .top_crmenu_l li li a:hover{ color:#006ff9; } .tx_top_together { display: flex; justify-content: flex-start; } /* top cr menu css */ .top_crmenu_l .menu-item-has-children > a:after { margin-left: 5px; content: "\e62a"; font-family: themify; opacity: 1; font-size: 15px; opacity: .7; } .margin_l30{ margin-left: 30px; } .margin_l30 .top_crmenu_l ul { border-top: none; background: #ff4a17; z-index: 99999; } .margin_l30 .top_crmenu_l li li a:hover{ color:#fff; } .margin_l30 .top_crmenu_l li li a:hover{ color:#222222; } .top_crt_style { background: #568aff; padding: 20px 0; } .top_crt_style i{ color:#fff; } .top_crt_style h3{ color:#fff; } .top_crt_style p, .top_crt_style p a { color:#fff; } .top_crt_style .main_sticky_l{ display:none; } .top_crt_style .logo a { margin-top: 0; } .cr_top_addess.top-address p a,.cr_top_addess.top-address p a span{ margin-right:0px; } .cr_top_addess.top-address p{} .creative_header_address { padding-left: 46px; } .creative_header_button { padding-left: 30px; } .tx_menuc_btn .tx_mc_btn i, .creative_header_button i, .donate-btn-header i { margin-left:5px; } .d_main_none{ display:none; } .mainmenu_width_tx.container { padding: 0; } /* main menu button search together */ .tx_menu_together, .tx_bs_together { display: flex; justify-content: flex-end; align-items: center; } .wrapper{ position:relative; } .all_header_abs { position: absolute; left: 0; right: 0; top: 0; z-index: 999; } /* top search */ .topsr .em-quearys-menu { text-align: center; } .witr_video_blog_c iframe { width: 100%; height: 275px; } .single-blog-content iframe { width: 100%; } /* =========== Slick slider Main css============ */ .witr_ds_content{ position:relative; z-index:1; } .elementor-section-full_width .witr_containers { margin: auto; width:63%; } .witr_ds_content:before{ position:absolute; left:0px; top:0px; right:0px; bottom:0px; content:""; z-index:-1; } .witr_ds_content_area{ } .witr_ds_content { height: 826px; background-size: cover; background-position: center center; overflow:hidden; } .witr_ds_content_inner { position: relative; top: 50%; transform: translateY(-50%); } .witr_ds_content_inner h1{ font-size: 24px; margin-bottom: 15px; } .witr_ds_content_inner h2, .witr_ds_content_inner h3{ font-size: 84px; margin-bottom: 20px; } .witr_ds_content_inner h1 span, .witr_ds_content_inner h2 span, .witr_ds_content_inner h3 span{ color: #03b162; } .witr_ds_content_inner p { width: 62%; margin: 15px auto 15px auto; font-weight: 500; font-size: 20px; } /* list css a */ .witr_slick_list{ margin-top: 30px; } .witr_slick_list ul{} .witr_slick_list ul li{ display:inline-block; margin-right: 15px; margin-bottom: 10px; } .witr_slick_list ul li, .witr_slick_list ul li a{ font-weight: 500; } .witr_slick_list ul li i { margin-right: 5px; } .witr_slicks_title{ position: absolute; top: -13%; bottom: 0; right: 0; left: 0; z-index: -1; } .witr_slicks_title h4{ font-size:150px; -webkit-text-stroke: 1px #02101e; -webkit-text-fill-color: transparent; color: #02101e; line-height: 1; opacity: 0.07; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=7)"; margin: 0; } /* slider text align */ .text-left .witr_ds_content_inner h1, .text-left .witr_ds_content_inner h2, .text-left .witr_ds_content_inner h3, .text-left .witr_slicks_title h4{ width: 70%; margin: 0px auto 7px 0; } .text-left .witr_ds_content_inner p { width: 62%; margin: 14px auto 15px 0; } .text-center .witr_ds_content_inner h1, .text-center .witr_ds_content_inner h2, .text-center .witr_ds_content_inner h3, .text-center .witr_slicks_title h4, .text-center .witr_ds_content_inner p { margin-left:auto; margin-right:auto; } .text-right .witr_ds_content_inner h1, .text-right .witr_ds_content_inner h2, .text-right .witr_ds_content_inner h3, .text-right .witr_slicks_title h4 { width: 70%; margin: 0px 0 7px auto; } .text-right .witr_ds_content_inner p { width: 62%; margin: 14px 0 15px auto; } /* slider 2 text align */ .text-left .witrscontainer h1, .text-left .witrscontainer h2, .text-left .witrscontainer h3, .text-left .witr_slicks_title h4, .text-left .witrscontainer p { width: 70%; margin: 14px auto 15px 0; } .text-center .witrscontainer h1, .text-center .witrscontainer h2, .text-center .witrscontainer h3, .text-center .witr_slicks_title h4, .text-center .witrscontainer p { width: 70%; margin-left:auto; margin-right:auto; } .text-right .witrscontainer h1, .text-right .witrscontainer h2, .text-right .witrscontainer h3, .text-right .witr_slicks_title h4, .text-right .witrscontainer p { width: 40%; margin: 14px 0 15px auto; } .text-center .witrscontainer h1, .text-center .witrscontainer h2, .text-center .witrscontainer h3, .text-center .witr_slicks_title h4, .text-center .witrscontainer p { width: 76%; margin-left: auto; margin-right: auto; } /* slider 2 text align */ .text-left .witr_slicks_title h4 { width: 50%; } .text-right .witr_slicks_title h4 { width: 50%; } .text-center .witr_slicks_title h4{ width: 70%; margin-left:auto; margin-right:auto; } /* video icon css */ .slider_vd_icon { /* position: absolute; right: 15px; top: 50%; transform: translateY(-50%); */ } .text-left .slider_vd_icon { position: absolute; right: 15px; top: 50%; transform: translateY(-50%); z-index: 1; } .text-right .slider_vd_icon { position: absolute; left: 15px; top: 50%; transform: translateY(-50%); z-index: 1; } .tx_svd_icon{ background:#03b162; color:#fff; width:75px; height:75px; line-height:75px; border-radius:100%; display:inline-block; text-align:center; -webkit-animation: witr-shadow 1s linear infinite; animation: witr-shadow 1s linear infinite; -webkit-transition: 0.5s; } .tx_svd_icon i{ color:#fff; } @keyframes witr-shadow { 0% { box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.3), 0 0 0 10px rgba(255, 255, 255, 0.3), 0 0 0 20px rgba(255, 255, 255, 0.3); } 100% { box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.3), 0 0 0 20px rgba(255, 255, 255, 0.3), 0 0 0 30px rgba(255, 255, 255, 0); } } @media (min-width: 1200px){ .witrscontainer { max-width: 1430px; } } .witrscontainer { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } /* slider image thumb position */ .text-left .witr_slider_thumb { position: absolute; right: -100px; top: 64%; transform: translateY(-50%); } .text-right .witr_slider_thumb { position: absolute; left: -100px; top: 64%; transform: translateY(-50%); } .slider_btn .witr_btn{ border:none; outline: none; } .slider_btn .witr_btn i{ margin-right: 10px; } .slider_btn .witr_btn.active { background: transparent; border: 1px solid #03b162; color: #03b162; } .slider_btn .witr_btn.active:hover{ background: #03b162; border: 1px solid #03b162; color: #fff; } .slider_btn { margin-top: 50px; } .slick_pluse_btn{ display: inline-block; } .slick_pluse_btn span{ color: #fff; margin-left: 5px; display: inline-block; } /* video button 2 Style css */ .witr_video_btn{ font-size: 18px; font-weight: 500; } .witr_video_btn i{ position: relative; color: #fff; background: #03b162; height: 50px; width: 50px; text-align: center; line-height: 50px; display: inline-block; transition: .5s; border-radius: 50%; margin-right: 10px; font-size: 20px; } .witr_video_btn i::after{ position: absolute; content: ''; width: 100%; height: 100%; background: #03b162; border-radius: 50%; top: 0; animation-fill-mode: both; animation: witr_squares 1.5s ease-in-out infinite; left: 0; right: 0; bottom: 0; z-index: -1; } /* slider icon css */ .text-center .icon_section { position: absolute; left: 50%; bottom: -27%; transform: translate(-50%, -50%); } .text-left .icon_section { position: absolute; left: 0px; bottom: -22%; } .text-right .icon_section { position: absolute; right: 0px; bottom: -22%; } .icon_title{ display: inline-block; } .icon_title h3{ font-size: 14px; color: #fff; font-weight: 600; margin-right: 15px; } .solarfiy_slider_icon{ display: inline-block; } .solarfiy_slider_icon ul{} .solarfiy_slider_icon ul li{ list-style: none; display: inline-block; } .solarfiy_slider_icon ul li a{} .solarfiy_slider_icon ul li a i{ font-size: 15px; color: #fff; background: #03b162; height: 35px; width: 35px; line-height: 35px; text-align: center; border-radius: 5px; margin-right: 5px; transition: .5s; } .solarfiy_slider_icon ul li a i:hover{ background:#02101e; } /* footer text des */ .solarfiy-description-area{} .solarfiy-description-area a{} .solarfiy-description-area a img { margin: 26px 0; } .solarfiy-description-area p{} .footer-middle .solarfiy-description-area p, .solarfiy-description-area .phone a{ } .social-icons { text-align: left; } .solarfiy-description-area .social-icons a{ width: 40px; height: 40px; line-height: 40px; display: inline-block; background: #02101e; text-align: center; border-radius: 0px; margin-right: 5px; margin-bottom: 5px; color: #fff; } .solarfiy-description-area .social-icons a:hover{ background:#03b162; border-color:#03b162; } /* circle progress */ .witr_circle_area{ text-align:center; } .witr_cp_class{ position:relative; } span.witr_cir_text { position: absolute; content: ""; left: 50%; top: 50%; /* bottom: 0; */ font-size: 20px; /* right: 0; */ /* margin: auto; */ transform: translateX(-50%) translateY(-50%); font-weight:700; color:#7c7c7c; } span.witr_cir_text:first-letter { font-size: 0px; } .witr_circle_title { margin-top: 10px; } .witr_btn_hover a:hover{ color:#03b162 !important; } .slider_btn .witr_btn i { font-size: 15px; } .ps_absulate{ position: absolute !important; top: -154px; right: 0; left: 0; /* bottom: 0; */ z-index: 999; } .psc_absolute{ position: absolute !important; top: -340px; right: 0; left: 0; /* bottom: 0; */ z-index: 999; } .footer-logo img { margin-top: 30px; margin-bottom: 20px; } .footer-address { padding-top: 0; } .witr_h_h17pdlt .trp_nav_area{ padding-left:100px; padding-right:100px; } .pdlr0{ padding-left:0; padding-right:0; } .prots-contentg ul { margin-left: 40px; display: inline-block; margin-bottom: 25px; } .prots-contentg ul li{} /* portfolio slides*/ .witr_single_pslide{ position:relative; overflow: hidden; } .witr_pslide_image{ overflow: hidden; position:relative; } .witr_pslide_image::before{ position:absolute; content:''; background:#00000080; top:0; left:0; bottom:0; right:0; transform: scale(0); transition:.5s; z-index:1; } .witr_single_pslide:hover .witr_pslide_image img, .witr_single_pslide:hover .witr_pslide_image::before{ transform: scale(1.2); } .witr_pslide_image img{ margin-right: auto; margin-left: auto; transition:.5s; width:100%; } .ps1 .witr_content_pslide_text { position: absolute; bottom: -100px; left: 30px; right: 30px; transition:.5s; opacity:0; z-index:2; text-align:left; } .ps1 .witr_single_pslide:hover .witr_content_pslide_text{ opacity:1; bottom: 30px; } .ps1 .witr_content_pslide { /* float: left; */ } .witr_content_pslide_text h3 { margin-bottom: 0; } .ps1 .witr_content_pslide_text h3 { color:#fff; } .ps1 .witr_content_pslide_text h3:hover{ color:#03b162; } .ps1 .witr_content_pslide_text p{ color:#fff; } .witr_content_pslide_text p{ margin-bottom: 4px; } .witr_content_pslide_text a i{} .witr_content_pslide_text a{ display:inline-block; } .ps1 .witr_content_pslide_text a{ color:#fff; } .ps1 .witr_content_pslide_text a:hover{ color:#03b162; } /* ps2 Slide */ .ps2.ps1 .witr_content_pslide_text { position: absolute; bottom: auto; top:-100px; left: 30px; right: 30px; transition:.5s; } .ps2.ps1 .witr_single_pslide:hover .witr_content_pslide_text{ top:25px; } .witr_pslide_custom{ position: absolute; bottom: -125px; right: -15px; z-index: 9; transition:.5s; } .witr_single_pslide:hover .witr_pslide_custom{ bottom: -30px; } .witr_pslide_custom a span{ background: #03b162; width: 110px; height: 110px; line-height: 90px; text-align: center; border-radius: 100%; display: inline-block; color: #fff; font-size: 40px; transition:.5s; } .witr_pslide_custom a span:hover{ background: #02101e; } /* ps3 Slide css */ .witr_pslide3 .witr_single_pslide { margin-bottom: 100px; overflow: inherit; } .ps3.ps1 .witr_content_pslide_text { bottom: -60px; opacity: 1; box-shadow: 0px 0px 65px 0px #00000017; background: #fff; text-align: center; padding: 20px 10px 45px; border-radius: 5px; } .ps3.ps1 .witr_single_pslide:hover .witr_content_pslide_text{ bottom: -60px; } .ps3.ps1 .witr_content_pslide_text p, .ps3.ps1 .witr_content_pslide_text h3, .ps3.ps1 .witr_content_pslide_text a { color:#000; } .ps3 .witr_content_pslide_text h3 a{ margin-bottom: 3px; } .ps3.ps1 .witr_content_pslide_text a:hover{ color:#03b162; } .witr_pslide3 .witr_single_pslide:hover .witr_pslide_custom{ bottom: -20px; } .witr_pslide3 .witr_pslide_custom { bottom: -17px; right: 42%; } .witr_pslide3 .witr_pslide_custom a span { width: 45px; height: 45px; line-height: 45px; font-size: 18px; background: #fff; color:#03b162; box-shadow: 0px 0px 65px 0px #00000014; border-radius: 5px; } .witr_pslide3 .witr_single_pslide:hover .witr_pslide_custom a span{ background: #03b162; color:#fff; } /* witr_pslide4 css */ .witr_pslide4.witr_pslide3 .witr_single_pslide { margin-bottom: 0px; overflow: hidden; } .witr_pslide4.ps3.ps1 .witr_content_pslide_text { bottom: -170px; padding: 40px 10px 15px; border-radius: 0px; left: 0; right: 0; } .witr_pslide4.ps3.ps1 .witr_single_pslide:hover .witr_content_pslide_text { bottom: 0px; } .witr_pslide4.witr_pslide3 .witr_pslide_custom { bottom: auto; top: -22px; z-index: -1; } .witr_pslide4.witr_pslide3 .witr_pslide_custom a span:hover{ background: #02101e; } /* witr_pslide5 css */ .toggle_pslide { display: flex; align-items: center; } .witr_pslide5 .witr_single_pslide { background: #fff; box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 10%); border-radius: 5px; } .witr_pslide5 .witr_pslide_image{ width: 100%; } .witr_pslide5 .witr_content_pslide_text { padding: 0 8px 0 15px; width: 100%; } /* advance tab area css */ .witr_adv_tab_area { text-align: left; } .witr_taba_style1 .nav-tabs { border: 0; justify-content: space-around; } .witr_taba_style1 .nav-tabs .nav-item { margin-bottom: 15px; text-align: center; } .witr_taba_style1 .nav-tabs .nav-link { background: #fff; margin-right: 15px; border: 0; border-radius: 5px; font-size: 17px; padding: 20px 25px; position: relative; box-shadow: 0px 0px 25px 2px rgba(196, 206, 213, 0.2); transition:.5s; } .nav-tabs .nav-link:hover{ background:#03b162; color:#fff; } .nav-tabs .nav-item:hover i{ color:#fff; transition:.5s; } .witr_taba_style1 .nav-tabs span{ display: block; float: left; margin: 0 15px; } .nav-link strong{ display: inline-block; } .nav-tabs img, .witr_taba_style1 .nav-tabs i{ position: relative; font-size: 40px; } .witr_taba_style1 .nav-tabs .nav-item.show .nav-link, .witr_taba_style1 .nav-tabs .nav-link.active{ background: #03b162; color: #fff; } .witr_adv_tab_content { margin: 15px 20px 30px 0px; } /* image comp */ .witr-label-pos-bottom .beer-reveal[data-beer-label]::after, .witr-label-pos-bottom .beer-slider[data-beer-label]::after{ bottom: 1.5rem !important; top: auto; } .witr-label-pos-center .beer-reveal[data-beer-label]::after, .witr-label-pos-center .beer-slider[data-beer-label]::after{ top:50% !important; } /* sbnt 8 */ .witr_sbtn_s8 a{ padding: 12px 30px; position: relative; transition: .5s; overflow: hidden; text-align: center; color: #fff; background: #02101e; } .witr_sbtn_s8 a i{ background: #03b162; position: absolute; display: inline-block; height: 100%; transition: .5s; color: #fff; padding: 16px 15px; left: 0; right: 0; top: 0; } .witr_sbtn_s8 a:hover i{ opacity:0; } .witr_sbtn_s8 a::before, .witr_sbtn_s8 a::after{ display:none; } .singleSS.witr_service_8::after{ display:none; } /* Service Slick 11 */ .witr_11_btn.witr_sbtn_s8 a{ background: #03b162; color: #fff; border-radius:30px; bottom: 0; left: 0; transform: scaleX(0); transform-origin: left; opacity: 0; z-index: 99; transition: 1s; } .witr_service_11:hover .witr_11_btn.witr_sbtn_s8 a{ opacity: 1; transform: scaleX(1); } .pluse_btn_slick{ position: absolute; left: 0; top: 5px; display: inline-block; transition: 1s; } .pluse_btn_slick span{ font-size: 17px; color: #fff; width: 40px; height: 40px; line-height: 40px; text-align: center; border-radius: 50px; background: #03b162; display: inline-block; transition:.5s; } .witr_service_11:hover .pluse_btn_slick span{ transform: scaleX(0); transform-origin: left; } /*=========================== 7.case css ===========================*/ .witr_case{ position: relative; overflow: hidden; padding-bottom: 45px; margin-bottom:20px; } .witr_case2{ padding-bottom: 95px; } .witr_case_image{ overflow: hidden; position:relative; } .witr_case_image::before { background: #03b162a6; position: absolute; left: 0; top: 0; width: 100%; height: 0%; content: ""; transition: .5s; } .witr_case_image img{ width: 100%; } .witr_case:hover .witr_case_image::before{ height:100%; } .witr_content_casem { padding: 21px 15px 26px; position: absolute; background-color: #fff; bottom: -80px; left: 15px; margin: auto; transition: .5s; right: 15px; text-align: left; } .witr_case:hover .witr_content_casem{ bottom: -4px; } .witr_content_casei {} .witr_content_casei h3{ font-size: 21px; } .witr_content_casei p{ font-size: 15px; color:#03b162; font-weight:700; margin-bottom: 4px; } .witr_case_btnb{ margin-top:20px; } .witr_case_btnb a{ font-size:16px; font-weight:600; color: #03b162; background:#03b162; padding: 13px 25px; border-radius: 5px; display: inline-block; background:#fff; transition: .5s; border: 1px solid #ececec; } .witr_case_btnb a:hover{ border: 1px solid #03b162; color: #fff; background:#03b162; } .witr_case_btnb a i{ margin-left: 5px; transition: 1s; } .witr_case_btnb a:hover i{ margin-left: 15px; } /* case 2 style */ .witr_case2 .witr_content_casem { bottom: 15px; box-shadow: 0px 5px 20px 0px #03b16214; } /*=========================== couses css ===========================*/ .witr_couses{ position: relative; overflow: hidden; box-shadow: 0px 0px 30px 0px #eae6e6; background: #fff; } .witr_couses_image{ overflow: hidden; position:relative; } .witr_couses_image::before { /* background: #03b162a6; */ position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ""; transition: .5s; } .witr_couses_image img{ width: 100%; } .witr_content_area_c{ padding: 22px 20px 30px; margin: auto; transition: .5s; text-align: left; } .witr_content_couses{} .witr_content_couses h4{ font-size: 16px; color:#03b162; font-weight:700; margin-bottom: 4px; } .witr_content_couses h3{ font-size: 21px; } .witr_content_couses h3 a{ color: #001D23; transition: .5s; } .witr_content_couses h3 a:hover{ color: #03b162; } .witr_couses_btnb{ margin-top:20px; } .witr_couses_btnb a{ font-size:16px; font-weight:600; color: #03b162; background:#03b162; padding: 13px 25px; border-radius: 5px; display: inline-block; background:#fff; transition: .5s; border: 1px solid #ececec; } .witr_couses_btnb a:hover{ border: 1px solid #03b162; color: #fff; background:#03b162; } .witr_couses_btnb a i{ margin-left: 5px; } /* gr css */ .witr_dis_btngr{ display: flex; } .witr_price_gr_area{} .witr_circal_r{ display: inline-grid; padding-top: 25px; margin-left: 25px; } .witr_circal_r h6{ margin-top: -4px; font-size:17px; font-weight:400; color:#888888; } .witr_circal_r h6 span{ color:#03b162; } .solarfiy_give_area { padding: 100px 0px 65px; } .give-btn { background: #03b162; border: 1px solid #03b162; color: #fff; padding: 12px 35px; border-radius: 5px; } /*=========================== causes Style 2 css ===========================*/ .witr_couses_2 .witr_dis_btngr { display: inherit; } .witr_couses_2 .witr_circal_r { display: block; padding-top: 0px; margin-left: 0; margin-bottom: 17px; } .witr_couses_2 .witr_circal_r h6 { display: inline-block; margin-right: 20px; } /* menu new css */ .hmenu_box_style{ background:#fff; margin-top:80px; /* box-shadow: 0 11px 0px 0px #dddddd45; */ border-radius:5px; } .hmenu_box_style.hbg2 .solarfiy_menu > ul > li > a { color: #fff; } .hmenu_box_style.hbg2{ margin-top:0px; padding:0px; } .hmenu_box_style.trp_nav_area { /* padding: 10px 15px; */ } .hmenu_box_style .solarfiy_menu > ul > li > a { margin: 32px 10px; } .logo-right .solarfiy_menu{ justify-content: flex-start; } .logo-top .solarfiy_menu{ justify-content: center; } .ossos .em-quearys-top.msin-menu-search { float: right; } .mean-container .mean-bar { float: none; background: #03b162 none repeat scroll 0% 0; overflow: hidden; } .mean-container .mean-nav ul li li a { color: #17161a; } /* witr_table */ .witr_table{} .witr_sub_table{ display: flex; justify-content: space-between; padding-bottom: 8px; border-bottom: 1px solid #ffffff8c; margin-bottom: 8px; } .witr_sub_table span{ color:#fff; } .margin_30px{ margin-left:30px; } .right_popupmenu_area .witr_sub_table{ border-bottom: 1px solid #ddd; } .right_popupmenu_area .witr_sub_table span{ color:#1b1a1a; } /* Show Css */ .witr_Single_iplist{ position: relative; } .witr_Single_ipimg{ transition:1s; } .witr_Single_ipimg img{ width:100%; } .witr_ip_text_box { width: 100%; height: 100%; opacity: 0; display: block; position: absolute; top: 50%; /* bottom: 0; */ transform: translateY(-50%); transition:1s; padding: 20px 30px 30px; text-align: left; } .witr_ip_text_box h2{} .witr_ip_text_box ul{} .witr_ip_text_box ul li{ list-style: none; margin-bottom: 10px; } .witr_ip_text_box ul li span, .witr_ip_text_box ul li p, .witr_ip_text_box ul li a{ margin: 0; } .witr_company_brand{ display: flex; justify-content: flex-start; } .witr_company_brand span{ margin-right: 15px; } .witr_company_brand img{} .witr_Single_iplist:hover .witr_Single_ipimg{ opacity: 0; } .witr_Single_iplist:hover .witr_ip_text_box{ opacity: 1; } /* Swiper Slider Area Css */ .witr_swiper_area{ overflow:hidden; position:relative; } .witr_swiper_height{ position:relative; background-size: cover; background-position: center center; } .witr_swiper_height::before{ content:""; position:absolute; left:0px; top:0px; right:0px; bottom:0px; } .witr_sw_text_area{ margin: auto; height:100%; width:88%; } .elementor-section-full_width .witr_sw_text_area{ margin: auto; width:63%; height:100%; } .witr_swiper_content{ position: relative; top: 50%; transform: translateY(-50%); z-index: 1; } .witr_swiper_topimg { margin-bottom: 23px; } .witr_swiper_content h1{ font-size: 24px; margin-bottom: 15px; display: inline; } .witr_swiper_content h2, .witr_swiper_content h3{ font-size: 70px; } .witr_swiper_content h1 span, .witr_swiper_content h2 span, .witr_swiper_content h3 span{ color: #03b162; } .witr_swiper_content p { font-weight: 400; font-size: 18px; margin-top: 20px; } .text-left .witr_swiper_content h1, .text-left .witr_swiper_content h2, .text-left .witr_swiper_content h3{ margin: 0px auto 10px 0; } .text-left .witr_swiper_content p { margin: 28px auto 15px 0; } .text-center .witr_swiper_content h1, .text-center .witr_swiper_content h2, .text-center .witr_swiper_content h3 .text-center .witr_swiper_content p { margin-left:auto; margin-right:auto; } .text-center .witr_swiper_content p { margin: 28px auto 0; width: 60%; } .text-right .witr_swiper_content h1, .text-right .witr_swiper_content h2, .text-right .witr_swiper_content h3{ margin: 0px 0 10px auto; } .text-right .witr_swiper_content p { margin: 28px 0 15px auto; } .text-left .witr_swiper_content h1, .text-left .witr_swiper_content h2, .text-left .witr_swiper_content h3, .text-right .witr_swiper_content h1, .text-right .witr_swiper_content h2, .text-right .witr_swiper_content h3{ width: 66%; } .text-left .witr_swiper_content p, .text-right .witr_swiper_content p { width: 47%; } .witr_swiper_area .swiper-slide a { display: inline-block; } .witr_swiper_area .text-left .witr_slider_thumb { right: 30px; } .witr_swiper_area .text-right .witr_slider_thumb { left: 30px; } .witr_swiper_area .text-left .slider_vd_icon { right: 16%; } .witr_swiper_area .text-right .slider_vd_icon { left: 16%; } .witr_swiper_area .text-center .slider_vd_icon { top: 23%; position: absolute; left: 50%; transform: translate(-50%, -50%); } .witr_icon_section{ margin-top:30px; } /* pagination bullet */ .witr_swiper_area .swiper-pagination-bullet { width: 15px; height: 15px; background: #fff; } /* progressbar */ .witr_swiper_area .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{ background: #03b162; } .witr_swiper_area .swiper-container-horizontal>.swiper-pagination-progressbar{} .witr_swiper_area .swiper-pagination-progressbar .swiper-pagination-progressbar-fill, .witr_swiper_area .swiper-container-horizontal>.swiper-pagination-progressbar{ height: 10px; } /* scrollbar */ .witr_swiper_area .swiper-scrollbar-drag { background: #03b162; } .witr_swiper_area .swiper-container-horizontal>.swiper-scrollbar{ background: rgba(0,0,0,.0); } .witr_swiper_area .swiper-scrollbar-drag, .witr_swiper_area .swiper-container-horizontal>.swiper-scrollbar{ height: 10px; } /* pagination prev next */ .swiper-button-prev, .swiper-button-next { background-image:inherit !important; color:#fff; transition: .5s; outline: none; } .swiper-button-prev:hover, .swiper-button-next:hover { color: #03b162; background:#fff; padding:30px; } .swiper-button-next:after, .swiper-button-prev:after{ font-size: 30px; } .wittr_gallery.witr_swiper_height{ height:100px !important; margin-top: 10px; } /* testimonial active css new */ /* .all_color_testimonial.slick-slide.slick-current.slick-active .em_single_testimonial{ background: #f91942; } .slick-current.all_color_testimonial i, .slick-current.all_color_testimonial p, .slick-current.all_color_testimonial h2, .slick-current.all_color_testimonial h6, .slick-current.all_color_testimonial span{ color:#fff; } */ .witr_shortcode_area{ position: relative; z-index: 1; } .witr_shortcode_inner{ background:#03b162; padding: 73px 30px 63px; border-radius:10px; margin-left: 0; margin-right: 0; } .shortcode_content{} .shortcode_content h2{ font-size: 40px; color: #fff; font-weight:700; } .shortcode_content h2 span{} .shortcode_content p{ color: #fff; } .shortcode_content p a:hover{ color: #18406b; } .witr_shortcode_form { margin-top: 15px; } .witr_amar_table table td, .witr_amar_table table th { padding: 15px 30px; } .witr_amar_table table th{ background:#03b16230; } /* notice_marquee_area */ .notice_marquee_area{} .notice_marquee_text{ display: flex; align-items: center; } .notice_marquee_text h2{ margin-right: 15px; margin-bottom: 0; } .notice_marquee_text img{ width: 25px; height: 25px !important; margin-right: 10px; } .notice_marquee_text i{ margin-right: 10px; font-size: 25px; } /*======= tutor LMS css ========*/ .tutor-course-filter-wrapper { padding: 100px 0px 80px; overflow: hidden; } .tutor-wrap { padding: 100px 0px 80px; } .tutor-course-filter-wrapper .tutor-wrap { padding: 0px; } .tutor-course-loop-header-meta { z-index: 3; } .tutor-cart-box-login-form { z-index: 999; } .tutor-course-loop { box-shadow: 0 10px 40px 0 rgb(50 65 141 / 12%); border-radius: 5px; border: none; } .etlms-course-list-classic .etlms-card, .etlms-coursel-classic .etlms-card{ border: none !important; box-shadow: 0 20px 40px 0 rgba(50,65,141,.12); } .etlms-course-list-classic .etlms-card:hover, .etlms-coursel-classic .etlms-card:hover{ box-shadow: 0 40px 50px 0 rgba(50,65,141,.08)!important; } .tutor-course-header a { overflow: hidden; } .tutor-course-header img { transition:.5s; } .tutor-course.tutor-course-loop:hover .tutor-course-header img { transform: scale(1.1); } .tutor-course-loop-level { background: #03b162; padding: 8px 10px; font-size:16px; } .tutor-star-rating-group { color: #03b162; } .tutor-course-loop-meta>div i { color: #03b162; } .tutor-loop-author>div span { color: #1b1a1a; } .txw span.tutor-text-avatar { background: #03b162; } .tutor-course-filter-form select { padding: 12px 10px; cursor: pointer; outline: none; border-color: #e8e8e8; color: #656565; } .tutor-course-archive-results-wrap strong { padding: 5px 12px; height: 5px; width: 15px; background: #03b162; color: #fff; border-radius: 5px; } .tutor-single-course-segment {; box-shadow: 0px 0px 12px 0px #dddddd4f; padding: 20px 15px 20px; } .tutor-segment-title, .tutor-single-course-segment .tutor-segment-title { font-size: 22px; font-weight: 600; color: #1b1a1a; text-transform: uppercase; } .solarfiy-single-blog-title h2 { text-transform: uppercase; } .blog-page-title a { text-transform: uppercase; } .tutor-course-filter-container div div.tutor-course-search-field, .tutor-course-filter-container div div > div { box-shadow: 0 0px 23px rgb(0 0 0 / 10%); padding: 5px 15px 20px; margin-bottom: 30px; } .tutor-course-header-h1 { color: #1b1a1a; font-weight: 600; } .tutor-course-filter-wrapper>div:first-child label:hover, .tutor-wrap nav.course-enrolled-nav ul li.active a{ color:#03b162; } .tutor-course-lesson h5 a{ font-size: 17px; } .tutor-course-lesson h5 a, .tutor-wrap nav.course-enrolled-nav ul li a, .tutor-single-course-meta ul li.tutor-social-share button, .tutor-single-course-meta.tutor-lead-meta ul li span, .tutor-single-course-meta ul li span, .tutor-course-loop-price>.price .tutor-loop-cart-btn-wrap a, .tutor-course-loop-title h2 a{ color: #1b1a1a; } /* .txw .elementor-widget-container { clear: both; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -15px; margin-right: -15px; padding: 0; } .txw .elementor-widget-container .tutor-widget-course-loop { width: 100%; box-shadow: 0 20px 40px 0 rgba(50,65,141,.12); border-radius: 5px; -webkit-border-radius: 5px; border: none; margin-left: 15px; margin-right: 15px; margin-bottom: 30px; } .txw .elementor-widget-container .tutor-widget-course-loop { width: 30.5%; } */ /* tutor pagination */ .tutor-pagination, .tutor-pagination-wrap { display: flex; justify-content: center; } a.page-numbers, .page-numbers, .tutor-pagination-wrap a, .tutor-pagination-wrap span.page-numbers.current { box-shadow: 0 10px 40px 0 rgba(50,65,141,.12); border-radius: 5px; margin-right: 10px; padding: 15px 24px; font-size: 19px; line-height: 1; transition:.5s; background: #fff; } a.page-numbers{ box-shadow: 0 10px 40px 0 rgba(50,65,141,.12) !important; } .tutor-pagination-wrap a:hover, .tutor-pagination-wrap span.page-numbers.current { background: #03b162; color: #fff; } .paginations .page-numbers, .solarfiy-blog-area .page-numbers, .witr_shop_area .page-numbers{ box-shadow:none; background: 0% 0; } /* Popup menu Css */ .menu_popup_option { margin-left: 10px; } .right_sideber_menu_inner { position: fixed; right: 0; width: 400px; top: 0; height: 100%; z-index: 999; overflow: auto; padding: 80px 40px 0px; display: block; transition: 0.5s all; background: #fff; box-shadow: 0 0 30px rgb(0 0 0 / 7%); transform: translateX(100%); } .tx-s-open { transform: translateX(0); } .right_sideber_menu i { font-size: 22px; color: #1b1a1a; cursor: pointer; } .witr_search_wh .prefix .em-header-quearys .em-quearys-menu i, .solarfiy_nav_area.prefix .right_sideber_menu i{ color: #fff; } .prefix .right_close_class .right_sideber_menu i, .right_close_class .right_sideber_menu i { font-size: 22px; color: #03b162; font-weight: 700; } .right_side_icon.right_close_class { position: absolute; right: 30px; top: 50px; } .right_sideber_content .blog-left-side > div { padding: 0; box-shadow: none; } .right_sideber_menu_inner .solarfiy-description-area .social-icons a { border: 1px solid #03b162; color: #03b162; } .right_sideber_menu_inner .solarfiy-description-area .social-icons a:hover{ color: #fff; } .right_sideber_menu_inner .solarfiy-description-area .phone a { color: #333; } .witr_search_wh .em-header-quearys .em-quearys-menu i { background: 0%; height: auto !important; width: auto !important; line-height: inherit !important; font-size: 20px; color: #1b1a1a; } /* margin top-bottom */ .mrtb5{ margin:5px 0; } .mrtb10{ margin:10px 0; } .mrtb15{ margin:15px 0; } .mrtb20{ margin:20px 0; } .mrtb30{ margin:30px 0; } .mrtb40{ margin:40px 0; } .mrtb50{ margin:50px 0; } .mrtb60{ margin:60px 0; } .mrtb70{ margin:70px 0; } .mrtb80{ margin:80px 0; } .mrtb90{ margin:90px 0; } .mrtb100{ margin:100px 0; } .mrtb110{ margin:110px 0; } .mrtb120{ margin:120px 0; } /* margin top spacing */ .mrt5{ margin-top:5px; } .mrt10{ margin-top:10px; } .mrt15{ margin-top:15px; } .mrt20{ margin-top:20px; } .mrt25{ margin-top:25px; } .mrt30{ margin-top:30px; } .mrt35{ margin-top:35px; } .mrt40{ margin-top:40px; } .mrt45{ margin-top:45px; } .mrt50{ margin-top:50px; } .mrt55{ margin-top:55px; } .mrt60{ margin-top:60px; } .mrt65{ margin-top:65px; } .mrt70{ margin-top:70px; } .mrt75{ margin-top:75px; } .mrt80{ margin-top:80px; } .mrt85{ margin-top:85px; } .mrt90{ margin-top:90px; } .mrt95{ margin-top:95px; } .mrt100{ margin-top:100px; } .mrt110{ margin-top:110px; } .mrt120{ margin-top:120px; } .mrt130{ margin-top:130px; } .mrt140{ margin-top:140px; } .mrt150{ margin-top:150px; } .mrt160{ margin-top:160px; } .mrt170{ margin-top:170px; } .mrt180{ margin-top:180px; } .mrt190{ margin-top:190px; } .mrt200{ margin-top:200px; } /* margin bottom spacing */ .mrb5{ margin-bottom:5px; } .mrb10{ margin-bottom:10px; } .mrb15{ margin-bottom:15px; } .mrb20{ margin-bottom:20px; } .mrb25{ margin-bottom:25px; } .mrb30{ margin-bottom:30px; } .mrb35{ margin-bottom:35px; } .mrb40{ margin-bottom:40px; } .mrb45{ margin-bottom:45px; } .mrb50{ margin-bottom:50px; } .mrb55{ margin-bottom:55px; } .mrb60{ margin-bottom:60px; } .mrb65{ margin-bottom:65px; } .mrb70{ margin-bottom:70px; } .mrb75{ margin-bottom:75px; } .mrb80{ margin-bottom:80px; } .mrb85{ margin-bottom:85px; } .mrb90{ margin-bottom:90px; } .mrb95{ margin-bottom:95px; } .mrb100{ margin-bottom:100px; } .mrb110{ margin-bottom:110px; } .mrb120{ margin-bottom:120px; } .mrb130{ margin-bottom:130px; } .mrb140{ margin-bottom:140px; } .mrb150{ margin-bottom:150px; } .mrb160{ margin-bottom:160px; } .mrb170{ margin-bottom:170px; } .mrb180{ margin-bottom:180px; } .mrb190{ margin-bottom:190px; } .mrb200{ margin-bottom:200px; } /* margin left spacing */ .mrl5{ margin-left:5px; } .mrl10{ margin-left:10px; } .mrl15{ margin-left:15px; } .mrl20{ margin-left:20px; } .mrl25{ margin-left:25px; } .mrl30{ margin-left:30px; } .mrl35{ margin-left:35px; } .mrl40{ margin-left:40px; } .mrl45{ margin-left:45px; } .mrl50{ margin-left:50px; } .mrl55{ margin-left:55px; } .mrl60{ margin-left:60px; } .mrl65{ margin-left:65px; } .mrl70{ margin-left:70px; } .mrl75{ margin-left:75px; } .mrl80{ margin-left:80px; } .mrl85{ margin-left:85px; } .mrl90{ margin-left:90px; } .mrl95{ margin-left:95px; } .mrl100{ margin-left:100px; } .mrl110{ margin-left:110px; } .mrl120{ margin-left:120px; } .mrl130{ margin-left:130px; } .mrl140{ margin-left:140px; } .mrl150{ margin-left:150px; } .mrl160{ margin-left:160px; } .mrl170{ margin-left:170px; } .mrl180{ margin-left:180px; } .mrl190{ margin-left:190px; } .mrl200{ margin-left:200px; } /* margin right spacing */ .mrr5{ margin-right:5px; } .mrr10{ margin-right:10px; } .mrr15{ margin-right:15px; } .mrr20{ margin-right:20px; } .mrr25{ margin-right:25px; } .mrr30{ margin-right:30px; } .mrr35{ margin-right:35px; } .mrr40{ margin-right:40px; } .mrr45{ margin-right:45px; } .mrr50{ margin-right:50px; } .mrr55{ margin-right:55px; } .mrr60{ margin-right:60px; } .mrr65{ margin-right:65px; } .mrr70{ margin-right:70px; } .mrr75{ margin-right:75px; } .mrr80{ margin-right:80px; } .mrr85{ margin-right:85px; } .mrr90{ margin-right:90px; } .mrr95{ margin-right:95px; } .mrr100{ margin-right:100px; } .mrr110{ margin-right:110px; } .mrr120{ margin-right:120px; } .mrr130{ margin-right:130px; } .mrr140{ margin-right:140px; } .mrr150{ margin-right:150px; } .mrr160{ margin-right:160px; } .mrr170{ margin-right:170px; } .mrr180{ margin-right:180px; } .mrr190{ margin-right:190px; } .mrr200{ margin-right:200px; } .pdlr0{ padding-right:0px; padding-left:0px; } .all_color_testimonial, .all_blog_color, .all_color_service, .all_service2_color, .all_color_team, .all_feature_color{ transition:.5s; } .witr_h_h13 .col-md-12{ padding-right: 0; } /* button hover style */ .feature_btn a, .witr_ser_btnb a, .service-btn > a, a.dtbtn, .witr_btn, .witr_bbtn, .witr_gbtn, .witr_gbbtn, .solarfiy_button a, .witr_sbtn_s8 a{ border-radius:5px; font-size:16px; font-weight:500; } .witr_ser_btnb a:hover{ color:#03b162; } a.dtbtn:hover, .witr_btn:hover, .solarfiy_button a:hover{ background:#02101e; } .tx_golobal_color{ background: #03b162; } .tx_btn_global_color:hover{ background:#02101e; } .witr_h_h2 .solarfiy_menu, .witr_h_h3 .solarfiy_menu, .witr_h_h4 .solarfiy_menu, .witr_h_h5 .solarfiy_menu, .witr_h_h6 .solarfiy_menu, .witr_h_h7 .solarfiy_menu, .witr_h_h8 .solarfiy_menu, .witr_h_h9 .solarfiy_menu, .witr_h_h10 .solarfiy_menu, .witr_h_h11 .solarfiy_menu, .witr_h_h14 .solarfiy_menu, .witr_h_h17 .solarfiy_menu { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; align-items: center; } .tx_relative_m,.tx_top2_relative{ position:relative; }