@charset "utf-8";
/* CSS Document */

body { font-family: 'Roboto Regular'; font-size: 13px; overflow-x: hidden;  }
a 	 { text-decoration: none; color: #000; outline: none; }
img  { border: none; }

@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?v=4.3.0');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.3.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.3.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.3.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.3.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;  
}

@font-face 
{
	src: url(../fonts/Roboto-Bold.ttf);
	font-family: 'Roboto Bold';
}
@font-face 
{
	src: url(../fonts/Roboto-LightItalic.ttf);
	font-family: 'Roboto Italic';
}
@font-face 
{
	src: url(../fonts/Roboto-Light.ttf);
	font-family: 'Roboto Light';
}
@font-face 
{
	src: url(../fonts/Roboto-Regular.ttf);
	font-family: 'Roboto Regular';
}
@font-face 
{
	src: url(../fonts/Roboto-Medium.ttf);
	font-family: 'Roboto Medium';
}

/*================ Home page =====================*/

.header_bg
{
	background: rgba(0, 0, 0, 0) url("../images/bg.jpg") no-repeat scroll 0 0;
	background-size: 110% auto;
	position: relative;
}
.home_bg
{
	background: url(../images/home-bg.jpg) no-repeat fixed top center;
	background-size: cover;
}

.grocery_bg
{
	background: url(../images/grocery2.jpg) no-repeat fixed top center;
	background-size: cover;
}
.furniture_bg
{
	background: url(../images/furniture1.jpg) no-repeat fixed top center;
	background-size: cover;
}
.crackers_bg
{
	background: url(../images/cracker1.jpg) no-repeat fixed top center;
	background-size: cover;
}
.fashion_bg
{
	background: url(../images/fashion1.jpg) no-repeat fixed top center;
	background-size: cover;
}
.elect_bg
{
	background: url(../images/electronics.jpg) no-repeat fixed top center;
	background-size: cover;
}
.banner_content {
	width: 100%;
	min-height: 100vh;
	margin: 0 0;
	overflow: hidden;
	-webkit-align-items: center;
	-moz-align-items: center;
	align-items: center;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
    flex-direction: column;
	-webkit-box-orient: vertical;
}

@media screen and (-webkit-min-device-pixel-ratio:0) { 
    /* Safari and Chrome */
    .myClass {
     color:red;
    }

    /* Safari only override */
    ::i-block-chrome,.search-content {
	 padding: 150px 0;
     min-height: 700px;
	 text-align: center;
    }
}

.banner_content h1
{
	font-size: 65px;
	color: #fff;
	text-align: center;
	line-height: 55px;
    font-size: 50px;
    margin-bottom:20px;
}
.banner_content small
{
	color: #fff;
	font-size: 20px;
	text-align: center;
	display: block;
	font-family: "Roboto Light";
}


a.know-button{
    text-align: center;
    margin:50px auto 0;	
    display: table;
    background: #382D76;
    padding: 10px 12px;
    font-size: 18px;
    color: #fff;
    border-radius: 5px;
	border: 2px solid #382D76;
}


a.know-button:hover{
    color: #382D76;
    background: transparent;
    border: 2px solid #382D76;

}

.add_to_cart_button 
{
	font-weight: normal !important;
}
p.postmetadata a {
    padding: 0 3px;
    font-weight: normal !important;
}
.post_in h6 {
    font-size: 20px;
    color: #3194d0;
    font-weight: normal;
}

#commentform #submit {
    background-color: #3194d0;
    color: #fff;
    float: left;
    font-weight: normal;
    margin: 5px 5px 30px 0;
    padding: 9px;
    font-family: 'Roboto Bold';
    border: none;
}


.banner_content h2 {
       color: #fff;
    margin: 0;
    text-align: center;
    font-size:22px;
    font-weight: normal;
}
.banner_content span {
    font-size: 18px;
}

.deli_banner {
    background: rgba(0, 0, 0, 0) url("../images/bg.jpg") no-repeat scroll 0 0;
    background-size: 110% auto;
    position: relative;
    z-index: 1;
}
.deli_text{
	
}

.deli_text h1 {
color: #fff;
    margin: 0;
    line-height: 55px;
    font-weight: normal;
    margin-bottom: 38px;
    font-size: 35px;
    text-align: center;
    font-family: 'Roboto';
	
}

a.knowmore-btn {
    border: 2px solid #fff;
    color: #fff;
    background: none;
    font-size: 30px;
    border-radius: 48px;
    width: 35px;
    height: 53px;
    padding: 4px;
    margin:40px auto 0;
    display: table;
    text-align: center;
}

.slide1_cont img
{
	transition: all 1s ease;
	cursor: pointer;
}
.slide1_cont img:hover
{
	transform: rotate(180deg);
}
.click
{
	width: 30px;
	height: 43px;
	margin:50px auto 0;
	background: url(../images/bottom-arrow.png) no-repeat center bottom;
	animation: move 1.5s linear 0s infinite;
	display: block;
	transition: all .3s ease;
	
    left: 50%;
    position: absolute;
}

@keyframes move
{
	0%{ background: url(../images/bottom-arrow.png) no-repeat center bottom;}
	50%{ background: url(../images/bottom-arrow.png) no-repeat center 8px;}
	100%{ background: url(../images/bottom-arrow.png) no-repeat center bottom;}
}


.home-section
{
	padding: 80px 0;
}
.home-section h2
{
    font-family: 'Roboto';
    color: #000;
    margin: 0;
    line-height: 55px;
    font-size: 35px;
    text-align: center;
    font-weight: normal;

}
.home-section h2 small
{
	font-size: 48px;
	color: #454545;
	font-weight: lighter;
}
.home-section p
{
  margin: 20px 0;
  line-height: 28px;
  text-align: left;
}
.home-section h5
{
    font-size: 18px;
    line-height: 62px;
    margin: 0;
    text-align: left;
}
.no-padding
{
	padding: 0;
}
.header{	
	position: relative;
	top: 0;
	width: 100%;
	left: 0;
	z-index: 1;
    transition: all 0.3s ease-in 0s;
	padding: 0 0 10px 0;
}
.head-bg
{
	background: #191F27;
	position: relative;
}
.fixed
{
	position: fixed;
	top: 0;
	width: 100%;
	background: rgba(25,31,39,.9) !important;
	z-index: 50;	
    transition: all 0.3s ease-in 0s;
	padding: 0;
}
.logo_div
{
	padding: 20px 0px 10px;
}
.logo_div img
{
	height: auto;
    max-width: 100%;
}
.logo_div a
{
	
}
.logo1
{
	display: inline-block;
    padding: 18px 15px 0 0;
}
.logo2
{
		display:inline-block;
}
#back-top {
    background: url("../images/arrow2.png") no-repeat scroll center center;
    bottom: 48px;
    color: #eeeeee;
    display: none;
    float: left;
    font: bold 14px Arial,Helvetica;
    height: 50px;
    margin: 0 5px;
    padding: 3px;
    position: fixed;
    right: 10px;
    text-decoration: none;
    transition: all 0.3s ease 0s;
    width: 50px;
    z-index: 9999;
	cursor: pointer;
}

.navbar-nav > li > a {
    margin: 0 2px;
}
#back-top:focus
{
	outline: none;
}

.req_quote
{
    float: right;
    margin: 22px 0 0;
}
.req_quote > a {
    border: 1px solid #fff;
    color: #fff;
    display: block;
    font-size: 12px;
    padding: 10px 20px;
    text-transform: uppercase;
	
	-webkit-transition: all .3s ease 0s;
	-moz-transition: all .3s ease 0s;
	-ms-transition: all .3s ease 0s;
	-o-transition: all .3s ease 0s;
	transition: all .3s ease 0s;
}
.req_quote > a:hover
{
	background: #fff;
	color: #3399D6;
}

.req_quote a span
{   
    border: 1px solid #fff;
    border-radius: 15px;
    padding: 3px 20px;
    text-decoration: none;
	-webkit-animation: blinker .8s linear 0s infinite;
	-moz-animation: blinker .8s linear 0s infinite;
	-o-animation: blinker .8s linear 0s infinite;
	animation: blinker .8s linear 0s infinite;
}
@keyframes blinker
{
	0%{
		color: #fff;
	}
	50%
	{
		color: #FF7100;
	}
	100%{
		color: #fff;
	}
}
@-webkit-keyframes blinker
{
	0%{
		color: #fff;
	}
	
	100%{
		color: #FF7100;
	}
}
.nav li:last-child a
{
	padding-right: 0 !important;
	margin-right: 0 !important;
}


/*------------ Core features section ---------------*/
.mt-30
{
	margin-top: 30px;
}
.core-features
{
    background: #fff none repeat scroll 0 0;
    padding: 70px 0 28px 0;
	position: relative;
	box-shadow: 0 1px 3px #ccc;
}
.core-features h2
{
    color: #000;
    font-size: 35px;
    text-align: center;
    margin: 0;
    line-height: 44px;
    padding-bottom: 10px;
}


.core-features .ali-center {
    color: #58595b;
    font-size: 15px;
    line-height: 25px;
    margin: 15px 0 0;
    text-align: center;
	padding: 0 60px;
}
.core-features-sect
{
	margin: 30px 0 0;
min-height: 150px !important;
}
.core-features-icon
{
    float: left;
   margin: 5px 0px 0px 0px;
   width: 10%;
}
.core-features-content
{
      float: left;
   width: 90%;
   padding-left: 10px;
}
.core-features-content h4
{
	font-size: 20px;
	line-height: 20px;
	color: #f00;
margin-top: 6px;

}
.core-features-content p
{
    font-size: 15px;
    line-height: 22px;
    text-align: justify;
}
.core-features a
{
    background: #3194d0 none repeat scroll 0 0;
    color: #fff;
    display: table;
    font-size: 20px;
    margin:0px auto 0;
    padding: 15px 30px;
    text-align: center;
	
	-webkit-transition: all .3s ease 0s;
	-moz-transition: all .3s ease 0s;
	-ms-transition: all .3s ease 0s;
	-o-transition: all .3s ease 0s;
	transition: all .3s ease 0s;
}
.core-features a:hover, .core-features a:focus
{
	background: #333;
}
.more-features
{
	display: none;
}

/*------------ Our Websites section ---------------*/

.our-web-sect
{
	width: 100%;
	background: #f1f2f2;
}
.our-web-sect .row
{
	margin: 0;
}
.web-sect
{
	padding: 40px 0;
}
.web-sect h2
{
	
}
.web-sect-content
{
	padding: 30px 20px 0 0;
}
.web-sect-content p
{
	font-size: 16px;
	font-family: 'Roboto Light';
	margin: 20px 0;
	line-height: 25px;
	text-align: justify;
	min-height: 130px;
}
.web-sect-content a
{
    background: #3194d0 none repeat scroll 0 0;
    color: #fff;
    display: table;
    font-size: 20px;
    margin: 30px 0 60px;
    padding: 15px 30px;
    text-align: center;
	
	-webkit-transition: all .3s ease 0s;
	-moz-transition: all .3s ease 0s;
	-ms-transition: all .3s ease 0s;
	-o-transition: all .3s ease 0s;
	transition: all .3s ease 0s;
}
.web-sect-content a:hover, .web-sect-content a:focus
{
	background: #333;
}


/*------------ ecommerce product section ---------------*/
.ecommerce-prod-sect
{
	padding: 0 0;
}
.ecommerce-prod-sect h2
{
    color: #000;
    margin: 0;
    line-height: 55px;
    font-size: 35px;
    text-align: center;
}
.ecommerce-div
{
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
	padding: 80px 0 0;
	position: relative;
	z-index: 1;
}
.example-desc {
        margin:3px 0;
        padding:5px;
      }
.ecommerce-prod-sect img
{
	max-width: 100%;
	height: auto;
}	  
#carousel {
        width:100%;
        height:800px;
        position:relative;
        clear:both;
        overflow:hidden;
      }
      #carousel img {
        visibility:hidden; /* hide images until carousel can handle them */
        cursor:pointer; /* otherwise it's not as obvious items can be clicked */
		max-width: 100%;
		height: auto;
      }

      .split-left {
        width:450px;
        float:left;
      }
      .split-right {
        width:400px;
        float:left;
        margin-left:10px;
      }
      #callback-output {
        height:250px;
        overflow:scroll;
      }
      textarea#newoptions {
        width:430px;
      }


/*------------- features ready section ---------------*/
.features-ready-sect
{
	background: #fff;
	width: 100%;
}
.features-ready-sect img {
    height: 520px;
    max-width: 100%;
    width: 100%;
}
.features-ready-sect .row
{
	margin-right: 0;
}
.features-ready-content
{
    max-width: 550px;
    padding: 60px 0 60px 40px;
}
.features-ready-content h2
{
    color: #000;
    font-size: 35px;
    line-height: 50px;
    margin: 0;
}
.features-ready-content p
{
    color: #58595b;
    font-size: 15px;
    line-height: 25px;
    margin: 25px 0;
    text-align: justify;
}



/*----------- benefits section --------------*/
.benefits-sect
{
	width: 100%;
	padding: 80px 0;
	background: #f1f2f2;
	overflow: hidden;
}
.benefits-sect h2
{
	   color: #000;
    font-size: 35px;
    line-height: 50px;
    margin: 0;	
	text-align: center;
}
.benefits-sect p {
    color: #58595b;
    font-size: 15px;
    line-height: 25px;
    margin: 15px 0 0;
    text-align: center;
}
.benefits-content
{
	background: #fff; 
	box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
    transition: all 0.2s ease-in-out;
	padding: 40px;
	min-height: 265px;
	margin: 30px 0;
	width: 100%;
    text-align: center;
}
.benefits-content:hover {
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}

.benefits-content p
{
	color: #58595b;
    font-size: 15px;
    line-height: 25px;
    margin: 25px 0;
}
.bc-one
{
	padding: 40px 50px;
}


/*----------- question-section --------------*/

.question-section{
	background: url(../images/question-bg.jpg) no-repeat fixed;
	background-size: cover;
	padding: 80px 0!important;
}
.question-section h2 {
    color: #fff;
    font-size: 35px;
	line-height: 55px;
    text-align: center;
    margin-bottom: 0;
}
.question-section small {
    color: #fff;
    margin: 0;
    text-align: center;
    font-size: 15px;
	display: block;
}

.white-form {
    background-color: #fff;
	height: 50px;
}	
.form-sec{
	margin-top: 30px;
    margin: 50px auto 0;
    width: 70%;
}


