body {color:#444444; background:#859aa6; font-family: 'land_rover_webmedium'; font-weight:normal; position:relative;}
/*body {color:#444444; font-family: 'land_rover_webmedium'; font-weight:normal; background:#8a9aa8 url(../img/bg-body.jpg) left top repeat-x;}*/
@font-face {
    font-family: 'land_rover_webmedium';
    src: url('../fonts/landroverweb-medium-webfont.eot');
    src: url('../fonts/landroverweb-medium-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/landroverweb-medium-webfont.woff2') format('woff2'),
        url('../fonts/landroverweb-medium-webfont.woff') format('woff'),
        url('../fonts/landroverweb-medium-webfont.ttf') format('truetype'),
        url('../fonts/landroverweb-medium-webfont.svg#land_rover_webmedium') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'land_rover_webbold';
    src: url('../fonts/landroverweb-bold-webfont.eot');
    src: url('../fonts/landroverweb-bold-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/landroverweb-bold-webfont.woff2') format('woff2'),
        url('../fonts/landroverweb-bold-webfont.woff') format('woff'),
        url('../fonts/landroverweb-bold-webfont.ttf') format('truetype'),
        url('../fonts/landroverweb-bold-webfont.svg#land_rover_webbold') format('svg');
    font-weight: normal;
    font-style: normal;

}
* {margin:0; padding:0; list-style: none;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing:border-box;}
h1, h2, h3, h4, h5, h6{font-weight:normal;}
a img {border:none;}
img{max-width:100%;}
.fleft {float:left}
.fright {float:right}
.clearfix {clear: both;}
.center {text-align: center;}
.right {text-align:right;}
a {color: #0f6ab3; text-decoration: none;}
a:hover {color: #000;}
.full {float:left; width: 100%;}
.marT1 {margin-top: 5px;}
.marT2 {margin-top: 10px;}
.marT3 {margin-top: 15px;}
.marT4 {margin-top: 20px;}
.marB1 {margin-bottom: 5px;}
.marB2 {margin-bottom: 10px;}
.marB3 {margin-bottom: 15px;}
.marB4 {margin-bottom: 20px;}
/*====== Global CSS======*/
.wrapper{margin:0 auto; max-width:1281px; width:100%; position:relative; padding-left: 10px; padding-right: 10px;}
h1{font-size:48px; color:#a41631; line-height:40px; margin-bottom:20px;}
.red-color{color:#a61c36;}
/*=====Header====*/
.header-top{float:left; width:100%; height:60px;}
/*=====Container====*/
.whitebg{background:#ffffff;}
.container{padding-top:16px; padding-bottom:28px;}
.page-title{text-align:center;    margin-bottom: 5px;}
.top-nav{position:absolute; left:10; top:0; padding-top:16px;}
.top-nav a{color:#ffffff;}
.top-title{text-align:center; padding:13px 87px 0 32px; font-size:24px; color:#ffffff; text-transform:uppercase; width:100%;}
.darktitle{color:#262C31;}
.top-right-logo{position:absolute; right:10px; top:0; padding-top:12px;}
/*====Footer=====*/
.footerbg{background:url(../img/bottom-bg.png) repeat-x; padding-top:40px; padding-bottom:43px; text-align:center; text-transform:uppercase;}
.footerbg hr{margin:26px 0 23px 0; box-shadow:none; border:none; background:#bec2c2; height:1px;}
.footer-nav li{margin-right:4.5%; font-size:18px; display:inline-block;}
.footer-nav li:last-child{margin-right:0;}
/*==========Top Let Navigation=========*/
.header[role="banner"] { color: white;  height: 0;  left: 0; line-height: 1em; position: fixed; top: 0; transition: all 0.3s ease 0s; width: 100%; z-index: 10000;}
.header.open[role="banner"] { height: 100%;}
.nav[role="navigation"] { padding:12px 0;  position: absolute;  top: 0; transition: all 0.3s ease 0s; width: 100%; z-index: 1000;}
.nav[role="navigation"] .logo {display: none; margin-top: -100px; transition: all 0.3s ease 0s;}
.nav[role="navigation"] ul > li {display: inline; float: left; margin-right: 9.09091%; text-align: center;}
.nav[role="navigation"] ul > li:first-child {display: inline; float: left; margin-right: 9.09091%; text-align: left;}
nav[role="navigation"] ul > li:last-child {display: inline; float: right; margin-right: 0;}
.nav.down[role="navigation"] {z-index: 1000;}
.menu_button {cursor: pointer;  float: right; width: 40px;}
.menu_button .menu_button-bar { background-color: #ffffff; display: block; height: 4px; margin: 6px 0; opacity: 1;transition-duration: 150ms; transition-property: all, -webkit-transform; transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); width: 40px;}
.open .menu_button .menu_button-bar {background-color: white; width: 37px;}
.open .menu_button .menu_button-bar:nth-child(1) {transform: rotate(45deg); transform-origin: 4px 0 0;}
.open .menu_button .menu_button-bar:nth-child(2) {opacity: 0;}
.open .menu_button .menu_button-bar:nth-child(3) {transform: rotate(-45deg); transform-origin: 4px 2px 0;}
.menu {background-color: #a41631; color: white; height: 0; overflow: hidden; position: relative; text-align: center; transition: all 0.6s ease 0s; width: 100%;}
.no-touch .menu {opacity: 0.95;}
.menu .center {display: table; height: 100%; width: 100%;}
.menu .language {bottom: 20px; font-size: 0.75em; position: absolute; text-align: center; text-transform: uppercase; width: 100%;}
.menu ul {display: table-cell; vertical-align: middle;}
.menu li {border-bottom: 2px solid white; font-size: 30px; margin: auto; padding:30px 0;}
.menu li:last-child {border-bottom: medium none;}
.open .menu {height: 100%;}
@media (min-width: 40.063em) {
    .nav[role="navigation"] ul > li {float: left;  margin-right: 4.34783%;}
    .nav[role="navigation"] ul > li:first-child {float: left; margin-right: 4.34783%;}
    .nav[role="navigation"] ul > li:last-child {float: left;}
    .open .nav.down[role="navigation"] {background-color: inherit;}
    .nav.down[role="navigation"] ul > li:first-child {display: inline;}
    .open .nav[role="navigation"] ul li:first-child {display: inline;}
    .menu li {max-width: 50%;}
}
@media (min-width: 90.063em) {
    .menu li {max-width: 30%;}
}
.bg-inner{/*background:#8a9aa8 url(../img/bg-body.jpg) left top repeat-x;*/ background: #e8eaed; background: -moz-linear-gradient(top, #e8eaed 0%, #859aa6 100%); background: -webkit-linear-gradient(top, #e8eaed 0%,#859aa6 100%); background: linear-gradient(to bottom, #e8eaed 0%,#859aa6 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8eaed', endColorstr='#859aa6',GradientType=0 ); position:absolute; top:0px; left:0px; width:100%; height:100%; z-index:0;}
.left-col{width:400px; height:100%; background:#b5bdc8 url(../img/bg-menu.jpg) left top repeat-x; position:absolute; left:0px; top:0px; z-index:2;}
.right-col{padding:25px 4% 0 520px; padding-top:25px; display:block; width:100%; min-height:1050px; height:auto; z-index:1; position:relative;}
.logo-bg{width:457px; height:431px; background:url(../img/logo-bg.png) left top no-repeat; float:left; padding:60px 0 0 124px; background-size:100%;}
.left-nav{float:left; width:100%; padding:0px 24px 0px 24px; margin:0px;}
.left-nav li{float:left; width:100%; padding:18px 0px; margin:0px; border-bottom:solid 1px #b3bac3;}
.left-nav li:last-child{border-bottom:solid 0px #b3bac3;}
.left-nav li a{float:left; width:100%; padding:0px 0 0 58px; margin:0px; color:#fff; text-transform:uppercase; font-size:18px; line-height:38px; text-decoration:none;}
.left-nav li a:hover, .left-nav li a.active{color:#27333a;}
.left-nav li a.select-brand{background:url(../img/select-brand-icon.png) left top no-repeat;} 
.left-nav li a.browse-brand{background:url(../img/brose-icon.png) left top no-repeat;} 
.left-nav li a.search-brand{background:url(../img/search-icon.png) left top no-repeat;} 
.left-nav li a.approved-brand{background:url(../img/approved-icon.png) left top no-repeat;} 
.left-nav li a.finance-brand{background:url(../img/finance-icon.png) left top no-repeat;} 
.left-nav li a.commun-brand{background:url(../img/message-icon.png) left top no-repeat;} 
.left-nav li a.stock-brand{background:url(../img/list-icon.png) left top no-repeat;} 
.left-nav li a.setting-brand{background:url(../img/setting-icon.png) left top no-repeat;} 
.inner-full{float:left; width:100%;}
.inner-full h2{color:#3f4b52; font-size:17px; text-transform:uppercase; padding:0px 0 5px 0px; margin:0px 0 12px 0px; font-family: 'land_rover_webbold'; border-bottom:solid 1px #bcc1c7;}
.inner-top{ font-size:28px; padding:15px 280px 15px 20px; background:#6f7982; text-transform:uppercase; font-family: 'land_rover_webbold'; color:#fff; margin-bottom:30px; border-radius:3px; width:100%; display:inline-block; position:relative;}
.inner-full label{font-weight:normal;}
.label-full{float:left; width:100%; font-size:15px;}
.bootstrap-select{width:100% !important;}
.settings-row{float:left; width:100%; padding-bottom:28px;}
.chk-container{float:left; width:100%; padding-bottom:10px;}
.settings-row input[type="checkbox"]{display:none;}
[type="checkbox"]:not(:checked), [type="checkbox"]:checked { position:absolute; }
[type="checkbox"]:not(:checked) + label, [type="checkbox"]:checked + label {position: relative; padding-left:34px; cursor: pointer; line-height:26px; font-weight:normal !important; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size:15px;}
[type="checkbox"]:not(:checked) + label:before, [type="checkbox"]:checked + label:before {content: ''; position: absolute; left: 0; top: 0px; width:26px; height: 26px; border: 0px solid #d5d6cf; background: #737d86; border-radius:4px; }
[type="checkbox"]:not(:checked) + label:after, [type="checkbox"]:checked + label:after { content: '✔'; position: absolute; top:-1px; left:6px; font-size:17px; color: #fff; transition: all .2s;}
[type="checkbox"]:not(:checked) + label:after { opacity: 0; transform: scale(0); }
[type="checkbox"]:checked + label:after { opacity: 1; transform: scale(1); }
.chk-container .col-md-3, .chk-container .col-sm-12{padding-bottom:10px;}
.bold-font{font-family: 'land_rover_webbold'; padding-top:1px;}
.width-1{width:30%;}
.buton-bottom{text-align:center; position:absolute; top:14px; right:15px;}
.btn-save{border-radius:4px; padding:10px 25px; font-size:16px; text-transform:uppercase; background:#323c44; border:0px; color:#fff; display:inline-block;}
.btn-save:hover{background:#3e4951;}
.text-top{float:left; width:100%;}
.menuImage{display:none;}
.login-wrapper{float:left; width:100%;}
.login-bg{position:fixed; left:0px; top:0px; height:100%; width:100%; background: #e6e8eb; background: -moz-linear-gradient(top, #e6e8eb 0%, #bfc8ce 100%);background: -webkit-linear-gradient(top, #e6e8eb 0%,#bfc8ce 100%); background: linear-gradient(to bottom, #e6e8eb 0%,#bfc8ce 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e8eb', endColorstr='#bfc8ce',GradientType=0 ); z-index:0;}
.login-pattern{position:fixed; left:0px; top:0px; height:100%; width:100%; background:url(../img/bg-login.png) left top repeat; z-index:1;}
.login-white-bg{position:fixed; top:0px; left:0px; width:100%; height:100%; background:url(../img/login-white-bg.png) left top repeat-x; z-index:5;}
.login-container{ width:640px; margin:auto; padding-top:5%; position:relative; z-index:999;}
.logo-login{float:left; width:100%; text-align:center; padding-bottom:54px;}
.login-form{float:left; width:100%;}
.form-input{float:left; width:100%; position:relative; margin-bottom:30px;}
.addon{position:absolute; left:17px; top:13px;}
.form-input .form-control{border:solid 1px #9ba1a8; border-radius:0px; -moz-box-shadow:inset 5px 5px 10px #c6c8ca; -webkit-box-shadow:inset 5px 5px 10px #c6c8ca;
                          box-shadow: inset 5px 5px 10px #c6c8ca; height:56px; padding-left:58px; font-size:18px; color:#3e4951;}
.btn-login{float:left; width:100%; border:solid 1px #757f88; background:#3e4951; -moz-box-shadow:inset 5px 5px 10px #252c30; -webkit-box-shadow:inset 5px 5px 10px #252c30;
           box-shadow: inset 5px 5px 10px #252c30; height:60px; font-size:24px; color:#fff;}
.btn-login:hover{background:#262c31;}
.remamber-me{float:left;}
.remamber-me label{ font-weight:normal;}
.forgot-pass{float:right;}
.forgot-pass a{color:#27333a;}
.forgot-pass a:hover{color:#57616a;}

.data-row{float:left; width:102%; margin-left:-2%;}
.data-col{float:left; width:31.333%; margin-left:2%; border-radius:4px; color:#fff; }
.bg-1{background:#323c44;}
.box-contant i{position:absolute; left:20px; top:25px; font-size:68px;}
/*.box-contant{float:left; width:100%; font-size:22px; text-align:right; position:relative; position:relative; height:120px; padding:20px 20px 20px 120px;}*/
.box-contant{float:left; width:100%; font-size:25px; text-align:center; position:relative; position:relative; height:100px; padding:20px 10px 20px 10px;}
.box-btm-link{float:left; width:100%; border-radius:0px 0px 4px 4px; text-transform:uppercase; font-size:14px; padding:10px 20px;}
.bg-1 .box-btm-link{ background:#161d23;}
.data-col a{color:#fff; text-decoration:none;}
.data-col a:hover{color:#c1c7cf;}
.box-btm-link i{float:right; font-size:20px;}

.bg-home-wrap{ position:fixed; top:0px; left:0px; height:100%; width:100%; /* background:url(../img/bg-home.jpg) left top repeat; */ z-index:0;}
.home-bg-overlay{position:fixed; left:0px; top:0px; width:100%; height:100%; background:#a61c36; opacity:0.5; z-index:1;}
.wrapper-main{float:left; width:100%; position:relative; z-index:3;}


/*======*/
#no-more-tables table th{background:#596169; color:#ffffff; font-weight:normal;}
#no-more-tables table th a{color:#ffffff; text-decoration:none; font-weight:normal;}
#no-more-tables label{margin-bottom:0; margin-top:4px;}
.numeric  .col-sm-12{padding:0;}
.fa-edit{color:green; font-size:18px !important; margin-left:5px;}
.fa-image{color:#666666; font-size:16px !important; margin-left:5px;}
.fa-trash-o{color:#C40401; font-size:18px !important; margin-left:5px;}
.buton-bottom  a{color:green;}
.submit-bottom {color:green;}
.botton-but a{color:#c40401;}
table.table-striped{background:#E7E9ED}
.table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th{border:solid 1px #BDC4CC;}
.pagination-div {padding-top:20px;}
.botton-but{margin-top:20px;}

/*=====Form======*/

.vehicules-from label{text-transform:uppercase; display:block;}
.vehicules-from select, .vehicules-from input[type="text"], .vehicules-from textarea{width:100%; margin-bottom:10px;}
.vehicules-from .btn-group{margin-bottom:10px;}

/*======Mail=========*/

.mail h1{color:#27333a; font-size:25px; margin-bottom:0; margin-top:0;}
.mail-from{margin-bottom:15px;}
a .fa-mail-reply-all, a .fa-eye{background:#6f7982; font-size:18px !important; padding:6px 9px 6px 8px; color:#ffffff;}
.date{display:block; padding-bottom:10px;}
.mail-info{border-bottom:solid 1px #bcc1c7; padding:15px;}
.mail-info:nth-child(even) {background:#f2f3f4;}

/*===Mail Detial====*/

.mail_detail h1{color:#ffffff;}
.mail_detail .date{color:#fff; display:inline-block; margin-right:15px;}
.mail_detail .mail-info{border-bottom:none;}
.mail_detail {background:#969ea5; margin-bottom:10px; border-radius:3px;}
.info_mail .paddB10{float:left; width:100%; padding-top:5px; margin-bottom:5px; border-bottom:solid 1px #d8d8d8;}


.left-arrow {
    display: inline-block;
    position: relative;
    background: #f2f3f4;
    padding: 15px;
    margin-left:5%;
    width:95%;
}
.left-arrow:after {
    content: '';
    display: block;  
    position: absolute;
    right: 100%;
    top: 50%;
    margin-top: -10px;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-right: 10px solid #f2f3f4;
    border-bottom: 10px solid transparent;
    border-left: 10px solid transparent;
}
.right-arrow {
    display: inline-block;
    position: relative;
    background: #e7e7e7;
    padding: 15px;
    margin-right:5%;
    width:95%;
}
.right-arrow:after {
    content: '';
    display: block;  
    position: absolute;
    left: 100%;
    top: 50%;
    margin-top: -10px;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid #e7e7e7;
}

/*=======Gallery Animation======*/

.gallery-img{border:solid 1px #bcc1c7; padding:5px; border-radius: 3px;}
.all-check{background:#596169; margin-bottom:15px; border-radius: 3px; padding:5px 10px; font-size:18px; color:#ffffff; float:left; width:100%;}

.gallery-photo{overflow: hidden;}
.gallry-photo-border{border:solid 2px #bcc1c7; padding:5px; margin-bottom:20px;}

.view {width:100%; position: relative; text-align: center; cursor: default; height: 180px; overflow: hidden;}
.view .mask{ width:100%; height:100%; position: absolute; overflow: hidden; top: 0; left: 0;}
.view img {display: block; position: relative;}
.view .info {display: inline-block; text-decoration: none; padding: 5px 5px; background: #000; color:#ffffff; text-transform: uppercase; -webkit-box-shadow: 0 0 1px #000; -moz-box-shadow: 0 0 1px #000; box-shadow: 0 0 1px #000; font-size:22px; position:relative; top:25%; transform:translateY(-25%);}
.view .info a{color:#ffffff; padding:0 10px;}
.view .info a:hover{color:#5ac5f9;}
.view .info input[type="checkbox"]{margin:0; padding:0; position:relative;}


.view-first img {
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.view-first .mask {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    background-color: rgba(4,89,131, 0.9);
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.view-first h2 {
    -webkit-transform: translateY(-100px);
    -moz-transform: translateY(-100px);
    -o-transform: translateY(-100px);
    -ms-transform: translateY(-100px);
    transform: translateY(-100px);
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    background:#2fa0da;
    font-weight:normal; font-size:18px;
    padding:5px 0;
    color:#ffffff;
}
.view-first p {
    -webkit-transform: translateY(100px);
    -moz-transform: translateY(100px);
    -o-transform: translateY(100px);
    -ms-transform: translateY(100px);
    transform: translateY(100px);
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.view-first:hover img {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}
.view-first .info {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.view-first:hover .mask {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
}
.view-first:hover h2,
.view-first:hover .info {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    -webkit-transform: translateY(25px);
    -moz-transform: translateY(25px);
    -o-transform: translateY(25px);
    -ms-transform: translateY(25px);
    transform: translateY(25px);
}
.view-first:hover p {
    -webkit-transition-delay: 0.1s;
    -moz-transition-delay: 0.1s;
    -o-transition-delay: 0.1s;
    -ms-transition-delay: 0.1s;
    transition-delay: 0.1s;
}
.view-first:hover .info {
    -webkit-transition-delay: 0.2s;
    -moz-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    -ms-transition-delay: 0.2s;
    transition-delay: 0.2s;
}





/**************navbar-toggle******************/

/**************navbar-toggle******************/

/*=============================================*/
/*==================Top**Big**MENU===============*/
/*==================================================*/
/**************navbar-toggle******************/
.navbar-toggle {
    float: right;
    margin-top: 25px;
}
.menuText {
    color: #6f6f70;
    display: none;
    font-size: 20px;
    margin-left: 10px;
    margin-top: 6px;
    text-transform: uppercase;
}
.navbar-toggle .icon-bar {
    height: 4px;
    width: 32px;
}


.mar-g{margin-right: 5px;}
.listing-table{margin-top: 0px;}
.add-group{text-align: right;}
.add-group a{float: right;}