<?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 if(isset($_GET['vcard_color'])) {
	$vcard_color = $_GET['vcard_color'];
}?>

<?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;
	}

 ?>

 .appointment_wapper .input-group-text, button.btn.btn-primary.submitBtn{
 	background: #<?= $color;?>!important;
    color: #fff;
    border-color: transparent;
 }

 .resumeWrapper .row section i, .resumeWrapper .center-line .scroll-icon {
    background: #f2f2f2;
    box-shadow: 0 0 0 4px #<?=  $color;?>, inset 0 2px 0 rgb(0 0 0 / 8%), 0 3px 0 4px rgb(0 0 0 / 5%)!important;
}

.vcarStyle_8 .second_media.topIcon ul li a i {
    border-color: #<?=  $vcard_color;?>;
    background: rgba(<?= hex2rgb($vcard_color); ?>,.8)!important;
}
.vcarStyle_8 .second_media.topIcon ul li a:hover i {
    border-color: #<?=  $vcard_color;?>;
    background: transparent!important;
}


.layout_5 ul.gallery_sort li button:hover, .layout_5 ul.gallery_sort li button.active,
.style7singe_service:hover .style7IconArea i,
.style7singe_service:hover .style7IconArea img,
.row section i, .center-line .scroll-icon,
a.aboutSeemore,
.themeStyle7 .all_items  li a,
a.aboutMe:hover{
    color: #<?=  $color;?>!important;
}

.style_5.vcardBodyTop ul li a:hover *{
	color: #<?=  $vcard_color;?>!important;
}

a.addToContact.style_5{
	color: #<?=  $vcard_color;?>!important;
}

a.addToContact.style_5:hover,
.dashbaord_btn{
	color: #fff!important;
	background: #<?=  $vcard_color;?>!important;
}
.dashbaord_btn:hover{
	background: transparent!important;
}
nav.bg-light{
	background: #f7fafc!important;
  	box-shadow: 0 4px 6px rgb(50 50 93 / 11%), 0 1px 3px rgb(0 0 0 / 8%)!important;
}
.qrbtn a, .btn.btn-modal,.style7Banner .scroll-button, a.aboutSeemore:hover {
    background: #<?= $color;?>!important;
    color: #fff!important;
}

.style7singe_service .style7IconArea:before{
	border-color: rgba(<?= hex2rgb($color); ?>,.2)!important;
}
h2.section-title::before{
	background: rgba(<?= hex2rgb($color); ?>,.1)!important;
}

.resumeWrapper .center-line,
.dtr-progress.progress .progress-bar{
	background: #<?= $color;?>!important;
}
/*  Default color
================================================== */


.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,
.gallery_area.style_2_1 ul.gallery_sort li button.active,
.gallery_area.style_4 ul.gallery_sort li button.active,
.gallery_area.style_2_1 ul.gallery_sort li button:hover,
.gallery_area.style_4 ul.gallery_sort li button:hover{
   background: #fff;
    color:#<?= $color;?>;
    border-color:#<?= $color;?>;
    transition:.5s;
}


.navMenu ul li a.active:hover{
	color:#fff!important;
}

/*----------------------------------------------
Border color
----------------------------------------------*/
.mainMenu ul a:hover:before, .mainMenu ul a:hover:after, .mainMenu ul a.active::before, .mainMenu ul a.active::after,
.timeline li:before,
.img-thumb img,
.testimonialImage,
.paymentButton a{
	border-color:#<?= $color;?>;
	background:#<?= $color;?>;
	color: #fff!important;
}
.style_6  .mainMenu ul a:hover:before,
.style_6  .mainMenu ul a:hover:after,
.style_6  .mainMenu ul a:hover:before, 
.style_6  .mainMenu ul a:hover:after,
.style_6  .mainMenu ul a.active::before,
.style_6  .mainMenu ul a.active::after,

.style_4  .mainMenu ul a:hover:before,
.style_4  .mainMenu ul a:hover:after,
.style_4  .mainMenu ul a:hover:before, 
.style_4  .mainMenu ul a:hover:after,
.style_4  .mainMenu ul a.active::before,
.style_4  .mainMenu ul a.active::after{
	border-color:#<?= $color;?>;
	background:transparent!important;
	color: #fff!important;
}

.paymentButton a:hover{
	border-color:#<?= $color;?>;
	color: #<?= $color;?>!important;
	background: transparent!important;
}
<!-- .menu_style_3 .mainMenu ul a.active::before, .menu_style_3 .mainMenu ul a.active::after{
	background: transparent!important;
} -->
/*----------------------------------------------
Background & color 
----------------------------------------------*/

