/******************** BASE STYLES ***********************/
.row-fluid .t-span12	{max-width:99.99999998999999%;*max-width:99.94680850063828%}
.row-fluid .t-span6		{max-width:48.93617020799999%;*max-width:48.88297871863829%}

@media(min-width:768px) and (max-width:1139px){
  .row-fluid .t-span12	{max-width:99.999999993%;*max-width:99.9468085036383%}
  .row-fluid .t-span6		{max-width:48.618784527%;*max-width:48.5655930376383%}
}
@media(min-width:1280px){
  .row-fluid .t-span12	{max-width:100%;*max-width:99.94680851063829%}
  .row-fluid .t-span6		{max-width:48.717948718%;*max-width:48.6647572286383%}
}
@media(max-width:768px){
  .row-fluid .t-span12	{max-width:100%;*max-width:100%}
  .row-fluid .t-span6		{max-width:100%;*max-width:100%}
}
.rotator_01 .page-center {
  float: none;
  max-width: 1200px;
  margin: 0 auto;
}

.image-bg svg {
  width: 50px;
  top: 50%;  
  left: 50%; 
  transform: translate(-50%, -50%);
  position: absolute;
}
.image-bg  {
  position:relative;
}

/*********************** base ***********************/
.rotator_01 .center-image {
  width: 250px;
  height: 250px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
  text-align: center;
}
.rotator_01 a {
  text-decoration: none;
  letter-spacing: 2px;
} 
.rotator_01 h1 {
  font-size: 50px;
  line-height:60px;
  font-weight:600;
  margin:0px;
  margin-bottom: 10px !important;
}
.rotator_01 h2 {
  font-size: 40px;
  font-weight:400;
  margin:0px;
  line-height:50px;
  margin-bottom: 10px !important;
}
.rotator_01 h3 {
  font-size: 30px;
  font-weight:400;
  margin:0px;
  line-height: 40px;
  margin-bottom: 10px !important;
}
.rotator_01 h4 {
  font-size: 24px;
  font-weight:400;
  margin:0px;
  line-height: 35px;
  margin-bottom: 10px !important;
}
.rotator_01 h5 {
  font-size: 20px;
  font-weight:400;
  line-height: 26px;
  margin:0px;
  margin-bottom: 10px !important;
}
.rotator_01 h6 {
  font-size:15px;
  font-weight:400;
  margin-bottom: 10px !important;
}
/**********************************************/

.rotator_01{
  padding:130px 0 180px 0;
}
.rotator_01 .service-rotation .accordion {
  margin:1em 0
}
.rotator_01 .service-rotation .accordion h3 {
  color:#fff;
  cursor:pointer;
  margin:0 0 1px 0;
  padding:4px 10px;
  font-size:20px;
  position: relative;
}

