/*

- 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.quantity legend {
    margin: 0 0 10px 0;
    font-size: 18px;
    color: #23232b;
    padding: 0 0;
    font-family: 'RobotoRegular';
	font-weight:bold;
}
fieldset.quantity {
    padding: 0 0;
    margin: 15px 0 0 0;
    border: 0 solid #ccc;
}

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: black;
}
.social-media .fa-stack-1x, .social-media .fa-stack-2x {
    font-size: 30px;
}
.social-media .fa-inverse {
    color: #a8a8a8;
    transition: all ease .4s;
}

.social-media .fa-inverse:hover {
    color: #bc343e;
    transition: all ease .4s;
}
.social-media .stack {
    margin: 0 15px 0 0;
}
.btnbuy_form + .btn-morph {
    display: none;
}

.row.detail-page ul.grid.listImage {
    margin: 35px 0 15px;
}


.btn-success {
	color: #fff !important;
	background-color: #5cb85c;
	border-color: #5cb85c;
}


.btn-success:hover {
	color: #fff;
	background-color: #383838;
	border-color: #383838;
}


.section-title {
    margin: 0 0 30px;
}



/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
    
}


/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
    .btn {
        font-size: 12px;
    }
}


/* Landscape phone to below */
@media (max-width: 480px) {
    ul.listImage li {
        margin: 0 8px 8px 0;
        width: 130px;
        height: 95px;
        overflow: hidden;
    }
    
    ul.listImage li .wrapper_image {
        width: 100%;
        height: 100%;
        overflow: hidden;
        border: 1px solid #dedede;
    }


	.btn {
	height: 50px !important;
	width: 100% !important;
}

a.btn {
	line-height: 33px;
}

.input-group-btn .btn {
	height: auto !important;
}

.btn.btn-default, .btn {
	font-size: 13px !important;
	font-weight: normal;
	padding: 10px !important;
}



}