﻿::-webkit-scrollbar-track{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);	
}
::-webkit-scrollbar{
	width: 7px;
	background-color: #000000;
}
::-webkit-scrollbar-thumb{
	background-color: #555;
    border-radius:5px;
	/*border: 1px solid #555555;*/
}   

::-moz-scrollbar-track{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3) !important;	
}
::-moz-scrollbar{
	width: 7px !important;
	background-color: #000000 !important;
}
::-moz-scrollbar-thumb{
	background-color: #555 !important;
    border-radius:5px !important;
	/*border: 1px solid #555555;*/
}  

::-scrollbar-track{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3) !important;	
}
::-scrollbar{
	width: 7px !important;
	background-color: #000000 !important;
}
::-scrollbar-thumb{
	background-color: #555 !important;
    border-radius:5px !important;
	/*border: 1px solid #555555;*/
}  


.padding-none {
    padding:0;
}
.margin-none {
    margin:0 !important;
}
.margin-t-0 {
    margin-top:0;
}
.margin-b-0 {
    margin-bottom:0 !important;
}
.padding-l-0 {
    padding-left:0;
}
.padding-r-0 {
    padding-right:0;
}
.padding-t-5 {
    padding-top:5px;
}
.padding-b-5 {
    padding-bottom:5px;
}
.padding-l-5 {
    padding-left:5px;
}
.padding-r-5 {
    padding-right:5px;
}
.padding-t-10 {
    padding-top:10px;
}
.padding-b-10 {
    padding-bottom:10px;
}
.padding-l-10 {
    padding-left:10px;
}
.padding-r-10 {
    padding-right:10px;
}
.padding-t-15 {
    padding-top:15px;
}
.padding-b-15 {
    padding-bottom:15px;
}
.padding-l-15 {
    padding-left:15px;
}
.padding-r-15 {
    padding-right:15px;
}
.padding-t-20 {
    padding-top:20px;
}
.padding-b-20 {
    padding-bottom:20px;
}
.padding-l-20 {
    padding-left:20px;
}
.padding-r-20 {
    padding-right:20px;
}

.margin-t-5 {
    margin-top:5px;
}
.margin-b-5 {
    margin-bottom:5px;
}
.margin-l-5 {
    margin-left:5px;
}
.margin-r-5 {
    margin-right:5px;
}
.margin-t-10 {
    margin-top:10px;
}
.margin-b-10 {
    margin-bottom:10px;
}
.margin-l-10 {
    margin-left:10px;
}
.margin-r-10 {
    margin-right:10px;
}
.margin-t-15 {
    margin-top:15px;
}
.margin-b-15 {
    margin-bottom:15px;
}
.margin-l-15 {
    margin-left:15px;
}
.margin-r-15 {
    margin-right:15px;
}
.margin-t-20 {
    margin-top:20px;
}
.margin-b-20 {
    margin-bottom:20px;
}
.margin-l-20 {
    margin-left:20px;
}
.margin-r-20 {
    margin-right:20px;
}

.customheading {
    color:#fff; 
    font-size:40px;   
    font-weight:500;
    padding:0 !important;
    margin-top:5px !important;
    margin-bottom:20px !important;    
    font-family:lane_-_narrowregular !important;
}

.customul ul {
    margin-top:15px !important;
}

.customul li {
    font-size:14px !important; 
    line-height:18px !important;
    margin-bottom:10px !important;
    padding-top:0 !important;
    padding-left:10px !important;
}

.close {
    opacity:0.9;
    color:#fff;
}

.btntouch {
    background-color: #D2AE6D;
    padding: 3px 9px;
    border-radius: 6px;
    color: #000;
    transition: all ease-in-out .5s;
    font-size: 15px;
    font-family: webfontregular1;
}

    .btntouch:hover {
        background-color: #fff;
        color: #000;
    }

.custommodal .modal-content {
    background-color:#000;
    float:left;
    width:100%;
    border:1px solid #3f3f3f;
}

.custommodal .border-left {
    border-left:1px solid #3f3f3f;
}

.custommodal .modal-content h4 {
    color:#fff;
    text-align:center;
    font-size:20px;
    font-weight:600;
}

.custommodal .modal-content h5 {
    color:#fff;
    font-size:20px;
}
.custommodal .modal-content p {
    color:#fff;
    font-size:14px;
}

.custommodal .modal-content span {
    color:#fff;
    font-size:14px;
}

.custommodal .modal-header {
    border-color:#3f3f3f;
}

.custommodal .modal-footer {
    float:left;
    width:100%;
    border-color:#3f3f3f;
}

.custommodal .modal-body {
    float:left;
    width:100%;
}

