/* Global styles
================================================== */

/*--- Colour-Picker --*/
.colour-picker {
        display: block;
	-moz-box-shadow:    1px 1px 1px #55ff55;    /*--- Green Corner Border ---*/
        -webkit-box-shadow: 1px 1px 1px #55ff55;
        box-shadow:         1px 1px 1px #55ff55;
}

.colour-picker-img {
        background-image:url("../../img/colour-pick.png");          
        background-size: contain;
        background-repeat:no-repeat;    
        background-color:  #ddffdd;                               /*--- Slight Green Background ---*/
        height:100%;
}

a.close-styler {
  color: #ffffff !important;                           /*--- White Text Button ---*/
  padding: 7px 20px !important;
  margin-right: 6px;
  background-color: #eeeeff;                           /*--- Slight Blue Background ---*/  
	-moz-box-shadow:    1px 1px 1px 0px #ff5555;    /*--- Blue Corner Border ---*/
        -webkit-box-shadow: 1px 1px 1px 0px #ff5555;
        box-shadow:         1px 1px 1px 0px #ff5555;
}

body {
	background:#aaaaaa;
       font-family: 'Open Sans', sans-serif;      
       -webkit-transition: all 2s ease-in-out;
        transition: all 2s ease-in-out;
}

/*--- Login Unit ---*/
.login-unit {		
	margin-top: 30px;
	margin-bottom: 10px;
	padding-bottom: 5px;
	border: 1px solid #383737;
	background-image:url('../../img/background-dash.png');
	background-color: #ffffff;                      /*--- White Hover Shaddow ---*/
	-moz-box-shadow:    1px 1px 1px 0px #55cc55;    /*--- Green Hover Corner Border ---*/
        -webkit-box-shadow: 1px 1px 1px 0px #55cc55;
        box-shadow:         1px 1px 1px 0px #55cc55;
	color:white;
  *-webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
           overflow:hidden;
  -webkit-transition: all 2s ease-in-out;
          transition: all 2s ease-in-out;
  margin-right: auto;
  margin-left: auto;
}


.login-unit {		
	width: 500px;
	height:650px;
}

.login-unit dtitle {
	font-size:11px;
	text-transform:uppercase;
	color:#000000;
	margin:8px;
	padding:0px;
	height:inherit	
	}
	
.login-unit hr {
  	border: 0;
  	border-top: 1px solid #151515;
  	border-top-style: dashed;
	margin-top:3px;
}

.login-unit h1 {
	font-family: 'Raleway', sans-serif;
	font-weight:bold;
	font-size: 30px;
	line-height: 2px;
	letter-spacing: 0px;
	color: #55ee55;
	padding-top:10px;
	padding-left:5px;
	padding-bottom:10px;
	margin-top:2px;
	text-align:center;
  -webkit-transition: all 2s ease-in-out;
          transition: all 2s ease-in-out;
}

.login-unit h2 {
	font-family: 'Open Sans', sans-serif;
	font-weight: bold;
	font-size: 25px;
	line-height: 26px;
	letter-spacing: 0px;
	color: #000000;
	padding-top:10px;
	padding-left:5px;
	margin-top:2px;
	text-align:center;
}


.login-unit h3 {
	font-weight:300;
	font-size: 22px;
	line-height: 2px;
	letter-spacing: 0px;
	color: #000000;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:5px;
	margin-top:2px;
	text-align:center;
}

.login-unit h4 {
	font-weight:300;
	font-size: 22px;
	line-height: 2px;
	letter-spacing: 0px;
	color: #000000;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:5px;
	margin-top:2px;
	margin-left:60px;
	margin-right:60px;
	text-align:right;
}


.login-unit p {
	font-size: 20px;
	font-weight: 200;
	line-height: 16px;
	color: #000000;
	margin: 0 0 10px;
	padding:5px;
 }

.login-unit bold{
	font-family: 'Open Sans', sans-serif;
	font-size:25px;
	font-weight:bold;
	color:#ffffff;
	vertical-align:middle;
}

