.intro-left {
    width: 510px;
    float: left;
    top: 25px;
    margin: 50px 0 0 0;
    text-align: left;
}
.intro-right {
    width: 460px;
    float: right;
    margin:30px 0 0px;
}
h1.giant.home {
    font-size: 2.4em !important;
    color: #fff;
    margin-bottom: 20px;
    text-align: left;
}

#bottle {
    height: 541px;
    width: 446px;
    background: url(../img/bottle.png) top left no-repeat;
    position: relative;
}
#bottle .sprite {
    height: 541px;
    width: 446px;
    background-image: url(../img/sprite.png);
    background-position: 0 0;
    position: absolute;
    margin: -8px 0 0 -2px;
    top: 0;
    left: 0;
    z-index: 5;
}

#bottle .sprite.strategy {
    background-position: 0px -4255px;
}

#bottle a.strategy {
    height: 101px;
    left: 0px;
    top: 321px;
    width: 104px;
}
#bottle a.ecommerce {
    height: 101px;
    left: 148px;
    top: 221px;
    width: 104px;
}
#bottle a.email {
    height: 66px;
    left: 09px;
    top: 153px;
    width: 76px;
}
#bottle a.web {
    height: 60px;
    left: 104px;
    top: 149px;
    width: 69px;
}
#bottle a.design {
    height: 79px;
    left: 309px;
    top: 360px;
    width: 78px;
}
#bottle a.user {
    height: 94px;
    left: 294px;
    top: 220px;
    width: 97px;
}
#bottle a.content {
    height: 41px;
    left: 117px;
    top: 334px;
    width: 41px;
}
#bottle a.search {
    height: 60px;
    left: 167px;
    top: 80px;
    width: 69px;
}
#bottle a.develoment {
    height: 120px;
    left: 147px;
    top: 380px;
    width: 99px;
}
#bottle a.brand {
    height: 52px;
    left: 235px;
    top: 158px;
    width: 57px;
}
#bottle .sprite_background {
	height: 541px;
	width: 446px;
	background-image: url(../img/sprite.png); 
	background-position: 0 0;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 5;
}


#bottle a {
    position: absolute;
    display: block;
    text-indent: -9999em;
    overflow: hidden;
    z-index: 200;
    border: 0px solid;
}

#bottle .sprite.strategy {
	background-position: 0px -4255px
}

#bottle .sprite.ecommerce {
	background-position: -1px -2634px
}
#bottle .sprite.develoment {
	background-position: 0 -4754px
}
#bottle .sprite.brand {
	background-position: 0 -559px;
}
#bottle .sprite.email {
	background-position: 0 -2191px;
}



#bottle .sprite.web {
	background-position: 0 -1730px;
}



#bottle .sprite.design {
	background-position: -1px -5300px;
}



#bottle .sprite.user {
	background-position: 0 -3210px;
}



#bottle .sprite.content {
	background-position: -1px -3832px;
}


#bottle .sprite.search {
	background-position: 0 -1192px;
}

#bottle a:hover {
}

h2.big {
    font-size: 1.6em !important;
    
    *clear: both;
    *width: 400px;
}

.pink {
    background: #b21563;
    color: #fff;
}

.off-left {
    margin: 0 0 4px -2500px !important;
    padding: 0 30px 0 2500px !important;
    float: left !important;
    line-height: 1.88em !important;
}

.navbar-wrapper .navbar-inner {
	border-radius:0;
}

.navbar .brand {
    margin: 20px 0 0;
    padding: 0;
    width: 100%;
    text-align: center;
}

.nav-collapse.collapse {
    height: auto !important;
    overflow: visible !important;
    display: inline-block;
    margin: 0 auto;
    text-align: center;
    width: 100% !important;
	float:none;
}
.navbar .nav {
    position: relative;
    left: 0;
    display: inline-block;
    float: none !important;
    margin: 0 auto !important;
    margin: 0;
	width: 100%;
}


.navbar .nav > li {
    float: left;
    width: 20%;
	 transition: .2s linear all;
}
/* menu code start */

ul#menu-main{margin:20px 0 0 !important; position: relative;
top: 4px; }

ul#menu-main > li > a{
font-size: 24px;
text-transform: uppercase;
color:#fff !important;
font-family: "open sans";
padding:19px 15px !important;
   
}

ul#menu-main > li > a:hover{
	padding:19px 15px !important;
}

.about_menu{
	background:#09D2D9;
}
.service_menu{
	background:#DF726D;
	position:relative;
	display:inline-block;
}

/*webinsect custom css start*/

ul.service-submenu , ul.product-submenu{
	list-style-type:none;
	border-top:1px solid #1c1c1c;
	box-shadow: 0 5px 13px rgba(0, 0, 0, 0.2);
}
ul.service-submenu li a , ul.product-submenu li a {
	color: #fff;
    font-size: 17px;
    padding: 10px 0 10px 11px;
	float:left;
    text-transform: uppercase;	
	width:100%;
	text-align:left;
	text-decoration:none;
	font-weight:600;
	line-height:normal;
	box-sizing: border-box;
}
ul.service-submenu li a:hover {
	background:#d1645f;	
}

ul.product-submenu li a:hover{
	background:#2071A6;	
}

.product-submenu{
	display:none;
	position:absolute;
	width:100%;
	/*min-height:175px;*/
	z-index:1;
	background: #50A1D6 none repeat scroll 0 0;
	opacity:0;
}

