/******************** 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 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;
}
.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: -50%;
    right: 38%;
}
.rotator_01 .img3{
		position: absolute;
		top: -27%;
    right: 12%;
}
.rotator_01 .img4{
		position: absolute;
		top: 25%;
    right: 4%;
}
.rotator_01 .img5{
		position: absolute;
		top: 80%;
    right: 12%;
}
.rotator_01 .img6{
    position: absolute;
    right: 38%;
    bottom: -52%;
}
.rotator_01 .img7{
		position: absolute;
		right: 63%;
    bottom: -29%;
}
.rotator_01 .img8{
		position: absolute;
		right: 73%;
    top: 25%;
}
.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 .main-view.active1 {
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}
.rotator_01 .main-view.active1 .image-bg {
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}
.rotator_01 .main-view.active2 {
    -ms-transform: rotate(0);
    -webkit-transform: rotate(0);
    transform: rotate(0)
}
.rotator_01 .main-view.active2 .image-bg {
    -ms-transform: rotate(0);
    -webkit-transform: rotate(0);
    transform: rotate(0)
}
.rotator_01 .main-view.active3 {
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}
.rotator_01 .main-view.active3 .image-bg {
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}
.rotator_01 .main-view.active4 {
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}
.rotator_01 .main-view.active4 .image-bg {
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}
.rotator_01 .main-view.active5 {
    -ms-transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg)
}
.rotator_01 .main-view.active5 .image-bg {
    -ms-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg)
}
.rotator_01 .main-view.active6 {
    -ms-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
}
.rotator_01 .main-view.active6 .image-bg {
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}
.rotator_01 .main-view.active7 {
    -ms-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg)
}
.rotator_01 .main-view.active7 .image-bg {
    -ms-transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg)
}
.rotator_01 .main-view.active8 {
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}
.rotator_01 .main-view.active8 .image-bg {
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}
.rotator_01 .image-bg .inner img {
    width: 140px;
    height: 140px;
	padding: 25px 20px;
}
.rotator_01 .image-bg .inner {
	background: #fff;
	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: 985px) and (min-width: 768px){
.rotator_01{
    padding:80px 0;
}
.rotator_01 .service-rotation .accordion h3:after {
    content: '\f067';
    font-family: "Font Awesome 5 Solid";
    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: "Font Awesome 5 Solid";
    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: "Font Awesome 5 Solid";
    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: "Font Awesome 5 Solid";
    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: "Font Awesome 5 Solid";
    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: "Font Awesome 5 Solid";
    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: "Font Awesome 5 Solid";
    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: "Font Awesome 5 Solid";
    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;
}
}