/*--- Profile Unit ---*/
.profile-unit {		
	margin-top: 30px;
	margin-bottom: 10px;
	padding-bottom: 5px;
	border: 1px solid #383737;
	background-image:url('../../img/background-dash.png');
	background-color: #ffffff;                      /*--- White Hover Shaddow ---*/
	-moz-box-shadow:    1px 1px 1px 0px #cc5555;    /*--- Blue Hover Corner Border ---*/
        -webkit-box-shadow: 1px 1px 1px 0px #cc5555;
        box-shadow:         1px 1px 1px 0px #cc5555;
	color:white;
  *-webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
           overflow:hidden;
  -webkit-transition: all 2s ease-in-out;
          transition: all 2s ease-in-out;
  margin-right: auto;
  margin-left: auto;
}

.profile-unit {		
	width: 550px;
	height:800px;
}

.profile-unit dtitle {
	font-size:11px;
	text-transform:uppercase;
	color:#000000;
	margin:8px;
	padding:0px;
	height:inherit	
	}
	
.profile-unit hr {
  	border: 0;
  	border-top: 1px solid #151515;
  	border-top-style: dashed;
	margin-top:3px;
}

.profile-unit h1 {
	font-family: 'Raleway', sans-serif;
	font-weight:bold;
	font-size: 30px;
	line-height: 2px;
	letter-spacing: 0px;
	color: #55ee55;
	padding-top:10px;
	padding-left:5px;
	padding-bottom:10px;
	margin-top:2px;
	text-align:center;
  -webkit-transition: all 2s ease-in-out;
          transition: all 2s ease-in-out;
}

.profile-unit h2 {
	font-family: 'Open Sans', sans-serif;
	font-weight: bold;
	font-size: 25px;
	line-height: 26px;
	letter-spacing: 0px;
	color: #000000;
	padding-top:10px;
	padding-left:5px;
	margin-top:2px;
	text-align:center;
}


.profile-unit h3 {
	font-weight:300;
	font-size: 22px;
	line-height: 2px;
	letter-spacing: 0px;
	color: #000000;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:5px;
	margin-top:2px;
	text-align:center;
}

.profile-unit h4 {
	font-weight:300;
	font-size: 22px;
	line-height: 2px;
	letter-spacing: 0px;
	color: #000000;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:5px;
	margin-top:2px;
	margin-left:60px;
	margin-right:60px;
	text-align:right;
}


.profile-unit p {
	font-size: 20px;
	font-weight: 200;
	line-height: 16px;
	color: #000000;
	margin: 0 0 10px;
	padding:5px;
 }

.profile-unit bold{
	font-family: 'Open Sans', sans-serif;
	font-size:25px;
	font-weight:bold;
	color: #000000;
	vertical-align:middle;
}

/*--- Register Unit ---*/
.register-unit {		
	margin-top: 30px;
	margin-bottom: 10px;
	padding-bottom: 5px;
	border: 1px solid #383737;
	background-image:url('../../img/background-dash.png');
	background-color: #ffffff;                      /*--- White Hover Shaddow ---*/
	-moz-box-shadow:    1px 1px 1px 0px #cc5555;    /*--- Green Hover Corner Border ---*/
        -webkit-box-shadow: 1px 1px 1px 0px #cc5555;
        box-shadow:         1px 1px 1px 0px #cc5555;
	color:white;
	width: 500px;
	height:720px;
  *-webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
           overflow:hidden;
  -webkit-transition: all 2s ease-in-out;
          transition: all 2s ease-in-out;
  margin-right: auto;
  margin-left: auto;
}

.register-unit dtitle {
	font-size:11px;
	text-transform:uppercase;
	color:#000000;
	margin:8px;
	padding:0px;
	height:inherit	
	}
	
.register-unit hr {
  	border: 0;
  	border-top: 1px solid #151515;
  	border-top-style: dashed;
	margin-top:3px;
}

.register-unit h1 {
	font-family: 'Raleway', sans-serif;
	font-weight:bold;
	font-size: 30px;
	line-height: 2px;
	letter-spacing: 0px;
	color: #55ee55;
	padding-top:10px;
	padding-left:5px;
	padding-bottom:10px;
	margin-top:2px;
	text-align:center;
  -webkit-transition: all 2s ease-in-out;
          transition: all 2s ease-in-out;
}