.service-submenu {
	display:none;
	position:absolute;
	width:100%;
	min-height:175px;
	z-index:1;
	background: #df726d none repeat scroll 0 0;
	opacity:0;
}

@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
@media (min-width:800px) and (max-width: 979px) {
	.product-submenu{
		width:130%;	
	}	
	.service-submenu{
		width:130%;	
	}
	ul.product-submenu li a{
		padding-left:9px;	
	}	
	ul.service-submenu li a{
		padding-left:9px;	
	}
}
@media (max-width:799px){
	ul.product-submenu li a{
		border-bottom:1px solid #2071A6;
		text-align:center;
		width:100%;
	}
	ul.service-submenu li a{
		border-bottom:1px solid #d96c67;
		text-align:center;
		width:100%;
	}
}
/*webinsect custom css end*/

.work_menu{
	background:#1BAC91;
}
.product_menu{
	background:#50A1D6;
}
.contact_menu{
	background:#F36F36;
}
.navbar-inverse .navbar-inner{
	border:none;
}

.about_menu:hover{
	background:#10A2A9;
}
.service_menu:hover{
	background:#BF524D;
}
.work_menu:hover{
	background:#006C51;
}
.product_menu:hover{
	background:#2071A6;
}
.contact_menu:hover{
	background:#C33F10;
}

@media only screen and (min-width: 240px) and (max-width: 800px)  {
	.nav-collapse.collapse{
	/*	display:none !important;	*/
	}
	.navbar .nav > li {
		width:100%;	
	}
	.howdo_left ul{
		width:140px;
		margin:0 auto;
	}
	
	.navbar h1.brand {
		margin-bottom:20px;
	}
	
	#menubtn {
		position: absolute;
		right: 2%;
		margin: 0;
		top: 5%;
	}
	
	.mobmenu {
		/*height: 0;*/
		overflow: auto;
		-webkit-transition: all 300ms ease;
		-moz-transition: all 300ms ease;
		-o-transition: all 300ms ease;
		transition: all 300ms ease;
	}
	
	.nav-collapse.collapse.mobmenu{
		left: -100%;
		position: fixed;
		top: 0;
		width:60% !important;
		z-index: 1;
		height: 100% !important;
		background: #000;
		margin-bottom: 10%;
	}
	
	.mobmenu #menu-main li a {
		text-align: left;
		padding-left: 35px !important;
	}
	
	.mobmenu #menu-main li a:hover {
		padding-left: 35px !important;
	}
	
	.navbar-inverse .nav-collapse #menu-main > li > a:focus {
		background:inherit;
	}
	
	/*#menu-main li.service_menu:hover .service-submenu , #menu-main li.product_menu:hover .product-submenu {
		display:none;
	}*/
	
	.open-menu #menu-main li .open-submenu {
		display:block;
		opacity: 1;
		float: left;
		/*max-height: 125px;*/
		height: 100%;
		overflow-y: auto;
		position:inherit;
	}
	
	.open-menu #menu-main li .open-submenu li {
		width: 100%;
		float: left;
	}
	
	#menu-main li .open-submenu li a {
		font-size:15px;
		background: #f2f2f2;
		color: #8d8884;
		border-bottom: none;
		padding-left: 45px !important;
	}
	
	#menu-main li .open-submenu li:first-child a {
		padding-top:15px;
	}
	
	#menu-main li .open-submenu li:last-child a {
		padding-bottom:15px;
	}
	
	#menu-main li .open-submenu li a:hover {
		padding-left: 45px !important;
	}
	
	#menu-main li .product-submenu.open-submenu li a:hover {
		color: #2071A6;
	}
	
	#menu-main li .service-submenu.open-submenu li a:hover {
		color: #BF524D;
	}
	
	#menu-main li .open-submenu li a i {
		position: absolute;
		left: 35px;
		line-height: 20px;
		font-size: 15px;
	}
	
	.nav-collapse.collapse.mobmenu.open-menu {
		left: 0;
	}
	.active-menu {
		/*height: 370px;*/
		left: 0;
	}
	
	body.offer-service .active-menu {
		height: 318px;
	}
	
	ul#menu-main {
		top:0;
		margin:0 !important;
		max-height: 100%;
		overflow-y: auto;
	}
	
	ul#menu-main li a i.sub-menu {
		display: inline-block;
		position: absolute;
		right: 0;
		font-size: 30px;
		line-height: 27px;
		padding: 19px 15px;
		top: 0;
	}

	/*.navbar .nav > li {
		float: left;
		width: 100% !important;
		transition: .2s linear all;
	}*/

}

@media (max-width : 480px) {
	.navbar .nav > li {
		float: left;
		width: 100% !important;
		transition: .2s linear all;
	}
	.navbar-inner .btn-navbar {
		margin: 20px 10px 0 0;
	}	
	.nav-collapse.collapse.mobmenu{
		width:80% !important;	
	}
	ul.product-submenu li a{
		box-sizing:	border-box;	
	}
	ul.service-submenu li a{
		box-sizing:	border-box;	
	}
}

@media (max-width : 360px) {
	h2.big {
   		font-size: 1.4em !important;
	}
	.off-left {
		padding: 0 20px 0 2500px !important;
		line-height: 1.4em !important;
	}
}


.howwedo_left{ 
	float:left;
	width:50%;
}

.howwedo_right{ 
	float:left;
	width:50%;
}

.howbtn1:hover + .how_content1
{
	display:block !important;
}


