/* Author : Nishant Patil */

/* ######## Fonts use ######### */
body, input, button,select,textarea, .navbar-search .search-query 
					{font-family: "Arimo", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:400}

h1,h2,h3			{font-family:"Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:400}

.txt-light, .txt-xtra-bold, .fnt-second-normal, .fnt-second-bold, .fnt-second-light,
.fnt-second-light	{font-family:Open Sans, Arial, Helvetica, sans-serif;}

.quote-txt			{font:italic 15px/22px Georgia, "Times New Roman", Times, serif;}

/* ######## General Elements ######### */

h1, h2, h3,
h4, h5, h6			{margin:0px; margin-bottom:10px;}
strong,b			{font-weight:700}
em,i				{font-weight:700italic}
a:hover				{-webkit-transition: color 0.15s linear; -moz-transition: color 0.15s linear; -o-transition: color 0.15s linear; transition: color 0.15s linear;}
ul,ol,li			{list-style-type:none; margin:0px; padding:0px;}
sup					{top: -0.3em;}
sub 				{bottom: -0.1em;}

.main .container	{padding-bottom:10px; overflow:hidden}
.edited-row			{padding:25px 0px 15px 20px;}
.container-fluid	{padding-left:14px; padding-right:15px;}

/* ######## Header1: Top Panel ######### */
.top-panel												{padding:4px 0px;}
.top-panel .container .tp-left							{font-size:12px;}
.top-panel .container .tp-left .span2					{width:auto;}
.top-panel .container .tp-right	.phone-no strong		{font-size:14px;}
.top-panel .container .tp-right	.phone-no,
.top-panel .container .tp-left,
.top-panel .container .tp-right	.phone-no .icon-phone	{margin-top:3px;}
.top-panel .container .tp-right	.ss-icons 				{padding-top:5px;}
.top-panel .container .tp-right	.ss-icons a 			{float:right; margin-left:5px; margin-left:10px;}
.top-panel .container .tp-right	.ss-icons a i.icon-mdm:before	{line-height:24px;}
.top-panel .container .tp-right	.ss-icons a:hover		{text-decoration:none;}

/* ######## Header2: Logo and Nav Panel ######### */
.logo-n-nav						{position:relative; padding:10px 0px 0px 0px;}
.logo-n-nav #logo				{margin-top:10px;}
.logo-n-nav #logo a				{display:block; float:left; width:142px; text-indent:-9999px; height:44px; background:url(../img/logo.png) no-repeat top left;}
.logo-n-nav #logo .slogan		{display:block; float:left; font-size:12px; font-weight:400; padding:10px; margin-left:10px; line-height:18px; background:url(../img/vr-white.png) no-repeat center left;}


.navbar 						{margin-bottom:0px; margin-top:10px;}
.navbar .nav li					{padding-right:5px; background:url(../img/menu-divider.png) no-repeat top right}
.navbar .nav li	a				{text-transform:uppercase; font-size:12px; padding-bottom:36px; }
								  
.navbar .nav > .active > a, 
.navbar .nav > .active > a:hover, 
.navbar .nav > .active > a:focus 	{-webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none;}

.navbar .nav li	a:hover,
.navbar .nav li.active a,
.navbar .nav li.active a:hover		{color:#999; background:url(../img/transparent-white-10pc.png) repeat-x bottom transparent;}

.navbar .nav li.dropdown.open > .dropdown-toggle, 
.navbar .nav li.dropdown.active > .dropdown-toggle, 
.navbar .nav li.dropdown.open.active > .dropdown-toggle		{background-color:transparent; color:#b5d44b}
.navbar .nav > li > .dropdown-menu:after					{border:none}
.navbar .nav > li > a:focus, .navbar .nav > li > a:hover	{color:#b5d44b}

.dropdown-menu										{padding:0px;}
.navbar .nav li .dropdown-menu li					{background-image:none; padding:0px;}
.navbar .nav li .dropdown-menu li a					{padding-top:8px; padding-bottom:8px; text-align:right; text-transform:none; }
.navbar .nav li .dropdown-menu li a:hover			{color:#fff; background:#28292c url(../img/bg-dd-menu-hover.gif) repeat}
.navbar .nav li .dropdown-menu li:first-child a		{border-top:0px;}
.navbar .nav li .dropdown-menu li:last-child a		{border-bottom:0px;}
.navbar .nav li.open a.dropdown-toggle				{color:#b5d44b; background:url(../img/color-green.gif) repeat-x bottom}


/* ######## Header3: Slider ######### */
/* This css contains simple slider's css */
.carousel						{margin-bottom:0px;}
.carousel a.left				{text-indent:-9999px; border:0px; background:url(../img/arrow-carousel.png) no-repeat top left}
.carousel a.right				{text-indent:-9999px; border:0px; background:url(../img/arrow-carousel.png) no-repeat bottom left}
.carousel-control				{z-index:21;}

.slider-inner 					{overflow:hidden;}
.slider-inner .sdr-innpg-data	{width:50%; float:left; text-align:right; padding-top:25px;}
.slider-inner .sdr-innpg-img	{width:49%; float:right; position:relative}
.slider-inner .sdr-innpg-img .vr-white-gradient	{position:absolute; height:100%; width:100px; top:0px; left:0px;}
.slider-inner .clearfix div		{float:right;}

/* ######## Homepage Container ######### */
.main .hm-services 				{background:#f6f5f6; padding-top:20px; padding-bottom:10px; border-bottom-width:0px;}
						  
.hm-video						{overflow:hidden;}

ul.next-prev					{overflow:hidden; margin:0px;}
ul.next-prev li					{float:left; margin-right:10px; list-style-type:none;}
ul.next-prev li	a				{display:block; width:28px; height:24px; text-indent:-9999px; background:url(../img/common.png) no-repeat top left}
ul.next-prev li	a.next			{background-position:-37px -48px;}
ul.next-prev li	a.prev			{background-position:0px -48px;}
ul.next-prev li a.next:hover	{background-position:-37px -82px;}
ul.next-prev li	a.prev:hover	{background-position: 0px -82px;}

.recent-work					{overflow:hidden}
.recent-work .row div			{text-align:center;}

.features ul li					{padding-bottom:20px;}
.features h4					{margin-left:0px;}

.news ul.well					{padding-bottom:0px;}
.news ul li						{padding:10px 0px; border-bottom:1px solid #ddd;}
.news ul li	.muted				{font-size:11px}
.news ul li.highlight			{padding-top:0px;}
.news ul li.btm					{padding:5px 0px; border-bottom-width:0px; overflow:hidden}

#tabs							{padding-left:10px; padding-top:8px; background:#edf2f4;}
#tabs li 						{margin-right:10px;}
#tabs li a						{background:#eef2f4 url(../img/tab-bg.gif) repeat-x top; border:1px solid #ddd;}
#tabs li.active a				{background:#fff url(../img/tab-selected-bg.gif) repeat-x top; border-bottom-color:transparent;}

.tab-content					{clear:both}

.logo-slider h2						{overflow:hidden; padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #ddd}
.logo-slider h2 .arrow-left,
.logo-slider h2 .arrow-right		{display:block; float:right; margin-top:10px; width:28px; height:24px; margin-right:10px; text-indent:-9999px; background:url(../img/common.png) no-repeat 0px -48px;}
.logo-slider h2 .arrow-right		{background:url(../img/common.png) no-repeat -37px -48px;}
.logo-slider h2 .arrow-left:hover	{background:url(../img/common.png) no-repeat -0px -82px;}
.logo-slider h2 .arrow-right:hover	{background:url(../img/common.png) no-repeat -37px -82px;}

.cust-logo-sclr	.clogos				{position:relative; height:50px; float:left; padding:20px 12px; text-align:center; vertical-align:top; background:url(../img/customer-logo-divider.png) no-repeat right center;}
.cust-logo-sclr	.clogos	span		{position:absolute; z-index:8; display:block; text-align:center; vertical-align:top; opacity: 0.3; filter: alpha(opacity=30);}
.cust-logo-sclr	.clogos span:hover,
.cust-logo	a span:hover			{opacity: 1;
									 filter: alpha(opacity=100);
									  -webkit-transition: opacity 0.60s linear;
										 -moz-transition: opacity 0.60s linear;
										  -ms-transition: opacity 0.60s linear;
										   -o-transition: opacity 0.60s linear;
											  transition: opacity 0.60s linear;
									}
									
.cust-logo							{overflow:hidden;}
.cust-logo	a						{position:relative; height:50px; text-align:center; vertical-align:top; padding:20px 10px; margin:0px;}
.cust-logo	a.logo-tl				{background:url(../img/logo-top-left-brdr.png) no-repeat bottom right; clear:left;}
.cust-logo	a.logo-c				{background:url(../img/logo-brdr.png) no-repeat bottom center;}
.cust-logo	a.logo-c2				{background:url(../img/logo-center-brdr.png) no-repeat bottom left;}
.cust-logo	a.logo-tr				{background:url(../img/logo-top-right-brdr.png) no-repeat bottom left;}

.cust-logo	a.logo-ml				{background:url(../img/logo-mid-left-brdr.png) no-repeat bottom right; clear:left;}
.cust-logo	a.logo-mr				{background:url(../img/logo-mid-right-brdr.png) no-repeat bottom left;}

.cust-logo	a.logo-bl				{background:url(../img/logo-brdr-vr.png) no-repeat bottom right; clear:left;}
.cust-logo	a.logo-br				{background:url(../img/logo-brdr-vr.png) no-repeat bottom left;}

.cust-logo	a span					{position:absolute;height:50px; z-index:8; padding:0px; margin-left:0px; display:block; text-align:center; vertical-align:top; opacity: 0.3; filter: alpha(opacity=30);}

.intro-txt h1						{text-align:center; color:#000; line-height:50px; font-size:34px; font-weight:300}

.features2							{text-align:center;}

.features3 ul li h4					{float:left; padding-left:10px;}
.features3 ul li p					{clear:both;}

.rcnt-work [class*="span"]			{height:150px; overflow:hidden; position:relative;}
.rcnt-work [class*="span"] img		{width:auto !important; max-width:none !important}

a.hover-effect						{position:absolute; top:0px; left:0px; bottom:0px; right:0px; background-color:rgba(0,0,0,0); -moz-transition: background-color 1s;}
a.hover-effect:hover				{background-color:rgba(0,0,0,0.8);}
a.hover-effect span					{position:absolute; top:40%; left:30%; display:block; visibility:hidden; width:40px; height:40px; opacity:0.0; -moz-transition: opacity 1s;}
a.hover-effect i					{text-align:left; font-size:42px; text-decoration:none; color:#ccc; visibility:hidden; position:absolute; top:40%; left:30%; opacity:0.0; -moz-transition: opacity 1s;}
a.hover-effect:hover i				{visibility:visible; opacity:0.8;
									 left:40%; 
									  -webkit-transition: left 0.99s ease;
										 -moz-transition: left 0.99s ease;
										  -ms-transition: left 0.99s ease;
										   -o-transition: left 0.99s ease;
											  transition: left 0.99s ease;}
a.hover-effect span.zoom			{background:url(../img/zoom.png) no-repeat bottom left;}
a.hover-effect:hover span.zoom		{visibility:visible; background:url(../img/zoom.png) no-repeat top left; opacity:0.8;
									 left:40%; 
									  -webkit-transition: left 0.99s ease;
										 -moz-transition: left 0.99s ease;
										  -ms-transition: left 0.99s ease;
										   -o-transition: left 0.99s ease;
											  transition: left 0.99s ease;}

a.hover-effect span.link			{background:url(../img/link.png) no-repeat bottom left;}
a.hover-effect:hover span.link		{visibility:visible; background:url(../img/link.png) no-repeat top left; opacity:0.8;
									 left:40%; 
									  -webkit-transition: left 0.99s ease;
										 -moz-transition: left 0.99s ease;
										  -ms-transition: left 0.99s ease;
										   -o-transition: left 0.99s ease;
											  transition: left 0.99s ease;}

.slider-nav							{overflow:hidden}
.slider-nav a						{width:14px; height:14px; float:left; margin-left:10px; background:url(../img/slider-nav.png) no-repeat top right}
.slider-nav a.selected,
.slider-nav a:hover					{background:url(../img/slider-nav.png) no-repeat top left}
.slider-nav span 					{display:none;}
.hm-testimonial .slider-nav			{margin-left:30%; margin-top:10px}

.action-block,
.hm-action-block					{background:#f8f9fb; border:1px solid #EEE; border-left:0px; border-right:0px; padding:15px 10px 25px 10px;}
.action-block ul,
.hm-action-block ul					{overflow:hidden}
.action-block ul li,
.hm-action-block ul li				{color:#425a7b;}

.action-block-white	ul				{overflow:hidden; margin:auto; float:none; background:#fff url(../img/gradient-black.png) repeat-x top; border:1px solid #e3e3e3;}
.action-block-white	ul				{-moz-box-shadow:0px 0px 3px #eee; -webkit-box-shadow:0px 0px 3px #eee; box-shadow:0px 0px 3px #eee;}
.action-block-white	ul li			{padding:18px 0px 15px 0px;}

.brdr-right-divider					{background:url(../img/dotted-divider.png) repeat-y top left; margin-left:8px; padding-left:15px;}

.hm-news ul li						{padding:5px 0px; overflow:hidden; border-bottom:1px solid #eee; position:relative;}
.hm-news ul li.ftr img				{width:90%}
.hm-news ul li.ftr .nw-data			{margin-left:10px;}
.hm-news ul li.general i			{float:left; display:block; position:absolute; top:7px; left:0px; opacity: 0.4; filter: alpha(opacity=40);}

.hm-tweet ul li						{border-bottom:1px solid #ccc; padding:5px 0px;}
.hm-tweet ul li.btn-row				{border-bottom:0px; padding-bottom:0px; padding-top:10px}


/* ######## Slide Panel ######### */
.left-sidepanel aside			{padding:0px 10px 50px 10px; overflow:hidden; background:url(../img/sidebar-divider.png) no-repeat bottom right;}

.right-sidepanel aside			{float:right; padding:0px 10px 50px 10px; overflow:hidden; background:url(../img/sidebar-divider.png) no-repeat bottom left;}
.right-sidepanel .data-holder	{float:right;}

.left-sidepanel aside h4,
.right-sidepanel aside h4		{font:300 24px open sans; letter-spacing:-1px; margin-top:20px; margin-bottom:10px; padding-bottom:5px; border-bottom:1px solid #eee;}

ul.list-link-n-arrow li			{border-bottom:1px solid #eee;}
ul.list-link-n-arrow li a		{display:block; padding:8px 0px 8px 17px; background:url(../img/common.png) no-repeat 5px -112px}
ul.list-link-n-arrow li a.select{color:#666; font-weight:700}

ul.flkr-3in1					{overflow:hidden;}
ul.flkr-3in1 li					{float:left; width:25%; margin:5px 8px;}

.full-row						{display:block !important; width:98% !important;}

blockquote.edited				{padding:0px; border:0px;}
blockquote.edited p				{font:italic 14px/22px Georgia, "Times New Roman", Times, serif; text-indent:15px; margin-bottom:10px; background:url(../img/quote-top.png) no-repeat 0px 5px;}
blockquote.edited .slider-nav	{margin:15px 0px 10px 0px;}

.left-sidepanel aside ul.news li,
.right-sidepanel aside ul.news li	{border-bottom:1px solid #eee; padding:5px 0px;}


/* ########### data-holder ############# */
.data-holder .divider-line		{width:100%; padding-top:15px; margin-bottom:15px;}

table.about-stats				{border:1px solid #dfdfdf; border-left:0px; width:auto; text-align:center;}
table.about-stats td,
table.about-stats th			{border-left:1px solid #dfdfdf; padding:5px; background:#ebebeb}
table.about-stats th			{border-bottom:1px solid #dfdfdf; background:#f5f5f5; color:#d94027; font:300 60px/normal open sans;}
table.about-stats th.gride		{background:#fafafa;}
table.about-stats td.gride		{background:#f5f5f5;}

.team-blk 						{margin-bottom:20px;}
.team-blk div					{background:#f3f3f3 url(../img/gradient-black.png) repeat-x top;}
.team-blk p						{margin:0px; text-align:center; padding:5px 0px; border:1px solid #d2d7d9; border-top:0px; background:#f3f3f3 url(../img/gradient-black-small.png) repeat-x top;}
.team-blk p.ss-icon				{background:#efefef;}

.service-design					{clear:both; overflow:hidden;}
.service-design div				{background:#f5f5f5; margin:0px; padding:15px 5px 15px 15px}
.service-design .ser-highlight	{background:#f9f9f9; border-right:1px solid #fff; text-align:center; margin-left:20px; padding:15px 0px;}
.service-design .circle-grey	{display:block; margin:auto; margin-bottom:20px;}
.circle-grey i					{font-size:60px; line-height:100px; color:#fff}

ul.tab-separated				{overflow:hidden; border:1px solid #ccc; background:none; float:left; padding:0px !important; margin:0px;}
ul.tab-separated				{-moz-box-shadow:3px 4px 3px #eee; -webkit-box-shadow:3px 4px 3px #eee; box-shadow:3px 4px 3px #eee;}
ul.tab-separated li				{margin-right:0px !important;}
ul.tab-separated li a			{border:0px !important; border-left:1px solid #ddd !important; text-transform:uppercase; font-weight:700; color:#b4b4b4; padding:5px 20px}

.faq .tab-separated						{}
.faq .tab-content						{overflow:hidden; margin-top:30px;}
.faq .tab-content .accordion-group		{border:0px; border-top:1px solid #eee;}
.faq .tab-content .accordion-heading .accordion-toggle		{padding:12px 15px 12px 40px; background:url(../img/common.png) no-repeat -40px -172px; font-size:16px; font-weight:700}
.faq .tab-content .in					{border-top:3px solid #03a4a1; margin-bottom:30px;}

.pricing-table							{margin:auto; float:none; overflow:hidden; padding:10px;}
.pricing-table ul						{margin-left:-1px; border:1px solid #d4d4d4; -moz-box-shadow:1px 1px 3px #CCC; -webkit-box-shadow:1px 1px 3px #CCC; box-shadow:1px 1px 3px #CCC;}
.pricing-table ul:first-child			{margin-left:10px;}
.pricing-table ul li					{background:#f8f7f3; position:relative; overflow:hidden; text-align:center; padding:12px 5px; border-bottom:1px solid #e8e3d7; border-top:1px solid #fff;}
.pricing-table ul li.gride2				{background:#f1efe7;}
.pricing-table ul li .hdg-inner			{background:#05a5a3 url(../img/gradient-black-small.png) repeat-x top; text-transform:uppercase; color:#fff; font-size:28px; padding:20px 0px; margin-bottom:10px; border-bottom:1px solid #06908d}
.pricing-table ul li.hdg				{background:#05a4a1 url(../img/gradient-white.png) repeat-x top; padding:0px 0px 10px 0px; border-top-color:#05afac; color:#033;}
.pricing-table ul li.gride-btn			{background:#fff url(../img/gradient-black-small.png) repeat-x top; padding:20px 0 25px 0;}
.pricing-table ul li.gride-btn a		{float:none;}
.pricing-table ul li .band				{position:absolute; right:-10px; bottom:-10px;}

.pricing-table ul.selected 				{border:0px; border-bottom:3px solid #fff;}
.pricing-table ul.selected li			{border-left:3px solid #fff; border-right:3px solid #fff; position:relative;}
.pricing-table ul.selected li.hdg		{background:#f5494b url(../img/gradient-white.png) repeat-x top; color:#300; border-top:3px solid #f99; border-left:3px solid #f99; border-right:3px solid #f99;}
.pricing-table ul.selected li .hdg-inner{background:#e34346 url(../img/gradient-black-small.png) repeat-x top; border-bottom-color:#cb383b; overflow:hidden}


.pricing-table2							{margin:auto; float:none; overflow:hidden; padding:10px;}
.pricing-table2 ul						{margin-left:-1px; border:1px solid #d4d4d4; -moz-box-shadow:1px 1px 3px #CCC; -webkit-box-shadow:1px 1px 3px #CCC; box-shadow:1px 1px 3px #CCC;}
.pricing-table2 ul:first-child			{margin-left:10px;}
.pricing-table2 ul li					{background:#ecf0f7; position:relative; overflow:hidden; text-align:center; padding:12px 5px; border-bottom:1px solid #d1dee5; border-top:1px solid #fff;}
.pricing-table2 ul li.gride2			{background:#e7eef2;}
.pricing-table2 ul li .hdg-inner		{background:#354866 url(../img/gradient-black-small.png) repeat-x top; text-transform:uppercase; color:#fff; font-size:28px; padding:20px 0px; margin-bottom:10px; border-bottom:1px solid #28354a}
.pricing-table2 ul li.hdg				{background:#344966 url(../img/gradient-white.png) repeat-x top; padding:0px 0px 10px 0px; border-top-color:#05afac; color:#fff;}
.pricing-table2 ul li.gride-btn			{background:#fff url(../img/gradient-black-small.png) repeat-x top; padding:20px 0 25px 0;}
.pricing-table2 ul li.gride-btn a		{float:none;}
.pricing-table2 ul li .band				{position:absolute; right:-10px; bottom:-10px;}

.pricing-table2 ul.selected 			{border:0px; border-bottom:3px solid #fff;}
.pricing-table2 ul.selected li			{border-left:3px solid #fff; border-right:3px solid #fff; position:relative;}
.pricing-table2 ul.selected li.hdg		{background:#658e2f url(../img/gradient-white.png) repeat-x top; color:#fff; border-top:3px solid #D1DEE5; border-left:3px solid #D1DEE5; border-right:3px solid #D1DEE5;}
.pricing-table2 ul.selected li .hdg-inner{background:#658e2f url(../img/gradient-black-small.png) repeat-x top; border-bottom-color:#55772a; overflow:hidden}


.portfolio .slider-nav					{width:130px; margin:20px auto;}
.portfolio .lines						{padding:8px 0px; border-bottom:1px solid #eee; border-top:1px solid #eee; margin-top:15px;}

.portfolio2	.row						{overflow:hidden;}
.portfolio2	.span2, .portfolio2	.span3,
.portfolio2	.span4, .portfolio2	.span6	{margin-bottom:30px; position:relative}
.portfolio2	.info						{background:#fff url(../img/gradient-black.png) repeat-x top; border:1px solid #eee; padding:10px; position:relative}
.portfolio2	.info .corner				{position:absolute; bottom:-1px; right:-1px;}
.portfolio2	.info .shadow				{position:absolute; bottom:-9px; left:0px; width:100%; height:8px;}

.port-detail .slider-nav				{margin-left:40%;}

.map-n-add								{position:relative;}
.map-n-add .live-map					{border-bottom:3px solid #345263;}
.map-n-add .contact-add					{position:absolute; bottom:-4px; left:100px; background:#345263}
.map-n-add .contact-add .accordion-group{margin-bottom:0px; border:0px; border-top:1px solid #426578; border-bottom:1px solid #223b4a;}
.map-n-add .contact-add .accordion-inner{border:0px; padding:0 15px;}
.map-n-add .contact-add a.accordion-toggle	{color:#C2DF62; text-transform:uppercase;}

.xtra-contact							{background:#fff url(../img/gradient-black.png) repeat-x top; border-bottom:1px solid #d1dce2;}

.blog-article							{background:#fff; border:1px solid #eee; margin-bottom:20px;}
.blog-article							{-moz-box-shadow:0px 0px 3px #ccc; -webkit-box-shadow:0px 0px 3px #ccc; box-shadow:0px 0px 3px #ccc;}
.blog-article .article-box p			{margin:10px;}
.blog-article .article-box ul			{background:#f5f6f6; padding:10px; border-top:1px solid #e8ebed; font-size:11px;}
.pagination-centered					{border-top:1px solid #eee; border-bottom:1px solid #eee; padding:10px;}

.pagination ul > li > a, 
.pagination ul > li > span				{background:#fff url(../img/gradient-black-small.png) repeat-x top; color:#535A5F; font-weight:700;}

.pagination ul > li > a:hover,
.pagination ul > .active > a,
.pagination ul > .active > span			{background:#21a5d1 url(../img/gradient-white-small.png) repeat-x bottom; color:#fff;
										  -webkit-transition: background 0.09s ease;
											 -moz-transition: background 0.09s ease;
											  -ms-transition: background 0.09s ease;
											   -o-transition: background 0.99s ease;
												  transition: background 0.09s ease;}
.pagination ul > li > a, 
.pagination ul > li > span							{line-height:32px;}
.pagination											{height:auto;}
.pagination ul										{margin:0px;}

.comments ul										{padding-bottom:15px; margin-bottom:15px;}
.comments ul.sub-comment							{margin-left:60px;}

ul.the-icons li		{padding:10px;}
ul.the-icons li i	{padding-right:5px;}

.show-grid div,
.show-grid-main		{background-color:#EEE; line-height:30px; min-height:30px; text-align: center; margin-bottom:15px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}

.spshowhide			{padding:10px; text-align:center; border-bottom:1px solid #eee;}

a:focus 			{outline:none}
.att_sortable li	{float:left;}
.slider-nav a.selected {background: url("../img/slider-nav.png") no-repeat scroll left top transparent;}
.slider-nav span 	{display: none;}
.ele1, .ele1 div 	{height:400px;}

.att_carousel > div	{visibility:hidden;}

#contact_map		{height:400px; width:100%;}

/* color palette on left side (You can delete this css) */
.c_patterns 		{list-style:none; margin:0px;}
.c_patterns li 		{float: left; height: 20px; width: 18px; margin: 5px; border: 1px solid #CCC; cursor: pointer;}
#colorpanel 		{overflow: hidden; position: fixed; left: 0px; top: 200px; width: 70px; z-index: 999;}
.colorbtn 			{position: relative; float: right; right: -31px; top: -194px; background:#fff url(../img/color_wheel.png) no-repeat center; cursor: pointer; border: 1px solid #666; border-left-width: 0px; width:30px; height:30px;}
.colour_patterns 	{position: relative; left: -66px; height: 260px; width: 64px; background-color: #fff; border: 1px solid #666;}

.colour_patterns h5	{display:none}

.dark-black        	{background:#1d1d1d;}
.dark-blue			{background:#00274e;}
.jellybean-white	{background:#34075a;}
.light-imperial     {background:#483650;}
.red-white			{background:#610920;}
.dark-ebony        	{background:#3b3c32;}
.light-yellow       {background:#3a4c58;}
.blue-orange        {background:#183d46;}
.blue-white        	{background:#083d59;}
.light-green        {background:#439b4e;}
.brown-white        {background:#2d281d;}
.light-blue        	{background:#3d405f;}
.dark-dimgrey       {background:#313037;}
.brown-creame       {background:#23192d;}
.green-white        {background:#014d38;}
/* color palette ENDs */


/* ######## Footer ######### */
footer.container-fluid		{padding:0px;}
footer .container			{padding-top:30px; overflow:hidden;}
footer .ss-icons-ftr a		{margin:3px;}
footer section				{padding:15px 0px;}
footer section .container	{border:0px; padding-top:0px; color:#999; font-size:12px}
footer section a			{padding:5px;}
footer a:hover				{color:#CCC;}


/* ######## Background Colors ######### */
.bg-white				{background:#fff;}
.bg-grey				{background:#999}
.bg-dark-grey			{background:#333;}
.bg-black				{background:#000;}
.bg-green				{background:#690;}
.bg-blue				{background:#07439b;}
.bg-red					{background:#D94027}
.bg-red					{background:#d92c09}
.bg-dark-blue			{background:#345263}
.bg-turquoise			{background:#15afd5;}
.bg-yellow				{background:#f8f022}

/* ######## Text Color ######### */
a.link-white,
.link-turquoise:hover,
.txt-white				{color:#fff;}
.txt-dull-white			{color:#dde1eb;}
a.link-grey,
.txt-grey				{color:#999}
a.link-dark-grey,
.txt-grey-dark			{color:#333;}
a.link-black,
.txt-black				{color:#000;}
.txt-red				{color:#d92c09}
.txt-green				{color:#690;}
.link-turquoise,
a.link-white:hover,
.txt-turquoise			{color:#15afd5;}
.txt-yellow				{color:#f8f022}
.txt-blue-light			{color:#8993ad;}
.txt-blue				{color:#07439b;}
.txt-dark-blue			{color:#345263}

a.link-white:hover		{color:#15afd5}
a.txt-hover-black i:hover, a.txt-grey-dark:hover
a.txt-hover-black:hover	{color:#000}
a.txt-dull-white:hover,
a.txt-grey:hover		{color:#fff}

a.link				{display:block; padding:5px 5px 5px 0px;}
a.link:after		{display: inline-block; padding-left:5px; font-size:15px; content: '\00BB';}
a.link-ftr			{color:#6d8fa2}

/* ######## Text Weight and transformation ######### */
.txt-bold				{font-weight:800;}
.txt-non-bold			{font-weight:400;}
.txt-light				{font-weight:300}
.txt-xtra-bold 			{font-weight:800}

.fnt-second-light		{font-weight:300}
.fnt-second-normal		{font-weight:400}
.fnt-second-bold		{font-weight:600}

.txt-cap 				{text-transform:uppercase}
.txt-lower 				{text-transform:lowercase}

.txt-one-line			{white-space:pre;}

/* ######### Alignment ######### */
txt-center-desktop, 
.txt-center				{text-align:center;}
.txt-right-desktop,
.txt-right				{text-align:right;}
txt-left-desktop, 
.txt-left				{text-align:left;}

.fleft, 
.fleft-desktop			{float:left; display:block} /* 'fleft-desktop' and 'fleft-desktop' Classes moves element to left or right   in desktop only */
.fright, 
.fright-desktop			{float:right; display:block}

.overflow-hidden		{overflow:hidden;}
.overflow-scroll		{overflow:scroll;}

.clearL					{clear:left;}
.clearR					{clear:right;}

.blk 					{display:block;}
.blk-none				{display:none;}
.blk-table				{display:table;}
.blk-inln 				{display:inline;}

.relative-block			{position:relative;}
.absolute-block			{position:absolute;}
.pos-inherit			{position:inherit}

/* ######## Text Sizes ######### */
.txt11					{font-size:11px}
.txt12					{font-size:12px}
.txt14					{font-size:14px;}
.txt15					{font-size:15px; line-height:20px;}
.txt16					{font-size:16px; line-height:24px;}
.txt18					{font-size:18px; line-height:26px;}
.txt20					{font-size:20px; line-height:28px;}
.txt24					{font-size:24px; line-height:30px;}
.txt26					{font-size:26px; line-height:32px;}
.txt30					{font-size:30px; line-height:36px;}
.txt36					{font-size:36px; line-height:40px;}
.txt40					{font-size:40px; line-height:44px; letter-spacing:-1px;}
.txt44					{font-size:44px; line-height:44px; letter-spacing:-1px;}
.txt48 					{font-size:48px; line-height:54px; letter-spacing:-1px;}
.txt60					{font-size:60px; line-height:60px; letter-spacing:-1px;}
.txt200					{font-size:200px; line-height:200px;}

.lh20					{line-height:20px !important;}
.lh24					{line-height:24px !important;}
.lh90					{line-height:90px !important;}

/* ######## Width and Height ######### 
pc = percentage */
.w100pc					{width:100%;}
.w98pc					{width:98%;}
.w95pc					{width:95%;}
.w90pc					{width:90%;}
.w88pc					{width:88%;}
.w85pc					{width:85%;}
.w80pc					{width:80%;}
.w78pc					{width:78%;}
.w75pc					{width:75%;}
.w70pc					{width:70%;}
.w68pc					{width:68%;}
.w65pc					{width:65%;}
.w60pc					{width:60%;}
.w58pc					{width:58%;}
.w55pc					{width:55%;}
.w50pc					{width:50%;}
.w48pc					{width:48%;}
.w45pc					{width:45%;}
.w40pc					{width:40%;}
.w38pc					{width:38%;}
.w35pc					{width:35%;}
.w30pc					{width:30%;}
.w28pc					{width:28%;}
.w25pc					{width:25%;}
.w20pc					{width:20%;}
.w18pc					{width:18%;}
.w15pc					{width:15%;}
.w10pc					{width:10%;}
.w8pc					{width:8%;}
.w5pc					{width:5%;}

.wauto					{width:auto;}

.w50px					{width:50px;}
.w80px					{width:80px;}
.w100px					{width:100px;}
.w150px					{width:150px;}
.w180px					{width:180px;}
.w240px					{width:240px;}
.w250px					{width:250px;}
.w260px					{width:260px;}
.w270px					{width:270px;}
.w280px					{width:280px;}
.w300px					{width:300px;}
.w320px					{width:320px;}
.w350px					{width:350px;}
.w400px					{width:400px;}

.hgtauto				{height:auto;}
.hgt100px				{height:100px;}
.hgt110px				{height:110px;}
.hgt120px				{height:120px;}
.hgt130px				{height:130px;}
.hgt140px				{height:140px;}
.hgt150px				{height:150px;}
.hgt160px				{height:160px;}
.hgt170px				{height:170px;}
.hgt180px				{height:180px;}
.hgt240px				{height:240px;}
.hgt250px				{height:250px;}
.hgt280px				{height:280px;}
.hgt300px				{height:300px;}
.hgt465px				{height:465px;}

/* ######## Padding and Margin ######### */
.mrg-auto	{margin:auto; float:none;}

.mrg0		{margin:0px;}
.mrg10		{margin:10px;}

.mrg1LB		{margin-left:1px; margin-bottom:1px;}
.mrg0LB		{margin-left:0px; margin-bottom:0px;}

.mrg0TB		{margin-top:0px; margin-bottom:0px;}
.mrg15TB	{margin-top:15px; margin-bottom:15px;}

.mrg0L		{margin-left:0px;}
.mrg10L		{margin-left:10px;}
.mrg20L		{margin-left:20px;}
.mrg30L		{margin-left:30px;}
.mrg40L		{margin-left:40px;}
.mrg50L		{margin-left:50px;}
.mrg60L		{margin-left:60px;}
.mrg70L		{margin-left:70px;}
.mrg80L		{margin-left:80px;}
.mrg90L		{margin-left:90px;}
.mrg100L	{margin-left:100px;}

.mrg0R		{margin-right:0px;}
.mrg10R		{margin-right:10px;}
.mrg20R		{margin-right:20px;}

.mrg0B		{margin-bottom:0px;}
.mrg1B		{margin-bottom:1px;}
.mrg5B		{margin-bottom:5px;}
.mrg8B		{margin-bottom:8px;}
.mrg10B		{margin-bottom:10px;}
.mrg15B		{margin-bottom:15px;}
.mrg20B		{margin-bottom:20px;}
.mrg30B		{margin-bottom:30px;}
.mrg40B		{margin-bottom:40px;}
.mrg50B		{margin-bottom:50px;}
.mrg60B		{margin-bottom:60px;}
.mrg70B		{margin-bottom:70px;}
.mrg80B		{margin-bottom:80px;}
.mrg90B		{margin-bottom:90px;}
.mrg100B	{margin-bottom:100px;}

.mrg0T		{margin-top:0px;}
.mrg10T		{margin-top:10px;}
.mrg20T		{margin-top:20px;}
.mrg40T		{margin-top:40px;}
.mrg50T		{margin-top:50px;}
.mrg60T		{margin-top:60px;}
.mrg70T		{margin-top:70px;}
.mrg80T		{margin-top:80px;}
.mrg90T		{margin-top:90px;}
.mrg100T	{margin-top:100px;}
.mrg110T	{margin-top:110px;}
.mrg120T	{margin-top:120px;}
.mrg130T	{margin-top:130px;}
.mrg140T	{margin-top:140px;}
.mrg150T	{margin-top:150px;}
.mrg180T	{margin-top:180px;}
.mrg190T	{margin-top:190px;}
.mrg200T	{margin-top:200px;}
.mrg210T	{margin-top:210px;}
.mrg220T	{margin-top:220px;}
.mrg230T	{margin-top:230px;}
.mrg240T	{margin-top:240px;}
.mrg250T	{margin-top:250px;}
.mrg260T	{margin-top:260px;}
.mrg270T	{margin-top:270px;}
.mrg280T	{margin-top:280px;}
.mrg290T	{margin-top:290px;}
.mrg300T	{margin-top:300px;}
.mrg310T	{margin-top:310px;}
.mrg330T	{margin-top:330px;}
.mrg350T	{margin-top:350px;}

.pdg-auto				{padding:inherit;}

.pdg0					{padding:0px;}
.pdg10					{padding:10px;}
.pdg20					{padding:20px;}

.pdg0TB					{padding-top:0px; padding-bottom:0px;}
.pdg10TB				{padding-top:10px; padding-bottom:10px;}

.pdg10LR				{padding-left:10px; padding-right:10px;}
.pdg20LR				{padding-left:10px; padding-right:10px;}
.pdg30LR				{padding-left:30px; padding-right:30px;}

.pdg0T					{padding-top:0px;}
.pdg5T					{padding-top:5px;}
.pdg6T					{padding-top:6px;}
.pdg10T					{padding-top:10px;}
.pdg20T					{padding-top:20px;}
.pdg30T					{padding-top:30px;}
.pdg40T					{padding-top:40px;}
.pdg420T				{padding-top:420px;}
.pdg425T				{padding-top:425px;}

.pdg0B					{padding-bottom:0px;}
.pdg5B					{padding-bottom:5px;}
.pdg10B					{padding-bottom:10px;}
.pdg15B					{padding-bottom:15px;}
.pdg20B					{padding-bottom:20px;}

.pdg10L					{padding-left:10px;}
.pdg15L					{padding-left:15px;}
.pdg20L					{padding-left:20px;}
.pdg30L					{padding-left:30px;}

.pdg10R					{padding-right:10px;}
.pdg20R					{padding-right:20px;}
.pdg30R					{padding-right:30px;}

/* ######## Border Management ######### */
.opacity90				{filter: alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity: 0.9; opacity: 0.9;}
.opacity80				{filter: alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8;}
.opacity70				{filter: alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7;}
.opacity60				{filter: alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity: 0.6; opacity: 0.6;}
.opacity50				{filter: alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5;}
.opacity40				{filter: alpha(opacity=40); -moz-opacity:0.4; -khtml-opacity: 0.4; opacity: 0.4;}
.opacity30				{filter: alpha(opacity=30); -moz-opacity:0.3; -khtml-opacity: 0.3; opacity: 0.3;}
.opacity20				{filter: alpha(opacity=20); -moz-opacity:0.2; -khtml-opacity: 0.2; opacity: 0.2;}
.opacity10				{filter: alpha(opacity=10); -moz-opacity:0.1; -khtml-opacity: 0.1; opacity: 0.1;}

.sdlr-black-block		{background:url(../img/transparent-black-50pc.png) repeat;}

/* ######## Border Management ######### */
.level0		{z-index:0;}
.level1		{z-index:1;}
.level2		{z-index:2;}
.level3		{z-index:3;}
.level4		{z-index:4;}
.level5		{z-index:5;}
.level6		{z-index:6;}
.level7		{z-index:7;}
.level8		{z-index:8;}
.level9		{z-index:9;}
.level10	{z-index:10;}
.level11	{z-index:11;}
.level12	{z-index:12;}
.level13	{z-index:13;}
.level14	{z-index:14;}
.level15	{z-index:15;}
.level16	{z-index:16;}
.level17	{z-index:17;}
.level18	{z-index:18;}
.level19	{z-index:19;}
.level20	{z-index:20;}


/* ######## Borders ######### */
.divider-line			{border-bottom:1px solid #eee; width:96%; height:1px; margin:auto; overflow:hidden; clear:both;}
.brdr-grey				{border:1px solid #CCC;}
.brdr-btm-grey			{border-bottom:1px solid #eee;}
.brdr-left				{background:url(../img/slider-img4e.png) no-repeat center left; padding-left:20px;}

.brdr-btm,
img.brdr-btm			{display:block; border-bottom:4px solid #129bc8;}
.brdr-btm:hover, 
img.brdr-btm:hover		{display:block; border-bottom:4px solid #b2d14a; -webkit-transition: border-bottom-color 0.99s ease; -moz-transition: border-bottom-color 0.99s ease; -ms-transition: border-bottom-color 0.99s ease; -o-transition: border-bottom-color 0.99s ease; transition: border-bottom-color 0.99s ease;}
						
.brdr-top,
img.brdr-top			{display:block; border-top:4px solid #129bc8;}

.brdr-top:hover,
img.brdr-top:hover		{display:block; border-top:4px solid #b2d14a;}

.brdr-top:hover,
img.brdr-top:hover		{display:block; border-top:4px solid #b2d14a; -webkit-transition: border-top-color 0.99s ease; -moz-transition: border-top-color 0.99s ease; -ms-transition: border-top-color 0.99s ease; -o-transition: border-top-color 0.99s ease; transition: border-top-color 0.99s ease;}


/* ######## Form Elements ######### */
footer .input-txt-ftr	{background:#999; color:#fff; border:1px solid #000; padding:6px 5px;}


/* ######## Buttons ######### */
.btn-red-large			{border:1px solid #aa2907; padding:5px 20px 10px; float:left; background:#e83433 url(../img/btn-red-bg.png) repeat-x top left;
						font:800 24px/28px Open Sans, Arial, Helvetica, sans-serif; text-transform:uppercase; color:#fff;
						text-shadow:-1px -1px 1px #793837}
.btn-red-large span		{display:block; width:17px; height:15px; float:right; margin-left:10px; margin-top:8px; background:url(../img/arrow-btn-red.png) no-repeat top left;}

.btn-red-mdm,
.btn-red-small			{border:1px solid #aa2907; padding:5px 20px 7px; background:#e83634 url(../img/btn-red-small-bg.png) repeat-x top left;
						font:800 14px/28px Open Sans, Arial, Helvetica, sans-serif; text-transform:uppercase; color:#fff; text-shadow:-1px -1px 1px #793837}

.btn-red-mdm			{font:800 18px/28px Open Sans, Arial, Helvetica, sans-serif;}

.btn-black-large		{border:1px solid #000; padding:5px 20px 7px; float:left; background:#3a3535 url(../img/btn-black-bg.png) repeat-x top left;
						font:800 18px/28px Open Sans, Arial, Helvetica, sans-serif; text-transform:uppercase; color:#fff; text-shadow:-1px -1px 1px #000}

.btn-red-mdm:hover, .btn-red-small:hover, .btn-black-large:hover,
.btn-red-large:hover	{color:#FF9; text-decoration:none}

.btn-red {
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #e83433;
  *background-color: #d13433;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f57f7d), to(#e83433));
  background-image: -webkit-linear-gradient(top, #f57f7d, #e83433);
  background-image: -o-linear-gradient(top, #f57f7d, #e83433);
  background-image: linear-gradient(top bottom, #f57f7d, #e83433);
  background-image: -moz-linear-gradient(top, #f57f7d, #e83433);
  background-repeat: repeat-x;
  border-color: #aa2907 #c13b18 #c54b2b;
  border-color: rgba(0, 0, 0, 0.3) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.3);
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#fff57f7d', endColorstr='#ffe83433', GradientType=0);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}


.btn-red:hover,
.btn-red:active,
.btn-red.active,
.btn-red.disabled,
.btn-red[disabled] {
  color: #fafdc5;
  background-color: #e83433;
  *background-color: #e83433;
}

.btn-red:active,
.btn-red.active {
  background-color: #e83635 \9;
}


.btn-yellow {
  color: #082b3f;
  text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.25);
  background-color: #f7ef22;
  *background-color: #f7ef22;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f7ef22), to(#cac301));
  background-image: -webkit-linear-gradient(top, #f7ef22, #cac301);
  background-image: -o-linear-gradient(top, #f7ef22, #cac301);
  background-image: linear-gradient(top bottom, #f7ef22, #cac301);
  background-image: -moz-linear-gradient(top, #f7ef22, #cac301);
  background-repeat: repeat-x;
  border-color: #847f01 #51a351 #387038;
  border-color: rgba(0, 0, 0, 0.3) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.3);
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#fff7ef22', endColorstr='#ffcac301', GradientType=0);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}


.btn-yellow:hover,
.btn-yellow:active,
.btn-yellow.active,
.btn-yellow.disabled,
.btn-yellow[disabled] {
  color: #082b3f;
  background-color: #cac301;
  *background-color: #aea808;
}

.btn-yellow:active,
.btn-yellow.active {
  background-color: #f2eb1f \9;
}

.btn-group.open .btn-yellow.dropdown-toggle,
.btn-group.open .btn-red.dropdown-toggle {
  background-color: #f7ef22;
}

.btn-yellow .caret,
.btn-red .caret {
  border-top-color: #fff;
  border-bottom-color: #fff;
}

.btn-yellow.active,
.btn-red.active {
  color: rgba(255, 255, 255, 0.75);
}


/* ######## List ######### */
ul.icons 							{list-style-type: none; margin-left: 2em; text-indent: -0.8em;}
ul.icons li [class^="icon-"],
ul.icons li [class*=" icon-"] 		{width:.8em;}

ul.list-arrow li		{background:url(../img/list-arrow.gif) no-repeat 0px 6px; padding-left:10px; margin-top:5px;}
ul.list-arrow-orange li	{background:url(../img/list-arrow-orange.gif) no-repeat 0px 6px; padding-left:10px; margin-top:5px;}


/* ######## Headings ######### */
h3.pg-title		{font-size:48px; color:#c2df62; font-weight:300; padding:20px 0px;}


/* ######## Misc ######### */
.service-design:hover .circle-grey	{display:block; background:#690; -webkit-transition: background 0.99s ease; -moz-transition: background 0.99s ease; -ms-transition: background 0.99s ease; -o-transition: background 0.99s ease; transition: background 0.99s ease;}
.portfolio2 .span4:hover span		{color:#000; -webkit-transition: color 0.99s ease; -moz-transition: color 0.99s ease; -ms-transition: color 0.99s ease; -o-transition: color 0.99s ease; transition: color 0.99s ease;}
.portfolio2 .span4:hover			{color:#000; -webkit-transition: color 0.99s ease; -moz-transition: color 0.99s ease; -ms-transition: color 0.99s ease; -o-transition: color 0.99s ease; transition: color 0.99s ease;}
								  
.circle-grey						{background:#999; border:1px solid #999px; width:100px; height:100px; -webkit-border-radius:50px; -moz-border-radius:50px; border-radius:50px;}

.brdr-radius5, .btn-red-small, .btn-red-mdm, 
.btn-grey, .btn-blue,ul.tab-separated, 
.pricing-table ul, .action-block-white ul, 
.btn-black-large, .btn-red-large	{-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}

ul.tab-separated li a				{-webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px;}

.icon-quote-start					{width:12px; height:8px; display:block; background:url(../img/quote-top.png) no-repeat top left;}

.newsletter-img						{width:22px; height:22px; display:block; background:url(../img/common.png) no-repeat 0px 0px}

.tab-content .tab-pane				{display:block; visibility:hidden; height:1px;}
.tab-content .active				{visibility:visible !important; height:auto}
.tab-content .tab-pane,
.tab-content						{overflow:hidden;}



/* ######## Customized to resize 980px and 1210 ######### */

/*@media (min-width: 1000px) and (max-width: 1199px) {
.mspan1		{width:100px}
.mspan2		{width:180px}
.mspan3		{width:260px}
.mspan4		{width:340px}
.mspan5		{width:420px}
.mspan6		{width:500px}
.mspan7		{width:580px}
.mspan8		{width:660px}
.mspan9		{width:740px}
.mspan10	{width:820px}
.mspan11	{width:900px}
.mspan12	{width:980px}

.container,
.navbar-fixed-top .container,
.navbar-fixed-bottom .container {width:980px;}
}*/


/*@media (min-width: 1200px) {*/
.container,
.navbar-fixed-top .container,
.navbar-fixed-bottom .container {width: 1210px;}
.mspan12 		{width: 1210px;}
.mspan11 		{width: 1110px;}
.mspan10 		{width: 1010px;}
.mspan9 		{width: 910px;}
.mspan8 		{width: 810px;}
.mspan7 		{width: 710px;}
.mspan6 		{width: 610px;}
.mspan5 		{width: 510px;}
.mspan4 		{width: 410px;}
.mspan3 		{width: 310px;}
.mspan2 		{width: 210px;}
.mspan1 		{width: 110px;}

.service-design div				{padding:15px}
.service-design .ser-highlight	{margin-left:30px; padding:15px 0px;}

.mrg20L					{margin-left:30px;}
.mrg20R					{margin-right:30px;}
/*}*/


/* ######## For Phones to tablets ######### */
/*@media (max-width: 767px) {
	body												{padding:0px;}
	p													{margin-bottom:8px;}
	a.link												{float:none;}
	.img-polaroid										{padding:3px; width:98%}
	.img-circle											{padding:0px;}
	
	.edited-row											{padding:25px 8px 0px 8px;}
	
	.container-fluid									{padding-left:5px; padding-right:5px;}
	.logo-n-nav #logo .slogan							{padding-top:0px;}
	
	.navbar .btn-navbar									{clear:both; position:absolute; top:15px; right:15px; z-index:10; cursor:pointer; padding:15px 18px;}

	.logo-n-nav .container								{padding-bottom:10px;}
	
	.nav-collapse .nav 									{margin-top:10px;}
	.navbar .nav li										{background:none; padding-right:0px;}
	.navbar .nav li a									{padding-bottom:10px;}
	.navbar .nav li	a:hover,
	.navbar .nav li.active a,
	.navbar .nav li.active a:hover						{background:none;}

	.nav-collapse .dropdown-menu						{margin:0px;}
	.navbar .nav li .dropdown-menu li a					{text-align:left; padding-left:25px;}
	.navbar .nav > li > .dropdown-menu:after			{border:0px;}
	
	.main .hm-services
	.hm-services p,
	.hm-services div									{overflow:hidden; margin-bottom:10px;}

	.hm-services .row 									{margin-bottom:0px;}
	.hm-services .row li								{float:left; margin-bottom:5px;}
	.features ul li .row h4,
	.hm-services .row li								{width:78%; line-height:22px; padding:0px; margin:0px; float:left; margin-left:10px;}
	.hm-services .row .span1							{height:34px; width:inherit}

	ul.next-prev										{margin:10px auto; width:95px; overflow:hidden;}
	ul.next-prev li										{padding:2px;}
	
	.features ul li .row span							{float:left;}
	
	.features2 a.link									{margin-left:0;}
	
	.rcnt-work [class*="span"]							{height:auto}
	.rcnt-work [class*="span"] img						{max-width:100% !important; width:100% !important;}
	
	.rcnt-work h2										{margin-left:0px;}
	
	.divider-line										{display:none;}
	.mobile-active										{display:block;}
	.mobile-only-divider-line							{margin-bottom:15px; padding-top:15px; width:100%; border-bottom:1px solid #EEE; clear:both; height:1px; overflow:hidden;}
	
	.hm-action-block ul li,
	.action-block ul li									{text-align:center;}
	.action-block ul li .btn-red-large, .action-block ul li .btn-red-small,
	.hm-action-block ul li .btn-red-large,
	.hm-action-block ul li .btn-red-small				{margin-left:26%;}
	
	.comments ul										{margin-left:0px; overflow:hidden;}
	.comments ul span1									{width:20%;}
	
	.hm-testimonial 									{text-align:center;}
	
	.cust-logo a										{text-align:left; background:none !important; border-bottom:1px solid #eee}
	
	.portfolio2 .att_sortable li						{width:100%;}
	
	.hm-news ul li div									{margin-left:20px;}
	.hm-news ul li.ftr div								{width:25%; float:left; margin-left:0px;}
	.hm-news ul li.ftr div.nw-data						{width:65%;}

	table.about-stats									{width:90%;}
	table.about-stats th								{font-size:300%;}
	.data-holder 										{padding:10px;}
	.data-holder h2										{margin-top:20px;}
	.team-blk div										{margin-bottom:15px;}
	
	.blog-article							{background:#fff; border:1px solid #eee; margin-bottom:20px; width:95%;}
	
	.slider-inner .clearfix div,
	.slider-inner .sdr-innpg-data,
	.slider-inner .sdr-innpg-img						{width:100%; text-align:center;}
	.slider-inner .sdr-innpg-img .vr-white-gradient		{display:none;}
	.slider-inner .sdr-innpg-data						{margin-top:-50px; position:relative; background:#fff}
	
	.service-design .ser-highlight						{margin-left:0px;}
	.action-block, .action-block-white,
	.hm-action-block									{padding:15px 10px 25px 10px; margin:20px 0px;}
	
	ul.tab-separated li									{float:left; width:49%; border:0px !important;}
	ul.tab-separated li a								{background:none !important; border:0px !important;}
	
	.pricing-table ul:first-child						{margin-left:0px;}
	.pricing-table ul									{margin-bottom:20px;}
	
	.action-block-white									{margin-top:0px; margin-bottom:0px; text-align:center}
	.action-block-white ul li							{padding:10px 5px 20px;}
	
	.btn-black-large									{float:none !important;}
	
	.map-n-add								{position:relative;}
	.map-n-add .live-map					{margin-bottom:10px;}
	.map-n-add .contact-add					{position:relative; bottom:auto; left:auto; background:#345263; margin-bottom:0px;}
	.xtra-contact .span2, .xtra-contact .span3, 
	.xtra-contact .span4,
	.xtra-contact .span5,
	.xtra-contact .span6					{margin-bottom:20px;}
	.xtra-contact							{background:#fff url(../img/gradient-black.png) repeat-x bottom;}

	.ftr-article .article-box ul li.fright	{clear:both; display:block; text-align:left; float:none}
	
	.pagination-centered					{padding-right:0px !important; padding-left:0px !important;}
	
	.pagination ul > li > a, 
	.pagination ul > li > span				{padding: 0 8px;}
	
	.mob-fright								{float:right}
	.mob-fleft								{float:left}
	.mob-fnone								{float:none}
	
	.fleft-desktop,
	.fright-desktop							{float:none}
	
	.txt-right-desktop						{text-align:inherit;}
	
	#contact_map							{height:300px;}
	
	footer .container						{padding:15px 8px 8px 8px;}
	footer .hgt280px						{height:auto; overflow:hidden;}
	footer .brdr-right-divider				{margin:0px; padding:0px; background:none; border-top:1px solid #444; padding-top:10px; margin-top:10px;}
	footer a.blk 							{width:45%; float:left; padding:5px;}
	footer section a						{margin:5px; display:block; float:left;}
	footer section .span6					{text-align:left; clear:both; overflow:hidden}
	footer section .txt-right				{padding-left:5px; float:left}
	
	.mob-donotdisplay	{display:none}
	.mob-lh-auto		{line-height:normal;}
	
	.mob-hgtauto	{height:auto;}
	.mob-wauto		{width:auto;}
	
	.mob-w100pc		{width:98%;}
	
	.mob-mrg0T		{margin-top:0px;}
	.mob-mrg10T		{margin-top:10px;}
	.mob-mrg20T		{margin-top:20px;}
	.mob-mrg30T		{margin-top:30px;}
	.mob-mrg40T		{margin-top:40px;}
	.mob-mrg50T		{margin-top:50px;}
	.mob-mrg60T		{margin-top:60px;}
	.mob-mrg70T		{margin-top:70px;}
	.mob-mrg80T		{margin-top:80px;}
	.mob-mrg90T		{margin-top:90px;}
	.mob-mrg100T	{margin-top:100px;}
	
	.mob-mrg0B		{margin-bottom:0px;}
	.mob-mrg10B		{margin-bottom:10px;}
	.mob-mrg20B		{margin-bottom:20px;}
	.mob-mrg30B		{margin-bottom:30px;}
	.mob-mrg40B		{margin-bottom:40px;}
	.mob-mrg50B		{margin-bottom:50px;}
	
	.mob-mrg0L		{margin-left:0px;}
	.mob-mrg10L		{margin-left:10px;}
	.mob-mrg20L		{margin-left:20px;}
	.mob-mrg30L		{margin-left:30px;}
	.mob-mrg40L		{margin-left:40px;}
	.mob-mrg50L		{margin-left:50px;}
	
	.mob-pdg0B		{padding-bottom:0px;}
	
	.mob-pdg0T		{padding-top:0px;}
	.mob-pdg10T		{padding-top:10px;}
	.mob-pdg20T		{padding-top:20px;}
	.mob-pdg30T		{padding-top:30px;}
	.mob-pdg40T		{padding-top:40px;}
	.mob-pdg50T		{padding-top:50px;}
	.mob-pdg60T		{padding-top:60px;}
	.mob-pdg70T		{padding-top:70px;}
	.mob-pdg80T		{padding-top:80px;}
	.mob-pdg90T		{padding-top:90px;}
	.mob-pdg100T	{padding-top:100px;}
	
	.mob-w10pc		{width:10%;}
	.mob-w15pc		{width:15%;}
	.mob-w20pc		{width:20%;}
	.mob-w25pc		{width:25%;}
	.mob-w30pc		{width:30%;}
	.mob-w35pc		{width:35%;}
	.mob-w40pc		{width:40%;}
	.mob-w45pc		{width:45%;}
	.mob-w50pc		{width:50%;}
	.mob-w55pc		{width:55%;}
	.mob-w60pc		{width:60%;}
	.mob-w65pc		{width:65%;}
	.mob-w70pc		{width:70%;}
	.mob-w75pc		{width:75%;}
	.mob-w80pc		{width:80%;}
	.mob-w85pc		{width:85%;}
	.mob-w90pc		{width:90%;}
	.mob-w95pc		{width:95%;}
	.mob-w100pc		{width:100%;}
	
	.mob-txt-center	{text-align:center;}
	
	.mob-clearR		{clear:right;}
	.mob-clearfix	{clear:both;}
	.fright-desktop	{float:none}
	
	.txt12					{font-size:11px}
	.txt14					{font-size:12px;}
	.txt15,
	.txt16					{font-size:14px; line-height:20px;}
	.txt18					{font-size:16px; line-height:24px;}
	.txt20					{font-size:16px; line-height:26px;}
	.txt24					{font-size:18px; line-height:30px;}
	.txt28					{font-size:20px; line-height:34px;}
	.txt30					{font-size:22px; line-height:30px; letter-spacing:0px;}
	.txt36					{font-size:24px; line-height:30px; letter-spacing:0px;}
	.txt40					{font-size:28px; line-height:34px; letter-spacing:-1px;}
	.txt44					{font-size:32px; line-height:38px; letter-spacing:-1px;}
	h3.pg-title,
	.txt48 					{font-size:36px; line-height:42px; letter-spacing:-1px;}
	.txt60					{font-size:40px; line-height:48px; letter-spacing:-1px;}
	.txt200					{font-size:160px; line-height:160px;}
	
	.mob-txt22				{font-size:22px;}
	.mob-txt26				{font-size:26px;}
	.mob-txt30				{font-size:30px;}
	.mob-txt36				{font-size:36px;}
	.mob-txt40				{font-size:40px;}
	.mob-txt44				{font-size:44px;}
	.mob-txt48 				{font-size:48px;}
	.mob-txt60				{font-size:60px;}
}*/

/*@media (min-width: 768px) and (max-width: 979px) {
	.logo-n-nav .container					{padding-bottom:10px;}
}*/

/* ######## Only Mobile ######### */
/*@media (max-width: 480px) {
	.top-panel .container .tp-right	.phone-no,
	.top-panel .container .tp-right	.social-icon-hdr a	{float:left}
	.top-panel .container .tp-right	.social-icon-hdr	{clear:both; float:left}
	.top-panel .container .tp-right	.phone-no			{margin:8px 0px;}
	
	.fleft-phone										{float:left;}
	.fright-phone										{float:right;}
	.clear-phone										{clear:both; overflow:hidden}
	
	.ss-icons a											{margin:5px;}
	
	.action-block ul li .btn-red-large, .action-block ul li .btn-red-small,
	.hm-action-block ul li .btn-red-large,
	.hm-action-block ul li .btn-red-small				{margin-left:13%;}
	.cust-logo a										{text-align:left;}
}*/