.register-unit h2 {
	font-family: 'Open Sans', sans-serif;
	font-weight: bold;
	font-size: 25px;
	line-height: 26px;
	letter-spacing: 0px;
	color: #000000;
	padding-top:10px;
	padding-left:5px;
	margin-top:2px;
	text-align:center;
}


.register-unit h3 {
	font-weight:300;
	font-size: 22px;
	line-height: 2px;
	letter-spacing: 0px;
	color: #000000;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:5px;
	margin-top:2px;
	text-align:center;
}

.register-unit h4 {
	font-weight:300;
	font-size: 22px;
	line-height: 2px;
	letter-spacing: 0px;
	color: #000000;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:5px;
	margin-top:2px;
	margin-left:60px;
	margin-right:60px;
	text-align:right;
}


.register-unit p {
	font-size: 20px;
	font-weight: 200;
	line-height: 16px;
	color: #000000;
	margin: 0 0 10px;
	padding:5px;
 }

.register-unit bold{
	font-family: 'Open Sans', sans-serif;
	font-size:25px;
	font-weight:bold;
	color:#000000;
	vertical-align:middle;
}


/*--- Dashboard Unit ---*/
.dash-unit {		
	margin-bottom: 10px;
	padding-bottom: 5px;
	border: 1px solid #383737;
	background-image:url('../../img/background-dash.png');
	background-color: #fafffa;                     /*--- Slight Green Background --*/
	color:black;
	height:310px;
  *-webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
           overflow:hidden;
  -webkit-transition: all 2s ease-in-out;
          transition: all 2s ease-in-out;
}

.dash-unit:hover {
	background-color: #ffffff;                      /*--- White Hover Shaddow ---*/
	-moz-box-shadow:    1px 1px 1px 0px #55cc55;    /*--- Green Hover Corner Border ---*/
        -webkit-box-shadow: 1px 1px 1px 0px #55cc55;
        box-shadow:         1px 1px 1px 0px #55cc55;
  -webkit-transition: all 0.1s ease-in-out;
          transition: all 0.1s ease-in-out;

}
.half-unit:hover {
	background-color: #ffffff;                      /*--- White Hover Shaddow ---*/
	-moz-box-shadow:    1px 1px 1px 0px #55cc55;    /*--- Green Hover Corner Border ---*/ 
    -webkit-box-shadow:     1px 1px 1px 0px #55cc55;
    box-shadow:             1px 1px 1px 0px #55cc55;
  -webkit-transition: all 0.1s ease-in-out;
          transition: all 0.1s ease-in-out;

}

.dash-unit dtitle {
	font-size:11px;
	text-transform:uppercase;
	color:#000000;
	margin:8px;
	padding:0px;
	height:inherit	
	}
	
.dash-unit hr {
  	border: 0;
  	border-top: 1px solid #151515;
  	border-top-style: dashed;
	color: #000000;
	margin-top:3px;
}

.dash-unit h1 {
	font-family: 'Raleway', sans-serif;
	font-weight:300;
	font-size: 20px;
	line-height: 2px;
	letter-spacing: 0px;
	color: #000000;
	padding-top:10px;
	padding-left:5px;
	margin-top:2px;
	text-align:center;
  -webkit-transition: all 2s ease-in-out;
          transition: all 2s ease-in-out;
}

.dash-unit h2 {
	font-family: 'Open Sans', sans-serif;
	font-weight: bold;
	font-size: 30px;
	line-height: 26px;
	letter-spacing: 0px;
	color: #000000;
	padding-top:10px;
	padding-left:5px;
	margin-top:2px;
	text-align:center;
}


.dash-unit h3 {
	font-weight:300;
	font-size: 15px;
	line-height: 2px;
	letter-spacing: 0px;
	color: #000000;
	padding-top:10px;
	padding-left:5px;
	margin-top:2px;
	text-align:center;
}


.dash-unit p {
	font-size: 14px;
	font-weight: 200;
	line-height: 16px;
	color: #000000;
	margin: 0 0 10px;
	padding:5px;
 }

