body {
    font-size: 14px;
    line-height: 24px;
    color: #222;
    font-family: 'Raleway', sans-serif;
    overflow-x: hidden;
}
h1, h2, h3, h4, h5, h6{font-family: 'Raleway', sans-serif;}
.container {
    width: 1240px;
}

section.header {
    background: #FAFAFA;
    border-bottom: 1px solid #ccc;
    padding: 0px 0;
}
.header-right h2 {
    margin: 10px 0 0;
    font-size: 24px;
    font-weight: 600;
}
section.main-page {
    padding: 50px 0px;
}
.sidebar-left {
    padding: 0px;
}
.col2 {
    width: 22.5%;
}
.info-box {
    border: 1px solid #CECCCD;
    margin-bottom: 20px;
}
    .info-box h4 {
        background: #CECCCD;
        margin: 0;
        padding: 6px 15px;
        font-size: 18px;
    }
.info-content {
    padding: 15px;
}
.col-space {
    padding-left: 30px;
}
.dash-box { 
    color: #fff;
    padding: 1px 40px;
}
.dash-box h4 {
    font-style: italic;
    color: #FEFAF0;
    font-size: 24px;
}
ul.dash-ul {
    padding: 0;
    list-style: none;
}
    ul.dash-ul li {
        font-size: 24px;
        padding: 0px 0;
    }
ul.dash-ul li a {
     color: #FEFAF0; text-decoration:none;
}
ul.dash-ul li a:hover {
     color: #ccc; text-decoration:none;
}
.col6 {
    width: 30% !important;
}
.col3 {
    width: 31% !important;
}
.center-col {
    padding: 0;
    width: 29% !important;
}
.button-div {
    padding: 7px 10px;
    margin-bottom: 15px;
}
.btn-red {
    background: #5B0609;
    border:none;
    color: #fff;
    text-decoration: none;
    border-radius: 2px;
}
.btn-red:hover{
    background: #FBDA26; color: #000;
}
.btn-yellow {
    background: #FBDA26;
    border:none;
    color: #000;
    text-decoration: none;
    border-radius: 2px;
}
.btn-yellow:hover {
    background: #5B0609; color: #fff;
}
.btn-box {
    margin-bottom: 15px;
}
.col6 .info-box h4 {
    padding-left: 35px;
}
.col6 .info-content {
    padding-left: 25px;
}
.col6 .btn-box {
    padding-left: 10px;
}
.order-form .form-control {
    border-radius: 2px;
    box-shadow: none;
    border: 1px solid #ccc;
}
.order-form .text-right {
    margin-top: 10px;
}
.order-form .btn {
    border: none;
    background: none;
}
.order-form .search-btn {
    background: #5b0609;
    color: #fff;
    border-radius: 2px;
}
.order-form .order-btn {
    color: #5b0609;
}
.sidebar-left .info-content {
    line-height: 1.3;
}
.info-content {
    min-height: 130px;
}
.button-div.yellow-div {
    margin-bottom: 0;
}
.message-row {
    background: #5b0609;
    color: #fff;
    padding: 2px 20px;
    font-size: 18px;
}
.message-inner-row {
    border: 1px solid #CECCCD;
    margin-top: 15px;
}
.message-inner-row h4 {
    background: #CECCCD;
    margin: 0;
    padding: 10px;
}
.message-btn-row {
    margin-top: 25px;
}
.btn-red span {
    background: #fff;
    padding: 0px 5px;
    color: #000;
    border-radius: 20px;
    font-size: 12px;
}
button, input.btn {
    padding: 7px 18px !important;
    line-height: 1.5;
}
.form-modal{
    position:relative;
    width:580px;
    height:auto;
    margin-top:4em;
    left:50%;
    transform:translateX(-50%);
    background:#fff;
    box-shadow:0 3px 20px 0px rgba(0, 0, 0, 0.1)
}
p.flashMsg.flashSuccess {
    margin: auto;
    text-align: center;
    color: #1da81d;
    font-size: 18px;
    background: #dbfddb;
    padding: 10px 0 15px 0;
    max-width: 750px;
    width: 100%;
    border: 1px solid #1da81d;
    border-radius: 5px;
    margin-top: 20px;
}
.form-modal button{
    cursor: pointer;
    position: relative;
    text-transform: capitalize;
    font-size:1em;
    z-index: 2;
    outline: none;
    background:#fff;
    transition:0.2s;
}

