.slider-container {
position: relative;
overflow: hidden;
width: 100%;
margin: 0 auto;
background-color: #fff;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

.slider {
position: relative;
width: 9999px;
}
.slider:before,
.slider:after {
display: table;
content: ' ';
}
.slider:after {
clear: both;
}
.slider__item {position: relative;float: left;margin: 0;text-align: center;padding: 0;height: 100%;}
.slider__item img {
display: block;
max-width: 100%;
height: auto;
}
.slider__switch span {
color: #fff;
display: block;
width: 32px;
height: 32px;
}

.slider__switch p {
color: #fff !important;
float:left !important;
top:40px !important;
font-size:12px !important;
}


/* Arrows */
.slider__switch {
position: absolute;
top: 50%;
margin-top: -20px;
padding: 10px 5px;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
border-radius: 1px;
background: #000;
opacity: .3;
transition: opacity .15s ease;
fill: #fff;
}
.slider__switch--prev {
left: 10px;
}
.slider__switch--next {
right: 10px;
}

.slider__switch:hover {
opacity: .85;
}
.slider__switch[disabled] {
visibility: hidden;
opacity: 0;
}
.slider__caption {position: absolute;bottom: 205px;text-align: center;display: block;left: 29%;width: 40%;font-weight: 200;font-size: 47px;padding: 28px;color: #000;background: #ffffffd6;margin: 0 auto; /* ie8 */font-family: 'Montserrat', sans-serif;}
.slider__caption[disabled] {
opacity: 0;
visibility: hidden;
}
.slider-nav {line-height: 30px;position: absolute;bottom: 35px;left: 0;width: 100%;height: 30px;margin: 0;padding: 0;text-align: center;z-index: 99999;filter: alpha(opacity=90); /* ie8 */}
.slider-nav__control {display: inline-block;width: 18px;height: 18px;margin: 0 3px;-webkit-transition: background .5s ease;-moz-transition: background .5s ease;-o-transition: background .5s ease;transition: background .5s ease;border: 2px solid #fff;border-radius: 50%;background: transparent;}

.slider-nav__control.is-active {width: 18px;height: 18px;background: #f7c527;}
.slider.has-touch {
cursor: move;
cursor: -webkit-grabbing;
cursor:    -moz-grabbing;
}
@media (max-width: 580px) {
.slider__switch {
display: none;
}
.slider__caption {
display: none;
}
}

<!----logo--->



.clearout {
height:20px;
clear:both;
}

#flexiselDemo1, #flexiselDemo2, #flexiselDemo3 {
display:none;
}

.nbs-flexisel-container {
    position:relative;
    max-width:100%;
}
.nbs-flexisel-ul {
    position:relative;
    width:99999px;
    margin:0px;
    padding:0px;
    list-style-type:none;   
    text-align:center;  
}

.nbs-flexisel-inner {
    position: relative;
    overflow: hidden;
    float:left;
    width:100%;  
}

.nbs-flexisel-item {
    float:left;
    margin:0px;
    padding:0px;
    cursor:pointer;
    position:relative;
    line-height:0px;
}
.nbs-flexisel-item img {
    max-width: 100%;
    height: 122px;
    cursor: pointer;
    position: relative;
    border: solid 1px #ddd;
    margin-top: 10px;
    margin-bottom: 10px;
}

/*** Navigation ***/

.nbs-flexisel-nav-left

{
	    padding:23px 13px;
    border-radius:15px;
    position: absolute;
    cursor: pointer;
    z-index: 4;
    background: url(../images/arrow.png) !important;
    top:40%;
    color: #fff;
	}
.nbs-flexisel-nav-right {
    padding: 23px 13px;
    border-radius:15px;
    position: absolute;
    cursor: pointer;
    z-index: 4;
    background: url(../images/arrow-1.png) !important;
    top:40%;
    color: #fff;
}

.nbs-flexisel-nav-left {
    left: 10px;
}



.nbs-flexisel-nav-left.disabled {
    opacity: 0.4;
}

.nbs-flexisel-nav-right {
    right: 5px;    
}

.nbs-flexisel-nav-right.disabled {
    opacity: 0.4;
}

<!----logo end--->

<!----crousal--->

.crousal-icon {

color: #fff;
padding: 10px 10px;
font-size: 20px;
text-align: center;
border-bottom: solid 1px #02a8f3;
}

.electronic {
font-size: 16px;
text-transform: uppercase;
color: #303030;
font-weight: bold;
}
.crousal-line {
width: 100%;
float: left;
margin: 0px;
background: #000;
padding: 50px 0px 50px 0px;
color: #666;
text-align: left;
}
.crousal-line h1 {
text-align: left;
font-weight: bold;
font-size: 30px;
color: #fff;
margin: 0px;
font-family: 'Titillium Web', sans-serif;
text-transform: uppercase;
}
.thumb-me {padding: 0px 0px 15px 0px !important;border: none !important;border-radius: 0px !important;margin: 0px !important;}
.crousal-line p {
font-weight: normal;
font-size: 13px;
line-height: 25px;
text-align: justify;
color: #000;

}
.crousal-line h2 {
font-weight: bold;
font-size: 14px;
color: #02a8f3;
}
.crousal-line em {
text-decoration: line-through;
color: #666666;
font-size: 13px;
font-style: normal;
font-weight: normal;
margin-right: 11px;
}

.contact-deiler
{    background: #ffffff;
border: solid 1px #ccc;
padding: 10px 8px;
border-radius: 3px;
color: #666666;
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
}
.contact-deiler:hover
{  
border:solid 1px #088cc8;
color: #fff;
text-decoration:blink;
-webkit-transition: all 0.8s ease;
-moz-transition: all 0.8s ease;
-o-transition: all 0.8s ease;
-ms-transition: all 0.8s ease;
transition: all 0.8s ease;

}
.crousal-line h3 {
font-size: 14px;
font-weight: bold;
color: #666666;
}
.back-me {

color: #bfbfbf !important;
border-radius:3px;
padding: 9px 25px !important;
font-size:16px !important;
border: solid 1px #bfbfbf !important;
}
.back-me:hover {

color: #d60303 !important;
border: solid 1px #bfbfbf !important;
-webkit-transition: all 0.8s ease;
-moz-transition: all 0.8s ease;
-o-transition: all 0.8s ease;
-ms-transition: all 0.8s ease;
transition: all 0.8s ease;
}
.next-me {
color: #bfbfbf !important;
border-radius:3px;
padding: 9px 25px !important;
font-size:16px !important;
border: solid 1px #bfbfbf !important;
}
.next-me:hover {

color: #d60303 !important;
border: solid 1px #bfbfbf !important;
-webkit-transition: all 0.8s ease;
-moz-transition: all 0.8s ease;
-o-transition: all 0.8s ease;
-ms-transition: all 0.8s ease;
transition: all 0.8s ease;
}
.col-item {padding: 17px 0px;}
.col-item .photo img {margin: 0 auto;width: 100%;height: 211px;}
.col-item .info {
padding: 10px;
border-radius: 0 0 5px 5px;
margin-top: 1px;
}
.col-item:hover .info {

}
.col-item .price {
/*width: 50%;*/
float: left;
margin-top: 5px;
}
.col-item .price h5 {
line-height: 20px;
margin: 0;
}
.price-text-color {
color: #00990E;
}
.col-item .info .rating {
color: #003399;
}
.col-item .rating {
/*width: 50%;*/
float: left;
font-size: 17px;
text-align: right;
line-height: 52px;
margin-bottom: 10px;
height: 52px;
}
.col-item .separator {
border-top: 1px solid #FFCCCC;
}
.clear-left {
clear: left;
}
.col-item .separator p {
line-height: 20px;
margin-bottom: 0;
margin-top: 10px;
text-align: center;
}
.col-item .separator p i {
margin-right: 5px;
}
.col-item .btn-add {
width: 50%;
float: left;
}
.col-item .btn-add {
border-right: 1px solid #CC9999;
}
.col-item .btn-details {
width: 50%;
float: left;
padding-left: 10px;
}
.controls {margin-top: 2px;}
[data-slide="prev"] {
margin-right: 10px;
}

<!----crousal end--->

<!----accordain--->


.page-header {
  color: #fff;
  padding: 5rem 6rem;
  text-align: center;
  background-color: #159957;
  background-image: linear-gradient(120deg, #155799, #159957);
}

.btn {
  display: inline-block;
  margin-bottom: 1rem;
  color: rgba(255, 255, 255, 0.7);
  background-color: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.2);
  border-style: solid;
  border-width: 1px;
  border-radius: 0.3rem;
  transition: color 0.2s, background-color 0.2s, border-color 0.2s;
}

.btn + .btn { margin-left: 1rem; }

.btn { padding: 0.75rem 1rem; }
}

.btn:hover {
  color: rgba(255, 255, 255, 0.8);


  text-decoration: none;
  background-color: rgba(255, 255, 255, 0.2);
  border-color: rgba(255, 255, 255, 0.3);
}



/* accordion style */


.ac-pane { margin-bottom: 15px; background-color:#16A085; color:#fff;}


.ac-pane a { color:#000 !important;}


.ac-pane em {color: #000 !important;font-size: 17px !important;font-style: normal;text-transform: uppercase;font-weight: bold;}

.ac-pane p { 
color: #000 !important;
text-align:justify;

}



.ac-pane:last-child { margin-bottom: 0; }

.ac-content { display: none; }

.ac-title {
  border: 1px solid #fff;
  color: #fff;
  display: block;
  padding: 12px;
  background-color: #ebebeb;
}

.ac-title i {
  float: right;
  font-size: 20px;
}

.ac-title i:before { content: "\f107"; }

.active .ac-title i:before { content: "\f106"; }

.ac-content {
  border: 1px solid #ddd;
  margin-top: -1px;
  padding: 15px;
  color: #202020;
  background: #fff;
}

<!----accordain end--->