.slider-nav .slick-arrow,
div.one_page.theme_6 .sectionHeader h1::before,
div.one_page.theme_6 .sectionHeader h1::after,
.timeline li:first-child i,
.socialLink ul li a,
a.addToContact,
.style7singe_service .style7IconArea,
.seeMoreBtn a,
.cardBottomDetails span{
	background: #<?= $color;?>;
	color: #fff;
	border-color: #<?= $color;?>!important;
}



.second_media.topIcon ul li a i,
a.addToContact,
.second_media ul li a i,
.vd_flex i{
	background: #<?= $vcard_color;?>;
	color: #fff;
	border-color: #<?= $vcard_color;?>!important;
}
.vacrdTopContent .vcardUserInfo *{
	color: #fff!important;
}
.second_media.topIcon ul li a i:hover{
	border-color: #<?= $vcard_color;?>;
	color: #<?= $vcard_color;?>;
}
.second_media ul li a:hover i{
	border-color: #<?= $vcard_color;?>!important;
	color: #<?= $vcard_color;?>!important;
	background: transparent;
	transition: all .3s ease-in-out;
}

.style_4 .second_media ul li a i,
.home_style_2 .home_img_area img,
a.home_fb_share{
	border-color: #<?= $vcard_color;?>!important;
}

.socialLink ul li a:hover{
	border-color: #<?= $color;?>!important;
	background: transparent;
	color: #<?= $color;?>!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,
.mainMenu ul a.active,
.mainMenu ul a:hover,
.userMenuNav ul a.active, 
.userMenuNav ul a:hover,
.mi-blog .style_1 .blog-title h4 a:hover,
.socialLink ul li a:hover,
.socialLink ul li a:hover i
{
	color:#<?= $color;?>!important;
}



/*----------------------------------------------
Background Color
----------------------------------------------*/

.navMenu ul li a.active::before ,
.sectionHeader h1::after,
.single_serivce_area.style_5 .topIcon.serviceIcon,
.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,
.userMenuNav ul a.active::before, 
.userMenuNav ul a:hover::before,
.timeline li:before
{
	background: #<?= $color;?>;
}



/*----------------------------------------------
end default color
----------------------------------------------*/
.aboutImage.style_2::after{
	border-bottom: 10px solid rgba(<?= hex2rgb($color); ?>,.9);
}
.aboutImage.style_2::before{
	border: 10px solid rgba(<?= hex2rgb($color); ?>,.9);
}


.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;
}

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

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


.aboutImage::before, .aboutImage::after {
    border-color: rgba(<?= hex2rgb($color); ?>,.9);
}

.single_serivce_area.style_3 .topIcon.serviceIcon {
    background: #<?= $color ;?>;
    
}
.single_serivce_area.style_3 .topIcon.serviceIcon{
	color: #fff;
}
.single_serivce_area.style_3 .topIcon.serviceIcon{
	border-color: rgba(255,255,255,.5);
}


.facts_item *{
  color: #<?= $color ;?>!important;
}

<?php 
	if($themes==0):
		$background_color = 'fff';
		$font_color = '000';
	elseif($themes==1):
		$background_color = '191d2b';
		$font_color = 'fff';
	elseif($themes==2):
		$background_color = 'linear-gradient(to right top, #1ccaee, #00bbff, #00a4ff, #8c7bff, #ea13f4)';
		$font_color = 'fff';
	elseif($themes==3):
		$background_color = 'f3f5fa';
		$font_color = 'a4acc4';
	elseif($themes==4):
		$background_color = '292831';
		$font_color = 'fff';
	elseif($themes==5):
		$background_color = 'f2f2f2';
		$font_color = 'a4acc4';
	elseif($themes==6):
		$background_color = '29c7ac';
		$font_color = 'fff';
	elseif($themes==7):
		$background_color = '393e46';
		$font_color = 'fff';
	elseif($themes==8):
		$background_color = '707070';
		$font_color = 'fff';
	endif;
 ?>
body{
	color: #<?= $font_color ;?>!important;
}
<?php if($themes==2): ?>

.HomeStyle_2 .vcardWrap{
	background: <?= $background_color;?>!important;
}
.home_top_text {
    margin-top: 0px;
    padding-top: 25px;
}
<?php else: ?>
	.HomeStyle_2 .vcardWrap{
		background-color: #<?= $background_color;?>!important;
	}
