@import url(http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css);

body {
    background: rgba(45, 64, 89, 0.06);
}
/*#fh5co-page {*/
    /*background: rgba(45, 64, 89, 0.06);*/
/*}*/

th, td {
    font-size:12px;
}
p {
	margin-bottom: 0px;
}
.sl-icon-energy {
    background-image: url('/images/logo.png');
    width: 175px;
    height: 82px;
    display: block;
    margin-top:0px;
    margin-left: 9px;
    background-size: cover;
}

.row-search {
    margin-top: -45px;
    position: absolute;
    left: 5px;
    right: 10px;
}

#fh5co-header nav ul li a.active {
     background: none;
     color: #000;
     border-radius:0px;

 }


#fh5co-header nav ul li a:visited {
    background: none;
    color: #000;
    border-radius:0px;
}

#fh5co-header nav ul li a:focus {
    background: none;
    color: #000;
    border-radius:0px;
}


#serch-input.form-control:focus {
    outline: none;
    box-shadow: none;
    border-color: #ff3300;
    width:20vw;
}

#fh5co-header nav ul li a.active:hover {
    border-bottom: 0px solid transparent !important;
}

.container-site {
    width: 1350px;
}

.sidebar-menu .panel-body .nav > li > a {
    padding: 10px 8px;
}
.sidebar-menu .panel-body {
    padding: 15px 7px;
}

.overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(255,255,255,0.7);
    z-index: 2000;
}
.overlay > i.fa {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -15px;
    margin-top: -15px;
    color: #000;
    font-size: 30px;
}

.table-center {
    text-align: center;
}

.container-heder {
   /* background-image: url('/images/sales.jpg');*/
    width:100%;
    background-size:cover;
}
#fh5co-intro-section {
    padding: 0 0 30px 0;
    background-color: #f2f3f5;
}

.about-inner img {
	float:none;
}

.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    background-color: #FF6537;
}

.sticky {
    position: fixed;
    top: 20px;
    z-index: 8;
}
.stop {
    position: relative;
    z-index: 8;
}

#serch-input {
    padding: 0.2vw 0.6vw 0.2vw 2vw;
    background-image: url('/images/search.png');
    background-position: 0.2vw center;
    background-repeat: no-repeat;
}

#fh5co-header {
    padding-bottom:5px;
}

#currency-input {

    background-position: 5px center;
    background-repeat: no-repeat;


}

.chenge-currency {
    position: relative;
    left: -28px;
    border: 0px solid transparent;
    width: 70px;
}

#currency-input:disabled {
    background-color:#fff;
    border: none;
}

.header-input {
    font-size: 14px;
    padding: 4px 10px;
    height: 28px;
    margin-top: 0px;
}

#fh5co-header .col-md-3, #fh5co-header .col-md-9 {
    padding-left:0px;
    padding-right:0px;
}


#myCarousel .item img {
    height: 230px;
    width: 100%;
}


#fh5co-services-section {
    padding-top:10px;
    padding-bottom: 0em;
    margin-top: 20px;
}

.fh5co-heading h3 {
    margin: 0 0 0 0;
}
.fh5co-heading {
    margin-bottom: 0;
}

.panel-overflow {
    overflow-x: auto;
}


.desc {
    background-color: rgba(0, 0, 0, 0.6);
    max-height: 8vw;
    height: 8vw;
}

#sidebar li {
    line-height: 1em;
    white-space: normal;
}



.img-news {
    width: 400px;
    height:400px;
}

.all-news {
    margin-right: 30px;
}

.img-news-thumbnails {
    width:400px;
    height:400px;
}

.img-news-thumbnails-list {
    width:90%;
    padding:5%;
}

.news-banner {
    margin-bottom: 15px;
}

.news-item {
    margin-bottom: 15px;
    line-height: 1;
}

.about-inner .product-datails {
    padding-top:25px;
}

.left.fa.fa-chevron-left.btn.btn-success,
.right.fa.fa-chevron-right.btn.btn-success {
    padding: 2px 10px;
    border-radius: 5px;
}

.carousel-inner .item .row {
    margin-left:-5px;
}

.controls.pull-right.hidden-xs {

}

#fh5co-blog-section {
    padding-top: 10px;
    padding-bottom: 0em;
}

.fh5co-heading h2 {
    margin-bottom: 0px;
}

.col-md-6.col-md-offset-3.text-center.fh5co-heading {
    text-align: left;
    padding-bottom: 5px;
    border-bottom: 3px solid #ff3300;
    margin-left:0px;
    width:100%;
}
#fh5co-services-section {
    background: linear-gradient(45deg, #ddd 0%, #eee 100%);
}