.dash-unit h4 {
	padding-left:5px;
	margin-top:2px;
	font-size: 13px;
	font-weight:lighter;
	line-height: 1;
	letter-spacing: 0px;
	color: #000000;
}

.dash-unit bold{
	font-family: 'Open Sans', sans-serif;
	font-size:26px;
	font-weight:bold;
	color: #000000;
	vertical-align:middle;
}


/**********Half-Unit **********/   
.half-unit {		
	margin-bottom: 10px;
	padding-bottom: 2px;
	border: 1px solid #383737;
	background-image:url('../../img/background-dash.png');
	background-color: #fafffa;                     /*--- Slight Green Background --*/
	color:black;
	height:150px;
  *-webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
           overflow:hidden;
  -webkit-transition: all 2s ease-in-out;
          transition: all 2s ease-in-out;
}

.half-unit dtitle {
	font-size:10px;
	text-transform:uppercase;
	color:#000000;
	margin:8px;
	padding:0px;
	height:inherit	
  -webkit-transition: all 2s ease-in-out;
          transition: all 2s ease-in-out;
	}
	
.half-unit hr {
  	border: 0;
  	border-top: 1px solid #151515;
  	border-top-style: dashed;
	margin-top:3px;
  -webkit-transition: all 2s ease-in-out;
          transition: all 2s ease-in-out;
}

.half-unit h1 {
	font-family: 'Raleway', sans-serif;
	font-weight:300;
	font-size: 20px;
	line-height: 1;
	letter-spacing: 0px;
	color: #000000;
	padding-top:10px;
	padding-left:5px;
	margin-top:2px;
	text-align:center;
  -webkit-transition: all 2s ease-in-out;
          transition: all 2s ease-in-out;
}

.half-unit h4 {
	padding-left:5px;
	margin-top:2px;
	font-size: 13px;
	font-weight:lighter;
	line-height: 1;
	letter-spacing: 0px;
	color: #fff;
  -webkit-transition: all 2s ease-in-out;
          transition: all 2s ease-in-out;
}


.half-unit bold{
	font-family: 'Open Sans', sans-serif;
	font-size:26px;
	font-weight:bold;
	color:#fff;
	vertical-align:middle;
  -webkit-transition: all 2s ease-in-out;
          transition: all 2s ease-in-out;
}

a{
	color: #33ff33;
  -webkit-transition: all 2s ease-in-out;
          transition: all 2s ease-in-out;
}

a.read-more:hover{
	color: #327cbc;
  -webkit-transition: all 0.1s ease-in-out;
          transition: all 0.1s ease-in-out;
}

/**********Accordion Styling**********/   

.accordion-group {
/*	border: 1px solid #222;*/
}
.accordion-body {
        padding-left:10px;
        }
.accordion-heading {
        padding-left:5px;
	margin-left:2px;
	margin-right:2px;
  background-color: #5a5a5a;
  *background-color: #5a5a5a;
    background-repeat: repeat-x;
  *-webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
    zoom: 1;
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.1);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.1);
	background-image: linear-gradient(to bottom, #e8e8e8, #dddddd);
        }

/***********LineIcons Styles***********/

.img-circle {
          border: 1px solid #00ff00;
          }


.info-user {
	text-align:center;
	font-size: 24px;
	color: #009900;     
        -webkit-transition: all 2s ease-in-out;
        transition: all 2s ease-in-out;
	}
.info-user:hover {
	color: #000000;
	cursor:pointer
        -webkit-transition: all 0.1s ease-in-out;
        transition: all 0.1s ease-in-out;
}

.fs1, .fs-nav {
	padding:12px 12px 12px 12px;  /*User Icons*/
	color: #11ff11;
	position:relative;
        -webkit-transition: all 2s ease-in-out;
        transition: all 2s ease-in-out;
}

.fs1:hover {
	position:relative;
	color: #000000;
	cursor:pointer
        -webkit-transition: all 0.1s ease-in-out;
        transition: all 0.1s ease-in-out;
}

