body {
	position: relative;
}
.color-palate {
	background: 0px 0px rgb(255, 255, 255); transition:0.5s; top: 30%; width: 285px; height: 328px; text-align: center; right: 0px; position: fixed; z-index: 9999; box-shadow: 0px 0px 20px 1px rgba(0,0,0,0.1);
}
.color-palate-head {
	background: 0px 0px rgb(248, 207, 39); padding: 14px 0px;
}
.color-palate-head h6 {
	margin: 4px 0px 0px; color: rgb(255, 255, 255); font-size: 13px; font-weight: 600;
}
.secondary-head h6 {
	margin: 4px 0px 0px; color: rgb(255, 255, 255); font-size: 13px; font-weight: 600;
}
.palate {
	background: 0px 0px red; margin: 0px 7.5px; width: 43px; height: 43px; float: left; display: block; position: relative; cursor: pointer;
}
.colors-list .active::after {
	background: url("../img/tick.png") !important; left: 7px; top: 8px; width: 30px; height: 30px; position: absolute; content: "";
}
.secondary-colors-list .actives::after {
	background: url("../img/tick.png") !important; left: 7px; top: 8px; width: 30px; height: 30px; position: absolute; content: "";
}
.various-color {
	padding: 22px 0px; overflow: hidden;
}
.colors-list {
	margin: 0px 25px;
}
.secondary-head {
	background: 0px 0px rgb(34, 34, 34); padding: 14px 0px;
}
.secondary-color {
	padding: 23px 0px;
}
.secondary-colors-list {
	margin: 0px 80px;
}
.palate-foo {
	padding: 0px 30px; color: rgb(102, 102, 102); line-height: 22px; font-size: 12px; font-weight: 300;
}
.default-color.palate {
	background: 0px 0px rgb(248, 207, 39);
}
.yellow-color.palate {
	background: 0px 0px rgb(248, 207, 39);
}
.green-color.palate {
	background: 0px 0px rgb(45, 204, 112);
}
.red-color.palate {
	background: 0px 0px rgb(239, 72, 54);
}
.blue-color.palate {
	background: 0px 0px rgb(25, 181, 255);
}
.black-color.palate {
	background: 0px 0px rgb(34, 34, 34);
}
.deepblue-color.palate {
	background: 0px 0px rgb(33, 49, 63);
}
.color-trigger {
	background: 0px 0px rgb(238, 198, 35); left: -46px; top: 0px; width: 46px; height: 46px; padding-top: 4px; position: absolute; cursor: pointer;
}
.color-trigger i {
	color: rgb(255, 255, 255); line-height: 42px; font-size: 14px;
}
.visible-palate.color-palate {
	right: -285px;
}
body.allgreen .head-bottom-area {
	background-color: rgb(45, 204, 112);
}
body.allgreen .contact-btn {
	background-color: rgb(45, 204, 112);
}
body.allgreen .footer-newsletter > input[type='submit'] {
	background-color: rgb(45, 204, 112);
}
body.allgreen .mainmenu-area ul.navbar-nav.nav li ul li::after {
	background-color: rgb(45, 204, 112);
}
body.allgreen .Modern-Slider .PrevArrow:hover {
	background-color: rgb(45, 204, 112);
}
body.allgreen .Modern-Slider .NextArrow:hover {
	background-color: rgb(45, 204, 112);
}
body.allgreen .navbar-collapse {
	background-color: rgb(45, 204, 112);
}
body.allgreen .cta-area {
	background-color: rgb(45, 204, 112);
}
body.allgreen .color-palate-head {
	background-color: rgb(45, 204, 112);
}
body.allgreen .sin-whatWork::after {
	background-color: rgb(45, 204, 112);
}
body.allgreen .single-form input[type='submit'] {
	background-color: rgb(45, 204, 112);
}
body.allgreen input#submit-comment {
	background-color: rgb(45, 204, 112);
}
body.allgreen ul.degins li::after {
	background-color: rgb(45, 204, 112);
}
body.mean-container.allgreen .mean-bar {
	background-color: rgb(45, 204, 112);
}
body.mean-container.allgreen .mean-nav ul li {
	background-color: rgb(45, 204, 112);
}
body.allgreen .Modern-Slider .PrevArrow:hover {
	background-color: rgb(45, 204, 112);
}
body.allgreen .Modern-Slider .NextArrow:hover {
	background-color: rgb(45, 204, 112);
}
body.allgreen .active.sin-pricing-table {
	background-color: rgb(45, 204, 112);
}
body.allgreen a.pricing-btn {
	background-color: rgb(45, 204, 112);
}
body.allgreen .mainmenu-area ul.navbar-nav.nav > li > a:hover {
	background-color: rgb(38, 188, 101);
}
body.allgreen .mainmenu-area ul.navbar-nav.nav li.active {
	background-color: rgb(38, 188, 101);
}
body.allgreen .button-hover::after {
	background-color: rgb(38, 188, 101);
}
body.allgreen .about-gallery-posts .active.owl-dot {
	background-color: rgb(38, 188, 101);
}
body.allgreen .color-trigger {
	background-color: rgb(38, 188, 101);
}
body.allgreen .active.sin-pricing-table .pricing-status {
	background-color: rgb(38, 188, 101);
}
body.allgreen .info-icon {
	color: rgb(45, 204, 112);
}
body.allgreen a.link-out {
	color: rgb(45, 204, 112);
}
body.allgreen .facts-headding h2 > strong {
	color: rgb(45, 204, 112);
}
body.allgreen .social-links ul li a:hover {
	color: rgb(45, 204, 112);
}
body.allgreen .mainmenu-area ul.navbar-nav.nav li ul li a:hover {
	color: rgb(45, 204, 112);
}
body.allgreen a.replay-btn:hover {
	color: rgb(45, 204, 112);
}
body.allgreen a.author {
	color: rgb(45, 204, 112);
}
body.allgreen .slider-text h1 span {
	color: rgb(45, 204, 112);
}
body.allgreen .widget ul li a:hover {
	color: rgb(45, 204, 112);
}
body.allgreen .sidebar .sin-testimonial .quote-icon {
	color: rgb(45, 204, 112);
}
body.allred .head-bottom-area {
	background-color: rgb(239, 72, 54);
}
body.allred .contact-btn {
	background-color: rgb(239, 72, 54);
}
body.allred .footer-newsletter > input[type='submit'] {
	background-color: rgb(239, 72, 54);
}
body.allred .mainmenu-area ul.navbar-nav.nav li ul li::after {
	background-color: rgb(239, 72, 54);
}
body.allred .Modern-Slider .PrevArrow:hover {
	background-color: rgb(239, 72, 54);
}
body.allred .Modern-Slider .NextArrow:hover {
	background-color: rgb(239, 72, 54);
}
body.allred .navbar-collapse {
	background-color: rgb(239, 72, 54);
}
body.allred .cta-area {
	background-color: rgb(239, 72, 54);
}
body.allred .color-palate-head {
	background-color: rgb(239, 72, 54);
}
body.allred .sin-whatWork::after {
	background-color: rgb(239, 72, 54);
}
body.allred .single-form input[type='submit'] {
	background-color: rgb(239, 72, 54);
}
body.allred input#submit-comment {
	background-color: rgb(239, 72, 54);
}
body.allred ul.degins li::after {
	background-color: rgb(239, 72, 54);
}
body.mean-container.allred .mean-bar {
	background-color: rgb(239, 72, 54);
}
body.mean-container.allred .mean-nav ul li {
	background-color: rgb(239, 72, 54);
}
body.allred .Modern-Slider .PrevArrow:hover {
	background-color: rgb(239, 72, 54);
}
body.allred .Modern-Slider .NextArrow:hover {
	background-color: rgb(239, 72, 54);
}
body.allred .active.sin-pricing-table {
	background-color: rgb(239, 72, 54);
}
body.allred a.pricing-btn {
	background-color: rgb(239, 72, 54);
}
body.allred .mainmenu-area ul.navbar-nav.nav > li > a:hover {
	background-color: rgb(222, 64, 47);
}
body.allred .mainmenu-area ul.navbar-nav.nav li.active {
	background-color: rgb(222, 64, 47);
}
body.allred .button-hover::after {
	background-color: rgb(222, 64, 47);
}
body.allred .about-gallery-posts .active.owl-dot {
	background-color: rgb(222, 64, 47);
}
body.allred .color-trigger {
	background-color: rgb(222, 64, 47);
}
body.allred .active.sin-pricing-table .pricing-status {
	background-color: rgb(222, 64, 47);
}
body.allred .info-icon {
	color: rgb(239, 72, 54);
}
body.allred a.link-out {
	color: rgb(239, 72, 54);
}
body.allred .facts-headding h2 > strong {
	color: rgb(239, 72, 54);
}
body.allred .social-links ul li a:hover {
	color: rgb(239, 72, 54);
}
body.allred .mainmenu-area ul.navbar-nav.nav li ul li a:hover {
	color: rgb(239, 72, 54);
}
body.allred a.replay-btn:hover {
	color: rgb(239, 72, 54);
}
body.allred a.author {
	color: rgb(239, 72, 54);
}
body.allred .slider-text h1 span {
	color: rgb(239, 72, 54);
}
body.allred .widget ul li a:hover {
	color: rgb(239, 72, 54);
}
body.allred .sidebar .sin-testimonial .quote-icon {
	color: rgb(239, 72, 54);
}
body.allblue .head-bottom-area {
	background-color: rgb(25, 181, 255);
}
body.allblue .contact-btn {
	background-color: rgb(25, 181, 255);
}
body.allblue .footer-newsletter > input[type='submit'] {
	background-color: rgb(25, 181, 255);
}
body.allblue .mainmenu-area ul.navbar-nav.nav li ul li::after {
	background-color: rgb(25, 181, 255);
}
body.allblue .Modern-Slider .PrevArrow:hover {
	background-color: rgb(25, 181, 255);
}
body.allblue .Modern-Slider .NextArrow:hover {
	background-color: rgb(25, 181, 255);
}
body.allblue .navbar-collapse {
	background-color: rgb(25, 181, 255);
}
body.allblue .cta-area {
	background-color: rgb(25, 181, 255);
}
body.allblue .color-palate-head {
	background-color: rgb(25, 181, 255);
}
body.allblue .sin-whatWork::after {
	background-color: rgb(25, 181, 255);
}
body.allblue .single-form input[type='submit'] {
	background-color: rgb(25, 181, 255);
}
body.allblue input#submit-comment {
	background-color: rgb(25, 181, 255);
}
body.allblue ul.degins li::after {
	background-color: rgb(25, 181, 255);
}
body.mean-container.allblue .mean-bar {
	background-color: rgb(25, 181, 255);
}
body.mean-container.allblue .mean-nav ul li {
	background-color: rgb(25, 181, 255);
}
body.allblue .Modern-Slider .PrevArrow:hover {
	background-color: rgb(25, 181, 255);
}
body.allblue .Modern-Slider .NextArrow:hover {
	background-color: rgb(25, 181, 255);
}
body.allblue .active.sin-pricing-table {
	background-color: rgb(25, 181, 255);
}
body.allblue a.pricing-btn {
	background-color: rgb(25, 181, 255);
}
body.allblue .mainmenu-area ul.navbar-nav.nav > li > a:hover {
	background-color: rgb(17, 163, 232);
}
body.allblue .mainmenu-area ul.navbar-nav.nav li.active {
	background-color: rgb(17, 163, 232);
}
body.allblue .button-hover::after {
	background-color: rgb(17, 163, 232);
}
body.allblue .about-gallery-posts .active.owl-dot {
	background-color: rgb(17, 163, 232);
}
body.allblue .color-trigger {
	background-color: rgb(17, 163, 232);
}
body.allblue .active.sin-pricing-table .pricing-status {
	background-color: rgb(17, 163, 232);
}
body.allblue .info-icon {
	color: rgb(25, 181, 255);
}
body.allblue a.link-out {
	color: rgb(25, 181, 255);
}
body.allblue .facts-headding h2 > strong {
	color: rgb(25, 181, 255);
}
body.allblue .social-links ul li a:hover {
	color: rgb(25, 181, 255);
}
body.allblue .mainmenu-area ul.navbar-nav.nav li ul li a:hover {
	color: rgb(25, 181, 255);
}
body.allblue a.replay-btn:hover {
	color: rgb(25, 181, 255);
}
body.allblue a.author {
	color: rgb(25, 181, 255);
}
body.allblue .slider-text h1 span {
	color: rgb(25, 181, 255);
}
body.allblue .widget ul li a:hover {
	color: rgb(25, 181, 255);
}
body.allblue .sidebar .sin-testimonial .quote-icon {
	color: rgb(25, 181, 255);
}
body.allyellow .head-bottom-area {
	background-color: rgb(248, 207, 39);
}
body.allyellow .contact-btn {
	background-color: rgb(248, 207, 39);
}
body.allyellow .footer-newsletter > input[type='submit'] {
	background-color: rgb(248, 207, 39);
}
body.allyellow .mainmenu-area ul.navbar-nav.nav li ul li::after {
	background-color: rgb(248, 207, 39);
}
body.allyellow .Modern-Slider .PrevArrow:hover {
	background-color: rgb(248, 207, 39);
}
body.allyellow .Modern-Slider .NextArrow:hover {
	background-color: rgb(248, 207, 39);
}
body.allyellow .navbar-collapse {
	background-color: rgb(248, 207, 39);
}
body.allyellow .cta-area {
	background-color: rgb(248, 207, 39);
}
body.allyellow .color-palate-head {
	background-color: rgb(248, 207, 39);
}
body.allyellow .sin-whatWork::after {
	background-color: rgb(248, 207, 39);
}
body.allyellow .single-form input[type='submit'] {
	background-color: rgb(248, 207, 39);
}
body.allyellow input#submit-comment {
	background-color: rgb(248, 207, 39);
}
body.allyellow ul.degins li::after {
	background-color: rgb(248, 207, 39);
}
body.mean-container.allyellow .mean-bar {
	background-color: rgb(248, 207, 39);
}
body.mean-container.allyellow .mean-nav ul li {
	background-color: rgb(248, 207, 39);
}
body.allyellow .Modern-Slider .PrevArrow:hover {
	background-color: rgb(248, 207, 39);
}
body.allyellow .Modern-Slider .NextArrow:hover {
	background-color: rgb(248, 207, 39);
}
body.allyellow .active.sin-pricing-table {
	background-color: rgb(248, 207, 39);
}
body.allyellow a.pricing-btn {
	background-color: rgb(248, 207, 39);
}
body.allyellow .mainmenu-area ul.navbar-nav.nav > li > a:hover {
	background-color: rgb(238, 198, 35);
}
body.allyellow .mainmenu-area ul.navbar-nav.nav li.active {
	background-color: rgb(238, 198, 35);
}
body.allyellow .button-hover::after {
	background-color: rgb(238, 198, 35);
}
body.allyellow .about-gallery-posts .active.owl-dot {
	background-color: rgb(238, 198, 35);
}
body.allyellow .color-trigger {
	background-color: rgb(238, 198, 35);
}
body.allyellow .active.sin-pricing-table .pricing-status {
	background-color: rgb(238, 198, 35);
}
body.allyellow .info-icon {
	color: rgb(248, 207, 39);
}
body.allyellow a.link-out {
	color: rgb(248, 207, 39);
}
body.allyellow .facts-headding h2 > strong {
	color: rgb(248, 207, 39);
}
body.allyellow .social-links ul li a:hover {
	color: rgb(248, 207, 39);
}
body.allyellow .mainmenu-area ul.navbar-nav.nav li ul li a:hover {
	color: rgb(248, 207, 39);
}
body.allyellow a.replay-btn:hover {
	color: rgb(248, 207, 39);
}
body.allyellow a.author {
	color: rgb(248, 207, 39);
}
body.allyellow .slider-text h1 span {
	color: rgb(248, 207, 39);
}
body.allyellow .widget ul li a:hover {
	color: rgb(248, 207, 39);
}
body.allyellow .sidebar .sin-testimonial .quote-icon {
	color: rgb(248, 207, 39);
}
body.secondary-two #footer-area {
	background-color: rgb(33, 49, 63);
}
body.secondary-two .overlay::after {
	background-color: rgb(33, 49, 63);
}
body.secondary-two .mainmenu-area ul.navbar-nav.nav li ul li a {
	background-color: rgb(33, 49, 63);
}
body.secondary-two .quote-btn.button {
	background-color: rgb(33, 49, 63);
}
body.secondary-two .button-cta.button {
	background-color: rgb(33, 49, 63);
}
body.secondary-two .sidebar .widget {
	background-color: rgb(33, 49, 63);
}
body.secondary-two .active.sin-pricing-table .pricing-btn {
	background-color: rgb(33, 49, 63);
}
body.secondary-two .sin-pricing-table {
	background-color: rgb(33, 49, 63);
}
body.secondary-two .mainmenu-area ul.navbar-nav.nav li ul li {
	border-color: rgb(46, 69, 91);
}
body.secondary-two .bb-top {
	border-color: rgb(46, 69, 91);
}
body.secondary-two .sidebar ul.widget_links::after {
	background: rgba(33, 49, 63, 0.9);
}
body.secondary-two .work-thumb .work-hover {
	background: rgba(33, 49, 63, 0.9);
}
body.secondary-two .sin-news .news-hover {
	background: rgba(33, 49, 63, 0.9);
}
body.secondary-two .work-thumb:hover .work-hover {
	background: rgba(33, 49, 63, 0.9);
}
body.secondary-two .news-thumb:hover .news-hover {
	background: rgba(33, 49, 63, 0.9);
}
body.secondary-two .pricing-status {
	background: rgb(27, 35, 41);
}