<?php endif; ?>
.home_top_text > *{
	color: #<?= $font_color;?>!important;
}

<?php if($themes == 2): ?>
	.homeStyle::after{
		background: linear-gradient(to left bottom, #1ccaee, #00bbff, #00a4ff, #8c7bff, #ea13f4)!important;
	}
<?php elseif($themes==4): ?>
	.homeStyle::after{
		background: linear-gradient(to left bottom, #191d2b, #1d2131, #202538, #242a3e, #282e45, #2a2e44, #2b2f43, #2d2f42, #2b2c3a, #292831, #26252a, #222222)!important;
	}
	body.dark .contentArea{
		background: #<?= $background_color;?>!important;
	}
<?php else: ?>
	.homeStyle::after{
		background: #<?= $background_color;?>!important;
	}
<?php endif; ?>

<?php if($themes==1 || $themes==4 || $themes==7): ?>
	.topIcon i {
	    color: #a4acc4;
	}

	.rightService {
	    background: rgba(0,0,0,.2);
	    box-shadow: 0 0 5px #000;
	}
	.rightService *{
		color: #a4acc4!important;
	}

	.style7singe_service,
	.themestyle_7.singleBlogPost,
	.single_testimonial_themestyle_7,
	.resumeWrapper .row section,
	.resumeWrapper .row section::before {
    	background: rgba(0,0,0,.1)!important;
    	color: #fff!important;
	}
	.style7singe_service h3, .style7singe_service p,
	.themestyle_7.singleBlogPost h3 a,
	.resumeWrapper .row section .details .title,
	.resumeWrapper .details{
		color: #fff!important;
	}
	<?php if($themes==4): ?>
		.resumeWrapper .row section i, .resumeWrapper .center-line .scroll-icon{
			background: <?= $background_color;?>!important;
		}
	<?php else: ?>
		.resumeWrapper .row section i, .resumeWrapper .center-line .scroll-icon{
			background: #<?= $background_color;?>!important;
		}
	<?php endif; ?>
	
<?php endif; ?>

<?php if($themes==2 || $themes==6 || $themes==8): ?>
	.style7singe_service,
	.themestyle_7.singleBlogPost,
	.single_testimonial_themestyle_7,
	.resumeWrapper .row section,
	.resumeWrapper .row section::before {
    	background: rgba(255,255,255,.1)!important;
    	color: #fff!important;
	}
	.style7singe_service h3, .style7singe_service p,
	.themestyle_7.singleBlogPost h3 a,
	.resumeWrapper .row section .details .title,
	.resumeWrapper .details{
		color: #fff!important;
	}
	.resumeWrapper .row section i, .resumeWrapper .center-line .scroll-icon{
		background: #<?= $background_color;?>!important;
	}

<?php endif; ?>

<?php if($themes ==8): ?>
	a.aboutSeemore {
    text-shadow: 0 0 5px #000;
}
<?php endif; ?>
/*----------------------------------------------
	End New themes
----------------------------------------------*/

<?php if($themes==0): ?> 
body.light {
    background: #fff;
}
.typing_section.home .cd-headline.clip .cd-words-wrapper b{
    color: #000!important;
}

.userMenu nav {
    box-shadow: 0 0 5px #ddd;
}

.navHeader-img:before, .navHeader-img:after{
	background: #fff;
}

.home_style_2 .home_content_details{
	color: #000;
}
.rightProgress .progress{
	background: #777;
}
.navbar_top_area {
    color: #a4acc4;
}
.workSummary::before{
	background:  #a4acc4;
	border-color:  #a4acc4;
}
.workExperience{
	border-color:  #a4acc4;
}

.user_contact label{
	color: #000;
}
<?php endif;?>


<?php if($themes==1): ?> 
body{
  background: #<?= $background_color;?>!important;
   color: #<?= $color;?>!important;
}
.rightService {
    background: rgba(25,29,43,.5);
    box-shadow: 0 0 5px rgb(0 0 0 / 20%);
}
.userMenu nav {
    box-shadow: 0 0 5px #222;
}
.navbar-area.sticky .style_6.dark{
	background: #343a40!important;
	color: #fff!important;
}

.about-profile .pro-title {
    color: #a4acc4;
}

.navHeader-img:before, .navHeader-img:after{
	background: #fff;
}

.home_style_2 .home_content_details{
	color: #000;
}
.rightProgress .progress{
	background: #777;
}
.navbar_top_area {
    color: #2e344e;
}
.workSummary::before{
	background:  #2e344e;
	border-color:  #2e344e;
}
.workExperience{
	border-color:  #2e344e;
}
.single-blog.style_3 .blog-title h4 a,
.single-blog.style_3 .right_blog_content ul li a{
	color:#2e344e;
}
.single-blog.style_3 .blog-content,
.single-blog.style_3 .right_blog_content{
	border-color: #393e46;
}
.mi-blog .style_2 .blog_wrapper{
	box-shadow: 0 0px 5px #393e46;
}
.blog_right_details a {
    color: #a4acc4;
}
.navHeader-img:before, .navHeader-img:after{
	background:  #191d2b;
}
.cd-words-wrapper{
	color: #fff;
}
.single-blog.style_3 .blog-title h4 a, .single-blog.style_3 .right_blog_content ul li a {
    color: #fff;
}
.mi-blog .style_2 .blog_wrapper, .single-blog.style_1,.single_serivce_area.style_5{
		box-shadow: 0 0 5px rgba(0,0,0,.5);
	}
	.mi-blog .style_1 .blog-title h4 a,.single-blog.style_3 .blog-title h4 a, .single-blog.style_3 .right_blog_content ul li a{
		color:#a4acc4;
	}
	.single_serivce_area.style_2 {
	    border-top: 1px solid #2e344e;
	    text-align: center;
	    border: 0;
	    box-shadow: 1px 3px 8px rgba(0,0,0,.2);
	}
	.single_serivce_area.style_2:hover{
	    transform: translateY(-5px);
	    box-shadow: 1px 5px 10px rgba(0,0,0,.2);
	}

	.single_serivce_area.style_1:hover, .single_serivce_area.style_5:hover, .single_serivce_area.style_2:hover{
		 transform: translateY(-5px);
	}
	.single_serivce_area.style_3 {
	    background: rgba(0,0,0,.1);
	}
<?php endif;?>



<?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
	}

	.single_serivce_area.style_2 {
	    box-shadow: 1px 3px 8px rgba(255,255,255,.2);
	}
	.single_serivce_area.style_2:hover {
	    box-shadow: 1px 3px 8px rgba(255,255,255,.2);
	}
	.timeline li .line-title,
	.timeline li span{
	color:#777;
}

	.workExperience,
	.workSummary::before

	{
		border-color: #fff;
	}

	.rightService {
	    background: rgba(255,255,255,.2);
	}

	.bankdetails pre, .icon-flex .leftIcon {
	    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;
	}
	.sectionHeader h1{
		color: #fff;
	}
	.mi-blog .style_2 .blog_right_details h2,
	.user_contact label,
	.about-profile .pro-title,
	.about-profile .pro-title:after{
		color: #fff;
	}
	.blog_post_tag a.posted_tag,
	.testimonialImage{
		border-color: #fff;
		color:#fff;
	}


	.contact_form .form-control {
	    background: transparent;
	    border-radius: 0;
	    border-color: rgba(0,0,0,.1);
	    color: #fff;
	}
	.contact_form .form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
	  color: #fff;
	}

	.contact_form .form-control::-ms-input-placeholder { /* Microsoft Edge */
	  color: #fff;
	}
	.contact_form .form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
	  color: #fff;
	  opacity: 1; /* Firefox */
	}
	.contact_top {
	    border: 1px solid rgba(0,0,0,.1);
	    box-shadow: 0 0 5px rgba(0,0,0,.1);
	    color: #fff;
	}
	.testimonial_text{
		background: linear-gradient(to right top, #1ccaee, #00bbff, #00a4ff, #8c7bff, #ea13f4) !important;
	}
	.testimonial_text:before {
	    content: "";
	    position: absolute;
	    border-left: 15px solid #1ccaee;
	    border-bottom: 15px solid transparent;
	    border-top: 15px solid #00bbff;
	    border-right: 15px solid transparent;
	    top: 100%;
	}

	.socialLink ul li a{
		border-color: #<?= $color?>;
		color: #fff;
	}
<?php endif;?>



<?php if($themes==3): ?> 
body {
    background: #f3f5fa;
    color: #a4acc4!important;
}
.home_profile{
	  color: #a4acc4!important;
}
.typing_section.home .cd-headline.clip .cd-words-wrapper b{
    color: #000!important;
}

.userMenu nav {
    box-shadow: 0 0 5px #ddd;
}

.navHeader-img:before, .navHeader-img:after{
	background: #fff;
}

.home_style_2 .home_content_details{
	color: #000;
}
.rightProgress .progress{
	background: #777;
}
.navbar_top_area {
    color: #a4acc4;
}
.workSummary::before{
	background:  #a4acc4;
	border-color:  #a4acc4;
}
.workExperience{
	border-color:  #a4acc4;
}

.user_contact label{
	color: #000;
}
.socialLink ul li a {
    border: 2px solid #a4acc4;
    color: #a4acc4;
}
.testimonial_text{
	background: transparent!important;
}
.testimonial_text:before {
    border-left: 15px solid #fff!important;
    border-top: 15px solid #fff!important;
}
.testimonialImage{
	border-color: #<?= $color ;?>;
}
.contact_form .form-control {
    background: transparent;
    border-radius: 0;
    border-color: rgba(0,0,0,.1);
    color: #000;
}
.contact_top {
    text-align: center;
     border: 1px solid rgba(0,0,0,.1); 
    height: 150px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 5px rgba(0,0,0,.2);
    margin-bottom: 15px;
}
.topt_contact a,.mi-blog .style_2 .blog_right_details h2{

	color: #000;
}
.single_serivce_area{
	background: #fff;
}
.single_team.style_1,
.mi-blog .style_2 .blog_wrapper,
.contact_top {
    background: #fff;
}
.socialLink ul li a:hover{
	color: #<?= $color ;?>;
	border-color: #<?= $color ;?>!important;
}
.timeline li .content-text {
    background: #fff;
    padding: 20px;
}
.blog-content {
    background: #fff;
}
<?php endif;?>




<?php if($themes==4): ?> 
body,
.user_img_thumb,
.navHeader-img{
	background: #292831!important;
}
.userMenu nav {
    box-shadow: 0 0 5px #222;
}
.navbar-area.sticky .style_6.dark{
	background: #343a40!important;
	color: #fff!important;
}

.about-profile .pro-title {
    color: #a4acc4;
}

.navHeader-img:before, .navHeader-img:after{
	background: #fff;
}

.home_style_2 .home_content_details{
	color: #000;
}
.rightProgress .progress{
	background: #777;
}
.navbar_top_area {
    color: #2e344e;
}
.workSummary::beforet{
	background:  #2e344e;
	border-color:  #2e344e;
}

.single_serivce_area.style_2,
.single_serivce_area.style_2:hover {
    box-shadow: 1px 3px 8px rgba(0,0,0,.2);
}
body.dark .user_contact .form-control{
	background: transparent;
}
.content-text{
	background:  #2e344e!important;
	color:#a4acc4;
}
.workExperience{
	border-color:  #2e344e;
}
.single-blog.style_3 .blog-title h4 a,
.single-blog.style_3 .right_blog_content ul li a{
	color:#2e344e;
}
.single-blog.style_3 .blog-content,
.single-blog.style_3 .right_blog_content{
	border-color: #393e46;
}
.mi-blog .style_2 .blog_wrapper{
	box-shadow: 0 0px 5px #393e46;
}
.blog_right_details a {
    color: #a4acc4;
}
.single-blog.style_1 {
    box-shadow: 0 0 5px #393e46;
    margin-bottom: 20px;
}
.mi-blog .style_1 .blog-title h4 a{
	color:#a4acc4;
}
.navHeader-img:before, .navHeader-img:after{
	background:  #191d2b;
}
.cd-words-wrapper{
	color: #fff;
}

.single-blog.style_3 .blog-title h4 a, .single-blog.style_3 .right_blog_content ul li a {
    color: #fff;
}
.contact_form .form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
	  color: #fff;
	}

	.contact_form .form-control::-ms-input-placeholder { /* Microsoft Edge */
	  color: #fff;
	}
	.contact_form .form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
	  color: #fff;
	  opacity: 1; /* Firefox */
	}