.sub-btn {
    background: #3194d0 none repeat scroll 0 0;
    border: medium none;
    color: #fff;
    display: table;
    font-size: 20px;
    margin: 0 auto;
    padding: 12px 60px;
    text-align: center;
	
	-webkit-transition: all .3s ease 0s;
	-moz-transition: all .3s ease 0s;
	-ms-transition: all .3s ease 0s;
	-o-transition: all .3s ease 0s;
	transition: all .3s ease 0s;
}
.sub-btn:hover, .sub-btn:focus
{
	background: #fff;
	color: #333;
}

.mess{
	margin-top:14px;
	margin-bottom:0px;
}
.mess1{
	margin-top:36px;
}
.form-sec small {
    color: #fff;
    font-size: 13px;
	text-align: left;
    margin-top: 13px;
    margin-bottom: 8px;
	display: block;
}

button.btn.dropdown-toggle.btn-info {
    height: 51px;
	border: none;
}

.btn-info {
    color: #000;
    background-color: transparent!important;
    border-radius: 0;
}

.btn-info:hover {
    color: #000;
    background-color: transparent!important;
    border: 1px solid #000;
    border-radius: 0;
}
.btn-info:hover, .btn-info:focus, .btn-info.focus, .btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info {
     color: #000; 
    background-color: #31b0d5;
    border-color: #269abc;
}

.dropdown-menu {
    padding: 0px 0 5;
    margin: 0;
	border-radius: 0;

}
.bootstrap-select.btn-group .dropdown-menu li a {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: 5px 12px;
}
.question-section .wpcf7-validation-errors {
    color: #fff;
    margin: auto;
    max-width: 385px;
    padding: 10px;
    text-align: center;
}


/*---------------- Thank You Page Section -----------------------*/
.img-center{
	margin:auto;
}

.thank-page p{
	font-size:17px;
}
.thank-page h4{
	font-size: 23px;
	padding-top: 20px;
}

.thank-page .social a span{
	font-size:35px;
	margin: 0 10px;
}

.thank-page .social {
    margin: 0 auto;
    display: table;
	width:auto;
}
/*---------------- Footer Section -----------------------*/
.footer {
    background: #191f27 none repeat scroll 0 0;
    color: #fff;
    padding: 40px 0 0;
	font-family: 'Roboto Light';
	position: relative;
}
.footer h2
{
	margin: 0 0 10px;
}


.footer h4
{
	color: #3299D5;
	margin: 10px 0;
}
.footer p
{
	width: 100%;
	margin:0 0 20px;
	line-height: 20px;
	font-size: 14px;
}
.location-icon
{
	background: url(../images/location-icon.png) no-repeat scroll left 1px;
	padding: 0 0 0 20px;
}
.location {
    margin: auto;
    max-width: 290px;
}
.address {
    float: right;
}
.address a
{
	color: #fff !important;
	display: block;
	text-decoration: none;
}
.address a span
{
	content:"";
	font-family: 'FontAwesome';
	position: relative;
	top: 0px;
	padding-right: 5px;
	left:0;
	color: #1D97B4;
}
.address a:hover
{
	color: #3299D5;
}
.tel
{
    background: rgba(0, 0, 0, 0) url("../images/tel-icon.png") no-repeat scroll left center;
    font-size: 17px;
    margin-bottom: 5px;
    padding: 0 0 0 20px;
}
.copyright
{	
	color:#B5B5B5;
	border-top: 1px solid;
	width: 100%;
	text-align: center;
	padding: 10px 0 0;
	margin: 10px 0 20px !important;
}
.whatss{
margin-bottom:0px!important;
}

.quick-links-div
{
	width:100%;
}
.quick-links-div ul
{
	margin: 0;
	padding: 0;
}
.quick-links-div ul li
{
	list-style-type: none;
}
.quick-links-div ul li a
{
  	color: #fff;
    font-size: 14px;
    line-height: 25px;
}
.quick-links-div ul li a:hover
{
	color: #3299D5;
}
.quick-links-div ul li i
{
    color: #3194d0;
    font-size: 8px;
    padding: 0 10px 0 0;
    vertical-align: middle;
}

.fax:before
{
	content: url(../images/fax-icon.png);
}
.mail
{
    background: rgba(0, 0, 0, 0) url("../images/mail-icon.png") no-repeat scroll left 10px;
    color: #fff;
    font-size: 17px;
    padding: 4px 0 4px 22px;
}
.social
{
      margin: 10px 0;
    width: 100%;
}
.social a
{
	text-decoration: none;
    float: left;
}
.social a span
{
	background: transparent;
	border: 1px solid #fff;
	color: #3194D0;
    content: "";
    display: inline-block;
    font-family: "FontAwesome";
    font-size: 22px;
    height: 40px;
    left: 0;
    margin: 4px;
    padding: 7px;
    position: relative;
    text-align: center;
    top: 0;
    width: 40px;
	transition: all .3s ease 0s;
}
.social span:hover
{
	color: #3194D0;
	background: #fff;
}
.fb:before
{
	content:"\f09a ";
	
}
.twt:before
{
	content:"\f099 ";
}
.gp:before
{
	content:"\f0d5 ";
}
.rs:before
{
	content:"\f09e ";
}
.ln:before
{
	content:"\f0e1 ";
}

.send-btn {
    background: #3194d0 none repeat scroll 0 0;
    border: medium none;
    color: #fff;
    display: table;
    font-size: 20px;
    margin: 20px 0 0;
    padding: 12px 60px;
    text-align: center;
	
	-webkit-transition: all .3s ease 0s;
	-moz-transition: all .3s ease 0s;
	-ms-transition: all .3s ease 0s;
	-o-transition: all .3s ease 0s;
	transition: all .3s ease 0s;
}
.send-btn:hover, .send-btn:focus
{
	background: #333;
	color: #fff;
}



/*---------------------- Magento Web development Services page --------------------------------*/
.magento-bg
{
	background: url(../images/magento-bg1.jpg) no-repeat fixed top center;
	background-size: cover;
}
.inner-banner-content
{
	width: 100%;
	padding: 140px 0 60px;
	text-align: center;
}
.inner-banner-content h1
{
	font-size: 65px;
	color: #fff;
	line-height: 55px;
    font-size: 50px;
    margin-bottom:20px;
}
.bottom-header
{
	background: #ee672f;
	width: 100%;
	padding: 10px 0;
	color: #fff;
	text-align: center;
}
.statistic
{
	font-family: 'Roboto Bold';
	font-size: 50px;
}
.bottom-header h4
{
    color: #fff;
    font-family: "Roboto Light";
    font-size: 30px;
    line-height: 40px;
    margin: 0;
}

.border-right
{
	border-right: 1px solid #b64b1e;
}


/*--- Development services section ---*/
.dev-serv-sect
{
	width: 100%;
	padding: 80px 0 0;
}
.dev-serv-content
{
	width: 100%;
}
.dev-serv-content h2
{
    color: #000;
    font-size: 35px;
    line-height: 50px;
    margin: 0;
}
.dev-serv-content p {
    color: #58595b;
    font-size: 15px;
    line-height: 25px;
    margin: 25px 0 0;
    text-align: justify;
}
.dev-serv-img
{
 text-align: center;
}
.dev-serv-img img
{
	max-width: 100%;
	height: auto;
}

/*--- Development solution section ---*/
.dev-solution-sect
{
	width: 100%;
	padding: 80px 0;
	background: #f2f1f1;
	text-align: center;
}
.dev-solution-sect h2
{
    color: #000;
    font-size: 35px;
    line-height: 50px;
    margin: 0;
}
.dev-solution-sect p
{
		color: #58595b;
    font-size: 15px;
    line-height: 25px;
    margin: 25px 0 0;
    text-align: justify;
	-moz-text-align-last: center; /* Code for Firefox */
    text-align-last: center;
}
.dev-solution-box
{
	width: 100%;
	text-align: center;
	margin: 20px 0 0;
	padding: 0 20px;
}
.dev-solution-box h3
{
	color: #000;
    font-size: 22x;
    line-height: 40px;
    margin: 20px 0;
}
.dev-solution-box p
{
	color: #58595b;
    font-size: 15px;
    line-height: 25px;
    margin: 0;
    text-align: justify;
}


/*--- magento training section ---*/
.magento-training-sect
{
	width: 100%;
	padding: 80px 0;
	background: #f2f1f1;
	overflow: hidden;
}
.magento-training-content
{
	background: #fff; box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    transition: all 0.2s ease-in-out;
	padding: 40px 25px;
	min-height: 265px;
	margin: 30px 0;
	width: 100%;
    text-align: center;
}
.magento-training-content:hover {
  box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}
.magento-training-content h5
{
	margin: 20px 0 10px;
	font-size: 20px;
	line-height: 40px;
}
.magento-training-content p
{
	color: #58595b;
    font-size: 15px;
    line-height: 25px;
    margin: 0;
}
.magento-h4 h4
{
 font-size: 25px;
}

/*------------- acheiving clients section ---------------*/
.achieving-clients-sect
{
	background: #fff;
	width: 100%;
}
.achieving-clients-sect img
{
	max-width: 100%;
	height: auto;
}
.achieving-clients-sect .row
{
	margin-right: 0;
}
.achieving-clients-content
{
    max-width: 550px;
    padding: 40px 0 40px 40px;
}
.achieving-clients-content h2
{
    color: #000;
    font-size: 35px;
    line-height: 50px;
    margin: 0;
}
.achieving-clients-content p
{
	color: #58595b;
    font-size: 15px;
    line-height: 25px;
    margin: 10px 0 0;
}
.achieving-clients-content ul
{
	margin: 30px 0;
	padding: 0;
}
.achieving-clients-content ul li
{
    color: #58595b;
    font-size: 17px;
    line-height: 35px;
    margin: 5px 0 0;
    text-align: justify;
	list-style-type: none;
}
.achieving-clients-content ul li i
{
	color: #3194d0;
	font-size: 10px;
	vertical-align: middle;
	padding: 0 10px 0 0;
}


/*------------- make store section ---------------*/
.make-store-sect
{
	background: #f1f2f2;
	width: 100%;
	padding: 40px 0 0; 
}
.make-store-sect h2
{
    color: #000;
    font-size: 35px;
    line-height: 50px;
    margin: 0;
	text-align: center;
}
.make-store-icon {
    float: left;
    margin: 15px 0 0;
    width: 70px;
}
.make-store-content {
    margin-left: 70px;
    padding: 0 62px 0 0;
}
.make-store-content h4 {
    color: #000;
    font-size: 20px;
    line-height: 30px;
}
.make-store-content p {
    font-size: 15px;
    line-height: 22px;
    text-align: left;
}
.make-store-img
{
	max-width: 100%;
	height: auto;
	position: relative;
	bottom: -13px;
}



/*------------- software platform section ---------------*/
.soft-platform-sect
{
	background: #3194d0;
	width: 100%;
}


.magento-img{
	height:572px!important;
}
.soft-platform-sect img
{
	max-width: 100%;
	height: auto;
}
.soft-platform-sect .row
{
	margin-right: 0;
}
.soft-platform-content
{
        max-width: 590px;
    padding: 40px;
    float: right;
}
.soft-platform-content1 {
        max-width: 585px;
    padding-top: 36px;
    padding-left: 40px;
    
}
.soft-platform-content h2, .soft-platform-content1 h2 {
    color: #fff;
    font-size: 35px;
    line-height: 45px;
    margin: 0;
}
.soft-platform-content p, .soft-platform-content1 p {
    color: #fff;
    font-size: 15px;
    line-height: 22px;
    margin: 5px 0;
    text-align: justify;
    padding-top: 10px;
}

.soft-platform-content h3
{
    font-size: 23px;
    color: #fff;
    margin: 10px 0;
    font-style: italic;
}

.spc1
{
	width: 100%;
	height:600px !important;
}

.soft-italic
{
    font-family: "Roboto Italic";
    font-size: 18px !important;
    margin: 10px 0 !important;
}
.soft-platform-content a
{
	font-size: 20px;
	color: #fff;
	border: 1px solid #fff;
	padding: 12px 20px;
	margin: 20px 0 0;
	display: inline-block;
}
.soft-platform-content a:hover
{
		background: #fff;
		color: #3194D0;
}

/*clients part*/

.clients-section
{
	padding: 80px 0;
	width: 100%;
	text-align:center;
background: #fff;
}
.clients-section h2
{
    color: #000;
    font-size: 35px;
    line-height: 50px;
    margin: 0;
}
.clients-section p
{
  margin: 20px 0;
  line-height: 28px;
}

.our-cl-div {
	margin: 50px auto 30px;
	text-align: center;
	background: #3194D0;
	padding: 40px;
	max-width: 1000px;
	position: relative;
}
.our-cl-div:after
{
   content: '';
   display: inline-block;
   border-width: 15px 10px;
   border-style: solid;
   border-color: #3194D0 transparent transparent transparent;
   position: absolute;
   bottom: -30px;
}
.our-cl-div p {
   color: #fff;
    font-size: 15px;
    line-height: 25px;
    margin: 0;
    padding: 20px;
}

.owl-pagination
{
		display: none;
}


/* grocery */
.grocery-section
{
	padding: 80px 0;
	background: url(../images/grocery-bg.jpg) no-repeat fixed 0 0;
	background-size: 100%;
	position: relative;
	z-index: 0;
}
.grocery-section:after
{
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,.9);
	top: 0;
	left: 0;
	z-index: -1;	
}
.grocery-section h2
{
	color: #000;	
	margin: 0;
	line-height: 55px;
	font-size: 40px;
	text-align: center;
}


.mt-20 {
    margin-top: 20px;
}
.grocery-content {
    margin: 0 auto;
    max-width: 1000px;
}

/*Pricing Tables*/

.pricing-4-col {
  padding: 0 0 50px;
  background-color: #fff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  transition: background-color 0.5s ease 0s, box-shadow 0.5s ease 0s, color 0.5s ease 0s;
  position: relative;
}
.pricing-4-col:hover, .best-price
{
	box-shadow: 2px 5px 20px 2px rgba(0,0,0,0.16), 2px 5px 10px 2px rgba(0,0,0,.12);
	z-index: 1;
}

.pricing-title h3 {
    font-size: 25px;
    line-height: 45px;
    margin: 0;
    padding: 20px 0;
	color: #414042;
}

.pricing-price {
    background: #f1f2f2 none repeat scroll 0 0;
    font-size: 55px;
    font-weight: 300;
    line-height: 2;
	color: #000;
}
.pricing-currency {
    display: inline-block;
    font-size: 24px;
    margin: 32px -15px 0 10px;
    vertical-align: top;
}
.pricing-features ul
{
	padding: 0;
	margin: 30px 0;
}
.pricing-features li {
    color: #58595b;
    font-size: 15px;
    list-style-type: none;
    padding: 10px 0;
}