.rotator_01 .service-rotation .accordion h3.current {
  cursor:default
}
.rotator_01 .service-rotation .accordion div.pane {
  padding:5px 10px
}
.rotator_01 .service-rotation  .mian_img{
  text-align: center;
  display: block;
  height: auto;
  width: auto;
  margin: auto;
  width: 250px;
  height: 250px;
}
.rotator_01 .main-view{
  width: 100%;
  float: left;
  padding: 15px;
  position: relative;	
  -webkit-transition: all .25s .15s linear;
  -moz-transition: all .25s .15s linear;
  -ms-transition: all .25s .15s linear;
  -o-transition: all .25s .15s linear;
  transition: all .25s .15s linear;
}
.rotator_01 .img1{
  position: absolute;
  top: -30%;
  right: 64%;
}
.rotator_01 .img2{
  position: absolute;
  top: -45%;
  right: 38%;
}
.rotator_01 .img3{
  position: absolute;
  top: -10%;
  right: 8%;
}
.rotator_01 .img4{
  position: absolute;
  top: 57%;
  right: 8%;
}
.rotator_01 .img5{
  position: absolute;
  top: 80%;
  right: 12%;
}
.rotator_01 .img6{
  position: absolute;
  right: 38%;
  bottom: -45%;
}
.rotator_01 .img7{
  position: absolute;
  right: 68%;
  bottom: -8%;
}
.rotator_01 .img8{
  position: absolute;
  right: 68%;
  top: -10%;
}
.rotator_01 .service-rotation .image-bg {
  /* padding: 5px; */
  -webkit-transition: all .25s .15s linear;
  -moz-transition: all .25s .15s linear;
  -ms-transition: all .25s .15s linear;
  -o-transition: all .25s .15s linear;
  transition: all .25s .15s linear;
}
.rotator_01 .section_txt-none.active1 {
  display: block !important
}
.rotator_01 .section_txt-none.active2 {
  display: block !important
}
.rotator_01 .section_txt-none.active3 {
  display: block !important
}
.rotator_01 .section_txt-none.active4 {
  display: block !important
}
.rotator_01 .section_txt-none.active5 {
  display: block !important
}
.rotator_01 .section_txt-none.active6 {
  display: block !important
}
.rotator_01 .section_txt-none.active7 {
  display: block !important
}
.rotator_01 .section_txt-none.active8 {
  display: block !important
}
.rotator_01 .section_txt-none {
  display: none
}
/* .rotator_01 .main-view.active1 .img1 img {
  filter: brightness(0) invert(1);
}
.rotator_01 .main-view.active2 .img2 img {
  filter: brightness(0) invert(1) !important;
}
.rotator_01 .main-view.active3 .img3 img {
  filter: brightness(0) invert(1);
}
.rotator_01 .main-view.active4 .img4 img {
  filter: brightness(0) invert(1);
}
.rotator_01 .main-view.active5 .img5 img {
  filter: brightness(0) invert(1);
}
.rotator_01 .main-view.active6 .img6 img {
  filter: brightness(0) invert(1);
}
.rotator_01 .main-view.active7 .img7 img {
  filter: brightness(0) invert(1);
}
.rotator_01 .main-view.active8 .img8 img {
  filter: brightness(0) invert(1);
} */
.rotator_01 .main-view.active1 .img1 {
  /*box-shadow: 0 2px 10px 8px rgba(237, 126, 0, 0.5);*/
  border-radius: 50%;
}
.rotator_01 .main-view.active2 .img2 {
  /*box-shadow: 0 2px 10px 8px rgba(237, 126, 0, 0.5);*/
  border-radius: 50%;
}

.rotator_01 .main-view.active3 .img3 {
  /*box-shadow: 0 2px 10px 8px rgba(237, 126, 0, 0.5);*/
  border-radius: 50%;
}
.rotator_01 .main-view.active4 .img4 {
  /*box-shadow: 0 2px 10px 8px rgba(237, 126, 0, 0.5);*/
  border-radius: 50%;
}
.rotator_01 .main-view.active5 .img5 {
  /*box-shadow: 0 2px 10px 8px rgba(237, 126, 0, 0.5);*/
  border-radius: 50%;
}
.rotator_01 .main-view.active6 .img6 {
  /*box-shadow: 0 2px 10px 8px rgba(237, 126, 0, 0.5);*/
  border-radius: 50%;
}
.rotator_01 .main-view.active7 .img7 {
  /*box-shadow: 0 2px 10px 8px rgba(237, 126, 0, 0.5);*/
  border-radius: 50%;
}
.rotator_01 .main-view.active8 .img8 {
  /*box-shadow: 0 2px 10px 8px rgba(237, 126, 0, 0.5);*/
  border-radius: 50%;
}