<?php endif;?>


/*----------------------------------------------
Theme 5
----------------------------------------------*/



<?php if($themes==5): ?> 
body {
    background: #f2f2f2;
    color: #a4acc4!important;
}
.home_profile{
	  color: #a4acc4!important;
}
.userMenu nav {
    box-shadow: 0 0 5px #ddd;
}
.typing_section.home .cd-headline.clip .cd-words-wrapper b{
    color: #000!important;
}


.navHeader-img:before, .navHeader-img:after{
	background: #fff;
}

.home_style_2 .home_content_details{
	color: #000;
}
.rightProgress .progress{
	background: #777;
}
.navbar_top_area {
    color: #a4acc4;
}
.workSummary::before{
	background:  #a4acc4;
	border-color:  #a4acc4;
}
.workExperience{
	border-color:  #a4acc4;
}

.user_contact label{
	color: #000;
}
.socialLink ul li a {
    border: 2px solid #a4acc4;
    color: #a4acc4;
}

.testimonial_text:before {
    border-left: 15px solid #fff!important;
    border-top: 15px solid #fff!important;
}
.testimonialImage{
	border-color: #<?= $color ;?>;
}
.contact_form .form-control {
    background: transparent;
    border-radius: 0;
    border-color: rgba(0,0,0,.1);
    color: #000;
}
.contact_top {
    text-align: center;
     border: 1px solid rgba(0,0,0,.1); 
    height: 150px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 5px rgba(0,0,0,.2);
    margin-bottom: 15px;
}
.topt_contact a,.mi-blog .style_2 .blog_right_details h2{

	color: #000;
}
.single_serivce_area{
	background: #fff;
}
.single_team.style_1,
.mi-blog .style_2 .blog_wrapper,
.contact_top {
    background: #fff;
}
.socialLink ul li a:hover{
	color: #<?= $color ;?>;
	border-color: #<?= $color ;?>!important;
}
.timeline li .content-text {
    background: #fff;
    padding: 20px;
}
.blog-content {
    background: #fff;
}
.testimonial_text{
	background: transparent!important;
}
.single_serivce_area.style_3, .single_testimonial.style_2,.timeline li .content-text,
.single_serivce_area.style_2, 
.single_serivce_area.style_1, 
.single_serivce_area.style_4, 
.single_serivce_area.style_5 {
    background: rgba(221,221,221,.5);
}
<?php endif;?>


