/*
 * MAIN STYLESHEET
 * -------------------
 *
 * DAC Solutions Website
 * Copyright Web Folders 2020
 * ------------------------------ */

/*
 * COLOUR SCHEME 
 * ----------------------------- *
 * #fdc435 Primary
 * #fef7a1 Primary - light
 * #c9b901 Primary - dark
 * #efefef Neutral - light grey
 * ----------------------------- */

/*
 * General
 * ----------------------------- */
* 
{
    box-sizing:border-box
}

html,
body,
p
{
    font-family:                Lato,'Helvetica Neue',Helvetica,Arial,sans-serif;
    line-height: 1.15;
    font-weight: 400;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(17,17,17,0);
}

body 
{
    margin: 0;
    font-family:                Lato,'Helvetica Neue',Helvetica,Arial,sans-serif;
    font-size: 1rem;
    /*font-size: 1rem;*/
    font-weight: 400;
    line-height: 1.5;
    color: #444;
    text-align: left;
    background-color: #fff;
}

p
{
    font-family:                Lato,'Helvetica Neue',Helvetica,Arial,sans-serif;
    font-size:                  1rem;
    font-weight:                400;
    line-height:                1.5;	
    color:                      #333;
}

ul li
{
    font-family:                Lato,'Helvetica Neue',Helvetica,Arial,sans-serif;
    font-size:                  0.985rem;
    font-weight:                400;
    line-height:                1.4;	
    color:                      #444 !important;
}

h1, 
h2,
h3,
h4,
h5,
h6
{
    color:                      #c9b901;
    font-family:                Lato,'Helvetica Neue',Helvetica,Arial,sans-serif;
}

h2,
.h2
{
    font-size:                  1.75rem;
}

/* 
 * Navbar Top Template
 * ------------------------------ */
.vws-navbar-top
{
    /*background-color:           rgb(253, 196, 53) !important;*/
    background-color:           #efefef;
}

.vws-navbar-top a i
{
    font-size:                  20px !important;
    color:                      rgba(13, 17, 40, 0.925);
}

/*
 * Positioning of main navbar
 * ----------------------------- */
#mainNav
{
    background-color:                   rgba(255, 255, 255, 0.5);
    text-align:                         center;
    height:                             55px;

    padding-top:                        8px;
    -webkit-box-shadow:                 0px 20px 16px rgba(0, 0, 0, 0.045);
    -moz-box-shadow:                    0px 20px 16px rgba(0, 0, 0, 0.045);
    box-shadow:                         0px 20px 16px rgba(0, 0, 0, 0.045);
    z-index:                            999;
    margin-bottom:                      24px;
}

#navBar
{
    font-family:                        "Poppins", sans-serif;
    font-size:                          13px;
    -webkit-box-shadow:                 0px 20px 16px rgba(0, 0, 0, 0.045);
    -moz-box-shadow:                    0px 20px 16px rgba(0, 0, 0, 0.045);
    box-shadow:                         0px 20px 16px rgba(0, 0, 0, 0.045);
    /*margin-bottom:                      40px;*/
}

#mainNav .navbar-brand
{
    /*margin:                             8px;*/
    margin-right:			90px;

}

.navbar-brand span
{
    color: #333 !important;
    margin-left:                        20px;
}

.fixed-top 
{
    position: 				fixed;
    top: 				0;
    right: 				0;
    left: 				0;
    z-index: 				1030;
}
/*
 * Navigation link item
 * ----------------------------- */
#mainNav
{

}

@media only screen and (max-width:767px) 
{

    #mainNav
    {
        /* border-bottom:			6px solid #0d1128;	 */
        border-bottom:			8px solid #fef7a1;	
    }

    .navbar-brand
    {
        width:                          90px;
    }

}

/*
 * Navigation link item
 * ----------------------------- */
.navbar-toggler
{
    color:					#222 !important;
}

/*
 * Navigation link item
 * ----------------------------- */
#mainNav ul li
{
    font-size:                          14px;
    font-weight:                        700;
}

#mainNav ul li.active
{
    background-color:                   transparent;

}

#mainNav ul li.active a
{
    color:				#c9b901;
}

/*
 * Navigation link style
 * ----------------------------- */
