/* Add here all your CSS customizations */
.ofeatures {
width: 240px;
float: left;
}
.ofeatures ul {
padding: 0px;
margin-top: 0px;
}
.ofeatures ul li {
display: block;
text-decoration: none;
list-style: none;
line-height: 50px;
height: 50px;
border-bottom: #efefef 1px solid;
border-left: #efefef 1px solid;
padding-left:10px;
font-weight:bold;
}
.ofeatures ul li:nth-child(odd) {
 background-color: rgb(240,240,240);
 background-color: #F7F7F7;}
 
.ofeatures .otitle {
text-align: left !important;
font-weight:bold;
border-left:none;
border-top: #FFFFFF 1px solid;
background-color: #FFFFFF!important;
}
.order img {
vertical-align:middle!important;
}
.order {
width: 160px;
float: left;
}
.order ul {
padding: 0px;
margin-top: 0px;
display: block;
}
.order ul li {
text-decoration: none;
list-style: none;
line-height: 50px;
height: 50px;
text-align: center;
border-bottom: #efefef 1px solid;
border-left: #efefef 1px solid;
}
.order ul li.doublequeries{
text-decoration: none;
list-style: none;
line-height: 50px;
height: 50px;
text-align: center;
border-bottom: #efefef 1px solid;
border-left: #efefef 1px solid;
background-color: #FFFFFF!important;
font-weight:bold;
}
.ofeatures ul li.doublequeries {
display: block;
text-decoration: none;
list-style: none;
line-height: 50px;
height: 50px;
border-bottom: #efefef 1px solid;
border-left: #efefef 1px solid;
padding-left:10px;
font-weight:bold;
background-color: #FFFFFF!important;
}
.order ul li:nth-child(odd) {
 background-color: rgb(240,240,240);
 background-color: #F7F7F7;}
 
 
.order ul li:last-child{
line-height: 60px;
height: 60px;
}
.order ul li a{
line-height: 20px;
}
.roundedright{
border-right: #efefef 1px solid;
}
.otitle {
height: 60px !important;
line-height: 60px !important;
text-align: center;
}
.order .otitle {
background-color: #e04622!important;
color: #FFFFFF;
font-size: 20px;
border-top: #efefef 1px solid;
text-shadow: 0.05em 0.05em 0.2em rgba(10,10,10,0.9);
@include triangle(lighten($dark-blue, 25%), 4);
}



.order .otitlesort {
background-color: #e04622!important;
color: #FFFFFF;
font-size: 12px;
border-top: #efefef 1px solid;
text-shadow: 0.05em 0.05em 0.2em rgba(10,10,10,0.9);
@include triangle(lighten($dark-blue, 25%), 4);
}

@media (max-width: 978px) {

.ofeatures
{
width:220px;
}
}

@media (max-width: 820px) {
	

.ofeatures,
.order {
height: auto;
float: none;
width: 90%;
margin: 1em auto;
display: block;
clear: both;
}
}