.btn-medium {
  
  background: #939598 none repeat scroll 0 0;
  border-radius: 0;
  color: #fff;
  transition: background-color 0.5s ease 0s, box-shadow 0.5s ease 0s, color 0.5s ease 0s;
  padding: 9px 30px;
  font-size: 15px;
}
.btn-medium:hover {
  color: #fff;
  background: #f44336;
}

.btn-pink {
    background-color: #FF7100;
    color: #fff;
}
.btn-pink:hover {
  color: #fff;
}

.pricing-4-col:hover .pricing-price, .best-price .pricing-price
{
	background: #3194d0;
	color: #fff;
}
.pricing-4-col:hover .btn-medium, .best-price .btn-medium {
  color: #fff;
  background: #f44336;
}




/*faq section*/

.faq-section
{
	background: #f1f2f2 none repeat scroll 0 0;
	padding: 80px 0;
}
.faq-section h2
{
	color: #000;	
	margin: 0;
	line-height: 55px;
	font-size: 40px;
	text-align: center;
}
.faq-section p
{
  margin: 20px 0;
  line-height: 28px;
}

.faq-content
{
	margin: 20px 0;
}
.faq-ans
{
	width: 100%;
	border-bottom: 1px solid #eee;
	padding-bottom: 10px;
	margin: 0 0 20px;
}
.faq-ans h4
{
    cursor: pointer;
    font-size: 18px;
    font-weight: lighter;
    line-height: 30px;
    margin: 0;
    padding: 0 0 0 30px;
    text-indent: -12px;
}
.faq-ans h4 i
{
    color: #FF7100;
    font-size: 22px;
    padding: 0 5px 0 0;
}
.faq-ans p
{
	display: none;
}



.slider {
    margin-top: 48px!important;
    
}
.slide_dv
{
	text-align:center;	
	color: #fff;
}
.slide_dv div
{
	/*padding: 20px 0px 0;*/

}
.slide_dv div h1
{
	 
	 font-weight: normal;
}
.slide_dv div p
{
	margin: 10px 0 0;
	line-height: 20px;
}
.slide_dv a
{
	border: 2px solid #fff;
    border-radius: 4px;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    margin: 10px 0;
    padding: 8px 20px;
    text-decoration: none;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
}
.slide_dv a:hover
{
	background: #fff;
	color: #2AABC8;
	border: 2px solid #fff;
	text-decoration: none;
}
.slide_dv img
{
	max-width: 100%;
	height: auto;
}
.slide-logo
{
	  opacity: 0.9
}
.thanku
{
font-size: 60px;
}

.services_div
{
	
}
.serv-tabs {
    background: #fff none repeat scroll 0 0;
}
.services_div img
{
	max-width: 100%;
	height: auto;
}

.nav1 {
   list-style: outside none none;
    margin-bottom: 0;
    overflow: hidden;
    padding-left: 10px;
}

#tab-1
{
	background: #eee;
	padding: 60px 0 30px;	
}
#tab-2
{
	background: #efe7ed;
	padding: 60px 0 30px;
}

#tab-3
{
	background: #e5f3f7;
	padding: 60px 0 30px;
	color: #fff;
}

.nav-tabs li.active:first-child a
{
	background: #eee;
}
.nav-tabs li.active:nth-child(2) a
{
	background: #efe7ed;
}

.nav-tabs li.active:last-child a
{
	background: #e5f3f7;
}

.div1 h1
{
	color: #fff;
	font-weight: lighter;
	font-size: 48px;
}
.div1 h1 strong
{
	color: #fff;
    text-shadow: 0 -2px 0 #000000;	
}

.div1 hr
{
	margin:0 30px;
	padding: 0;
	border: none;
	min-height: 200px;
	width: 1px;
	background: #3e3e91;
	float: right;
}
.div1 h2
{
	color: #3C2F89;
	font-weight: bold;
	margin: 20px 0 30px;
}
.div1 p
{
	color: #000;
	line-height: 20px;
	text-align: justify;
}
.div1 a
{
    background: transparent none repeat scroll 0 0;
    border: 1px solid #3C3089;
    border-radius: 42px;
    display: inline-block;
    font-size: 20px;
    font-weight: 400;
    margin: 15px 0;
    padding: 5px 25px;
    transition: all 0.3s ease 0s;
	color:#3C3089;
}
.div1 a:hover, .div1 a:focus
{
	background: #3C3089;
	color: #fff;
	text-decoration: none;
}
.section-img:hover img {
    transform: translateY(-218px);
}
.section-img img {
    width: 100%;
    transition: all 1.5s ease-in-out;
}
.section-img {
    height: 500px;
    overflow-y: hidden;
}
.section-img2:hover img {
    transform: translateY(-83px);
}
.section-img2 img {
    width: 100%;
    transition: all 1.5s ease-in-out;
}
.section-img2 {
    height: 500px;
    overflow-y: hidden;
}

.fur-img:hover img {
    transform: translateY(-80px);
}
.fur-img img {
    width: 100%;
    transition: all 1.5s ease-in-out;
}
.fur-img {
    height: 500px;
    overflow-y: hidden;
}
.fur-img1:hover img {
    transform: translateY(-113px);
}
.fur-img1 img {
    width: 100%;
    transition: all 1.5s ease-in-out;
}
.fur-img1 {
    height: 500px;
    overflow-y: hidden;
}

.fur-img2:hover img {
    transform: translateY(-25px);
}
.fur-img2 img {
    width: 100%;
    transition: all 1.5s ease-in-out;
}
.fur-img2 {
    height: 500px;
    overflow-y: hidden;
}
.fashin-img:hover img {
    transform: translateY(-280px);
}
.fashin-img img {
    width: 100%;
    transition: all 1.5s ease-in-out;
}
.fashin-img {
    height: 500px;
    overflow-y: hidden;
}

.fashin-img1:hover img {
    transform: translateY(-130px);
}
.fashin-img1 img {
    width: 100%;
    transition: all 1.5s ease-in-out;
}
.fashin-img1 {
    height: 500px;
    overflow-y: hidden;
}

.cracker-img:hover img {
    transform: translateY(-383px);
}
.cracker-img img {
    width: 100%;
    transition: all 1.5s ease-in-out;
}
.cracker-img {
    height: 500px;
    overflow-y: hidden;
}
.cracker-img1:hover img {
    transform: translateY(-20px);
}
.cracker-img1 img {
    width: 100%;
    transition: all 1.5s ease-in-out;
}
.cracker-img1 {
    height: 500px;
    overflow-y: hidden;
}
.electronics-img:hover img {
    transform: translateY(-239px);
}
.electronics-img img {
    width: 100%;
    transition: all 1.5s ease-in-out;
}
.electronics-img {
    height: 500px;
    overflow-y: hidden;
}
.electronics-img1:hover img {
    transform: translateY(-100px);
}
.electronics-img1 img {
    width: 100%;
    transition: all 1.5s ease-in-out;
}
.electronics-img1 {
    height: 500px;
    overflow-y: hidden;
}

.img-hi{
	height:500px;
}



.free-quote-call-div a
{    
    border: 1px solid #fff;
    color: #fff;
    display: inline-block;
    font-size: 15px;    
    padding: 10px 10px;
    text-decoration: none;
    transition: all 0.3s ease 0s;
	
}
.free-quote-call-div a:hover
{
	background: #fff;
	color: #3194d0;
}




.free-quote-div
{
	background: url(../images/request-quote-bg.jpg) no-repeat fixed 0 bottom;
	background-size: 100% auto;
    padding: 80px 0;
	position: relative;
	z-index: 0;
}
.free-quote-div:after
{
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.6);
	top: 0;
	left: 0;
	z-index: -1;
}

.free-quote-div h2
{
	font-weight: lighter;
	color: #fff;	
}
.free-quote-div p
{
		color: #fff;
		  font-size: 15px;
}
.free-quote-div a
{    
    border: 1px solid #fff;
    color: #fff;
    display: inline-block;
    font-size: 15px;
    margin: 25px 0 0;
    padding: 15px 75px;
    text-decoration: none;
    transition: all 0.3s ease 0s;
	
}
.free-quote-div a:hover
{
	background: #fff;
	color: #3194d0;
}


.readmore
{
 	border: 2px solid #fff;
    border-radius: 4px;
    color: #fff;
    display: block;
    float: left;
    font-size: 16px;
    font-weight: bold;
    margin: 1px 0;
    padding: 8px 20px;
    text-decoration: none;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
}
.readmore:hover
{
	background: #fff;
	color: #2AABC8;
	border: 2px solid #fff;
	text-decoration: none;
}
.readmore::before{ display:none;}


.line
{
	background: #ccc;
	margin: 40px auto 10px;
    max-width: 800px;
	height: 1px;
}
.who-we img
{
	transition: all .3s ease-out;
	
}
.who-we img:hover
{
	animation: pulse 500ms ease-in-out 0s normal none 1 running;
}
@keyframes pulse
{
	0% {
    transform: scale(1);
}
33% {
    transform: scale(0.9);
}
66% {
    transform: scale(1.1);
}
100% {
    transform: scale(1);
}
}

.portfolio_div
{
 	background: url(../images/checkout-bg.jpg) no-repeat fixed 0 0;
	background-size: 100% auto;
    padding: 80px 0 0;
	position: relative;
	z-index: 0;
}
.portfolio_div:after
{
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.6);
	top: 0;
	left: 0;
	z-index: -1;
}
.port-div
{
	padding: 40px 0 0;
}
.portfolio_div h2
{
 	color: #fff;
    font-size: 36px;
    font-weight: bold;
}
.portfolio_div p
{
    color: #fff;
    font-size: 14px;
    line-height: 20px;
    margin: 20px auto;
    text-align: justify;
}

.portfolio_div img
{
	max-width:  100%;
	height: auto;
}

.logo_icon
{
	left: 44%;
    position: absolute;
    top: 45%;
}

/*================ about page =====================*/
.about-banner
{
	background: #3194d0;	
	padding: 10px 0px;
	width: 100%;
}
.about-banner h1
{
   color: #fff;
    font-size: 30px;
    font-weight: normal;
    margin: 10px 0 5px;
}
.about-banner h1 span
{
	font-weight: normal;
}
.about-banner p
{
	color: #fff;
}
.aboutus-div
{
	background: #fff;
	width: 100%;
}
.aboutus-div img
{
	max-width: 100%;
	height: auto;
}

.aboutus-div-content
{
   max-width: 525px;
   padding: 40px 30px 40px 0;
}
.aboutus-div-content h2
{
    color: #000;
    font-size: 30px;
    line-height: 50px;
    margin: 0;
}
.aboutus-div-content p
{
    color: #58595b;
    font-size: 15px;
    line-height: 25px;
    margin: 25px 0;
    text-align: justify;
}

.our-process
{
	width: 100%;
	padding: 40px 0 80px;
	background: #f1f2f2;
}
.our-process h2
{
    color: #000;
    font-size: 35px;
    line-height: 50px;
    margin: 0;
	text-align: center;
}
.our-process ul
{
	padding: 0;
	margin: 30px 0 20px;
}
.our-process ul li
{
    background: #fff none repeat scroll 0 0;
    border-right: 1px solid #d4d5d6;
    float: left;
    height: 290px;
    list-style-type: none;
    margin: 0;
    padding: 10px 16px;
    vertical-align: top;
    width: 16.6%;
}
.our-process ul li:last-child
{
	border: none;
}
.our-process ul li + li:before
{
    content: url("../images/arrow.png");
    left: -2px;
    position: absolute;
    top: 45%;
}

.our-process ul li div
{
	text-align: center;
}
.our-process ul li div span
{
    display: block;
    height: 120px;
    padding: 30px 0 0;
}
.our-process ul li div h3
{
	font-size: 20px;
	color: #000;
	display: block;
	margin: 0 0 10px;
}
.our-process ul li div p {
    color: #58595b;
    font-size: 15px;
    line-height: 25px;
}
.our-process ul li div span img
{
	transition: all .3s ease-out 0;
}
.our-process ul li div:hover img
{
	animation: zoom 300ms linear 0s 1;
}

@keyframes zoom
{
	0%{ transform: scale(0); }
	80%{ transform: scale(1.2); }
	100%{ transform: scale(1); }
}

.our-technologies
{
 	background: url(../images/checkout-bg.jpg) no-repeat fixed 0 0;
	background-size: 100% auto;
    padding: 80px 0;
	position: relative;
	z-index: 0;
}
.our-technologies:after
{
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.6);
	top: 0;
	left: 0;
	z-index: -1;
}
.our-technologies h2
{
    color: #f1f2f2;
    font-weight: bold;
    margin: 0 0 50px;
    text-align: center;
}
.our-technologies img 
{
	max-width: 100%;
	height: auto;
}
/*.our-technologies img
{
	transition: all .3s ease 0s;
	max-width: 100%;
	height: auto;
}
.our-technologies img:hover
{
	animation: pulse 300ms linear 0s 1;
}*/

 /*================ services page =====================*/
.services-div
{
	width: 100%;
	padding: 40px 0;
}
.services-div span
{
	position: relative;
	overflow: hidden;
	width: 100%;
	display: block;
}
.services-div1 img
{
	transition: all 800ms ease 0s;
	max-width: 100%;
	height: auto;
}
.services-div1:hover img
{
	transform: scale(1.1);
}
.services-div1 h2
{
    font-size: 26px;
    line-height: 50px;
    margin: 0;
}
.services-div1 p
{
	text-align: justify;	
	color: #58595b;
    font-size: 15px;
    line-height: 25px;
    margin: 0;
}


.serv-div
{
	background: #fff;
	width: 100%;
}
.serv-div img
{
	max-width: 100%;
	height: auto;
}