/*----------------------------------------------
	Theme 6
----------------------------------------------*/

<?php if($themes==6 || $themes==7 || $themes==8): ?> 
<?php if($themes==6): ?>
	body {
	    background: #29c7ac!important;
	    color: #fff!important;
	}

	@media only screen and (max-width: 767px) { 
		.navArea{
			background: #191d2b!important;
		}
	}


.rightService {
	    background: rgba(255,255,255,.2);
	}

	.bankdetails pre, .icon-flex .leftIcon {
	    color: #fff;
	}



<?php elseif($themes==7): ?>
	body {
	    background: #393e46!important;
	    color: #fff!important;
	}
	.userMenu nav {
   	 box-shadow: 0 0 5px #222!important;
	}

	.mi-blog .style_2 .blog_wrapper, .single-blog.style_1{
		box-shadow: 0 0 5px rgba(0,0,0,.5);
	}


<?php elseif($themes==8): ?>
	body {
	    background: #707070!important;
	    color: #fff!important;
	}
	.userMenu nav {
	    box-shadow: 0 0 5px #222!important;
	}
	.rightService {
	    background: rgba(255,255,255,.2);
	}

	.bankdetails pre, .icon-flex .leftIcon {
	    color: #fff;
	}

<?php endif;?>




<?php 
if(isset($themes) && $themes==7): 
	$bgColor = 'rgba(0,0,0,.1)';
	$borderColor = 'rgba(0,0,0,.2)';