.form-modal .btn{
    border:none;
    font-weight: bold;
    font-size:1.2em;
    padding:10px 20px !important;
    transition:0.5s;
    border:1px solid #ebebeb;
    margin-bottom:0.5em;
    margin-top:0.5em;
}

.form-modal .login , .form-modal .signup{
    background:#5B0609;
    color:#fff;
}

.form-modal .login:hover , .form-modal .signup:hover{
    background:#222;
}

.form-toggle{
    position: relative;
    width:100%;
    height:auto;
}

.form-toggle button{
    width:100%;
    float:left;
    padding:20px;
    margin-bottom:1.5em;
    border:none;
    transition: 0.2s;
    font-size:1.1em;
    font-weight: bold;
}

#login-toggle{
    background:#FED923;
    color:#000;
}

.form-modal form{
    position: relative;
    width:90%;
    height:auto;
    left:50%;
    transform:translateX(-50%);  
}

#login-form , #signup-form{
    position:relative;
    width:100%;
    height:auto;
    padding-bottom:1em;
}

#signup-form{
    display: none;
}


#login-form button , #signup-form button{
    width:100%;
    margin-top:0.5em;
    padding:0.6em;
}
.form-modal input{
    position: relative;
    width:100%;
    font-size:1em;
    padding:8px 15px;
    margin-top:0;
    margin-bottom:0;
    border-radius: 2px;
    border:none;
    background:#ebebeb;
    outline:none;
    transition:0.4s;
}

.form-modal input:focus , .form-modal input:active{
    transform:scaleX(1.02);
}

.form-modal input::-webkit-input-placeholder{
    color:#222;
}


.form-modal p{
    font-size:16px;
    font-weight: bold;
}

.form-modal p a{
    color:#5B0609;
    text-decoration: none;
    transition:0.2s;
}

.form-modal p a:hover{
    color:#222;
}
.order-form .search-btn:hover {
    background: #fbda26;
    color: #000;
}
.order-form .order-btn:hover {
    text-decoration: underline;
}
/*dsk*/
h1.register-heading {
    font-size: 18px;
    padding: 5px 25px;
}
p.forgot.forgot-password {
    padding: 5px 25px 30px;
    display: block;
}
#reset-pass button.btn.login {
    width: 100%;
}
small.mes p {
    font-size: 12px !important;
    color: #ff0000;
    font-weight: normal;
}
div#message_3 {
    padding: 5px 25px;
}
@media only screen and (max-width:500px){
    .form-modal{
        width:100%;
    }
}

@media (min-width: 1400px) and (max-width: 1920px) { 
     .container { width: 1600px !important;}


}

@media (min-width: 320px) and (max-width: 767px) {
	.container { width: 100% !important;}
	html, body { overflow-x: hidden;}
	.header-right h2 { text-align: center; font-size: 16px;}
	img.logo { width: 100%;}
	.col-space { padding-left: 15px;}
	.sidebar-left { padding: 0; margin-bottom: 30px;}
	.info-content { min-height: auto;}
	.col6 { width: 100% !important;}
	.center-col { padding: 15px; width: 100% !important;}
	.col3 { width: 100% !important;}
	.col6 .info-content { padding-left: 5px;}
	.button-div { padding: 0px;}
	.btn-yellow, .btn-red { font-size: 12px;}
	.info-content { padding: 15px 10px;}
	.col6 .info-box h4 { padding-left: 10px;}
	.col6 .btn-box { padding-left: 5px;}
	button, input.btn { padding: 7px 12px !important;}
	.col2{width:100%}
}

.order-tr-hover:hover {
    background-color: #FBDA26 !important
}