.serv-div-content
{
   max-width: 525px;
   padding: 35px 30px 35px 0;
}
.serv-div-content h2
{
    color: #000;
    font-size: 35px;
    line-height: 50px;
    margin: 0;
}
.serv-div-content p
{
    color: #58595b;
    font-size: 15px;
    line-height: 25px;
    margin: 25px 0 10px;
    text-align: justify;
}
.serv-div-content ul, .serv-div1-content ul
{
	margin: 0;
	padding: 0;
}
.serv-div-content ul li, .serv-div1-content ul li
{
    color: #58595b;
    font-size: 15px;
    line-height: 25px;
    text-align: justify;
	list-style-type: none;
}
.serv-div-content ul li i, .serv-div1-content ul li i
{
	color: #3194d0;
	font-size: 8px;
	vertical-align: middle;
	padding: 0 10px 0 0;
}
.serv-div1-read
{
    background: #3194d0 none repeat scroll 0 0;
    color: #fff;
    display: table;
    font-size: 15px;
    margin: 15px 0;
    padding: 10px 20px;
    text-align: center;
	
	-webkit-transition: all .3s ease 0s;
	-moz-transition: all .3s ease 0s;
	-ms-transition: all .3s ease 0s;
	-o-transition: all .3s ease 0s;
	transition: all .3s ease 0s;
}
.serv-div1-read:hover, .serv-div1-read:focus
{
	background: #333;
}
.serv-img {
    bottom: 0;
    position: absolute;
    text-align: center;
    width: 100%;
}
.serv-div1
{
	background: #fff;
	width: 100%;
}
.serv-div1 img
{
	max-width: 100%;
	height: auto;
}


.serv-div1-content
{
    max-width: 550px;
    padding: 30px 0 30px 40px;
}
.serv-div1-content h2
{
    color: #000;
    font-size: 35px;
    line-height: 50px;
    margin: 0;
}
.serv-div1-content p
{
    color: #58595b;
    font-size: 15px;
    line-height: 25px;
    margin: 25px 0 10px;
    text-align: justify;
}
.prod-bg-img
{
	width: 100%;
	height: 450px !important;
}

.serv-subheads
{
	margin: 0;
	padding: 0;
	width: 90%;
}
.serv-subheads li
{
	list-style-type: none;
	margin-bottom: 1px;
}
.serv-subheads li a
{
    display: block;
    font-size: 14px;
    font-weight: 500;
    padding: 15px 20px 12px 35px;
    text-transform: uppercase;
    transition: all 300ms ease-in 0s;
	position: relative;
	line-height: 21px;
}
.serv-subheads li a:hover
{
	text-decoration: none;
}
.serv-subheads li a:before
{
	position: absolute;
	left: 10px;
	top: 14px;
	text-indent: 0;
	font-family: 'FontAwesome';
}
.ico-magento:before
{	
	content: url(../images/magento-icon.png);
	left: 0;
    position: relative;
    top: 4px;
}
.ico-magento:hover:before, .ico-magento.active:before
{
	content: url(../images/magento-icon1.png);
}


.ico-woocommerce:before
{	
	content: url(../images/woocommerce-icon.png);
	left: -7px;
    position: relative;
    top: 4px;
}
.ico-woocommerce:hover:before, .ico-woocommerce.active:before
{
	content: url(../images/woocommerce-icon1.png);
}

.ico-opencart:before
{	
	content: url(../images/opencart-icon.png);
	left: -7px;
    position: relative;
    top: 4px;
}
.ico-opencart:hover:before, .ico-opencart.active:before
{
	content: url(../images/opencart-icon1.png);
}

.ico-custom:before
{	
	content: url(../images/custom-icon.png);
	left: -5px;
    position: relative;
    top: 4px;
}
.ico-custom:hover:before, .ico-custom.active:before
{
	content: url(../images/custom-icon1.png);
}

.ico-prestashop:before
{	
	content: url(../images/prestashop-icon.png);
	left: -5px;
    position: relative;
    top: 4px;
}
.ico-prestashop:hover:before, .ico-prestashop.active:before
{
	content: url(../images/prestashop-icon1.png);
}

.ico-shopify:before
{	
	content: url(../images/shopify-icon.png);
	left: -5px;
    position: relative;
    top: 4px;
}
.ico-shopify:hover:before, .ico-shopify.active:before
{
	content: url(../images/shopify-icon1.png);
}

.ico-magento
{
	background: #eee linear-gradient(to bottom, #EE5A27 50%, rgba(234, 39, 39, 0) 50%) repeat scroll right bottom / 100% 200%;
	border-top: 2px solid #EE5A27;
	transition: all .3s ease 0s;
	color: #000;
}

.ico-magento:hover, .ico-magento.active
{
	background-position: 0 0;
	color: #fff;
}
/*.ico-magento:hover:after, .ico-magento.active:after
{
    border-color: transparent transparent transparent #EE5A27;
    border-style: solid;
    border-width: 24px;
    content: "";
    display: inline-block;
    position: absolute;
    right: -48px;
    top: 0;
}*/

.ico-woocommerce
{
	
	background: #eee linear-gradient(to bottom, #9B5C8F 50%, rgba(234, 39, 39, 0) 50%) repeat scroll right bottom / 100% 200%;
	border-top: 2px solid #9B5C8F;
	transition: all .3s ease 0s;
	color: #000;
}

.ico-woocommerce:hover, .ico-woocommerce.active
{
	background-position: 0 0;
	color: #fff;
}
/*.ico-woocommerce:hover:after, .ico-woocommerce.active:after
{
    border-color: transparent transparent transparent #9B5C8F;
    border-style: solid;
    border-width: 24px;
    content: "";
    display: inline-block;
    position: absolute;
    right: -48px;
    top: 0;
}*/

.ico-opencart
{
	background: #eee linear-gradient(to bottom, #2FC2EF 50%, rgba(234, 39, 39, 0) 50%) repeat scroll right bottom / 100% 200%;
	border-top: 2px solid #2FC2EF;
	transition: all .3s ease 0s;
	color: #000;
}

.ico-opencart:hover, .ico-opencart.active
{
	background-position: 0 0;
	color: #fff;
}
/*.ico-opencart:hover:after, .ico-opencart.active:after
{
    border-color: transparent transparent transparent #2FC2EF;
    border-style: solid;
    border-width: 24px;
    content: "";
    display: inline-block;
    position: absolute;
    right: -48px;
    top: 0;
}*/

.ico-custom
{
	background: #eee linear-gradient(to bottom, #2BA59E 50%, rgba(234, 39, 39, 0) 50%) repeat scroll right bottom / 100% 200%;
	border-top: 2px solid #2BA59E;
	transition: all .3s ease 0s;
	color: #000;
}

.ico-custom:hover, .ico-custom.active
{
	background-position: 0 0;
	color: #fff;
}
/*.ico-custom:hover:after, .ico-custom.active:after
{
    border-color: transparent transparent transparent #2BA59E;
    border-style: solid;
    border-width: 24px;
    content: "";
    display: inline-block;
    position: absolute;
    right: -48px;
    top: 0;
}*/
.ico-prestashop
{
	background: #eee linear-gradient(to bottom, #E15890 50%, rgba(234, 39, 39, 0) 50%) repeat scroll right bottom / 100% 200%;
	border-top: 2px solid #E15890;
	transition: all .3s ease 0s;
	color: #000;
}

.ico-prestashop:hover, .ico-prestashop.active
{
	background-position: 0 0;
	color: #fff;
}
/*.ico-prestashop:hover:after, .ico-prestashop.active:after
{
    border-color: transparent transparent transparent #E15890;
    border-style: solid;
    border-width: 24px;
    content: "";
    display: inline-block;
    position: absolute;
    right: -48px;
    top: 0;
}*/
.ico-shopify
{
	background: #eee linear-gradient(to bottom, #8DB640 50%, rgba(234, 39, 39, 0) 50%) repeat scroll right bottom / 100% 200%;
	border-top: 2px solid #8DB640;
	transition: all .3s ease 0s;
	color: #000;
}

.ico-shopify:hover, .ico-shopify.active
{
	background-position: 0 0;
	color: #fff;
}
/*.ico-shopify:hover:after, .ico-shopify.active:after
{
    border-color: transparent transparent transparent #8DB640;
    border-style: solid;
    border-width: 24px;
    content: "";
    display: inline-block;
    position: absolute;
    right: -48px;
    top: 0;
}*/



.magento-div h2
{
	margin: 0 0 10px;
}
.magento-div p
{
    line-height: 22px;
    margin: 10px 0;
    text-align: justify;
}
.magento-div a.getintouch
{
    background: transparent none repeat scroll 0 0;
    border: 1px solid #3C3089;
    border-radius: 42px;
    display: inline-block;
    font-size: 20px;
    font-weight: 400;
    margin: 15px 0;
    padding: 5px 25px;
    transition: all 0.3s ease 0s;
	color:#3C3089;
}
.magento-div a.getintouch:hover, .magento-div a.getintouch:focus
{
	background: #3C3089;
	color: #fff;
	text-decoration: none;
}
.getintouch1
{
    border: 1px solid #ccc;
    float: right;
    margin: 20px 0 0;
    padding: 5px;
}
.getintouch1 a
{
	color: #3C3089;
	padding: 0 5px;
	transition: all .3s ease-in 0s;
}
.getintouch1 a:hover
{
	color: #3C3089;
}
.magento-div img
{
    display: inline-block;
    margin: 75px 0 0 0;
	max-width: 100%;
	height: auto;	
}
.magento-div ul
{
	
}
.magento-div ul li
{
	list-style-type: none;
	padding-bottom: 10px;
}
.magento-div ul li:before
{
	content: '\f128 ';
	font-family: 'FontAwesome';
	padding: 0 5px 0 0;
	color: #3C3089;
}

.magento-list li:before
{
	content: '\f0eb ' !important;
	font-family: 'FontAwesome';
	padding: 0 5px 0 0;
	color: #3C3089;
}
.magento-list1 li:before
{
	content: '\f0a4 ' !important;
	font-family: 'FontAwesome';
	padding: 0 5px 0 0;
	color: #3C3089;
}

.sbmt_btn1
{
    border: 2px solid #3C3089;
    color: #fff;
    float: right;
    font-size: 16px;
    font-weight: bold;
    padding: 6px 30px;
	background: #3C3089;
	transition: all .3s ease-in-out 0s;
}
.sbmt_btn1:hover, .sbmt_btn1:focus
{
	background: #fff;
	color: #3C3089;
}


.inner-form
{
 	background: url(../images/free-quote.jpg) no-repeat fixed 0 0;
	background-size: 100% auto;
    padding: 80px 0;
	position: relative;
	z-index: 0;
}
.inner-form:after
{
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.6);
	top: 0;
	left: 0;
	z-index: -1;
}
.inner-form h3
{
	margin: 10px 0;
	 color:#fff;
}
.inner-form input[type="text"], .inner-form textarea
{
	/*background: #fff;*/
}
.inner-form input[type="text"]:focus, .inner-form textarea:focus
{
	/*background: #fff;*/
	border: 1px solid #000;
}


 /*================ portfolio page =====================*/
 
.portfolio_div1 {
	background: #fff;
    padding: 0px 0 40px;
    width: 100%;
}
 
 .img_block
 {
   	background: rgba(0, 0, 0, 0) url("../images/laptop.png") no-repeat scroll center top / 100% auto;
    margin: 0 auto 0px;
    max-width: 100%;
    min-height: 375px;
    overflow: hidden;
    position: relative;
 }
 .img_block a
 {	
    display: block;
    height: 225px;
    margin: 83px auto 0;
    max-width: 359px;
    overflow: hidden;
    padding: 0;
    position: relative;
 }
 .img_block img
 {
 	max-width: 100%;
	height: auto;
	transition: all 5s linear 0s;
 }
 
 .img_block a:hover img
 {
 	animation: scroll 5s linear 0s infinite alternate;
 }
 
 @keyframes scroll
 {
 	from{
		-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-o-transform: translateY(0px);
	transform: translateY(0px);	
	}
	to{
		-webkit-transform: translateY(-160px);
	-moz-transform: translateY(-160px);
	-o-transform: translateY(-160px);
	transform: translateY(-160px);
	
	}
 }
 
 
 .info
 {   
    text-align: center;    
 }

.search-icon {
    
    content: "";
    cursor: pointer;
    display: block;
    font-family: "FontAwesome";
    font-size: 24px;
    left: 0;
    margin: 50px auto 10px;
    padding: 2px;
    position: relative;
    text-align: center;
    top: 0;
	color: #000;
}
.search-icon:before
{
	 content: "\f002";
}
.info strong
{
    color: #000;
    display: block;
    font-family: "Roboto Medium";
    font-size: 24px;
    font-weight: normal;
    width: 100%;
}

.info .hr1
{
	width: 100%;
    height: 1px;
    background: #ccc;
    margin: 10px 0;
    border: none;	
}
.info .hr2
{
    width: 100%;
    height: 1px;
    background: #EDEDED;
    margin: 0;
    border: none;
}
.type_span
{
	display: block;
    margin: 10px;
    color: #000;
    font-weight: bold;
    text-shadow: 1px 1px 0px #fff;
    text-transform: uppercase;
}

.web_desgn_div
{
	width: 100%;
	padding: 20px 0px;
	background: #fff;
}
.web_desgn_div h2
{
	color: #5FC1D8;
	font-weight: bold;
	margin: 20px 0px 0;
}
.web_desgn_div p
{
	text-align: justify;
	margin: 10px 0;
}

.enq_div
{
	background: #5FC1D8;
	padding: 10px;
}

.enq_div h3
{
  	background: #4c97a9 none repeat scroll 0 0;
    color: #fff;
    font-weight: bold;
    margin: 0px 0 20px;
    padding: 7px 5px 8px;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}
.enq_div input[type="text"], .enq_div textarea
{
	background: #fff;
}
.sbmt_btn
{
    border: 2px solid #fff;
    color: #fff;
    float: right;
    font-size: 16px;
    font-weight: bold;
    padding: 6px 30px;
	background: transparent;
	transition: all .3s ease-in-out 0s;
}
.sbmt_btn:hover
{
	background: #fff;
	color: #5FC1D8;
}

.related_serv
{
 	background: #5fc1d8 none repeat scroll 0 0;
    float: left;
    margin: 20px 0 0;
    width: 100%;
}
.related_serv h3
{
  	background: #4c97a9 none repeat scroll 0 0;
    color: #fff;
    font-weight: bold;
    margin: 0px 0 20px;
    padding: 7px 5px 8px;
    text-align: center;
    width: 100%;
}
.related_serv h3 span
{
	font-weight: normal;
}

.related_serv div
{
   background: #fff none repeat scroll 0 0;
    float: left;
    margin: 10px;
    max-width: 100%;
}
.related_serv div span
{
   float: left;
    margin: 0 10px 0 0;
    max-width: 85px;
    overflow: hidden;
    position: relative;
}
.related_serv div span img
{
  max-width: 260px;
  transition: transform 200ms linear 0s;
}

.related_serv div strong
{
	display: inline-block;
    font-size: 15px;
    font-weight: bold;
    margin: 5px 0 0;
	color: #5FC1D8;	
}

