* ==================== PRICING TABLE  ==================== */
/* --- base --- */
div.p_table {
    width: 100%;
    height: 100%;
    font-size: 13px;
    font-family: arial, sans-serif;
    font-weight: normal;
    color: #444444;
    line-height: normal !important;
}

/* --- hyperlinks --- */
div.p_table a {
    color: #444444;
    text-decoration: none;
}
	
/* --- lists --- */
div.p_table ul {
    margin: 0px;
    padding: 0px !important;
    list-style-type: none !important;
}

div.p_table li {
    margin: 0px;
    padding: 0px !important;
    list-style-type: none !important;
}

/* --- div aligns --- */
div.p_table .align_center {
    text-align: center;
}
	
/* ============ Style 5 ============= */
/* ========== HEADINGS  ========== */
div.p_table h1.col1,
div.p_table h1.col2,
div.p_table h1.col3,
div.p_table h1.col4,
div.p_table h1.col5 {
    color: #ffffff;
}

div.p_table h1 span {
    color: #ffffff;
}

div.p_table h2.col1,
div.p_table h2.col2,
div.p_table h2.col3,
div.p_table h2.col4,
div.p_table h2.col5 {
    color: #ffffff;
}

div.p_table h2.caption {
    color: #999999;
}

div.p_table h2.caption span {
    color: #999999;
}

div.p_table h3.col1,
div.p_table h3.col2,
div.p_table h3.col3,
div.p_table h3.col4,
div.p_table h3.col5 {
    color: #ffffff;
}
	
/* ========== CAPTION COLUMN  ========== */
/* --- header row 1 ---  */
div.p_table div.caption_column li.header_row_1 {
    border-top: 0;
    border-bottom: 1px solid #ffffff;
    background-color: #ffffff;
}
	
/* --- header row 2 ---  */
div.p_table div.caption_column li.header_row_2 {
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
    background-color: #ffffff;
}

/* ========== COLUMN STYLE 1  ========== */
/* --- header row 1 ---  */
div.p_table div.column_1 li.header_row_1 {
    border-top: 0;
    border-bottom: 1px solid #828282;
    background-color: #828282;
}
	
/* --- header row 2 ---  */
div.p_table div.column_1 li.header_row_2 {
    border-top: 1px solid #959595;
    border-bottom: 1px solid #959595;
    background-color: #959595;
}
	
/* ========== COLUMN STYLE 2  ========== */
/* --- header row 1 ---  */
div.p_table div.column_2 li.header_row_1 {
    border-top: 0;
    border-bottom: 1px solid #777777;
    background-color: #777777;
}
	
/* --- header row 2 ---  */
div.p_table div.column_2 li.header_row_2 {
    border-top: 1px solid #888888;
    border-bottom: 1px solid #888888;
    background-color: #888888;
}
	
/* ========== COLUMN STYLE 3  ========== */
/* --- header row 1 ---  */
div.p_table div.column_3 li.header_row_1 {
    border-top: 0;
    border-bottom: 1px solid #636363;
    background-color: #636363;
}
	
/* --- header row 2 ---  */
div.p_table div.column_3 li.header_row_2 {
    border-top: 1px solid #6C6C6C;
    border-bottom: 1px solid #6C6C6C;
    background-color: #6C6C6C;
}
	
/* ========== COLUMN STYLE 4  ========== */
/* --- header row 1 ---  */
div.p_table div.column_4 li.header_row_1 {
    border-top: 0;
    border-bottom: 1px solid #464646;
    background-color: #464646;
}
	
/* --- header row 2 ---  */
div.p_table div.column_4 li.header_row_2 {
    border-top: 1px solid #5A5A5A;
    border-bottom: 1px solid #5A5A5A;
    background-color: #5A5A5A;
}
/* ========== COLUMN STYLE 5  ========== */
/* --- header row 1 ---  */
div.p_table div.column_5 li.header_row_1 {
    border-top: 0;
    border-bottom: 1px solid #313131;
    background-color: #313131;
}
	
/* --- header row 2 ---  */
div.p_table div.column_5 li.header_row_2 {
    border-top: 1px solid #464646;
    border-bottom: 1px solid #464646;
    background-color: #464646;
}
	