.aboutmore{
margin:0;
width:80px;
text-align:center;
}

.aboutmore a{
background:#FF3E9E;
border-radius:5px;
width:100%;
font-size:14px;
display:inline-block;
color:#fff;
text-decoration:none;
font-weight:normal;
padding:7px 15px;
}

.aboutmore a:hover{
background:#f39c12;
}

<!-- new page css-->
body.offer-service .container {
	padding-left:10px;
	padding-right:10px;
}
body.offer-service .col-md-9, .col-md-12 {
    position: relative;
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
}
.offer-service h1, .offer-service h2, .offer-service h3, .offer-service h4, .offer-service h5, .offer-service h6 {
	color:#333;
}
body.offer-service h2 {
	color:#8d8884;
}
body.offer-service h5 {
	margin:0px;
	color: #848484;
}

.main_services {
    padding-top: 74px;
}
.main_services {
    padding-top: 0px;
	margin-bottom: 75px;
}
.block {
    display: block;
    position: relative;
}
section {
    background: linear-gradient(to top, #fdfdfd, #fff);
    width: 100%;
}

.main_services p {
    color: #3d3640;
    font-size: 16px;
    letter-spacing: 0.50px;
    width: 80%;
	line-height: 1.42857143;
	margin: 15px 0;
}

.main_services h6{
	margin-bottom: 20px;
	font-size:14px
}

.main_services img {
    width: 86.2%;
    margin-left: -2px;
	
}
section h1 {
	font-size: 46px;
	letter-spacing: 0.2px;
	width: 66%;
	line-height: 58px;
	margin: 0;
}
section h3 {
	font-size: 29px;
	margin: 0;
}
section h2 {
    font-size: 30px;
    font-weight: 300;
    letter-spacing: 0.2px;
    color: #8d8884;
    line-height: 35px;
	margin: 0;
}
section img {
	object-fit: cover;
	width: auto;
	vertical-align: middle;
}
/*.col-md-9 {
	width: 75%;
	float:left;
}*/
.service-webinsect {
    padding-top: 100px;
    /*letter-spacing: 0.3px;*/
    padding-bottom: 50px;
    background-color: #fefefe;
}
.service-webinsect h2 {
    margin-top: 8px;
    width: 71%;
}
.manager_boxes {
    /*margin-top: 54px;*/
	margin-top: 40px;
    padding-left: 5px;
}

.manager_boxes h6 {
	margin-bottom: 20px;
	font-size:14px;
	/*display: list-item;*/
}

.manager_boxes .managebox {
    display: inline-block;
    width: 23.9%;
    vertical-align: top;
}
.managebox p {
    padding-right: 17px;
    font-size: 15px;
    line-height: 22px;
    letter-spacing: 0.3px;
    margin-top: 12px;
    font-weight: bold;
}
.features {
    padding-top: 50px;
    padding-bottom: 50px;
    background-color: #fdfdfd;
}
.tabs {
    margin-top: 29px;
}
.features .tabs-nav {
    /*width: 89.6%;*/
	width: 80%;
}
.features h2 {
    margin-top: 12px;
    width: 64%;
}
.tabs-nav {
    border-bottom: 2px solid #f3f3f3;
    width: 61%;
}
.tabs-nav a.tab-button:first-child {
    padding-left: 9px;
}
.tabs-nav a.tab-button {
    display: inline-block;
    padding: 0 9px 8px;
    position: relative;
    transition: 0.7s;
}
.tabs-nav a.tab-button:hover, .tabs-nav a.tab-button:focus {
    text-decoration: none;
}
a:active, a:hover {
    outline: 0;
}
.tabs-nav a.tab-button:last-child {
    padding-right: 48px;
}

.features .tabs .tab-content.active {
    visibility: visible;
    position: relative;
}
.features .tabs .tab-content {
    visibility: hidden;
    overflow: hidden;
    position: absolute;
    top: 0;
    display: block;
    padding-top: 0;
    margin-top: 30px;
}
.tabs .tab-content.active {
    visibility: visible;
    position: relative;
}
.tabs .tab-content img {
    width: 99%;
}
.features .tab-content {
    display: none;
}
.features .tab-content {
    margin-top: 47px;
    margin-left: -6px;
}
.tabs-nav a.tab-button:hover h5 {
    color: #ff838f;
}
.tabs-nav a.tab-button.active h5 {
    color: #ff838f;
}
.tabs-nav a.tab-button.active::after, .tabs-nav a.tab-button:hover::after {
    content: '';
    background-color: #ff838f;
    display: block;
    position: absolute;
    left: -2px;
    height: 2px;
    bottom: -2px;
    right: -2px;
    width: auto;
    transition: 0.5s;
}
.integrations {
    padding-top: 50px;
    padding-bottom: 50px;
}
.integrations h2 {
    margin-top: 5px;
    width: 70%;
    letter-spacing: 0px;
}
.integrations .tabs-nav {
    width: 89.6%;
}
.integrations .tabs .tab-content.active {
    visibility: visible;
    position: relative;
}
.integrations .tabs .tab-content {
    visibility: hidden;
    overflow: hidden;
    position: absolute;
    top: 0;
    display: block;
    padding-top: 0;
    margin-top: 30px;
}
.integrations .tab-content {
    display: none;
}
.integrations .tab-content {
    margin-top: 47px;
    margin-left: -6px;
}
.integrations .tab-content img {
    display: inline-block;
    width: 20%;
    margin-right: 28px;
    margin-bottom: -14px;
    height: 81px;
}
.working {
    padding-top: 70px;
    padding-bottom: 100px;
}
.working h2 {
    margin-top: 4px;
}
.working .steps-block {
    margin-top: 28px;
}
.all-numbers {
    margin-bottom: 23px;
}
.working .all-numbers .number {
    display: inline-block;
    border: 2px solid #c6c6c6;
    border-radius: 50%;
    height: 50px;
    width: 50px;
    text-align: center;
    line-height: 50px;
    font-size: 17px;
    color: #ff3436;
    position: relative;
    margin-right: 184px;
    font-weight: bold;
}
.working .all-numbers .number:first-child::after, .working .all-numbers .number:nth-child(2)::after {
    content: '';
    display: inline-block;
    background-color: #ff3436;
    width: 189px;
    position: absolute;
    top: 50%;
    height: 3px;
    left: 104%;
}
.step {
    float: left;
    width: 32.1%;
}
.step h5 {
    color: #2f2f2f;
    font-size: 17px;
}
.step p {
    margin-top: 9px;
    font-size: 16px;
    padding-right: 61px;
    color: #2e2c2d;
    letter-spacing: 0.3px;
}
body .request-demo {
    width: 260.5px;
    right: 11%;
    position: fixed;
}
.request-demo {
    margin-left: -9px;
    margin-right: -9px;
    position: absolute;
	top: 215px;
    width: 260.5px;
    right: 11%;
    z-index: 5000;
}
.request-demo form {
    background: #fbfbfb;
    border: 2px solid #e4e4e4;
    border-radius: 6px;
    /*padding: 24px 21px 33px 28px;*/
	padding: 5px 16px 10px 16px;
}
.request-demo form input {
    width: 100%;
	margin-bottom: 10px;
    padding: 4px 7px;
    border: 2px solid #ececec;
    border-radius: 2px;
    font-size: 14px;
    color: #6f6f6f;
	height:27px;
}
.request-demo form input:focus {
    border-color: #ececec !important;
    box-shadow: none !important;
	color: #6f6f6f;
}
.request-demo .contactForm textarea {
	height: 90px;
	margin-bottom: 10px;
}
.request-demo .field .validation {
	margin: -10px 0 5px;
}
.request-demo form h4 {
    margin-top: 0;
    margin-bottom: 8px;
    font-size: 22px;
    letter-spacing: 0.23px;
    line-height: 26px;
}
.request-demo #sendmessage {
	padding:5px 0;
}
.request-demo form p {
    margin-top: 0;
    margin-bottom: 4px;
    color: #6f6f6f;
    letter-spacing: -0.2px;
    padding-left: 3px;
}
.bold {
    font-weight: bold;
}
button {
    -webkit-appearance: button;
    cursor: pointer;
}
.pink-button {
    display: inline-block;
    position: relative;
    color: #fff;
    background-color: #ff5c63;
    border: 1px solid transparent;
    padding: 7px 42px 7px 46px;
    margin-top: 5px;
    font-weight: bold;
}
footer.end-footer {
	padding:25px 0;
}
footer.end-footer .container .row {
	margin-bottom:0;
}
.chat_scroll {
	position: fixed;
	width: 50px;
	z-index: 1111;
	bottom: 3px;
	left: 4px;
	background: #333;
	border-radius: 50%;
	padding: 15px;
	display:none;
}
.chat_scroll:hover {
	background: #26c8aa;	
}

