/*

- Bootstrap v3.3.1

- Font Awesome 4.2.0

- Less - Leaner CSS v2.0.0-b1

*/


/*@import url("css/bootstrap/bootstrap.min.css");*/

@import url("css/bootstrap/bootstrap.cus.css");
@import url("css/fontawesome/font-awesome.css");
@import url("style_templates.css");
@import url("style_osp.css");
@import url("css/style_table.css");
@import url("css/style_cart.css");
@import url("css/style_form.css");
@import url("css/style_accordion.css");


fieldset.social-media legend {
    margin: 0 0 15px 0;
    font-size: 18px;
    color: #23232b;
    padding: 0 0;
    font-family: 'open_sansbold';
    border-bottom: 0;
}

fieldset.social-media {
    margin: 15px 0 30px 0;
    padding: 0;
    border: 0;
}

.social-media .fa-inverse:hover {
    color: #00a9a6;
}


.social-media .fa-inverse {
    color: #a8a8a7;
    transition: all ease .4s;
}

.social-media .stack {
    margin: 0 15px 0 0;
}


.tab-content{
	padding: 20px 0;
}





.btn-success {
	color: #fff !important;
	background-color: #5cb85c;
	border-color: #5cb85c;
}


.btn-success:hover {
	color: #fff;
	background-color: #f6931d;
	border-color: #f6931d;
}

ul.services {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: stretch;
	padding: 0;
	max-width: 1100px;
	margin: auto;
	padding: 40px 0px;
}


ul.services li{
    width: calc(25% - 20px);
    margin: 10px;
    text-align: center;
    border: 1px solid #ccc;
	list-style:none;
}


ul.pa {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: stretch;
	padding: 0;
	/* max-width: 1100px; */
	margin: auto;
	padding: 0px 0px 30px 0px;
}


ul.pa li {
	width: calc(25% - 20px);
	margin: 10px;
	text-align: center;
	/* border: 1px solid #ccc; */
	list-style: none;
	color: #fff;
	background-color: #0c3796;
	padding: 20px;
transition:0.3s;
}

ul.pa li:hover {
	color: #000;
	background-color: #ccc;
transition:0.3s;
}

ul.pa li .fa.fa-check {
	font-size: 30px;
}


ul.services .title {
	padding: 10px;
}


/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
    
}


/* Landscape phone to portrait tablet */
@media (max-width: 767px) {

}


/* Landscape phone to below */
@media (max-width: 480px) {

.btn {
	height: 50px !important;
	width: 100% !important;
}

a.btn {
	line-height: 33px;
}

.input-group-btn .btn {
	height: auto !important;
}

ul.services li {
	width: calc(49% - 20px);
}

ul.services .title {
	padding: 5px;
}






ul.pa li {
	width: calc(49% - 20px);
}

ul.pa li .fa.fa-check {
	font-size: 20px;
}

    
}