.nav-link
{
    font-family:                        Poppins, sans-serif;
    font-weight:			normal;
    font-style:				normal;
    font-size:				16px;
    color:				#333;
}

.nav-link:hover
{

}

/*
 * Pricing Cards
 * ----------------------------- */
section.pricing 
{
    /*background: 			#fdc435;*/
    background:                         linear-gradient(to right, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.05));
    /*background: 			linear-gradient(to right, #fed368, #feda81);*/
}

.pricing .card 
{
    border: 				none;
    border-radius: 			1rem;
    transition: 			all 0.2s;
    box-shadow: 			0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1);
}

.pricing hr 
{
    margin: 					1.5rem 0;
}

.pricing .card-title 
{
    margin:					0.5rem 0;
    font-size: 				1rem;
    letter-spacing: 			.1rem;
    font-weight: 				bold;
}

.pricing .card-price 
{
    font-size: 				1.8rem;
    margin: 				0;
    font-weight:600;
    color:rgba(13, 17, 40, 0.7);
}

.pricing .card-price .period 
{
    font-size: 0.8rem;
}

.pricing ul li 
{
    margin-bottom: 1rem;

}

.pricing .fa-li
{
    font-size: 0.67rem;
}

.pricing .text-muted 
{
    opacity: 0.7;
}

.pricing .btn 
{
    font-size: 80%;
    border-radius: 5rem;
    letter-spacing: .1rem;
    font-weight: bold;
    padding: 1rem;
    opacity: 0.7;
    transition: all 0.2s;
}

@media (min-width: 992px) 
{

    .pricing .card:hover 
    {
        margin-top: -.25rem;
        margin-bottom: .25rem;
        box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.3);
    }

    .pricing .card:hover .btn 
    {
        opacity: 1;
    }
}


/*
 * Slider         
 * ----------------------------- */
#home-slider .slideshow-container 
{
    /* margin-top: 55px; */
    /* margin: auto; */
    max-width: 100%;
    max-height:100vh;
    position: relative;
}


#home-slider .mySlides 
{
    /*height:525px;*/
    /* padding-top: 64px; */
    /* padding-bottom: 32px; */
    display:                    none;
    /*height:                     ;*/
}

#home-slider .text 
{
    color: #f2f2f2;
    font-size: 15px;
    padding: 8px 12px;
    position: absolute;
    bottom: 8px;
    width: 100%;
    text-align: center;
}

#home-slider .numbertext 
{
    color: #f2f2f2;
    font-size: 12px;
    padding: 8px 12px;
    position: absolute;
    top: 0;
}

#home-slider.dot 
{
    cursor: pointer;
    height: 15px;
    width: 15px;
    margin: 0 2px;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
    transition: background-color 0.6s ease;
}

#home-slider.active, .dot:hover 
{
    background-color: #717171;
}

/*#home-slider*/

#home-slider .slideshow-container 
{
    /* margin-top: 55px; */
    /* margin: auto; */
    max-width: 100%;
    max-height:100vh;
    position: relative;
}

#home-slider h2
{
    font-size:  58px;
    margin-top: 50px;
}

#home-slider .overlay
{
    height: 100vh;
    background-color:rgba(0, 0, 0, 0.4);
}

#home-slider .subtitle
{
    width: 400px;
}

#home-slider h3
{
    color: 					#fff;
    font-size: 				24px;
    margin-left: 			72px !important
}

/*
 * Services                
 * ----------------------------- */
.card-service
{
    /* width:						px; */
    height:						300px;
    padding:					20px;
    border: 					none;
    background-color: 			transparent;
}

.card-service .card-header
{
    min-height:					85px;
    background-color: 			transparent;
}

/*
 * Service Item Template
 * ------------------------------ */
.card-service-item
{
    /*border:                             0px;*/
    box-shadow:                         0px 0px 3px 2px rgba(0, 0, 0, 0.075);
    height:                             365px;
    /*background-color:                   rgba(253,196,53, 0.05);*/
    background-position:                center;
    background-size:                    cover;
    border-color:                       transparent;
    background-color:                   transparent;
    border:none;
    font-size: 13px;
}

.card-service-item .card-body
{
    height:                             245px !important;
}

.card-service-item .card-body ul,
.card-service-item .card-body ul li
{
    display:none;
}


