/* Effect 1 */

.flex-control-paging li a, .flex-control-paging li a.flex-active{background: #ffffff;

                                                                 background: rgba(255,255,255,0.9);

                                                                 cursor: default;

                                                                 border: none;

                                                                 box-shadow: none;

}

.flex-control-paging li a, .flex-control-paging li a:hover {

    background: #ffffff;

    background: rgba(255,255,255,1);

}



.notActive{

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

    /* IE 5-7 */

    filter: alpha(opacity=50);

    /* Netscape */

    -moz-opacity: 0.5;

    /* Safari 1.x */

    -khtml-opacity: 0.5;

    /* Good browsers */

    opacity: 0.5;

}

input:focus::-webkit-input-placeholder { color:transparent; }

input:focus:-moz-placeholder { color:transparent; } /* FF 4-18 */

input:focus::-moz-placeholder { color:transparent; } /* FF 19+ */



.flex-control-paging li a {

    width: 10px;

    height: 10px;

    background: rgba(255,255,255,0.6);

    box-shadow: none;

    cursor:pointer;}

.flex-control-paging  a {

    display: inline-block;

    font-size: 0px;

    cursor: pointer;

    margin: 15px 5px;

    width: 90px;

    height: 90px;

    border-radius: 50%;

    text-align: center;

    position: relative;

    z-index: 1;

    color: #fff;



}



.flex-control-paging li a:after {

    pointer-events: none;

    position: absolute;

    width: 100%;

    height: 100%;

    border-radius: 50%;

    content: '';

    -webkit-box-sizing: content-box; 

    -moz-box-sizing: content-box; 

    box-sizing: content-box;

    cursor:pointer;

}



.flex-control-paging li a:before {

    font-family: 'ecoicon';

    speak: none;

    font-size: 48px;

    line-height: 90px;

    font-style: normal;

    font-weight: normal;

    font-variant: normal;

    text-transform: none;

    display: block;

    -webkit-font-smoothing: antialiased;

    cursor:pointer;

}



.flex-control-paging  a {

    background: rgba(255,255,255,0.1);

    -webkit-transition: background 0.2s, color 0.2s;

    -moz-transition: background 0.2s, color 0.2s;

    transition: background 0.2s, color 0.2s;

    cursor:pointer;

}





.flex-control-paging a:hover:after,

.flex-control-paging li a.flex-active:after{

    top: -7px;

    left: -7px;

    padding: 7px;

    box-shadow: 0 0 0 1px #fff;

    -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;

    -webkit-transform: scale(1);

    -moz-transition: -moz-transform 0.2s, opacity 0.2s;

    -moz-transform: scale(1);

    -ms-transform: scale(1);

    transition: transform 0.2s, opacity 0.2s;

    transform: scale(1);

    opacity: 1;

    cursor:pointer;

}

.flex-control-paging li a:hover:after, .flex-control-paging li a.flex-active:hover:after{

    /*

        background: #ffffff;

    background: rgba(255,255,255,0);

    cursor: default;

        border: none;

    box-shadow: none;

    */

    -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;

    -webkit-transform: scale(1);

    -moz-transition: -moz-transform 0.2s, opacity 0.2s;

    -moz-transform: scale(1);

    -ms-transform: scale(1);

    transition: transform 0.2s, opacity 0.2s;

    transform: scale(1);

    cursor:pointer;

}

/* Effect 1a */

.flex-control-paging a li a, .flex-control-paging a:hover {

    background: rgba(255,255,255,1);

    color: #41ab6b;

    cursor:pointer;

}.flex-control-paging li a.flex-active:after, .flex-control-paging a:hover{

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1);

    opacity: 1;

    background: rgba(255,255,255,0);

    cursor:pointer;

}



.flex-control-paging  a:hover:after,  {

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1);

    opacity: 1;

    cursor:pointer;

}