.fs-nav:hover {
	position:relative;
	color: #ffffff;
	cursor:pointer
        -webkit-transition: all 0.1s ease-in-out;
        transition: all 0.1s ease-in-out;
}

.fs2 {
	padding:5px 5px 5px 5px;
	position:relative;
	font-size:35px;
	vertical-align: text-bottom
        -webkit-transition: all 2s ease-in-out;
        transition: all 2s ease-in-out;
}

.icon {
  display: inline-block;
  width: 55px;
  height: 55px;
  background: #11aa11;
  border-color: blue;
  -webkit-mask-size: cover;
  mask-size: cover;
        -webkit-transition: all 2s ease-in-out;
        transition: all 2s ease-in-out;
}
.icon:hover,
.icon:focus {
  background: #000000;
	cursor:pointer
        -webkit-transition: all 0.1s ease-in-out;
        transition: all 0.1s ease-in-out;
} 


/* Typography
================================================== */

a {
  color: #11ff11;
  text-decoration: none;
  -webkit-transition: all 2s ease-in-out;
          transition: all 2s ease-in-out;
}

a:hover,
a:focus {
  outline: thin dotted #11ff11;
  outline: 1px auto -webkit-focus-ring-color;
  outline-offset: 1px;
  color: #11ff11;
  -webkit-transition: all 0.1s ease-in-out;
          transition: all 0.1s ease-in-out;
}

::-moz-selection { /* Code for Firefox */
  color: white;
  background: green;
        -webkit-transition: all 0.1s ease-in-out;
        transition: all 0.1s ease-in-out;
}

::selection {
  color: white;
  background: green;
        -webkit-transition: all 0.1s ease-in-out;
        transition: all 0.1s ease-in-out;
}

.btn.btn-primary{
	border: 2px solid #006600;
}

.btn.btn-primary:hover{
	background: #006600;
}

.btn.btn-primary.solid{
	background: #006600;
}

ul.circle li:before{
	color: #006600;
}

ul.check-list li i{
	color: #006600;
}

blockquote {
	border-left: 5px solid #006600;
}

/* Common styles
================================================== */

.heading:hover .title-icon{
	color: #006600;
}

h2.entry-title a:hover{
	color: #006600;
}

h3 {
	color: #006600;
  -webkit-transition: all 2s ease-in-out;
          transition: all 2s ease-in-out;
}

/* Icon pentagon */

.icon-pentagon{
	background: none repeat scroll 0 0 #11aa11;
}

.icon-pentagon:before{
	border-bottom: 10px solid #11aa11;
}

.icon-pentagon:after {
	border-top: 10px solid #11aa11;
}

.service-icon:before {
	border-bottom: 30px solid #11aa11;
}

.service-icon:after {
	border-top: 30px solid #11aa11;
}

/* Carousel controller */

.ts-carousel-controller .left:hover,
.ts-carousel-controller .right:hover,
.owl-controls .owl-prev:hover, 
.owl-controls .owl-next:hover{
	background: #006600;
}

/* Input form */

.form-control:focus{
	border: 1px solid #006600 !important;
}

/* Flex Slider */

.portfolio-slider .flex-direction-nav a:hover,
.second-slider .flex-direction-nav a:hover {
	background: #006600;
}

/* Pagination */
.pagination .page-link{
	color: #006600;
}

.pagination .page-item.active .page-link,.pagination .page-item:hover .page-link{
	background: #006600;
	border-color: #006600;
}

/**********Link Styling**********/   
a {
  color: #006600;
  text-decoration: none;
  -webkit-transition: all 2s ease-in-out;
          transition: all 2s ease-in-out;
}

a:hover {
  color: #ccffcc;
  text-decoration: none;
  -webkit-transition: all 0.5s ease-in-out;
          transition: all 0.5s ease-in-out;
}

/* Header area
================================================== */



/* Slideshow
================================================== */

/*-- Main slide --*/

#main-slide .carousel-indicators li.active,
#main-slide .carousel-indicators li:hover {
    background-color: #006600;
}

#main-slide .carousel-control i:hover{
	background: #006600;
}

/* Image Block
================================================== */

.image-block-content .feature-icon{
	background: #006600;
}

/* Portfolio
================================================== */

