﻿/*--- site custom-start ---*/

.content.clearfix {padding: 22% 2%;}
a, li, button {-webkit-tap-highlight-color: rgba(0,0,0,0);}

 .ui-text {}
 .shade-in { background-color:#fff;
 	/*box-shadow:0px 0px 6px 0px #DADADA inset;
 	-webkit-box-shadow: 0px 0px 6px 0px #DADADA inset;
	-moz-box-shadow: 0px 0px 6px 0px #DADADA inset; 
	-o-box-shadow:0px 0px 6px 0px #DADADA inset;*/
	
	box-shadow:0px 0px 0px 1px #e7e7e7 inset;
	-webkit-box-shadow:0px 0px 0px 1px #e7e7e7 inset;
	-moz-box-shadow:0px 0px 0px 1px #e7e7e7 inset;
	-o-box-shadow:0px 0px 0px 1px #e7e7e7 inset;
	
}
 .shade-out { background-color: #F5F5F5;
	box-shadow: 0px 0px 0px 1px #DADADA;
	-webkit-box-shadow: 0px 0px 0px 1px #DADADA;
	-moz-box-shadow: 0px 0px 0px 1px #DADADA;
	-o-box-shadow: 0px 0px 0px 1px #DADADA;
	border: 1px solid #FFFFFF;
	/*border-top: 1px solid #f3f3f3;
	border-left: 1px solid #f3f3f3;
	box-shadow: 1px 1px 0px 0px #ECECEC;
	-webkit-box-shadow: 1px 1px 0px 0px #ECECEC;
	-moz-box-shadow: 1px 1px 0px 0px #ECECEC; 
	-o-box-shadow: 1px 1px 0px 0px #ECECEC;
	box-shadow: 0px 0px 10px #999; 
	-webkit-box-shadow: 0px 0px 10px #999; 
	-moz-box-shadow: 0px 0px 10px #999; 
	-o-box-shadow: 0px 0px 10px #999;*/
}

.readmore { text-align:left;}
.top{ margin-top:3em;}