else:
	 $bgColor = 'rgba(255,255,255,.2)';
	 $borderColor = 'rgba(255,255,255,.2)';
endif;
?>

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

	.contact_form .form-control::-ms-input-placeholder { /* Microsoft Edge */
	  color: #fff;
	}
	.contact_form .form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
	  color: #fff;
	  opacity: 1; /* Firefox */
	}

.single-blog.style_3 .blog-content,
.single-blog.style_3 .right_blog_content{
	border-color: <?= $borderColor ;?>;
}



.home_profile{
	  color: #fff!important;
}
.userMenu nav {
    box-shadow: 0 0 5px #ddd;
}

.navHeader-img:before, .navHeader-img:after{
	background: transparent;
}

.home_style_2 .home_content_details{
	color: #000;
}
.rightProgress .progress{
	background: #777;
}
.navbar_top_area {
    color: #a4acc4;
}
.workSummary::before{
	background:  #a4acc4;
	border-color:  #a4acc4;
}
.workExperience{
	border-color:  #<?= $color;?>;
}

.user_contact label{
	color: #000;
}
.socialLink ul li a {
    border: 2px solid #a4acc4;
    color: #a4acc4;
}

.testimonial_text:before {
    border-left: 15px solid rgba(255,255,255,.2)!important;
    border-top: 15px solid rgba(255,255,255,.4)!important;
}

