* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
}
html,body,address,blockquote,div,dl,form,h1,h2,h3,h4,h5,h6,ol,p,pre,table,ul,dd,dt,li,tbody,td,tfoot,th,thead,tr,button,del,ins,map,object,a,abbr,acronym,b,bdo,big,br,cite,code,dfn,em,i,img,kbd,q,samp,small,span,strong,sub,sup,tt,var,legend,
fieldset,p, aside, header, footer, section, article {
	border: medium none;
	margin: 0;
	padding: 0;
}

:focus
{
	outline: none !important;
}

h1,h2,h3,h4,h5,h6
{
	font-weight: 600;
}
h1
{
	font-size: 36px;
}
h2
{
	font-size: 30px;
}
h3
{
	font-size: 24px;
}
h4
{
	font-size: 18px;
}

img,fieldset 
{
	border: 0 none;
}

a
{
	border: none;
	outline: none;
}

input[type="submit"], select
{
	-webkit-appearance:none;
}
img
{
	border: none;
	height: auto;
	max-width: 100%;
	outline: none;
	vertical-align: middle;
}
iframe
{
    vertical-align: middle;
}
a:hover
{
	text-decoration: none;
}

.clear
{
	clear: both;
}
ul::after
{
	clear: both;
	content: "";
	display: block;
}
ul
{
	list-style:none;
}
body
{
	font-family: 'PT Sans', sans-serif;
	margin: 0;
	padding: 0;
	font-size: 18px;
	line-height: 27px;
	color: #2c2c2c;
}
body, html
{
    height: 100%;
}
/*.banner_area
{
    background:url(../images/banner_bg.jpg) bottom center no-repeat #620ed1;
    background-size: cover;
    background-attachment: fixed;
    padding-top: 70px;
    height: 100%;
    position: relative;
}
*/
.banner_area
{
    /*background:url(../images/banner_bg.jpg) top center no-repeat #620ed1;*/
    background:#620ed1;
    padding: 80px 0 30px;
    position: relative;
}
img.pink_traingle {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 20%;
}
.banner_area h1
{
    font-size: 52px;
    color: #fff;
    margin: 35px 0 5px;
}
.banner_area p
{
    font-size: 24px;
    line-height: 33px;
    color: #fff;
    margin-top: 20px;
}
.logo img
{
    height: 84px;
}
.header .logo img {
    height: 68px;
}
.get_quote
{
    display: inline-block;
    background: #000;
    font-size: 20px;
    color: #fff;
    border-radius: 5px;
    padding: 16px 54px;
    margin-top: 20px;
    box-shadow: 0 8px 20px rgba(0,0,0,0.2);
    vertical-align: middle;
    text-transform:uppercase;
}
.get_quote:hover
{
    box-shadow: 0 8px 30px rgba(0,0,0,0.35);
    color: #fff;
}
.store_name_input
{
    display: inline-block;
    vertical-align: middle;
    max-width: 450px;
    width: 100%;
    position: relative;
    margin-top: 35px;
}
/*.store_name_input:after
{
    position: absolute;
    content: "";
    background:url(../images/pencil.png) center center no-repeat;
    width: 21px;
    height: 22px;
    top: 19px;
    right: 19px;
    background-size: 100%;
}*/
.go
{
    position: absolute;
    right: 11px;
    top: 11px;
    background: #e72565;
    border: none;
    cursor: pointer;
    border-radius: 5px;
    color: #fff;
    font-weight: 700;
    height: 38px;
    font-size: 20px;
    line-height: 40px;
    padding-left: 40px;
    padding-right: 20px;
}
.go:before
{
    box-shadow: 0 0 0 rgba(255,255,255,.4);
    animation: pulso 2s infinite;
    transition: .5s;
    content: "";
    width: 15px;
    height: 15px;
    border: 3px solid #fff;
    position: absolute;
    left: 15px;
    border-radius: 50%;
    top: 0;
    bottom: 0;
    margin: auto;
}

@keyframes pulso {
0% {
    -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.8);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.8);
}
70% {
    -moz-box-shadow: 0 0 0 20px rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 20px rgba(255, 255, 255, 0);
}
100% {
    -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
}
}
.store_name_input .form-control
{
    border: none;
    font-size: 18px;
    padding: 16px;
    color: #000;
}

.store_name_input .form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #2c2c2c;
  opacity: 1; /* Firefox */
}