@media (max-width: 1200px) {
	.tabs-nav {
		width: 69%;
	}
	.features .tabs-nav {
		/*width: 95%;*/
		width: 80%;
	}
	.integrations .tabs-nav {
		width: 100%;
	}
	.integrations .tabs-content img {
		width: 27%;
	}
	.working .all-numbers .number {
		margin-right: 162px;
	}
	.working .all-numbers .number:first-child::after, .working .all-numbers .number:nth-child(2)::after {
		width: 166px;
	}
}

@media (max-width: 1024px) {
	.integrations .tabs-nav {
		width: 93%;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px)  {
	.integrations .tabs-nav a.tab-button {
		padding: 0 17px 8px;
	}
}

@media (min-width: 768px) {
	.container {
		width: 740px;
	}
	body.offer-service #contact.green {
		display:none;
	}
}

@media (min-width: 992px) {
	.container {
		width: 960px;
	}
	.col-md-9 {
		width: 75%;
	}
	.col-md-9, .col-md-12 {
		float: left;
	}
}

@media (max-width: 991px) {
	body.offer-service h1 {
		width: 90%;
	}
	.manager_boxes .managebox {
		width: 44%;
		margin-right: 20px;
	}
	.managebox p {
		padding-right: 0;
	}
	.features h2, .integrations h2 {
		width: 85%;
	}
	.features .tabs-nav {
		/*width: 95%;*/
		width: 80%;
	}
	.working .all-numbers .number {
		margin-right: 113px;
	}
	.working .all-numbers .number:first-child::after, .working .all-numbers .number:nth-child(2)::after {
		width: 116px;
	}
	.step {
		width: 32%;
	}
	.step p {
		padding-right: 19px;
	}
	body.offer-service .navbar-inner h1.brand{
		margin-left: 0px;
	}
}

@media (min-width: 1200px) {
	body.offer-service .container {
		width: 1030px;
	}
	body.offer-service footer .container , .container {
		width: 1170px;
	}
}