/*text-shadow:0px 1px 0px rgba(255, 255, 255, 0.7);*/
body.local {border-top:10px solid #7BBB36;}

/*--- customized for popup window --- */
body.popup {border-top-width:0px; font-size:0.8em;}
body.popup .hideinpopup{ display: none;}
body.popup .content{padding-top:2em; border-bottom-width: 0px;}


/*---site custom -end---*/


/*-- below-in common css--*/
.main-bg{ position:relative; 
	background:url('/image/page/main-bg.jpg'); 
	background-position:top;	 
	-webkit-background-size: cover;
	 -moz-background-size: cover; 
	 -o-background-size: cover; 
 	background-size: cover;
 }
 
 /*---header top-header ---*/
 .navtop > .nav > ul > li > ul > li > span{ display:none;}
 .navtop > .nav > ul > li > ul > li:hover > label { color:#252525;}


/*---content----*/
.content {/*border-bottom: 1px solid #d8d8d8;box-shadow: 0px 1px 0 0 #fff;*/}


/*--header authenticate -- */
.authenticate .dashboard{border-left-color: transparent; border-top-color: transparent; border-right-color:#E0E0E0;}
.authenticate ul{border-left-color: transparent; border-top-color: transparent;border-right-color:#E0E0E0;}




/*  GRID OF THREE   ============================================================================= */
.content-top-grids{ background:#FFFFFF; box-shadow: 0px 0px 10px rgba(85, 85, 85, 0.12); -webkit-box-shadow: 0px 0px 10px rgba(85, 85, 85, 0.12); -moz-box-shadow: 0px 0px 10px rgba(85, 85, 85, 0.12); -o-box-shadow: 0px 0px 10px rgba(85, 85, 85, 0.12);}
.section { clear: both; padding: 0px; margin: 0px;}

.group {zoom:1;}
.group:before,
.group:after {content:"";   display:table; clear:both;}

.grid_1_of_3{ display: block; float:left; margin: 1% 0 0% 1.6%; text-align: center;}
.grid_1_of_3:first-child {  margin-left: 0; } 
.images_1_of_3 { width: 29.2%; padding: 1.5% 1.5% 0 1.5%;}
.images_1_of_3  img { max-width:100%; display:block;}
.images_1_of_3  h3{ margin:4% 0; font-family: 'Julius Sans One', sans-serif; font-weight:400; font-size:1.6em; color: #565656; text-align: center;}
.images_1_of_3  h4{ font: 400 18px Julius Sans One; color: #565656; text-align: center; letter-spacing: 1px; margin-bottom: 3%;}
.images_1_of_3 h3 span{ color:#7BBB36;}
.images_1_of_3  p  { font-size: 0.924em; color: #565656; line-height: 1.8em; padding: 4px 0px 20px 0px;}
.images_1_of_3 .button{ margin-top: .3em; line-height: 1.5em; width: 90%; text-align: center; margin: 0 auto; height: 42px; border-bottom: 8px solid #7BBB36;}
.images_1_of_3 .button a{ border-top-left-radius: 10px; -webkit-border-top-left-radius: 10px; -moz-border-top-left-radius: 10px; -o-border-top-left-radius: 10px; border-top-right-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-top-right-radius: 10px; -o-border-top-right-radius: 10px; text-decoration: none; letter-spacing: 1px; font: 400 16px Julius Sans One; background: #7BBB36; display: inline-block; padding: 2px 20px; line-height: 2.4em; color: #ffffff; text-align: center;}
.images_1_of_3 .mid span a:hover,.images_1_of_3 .last span a:hover,.images_1_of_3 .button a:hover{ background: #7BBB36;}


/*-----bottom-grids----*/
/*.bottom-grid1 { width: 29.333333%; float: left; margin-right: 3.33333%;}
.bottom-grids{ padding: 1.5%;}
.bottom-grid1 h3,.bottom-grid2 h3{ color: #565656; font-family: 'Julius Sans One', sans-serif; font-size: 24px; padding: 15px 0px 15px 0px; border-bottom: 1px solid rgba(218, 218, 218, 0.38); margin-bottom: 13px; font-weight: 600;}
.bottom-grid1 span,.bottom-grid2 span{ color: #7BBB36; font-family: 'Julius Sans One', sans-serif; font-size: 1em; line-height: 1.8em; font-weight: 600;}
.bottom-grid1 p{ font-size: 0.924em; color: #565656; line-height: 1.5em; padding: 8px 0px 12px 0px;}
.bottom-grid2 p{ font-size: 0.924em; color: #565656; line-height: 1.5em; padding: 8px 0px 12px 0px;}
.bottom-grid1 ul li a{ color: #565656; font-family: 'Julius Sans One', sans-serif; font-size: 0.924em; line-height: 2.98em; transition: 0.5s ease; -o-transition: 0.5s ease; -webkit-transition: 0.5s ease;}
.bottom-grid1 ul li a img{ vertical-align:middle;}
.bottom-grid1 ul li a:hover{ color: #7BBB36;}
.bottom-grid-fristlink,.readmore a{ text-decoration: none; letter-spacing: 1px; font: 400 14px Julius Sans One; background: #7BBB36; display: inline-block; padding: 4px 12px; line-height: 1.8em; color: #ffffff; text-align: center; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius:2px; -o-border-radius: 2px;text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);}
.bottom-grid-fristlink img{ vertical-align:middle;}
.bottom-grid-fristlink:hover,.readmore a:hover{ background: #7BBB36;}
.bottom-grid2 ul li{ display:inline-block; width: 30%; padding: 3.799% 1.34%;}
.bottom-grid2 { float: left; width: 33.33333%;}
.bottom-mid span{ color:#7BBB36;}
.bottom-last span{ color:#7BBB36;}
.gallery li a img{ display:block;}*/


.back-button-content{margin-top:3em;}
.back-button-content .back-btn{ text-align:right;}
.back-button-content .back-btn h3 a{ text-decoration: none; letter-spacing: 1px; display:inline-block; padding: 5px 12px; color: #565656;
font-size: 1.1em;}
.back-button-content .back-btn h3 a img{ vertical-align: middle;}
.back-button-content .back-btn h3 a:hover{ color: #7BBB36;}



/*---solutions, plans, services ----*/
.solutions, .plans, .services, .pages {margin:3em 0 3em 0; z-index:1;}

.solutions-header h3, .plans-header h3, .services-header h3, .pages-header h3{padding-bottom:0.25em;}
.solutions-header h3 a, .plans-header h3 a, .services-header h3 a, .pages-header h3 a { color:#7BBB36;}
.solutions-header p, .plans-header p, .services-header p,, .pages-header p {font-size:1.1em; line-height:1.8em;}

.solutions-header p:not(:first-of-type), 
.plans-header p:not(:first-of-type), 
.services-header p:not(:first-of-type), 
.pages-header p:not(:first-of-type){padding-top:1em;}

.solutions-header p > b, 
.plans-header p > b, 
.services-header p > b, 
.pages-header p > b { font-weight: bold;color: #6BA72B;font-size: 1.2em;}


.plans-header > .plans-header-text{}
.plans-header > .plans-header-text > .plangroups-container {width: 240px;float: right;margin: 0px 0px 20px 20px;}
.plans-header > .plans-header-text > .plangroups-container > li {background-color: #fff;border: 1px solid #ddd;padding: 0px 10px;line-height: 50px; background-image:url('/image/arrow-down.png'); background-position:98% center; background-repeat:no-repeat; background-size:16px; cursor:pointer; position:relative;}
.plans-header > .plans-header-text > .plangroups-container > li > ul {display:none; width:100%; position:absolute; top:50px; left:0px;}
.plans-header > .plans-header-text > .plangroups-container > li > ul > li { background-color:#fff; line-height:40px;border: 1px solid #ddd;
margin: -1px;padding: 0px 10px;} 
.plans-header > .plans-header-text > .plangroups-container > li > ul > li:hover{ background-color:#f5f5f5;}


.solutions.disclaimer {margin-top:3em;}





.solutions-grids, .plans-grids, 
.services-grids, .pages-grids  {word-break:break-word;}

.solutions-grid, .plans-grid, 
.services-grid, .pages-grid  {background-color:#fff; padding: 2em;min-height:18.5em; margin-bottom:3em; text-shadow:0px 1px 0px rgba(255, 255, 255, 1); vertical-align:top;
	box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow:  1px 1px 1px 0px rgba(0, 0, 0, 0.1); 
	-moz-box-shadow:  1px 1px 1px 0px rgba(0, 0, 0, 0.1); 
	-o-box-shadow:  1px 1px 1px 0px rgba(0, 0, 0, 0.1);}
	
span.pages-grid { display:block;}
	
.solutions-grid:last-child, 
.plans-grid:last-child, 
.services-grid:last-child, 
.pages-grid:last-child {margin-bottom:0;}

.solutions-grid h5, 
.plans-grid h5, .services-grid h5, 
.pages-grid h5  {font-size: 2em; padding-bottom:1.5em; line-height: 1.6em;}

.solutions-grid .solutions-grid-text, 
.plans-grid .plans-grid-text, 
.services-grid .services-grid-text, 
.pages-grid .pages-grid-text {min-height: 12.75em;}

.solutions-grid .solutions-grid-text img, 
.plans-grid .plans-grid-text img,
.services-grid .services-grid-text img,
.pages-grid .pages-grid-text img  { max-height:180px; padding: 0.75em;float: left;margin-right: 2em;margin-bottom: 1.5em;background-color: #f8f8f8;}

.solutions-grid .solutions-grid-text img.right, 
.plans-grid .plans-grid-text img.right,
.services-grid .services-grid-text img.right,
.pages-grid .pages-grid-text img.right  {float:right;margin-right:0;margin-left:2em;}


.solutions-grid .solutions-grid-text p, 
.plans-grid .plans-grid-text p,
.services-grid .services-grid-text p,
.pages-grid .pages-grid-text p  {vertical-align: top;padding-bottom:1.5em;}

.solutions-grid .solutions-grid-text p:last-child, 
.plans-grid .plans-grid-text p:last-child, 
.services-grid .services-grid-text p:last-child, 
.pages-grid .pages-grid-text p:last-child  {padding-bottom:0em;}




.services-grid {padding:0;width:48%; margin-right:4%; margin-bottom:4%; display:inline-block;min-height:490px;background-color: rgb(251, 251, 251);}
.services-grid.even{margin-right:0;margin-left:-6px;}
.services-grid.last{margin-bottom:0;}
.services-grid.query{display: block;width: auto;min-height: 0;margin-right: 0;height: auto; background-color:#fff;}

.services-grid h5 {padding:1em;}
.services-grid.last h5{padding-bottom:0.5em;}
.services-grid.last > p { padding:0 2em; }
.services-grid.last > p > b { font-weight:400; font-size:120%;}

.services-grid .services-grid-text {padding:2em;}
.services-grid.query .services-grid-text {min-height: 6em;}
.services-grid.last .services-grid-text {margin-top:1em;}

.services-grid .services-grid-text img {background-color:#fff;}

.services-grid .services-grid-text p{padding-top:0px;}

.services-grid .services-grid-text a {color:#7BBB36;}
.services-grid .services-grid-text a:hover {color:#252525;}
	
.services-grid .services-grid-text .form .parts{width:50%; margin-right:-6px; display:inline-block; vertical-align:top;}
.services-grid .services-grid-text .form .parts:nth-of-type(1){margin-right:0px; }	
.services-grid .services-grid-text .form .parts:nth-of-type(1) > div {padding-right:5%;}
.services-grid .services-grid-text .form .parts:nth-of-type(2) > div {padding-left:5%;}

	
	

.solutions-grid .readmore {text-align:right;}
.solutions-grids.subpage .solutions-grid > h5 {font-weight:400;}
.solutions-grid h5.right { float:right; margin-left:1.5em;}

.solutions-grid .solutions-grid-text p.title {font-size: 1.3em;}
.solutions-grid .solutions-grid-text p.title > span { color:#7BBB36;}

.solutions-grid.commitment .solutions-grid-text p {margin-bottom:0.5em;}
.solutions-grid.commitment .solutions-grid-text p:last-child {margin-bottom:0;}

.solutions-grid.commitment .solutions-grid-text > p > span { background-image: url('/image/page/arrowright.png'); background-repeat:no-repeat;background-position: left center; background-size:5px; padding: 0px 1em 0px 2em;display: inline-block;font-size: inherit;color:#70AC2F;}

.solutions-grid .solutions-grid-detail {margin-top:2em;margin-bottom:2em; }
.solutions-grid .solutions-grid-detail > h5 { font-size:1.2em; text-transform: none;}
.solutions-grid .solutions-grid-detail > p {border-top: 4px solid #7BBB36;padding-top: 2em;}
.solutions-grid .solutions-grid-detail > p > b {font-weight:400;}
.solutions-grid .solutions-grid-detail > div {}
.solutions-grid .solutions-grid-detail > div > ul { width:50%;  display: inline-block; margin-right:-3px; line-height:2.5em;vertical-align: top;}
.solutions-grid .solutions-grid-detail > div > ul > li { background-image:url('/image/arrowright.png'); background-position:left 10px; background-repeat:no-repeat; background-size:16px; padding-left:30px;padding-right:30px;}



.about .solutions-grid .solutions-grid-text img {  max-height:none;}
.about .solutions-grid .solutions-grid-text > p {border-bottom:1px solid #e1e1e1;padding-top: 2.5em;
padding-bottom: 2.5em;}
.about .solutions-grid .solutions-grid-text > p:last-of-type{border-bottom-width:0px;}
.about .solutions-grid .solutions-grid-text > p b {font-weight:400;}
.about .solutions-grid .solutions-grid-text > p > span {display:inline-block;font-size: 1.6em;text-transform: uppercase;margin: 0em 2em 4em 0;float: left;}


.confirmation { margin-top: 3em;}
.confirmation .solutions-grid .solutions-grid-text p.ui-text { padding-bottom: 0 !important;}
.confirmation .solutions-grid .solutions-grid-text > p > span {display: inline-block;font-size: 1.6em;text-transform: uppercase;margin-bottom: 1em; margin-right:1em;}
.confirmation .solutions-grid .solutions-grid-text > div > p { line-height: 3em;}
.confirmation .solutions-grid .solutions-grid-text > div > p > label {font-size:1.2em;}
.confirmation .solutions-grid .solutions-grid-text > div > p > span { font-weight: bold;font-size:1.2em; margin-bottom:0; margin-right:0;}

.usersafety .solutions-grid .solutions-grid-text {min-height:0;}
.usersafety .solutions-grid .solutions-grid-text img { width:98%; padding:1%; max-height:none;float:none;}
.usersafety .solutions-grid .solutions-grid-detail > div > ul > li {padding-bottom:30px;}
.usersafety .solutions-grid .solutions-grid-detail > div > ul > li > span {color:#252525;font-size:1.6em; padding-right:1em;font-family: 'AmbleLight';}
.usersafety .solutions-grid .solutions-grid-detail > div > ul > li > b{font-weight:400;}





.plans-grids{}
.planlists-container .plans-grids{ display: none;}


.plans-grids .plans-grid {min-height: 0;}

.plans-grid input[type=checkbox]{width:32px; height:32px;}
.plans-grid h5{ text-align:center; padding:0.5em 0;  margin-right:-2px; line-height:1.5em; font-weight:400;}

.plans-grid .plans-grid-text > div {display:inline-block;vertical-align:top;margin-right:-6px; width:25%; height:160px; overflow:hidden; }
.plans-grid .plans-grid-text > .price  {text-align:center; font-weight:400;}
.plans-grid .plans-grid-text > .title  {font-weight:400;}

.plans-grid .plans-grid-text > div > div {width:100%; height:100%; text-align:center; }
.plans-grid .plans-grid-text > .price > div > span {font-size:2.5em; line-height:1.2em;}

.plans-grid .plans-grid-text > div > div > h6 { font-size:1.5em; text-align:center; line-height:1.5em; text-transform:uppercase;font-weight:400;padding:0 0.25em;}

.plans-grid .plans-grid-text > div a:link{color:red;}
.plans-grid .plans-grid-text > div a:hover{color: rgb(133, 207, 0);}

.plans-grid .plans-grid-text > div > div > span {padding: 7px;display: block;text-align: center;}
.plans-grid .plans-grid-text > div > div > span > b { font-weight:400;}

.plans-grid .plans-grid-text > div > div ul {}
.plans-grid .plans-grid-text > div > div ul > li { background-image:url('/image/list-bg.png'); background-position:left 8px; background-size:5px; background-repeat: no-repeat; padding-left:16px; margin-bottom:7px; text-align:left;}
.plans-grid .plans-grid-text > div > div ul > li:last-child{ margin-bottom:0px;}
.plans-grid .plans-grid-text > div > div ul > li > span { font-weight:400;}




.plans-grids.no-min-height .plans-grid .plans-grid-text {min-height: 0;}

.plans-grid > .plan-grid { vertical-align:top;}
.plans-grid.four > .plan-grid {width:25%; display:inline-block; margin-right:-6px;}
.plans-grid.three > .plan-grid {width:33.33%; display:inline-block; margin-right:-4px;}
.plans-grid.two > .plan-grid {width:50%; display:inline-block; margin-right:-2px;}
.plans-grid.one {width:50%; display:block; margin-left:auto; margin-right: auto;}

.plans-grid.disclaimer h5 { text-transform:uppercase; text-align:left; padding-left:1em; padding-right:1em; font-weight:400;}
.plans-grid.disclaimer .plans-grid-text > div { height:auto; width:100%; margin-right:0px;}
.plans-grid.disclaimer .plans-grid-text > div > div { text-align:left; width:auto; padding:1em;}

.plans-grid.note .plans-grid-text > div {height:120px;}

.plans-grid .plans-grid-text.check > div {height:120px;text-align:center;}
.plans-grid .plans-grid-text.checked > div {height:160px;}
.plans-grid .plans-grid-text.check > div > div > div {padding:12px 6px;}
.plans-grid .plans-grid-text.check > div > div > div > div {font-size:0.95em;}

.plans-grid .plans-grid-text.confirm > div {height:200px;}
.plans-grid .plans-grid-text.confirm > div > div > div {}
.plans-grid .plans-grid-text.confirm > div > div > div > h6 {font-weight:400;font-size:1.2em;}
.plans-grid .plans-grid-text.confirm > div > div > div > ul {text-align:left;}

.plans-grid > .plan-grid > .plans-grid-text > div {width:100%;margin-right:0px; height:120px; }
.plans-grid > .plan-grid > .plans-grid-text > div.title {height:120px; }
.plans-grid > .plan-grid > .plans-grid-text > div.brief {height:160px; }
.plans-grid > .plan-grid > .plans-grid-text > div.detail {height:180px;}
.plans-grid.combo > .plan-grid > .plans-grid-text > div.detail {height:360px;}
.plans-grid > .plan-grid > .plans-grid-text > div.disclaimer {height:auto; }
.plans-grid > .plan-grid > .plans-grid-text > div.disclaimer > label {font-size:1.2em;}

.plans-grid > .plan-grid > .plans-grid-text > div.detail > div > ul { width: 60%; margin:0 auto;}

.plans-grid > .plan-grid > .plans-grid-text > div.itemdetail   { height:280px;}
.plans-grid.combo > .plan-grid > .plans-grid-text > div.itemdetail   { height:400px; }


.plans-grid > .plan-grid > .plans-grid-text > div.itemdetail div.item  {margin-top:1.5em;}
.plans-grid > .plan-grid > .plans-grid-text > div.itemdetail div.item > img  { max-height: 90px; max-width:90px; background-color:rgba(0,0,0,0); float:none;  display:inline-block; padding:1px; display:none; margin-right:0px;}
.plans-grid > .plan-grid > .plans-grid-text > div.itemdetail div.item > .itemtitle  {  display:inline-block; font-size:1.4em;}
.plans-grid > .plan-grid > .plans-grid-text > div.itemdetail div.itemdetail > .retailprice  {padding:0.5em 3em; display:inline-block;  text-transform:uppercase; margin:0.5em 0; }



.planpay .plans-grid > .plan-grid > .plans-grid-text > div.auto { height:auto; padding:0.5em 0; }
.planpay .plans-grid > .plan-grid > .plans-grid-text h6 {  font-size:1.6em;}




.plans-grid > .plan-grid > .plans-grid-text .plan-selector-button {padding:20px 10px;font-size: 1.8em;text-shadow: 1px 1px 0px #FFF; cursor:pointer; font-weight:400;}	

.plans-grid > .plan-grid.plan15 h5,
.plans-grid > .plan-grid.plan15 > .plans-grid-text .plan-selector-button {}	
.plans-grid > .plan-grid.plan15 h5,	
.plans-grid > .plan-grid.plan15 > .plans-grid-text > div{}

.plans-grid > .plan-grid.plan50 h5,
.plans-grid > .plan-grid.plan50 > .plans-grid-text .plan-selector-button {color:#00B851;}	
.plans-grid > .plan-grid.plan50 h5,	
.plans-grid > .plan-grid.plan50 > .plans-grid-text > div{background-color:#F0FAF4;}

.plans-grid > .plan-grid.plan100 h5,
.plans-grid > .plan-grid.plan100 > .plans-grid-text .plan-selector-button {color:#00ADFF;}	
.plans-grid > .plan-grid.plan100 h5,	
.plans-grid > .plan-grid.plan100 > .plans-grid-text > div{background-color:#ECF4F8;}

.plans-grid > .plan-grid.plan121 h5,
.plans-grid > .plan-grid.plan121 > .plans-grid-text .plan-selector-button {color:#00ADFF;}	
.plans-grid > .plan-grid.plan121 h5,	
.plans-grid > .plan-grid.plan121 > .plans-grid-text > div{background-color:#ECF4F8;}

.plans-grid > .plan-grid.plan130 h5,
.plans-grid > .plan-grid.plan130 > .plans-grid-text .plan-selector-button {color:#7BBB36;}	
.plans-grid > .plan-grid.plan130 h5,	
.plans-grid > .plan-grid.plan130 > .plans-grid-text > div{background-color:#F6FFE5;}

.plans-grid > .plan-grid.plan151 h5,
.plans-grid > .plan-grid.plan151 > .plans-grid-text .plan-selector-button {color:#7BBB36;}	
.plans-grid > .plan-grid.plan151 h5,	
.plans-grid > .plan-grid.plan151 > .plans-grid-text > div{background-color:#F6FFE5;}

.plans-grid > .plan-grid.plan200 h5,
.plans-grid > .plan-grid.plan200 > .plans-grid-text .plan-selector-button {color:#E68914;}	
.plans-grid > .plan-grid.plan200 h5,	
.plans-grid > .plan-grid.plan200 > .plans-grid-text > div{background-color:#F8F5F0;}

.plans-grid > .plan-grid.plan250 h5,
.plans-grid > .plan-grid.plan250 > .plans-grid-text .plan-selector-button {color:#8636BB;}	
.plans-grid > .plan-grid.plan250 h5,	
.plans-grid > .plan-grid.plan250 > .plans-grid-text > div{background-color:#FBF7FD;}

.plans-grid > .plan-grid.plan300 h5,
.plans-grid > .plan-grid.plan300 > .plans-grid-text .plan-selector-button {color:#36A0BB;}	
.plans-grid > .plan-grid.plan300 h5,	
.plans-grid > .plan-grid.plan300 > .plans-grid-text > div{background-color:#F5F9FA;}

.plans-grid > section > .plan-detail {display:none;}
.plans-grid > section > .plan-detail > .plans-grid-text > div {  margin-right:-2.5px;}





/*---- pages -----*/
.pages a{cursor:pointer;}
.pages a:link{color:#7BBB36; border-bottom:1px dotted #7BBB36;}
.pages a:hover{color: #FF6600;border-color: #FF6600;}
.pages a:active{color: #CC6600;border-color: #CC6600;}
.pages a:visited{color: #B33995;border-color: #B33995;}


.pages .pages-grid {min-height:0;}
.pages .pages-grid .pages-grid-text {min-height:0;}


/*---- login -----*/
.pages.guest {margin:2em 0 1em 0;}

/*---- errorpage -----*/
.pages.exception {text-align:center; margin:2em 0 1em 0;}
.exception .pages-header > h3 {font-size: 12em;text-shadow:0px 1px 0px rgba(0,0,0,0.5);}
.exception .pages-grid > label {font-size:2em; text-transform:uppercase; padding:0.5em 0; display:block;}




/*---fields---*/
.fields{padding: 3em 0;}
.fields .fields-grid{ width:47%; display:inline-block; margin-right:5.3%; vertical-align:top;}
.fields .fields-grid:last-child {margin-right:0;}

.fields-grid .address{}
.fields-grid .address h4 {	margin-bottom:1em;}
.fields-grid .address p label{font-size:1.1em; font-weight:400; margin-top:1em; display:block;}
.fields-grid .address ul{list-style:square; list-style-position:inside; }

.fields-grid .fields-form{}
.fields-grid .fields-form .form { }
.fields-grid .fields-form .form .control-set{ margin-top: 2em;}

/*--- login ----*/
.guest .fields-grid {margin-bottom:48px;}
.guest .fields-grid .fields-form{border: 1px solid #D5D5D5;padding: 0px 24px;margin-right: -5.4%;
box-shadow: 1px 1px 0px 0px rgba(255, 255, 255, 1), 1px 1px 0px 0px rgba(255, 255, 255, 1) inset;
-webkit-box-shadow: 1px 1px 0px 0px rgba(255, 255, 255, 1), 1px 1px 0px 0px rgba(255, 255, 255, 1) inset; 
-moz-box-shadow: 1px 1px 0px 0px rgba(255, 255, 255, 1), 1px 1px 0px 0px rgba(255, 255, 255, 1) inset; 
-o-box-shadow:1px 1px 0px 0px rgba(255, 255, 255, 1), 1px 1px 0px 0px rgba(255, 255, 255, 1) inset;}
.guest .fields-grid .fields-form .condition { text-align:right; }
.guest .fields-grid .fields-form .condition > * {display:inline-block; margin-top:12px; }

.guest .fields-grid .fields-form .condition.terms {margin-top:12px;}
.guest .fields-grid .fields-form .condition.terms > * { margin-top:0px; }
.guest .fields-grid .fields-info, 
.guest .fields-grid .address{ text-align:center;}

.guest .fields-grid .address{ margin-bottom:36px;}
.guest .fields-grid .address:last-child{ margin-bottom:0px;}


/* --- userregistration ----*/
.userregistration > .wrap > .fields-grid:first-child {width:70%;}
.userregistration > .wrap > .fields-grid:last-child {width:24%;margin-right:0;}
.userregistration .fields-grid {margin-bottom:24px;}
.userregistration .ui-emphasize{margin-top:12px; margin-bottom:12px;}
.userregistration .ui-emphasize input[type=checkbox] {height:32px; width:32px;}
.userregistration .ui-emphasize label { display:inline-block; padding-top:8px; padding-left:12px; vertical-align:top;}


/*---details---*/
.details { display: inline-block; margin: 3% 0;}
.details h2 { font-family: 'Julius Sans One', sans-serif; font-weight: 400; font-size: 1.6em; color: #565656;}
.details h2 span{ color: #7BBB36;}
.det-pic{ padding:3% 0 0;}
.det-pic img{ border: 4px solid #ffffff; box-shadow: 0px 0px 10px #999; -webkit-box-shadow: 0px 0px 10px #999; -moz-box-shadow: 0px 0px 10px #999; -o-box-shadow: 0px 0px 10px #999;}
.det-para{ margin-top: 2%;}
.det-para p{ font-size: 0.924em; color: #565656; line-height: 1.8em;}

/*ligh-box
.section { clear: both; padding: 0px; margin: 0px;}
.col{ display: block; float:left; margin: 0% 0 1% 1.6%;}
.col:first-child{ margin-left:0;}*/	

.group:before,
.group:after { content:""; display:table;}
.group:after { clear:both;}
.group { zoom:1;}


.tblcontent { table-layout:fixed;}



/*footer-base*/
.footer-base{background-color:rgba(0, 0, 0, 0.05); border-bottom: 1px ridge rgba(172, 172, 172, 0.2); display:none;}

/*  GRID OF THREE   ============================================================================= */
.footer-base-grids {padding:2em 0px;margin: 0px;clear: both;}

.footer-base-grids.second { padding-top:0; margin-top:-2em;}
.footer-base-grids.second .footer-base-grid { margin-top:2em;}

.footer-base-grid{display: inline-block;width:32%; margin-right:1.25%; vertical-align:top;}
.footer-base-grid:last-child { margin-right: 0;}


.footer-base-grid h4{ margin-bottom:1em;}

.footer-base-grid > .ui-bgcolor-white {min-height:6.5em;}
.footer-base-grid .address {}
.footer-base-grid .address p{}
.footer-base-grid .address p:last-child{}
.footer-base-grid .address p label{font-size:1.1em; font-weight:400; margin-top:1em; display:block;}

.footer-base-grid .aboutus {}
.footer-base-grid .aboutus p{margin-bottom:1em;}
.footer-base-grid .aboutus p:last-child{ margin-bottom:0px;}


/*footer overwrite*/
.footer-grids > .footer-grid > .footer-grid-content > .grid > a:hover > img { background-color:#7BBB36; }
.footer-grids > .footer-grid > .footer-grid-content > .grid > label {}


/***** Media Quries *****/
@media only screen and (min-width: 1367px) 
{
    .plans-grid > .plan-grid > .plans-grid-text > div.detail > div > ul { width: 50%;}
}

@media only screen and (max-width: 1366px) {
	.services-grid { min-height:510px;}
}

@media only screen and (max-width: 1280px) {
	.services-grid { min-height:660px;}
	.exception .pages-header > h3 {font-size:10em;}
	

}
@media only screen and (min-width: 1025px) and (max-width: 1280px) {    
	.plans-grid > .plan-grid > .plans-grid-text > div.detail > div > ul { width: 70%;}
	.plans-grid > .plan-grid > .plans-grid-text > div.itemdetail div.item > .itemtitle  { font-size:1.3em;}
	.plans-grid > .plan-grid > .plans-grid-text > div.itemdetail div.itemdetail > .retailprice  {padding:0.5em 2em;}
}

@media only screen and (max-width: 1024px) {

	.services-grid {min-height:670px;}
	.services-grid h5 {font-size:1.5em;}
	.solutions-header p, .plans-header p, .services-header p{font-size:1em;}
	
	.plans-grid .plans-grid-text > div {width:50%;} 
	
	.plans-grid.one {width:70%;}
		
	.exception .pages-header > h3 {font-size:8em;}	
	.fields .fields-grid {margin-right: 5.25%;}
}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
	.plans-grid > .plan-grid > .plans-grid-text > div.detail > div > ul { width: 90%;}
	.plans-grid > .plan-grid > .plans-grid-text > div.itemdetail div.item > .itemtitle  { font-size:1.2em;}
	.plans-grid > .plan-grid > .plans-grid-text > div.itemdetail div.itemdetail > .retailprice  {padding:0.5em 1em;}
}
@media only screen and (max-width: 920px) {
	.services-grid {min-height:830px;}
	.fields .fields-grid {margin-right: 5.1%;}
	
}
@media only screen and (max-width: 768px) {
	
	.footer-grid{display:block;width:100% !important; margin-right:0;}
	.footer-grid h4{margin-top:2em;}
	.footer-grid:first-child h4{margin-top:0;}
	
	.fields-grid.empty{display:none;}
	
	.fields .fields-grid {width:100%; margin-right:0;}
	.fields .fields-grid:last-child {margin-top:3em;}
		
	.guest .fields-grid:first-child {margin-bottom:1em;}
	.guest .fields-grid .fields-form{margin-right:0;}
	
	.userregistration > .wrap > .fields-grid:first-child {width:100%; margin-right:0;}
	.userregistration > .wrap > .fields-grid:last-child {width:100%; margin-right:0;}
	
	.userregistration .fields-form .fields-grid:last-child { margin-top:0;}
	
	
	.services-grid {min-height:850px;}
	.services-grid h5 {font-size:1.2em;}	
	
	.services-grid .services-grid-text .form .parts{width:100%; margin-right:0px; display:block;}	
	.services-grid .services-grid-text .form .parts:nth-of-type(1) > div, 
	.services-grid .services-grid-text .form .parts:nth-of-type(2) > div {padding-right:0%;padding-left:0%;}
			
	.solutions-grid h5 {font-size:1.5em;}
	.solutions-header p, .plans-header p, .services-header p{font-size:0.95em;}
	.solutions-grid .solutions-grid-detail >  div > ul { width:100%;  display:block; margin-right:0px;}
	
	.plans-grid .plans-grid-text > div {width:100%;}
	.plans-grid > .plan-grid {width:100% !important;display:block; margin-right:0px;margin-top: 2em;}
	.plans-grid > .plan-grid:first-child {margin-top: 0em;}  
	
	.plans-grid.one {width:auto; margin-right:0; margin-left:0;}
	.plans-grid.one  > .plan-grid {margin-top: 0em;}
	
	.plans-grids .plans-grid > .checkout-content > .plan-grid {margin:2em 0;}
    .plans-grids .plans-grid > .checkout-content > .plan-grid:first-child { margin:0;}
		
	.exception .pages-header > h3 {font-size:6em;}
}

@media only screen and (max-width: 640px){ 

	.services-grid {width:auto; margin-right:0; display:block; min-height:0;}
	.services-grid h5 {font-size:1.1em;}
	
	
	.solutions-grid h5 {font-size:1.3em;}
	.solutions-header p, .plans-header p, .services-header p{font-size:0.875em;}
	
	.exception .pages-header > h3{font-size:4em;}
	.exception .pages-grid > label {font-size:1.6em;}
}
@media only screen and (max-width: 480px) { 

	.services-grid h5 {font-size:1em;}
	.solutions-grid h5 {font-size:1.2em;}
	
	.solutions-grid .solutions-grid-text .img, 
	.plans-grid .plans-grid-text .img,
	.services-grid .services-grid-text .img{ float:none;}
		
	.exception .pages-header > h3{font-size:3em;}
	.exception .pages-grid > label {font-size:1.2em;}	
	
}
@media only screen and (max-width: 360px) { 

	.exception .pages-header > h3{font-size:2em;}
	.exception .pages-grid > label {font-size:1em;}	
}



