    
    
    
    #carousel-3-0-slide0{
    
    background-image:url("") !important;
    
    background-position:left bottom;
    
    background-repeat:no-repeat;
    
    }
    
        .pagination .current{
    	color: #c00d0d !important;
    	border-color: #c00d0d !important;
    }
    section#team {
        background: url("https://design2gether.nl/wp-content/uploads/2017/03/d2g-fredrick-floor-bg.jpg") #5B6B83;
        background-size: cover;
                
    }
    .picture{
    
        background: url("https://design2gether.nl/wp-content/uploads/2017/03/d2g-fredrick-floor-bg.jpg") no-repeat scroll 50% 0 #ffffff;
    
        height: 10em;
    
    	margin:0;
    
    	box-shadow:0 10px 10px -10px rgba(50, 50, 50, 0.35) inset, 0 -10px 10px -10px rgba(50, 50, 50, 0.15) inset;
    
    }
    
    .getInTouch-bg {
    
    background-image: url("https://design2gether.nl/wp-content/uploads/2017/03/Slide-6.jpg")!important;
    
    }
    
    body{
    
        font-family : Open Sans;
    
    }
    
    #today,#blogpostdetail #recent-posts .widgettitle,.form-submit #submit:hover,.social img, .navbar .navbar-nav .active, .navbar .navbar-nav li:hover, .timeline li:after, .ps-container .ps-scrollbar-x, .ps-container .ps-scrollbar-x-rail:hover .ps-scrollbar-x, .ps-container .ps-scrollbar-x-rail.hover .ps-scrollbar-x, #services, #services .btn-outline-white:hover, #portfolio .cat-list .active, #portfolio .btn-outline-white:hover, .da-dots span.da-dots-current:after, #blogpost .btn-outline-white:hover, #contact, .item-title, .popup-nav-top, .portfolio-popup .btn-outline-white:hover, .btn-black:hover
    
    {
    
        background: #c00d0d !important; 
    
        }
    .tweet_content a{
      color:#c00d0d;
    }
    
    tr #prev a,.form-submit #submit:hover,.form-group .btn-outline-white:hover,.funny-text.funnyText span.active,.statistics h1.big:hover, .statistics h1.big:hover span.desc, #process-slider .step, #services .service-icon i, #blogpost ul li.slide hgroup h4 span a, #blogpost ul li.slide hgroup h1:hover, #contact .icon, #contact form button[type="submit"]:hover, #blogpost ul li.slide article h4 span a, #blogpost ul li.slide article h1:hover, .scrolltotop:hover
    
    {
    
        color: #c00d0d !important; 
    
        }
    
    #bloglist article h1 a:hover,#blogpost .btn-outline-white,#services .btn-outline-white,#portfolio .btn-outline-white,.portfolio-popup .btn-outline-white{
    
        color: #c00d0d !important;
    
        }
    
    
    
    .form-submit #submit,.form-control:focus,#services .btn-outline-white,#portfolio .btn-outline-white,.da-slide .da-img .square-outline,#blogpost .btn-outline-white,.portfolio-popup .btn-outline-white{
    
        border:2px solid #c00d0d !important;
    
    }
    tr #prev a:hover{
        color: black !important;
        }
    #today,.form-submit #submit:hover{
        color: #FFF !important;
        }
    
        
    #portfolio .portfolio-row .portfolio-mix .portfolio-item a:hover .caption-bg::before {
    
      content: '';
    
      -webkit-box-shadow: inset 0 0 0 300px #133a68 !important;
    
      -moz-box-shadow: inset 0 0 0 300px #133a68 !important;
    
      box-shadow: inset 0 0 0 300px #133a68 !important;
    
    }    
    
    /**********   Cyan  **********/
    #cyan #blogpost .btn-outline-white:hover,#cyan #blogpostdetail #recent-posts .widgettitle,#cyan .form-submit #submit:hover,#cyan .social img,#cyan .navbar .navbar-nav .active,#cyan .navbar .navbar-nav li a:hover,#cyan .timeline li:after,#cyan .ps-container .ps-scrollbar-x,#cyan .ps-container .ps-scrollbar-x-rail:hover .ps-scrollbar-x,#cyan .ps-container .ps-scrollbar-x-rail.hover .ps-scrollbar-x,#cyan #team h3,#cyan #services,#cyan #services .btn-outline-white:hover,#cyan #portfolio .cat-list .active,#cyan #portfolio .btn-outline-white:hover,#cyan .da-dots span.da-dots-current:after,#cyan #contact,#cyan .item-title,#cyan .popup-nav-top,#cyan .portfolio-popup .btn-outline-white:hover,#cyan .btn-black:hover
    
    {
    
        background: #4abcdd !important; 
    
        }
    #cyan .btn-outline-white:hover,#cyan .form-submit #submit:hover,#cyan .form-group .btn-outline-white:hover,#cyan .funny-text.funnyText span.active,#cyan .statistics h1.big:hover,#cyan .statistics h1.big:hover span.desc,#cyan #team h3:hover,#cyan #process-slider .step,#cyan #services .service-icon i,#cyan #blogpost ul li.slide hgroup h4 span a,#cyan #blogpost ul li.slide hgroup h1:hover,#cyan #contact .icon,#cyan #contact form button[type="submit"]:hover,#cyan #blogpost ul li.slide article h4 span a,#cyan #blogpost ul li.slide article h1:hover,#cyan .scrolltotop:hover
    
    {
    
        color: #4abcdd !important; 
    
        }    
    #cyan #blogpostdetail article h4 span a,#cyan #blogpost .btn-outline-white,#cyan #services .btn-outline-white,#cyan #portfolio .btn-outline-white,#cyan .portfolio-popup .btn-outline-white{
    
        color: #4abcdd !important;
        }
    #cyan .form-submit #submit,#cyan .form-control:focus,#cyan #services .btn-outline-white,#cyan #portfolio .btn-outline-white,#cyan .da-slide .da-img .square-outline,#cyan #blogpost .btn-outline-white,#cyan .portfolio-popup .btn-outline-white{
    
        border:2px solid #4abcdd !important;
    
    }
    #cyan #blogpostdetail article h4 span a:hover,#cyan #blogpost ul li.slide article h4 span a:hover{
        color: black !important;
        }
    #cyan .portfolio-popup .btn-outline-white:hover,#cyan #portfolio .cat-list .active,#cyan .form-submit #submit:hover,#cyan #blogpost .btn-outline-white:hover,#cyan #services .btn-outline-white:hover,#cyan #portfolio .btn-outline-white:hover{
        color: #FFF !important;
        }
       
    #cyan #team h3:hover,#cyan .btn-outline-white:hover{
    
        background-color: #FFF !important;
    
        }    
        
    #cyan .footer,#cyan #preloader
    
    {
    
        background-color:rgba(0, 255, 255, 0.7) !important;
    
        }
    
    #cyan #portfolio .portfolio-row .portfolio-mix .portfolio-item a:hover .caption-bg::before {
    
      content: '';
    
      -webkit-box-shadow: inset 0 0 0 300px #4abcdd !important;
    
      -moz-box-shadow: inset 0 0 0 300px #4abcdd !important;
    
      box-shadow: inset 0 0 0 300px #4abcdd !important;
    
    } 
    #cyan #services .service-column:hover {
    border: 1px solid rgba(255, 255, 255, 0);
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    background: rgba(100, 100, 100, 0.04);
    }
    #cyan #services .service-column {
    cursor: default;
    -webkit-transition: all 0.80s ease-out;
    -moz-transition: all 0.80s ease-out;
    -o-transition: all 0.80s ease-out;
    transition: all 0.80s ease-out;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background: rgba(55, 55, 50, 0.09);
    border: 1px solid rgba(255, 255, 255, 0.1);
    }   
    
    /**********   darkcyan  **********/
    #darkcyan #blogpost .btn-outline-white:hover,#darkcyan #blogpostdetail #recent-posts .widgettitle,#darkcyan .form-submit #submit:hover,#darkcyan .social img,#darkcyan .navbar .navbar-nav .active,#darkcyan .navbar .navbar-nav li a:hover,#darkcyan .timeline li:after,#darkcyan .ps-container .ps-scrollbar-x,#darkcyan .ps-container .ps-scrollbar-x-rail:hover .ps-scrollbar-x,#darkcyan .ps-container .ps-scrollbar-x-rail.hover .ps-scrollbar-x,#darkcyan #team h3,#darkcyan #services,#darkcyan #services .btn-outline-white:hover,#darkcyan #portfolio .cat-list .active,#darkcyan #portfolio .btn-outline-white:hover,#darkcyan .da-dots span.da-dots-current:after,#darkcyan #contact,#darkcyan .item-title,#darkcyan .popup-nav-top,#darkcyan .portfolio-popup .btn-outline-white:hover,#darkcyan .btn-black:hover
    
    {
    
        background: #00B0B0 !important; 
    
        }
    #darkcyan .btn-outline-white:hover,#darkcyan .form-submit #submit:hover,#darkcyan .form-group .btn-outline-white:hover,#darkcyan .funny-text.funnyText span.active,#darkcyan .statistics h1.big:hover,#darkcyan .statistics h1.big:hover span.desc,#darkcyan #team h3:hover,#darkcyan #process-slider .step,#darkcyan #services .service-icon i,#darkcyan #blogpost ul li.slide hgroup h4 span a,#darkcyan #blogpost ul li.slide hgroup h1:hover,#darkcyan #contact .icon,#darkcyan #contact form button[type="submit"]:hover,#darkcyan #blogpost ul li.slide article h4 span a,#darkcyan #blogpost ul li.slide article h1:hover,#darkcyan .scrolltotop:hover
    
    {
    
        color: #00B0B0 !important; 
    
        }    
    #darkcyan #blogpost .btn-outline-white,#darkcyan #services .btn-outline-white,#darkcyan #portfolio .btn-outline-white,#darkcyan .portfolio-popup .btn-outline-white{
    
        color: #00B0B0 !important;
        }
    #darkcyan .form-submit #submit,#darkcyan .form-control:focus,#darkcyan #services .btn-outline-white,#darkcyan #portfolio .btn-outline-white,#darkcyan .da-slide .da-img .square-outline,#darkcyan #blogpost .btn-outline-white,#darkcyan .portfolio-popup .btn-outline-white{
    
        border:2px solid #00B0B0 !important;
    
    }
    #darkcyan #blogpost ul li.slide article h4 span a:hover{
        color: black !important;
        }
    #darkcyan .portfolio-popup .btn-outline-white:hover,#darkcyan #portfolio .cat-list .active,#darkcyan .form-submit #submit:hover,#darkcyan #blogpost .btn-outline-white:hover,#darkcyan #services .btn-outline-white:hover,#darkcyan #portfolio .btn-outline-white:hover{
        color: #FFF !important;
        }
       
    #darkcyan #team h3:hover,#darkcyan .btn-outline-white:hover{
    
        background-color: #FFF !important;
    
        }    
        
    #darkcyan .footer,#darkcyan #preloader
    
    {
    
        background-color:rgba(0, 176, 176, 0.7) !important;
    
        }
    
    #darkcyan #portfolio .portfolio-row .portfolio-mix .portfolio-item a:hover .caption-bg::before {
    
      content: '';
    
      -webkit-box-shadow: inset 0 0 0 300px #00B0B0 !important;
    
      -moz-box-shadow: inset 0 0 0 300px #00B0B0 !important;
    
      box-shadow: inset 0 0 0 300px #00B0B0 !important;
    
    }  
    
    /**********   Purple  **********/
    #purple #blogpost .btn-outline-white:hover,#purple #blogpostdetail #recent-posts .widgettitle,#purple .form-submit #submit:hover,#purple .social img,#purple .navbar .navbar-nav .active,#purple .navbar .navbar-nav li a:hover,#purple .timeline li:after,#purple .ps-container .ps-scrollbar-x,#purple .ps-container .ps-scrollbar-x-rail:hover .ps-scrollbar-x,#purple .ps-container .ps-scrollbar-x-rail.hover .ps-scrollbar-x,#purple #team h3,#purple #services,#purple #services .btn-outline-white:hover,#purple #portfolio .cat-list .active,#purple #portfolio .btn-outline-white:hover,#purple .da-dots span.da-dots-current:after,#purple #contact,#purple .item-title,#purple .popup-nav-top,#purple .portfolio-popup .btn-outline-white:hover,#purple .btn-black:hover
    
    {
    
        background: #E2C10A !important; 
    
        }
    #purple .btn-outline-white:hover,#purple .form-submit #submit:hover,#purple .form-group .btn-outline-white:hover,#purple .funny-text.funnyText span.active,#purple .statistics h1.big:hover,#purple .statistics h1.big:hover span.desc,#purple #team h3:hover,#purple #process-slider .step,#purple #services .service-icon i,#purple #blogpost ul li.slide hgroup h4 span a,#purple #blogpost ul li.slide hgroup h1:hover,#purple #contact .icon,#purple #contact form button[type="submit"]:hover,#purple #blogpost ul li.slide article h4 span a,#purple #blogpost ul li.slide article h1:hover,#purple .scrolltotop:hover
    
    {
    
        color: #E2C10A !important; 
    
        }    
    #purple #blogpost .btn-outline-white,#purple #services .btn-outline-white,#purple #portfolio .btn-outline-white,#purple .portfolio-popup .btn-outline-white{
    
        color: #E2C10A !important;
        }
    #purple .form-submit #submit,#purple .form-control:focus,#purple #services .btn-outline-white,#purple #portfolio .btn-outline-white,#purple .da-slide .da-img .square-outline,#purple #blogpost .btn-outline-white,#purple .portfolio-popup .btn-outline-white{
    
        border:2px solid #E2C10A !important;
    
    }
    #purple #blogpost ul li.slide article h4 span a:hover{
        color: black !important;
        }
    #purple .portfolio-popup .btn-outline-white:hover,#purple #portfolio .cat-list .active,#purple .form-submit #submit:hover,#purple #blogpost .btn-outline-white:hover,#purple #services .btn-outline-white:hover,#purple #portfolio .btn-outline-white:hover{
        color: #FFF !important;
        }
       
    #purple #team h3:hover,#purple .btn-outline-white:hover{
    
        background-color: #FFF !important;
    
        }    
        
    #purple .footer,#purple #preloader
    
    {
    
        background-color:rgba(226, 193, 10, 0.7) !important;
    
        }
    
    #purple #portfolio .portfolio-row .portfolio-mix .portfolio-item a:hover .caption-bg::before {
    
      content: '';
    
      -webkit-box-shadow: inset 0 0 0 160px #E2C10A !important;
    
      -moz-box-shadow: inset 0 0 0 160px #E2C10A !important;
    
      box-shadow: inset 0 0 0 160px #E2C10A !important;
    }
    
    /**********   Yellow  **********/
    #yellow #blogpost .btn-outline-white:hover,#yellow #blogpostdetail #recent-posts .widgettitle,#yellow .form-submit #submit:hover,#yellow .social img,#yellow .navbar .navbar-nav .active,#yellow .navbar .navbar-nav li a:hover,#yellow .timeline li:after,#yellow .ps-container .ps-scrollbar-x,#yellow .ps-container .ps-scrollbar-x-rail:hover .ps-scrollbar-x,#yellow .ps-container .ps-scrollbar-x-rail.hover .ps-scrollbar-x,#yellow #team h3,#yellow #services,#yellow #services .btn-outline-white:hover,#yellow #portfolio .cat-list .active,#yellow #portfolio .btn-outline-white:hover,#yellow .da-dots span.da-dots-current:after,#yellow #contact,#yellow .item-title,#yellow .popup-nav-top,#yellow .portfolio-popup .btn-outline-white:hover,#yellow .btn-black:hover
    
    {
    
        background: #FEAE0A !important; 
    
        }
    #yellow .btn-outline-white:hover,#yellow .form-submit #submit:hover,#yellow .form-group .btn-outline-white:hover,#yellow .funny-text.funnyText span.active,#yellow .statistics h1.big:hover,#yellow .statistics h1.big:hover span.desc,#yellow #team h3:hover,#yellow #process-slider .step,#yellow #services .service-icon i,#yellow #blogpost ul li.slide hgroup h4 span a,#yellow #blogpost ul li.slide hgroup h1:hover,#yellow #contact .icon,#yellow #contact form button[type="submit"]:hover,#yellow #blogpost ul li.slide article h4 span a,#yellow #blogpost ul li.slide article h1:hover,#yellow .scrolltotop:hover
    
    {
    
        color: #FEAE0A !important; 
    
        }    
    #yellow #blogpost .btn-outline-white,#yellow #services .btn-outline-white,#yellow #portfolio .btn-outline-white,#yellow .portfolio-popup .btn-outline-white{
    
        color: #FEAE0A !important;
        }
    #yellow .form-submit #submit,#yellow .form-control:focus,#yellow #services .btn-outline-white,#yellow #portfolio .btn-outline-white,#yellow .da-slide .da-img .square-outline,#yellow #blogpost .btn-outline-white,#yellow .portfolio-popup .btn-outline-white{
    
        border:2px solid #FEAE0A !important;
    
    }
    #yellow #blogpost ul li.slide article h4 span a:hover{
        color: black !important;
        }
    #yellow .portfolio-popup .btn-outline-white:hover,#yellow #portfolio .cat-list .active,#yellow .form-submit #submit:hover,#yellow #blogpost .btn-outline-white:hover,#yellow #services .btn-outline-white:hover,#yellow #portfolio .btn-outline-white:hover{
        color: #FFF !important;
        }
       
    #yellow #team h3:hover,#yellow .btn-outline-white:hover{
    
        background-color: #FFF !important;
    
        }    
        
    #yellow .footer,#yellow #preloader
    
    {
    
        background-color:rgba(254, 174, 10, 0.7) !important;
    
        }
    
    #yellow #portfolio .portfolio-row .portfolio-mix .portfolio-item a:hover .caption-bg::before {
    
      content: '';
    
      -webkit-box-shadow: inset 0 0 0 160px #FEAE0A !important;
    
      -moz-box-shadow: inset 0 0 0 160px #FEAE0A !important;
    
      box-shadow: inset 0 0 0 160px #FEAE0A !important;
    
    }    
    
    /**********   Blue  **********/
    #blue #blogpost .btn-outline-white:hover,#blue #blogpostdetail #recent-posts .widgettitle,#blue .form-submit #submit:hover,#blue .social img,#blue .navbar .navbar-nav .active,#blue .navbar .navbar-nav li a:hover,#blue .timeline li:after,#blue .ps-container .ps-scrollbar-x,#blue .ps-container .ps-scrollbar-x-rail:hover .ps-scrollbar-x,#blue .ps-container .ps-scrollbar-x-rail.hover .ps-scrollbar-x,#blue #team h3,#blue #services,#blue #services .btn-outline-white:hover,#blue #portfolio .cat-list .active,#blue #portfolio .btn-outline-white:hover,#blue .da-dots span.da-dots-current:after,#blue #contact,#blue .item-title,#blue .popup-nav-top,#blue .portfolio-popup .btn-outline-white:hover,#blue .btn-black:hover
    
    {
    
        background: #8877DD !important; 
    
        }
    #blue .btn-outline-white:hover,#blue .form-submit #submit:hover,#blue .form-group .btn-outline-white:hover,#blue .funny-text.funnyText span.active,#blue .statistics h1.big:hover,#blue .statistics h1.big:hover span.desc,#blue #team h3:hover,#blue #process-slider .step,#blue #services .service-icon i,#blue #blogpost ul li.slide hgroup h4 span a,#blue #blogpost ul li.slide hgroup h1:hover,#blue #contact .icon,#blue #contact form button[type="submit"]:hover,#blue #blogpost ul li.slide article h4 span a,#blue #blogpost ul li.slide article h1:hover,#blue .scrolltotop:hover
    
    {
    
        color: #8877DD !important; 
    
        }    
    #blue #blogpost .btn-outline-white,#blue #services .btn-outline-white,#blue #portfolio .btn-outline-white,#blue .portfolio-popup .btn-outline-white{
    
        color: #8877DD !important;
        }
    #blue .form-submit #submit,#blue .form-control:focus,#blue #services .btn-outline-white,#blue #portfolio .btn-outline-white,#blue .da-slide .da-img .square-outline,#blue #blogpost .btn-outline-white,#blue .portfolio-popup .btn-outline-white{
    
        border:2px solid #8877DD !important;
    
    }
    #blue #blogpost ul li.slide article h4 span a:hover{
        color: black !important;
        }
    #blue .portfolio-popup .btn-outline-white:hover,#blue #portfolio .cat-list .active,#blue .form-submit #submit:hover,#blue #blogpost .btn-outline-white:hover,#blue #services .btn-outline-white:hover,#blue #portfolio .btn-outline-white:hover{
        color: #FFF !important;
        }
       
    #blue #team h3:hover,#blue .btn-outline-white:hover{
    
        background-color: #FFF !important;
    
        }    
        
    #blue .footer,#blue #preloader
    
    {
    
        background-color:rgba(136, 119, 221, 0.7) !important;
    
        }
    
    #blue #portfolio .portfolio-row .portfolio-mix .portfolio-item a:hover .caption-bg::before {
    
      content: '';
    
      -webkit-box-shadow: inset 0 0 0 160px #8877DD !important;
    
      -moz-box-shadow: inset 0 0 0 160px #8877DD !important;
    
      box-shadow: inset 0 0 0 160px #8877DD !important;
    
    }  
    
    /**********   grey  **********/
    #grey #blogpost .btn-outline-white:hover,#grey #blogpostdetail #recent-posts .widgettitle,#grey .form-submit #submit:hover,#grey .social img,#grey .navbar .navbar-nav .active,#grey .navbar .navbar-nav li a:hover,#grey .timeline li:after,#grey .ps-container .ps-scrollbar-x,#grey .ps-container .ps-scrollbar-x-rail:hover .ps-scrollbar-x,#grey .ps-container .ps-scrollbar-x-rail.hover .ps-scrollbar-x,#grey #team h3,#grey #services,#grey #services .btn-outline-white:hover,#grey #portfolio .cat-list .active,#grey #portfolio .btn-outline-white:hover,#grey .da-dots span.da-dots-current:after,#grey #contact,#grey .item-title,#grey .popup-nav-top,#grey .portfolio-popup .btn-outline-white:hover,#grey .btn-grey:hover
    
    {
    
        background: #AEC71E !important; 
    
        }
    #grey .btn-outline-white:hover,#grey .form-submit #submit:hover,#grey .form-group .btn-outline-white:hover,#grey .funny-text.funnyText span.active,#grey .statistics h1.big:hover,#grey .statistics h1.big:hover span.desc,#grey #team h3:hover,#grey #process-slider .step,#grey #services .service-icon i,#grey #blogpost ul li.slide hgroup h4 span a,#grey #blogpost ul li.slide hgroup h1:hover,#grey #contact .icon,#grey #contact form button[type="submit"]:hover,#grey #blogpost ul li.slide article h4 span a,#grey #blogpost ul li.slide article h1:hover,#grey .scrolltotop:hover
    
    {
    
        color: #AEC71E !important; 
    
        }    
    #grey #blogpost .btn-outline-white,#grey #services .btn-outline-white,#grey #portfolio .btn-outline-white,#grey .portfolio-popup .btn-outline-white{
    
        color: #AEC71E !important;
        }
    #grey .form-submit #submit,#grey .form-control:focus,#grey #services .btn-outline-white,#grey #portfolio .btn-outline-white,#grey .da-slide .da-img .square-outline,#grey #blogpost .btn-outline-white,#grey .portfolio-popup .btn-outline-white{
    
        border:2px solid #AEC71E !important;
    
    }
    #grey #blogpost ul li.slide article h4 span a:hover{
        color: black !important;
        }
    #grey .portfolio-popup .btn-outline-white:hover,#grey #portfolio .cat-list .active,#grey .form-submit #submit:hover,#grey #blogpost .btn-outline-white:hover,#grey #services .btn-outline-white:hover,#grey #portfolio .btn-outline-white:hover{
        color: #FFF !important;
        }
       
    #grey #team h3:hover,#grey .btn-outline-white:hover{
    
        background-color: #FFF !important;
    
        }    
        
    #grey .footer,#grey #preloader
    
    {
    
        background-color:rgba(174, 199, 30, 0.7) !important;
    
        }
    
    #grey #portfolio .portfolio-row .portfolio-mix .portfolio-item a:hover .caption-bg::before {
    
      content: '';
    
      -webkit-box-shadow: inset 0 0 0 160px #AEC71E !important;
    
      -moz-box-shadow: inset 0 0 0 160px #AEC71E !important;
    
      box-shadow: inset 0 0 0 160px #AEC71E !important;
    
    } 
    
    /**********   green  **********/
    #green #blogpost .btn-outline-white:hover,#green #blogpostdetail #recent-posts .widgettitle,#green .form-submit #submit:hover,#green .social img,#green .navbar .navbar-nav .active,#green .navbar .navbar-nav li a:hover,#green .timeline li:after,#green .ps-container .ps-scrollbar-x,#green .ps-container .ps-scrollbar-x-rail:hover .ps-scrollbar-x,#green .ps-container .ps-scrollbar-x-rail.hover .ps-scrollbar-x,#green #team h3,#green #services,#green #services .btn-outline-white:hover,#green #portfolio .cat-list .active,#green #portfolio .btn-outline-white:hover,#green .da-dots span.da-dots-current:after,#green #contact,#green .item-title,#green .popup-nav-top,#green .portfolio-popup .btn-outline-white:hover,#green .btn-green:hover
    
    {
    
        background: #49B571 !important; 
    
        }
    #green .btn-outline-white:hover,#green .form-submit #submit:hover,#green .form-group .btn-outline-white:hover,#green .funny-text.funnyText span.active,#green .statistics h1.big:hover,#green .statistics h1.big:hover span.desc,#green #team h3:hover,#green #process-slider .step,#green #services .service-icon i,#green #blogpost ul li.slide hgroup h4 span a,#green #blogpost ul li.slide hgroup h1:hover,#green #contact .icon,#green #contact form button[type="submit"]:hover,#green #blogpost ul li.slide article h4 span a,#green #blogpost ul li.slide article h1:hover,#green .scrolltotop:hover
    
    {
    
        color: #49B571 !important; 
    
        }    
    #green #blogpost .btn-outline-white,#green #services .btn-outline-white,#green #portfolio .btn-outline-white,#green .portfolio-popup .btn-outline-white{
    
        color: #49B571 !important;
        }
    #green .form-submit #submit,#green .form-control:focus,#green #services .btn-outline-white,#green #portfolio .btn-outline-white,#green .da-slide .da-img .square-outline,#green #blogpost .btn-outline-white,#green .portfolio-popup .btn-outline-white{
    
        border:2px solid #49B571 !important;
    
    }
    #green #blogpost ul li.slide article h4 span a:hover{
        color: #49B571 !important;
        }
    #green .portfolio-popup .btn-outline-white:hover,#green #portfolio .cat-list .active,#green .form-submit #submit:hover,#green #blogpost .btn-outline-white:hover,#green #services .btn-outline-white:hover,#green #portfolio .btn-outline-white:hover{
        color: #FFF !important;
        }
       
    #green #team h3:hover,#green .btn-outline-white:hover{
    
        background-color: #FFF !important;
    
        }    
        
    #green .footer,#green #preloader
    
    {
    
        background-color:rgba(73, 181, 113, 0.7) !important;
    
        }
    
    #green #portfolio .portfolio-row .portfolio-mix .portfolio-item a:hover .caption-bg::before {
    
      content: '';
    
      -webkit-box-shadow: inset 0 0 0 160px #49B571 !important;
    
      -moz-box-shadow: inset 0 0 0 160px #49B571 !important;
    
      box-shadow: inset 0 0 0 160px #49B571 !important;
    
    }   
    #green #services .service-column:hover {
    border: 1px solid rgba(255, 255, 255, 0);
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    background: rgba(100, 100, 100, 0.04);
    }
    #green #services .service-column {
    cursor: default;
    -webkit-transition: all 0.80s ease-out;
    -moz-transition: all 0.80s ease-out;
    -o-transition: all 0.80s ease-out;
    transition: all 0.80s ease-out;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background: rgba(55, 55, 50, 0.09);
    border: 1px solid rgba(255, 255, 255, 0.1);
    } 
    
    /**********   black  **********/
    #black #blogpost .btn-outline-white:hover,#black #blogpostdetail #recent-posts .widgettitle,#black .form-submit #submit:hover,#black .social img,#black .navbar .navbar-nav .active,#black .navbar .navbar-nav li a:hover,#black .timeline li:after,#black .ps-container .ps-scrollbar-x,#black .ps-container .ps-scrollbar-x-rail:hover .ps-scrollbar-x,#black .ps-container .ps-scrollbar-x-rail.hover .ps-scrollbar-x,#black #team h3,#black #services,#black #services .btn-outline-white:hover,#black #portfolio .cat-list .active,#black #portfolio .btn-outline-white:hover,#black .da-dots span.da-dots-current:after,#black #contact,#black .item-title,#black .popup-nav-top,#black .portfolio-popup .btn-outline-white:hover,#black .btn-black:hover
    
    {
    
        background: #222930 !important; 
    
        }
    #black .btn-outline-white:hover,#black .form-submit #submit:hover,#black .form-group .btn-outline-white:hover,#black .funny-text.funnyText span.active,#black .statistics h1.big:hover,#black .statistics h1.big:hover span.desc,#black #team h3:hover,#black #process-slider .step,#black #services .service-icon i,#black #blogpost ul li.slide hgroup h4 span a,#black #blogpost ul li.slide hgroup h1:hover,#black #contact .icon,#black #contact form button[type="submit"]:hover,#black #blogpost ul li.slide article h4 span a,#black #blogpost ul li.slide article h1:hover,#black .scrolltotop:hover
    
    {
    
        color: #222930 !important; 
    
        }    
        
    #black #blogpost .btn-outline-white,#black #services .btn-outline-white,#black #portfolio .btn-outline-white,#black .portfolio-popup .btn-outline-white{
    
        color: #222930 !important;
        }
    #black .form-submit #submit,#black .form-control:focus,#black #services .btn-outline-white,#black #portfolio .btn-outline-white,#black .da-slide .da-img .square-outline,#black #blogpost .btn-outline-white,#black .portfolio-popup .btn-outline-white{
    
        border:2px solid #222930 !important;
    
    }
    #black #blogpost ul li.slide article h4 span a:hover{
        color: black !important;
        }
    #black .portfolio-popup .btn-outline-white:hover,#black #portfolio .cat-list .active,#black .form-submit #submit:hover,#black #blogpost .btn-outline-white:hover,#black #services .btn-outline-white:hover,#black #portfolio .btn-outline-white:hover{
        color: #FFF !important;
        }
       
    #black #team h3:hover,#black .btn-outline-white:hover{
    
        background-color: #FFF !important;
    
        }    
        
    #black .footer,#black #preloader
    
    {
    
        background-color:rgba(34, 41, 48, 0.7) !important;
    
        }
    
    #black #portfolio .portfolio-row .portfolio-mix .portfolio-item a:hover .caption-bg::before {
    
      content: '';
    
      -webkit-box-shadow: inset 0 0 0 160px #222930 !important;
    
      -moz-box-shadow: inset 0 0 0 160px #222930 !important;
    
      box-shadow: inset 0 0 0 160px #222930 !important;
    
    }  