/*!
 * bootstrap-tabs-x v1.3.3
 * http://plugins.krajee.com/tabs-x
 *
 * Krajee default Bootstrap 3.x styling for bootstrap-tabs-x.
 *
 * Author: Kartik Visweswaran
 * Copyright: 2014 - 2017, Kartik Visweswaran, Krajee.com
 *
 * Licensed under the BSD 3-Clause
 * https://github.com/kartik-v/bootstrap-tabs-x/blob/master/LICENSE.md
 */

.tab-content > .tab-pane, .pill-content > .pill-pane {
	display: none;
}
.tab-content > .active, .pill-content > .active {
	display: inline-block;
	width: 100%;
}
.tab-content {
	padding: 0;
}
/**
 * sideways tabs
 */
 
 

.tabs-right.tab-sideways {
	/*! background-color: #002071; */
	z-index: 333;
	padding: 0;
	overflow: visible;
}

.tabs-right.tab-sideways ul{
list-style: none;
width: 100%;
margin: -41px 0 0 0;
line-height: 10px;
text-align: center;
background-color: #fff;
z-index: 555;
position: relative;
box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.44);
    margin-bottom: 50px;
}

.tabs-right.tab-sideways ul li {
text-align: center;
border-right: 1px solid rgb(111 111 111 / 42%);
display: inline-block;
margin-right: -4.5px;
}

.tabs-right.tab-sideways ul li:last-child {
	border-right: 0px solid rgba(228, 228, 228, 0.19);
}

.tabs-right.tab-sideways ul li a{
color: #032467;
display: inline-block;
padding: 35px 28px;
font-size: 16px;
border-bottom: 5px solid #053186;
letter-spacing: 0.5px;
}

.tabs-right.tab-sideways ul li a:hover{
color: #fff;
background-color: #053186;
border-bottom: 5px solid #01adf2;
}

.tabs-right.tab-sideways ul li a.active{
color: #fff;
background-color: #031b4a;
border-bottom: 5px solid #01adf2;
}
 
 
 
 

.tabs-right.tab-sideways .nav-tabs > li.active > a, .tabs-right.tab-sideways .nav-tabs > li.active > a:hover, .tabs-right.tab-sideways .nav-tabs > li.active > a:focus {
	color: #fff;
	background-color: #053186;
	border-bottom: 5px solid #01adf2 !important;
}


/**
 * krajee tabs style
 * for left & right positioned tabs
 */

@media only screen and (max-width: 1400px) {
 .tabs-right.tab-sideways .nav-tabs > li > a {
    color: #053186;
    font-size: 16px;
    padding: 35px 22px;
font-weight: 500;}
.tabs-krajee.tabs-right.tab-sideways .nav-tabs {
right: 0;
    margin-left: 0;
    padding-left: 10px;
    margin-bottom: 35px;
    text-align: center;
}

}

@media only screen and (max-width: 767px) {
.tabs-right.tab-sideways .nav-tabs > li > a {
    color: #053186;
    font-size: 12px;
    padding: 25px 20px;
    font-weight: 500;
}	
.tabs-krajee.tabs-right.tab-sideways .nav-tabs {
	box-shadow:none;
}
.utilitize-style h3 {
    background-color: #e0dede;
    margin: 15px 10px 25px 10px;
    font-weight: 600;
    padding: 5px 15px;
    font-size: 26px;
    text-transform: uppercase;
    color: #222;
}

}