/*

- 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/fontawesome/font-awesome.css");
@import url("style_templates.css");
@import url("style_osp.css");
@import url("css/style_cart.css");
@import url("css/style_table.css");
@import url("css/style_form.css");
@import url("css/style_accordion.css");

body#insidepage,
body#coverpage {
    margin: 0px;
}

a.btn {
   color: #000;
   padding: 5px 25px;
}

a.activelan {
    font-weight: bold;
}

.wrapper_header {
    padding: 0px 0 0 0;
    min-height: 60px;
    background: #fff;
    z-index: 1000;
    border-bottom: #B91F27 solid 5px;
}

.wrapper_header .companyLogo {
    margin: 0 0 -20px 0;
    top: -10px;
    position:relative;
}

.hmenu {
    padding-right: 95px;
}

nav#nav-wrap > ul > li > a {
    padding: 44px 10px 30px;
    margin: 0;
}

.social-media a {
    color: #B92025;
    font-size: 14px;
}

.wrapper_header .wrapper_searchbar {
    float: right;
    text-align: right;
    margin-top: 2px;
}

.wrapper_header .menuSearchBar.active {
    visibility: visible;
}

.wrapper_header .menuSearchBar {
    visibility: hidden;
    position: absolute;
    top: 0;
    z-index: 1050;
    padding: 10px 0;
}

body#coverpage .wrapper_middle {
    min-height: 177px;
    background: #363636;
    text-align: center;
    
}

body#coverpage .wrapper_middle h1{
    color:#fff;
}

body#coverpage h1 {
    margin-top: 0;
}

body#coverpage .wrapper_middle .container,
body#coverpage .wrapper_bottom .container {
    padding: 30px 0px;
}

body#coverpage .wrapper_bottom {
    background: #fff;
    text-align: left;
}

body#coverpage .wrapper_bottom h1 {
    color: #b92025;
}

.owl-carousel {
    max-width: 1050px;
    margin: 0 auto;
    height: auto;
}

.owl-item .item {
    background: #B92025;
    max-width: 232px;
}

.owl-item .item .wrapper_image {
    width: 232px;
    height: 173px;
    border: 2px solid #B92025;
}

.owl-item .item .caption {
    padding: 5px 20px;
    min-height: 65px;
    color: #fff;
    vertical-align: middle;
    text-transform: capitalize;
}

.owl-theme .owl-controls .owl-buttons div.owl-prev {
    background: url('../data/ckfinder/images/left-w.png') no-repeat;
    width: 28px;
    height: 48px;
    opacity: 1;
    position: absolute;
    left: -50px;
    top: 68px;
}

.owl-theme .owl-controls .owl-buttons div.owl-next {
    background: url('../data/ckfinder/images/right-w.png') no-repeat;
    width: 28px;
    height: 48px;
    opacity: 1;
    position: absolute;
    right: -25px;
    top: 68px;
}

.wrapper_middle {
    min-height: 650px;
}

body#insidepage .col-sm-4.right{
    border-left: 2px solid #b92025;
    min-height: 500px;
}

body#insidepage .wrapper_middle {
    background: #fff;
    color: #000;
}

body#insidepage .wrapper_banner {
    min-height: auto;
}

body#insidepage h1 {
    color: #b92025;
}

.contentTop,
.contentTop a {
    color: #aaa;
}

.contentTop a:hover {
    color: #333;
}

.nav-tabs {
    border-bottom: 0;
}

.nav-tabs.nav-stacked > li {}

.nav-tabs.nav-stacked > li > a {
    color:#615e5e;
    font-size: 15px;
    border-radius: 0;
    border: 0;
    text-align: right;
}

.nav-tabs.nav-stacked > li > a.active,
.nav-tabs.nav-stacked > li > a:hover {
    color: #fff;
    background: #b92025;
}

.wrapper_middle > .container> .row > .col-md-* {
    max-width: 250px;
    padding-right: 5px;
}

#insidepage .wrapper_middle .container {
    padding-top: 10px;
}

#insidepage .col-md-3.left {
    padding-right: 30px;
}

#insidepage .col-md-9.right {
    border-left: 2px solid #b92025;
    min-height: 585px;
    padding-left: 30px;
    padding-top: 30px;
}

.table > tbody > tr > td {
    padding-top: 0;
    border-top: 0;
}

.wrapper_bottom {}

.wrapper_footer {
    min-height: 50px;
    background: #7E7E7E;
    color: #fff;
    font-size: 12px;
    font-weight: normal;
}

.wrapper_footer .container {
    padding-top: 10px;
    padding-bottom: 10px;
}

.wrapper_footer .container a {
    color: #fff;
}

.wrapper_footer .container a:hover {
    color: #B92025 ;
}

.social-media a {
    display: inline-block;
    position: absolute;
    right: 35px;
}

.social-media a:hover {
    color: #2f2f2f;
}

.btn-more {
    background: #b92025;
    padding: 5px 10px;
    text-transform: uppercase;
    border-radius: 0;
    border: 0;
    font-weight: bold;
}

.btn-more:hover {
    background: #2f2f2f;
    -webkit-transition: all .25s linear;
    -moz-transition: all .25s linear;
    transition: all .25s linear;
}

.btn-more:before {
    content: '> ';
    vertical-align: top;
    display: inline-block;
    margin-top: -2px;
    margin-right: 5px;
    font-weight: normal;
}
/*CUSTOM CSS*/
.wrapper_bottom .border-right{
    border-right:2px solid #CDCDCD; 
    min-height:580px;
}