@media (max-width: 768px) {
	.main_services {
		padding-top: 13px;
	}
	body.offer-service .container {
		padding-left:10px;
		padding-right:10px;
	}
	.request-demo {
		display: none;
	}
	body.offer-service #header-wrapper {
		display: none;
	}
	.main_services img {
		margin-top: 0;
		width: 100%;
		margin-left: -20px;
	}
	.service-webinsect {
		padding-top: 40px;
	}
	.service-webinsect h2 {
		width: 100%;
	}
	.manager_boxes .managebox {
		width: 47%;
		margin-right: 0;
		margin-bottom: 30px;
	}
	.managebox img {
		width: 30%;
	}
	.managebox p {
		padding-right: 85px;
	}
	.features {
		padding-top: 50px;
	}
	.features .tabs-nav {
		width: 100%;
	}
	.tabs-nav a.tab-button, .tabs-nav a.tab-button:first-child, .tabs-nav a.tab-button:last-child {
		padding-left: 0;
		padding-right: 0;
		width: 32%;
		text-align: center;
		padding-bottom: 15px;
	}
	.features .tabs-nav a.tab-button:first-child, .features .tabs-nav a.tab-button:nth-child(2), .features .tabs-nav a.tab-button:nth-child(3) {
		margin-bottom:10px;
	}
	.integrations h5 {
		letter-spacing: -1.4px;
	}
	.integrations .tabs-content {
		/*margin-left: -20px;*/
		margin-left: 0px;
	}
	.integrations .tabs-nav a.tab-button {
		/*width: 19%;*/
		width: 49%;
	}
	.integrations .tab-content img {
		margin-right:25px;	
	}
	.working {
		padding-bottom: 0;
	}
	.all-numbers {
		float: left;
		margin-right: 60px;
	}
	.working .all-numbers .number {
		margin-right: 153px;
	}
	.working .all-numbers .number {
		display: block;
		margin-right: 0;
		margin-bottom: 62px;
		width: 80px;
		height: 81px;
		line-height: 80px;
	}
	.working .all-numbers .number:first-child::after, .working .all-numbers .number:nth-child(2)::after {
		width: 156px;
	}
	.working .all-numbers .number:first-child::after, .working .all-numbers .number:nth-child(2)::after {
		top: 102%;
		width: 3px;
		height: 64px;
		left: 48%;
	}
	.steps-block-content {
		width: 50%;
		float: left;
	}
	.step {
		float: none;
		display: block;
		width: 69%;
		margin-bottom: 51px;
	}
	.chat_scroll {
		display: block;
	}
}

@media (max-width: 500px) {
	body.offer-service h1 {
		width: 100%;
	}
	.main_services p {
		margin: 15px 0;
	}
	.manager_boxes .managebox {
		margin-bottom: 21px;
	}
	.managebox p {
		padding-right: 20px;
	}
	.features {
		/*padding-top: 35px;*/
		padding-top: 15px;
	}
	.tabs-nav {
		width: 100%;
	}
	.features .tabs-nav {
		width: 98%;
	}
	.features .tabs-nav a.tab-button, .features .tabs-nav a.tab-button:first-child {
		width: 49%;
		margin-bottom: 14px;
		padding-bottom: 10px;
	}
	.features .tabs-nav a.tab-button:nth-child(5) {
		margin-bottom:0px;
	}
	.tabs-nav a.tab-button, .tabs-nav a.tab-button:first-child, .tabs-nav a.tab-button:last-child {
		padding: 0 0 20px;
		padding-bottom: 20px;
	}
	.integrations .tabs-nav a.tab-button, .tabs-nav a.tab-button:first-child {
		width: 49%;
		padding-bottom: 10px;
		/*width: 32.4%;
		margin-bottom: 10px;*/
	}
	
	.features .tabs-nav a.tab-button:nth-child(3), .features .tabs-nav a.tab-button:last-child {
		margin-bottom: 0;
		width: 49%;
		padding-bottom: 10px;
	}
	.integrations h2 {
		width: 101%;
		letter-spacing: -0.9px;
	}
	.integrations .tabs-nav {
		width: 100%;
	}
	.integrations .tabs-nav a.tab-button:nth-child(4), .integrations .tabs-nav a.tab-button:last-child {
		margin-bottom: 0;
	}
	.integrations .tabs-content {
		margin-left: 0;
	}
	.integrations .tab-content {
		margin-left: 0;
	}
	.integrations .tabs-content img {
		width: 41.2%;
	}
	.working {
		padding-bottom: 60px;
	}
	.working h2 {
		width: 84%;
	}
	.working .all-numbers .number {
		margin-bottom: 97px;
	}
	.working .all-numbers .number:last-child {
		margin-bottom: 0;
	}
	.working .all-numbers .number:first-child::after, .working .all-numbers .number:nth-child(2)::after {
		height: 98px;
	}
	.steps-block-content {
		width: 57%;
	}
	.step {
		width: 90%;
		margin-bottom: 86px;
	}
	.step:last-child {
		margin-bottom: 0;
	}
	.step p {
		padding-right: 0;
	}
}

@media (max-width: 400px) {
	.main_services img {
		margin-left: 0;
	}
	.manager_boxes .managebox {
		width: 48%;
		margin-right: 1px;
	}
	.managebox img {
		width: 47%;
	}
	.managebox p {
		padding-right: 0px;
	}
	.integrations {
		padding-bottom: 40px;
	}
	.integrations .tabs-content img {
		width: 100%;
		margin-bottom: -30px;
		height: auto;
	}
	.working {
		padding-top: 50px;
	}
	.working h2 {
		width: 93%;
	}
	.steps-block-content {
		width: 53%;
	}
	.step {
		margin-bottom: 74px;
	}
}



