/*********************************************
		Servicevices css
*********************************************/
/* MOBILE style */
@media screen and (max-width: 992px) {
    /*
     * In Mobile, hide the tabs controls and undo some potential damage done by the accordion
     */
    .responsive-tabs .nav-tabs,
    .responsive-tabs .tab-content .collapse.active:not(.in) {
        display: none;
    }
    .responsive-tabs .tab-content .collapse.in,
    .responsive-tabs .tab-content .collapsing {
        display: block;
    }
}


/* DESKTOP style */
@media screen and (min-width: 991px) {
    /*
     * In desktop, hide the accordion's controls and undo some potential damage done on the active tab
     */
    .responsive-tabs .panel-heading {
        display: none;
    }
    .responsive-tabs > .active {
        height: auto !important;
    }
}



.tab-content .panel-heading {
    padding: 0;
}

.tab-content .panel-heading a {
    display: block;
    margin-bottom: -1px;
    padding: 10px 15px;
    border: solid #ccc;
    border-width: 1px 0;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover{background:#282e3f; color:#fff;}
.nav-tabs > li > a{ color:#282e3f; font-size:16px; font-weight: 600; padding:10px 28px;background:#E4E4E4;}
.service-wrap{padding:26px 0; text-align:center;  background:#fafafa/*url(../images/service-bg.jpg) no-repeat top*/; background-size:cover;}
.service-wrap .headingTitle h1{color:#000;}
.service-wrap .headingTitle h1:before{left:50%; margin-left:-70px; background:url(../images/headong-line2.png) no-repeat;}
.service-wrap .headingTitle p{padding:0 100px; font-size:14px; color:#000; line-height:24px; text-align:center;}
.serv-area{list-style:none; padding:0; margin-top:70px;}
.serv-area li{margin:0 10px;}
.service-block{text-align:center; padding:20px 0 30px; min-height:180px; background:#fff; margin:13px 0px; border: 1px solid #d8d8d8;}
.service-icon{font-size:36px; color:#cc8809; display: inline-block; width: 80px; height: 60px; line-height:20px; border-radius: 100%; margin-bottom:0px; transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;}
.serv-area li:hover .service-icon{box-shadow: 0 0px 0px 46px #cc8809 inset; color:#FFF;}
.service-wrap h4 a{font-size:20px; text-decoration:none; color:#000;}
.service-wrap h4 a:hover{color:#cc8809;}
.service-block .content{padding:0px 25px 0 25px;}
.owl-nav {display: inline-block;}	
.owl-nav span {background: #ddd; width: 14px; height: 14px; border-radius: 50%; margin: 0 5px; display: inline-block;}
.owl-nav.active span {background: #ed1f24;}
.owl-prev{color: #fff; width: 43px; height: 43px; display: block; line-height: 43px; text-indent: -9999px; white-space: nowrap; overflow: hidden; float:left; position: absolute; left:50%; margin-left: -45px; top:-60px; display:block !important; background:#cc8809; border: 1px solid #e6e6e6;}
.owl-prev:before{content: "\f104"; font-family: 'FontAwesome'; font-size: 26px; text-indent:0; float:left; margin-left:16px;}
.owl-next{width:43px; height:43px; display: block; line-height:43px; text-indent: -9999px; white-space: nowrap; overflow: hidden; float:right; position: absolute; right:50%; top:-60px; display:block !important; margin-right: -45px; background:#cc8809; border: 1px solid #e6e6e6;}
.owl-next:before{content: "\f105"; font-family: 'FontAwesome'; color: #fff;  text-indent:0; float:left; margin-left:18px; font-size: 26px;}