@font-face{font-family: OpenSans-Regular; src: url(../fnt/OpenSans-Regular.ttf)}
@font-face{font-family: OpenSans-Semibold; src: url(../fnt/OpenSans-Semibold.ttf)}
@font-face{font-family: OpenSans-Bold; src: url(../fnt/OpenSans-Bold.ttf)}

body {
	font-family: OpenSans-Regular, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000;
	min-width: 320px;
	background: #ececec;
	background-image: url("../img/bg.png");
}
img {
	max-width: 100%;
	height: auto;
}
h3 {
	font-size: 24px;
	font-weight: 700;
	color: #42145d;
}
h4 {
	color: #8e1d41;
}
input {
	outline: none;
	border: none;
	padding: 5px 10px;
}

input {
	outline: none;
	padding: 5px 10px;
}
a:hover {
	text-decoration: none;
}

/* ============================= navbar ============================== */
.brand-name {
	background: #42145d;
	color: #fff;
	padding: 2px 10px;
	border-radius: 10px;
}
.navbar-main .navbar {
	margin-bottom: 0;
	background: #fff;
	padding: 5px 0;
	text-transform: uppercase;
	border-bottom: 2px solid #42145d;
	margin-bottom: 20px;
}
.navbar-main .navbar-default .navbar-settings {
	
}
.navbar-main .navbar-default .navbar-nav > li > a {
	color: #000;
	background: #fff;
	transition: background .3s;
}
.navbar-main .navbar-default .navbar-nav > li > a:hover, .navbar-main .navbar-default .navbar-nav > li > a:focus {
	background: #fff;
	color: #42145d;
	text-decoration: underline;
}
.navbar-main .navbar-default .navbar-nav > .active > a {
	color: #42145d;
	background: #fff;
	font-weight: bold;
	text-decoration: underline;
}
.navbar-main .navbar-default .btn-search {
	color: #fff;
	background: #42145d;
	border-radius: 5px;
}
.navbar-main .navbar-default .btn-search:hover {
	background: #42145d;
	text-decoration: none;
}
.navbar-main .navbar-default .navbar-nav > li > a.btn-cart {
	color: #fff;
	background: #42145d;
	border-radius: 5px;
	padding: 10px 20px;
	margin-top: 4px;
}
.navbar-main .navbar-default .navbar-nav > li > a.btn-cart:hover {
	background: #42145d;
	text-decoration: underline;
}
.navbar-main .navbar-default .navbar-nav > .active > a.btn-cart{
	background: #42145d;
}
.navbar-main .navbar-default .navbar-nav > li > a > .glyphicon {
	margin-right: 10px;
	font-size: 16px;
}
.navbar-main .container,
.navbar-main .navbar-collapse {
	padding-left: 0;
}
.navbar-main .dropdown-menu > .active > a {
	background: #42145d;
	color: #fff;
}
.navbar-main .dropdown-menu > .active > a:hover {
	background: #53256e;
	color: #fff;
}
.navbar-main .dropdown-menu > li > a:hover {
	color: #42145d;
}
.navbar-main .navbar-default .navbar-right .navbar-info  ul li a:hover {
	cursor: default;
	background: #fff;
	color: #000;	
}
.flag {
	margin-right: 5px;
	position: relative;
	top: -1px;
}

/* ============================= infobar ============================== */
.infobar .message-success,
.infobar .message-errors {
	margin-bottom: 20px;
    padding: 10px;
    text-align: center;
    border-radius: 5px;
}
.infobar .message-success {
    border: 1px solid #5cb85c;
}
.infobar .message-errors {
    border: 1px solid #d9534f;
}

/* ============================= commons ============================== */
.div-wrapper {
    border: 1px solid #42145d;
    padding: 0 25px 20px;
    outline: none;
}
.div-wrapper h3 {
	color: #42145d;
}
.div-wrapper form label, .div-form form label {
    display: block;
    text-align: left;
}
.btn-violet {
    background: #42145d;
    color: #fff
    border: 1px solid #42145d;
}
.btn-violet:hover {
    background: #53256e;
}
.btn-violet:active {
    background: #42145d;
}
.hr-hidden {
    visibility: hidden;
    margin: 0;
}
.highlight-1 {
	color: #8e1d41;
	border-top: 2px solid #8e1d41;

}

/* ============================= subs ============================== */
.div-subs {
	border: 2px solid #8e1d41;
	border-radius: 5px;
	padding: 10px 20px;
	background: white;
}

/* ============================= services ============================== */
.service-main {
    text-align: center;
    background: #fff;
    border: 1px solid #42145d;
    padding: 30px 0 20px;
    border-radius: 5px;
    font-size: 24px;
    margin-top: 20px;
    margin-bottom: 15px
}

/* ============================= forms ============================== */
.div-form {
	background: #fff;
	border: 1px solid #42145d;
	margin: 0 auto;
}
.div-form h3 {
	color: #42145d;
	text-transform: uppercase;
	text-align: center;
}

/* ============================= pagination ============================== */
.form-goto {
	display: inline-block;
}
.input-goto {
	border: 2px solid #337ab7;
	border-radius: 5px;
	text-align: center;
}

/* ============================= types ============================== */
.div-types h3, .div-types h4 {
	color: #42145d;
	margin-top: 0;
	margin-bottom: 15px;
}
.types {
	font-weight: bold;
	color: #42145d;
}
.types:hover, .subtypes:hover {
	color: #8e1d41;
	text-decoration: none;
}
.type-active {
	color: #8e1d41;
	text-decoration: underline
}

/* Large Devices, Wide Screens */
@media only screen and (max-width: 1200px) {
    .navbar-main .navbar-nav {
		float: none !important;
	}
	.delimiter-br, .delimiter-space, .hr-hidden, {
        display: none
    }
}
/* Medium Devices, Desktops */
@media only screen and (max-width: 992px) {
    
}
/* Small Devices, Tablets */
@media only screen and (max-width: 768px) {
    .div-wrapper {
        padding-bottom: 10px;
    }
}
@media only screen and (max-width: 767px) {
    .navbar-main .navbar-default .btn-search {
    	width: 100%;
    }
    .menu-top .navbar-default .navbar-nav > li > a:hover {
		background: #eee;
	}
	.navbar-main .container,
	.navbar-main .navbar-collapse {
		padding-left: 15px;
	}
}

/* Extra Small Devices, Phones */
@media only screen and (max-width: 480px) {
    
}

/* Large Devices, Wide Screens */
@media only screen and (max-width: 1200px) {
    
}

/* Medium Devices, Desktops */
@media only screen and (max-width: 992px) {
    
}

/* Small Devices, Tablets */
@media only screen and (max-width: 768px) {
    
}

@media only screen and (max-width: 767px) {
   
}

/* Extra Small Devices, Phones */
@media only screen and (max-width: 480px) {
    
}