/* About us */

.about_block1 h2{
    padding-bottom: 20px;
    margin: 0;
    font-size: 36px;
    color: #fff;
    font-weight: bold;
	font-family:'open sans';
}

.about_block2 h2{
    padding-bottom: 20px;
    margin: 0;
    font-size: 36px;
    color: #fff;
    font-weight: bold;
	font-family:'open sans';
}
.about_block3 h2{
    padding-bottom: 20px;
    margin: 0;
    font-size: 36px !important;
    color: #fff;
    font-weight: bold;
	font-family:'open sans';
}

.about_us p {
    margin-top: 9px;
    font-size: 16px;
    padding-right: 61px;
    color: #2e2c2d;
    letter-spacing: 0.3px;
}

.about_block1{
	/*margin-top:30px;
     background:#25affa;	*/
	padding-bottom:30px;
	color: #fff;
	font-family: 'open sans';
	font-weight: normal;
	text-align:left;
	padding:20px 20px 20px;
	display: inline-block;
	/*width:100%;*/
	font-size:24px;
	line-height:140%;

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#aebcbf+0,6e7774+67,0a0e0a+67,0a0809+100 */
	background: #6f3662;
	background: -moz-linear-gradient(-45deg, #6f3662 0%, #42203a 70%, #6f3662 70%, #6f3662 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, #6f3662 0%,#42203a 6770%,#6f3662 70%,#6f3662 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, #6f3662 0%,#42203a 70%,#6f3662 70%,#6f3662 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#25affa', endColorstr='#03537e',GradientType=1 ); /* IE6-9 fallback on horizontal */
	margin-bottom:20px;

	
}
.about_block2{
	background:#f2c50d;
	padding-bottom:30px;
	color: #fff;
	font-family: 'open sans';
	font-weight: normal;	
	text-align:left;
	padding:20px 20px 20px;
	display: inline-block;
	/*width:100%;*/
	font-size:24px;
	line-height:140%;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#aebcbf+0,6e7774+67,0a0e0a+67,0a0809+100 */
background: #ffa8b3;
background: -moz-linear-gradient(45deg, #ffa8b3 0%, #ffa8b3 26%, #ff6c7e 26%, #ffa8b3 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg, #ffa8b3 0%,#ffa8b3 6770%,#ff6c7e 26%,#ffa8b3 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg, #ffa8b3 0%,#ffa8b3 26%,#ff6c7e 26%,#ffa8b3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#25affa', endColorstr='#03537e',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
margin-bottom:20px;

	
}
.about_block3{
	background:#fb6a84;
	padding-bottom:30px;
	color: #fff;
	font-family: 'open sans';
	font-weight: normal;
	text-align:left;
	padding:20px 20px 20px;
	display: inline-block;
	/*width:100%;*/
	font-size:24px;
	line-height:140%;
	
	
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#aebcbf+0,6e7774+67,0a0e0a+67,0a0809+100 */
background: #ffae5d;
background: -moz-linear-gradient(-45deg, #ffae5d 0%, #ffae5d 70%, #773c00 70%, #ffae5d 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #ffae5d 0%,#ffae5d 6770%,#773c00 70%,#ffae5d 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #ffae5d 0%,#ffae5d 70%,#773c00 70%,#ffae5d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#25affa', endColorstr='#03537e',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	
	
}

.about_content_part1{
	margin-top:50px !important;
	 background: #13b6c4 !important;
}

.about_content_part {
    text-align: center;
    background: #f1563f;
    padding: 20px 20px 20px;
    margin-bottom: 20px;
    /* border: 10px inset #333; */
    font-size: 24px;
    color: #fff;
    line-height: 140%;
    font-style: italic;
}

.aboutimg{
	text-align:center;
}

.about_us .about_block3 {
    margin-bottom: 50px;
}

.checklist_main {
    list-style-type: none !important;
    margin-left: 0;
    clear: both;
    margin-top: 50px;
    margin-bottom: 0;
    display: inline-block;
}

.checklist_main li {
    margin-bottom: 10px;
	float:left;
	padding:0 10px;
	border-right:#e9e9e9 0px solid;
	width:47%;
}

.checklist_main li:last-child {
	border-right:#e9e9e9 0px solid;
}

.checklist_main li:before {
    margin-right: 10px;
    font-size: 18px;
    width: 27px;
    padding-top: 3px;
    height: 27px;
    text-align: center;
    border-radius: 50%;
    float: left;
    content: '\2713' !important;
    background: #00d074;
    font-family: icons;
    color: #fff;
    border: #00d074 1px solid;
    display: inline-block;
    position: relative;
    top: -4px;
}
.checklist_main h3{
	/*color:#fff;*/
	font-size:16px;
	padding: 0 0 17px 0;
}


.last_checklist{
	border-top: #00d074 3px solid;
}

.checklist {
    list-style-type: none !important;
    margin-left: 0;
    margin-bottom: 0;
	margin-top: 30px;
}

.checklist li {
    padding-left: 35px;
    margin-bottom: 10px;
	color:#f4f4f4;
	float:left;
	font-size: 16px;
	clear:both;
}

.checklist li:before {
    margin-right: 10px;
	font-size: 14px;
    width: 24px;
	padding-top: 2px;
	height: 24px;
	text-align:center;
	border-radius:50%;
    content: '\2713' !important;
    font-family: icons;
    color: #00d074;
	border: #00d074 1px solid;
    display: inline-block;
}





.checklist_main_second {
    list-style-type: none !important;
    margin-left: 0;
    clear: both;
    margin-top: 50px;
    margin-bottom: 50px;
    display: inline-block;
}

.checklist_main_second li {
    margin-bottom: 10px;
	float:left;
	padding:0 10px;
	border-right:#e9e9e9 0px solid;
	width:31%;
}

.checklist_main_second li:last-child {
	border-right:#e9e9e9 0px solid;
}
.cmsTopPara h1{ 
	text-transform: uppercase; 
	width: 100%;
    font-size: 36px;
	line-height:1.1;
}
.checklist_main_second li:before {
    margin-right: 10px;
    font-size: 18px;
    width: 27px;
    padding-top: 3px;
    height: 27px;
    text-align: center;
    border-radius: 50%;
    float: left;
    content: '\2713' !important;
    background: #00d074;
    font-family: icons;
    color: #fff;
    border: #00d074 1px solid;
    display: inline-block;
    position: relative;
    top: -2px;
}
.checklist_main_second h3{
	font-size:20px !important;
	padding: 0 0 17px 0;
}

.cmsTopPara{
	padding: 40px 0 0 0;
}

.checklist_main p ,  .checklist_main_second p{
	padding:0 0 0 38px;
	line-height: 18px;
	font-size: 13px;
}

section.webinsect_content {
	padding:50px 0 30px 0;	
	color:#312f2b;
}
section.webinsect_content h2 {
	color:#312f2b;
	text-align:center;
	margin-bottom:15px;
}
section.webinsect_content p {
	color:#312f2b;
	margin-bottom:30px;
}
section.green.contact_web {
	background: #fbfbfb;
}
.section.green.contact_web h4 {
    color: #312f2b;
}
.section.green.contact_web #contact-form input[type="text"]:focus, .section.green.contact_web .contactForm textarea:focus {
	background :rgba(227, 231, 228, 1);
}
.section.green.contact_web #contact-form input[type="submit"]:hover, .section.green.contact_web #contact-form input[type="submit"]:active {
	background: #000 !important;
}
.section.green.contact_web #contact-form .btn.btn-theme {
    background: #312f2b !important;
}
section.contact_web {
	margin:30px 0 50px 0;
	padding: 30px 0 10px 0;
}
.contact_us.webinsect_content p {
	margin-bottom:0;	
}