/* ==================== HEADINGS  ==================== */
/* ------ common styles ------  */
div.p_table h1,
div.p_table h2,
div.p_table h3 {
    margin: 0px;
    padding: 0px !important;
    font-weight: normal !important;
    border: 0 !important;
    line-height: normal !important;
}

div.p_table h1 {
    font-family: 'Open Sans', arial, sans-serif;
    font-size: 44px;
}

div.p_table h1 span {
    font-family: 'Open Sans', arial, sans-serif;
    font-size: 50px;
}

div.p_table h2 {
    font-family: 'Open Sans', arial, sans-serif;
    font-size: 24px;
}

div.p_table h3 {
    font-size: 13px;
}	
	
/* ==================== COLUMNS  ==================== */
/* ------ common styles ------  */
/* --- header row 1 ---  */
div.p_table div.caption_column li.header_row_1 ,
div.p_table div.column_1 li.header_row_1,
div.p_table div.column_2 li.header_row_1,
div.p_table div.column_3 li.header_row_1,
div.p_table div.column_4 li.header_row_1,
div.p_table div.column_5 li.header_row_1 {
    height: 70px;
    width: 100%;
    padding: 15px 0px 0px 0px !important;
}
	
/* --- header row 2 ---  */
div.p_table div.caption_column li.header_row_2,
div.p_table div.column_1 li.header_row_2,
div.p_table div.column_2 li.header_row_2,
div.p_table div.column_3 li.header_row_2,
div.p_table div.column_4 li.header_row_2,
div.p_table div.column_5 li.header_row_2 {
    height: 100px;
    width: 100%;
    padding: 3px 0px 7px 0px !important;
}
	
/* --- caption correction --- */
div.p_table div.caption_column li.header_row_2 {
    height: 72px;
    width: 100%;
    padding: 32px 0px 6px 10px !important;
}
	

/* =================== 3 COLUMN Width  ==================== */
div.p_table.three-col div.column_1, div.p_table.three-col div.column_2, div.p_table.three-col div.column_3 {
    width: 31.33333%;
    height: 100%;
    float: left;
    position: relative;
	background: url("../img/bg_off.png") repeat scroll 0 0 transparent;
    border: 1px solid #DDDDDD;
	margin: 0 1%;
    padding: 4px;
	border-radius:2px;
}


/* =================== 4 COLUMN Width  ==================== */
div.p_table div.column_1, div.p_table div.column_2, div.p_table div.column_3, div.p_table div.column_4 {
    width: 23%;
    height: 100%;
    float: left;
    position: relative;
	background: url("../img/bg_off.png") repeat scroll 0 0 transparent;
    border: 1px solid #DDDDDD;
	margin: 0 1%;
    padding: 4px;
	border-radius:2px;
}

/* =================== 5 COLUMN Width  ==================== */
div.p_table.three-col_1 div.column_1, div.p_table.three-col_1  div.column_2, div.p_table.three-col_1  div.column_3, div.p_table.three-col_1  div.column_4, div.p_table.three-col_1  div.column_5 {
    width: 17.7%;
    height: 100%;
    float: left;
    position: relative;
	background: url("../img/bg_off.png") repeat scroll 0 0 transparent;
    border: 1px solid #DDDDDD;
	margin: 0 1%;
    padding: 4px;
	border-radius:2px;
}



div.p_table {
	margin: 0 -1%;
}
	
	
/* ========== COLUMN HOVERS ========== */
div.p_table div.column_1,
div.p_table div.column_2,
div.p_table div.column_3,
div.p_table div.column_4,
div.p_table div.column_5 {
	/* transitions */
    -webkit-transition: box-shadow 0.25s ease;
    -moz-transition: box-shadow 0.25s ease;
    -o-transition: box-shadow 0.25s ease;
    -ms-transition: box-shadow 0.25s ease;
    transition: box-shadow 0.25s ease;
}

div.p_table div.column_1:hover,
div.p_table div.column_2:hover,
div.p_table div.column_3:hover,
div.p_table div.column_4:hover,
div.p_table div.column_5:hover {
    position: relative;
    z-index: 100;
    left: 0;
    top: -15px;
	/* shadow */
    box-shadow: 5px 0px 5px rgba(0,0,0,0.5);
    -webkit-box-shadow: 5px 0px 5px rgba(0,0,0,0.5);
    -moz-box-shadow: 5px 0px 5px rgba(0,0,0,0.5);
}

