@import url(https://fonts.googleapis.com/css?family=Open+Sans:300);
@import "font-awesome.css";

.cert-content {width:94%; margin:3%;}
.detail-info {
margin-top: 93px;
margin-left: 2%;
width: 82%!important;
}

.pricing2 {
width: 47% !important;
border-radius: 27px;
background-repeat: no-repeat;  
background: url('/images/ssl-box.png') no-repeat, linear-gradient(to bottom, rgba(125,126,125,1) 0%,rgba(14,14,14,1) 100%)!important;  
background-position: left top !important;  /* height: 181px; */  
background-size: cover !important;
}
.pricing-table{
	width: 48.6%;
	min-height: 475px;
	padding: 0;
	margin: 5px;
	list-style: none;
	float: left;
	font-family: 'Open Sans', sans-serif;
	border: solid 1px #aab2bd;
	/*border-right: solid 5px #aab2bd; */
	background: #fff;
	border-radius: 27px!important;
	border-radius: 1px !important;
	box-shadow: 0 2px 3px #dedede;
	-o-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-webkit-transition: all .3s linear;
	transition: all .3s linear;
}
.pricing-table2 {
width: 31.5% !important;
padding: 0;
margin: 5px;
list-style: none;
float: left;
font-family: 'Open Sans', sans-serif;
border: solid 1px #aab2bd;
/* border-right: solid 5px #aab2bd; */
background: #fff;
border-radius: 1px!important;
box-shadow: 0 2px 3px #dedede;
-o-transition: all .3s linear;
-moz-transition: all .3s linear;
-webkit-transition: all .3s linear;
border-radius: 27px;
transition: all .3s linear;
min-height: 470px;
}




.pricing-table:hover{
	box-shadow: 0 1px 10px #F05A28;
}
.pricing-table li{
	width: 100%;
	float: left;
	color: #000;
	/*text-align: center;*/
	box-sizing:border-box;
	-moz-box-sizing:border-box; 
	-webkit-box-sizing:border-box;
}

/* extra info (badge)
================================*/
.pricing-table .extra-info {
position: absolute;
height: 55px;
width: 94px;
padding: 4px 0px 0px 4px;
color: #fff;
font-size: 17px;
background: transparent !important;
border-top-left-radius: 21px;
border-top-right-radius: 0;
border-bottom-right-radius: 50px;
-o-transition: all .3s linear;
-moz-transition: all .3s linear;
-webkit-transition: all .3s linear;
transition: all .3s linear;
}

li.extra-info { width: 100px !important; }

/* icon plan
================================*/
.pricing-table .icon {
padding: 10px 26px 0;
float: left;
font-size: 50px;
color: #aab2bd;
-o-transition: all .3s linear;
-moz-transition: all .3s linear;
-webkit-transition: all .3s linear;
transition: all .3s linear;
background-image: url('/images/ssl-box.png');
background-repeat: no-repeat;
background-position: center top;
height: 105px;
display:none;
}

/* plan
================================*/
.pricing-table .plan {
padding: 4px 26px 0;
float: left;
font-size: 17px;
/* position: absolute; */
margin-left: 23%;
margin-top: 6%;
text-align: left;
width: 90%;
}

/* price
================================*/
.pricing-table .price{
	padding: 0 22px 13px;
	float: left;
	font-size: 22px;
	color: #aab2bd;
	text-transform: uppercase;
	margin-left: 38%;
	width: 51%;
}

/* details
================================*/
.pricing-table .detail {
padding: 5px 26px;
float: left;
font-size: 11px;
margin-left: 18%;
width: 58%;
}
.pricing-table2 .detail {
padding: 5px 26px;
float: left;
width: 80%;
font-size: 11px;
margin-left: 20%;
}
/* sign up button
================================*/
.pricing-table .sign-up {
/* padding: 12px 26px; */
float: left;
font-size: 16px;
text-decoration: none;
margin-left: 1.5%;
position: relative;
margin-top: 16%;
}
.pricing-table .sign-up a{
	width: 82%;
	padding: 10px 26px;
	float: left;
	font-size: 16px;
	text-decoration: none;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	background: #aab2bd;
	border-radius: 3px;
	box-sizing:border-box;
	-moz-box-sizing:border-box; 
	-webkit-box-sizing:border-box;
	-o-transition: background .3s linear;
	-moz-transition: background .3s linear;
	-webkit-transition: background .3s linear;
	transition: background .3s linear;
}

/* styles
================================*/

/* blue */
.blue{ 

/*
border-color: #4a89dc; 




border-color: #4a89dc;
border-left-color: #4a89dc;
border-right-color: #4a89dc;
border-bottom-color: #1E5092;
border-top-color: #90BCF6;
*/

background-repeat: no-repeat;
background-position: left top;
/* height: 181px; */
background-size: cover;
background-image: url('/images/ssl-box.png');
float: left;





margin-left: 1.25%;



}

.blue .price, .blue .icon{ color: #4a89dc; }
.blue .sign-up a, .blue .extra-info{ 


background: rgb(175,198,224); /* Old browsers */
background: -moz-linear-gradient(top, rgba(175,198,224,1) 0%, rgba(107,177,224,1) 50%, rgba(32,154,219,1) 51%, rgba(142,163,219,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(175,198,224,1)), color-stop(50%,rgba(107,177,224,1)), color-stop(51%,rgba(32,154,219,1)), color-stop(100%,rgba(142,163,219,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(175,198,224,1) 0%,rgba(107,177,224,1) 50%,rgba(32,154,219,1) 51%,rgba(142,163,219,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(175,198,224,1) 0%,rgba(107,177,224,1) 50%,rgba(32,154,219,1) 51%,rgba(142,163,219,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(175,198,224,1) 0%,rgba(107,177,224,1) 50%,rgba(32,154,219,1) 51%,rgba(142,163,219,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(175,198,224,1) 0%,rgba(107,177,224,1) 50%,rgba(32,154,219,1) 51%,rgba(142,163,219,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#afc6e0', endColorstr='#8ea3db',GradientType=0 ); /* IE6-9 */


 }

/* green */
.ssl-green-box{ 
/*
border-color: #96BF0D;



border-left-color: #96BF0D;
border-right-color: #96BF0D;
border-bottom-color: #62A013;
border-top-color: #B7E225;
*/

background-repeat: no-repeat;
background-position: left top;


/* height: 181px; */
background-size: cover;
background-image: url('/images/ssl-box.png');
float:right;







 



margin-right: 1.25%;


}
.ssl-green-box .price, .ssl-green-box .icon{ color: #96BF0D; }
.ssl-green-box .sign-up a, .ssl-green-box .extra-info{ 


background: #bfd255; /* Old browsers */
background: -moz-linear-gradient(top, #bfd255 0%, #8eb92a 50%, #72aa00 51%, #9ecb2d 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bfd255), color-stop(50%,#8eb92a), color-stop(51%,#72aa00), color-stop(100%,#9ecb2d)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%); /* IE10+ */
background: linear-gradient(to bottom, #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfd255', endColorstr='#9ecb2d',GradientType=0 ); /* IE6-9 */


 }

/* red */
.red{ 





/*border-color: #e9573f;


border-left-color: #E96751;
border-right-color: #E7654F;
border-bottom-color: #752B1F;
border-top-color: #EB8271;

*/
background-repeat: no-repeat;
background-position: left top;
/* height: 181px; */
background-size: cover;
background-image: url('/images/ssl-box.png');



 }
.red .price, .red .icon{ color: #e9573f; }
.red .sign-up a, .red .extra-info{ 




background: rgb(248,80,50); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(248,80,50,1) 0%, rgba(241,111,92,1) 50%, rgba(246,41,12,1) 51%, rgba(240,47,23,1) 71%, rgba(231,56,39,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(248,80,50,1)), color-stop(50%,rgba(241,111,92,1)), color-stop(51%,rgba(246,41,12,1)), color-stop(71%,rgba(240,47,23,1)), color-stop(100%,rgba(231,56,39,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(248,80,50,1) 0%,rgba(241,111,92,1) 50%,rgba(246,41,12,1) 51%,rgba(240,47,23,1) 71%,rgba(231,56,39,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(248,80,50,1) 0%,rgba(241,111,92,1) 50%,rgba(246,41,12,1) 51%,rgba(240,47,23,1) 71%,rgba(231,56,39,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(248,80,50,1) 0%,rgba(241,111,92,1) 50%,rgba(246,41,12,1) 51%,rgba(240,47,23,1) 71%,rgba(231,56,39,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(248,80,50,1) 0%,rgba(241,111,92,1) 50%,rgba(246,41,12,1) 51%,rgba(240,47,23,1) 71%,rgba(231,56,39,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f85032', endColorstr='#e73827',GradientType=0 ); /* IE6-9 */







 }

/* orange */
.orangetable{ 

/*
border-left-color: #ec7f22;
border-right-color: #ec7f22;
border-bottom-color: #B84200;
border-top-color: #FFBC67;
*/


background-repeat: no-repeat;
background: url('/images/ssl-box.png') no-repeat, linear-gradient(to bottom, rgba(125,126,125,1) 0%,rgba(14,14,14,1) 100%);















background-position: left top;
/* height: 181px; */












background-size: cover;





















}

/*border-color: #ec7f22;*/






.orangetable .price, .orangetable .icon{ color: #ec7f22; }
.orangetable .sign-up a, .orangetable .extra-info{ 



background: #feccb1;
background: -moz-linear-gradient(top, #feccb1 0%, #f17432 50%, #ea5507 51%, #fb955e 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#feccb1), color-stop(50%,#f17432), color-stop(51%,#ea5507), color-stop(100%,#fb955e));
background: -webkit-linear-gradient(top, #feccb1 0%,#f17432 50%,#ea5507 51%,#fb955e 100%);
background: -o-linear-gradient(top, #feccb1 0%,#f17432 50%,#ea5507 51%,#fb955e 100%);
background: -ms-linear-gradient(top, #feccb1 0%,#f17432 50%,#ea5507 51%,#fb955e 100%);
background: linear-gradient(to bottom, #feccb1 0%,#f17432 50%,#ea5507 51%,#fb955e 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feccb1', endColorstr='#fb955e',GradientType=0 );

}


/* yellow */
.yellow{ border-color: #f6bb42;



border-left-color: #f6bb42;
border-right-color: #f6bb42;
border-bottom-color: #f6bb42;
border-top-color: #f6bb42;


background-repeat: no-repeat;
background-position: left top;
/* height: 181px; */
background-size: cover;
background-image: url('/images/ssl-box.png');






 }
.yellow .price, .yellow .icon{ color: #f6bb42; }
.yellow .sign-up a, .yellow .extra-info{ background: #f6bb42; }

/* purple */
.purple{ border-color: #967adc; 


border-left-color: #967adc;
border-right-color: #967adc;
border-bottom-color: #967adc;
border-top-color: #967adc;

background-repeat: no-repeat;
background-position: left top;
/* height: 181px; */
background-size: cover;
background-image: url('/images/ssl-box.png');




}
.purple .price, .purple .icon{ color: #967adc; }
.purple .sign-up a, .purple .extra-info{ background: #967adc; }

/* pink */
.pink{ border-color: #d770ad;





border-left-color: #d770ad;
border-right-color: #d770ad;
border-bottom-color: #d770ad;
border-top-color: #d770ad;

background-repeat: no-repeat;
background-position: left top;
/* height: 181px; */
background-size: cover;
background-image: url('/images/ssl-box.png');




 }
.pink .price, .pink .icon{ color: #d770ad; }
.pink .sign-up a, .pink .extra-info{ background: #d770ad; }


/* responsive design
================================*/

@media (max-width: 1258px) {
	.ssl-green-box {
background-repeat: no-repeat;
background-position: left top;
/* height: 181px; */
background-size: cover;
background-image: url('/images/ssl-box.png');
float: left;
margin-right: 1.25%;
}
.detail-info {
margin-top: 66px;
margin-left: 12%;
width: 76%!important;
}
	
	.pricing-table{
		width: 95%;
		margin: 5px;
	}
	
	
	.pricing-table2{
		width: 95%!important;
		margin: 5px;
	}
	
	.pricing2 {

	width: 95% !important;.pricing-table2{
	
	
	}
}


@media (max-width: 768px) {
.ssl-green-box {
background-repeat: no-repeat;
background-position: left top;
/* height: 181px; */
background-size: cover;
background-image: url('/images/ssl-box.png');
float: right;
margin-right: 1.25%;
}
	.detail-info {
margin-top: 66px;
margin-left: 12%;
width: 76%;
}

	.pricing-table{
		width: 95%;
		margin: 5px 0;
	}
	
	.pricing-table2{
		width: 95%!important;
		margin: 5px;
	}
	.pricing2 {
	width: 95% !important;
	
	}


#yupotop {
display: block;
float: right;
width: auto;
margin-right: 10%;
}

.pricing-table .plan {
padding: 4px 26px 0;
float: left;
font-size: 31px;
/* position: absolute; */
margin-left: 29%;
margin-top: 15%;
text-align: left;
width: 73%;
}
.ssl-green-box {
background-repeat: no-repeat;
background-position: left top;
/* height: 181px; */
background-size: cover;
background-image: url('/images/ssl-box.png');

float: left;
margin-right: 1.25%;
}


}