section.top_banner_row {
	/*background: url(../img/pcrm-top-bg.jpg) top left no-repeat;
	height:508px;*/
	background: linear-gradient(90deg, rgb(232, 232, 251) 0%, rgba(244,245,182,0.6306722518108806) 97%);
	width:100%;
	float:left;
	box-sizing:border-box;
}
.section-full-box {
	padding:100px 30px;
	width:100%;
	box-sizing:border-box;
	float:left;
}
.top-box-column {
	width:50%;
	float:left;
	box-sizing:border-box;
}
.section-full-box .top-box-column:first-child {
    padding-right: 30px;
}
.section-full-box .top-box-column:nth-child(2) {
    padding-left: 30px;
}
.full-box {
	width:100%;
	float:left;
}
.box-text-sup {
	margin-bottom:25px;
}
.box-text-bold {
	font-size: 30px;
	line-height: 36px;
}
.box-text-small {
	line-height: 24px;
	font-size: 16px;
	margin-bottom:25px;
}
.box-btn {
	padding: 10px 15px;
	background: #312f2b;
	color: #fff;
	border-radius: 2px;	
}
a.box-btn:hover {
	background: #000;
	color: #fff;
	text-decoration: none;
}

.automation_box {
	padding:100px 30px;
	box-sizing:border-box;
	background: url(../img/bg45.png) no-repeat fixed;
	background-size: cover;
}
.head-text-centre {
	padding: 0 15%;
    box-sizing: border-box;	
	margin-bottom: 40px;
}
.head-text-centre h3 {
	font-size:22px;
	text-align:center;
	color: #c2cfd1;
	background: rgba(0,0,0,0.7);
	line-height: 150%;
	padding: 20px;
	font-weight: bold;
	margin: 0;
}
.grid-feature-box {
	display: grid;
	grid-template-columns: auto auto auto;
	grid-gap: 50px;
}
.grid-list {
	padding: 20px;
	box-sizing: border-box;
	background: rgba(255,255,255,0.75);
	color: #000;
	text-align: center;
}
.grid-list img {
	width:100px;
	margin-bottom: 10px;
}
.grid-list strong {
    display: block;
    margin-bottom: 10px;
    font-size: 18px;
}
.grid-list p {
	margin: 0;
	font-size: 15px;
	line-height: 24px;
	font-weight: 400;
}

.crm_attribute_box {
	padding:100px 30px;
	box-sizing:border-box;
}

.heading-text {
	padding: 0 15%;
    box-sizing: border-box;	
	margin-bottom: 40px;
}
.head-sub {
	margin-bottom: 20px;
	text-align: center;
	line-height: 25px;
	font-weight: 400;
	padding: 0 20px;
	box-sizing: border-box;
}
.head-sub h4 {
	margin:0;
	font-weight: 400;
}
.heading-text h4 {
	font-size:22px;
	text-align:center;
	font-weight: bold;
	margin: 0;
}

