
   
 <!--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: #3e4095;
    }

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


html .home-section.section-preset2, html .theme-section.section-preset2 {
    background-color: #3e4095;
}


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

html .ip-header .ip-loader svg path.ip-loader-circle {
    stroke: #3e4095;
}

html .ver-tabs .nav > .active, .ver-tabs.horiz-tabs .nav > .active {
    background-color: #3e4095;
}
html .btn-primary {
    background-color: #3e4095;
}
html .home-section.section-preset1, html .theme-section.section-preset1 {
    background-color: #3e4095;
}
html .carousel-testi .bx-wrapper .bx-pager {
    background-color: #3e4095;
}
html .box-icon-and-button > .html fa, html .box-icon-and-button > .fa::after, html .box-icon-and-button > .fa::before {
    color: #3e4095 !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: #3e4095;
}
html .footer-shop {
    background-color: #3e4095;
}
html .dropdown-menu > li > a:hover, html .dropdown-menu > li > a:focus {
    background-color: #3e4095;
}

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


 <!--END FIRST COLOR-->


  html body , html .yamm .nav > li > a , html .info-top li a {
    font-family: 'Roboto';
    font-weight: 400;    
}
        html h1, html  h2, html  h3,  html  h4, html  h5, html  h6 , html .section-header .heading , html .carousel-item-content .carousel-title , html .carousel-3 .carousel-item-content .carousel-title , html .carousel-1 .carousel-item-content .carousel-title , html .featured-item-simple-icon h6 ,html  .footer-shop h6,html  .footer-shop h5, html .footer-shop h4, html  .footer-shop h3, html  .footer-shop h2, html  .footer-shop h1 , html .widget-title span , html .product-category h3 , html .product-bottom .product-name , html .product-right .product_title.entry-title{
    font-family: 'Roboto';
    font-weight:700;
}
            #pix-portfolio .isotope-frame .x-item  {
}
#pix-portfolio  .portfolio-image , #pix-portfolio .isotope-frame .x-item {
}