/*------------------------------------*\
    		$upgrade CSS 
\*------------------------------------*/
/*
	* General
	* Media Query
	* SEO Adjust
*/


.flex-direction{
	-webkit-flex-direction: column;
		-ms-flex-direction: column;
			flex-direction:column;
}


/*------------------------------------
    		$General
------------------------------------*/
.border{ border: 1px solid #000; }

.rl-declareBoard-header1 { background-image: url(../../images/upgrade/title-1.jpg); }

.rl-upgrade li{
	list-style-position: inside;
	text-indent: -17px;
    padding-left: 20px;
}
.rl-upgrade li, .rl-upgrade p{ font-weight: 300; }
.rl-upgrade a{ color: #333333; text-decoration: underline; }
.rl-upgrade a:hover{ color: #3aba58; }

.divider{ border-left: 1px solid #c8c8c8; }
.btn-upgrade{
	color: #fff;
	font-size: 1.75rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
}
	.btn-paid-upgrade{ width: 100%; white-space: normal; }

.info-mac h3.title{ margin: 0; margin-top: 10px; }
.info-mac p{ 
	color: #969696;
	font-size: 2.25rem; 
	font-weight: 500;
	white-space: pre;
	-webkit-transform: translateX(-30px);
			-ms-transform: translateX(-30px);
			-moz-transform: translateX(-30px); 
				-o-transform: translateX(-30px);
					transform: translateX(-30px);
}
	.img-wrapper{ 
		display: inline-block; 
		float: left; 
		margin-right: 15px; 
		width: 43px;
		height: 43px;
	}
	.img-wrapper img{ width: 100%; }
	h3.title{ color: #282828; font-weight: 500; }

.history-area{ border: 1px solid #c8c8c8; }




/*------------------------------------
            $Media Query
------------------------------------*/
@media screen and (max-width: 768px){
	.divider{
		border: none;
		border-top: 1px solid #c8c8c8; 
	}
}

@media screen and (max-width: 500px){
	.info-mac p{ 
		font-size: 1.75rem; 
		padding-top: 10px;
		-webkit-transform: translateX(-10px);
			-ms-transform: translateX(-10px);
			-moz-transform: translateX(-10px); 
				-o-transform: translateX(-10px);
					transform: translateX( -10px);
	}
}

/*------------------------------------
            $SEO Adjust
------------------------------------*/
.info-mac .text-sm.title{ margin: 0; margin-top: 10px; }
	.text-sm.title{ color: #282828; font-weight: 500; }