.card .card-service-item .card-header
{
    display:  block;
    z-index:999;
    background-color: rgba(255,255, 255, 0.7) !important;
}

.card-service-item .overlay
{
    display:                            none;
    width:                              100%;
    height:                             100%;
    background-color:                   rgba(253,196,53, 0.65);
    color:                              #222 !important;
}

.card-service-item:hover .card-body
{
}

.card-service-item a
{
    font-family: 			'Bebas Neue', cursive !important;
    font-size: 				16px;
    text-decoration:  			none;
}

#coworking 
{
    background-image:                   url('https://www.ventureworkspace.co.za/test/res/services/coworking.jpg');
}

#offices 
{
    background-image:                   url('https://www.ventureworkspace.co.za/test/res/services/offices.jpg');
}

#meeting-rooms
{
    background-image:                   url('https://www.ventureworkspace.co.za/test/res/services/meeting-rooms.jpg');
}

#virtual-office
{
    background-image:                   url('https://www.ventureworkspace.co.za/test/res/services/virtual-office-service.jpg');
}

/*
 * Amenities                     
 * ----------------------------- */
#homeEnquiry
{
    padding-top:                        20px;
    padding-bottom:                        20px;
}

/*
 * Amenities                     
 * ----------------------------- */
#home-amenities
{
    background-color:			rgba(0, 0, 0, 0.025);
}

#home-amenities .vws-section-body
{
    padding-left: 42px;
    padding-right: 42px;
    padding-top:24px;
    padding-bottom:24px;
}

.card-amenity
{
    /* width:						px; */
    height:						300px;
    padding:					20px;
    border: 					none;
    background-color: 			transparent;
}

.card-amenity .card-header
{
    min-height:						85px;
    background-color: transparent;
}

.card-amenity i
{
    font-size:					48px;
    color:						rgba(13, 17, 40, 0.925);
    /* box-shadow:					0px 0px 4px 3px rgba(13, 17, 40, 0.125); */
}

.card-amenity p
{
    font-size:					12px;
}

/*
 * Location Cards                
 * ----------------------------- */
.card-location
{

}

.card-location h2
{
    font-size: 				20px;
    font-family: 			'Bebas Neue', cursive;
    font-weight:			normal;
    font-style:				normal;
    text-transform:			uppercase;
}

.card-location p
{
    font-size: 					13px;
    color: 						#333;
}

/*
 * Blog                          
 * ----------------------------- */
#home-blog
{
    background-color:  			rgba(0, 0, 0, 0.025)
}

#home-blog img
{
    width:						100%;
}

.card-blog
{
    width:						300px;
    height:						175px;
}

.card-blog .card-overlay
{
    background-color:			rgba(0, 0, 0, 0.75);
    display:					none;
    position:					absolute;
    top:						0px;
    left:						0px;
    width:						300px;
    height:						175px;
    padding:					18px;
    padding-top: 				36px;
    font-size:					26px;
    font-family: 				'Bebas Neue', cursive;
    text-align: 				center;
    color:						#FFD600 !important;
}

#home-blog .card-blog:hover .card-overlay
{
    display:					block;
}

#home-blog 
{
    /* margin:						0; */
}

#home-blog .vws-section-body
{
    width:						925px;
    margin: 					auto;
    padding-left: 42px;
    padding-right: 42px;
}

@media (min-width: 992px) 
{
    #home-blog
    {
        padding:				72px 38px;
    }
}

/*
 * Section Template               
 * ----------------------------- */
.vws-section
{
    padding:					52px 48px;
    /*min-height:					80vh;*/
}

.vws-section p.lead
{
    font-size: 					24px;
    margin-bottom: 				30px !important;
}

.vws-section-heading
{
    margin-top:					30px;
    margin-bottom:				30px;
}

.vws-section-heading h2
{
    color: 						rgba(13, 17, 40, 0.925);
    text-align:					center;
    font-family: 				Arial, sans-serif;
    font-weight:				normal;
    font-style:					normal;
    font-size:					28px;
}

.vws-section-heading  h3
{
    color: 					rgba(13, 17, 40, 0.925);
    text-align:					center;
    font-family: 				Arial, sans-serif;
    font-weight:				normal;
    font-style:					normal;
    font-size:					18px;
}