.rotator_01 .image-bg .inner img {
  padding: 5px;
}
.rotator_01 .image-bg .inner {
/*   background: #000; */
  display: flex;
  width: 140px;
  height: 140px;
  border-radius: 50%;
  cursor:pointer;
  line-height:110px;
}
.rotator_01 .image-bg .inner:hover {
  background: #ff8b00;
}
.rotator_01 .image-bg .inner:hover svg, .rotator_01 .image-bg .inner:focus svg,
.rotator_01 .image-bg .inner:visited svg, .rotator_01 .image-bg .inner:hover i,
.rotator_01 .image-bg .inner:focus i, .rotator_01 .image-bg .inner:visited i{
  color: #fff;
}
.rotator_01 .image-bg .inner:hover i, .rotator_01 .image-bg .inner:focus i, .rotator_01 .image-bg .inner:visited i{
  color: #fff;
}
/* .rotator_01 .image-bg .inner:hover img {
  filter: brightness(0) invert(1);
} */
.rotator_01 .service-rotation .t-span6:first-child{
  width:45%;
  float:left;
}
.rotator_01 .service-rotation .t-span6{
  width:49%;
  float:left;
}
.rotator_01 .service-rotation .section_txt {
  margin-top: 50px;
}
.rotator_01 .service-rotation .on-mobile {
  display: none;
}
.rotator_01 .service-rotation .on-desktop {
  display: block;
}
.rotator_01 .horizontal-tab .on-mobile {
  display: none;
}
.rotator_01 .horizontal-tab .on-desktop {
  display: block;
}
.rotator_01 .horizontal-tab .accordion {
  margin:1em 0
}
.rotator_01 .horizontal-tab .accordion h3 {
  background: #f7c345;
  color:#fff;
  cursor:pointer;
  margin:0 0 1px 0;
  padding:4px 10px;
  font-size:20px;
  position: relative;
}
.rotator_01 .horizontal-tab.accordion h3.current {
  background:#f58220;
  cursor:default
}
.rotator_01 .horizontal-tab .accordion div.pane {
  padding:5px 10px
}
.rotator_01 .services-page .container-two .page-center {
  padding-bottom: 50px;
  padding-top: 25px;
}
.rotator_01 .image-bg .inner svg,.image-bg .inner i{
  margin: auto;
  font-size: 35px;
}

.rotator_01 .main-view.active1 .img1 .inner svg,.rotator_01  .main-view.active2 .img2 .inner svg,.rotator_01  .main-view.active3 .img3 .inner svg,.rotator_01  .main-view.active4 .img4 .inner svg,
.rotator_01 .main-view.active5 .img5 .inner svg,.rotator_01  .main-view.active6 .img6 .inner svg,.rotator_01  .main-view.active7 .img7 .inner svg,.rotator_01  .main-view.active8 .img8 .inner svg{
  color:#fff; 
}
.rotator_01 .main-view.active1 .img1 .inner i,.rotator_01  .main-view.active2 .img2 .inner i,.rotator_01  .main-view.active3 .img3 .inner i,.rotator_01  .main-view.active4 .img4 .inner i,
.rotator_01 .main-view.active5 .img5 .inner i, .rotator_01 .main-view.active6 .img6 .inner i,.rotator_01  .main-view.active7 .img7 .inner i,.rotator_01  .main-view.active8 .img8 .inner i{
  color:#fff; 
}

