/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; }
mark, rp, rt, ruby, summary, time{ display: inline }

@font-face 
{
  font-family: 'GOTHIC';
  src: url('../css/fonts/GOTHIC.eot');
  src: url('../css/fonts/GOTHIC.eot?#iefix') format('embedded-opentype'),
       url('../css/fonts/GOTHIC.woff') format('woff'),
       url('../css/fonts/GOTHIC.ttf') format('truetype'),
       url('../css/fonts/GOTHIC.svg#One-Starry-Night') format('svg');
}
@font-face {
	font-family: 'GOTHICB';
	src: url('fonts/GOTHICB.eot');
	src: url('fonts/GOTHICB.woff') format('woff'), 
  		url('fonts/GOTHICB.ttf') format('truetype'), url('fonts/GOTHICB.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* Global properties ======================================================== */
body { 
	background:#212222; 
	font-family: 'GOTHIC' , Arial;
	font-size:14px; 
	line-height:1.125em;
	color:#ffffff;
}
html { min-width:1000px;}
html, body { height:100%;}

*{padding:0; margin:0; list-style:none;}

a{color:#00d8ff;}
a img, img{border:0;}

h1, h2, h3, h4, h6 {
	font-family: 'GOTHICB', Arial;
  margin:0 0 15px 0;
}

.social-media a, .about-icons a, .f-social a, .button2, .help-btn, .blog-btn, .gp-btn,, .btm-help, .btn-blog, .btn-gplus {
   -o-transition:.2s;
  -ms-transition:.2s;
  -moz-transition:.2s;
  -webkit-transition:.2s;
  transition:.2s;
}

p{ margin:0 0 15px 0; line-height:20px;}

/* Left & Right alignment ======================================================== */
.fleft { float:left; margin-top:20px;}
.fcenter { float:left; margin-left:10px; margin-top:40px; width:960px}
.fcenter div {float:left; width:200px}
.fcenter div.last {float:left; width:150px; border:thick}
.fcenter .heading {font-size:15px; padding-bottom:10px;}
.fcenter .heading .head {color:#F30;font-weight:bold;}
.fcenter .heading a:hover {focolor:#F30}
.sublink{font-size:12px; padding-bottom:10px;}
.sublink a:hover{color:#0CF}
.fright { float:right;}
.clear { clear:both;}
.alignright { text-align:right;}
.aligncenter { text-align:center;}

.wrapper, .header-wrapper, .footer-wrapper {
	width:980px;
  margin:0 auto;
}

.clearfix:after, .wrapper:after, .header-wrapper:after, .section-box:after, .section-box .wrapper:after, .footer-wrapper:after, .product-highlight:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */



/* Fix Header ======================================================== */

#header {
  width:100%;
 	height:100px;
	position:fixed;
  left:0;
  top:0;
  z-index:999999;
	background:url(../images/header.png) repeat-x left top;
}
h1#logo{
	float:left; 
  margin:26px 0 0 10px; 
  line-height:0;
}

#top-nav {
	float:right;
  margin:31px 0 0 0;
}

#top-nav ul li, 
#top-nav ul li a {float:left;}

#top-nav ul li { margin:0 1px 0 0;}

#top-nav ul li a {
	color:#fff;
  font-size:14px;
  padding:10px 9px;
  text-decoration:none;
}
#top-nav ul li a:hover,
#top-nav ul li a:active,
#top-nav ul li a.active {
	color:#00d8ff;
  background:#1c1c1c;
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  border-radius:6px;
	text-shadow: 0px 1px 1px #000000;
  border-bottom:1px solid #434343;
  -webkit-box-shadow: inset 0px 0px 2px 1px rgba(0, 0, 0, 0.7);
  box-shadow: inset 0px 0px 2px 1px rgba(0, 0, 0, 0.7);
}
.help-btn {
	float:right;
  width:34px;
  height:34px;
  margin:32px 2px 0 10px;
  text-indent:-99999px;
  background:url(../images/help-top-icon.png) no-repeat center top;
}
.help-btn:hover {
	background-position: center -40px;
}

.blog-btn {
  float:right;
  width:34px;
  height:34px;
  margin:32px 2px 0 10px;
  text-indent:-99999px;
  background:url(../images/blog-top-icon.png) no-repeat center top;
}
.blog-btn:hover {
	background-position: center -40px;
}

.gp-btn {
  float:right;
  width:34px;
  height:34px;
  margin:32px 2px 0 10px;
  text-indent:-99999px;
  background:url(../images/gp-top-icon.png) no-repeat center top;
}
.gp-btn:hover {
	background-position: center -40px;
}


.social-media {
	float:right;
  margin:32px 0 0 5px;
}
.social-media a {
	width:34px;
  height:34px;
  float:left;
  position:relative;
  text-decoration:none;
  text-indent:-999999px;
	background:url(../images/social-icon.png) no-repeat left top;
}
.social-media a.facebook{
	margin:0 8px 0 0;
	background-position:0 0;
}
.social-media a.tweeter{
	background-position:-42px 0;
}
.social-media a.facebook:hover {
	background-position:0 -35px;
}
.social-media a.tweeter:hover{
	background-position:-42px -35px;
}


/*-- SECTION BOX --*/
.section-box{
  clear:both;
}
.section-box .wrapper{
	position:relative;
  height:590px;
  /*overflow:hidden;*/
}
.section-box .wrapper .strep {
  width:100%;
  height:590px;
  position:absolute;
  top:0;
}
.section-box h2.title {
	font-size:42px;
  font-weight:bold;
  line-height:normal;
  position:relative;
  z-index:99999;
  
}

/*-- HOME SECTION --*/
.home-section {
	margin:100px 0 0 0;
 	background:url(../images/blue-bg-pattern.png) repeat-x left top;
}
.home-section .wrapper .strep{
	background:url(../images/blue-belt.png) no-repeat right top;
}
.home-section .wrapper .glob-clud {
	width:980px;
  height:590px;
  position:absolute;
  z-index:0;
	right:0;
	bottom:0;
	background:url(../images/cloud-globe.png) no-repeat center top;
}
.home-slide {
	width:100%;
  position:relative;
  z-index:999;
}

/*-- ABOUT SECTION --*/
.about-section {
	background:url(../images/about-bg.png) repeat-x left top;
}
.about-section .wrapper .strep{
	background:url(../images/about-wrap-bg.png) no-repeat 71px top;
}
.about-section .wrapper .building{
	width:980px;
  height:590px;
  position:absolute;
  bottom:0;
  background:url(../images/building.png) no-repeat center bottom;
}
.about-section h2.title {
	float:left;
  color:#ff6400;
  margin:45px 0 0 16px;
  text-shadow: 1px 0px 2px #8f8f8f;
}
.about-section-right {
	width:590px;
  float:right;
  margin:22px 85px 0 0;
  position:relative;
  font-size:13px;
  text-align:justify;
}
.about-line {
	float:left;
  width:213px;
  height:195px;
  position:absolute;
  top:89px;
  left:74px;
	background:url(../images/about-line.png) no-repeat left top;
}
.about-icons {
	clear:both;
}
.about-icons a {
	width:102px;
  float:left;
  height:102px;
  margin-right:17px;
  text-indent:-99999px;
	background:url(../images/about-icons.png) no-repeat left top;
}
.about-icons a.phone-icon {
	background-position:0 0;
}
.about-icons a.bus-ben {
	background-position:-118px 0;
}
.about-icons a.how-work {
	background-position:-237px 0;
}
.about-icons a.testimoni {
	background-position:-355px 0;
}
.about-icons a.phone-icon:hover {
	background-position:0 -110px;
}
.about-icons a.bus-ben:hover {
	background-position:-118px -110px;
}
.about-icons a.how-work:hover {
	background-position:-237px -110px;
}
.about-icons a.testimoni:hover {
	background-position:-355px -110px;
}
.about-section .know-more {
	float:right;
  font-size:18px;
  padding:0 0 35px 30px;
  color:#202020;
  margin:20px 50px 0 0;
  position:relative;
  background:url(../images/know-more.png) no-repeat left bottom;
}
.about-section .know-more span{
	text-shadow: 1px 0px 1px #aadd2c;
  font-weight:bold;
}

/*-- PHONE SECTION --*/
.phone-section{
  background:url(../images/phone-section-bg.png) repeat-x left top;
}
.phone-section .strep {
	background:url(../images/phone-strep.png) no-repeat 155px top;
}
.phone-line {
	width:215px;
  height:37px;
  position:absolute;
  left:99px;
  top:70px;
  z-index:9;
	background:url(../images/phone-line.png) no-repeat 0 0;
}
.phone-arrow {
	width:120px;
  height:60px;
  position:absolute;
  left:50%;
  top:0;
  margin:0 0 0 -30px;
	background:url(../images/phone-section-arrow.png) no-repeat 0 0;
}
.phone-bg {
	width:87px;
  height:439px;
  position:absolute;
  left:16px;
  top:130px;
	background:url(../images/phone-bg.png) no-repeat 0 0;
}
.phone-btm-cloud {
	width:980px;
  height:590px;
  position:absolute;
	top:0;
  left:0;
  bottom:0;
  background:url(../images/phone-btm-cloud.png) no-repeat 95% 0;
}
.phone-btm-cloud img {
	right:20%;
  position:absolute;
  top:0;
}
.phone-section  h2.title {
	float:left;
  color:#00d8ff;
  margin:20px 0 0 16px;
  text-shadow: 1px 0px 2px #8f8f8f;
}
.phone-data-text {
	float:right;
  width:516px;
  margin:80px 116px 0 0;
  position:relative;
}
.scroll-gallery {
	width:800px;
  float:right;
  margin:20px 47px 0 0;
  position:relative;
}
.product_img_mn {
	float:left;
  width:140px;
  height:181px;
  padding:5px;
  position:relative;
  background:#00d8ff;
  color:#fff;
  margin:5px;
}
.product_img_mn .product_img{
	width:100%;
  height:133px;
  padding:0;
  text-align:center;
  position:relative;
  background:#fff;
}
.product_img_mn .pro-title {
	text-align:center;
  font-size:12px;
  margin:15px 0 0 0;
  font-weight:bold;
}
.click-icon {
	width:30px;
  height:26px;
  position:absolute;
  right:0;
  bottom:0;
  background:#00D8FF url(../images/product/category1/click-icon.png) no-repeat center top;
}
.click-icon:hover{
	background-image:url(../images/click-icon-hvr.png);
}
.category-view { 
	float:left; 
  /*width:800px; */
  margin-right:20px;
}
.category-raw{clear:both;}
.category2 .product_img_mn,
.category2 .click-icon {
	background-color:#2090fe;
}
.category3 .product_img_mn,
.category3 .click-icon {
	background-color:#4882b2;
}


/*-- BUSINESS BENEFITS SECTION --*/
.business-section {
	background:url(../images/business-bg.png) repeat-x left top;
}
.business-section .strep {
	background:url(../images/business-wrap-bg.png) no-repeat 614px top;
}
.business-section .business-cloud {
	position:absolute;
  top:0;
  left:0;
  width:980px;
  height:590px;
  z-index:1;
	background:url(../images/business-cloud-top.png) no-repeat 97% top;
}
.business-tree {
	width:960px;
  height:590px;
  position:absolute;
  right:0;
  bottom:0;
  margin-right:-50px;
	background:url(../images/business-tree.png) no-repeat 90% bottom;
}
.business-section .business-arrow {
	position:absolute;
  top:0;
	left:50%;
  margin-left:-29px;
  width:116px;
  height:59px;
  z-index:3;
	background:url(../images/business-arrow.png) no-repeat center top;
}

.business-section h2 {
	float:right;
  color:#fff;
  margin:25px 45px 0 0;
  text-shadow: 1px 0px 2px #6a6a6a;
}
.business-data {
	float:left;
  width:575px;
  position:absolute;
  padding:50px 0 0 4px;
  margin:45px 0 0 0;
  background:url(../images/business-brd.png) no-repeat left top;
}
.violet, .light-green, .light-tomato {
	padding:0 0 0 57px;
}
.violet {
	background:url(../images/business-bulet1.png) no-repeat left 3px;
}
.light-green {
	background:url(../images/business-bulet2.png) no-repeat left 3px;
}
.light-tomato {
	background:url(../images/business-bulet3.png) no-repeat left 3px;
}

.violet .title, .light-green .title, .light-tomato .title {
	margin:0 0 5px 0;
}

.violet .title{color:#6c2b88;}
.light-green .title{color:#0a9396;}
.light-tomato .title{color:#be5376;}

.business-data ul li ul li {
	color:#010101;
  padding:0 0 10px 15px;
  background:url(../images/black-bullet.png) no-repeat left 5px;
}

/*-- HOW IT WORK --*/
.work-section{
	background:url(../images/phone-section-bg.png) repeat-x left top;
}
.work-section .strep {
	background:url(../images/work-wrap.png) no-repeat -53px top;
}
.work-arrow {
	width:117px;
  top:-1px;
  height:60px;
  left:50%;
  margin-left:-58px;
  position:absolute;
  background:url(../images/work-arrow.png) no-repeat center top;
}
.work-border{
	position:absolute;
  width:306px;
  height:63px;
  left:140px;
  top:64px;
  background:url(../images/work-line.png) no-repeat center top;
}
.work-section  h2.title {
	float:left;
  color:#606062;
  margin:20px 0 0 16px;
  text-shadow: 1px 0px 2px #8f8f8f;
}
.work-chart {
	width:960px !important;
  height:590px;
  position:absolute;
 	top:0;
  left:36px;
  background: url(../images/work-chart.png) no-repeat center 110px;
}

/*-- CLIENT TESTIMONIAL --*/
.testimoney-section {
	color:#1d1d1d;
	background:url(../images/business-bg.png) repeat-x left top;
}
.testimoney-section h2.title {
	margin:20px 0 0 28px;
  float:left;
  color:#fff;
  text-shadow: 1px 0px 2px #8f8f8f;
}
.testimonial-arrow {
	width:117px;
  top:-1px;
  height:60px;
  left:50%;
  margin-left:-55px;
  position:absolute;
	background:url(../images/business-arrow.png) no-repeat left top;
}
.testimoney-section .strep{
	background:url(../images/client-strep.png) no-repeat 3px -8px;
}
.test-buble1 {
	width:900px;
  height:580px;
  position:absolute;
  left:50px;
  bottom:0;
  background:url(../images/testimoni-buble1.png) no-repeat 50px 90%;
}
.test-buble2 {
	width:900px;
  height:570px;
  position:absolute;
  left:10px;
  top:0;
  background: url(../images/testimoni-buble2.png) no-repeat 0 220px;
}
.testimonial-border {
  position:absolute;
  width:141px;
  height:276px;
 	top:84px;
	left:128px;
	background:url(../images/testimoni-border.png) no-repeat left top;
}
.testimonial-block {
	width:665px;
  height:242px;
  position:absolute;
  right:5px;
  bottom:25px;
  padding:42px 0 0 39px;
  background:url(../images/testimoni-bg.png) no-repeat left top;
}
.testimonial-view {
  float:left;
  width:604px;
  height:140px;
  padding:10px;
  background:#fff;
  position:relative;
  -webkit-box-shadow:  0px 1px 2px 0px rgba(0, 0, 0, 0.5);
  box-shadow:  0px 1px 2px 0px rgba(0, 0, 0, 0.5);
}
.testimonial-view .testi-arrow{
	position:absolute;
  left:52px;
  bottom:-50px;
  width:54px;
  height:50px;
	background:url(../images/testi-arrow.png) no-repeat left top;
}


/*-- PROMOTION SECTION --*/
.promotion-section {
	color:#000000;
  background:url("../images/phone-section-bg.png") repeat-x left top;
}
.promotion-section .strep {
  background:url("../images/promotion-strep.png") no-repeat -20px 0px;
}
.promotion-section .promotion-arrow {
  width:116px;
  height:59px;
  position:absolute;
  left:50%;
  top:-1px;
  margin-left:-50px;
  background:url("../images/promotion-arrow.png") no-repeat left top;
}
.promotion-section h2.title{
	color:#606062;
  float:left;
  margin:20px 0 0 20px;
  text-shadow: 1px 1px 1px #6d6d6d;
}
.promotion-section h3 {
	color:#00d8ff;
  font-size:30px;
  float:right;
  position:absolute;
  top:150px;
  right:0;
	text-shadow: 1px 0px 1px #818181;

}
.promotion-brd {
	width:575px;
  height:154px;
  top:73px;
  left:40px;
  position:absolute;
  background:url(../images/promotion-border.png) no-repeat left top;
}
.promotion-cartoon {
	position:absolute;
  bottom:0;
  width:950px;
  height:590px;
}
.promotion-data {
	width:782px;
  height:auto;
  position:absolute;
  top:180px;
  right:0;
}
.gold-font {
	font-family: 'GOTHICB', Arial;
	font-size:30px;
  color:#F09;
  text-shadow: 1px 0px 1px #818181;
}
.listing-right {
	margin:10px 0;
  font-size:16px;
}
.listing-right li {
	padding:0 0 15px 36px;
  line-height:22px;
	background:url(../images/right-sign.png) no-repeat left top;
}

/*-- CONTACT US STREP --*/
.contact-section {
	color:#1D1D1D;
	background:url("../images/business-bg.png") repeat-x left top;
}
.contact-section .strep {
	background:url("../images/contact-us-strep.png") no-repeat 8px -1px;
}
.contact-arrow {
	width:116px;
  height:59px;
  position:absolute;
  left:50%;
  top:0;
  margin:0 0 0 -54px;
	position:absolute;  
	background:url("../images/contact-arrow.png") no-repeat left top;
}
.contact-brd {
  width:500px;
  height:179px;
  top:85px;
  right:136px;
  position:absolute;
  background:url(../images/contact-brd.png) no-repeat right top;
}
.contact-section h2.title {
	color:#37a0ae;
  float:right;
  margin:30px 30px 0 0;
  text-shadow: 1px 1px 1px #6d6d6d;
}
.contact-section .contact-address {
  color:#fff;
  position:absolute;
  z-index:100;
  line-height:24px;
  top:70px;
  left:85px;
}
.contact-address address {
	font-style:normal;
}
.contact-section .contact-address h3 {
	font-size:18px;
}
.contact-address label {
	color:#ff6200;
  font-weight:bold;
  margin:0 5px 0 0;
}

.left_contact{
	z-index:100;
	width:280px;
	
}
.f-social {
  margin-top:10px;
  margin-left:380px;
  clear:both;
  float:left;
}
.f-social a  {
	width:72px;
  display:block;
  float:left;
  height:72px;
  margin:0 10px 0 0;
  background:url(../images/f-social.png) no-repeat left top;
}
.f-social a.f-fb {
	background-position:-2px -1px;
}
.f-social a.f-fb:hover {
	background-position:-2px -82px;
}
.f-social a.f-tw {
	background-position:-85px -1px;
}
.f-social a.f-tw:hover {
	background-position:-85px -82px;
}
.f-social a.btm-help {
	width:72px;
  display:block;
  float:left;
  height:72px;
  margin:0 10px 0 0;
  background:url(../images/btm-help.png) no-repeat center top;
}
.f-social a.btm-help:hover {
	background-position:center -78px;
}

.f-social a.btn-blog {
	width:72px;
  display:block;
  float:left;
  height:72px;
  margin:0 10px 0 0;
  background:url(../images/btn-blog.png) no-repeat center top;
}
.f-social a.btn-blog:hover {
	background-position:center -78px;
}

.f-social a.btn-gplus {
	width:72px;
  display:block;
  float:left;
  height:72px;
  margin:0 10px 0 0;
  background:url(../images/btn-gp.png) no-repeat center top;
}
.f-social a.btn-gplus:hover {
	background-position:center -78px;
}



.contact-from {
	position:absolute;
  right:20px;
  bottom:20px;
  width:250px;
}
.contact-from .title {
	font-size:25px;
  color:#2c6067;
  text-align:right;
}
.contact-from .text-fi, .contact-from textarea {
  width:228px;
  height:26px;
  font-size:14px;
  font-family:Arial, Helvetica, sans-serif;
  #color:#27545c;
  clear:both;
  margin:0 0 5px 0;
  padding:5px 10px;
  background:#e4e4e4;
  border:1px solid #45a8b6;
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  border-radius:6px;
  -webkit-box-shadow: inset 1px 2px 3px 0px rgba(0, 0, 0, 0.5);
  box-shadow: inset 1px 2px 3px 0px rgba(0, 0, 0, 0.5);
  outline:none;
}
.contact-from textarea {
	height:130px;
}

.button {
  background: #7bc4cf;
  background: -moz-linear-gradient(top,  #7bc4cf 0%, #479fab 4%, #38919e 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7bc4cf), color-stop(4%,#479fab), color-stop(100%,#38919e));
  background: -webkit-linear-gradient(top,  #7bc4cf 0%,#479fab 4%,#38919e 100%);
  background: -o-linear-gradient(top,  #7bc4cf 0%,#479fab 4%,#38919e 100%);
  background: -ms-linear-gradient(top,  #7bc4cf 0%,#479fab 4%,#38919e 100%);
  background: linear-gradient(to bottom,  #7bc4cf 0%,#479fab 4%,#38919e 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7bc4cf', endColorstr='#38919e',GradientType=0 );
	-moz-border-radius:6px;
  -webkit-border-radius:6px;
  color:#2b6870;
  font-size:15px;
  border-radius:6px;
  padding:6px 15px;
  border:1px solid #337e88;
  cursor:pointer;
}
.button span {
  text-shadow: 1px 1px 1px #7bc4cf;
}
.button:hover {
  background: #93c5cc;
  background: -moz-linear-gradient(top,  #93c5cc 0%, #59a6b1 4%, #37848f 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#93c5cc), color-stop(4%,#59a6b1), color-stop(100%,#37848f));
  background: -webkit-linear-gradient(top,  #93c5cc 0%,#59a6b1 4%,#37848f 100%);
  background: -o-linear-gradient(top,  #93c5cc 0%,#59a6b1 4%,#37848f 100%);
  background: -ms-linear-gradient(top,  #93c5cc 0%,#59a6b1 4%,#37848f 100%);
  background: linear-gradient(to bottom,  #93c5cc 0%,#59a6b1 4%,#37848f 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#93c5cc', endColorstr='#37848f',GradientType=0 );
}
.button:hover span {
	color:#52c5c9;
  text-shadow: 1px 1px 1px #06363d;
}
.button2 {
	width:78px;
  height:34px;
  text-indent:-9999px;
  border:0;
  margin:0;
  cursor:pointer;
  background:url(../images/send-btn.png) no-repeat left top;
}
.button2:hover {
	background-position:left -43px;
}

/*-- FOOTER --*/
#footer {
	width:100%;
  float:left;
  /*height:100px;*/
  background:url(../images/f-buildings.png) repeat-x center bottom;
}
.footer-wrapper {
	padding:40px 0 420px 0;
  position:relative;
}
.footer-arrow {
	width:115px;
  height:59px;
	position:absolute;
  z-index:9999;
  top:-1px;
  left:50%;
  margin-left:-56px;
  background:url(../images/footer-arrow.png) no-repeat left top;
  
}
.footer-wrapper a {
	color:#ffffff;
  text-decoration:none;
}
ul.footer-links {
	float:right;
	margin-top:20px;
}
.footer-links li {
	float:left;
  padding:0 5px;
  cursor:pointer;
	border-right:1px solid #fff;
}
.footer-links li.last {
	border:0;
  padding:0 0 0 5px;
}


/*-- FOOTER POPUP --*/
.popup-spacer {
  width:100%;
  height:100%;
  z-index:999999;
  background:url(../images/black-spacer.png) repeat left top;
  left:0;
  right:0;
  bottom:0;
  top:0;
  position:fixed;
  display:none;
}
.popup-window {
	width:560px;
  height:560px;
  padding:20px;
  position:fixed;
  z-index:9999999;
  color:#000;
  top:50%;
  left:50%;
  margin:-300px 0 0 -300px;
  background:#fff;
  border:4px solid #36acc1;
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  border-radius:6px;
  -webkit-box-shadow:  0px 0px 30px 0px rgba(0, 0, 0, 0.5);
  box-shadow:  0px 0px 30px 0px rgba(0, 0, 0, 0.5);
  display:none;
}
.popup-window .close-btn {
	width:36px;
  height:36px;
  position:absolute;
  right:-18px;
  top:-18px;
  background:url(../images/close-btn.png) no-repeat left top;
}
.popup-window-container {
	width:100%;
  font-size:12px;
  font-family:Arial, Helvetica, sans-serif;
  color:#2b2b2b;
  line-height:16px;
  height:560px;
  overflow-x:hidden;
  overflow-y:auto;
}
.popup-window-container p{  line-height:16px;}
.pop-listing-view {
	margin:10px 10px 10px 15px;
}
.pop-listing-view li {
	padding:0 0 4px 15px;
  background:url(../images/blue-dot.png) no-repeat left 5px;
}

.pop-listing-view2 {
	margin:10px 0 10px 0;
}
.pop-listing-view2 li {
	padding:0 0 8px 15px;
  background:url(../images/square-bulet.png) no-repeat left 5px;
}

/*-- CATEGORY POPUP --*/

.category-popup-window {
	width:714px;
  height:344px;
  position:fixed;
  z-index:9999999;
  left:50%;
  top:50%;
  margin:-172px 0 0 -357px;
  background:#f0f0f0;
  -webkit-box-shadow:  0px 0px 30px 0px rgba(0, 0, 0, 0.5);
  box-shadow:  0px 0px 30px 0px rgba(0, 0, 0, 0.5);
  display:none;
}
.category-popup-container {
	padding:20px;
  position:relative;
}
.category-popup-window h2 {
	font-size:25px;
  margin:0 0 20px 0;
  color:#545454;
}
.category-popup-window .close-btn {
	font-size:16px;
  color:#6c6c6c;
  text-decoration:none;
  position:absolute;
  right:20px;
  top:20px;
  padding-right:20px;
}
.category-popup-window .close-btn a{
	width:20px;
  height:20px;
  display:block;
  position:absolute;
  right:0;
  top:1px;
	background:url(../images/category-close-black.png) no-repeat right top;
}
.category-popup-window .product-highlight {
	height:183px;
  overflow-x:hidden;
  overflow-y:auto;
  padding:20px;
  background:#fff;
  color:#414141;
  border:1px solid #dadada;
}
.category-popup-window .cat-button {
	padding:5px 10px;
  height:30px;
  color:#fff;
  float:right;
  font-family: 'GOTHICB';
  font-size:16px;
  line-height:30px;
  text-decoration:none;
  background:#545454;
  margin:10px 0 0 15px;
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  			  border-radius:6px;
}
.product-highlight figure {
	background:#f0f0f0;
  padding:10px;
  float:left;
  margin:0 10px 10px 0;
 }
.product-highlight figure img {
	-webkit-box-shadow:  0px 0px 1px 0px rgba(0, 0, 0, 0.2);
  box-shadow:  0px 0px 1px 0px rgba(0, 0, 0, 0.2);
}
.product-highlight .pro-detail {
	overflow:hidden;
}
.product-highlight .pro-detail h3{
  font-size:16px;
  margin:0 0 10px 0;
  color:#666666;
}

.category1-popup h2,
.category1-popup .product-highlight .pro-detail h3 {
	color:#00d8ff;
}
.category1-popup .close-btn a{
	background:url(../images/category1-close.png) no-repeat right top;
}
.category1-popup .cat-button{
  background: #00d8ff;
  background: -moz-linear-gradient(top,  #00d8ff 0%, #00cff4 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00d8ff), color-stop(100%,#00cff4));
  background: -webkit-linear-gradient(top,  #00d8ff 0%,#00cff4 100%);
  background: -o-linear-gradient(top,  #00d8ff 0%,#00cff4 100%);
  background: -ms-linear-gradient(top,  #00d8ff 0%,#00cff4 100%);
  background: linear-gradient(to bottom,  #00d8ff 0%,#00cff4 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00d8ff', endColorstr='#00cff4',GradientType=0 );
}
.category1-popup ul.pop-listing-view2 li{
	background-image:url(../images/square-bulet-blue.png);
}

.category2-popup h2,
.category2-popup .product-highlight .pro-detail h3 {
	color:#2090fe;
}
.category2-popup .close-btn a{
	background:url(../images/category2-close.png) no-repeat right top;
}
.category2-popup .cat-button {
  background: #2090fe;
  background: -moz-linear-gradient(top,  #2090fe 0%, #0b7ae6 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2090fe), color-stop(100%,#0b7ae6));
  background: -webkit-linear-gradient(top,  #2090fe 0%,#0b7ae6 100%);
  background: -o-linear-gradient(top,  #2090fe 0%,#0b7ae6 100%);
  background: -ms-linear-gradient(top,  #2090fe 0%,#0b7ae6 100%);
  background: linear-gradient(to bottom,  #2090fe 0%,#0b7ae6 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2090fe', endColorstr='#0b7ae6',GradientType=0 );

}

.category3-popup h2,
.category3-popup .product-highlight .pro-detail h3 {
	color:#4882b2;
}
.category3-popup .close-btn a{
	background:url(../images/category3-close.png) no-repeat right top;
}
.category3-popup .cat-button {
  background: #609ed1;
  background: -moz-linear-gradient(top,  #609ed1 0%, #4882b2 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#609ed1), color-stop(100%,#4882b2));
  background: -webkit-linear-gradient(top,  #609ed1 0%,#4882b2 100%);
  background: -o-linear-gradient(top,  #609ed1 0%,#4882b2 100%);
  background: -ms-linear-gradient(top,  #609ed1 0%,#4882b2 100%);
  background: linear-gradient(to bottom,  #609ed1 0%,#4882b2 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#609ed1', endColorstr='#4882b2',GradientType=0 );
}

/*-- LAYERED SLIDER --*/
#layerslider {
	width: 980px;
	height: 590px;
	margin: 0 auto 0 auto;
}

/*-- TESTIMONIAL SLIDER --*/
#slider {
	position:absolute;
  width:604px;
  height:204px !important;
  font-size:11px;
  top:50px;
  left:50px;
  z-index:9;
}
#slider li {
	width:604px;
  float:left;
  position:relative;
  z-index:9;
}
#slider p {
	line-height:normal;
  overflow:hidden;
}
.testimonial-logo {
	float:left;
  margin:0 15px 0 0;	
}
.testimonial-quote {
	height:150px;
  text-oveflow:ellipsis;
}
.author {
	position:absolute;
  top:160px;
  left:120px;
  margin:0;
	font-size:14px;
}
.testimonial-data {
	width:480px;
  height:200px;
  position:absolute;
  right:0;
  top:60px;
  font-size:14px;
}
.testimonial-data p{ 
	line-height:18px;
  margin:0;
  text-align:justify;
}
#slider1prev, #slider1next {
	width:37px;
  height:37px;
  background:url(../images/next-prev-btn.png) no-repeat left top;
  overflow:hidden;
  position:absolute;
  z-index:999;
  top:216px;
}
#slider1prev a, #slider1next a{
	display:block;
  line-height:37px;
  text-indent:-99999px;
}
#slider1prev {
	right:95px;
}
#slider1next {
	right:50px;
	background-position:-43px top;
}

/*-- Moving effects --*/
.parallax-viewport {
	position: absolute;     /* relative, absolute, fixed */
  overflow: hidden;
	left:0;
  top:0;
}
.parallax-layer {
  position: absolute;
}
.parallax-viewport {
  width: 980px;
  max-width: 61em;
  height: 590px;
}
#parallax {
	right:0;
  left:auto;
 	max-width: 69em;
}
#parallax2 {
	right:0;
  left:auto;
 	max-width: 69em;
}
#parallax3 {
	right:0;
  left:auto;
	max-width: 69.5em;
}
#parallax4 {
	max-width: 69.5em;
}
#parallax5 {
	max-width: 65em;
}
#parallax6{
	max-width: 69em;
}
.diagram {
  margin-top: -0.75em;
}

small {
  text-transform: uppercase;
}


/* Dham's-2-1-2014*/
.jcarousel-wrapper-header {
    padding-left:80px; 
	margin-top:-120px;
    position: relative;
}


.wrapper1 {
    max-width: 590px;
    padding: 5px 0 0 300px;
    margin: auto;
	position:relative;
	z-index:-100;
	
}

.jcarousel-wrapper {
    margin: 150px 66px;
    position: relative;
    border: 4px solid #37a0ae;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    -webkit-box-shadow: 0 0 2px #999;
    -moz-box-shadow: 0 0 2px #999;
    box-shadow: 0 0 2px #999;
	background-color:#FFFFFF;
}

.logohead{ margin:-155px 320px;}

/** Carousel **/

.jcarousel {
    position: relative;
    overflow: hidden;
    /*
    (4 * width: 150px) + (3 * margin-right: 1px) = 603px
   
    width: 603px; */
    height: 100px;
}

.jcarousel ul {
    width: 20000em;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}

.jcarousel li {
    float: left;
    width: 150px;
    height: 100px;
    margin-right: 1px;
}

.jcarousel img {
    max-height: 100px;
}

.jcarousel .loading {
    text-align: center;
    line-height: 90px; /* Fake vertical aligning */
}

/** Carousel Controls **/

.jcarousel-control-prev,
.jcarousel-control-next {
    position: absolute;
    top: 35px;
    width: 30px;
    height: 30px;
    text-align: center;
    background: #4E443C;
    color: #fff;
    text-decoration: none;
    text-shadow: 0 0 1px #000;
    font: 24px/27px Arial, sans-serif;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    -webkit-box-shadow: 0 0 2px #999;
    -moz-box-shadow: 0 0 2px #999;
    box-shadow: 0 0 2px #999;
}

.jcarousel-control-prev {
    left: -50px;
}

.jcarousel-control-next {
    right: -50px;
}

.jcarousel-control-prev:hover span,
.jcarousel-control-next:hover span {
    display: block;
}

.jcarousel-control-prev.inactive,
.jcarousel-control-next.inactive {
    opacity: .5;
    cursor: default;
}

pre {
  border:1px solid #000;
  overflow-x:auto;
  background: #222;
  color: #fff;
  text-shadow: none;
}