.vws-section-body
{

}

/*
 * Section Template
 * --------------------- */
.bg-primary 
{

}

/*
 * Section Template
 * --------------------- */
.dac-section
{
    height:                                     100vh;
}

.dac-section #homeHero
{
    background:                                 linear-gradient(to right, rgba(253, 196, 53, 0.9), rgba(253, 196, 53, 0.885), rgba(253, 196, 53, 0.875), rgba(253, 196, 53, 0.8), rgba(253, 196, 53, 0.65), rgba(253, 196, 53, 0.3), rgba(253, 196, 53, 0.2), rgba(253, 196, 53, 0.15));
}

.dac-section #homeHero .inner
{
    background-image:                           url("../res/heros/1.jpg");
    background-size:                            cover;
    width:                                      100%;
    height:                                     100%;
}

/*
 * Subheading Template                         
 * ----------------------------- */
.vws-subheader
{
    height:                                     100px;
    background-color:                           #f1f1f1;
    background-position:                        top;
    background-size:                            50%;
    margin-top:                                 85px;
}

.vws-subheader span
{
    background-color:                           rgba(0, 0, 0, 0.325);
    height:                                     100px;
    width:                                      100%;
    padding-top:                                38px;
    padding-bottom:                             38px;
}

.vws-subheader h2
{
    color:                                      #fff;
}

.vws-subheader h2 small
{
    font-size:					12px;
    color:                                      #fff;
}

/* 
 * Slider Template
 * ------------------------------ */
.vws-slider
{
}

.vws-slide
{
    background-position:                        top; 
    background-size:                            cover; 
    background-repeat:                          no-repeat; 
    text-align:                                 left; 
    -webkit-animation-name:                     fade;
    -webkit-animation-duration:                 2.2s;
    animation-name:                             fade;
    animation-duration:                         432     1s;
}

@-webkit-keyframes fade 
{
    from {opacity: .4} 
    to {opacity: 1}
}

@keyframes fade 
{
    from {opacity: .4} 
    to {opacity: 1}
}

.vws-slide-title
{
    color:                                      #fff !important; 
    text-shadow:                                2px 3px rgba(0, 0, 0, 0.4);
}

.vws-slide-subtitle
{
    box-shadow:                                 0px 0px 2px 1px rgba(0, 0, 0, 0.25)
}

.vws-slide-action
{

}

.vws-slide-overlay
{
    padding-top:                                90px; 
    background-color:                           rgba(0, 0, 0,  0.125);
}



/* 
 * Form Template
 * ------------------------------ */
.vws-form
{

}

.vws-form input
{
    border-radius:                      1.5%;
    /*line-height:                        2;*/
    border-width:                       0.5px;
    border:                             none;
}

.vws-form button
{
    font-family: 			'Bebas Neue', cursive;
    font-size: 				18px;
    text-decoration:  			none;
}

.vws-form-subscribe
{

}

/* 
 * Home Page Counter
 * ------------------------------------ */
.counter
{
    background-color: rgba(253, 196, 53, 0.75);
    text-align: center;
}

.employees,
.customer,
.design,
.order
{
    margin-top: 70px;
    margin-bottom: 70px;
}

.counter-count
{
    font-family: 			'Bebas Neue', cursive;
    font-size: 				18px;
    color:                              rgba(13, 17, 40, 0.925);
    font-size: 32px;
    background-color: #fff;
    border-radius: 50%;
    position: relative;
    text-align: center;
    line-height: 92px;
    width: 92px;
    height: 92px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    display: inline-block;
}

.employee-p,
.customer-p,
.order-p,
.design-p
{
    font-size:16px;
    color: #000000;
    line-height: 34px;
}

/*
 * Footer                         
 * ----------------------------- */
.pre-footer
{
    /*background-color: rgba(0, 0, 0, 0.0125)!important;*/
    padding-top:            auto;
}

main
{
    height: 78vh;
}

img
{
    /*margin:28px;*/
    /*margin-top:40px;*/
}

h1
{
    margin:28px;
    margin-right: 8px;
    text-align: left !important;
}

h1 text
{
    /*font-weight:800px;*/
}