.isotope-nav ul li a{
	border: 1px solid #006600;
}

.isotope-nav ul a.active, 
.isotope-nav ul a:hover{
	background: #006600;
}

.isotope-nav ul a.active:after, 
.isotope-nav ul a:hover:after{
	border-color: #006600 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
}

/* Feature box
================================================== */
.feature-icon{
	color: #006600;
}

.feature-center-icon{
	color: #006600;
}

/* About us
================================================== */

/* Featured Tab */
.featured-tab .nav-link.active{
	background: #006600;
}

.featured-tab .nav-link.active::before{
	border-left-color: #006600;
}

.featured-tab .nav-link:hover{
	background: #006600;
	color: #ffffff !important;
  -webkit-transition: all 2s ease-in-out;
          transition: all 2s ease-in-out;
}
.featured-tab .nav-link:hover:before{
	border-left-color: #006600;
}

/* Pricing table
================================================== */

.plan.featured .plan-price{
	background: #006600;
}
.plan.featured .plan-price:after{
	border-top-color: #006600;
}

/* Testimonial
================================================== */

.testimonial-slide .testimonial-text:before{
	color: #006600;
}

.testimonial-slide .testimonial-text:after{
	color: #006600;
}

.testimonial-slide.owl-theme .owl-controls .owl-page.active span{
	background: #006600;
}

/* Recent Post
================================================== */

.post-img-overlay a:hover{
	background: #006600;
}


/* Footer
================================================== */

.copyright-info a:hover{
	color: #006600;
}

.footer2 .copyright-info a{
	color: #006600;
}

#back-to-top .btn.btn-primary:hover{
	background: #006600;
}

.footer-about-us h4{
	color: #006600;
}

.footer-widget .latest-post-content h4 a:hover{
	color: #006600;
}

.subscribe button{
	background: #006600;
}

/* Blog Item page
================================================== */

.post-meta a:hover{
	color: #006600;
}

.author-url span a:hover{
	color: #006600;
}

.comments-counter a:hover{
	color: #006600;
}

.comments-list .comment-reply:hover{
	color: #006600;
}

/*-- Blog sidebar --*/

.widget-tab .nav-tabs>li.active>a{
	background: #006600;
}

.widget-tab h4.entry-title a:hover{
	color: #006600;
}

.widget-tags ul > li a:hover{
	background: #006600;
}

/* Landing page
================================================== */

.landing-header.header-bgnone ul.navbar-nav > li:hover > a, 
.landing-header.header-bgnone ul.navbar-nav > li.active > a {
	color: #006600;
}

.features-content .features-icon{
	color: #006600;
}

.landing_facts{
	background: #006600;
}

.landing-tab .nav-link.active i{
	color:#006600;
}

.landing-tab .nav-link::before{
	background: #006600;
}

.landing-tab .nav-link:hover i{
	color: #006600 !important;
}

.text-primary{
	color: #006600 !important;
}

.app-gallery.owl-theme .owl-controls .owl-page.active span{
	background: #006600;
}

.landing_page_clients{
	background: #006600;
}

/* Misc */

.title-border{
	border-bottom: 2px solid #006600;
}

.post-title a:hover{
	color: #006600;
}

.portfolio-static-desc a:hover{
	color: #006600;
}

.client-carousel .item a:hover{
	border: 1px solid #006600;
}

.footer ul li a:hover{
	color: #006600;
}

.call-to-action{
	background: #006600;
}

.blog-date{
	background: #006600;
}

.widget-categories ul.category-list  li a:hover{
	color: #006600;
}

.about-message ul li a:hover{
	color: #006600;
}

/*--- Image Slider --*/
.slider-change
{
    display: inline-block;
    height: 25px;
    width: 25px;
    margin-left: 2px;
    margin-right: 2px;
    border-radius: 50%;
    background-color: #006600;
        -webkit-transition: all 2s ease-in-out;
        transition: all 2s ease-in-out;
}

.slider-change:hover {
	color: #ffffff;
	cursor:pointer
        -webkit-transition: all 0.1s ease-in-out;
        transition: all 0.1s ease-in-out;
}