@charset "utf-8";
/* CSS Document */
.counter-text h3{font-family:Verdana, Geneva, sans-serif; font-size:13px; color:#000; margin:5px 0 0 0; padding:0; text-align:center;}
.counter-panel{position:relative; top:-118px;}
.counter-panel img{margin:20px auto 0 auto; width:50%;}
.testimonial_para .fa-quote-left{font-size:28px; margin-right:6px;}
.testimonial_control a{background-color:#359ce9 !important;}
a:hover,a:focus{
    text-decoration: none;
    outline: none;
}

.vertical-tab{
    font-family: Verdana, Geneva, sans-serif;
    display: table;
}
.vertical-tab .nav{background-color:transparent; padding-top:0;}
.vertical-tab .nav-tabs{
   display: table-cell;
   border: none;
   position: relative;
   width: 235px;
}
.vertical-tab .nav-tabs li{
   float: none;
   vertical-align: top;
}
.vertical-tab .nav-tabs li a{
    color: #fff;
    background-color: #359ce9;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    padding: 26px 12px;
    margin: 0 0 2px 0;
    border-radius: 0;
    border: none;
    display: block;
    overflow: hidden;
    position: relative;
    z-index: 1;
    transition: all 0.3s ease 0s;
}
.vertical-tab .nav-tabs li a span {font-size:13px; font-weight:normal;}
.vertical-tab .nav-tabs li a:hover,
.vertical-tab .nav-tabs li.active a,
.vertical-tab .nav-tabs li.active a:hover{
    color: #101e3b;
    background-color: transparent;
    border:none;
}
.vertical-tab .nav-tabs li a:before,
.vertical-tab .nav-tabs li a:after{
    content: '';
    height: 100%;
    width: 100%;
    background-color: #e7ebec;
    position: absolute;
    left: -100%;
    top: 0;
    z-index: -1;
    transition: all 0.3s ease 0s;
}
.vertical-tab .nav-tabs li a:after{
    background-color: #359ce9;
    width: 5px;
    transform: scaleY(0);
    left: 0;
    transition: all 0.3s ease 0.1s;
}
.vertical-tab .nav-tabs li.active a:before,
.vertical-tab .nav-tabs li a:hover:before{
    left: 10px;
}
.vertical-tab .nav-tabs li.active a:after,
.vertical-tab .nav-tabs li a:hover:after{
    transform: scale(1);
}
.vertical-tab .tab-content{
    color: #2d2f2f;
    background: #fff;
    font-size: 13px;
    text-align: justify;
    line-height: 27px;
    vertical-align: top;
    padding: 15px 18px 0;
    display: table-cell;
	border:1px solid #359ce9;
}
.vertical-tab .tab-content h3{
    font-size: 24px;
    margin: 0 0 5px 0;
}
.vertical-tab .tab-content h1{
    font-size: 14px;
    margin: 0;
	color: #101e3b;
	font-weight:bold;
	margin:0 0px 10px 0;
}

.vertical-tab .tab-content h2{
    font-size: 14px;
    margin: 0 0 5px 0;
	color: #359ce9;
}
@media only screen and (max-width: 479px){
    .vertical-tab .nav-tabs{
        display: block;
        width: 100%;
        border-right: none;
    }
    .vertical-tab .nav-tabs li a{
        padding: 10px;
        margin: 0 0 10px;
    }
    .vertical-tab .tab-content{
        display: block;
        padding: 20px 15px 5px;
        border-radius: 0 0 10px 10px;
    }
    .vertical-tab .tab-content h3{ font-size: 18px; }
}

.textwrap{float:left; margin:5px 25px 10px 5px; border:1px solid #adafb4;}

/***************************************/
#mixedSlider {
  position: relative;
  padding: 63px 0px 0px 0px;
    transform: skew(0deg, 5deg);
}
#mixedSlider .MS-content {
  white-space: nowrap;
  overflow: hidden;
  margin: 0 3% 0 3%;
}
#mixedSlider .MS-content .item {
  display: inline-block;
  /*border:1px solid #006;*/
  margin:2px 31px;
  width: 15%;
  position: relative;
  vertical-align: top;
  overflow: hidden;
  height: 100%;
  white-space: normal;
  padding: 0;
}
@media (max-width: 991px) {
  #mixedSlider .MS-content .item {
    width: 50%;
  }
}
@media (max-width: 767px) {
  #mixedSlider .MS-content .item {
    width: 100%;
  }
}
#mixedSlider .MS-content .item .imgTitle {
  position: relative;
}
#mixedSlider .MS-content .item .imgTitle .blogTitle {
  margin: 0;
  text-align: left;
  letter-spacing: 2px;
  color: #252525;
  font-style: italic;
  position: absolute;
  background-color: rgba(255, 255, 255, 0.5);
  width: 100%;
  bottom: 0;
  font-weight: bold;
  padding: 0 0 2px 10px;
}
#mixedSlider .MS-content .item .imgTitle img {
  height: auto;
  width: 100%;
  border-radius:50%;
  border:2px solid #359ce9;
}