.custombtn {
    background-color:#D2AE6D;
    text-transform:uppercase;
    padding:5px 14px;
    border:none;
    color:#fff;
    font-size:12px;
    transition:all ease-in-out .5s;
}
.custombtn:hover {
    background-color:#fff;
    color:#000;
}

.customtxt {
    background-color: #B3B4B5;
    padding: 2px 10px !important;
    width: 100%;
    border: none;
    transition: all ease-in-out .5s;
    font-size: 14px;
    padding: 4px 1% !important;
    border: 1px solid #aaa;
    color:#000;
}

.sidemenuimage {
    padding:10px;
    position:relative;
    float:left;
}
.sidemenuimage span {
    position:absolute;
    width:90%;
    background-color:rgba(0,0,0,0.6);
    bottom:10px;
    text-align:center;
    transition:all ease-in-out .2s;
}
.sidemenuimage:hover span {
    bottom:20px;
}

@media only screen and (min-width: 320px) and (max-width:420px) {
    .small-heading h4 {
        line-height:55px !important;
    }
    .carousel .black-bg {
        min-height:250px !important;
    }
}

@media only screen and (min-width: 320px) and (max-width:480px) {
    .padding-none-xs {
        padding:0 !important;  
    }
    .margin-none-xs{
        margin:0 !important;
    }
    .margin-b-15-xs {
        margin-bottom:15px !important;
    }   
    .icon-box {
        padding-left:0 !important;
    }
    .text-center-xs {
        text-align:center !important;
    }
    .bg-color {
        min-height:inherit;
        float:left;
        width:100%;
    }
    .breadcrumbs {
        left:0%;
    }
    .breadcrumbs .breadcrumbs-list {
        width:100%;
        padding-left:0;
        padding-right:0;
    }
    .content img {
        border-right-color:transparent !important;
        padding-right:0 !important;
        padding-bottom:15px;
        border-bottom:1px solid #3B3B3B;        
    }
}

@media only screen and (min-width:768px) and (max-width:820px) {
    .sideimage .content {
        top:50% !important;
    }
    .sideimage .social-media {
        margin-top:2% !important;
    } 
}

@media only screen and (min-width:768px) and (max-width:980px) {
    .padding-none-sm {
        padding:0 !important;  
    }
    .margin-b-30-sm{
        margin-bottom:30px !important;
    }
    .small-heading h4 {
        line-height:55px !important;
    }
    .newlaunches img {
        width:230px
    }
    .sideimage .sideimage1 {
        height:450px !important;
    }
    .text-center-sm {
        text-align:center !important;
    }
    .padding-l-0-sm {
        padding-left:0;
    }
    .padding-r-0-sm {
        padding-right:0;
    }
    .bg-color {
        /*min-height:inherit;
        float:left;
        width:100%;*/
    }
    .breadcrumbs .breadcrumbs-list {
        padding:15px 10px;
    }
    /*body .header .header-top {
        display:block;
    }
    body .header-top > div > div {
        width:50%;
        float:right;
    }
    body .header-top > div > div.header-top-left {
        width:36%;
        border-bottom:none;
    }
    body div .header-top-right .header-top-search input {
        height:30px;
    }
    body div .header-top-right .header-top-search a {
        top:-2px;
    }
    body a[href="#primary-menu"] {
        top:40px;
    }*/
}

/*@media only screen and (min-width:768px) and (max-width:780px) {
    .banner-sub-page .container .breadcrumbs {
        left:0;
    }
}

@media only screen and (min-width:780px) and (max-width:850px) {
    .banner-sub-page .container .breadcrumbs {
        left:-2%;
    }
}

@media only screen and (min-width:850px) and (max-width:1020px) {
    .banner-sub-page .container .breadcrumbs {
        left:-2%;
    }
}*/

@media only screen and (min-width:1020px) and (max-width:1060px) {
    .nav > li > a {
        padding:12px 9px !important;
    }
    #primary-menu > .nav > li > a {
        font-size:13px !important;
    }
    .sideimage .social-media {
        margin-top:0 !important;
    }
    .border-bottom {
        padding:0 !important;
    }
    .youtubevideo {
        width:220px !important;
    }
    .newlaunches img {
        height:270px;
    }
}

@media only screen and (min-width:1060px) and (max-width:1280px) {
    .sideimage .sideimage1 {
        height:405px !important;
    }
}

@media only screen and (min-width:1910px) and (max-width:1920px) {
    .sideimage .social-media {
        float:left !important;
        margin-top:40% !important; 
    }
    /*.banner-sub-page .container .breadcrumbs {
        left:-28.5%;
    }*/
}

@media only screen and (min-width:580px) and (max-width:1920px) {

    .filter {
        display:table-cell !important;
    }

}