#fh5co-services-section .fh5co-heading h2 {
    color: rgba(0, 0, 0, 0.7);
}

.row-news {
    margin-bottom: 3em;
}

#fh5co-featured-section {
    padding-bottom: 3em;
}

.header-input-search {
    margin-top:0px;
    font-size: 1vw;
    padding: 0.2vw 0.6vw 0.2vw 0.6vw;
    height: 2vw;
}

#fh5co-header {
    padding-top:0px;
}

#banner-heder {
    height: 2px;
    background-color:#ccc;
    font-size:1vw;
}
.container-header {
    width: 96.5vw;
    margin:auto;
}
.currency-header {
    width: 220px;
    margin-left: 15px;
}

.auth-header {
    width: 60%;
    margin-right: 30px;
    margin-top: 3px;
    font-size: 14px;
}

.menu-header {
    height:6vw;
}

.cart-block {
    width: 8px;
    float:right;
}

.auth-block {
    float:right;
    margin-right: 30px;
}

.header-inner {

}


.action-header {
    border-bottom: 1px solid #ff3300;
}

.top-marging {
    margin-top:0.5vw;
}

.header-input-search-group {
    margin-right:1vw;
}

#fh5co-header nav {
    float: right;
    padding: 0;

}


.currency-value {
    width: 130px;
    float: left;
}

.currency-change {
    width: 70px;
    float: left;
}

#fh5co-offcanvas {
    display: none;
}

.row.action-header, .row.menu-header {
    margin-left: -15px;
    margin-right: -15px;
}

.carousel-indicators li {
    border: 1px solid #ff3300;
    height: 11px;
    width: 11px;
}

.carousel-indicators .active {
    background-color: #ff3300;
    height: 13px;
    width: 13px;
}



#fh5co-offcanvas ul li {
    line-height: 1.5em;
}
.container_1 {
    margin-bottom: 15px;
}

.nav.navbar-nav.nav-profile li a {
    position: relative;
    display: block;
    padding: 10px 15px;
    line-height: 5px;
}
.nav.navbar-nav.nav-profile li  a:hover {
     text-decoration: none;
     background-color: #eee;
 }

#fh5co-header nav ul li a {
    padding: 12px 10px;
}

.no-relative {
    position: static;
}
@media (min-width: 768px) {
    .modal-dialog {
        position: fixed;
        left: 50%;
        margin-left: -300px;
    }
}

@media (max-width: 768px) {
    .modal-dialog {
        width:90%;
        position: fixed;
        left: 50%;
        margin-left: -45%;
    }
}


.nav.navbar-nav.nav-profile li  a:visited {
    text-decoration: none;
    background-color: transparent;
}

#address label {
    width:33%;
}
#address input {
    width:66%;
}

#input-search {
    background-color: #fff;
}

.product-form input {
    width:100%;
}

#product-form li {
    list-style: none;
}

#product-form .panel.panel-info {
    margin-top: 1vw;
}


#edit input {
    width:100%;
}

#edit li {
    list-style: none;
}

#edit .panel.panel-info {
    margin-top: 1vw;
}
.order-tabs.col-md-12 .btn {
    border-radius: 5px;
    padding: 5px 10px;
}

#product_links li div label {
    display:none;
}

#product_links input {
    width:80%;
    float:left;
}

#product_images input[type="checkbox"]  {
    display:none;
}

#product_colors li div label {
    display:none;
}


#product_images  div label {
    display:none;
}


#product_colors input {
    width:80%;
    float:left;
}

#product_images input {
    width:80%;
    float:left;
}

#products-table .product td li {
    list-style: none;
}
.color-write {
    background-color: #fff;
}

#products-table {
    padding-top:15px;
}

.check-option input {
    width: auto;
    margin-top: 0.6vw;
    margin-right: 1vw;
    float: left;
}

.check-option td {
    vertical-align: top;
}

.product-form textarea {
    width:100%;
}

#edit textarea {
    width:100%;
}

#order_delivery_index {
    -moz-appearance: textfield;
}
#order_delivery_index::-webkit-inner-spin-button {
    display: none;
}

#product_links label {
    display: none;
}

#sidebar {
    margin-top: 10px;
}

#product_colors label {
    display: none;
}

.tab-content {
    background-color: #fff;
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    margin-bottom: 30px;
    border-radius: 0 5px 5px 5px;
}