.wrapper_bottom .no-padding{
    padding: 0px !important;
}

.wrapper_bottom .content{
    padding: 30px 20px;
}

.wrapper_bottom tbody tr td{
    padding-bottom: 16px;
    padding-left: 16px;
    vertical-align: top;
}

.wrapper_bottom i{
    color:#B92025;
}

.formButton{
    color:#000;
}

.normal_text tbody tr td{
    padding-bottom: 16px;
    padding-left: 16px;
    vertical-align: top;
}

.panel-default > .panel-heading{
    background-color:#B92025 !important;
}

@media (max-width: 480px) {
    .wrapper_bottom .border-right{
        border-right:0px solid #7E7E7E; 
    }
     .wrapper_bottom .no-padding{
        padding: 30px !important;
    }
    
    .wrapper_bottom .content{
    padding: 0px 20px;
    }
    #toTop{
        bottom: 128px;
        right: 0px;
    }
    
}

@media (max-width: 320px) {
    #toTop{
        bottom: 128px;
        right: 0px;
    }
      .wrapper_bottom .content{
    padding: 0px 20px;
    }
}

@media (min-width: 480px) and (max-width: 768px){
    #toTop{
         bottom: 92px;
    }
 }
    

/*EOL*/

/* Portrait tablet to landscape and desktop */

@media (min-width: 768px) and (max-width: 980px) {
    .hmenu nav#nav-wrap > ul > li > a {
        padding: 47px 6px 33px;
        font-size: 13px;
    }
    .searchb {
        right: 20px;
    }
    h1 > img {
        width: 70px;
        height: 1px;
    }
    table {
        width: 100%;
    }
    #insidepage .wrapper_middle .container img {
        height: auto !important;
    }
}

@media (min-width: 768px) and (max-width: 850px) {
    .owl-theme .owl-controls .owl-buttons div.owl-next {
        right: 0;
        top: -75px;
    }
    .owl-theme .owl-controls .owl-buttons div.owl-prev {
        right: 40px;
        top: -75px;
        left: unset;
    }
    .owl-carousel .owl-wrapper {
        left: 10px !important;
    }
}


/* Landscape phone to portrait tablet */

@media (max-width: 767px) {
    body {
        padding-right: 0px;
        padding-left: 0px;
    }
    .wrapper_middle > .container > .row > .col-md-3 {
        max-width: 100%;
    }
    .wrapper_middle h1,
    .wrapper_bottom h1 {
        font-size: 25px;
    }
    h1 > img {
       
        height: 0px;
        margin-left: 0px !important;
        margin-right: -9px !important;
    }
    body#coverpage .wrapper_middle .container,
    body#coverpage .wrapper_bottom .container {
        padding: 30px 10px;
    }
    .wrapper_header .companyLogo {
        text-align: center;
        height: 85px;
    }
    .wrapper_header .companyLogo a > img {
        height: 80px;
    }
    .owl-carousel .owl-wrapper {
        left: 10px !important;
    }
    .owl-item .item .wrapper_image {
        width: 100%;
    }
    #insidepage .col-md-3.left {
        padding-right: 15px;
    }
    #insidepage .col-md-9.right {
        border-left: 0;
        padding-left: 45px;
    }
    body#insidepage h1 {
        text-align: center;
    }
    .social-media a {
        left: 10px;
        color: #B92025;
    }
    .wrapper_searchbar form#formSearch {
        left: 50px;
        background:#B92025;
    }
    .social-media a:hover {
        color:#7E7E7E;
    }

}

@media (min-width: 480px) and (max-width: 767px) {
    .owl-carousel .owl-item {
        margin-right: 15px;
    }
    .owl-theme .owl-controls .owl-buttons div.owl-next {
        right: 0;
        top: -75px;
    }
    .owl-theme .owl-controls .owl-buttons div.owl-prev {
        right: 40px;
        top: -75px;
        left: unset;
    }
}


/* Landscape phone to below */

@media (max-width: 480px) {
    .owl-theme .owl-controls .owl-buttons div.owl-next {
        right: 0;
        top: 85px;
    }
    .owl-theme .owl-controls .owl-buttons div.owl-prev {
        top: 85px;
        left: 0px;
    }
    .owl-carousel .owl-wrapper {
        left: 15% !important;
    }
}

@media (max-width: 320px) {
    .owl-carousel .owl-wrapper {
        left: 12% !important;
    }
}