.related_serv div p
{
	margin: 0;
	padding: 5px;
}
.related_serv a:hover
{
	text-decoration: none;
}
.related_serv a:hover img {
    transform: scale(1.2) rotate(-5deg);
}
.related_serv div:hover, .related_serv div:hover a, .related_serv div:hover strong
{
	background: #4C97A9;
	color: #fff;
}

.request-need
{
	padding: 0px 0 40px;
}
.contact-div h2, .request-need h2 {
    color: #000;
    font-size: 35px;
    text-align: center;
	margin: 30px 0 30px;
}
.request-div
{
    background: #f1f2f2;
    padding: 20px 30px;
    min-height: 411px;
    margin: 0 0 20px;
}
.request-div h5
{
    font-family: "Roboto Bold";
    font-size: 16px;
    line-height: 35px;
    text-transform: uppercase;
    margin: 15px 0 0;
}
.request-div h6
{
    font-family: "Roboto Medium";
    font-size: 14px;
    margin: 0;
	margin-bottom:10px;
}
.contact-div a
{
    //display: block;
    margin: 0 0 5px;
}
.contact-div a:hover
{
	color: #3299D5;
}
.contact-div .wpcf7-not-valid-tip {
    position: relative;
    top: -24px;
}
label.error {
    color: red;
}
.border {
    background: transparent none repeat scroll 0 0;
    border-bottom: 1px solid #aaa;
    padding: 0;
	margin: 0 0 30px;
	color: #888;
}

.border:hover, .border:focus
{
	border-bottom: 1px solid #3399D6;
}
.border::-moz-placeholder {
  color: #888;
  opacity: 1;
}
.border:-ms-input-placeholder {
  color: #888;
}
.border::-webkit-input-placeholder {
  color: #888;
}


.request-div select {
  color: #888; // color of the selected option
 }

.request-div select option {
  color: black; // color of all the other options
}

.request-form-pop
{
	padding: 20px 40px 0;
	background: #fff;
	margin: 0;
	min-height: auto;
}
.modal-header > h4 {
    color: #000;
    font-family: "Roboto Medium";
    font-size: 24px;
    text-align: center;
}

/*================ free quote page =====================*/
.free-quote-page
{
	
}
.free-form-div
{
	background: url(../images/free-quote.jpg) no-repeat fixed 130% center / cover;
	position: relative;
	min-height: 500px;
	overflow:hidden;	
}

.free-frm
{
	position: absolute;
	width: 45%;
	right: 0;
	background: #fff;
	padding: 40px 0;
	height: 100%;
}

.free-frm input[type="submit"]
{
    background: #3c3089 none repeat scroll 0 0;
    border: none;
    border-radius: 4px;
    color: #fff;
    display: inline-block;
    font-size: 18px;
    font-weight: bold;
    margin: 15px 0;
    padding: 10px 5px;
	width: 100%;
    transition: all 0.3s ease 0s;
}
.free-frm input[type="submit"]:hover, .free-frm input[type="submit"]:focus
{
	background: #333 none repeat scroll 0 0;
	color: #fff;
	text-decoration: none;
}

.free-frm input[type="text"], .free-frm textarea  {
    background: transparent none repeat scroll 0 0 !important;
    border: 1px solid #ccc !important;
    margin: 0 0 15px !important;
	color: #000 !important;
	border-radius: 4px;
}


.free-frm input::-moz-placeholder, .free-frm textarea::-moz-placeholder
{
	color: #999999;
}

.free-frm h2
{
    font-size: 36px;
    font-weight: bold;
    margin: 10px 0 20px;
}


/*================ services-magento page =====================*/

