* ==================== PRICING TABLE  ==================== */
/* --- base --- */
div.p_table_html {
    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_html a {
    color: #444444;
    text-decoration: none;
}
	
/* --- lists --- */
div.p_table_html ul {
    margin: 0px;
    padding: 0px !important;
    list-style-type: none !important;
}

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

/* --- div aligns --- */
div.p_table_html .align_center {
    text-align: center;
}
	
/* ============ Style 5 ============= */
/* ========== HEADINGS  ========== */
div.p_table_html h1.col1{
    color: #ffffff;
}

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

div.p_table_html h2.col1{
    color: #ffffff;
}

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

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

div.p_table_html h3.col1{
    color: #ffffff;
}
	
/* ========== CAPTION COLUMN  ========== */
/* --- header row 1 ---  */
div.p_table_html div.caption_column li.header_row_1 {
    border-top: 0;
    border-bottom: 1px solid #ffffff;
    background-color: #ffffff;
}
	
/* --- header row 2 ---  */
div.p_table_html 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_html div.column_1 li.header_row_1 {
    border-top: 0;
    border-bottom: 1px solid #828282;
    background-color: #828282;
}
	
/* --- header row 2 ---  */
div.p_table_html div.column_1 li.header_row_2 {
    border-top: 1px solid #959595;
    border-bottom: 1px solid #959595;
    background-color: #959595;
}
	

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

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

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

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

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

/* =================== 1 COLUMN Width  ==================== */
div.p_table_html div.column_1 {
    left: 35%;
    width: 28%;
    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_html {
	margin: 0 -1%;
}
	
	
/* ========== COLUMN HOVERS ========== */
div.p_table_html div.column_1 {
	/* 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_html div.column_1:hover{
    left: 35%;
    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_html div.column_1:hover li.row_style_1,
div.p_table_html div.column_1:hover li.row_style_2 {
    min-height: 28px;
    padding-top: 12px !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
}

div.p_table_html div.column_1:hover li.header_row_1 {
    padding-left: 5px !important;
    padding-right: 5px !important;
}

div.p_table_html div.column_1:hover li.header_row_2 {
    padding-left: 5px !important;
    padding-right: 5px !important;
}

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

div.p_table_html li.row_style_1 span,
div.p_table_html li.row_style_2 span {
    padding-left: 10px !important;
    padding-right: 10px !important;
}
	
/* --- white ---  */
div.p_table_html li.row_style_1 {
    background-color: #e3e3e3;
}
div.p_table_html li.row_style_2 {
    background-color: #f6f6f6;
}
	
	
/*========== FOOTER  ==========*/
/* ------ common styles ------  */
div.p_table_html 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_html 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: 32.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;
	}
}