@charset "utf-8";
/* CSS Document */
body
{
	font-family: 'Quicksand', sans-serif;
}
a:hover
{
	color:#C30;
}
.sli li
{
	list-style-image:none;
	margin-top:10px;
	color:#003;
	font-size:16px;
	display: block;
}
.sli li:before
{
    /*Using a Bootstrap glyphicon as the bullet point*/
    content: "\e013";
    font-family: 'Glyphicons Halflings';
	font-size: 12px;
   
    color: #CCCCCC;
	margin-right:10px;
}
.txtp
{
	font-size:18px;
}
@media (min-width:992px){
.mtop50
{
	margin-top:50px;
}
.probox
{
	margin-top:20px;
	width:100%;
	background-color:#033;
	
}
	.productimg
{
	width:300px;
	height:300px
}
.productimg img
{
	width:300px;
	height:300px
	border:2px solid #090;

	
	
}
.ourclient a
{
	margin-bottom:10px;
}
.ourclient img
{
	width:300px;
	height:250px
	border:2px solid #090;

	
	
}
.footicon
{
	margin-top:3px;
	margin-left:40px;
}
.footicon img
{
	width:17px;
	margin-right:10px;
}
.webfooter
{
	color:#FFF;
	border-top:2px solid #090;
	height:40px;
	padding-top:10px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b8e1fc+0,6ba8e5+0,90bcea+37,90bff0+50,a2daf5+96,a9d2f3+100,90bae4+100,bdf3fd+100 */
background: rgb(184,225,252); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(184,225,252,1) 0%, rgba(107,168,229,1) 0%, rgba(144,188,234,1) 37%, rgba(144,191,240,1) 50%, rgba(162,218,245,1) 96%, rgba(169,210,243,1) 100%, rgba(144,186,228,1) 100%, rgba(189,243,253,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(184,225,252,1) 0%,rgba(107,168,229,1) 0%,rgba(144,188,234,1) 37%,rgba(144,191,240,1) 50%,rgba(162,218,245,1) 96%,rgba(169,210,243,1) 100%,rgba(144,186,228,1) 100%,rgba(189,243,253,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(184,225,252,1) 0%,rgba(107,168,229,1) 0%,rgba(144,188,234,1) 37%,rgba(144,191,240,1) 50%,rgba(162,218,245,1) 96%,rgba(169,210,243,1) 100%,rgba(144,186,228,1) 100%,rgba(189,243,253,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b8e1fc', endColorstr='#bdf3fd',GradientType=0 ); /* IE6-9 */

}
.webfooter p
{
	text-align:center;
	
}
.intxt
{
	border:1px solid #090;
	
}
.maps
{
	border:2px solid #060;
	margin:10px;
}
.intxt2
{
	border:1px solid #090;
	background-color:#C8FDD3;
	width:70%;
	padding:5px;
	
}
.partner
{
	height:100px;
	border-top:2px solid #090;
	border-bottom:2px solid #090;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ebf1f6+0,89c3eb+0,abd3ee+20,d5ebfb+50&1+0,0.38+75;Blue+Gloss+%234 */
background: -moz-linear-gradient(top,  rgba(137,195,235,1) 0%, rgba(171,211,238,0.83) 20%, rgba(213,235,251,0.58) 50%, rgba(213,235,251,0.38) 75%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(137,195,235,1) 0%,rgba(171,211,238,0.83) 20%,rgba(213,235,251,0.58) 50%,rgba(213,235,251,0.38) 75%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(137,195,235,1) 0%,rgba(171,211,238,0.83) 20%,rgba(213,235,251,0.58) 50%,rgba(213,235,251,0.38) 75%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#89c3eb', endColorstr='#61d5ebfb',GradientType=0 ); /* IE6-9 */

}
.partner img
{
	height:50px;
	margin-top:20px;
}
.databasebox
{
	
}
.txt
{
	font-size:20px;
}
.howdesign
{
	
	border-bottom:2px solid #090;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ebf1f6+0,89c3eb+0,abd3ee+20,d5ebfb+50&1+0,0.38+75 */
background: -moz-linear-gradient(top,  rgba(137,195,235,1) 0%, rgba(171,211,238,0.83) 20%, rgba(213,235,251,0.58) 50%, rgba(213,235,251,0.38) 75%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(137,195,235,1) 0%,rgba(171,211,238,0.83) 20%,rgba(213,235,251,0.58) 50%,rgba(213,235,251,0.38) 75%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(137,195,235,1) 0%,rgba(171,211,238,0.83) 20%,rgba(213,235,251,0.58) 50%,rgba(213,235,251,0.38) 75%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#89c3eb', endColorstr='#61d5ebfb',GradientType=0 ); /* IE6-9 */

}
	.mybtn
	{
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b4e391+0,61c419+50,b4e391+100;Green+3D */
background: #b4e391; /* Old browsers */
background: -moz-linear-gradient(top,  #b4e391 0%, #61c419 50%, #b4e391 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #b4e391 0%,#61c419 50%,#b4e391 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #b4e391 0%,#61c419 50%,#b4e391 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4e391', endColorstr='#b4e391',GradientType=0 ); /* IE6-9 */


padding:5px;
margin:5px;
border-radius:5px;

font-weight:bold;
color:#FFF;
text-align:center;
	}
	.mybtn a
	{
		color:#FFF;
	}
.mybtn a:hover
	{
		color:#930;
	}
	.price
	{
		font-size:24px;
		font-weight:bold;
		color:#F30;
		text-align:center;
	}
	.titlep
	{
		color:#930;
		text-align:center;
		font-weight:bold;
		border-bottom:5px dashed #090;
		padding-bottom:5px;
		font-size:24px;
		
	}
.titlep img
{
	height:50px;
	margin-right:20px;
}
.titlep2
	{
		color:#930;
		text-align:center;
		font-weight:bold;
		border-bottom:2px dashed #090;
		padding-bottom:5px;
		
	}
.titlemain
{
	color:#060;
	font-weight:bold;
	margin-left:20px;
	
}
.slogo
{
	float:left;

}
.slogo img
{
	width:220px;	
}
.smenu
{
	border-bottom:1px dotted #999;
	background-color:#030;
	height:70px;
}
.snav
{
	float:right;	
}
.snav img
{
	height:40px;
	border:2px solid #CCC;
	border-radius:20px;
	padding:5px;
	width:40px;
}
.snav img:hover
{

	border:2px solid #6C0;
	
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fceabb+0,fccd4d+50,f8b500+51,fbdf93+100;Orange+3D+%235 */
background: #fceabb; /* Old browsers */
background: -moz-linear-gradient(top,  #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#fbdf93',GradientType=0 ); /* IE6-9 */

}
.menuitem
{
	text-align:center;
	float:left;
	margin:0px 0 10px 20px;
	width:80px;
	color:#FFF;
	
}
.menuitem a
{
		color:#FFF;
	
}
.menuitem a:hover
{
		color:#F90;
	
}
.sphone
{
	float:left;
	color:#090;
	font-weight:bold;
}
.sphone:hover
{
	float:left;
	color:#900;
	font-weight:bold;
}
.sicon
{
	float:right;
}
	.social-icon
{
	width:25px;
	margin:5px 0 10px 10px;
}
.social-icon:hover
{
	border:1px solid #090;
	border-radius:15px;
	padding:2px;
	background-color:#FFF;
}
.tops
{


border-bottom:2px solid #090;
height:35px;

}
.mainservice
{
	border-top:2px solid #090;
	border-bottom:2px solid #090;
	background-image:url(../img/bg_main.jpg);
	background-position:right;
	background-position:bottom;
}
.mainservice2
{
	border-top:2px solid #090;
	border-bottom:2px solid #090;
	background-image:url(../img/bg_main.jpg);
	background-position:right;
	background-position:bottom;
}

.hostingpackage>.container>.row
{
	margin-top:20px;
}
.hostingpackage>.container>.row:hover
{
	
	box-shadow: 0px 0px 5px rgba(0,0,0,0.7);
	background-color:#DAE2FE;
}
.mainservice>.container>.row
{
	margin-top:20px;
	
}
.mainservice>.container>.row:hover
{
	
	
	box-shadow: 0px 0px 5px rgba(0,0,0,0.7);
	background-color:#DAE2FE;
	
}
.boxshadow
{
	margin-top:20px;
	box-shadow: 0px 0px 5px rgba(0,0,0,0.7); background-color:#FFF;
}
.boxshadow2
{
	margin-top:20px;
	box-shadow: 0px 0px 5px rgba(0,0,0,0.7);
	background-color:rgba(230,95,12,0.6);
}
.boxshadow3
{
	margin-top:20px;
	box-shadow: 0px 0px 5px rgba(0,0,0,0.7);
	background-color:rgba(240,214,110,0.6);
}
.boxshadow4
{
	margin-top:20px;
	box-shadow: 0px 0px 5px rgba(0,0,0,0.7);
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#9dd53a+0,a1d54f+50,80c217+77,7cbc0a+100 */
background-color:rgba(31,151,65,0.6);

}

}
@media(min-width:768px) and (max-width:991px){
.probox
{
	margin-top:20px;
	width:100%;
	background-color:#033;
	
}
	.productimg
{
	width:200px;
	height:200px
}
.productimg img
{
	width:200px;
	height:200px
	border:2px solid #090;

	
	
}
.ourclient a
{
	margin-bottom:10px;
}
.ourclient img
{
	width:300px;
	height:250px
	border:2px solid #090;

	
	
}
.footicon
{
	margin-top:3px;
	margin-left:10px;
}
.footicon img
{
	width:17px;
	margin-right:10px;
}
.webfooter
{
	color:#FFF;
	border-top:2px solid #090;
	height:40px;
	padding-top:10px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b8e1fc+0,6ba8e5+0,90bcea+37,90bff0+50,a2daf5+96,a9d2f3+100,90bae4+100,bdf3fd+100 */
background: rgb(184,225,252); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(184,225,252,1) 0%, rgba(107,168,229,1) 0%, rgba(144,188,234,1) 37%, rgba(144,191,240,1) 50%, rgba(162,218,245,1) 96%, rgba(169,210,243,1) 100%, rgba(144,186,228,1) 100%, rgba(189,243,253,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(184,225,252,1) 0%,rgba(107,168,229,1) 0%,rgba(144,188,234,1) 37%,rgba(144,191,240,1) 50%,rgba(162,218,245,1) 96%,rgba(169,210,243,1) 100%,rgba(144,186,228,1) 100%,rgba(189,243,253,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(184,225,252,1) 0%,rgba(107,168,229,1) 0%,rgba(144,188,234,1) 37%,rgba(144,191,240,1) 50%,rgba(162,218,245,1) 96%,rgba(169,210,243,1) 100%,rgba(144,186,228,1) 100%,rgba(189,243,253,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b8e1fc', endColorstr='#bdf3fd',GradientType=0 ); /* IE6-9 */

}
.webfooter p
{
	text-align:center;
	
}
.intxt
{
	border:1px solid #090;
	width:100%;
	
}
.maps
{
	border:2px solid #060;
	margin:10px;
}
.intxt2
{
	border:1px solid #090;
	background-color:#C8FDD3;
	width:70%;
	padding:5px;
	
}
.partner
{
	height:60px;
	border-top:2px solid #090;
	border-bottom:2px solid #090;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ebf1f6+0,89c3eb+0,abd3ee+20,d5ebfb+50&1+0,0.38+75;Blue+Gloss+%234 */
background: -moz-linear-gradient(top,  rgba(137,195,235,1) 0%, rgba(171,211,238,0.83) 20%, rgba(213,235,251,0.58) 50%, rgba(213,235,251,0.38) 75%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(137,195,235,1) 0%,rgba(171,211,238,0.83) 20%,rgba(213,235,251,0.58) 50%,rgba(213,235,251,0.38) 75%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(137,195,235,1) 0%,rgba(171,211,238,0.83) 20%,rgba(213,235,251,0.58) 50%,rgba(213,235,251,0.38) 75%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#89c3eb', endColorstr='#61d5ebfb',GradientType=0 ); /* IE6-9 */

}
.partner img
{
	height:35px;
	margin-top:10px;
}
.databasebox
{
	
}
.txt
{
	font-size:20px;
}
.howdesign
{
	border-bottom:2px solid #090;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ebf1f6+0,89c3eb+0,abd3ee+20,d5ebfb+50&1+0,0.38+75 */
background: -moz-linear-gradient(top,  rgba(137,195,235,1) 0%, rgba(171,211,238,0.83) 20%, rgba(213,235,251,0.58) 50%, rgba(213,235,251,0.38) 75%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(137,195,235,1) 0%,rgba(171,211,238,0.83) 20%,rgba(213,235,251,0.58) 50%,rgba(213,235,251,0.38) 75%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(137,195,235,1) 0%,rgba(171,211,238,0.83) 20%,rgba(213,235,251,0.58) 50%,rgba(213,235,251,0.38) 75%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#89c3eb', endColorstr='#61d5ebfb',GradientType=0 ); /* IE6-9 */

}
	.mybtn
	{
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b4e391+0,61c419+50,b4e391+100;Green+3D */
background: #b4e391; /* Old browsers */
background: -moz-linear-gradient(top,  #b4e391 0%, #61c419 50%, #b4e391 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #b4e391 0%,#61c419 50%,#b4e391 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #b4e391 0%,#61c419 50%,#b4e391 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4e391', endColorstr='#b4e391',GradientType=0 ); /* IE6-9 */


padding:5px;
margin:5px;
border-radius:5px;

font-weight:bold;
color:#FFF;
text-align:center;
	}
	.mybtn a
	{
		color:#FFF;
	}
.mybtn a:hover
	{
		color:#930;
	}
	.price
	{
		font-size:24px;
		font-weight:bold;
		color:#F30;
		text-align:center;
	}
	.titlep
	{
		color:#930;
		text-align:center;
		font-weight:bold;
		border-bottom:5px dashed #090;
		padding-bottom:5px;
		
	}
.titlep img
{
	height:50px;
	margin-right:20px;
}
.titlep2
	{
		color:#930;
		text-align:center;
		font-weight:bold;
		border-bottom:2px dashed #090;
		padding-bottom:5px;
		font-size:16px;
		
	}
.titlemain
{
	color:#060;
	font-weight:bold;
	margin-left:20px;
	
}
.slogo
{
	float:left;
	
}
.slogo img
{
	width:200px;	
}
.smenu
{
	border-bottom:1px dotted #999;
}
.snav
{
	float:right;	
}
.snav img
{
	height:30px;
	border:2px solid #FFF;
	border-radius:20px;
	padding:5px;
	width:30px;
}
.snav img:hover
{

	border:2px solid #C30;
	
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fceabb+0,fccd4d+50,f8b500+51,fbdf93+100;Orange+3D+%235 */
background: #fceabb; /* Old browsers */
background: -moz-linear-gradient(top,  #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#fbdf93',GradientType=0 ); /* IE6-9 */

}
.menuitem
{
	text-align:center;
	float:left;
	margin:20px 0 10px 20px;
	width:40px;
	
}
.sphone
{
	float:left;
	color:#090;
	font-weight:bold;
}
.sicon
{
	float:right;
}
	.social-icon
{
	width:25px;
	margin:10px 0 10px 10px;
}
.social-icon:hover
{
	border:1px solid #090;
	border-radius:15px;
	padding:2px;
	background-color:#FFF;
}
.tops
{

background: #7db9e8; 
background: -moz-linear-gradient(top,  #7db9e8 90%, #207cca 100%, #3b679e 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #7db9e8 90%,#207cca 100%,#3b679e 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #7db9e8 90%,#207cca 100%,#3b679e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7db9e8', endColorstr='#3b679e',GradientType=0 );
border-bottom:2px solid #090;

}
.mainservice
{
	border-top:2px solid #090;
	border-bottom:2px solid #090;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d0e4f7+29,87bcea+91,73b1e7+99,539fe1+100,0a77d5+100 */
background: #d0e4f7; /* Old browsers */
background: -moz-linear-gradient(top,  #d0e4f7 29%, #87bcea 91%, #73b1e7 99%, #539fe1 100%, #0a77d5 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #d0e4f7 29%,#87bcea 91%,#73b1e7 99%,#539fe1 100%,#0a77d5 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #d0e4f7 29%,#87bcea 91%,#73b1e7 99%,#539fe1 100%,#0a77d5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d0e4f7', endColorstr='#0a77d5',GradientType=0 ); /* IE6-9 */

}
.hostingpackage>.container>.row
{
	margin-top:20px;
}
.hostingpackage>.container>.row:hover
{
	
	box-shadow: 0px 0px 5px rgba(0,0,0,0.7);
	background-color:#DAE2FE;
}
.mainservice>.container>.row
{
	margin-top:20px;
	
}
.mainservice>.container>.row:hover
{
	
	
	box-shadow: 0px 0px 5px rgba(0,0,0,0.7);
	background-color:#DAE2FE;
	
}
.boxshadow
{
	margin-top:20px;
	box-shadow: 0px 0px 5px rgba(0,0,0,0.7); background-color:#FFF;
}
.boxshadow2
{
	margin-top:20px;
	box-shadow: 0px 0px 5px rgba(0,0,0,0.7); 
	
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#6db3f2+0,54a3ee+50,3690f0+71,1e69de+100 */
background: #6db3f2; /* Old browsers */
background: -moz-linear-gradient(top,  #6db3f2 0%, #54a3ee 50%, #3690f0 71%, #1e69de 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #6db3f2 0%,#54a3ee 50%,#3690f0 71%,#1e69de 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #6db3f2 0%,#54a3ee 50%,#3690f0 71%,#1e69de 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6db3f2', endColorstr='#1e69de',GradientType=0 ); /* IE6-9 */


}
.boxshadow3
{
	margin-top:20px;
	box-shadow: 0px 0px 5px rgba(0,0,0,0.7);
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffb76b+0,ffa73d+50,ff7c00+84,ff7f04+100 */
background: #ffb76b; /* Old browsers */
background: -moz-linear-gradient(top,  #ffb76b 0%, #ffa73d 50%, #ff7c00 84%, #ff7f04 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffb76b 0%,#ffa73d 50%,#ff7c00 84%,#ff7f04 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffb76b 0%,#ffa73d 50%,#ff7c00 84%,#ff7f04 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb76b', endColorstr='#ff7f04',GradientType=0 ); /* IE6-9 */

}
.boxshadow4
{
	margin-top:20px;
	box-shadow: 0px 0px 5px rgba(0,0,0,0.7);
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#9dd53a+0,a1d54f+50,80c217+77,7cbc0a+100 */
background: #9dd53a; /* Old browsers */
background: -moz-linear-gradient(top,  #9dd53a 0%, #a1d54f 50%, #80c217 77%, #7cbc0a 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #9dd53a 0%,#a1d54f 50%,#80c217 77%,#7cbc0a 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #9dd53a 0%,#a1d54f 50%,#80c217 77%,#7cbc0a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9dd53a', endColorstr='#7cbc0a',GradientType=0 ); /* IE6-9 */


}	
}
@media (max-width:767px){
.productimg img
{
	width:200px;
	height:200px
	border:2px solid #090;
	border-radius:150px;
	margin-left:20px;
	
	
}
.footicon img
{
	width:17px;
	margin-right:10px;
}
.partner
{
	
	border-top:2px solid #090;
	border-bottom:2px solid #090;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ebf1f6+0,89c3eb+0,abd3ee+20,d5ebfb+50&1+0,0.38+75;Blue+Gloss+%234 */
background: -moz-linear-gradient(top,  rgba(137,195,235,1) 0%, rgba(171,211,238,0.83) 20%, rgba(213,235,251,0.58) 50%, rgba(213,235,251,0.38) 75%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(137,195,235,1) 0%,rgba(171,211,238,0.83) 20%,rgba(213,235,251,0.58) 50%,rgba(213,235,251,0.38) 75%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(137,195,235,1) 0%,rgba(171,211,238,0.83) 20%,rgba(213,235,251,0.58) 50%,rgba(213,235,251,0.38) 75%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#89c3eb', endColorstr='#61d5ebfb',GradientType=0 ); /* IE6-9 */

}
.partner img
{
	max-width:200px;
	margin-top:20px;
}
.txt
{
	font-size:16px;
	text-align:justify;
}
.howdesign
{
	border-bottom:2px solid #090;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ebf1f6+0,89c3eb+0,abd3ee+20,d5ebfb+50&1+0,0.38+75 */
background: -moz-linear-gradient(top,  rgba(137,195,235,1) 0%, rgba(171,211,238,0.83) 20%, rgba(213,235,251,0.58) 50%, rgba(213,235,251,0.38) 75%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(137,195,235,1) 0%,rgba(171,211,238,0.83) 20%,rgba(213,235,251,0.58) 50%,rgba(213,235,251,0.38) 75%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(137,195,235,1) 0%,rgba(171,211,238,0.83) 20%,rgba(213,235,251,0.58) 50%,rgba(213,235,251,0.38) 75%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#89c3eb', endColorstr='#61d5ebfb',GradientType=0 ); /* IE6-9 */

}
	.smenu
{
	border-bottom:1px dotted #999;
}
	.mybtn
	{
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b4e391+0,61c419+50,b4e391+100;Green+3D */
background: #b4e391; /* Old browsers */
background: -moz-linear-gradient(top,  #b4e391 0%, #61c419 50%, #b4e391 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #b4e391 0%,#61c419 50%,#b4e391 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #b4e391 0%,#61c419 50%,#b4e391 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4e391', endColorstr='#b4e391',GradientType=0 ); /* IE6-9 */


padding:5px;
margin:5px;
border-radius:5px;

font-weight:bold;
color:#FFF;
text-align:center;
	}
	.mybtn a
	{
		color:#FFF;
	}
.mybtn a:hover
	{
		color:#930;
	}
	.price
	{
		font-size:24px;
		font-weight:bold;
		color:#F30;
		text-align:center;
	}
	.titlep
	{
		color:#930;
		text-align:center;
		font-weight:bold;
		border-bottom:5px dashed #090;
		padding-bottom:5px;
		font-size:18px;
		
	}
.titlep img
{
	height:30px;
	width:30px;
	margin-right:20px;
	border-radius:25px;
	border:1px solid #CCC;
	clear:right;
}
.titlemain
{
	color:#060;
	font-weight:bold;
	margin-left:20px;
	font-size:18px;
	
}
.slogo
{
	float:left;
}
.slogo img
{
	width:150px;
	margin-left:50px;
}
.snav
{
	float:right;
	border-top:2px solid #090;
}
.snav img
{
	height:30px;
	border:2px solid #FFF;
	border-radius:20px;
	padding:5px;
	width:30px;
}
.snav img:hover
{
	
	border:2px solid #F90;

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fceabb+0,fccd4d+50,f8b500+51,fbdf93+100;Orange+3D+%235 */
background: #fceabb; /* Old browsers */
background: -moz-linear-gradient(top,  #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#fbdf93',GradientType=0 ); /* IE6-9 */

}
.menuitem
{
	text-align:center;
	float:left;
	margin:10px 0 0 0 ;
	width:60px;
	
}
.sphone
{
	float:left;
	color:#FFF;
}
.sicon
{
	float:right;
}
	.social-icon
{
	width:20px;
	margin:2px;
}
.social-icon:hover
{
	border:1px solid #090;
	border-radius:15px;
	padding:2px;
	background-color:#FFF;
}
.tops
{

background: #7db9e8; 
background: -moz-linear-gradient(top,  #7db9e8 90%, #207cca 100%, #3b679e 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #7db9e8 90%,#207cca 100%,#3b679e 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #7db9e8 90%,#207cca 100%,#3b679e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7db9e8', endColorstr='#3b679e',GradientType=0 );
border-bottom:2px solid #090;

}
.mainservice
{
	padding-top:20px;
	border-top:2px solid #090;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d0e4f7+29,87bcea+91,73b1e7+99,539fe1+100,0a77d5+100 */
background: #d0e4f7; /* Old browsers */
background: -moz-linear-gradient(top,  #d0e4f7 29%, #87bcea 91%, #73b1e7 99%, #539fe1 100%, #0a77d5 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #d0e4f7 29%,#87bcea 91%,#73b1e7 99%,#539fe1 100%,#0a77d5 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #d0e4f7 29%,#87bcea 91%,#73b1e7 99%,#539fe1 100%,#0a77d5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d0e4f7', endColorstr='#0a77d5',GradientType=0 ); /* IE6-9 */

}
.boxshadow
{
	margin-top:5px;
	box-shadow: 0px 0px 5px rgba(0,0,0,0.7); background-color:#FFF;
}
.boxshadow2
{
	margin-top:20px;
	box-shadow: 0px 0px 5px rgba(0,0,0,0.7); 
	
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#6db3f2+0,54a3ee+50,3690f0+71,1e69de+100 */
background: #6db3f2; /* Old browsers */
background: -moz-linear-gradient(top,  #6db3f2 0%, #54a3ee 50%, #3690f0 71%, #1e69de 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #6db3f2 0%,#54a3ee 50%,#3690f0 71%,#1e69de 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #6db3f2 0%,#54a3ee 50%,#3690f0 71%,#1e69de 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6db3f2', endColorstr='#1e69de',GradientType=0 ); /* IE6-9 */


}
.boxshadow3
{
	margin-top:20px;
	box-shadow: 0px 0px 5px rgba(0,0,0,0.7);
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffb76b+0,ffa73d+50,ff7c00+84,ff7f04+100 */
background: #ffb76b; /* Old browsers */
background: -moz-linear-gradient(top,  #ffb76b 0%, #ffa73d 50%, #ff7c00 84%, #ff7f04 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffb76b 0%,#ffa73d 50%,#ff7c00 84%,#ff7f04 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffb76b 0%,#ffa73d 50%,#ff7c00 84%,#ff7f04 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb76b', endColorstr='#ff7f04',GradientType=0 ); /* IE6-9 */

}
.boxshadow4
{
	margin-top:20px;
	box-shadow: 0px 0px 5px rgba(0,0,0,0.7);
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#9dd53a+0,a1d54f+50,80c217+77,7cbc0a+100 */
background: #9dd53a; /* Old browsers */
background: -moz-linear-gradient(top,  #9dd53a 0%, #a1d54f 50%, #80c217 77%, #7cbc0a 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #9dd53a 0%,#a1d54f 50%,#80c217 77%,#7cbc0a 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #9dd53a 0%,#a1d54f 50%,#80c217 77%,#7cbc0a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9dd53a', endColorstr='#7cbc0a',GradientType=0 ); /* IE6-9 */


}
.webfooter
{
	color:#FFF;
	border-top:2px solid #090;
	text-align:center;
	
	padding-top:10px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b8e1fc+0,6ba8e5+0,90bcea+37,90bff0+50,a2daf5+96,a9d2f3+100,90bae4+100,bdf3fd+100 */
background: rgb(184,225,252); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(184,225,252,1) 0%, rgba(107,168,229,1) 0%, rgba(144,188,234,1) 37%, rgba(144,191,240,1) 50%, rgba(162,218,245,1) 96%, rgba(169,210,243,1) 100%, rgba(144,186,228,1) 100%, rgba(189,243,253,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(184,225,252,1) 0%,rgba(107,168,229,1) 0%,rgba(144,188,234,1) 37%,rgba(144,191,240,1) 50%,rgba(162,218,245,1) 96%,rgba(169,210,243,1) 100%,rgba(144,186,228,1) 100%,rgba(189,243,253,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(184,225,252,1) 0%,rgba(107,168,229,1) 0%,rgba(144,188,234,1) 37%,rgba(144,191,240,1) 50%,rgba(162,218,245,1) 96%,rgba(169,210,243,1) 100%,rgba(144,186,228,1) 100%,rgba(189,243,253,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b8e1fc', endColorstr='#bdf3fd',GradientType=0 ); /* IE6-9 */

}
	
}

/* Form Module */
.form-module {
  position: relative;
  background: #ffffff;
  max-width: 320px;
  width: 100%;
  border-top: 5px solid #33b5e5;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
  margin: 0 auto;
}
.form-module .toggle {
  cursor: pointer;
  position: absolute;
  top: -0;
  right: -0;
  background: #33b5e5;
  width: 30px;
  height: 30px;
  margin: -5px 0 0;
  color: #ffffff;
  font-size: 12px;
  line-height: 30px;
  text-align: center;
}
.form-module .toggle .tooltip {
  position: absolute;
  top: 5px;
  right: -65px;
  display: block;
  background: rgba(0, 0, 0, 0.6);
  width: auto;
  padding: 5px;
  font-size: 10px;
  line-height: 1;
  text-transform: uppercase;
}
.form-module .toggle .tooltip:before {
  content: '';
  position: absolute;
  top: 5px;
  left: -5px;
  display: block;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-right: 5px solid rgba(0, 0, 0, 0.6);
}
.form-module .form {
  display: none;
  padding: 40px;
}
.form-module .form:nth-child(2) {
  display: block;
}
.form-module h2 {
  margin: 0 0 20px;
  color: #33b5e5;
  font-size: 18px;
  font-weight: 400;
  line-height: 1;
}
.form-module input {
  outline: none;
  display: block;
  width: 100%;
  border: 1px solid #d9d9d9;
  margin: 0 0 20px;
  padding: 10px 15px;
  box-sizing: border-box;
  font-wieght: 400;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
.form-module input:focus {
  border: 1px solid #33b5e5;
  color: #333333;
}
.form-module button {
  cursor: pointer;
  background: #33b5e5;
  width: 100%;
  border: 0;
  padding: 10px 15px;
  color: #ffffff;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
.form-module button:hover {
  background: #178ab4;
}
.form-module .cta {
  background: #f2f2f2;
  width: 100%;
  padding: 15px 40px;
  box-sizing: border-box;
  color: #666666;
  font-size: 12px;
  text-align: center;
}
.form-module .cta a {
  color: #333333;
  text-decoration: none;
}