.sm-banner
{
	width: 100%;
	background: url(../images/services-bg.png) repeat scroll center center / cover;
	padding: 40px 0;
	text-align: center;
}
.magento{	background-color: #EE5B27; }
.woocommerce{	background-color: #9b5c8f; }
.opencart{	background-color: #29bfee; }
.customdev{	background-color: #2BA59E; }
.prestashop{	background-color: #e15890; }
.shopify{	background-color: #8bb33f; }

.sm-banner h1
{
	font-size: 48px;
	color: #fff;
	margin: 10px 0 30px;
	text-shadow: -1px 0px 2px #eee;
}
.sm-banner ul
{
	margin: 20px auto;
	padding: 0;
	max-width: 715px;
}
.sm-banner ul li
{
	list-style-type: none;
	display: inline-block;
	padding: 20px;
}
.sm-banner ul li strong
{
	font-size: 36px;
	color: #111;
}
.sm-banner ul li p
{
	font-size: 24px;
	color: #222;
}

.sm-banner a
{
	display: inline-block;
	border: 3px solid #fff;
	padding: 8px 30px;
	color: #fff;
	font-size: 18px;
	transition: all .3s ease-in 0s;
}
.sm-banner a:hover
{
	background: #fff;
	color: #631d05;
	text-decoration: none;
}
.sm-tab
{
	width: 100%;
	background: #2c2171;
}
.sm-tab ul
{
	margin: 0;
	padding: 0;
}
.sm-tab ul li
{
	display: inline-block;
	list-style-type: none;
	vertical-align: top;
}
.sm-tab ul li a
{
	display: block;
    font-size: 15px;
    padding: 26px 0;
    text-align: center;
    width: 187px;
}
.sm-tab ul li a:hover
{
 	text-decoration: none;
}


@media screen and (min-width: 1400px)
{
.web-sect {
    padding: 40px 0 40px 40px;
}	
.serv-div-content {
    max-width: 570px;
    padding: 40px 0 40px 55px;
}
}
@media screen and (min-width: 1700px)
{
.serv-div-content {
    max-width: 635px;
    padding: 40px 0 40px 130px;
}
.web-sect {
    padding: 40px 0 40px 115px;
}
}

@media screen and (max-width:350px) 
{

.grid {
    width: 262px !important;
    min-height: 100px;
    margin: auto !important;
}

}


@media screen and (max-width: 980px) 
{
p.product.woocommerce.add_to_cart_inline {
    background: #f1f2f2 !important;
    
}


.logo_div {
    padding: 10px 0 0;
    text-align: center;
}
.slide-logo
{
	 max-width: 200px !important;	
}
.fixed-width {
    margin: 0 auto;
    width: auto;
}
.free-frm {
    background: #fff none repeat scroll 0 0;
    height: 100%;
    padding: 40px 0;
    position: relative;
    right: 0;
    width: 100%;
}
.navbar {
    border: 0 none;
    margin: 20px 0 15px;
    min-height: 0;
    position: relative;
}
.navbar-nav {
    float: none;
    margin: auto;
    max-width: 560px;
}
.req_quote {
    margin: 12px 0 0;
}
.req_quote > a
{
	padding: 10px;
}
.banner_content
{
	min-height: 600px;
}
.banner_content h1
{
	font-size: 36px;
	line-height: 45px;
	margin-bottom: 10px;
}
.banner_content small
{
	font-size: 16px;
}

.core-features-content h4 {
    font-size: 16px;
    line-height:20px;
    margin-top: 5px;
}
.core-features-content p {
    font-size: 15px;
    line-height: 22px;
    text-align: left;
}

.web-sect {
    padding: 40px 20px;
}
.right-sec img {
    width: 100%;
}

.features-ready-content {
    max-width: 100%;
    padding: 60px 20px 20px;
}
.features-ready-sect {
    overflow: hidden;
    position: relative;
}
.features-ready-sect .row {
    margin-right: -15px;
}
.features-ready-sect img {
    width: 100%;
}
.features-ready-sect img {
    height: 650px;
    position: absolute;
    width: auto;
}

.benefits-content {
    min-height: 300px;
    padding: 30px 20px;
}
.bc-one {
    padding: 30px 20px;
}
.mess1 {
    margin-top: 0;
}
.mess {
    margin-top: 0;
}
.white-form {
    margin: 0 0 15px !important;
}



.carousel {
    margin-top: 0px;
}
.header_bg {
    background: rgba(0, 0, 0, 0) url("../images/bg.jpg") repeat-x scroll center top;
	background-size: auto 500px;
}
.portfolio_div
{
	text-align: center;
	padding: 0;
}
.nav-tabs > li > a {
    border-radius: 0;
    display: block;
    padding: 25px;
    text-align: center;
    width: 225px;
}
.addrs strong {
    font-size: 22px;
}

.abt_div1 img {
    position: relative;
}

.img_block {
    min-height: 240px;
}
.img_block a {
    height: 139px;
    margin: 51px auto 0;
    max-width: 223px;
}
 @keyframes scroll
 {
 	from{
		-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-o-transform: translateY(0px);
	transform: translateY(0px);	
	}
	to{
		-webkit-transform: translateY(-100px);
	-moz-transform: translateY(-100px);
	-o-transform: translateY(-100px);
	transform: translateY(-100px);
	
	}
 }
 
 .rfq_div1 {
    background: rgba(0, 0, 0, 0) url("../images/services_bg.jpg") no-repeat scroll center bottom / 100% 100%;
    padding: 40px 0;
}

.free-quote-div a
{
	padding: 8px 30px;
}
.aboutus_div1_img1
{
	bottom: 0;
    height: auto;
    max-width: 100%;
    position: relative;
    width: 100%;
}
.abt_div2
{
	min-height: 100px;
}

.aboutus-div-content {
    max-width: 100%;
    padding: 40px 20px;
}
.aboutus-div-content h2 {
    font-size: 22px;
    line-height: 30px;
}
.aboutus-div-content p
{
	margin: 15px 0;
}
.aboutus-div img {
    height: 685px;
    max-width: none;
    width: auto;
}


.our-process ul {
    margin: 30px auto;
    padding: 0;
    text-align: center;
}
.our-process ul li {
    background: #fff none repeat scroll 0 0;
    border-left: 1px solid #d4d5d6;
    border-right: medium none;
    display: inline-block;
    height: 290px;
    list-style-type: none;
    margin: 0 -1px;
    padding: 10px 16px;
    vertical-align: top;
    width: 28%;
	float: none;
}
.our-process ul li:last-child
{
	 border-left: 1px solid #d4d5d6;
}
.our-clients
{
text-align:	center;
}
.our-cl-div {
    padding: 10px 20px 0 0;
}
.serv-subheads {
    margin: 0;
    padding: 0;
    width: 100%;
}

.serv-div, .serv-div1 {
    position: relative;
	overflow: hidden;
}
.serv-div-content {
    max-width: 525px;
    padding: 35px 20px;
}
.serv-div-content h2, .serv-div1-content h2 {
    font-size: 28px;
    line-height: 30px;
}
.serv-div-content p, .serv-div1-content p
{
	margin: 10px 0 0;
}

.serv-div img, .serv-div1 img {
    height: 355px;
    max-width: 100%;
    width: 100%;
}
.serv-img > img {
    height: auto;
    max-width: 90%;
    width: auto;
}
.serv-div1-content {
    max-width: 550px;
    padding: 35px 20px 20px 10px;
}
.prod-bg-img {
    height: 428px !important;
    width: 100%;
}

.sm-tab ul li a {
    align-items: center;
    display: flex;
    flex-direction: column;
    font-size: 15px;
    height: 100px;
    justify-content: center;
    padding: 26px 0;
    text-align: center;
    width: 117px;
}
.sm-tab ul li a:before
{
	top: -7px;
}
.portfolio_div {
    background: rgba(0, 0, 0, 0) url("../images/checkout-bg.jpg") no-repeat fixed 0 0;
	background-size: auto 100%;
}
.free-quote-div {
    background: rgba(0, 0, 0, 0) url("../images/request-quote-bg.jpg") no-repeat fixed 0 bottom;
	background-size: auto 100%;
}
.our-technologies {
    background: rgba(0, 0, 0, 0) url("../images/checkout-bg.jpg") no-repeat fixed 100% 0;
	background-size: auto 100%;
}
.inner-form {
    background: rgba(0, 0, 0, 0) url("../images/free-quote.jpg") no-repeat fixed 0 0;
	background-size: auto 100%;
}
.magento-div ul {
    text-align: left;
}



.inner-banner-content h1 {
    font-size: 40px;
}
.statistic {
    font-size: 40px;
}
.bottom-header h4
{
	font-size: 24px;
}
.dev-serv-content h2 {
    color: #000;
    font-size: 27px;
    line-height: 36px;
    margin: 0;
}
.achieving-clients-sect
{
	position: relative;
	overflow: hidden;
}
.achieving-clients-sect img {
    height: 565px;
    max-width: 100%;
    position: absolute;
    width: auto;
}
.make-store-content
{
	padding: 0;
}
.soft-platform-content h2, .soft-platform-content1 h2 {
    font-size: 27px;
    line-height: 36px;
}
.soft-platform-content h3 {
    font-size: 20px;
}
.soft-platform-content {
    padding: 40px 20px;
	max-width: 100%;
}
.soft-platform-content1 {
    float: none;
    max-width: 100%;
    padding: 40px 20px;
}
.sps-div
{
	background: #f1f2f2 !important;
}
.sps-div h2, .sps-div p
{
	color: #000 !important;
}
.soft-platform-sect .row {
    margin-right: -15px;
}
.soft-platform-sect img {
    height: 740px;
    width: auto;
	display: none;
}
.grocery-content {
    margin: 0 auto;
    max-width: 600px;
}
.grocery-section {
    background: rgba(0, 0, 0, 0) url("../images/grocery-bg.jpg") no-repeat fixed 0 0;
	background-size: cover;
}
.social {
    margin: 10px 0;
    text-align: left;
    width: 100%;
}
.thank-page .social {
    margin: 0 auto;
    display: table;
    width: auto;
}
}
@media (max-width:980px){
.core-features-sect
{
	
min-height: 200px !important;
}
}
@media (max-width:767px){
.core-features-sect
{
	
min-height: 130px !important;
}
}
@media (min-width:800px) and (max-width:1280px){
.carousel-inner > .item > img, .carousel-inner > .item > a > img {
    line-height: 1;
    height: 531px;
}
}
@media (min-width:768px) and (max-width:1024px){


.footer-up {
  
    width: 100%;
}

.magento-img{
	height:768px!important;
}
.carousel-inner > .item > img, .carousel-inner > .item > a > img {
    line-height: 1;
    height: 580px;
}
}

@media (max-width:768px){
.magento-img{
	height:768px!important;
}

}

@media screen and (min-width: 0px) and (max-width: 767px) 
{

.live {
    
    width: 100%;
    
}
.live1 {
    
    width: 100%;
 margin-top: 15px !important;
    
}

.choose-cat h4 {

    font-size: 16px !important;
  
}


.footer-up > a {
    margin: auto;
    width: 200px;
}
.footer-up h1 {
   
    font-size: 17px;
    
}

.footer-up {
    
    width: 100%;
}
.magento-training-sect
{
	padding: 40px 0;
}

.magento-img{
height:auto!important;
}
.form-sec{
	width:100%;
}

.header_bg {
    background: rgba(0, 0, 0, 0) url("../images/bg.jpg") repeat-x scroll center top;
	background-size: auto 350px;
}

.slide-logo {
    max-width: 160px !important;
}
.req_quote {
    margin: 0;
    position: absolute;
    top: 12px;
}
.req_quote > a {
    padding: 8px 5px;
}
.navbar {
 	float: right;
    margin: 0;
    text-align: center;
    width: 100%;
}
.nav li:last-child a
{
	padding: 10px 20px !important;
	margin: auto;
}
.navbar-collapse {
    background: rgba(25, 31, 39, 0.9) none repeat scroll 0 0 !important;
    border-top: 1px solid transparent;
    margin: 0;
	padding: 15px 0 0;
    overflow-x: visible;
    position: absolute;
    width: 100%;
}
.request-form-pop {
    background: #fff none repeat scroll 0 0;
    padding: 20px 0;
}
.banner_content {
    min-height: 400px;
}
.banner_content h1 {
    font-size: 22px;
    line-height: 28px;
    margin-bottom: 5px;
	padding: 0px 25px;
}
.banner_content small {
    font-size: 13px;
	padding: 10px;
}
.click
{
	left: 47%;
}

.navbar-inverse .navbar-nav > li > a
{
	padding: 10px 15px;
}

.core-features, .benefits-sect, .question-section
{
	padding: 40px 0;
}
.core-features h2, .web-sect h2, .ecommerce-prod-sect h2, .features-ready-content h2, .benefits-sect h2, .question-section h2
{
	font-size: 24px;
	line-height: 30px;
	text-align: center;
}
.core-features-icon {
    float: none;
    margin: 4px 0;
    text-align: center;
    width: 100%;
}
.core-features-content {
    margin-left: 0;
    padding: 0;
    text-align: center;
    float:none;
width:100%;

}
.core-features-content p {
    font-size: 15px;
    line-height: 22px;
    text-align: center;
}
.web-sect-content p {
    font-family: "Roboto Light";
    font-size: 15px;
    line-height: 25px;
    margin: 20px 0;
    text-align: center;
}
.web-sect-content a
{
	display: block;
}
.our-web-sect {
    text-align: center;
}
.ecommerce-div
{
	padding: 40px 0 0;
}
.features-ready-sect img {
    height: auto;
    position: relative;
    width: auto;
}
.benefits-content {
    min-height: auto;
}
.benefits-sect p {
    color: #58595b;
    font-size: 15px;
    line-height: 25px;
    margin: 15px 0 0;
    text-align: justify;
}
.form-sec {
    margin: 10px 0;
    width: 100%;
}
.address {
    float: none;
}
.copyright
{
	margin: 10px 0 20px !important;
}

.core-features .ali-center {
    padding: 0 20px;
}
.core-features a
{
	margin: 0 auto;
}


.soft-platform-content h2 {
    font-size: 22px;
    line-height: 30px;
    text-align: center;
}
.soft-platform-content {
    text-align: center;
}
.soft-platform-content h3 {
    font-size: 18px;
    margin: 10px 0;
}
.soft-platform-sect img {
    height: auto;
    max-width: 100%;
    width: auto;
}
.clients-section, .faq-section {
    padding: 40px 0;
}
.clients-section h2, .faq-section h2 {
    font-size: 24px;
    line-height: 30px;
}

.our-cl-div {
    margin: 30px auto;
    max-width: 100%;
    padding: 10px;
}
.clients-section img
{
		max-width: 100%;
		height: auto;
}
.grocery-section
{
	padding: 40px 0;
}
.grocery-section h2 {
    font-size: 24px;
    line-height: 30px;   
}
.grocery-content .no-padding {
    padding: 0 20px;
}
.panel-title {
    font-size: 15px;
}



.portfolio_div h2 {
    color: #fff;
    font-size: 30px;
    font-weight: bold;
}
.nav-tabs > li > a {
    border-radius: 0;
    display: block;
    padding: 15px 5px;
    text-align: center;
    width: 95px;
}
.nav1 {
    padding-left: 5px;
}

.div1 hr {
     background: #3e3e91 none repeat scroll 0 0;
    border: medium none;
    float: left;
    margin: 0 0 15px;
    min-height: 2px;
    padding: 0;
    width: 100%;
}

.logo_icon {
    left: 35%;
    position: relative;
    top: 0;
}

.core_features h2 {
    color: #3c3089;
    font-size: 30px;
}
	
.services_cont
{
	padding: 15px;
}
.services_cont div {
    float: none;
    max-width: 100%;
    padding: 0px;
}
.services_cont span
{
	float: none;
	width: 100%;
	text-align: center;
	display: block;
	height: 200px;
}
.services_cont span img
{
	height: auto;
    max-width: 100%;
    width: auto;
}
.services_cont1
{
	padding: 15px;
}
.services_cont1 div {
    float: none;
    max-width: 100%;
    padding: 0px;
}
.services_cont1 span
{
	float: none;
	width: 100%;
	text-align: center;
	display: block;
	height: 200px;
}
.services_cont1 span img
{
	height: auto;
    max-width: 100%;
    width: auto;
}

.serv-div-content, .serv-div1-content {
	display: none;
}
.serv-div-content h2, .serv-div1-content h2 {
    font-size: 24px;
}
.serv-img
{
	display: none;
}
.serv-hidden-content {
    color: #fff;
    height: 100%;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
}
.serv-hidden-content > a > h2 {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    margin: 0;
	color: #fff;
	font-size: 24px;
}
.serv-div1-read
{
	margin: 15px auto;
}
.serv-div img, .serv-div1 img {
    height: auto !important;
    max-width: 100%;
    width: 100%;
}

.about-banner {
    padding: 10px 0;
    text-align: center;
    width: 100%;
}
.breadcrumb
{
	float: none;
}

.img_block a {
    height: 118px;
    margin: 42px auto 0;
    max-width: 190px;
}

.img_block {
    min-height: 200px;
}
 @keyframes scroll
 {
 	from{
		-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-o-transform: translateY(0px);
	transform: translateY(0px);	
	}
	to{
		-webkit-transform: translateY(-80px);
	-moz-transform: translateY(-80px);
	-o-transform: translateY(-80px);
	transform: translateY(-80px);
	
	}
 }
 
 .magento-div img {
    display: inline-block;
    float: none;
    height: auto;
    margin: 5px 0 10px;
    max-width: 100%;
}


.aboutus-div img {
    height: auto;
    max-width: 100%;
    width: auto;
}
.our-process h2 {
    font-size: 24px;
    line-height: 30px;
}

.our-process ul {
    margin: 30px auto 0;
    max-width: 200px;
    padding: 0;
    text-align: center;
}
.our-process ul li
{
	width: 100%;
	height: auto;
	border-bottom: 1px solid #d4d5d6;
    border-right: medium none;
	border-left: medium none;
}
.our-process ul li:last-child
{
	border: none;
}

.our-process ul li + li::before {
    content: url("../images/arrow.png");
    display: inline-block;
    left: auto;
    padding: 0 7px 0 0;
    position: relative;
    text-align: center;
    top: -13px;
    transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
}
.our-technologies img {
    display: inline-block;
    height: auto;
    margin: 10px 0;
    max-width: 100%;
    transition: all 0.3s ease 0s;
}
.our-technologies {
    padding: 40px 0;

    text-align: center;
}
.our-technologies h2
{
	margin: 0 0 20px;
}

.serv-subheads {
    margin: 0 0 15px;
}
.serv-subheads li {
    display: inline-block;
}
.serv-subheads li a {
    height: 45px;
    text-indent: -9999px;
    width: 45px;
	padding: 0;
}
.serv-subheads li a::before {
    font-family: "FontAwesome";
    left: 12px;
    position: absolute;
    text-indent: 0;
    top: 12px;
}
.sm-tab ul li a {
    align-items: center;
    display: flex;
    flex-direction: column;
    font-size: 15px;
    height: 40px;
    justify-content: center;
    padding: 0;
    text-align: center;
    text-indent: -9999px;
    width: 45px;
}
.sm-tab ul li a::before {
    left: 0;
    text-indent: 0 !important;
    top: 10px;
}


.sm-banner h1 {
    color: #fff;
    font-size: 28px;
    margin: 10px 0 30px;
    text-shadow: -1px 0 2px #eee;
}
.sm-banner ul li strong {
    color: #111;
    font-size: 24px;
}
.sm-banner ul li p {
    color: #222;
    font-size: 20px;
}
.getintouch1 {
    border: 1px solid #ccc;
    float: none;
    margin: 20px;
    padding: 5px;
    text-align: center;
}
.getintouch1 a {
    padding: 0;
}

body {
    font-size: 15px;
}
.ico-magento
{
	background: #eee linear-gradient(to bottom, #EE5A27 50%, rgba(234, 39, 39, 0) 50%) repeat scroll right bottom / 100% 200%;
	border-top: 2px solid #EE5A27;
	border-left: 0;
	transition: all .3s ease 0s;
	color: #000;
}

.ico-magento:hover, .ico-magento.active
{
	background-position: 0 0;
	color: #fff;
}
/*.ico-magento:hover:after, .ico-magento.active:after
{
    border-color: #EE5A27 transparent transparent transparent;
    border-style: solid;
    border-width: 10px;
    content: "";
    display: inline-block;
    position: absolute;
    right: 12px;
    top: 42px;
}*/

.ico-woocommerce
{
	background-color: #eee;
	background-image: linear-gradient(to bottom, #9B5C8F 50%, rgba(234, 39, 39, 0) 50%);
	background-repeat: repeat;
	background-size: 100% 200%;
	background-position: 0 100%;
	border-top: 2px solid #9B5C8F;
	border-left: 0;
	transition: all .1s ease 0s;
	color: #000;
}

.ico-woocommerce:hover, .ico-woocommerce.active
{
	background-position: 0 0;
	color: #fff;
}
/*.ico-woocommerce:hover:after, .ico-woocommerce.active:after
{
    border-color: #9B5C8F transparent transparent transparent;
    border-style: solid;
    border-width: 10px;
    content: "";
    display: inline-block;
    position: absolute;
    right: 12px;
    top: 42px;
}*/

.ico-opencart
{
	background: #eee linear-gradient(to bottom, #2FC2EF 50%, rgba(234, 39, 39, 0) 50%) repeat scroll right bottom / 100% 200%;
	border-top: 2px solid #2FC2EF;
	border-left: 0;
	transition: all .1s ease 0s;
	color: #000;
}

.ico-opencart:hover, .ico-opencart.active
{
	background-position: 0 0;
	color: #fff;
}
/*.ico-opencart:hover:after, .ico-opencart.active:after
{
    border-color: #2FC2EF transparent transparent transparent;
    border-style: solid;
    border-width: 10px;
    content: "";
    display: inline-block;
    position: absolute;
    right: 12px;
    top: 42px;
}*/

.ico-custom
{
	background: #eee linear-gradient(to bottom, #2BA59E 50%, rgba(234, 39, 39, 0) 50%) repeat scroll right bottom / 100% 200%;
	border-top: 2px solid #2BA59E;
	border-left: 0;
	transition: all .1s ease 0s;
	color: #000;
}

.ico-custom:hover, .ico-custom.active
{
	background-position: 0 0;
	color: #fff;
}
/*.ico-custom:hover:after, .ico-custom.active:after
{
    border-color: #2BA59E transparent transparent transparent;
    border-style: solid;
    border-width: 10px;
    content: "";
    display: inline-block;
    position: absolute;
    right: 12px;
    top: 42px;
}*/
.ico-prestashop
{
	background: #eee linear-gradient(to bottom, #E15890 50%, rgba(234, 39, 39, 0) 50%) repeat scroll right bottom / 100% 200%;
	border-top: 2px solid #E15890;
	border-left: 0;
	transition: all .1s ease 0s;
	color: #000;
}

.ico-prestashop:hover, .ico-prestashop.active
{
	background-position: 0 0;
	color: #fff;
}
/*.ico-prestashop:hover:after, .ico-prestashop.active:after
{
    border-color: #E15890 transparent transparent transparent;
    border-style: solid;
    border-width: 10px;
    content: "";
    display: inline-block;
    position: absolute;
    right: 12px;
    top: 42px;
}*/
.ico-shopify
{
	background: #eee linear-gradient(to bottom, #8DB640 50%, rgba(234, 39, 39, 0) 50%) repeat scroll right bottom / 100% 200%;
	border-top: 2px solid #8DB640;
	border-left: 0;
	transition: all .1s ease 0s;
	color: #000;
}

.ico-shopify:hover, .ico-shopify.active
{
	background-position: 0 0;
	color: #fff;
}
/*.ico-shopify:hover:after, .ico-shopify.active:after
{
    border-color: #8DB640 transparent transparent transparent;
    border-style: solid;
    border-width: 10px;
    content: "";
    display: inline-block;
    position: absolute;
    right: 12px;
    top: 42px;
}*/


.inner-banner-content h1 {
    font-size: 30px;
    line-height: 38px;
}
.statistic {
    font-size: 30px;
}
.bottom-header h4 {
    font-size: 20px;
    line-height: 30px;
}
.border-right {
    border-bottom: 1px solid #b64b1e;
    padding: 15px;
	border-right: none;
}
.dev-serv-sect, .dev-solution-sect
{
	padding: 40px 0;
}
.dev-solution-sect h2 {
    font-size: 24px;
    line-height: 30px;
}
.achieving-clients-content h2 {
    color: #000;
    font-size: 24px;
    line-height: 30px;
    margin: 0;
}
.achieving-clients-content {
    max-width: 100%;
    padding: 40px 20px 0;
}
.achieving-clients-sect img {
    height: auto;
    max-width: 100%;
    position: relative;
    width: auto;
}
.achieving-clients-sect .row {
    margin-right: -15px;
}
.make-store-sect h2 {
    font-size: 24px;
    line-height: 30px;
}
.make-store-icon {
    float: none;
    margin: 20px 0;
    text-align: center;
    width: 100%;
}
.make-store-content {
    margin: 0;
    padding: 0;
    text-align: center;
}
.make-store-content p {
    text-align: center;
}
.dev-serv-content h2 {
    font-size: 24px;
    line-height: 30px;
    text-align: center;
}
}



@media(max-width:990px){

.img-hide{
display:none;
}
}
@media (min-width:1180px) and (max-width:1980px)
{
.core-features-sect {
    
    min-height: 155px !important;
}
}
@media (min-width:981px) and (max-width:1100px)
{
.core-features-sect {
    
    min-height: 160px !important;
}
}
@media (min-width:481px) and (max-width:640px){
.img_block a {
    height: 250px;
    margin: 91px auto 0;
    max-width: 392px;
}
.img_block {
    min-height: 425px;
}
}




@media (min-width:321px) and (max-width:480px){
.img_block a {
	height: 131px;
	margin: 50px auto 0;
	max-width: 212px;
}
.img_block {
    min-height: 309px;
}
}

@media (min-width:1000px) and (max-width:1024px){

.img_block a {
    height: 182px;
    margin: 69px auto 0;
    max-width: 292px;
}
}
.core-features-sect p {
    font-size: 15px;
    line-height: 22px;
    text-align: justify;
}
h4.wpsm_panel-title {
    background: #fff;
}
input.wpcf7-form-control.wpcf7-text.wpcf7-tel.wpcf7-validates-as-required.wpcf7-validates-as-tel.white-form.form-control {
    margin-top: 16px;
}


.col-md-12.add-to p a {
       background: #3194d0 none repeat scroll 0 0;
    color: #fff;
    display: table;
    font-size: 20px;
    margin: auto;
    padding: 17px 43px;
    text-align: center;
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -ms-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    border: none;
    border-radius: 0;
}


.col-md-12.add-to p a {
    background: #3194d0;
    color: #fff;
    font-size: 22px;
    font-weight: normal;
}

input.wpcf7-form-control.wpcf7dtx-dynamictext.wpcf7-dynamictext.border.form-control {
    pointer-events: none;
background: #fff;
}

@media (min-width:768px) and (max-width:3000px){
.contry2
{
   //margin-top: 31px !important;
}
.contry6, .contry3, .contry5, .contry2, .contry1 {
    width: 32%;
    float: left;
    margin: 0;
    padding: 0;
}
.mob5, .mob3, .mob4, .mob2, .mob1 {
    width: 67%;
    margin-right: 0 !important;
    float: right;
}
}


@media (min-width:0px) and (max-width:767px){
.contry2
{
   //margin-top: 31px !important;
}
.contry6, .contry3, .contry5, .contry2, .contry1 {
    width: 32%;
    float: left;
    margin: 0;
    padding: 0;
}
.mob5, .mob3, .mob4, .mob2, .mob1 {
    width: 67%;
    margin-right: 0 !important;
    float: right;
}

}



h2.pack-con {
    color: #000;
    font-size: 35px;
    line-height: 50px;
    margin-bottom: 25px;
    text-align: center;
}
section.package-table {
    margin: 30px 0px !important;
}
.signup a:first-child {
    display: none !important;
}
ul.price-table-column-items.table-column-2 {
    position: relative;
    top: -40px !important;
}

a.pricingtable-signup-name {
    display: none !important;
}

.pricingtable-themes-flat div.pricingtable-columns-container{
/*box-shadow*/
-webkit-box-shadow:0 0 4px -2px #000;
   -moz-box-shadow:0 0 4px -2px #000;
        box-shadow:0 0 4px -2px #000;
display:inline-block;
list-style:none outside none;
margin:30px 9px !important;
padding:0;
vertical-align:top;
width:200px;
/*transition*/
-webkit-transition:all 0.5s ease 0s;
   -moz-transition:all 0.5s ease 0s;
     -o-transition:all 0.5s ease 0s;
        transition:all 0.5s ease 0s;
}
a.dem {
    color: #fff;
    font-size: 19px;
}



.page-id-235 .request-div
{
margin-top: 30px !important;
 min-height: 477px !important;
}
.page-id-878 .request-div
{
margin-top: 30px !important;
 min-height: 477px !important;
}
.page-id-879 .request-div
{
margin-top: 30px !important;
 min-height: 477px !important;
}
h2.query-con {
    margin-top: 43px;
}

li#menu-item-911:hover .sub-menu {
    display: block;
    margin-top: 0px;
  }
ul.sub-menu {
    display: none;
    position: absolute;
	left: 21px;
}
ul.sub-menu li {
    list-style: none;
    width: 242px;
    background: #fff;
    padding: 13px 1px 15px;

}
#menu-item-911 a {
    padding: 0px 16px 11px;
}







.mob-fri p {
    font-size: 15px;
    font-weight: normal;
    line-height: 27px;
}
.mob-fri h3 {
    text-align: left;
    font-size: 24px;
}
li#menu-item-911:hover ul.sub-menu {
display: block !important;
}
.mob-fri ul li {
    font-size: 15px;
    line-height: 28px;
}
ul.sub-menu {
    padding: 0;
}
i.fa.fa-inr {
    font-size: 30px;
}


.page-id-896 .mess1 {
    margin: 0 !important;
}
.pharmacybg {
    background-image: url(https://www.ecommercewebsitedevelopmentchennai.in/wp-content/uploads/2020/10/Group-2616.png);
    background-size: 100%;
  background-repeat: no-repeat;
}
.pharma-slide-title {
    color: #fff;
    font-size: 40px;
    text-transform: capitalize;
    font-weight: 800;
    letter-spacing: 2px;
    line-height: 1.7;
  margin-bottom: 40px;
}
.pharma-slide-subtitle {
    color: #FFFFFF;
    font-size: 25px;
  line-height: 1.7;
  margin-bottom: 30px;
}
.pharma-CTA {
    color: #fff;
    text-decoration: none;
    background: #17B8A7;
    padding: 10px 30px;
    border-radius: 40px;
    white-space: nowrap;
    font-size: 18px;
  display:block;
  width: 170px;
  text-align:center;
    font-weight: bold;
  -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -ms-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
  box-shadow: 2px 5px 10px #0000002E;
}
.pharma-CTA:hover {
    color: #17b8a7;
  font-weight: 400;
    background: #fff;
}
.pharma-inner-banner {
    padding: 80px 0 30px 0;
  width:100%;
}
.pharma-mdecial {
    padding: 60px 0;
}
.pharma-mdecial1 {
    padding: 80px 0;
}
.pharma-platform h2 {
    font-size: 35px;
    line-height: 45px;
    margin: 0;
    font-weight: bold;
    color: #1B407D;
}
.pharma-mdecial1 h2 {
    font-size: 35px;
    line-height: 45px;
    margin: 0;
    font-weight: bold;
    color: #1B407D;
}
.pharma-platform {
    padding-top: 100px;
}
.pharma-platform h3 {
    color: #1B1B1B !important;
    font-size: 18px;
    line-height: 1.7;
  margin-bottom: 50px;
}
.pharma-platform p{
text-align:center;
  color: #1B1B1B !important;
    font-size: 18px;
  border: 1px solid #2B579F;
  padding:10px;
}
.pharma-bg-color{
background:#F6F9FF;}
ul.pharma-sec-ul {
    color: #1B1B1B;
  padding:0;
    line-height: 2;
    font-size: 17px;
    margin: 20px 0;
    list-style: none;
}
ul.pharma-sec-ul li:before {
    content: "";
    -webkit-border-radius: 50%;
    border-radius: 50%;
    height: 8px;
    width: 8px;
    margin-right: 1.5rem;
    background-color:#17B8A7;
  display: inline-block;
}

.pharma-start-now {
    padding: 12px 15px;
    background: #2B579F 0% 0% no-repeat padding-box;
    box-shadow: 5px 18px 35px #2B579F40;
    color: white;
    border-radius: 10px;
}
.value-section {
    background-image: url('https://www.ecommercewebsitedevelopmentchennai.in/wp-content/uploads/2020/10/Group-2617.png');
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    background-repeat: no-repeat;
    background-size: cover;
  padding-top: 70px;
    padding-bottom: 200px;
  text-align:center;
}
.value-section h2 {
    margin-bottom: 0;
    line-height: 48px;
    font-size: 28px;
  font-weight:700;
    color: #fff !important;
    text-transform: uppercase;
}
.value-section h3{
  font-size: 25px;
    color: #fff !important;
}
.value-section p{
  font-size: 18px;
    color: #fff !important;
}
.steps-section {
    margin-top: -120px;
    position: relative;
    z-index: 2;
    padding-bottom: 100px;
}
.steps-section .col {
    width: 20%;
    float: left;
    padding-left: 15px;
    padding-right: 15px;
}
.column-wrap {
    width: 100%;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.widget-wrap1 {
    position: relative;
    width: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.widget-step-serv {
    width: 100%;
    display: block;
    background-color: #fff;
    border-radius: 10px;
    padding: 40px 20px 30px 20px;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear;
    min-height: 220px;
    text-align: center;
  border: 1px solid #213E8C33;
}
.widget-step-serv:hover {
    box-shadow: 5px 20px 50px #00000033;
}
span.stepicon img {
    width: 70px;
    margin-top: 0;
    margin-bottom: 20px;
    margin-right: auto;
    margin-left: auto;
}
.widget-step-serv .content-box h5 {
    color: #2e2179;
    font-size: 15px;
    margin-top: 10px;
    line-height: 1.4;
  font-weight:700;
  margin-bottom: 20px;
}
.about-area2 {
    padding-bottom: 100px;
    padding-top: 100px;
}
.pl-30 {
    padding-left: 30px;
}
.about-img img {
    width: 95%;
}
.about-area2 h2 {
    font-size: 26px;
    line-height: 1.5;
    color: #213E8C;
  letter-spacing: 0.5px;
  font-weight:700;
}
.about-area2 p {
    line-height: 2;
    color: #213E8C;
    font-size: 17px;
}
.widget-wrap {
    position: relative;
    width: 100%;
    display: block;
}
.iicon-box-s1 .icon-main-box {
    margin-bottom: 20px;
}
.iicon-box-s1 .icon-medal img {
    box-shadow: 0px 15px 15px #1D2D580D;
    width: 70px;
    height: 70px;
    background: #FFFFFF;
    border-radius: 50%;
    padding: 15px;
}
.iicon-box-s1 h5 {
    color: #1D2D58;
    text-align: left;
    font-size: 20px;
    margin-bottom: 35px;
  font-weight: 700;
}
.widget-iiconbox1 .line-box {
    height: 3px;
    width: 100%;
    background: #efefef;
    margin-bottom: 15px;
    position: relative;
}
.widget-iiconbox1 .line-box:after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 0;
    background: #213E8C;
    height: 100%;
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
}
.iicon-box-s1 p {
    line-height: 2;
    color: #213E8C;
    font-size: 15px;
}
.widget-iiconbox1:hover .line-box:after {
    left: 0;
    right: auto;
    width: 100%;
}
.pr-100{
padding-right:100px;}

.key-feature {
    padding: 60px 0;
}
.key-feature h2 {
    font-size: 26px;
  width:80%;
  text-align:center;
  margin: 0 auto;
    line-height: 1.5;
    color: #213e8c;
    letter-spacing: .5px;
    font-weight: 700;
}
.keyfeatures-dev {
    width: 100%;
    padding-top: 50px;
}
.keyfeature-tab {
    width: 80%;
    margin: 20px auto;
}
ul.key-tab-ul {
    list-style: none;
  padding:0;
  -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.key-tab-ul li {
    display: inline-block;
    width: 18%;
    border: 1px solid #1B407D;
    text-align: center;
    padding: 15px 20px;
    margin-right: 10px;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1px;
  color:#1B407D;
  -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear;
  cursor: pointer;
}
.key-tab-ul li:first-child {
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
}
.key-tab-ul li:last-child {
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
}
.key-tab-ul li:hover {
    background: transparent linear-gradient(90deg, #17B8A7 0%, #1B407D 100%) 0% 0% no-repeat padding-box;
    box-shadow: 0px 15px 12px #00000029;
    color: white;
    font-weight: 500;
}
.key-tab-ul li.active-tab {
    background: transparent linear-gradient(90deg, #17B8A7 0%, #1B407D 100%) 0% 0% no-repeat padding-box;
    box-shadow: 0px 15px 12px #00000029;
    color: white;
    font-weight: 500;
}
.key-tab-sec{
  -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.key-tab-sec .col{
width: 20%;
    float: left;
    padding-left: 15px;
    padding-right: 15px;}
.widget-step-serv .content-box p{
color: #1b1b1b;
    font-size: 15px;
    margin-top: 0;
    line-height: 1.4;
    font-weight: 700;}
.key-tab-sec .widget-step-serv{
min-height:230px;
margin-bottom:30px;}
.bus-online{
background: transparent linear-gradient(180deg, #1B407D 0%, #17B8A7 100%) 0% 0% no-repeat padding-box;
padding:70px 0;
}
.bus-online h2{
line-height: 48px;
    font-size: 38px;
    font-weight: 700;
    color: #fff !important;
  margin-bottom: 30px;
  }
.bus-online p {
    font-size: 18px;
    color: #fff !important;
  margin-bottom: 50px;
}
.online-button{
background: #17B8A7 0% 0% no-repeat padding-box;
box-shadow: 5px 18px 35px #2B579F40;
border-radius: 12px;
color:white;
padding:12px 15px;
font-size:20px;}
.med-platform {
    padding-top: 50px;
}
.pharmweb{
padding:30px 0;
}
.pharmweb-img {
    position: relative;
}
.pharm-web-content h2{
font-size: 28px;
    line-height: 45px;
    margin-bottom: 30px;
    font-weight: bold;
    color: #1b407d;
text-transform:uppercase;}
.pharm-web-content p{
color: #1b407d !important;
    font-size: 17px;
    line-height: 1.8;
margin-bottom: 30px;}
.web-dev-img {
    position: relative;
    bottom: -30px;
    left: -110px;
    width: 600px;
}
.pharm-web-content {
    padding-top: 20px;
}

.pharma-mdecial h2{
font-size: 35px;
    line-height: 45px;
    margin: 0;
    font-weight: bold;
    color: #1b407d;}
.down-icon {
    margin-top: 15px !important;
    position: relative;
    top: 5%;
}
.down-icon a i {
    -webkit-animation: todown 1.2s infinite linear;
    animation: todown 1.2s infinite linear;
}
@-webkit-keyframes todown {
    0% {
    -webkit-transform: translateY(-15px);
    opacity: 0;
}
10% {
    -webkit-transform: translateY(-15px);
    opacity: 0;
}
50% {
    -webkit-transform: translateY(0);
    opacity: 1;
}
90% {
    -webkit-transform: translateY(15px);
    opacity: 0;
}
100% {
    -webkit-transform: translateY(15px);
    opacity: 0;
}
}@keyframes todown {
    0% {
    transform: translateY(-15px);
    opacity: 0;
}
10% {
    transform: translateY(-15px);
    opacity: 0;
}
50% {
    transform: translateY(0);
    opacity: 1;
}
90% {
    transform: translateY(15px);
    opacity: 0;
}
100% {
    transform: translateY(15px);
    opacity: 0;
}
}
#pharma .down-icon a {
    position: absolute;
    display: block;
    color: #dd0063 !important;
    bottom: -40px;
    margin: 0 auto;
    text-align: left;
    width: 100%;
    font-size: 32px !important;
    cursor: pointer;
    background: none !important;
    left: 20px;
    top: 20px;
}
#pharma i.fa.fa-long-arrow-down {
    color: #17b8a7;
    border: 2px solid;
    border-radius: 100px;
    font-size: 20px;
    height: 39px;
    padding-top: 10px;
    width: 20px;
    text-align: center;
}
@media screen and (max-width:768px){
  .pharmacybg{
      background-size: cover;}
  .pharma-inner-banner{
      padding: 20px 0 20px 0;
}
  .pharma-slide-title{
  text-align:center;
  font-size:20px;
  margin-bottom: 10px;}
  .pharma-slide-subtitle{text-align:center;
  font-size:18px;
  margin-bottom: 10px;}
  .pharma-slide-subtitle br{
  display:none;}
 
  .pharma-mdecial {
    padding: 20px 0;
}
  .pharma-platform {
    padding-top: 30px;
}
  .pharma-mdecial h2{
    font-size: 25px;
    line-height: 30px;}
  .pharma-platform h2 {
    font-size: 25px;
    line-height: 30px;}
  .pharma-mdecial1 h2 {
    font-size: 25px;
    line-height: 30px;}
  .med-platform {
    padding-top: 20px;
}
  .pharma-mdecial1 .mt-30{.
  margin-top:30px;}
  .value-section h2{
  font-size: 25px;}
  .value-section h3 {
    font-size: 20px;
  }
  .steps-section .col {
    width: 100%;
    float: left;
   margin-bottom: 30px;
}
  .steps-section{
  padding-bottom: 20px;}
  .about-area2 {
    padding-bottom: 20px;
    padding-top: 20px;
    padding-right: 15px;
}
.about-area2 .pr-100 {
    padding-right: 0px;
}
  .about-area2 h2{
  font-size: 25px;
  letter-spacing: 0;}
.key-feature h2 {
  font-size: 25px;
  letter-spacing: 0;}
  .key-tab-ul li{
  width: 100%;
      margin-right: 0;
      margin-bottom: 15px;}
  .key-tab-ul li:first-child, .key-tab-ul li:last-child{
  border-radius:0;}
  .key-tab-sec .col {
    width: 100%;
    margin-bottom: 30px;
  }
  .bus-online h2{
  font-size: 25px;}
  .web-dev-img {
    left:0;
    bottom:0;
    width: 100%;
  }
  .pharm-web-content h2{
  font-size:25px;}
  
}
.gadgetbg{
background:#574aa6;}
.gadget-inner-banner {
    padding: 30px 0 30px 0;
    width: 100%;
}
.gadget-slide-title {
    color: #fff;
    font-size: 40px;
    text-transform: capitalize;
    font-weight: 800;
    letter-spacing: 2px;
    line-height: 1.7;
    margin-bottom: 40px;
}
.gadget-slide-subtitle {
    color: #fff;
    font-size: 25px;
    line-height: 1.7;
    margin-bottom: 30px;
}
.gadget-CTA {
    color: #fff;
    text-decoration: none;
    background: #1c97dd;
    padding: 10px 30px;
    border-radius: 40px;
    white-space: nowrap;
    font-size: 18px;
    display: block;
    width: 170px;
    text-align: center;
    font-weight: bold;
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -ms-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    box-shadow: 2px 5px 10px #0000002E;
}
#gadget .down-icon a {
    position: absolute;
    display: block;
    color: #1c97dd !important;
    bottom: -40px;
    margin: 0 auto;
    text-align: left;
    width: 100%;
    font-size: 32px !important;
    cursor: pointer;
    background: none !important;
    left: 20px;
    top: 20px;
}
#gadget i.fa.fa-long-arrow-down {
    color: #1c97dd;
    border: 2px solid;
    border-radius: 100px;
    font-size: 20px;
    height: 39px;
    padding-top: 10px;
    width: 20px;
    text-align: center;
}
.show-mob{
display:none;}
.gadget-slide-image img{
margin-bottom:-150px;}
.electronic-online {
    padding: 60px 0;
}
.gadget-platform {
    padding-top: 100px;
}
.electronic-online h2 {
    font-size: 28px;
    line-height: 45px;
    margin: 0;
  text-transform:uppercase;
    font-weight: bold;
    color: #2e217b;
}
.gadget-platform h3 {
    color: #1b1b1b !important;
    font-size: 18px;
    line-height: 1.7;
    margin-bottom: 30px;
}
.gadget-start-now {
    padding: 12px 15px;
    background: #574aa6 0 0 no-repeat padding-box;
    box-shadow: 5px 18px 35px #d3eaf8;
    color: white;
    border-radius: 10px;
}
.electronic-online img {
    margin: 0 auto;
    padding-top: 50px;
}
.gadget-bg-color {
    background: #f6f4ff;
}
.gadget-store1 {
    padding: 80px 0;
}
.gadget-store1 h2 {
    font-size: 28px;
    line-height: 45px;
    margin-bottom: 40px;
    font-family: 'Roboto Bold';
    color: #2e2179;
}
.gadget-store1 h3 {
    color: #2e2179 !important;
    font-size: 18px;
  font-family: 'Roboto Bold';
    line-height: 1.7;
    margin-bottom: 15px;
}
.gadget-store1 p {
    color: #1b1b1b !important;
    font-size: 18px;
    line-height: 1.7;
    margin-bottom: 40px;
}
.top-feature-sec {
    background-image: url(https://www.ecommercewebsitedevelopmentchennai.in/wp-content/uploads/2020/11/Group-2710.jpg);
    transition: background .3s,border .3s,border-radius .3s,box-shadow .3s;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 70px;
    padding-bottom: 300px;
    text-align: center;
}
.top-feature-sec h2 {
    margin-bottom: 0;
    line-height: 48px;
    font-size: 28px;
    font-weight: 700;
    color: #fff !important;
    text-transform: uppercase;
}
.top-feature-carousel {
    margin-top: -250px;
}
.post-slide{
    background: #fff;
    margin: 20px 15px 20px;
    border-radius: 10px;
    padding: 20px;
  border: 1px solid #213E8C33;
  min-height:300px;
   -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -ms-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
}
.post-slide:hover{
box-shadow: 0px 14px 22px #00000033;
}
.post-slide .post-img{
    position: relative;
    margin-top:10px;
  
}
.post-slide .post-img img{
    height: auto;
  
}
.post-slide .post-content{
    background:#fff;
    }
.post-slide .post-title a {
    font-size: 16px;
    font-weight: bold;
    color: #1B1B1B;
    transition: all .3s ease 0s;
}
.post-slide .post-title a:hover{
    text-decoration: none;
    color:#2E217B;
}
.post-slide .post-description {
    line-height: 26px;
    color: #1B1B1B !important;
    margin-bottom: 25px;
    font-size: 15px;
}
.post-slide .post-date{
    color:#a9a9a9;
    font-size: 14px;
}
.post-slide .post-date i{
    font-size:20px;
    margin-right:8px;
    color: #CFDACE;
}
.post-slide .read-more{
    padding: 7px 20px;
    float: right;
    font-size: 12px;
    background: #2196F3;
    color: #ffffff;
    box-shadow: 0px 10px 20px -10px #1376c5;
    border-radius: 25px;
    text-transform: uppercase;
}
.post-slide .read-more:hover{
    background: #3498db;
    text-decoration:none;
    color:#fff;
}
.owl-controls .owl-buttons{
    text-align:center;
    margin-top:20px;
}
.owl-controls .owl-buttons .owl-prev{
    border: 1px solid #fff;
    position: absolute;
    top:50%;
    left:-40px;
    padding: 5px 18px 8px 15px;
    border-radius: 50px;
    
    transition: background 0.5s ease 0s;
}
.owl-controls .owl-buttons .owl-next{
    border: 1px solid #fff;
    position: absolute;
    top:50%;
    right: -40px;
    padding: 5px 15px 8px 18px;
    border-radius: 50px;
    
    transition: background 0.5s ease 0s;
}
.owl-controls .owl-buttons .owl-prev:after,
.owl-controls .owl-buttons .owl-next:after{
    content:"\f104";
    font-family: FontAwesome;
    color: #fff;
    font-size:30px;
}
.owl-controls .owl-buttons .owl-next:after{
    content:"\f105";
}
@media only screen and (max-width:1280px) {
    .post-slide .post-content{
        padding: 0px 15px 25px 15px;
    }
}
ul.gadget-extra {
    columns: 2;
    column-gap: 50px;
    list-style: none;
    line-height: 2;
    color: #1B1B1B;
    font-size: 15px;
    padding: 0;
}
.gadget-store2 {
    padding: 80px 0;
}
.gadget-store2 h2 {
    font-size: 28px;
    line-height: 45px;
    margin-bottom: 40px;
    font-family: 'Roboto Bold';
    color: #2e2179;
}
.mob-area2 {
    padding-bottom: 100px;
    padding-top: 100px;
}
.mob-area2 h2 {
    font-size: 28px;
    line-height: 1.5;
    color: #213E8C;
  letter-spacing: 0.5px;
  font-weight:700;
}
.mob-area2 p {
    line-height: 2;
    color: #213E8C;
    font-size: 17px;
}
.prospects-section {
  background:#5749A6;
    position: relative;
    z-index: 2;
    padding-bottom: 50px;
  padding-top: 50px;
}
.prospects-section h2 {
    margin-bottom: 0;
    line-height: 48px;
    font-size: 28px;
    font-weight: 700;
    color: #fff !important;
    text-transform: uppercase;
}
.prospects-section .col {
    width: 20%;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
}
span.stepicon1 img {
    width: 70px;
    margin-top: 0;
    margin-bottom: 20px;
    text-align:left;
}
.gadt-img{
position: relative;
    max-width: 700px;
    left: -100px;
    top: 50px;}
.prospects-section .widget-step-serv {
    text-align: left;
  min-height: 290px;
    padding: 30px 20px 20px 20px;
}
.prospects-section .widget-step-serv .content-box p{
color:#1B1B1B;
  font-size:14px;
font-weight:500;}
.mt-50 {
    margin-top: 50px;
}
.gadget-store2 p {
    line-height: 2;
    color: #1B1B1B !important;
    font-size: 16px;
    margin-bottom: 30px;
}
.mobile-img1 img {
    position: absolute;
    width: 400px;
    top: -110px;
}
.multivendor-sec {
    padding-top: 80px;
    padding-bottom: 80px;
}
.multivendor-sec h2 {
    font-size: 28px;
  text-align:center;
    line-height: 45px;
    margin-bottom: 40px;
    font-family: 'Roboto Bold';
    color: #2e2179;
}
.multivendor-sec .widget-step-serv .content-box p{
color:#1B1B1B;
  font-size:15px;
font-weight:500;}
.multivendor-sec .widget-step-serv {
    min-height: 380px;
    text-align: left;
  border: 1px solid #213E8C33;
}
.gad-online {
    background:#5749A6;
    padding: 70px 0;
}
.gad-online h2 {
    line-height: 48px;
    font-size: 38px;
    font-weight: 700;
    color: #fff !important;
    margin-bottom: 30px;
}
.gad-online p {
    font-size: 18px;
    color: #fff !important;
    margin-bottom: 50px;
}
.online1-button {
    background: #1C96DC 0% 0% no-repeat padding-box;
    box-shadow: 5px 18px 35px #2E217B;
    border-radius: 12px;
    color: white;
    padding: 12px 15px;
    font-size: 20px;
}
.gad-faq {
    padding: 80px 0;
}
.gad-faq h2 {
    font-size: 28px;
    text-align: center;
    line-height: 45px;
    margin-bottom: 40px;
    font-family: 'Roboto Bold';
    color: #2e2179;
}
.gadquery h3 {
    color: #2E217B !important;
    font-size: 20px;
    font-weight: 900;
    margin-bottom: 20px;
}
.gadquery p {
    font-size: 18px;
    color: #1B1B1B !important;
    margin-bottom: 50px;
}
@media screen and (max-width:768px){
   .hide-mob{
  display:none;}
  .show-mob{
  display:block;
  width:50%;
  margin:0 auto;
  text-align: center;}
  .gadget-slide-image img {
    width: 450px;
    display: block;
    margin: 0 auto;
}
  .mobile-img1 img {
    position: relative;
    width: 100%;
    top: 0;
}
  .gadt-img {
    position: relative;
    max-width: 100%;
    left: 0;
    top: 0;
}
  .multivendor-sec .widget-step-serv {
  margin-bottom:30px;}
  .multivendor-sec .mt-50 {
    margin-top: 0;
}
  .owl-controls .owl-buttons .owl-prev{
  top: -30px;
    left: 0;}
  .owl-controls .owl-buttons .owl-next{
  top: -30px;
    right: 0;}
  .mob-area2 {
    padding-bottom: 30px;
    padding-top: 30px;
}
  .gadget-store2 h2 br{
  display:none;
}
  .prospects-section .col{
  width: 100%;
  margin-bottom: 20px;}
  .gadget-slide-title
  {text-align: center;
  font-size:20px;}
  .gadget-slide-subtitle{
text-align: center;
    font-size: 18px;}
  .electronic-online h2 {
    font-size: 25px;}
  .gadget-store1 h2 {
    font-size: 25px;}
  .top-feature-sec h2 {
    font-size: 25px;}
  .mob-area2 h2 {
    font-size: 25px;}
  .gadget-store2 h2 {
    font-size: 25px;}
  .prospects-section h2{
    font-size: 25px;}
  .gadget-store2 h2 {
    font-size: 25px;}
  .mob-area2 h2 {
    font-size: 25px;}
  .multivendor-sec h2 {
    font-size: 25px;}
  .gad-online h2{
    font-size: 25px;}
  .gad-faq h2{
    font-size: 25px;}
}
.gadget-slider-content {
    margin-top: 50px;
}