#mixedSlider .MS-content .item a {
  float: right;
  margin: 0 20px 0 0;
  font-size: 16px;
  font-style: italic;
  color: rgba(173, 0, 0, 0.82);
  font-weight: bold;
  letter-spacing: 1px;
  transition: linear 0.1s;
}
#mixedSlider .MS-content .item a:hover {
  text-shadow: 0 0 1px grey;
}
#mixedSlider .MS-controls button {
  position: absolute;
  border: none;
  background-color: transparent;
  outline: 0;
  font-size: 34px;
  top: 210px;
  color: #ffffff4f;
  transition: 0.15s linear;
}
#mixedSlider .MS-controls button:hover {
  color: #fff;
}
@media (max-width: 992px) {
  #mixedSlider .MS-controls button {
    font-size: 30px;
  }
}
@media (max-width: 767px) {
  #mixedSlider .MS-controls button {
    font-size: 45px;
  }
}
#mixedSlider .MS-controls .MS-left {
  left:2px;
}
@media (max-width: 767px) {
  #mixedSlider .MS-controls .MS-left {
    left: -10px;
  }
}
#mixedSlider .MS-controls .MS-right {
  right: 2px;
}
@media (max-width: 767px) {
  #mixedSlider .MS-controls .MS-right {
    right: -10px;
  }
}

#mixedSlider .MS-content .item h2{color:#fff; /*background-color:#0154F8;*/ line-height:25px; padding:25px 15px; margin:0; font-size:13px; font-family:Verdana, Geneva, sans-serif; text-align:center;}
@media (max-width: 991px) {

#basicSlider .MS-content .item { width: 25%; }
}
@media (max-width: 767px) {

#basicSlider .MS-content .item { width: 35%; }
}
@media (max-width: 500px) {

#basicSlider .MS-content .item { width: 50%; }
}

#basicSlider .MS-content .item a {
  line-height: 50px;
  vertical-align: middle;
}

#basicSlider .MS-controls button { position: absolute; }

#basicSlider .MS-controls .MS-left {
  top: 35px;
  left: 10px;
}

#basicSlider .MS-controls .MS-right {
  top: 35px;
  right: 10px;
}
.testimonial_subtitle{
    color: #0aaa7a;
    font-size: 12px;
}
  .testimonial_btn{
    background-color: #373d4b !important;
    color: #fff !important;
 }
 .seprator {
    height: 2px;
    width: 56px;
    background-color: #0aaa7a;
    margin: 7px 0 10px 0;
}


