@charset "utf-8";
/* CSS Document */


/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

body {
    line-height:1;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}

nav ul {
    list-style:none;
}

li {list-style:none;} 
fieldset, img {    border:0;}
a{ text-decoration:none; color:#d11200;}
a:active {outline:none;}
a:hover{text-decoration:underline;}
:focus { -moz-outline-style:none;}
blockquote, q {quotes:none;}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}


/*********CSS RESET END*************/

body {font-family: 'open_sansregular';	font-size: 62.5%;	margin:0; 	padding:0;}

.floatL{float:left;}
.floatR{float:right;}
.Font24{font-size:24px !important;}

.PTB10{padding:10px 0;}

@font-face {
    font-family: 'open_sansregular';
    src: url('fonts/opensans-regular-webfont.eot');
    src: url('fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-regular-webfont.woff') format('woff'),
         url('fonts/opensans-regular-webfont.ttf') format('truetype'),
         url('fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'proxima_novalight';
    src: url('fonts/proximanova-light-webfont.eot');
    src: url('fonts/proximanova-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/proximanova-light-webfont.woff') format('woff'),
         url('fonts/proximanova-light-webfont.ttf') format('truetype'),
         url('fonts/proximanova-light-webfont.svg#proxima_novalight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'titilliumlight';
    src: url('fonts/titillium-light-webfont.eot');
    src: url('fonts/titillium-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/titillium-light-webfont.woff2') format('woff2'),
         url('fonts/titillium-light-webfont.woff') format('woff'),
         url('fonts/titillium-light-webfont.ttf') format('truetype'),
         url('fonts/titillium-light-webfont.svg#titilliumlight') format('svg');
    font-weight: normal;
    font-style: normal;

}

.cb{ clear:both;}
.MT30{margin:30px 0 0 0;}
.boxSizing{ box-sizing:border-box;}
.Wrapper{ width:100%; box-sizing:border-box;}
.Header{ border-bottom:10px solid #ccc;}
.colorStrip01{ height:10px; width:100%; display:block; background:#bf382b;}
.CLR1{ padding:5px; width:7%; background:#334a5e; float:left;}
.CLR2{ padding:5px; width:7%; background:#8f45ad; float:left;}
.CLR3{ padding:5px; width:7%; background:#9c59b5; float:left;}
.CLR4{ padding:5px; width:7%; background:#2980ba; float:left;}
.CLR5{ padding:5px; width:7%; background:#3399cc; float:left;}
.CLR6{ padding:5px; width:7%; background:#3399db; float:left;}
.CLR7{ padding:5px; width:7%; background:#1abd9c; float:left;}
.CLR8{ padding:5px; width:7%; background:#26ad61; float:left;}
.CLR9{ padding:5px; width:7%; background:#8cbd21; float:left;}
.CLR10{ padding:5px; width:7%; background:#f2c40f; float:left;}
.CLR11{ padding:5px; width:7%; background:#e57d21; float:left;}
.logo{ padding:3px 35px 8px;}
/* Navigation */
#cssmenu ul, #cssmenu li, #cssmenu a { list-style: none; margin: 0; padding: 0; border: 0; line-height: 1; font-family: 'open_sansregular';}
#cssmenu {  margin-bottom:5px; margin-top:5px; margin-right:10px; border: 1px solid #133e40;  -webkit-border-radius: 5px;  -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius:5px; width:74.3%;}
#cssmenu ul {zoom: 1;
  background: #36b0b6;
  background: -moz-linear-gradient(top, #36b0b6 0%, #2a8a8f 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #36b0b6), color-stop(100%, #2a8a8f));
  background: -webkit-linear-gradient(top, #36b0b6 0%, #2a8a8f 100%);
  background: -o-linear-gradient(top, #36b0b6 0%, #2a8a8f 100%);
  background: -ms-linear-gradient(top, #36b0b6 0%, #2a8a8f 100%);
  background: linear-gradient(top, #36b0b6 0%, #2a8a8f 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@top-color', endColorstr='@bottom-color', GradientType=0);
  padding: 5px 10px;  -webkit-border-radius: 5px;  -moz-border-radius: 5px;  -ms-border-radius: 5px;  -o-border-radius: 5px;  border-radius: 5px;}
#cssmenu ul:before {content: '';  display: block;}
#cssmenu ul:after {content: '';  display: table; clear: both;}
#cssmenu li {  float: left;  margin: 0 5px 0 0;  border: 1px solid transparent;}
#cssmenu li a {-webkit-border-radius: 5px;  -moz-border-radius: 5px;  -ms-border-radius: 5px;  -o-border-radius: 5px;  border-radius: 5px;  padding: 8px 8px 9px;display: block;  text-decoration: none; color: #ffffff; border: 1px solid transparent;font-size: 14px;}
#cssmenu li.active {  -webkit-border-radius: 5px;  -moz-border-radius: 5px;  -ms-border-radius: 5px;  -o-border-radius: 5px;  border-radius: 5px;  border: 1px solid #36b0b6;}
#cssmenu li.active a { -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px border-radius: 5px; display: block; background: #1e6468; border: 1px solid #133e40; -moz-box-shadow: inset 0 5px 10px #133e40; -webkit-box-shadow: inset 0 5px 10px #133e40; box-shadow: inset 0 5px 10px #133e40;}
#cssmenu li:hover { -webkit-border-radius: 5px;-moz-border-radius: 5px;-ms-border-radius: 5px;-o-border-radius: 5px;border-radius: 5px;border: 1px solid #36b0b6;}
#cssmenu li:hover a {
  -webkit-border-radius: 5px; -moz-border-radius: 5px;-ms-border-radius: 5px;  -o-border-radius: 5px;border-radius: 5px;display: block;background: #1e6468;  border: 1px solid #133e40;-moz-box-shadow: inset 0 5px 10px #133e40;-webkit-box-shadow: inset 0 5px 10px #133e40;box-shadow: inset 0 5px 10px #133e40;
}
/* Slider */
.slider{ width:100%;}
/* Main Container */
p {font-size:14px; line-height:20px; }
h1{ font-size:24px; font-family:'titilliumlight'; color:#006699;  margin:0 0 10px 0;}
h2{ font-size:24px; font-family:'titilliumlight'; color:#006699;  margin:30px 0 10px 0;}
h3{ font-size:18px; font-family:'titilliumlight'; color:#006699;  margin:20px 0 10px 0;}


.MainContent{}
.HmPgBoxOuter{ width:72%; margin:20px auto;}
.HmPgBoxOuter ul li{  margin-right:30px; border:1px solid #ccc; width:290px; float:left; margin-bottom:10px;}
.HmPgBoxOuter ul li:last-child{ margin-right:0;}
ul.HmPgBoxUL{margin:0 auto;} 

.InPgBoxOuter{ width:87%; margin:20px auto;}
.InPgBoxOuter ul li{  margin-right:30px; border:1px solid #ccc; width:290px; float:left; margin-bottom:10px;}
.InPgBoxOuter ul li:last-child{ margin-right:0;}

.boxImgHolder{ padding:10px 10px 0;}
.IconCellicaWifi{ background:url(../images/boxSprite.png) no-repeat 0 -101px; width:100px; height:104px; margin:0 auto;} 
.IconCellicaInternet{ background:url(../images/boxSprite.png) no-repeat 0 2px; width:100px; height:104px; margin:0 auto;} 
.IconCellicaAnywhere{ background:url(../images/boxSprite.png) no-repeat 0 -204px; width:100px; height:104px; margin:0 auto;} 
.IconCellicaMeterReader{ background:url(../images/CellicaMeter.png) no-repeat 0 2px; width:100px; height:104px; margin:0 auto;} 
.IconCellicaSmartSales{ background:url(../images/CellicaSmartSales.png) no-repeat 0 2px; width:100px; height:104px; margin:0 auto;} 
.BoxTitle{ font-family: 'titilliumlight'; font-size:23px; color:#006699; text-align:center;margin-top:10px; }
.boxInnerContent{ font-size:14px; padding:5px 28px;}
.BoxContent{ margin-bottom:20px; line-height:20px;}
.link01{color:#006699; font-size:14px; line-height:33px;}
.link02{color:#d11200; font-size:12px; margin:0 0 0 10px;}
.generalIcons{ background:url(../images/generalIcons.png) no-repeat;}
.iconKnowMore{ background-position:0 0; width:14px; height:5px; display:inline-block;}
.iconKnowMoreRed{ background-position:-22px 0; width:17px; height:5px; display:inline-block;}

.fullWidth{ width:100%;}
.Title01{ font-size:24px; font-family:'titilliumlight'; color:#006699; text-align:center; margin-bottom:10px;}
.OsBox{ background:#046381; padding:20px; margin-bottom:10px;}
.OsBoxInner{ width:33%; margin:0 auto;}
.OsBoxInner ul li{ float:left; margin-right:20px;}
.OsBoxInner ul li:last-child{ margin-right:0; }
.OsSprite{ background:url(../images/OsSprite.png) no-repeat;}
.IconAndroid{ background-position:0 -1px; width:84px; height:96px;}
.IconIos{ background-position:-100px -2px; margin-top:3px; width:77px; height:89px;}
.IconBB{ background-position:0 -100px; margin-top:20px; width:96px; height:68px;}
.IconWindows{ background-position:-110px -94px; margin-top:12px; width:78px; height:80px;}
.IconSymbian { background-position: 0 -177px; margin-top:21px; width:216px; height:60px;}
.TstMnlBox{ font-family: 'proxima_novalight'; border-bottom:1px solid #ccc; border-top:1px solid #ccc; background:#f2f2f2; margin-bottom:20px;}
.TstMnlBoxInner{ padding:20px; width:60%; margin: 0 auto;}
.TestMnlContent01{ font-size:18px; line-height:25px; text-align:center; margin-bottom:10px;}
.TestMnlContent02{ font-size:16px; color:#666; text-align:center; margin-bottom:10px;}
.MarketingBanner{ padding:15px; margin:0 auto; width:90%;}
.MarketingBannerOuter{background:#f2f2f2;}
.LeftAdv{ float:left;}
.advBox{ font-family:'titilliumlight'; margin-bottom:10px; border:1px dotted #2a2a2a; padding:10px 10px 3px; -webkit-border-radius:8px;-moz-border-radius:8px; border-radius:8px; margin-right:10px; float:left;}
.RightAdv{ float:right;}
.Title02{ font-size:24px; color:#585858; margin-top:5px;}
.SclSqr{ background:#585858; height:32px; width:40px; padding:8px 0 0; display:block;}
.IconFb{ background-position:0 -6px; display:block; width:12px; height:23px; margin:0 auto;}
.IconTwit{ background-position:0 -29px; display:block; width:23px; height:23px; margin:0 auto;}
.IconIn{ background-position:0 -52px; display:block; width:21px; height:23px; margin:0 auto;}
.IconYt{ background-position:0 -75px; display:block; width:21px; height:24px; margin:0 auto;}
.RightAdv ul{ margin-left:10px;}
.RightAdv ul li{float:left; margin-right:6px;}
.RightAdv ul li:last-child{margin-right:0;}
.Copyright{background:#1eb0bd; padding:15px; font-size:14px; color:#fff;}
.ContentInner{width:80%; margin:10px auto; font-size:14px; }
.ContentInner p {font-size:14px; line-height:20px; }

.Title03{font-size:26px; color:#046381; font-family:'titilliumlight'; margin-bottom:15px;}
.LeftContent{float:left; margin-right:15px; width:45%;}
.RightContent{float:right;}
.LeftContent p{margin-bottom:10px; line-height:20px;}
.TxtColor01{ color:#046381;}
.FeatureBoxOuter{background:#e7e7e7; width:100%; margin-bottom:20px; margin-top:20px;}
.FeatureBox{ margin:0 auto; width:80%; border:1px solid #e7e7e7;}
.FeatureBox .LeftNavBox{ height:auto; float:left; background:#1abd9c; width:250px; padding:20px 15px;}
.Title04{ font-size:24px;color:#fff;}
.Title04 a{ font-size:24px !important;color:#fff;}

.FeatureBox .LeftNavBox ul{ margin-top:30px;}
.FeatureBox .LeftNavBox ul{display:block;}
.FeatureBox .LeftNavBox ul li{padding:10px 0 10px;}
.FeatureBox .LeftNavBox ul li a{display:block;font-size:16px; color:#fff; }
.FeatureBox .LeftNavBox ul li a.active{ color:#000;}
.RightContentBox{ float:left; padding-bottom:10px; margin-left:20px; font-size:18px; width:65%;}
.DetailContent{ margin-top:10px;margin-bottom:20px; }
.DetailContent p{ margin-bottom:20px; color:#046381;}
.ReqContent{margin-top:15px;margin-bottom:10px; }
.ReqContent p{ margin-bottom:20px;}
.inputBtn01 input{ background:#1abd9c; padding:6px 10px; border:0; outline:0; color:#fff; cursor:pointer;}
.list01{margin-bottom:20px; margin-top:20px;}
.list01 ul{ margin-left:25px;  margin-top:10px;}
.list01 ul li{ list-style-type:square; margin-bottom:10px;}
.MainContent p{ margin-bottom:10px;}
.RightImgBox { width:45%;}
.RCdataBox{float:left; margin-right:25px;}

ul.ArrowUL{margin:0; padding:1em 2em; font-size:13px; line-height:18px;}
ul.ArrowUL li{background:#f6f4f4 url("../images/black-line-arrow.jpg") no-repeat scroll left 16px; margin:0 0 1px 0; padding:10px 0 10px 23px}

/*******/
.col-3{width:30.8%;float:left;min-height:1px;padding:15px;position:relative;}
.panel-group{margin-bottom:20px; float:left; width:32%; margin:0 0.5%}
.panel-group .panel{border-radius:4px;margin-bottom:0;overflow:hidden;}
.collapse.in{display:block;}
.collapse{display:none;}
.panel-default > .panel-heading{background-color:#f5f5f5;border-color:#ddd;color:#333;}
.panel-group .panel-heading{border-bottom:0 none;}
.panel-heading{border-bottom:1px solid transparent;border-top-left-radius:3px;border-top-right-radius:3px;padding:10px 15px;}
.panel-title{color:inherit;font-size:16px;margin-bottom:0;margin-top:0;}
.panel-title > a{color:inherit;}
.panel-body:before, .panel-body:after{content:" ";display:table;clear:both;}
.panel-body ul li{background:url("../images/black-circle-arrow.jpg") no-repeat scroll left 4px;font-size:13px;line-height:18px;margin:0 0 10px;padding:0 0 0 20px;}
.panel-title{font-size:20px;text-transform:none;font-weight:400;padding:0;position:relative;}
.panel-title > a{font-size:14px;text-transform:uppercase;display:block;padding:20px 40px 20px 20px;background-color:#1f8fff;color:#fff !important;}
.panel-title > a:after{color:#fff;content:'-';position:absolute;font-size:22px;right:27px;top:15px;}
.panel-title > a:hover{color:#FFF !important;}
.panel-title > a:hover:after{display:none;}

.panel-title > a.collapsed:after {content:'+'; right: 24px;}
.panel {box-shadow: none;}
.panel-group .panel {border-radius: 0;/* border-left: 0; border-right: 0; border-bottom: 0; */background-color: transparent;}
.panel-default > .panel-heading {background-color: transparent; color: inherit; position: relative; border: none; border-radius: 0; padding: 0;}
.panel-heading {padding: 16px 0px 14px 16px;}
.panel-heading[class*="rt-icon-"]:before {position: absolute; font-size: 20px; color:#e95d70; left: 16px;}
.panel-default {border-color: #e5e5e5; }
.panel-default+.panel-default {border-top-color: rgba(255,255,255,0.1);}
.panel-group .panel + .panel {margin-top: 9px;}
.panel-group .panel-heading + .panel-collapse .panel-body {
padding: 15px;
border-right: 1px solid #CCC;
border-left: 1px solid #CCC;
border-bottom: 1px solid #CCC;
border-top: none;
}
/*********/

.CenterBox{margin:20px auto; width:80%;}

/*==================================================
 * ClientBox
 * ===============================================*/
.ClientBox {
	width: 230px;
	height: 115px;
	background:#FFF;
	border:1px dotted #000;
	text-align:center;
	display: table-cell;
    vertical-align: middle;
	float:left;
	margin:18px;
}

.ClientBoxeffect1
{
  position: relative;
}
.ClientBoxeffect1:before, .ClientBoxeffect1:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  -webkit-box-shadow: 0 15px 10px #777;
  -moz-box-shadow: 0 15px 10px #777;
  box-shadow: 0 15px 10px #777;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}
.ClientBoxeffect1:after
{
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}
/*==================================================
 * ClientBox End
 * ===============================================*/

ul.OSNames{margin:10px 0;}
ul.OSNames li {float:left; padding:5px 10px; border:1px dotted #FFF; text-align:center; margin:5px; background:#1f8fff; color:#FFF; font-size:14px;}
ul.OSNames li span{line-height:30px;}
ul.OSNames li span a{background:none; border:0; padding:0; margin:0;}


/* button 
---------------------------------------------- */
.button {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 0 2px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
	padding: .5em 2em .55em;
}
.button:hover {
	text-decoration: none;
}
.button:active {
	position: relative;
	top: 1px;
}

.testimonielBox{ border-bottom:1px dashed #ccc; padding:10px 0; margin-bottom:10px;}
.testDetails{ margin-top:12px; float:left;}

/**********Top Login Start***********************/
#login {padding:0; float:right; margin:5px 10px 0 0;}

.login {color:#8e8d8d; background-color:#fdfdfd; width:150px; border:1px solid #d8d8d8; -webkit-border-radius:3px; -moz-border-radius:3px;
border-radius:3px; box-shadow:inset 2px 2px 4px #f1f1f1; margin:0; padding:11px 15px 10px 50px; }

.user {background:url(../images/user.png) no-repeat;}

.password {background:url(../images/password.png) no-repeat;}

.Loginbutton {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 0 2px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
	padding: 11px 25px;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	margin:0 0 0 3px;
}
.Loginbutton:hover {
	text-decoration: none;
}
.Loginbutton:active {
	position: relative;
	top: 1px;
}
.Loginbutton a{color:#FFF; text-decoration:none;}

/* blue */
.Loginblue {
	width:80px !important;
	color: #d9eef7;
	border: solid 1px #0076a3;
	background: #0095cd;
	background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
	background: -moz-linear-gradient(top,  #00adee,  #0078a5);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
}
.Loginblue:hover {
	background: #007ead;
	background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
	background: -moz-linear-gradient(top,  #0095cc,  #00678e);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e');
}
.Loginblue:active {
	color: #80bed6;
	background: -webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee));
	background: -moz-linear-gradient(top,  #0078a5,  #00adee);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a5', endColorstr='#00adee');
}

/**********Top Login End***********************/

/*********** Pricing table and price blocks***********************/
.pricing_table {
	line-height: 150%;
	font-size: 12px;
	margin: 0 auto;
	width: 98%;
	padding-top: 10px;
}
.price_block {
	text-align: center;
	width: 100%;
	color: #fff;
	float: left;
	list-style-type: none;
	transition: all 0.25s;
	position: relative;
	box-sizing: border-box;
	margin-bottom: 10px;
	border-bottom: 1px solid transparent;
}
/*Price heads*/
.pricing_table h3 {
	color:#FFF;
	text-transform: uppercase;
	padding: 15px 0;
	background: #333;
	margin: -10px 0 1px 0;
	font-size:16px;
}
/*Price tags*/
.price {
	display: table;
	background: #1eb0bd;
	width: 100%;
	height: 68.5px;
	color:#FFF;
}
.price_figure {
	font-size: 24px;
	text-transform: uppercase;
	vertical-align: middle;
	display: table-cell;
}
.price_number {
	font-weight: bold;
	display: block;
}
.price_tenure {
	font-size: 11px;
}
/*Features*/
.features {
	background: #DEF0F4;
	color: #000;
}
.features li {
	padding: 25px 15px;
	border-bottom: 1px solid #ccc;
	font-size: 12px;
	list-style-type: none;
}
.features li.P40 {	padding: 40px 15px;}
.features li.P49 {	padding: 49px 15px;}
.features li.P31 {	padding: 31px 15px;}
.features li.P22 {	padding: 22px 15px;}
.features li.P26 {	padding: 26px 15px;}
.features li.P16 {	padding: 16px 15px;}
.features li.pricingH2{font-size:14px; font-weight:700; text-align:left; background:#a5e0ed; height:18px;}
.features li.pricingH3{font-size:14px; font-weight:700; text-align:left; background:#a5e0ed; height:65px;}

.features li.pricingH4 {color:#000000;font-size:13px; font-weight:700; text-align:left; background:#e98c25; height:65px; padding: 16px 15px;}
.features li.pricingH5 {background:#ec9d46; height:65px;padding: 16px 15px;}

.features li.pricingH6 {color:#000000;font-size:13px; font-weight:700; text-align:left; background:#f0b06a; height:65px; padding: 16px 15px;}
.features li.pricingH7 {color:#000000;font-size:13px; font-weight:700; text-align:left; background:#f1b97a; height:65px; padding: 16px 15px;}

.footer {
	padding: 15px;
	background: #DEF0F4;
}
.action_button {
	text-decoration: none;
	color: #fff;
	font-weight: bold;
	border-radius: 5px;
	background: linear-gradient(#666, #333);
	padding: 5px 20px;
	font-size: 11px;
	text-transform: uppercase;
}
.price_block:hover {
	z-index: 1;
	border-bottom: 0 none;
	border-right: 1px solid #FFF;

}
.price_block:hover .price {
	background: linear-gradient(#DB7224, #F9B84A);
	box-shadow: inset 0 0 45px 1px #DB7224;
}
.price_block:hover h3 {
	background: #222;
}
.price_block:hover .action_button {
	background: linear-gradient(#F9B84A, #DB7224);
}
 @media only screen and (max-width : 980px){
.price_block {
	width: 50%;
}

.price_block:nth-child(odd) {
	border-right: 1px solid transparent;
}
.price_block:nth-child(3) {
	clear: both;
}
.price_block:nth-child(odd):hover {
	border: 0 none;
}
}
 @media only screen and (min-width : 1000px) {
.price_block {
	width: 25%;
}
.price_block {
	border-right: 1px solid transparent !important;
	border-bottom: 0 none;
}
.price_block:last-child {
	border-right: 0 none;
}
.price_block:hover {
	border: 0 none;
}
}
.skeleton, .skeleton ul, .skeleton li, .skeleton div, .skeleton h3, .skeleton span, .skeleton p {
	border: 5px solid rgba(255, 255, 255, 0.9);
	border-radius: 5px;
	margin: 7px !important;
	background: rgba(0, 0, 0, 0.05) !important;
	padding: 0 !important;
	text-align: left !important;
	display: block !important;
	width: auto !important;
	height: auto !important;
	font-size: 10px !important;
	font-style: italic !important;
	text-transform: none !important;
	font-weight: normal !important;
	color: black !important;
}
.skeleton .label {
	font-size: 11px !important;
	font-style: italic !important;
	text-transform: none !important;
	font-weight: normal !important;
	color: white !important;
	border: 0 none !important;
	padding: 5px !important;
	margin: 0 !important;
	float: none !important;
	text-align: left !important;
	text-shadow: 0 0 1px white;
	background: none !important;
}
.skeleton {
	display: none !important;
	margin: 100px !important;
	clear: both;
}
div.yes{background:url("../images/yes.png") no-repeat scroll center center rgba(0, 0, 0, 0); height:18px; text-align:center;}
div.yesWithTxt{background:url("../images/yes.png") no-repeat scroll 51px center rgba(0, 0, 0, 0); height:18px; text-align:center;}

div.no{background:url("../images/no.png") no-repeat scroll center center rgba(0, 0, 0, 0); height:18px; text-align:center;}
div.noWithTxt{background:url("../images/no.png") no-repeat scroll 51px center rgba(0, 0, 0, 0); height:18px; text-align:center;}


a.PricingBtnTglActive {padding:5px; background:none; border:1px dotted #1eb0bd; color:#000; text-decoration:none; font-weight:700; margin:0 10px 0 0}
a.PricingBtnTgl {padding:5px; background:#1eb0bd; border:1px dotted #FFF; color:#FFF; text-decoration:none; font-weight:700; margin:0 10px 0 0}
a.PricingBtnTgl:hover {padding:5px; background:none; border:1px dotted #1eb0bd; color:#000; text-decoration:underline; font-weight:700; margin:0 10px 0 0}
.contactBox{color:#666;padding:10px; float:left; width:45%; margin-right:10px; border:1px solid #ccc; margin-bottom:15px;
background: rgba(255,255,255,1);
background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(100%, rgba(237,237,237,1)));
background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=1 );}
.contactBox:hover{ border:1px solid #e6e6e6;}
.heading{font-size:14px; font-weight: bold; margin-bottom:10px;}
.cContent{ padding-bottom:5px;}
.heading01{ font-size:14px; color:#666; margin-bottom:10px;}
/*********** Pricing table and price blocks***********************/


/******************************************************************/
.clearout {
height:20px;
clear:both;
}

#flexiselDemo1, #flexiselDemo2, #flexiselDemo3 {
display:none;
}

.nbs-flexisel-container {
    position:relative;
    max-width:100%;
}
.nbs-flexisel-ul {
    position:relative;
    width:9999px;
    margin:0px;
    padding:0px;
    list-style-type:none;   
    text-align:center;  
}

.nbs-flexisel-inner {
    overflow:hidden;
    float:left;
    width:100%;
    background:#fcfcfc;
    background: #fcfcfc -moz-linear-gradient(top, #fcfcfc 0%, #eee 100%); /* FF3.6+ */
    background: #fcfcfc -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(100%,#eee)); /* Chrome,Safari4+ */
    background: #fcfcfc -webkit-linear-gradient(top, #fcfcfc 0%, #eee 100%); /* Chrome10+,Safari5.1+ */
    background: #fcfcfc -o-linear-gradient(top, #fcfcfc 0%, #eee 100%); /* Opera11.10+ */
    background: #fcfcfc -ms-linear-gradient(top, #fcfcfc 0%, #eee 100%); /* IE10+ */
    background: #fcfcfc linear-gradient(top, #fcfcfc 0%, #eee 100%); /* W3C */
    border:1px solid #ccc;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;  
}

.nbs-flexisel-item {
    float:left;
    margin:0px;
    padding:0px;
    cursor:pointer;
    position:relative;
    line-height:0px;
}
.nbs-flexisel-item img {
    width: 100%;
    cursor: pointer;
    position: relative;
    margin-top: 10px;
    margin-bottom: 10px;
    max-width:100px;
    max-height:45px;
}

/*** Navigation ***/

.nbs-flexisel-nav-left,
.nbs-flexisel-nav-right {
    width: 22px;
    height: 22px; 
    position: absolute;
    cursor: pointer;
    z-index: 100;
    opacity: 0.5;
}

.nbs-flexisel-nav-left {
    left: 10px;
    background: url(../images/button-previous.png) no-repeat;
}

.nbs-flexisel-nav-right {
    right: 5px;
    background: url(../images/button-next.png) no-repeat;
}
/******************************************************************/

ul.FAQul{margin:0; padding:0;}
ul.FAQul li:first-child{margin:0 !important;}
ul.FAQul li.Que {font-size:14px; line-height:20px; font-weight:700; padding:5px; background:#f2f2f2; margin:20px 0 5px 0;}
ul.FAQul li.Ans {font-size:14px; line-height:20px; padding:5px; margin:0 0 0 10px;}
ul.FAQul li.Ans:hover{background:#c5f7fc;} 

ul.FAQSubUL{margin:0; padding:0; font-size:14px; line-height:20px;}
ul.FAQSubUL li{margin: 0; padding:5px 0}
img.ImgW250{width:250px; height:auto; padding:0 10px;}
img.ImgW300{width:300px; height:auto; padding:0 10px;}
img.ImgW500{width:500px; height:auto; padding:0 10px;}
img.ImgW800{width:800px; height:auto; padding:0 10px;}


/*********LOGO SLIDER********************/
.ClientLogoScroll{width:82%; margin:0 auto;}
.scroll-text {
  border: 1px solid red;
  width: 400px;
  height: 4.5em;
  overflow: hidden;
}
.scroll-text ul {
  width: 800px;
  height: 100px;
  overflow: hidden;
  margin: 0;
}
.scroll-text ul li {
  height: 1.5em;
}
.scroll-img {
  width: 875px;
  height: 142px;
  overflow: hidden;
  font-size: 0;
}
.scroll-img ul {
  width: 700px;
  height: 600px;
  margin: 0;
}
.scroll-img ul li {
  display: inline-block;
  margin: 10px 0 10px 10px;
}
.scroll-img ul li img { border:1px dotted #333; }
#ClientLogo.scroll-img ul {
  width: 1500px;
}
#ClientLogo-btn {
  padding-top: 54px;
}
.text-center{text-align:center;}
/**********LOGO SLIDER*******************/

/******************* VideoGallery ****************************/
.VideoGallery { margin-bottom:10px; color:#000; text-decoration:none; text-align:justify; font-size:14px;}
.VideoGallery ul li{border-bottom:1px dotted #333; padding:10px 0 10px 0;}
.VideoGallery ul li ul li {background: url("../images/arrow-black.png") no-repeat scroll left 3px transparent;   padding:0 0 5px 10px; margin: 0; color:#000; text-decoration:none; text-align:justify; line-height:15px; border: none;}

.VideoGallery ul li ul li:hover{background: url("../images/arrow-black.png") no-repeat scroll left 3px transparent;   padding: 0 0 5px 10px; margin: 0; color:#000; text-decoration:none; text-align:justify; line-height:15px; border: none;}

.VideoGallery ul li p{margin-bottom:10px; color:#000; text-decoration:none; line-height:20px; }
.VideoGallery ul li img{float:left; margin:3px 10px 3px 0; border:1px dotted #333; padding:5px;}
/******************* VideoGallery End****************************/


/********** Responsive YouTube ******/
.js-video-outer{margin:20px auto; width:50%;}

.js-video {
	border:1px dotted #333;
	height: 0;
	padding-top: 25px;
	padding-bottom: 67.5%;
	margin-bottom: 10px;
	position: relative;
	overflow: hidden;
}
.js-video.vimeo {
	padding-top: 0;
}
.js-video.widescreen {
	padding-bottom: 56.34%;
}
.js-video embed, .js-video iframe, .js-video object, .js-video video {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	position: absolute;
}

/* Responsive */
@media (max-width: 767px) {
	.js-video {
		padding-top: 0;
	}
}
/********** //  Responsive YouTube // ******/

.DesignBy a{color:#FFF;}

/**Enquiry Form Start***/

ul#contactForm input, textarea, select { 
	padding: 3px;
	margin:3px 0;
	outline: 0;
	border: 1px solid #666666;

	}
ul#contactForm input:hover, textarea:hover, select:hover,
ul#contactForm input:focus, textarea:focus, select:focus { 
	border-color: #3399ff; 
	-webkit-box-shadow: #3399ff 0px 0px 3px;
	-moz-box-shadow: #3399ff 0px 0px 3px;
	box-shadow: #3399ff 0px 0px 3px;	}


fieldset {border:none;}
ul#contactForm li {list-style:none;}

ul#contactForm label{ display: inline-block;  width:257px;  min-width:60px; line-height:22px; vertical-align:middle;}
ul#contactForm input{ margin-right:9px; display: inline-block;  min-width:30px;  width:357px;}
ul#contactForm select{ margin-right:9px; display: inline-block;  min-width:30px; width:258px;}
ul#contactForm textarea{ margin-right:9px; display: inline-block;  min-width:30px; width:357px;}


ul#contactForm{width:892px; font-size:12px;}
label.error { color: #F00;}

/**Enquiry Form End***/

.ajaxtooltip{
position: absolute; /*leave this alone*/
display: none; /*leave this alone*/
width: 300px;
left: 0; /*leave this alone*/
top: 0; /*leave this alone*/
background: lightyellow;
border: 2px solid gray;
border-width: 1px 2px 2px 1px;
padding: 5px;
font-size:12px;
line-height:18px;
z-index:1;
}

.FormSecTitle{padding:10px 0 0 0; color:#006699; font-weight:700;}

.fontOnly {
    font: 12px Trebuchet MS;
}
.MT10 {
    margin-top: 10px;
}
.FL {
    float: left;
}
.W120 {
    width: 120px;
}