html .full-width-box {
    background:#ffffff;
}
.full-width-right .wpcf7 input[type="text"], .full-width-right .wpcf7 input[type="email"], .full-width-right .wpcf7 input[type="tel"], .full-width-right .wpcf7 textarea {
  background: none repeat scroll 0 0 #ffffff !important;
    border: 1px solid #ffffff!important;
}
  
      



 <!--START FIRST COLOR  -->
 
html .btn-icon-right .btn-icon, html .pre-fot-box .btn-icon, html .contactForm input[type="text"], html .contactForm input[type="email"], html .contactForm input[type="tel"], html .contactForm textarea {
    background-color: #231f20;
    }

html .pre-fot-box, html body .carousel-brand .bx-controls-direction a.bx-next {
    border-color: #231f20;
}


html .home-section.section-preset2, html .theme-section.section-preset2 {
    background-color: #231f20;
}


html .pre-fot-box .btn-icon{
 background-color: #231f20;
}
html body input[type='submit'] {
    background-color: #231f20;
    border: 1px solid #231f20;
}

html .ip-header .ip-loader svg path.ip-loader-circle {
    stroke: #231f20;
}

html .ver-tabs .nav > .active, .ver-tabs.horiz-tabs .nav > .active {
    background-color: #231f20;
}
html .btn-primary {
    background-color: #231f20;
}
html .home-section.section-preset1, html .theme-section.section-preset1 {
    background-color: #231f20;
}
html .carousel-testi .bx-wrapper .bx-pager {
    background-color: #231f20;
}
html .box-icon-and-button > .html fa, html .box-icon-and-button > .fa::after, html .box-icon-and-button > .fa::before {
    color: #231f20 !important;
}
html .btn-primary:hover, html .btn-primary:focus, html .btn-primary.focus, html .btn-primary:active, html .btn-primary.active, html .open > .dropdown-toggle.btn-primary {
    background-color: #231f20;
}
html .footer-shop {
    background-color: #231f20;
}
html .dropdown-menu > li > a:hover, html .dropdown-menu > li > a:focus {
    background-color: #231f20;
}

.carousel-testi .bx-wrapper .bx-pager::after {
    border-bottom-color: #231f20;
    border-right-color: #231f20;
}
html .post .entry-media:hover .box-date {
    background-color: #231f20;
}


 
 <!--END FIRST COLOR-->


    
  
  
    
  
   <!--START SECOND COLOR  -->
   
a {
    color: #d22030;
}
.primary-color {
    color: #d22030;
}
html .demo_changer .demo-icon {
    background-color: #d22030;
}
html .navbar-header i, html .nav > li > a:hover, html.nav > li > a:focus, html .top-cart i, html .top-cart .icon-basket, .section-header .fa, html .ver-tabs .nav-sidebar h4, html .bx-wrapper .bx-controls-direction a, html .meta a, html .ft-icons-simple .fa, html .ft-icons-simple .fa::after, html.ft-icons-simple .fa::before, html .fot-contact i {
    color: #d22030;
}
.ft-icons-simple .fa, .ft-icons-simple .fa::after, .ft-icons-simple .fa::before {
    color: #d22030 !important;
}
html .btn-icon, html .carousel-1 li:hover .carousel-item-content, html .bx-wrapper .bx-pager.bx-default-pager a:hover, html .bx-wrapper .bx-pager.bx-default-pager a.active, html body .carousel-brand .bx-controls-direction a.bx-next, html .full-width-box::after, html .carousel-team li:hover .btn, html .pre-footer {
    background-color: #d22030;
}
html .iview-prevNav {
    background-color: #d22030 !important;
}

html .active .fa-box {
    background-color: #d22030;
}
html .widget-title span::after, html .widget-title::after, html .product-info .nav-tabs > li span::after, html .product-info .nav-tabs > li::after {
    border-bottom: 1px solid #d22030;
}
html .widget-title .fa {
    color: #d22030;
}
html .list-style-check li::before, html .page-header .breadcrumb a, html .person-text h4, html .person-name h5, html .product-info .nav-tabs > li span::after {
    color: #d22030;
}
html .product-mini-list .price-box span, html .product-right .price-box, html .category-list .amount-cat {
    color: #d22030;
}
html blockquote, html .blockquote-reverse, blockquote.pull-right {
    background-color: #f7f7f7;
    border-color: #d22030;
}
html .comment-datetime span[class*="icon-"] {
    color: #d22030;
}
html .carousel-team li:hover .btn-icon {
    background-color: #d22030;
}
html .full-width-box::after {
    background-color: #d22030;
}
html .pre-fot-box:hover .btn-icon i, html .category-list .amount-cat {
    color: #d22030;
}
html .nav .open > a, html .nav .open > a:hover, html .nav .open > a:focus {
    color: #d22030 !important;
}
.pagination-wrap .active a {
    color: #d22030 !important;
}
html .box-date {
    background-color: #d22030;
}
html .post-grid .box-date .fa {
    color: #d22030;
}
html body .full-width-box::after {
    background-color: #d22030 !important;
}
.contactForm .btn-icon-right .btn-icon {
    background: none repeat scroll 0 0 #d22030 !important;
}

html .btn-icon-right .btn-icon, html .pre-fot-box .btn-icon, html .contactForm input[type="text"], html .contactForm input[type="email"], html .contactForm input[type="tel"], html .contactForm textarea {
    border-color: #d22030;
}
html .footer-absolute .social-box li:hover a {
    background-color: #d22030 !important;
}


html .footer-absolute {

    background-color: #d22030;
}
html .fot-box .btn-primary {
    background: #d22030 !important;
}

.info-top li.fa:after, .info-top li.fa:before {
  color: #d22030 !important;

}

.list-style-check li:before, .marked_list1 li:before, .marked_list2 li:before {
  color: #d22030 !important;
}
   
    <!--END SECOND COLOR-->
    

   
  
  
  
   
   
   
    
              #pix-portfolio .isotope-frame .x-item  {
}
#pix-portfolio  .portfolio-image , #pix-portfolio .isotope-frame .x-item {
}