@color:#FDD947;
@colorSub:#FFE990;
@colorLight:#EFEFEF;
@dark:#000000;
@black:#121212;
@white:#FFFFFF;
@silver:#F1F1F1;
@grey:#A7A7A7;
@darkGrey:#2E2E2E;

.white{
	color:@white;
}
.silver{
	color:@silver;
}
.dark{
	color:@dark;
}
.black{
	color:@black
}
.grey{
	color:@grey ;
}
.darkGrey{
	color:@darkGrey
}
.color{
	color:@color;
}
.colorLight{
	color:@colorLight;
}
.color-sub{
	color:@colorSub;
}

.white-bg{
	background-color:@white;
}
.silver-bg{
	background-color:@silver;
}
.dark-bg{
	background-color:@dark;
}
.black-bg{
	background-color:@black;
}
.grey-bg{
	background-color:@grey;
}
.darkGrey-bg{
	background-color:@darkGrey;
}
.color-bg{
	background-color:@color;
}
.colorLight-bg{
	background-color:@colorLight;
}
.colorSub-bg{
	background-color:@colorSub;
}

.body{
	color: @dark;
}
p{
	color: @dark;
}
.section-header-name{
	color: @dark;
	border-color: @dark;
}
.section-header-text p{
	color: @black;
}
.solid-bg{
	background-color: @dark;
}
.border-effect-dark::before{
	background-color: @dark;
}
.border-effect-light::before{
	background-color: @white;
}
.border-effect::after{
	background-color: @white;
}

.main-header.light{
	background-color: @white;
}
.main-header.light ul{
	background-color: @white;
}
#toggle-menu span{
	background-color: @white;
}
.main-menu{
	background-color: @black;
}
.main-menu li a{
	color: @white;
}
.main-menu li i{
	color: @white;
}
.main-menu a:hover{
    color: @color;
}
.main-menu a:hover ~ i{
    color: @color;
}
.active-nav{
	color: @color !important;
	border-color : @color !important;
}
.main-menu li a.active-nav ~ i{
	color: @color !important;
}
.menu-collapser{
	background-color: @dark;
}
.collapse-button{
	border-color: @white;
}
ul.slimmenu li{
	background-color: @black;
}
ul.slimmenu.collapsed li{
	border-color: @dark;
}
ul.slimmenu.collapsed li a{
	color: @white;
}
ul.slimmenu.collapsed li a:hover{
	color: @color;
}


.btn-light a{
	color:@color;
	background-color:@white;
}
.btn-light a:hover{
	color: @white;
	background-color: @dark;
}
.btn-dark a{
	color:@white;
	background-color:@black;
}
.btn-dark a:hover{
	background-color:@color;;
}

.home01 h1{
	color: @white;
}
.home01 h1:after{
	background-color: @color;
}
.home02 h2{
	color: @color;
}
.home02 h1{
	color: @white;
}
.home02-slider.owl-theme .owl-dots .owl-dot span{
	background-color: @color;
}
.home03 .top-line{
	background-color: @color;
}
.home03 .cd-headline{
	color: @white;
}
.cd-headline.loading-bar .cd-words-wrapper::after{
	background-color: @color;
}

.about-promo-small h1{
	color: @dark;
}
.about-promo-small h3{
	color: @dark;
}
.about-promo-small h1:after{
	color: @color;
}
.about-slider{
	background-color: @darkGrey;
}
.pager-text{
	color: @white;
}
.bxslider-content h1{
	color: @white;
}
.bxslider-content p{
	color: @grey;
	border-color: @color;
}
#bx-pager .active .bx-pager-button .bx-pager-line{
	background-color: @color;
}
.bx-pager-item .pager-item-overlay{
	background-color: rgba(0,0,0,0.5);
}
.pager-item-overlay:hover{
	background: rgba(253,217,71,.8) !important;
}
.pager-item-overlay:hover .pager-text{
	color: @dark;
}
#bx-pager .active .bx-pager-button .pager-item-overlay{
	background: rgba(253,217,71,.8) !important;
}
#bx-pager .active .bx-pager-button .pager-item-overlay .pager-text{
	color: @dark;
}
.about-promo-big{
	background-color: @color;
}
.about-promo-big h1{
	color: @dark;
}
.about-promo-big h3{
	color: @white;
}
.about-promo-big .dark-arrow:before{
	background-color: @white;
}

.services-left-panel ul li a:hover{
	color: @color;
}
.services-left-panel ul li a h3{
	color: @white;
}
.services-left-panel ul li a p{
	color: @white;
}
.services-left-panel ul li a:hover h3{
	color: @color;
}
.services-left-panel ul li a:hover p{
	color: @color;
}
.services-left-panel ul li.active h3{
	color: @color;
}
.services-left-panel-overlay{
	background: rgba(0,0,0,.5);
}
.services-left-panel ul li.active p{
	color: @color;
}
.services-item h1{
	color: @white;
}
.services-text-block .caption h5{
	color: @dark;
}
.services-text-block .content span{
	color: @dark;
}
.services-text-block .content h6{
	color: @dark;
}
.services-text-block .caption h5:after{
	background-color: @color;
}
.services-item p{
	color: @color;
}
.services-right-panel{
	background-color: rgba(0,0,0,.5);
}


.client{
	border-color: #777 !important;
}
.clients-text-content h1{
	color: @color;
}
.clients-text-content p{
	color: @white;
}

.team-member{
	background-color: @white;
}
.team-member-details h5{
	color: @dark;
}
.team-member-details p{
	color: @dark;
}
.team-member-image::before{
	background-color: @dark; 
}
.team-member-image::after{
	background-color: @dark; 
}
.team-slider.owl-theme .owl-controls .owl-nav div i{
	color: @dark;
}
.team-slider.owl-theme .owl-controls .owl-nav div i:hover{
	color: @white;
}