#order-register-form input, #delivery-address-form input, #order-update-form input,
#order-login-form input, #order-update-form select{
     height: 35px;
     border: 1px solid #ccc;
     border-radius: 0px;
     padding: 0px 20px;
 }

#order-register-form input:focus, #order-login-form input:focus,
#order-update-form input:focus, #delivery-address-form input:focus,
#order-update-form select:focus {
    height: 35px;
    border: 1px solid #7a9cd3;
    border-radius: 3px;
    box-shadow: 0 0 1px #a4c6fd;
}

.update-panel {
    margin-top:1vw;
}

#step3 li {
    list-style: none;
}

/*#search .form-control {*/
    /*height: 35px;*/
/*}*/

#popup-resset-ok h3 {
    margin: 10px 0px;
}

#chat.chat-profile {
    width: 100%;
    overflow-x: hidden;
    margin-bottom: 15px;
    /*border: 1px solid #ddd;*/
    /*border-radius: 5px;*/
    /*padding: 5px;*/
}

#chat p {
    margin-bottom: 10px;
}


#search  .input-group {
    padding: 5px 20px;
}

#input-search {
    padding: 5px 20px;
}


.breadcrumb > li + li:before {
    content: "";
}

#order-delivery-address {
    margin-top: 4px;
    padding: 6px 10px;
}

.btn-order-action {
    height: 26px;
    line-height: 26px;
    border-radius: 5px;
    padding: 0px 10px;
    font-size: 14px;
}

.table-order, .table-order tr td {
    font-size: 12px;
}

.product-form-profile #product-form {
    display:block;
}
#edit.edit-product-profile .remove-link, #edit.edit-product-profile .add_link_link,
#edit.edit-product-profile .remove-color , #edit.edit-product-profile .add_color_link
 {
    border-radius: 5px;
    height: 32px;
    padding: 5px 20px
}

.edit-product-profile #product_save {
    border-radius: 5px;
    height: 42px;
    padding: 7px 20px;
    float: right;
}

#fh5co-footer a {
    color: rgba(255, 255, 255, 0.8);
}
.serch-button-homepage {
    border: 2px solid #FC0301;
}

#fh5co-offcanvas ul li a:hover {
    color: #FF6537;
}

.fh5co-heading h3 {
    font-size:16px;
}

.stock-in-trade {
    color: #7f7f7f;
}

.table-orange {
    border: 2px solid #FF6537;

}

.bold-td {
    font-weight: 800;
}

.bg-input {
    background-color: #f1faff;
}

#order-step1 {
    width: 152px;
    height: 24px;
    background-image: url("/../../../images/step1.png");
    display:block;
    float:left;
    color:#fff;
    text-align: center;
    background-repeat: no-repeat;
    background-size: contain;
}

#order-step1.active {
    background-image: url("/../../../images/step1_activ.png");
}

#order-step1 a {
    margin-top: -1px;
    font-size: 15px;
    display: block;
    text-decoration: none;
}


#fh5co-footer {
    font-size: 16px;
}

.breadcrumb {
     background-color: #ffffff;
}

#order-step1.active a {
    color:#fff;
}


#order-step2 {
    width: 169px;
    height: 24px;
    background-image: url("/../../../images/step2.png");
    display: block;
    float: left;
    color: #fff;
    text-align: center;
    background-repeat: no-repeat;
    background-size: contain;
}

#order-step2 a {
    margin-top: -23px;
    font-size: 15px;
    display: block;
    text-decoration: none;
}

#order-step2.active a {
    color:#fff;
}

#order-step2.active {
    background-image: url("/../../../images/step2_activ.png");
}

.remove-color.btn.btn-default, .remove-link.btn.btn-default {
    padding: 3px 10px;
    border-radius: 0 5px 5px 0;
}

.remove-images.btn.btn-default, .remove-link.btn.btn-default {
    padding: 3px 10px;
    border-radius: 0 5px 5px 0;
}

#edit .remove-color.btn.btn-default, #edit .remove-link.btn.btn-default {
    padding: 3px 10px;
    border-radius: 0 5px 5px 0;
    height: 29px;
}

.delivery-profile {
    margin-top: -24px;
    margin-bottom: 24px;
}

#fh5co-header nav ul li a:hover {
    text-decoration: none;
    border-radius: 5px;
    background-color: #eeeeee;
    line-height: 1em;
}


#fh5co-header nav ul li a.active {
    text-decoration: none;
    border-radius: 5px;
    background-color: #FF6537;
    color:#fff;
    padding: 10px 8px;
    line-height: 1em;
}

