Redefine Commerce || Configuration

Template View

Text :

Sub Text :

Below button Text :

Image :

(Note: Recommended size should be 1200*1600 )

Image align :

reCaptcha

reCaptcha Site Key :

reCaptcha Secret Key :

Cancel

Header Logo :

(Note: Recommended size should be 1200*1600 )

Header Scroll Logo :

(Note: Recommended size should be 1200*1600 )

Favicon :

(Note: Recommended size should be 1200*1600 )

Email Logo :

(Note: Recommended size should be 1200*1600 )

Cancel

Facebook :

Twitter :

Instagram :

Pinterest :

LinkedIn :

Flickr :

Cancel

Email Address For Contact Info

Email Address For Quote

reCaptcha Site Key

reCaptcha Secret Key :

Mail Format For Contact Info

Admin

Customer

Mail Format For Request A Quotet

Admin

Customer

Cancel

Site Name

SMTP User Name

SMTP Password

SMTP Host

SMTP Port

From Name

SMTP Driver

SMTP Encryption

From Email

Cancel

Custom Script.
Inserted before closing head tag

Custom Global Body Script.
Inserted after body

Custom Home Script.
Inserted after body tag

Client ID

UA-Code

Google Webmaster Code

Additional SEO Codes

OG Tags

DC Tags

Bing Webmaster Code

GTM Code

Facebook Code

Cancel

Footer Keywords [Default]

Cancel

Date

Debuge On

Debuge Mail

Cancel

Create Page Status

#	Page Status	Color	Action
01	Inspiration Complete
02	Keywords Set on Page
03	Content Writing Complete
04	Pictures Complete
05	SEO is Set and Complete
06	Final Checks Ready for Live

/* Enter Your Custom CSS Here --*/
								.mainsection.all-feature-main.pt-5 {padding-top:15px !important;}
								.all-feature-main .col-12.col-lg-10.pl-0.pt-15 {padding-top:20px !important;}
								.banner-demo .subpage-banner{position: relative;}
								.banner-demo .subpage-banner:before {content: ""; width: 100%; height: 100%; position: absolute; left: 0; right: 0px; top: 0; background-size: cover; background: url("../images/feature-image-bg/fl-six-waves-00.png") no-repeat top center; opacity: 0.6;}
								.bootstrap-select > .dropdown-toggle { height: 47px; line-height: 35px !important; }

@media(max-width:1199px) {
								header .navbar .nav-item .nav-link , header .navbar-collapse .btn-secondary { padding-top: 13px !important; padding-bottom: 13px !important; } 
								}
								@media(min-width:1200px) and (max-width:1365px) {
									header .header1 { padding: 0 15px 0 0 !important; }
								header .header1 .btn-secondary { padding-left: 7px; padding-right: 7px; }
								header .header1 .contactnum { font-size:13px; }
								header .navbar .nav-item .nav-link { font-size:14px; } 
								}

/* Landing page CSS */
								.feauters-boxes-shadow-none .feature-small-23 .flex-row-platform [class*="col-"] .platform-blocks { -webkit-box-shadow:none; box-shadow:none; }
								/*.feauters-boxes-shadow-none .feature-small-23:not(.feature-small-23-alt) .card .card-body { text-align: left; padding: 1.25rem 0 0; }*/