.promo-section h1{
	color: @color;
}
.promo-section p{
	color: @white;
}
.promo-section .btn a{
	color: @color;
	border-color: @color;
}
.promo-section .btn a:hover{
	background-color: @color;
	color: @dark;
}

.portfolio-filter-nav ul li{
	color: @dark;
}
.portfolio-filter-nav ul li a{
	color: @dark;
}
.portfolio-filter-nav ul li a:hover{
	color: @color;
}
.portfolio-filter-nav ul li a.active{
	color: @color;
}
.portfolio-item{
	background-color: @white;
}
.portfolio-item-mask{
	background-color: rgba(0,0,0,.9);
}
.portfolio-item-details h5{
	color: @dark;
}
.portfolio-item-details p{
	color: @dark;
}
.portfolio-mask-content a{
	color: @white;
}
.portfolio-mask-content p{
	color: @white;
	border-color: @white;
}
.portfolio-mask-content:hover a{
	color: @color;
}
.portfolio-mask-content:hover p{
	color: @color;
	border-color: @color;
}
.featherlight-next:hover span, .featherlight-previous:hover span{
	color: @color;
}
.featherlight .featherlight-close-icon:hover{
	color: @color;
}

.social-slider-item .social-text h2{
	color: @white;
}
.social-slider.owl-theme .owl-controls .owl-nav div i{
	color: @white;
}
.social-slider.owl-theme .owl-controls .owl-nav div i:hover{
	color: @color;
}

.news-item h4{
	color:@dark;
	background-color: @color;
}
.news-item h1{
	color:@dark;
}
.news-item p{
	color:@dark;
}
.news-item-overlay{
	background-color: rgba(255,255,255,.6);
}
.news-item-overlay:hover{
	background-color: @color;
}
.news-item-overlay:hover h4{
	background-color: @white;
}
.news-slider.owl-theme .owl-controls .owl-nav div{
	background-color: @dark;
	color: @white;
}
.news-slider.owl-theme .owl-controls .owl-nav div:hover i{
	color: @color;
}

.map-wrap{
	background-color: @grey;
}
.contact-form{
	background-color: @darkGrey;
}
.contact-form label{
	color: @white;
}
.contact-form input{
	color: @white;
	border-color: @grey;
}
.contact-form textarea{
	color: @white;
	border-color: @grey;
}
.contact-form button{
	color: @dark;
	background-color: @white;
}
.contact-form button:hover{
	background-color: @dark;
	color: @color;
}
.contact-form ::-webkit-input-placeholder{ /* WebKit browsers */
   color: @grey;
}
.contact-form :-moz-placeholder{ /* Mozilla Firefox 4 to 18 */
   color: @grey;
}
.contact-form ::-moz-placeholder{ /* Mozilla Firefox 19+ */
   color: @grey;
}
.contact-form :-ms-input-placeholder{ /* Internet Explorer 10+ */
   color: @grey;
}

.footer .contact-details span{
	color: @grey;
}
.footer .contact-details p{
	color: @grey;
}
.footer .social-icons span{
	border-color: @white;
	color: @white;
}
.footer .social-icons span:hover{
	border-color: @color;
}
.footer .social-icons p{
	color: @grey;
}
.to-top a i{
	color: @white;
}
.to-top a:hover i{
	color: @color;
}

.error-home h1{
	color: @white;
	border-color: @white;
}
.error-home p{
	color: @white;
}

inner-page-home-overlay{
	background-color: rgba(0,0,0,.6);
}
.inner-page-home h1{
	color: @white;
}
.inner-page-home p{
	color: @white;
}
.inner-page-navigation{
	color: @dark;
}
.inner-page-navigation:hover{
	color: @color;
}

.news-post .button a{
	color: @dark;
}
.news-post .button a:hover{
	background-color: @dark;
	color: @color;
}
.news-page-sidebar a{
	color: @dark;
}
.news-page-sidebar a:hover{
	color: @color;
}
.post-tags a{
	color: @dark;
}
.post-tags a:hover{
	background-color: @dark;
	color: @color;
}
.post-share a{
	color: @dark;
}
.post-share a:hover{
	color: @grey;
}
.comment-info a{
	color: @dark;
}
.comment-info a:hover{
	color: @color;
}
.respond input[type="submit"]{
	color: @dark;
	border-color: @dark;
}
.respond input[type="submit"]:hover{
	color: @color;
	background-color: @dark;
}
.newspage-nav-wrap{
	background-color: @colorLight;
}
.newspage-nav{
	border-color: @dark;
}
.newspage-nav a{
	color: @white;
	border-color: @dark;
	background-color: @dark;
}
.newspage-nav a:hover{
	color: @dark;
	border-color: @black;
	background-color: @white;
}

.single-project-home{
	background-color: @silver;
}
.single-project-home h1{
	color: @dark;
}
.single-project-home h1::after{
	color: @color;
}
.single-project-slider.owl-theme .owl-controls .owl-dots span{
	background-color: @color;
}
.project-details a{
	color: @dark;
}
.project-details a:hover{
	color: @color;
}
.project-home h1{
	color: @white;
}
.project-content h3{
	color: @dark;
}
.project-details p span a{
	color: @dark;
}
.project-details p span a:hover{
	color: @color;;
}
.related-projects-slider.owl-theme .owl-controls .owl-buttons div{
	background-color: @black;
}
.related-projects-slider.owl-theme .owl-controls .owl-buttons div:hover{
	background-color: @color;
}