.store_name_input .form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #2c2c2c;
}

.store_name_input .form-control::-ms-input-placeholder { /* Microsoft Edge */
  color: #2c2c2c;
}


.mobile_tab_image
{
    margin-top: 60px;
    position: relative;
    margin-bottom: -100px;
    z-index: 1;
}
img.scroll
{
    position: absolute;
    right: 40px;
    bottom: 30px;
}

.steps_area h1, .steps_area h3, .pricing_area h1, .get_quotearea h1, .purple_heading
{
    color: #261e9a;
}
.i_want {
    display: inline-block;
    font-weight: 700;
    font-size: 28px;
    color: #999;
    vertical-align: middle;
    margin-top: 35px;
    margin-right: 20px;
}
.trusted_partners
{
    background:url(../images/banner_bg2.jpg) center no-repeat #ed61b9;
    background-size: cover;
    background-attachment: fixed;
    position: relative;
    padding:110px 0;
}
.trusted_partners p
{
    text-transform: uppercase;
    color: #000;
    font-weight: 700;
    line-height: 27px;
    letter-spacing: 2px;
    max-width: 760px;
    margin: 0 auto;
    opacity: 0.8;
}
.trusted_partners ul
{
    max-width: 900px;
    margin: 60px auto;
    display: flex;
    -moz-display: flex;
    -webkit-display: flex;
    -ms-display: flex;
    -o-display: flex;
    flex-flow: wrap;
    -moz-flex-flow: wrap;
    -webkit-flex-flow: wrap;
    -ms-flex-flow: wrap;
    -o-flex-flow: wrap;
    align-items: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
}
.trusted_partners ul li
{
    margin: 12px 0;
    padding: 10px;
    flex: 0 0 225px;
    -moz-flex: 0 0 225px;
    -webkit-flex: 0 0 225px;
    -ms-flex: 0 0 225px;
    -o-flex: 0 0 225px;
}
.pricing_area
{
    position: relative;
    padding-bottom: 70px;
}
.pricing_box_outer
{
    background: #fff;
    border-radius: 5px;
    padding: 50px 0 40px;
    width: 962px;
    margin: 0 auto;
}
.pricing_area p
{
    margin-top: 10px;
    margin-bottom: 30px;
    padding: 0 25px;
}
.plans_box_outer
{
    border-radius: 3px;
    background: #3224af;
    background:-linear-gradient(top, #3224af , #c76cd7);
    background:-moz-linear-gradient(top, #3224af , #c76cd7);
    background:-webkit-linear-gradient(top, #3224af , #c76cd7);
    background:-ms-linear-gradient(top, #3224af , #c76cd7);
    background:-o-linear-gradient(top, #3224af , #c76cd7);
    padding: 5px;
    margin-top: 20px;
}
.plans_box_white
{
    background: #fff;
    border-radius: 3px;
}
.plans_box_outer p
{
    margin: 0;
    color: #988cd5;
    font-size: 14px;
    padding: 42px 0 35px;
}
.plans_box_outer h1
{
    color: #5d6b8f;
    font-weight: 400;
    margin: 30px 0 25px;
    font-size: 38px;
}
.plans_box_outer h1 span
{
    font-size: 18px;
}
.plans_box_outer ul li
{
    font-size: 16px;
    color: #5d6b8f;
}
.choose_plan_btn
{
    display: inline-block;
    border: 3px solid #c7ccd9;
    text-transform: uppercase;
    color: #C263D2;
    font-weight: 700;
    font-size: 16px;
    padding: 9px 28px;
    margin: 30px 0 40px;
}
.choose_plan_btn:hover
{
    border: 3px solid #C263D2;
    color: #261e9a;
}
.plans_box_outer.premium_plan h1, .plans_box_outer.premium_plan ul li
{
    color: #e4daf2;
}
.plans_box_outer ul
{
    min-height: 200px;
}
.plans_box_outer.premium_plan .choose_plan_btn
{
    background: #fff;
    border-color: #fff;
}
.portfolio_area, .why_choose
{
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffcc99+30,ee62b9+100 */
    background: rgb(255,204,153); /* Old browsers */
    background: -moz-linear-gradient(-45deg,  rgba(255,204,153,1) 30%, rgba(238,98,185,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg,  rgba(255,204,153,1) 30%,rgba(238,98,185,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg,  rgba(255,204,153,1) 30%,rgba(238,98,185,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffcc99', endColorstr='#ee62b9',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    position: relative;
    padding: 80px 0;
}
.portfolio_area h1
{
    opacity: 0.9;
    color: #000;
}
.portfolio_area p
{
    opacity: 0.8;
    color: #000;
    margin-top: 10px;
}
.owl-carousel
{
    margin-top: 45px;
}
.owl-carousel .item a h4
{
    color: #000;
    opacity: 0.9;
    font-size: 16px;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-top: 20px;
}
.owl-carousel .item a p
{
    margin-top: 5px;
}
.owl-theme .owl-nav
{
    display: none;
}
.owl-theme .owl-dots
{
    display: block !important;
    margin-top: 40px !important;
}
.owl-theme .owl-dots .owl-dot span
{
    background: #000;
    opacity: 0.5;
    width: 12px;
    height: 12px;
}
.owl-theme .owl-dots .owl-dot.active span
{
    opacity: 0.8;
    background: #000;
}
/*.get_quotearea .get_quote
{
    background: rgb(88,47,188); 
    background: -moz-linear-gradient(left, rgba(88,47,188,1) 0%, rgba(190,99,215,1) 100%); 
    background: -webkit-linear-gradient(left, rgba(88,47,188,1) 0%,rgba(190,99,215,1) 100%); 
    background: linear-gradient(left, rgba(88,47,188,1) 0%,rgba(190,99,215,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#582fbc', endColorstr='#be63d7',GradientType=1 );
    color: #fff;
    box-shadow: none;
}
.get_quotearea .get_quote:hover
{
    background: rgb(190,99,215); 
    background: -moz-linear-gradient(left, rgba(190,99,215,1) 0%, rgba(88,47,188,1) 100%); 
    background: -webkit-linear-gradient(left, rgba(190,99,215,1) 0%,rgba(88,47,188,1) 100%); 
    background: linear-gradient(left, rgba(190,99,215,1) 0%,rgba(88,47,188,1) 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#be63d7', endColorstr='#582fbc',GradientType=1 );
    color: #fff;
}*/

.get_quotearea .get_quote
{
    margin-top:0;
}
.bottom_logo {
    height: 60px;
    margin-top: 10px;
}
.get_quote.small_get_quote
{
    padding: 18px 54px;
    margin-top: 35px;
}
.store_name_input.white_store_name .form-control
{
    border: 1px solid #621dd2;
}
.get_quotearea {
    border-bottom: 2px solid #e9e8f5;
    padding: 35px 0 66px;
}
.footer
{
    padding-top: 55px;
}
.footer h5
{
    font-size: 16px;
    text-transform: uppercase;
    color: #5d6b8f;
    margin-top: 30px;
}
.footer p, .footer ul li 
{
    font-size: 14px;
    opacity: 0.8;
    line-height: 22px;
    margin-top: 8px;
}
.footer ul li
{
    display:inline-block;
    margin-right: 15px;
}
.footer ul li:last-child
{
    margin-right: 0px;
}
.footer ul li a
{
    color: #2c2c2c;
}
.footer ul li:hover
{
    opacity: 1;
}
.addresses p
{
    padding-right: 85px;
}
.footer p.copyright
{
    margin: 55px 0;
}

.get_quote_form
{
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#6212d0+0,b220ff+100 */
    background: rgb(98,18,208); /* Old browsers */
    background: -moz-linear-gradient(-45deg,  rgba(98,18,208,1) 0%, rgba(178,32,255,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg,  rgba(98,18,208,1) 0%,rgba(178,32,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg,  rgba(98,18,208,1) 0%,rgba(178,32,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6212d0', endColorstr='#b220ff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    border-radius: 5px;/*
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;*/
    padding: 45px 35px;
}
.get_quote_form h2, .get_quote_form p
{
    text-align: center;
    color: #fff;
    opacity: 1;
}
.get_quote_form p
{
    font-size: 20px;
    margin-bottom: 25px;
    margin-top: 10px;
}
.get_quote_form .form-control
{
    border: none;
    font-size: 18px;
    color: #2c2c2c;
    padding: 15px 15px;
    margin-bottom: 10px;
}
.get_quote_form textarea.form-control
{
    resize: none;
}
.submit_quote
{
    background: #e72565;
    color: #fff;
    font-weight: 700;
    font-size: 20px;
    border-radius: 5px;
    display: inline-block;
    width: 240px;
    padding: 20px 15px;
    margin-top: 28px;
    cursor: pointer;
}
.submit_quote:hover
{
    background: #d21d59;
}
.plan_select
{
    position: relative;
    margin-bottom: 10px;
}
.plan_select select
{
    height: 57px;
    border: none;
    border-radius: 5px;
    font-size: 18px;
    padding: 15px;
    width: 100%;
    color: #2c2c2c;
}
.plan_select:after
{
    position: absolute;
    right:20px;
    top:16px;
    content: "\f0d7";
    font-family: FontAwesome;
    font-size: 18px;
    color: #000;
    pointer-events: none;
}



.typed_wrap h1
{
    display: inline;
    font-size: 24px !important;
    color: #2c2c2c;
}

/*Add custom cursor so it auto inherits font styles*/
.typed::after {
    content: '|';
    display: inline;
    -webkit-animation: blink 0.7s infinite;
    -moz-animation: blink 0.7s infinite;
    animation: blink 0.7s infinite;
}

/*Removes cursor that comes with typed.js*/
.typed-cursor{
   opacity: 0;
    display: none;
}
/*Custom cursor animation*/
@keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}
@-webkit-keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}
@-moz-keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}

.typed_wrap
{
    position: absolute;
    left: 1px;
    top: 1px;
    border-radius: 5px;
    background: #fff;
    right: 1px;
    bottom: 1px;
    text-align: left;
    padding: 16px 110px 16px 16px;
}
.banner_area .store_name_input
{
    margin-top: 20px;
}
.banner_area p.looking_for
{
    margin-top: 45px;
    font-size: 42px;
    font-weight: 700;
    margin-bottom: 12px;
}



.inner_header
{
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    padding: 22px 0;
    background: #fff;
    z-index: 1;
}
.form_steps
{
    height: 100%;
    padding: 128px 0;
}
.form_contentarea
{
    width: 100%;
    height: 100%;
    overflow: auto;
    display: flex;
    -moz-display: flex;
    -webkit-display: flex;
    -ms-display: flex;
    -o-display: flex;
    align-items: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
}
.form_contentarea h1
{
    text-align: center;
}
.form_contentarea h1 span
{
    display: block;
    font-size: 20px;
    margin-bottom: 35px;
    margin-top: 8px;
}
.form_buttons
{
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
    padding: 20px 0;
    text-align: center;
    background: #fff;
}
.next.action-button, .back.action-button
{
    background: #e72565;
    border: none;
    color: #fff;
    border-radius: 5px;
    padding: 15px 60px;
    font-size: 22px;
    font-weight: 700;
    display: inline-block;
    margin: 0 10px;
}
.back.action-button
{
    background: #2c2c2c;
}
.inner_form_box
{
    border: 2px solid #ddd;
    border-radius: 5px;
    margin-top: 30px;
    margin-bottom: 30px;
}
.inner_form_box ul li
{
    padding: 20px;
    border-bottom: 2px solid #ddd;
    font-size: 24px;
    color: #859290;
    position: relative;
    padding-left: 60px;
}
.inner_form_box ul li:last-child
{
    border:none;
}
.inner_form_box ul li textarea
{
    resize: none;
    font-size: 24px;
    border: 2px solid #e2e2e2;
}

.custom_outer {
  display: block;
    cursor: pointer;
    font-size: 24px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-bottom: 0;
}

/* Hide the browser's default checkbox */
.custom_outer input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 50%;
  left: 16px;
  height: 30px;
  width: 30px;
  margin-top: -15px;
  background-color: #e6e7ec;
}

/* On mouse-over, add a grey background color */
.custom_outer:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.custom_outer input:checked ~ .checkmark {
  background-color: #8a00ff;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.custom_outer input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.custom_outer .checkmark:after {
  left: 10px;
    top: 3px;
    width: 10px;
    height: 18px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.custom_outer.radio_custom .checkmark
{
    border-radius: 100%;
    height: 30px;
    width: 30px;
    position: absolute;
    left: 16px;
    top: 50%;
    margin-top: -15px;
}
.custom_outer.radio_custom .checkmark::after {
    width: 14px;
    height: 14px;
    transform: none;
    border-radius: 100%;
    border: none;
    background: #fff;
    left: 8px;
    top: 8px;
}
img.check_icon
{
    margin-bottom: 30px;
    height: 150px;
}

.steps {
    max-width: 900px;
    margin: 0 auto;
}
.steps.last_step .form-control
{
    font-size: 24px;
    border: 2px solid #e2e2e2;
    padding: 16px;
    margin: 25px 0;
}
.steps.last_step .custom_outer {
    position: relative;
    padding-left: 45px;
}
.steps.last_step .custom_outer .checkmark {
    left: 0;
}



.policy_area
{
    border-bottom: 2px solid #e9e8f5;
    height: auto;
    padding-bottom: 70px;
    padding-top: 20px;
}
.policy_page
{
    padding-top: 40px;
}
.policy_page p
{
    font-size: 14px;
    line-height: 21px;
    opacity: 0.8;
}
.policy_page h5
{
    font-size: 14px;
    margin-top: 25px;
    margin-bottom: 6px;
}
.policy_page h3
{
    margin-bottom: 25px;
    letter-spacing: 2px;
}
.footer p.copyright a
{
    display: inline-block;
    margin-left: 15px;
    color: #2c2c2c;
    opacity: 0.8;
}
.footer p.copyright a:hover
{
    opacity:1;
}



/** new css here ***/
.demo_see
{
    padding: 105px 0 55px;
    background: #eee;
}
.start_now
{
    display: inline-block;
    background: #e72565;
    border-radius: 5px;
    font-size: 24px;
    text-transform: uppercase;
    padding: 12px 25px 12px 43px;
    color: #fff;
    vertical-align: middle;
    margin-left: 20px;
    letter-spacing: 1px;
    position: relative;
}
.start_now:hover
{
    background: #d21d59;
    color: #fff;
}
.start_now:before
{
    box-shadow: 0 0 0 rgba(255,255,255,.4);
    animation: pulso 2s infinite;
    transition: .5s;
    content: "";
    width: 15px;
    height: 15px;
    border: 3px solid #fff;
    position: absolute;
    left: 15px;
    border-radius: 50%;
    top: 0;
    bottom: 0;
    margin: auto;
}

@keyframes pulso {
0% {
    -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.8);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.8);
}
70% {
    -moz-box-shadow: 0 0 0 20px rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 20px rgba(255, 255, 255, 0);
}
100% {
    -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
}
}
.ecommerce_everywhere
{
    background: #fff;
    padding: 70px 0;
}
.purple_heading + p
{
    margin-top:6px;
}
.ecommerce_everywhere .carousel ol
{
    position: static;
    margin: 0;
}
.ecommerce_everywhere .carousel ol li
{
    width: auto;
    text-indent: inherit;
    height: auto;
    margin: 35px 12px;
    border: 2px solid #dee2e6;
    cursor: pointer;
    border-radius: 5px;
    padding: 7px 20px;
}
.ecommerce_everywhere .carousel ol li.active
{
    color: #e72565;
    border:2px solid #e72565;
}

.ecommerce_everywhere .carousel .carousel-item img
{
    max-height: 400px;
}
.ecommerce_everywhere .carousel .carousel-item h5
{
    font-size: 16px;
    margin: 18px 0;
    font-weight: 400;
    position: absolute;
    left: -24px;
    bottom: 0;
    background: rgba(0,0,0,0.8);
    color: #fff;
    padding: 15px;
    width: 130px;
    height: 130px;
    border-radius: 100%;
    display: flex;
    -moz-display: flex;
    -webkit-display: flex;
    -ms-display: flex;
    -o-display: flex;
    flex-direction: column;
    -moz-flex-direction: column;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    justify-content: center;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
}
.ecommerce_everywhere .carousel .carousel-item h5 a
{
    color: #e72565;
    display: inline-block;
    font-size: 22px;
    margin: 5px 8px 0;
    vertical-align: middle;
}
.ecommerce_everywhere .carousel .carousel-item h5 a:hover
{
    color: #d21d59;
}
.img_relative_box
{
    position: relative;
    display: inline-block;
    width: 48%;
    margin-left: 2%;
    vertical-align: top;
}
.ecommerce_everywhere .carousel .carousel-item p
{
    font-size: 22px;
    line-height: 32px;
    margin: 40px 0 30px;
    display: inline-block;
    width: 48%;
    vertical-align: top;
}
.features_infobox
{
    width: 33%;
    margin-top: 55px;
    padding: 0 1% 0 0;
}
.features_infobox h3
{
    font-size: 20px;
    margin: 18px 0 0;
}
.testimonial_area
{
    padding: 70px 0;
}
.testimonial_area .owl-theme .owl-dots
{
    display: none !important;
    margin:0;
}
.testimonial_area .owl-theme .owl-nav
{
    display: block !important;
    margin:0;
    opacity: 0;
    transition: all 0.3s ease 0s;
}
.testimonial_area .owl-theme:hover .owl-nav
{
    opacity: 1;
    transition: all 0.3s ease 0s;
}
.testimonial_area .owl-theme .owl-nav .owl-prev, .testimonial_area .owl-theme .owl-nav .owl-next
{
    position: absolute;
    top: 50%;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    font-size: 30px;
    text-align: center;
    line-height: 50px;
    padding: 0;
    margin: -25px 0 0 0;
    background: #e72565;
}
.testimonial_area .owl-theme .owl-nav .owl-prev
{
    left:-25px;
}
.testimonial_area .owl-theme .owl-nav .owl-next
{
    right:-25px;
}
.testimonial_box_inner
{
    padding: 37px 40px 40px;
    border-radius: 5px;
    border:1px solid #f1f4f6;
    transition: all 0.3s ease 0s;
    text-align: left;
    margin:25px 0;
}
.testimonial_box_inner:hover
{
    box-shadow: rgba(38, 78, 118, 0.1) 0px 10px 35px;
}
.testimonial_box_inner h3
{
    font-size: 18px;
    line-height: 33px;
    font-weight: 700;
    margin-bottom: 10px;
}
.testimonial_box_inner p
{
    font-size: 18px;
    line-height: 32px;
    min-height: 200px;
}
.client_name_review
{
    margin-top: 35px;
    position: relative;
    padding-left: 63px;
    padding-right: 0px;
    min-height: 50px;
}
.client_name_review img
{
    width: 50px !important;
    height: 50px;
    border-radius: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.client_name_review h4
{
    padding-top: 5px;
}
.client_name_review h4 span
{
    display: block;
    font-size: 14px;
    margin-top: 4px;
    color: #999;
    font-weight: 400;
}
.client_name_review .ratings
{
    right: 0;
    top: 0;
}
.client_name_review .ratings li
{
    display: inline-block;
    font-size: 15px;
    color: #e8c022;
}
.plan_pricing_call
{
    padding-top: 55px;
}
.plan_pricing_call .start_now
{
    font-size: 18px;
}
.retail_business
{
    margin-top: 75px;
}
.product_slide_box .container
{
    width: 100%;
    max-width: 1580px;
    margin-bottom: -102px;
}
.product_slide_box
{
    padding-bottom: 0;
    overflow: hidden;
}
.product_slider_outer
{
    position: relative;
}
.iphone_outer
{
    position: absolute;
    height: calc(100% + 0px);
    display: block;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9;
    pointer-events: none;
    margin-top: -12px;
}
.iphone_outer img {
    display: inline-block;
    height: 100%;
    width: auto;
}
.product_slider_outer .owl-carousel .owl-item .item img {
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}
.ecommerce_everywhere .carousel .carousel-item p b {
    display: inline-block;
    margin-bottom: 10px;
    font-size: 28px;
}
.ecommerce_everywhere h1 {
    max-width: 900px;
    margin: 0 auto;
}
.plan_start
{
    padding: 85px 0;
    background: #fff;
}
.plan_start h3
{
    font-size: 36px;
    margin: 0 auto;
    max-width: 900px;
}
.plan_start .start_now
{
    margin-top: 25px;
}
.plan_start h1
{
    display: inline-block;
    vertical-align: middle;
    font-size: 30px;
    margin-top: 25px;
}
.start_now.plan_pricing
{
    background: #2c2c2c;
}
.start_now.plan_pricing:hover
{
    background: #000;
}
.header
{
    background: #620ed1;
    padding: 20px 0;
}
.header ul
{
    text-align: right;
    margin-top: 18px;
}
.header ul li
{
    display: inline-block;
    font-size: 16px;
    margin-left: 25px;
}
.header ul li:first-child
{
    margin-left:0;
}
.header ul li a
{
    color: #fff;
}
.header ul li a:hover, .header ul li a.active
{
    color: #e72565;
}
.support_area .pricing_box_outer
{
    width: 100%;
}
.have_questions p
{
    padding: 0 20px 0px 0;
}
.addresses_li li
{
    position: relative;
    min-height: 50px;
    margin-top: 20px;
    padding-left: 65px;
    padding-top: 12px;
}
.addresses_li li i
{
    position: absolute;
    left: 0;
    top: 0;
    background: #e72565;
    width: 50px;
    height: 50px;
    text-align: center;
    color: #fff;
    font-size: 24px;
    line-height: 50px;
    border-radius: 100%;
}
.addresses_li li a {
    color: #2c2c2c;
}
.faqs .accordion .card
{
    border: none;
    border-radius: 0;
    margin-top: 15px;
}
.faqs .accordion .card .card-header
{
    border: none;
    padding: 0;
}
.faqs .accordion .card .card-header .btn
{
    color: #2c2c2c;
    font-weight: 600;
    position: relative;
    padding: 10px 10px 10px 55px;
    white-space: normal;
}
.faqs .accordion .card .card-header .btn:after
{
    position: absolute;
    left: 0;
    top: 0;
    width: 40px;
    height: 100%;
    background: #e72565;
    color: #fff;
    font-size: 18px;
    content: "\f068";
    font-family: FontAwesome;
    text-align: center;
    line-height: 46px;
}
.faqs .accordion .card .card-header .btn.collapsed:after
{
    content: "\f067";
}
.faqs .accordion .card .card-header .btn:hover, .faqs .accordion .card .card-header .btn:focus
{
   text-decoration: none;
}
.faqs .accordion .card .card-body
{
    padding: 10px;
    font-size: 16px;
    line-height: 23px;
}
.support_area .row
{
    padding-top: 25px;
}
.phone_outer
{
    position: relative;
}
.phone_outer .plan_select
{
    position: absolute;
    left: 0;
    width: 100px;
    border-right: 1px solid #cfcfcf;
}
.phone_outer .form-control
{
    padding-left: 120px;
}
.form_steps .phone_outer .plan_select
{
    width: 120px;
    left: 2px;
    top: 2px;
    bottom: 2px;
    margin: 0;
    border-width:2px;
}
.form_steps .phone_outer .plan_select select
{
    border: none;
    padding: 0 42px 0 16px;
    margin: 0;
    font-size: 22px;
    height: 68px;
}
.form_steps .phone_outer .plan_select:after
{
    top: 23px;
}
.form_steps .phone_outer .form-control
{
    padding-left: 140px;
}
/** new css here ***/

.products_dropdown {
    position: absolute;
    right: 20px;
    top: 20px;
    border: 2px solid #fff;
    padding: 10px 20px;
    color: #fff;
    border-radius: 6px;
}
.products_dropdown ul {
    position: absolute;
    right: 0;
    top: 100%;
    background: #fff;
    width: 150px;
    text-align: left;
    border-radius: 6px;
    display: none;
}
.products_dropdown:hover ul
{
    display:block;
}
.products_dropdown ul li a {
    display: block;
    color: #000;
    padding: 10px 15px;
}
.products_dropdown ul li a:hover
{
    color: #e91e63;
}
.main-banner-btns {
    display: flex;
    align-items: center;
    justify-content: center;
}

/** start responsive **/
@media screen and (max-width:1199px)
{
    .left_circle, .right_circle
    {
        display: none;
    }
    .pricing_box_outer
    {
        width: 100%;
    }
}
@media screen and (max-width:991px)
{
    .banner_area h1
    {
    	font-size: 40px;
    }
    .steps_area h3
    {
    	line-height: 25px;
    	font-size: 18px;
	}
    .start_now
    {
        display: block;
        max-width: 230px;
        margin: 12px auto;
    }
    .img_relative_box
    {
        display: inline-block;
        width: auto;
        margin-left: 0;
    }
    .ecommerce_everywhere .carousel .carousel-item p
    {
        width: 100%;
    }
    .features_infobox img
    {
        height: 60px;
    }
    .features_infobox h3
    {
        font-size: 15px;
    }
    .trusted_partners
    {
        padding: 70px 0;
    }
    .faqs
    {
        margin-top: 42px;
    }

}
@media screen and (max-width:767px)
{
    img.scroll, .steps_area p br, .pricing_area p br, .banner_area p br
    {
        display: none;
    }
    .banner_area h1, .banner_area p.looking_for
    {
        font-size: 36px;
    }
    .banner_area p
    {
        font-size: 18px;
        line-height: 30px;
    }
    .trusted_partners ul li
    {
        flex: 0 0 50%;
        -moz-flex: 0 0 50%;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        -o-flex: 0 0 50%;
    }
    .get_quote_form
    {
        border-radius: 5px;
    }
    .steps_area aside
    {
    	margin-top: 40px;
    	margin-bottom: 0px;
	}
	.form_contentarea h1
	{
		font-size: 30px;
	}
	.inner_form_box ul li
	{
		padding: 12px 12px 12px 45px;
	}
	.custom_outer.radio_custom .checkmark, .checkmark
	{
	    height: 22px;
	    width: 22px;
	    left: 10px;
	    margin-top: -11px;
	}
	.custom_outer, .inner_form_box ul li textarea
	{
		font-size: 20px;
	}
	.custom_outer .checkmark::after
	{
	    left: 8px;
	    top: 4px;
	    width: 7px;
	    height: 12px;
	}
	.custom_outer.radio_custom .checkmark::after
	{
	    width: 10px;
	    height: 10px;
	    left: 6px;
	    top: 6px;
	}
    .ecommerce_everywhere .carousel .carousel-item img
    {
        max-height: 260px;
    }
    .features_infobox
    {
        width: 33%;
    }
    .iphone_outer
    {
        display: none;
    }
    .header ul li
    {
        margin-left: 15px;
    }
    .social_media_sec img {
        height: 210px;
        margin-bottom: 20px;
    }
    
}
@media screen and (max-width:575px)
{
    .banner_area h1, .pricing_area h1, h1
    {
        font-size: 30px;
    }
    .banner_area p, body
    {
        font-size: 16px;
        line-height: 25px;
    }
    .get_quote
    {
        width: 100%;
        padding: 15px 10px;
        margin-top: 25px;
    }
    .store_name_input
    {
        display: block;
        max-width: 100%;
    }
    .mobile_tab_image
    {
        bottom: -24px;
    }
    .steps_area
    {
        padding: 70px 0;
    }
    .steps_area h1
    {
        font-size: 30px;
    }
    .get_quotearea h1
    {
        font-size: 24px;
    }
    .get_quote_form
    {
        padding: 45px 20px;
    }
    .footer
    {
        padding-top: 30px;
    }
    .banner_area p.looking_for
    {
    	font-size: 26px;
    }
    .store_name_input
    {
    	margin-top: 20px;
    }
    .typed_wrap h1
    {
	    font-size: 18px !important;
	    margin: 0;
	    line-height: 28px;
	}
	.store_name_input .form-control
	{
	    font-size: 18px;
	    padding: 16px 110px 17px 16px;
	}
	.next.action-button, .back.action-button
	{
	    padding: 10px 35px;
	    font-size: 20px;
	}
	.form_steps
	{
   		padding: 128px 0 90px;
	}
	img.check_icon
	{
    	height: 100px;
	}
	.steps.last_step .custom_outer
	{
    	padding-left: 32px;
    	font-size: 16px;
    	line-height: 20px;
	}
	.steps.last_step .form-control, .form_steps .phone_outer .plan_select select
	{
		font-size: 18px;
	}
    .ecommerce_everywhere .carousel ol li
    {
        padding: 7px 10px;
        font-size: 13px;
        line-height: 19px;
    }
    .ecommerce_everywhere .carousel .carousel-item h5
    {
        left:0;
    }
    .features_infobox
    {
        width: 50%;
        padding: 0 20px;
    }
    .testimonial_area .owl-theme .owl-nav .owl-prev, .testimonial_area .owl-theme .owl-nav .owl-next
    {
        display: none;
    }
    .client_name_review .ratings
    {
        position: static;
    }
    .client_name_review
    {
        padding-right: 0;
    }
    .header, .header ul
    {
        text-align: center;
    }
    .header ul li
    {
        font-size: 14px;
    }
    .form_steps .phone_outer .plan_select
    {
        width:100px;
    }
    .form_steps .phone_outer .plan_select select
    {
        height: 59px;
    }
    .form_steps .phone_outer .plan_select:after
    {
        top:18px;
    }
    .form_steps .phone_outer .form-control
    {
        padding-left: 120px;
    }

}