/*********counter style**/
.progress{
    width: 150px;
    height: 150px;
    line-height: 150px;
    background: none;
    margin: 0 auto;
    box-shadow: none;
    position: relative;
}
.progress:after{
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 12px solid #fff;
    position: absolute;
    top: 0;
    left: 0;
}
.progress > span{
    width: 50%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    z-index: 1;
}
.progress .progress-left{
    left: 0;
}
.progress .progress-bar{
    width: 100%;
    height: 100%;
    background: none;
    border-width: 12px;
    border-style: solid;
    position: absolute;
    top: 0;
}
.progress .progress-left .progress-bar{
    left: 100%;
    border-top-right-radius: 80px;
    border-bottom-right-radius: 80px;
    border-left: 0;
    -webkit-transform-origin: center left;
    transform-origin: center left;
}
.progress .progress-right{
    right: 0;
}
.progress .progress-right .progress-bar{
    left: -100%;
    border-top-left-radius: 80px;
    border-bottom-left-radius: 80px;
    border-right: 0;
    -webkit-transform-origin: center right;
    transform-origin: center right;
    animation: loading-1 1.8s linear forwards;
}
.progress .progress-value{
    width: 90%;
    height: 90%;
    border-radius: 50%;
    background: #44484b;
    font-size: 24px;
    color: #fff;
    line-height: 135px;
    text-align: center;
    position: absolute;
    top: 5%;
    left: 5%;
}
.progress.blue .progress-bar{
    border-color: #049dff;
}
.progress.blue .progress-left .progress-bar{
    animation: loading-2 1.5s linear forwards 1.8s;
}
.progress.yellow .progress-bar{
    border-color: #fdba04;
}
.progress.yellow .progress-left .progress-bar{
    animation: loading-3 1s linear forwards 1.8s;
}
.progress.pink .progress-bar{
    border-color: #ed687c;
}
.progress.pink .progress-left .progress-bar{
    animation: loading-4 0.4s linear forwards 1.8s;
}
.progress.green .progress-bar{
    border-color: #1abc9c;
}
.progress.green .progress-left .progress-bar{
    animation: loading-5 1.2s linear forwards 1.8s;
}
@keyframes loading-1{
    0%{
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100%{
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }
}
@keyframes loading-2{
    0%{
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100%{
        -webkit-transform: rotate(144deg);
        transform: rotate(144deg);
    }
}
@keyframes loading-3{
    0%{
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100%{
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }
}
@keyframes loading-4{
    0%{
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100%{
        -webkit-transform: rotate(36deg);
        transform: rotate(36deg);
    }
}
@keyframes loading-5{
    0%{
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100%{
        -webkit-transform: rotate(126deg);
        transform: rotate(126deg);
    }
}
@media (min-width: 1080px) and (max-width: 1920px) {
#mixedSlider{padding:32px 0px 10px 0px; transform:none;}	
#mixedSlider .MS-content .item{min-height:275px;}
.counter-panel{position:unset;}
.bottom-content{padding:15px 0 0 0;  margin:0 auto;}
}
@media  (max-device-width: 768px) and (orientation: Portrait) {
	.counter-panel{top:0;}
	}

	
@media only screen and (max-width: 990px){
    .progress{ margin-bottom: 20px; }
}
@media (min-width: 320px) and (max-width: 568px) {
#mixedSlider .MS-content .item { width:100%; margin-left:0px;}
#mixedSlider .MS-content{width:83%; margin:0 3% 0 9%;}
#mixedSlider .MS-controls .MS-left{left:0%;}
#mixedSlider .MS-controls .MS-right{right:0%;}
#mixedSlider .MS-controls button{top:246px;}
.counter-panel{top:0;}
.counter-panel img {margin: 0px auto 0 auto;width: 90%;}
}

@media (min-width: 375px) and (max-width: 667px) {	
#mixedSlider {padding: 0px 0px 0px 0px;transform: none;}
#mixedSlider .MS-content{margin:0 15% 0 10%; width:75%;}
#mixedSlider .MS-content .item { width: 100%; padding-right: 0px; margin: 0 auto;}
#mixedSlider .MS-controls button{top:195px;}
#mixedSlider .MS-controls .MS-left{left:0%;}
#mixedSlider .MS-controls .MS-right{right:0%;}
.counter-panel{top:0;}
.counter-panel img {margin: 0px auto 0 auto;width: 90%;}
#mixedSlider .MS-content .item .imgTitle{width:100%;}
#mixedSlider .MS-content .item .imgTitle img{width: 97%;}
}
@media (min-width: 414px) and (max-width: 736px) {
#mixedSlider .MS-controls button{top:260px;}
#mixedSlider .MS-content .item { width: 100%; padding-right:0px;margin: 0 auto;}
#mixedSlider .MS-content .item .imgTitle{width:100%;}
#mixedSlider .MS-content .item .imgTitle img{width: 97%;}
#mixedSlider .MS-controls .MS-left{left:1px;}
#mixedSlider .MS-controls .MS-right{right:0px;}
#mixedSlider .MS-content{margin-left:10%; width:75%; margin-right: 15%;}
#mixedSlider .MS-content .item h2{line-height: 17px;}
#mixedSlider .MS-content .item{margin-right: 0px; margin-left: 8px;}
.blogTitle{height:64px;}
.counter-panel{top:0;}
.counter-panel img{width:87%;}
}
@media (min-width: 600px) and (max-width: 800px) {
#mixedSlider .MS-controls .MS-left{left:4px;}
#mixedSlider .MS-controls .MS-right{right:1px;}
#mixedSlider .MS-controls button{top:200px;}	
#mixedSlider .MS-content{margin:0 3% 0 5%; width:90%;}	
#mixedSlider .MS-content .item { width: 48%;}
#mixedSlider .MS-controls button{font-size:30px;}
.counter-panel{top:0;}
.counter-panel img{width:70%;}
}