.testimonialImage, .single_testimonial{
	border-color: #<?= $color ;?>;
}
.contact_form .form-control {
    background: transparent;
    border-radius: 0;
    border-color: rgba(0,0,0,.3);
    color: #000;
}
.contact_top {
    text-align: center;
     border: 1px solid <?= $borderColor ;?>; 
    height: 150px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 5px rgba(0,0,0,.2);
    margin-bottom: 15px;
}
.topt_contact a,.mi-blog .style_2 .blog_right_details h2{

	color: #000;
}
.single_serivce_area{
	background: #fff;
}
.single_team.style_1,
.mi-blog .style_2 .blog_wrapper,
.contact_top {
    background: #fff;
}
.socialLink ul li a:hover{
	color: #<?= $color ;?>;
	border-color: #<?= $color ;?>!important;
}
.timeline li .content-text {
    background: #fff;
    padding: 20px;
}
.blog-content {
    background: #fff;
}
.about-profile .pro-title,
.sectionHeader h1{
	color: #fff;
}

.single_serivce_area {
    background: <?= $bgColor ;?>;
    border-color: <?= $bgColor ;?>;
}

.testimonial_text.style_2 {
    background: transparent!important;
}

.single_testimonial.style_2, .testimonial_text {
    background: <?= $bgColor ;?>!important;
}
.rightProgress .progress {
    background: rgba(255,255,255,.5);
}
.timeline li .content-text {
    background:  <?= $bgColor ;?>;
    padding: 20px;
    color: #fff!important;
}
.timeline li .line-text,
.mi-blog .style_1 .blog-title h4 a,
.contact_form .form-control,
.about-profile .pro-title:after,
.navMenu ul li a,
.cd-words-wrapper{
	color: #fff;
}
.single_team.style_1, .mi-blog .style_2 .blog_wrapper, .contact_top, .blog-content{
	 background: <?= $bgColor ;?>!important;
	 color: #fff!important;
}
.navArea{
	background: <?= $bgColor ;?>!important;
	 color: #fff!important;
}
.copyRight,.navLeft{
	border-color: <?= $borderColor ;?>;
}
.navHeader-img{
	border-color: transparent;
	background: transparent!important;
}
.socialLink ul li a{
	color: #fff;
	border-color: #fff;
}
.btn{
	background: rgba(<?= hex2rgb($color); ?>,.7)!important;
	border-color: rgba(<?= hex2rgb($color); ?>,.5)!important;
	transition: all .3s ease-in-out;
}

.btn:hover{
	background: rgba(<?= hex2rgb($color); ?>,1)!important;
	border-color: rgba(<?= hex2rgb($color); ?>,1)!important;
	transition: all .3s ease-in-out;
	color: #fff;
}
.single_serivce_area.style_2{
	box-shadow: none;
}
.single_serivce_area.style_3{
	box-shadow: none;
}

.btn, .btn.mi-btn {
    background: <?= $bgColor ;?>!important;
    border-color: transparent!important;
}
.btn:hover{
	background: rgba(<?= hex2rgb($color); ?>,1)!important;
	border-color: rgba(<?= hex2rgb($color); ?>,1)!important;
	transition: all .3s ease-in-out;
	color: #fff!important;
}

.topt_contact a, .mi-blog .style_2 .blog_right_details h2, .blog_post_tag a.posted_tag{
	color: #fff;
}

.home_style_2 .homeContent {
    position: absolute;
    bottom: -50%;
    background: rgba(255,255,255,.3);
    transform: translateY(-50%);
    border-radius: 10px;
    color: #fff;
}
.home_style_2 .home_top_text > *{
	color: #fff;
}
.home_style_2 .socialLink ul li a,.single-blog.style_3 .right_blog_content ul li a,
.user_contact label,
.single-blog.style_3 .blog-title h4 a{

	color: #fff;
}


.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,
.gallery_area.style_2_1 ul.gallery_sort li button.active,
.gallery_area.style_4 ul.gallery_sort li button.active,
.gallery_area.style_2_1 ul.gallery_sort li button:hover,
.gallery_area.style_4 ul.gallery_sort li button:hover{
   background: <?= $bgColor ;?>;
    color:#<?= $color;?>;
    border-color:#<?= $color;?>;
    transition:.5s;
}

.facts_item {
    margin-bottom: 20px;
    background: <?= $bgColor ;?>;
    transform: skewX(-5deg);
}
.ap_info{
	color: #fff!important;
}
.work-details::before{
	background: rgba(255,255,255,.3);
}
@media only screen and (max-width: 767px) { 
	.navArea{
		background: #191d2b!important;
	}
}
<?php endif;?>