.feauters-boxes-shadow-none .feature-small-23.feature-small-23-alt .flex-row-platform [class*="col-"] .platform-blocks { -webkit-box-shadow:none; box-shadow:none;background: #f8f8f8; background: #ffffff; }
								.feauters-boxes-shadow-none .feature-small-23.feature-small-23-alt .card .card-body .text-box-p { text-align: left; }

.feauters-boxes-shadow-none .feature-small-10 .flex-row-platform [class*="col-"] .platform-blocks { -webkit-box-shadow:none; box-shadow:none;background: #f8f8f8; }
								body.feature-6-bg main section.feature-large-6 { background-color: #f8f8f8 !important; }
								body.feature-6-bg main section.feature-large-6.bg-white { background-color: #FFF !important; }
								.feauters-boxes-shadow-none .cta-7 .pb-10 { order:1; padding: 30px 0 10px; }
								.feauters-boxes-shadow-none .cta-7 .pb-15 { order:2; padding-top: 0; }
								.feauters-boxes-shadow-none .slider-slider-3 .slick-slider .slick-slide img { max-width: 100%;  }
								.cta-4:not(.text-white) .btn.btn-primary {background: #ee6848;border: 2px solid #ee6848;color: #ffffff;}
								.cta-4:not(.text-white) .btn.btn-primary:hover, .cta-4:not(.text-white) .btn.btn-primary:focus, .cta-4:not(.text-white) .btn.btn-primary:not(:disabled):not(.disabled).active, .cta-4:not(.text-white) .btn.btn-primary:not(:disabled):not(.disabled):active {
									background: #ffffff; color: #ee6848 !important;
								}
								.inner-common-banner.landing-page-main-cms header section {
									 z-index: 2;
									 background-image: url("../images/banner/landing-page-icon.png");
									background-size: contain;
									background-color:#2F437E !important;

background-position: center center;
									/*background-repeat: repeat;*/
									background-repeat: no-repeat;

}

.feauters-boxes-shadow-none-1 .text-box-h3 {font-size: 56px;line-height: 64px;}
								.feauters-boxes-shadow-none-1 .text-box-h5.text-uppercase {text-transform: capitalize !important; }
								.feauters-boxes-shadow-none-1 .text-box-h5 {font-size: 24px;line-height: 32px; font-weight: 300; letter-spacing: 0px;}
								.feauters-boxes-shadow-none-1 .text-box-h3.text-uppercase{ font-weight: 300; text-transform: capitalize!important}

.feauters-boxes-shadow-none .right-0 {right: 0;bottom: 0; overflow: hidden;max-width: 60%;}
								.feauters-boxes-shadow-none .h-580 {height: 100vh;}
								.feauters-boxes-shadow-none .h-500 {/*margin-right: -150px;*/margin-right: -500px; max-width: none;max-height: calc(100vh - 90px);}

.landing-page .subpage-banner {max-width: 1850px;}

.inner-common-banner.landing-page-main-cms header section:before {content: "";position: absolute;left: 0;top: 0;width: 100%;bottom: 0;background-color: #ff6164;
								background: linear-gradient(90deg,#230957 10%,#ff6158 100%);opacity: 0.6;}

.feauters-boxes-shadow-none .feature-small-17.card-shadow .card {padding: 0;/*-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;*/}
								.feauters-boxes-shadow-none .feature-small-17.card-shadow .card .card-icon , .feauters-boxes-shadow-none .feature-small-17.card-shadow .card .text-box-p {margin: 0;}
								.feauters-boxes-shadow-none .feature-small-17.card-shadow .card .text-box-h5 { font-weight: 700; font-size: 14px;position: absolute;margin: 0;left: 50%;top: 50%;-moz-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
								.feauters-boxes-shadow-none.is404 .mainsection:not(:first-child) { padding-top:inherit !important; }
								.feauters-boxes-shadow-none.is404 .cta-4.ctap-tb-40 { padding-top:80px!important;}
								.bg-corel { background-color:#ee6848 !important; }
								.cta-4.cta-inline .text-box-h2 { display: inline-block; margin: -3px 30px 0 0; vertical-align: top; }
								.cta-4.cta-inline .text-box-p { display: inline-block; }
								.cta-4.cta-inline .btn { vertical-align: top; }
								.feauters-boxes-shadow-none  .feature-small-7 .text-box-h4 { letter-spacing: 2px;margin-right: -2px;font-weight: 400;margin-bottom: 10px !important;font-size: 16px;line-height: 24px; text-transform:uppercase; }
								.feauters-boxes-shadow-none-1-large .text-box-h3 {font-size:72px;line-height: 80px;font-weight: 100;font-family: 'Raleway', "Helvetica Neue", Helvetica, Arial, sans-serif;}
								.max-height-60 { max-height:60px; }
								@media(min-width:992px){
								.landing-page.login-user .subpage-banner{margin-left:30px;}
								}
								@media(min-width:992px) and (max-width:1199px) {
									.feauters-boxes-shadow-none .h-500 {margin-right: -200px;}
								}
								@media(max-width:991px) {
									.feauters-boxes-shadow-none .h-580 {height: auto;}
									.feauters-boxes-shadow-none .h-580 .row {text-align: center !important;}
									.feauters-boxes-shadow-none .right-0 { position: relative !important; right: auto;bottom: auto;	width: 100%;max-width: 100%; }
									.feauters-boxes-shadow-none .h-500 {margin-right: 0; max-width: 100%;}
								}

.bg-grey-dark {background: #f8f8f8 !important;}
								/* Header Plain */
								.landing-page-without-bg header .header1 { position: fixed; transition: all .3s; background: #ffffff !important; z-index: 9999; -webkit-box-shadow: 0 5px 10px 0 #e6e6e6; box-shadow: 0 5px 10px 0 #e6e6e6; top: 0px; }
								.landing-page-without-bg header .header1 .navbar .nav-item .nav-link { color: #292929; }
								.landing-page-without-bg header .header1 .navbar .nav-item:hover .nav-link { color: #e72429; }
								.landing-page-without-bg header .header1 .light_theme { display: none; }
								.landing-page-without-bg header .header1 .dark_theme { display: block; max-width: 100%; }
								.landing-page-without-bg header .header1 .btn-secondary { border: 2px solid #e72429; background: #e72429 !important; color: #ffffff !important; }
								.landing-page-without-bg header .header1 .btn-secondary:hover { background: #ffffff !important; color: #e72429 !important; }
								.landing-page-without-bg header .header1 .contactnum { color: #666 !important; text-decoration: none !important; }
								.landing-page-without-bg header .header1 .contactnum:before { color: #666 !important; }
								.landing-page-without-bg header {color:#292929;}
								.landing-page-without-bg header .title1 { color: #292929; }
								.landing-page-without-bg .btn.btn-outline-secondary { border: 2px solid #e72429; color: #e72429; }
								.landing-page-without-bg .btn.btn-outline-secondary:hover { background:#e72429; color: #FFF; }
								.landing-page-without-bg header .header1 .navbar-toggler {color: #292929;}
								.login-user.landing-page-without-bg header .header1 { top:50px; }
								.landing-page-without-bg main { margin-top:100px !important; }

/* CSS for Marquee content Block */
									.marquee-container { position: relative; }
											.marquee , .marquee > span { display: flex; overflow: hidden; position: relative; white-space: nowrap; font-size: 6.5vw; line-height: 130%; font-weight: 500; }

.marquee--left span span { -webkit-animation: marqueeLeft 30s linear infinite; animation: marqueeLeft 30s linear infinite; }
											.marquee--right span span { -webkit-animation: marqueeRight 30s linear infinite; animation: marqueeRight 30s linear infinite; }
											@-webkit-keyframes marqueeLeft {
												0% { transform: translate(0, 0); }
												100% { transform: translate(-100%, 0); }
											}
											@keyframes marqueeLeft {
												0% { transform: translate(0, 0); }
												100% { transform: translate(-100%, 0); }
											}
											@-webkit-keyframes marqueeRight {
												0% { transform: translate(-100%, 0); }
												100% { transform: translate(0, 0); }
											}
											@keyframes marqueeRight {
												0% { transform: translate(-100%, 0); }
												100% { transform: translate(0, 0); }
											}
								/* CSS for Marquee content Block Ends */

/* CSS for Vertical content Block Starts */
									.nav-pills.nav-pills-vertical .nav-link { border-radius: 0; color: #292929; padding:5px 0; border-right: 4px solid transparent; transition: all ease-in-out 0.3s; margin:0 -1px 5px 0; }
									.nav-pills.nav-pills-vertical .nav-link:last-child {margin-bottom: 0;}
									.nav-pills.nav-pills-vertical {border-right: 1px solid rgba(0,0,0,0.2);}
									.nav-pills.nav-pills-vertical .nav-link:hover {font-weight: 700;}
									.nav-pills.nav-pills-vertical .nav-link.active, .nav-pills.nav-pills-vertical .show > .nav-link {background: none; border-color: #de282c; font-weight: 700;}
									.technologies-carousel {padding: 0 50px;}
									.techno-slide {float: left;}
									.techno-slide .text-box-h5 {transition: all ease-in-out 0.3s;}
									.techno-slide:hover .text-box-h5 {transform: translateY(-10px);}
									.technologies-carousel .slick-prev {left: 0;}
									.technologies-carousel .slick-next {right: 0;}
									.technologies-carousel .slick-prev, .technologies-carousel .slick-next {color: #292929; font-size: 28px;width: 50px;height: 50px;background: #FFF;-moz-box-shadow: 0 0 10px rgba(0,0,0,0.2);-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.2);box-shadow: 0 0 10px rgba(0,0,0,0.2);-moz-border-radius: 50%;-webkit-border-radius: 50%;border-radius: 50%;}
									.technologies-carousel .slick-prev:before, .technologies-carousel .slick-next:before {display: none;}
									.technologies-carousel .slick-prev.slick-disabled, .technologies-carousel .slick-next.slick-disabled {display: none !important;}
									.technologies-carousel:not(.slick-initialized) {display: flex;flex-wrap: nowrap;overflow: hidden;}
									.technologies-carousel:not(.slick-initialized) .techno-slide {min-width: 180px;}
									@media(max-width:1199px) {
										.technologies-carousel .slick-prev, .technologies-carousel .slick-next {font-size: 18px;width: 30px;height: 30px;}
										.technologies-carousel {padding: 0 30px;}
									}
									@media(max-width:767px) {
										.nav-pills.nav-pills-vertical {border-right: none; border-bottom: 1px solid rgba(0,0,0,0.2);display: block; text-align: center; margin: 0 0 30px;}
										.nav-pills.nav-pills-vertical .nav-link {margin: 5px 10px -1px; border-right: none; border-bottom: 4px solid transparent; display: inline-block;}
										.nav-pills.nav-pills-vertical .nav-link:hover {font-weight: inherit;}
									}
								/* CSS for Vertical content Block Ends */
								 .imageblock_right_side{
										right: 0;
									}
									.imageblock_left_side{
										left:0;
									}
								/* 27-08-2021 case_study  */	
								.case-study-bg {
									font-family: 'Raleway', "Helvetica Neue", Helvetica, Arial, sans-serif;
								}
								.case-study-bg h2.mb4 {
									font-size: 42px;
									font-weight: 600;
									margin-bottom: 2rem;
								}
								.regular-font-20 {
									font-size: 20px;
									line-height: 140%;
								}
								.regular-font-20 p {
									margin-bottom: 2rem;
								}
								.case-study-bg .technology .border {
									padding: 2rem;
									border: 6px solid #de282c !important;
									transition: 0.2s all ease-in-out;
								}
								.case-study-bg .technology .border .mb4 {
									margin-bottom: 2rem;
								}
								.technology.order-1 {
									order: 2
								}
								.project-bg {
									background-color: #de282c !important;
								}
								.view-project .btn {
									border: 2px solid #de282c;
								}
								.view-project .btn:hover {
									border: 2px solid #de282c;
								}
								.case-study-box {
									position: relative;
									width: 100%;
									height: 100%;
									background: #EB0003;
								}
								.case-study-box-bg {
									width: 100%;
									height: 100%;
									background-color: rgba(0,0,0,0.5)
								}
								.case-study-box-title {
									position: absolute;
									font-size: 38px;
									line-height: 1.4;
									text-transform: uppercase;
									color: #fff;
									left: 20px;
									top: 20px;
								}
								.case-study-box-title.bottom {
									top: auto;
									bottom: 20px;
								}
								.case-study-box-details {
									position: absolute;
									font-size: 18px;
									line-height: 1.4;
									right: 0;
									top: 0;
									color: #fff;
									left: 20px;
									top: 20px;
								}
								.case-study-box-details.right {
									left: auto;
									right: 20px;
								}

@media(max-width:991px) {
								.technology.order-1 {
									order: 1;
									margin-bottom: 50px;
								}
								}

.detail-right {vertical-align: middle;}
								.detail-right:after {
									content: "";
									height: 2px;
									margin-left: 5px;
									width: 50px;
									display: inline-block;
									background: #000;
									vertical-align: middle;
									transition: width .4s ease;
								}
								.detail-right:hover:after {
									width: 75px;
									transition: width .4s ease;
								}    
								.cuadro_intro_hover {
									padding: 0px;
									position: relative;
									overflow: hidden;
									height: 100%;
									line-height: normal;
								}
								.cuadro_intro_hover:hover .caption {
									opacity: 1;
								}
								.cuadro_intro_hover img {
									z-index: 4;
								}
								.cuadro_intro_hover .caption {
									position: absolute;
									width: 100%;
									height: 100%;
									top: 0px;
									left: 0px;
								}
								.cuadro_intro_hover .caption-dark {
									background: rgb(55, 54, 56);
									opacity: 0.3;
									position: absolute;
									width: 100%;
									height: 100%;
									top: 0px;
									left: 0px;
								}
								.cuadro_intro_hover .blur {background-color: rgba(0,0,0,0.7); z-index: 5; position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; mix-blend-mode: multiply; display: none;}
								.cuadro_intro_hover:hover .blur {display: block;}
								.cuadro_intro_hover .caption-title {z-index: 10;color: #fff;position: absolute;padding: 2rem;}
								.cuadro_intro_hover .caption-title.top-0 {top: 0;}
								.cuadro_intro_hover .caption-title.bottom-0 {bottom: 0;}
								.cuadro_intro_hover .caption-title.left-0 {left: 0;}
								.cuadro_intro_hover .caption-title.right-0 {right: 0;}
								.cuadro_intro_hover .caption-text {z-index: 10; color: #fff; position: absolute; padding: 2rem;}
								.cuadro_intro_hover .caption-text.top-0 {top: 0;}
								.cuadro_intro_hover .caption-text.bottom-0 {bottom: 0;}
								.cuadro_intro_hover .caption-text.left-0 {left: 0;}
								.cuadro_intro_hover .caption-text.right-0 {right: 0;}
								.cuadro_intro_hover .caption-text-box-1 {opacity: 0; transform: translateX(50px) scale(.95); transition: .4s ease; transform-origin: 50% 50%; margin-bottom: 1rem;}
								.cuadro_intro_hover .caption-text-box-2 {opacity: 0; transform: translateX(50px) scale(.95); transition: .4s ease; transform-origin: 50% 50%;}
								.cuadro_intro_hover .caption-text-box-1.left {transform: translateX(-50px) scale(.95);}
								.cuadro_intro_hover .caption-text-box-2.left {transform: translateX(-50px) scale(.95);}
								.cuadro_intro_hover:hover .caption-text-box-1 {opacity: 1; transform: translateX(0) scale(1);}
								.cuadro_intro_hover:hover .caption-text-box-2 {opacity: 1; transform: translateX(0) scale(1); transition-delay: .1s;}
								.cuadro_intro_hover .caption-yellow {background-color: rgb(255, 153, 0);}
								.cuadro_intro_hover .caption-pink {background-color: rgb(197, 29, 117);}
								.cuadro_intro_hover .caption-red {background-color: rgb(188, 31, 46);}
								.workwithus-box {background: #4d4b50; color: #fff; transition: background .25s ease; position: relative; overflow: hidden;}
								.workwithus-box .workwithus-title {color: #de282c; transition: color .25s ease; letter-spacing: 4px;}
								.workwithus-box:hover .workwithus-title {color: #000; transition: color .25s ease;}
								.workwithus-box .workwithus-text {}
								.workwithus-box:hover .long-arrow:before {width: 75px; transition: width .25s ease;}
								.workwithus-inbox {position: relative; z-index: 2;}
								.workwithus-img {position: absolute; z-index: 1; width: 500px; right: 10%; top: 10px; transform: rotate(30deg);}
								.workwithus-img .st0{fill:#373638;}
								.workwithus-box:hover .workwithus-img .st0{fill:#bd7a7c;}
								.long-arrow {display: inline-block; vertical-align: middle; position: relative;}
								.long-arrow:before {content:""; width: 50px; height: 2px; background: #000; display: inline-block; vertical-align: middle; transition: width .25s ease;}
								.long-arrow:after {content:""; width: 25px; height: 25px; border-top: 2px solid #000; border-left: 2px solid #000; display: inline-block; transform: rotate(135deg); position: absolute; right: 2px; top: 27px;}
								/* end case study */
								/*slider*/
								.portfolio-body .item-description .item-tag {
									text-transform: uppercase;
									color: rgba(74, 77, 82, 0.7);
									letter-spacing: 2px;
									font-size: 0.75rem;
									line-height: 1.34;
									margin-bottom: 12px;
								}

Cancel

Theme Default

Theme Fonts*

Content Font Size*

Theme Color*

Middle Color*

Button

Button BG Color*

Button Text Color*

Button Text Size*

Button Hover BG Color*

Button Hover Text Color*

Anchor (Link)

Anchor Tag Color*

Anchor Tag Color Hover*

Subpage Anchor Tag Color*

Header (Title)

Header Font*

Header (Title)

H1 Font*

H2 Font*

H3 Font*

H4 Font*

H5 Font*

H6 Font*