<?php header("Content-type: text/css; charset: UTF-8"); ?>
<?php 
	if(isset($_GET['color'])){
		$color=$_GET['color'];
	}

?>

<?php if(isset($_GET['themes'])) {
	$themes = $_GET['themes'];

}?>

<?php if(isset($_GET['btn_style'])) {
	$btn_style = $_GET['btn_style'];
}?>


<?php if(isset($_GET['layout'])) {
	$layout = $_GET['layout'];
}?>

<?php if(isset($_GET['home'])) {
	$home = $_GET['home'];
}?>

<?php 
	function hex2rgb($color)
	{
	    list($r, $g, $b) = array($color[0].$color[1],
	                             $color[2].$color[3],
	                             $color[4].$color[5]);
	    $r = hexdec($r); $g = hexdec($g); $b = hexdec($b);
	    return $r.','.$g.','.$b;
	}

 ?>

 .gallery_area.style_2_1.style-3 .portfolio_img::before{
    background:  rgba(<?= hex2rgb($color); ?>,.7);
}


.navHeader-img {
    background: linear-gradient(135deg,#<?=  $color;?>,rgba(<?= hex2rgb($color); ?>,.5),rgba(<?= hex2rgb($color); ?>,.1),rgba(<?= hex2rgb($color); ?>,.1),rgba(<?= hex2rgb($color); ?>,.3))!important;

}

.user_img_thumb{
	background:linear-gradient(to right,rgba(<?= hex2rgb($color); ?>,.7) 0%,rgba(<?= hex2rgb($color); ?>,1) 51%,rgba(<?= hex2rgb($color); ?>,.7)100%)!important;
}

div.one_page.theme_6 .sectionHeader h1::after,
.timeline li:first-child i{
	background:#<?=$color; ?>!important;
}

.mainMenu ul a.active::after,
.mainMenu ul a.active::before,
.timeline li:before{
	border-color:  #<?=$color; ?>!important;
}
.btn{
	background:#<?=$color; ?>!important;
	transition:1s;
}
.btn:hover{
	background: rgba(<?= hex2rgb($color); ?>,.8)!important;
	transition:1s;
}

.btn{
	border-color:rgba(<?= hex2rgb($color); ?>,.8)!important;
}

<?php if($layout==1){ ?>
	.home_style_4 {
	    margin-top: -200px;
	}
	.teamSections.section-padding-top.section-padding-bottom {
	    width: 100%;
	}
	.navMenu ul li a.active{
		color:#fff;
		background:#<?=$color; ?>
	}
	.navMenu ul li a.active:hover{
		color:#fff!important;
	}


<?php } ?>
.typing_section.home {
	color:#<?= $color;?>
}

.single_serivce_area:hover{
	transform: translateY(-5px);
}

<?php if($layout==4): ?>
	.sectionHeader h4, .banner-wrapper h4 {
	    color: #fff!important;
	}
<?php endif ?>

/**
  ** Background
**/
.navMenu ul li a.active::before ,
.sectionHeader h1::after,
.single_serivce_area.style_5 .topIcon,
.single_serivce_area:hover .single_service h5::before,
.rightProgress .progress-bar,
.prg::before,
.prg,
.singleWorkExperience:hover .workSummary::before,
.work-details::after,
body.dark .all_items.tags ul li a, body.dark .posted_tag,
.mail_send_btn,
.scroll-line,
.single-blog.style_3  .tag_name ,
.mi-blog .style_1 .blog-content a.box_btn,
.mi-blog .style_1 .post-category a,
.default-button,
.share_area a,
.post_facebook_share,
.available i,
.slider-nav .slick-arrow,
.fact_item_section
{
	background: #<?= $color;?>;
}

.single_serivce_area.style_4 .topIcon, .single_serivce_area.style_4 .topIcon > *,
.socialLink ul li a:hover {
	border-color:#<?= $color;?>!important;
	color: #<?= $color;?>!important;
}
.post_facebook_share:hover{
    background: #fff;
    color:#<?= $color;?>!important;
}
.btn_style_1:hover{
	color:#fff!important;
}
/**
  ** Color
**/
.gallery_area.style_2 ul.gallery_sort li button.active,
.home_style_3 .socialLink ul li:hover a,
.navMenu ul li a:hover,
.single_contact_top i,
.gallery_area.style_4 .portfolio_link,
.mi-blog .style_2 .blog_right_details h2:hover
{
	color:#<?= $color;?>!important;
}


.gallery_area.style_1 ul.gallery_sort li button.active,
.gallery_area.style_4 ul.gallery_sort li button.active,
.gallery_area.style_1 ul.gallery_sort li button:hover,
.gallery_area.style_4 ul.gallery_sort li button:hover{
   background: #fff;
    color:#<?= $color;?>!important;
    border-color:#<?= $color;?>!important;
    transition:.5s;
}


/**
  ** border color
**/
.aboutImage::before,
.aboutImage::after,
.home_style_3 .socialLink ul li:hover a,
.btn_style_1,
.blog_post_tag a.posted_tag
{
	border-color: #<?= $color;?>!important;
}

.blog_post_tag a.posted_tag:hover{
	background:#<?= $color;?>!important;
	transition:.5s;
	color: #fff;
} 

body.dark .single_serivce_area.style_5:hover {
	box-shadow: 0px 5px 0px #<?= $color;?>;
	transition: .4s!important;
}
/*49bcf7 */

<?php if($btn_style==1): ?>
	.btn_style_1 {
	    border: 1px solid rgba(3,127,255,.5);
	    box-shadow: none;
	    padding: 15px 65px;
	    font-size: 16px;
	    background: #<?= $color;?>;
	    color: #fff;
	    position: relative;
	    transition: .5s;
	    overflow: hidden;
	    display: inline-block;
	    text-align: center;
	    
	    
	}
	.btn_style_1:before {
	    content: "";
	    position: absolute;
	    width: 100%;
	    height: 4px;
	    background: #fff;
	    bottom: 0;
	    left: -100%;
	    transition: .5s;
	}
	.btn_style_1:hover:before{
	    left: 0;
	    transition: .5s;
	}
	
	.mi-btn{
		<!-- background:-webkit-linear-gradient(left, #3931af, #00c6ff); -->
	}
<?php elseif ($btn_style==2): ?>
	.btn_style_2 {
	    display: inline-block;
	    background: #<?= $color;?>;
	    padding: 13px 35px;
	    color: #fff;
	    text-transform: capitalize;
	    margin-top: 20px;
	    transition: .5s;
	}

	.btn_style_2::before {
	    position: absolute;
	    content: "";
	    width: 100%;
	    height: 100%;
	    background: linear-gradient(to right top, #c58caa, #d17ca5, #dd699d, #e85392, #f23384);
	    left: -100%;
	    top: 0;
	    -webkit-transition: .5s;
	    transition: .5s;
	    z-index: -1;
	}
	.btn_style_2 {
	    overflow: hidden;
	    z-index: 2;
	    -webkit-transition: .5s;
	    transition: .5s;
	    position: relative;
	    text-decoration:none;
	    border-color:transparent;
	}
	.btn_style_2:hover::before {
	    left: 0;
	    z-index: -1;
	}
<?php elseif ($btn_style==3): ?>
	.btn_style_3 {
	    display: inline-block;
	    background: linear-gradient(to right,#1345e6 0%,#ed239f 51%,#1345e6 100%);
	    color: #fff;
	    letter-spacing: 0;
	    outline: none!important;
	    text-align: center;
	    cursor: pointer;
	    text-transform: capitalize;
	    border-radius: 5px;
	    background-size: 200% auto;
	    transition: .5s;
	}
	.btn_style_3:hover {
	    background-position: right center;
	    color: #fff;
	    transition: .5s;
	}


	<?php elseif ($btn_style==4): ?>
	.btn_style_4 {
	    display: inline-block;
	    background: linear-gradient(to left bottom, #1ccaee, #00bbff, #00a4ff, #8c7bff, #ea13f4);
	    color: #fff;
	    letter-spacing: 0;
	    outline: none!important;
	    text-align: center;
	    cursor: pointer;
	    text-transform: capitalize;
	    border-radius: 5px;
	    background-size: 200% auto;
	    transition: .5s;
	}
	.btn_style_4:hover {
	    background-position: right center;
	    color: #fff;
	    transition: .5s;
	}

	<?php elseif ($btn_style==5): ?>
		.btn_style_5 {
		    background-color: #00b4d9;
		    position: relative;
		    z-index: 1;
		    color: #fff;
		    border-color:  #00b4d9;
		}
		.profile-wrapper .btn {
		    margin: 10px 10px 0px 0px;
		}
		.btn_style_5:hover,
		.btn_style_5.active {
		    color: #fff;
		    background-color: #21cff3;
		    box-shadow: 0 6px 22px rgba(0, 0, 0, 0.1);
		    transition: all .2s ease-in-out;
		    -moz-transition: all .2s ease-in-out;
		    -webkit-transition: all .2s ease-in-out;
		}


	<?php endif ?>

.single_serivce_area.style_1:hover{
	border-top: 5px solid #<?= $color;?>!important;
	transition: .5s;
}

<?php if($themes==0): ?> 
	.navbar_top_wrapper{
		background: #f8f9fa!important;
	}
	.navbar_top_wrapper i{
		color:#000;
	}
	body.light {
	    background: #fff;
	}
	.navHeader-img:before, .navHeader-img:after{
		background: #fff;
	}
	 .single_serivce_area.style_4{
	    box-shadow: 0 0 5px #ddd;
	}
	.single_serivce_area.style_4 .topIcon,
	.single_serivce_area.style_4 .topIcon > *{
	    border-color: #ddd;
	    color: #ddd;
	}
	.single_testimonial.style_2 {
	    border: 1px solid #ddd;
	    box-shadow: 0 0 8px #ddd;
	}
	.rightProgress .progress {
	    background: #194368;
	}
	.rightProgress .progress{
		background:#ddd;
	}	
	.workSummary::before {
	    background: #fff;
	    border-color:#ddd;
	}
	.workExperience {
	    border-left: 3px solid #ddd;
	}

	.workExperienceHeader i,.not_found_section i{
	    color: #000;
	}

	#myBar{
	    background: #fff;
	}
	.single_serivce_area{
		box-shadow:0px 8px 18px 0px rgba(0, 0, 0, 0.05);
	}


	.single_serivce_area.style_5:hover {
		transform: translateY(-5px);
	    box-shadow: 0px 12px 25px rgba(0, 0, 0, 0.3);
	}

	.gallery_area.style_2 .gallery_sort li button.active,
	.gallery_area.style_2 .default-button:hover,
	.gallery_area.style_3 .gallery_sort li button.active,
	.gallery_area.style_3 .default-button:hover{
		color: #037fff!important;
	}

	.user_img_thumb,
	.single-blog.style_3 .post-category{
		background: #<?=$color; ?>!important;
	}
	.on-scroll.bg_color {
	  box-shadow: 0 0 6px #ddd;
	}


	.single_serivce_area.style_2 .single_service i {
	  color: #<?= $color;?>!important;
	}
	.single_serivce_area.style_2{
		border-color: #ddd;
		box-shadow: 0 0px 10px #ddd;
	}
	.testimonialImage {
		border: 1px solid #ddd;
	}
	.topMenu{
			overflow: visible;
	}
	.topMenu nav {
		box-shadow: 0 1px 6px #ddd !important;
	}
	.navbar-dark .navbar-nav .nav-link{
		color: #777!important;
	}
	.navbar-dark .navbar-nav .nav-link.active{
		color: #000;
	}
	.navbar-dark .navbar-brand {
		color: #000;
		font-weight: bold;
	}
	.sticky_header_area .mainMenu ul a.active::before {
		border-color: #<?=$color; ?>;
	}

	

	nav.style_6 .mainMenu ul a {
		color:#000;
	}

	.layout_5 .single_testimonial.style_2 {
		border: 1px solid rgba(0, 0, 0, 0.05);
		box-shadow: 0 0 8px rgba(0, 0, 0, 0.05);
	}
	.layout_5 .single_serivce_area.style_5{
		box-shadow: 0 0 8px rgba(0, 0, 0, 0.05);
	}

	.single_serivce_area {
	    border: 1px solid #ddd;
	    border-top: 5px solid #ddd;
	}

	.sticky .navbar-nav .nav-item a:hover {
	    color: #2E2E2E;
	} 
	.navbar-area.sticky .mainMenu ul a:hover:before, .navbar-area.sticky .mainMenu ul a:hover:after{
			border-color:#<?= $color;?>;
	}
	

<?php elseif ($themes==1): ?>

	.sticky .navbar-nav .nav-item a:hover {
	    color: #fff;
	}


	body.dark {
	    background: #191d2b;
	}
	.sticky {
 		background: #343a40;
 		color: #fff;
	}
	.sticky .navbar-nav .nav-item a {
	    color: #fff;
	}


	.timeline li .content-text {
	    background: #333;
	    padding: 20px;
	}
	.about-profile .pro-title{
		color:#ddd;
	}
	.img-thumb img {
	    border: 8px solid #222;
	    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.2);
	    height: 520px;
	    object-fit: contain;
	}


	.single_serivce_area.style_4{
    	box-shadow: 0 0 5px #2e344e;
	}
	.single_serivce_area.style_4 .topIcon,
	.single_serivce_area.style_4 .topIcon > *{
	    border-color: #037fff;
	    color: #037fff;
	}
	.single_testimonial.style_2{
	    box-shadow: 0 0 5px #333;
	}
	
	.mi-blog .style_2 .blog_wrapper,
	.mi-blog .single-blog.style_1,
	 .single_right_cat{
	   box-shadow: 0 0 5px #333;
	}

	.mi-blog .style_2 .blog_wrapper {
	    box-shadow: 0 0 5px #444;
	    color: #fff;
	}

	.mi-blog .style_1 .blog-title h4 a,
	.all_items ul li a,
	.mi-blog .style_2 .blog_right_details h2 {
	    color: #fff;
	}

	.all_items.tags ul li a,
	.posted_tag{
	    background: #037fff;
	    color: #fff;
	} 

	 .all_items li a:hover{
	    background: #444;
	    transition: .5s;
	} 
	.single_post_cat li a,
	.gallery_area.style_2 .default-button,
	.gallery_area.style_2 ul.gallery_sort li button{
	  color: #a4acc4;
	}

	.gallery_area.style_2 ul.gallery_sort li button.active,
	{
	    color: #037fff;
	}

	.single_serivce_area.style_5 {
		box-shadow: none;
		background: rgb(26, 30, 44,.5);
		border: 1px solid #1b262c;
	}

	.single_serivce_area.style_5:hover {
		transform: translateY(-5px);
		box-shadow: 0px 5px 0px rgb(73, 188, 247);
		background: #191d2b;
		transition:.4s;
	}
	.single-blog.style_3 .blog-content,
	.single-blog.style_3 .right_blog_content ul li a img,
	.single-blog.style_3 .right_blog_content
	{
	  border-color: #2e344e;
	}
	.single-blog.style_3 .blog-title h4 a,
	.single-blog.style_3 .right_blog_content ul li a,
	.single_post_cat li a{
	  color:#fff;
	}

	.single-blog.style_3 .blog-title h4 a:hover,
	.single-blog.style_3 .right_blog_content ul li a:hover{
	  color:#49bcf7 ;
	}

	.on-scroll.bg_color {
		box-shadow: 0 0 11px rgba(0,0,0,.3);
	}
	

<?php else: ?>

	.single-blog.style_3 .blog-title h4 a{
	color: #fff;
}
	
	.on-scroll.bg_color {
	  background: #191d2b;
	  box-shadow: 0 0 6px #191d2b;
	}
	.mi-blog .style_2 .blog_right_details a,
	.single_post_cat li a,
	.all_items li a {
			color: #fff;
		}
	.all_items li a:hover{
		color: #000;
	}
	.mi-blog .style_2 .blog_right_details .posted_tag
	 {
		background: #<?= $color;?>!important;
	}
	.rightProgress .progress {
		background:#194368;
	}
	
	.single_post_tags .posted_tag{
		background: #<?=$color;?>;
		color:#fff;
	}
	
	<?php if($themes==2): ?>
		body.gradient_<?= $themes;?>,
		.navHeader-img,
		.user_img_thumb,
		.navMenu ul li a.active::before,
		.single_serivce_area,
		.workSummary::before,
		.work-details::before{
			background: linear-gradient(to right top, #1ccaee, #00bbff, #00a4ff, #8c7bff, #ea13f4) !important
		}

		.navbar_top_wrapper{
			background: linear-gradient(to right top, #1ccaee, #00bbff, #00a4ff, #8c7bff, #ea13f4) !important
		}
		
		.workExperience,
		.workSummary::before
		
		{
			border-color: #fff;
		}

		.mi-blog .style_1 .blog-title h4 a{
			color:#fff;
		}

		.single_serivce_area.style_2 {
			border-color: #00a4ff;
		}
		.navbar-area .navbar.style_6 a.navbar-brand{
	      color: #fff;
	    }
	     .style_6 .navbar-toggler i {
	        color: #fff!important;
	    }
	<?php elseif($themes==3): ?>
		body.gradient_<?= $themes;?>,
		.user_img_thumb,
		.navHeader-img,
		.navMenu ul li a.active::before,
		.single_serivce_area,
		.workSummary::before,
		.work-details::before,
		.single_serivce_area,
		.workSummary::before,
		.work-details::before{
			background: linear-gradient(to right top, #c00ef2, #5f76ff, #00a2ff, #00c0ff, #00d6ff, #00d5ff, #00d4ff, #00d3ff, #0eb9ff, #7c96ff, #c066dc, #e51694);!important;
		}

		
			
		.workExperience,
		.workSummary::before
		{
			border-color: #fff;
		}

		.single_serivce_area.style_2,
		.single_serivce_area.style_1 {
			border-color: #00a4ff;
		}

		.mi-blog .style_1 .blog-title h4 a{
			color:#fff;
		}

		.navbar-area .navbar.style_6 a.navbar-brand{
	      color: #fff!important;
	    }
	     .style_6 .navbar-toggler i {
	        color: #fff!important;
	    }

	    .contact_top p{
		    color:#fff;
		}

	<?php elseif($themes==4): ?>

		body.gradient_<?= $themes;?>,
		.user_img_thumb,
		.navHeader-img{
			background: linear-gradient(to right top, #191d2b, #1d2131, #202538, #242a3e, #282e45, #2a2e44, #2b2f43, #2d2f42, #2b2c3a, #292831, #26252a, #222222)!important;
		}
		.single-blog.style_3 .blog-title h4 a,
		.mi-blog .style_1 .blog-title h4 a{
			color: #fff;
		}
		
		.single_serivce_area.style_5 {
			box-shadow: 0px 0px 7px #2a2e44;
		}
		.single_serivce_area.style_5:hover{
			transform: translateY(-5px);
			box-shadow: 0px 12px 25px #242a3e;
		}

		.single-blog.style_1 {
			box-shadow: 0 0 5px #333;
			margin-bottom: 20px;
		}

		.sticky {
	 		background: #343a40;
	 		color: #fff;
		}
		.sticky .navbar-nav .nav-item a {
		    color: #fff;
		}

		.contact_top p{
		    color:#fff;
		}
		@media only screen and (max-width: 767px) { 
		.style_6 .navbar-toggler {
		    color: rgba(255,255,255,.5)!important;
		}
		
		.style_6 .navbar-toggler i{
			color:#fff;
		}
	    .navbar-area.sticky .style_6 .navbar-toggler i,
	    .navbar-area.sticky .style_6 .navbar-brand{
	      color: #fff!important;
		}
		.navbar-area.sticky .navbar.style_6 .navbar-collapse{
	      background: #2E2E2E;
	    }

	}



	<?php elseif($themes==5): ?>
			body.gradient_<?= $themes;?>,
			.user_img_thumb,
			.navHeader-img,
			.navMenu ul li a.active::before,
			.single_serivce_area,
			.workSummary::before,
			.work-details::before{
				background: linear-gradient(to right top, #00adb5, #00add4, #4aa9e9, #8ca1ef, #c395e3, #c091dc, #bd8dd6, #ba89cf, #868acd, #5588bd, #3182a4, #2a7886)!important;
			}
			
		.workExperience,
		.workSummary::before
		{
			border-color: #fff;
		}

		.contact_top p{
		    color:#fff;
		}

		.single_serivce_area.style_2,
		.single_serivce_area.style_1 {
			border-color: #00a4ff;
		}
		.rightProgress .progress {
			background: #eee;
		}
		.single-blog.style_1 {
			box-shadow: 0 0 5px #c091dc;
		}

		.mi-blog .style_1 .blog-title h4 a{
			color:#fff;
		}
		.navbar-area .navbar.style_6 a.navbar-brand{
	      color: #fff!important;
	    }
	     .style_6 .navbar-toggler i {
	        color: #fff!important;
	    }
	<?php endif; ?>
	

	body.gradient,
	.gallery_area.style_2 .default-button
	 {
	    color:#fff;
	}
	
	.contact_form .form-control {
		background: transparent;
		border-radius: 0;
		border-color: #a4acc4;
		color: #fff ;
	}
	.user_contact label,
	.sectionHeader h1
	{
		color: #fff;
	}

	

	.gallery_area.style_2 ul.gallery_sort li button.active{
		color:#000;
	}

	.single-blog.style_3 .blog-content,
	.single-blog.style_3 .right_blog_content ul li a img,
	.single-blog.style_3 .right_blog_content
	{
	  border-color: #00bbff;
	}
	.single-blog.style_3 .right_blog_content ul li a{
		color:#fff;
	}
	.form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
	  color: #fff;
	  opacity: 1; /* Firefox */
	}

	.form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
	  color: #fff;
	}

	.form-control::-ms-input-placeholder { /* Microsoft Edge */
	  color: #fff;
	}

	.socialLink ul li a {
	border-color: #fff;
	color: #fff;
}

.mi-blog .style_1 .blog-title h4 a{
	color:#fff;
}
<?php endif ?>



<?php if($home==2||$home==3 || $home==4): ?>
	body.light nav.style_6 .mainMenu ul a{
		color:#fff;
	}
	body.light .navbar.style_6.light .navbar-brand{
		color:#fff;
	}
	body.light .navbar-area.sticky .navbar.style_6 .mainMenu ul a{
	  color: #000;
	}
	body.light .navbar-area.sticky .navbar.style_6 .navbar-brand{
		color:#000;
	}
	@media only screen and (max-width: 767px) { 
		body.light .navbar.style_6.light .navbar-toggler i {
			color: #fff;
		}
	}

	@media only screen and (min-width: 768px) and (max-width: 991px) { 
		body.light .navbar.style_6.light .navbar-toggler i {
			color: #fff;
		}
	}
<?php endif ?>



<?php if($layout==1 && $home==4): ?>
	@media only screen and (max-width: 767px) { 
	.header-hero.bg_cover {
	    padding-top: 61px;
	  }
	}

<?php endif;?>



<?php if($themes==0 && $layout==6 && $home==1): ?>
.one_page.theme_6 .navbar.navbar-expand-lg.style_6.light{
	background: #f7fafc;
}
.one_page.theme_6 .navbar.navbar-expand-lg.style_6.light ul li a{
	color:#000;
}

.one_page.theme_6 .navbar-area.sticky .navbar.navbar-expand-lg.style_6.light ul li a{
	color:#000;
}

.one_page.theme_6 .navbar-area.sticky .navbar.navbar-expand-lg.style_6.light{
	background: #f7fafc;
  	box-shadow: 0 4px 6px rgb(50 50 93 / 11%), 0 1px 3px rgb(0 0 0 / 8%);
}
<?php endif;?>


<?php if($themes==0 && $layout==6 &&  $home==3): ?>
.one_page.theme_6 .navbar.navbar-expand-lg.style_6.light{
	background: transparent;
}
.one_page.theme_6 .navbar.navbar-expand-lg.style_6.light ul li a{
	color:#fff;
}

.one_page.theme_6 .navbar-area.sticky .navbar.navbar-expand-lg.style_6.light ul li a{
	color:#000;
}

.one_page.theme_6 .navbar-area.sticky .navbar.navbar-expand-lg.style_6.light{
	background: #f7fafc!important;
  	box-shadow: 0 4px 6px rgb(50 50 93 / 11%), 0 1px 3px rgb(0 0 0 / 8%);
}
<?php endif;?>























<?php for($i=0;$i<100;$i++){ ?>
	.pt-<?= $i;?>{
		padding-top:<?= $i;?>px!important;
	}

	.pb-<?= $i;?>{
		padding-bottom:<?= $i;?>px!important;
	}

	.pl-<?= $i;?>{
		padding-left:<?= $i;?>px!important;
	}

	.pr-<?= $i;?>{
		padding-right:<?= $i;?>px!important;
	}

	.mt-<?= $i;?>{
		margin-top:<?= $i;?>px!important;
	}

	.mb-<?= $i;?>{
		margin-bottom:<?= $i;?>px!important;
	}

	.ml-<?= $i;?>{
		margin-left:<?= $i;?>px!important;
	}

	.mr-<?= $i;?>{
		margin-right:<?= $i;?>px!important;
	}

	.p-<?= $i;?>{
		padding:<?= $i;?>px!important;
	}

	.m-<?= $i;?>{
		margin:<?= $i;?>px!important;
	}

	.fz-<?= $i;?>{
		font-size:<?= $i;?>px!important;
	}

	.ht-<?= $i;?>{
		height:<?= $i;?>px!important;
	}

	.wd-<?= $i;?>{
		width:<?= $i;?>px!important;
	}
	
<?php } ?>