p
{
    /*margin:28px;*/
    /*margin-right: 8px;*/
    text-align: left !important;
}

footer
{
    /*height:100%;*/
    /*font-family: Poppins,sans-serif;*/
    font-family:                                Arial;
    font-size: 0.8rem;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    box-sizing: border-box;
    background-color:  			rgb(91,103,112);
    /*background-color: rgba(0, 0, 0, 7)!important;*/
    padding-top: 4rem;
    padding-bottom: 0rem;
    display: flex;
    position: relative;
    color: #fff!important;
    padding: 45px;

    /*margin-top: auto;*/
    /* -webkit-box-shadow: inset 10px 40px 66px -30px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: inset 10px 40px 66px -30px rgba(0, 0, 0, 0.15);
    box-shadow: inset 10px 62px 40px -30px rgba(0, 0, 0, 0.15); */
}

footer .btn
{
    background-color:                           #fdc435;
    border-color:                               #e3a302;
}

footer p
{
    font-size:					1rem;
}

footer h6
{
    font-size: 					0.8rem;
    font-weight: 				600 !important;
    text-transform:                             uppercase;
    color:                                      #fff;
}

footer a
{
    color:                                      #fff;
    font-size:                                  0.8rem;
    font-weight:                                300;
}

footer a:hover
{
    text-decoration:                            underline;
}

footer small
{
    font-size:                                  0.8rem !important;
}

footer a:hover
{
    color:					#fdc435;
}

.footer-end
{
    background-color:                           rgb(254, 241, 85);
    border-bottom:                              4px solid rgba(255, 255, 255, 0.7);
    text-align:                                 center;
    padding-top:                                12px;
    padding-bottom:                             12px;
}

.footer-end a
{
    font-family: 			'Bebas Neue', cursive;
    font-size: 				16px;
    text-decoration:  			none;
    color:                              #222;
}

/*
 * Construction Page Template
 * ------------------------------- */
#img1
{
    background-image:                   url("../res/photos/1.jpg");
    background-position:                center right;
}

#img2
{
    background-image:                   url("../res/photos/2.jpg");
    background-position:                top right;
}

#img3
{
    background-image:                   url("../res/photos/0.jpg");
    background-position:                bottom right;
}

.dac-temp-image 
{
    background-repeat:                  no-repeat;
    background-size:                    cover;
    width:                              100%;
    height:                             100%;
}

/*
 * Contact form
 * --------------------- */
.contact-form
{
    font-size:                          13px;
    padding:                            18px;
}

.contact-form input,
.contact-form textarea
{
    width: 100%;
}

.contact-form label
{

}

/*
 * Contact Page Template
 * ------------------------ */
#contact
{
    font-size:                          inherit;
}

#contact i
{
    font-size:                          28px;
    color:                              #fff;
    font-weight:                        700;
}

#contact .icon
{
    background-color:                   rgba(253, 196, 53, 0.75);
    width:                              28px;
    height:                             28px;
    border-radius:                      45%;
}