div.p_table div.column_1:hover li.row_style_1,
div.p_table div.column_2:hover li.row_style_1,
div.p_table div.column_3:hover li.row_style_1,
div.p_table div.column_4:hover li.row_style_1,
div.p_table div.column_5:hover li.row_style_1,
div.p_table div.column_1:hover li.row_style_2,
div.p_table div.column_2:hover li.row_style_2,
div.p_table div.column_3:hover li.row_style_2,
div.p_table div.column_4:hover li.row_style_2,
div.p_table div.column_5:hover li.row_style_2,
div.p_table div.column_1:hover li.row_style_3,
div.p_table div.column_2:hover li.row_style_3,
div.p_table div.column_3:hover li.row_style_3,
div.p_table div.column_4:hover li.row_style_3,
div.p_table div.column_5:hover li.row_style_3,
div.p_table div.column_1:hover li.row_style_4,
div.p_table div.column_2:hover li.row_style_4,
div.p_table div.column_3:hover li.row_style_4,
div.p_table div.column_4:hover li.row_style_4,
div.p_table div.column_5:hover li.row_style_4,
div.p_table div.column_1:hover li.row_style_5,
div.p_table div.column_2:hover li.row_style_5,
div.p_table div.column_3:hover li.row_style_5,
div.p_table div.column_4:hover li.row_style_5,
div.p_table div.column_5:hover li.row_style_5 {
    min-height: 28px;
    padding-top: 12px !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
}

div.p_table div.column_1:hover li.header_row_1,
div.p_table div.column_2:hover li.header_row_1,
div.p_table div.column_3:hover li.header_row_1,
div.p_table div.column_4:hover li.header_row_1,
div.p_table div.column_5:hover li.header_row_1 {
    padding-left: 5px !important;
    padding-right: 5px !important;
}

div.p_table div.column_1:hover li.header_row_2,
div.p_table div.column_2:hover li.header_row_2,
div.p_table div.column_3:hover li.header_row_2,
div.p_table div.column_4:hover li.header_row_2,
div.p_table div.column_5:hover li.header_row_2 {
    padding-left: 5px !important;
    padding-right: 5px !important;
}

div.p_table div.column_1:hover li.footer_row,
div.p_table div.column_2:hover li.footer_row,
div.p_table div.column_3:hover li.footer_row,
div.p_table div.column_4:hover li.footer_row,
div.p_table div.column_5:hover li.footer_row {
    padding-left: 5px !important;
    padding-right: 5px !important;
}	
	
/*==================== DATA ROWS  ====================*/
/* ------ common styles ------  */
div.p_table li.row_style_1,
div.p_table li.row_style_2,
div.p_table li.row_style_3,
div.p_table li.row_style_4,
div.p_table li.row_style_5 {
    width: 100%;
    height: 100%;
    min-height: 26px;
    padding-top: 9px !important;
    float: left;
}

div.p_table li.row_style_1 span,
div.p_table li.row_style_2 span,
div.p_table li.row_style_3 span,
div.p_table li.row_style_4 span,
div.p_table li.row_style_5 span {
    padding-left: 10px !important;
    padding-right: 10px !important;
}
	
/* --- white ---  */
div.p_table li.row_style_1 {
    background-color: #ffffff;
}
	
/* --- light gray ---  */
div.p_table li.row_style_2 {
    background-color: #f6f6f6;
}
	
/* --- mid gray ---  */
div.p_table li.row_style_3 {
    background-color: #ebebeb;
}
	
/* --- dark gray ---  */
div.p_table li.row_style_4 {
    background-color: #e3e3e3;
}
	
div.p_table li.row_style_5 {
    background-color: #e3e3e3;
}
	