.grid-attributes {
	display: grid;
	grid-template-columns: auto auto;
	grid-gap: 40px 50px;
}
.attr-list {
	padding: 20px;
	box-sizing: border-box;
}
.attr-list img {
	width:50px;
	margin-right: 5px;
}
.attr-list strong {
    font-size: 18px;
}
.attr-list p {
	margin: 0;
	font-size: 15px;
	line-height: 24px;
	padding-left: 60px;
}

.grid-manager {
	display: grid;
	grid-template-columns: auto auto auto auto;
	grid-gap: 50px;
	margin-top: 20px;
}

.manage-grid img {
	width:50px;
	margin-right: 5px;
	float: left;
}
.manage-grid span {
	float: left;	
}
.manage-grid strong {
    font-size: 18px;
	padding-top: 4px;
	float: left;
	box-sizing: border-box;
}
.manage-grid p {
	margin: 0;
	font-size: 15px;
	line-height: inherit;
	float: left;
	width: 100%;
	padding-left: 1px;
	box-sizing: border-box;
}

.menu-overlay {
    position: fixed;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 1;
	background: rgba(255,255,255,0.3);
    padding-bottom: 20%;
    -webkit-box-sizing: border-box -moz-box-sizing:border-box;
    box-sizing: content-box;
}
.menu-overlay-close {
	left:-100%;	
}
#menu-main li a i.sub-menu {
	display:none;
}
.get-quote-now {
	padding:50px 30px;
	box-sizing: border-box;
}
.quote-box {
	padding: 50px 40px;
	float: left;
	background: linear-gradient(90deg, rgba(165,172,171,0.8239495627352503) 14%, rgba(27,172,145,0.5858543246400123) 100%);;	
}
.quote-text {
	width:80%;
	float: left;
}
h4.quotebox-title {
	margin:0;
	font-size: 22px;
	font-weight: bold;
}
.quote-description {
	margin-top:10px;
}
.quote-description p {
	margin:0;
	font-weight: 400;
}
.quote-btn {
	width:20%;
	float: left;
	text-align: center;
	padding: 33px 0px 33px 25px;
	box-sizing: border-box;
}
.quote-btn {
	float:right;
}
@media (max-width: 991px) {
	.checklist_main_second li {
		width:30%;
	}
	
	.head-text-centre {
    	padding: 0 5%;
	}
	.head-text-centre h3 {
    	font-size: 18px;
	}
	.grid-manager {
    	grid-gap: 10px;
	}
	.grid-attributes {
		grid-gap: 30px 35px;
	}
	.attr-list {
    	padding: 10px;
	}
	.quote-text {
		width:70%;
	}
	.quote-btn {
    	width: 30%;
	}
}
@media (min-width: 992px) {
	.about_block2 .col-md-3 {
		float: left;
		width: 25%;
	}
}

@media (max-width: 768px) {
	.checklist_main li , .checklist_main_second li {
		width:100%;
		margin-bottom:20px;
	}
	.navbar-inner h1.brand {
		margin-left: 0;
	}
	
	.section-full-box .top-box-column {
		width: 100%;
		padding:0 !important;
	}
	.box-text-bold {
		font-size: 24px;
		line-height: 30px;
		margin-bottom: 10px;
	}
	.box-text-btn .box-btn {
		float: left;
		margin-bottom: 40px;
	}
	.head-text-centre {
    	padding: 0;
	}
	.head-text-centre h3 {
    	padding: 15px;
	}
	.grid-feature-box {
		grid-template-columns: auto;
	}
	.grid-list img {
    	width: 75px;
	}
	.heading-text {
    	padding: 0;
	}
	.heading-text h4 {
    	font-size: 20px;
	}
	.head-sub h4 {
		font-size: 18px;
	}
	.grid-manager {
		grid-template-columns: auto auto;
		grid-gap: 35px 70px;
	}
	.manage-grid {
		text-align: center;
	}
	.manage-grid img , .manage-grid span , .manage-grid strong {
		float:none;	
	}
	.manage-grid strong {
		display:block;	
	}
	.grid-attributes {
		grid-gap: 30px 20px;
	}
	.attr-list {
		text-align: center;
	}
	.attr-list img {
    	margin-right: 0;
	}
	.attr-list strong {
		font-size: 16px;
		display: block;
		margin: 10px 0 5px;
	}
	.attr-list p {
		padding: 0 7%;
		box-sizing: border-box;
		line-height: 20px;
	}
	.quote-text {
		width:100%;
	}
	.quote-btn {
    	width: 100%;
		padding-left:0;
	}
}

@media (max-width: 500px) {
	.grid-attributes {
		grid-template-columns: auto;
		grid-gap: 30px;
	}
	.attr-list p {
    	padding: 0 5%;
	}
}

@media (max-width: 400px) {
	.manage-grid img {
    	width: 40px;
	}
	.grid-manager {
		grid-template-columns: auto;
		grid-gap: 30px;
	}
}

@media (max-width: 350px) {
	.all-numbers {
		margin-right: 45px;
	}
	
}

@media (min-width: 801px) {
	#menu-main li.service_menu:hover .service-submenu , #menu-main li.product_menu:hover .product-submenu {
		display:block;
		animation: fadein .5s;
		opacity:1;
	}
	
	#menu-main li.service_menu .service-submenu li a i , #menu-main li.product_menu .product-submenu li a i {
		display:none;	
	}
}