.carousel-item {
    height: 50vh;
    min-height: 350px;
    /*background: linear-gradient(to right, rgba(0,  0,  0,  0), rgba(0,  0,  0,  0.2), rgba(0, 0, 0, 0.3));*/
    /*background: no-repeat center center scroll;*/
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.carousel-slide-inner
{
    background-color: red;
}


/*
 * Project Card Template
 * ---------------------- */
.dac-project p
{
    font-size:                          12px;
    font-family:                        Arial, sans-serif;
    font-weight:                        400;
    color:                              #333;
}

.dac-project-image 
{
    background-size:                    cover;
    width:                              100%;
    height:                             350px;
}

.dac-project-title
{
    background-color:                   rgba(0, 0, 0, 0.0125);
    /*height:                             75px;*/
    position:                           relative;
    width:                              100%;
    left:                               0px;
    right:                              0px;
    bottom:                             0px;
    padding-top:                        20px;
    padding-bottom:                     14px;
    z-index:                            20;
}

.dac-project-title h2
{
    font-size:                          42px;
    font-weight:                        500;
    color:                              #fdc435;
    font-family:                        Arial;
}

/*
 * Contact us section
 * ---------------------------- */
.dac-contact-us
{
    background-color:                   rgb(53,210,253);
}

.dac-contact-us h2
{

}


/* 
 * Shadows & Effects
 * ----------------------------- */
.shadow-lg
{
    box-shadow:                         0 1rem 3rem rgba(254, 247, 161, 0.175) !important;
}

/*
 * Showcase template
 * ----------------------- */
.showcase
{
    /*padding:                            7rem;*/
}

.showcase .showcase-text 
{
    padding:                            7rem;
    color:                              #333;
}

.showcase .showcase-text h2
{
    font-size:                          2rem;
}

.showcase .showcase-text p.lead
{
    font-size:                          1.25rem;
    font-weight:                        300;
}

.showcase .showcase-img 
{
    min-height:                         20rem;
    background-size:                    cover;
    background-repeat:                    no-repeat;
}

@media only screen and (max-width: 600px) 
{

    .showcase .showcase-text 
    {
        padding:                            3rem;
        color:                              #333;
    }

    .showcase .showcase-text h2
    {
        font-size:                          1.6rem;
    }

    .showcase .showcase-text p.lead
    {
        font-size:                          1.10rem;
        font-weight:                        300;
    }

    .showcase .showcase-img 
    {
        max-height:                           320px;
        min-height:                           310px;
        /*background-size:                    cover;*/
        background-size:                    contain;
        background-repeat:                  no-repeat;
    }

    #carouselExampleSlidesOnly2
    {
        /*margin-bottom: 65px;*/
    }
    
    #carouselExampleSlidesOnly2 .carousel-item
    {
        max-height:                           320px;
        min-height:                           320px;
    }

    #imgCustomDesignAndManufacture
    {
        background-repeat:                  no-repeat;
        max-height:                           220px;
        min-height:                           220px;
    }

    #imgPneumatic
    {
        /*max-width:                           100%;*/
        /*min-width:                           100%;*/
        max-height:                           360px;
        min-height:                           400px;
    }
    
    #imgPowerFactorSurveys
    {
        min-width:                           100%;
        max-width:                           100%;
        /*min-height:                           280px;*/
    }
    
}

#carouselExampleSlidesOnly2
{
    background-color:                   rgba(253, 196, 53, 0.65);
    width:                              100%;
}

#carouselExampleSlidesOnly2 .carousel-item
{
    height:                             120vh;
    width:                              100%;
}

#carouselExampleSlidesOnly3 .carousel-item
{
    min-height:                         520px;
    max-height:                         520px;
    width:                              100%;
}

#carouselExampleSlidesOnly2 .carousel-inner
{
    width:                              100%;
}

.btn-primary 
{
    font-size:                          0.95rem;
    font-weight:                        600;
    padding-top:                        8px;
    padding-bottom:                     10px;
    margin-top:                         8px;
}

@media only screen and (max-width: 600px) 
{
    carouselExampleSlidesOnly3
    {
        background-color:                   rgba(253, 196, 53, 0.65);
    }
    
    
}

carouselExampleSlidesOnly
{
    background-color:                   #fff;
}

/*
 * Home Map
 * -------------------- */
#homeMap
{
    /*margin-top:                         42px;*/
    /*margin-bottom:                      42px;*/
}

section
{
    margin-top:                        40px;
    margin-bottom:                        24px;
}

section h2
{
    margin-bottom: 12px;
}



/*
 * About
 * -------------- */
.about-membership-icon
{
    max-height:                              150px !important;
}

#imgCustomDesignAndManufacture
{
    /*background-image:                       url('../res/services/custom_design_manufacture_and_assembly_row.jpg');*/
}

#imageElectricalPower
{
    /*-webkit-transition: background-image 0.6s ease-in-out;*/
    /*transition: background-image 0.6s ease-in-out;*/
    background:                             url('../res/services/electrical_power_distribution_outside.jpg');
    background-size:                        contain; 
    /*background-position:                    center;*/
    height:                                 550px;
    -webkit-transition:                     background-image 0.6s ease-in-out;
}

#imageElectricalPower:hover
{
    -webkit-transition:                     background-image 0.6s ease-in-out;
    background:                             url('../res/services/electrical_power_distribution_inside.jpg');
}

/*
 * Section list template
 * -------------------------- */
.dac-section-list li
{
    color:                                 #444;
}