/*========== FOOTER  ==========*/
/* ------ common styles ------  */
div.p_table li.footer_row {
    width: 100%;
    padding-top: 14px !important;
    padding-bottom: 13px !important;
    float: left;
    border-top: 1px solid #d3d3d3;
    background-color: #e2e2e2;
 /* background color for non-css3 browsers */
	/* gradient */
    background-image: linear-gradient(top, #f6f6f6, #d0d0d0);
 /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#d0d0d0');
 /* IE5.5 - 7 */
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#d0d0d0');
 /* IE8 */
    background: -ms-linear-gradient(top, #f6f6f6, #d0d0d0);
 /* IE9 */
    background: -moz-linear-gradient(top, #f6f6f6, #d0d0d0);
 /* Firefox */
    background: -o-linear-gradient(top, #f6f6f6, #d0d0d0);
 /* Opera 11  */
    background: -webkit-linear-gradient(top, #f6f6f6, #d0d0d0);
 /* Chrome 11  */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f6f6f6), color-stop(1, #d0d0d0));
 /* Chrome 10, Safari */;
}
	
/* --- button --- */
div.p_table a.sign_up-s {
    width: 100%;
    padding: 10 0px !important;
    margin-left: auto;
    margin-right: auto;
}

div.p_table a.sign_up {
    width: 125px;
    padding: 10 0px !important;
    display: block;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

i.time,i.platform,i.fast,i.data{
	width: 60px;
	height:60px;
	background: url(../img/img-sprite.png) no-repeat 0px 0px;
	display: inline-block;
}
i.platform{
  background: url(../img/img-sprite.png) -60px 0px;
}
i.fast{
  background: url(../img/img-sprite.png) -120px 0px;
}
i.data{
    background: url(../img/img-sprite.png) -180px 0px;
}
.grid_1:hover i.time {
	background: url(../img/img-sprite.png) -0px -60px;
}
.grid_1:hover  i.platform{
  background: url(../img/img-sprite.png) -60px -60px;
}
.grid_1:hover i.fast{
     background: url(../img/img-sprite.png) -120px -60px;
}
.grid_1:hover  i.data{
 background: url(../img/img-sprite.png) -180px -60px;
}
.grid_1{
 text-align: center;
  background: #FFFFFF;
   width: 24.2%;
   height:230px;
  margin-right: 1%;
  padding: 2em 1em;
}
.grid_1:hover{
	background: #FFFFFF;
}
.grid_1.one:hover{
	background: #FFFFFF;
}
.grid_1.two:hover{
	background: #FFFFFF;
}
.grid_1.lost:hover{
	background: #FFFFFF;
}
.grid_1:hover p,.grid_1:hover h3{
  	color:#535353;
}
.grid_1.lost {
  margin: 0;
}
.grid_1 h3{
  color: #333;
  font-size: 1.3em;
  margin: 0.5em 0;
  text-transform: uppercase;
  font-weight: 600;
}
.grid_1 p{
  font-size: 0.9em;
  line-height: 1.8em;
  color: #858585;
  font-weight: 400;
}


i.icon1:hover, i.icon2:hover, i.icon3:hover, i.icon4:hover, i.icon5:hover, i.icon6:hover, i.time:hover, i.platform:hover, i.fast:hover, i.data:hover{
	  transform: rotateY(360deg);
  -webkit-transform: rotateY(360deg);
  -moz-transform: rotateY(360deg);
  -o-transform: rotateY(360deg);
  -webkit-transition: 0.8s;
  -moz-transition: 0.8s;
  -o-transition: 0.8s;
  transition: 0.8s;
	
}



/*--Responsive*--*/
@media (max-width:1440px){
}
@media (max-width:1366px){
}
@media (max-width:1024px){
	  .team p ,.ab-text p, .ab-text span{
	  font-size: 0.85em;
	  }
}
@media (max-width:800px){
}
@media (max-width:768px){
	.team {
	  float: left;
	  width: 49%;
	  margin-right: 1%;
	}
	.team.lost {
	  display:none;
	}
	.team-section {
	  padding: 4em 0;
	}
	i.icon1, i.icon2, i.icon3, i.icon4, i.icon5, i.icon6 {
	  width: 70px;
	  height: 70px;
	   background: url(../img/img-sprite.png) 5px -130px;
	  float: none;
	  margin-right: 1.5em;
	}
	.grid_1{
	  text-align: center;
	  background: #eee;
	  width: 84%;
	  margin-right:0;
	  padding: 2em 1em;
	  margin: 0 auto 2%;
	}
	.grid_1.lost {
	  margin: 0;
	  display: none;
	}.content_top {
	  padding: 2em 0 2em;
	}

	i.icon1, i.icon2, i.icon3, i.icon4, i.icon5, i.icon6 {
	  width: 70px;
	  height: 70px;
	   background: url(../img/img-sprite.png) -5px -130px;
	  float:left;
	   margin: 0 19.5em;
	}
	i.icon2 {
	   background: url(../img/img-sprite.png) -90px -135px;
	}
	i.icon3{
		   background: url(../img/img-sprite.png) -170px -135px;
	}
	i.icon4{
	   background: url(../img/img-sprite.png) -250px -135px;
	}
	i.icon5{
		   background: url(../img/img-sprite.png) -335px -135px;
	}
	i.icon6{
		background: url(../img/img-sprite.png) -415px -135px;
	}

}
@media (max-width:640px){
	.team h4 {
	  font-size: 1.2em;
	  }
	i.icon1, i.icon2, i.icon3, i.icon4, i.icon5, i.icon6 {
	  width: 70px;
	  height: 70px;
	   background: url(../img/img-sprite.png) -5px -130px;
	  float: left;
	   margin: 0 15.5em;
	}
	i.icon2 {
	   background: url(../img/img-sprite.png) -90px -135px;
	}
	i.icon3{
		   background: url(../img/img-sprite.png) -170px -135px;
	}
	i.icon4{
	   background: url(../img/img-sprite.png) -250px -135px;
	}
	i.icon5{
		   background: url(../img/img-sprite.png) -335px -135px;
	}
	i.icon6{
		background: url(../img/img-sprite.png) -415px -135px;
	}
	.content_top h4, .span_1 h3, .domain h3, h3.m_1 {
	  font-size: 1.45em;
	}
}
@media (max-width:480px){
	.team {
	  float: none;
	  width: 100%;
	  margin-bottom: 1em;
	}
	i.icon1, i.icon2, i.icon3, i.icon4, i.icon5, i.icon6 {
	  width: 70px;
	  height: 70px;
	  background: url(../img/img-sprite.png) -5px -130px;
	  float: left;
	  margin: 0 10em;
	}
	i.icon2 {
	   background: url(../img/img-sprite.png) -90px -135px;
	}
	i.icon3{
		   background: url(../img/img-sprite.png) -170px -135px;
	}
	i.icon4{
	   background: url(../img/img-sprite.png) -250px -135px;
	}
	i.icon5{
		   background: url(../img/img-sprite.png) -335px -135px;
	}
	i.icon6{
		background: url(../img/img-sprite.png) -415px -135px;
	}
	  .grid_1 p {
	  font-size: 0.8em;
	}
}
@media (max-width:320px){
	  .grid_1 h3 {
	  font-size: 1em;
	}
	i.icon1, i.icon2, i.icon3, i.icon4, i.icon5, i.icon6 {
	  width: 70px;
	  height: 70px;
	  background: url(../img/img-sprite.png) -5px -135px;
	  float: left;
	  margin: 0 6.4em;
	}
	i.icon2 {
	   background: url(../img/img-sprite.png) -90px -135px;
	}
	i.icon3{
		   background: url(../img/img-sprite.png) -170px -135px;
	}
	i.icon4{
	   background: url(../img/img-sprite.png) -250px -135px;
	}
	i.icon5{
		   background: url(../img/img-sprite.png) -335px -135px;
	}
	i.icon6{
		background: url(../img/img-sprite.png) -415px -135px;
	}
	ul.hosting li.host_desc p {
	  font-size: 0.8em;
	}
	.col-md-3 {
	  position: relative;
	  min-height: 1px;
	  padding-right: 15px;
	  padding-left: 15px;
	  padding: 0;
	}
	.team h4 {
	  font-size: 1em;
	}
	.grid_1 {
	  width: 100%;
	  padding: 1em 1em;
	  margin-top: 0.9em;
	  }
	.team p, .ab-text p, .ab-text span {
	  font-size: 0.8em;
	}
	.team-grids h3 {
	  font-size: 1.4em;
	}
	.team.lost {
	  display:block;
	}
	  
}