{#
@media only screen and ( max-width: 1100px ) and (min-width: 986px){
  .rotator_01 .service-rotation .mian_img {
    width: 50%;
  }
  .rotator_01{
    padding:130px 0 170px 0;
  }
  .rotator_01 .image-bg .inner img {
    width: 100px !important;
    height: 100px !important;
    padding: 25px 20px;
  }
  .rotator_01 .image-bg .inner {
    width: 100px !important;
    height: 100px !important;
  }
  .rotator_01 .img1 {
    top: -20% !important;
    right: 65% !important;
  }
  .rotator_01 .img2 {
    top: -40% !important;
    right: 40% !important;
  }
  .rotator_01 .img3 {
    top: -21% !important;
    right: 13% !important;
  }
  .rotator_01 .img4 {
    right: 4% !important;
    top: 33% !important;
  }
  .rotator_01 .img5 {
    top: 82% !important;
    right: 13.5% !important;
  }
  .rotator_01 .img6 {
    right: 38% !important;
    bottom: -42% !important;
  }
  .rotator_01 .img7 {
    right: 66% !important;
    bottom: -20% !important;
  }
  .rotator_01 .img8 {
    right: 75% !important;
    top: 29% !important;
  }
} #}

@media only screen and (max-width: 1024px) and (min-width: 768px){
  .rotator_01{
    padding:80px 0;
  }
  .rotator_01 .service-rotation .accordion h3:after {
    content: '\f067';
    font-family: "Poppins";
    font-size: 12px;
    margin-top: 3px;
  } 
  .rotator_01 .service-rotation .accordion h3 svg, .rotator_01 .service-rotation .accordion h3 i{
    position: absolute;
    right: 7%;
    top: 30px;
  }
  .rotator_01 .service-rotation .accordion h3:after,.rotator_01 .service-rotation .accordion h3.current:after{
    display:none;
  }
  .rotator_01 .service-rotation .accordion h3.current:after {
    content: '\f068 ';
    font-family: "Poppins";
    font-size: 12px;
    margin-top: 5px;
  } 
  .rotator_01 .service-rotation .accordion h3 {
    padding: 15px 10px !important;
  }
  .rotator_01 .service-rotation .on-mobile {
    display: block !important;
  }
  .rotator_01 .service-rotation .on-desktop {
    display: none !important;
  }
}

@media only screen and (max-width: 767px) and (min-width: 480px){
  .rotator_01 .service-rotation .accordion h3:after {
    content: '\f067';
    font-family: "Poppins";
    font-size: 12px;
    margin-top: 3px;
  } 
  .rotator_01 .service-rotation .accordion h3 svg, .rotator_01 .service-rotation .accordion h3 i{
    position: absolute;
    right: 7%;
    top: 30px;
  }
  .rotator_01 .service-rotation .accordion h3:after,.rotator_01 .service-rotation .accordion h3.current:after{
    display:none;
  }
  .rotator_01 .service-rotation .accordion h3.current:after {
    content: '\f068 ';
    font-family: "Poppins";
    font-size: 12px;
    margin-top: 5px;
  }
  .rotator_01 .service-rotation .accordion h3 {
    padding: 15px 10px !important;
  }
  .rotator_01 .service-rotation .on-mobile {
    display: block !important;
  }
  .rotator_01 .service-rotation .on-desktop {
    display: none !important;
  }
}


@media only screen and (max-width: 479px) and (min-width: 320px){

  .rotator_01{
    padding:60px 0 30px 0;
  }
  .rotator_01 .service-rotation .accordion h3:after {
    content: '\f067';
    font-family: "Poppins";
    font-size: 12px;
    margin-top: 3px;
  } 
  .rotator_01 .service-rotation .accordion h3 svg,.rotator_01  .service-rotation .accordion h3 i{
    position: absolute;
    right: 7%;
    top: 30px;
  }
  .rotator_01 .service-rotation .accordion h3:after,.rotator_01 .service-rotation .accordion h3.current:after{
    display:none;
  }
  .rotator_01 .service-rotation .accordion h3.current:after {
    content: '\f068 ';
    font-family: "Poppins";
    font-size: 12px;
    margin-top: 5px;
  }  
  .rotator_01 .service-rotation .accordion h3 {
    font-size: 14px !important;
    padding: 15px 10px !important;
  }

  .rotator_01 .service-rotation .on-mobile {
    display: block !important;
  }
  .rotator_01 .service-rotation .on-desktop {
    display: none !important;
  }
}

@media only screen and (max-width: 319px) and (min-width: 240px){
  .rotator_01{
    padding:60px 0 180px 0;
  }
  .rotator_01 .service-rotation .accordion h3:after {
    content: '\f067';
    font-family: "Poppins";
    font-size: 12px;
    margin-top: 3px;
  } 
  .rotator_01 .service-rotation .accordion h3 svg, .rotator_01 .service-rotation .accordion h3 i{
    position: absolute;
    right: 7%;
    top: 30px;
  }
  .rotator_01 .service-rotation .accordion h3:after,.rotator_01 .service-rotation .accordion h3.current:after{
    display:none;
  }
  .rotator_01 .service-rotation .accordion h3.current:after {
    content: '\f068 ';
    font-family: "Poppins";
    font-size: 12px;
    margin-top: 5px;
  }
  .rotator_01 .service-rotation .accordion h3 {
    font-size: 16px !important;
    padding: 15px 10px !important;
  }

  .rotator_01 .service-rotation .on-mobile {
    display: block !important;
  }
  .rotator_01 .service-rotation .on-desktop {
    display: none !important;
  }
}