#data-slider .slide {
    margin-top: 50px;
}

#data-slider .slide p,
#data-slider .slide h2 { 
    color: #fff!important; 
    text-align: center!important; 
    margin-bottom: 20px!important; 
    width: 100%; 
}

#data-slider .slide p { 
    font-size: 16px; 
}

#data-slider p.main-description {
    font-size: 20px;
}

#data-slider .divider {
    border-bottom: 3px solid #fff;
    width: 75px; 
    margin: 0 auto 30px auto;
}


#data-slider .slide-controls {
    background: #fff;
    width: 300px; 
    height: 300px;
    padding: 65px 25px; 
    margin: 70px auto 0;
    border-radius: 150px; 
    text-align: center; 
}


#data-slider .control-wrapper h3,
#data-slider .control-wrapper p {
    color: #000!important
}

#data-slider .control-wrapper p { font-size: 16px; }

#data-slider .triggers li { 
    list-style-type: none; 
    display: inline-block; 
    position:relative; }

#data-slider .triggers li a { 
    display: block; 
    padding: 10px;
    border: 1px solid #fff;
    border-radius: 60px ;
    width: 60px; 
    text-align: center; 
    height: 60px; 
}

#data-slider .triggers li a i {
    color: #fff!important;
    font-size: 30px; 
    margin-top: 5px; 
}

#data-slider .triggers li.trigger-1 { top: -200px; left: 20px }
#data-slider .triggers li.trigger-2 { top: -375px; left: 160px;  }
#data-slider .triggers li.trigger-3 { top: -20px; left: -35px }
#data-slider .triggers li.trigger-4 { top: -200px; left: 230px;}
#data-slider .triggers li.trigger-5 { top: -20px; left: 90px; }

@media (max-width: 1200px) {
    #data-slider ul.triggers {
        position: relative;
        left: -48px;
    }  
}

@media (max-width: 991px) {
    #data-slider .control-wrapper {
        margin-top: 130px; 
    }  

    #data-slider ul.triggers {
        left: 75px;
    }
}


@media (max-width: 768px) {

    .bluePane,
    #data-slider {
        padding: 0!important
    }

    #data-slider .slide {
        margin-top: 0
    }

    #data-slider ul.triggers {
        left: 0px;
        width: 100%;
        margin: 20px 0 65px 0;
        text-align: center; 
    }

    #data-slider .control-wrapper,
    #data-slider .slide-controls {
        margin-top: 40px
    }

    #data-slider .triggers li.trigger-1, 
    #data-slider .triggers li.trigger-2, 
    #data-slider .triggers li.trigger-3, 
    #data-slider .triggers li.trigger-4, 
    #data-slider .triggers li.trigger-5 { 
        top: 20px; 
        left: 0px; 
        margin-right: 20px;
        margin-left: 0px
    }

    #data-slider .triggers li.trigger-5 { margin-right: 0 }
}

@media (max-width: 520px) {
    #data-slider .triggers li.trigger-1, 
    #data-slider .triggers li.trigger-2, 
    #data-slider .triggers li.trigger-3, 
    #data-slider .triggers li.trigger-4, 
    #data-slider .triggers li.trigger-5 { 
        margin-right: 10px;
    }
}

.description-2,
.description-3,
.description-4,
.description-5 {
    display: none
}

#data-slider .triggers li.active a {
    background-color: #fff;
}

#data-slider .triggers li.active a,
#data-slider .triggers li a {
    background-repeat: no-repeat;
    background-position: center;
	background-size: 40px
}

#data-slider .trigger-1 a{
    background: url(/DesktopModules/Clarity/Industries_Widget/images/icon-small-automotive.png)
}
#data-slider .trigger-1.active a {
    background: url(/DesktopModules/Clarity/Industries_Widget/images/icon-small-automotive-blue.png)
}


#data-slider .trigger-2 a {
    background: url(/DesktopModules/Clarity/Industries_Widget/images/icon-small-industry.png)
}
#data-slider .trigger-2.active a {
    background: url(/DesktopModules/Clarity/Industries_Widget/images/icon-small-industry-blue.png)
}

#data-slider .trigger-3 a {
    background: url(/DesktopModules/Clarity/Industries_Widget/images/icon-small-programming.png)
}
#data-slider .trigger-3.active a {
    background: url(/DesktopModules/Clarity/Industries_Widget/images/icon-small-programming-blue.png)
}


#data-slider .trigger-4 a {
    background: url(/DesktopModules/Clarity/Industries_Widget/images/icon-small-wireless.png)
}
#data-slider .trigger-4.active a {
    background: url(/DesktopModules/Clarity/Industries_Widget/images/icon-small-wireless-blue.png)
}


#data-slider .trigger-5 a {
    background: url(/DesktopModules/Clarity/Industries_Widget/images/icon-small-medical.png)
}
#data-slider .trigger-5.active a {
    background: url(/DesktopModules/Clarity/Industries_Widget/images/icon-small-medical-blue.png)
}