@import url(http://fonts.googleapis.com/css?family=Lato:100,300,400,700,900,100italic,300italic,400italic,700italic,900italic);


html				{width:100%; height:100%;}
body				{margin:0; padding:0; background:#f5f5f5; width:100%; height:100%; font-family:'Lato', Arial, sans-serif; font-size:12px; color:#333;}
ul, ol				{margin:0; padding:0; list-style:none;}
img, img a			{border:none;}
h1, h2, h3, h4, h5	{margin:0; padding:0;}
h1					{font-family:Arial, Helvetica, sans-serif; color:#433468; font-size:18px; height:28px;}
p					{font-size:14px; text-align:justify; color:#666; line-height:21px; margin:0; padding:0;}
.clearfix			{float:none; clear:both;}
.inside				{width:960px; height:auto !important; margin:0 auto;}
a					{color:#535252; text-decoration:none;}
a:hover				{text-decoration:none;}
#container			{width:960px; height:auto; margin:0 auto; position:relative;}

/***************** header ****************/
header				{width:100%; height:130px; background:#fff;}
header .inside		{width:980px;}
#logo				{margin-top:3px; height:125px;}
#social				{width:170px; height:30px; float:right; margin-top:8px; margin-right:10px;}
#header .social-icons{position:relative;margin-top:31px;right:10px;text-align:right}
#wrapper .social-icons li,.social-icons li{width:24px;height:24px;list-style:none;overflow:hidden;display:inline-block;margin:0 3.5px;padding:0}
#wrapper .social-icons li a,
.social-icons li a{position:relative;top:-24px;display:block;height:0;padding-top:48px;overflow:hidden;background-repeat:no-repeat}
.facebook a{background-image:url(../images/social/s1.png);}
.twitter a{background-image:url(../images/social/s2.png);}
.linkedin a{background-image:url(../images/social/s3.png);}
.googleplus a{background-image:url(../images/social/s4.png);}
.youtube a{background-image:url(../images/social/s5.png);}
.tel		{float:right; font-size:19px; display:block; text-align:right; margin:35px -160px 0 0; line-height:35px; letter-spacing:.7px;}
/***************** header ****************/


/***************** menu ****************/
nav				{margin:0 auto; background:#333; width:100%; height:64px;}
.flexy-menu		{position:relative; font-family:"Source Sans Pro",Segoe UI,Arial; background:#333; width:1000px !important; margin:0 auto !important;}
.flexy-menu li	{font-size:14px; line-height:24px; position:relative; display:block; float:left;}
.flexy-menu>li>a{
	padding:20px 27px; color:#ccc; display:block; text-transform:uppercase;
	-webkit-transition:color .2s linear,background .2s linear;
	-moz-transition:color .2s linear,background .2s linear;
	-o-transition:color .2s linear,background .2s linear;
	transition:color .2s linear,background .2s linear
}
.flexy-menu li:hover a		{background:#222;color:#fff}
.flexy-menu li.active a	{background:#900;color:#fff}
.flexy-menu li.right		{float:right;}
.flexy-menu ul,.flexy-menu ul li ul{display:none;position:absolute;z-index:99999;width:250px; background:#333;box-shadow:0 1px 1px rgba(0,0,0,0.3)}
.flexy-menu ul{top:63px;left:0;}
.flexy-menu ul li ul{top:0;left:100%}
.flexy-menu ul li{clear:both;width:100%;border:0;font-size:12px}
.flexy-menu ul li a{padding:8px 20px;width:100%;color:#dedede;font-size:13px;text-decoration:none;display:inline-block;float:left;clear:both;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-webkit-transition:color .2s linear,background .2s linear;-moz-transition:color .2s linear,background .2s linear;-o-transition:color .2s linear,background .2s linear;transition:color .2s linear,background .2s linear
}
.flexy-menu ul li a:hover	{background:#333; display:block;}
/***************** menu ****************/


/***************** video and add ****************/
#slide-cont	{width:980px; height:auto; margin:0 auto;}
#vid_player	{width:740px; height:400px; float:left; background:#background:#f5f5f5;}
#ad			{width:240px; height:400px; float:right; background:url(../images/add.jpg) no-repeat;}
/***************** video and add ****************/


/***************** contetnt area ****************/
#maincontent		{overflow:hidden; width:980px; height:auto; margin:0 auto; margin-top:0px; margin-bottom:30px;}
#maincontent .cont-img	{
	margin-bottom:25px;
	-moz-box-shadow: 0 0 8px #888;
	-webkit-box-shadow: 0 0 8px #888;
	box-shadow: 0 0 8px #888;
	-o-box-shadow: 0 0 8px #888;
}
#maincontent .left	{float:left; width:315px; height:auto; margin-right:30px; border-right:2px solid #ccc;}
#maincontent .left .title	{color:#990000; line-height:30px; font-size:34px; font-weight:700; font-family:Calibri, Arial, sans-serif;}
#maincontent .left .title2	{color:#333; line-height:36px; font-size:19px;}
#maincontent .left .title2 strong {color:#333; font-size:26px;}
#maincontent .left .title2:hover	{}
#maincontent .arrow	{background:url(../images/arrow.jpg) no-repeat center; position:absolute; width:34px; height:49px; margin:60px 0 0 310px}

#maincontent .right			{width:620px; height:auto; float:right;}
#maincontent .right .title	{color:#900; line-height:30px; font-size:16px; font-weight:600; font-family:Lato, Arial, sans-serif;}

.outbox			{float:left; display:block; width:300px; height:160px;}
.outbox img		{width:72px;} 
.box-in			{margin-top:-80px; margin-left:80px;}
.box-in li		{line-height:22px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333; font-weight:bold;}
.box-in a		{background:#900; padding:6px 12px; color:#fff; margin-top:3px; display:block; width:83px; text-align:center;}
.box-in a:hover	{background:#222;}
/***************** contetnt area ****************/



/***************** 3 box content ****************/
footer				{width:100%; height:225px; background:#333; color:#fff;}
footer .in			{width:980px; height:auto !important; margin:0 auto; }
.meinbox			{width:290px; height:auto; float:left; padding:12px 20px; display:block;}
.meinbox .title		{font-size:20px; font-weight:500; line-height:35x; background:#900; padding:12px 20px; margin-bottom:10px;}
.meinbox .title:hover{background:#222; cursor:pointer; color:#fff;}
.meinbox p			{font-size:13px; line-height:22px; color:#999 !important; margin-top:7px;}
.copyright			{text-align:center; font-size:13px; margin-top:8px; font-family:Arial, Helvetica, sans-serif; letter-spacing:1px;}
.copyright a		{color:#CC0; font-weight:bold;}
.copyright a:hover	{color:#fff;}
/***************** 3 box content ****************/


/***************** portfolio ****************/
img	{max-width:100%;}

.column3_1				{float:left; width:270px; margin-left:40px; margin-bottom:25px;
-moz-box-shadow: 0 0 8px #888;
-webkit-box-shadow: 0 0 8px #888;
box-shadow: 0 0 8px #888;
-o-box-shadow: 0 0 8px #888;
}
.project-cell			{line-height:0px;}
.project-cell-thumb		{position:relative;}
.project-cell-thumb img	{}
.project-cell-bg		{position:absolute; left:0px; top:0px; width:100%; height:100%; opacity:0; z-index:10;
	filter:alpha(opacity=0);
	transition: all 300ms ease-out;
	-webkit-transition: all 300ms ease-out;
}
.project-cell-hover		{position:absolute; left:0px; top:50%; width:100%; height:70px; line-height:18px; text-align:center; margin-top:-35px; opacity:0;
	filter:alpha(opacity=0);
	transition: all 300ms ease-out;
	-webkit-transition: all 300ms ease-out;
	z-index:11;
}
.project-cell:hover .project-cell-bg	{opacity:1; filter:alpha(opacity=100);}
.project-cell:hover .project-cell-hover	{opacity:1; filter:alpha(opacity=100);}
.project-cell-title						{padding-bottom:0px;}
.project-cell-category					{padding-bottom:8px;}
.project-cell-title a					{font-family:'Lato',Arial !important; font-size:22px; line-height:36px; font-style:normal; font-weight:700;}
.project-cell-category a				{font-family:'Lato',Arial !important; font-size:24px; line-height:30px; font-style:normal; font-weight:400;}
.project-cell-bg						{background-color:#900; cursor:pointer;}
.project-cell-title a					{color:white;}
.project-cell-category a,.project-cell-category	{color:rgba(255, 255, 55, 0.7);}
/***************** portfolio ****************/

.testim				{color:#900; font-size:17px; font-weight:600; margin-top:8px; display:block;}
.package-plan {
	background:none repeat scroll 0 0 #eee;
	border:4px solid #CDCDCD;
	border-radius:50% 50% 50% 50%;
	box-shadow:2px 2px 15px rgba(0, 0, 0, 0.15);
	height:100px;
	left:173px;
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
	position:relative;
	top:56px;
	transition:all 0.4s ease-out 0s;
	width:250px;
	z-index:999;
}
.package-plan h2	{color:#222; font-size:20px; font-weight:bold; margin:20px 0 0 5px; padding:0; text-align:center;}
.package-plan label {color:#DBC404; width:250px; text-align:center; font-weight:bold; font-size:32px; margin-left:70px;}

.features-list	{margin:0;padding:0 0 0 5px;border:5px solid #fff;border-radius:15px;background:#2b2b2b;box-shadow:2px 2px 15px rgba(0, 0, 0, 0.15);}
.features-list li				{border-bottom:1px solid #CDCDCD; padding:7px 3px; color:#fff; font-size:13px;}
.features-list li:last-child	{border:none; }
.feature						{border-bottom:1px solid #cdcdcd; padding:12px 0 8px 0; width:97%; margin:0 auto;}
.feature h3						{padding:0; color:#555; font-weight:500; font-size:22px;}
.feature p						{margin:0;}
.feature .premium img			{margin-left:49%;}
.image_solutions				{margin-bottom:-70px; margin-top:20px;}
.content_resalt h2				{border-bottom:1px solid #cdcdcd;}



/***************** contact us style ****************/
#form-container		{background-color:#f5f5f5; padding:15px; line-height:35px; -moz-border-radius:12px; -webkit-border-radius:12px; border-radius:12px;}
td					{white-space:nowrap;}
label				{text-transform:uppercase; font-size:10px; font-family:Tahoma,Arial,Sans-serif;}
textarea			{color:#404040; font-family:Arial,Helvetica,sans-serif; font-size:12px;}
td > button			{text-indent:8px;}
.error				{background:#AB0000; color:#fff; font-size:10px; font-weight:bold; margin-top:10px; padding:10px; text-transform:uppercase; width:240px;}
#loading			{position:relative; bottom:9px; visibility:hidden;}
/***************** contact us style ****************/


/***************** gro page style ****************/
.mid-title		{text-align:center; color:#333; letter-spacing:1px; font-size:28px; font-family:'Lato', Arial, sans-serif; font-weight:bold; text-transform:uppercase;}
.growlist		{width:980px; margin:0 auto; text-align:center; color:#990000; font-size:17px; font-weight:bold;}
.growlist ul li	{margin-left:130px; display: inline-block;}