/*----------------------------------------------
End btn
----------------------------------------------*/
<?php if($btn_style==1): ?>
	.btn_style_1 {
	    border: 1px solid rgba(<?= hex2rgb($color); ?>,.8);
	    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;
	}
	.btn_style_1:hover{
		color: #fff;
		background: rgba(<?= hex2rgb($color); ?>,.6);
		border-color: rgba(<?= hex2rgb($color); ?>,1);
	}
	
	.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 ?>

	/*----------------------------------------------
	End btn
	----------------------------------------------*/




<?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;
		}
		.home_style_2 .homeContent {
		    position: relative;
		    bottom: 0;
		    background: rgba(255,255,255,.3);
		    transform: translateY(-21%);
		    border-radius: 10px;
		    color: #fff;
		}
		.home_area.home_style_2.scroll_section {
		    height: 100vh;
		}
		
	}

	@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($layout==1): ?>
	section.home_area.home_style_2.HomeStyle_2.scroll_section {
	    margin-top: -103px;
	}

<?php endif;?>


<?php if($layout==3 && $home==2): ?>
	@media only screen and (max-width: 767px) { 
		.home_style_2 .single_home_content {
		    position: relative;
		    height: 87vh;
		}
	}

<?php endif;?>


<?php if($layout==1 && $home==2): ?>
	@media only screen and (max-width: 767px) { 
		.home_style_2 .homeContent {
		    position: relative;
		    bottom: -50%;
		    background: rgba(255,255,255,.3);
		    transform: translateY(-50%);
		    border-radius: 10px;
		    color: #fff;
		}
		.wrapper{
			height: auto;
			min-height: auto;
		}
	
	}

<?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==3 && $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;?>


.posted_tag, .all_items.tags ul li a{
	background: #<?= $color;?>;
	color: #fff;
}

.single_post_cat li > i, .single_post_cat a i{
	color: #<?= $color;?>!important;
}


.rightService {
	background: transparent;
	box-shadow: 0 0.3rem 1.525rem -0.375rem rgb(0 0 0 / 10%) !important;
}


.all_items li a:hover{
	background: rgba(<?= hex2rgb($color); ?>,.1)!important;
}

<?php if($themes==0): ?>
	
<?php endif; ?>

<?php if($themes==1): ?>
	.single_post_cat li a{
		color: #fff;
	}
	.single_right_cat {
	    padding: 10px 0;
	    box-shadow: 0 0 5px #222;
	    margin-bottom: 25px;
	}
	.single_right_cat *{
		color: #fff!important;
	}
	.all_items li a:hover{
		background: rgba(<?= hex2rgb($color); ?>,.1)!important;
	}
<?php endif; ?>


<?php if($themes==2): ?>
	.right_user_info > a, .all_items li a {
	    color: #fff;
	}


<?php endif; ?>
<?php if($themes == 3): ?>

<?php endif; ?>
<?php if($themes == 4): ?>
.single_right_cat {
    padding: 10px 0;
    box-shadow: 0 0 5px rgb(0 0 0 / 10%);
    margin-bottom: 25px;
    color: #fff;
}
.single_right_cat *, .single_post_cat li a, .single_post_cat li {
	color: #fff!important;
}
<?php endif; ?>
<?php if($themes == 5): ?>
	
<?php endif; ?>

<?php if($themes == 6): ?>
	.single_right_cat *, .single_post_cat li a, .single_post_cat li {
	color: #fff!important;
}
<?php endif; ?>

<?php if($themes == 7): ?>
	.single_right_cat *, .single_post_cat li a, .single_post_cat li {
		color: #fff!important;
	}
	.single_right_cat {
	    padding: 10px 0;
	    box-shadow: 0 0 5px rgb(0 0 0 / 10%);
	    margin-bottom: 25px;
	    color: #fff;
	}
<?php endif; ?>

<?php if($themes == 8): ?>
	.right_user_info > a{
		color: #fff;
	}
	.single_right_cat *, .single_post_cat li a, .single_post_cat li {
		color: #fff!important;
	}
	.single_right_cat {
	    padding: 10px 0;
	    box-shadow: 0 0 5px rgb(0 0 0 / 10%);
	    margin-bottom: 25px;
	}
	   
<?php endif; ?>



.typing_section .cd-headline.clip .cd-words-wrapper b{
    color: #fff!important;
}








<?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 } ?>