#input-search-error {
    display: none;
}

#product-form input {
    height:30px;
}
#order-step3 {
    width: 170px;
    height: 24px;
    background-image: url("/../../../images/step3.png");
    display: block;
    float: left;
    color: #fff;
    text-align: center;
    background-repeat: no-repeat;
    background-size: contain;
}

#order-step3 a {
    margin-top: -23px;
    font-size: 15px;
    display: block;
    text-decoration: none;
}

#order-step3.active {
    background-image: url("/../../../images/step3_activ.png");
}

#order-step3.active a {
    color:#fff;
}

.order-step {
    padding-bottom: 25px;
}

#chat.chat-profile p {
    font-size: 14px;
}

#chat p {
    font-size: 14px;
}

.btn.btn-default.serch-button-homepage {
    height: 30px;
}

.col-item .btn-details.button-details {
    float: right;
}

.news-item h3 {
    font-size:1.3vw;
}

.featured-grid.featured-grid-2 {
    height: 16vw;
}

.serch-button-homepage
{
    background-image: url(/images/search.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.product-form {
    width: 100%;
}


.btn.btn-default.serch-button-homepage:hover {
    color: #333;
    background-color: #ff6537;
    border-color: #da181f;
    background-image: url(/images/search_hover.png);
}


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

    #serch-input{
        width: 50vw;
        margin-right: 20vw;
        font-size: 6vw;
        height: 8vw;
        margin-top: -0.5vw;
        padding-left: 6vw;
        background-position: 1.2vw center;
    }

    .row-search {
        margin-top: -10px;
    }


    #serch-input.form-control:focus {
        width: 50vw;
    }

    #banner-heder {
        display:none;
    }

    .row.action-header {
        display:none;
    }

    .sl-icon-energy {
        width: 24vw;
        height: 12vw;
        margin-top: 2vw;

    }

    #fh5co-header {
        height: 90px;
     }

    .fh5co-nav-toggle {
        display: block;
        top: 4vw;
    }

    .currency-header.pull-left {
        position: absolute;
        display: block;
        top: 4vw;
        left: 26vw;
        font-size: 8vw;
        width: 60vw;
    }

    .currency-input {
        font-size: 7vw;
        height: 6vw;
        width: 50vw;
    }
    .header-input {
        font-size: 16px;
        padding: 0.2vw 0.6vw 0.2vw 0.6vw;
        height: 8vw;
        margin-top: 0.2vw;
        width: 50px;

    }

    .currency-change {
        width: auto;
        float: left;
        font-size: 8vw;
        margin-top: 0vw;
    }

    .currency-value {
        width: auto;
        float: left;
    }


    #currency-input:disabled {
        background-color: #fff;
        border: none;
        width: 130px;
        font-size: 16px;
    }

    .carousel-indicators {
        bottom: -12px;
    }


    .news-item:nth-child(-n+2) {
        display:none;
    }

    .container-heder {
        margin-top: 8vw;
    }

    .chenge-currency {
        left: 0px;
    }



    .nav > li > a {
        position: relative;
        display: block;
        padding: 10px 6px;
    }


    #fh5co-offcanvas ul li {
        line-height: 2em;
    }

    .separator {
        border-bottom: 2px solid #ccc;
    }

    .about-inner img {
        width: 100%;
    }


}



@media (min-width: 1200px) {

}

@media (max-width: 1200px) {
    .sl-icon-energy {
        margin-top: 0px;

    }

    #fh5co-header nav ul li a {
        font-size: 14px;
        padding: 10px 6px;
    }
}

@media (max-width: 992px) {
    .sl-icon-energy {
        margin-top: 0px;

    }

    .row-search {
        margin-top: -10px;
    }

    #fh5co-header {
        height: 185px;
    }

    #fh5co-header nav ul li a {
        font-size: 10px;
        padding: 10px 6px;
    }
}


@media (max-width: 768px) {
    .sl-icon-energy {
        margin-top: 10px;
    }


    #fh5co-header {
        height: 190px;
    }

    .top-marging {
        margin-top: 1vw;
    }

    #fh5co-header nav ul li a {
        color: rgba(0, 0, 0, 0.5);
        font-size: 13px;
        padding: 12px 7px;
        position: relative;
        -webkit-transition: 0.2s;
        -o-transition: 0.2s;
        transition: 0.2s;
    }

}


@media (max-width: 641px) {
    #fh5co-header {
        height: 130px;
    }
}

@media (max-width: 480px) {
    #fh5co-header {
        height: 100px;
    }
}