/* Author : Nishant Patil */

/* ######## Fonts use ######### */
body, input, button, select, textarea, .navbar-search .search-query {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 400;
}
h1, h2, h3 {
	font-family: Arial, Helvetica, 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 {
	font-size: 20px;
}
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 {
	margin: 0px;
	padding: 0px;
}
sup {
	top: -0.3em;
}
sub {
	bottom: -0.1em;
}
.main .container {
	padding-bottom: 10px;
	overflow: hidden
}
.edited-row {
	padding: 0px 0px 15px 0px;
}
.container-fluid {
	padding-left: 0px;
	padding-right: 0px;
}
/* ######## 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;
	margin-left: 1px;
}
.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: 28px;
}
.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: 0px;
}
#tabs li {
	width: 245px;
	float: left;
	text-align: center;
	margin-right: 5px;
	margin-left: 0px;
	border: 1px solid #ddd;
}
#tabs li a {
	color: #fff;
	display: block;
	padding: 10px 0px;
	text-decoration: none;
}
#tabs li a:hover {
	background: #666;
}
.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: 90px;
	float: left;
	padding: 5px 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: 29px;
}
.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.html) 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: #009;
}
.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: 21px;
	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: 38px;
	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;
	padding-left: 85px;
}
.mrg140T {
	margin-top: 140px;
}
.mrg150T {
	margin-top: 150px;
}
.mrg180T {
	margin-top: 180px;
}
.mrg190T {
	margin-top: 190px;
}
.mrg200T {
	margin-top: 150px;
	margin-left: 80px;
}
.mrg210T {
	margin-top: 160px;
	margin-left: 80px;
}
.mrg220T {
	margin-top: 170px;
	margin-left: 80px;
}
.mrg230T {
	margin-top: 180px;
	margin-left: 80px;
}
.mrg240T {
	margin-top: 190px;
	margin-left: 80px;
}
.mrg250T {
	margin-top: 200px;
	margin-left: 80px;
}
.mrg260T {
	margin-top: 210px;
	margin-left: 80px;
}
.mrg270T {
	margin-top: 220px;
	margin-left: 80px;
}
.mrg280T {
	margin-top: 230px;
	margin-left: 80px;
	margin-right: 10px;
}
.mrg290T {
	margin-top: 240px;
	margin-left: 80px;
}
.mrg300T {
	margin-top: 250px;
	margin-left: 80px;
}
.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: 875px;
}
.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: 20px 0px 10px 0px;
}
.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;
}
}
.edited-row ul, ol {
	padding: 0px 0px 15px 5px;
}
.clr {
	clear: both;
}
.pay-now-box {
	background: #fff;
	border-radius: 5px;
	float: left;
	margin: 0 20px 20px 0;
	padding: 10px;
	width: 40%;
}
.pay-now-box-div {
	padding: 20px 0px 20px;
	margin: 0px 0px 5px;
}
.pay-now-box-label {
	font-size: 20px;
	font-weight: bold;
	color: #15649d;
	float: left;
	margin-right: 5px;
}
.pay-now-box-text {
	font-size: 18px;
	color: #333;
	float: left;
}
.pay-now-button {
	display: block;
	color: #fff;
	padding: 40px 0px;
	text-align: center;
	background: #09c;
	text-decoration: none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-weight: bold;
}
.pay-now-button a {
}
.pay-now-button a:hover {
	color: #fff;
}


/* 
	You just need to change below colors to change site 
	Everthing is explained in details on : http://nishantpatil.com/attixx/doc/#Howtochangewebsitecolor
*/

.top-panel {
	background: #3d405f;
	border-bottom: 1px solid #1e213b;
}
.logo-n-nav {
	background: #e9eae4 url(../img/bg-logo-n-nav-light.html) repeat-x center top;
	border-top: 1px solid #fff;
}
.slider {
	background: #ffffff url(../img/slider-pattern-light.html) repeat center top;
	margin-top: -130px;
}
.navbar .nav li a {
	color: #3d405f;
}
.navbar .nav > li > a {
	text-shadow: none;
}
.navbar .nav li a:hover, .navbar .nav li a.active, .navbar .nav li.active a, .navbar .nav li.active a:hover {
	color: #999;
	background: url(../img/transparent-white-70pc.png) repeat-x bottom transparent;
}
.navbar .nav li .dropdown-menu li a.active, .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: #cc6600
}
.navbar .nav li a.active, .navbar .nav > li > a:focus, .navbar .nav > li > a:hover {
	color: #cc6600
}
.navbar .nav li .dropdown-menu {
	background: #eae9e8 url(../img/slider-pattern-light.html) repeat
}
.navbar .nav li .dropdown-menu li a {
	color: #3d405f;
	background: none transparent;
	border-bottom: 1px solid #CFCFCF;
	border-top: 1px solid #fff;
}
.navbar .nav li .dropdown-menu li a:hover {
	color: #52578a;
	background: #f4f4f3 url(../img/slider-pattern-light.html) repeat
}
.navbar .nav li.open a.dropdown-toggle {
	background: url(../img/transparent-white-80pc.html) repeat-x bottom
}
.navbar .nav > li > .dropdown-menu:before {
	display: none
}


.contentSection {
	width: 788px;
    padding: 0px 10px;
    float: left;
    border-top: 3px solid #2b6eaf;
    margin-right: 11px;
	
}
.noticeSection {
	float: left;
	width: 391px;
	border-top: 3px solid #000;
	font: normal normal 12px Arial, Helvetica, sans-serif;
}

.noticeSection h4{    margin-bottom: 7px;
    color: #2b6eaf;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 700;
    font-size: 17px;
    line-height: 27px;
    border-bottom: 1px dotted #ccc !important;}


.logo-n-nav #logo a {
	background: url(../img/logo.png) no-repeat top left;
}
.logo-n-nav #logo .slogan {
	background: url(../img/vr-white.png) no-repeat center left;
}
footer {
	background: #111015 url(../img/bg-border16b.html) repeat-x top;
}
footer .container {
	border-top: 3px solid #c60;
}
footer section {
	background: #0a0a0d;
}
/* This part is managed for slider only.
We recommend you to make changes in HTML file*/
.slider, .slider .txt-grey {
	color: #4ec5ef
}
.slider .txt-yellow {
	color: #345263
}
.slider .txt-blue-light {
	color: #6a000a
}
/* */
h1, h2, h3, h4, h5, h6 {
	color: #b54321;
}

a:hover {
	color: #c60;
}
.top-panel .container .tp-right .ss-icons a {
	color: #ccc;
}
.top-panel .container .tp-right .ss-icons a:hover {
	color: #fff;
}
.logo-n-nav #logo a {
	background: url("../img/logo-dark.html") no-repeat scroll left top transparent;
}
.logo-n-nav #logo .slogan {
	color: #666;
	background: url("../img/vr-black.html") no-repeat scroll left center transparent;
}
h3.pg-title {
	color: #000
}
.top-panel .txt-blue-lightest, .phone-no {
	color: #999;
}
.brdr-btm, img.brdr-btm {
	border-bottom: 4px solid #c60;
}
.slider, .slider .txt-white {
	color: #15649d;
}
.slider .txt-blue-light, .slider .txt-yellow {
	color: #454a83;
}

/* ######## For Tablet ######### */
@media (max-width: 767px) {
.nav-collapse .nav {
	background: #716868;
}
.navbar .nav li.active a:hover {
	color: #C00;
	background: none;
}
.navbar .nav li .dropdown-menu li a {
	background: #9b9898
}
.navbar .nav li .dropdown-menu li a:hover {
	background: #8a8282;
}
.nav-collapse .nav > li > a, .nav-collapse .dropdown-menu li + li a {
	margin-bottom: 0px;
}
}