/*26/05/21*/
 
 @font-face {
    font-family: 'Jaguar Modern Web Bold';
    src: url('../fonts/Jaguar/JaguarModernWeb-Bold.eot');
    src: url('../fonts/Jaguar/JaguarModernWeb-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Jaguar/JaguarModernWeb-Bold.woff2') format('woff2'),
        url('../fonts/Jaguar/JaguarModernWeb-Bold.woff') format('woff'),
        url('../fonts/Jaguar/JaguarModernWeb-Bold.ttf') format('truetype'),
        url('../fonts/Jaguar/JaguarModernWeb-Bold.svg#JaguarModernWeb-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Jaguar Modern Web Regular';
    src: url('../fonts/Jaguar/JaguarModernWeb-Regular.eot');
    src: url('../fonts/Jaguar/JaguarModernWeb-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Jaguar/JaguarModernWeb-Regular.woff2') format('woff2'),
        url('../fonts/Jaguar/JaguarModernWeb-Regular.woff') format('woff'),
        url('../fonts/Jaguar/JaguarModernWeb-Regular.ttf') format('truetype'),
        url('../fonts/Jaguar/JaguarModernWeb-Regular.svg#JaguarModernWeb-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}



 /*26/05/21*/
 @font-face {
  font-family: Jaguar;
  font-weight: normal;
  font-style: normal;
  src: url("../fonts/Jaguar/Jaguar-Regular.eot");
  src: url("../fonts/Jaguar/Jaguar-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Jaguar/Jaguar-Regular.woff") format("woff"), url("../fonts/Jaguar/Jaguar-Regular.ttf") format("truetype"), url("../fonts/Jaguar/Jaguar-Regular.svg#Jaguar") format("svg"); }
 
 
@font-face {
   font-family: "jaguarbold";
    src: url('../fonts/Jaguar/jaguar-bold.eot');
    src: url('../fonts/Jaguar/jaguar-bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Jaguar/jaguar-bold.woff2') format('woff2'),
         url('../fonts/Jaguar/Jaguar-Bold.woff') format('woff'),
         url('../fonts/Jaguar/jaguar-bold.ttf') format('truetype'),
         url('../fonts/Jaguar/jaguar-bold.svg#jaguarbold') format('svg');
    font-weight: 700;
    font-style: normal;

} 
  
  
 @font-face {
  font-family: Jaguar-Bold;
  font-weight: bold;
  font-style: normal;
  src: url("../fonts/Jaguar/Jaguar-Bold.eot");
  src: url("../fonts/Jaguar/Jaguar-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Jaguar/Jaguar-Bold.woff") format("woff"), url("../fonts/Jaguar/Jaguar-Bold.ttf") format("truetype"), url("../fonts/Jaguar/Jaguar-Bold.svg#Jaguar-Bold") format("svg"); }

@font-face {
  font-family: "JLR Proxima Nova regular";
  font-weight: 400;
  font-style: normal;
  src: url("../fonts/ProximaNova/latin1/ProximaNova-Regular.eot");
  src: url("../fonts/ProximaNova/latin1/ProximaNova-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/ProximaNova/latin1/ProximaNova-Regular.woff") format("woff"), url("../fonts/ProximaNova/latin1/ProximaNova-Regular.ttf") format("truetype"), url("../fonts/ProximaNova/latin1/ProximaNova-Regular.svg#JLR Proxima Nova") format("svg"); }

@font-face {
  font-family: "JLR Proxima Nova";
  font-weight: 400;
  font-style: italic;
  src: url("../fonts/ProximaNova/latin1/ProximaNova-RegularItalic.eot");
  src: url("../fonts/ProximaNova/latin1/ProximaNova-RegularItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/ProximaNova/latin1/ProximaNova-RegularItalic.woff") format("woff"), url("../fonts/ProximaNova/latin1/ProximaNova-RegularItalic.ttf") format("truetype"), url("../fonts/ProximaNova/latin1/ProximaNova-RegularItalic.svg#JLR Proxima Nova") format("svg"); }

@font-face {
  font-family: "JLR Proxima Nova";
  font-weight: 100;
  font-style: normal;
  src: url("../fonts/ProximaNova/latin1/ProximaNova-Light.eot");
  src: url("../fonts/ProximaNova/latin1/ProximaNova-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/ProximaNova/latin1/ProximaNova-Light.woff") format("woff"), url("../fonts/ProximaNova/latin1/ProximaNova-Light.ttf") format("truetype"), url("../fonts/ProximaNova/latin1/ProximaNova-Light.svg#JLR Proxima Nova") format("svg"); }

@font-face {
  font-family: "JLR Proxima Nova";
  font-weight: 100;
  font-style: italic;
  src: url("../fonts/ProximaNova/latin1/ProximaNova-LightItalic.eot");
  src: url("../fonts/ProximaNova/latin1/ProximaNova-LightItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/ProximaNova/latin1/ProximaNova-LightItalic.woff") format("woff"), url("../fonts/ProximaNova/latin1/ProximaNova-LightItalic.ttf") format("truetype"), url("../fonts/ProximaNova/latin1/ProximaNova-LightItalic.svg#JLR Proxima Nova") format("svg"); }

@font-face {
  font-family: "JLR Proxima Nova semibold";
  font-weight: 500;
  font-style: normal;
  src: url("../fonts/ProximaNova/latin1/ProximaNova-Semibold.eot");
  src: url("../fonts/ProximaNova/latin1/ProximaNova-Semibold.eot?#iefix") format("embedded-opentype"), url("../fonts/ProximaNova/latin1/ProximaNova-Semibold.woff") format("woff"), url("../fonts/ProximaNova/latin1/ProximaNova-Semibold.ttf") format("truetype"), url("../fonts/ProximaNova/latin1/ProximaNova-Semibold.svg#JLR Proxima Nova") format("svg"); }

@font-face {
  font-family: "JLR Proxima Nova";
  font-weight: 500;
  font-style: italic;
  src: url("../fonts/ProximaNova/latin1/ProximaNova-SemiboldItalic.eot");
  src: url("../fonts/ProximaNova/latin1/ProximaNova-SemiboldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/ProximaNova/latin1/ProximaNova-SemiboldItalic.woff") format("woff"), url("../fonts/ProximaNova/latin1/ProximaNova-SemiboldItalic.ttf") format("truetype"), url("../fonts/ProximaNova/latin1/ProximaNova-SemiboldItalic.svg#JLR Proxima Nova") format("svg"); }

@font-face {
  font-family: "JLR Proxima Nova";
  font-weight: 700;
  font-style: normal;
  src: url("../fonts/ProximaNova/latin1/ProximaNova-Bold.eot");
  src: url("../fonts/ProximaNova/latin1/ProximaNova-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/ProximaNova/latin1/ProximaNova-Bold.woff") format("woff"), url("../fonts/ProximaNova/latin1/ProximaNova-Bold.ttf") format("truetype"), url("../fonts/ProximaNova/latin1/ProximaNova-Bold.svg#JLR Proxima Nova") format("svg"); }

@font-face {
  font-family: "JLR Proxima Nova";
  font-weight: 700;
  font-style: italic;
  src: url("../fonts/ProximaNova/latin1/ProximaNova-BoldItalic.eot");
  src: url("../fonts/ProximaNova/latin1/ProximaNova-BoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/ProximaNova/latin1/ProximaNova-BoldItalic.woff") format("woff"), url("../fonts/ProximaNova/latin1/ProximaNova-BoldItalic.ttf") format("truetype"), url("../fonts/ProximaNova/latin1/ProximaNova-BoldItalic.svg#JLR Proxima Nova") format("svg"); }

@font-face {
  font-family: icomoon;
  font-weight: normal;
  font-style: normal;
  src: url("../fonts/icomoon.eot");
  src: url("../fonts/icomoon.eot?#iefix") format("embedded-opentype"), url("../fonts/icomoon.woff") format("woff"), url("../fonts/icomoon.ttf") format("truetype"), url("../fonts/icomoon.svg#icomoon") format("svg"); }





body {
    font-family: "JLR Proxima Nova regular",Helvetica,Arial,sans-serif,FontAwesome;
background-color:#ffffff;
overflow-x:hidden;
}

.padd{padding-left: 30px;padding-right: 30px;}
.view_personal{padding-right: 215px;}

@media (min-width: 1200px)
 {
.container {
   margin: 0 auto;
   max-width: 1366px;
   width: 100%;
     }
#post_featured_image {
    position: absolute;
    left: 48%;
    top: 50%;
    outline: none;
}     
.navbar-default {
    background-color: #e9ecec;
        border-color: #e7e7e7;
}
}
 
@media (max-width: 720px)
{
.btn_media {
    
    padding: 8px !important;
    margin-bottom: 10px !important;
}
}

@media (max-width: 732px)
{
/*.dropdown {
   margin-right: 85px;
    margin-top: -10px;
}*/
/*.padd{padding-left:10px;padding-right:10px;}*/
/*.main-logo {
   padding: 15px 0px!important;
}*/
.navbar-toggle{
margin-right:0px!important;
}
}

 @media (max-width: 992px) 
{
.ipad{
Display:none;
}
.modal-dialog1 {
   margin: 0px auto;
}
.profile-icon{
   margin-top: 60px;
}
#post_featured_image {
    width: 94px;
    margin-right: auto;
    top: 66%;
    margin-left: auto;
    margin-top: 5px;
    left: 42%;
    display: block;
}
/*.dropdown {
   margin-right: 85px;
    margin-top: -10px;
}*/
}
 

@media (max-width: 1024px)
{
#post_featured_image {
    position: absolute;
    left: 52%;
    top: 50%;
    outline: none;
}
.view_personal {
    padding-right: 130px;
}
}
 
.container {
   padding-right: 0px;
   padding-left: 0px;
   }
   
.headerbg{
	background-color: #ffffff;
    min-height: 100px;
    border-bottom: 1px solid #E9ECEC;
    box-shadow: 0 1px 4px 0 rgba(1, 1, 1, 0.1);
}

.headerbg_home {
    background-color: #181818;
    height: auto;
	margin-bottom:0px;
}

.main-content h1 {
    font-family: 'ProximaNovaSemBold', Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: normal;
    color: rgb(51, 51, 51);
    text-transform: uppercase;
}

h1.landing-color {
    color: #FFF;
}

.login-btns.single-button a {
	float:right;
}

.home_btn {
    margin-bottom: 2em;
    font-size: 12px;
    font-weight: normal;
    /* padding: 1em 0 0.9em 0; */
    letter-spacing: 1px;
    line-height: 12px;
    border: 1px solid #1e1e1e !important;
	    padding: 10px 15px !important;
}

.maincontent_home {
    background-color: #e8e8e8;
    /* min-height: 500px; */
    padding-bottom: 30px;
}

.home_btn:hover{    
    border: 1px solid #fff !important;
}

.main-logo {
    height: 51px;
    padding: 25px 0px;
    width: 114px;
}
.main-img {
    height: auto;
    width: 100%;
    padding: 25px 0px;
	margin:15px 0px;
    
}

.logo { 
	height: 51px;
    width: 114px;
	}
	
.rightmenu a {
	color:white;	
}

.rightmenu a:hover {
	color: rgb(85, 85, 85);	
}

.pagetitle {
	background-color:#b7b6b6;
	padding:15px 0px;
}

.box1 {
  border-style: solid;
  border-width: 1px;
  border-color: rgb(209, 209, 209);
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 0px 6.79px 0.21px rgba(0, 0, 0, 0.16);
  padding:15px;
  margin-bottom:15px;
 
}
.red{
	color:#9e1b32;
}

.box2 {
  border-style: solid;
  border-width: 1px;
  border-color: rgb(209, 209, 209);
  
  box-shadow: 0px 0px 6.79px 0.21px rgba(0, 0, 0, 0.16);
  padding:15px;
  background-color: #181818;
}

.maincontent {
    background-color: #e8e8e8;
    min-height: 469px;
    padding-bottom: 30px;
    padding-right: 15px;
    padding-left: 15px;
}

.maincontent2{
    
    min-height:280px;
    background-color: #e8e8e8;
   
    padding-bottom: 30px;
    padding-right: 15px;
    padding-left: 15px;
    
}



/*.maincontent > .center{
	/* background-image:url(../img/h_bg.png); 
	background: url(../img/jag_bg.jpg);
	box-shadow: inset 0 0 0 1000px rgba(232, 232, 232, 0.58);
	background-size: 100%;
    background-position: center;
    width: auto;
    height: 500px;
   /*  z-index: -1; 
}*/
.table1 {
	color:#7e7e7e;
	font-size:12px;
}

.table1>tbody>tr>td, .table1>tbody>tr>th, .table1>tfoot>tr>td, .table1>tfoot>tr>th, .table1>thead>tr>td, .table1>thead>tr>th {
    padding: 5px 0px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 0px solid #ddd !important;
}

.boxcontent {
    height: auto !important
    padding: 15px 0px;
}

.btn-primary {
    /* color: #fff; */
    /* background-color: #337ab7; */
    border-color: #9e1b32; 
    background-color: #9e1b32;
    color: #fff;
    letter-spacing: .05em;
    padding: 8px 15px;
    border-radius: 0px;
}

.btn-primary:focus,
.btn-primary.focus {
  color: #fff;
  background-color: #1e1e1e;
  border-color: #1e1e1e;
  outline-style:none;
}

.btn-primary:hover {
  color: #fff;
  background-color: #1e1e1e;
  border-color: #1e1e1e;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #1e1e1e;
  border-color: #1e1e1e;
}
.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus {
  color: #fff;
  background-color: #1e1e1e;
  border-color: #1e1e1e;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  background-image: none;
}
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus {
  background-color: #1e1e1e;
  border-color: #1e1e1e;
}
.btn-primary .badge {
  color: #337ab7;
  background-color: #fff;
}

a {
    color: #1e1e1e;
    text-decoration: none;
}

a:hover, a:focus, a:active {
    color: #1e1e1e;
    text-decoration: none;
}



.approvetitle {
    color: white;
    background-image: url(../img/approvedlable.png);
    background-repeat: no-repeat;
    width: 237px;
    height: 42px;
    display: block;
    padding: 15px;
    left: -25px;
    position: relative;
    top: -7px;
    padding-left: 25px;
}

.footer {
	    background-color: #fff;
    /*padding: 15px;
    border-top: 1px solid #8D8D8D;*/
    border-bottom: 1px solid #8D8D8D;
}

.footer  ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.footer li {
    display: inline-block;
    vertical-align: baseline;    
    
}

.footer  a {
    color: #000;
    text-decoration: none;
}

.nav-pills{
	margin-top:15px;
}

.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
    color: #fff;
    background-color: #9e1b32;
	border-radius: 0px;
}

.nav-pills>li>a {
    border-radius: 0px;
	background-color: #1e1e1e;
    color: white;
    text-transform: uppercase;
    font-size: 11px;
    letter-spacing: 1px;
}

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

.pform label {

    display: inline-block;
    max-width: 100%;
    margin-bottom: 0px;
    font-size: 11px;
    text-transform: uppercase;
    font-weight: normal;
    letter-spacing: 1px;

}

.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 0px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 0px 0px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	margin: 5px 0px;
}

.form-control:focus {
  border-color: #1e1e1e;
  /* box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.075), 0 0 8px rgba(00, 0, 0, 0.6); */
}

.modal-dialog1 {
   width: 280px;
    margin: 30px auto;
        margin-bottom: 30px;
}

.progress {
    height: 14px;
    margin-bottom: 3px;
    overflow: hidden;
    background-color: #fff;
    border-radius: 15px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
    box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
}

.progress-bar {
    float: left;
    width: 0;
    height: 100%;
    font-size: 12px;
    line-height: 15px;
    color: #fff;
    text-align: center;
    background-color: #6c6c66;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
    -webkit-transition: width .6s ease;
    -o-transition: width .6s ease;
    transition: width .6s ease;
}

.carousel-inner > .item > a > img, .carousel-inner > .item > img, .img-responsive, .thumbnail a > img, .thumbnail > img {
    display: ruby-text;
    max-width: 100%;
    height: auto;
}

.dropdown-menu {
	border-radius:0px;
	
}

.navbar-default {
    background-color: #f8f8f8;
    border-color: #e7e7e7;
}

.navbar {
    position: relative;
    min-height: 50px;
    margin-bottom: 3px;
    border: 0px solid transparent;
        border-top-color: transparent;
        border-right-color: transparent;
        border-bottom-color: transparent;
        border-left-color: transparent;
	border-radius:0px;
}

.navbar-collapse {
    padding-right: 0px;
    padding-left: 0px;
	
}

.dropdown-menu {
    font-size: 12px;
    text-align: left;
    list-style: none;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
    color: #e8e8e8;
    background-color: #9e1b32;
}

.navbar-default .navbar-toggle{
	border-color: transparent!important;
} 
 
.navbar-toggle .collapsed:focus{
	border-color: transparent!important;
	color:#aaaaaa;
	background-color:#181818 ;
}

.navbar-nav {
    float: left;
    margin: 0;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

    #custom-search-input {
        margin:0;
        margin-top: 10px;
        padding: 0;
		margin-bottom: 10px;
    }
 
    #custom-search-input .search-query {
        padding-right: 3px;
        padding-right: 4px \9;
        padding-left: 3px;
        padding-left: 4px \9;
        /* IE7-8 doesn't have border-radius, so don't indent the padding */
 
        margin-bottom: 0;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
    }
 
    #custom-search-input button {
        border: 0;
        background: none;
        /** belows styles are working good */
        padding: 2px 5px;
        margin-top: 2px;
        position: relative;
        left: -28px;
        /* IE7-8 doesn't have border-radius, so don't indent the padding */
        margin-bottom: 0;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        color:#9e1b32;
		z-index: 5555;
    }
 
    .search-query:focus + button {
        z-index: 8888;   
    }
	
	.page-intro-with-cta .section h1, .page-intro-with-cta .ReevooRatingsAndReviews .shelfComponent h1, .ReevooRatingsAndReviews .page-intro-with-cta .shelfComponent h1, .page-intro-with-cta .section .heading.h1, .page-intro-with-cta .ReevooRatingsAndReviews .shelfComponent .heading.h1, .ReevooRatingsAndReviews .page-intro-with-cta .shelfComponent .heading.h1 {
    font-family: "JLR Proxima Nova",Arial,Helvetica,Sans-Serif;
    font-size: 1.7em;
    font-weight: 500;
    letter-spacing: .33em;
    margin-bottom: 10px;
}

	.page-intro-with-cta .section, .page-intro-with-cta .ReevooRatingsAndReviews .shelfComponent, .ReevooRatingsAndReviews .page-intro-with-cta .shelfComponent {
		overflow: hidden;
		padding: 40px 0 30px;
		text-align: center;
	}
	
	.leftmenu {
		width: 100%;
		
	}
	
	
	.breadcrumb {
    padding: 8px 0px;
    margin-bottom: 20px;
    list-style: none;
    background-color: transparent;
    border-radius: 4px;
	}
	
	.leftmenu > li {
		display: block;
		width: 100%;
	}
		
	
	
	.leftmenu > li > a {
    color: #9e1b32;
    border-bottom: 1px solid #e8e8e8;
    outline: none;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 1px;
    background-color: #fff;
}
	
	
	
	.leftmenu {
	margin-bottom: 0px;
	}
	.f18 {
		font-size: 18px !important;
	}
	
	h3 {
    margin-top: 6px;
    margin-bottom: 10px;
}

.navbar-toggle:hover{
	color:#181818;
}
.navbar-toggle:active{
	color:#181818;
}
.navbar-toggle:selected{
	color:#181818;
}
	
	.navbar-toggle {
    position: relative;
    float: right;
    padding: 5px 10px;
    margin-top: 8px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
        border-top-color: transparent;
        border-right-color: transparent;
        border-bottom-color: transparent;
        border-left-color: transparent;
    border-radius: 0px;
}

	
    
	.leftmenu > li > .active {
		background-color:#c4c4c4 !important;
		color:#fff;
	}

	.rightmenu {
    margin-top: 6px;
}
	
	@media (max-width: 768px) {
	.boxcontent {
    height: auto !important;
    padding: 15px 0px;
}
		
	}
	.panel {
    margin-bottom: 20px;
    background-color: #fff;
  
       
    border-radius: 0px !important;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}
.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 14px;
    color: inherit;
    
}



element {

}
.panel-default > .panel-heading + .panel-collapse > .panel-body {

    border-top-color: #ddd;

}
.panel-group .panel-heading + .panel-collapse > .list-group, .panel-group .panel-heading + .panel-collapse > .panel-body {

    border-top: 1px solid #ddd;
        border-top-color: rgb(221, 221, 221);

}
.panel-body {

    padding: 15px;
    color: #7e7e7e;
    font-size: 12px;

}

	 .header-title
        {
          text-align: center;
          color:#00bfff;
        }

        #tip 
        {
            display:none;  
        }

        .fadeIn
        {
          animation-duration: 3s;
        }

        .form-control
        {
        	border-radius:0px;
        	border:1px solid #EDEDED;
        }

        .form-control:focus
        {
        	border:1px solid #00bfff;
        }

        .textarea-contact
        {
        	resize:none; 
        }

        .btn-send
        {
        	border-radius: 0px;
        	border:1px solid #00bfff;
        	background:#00bfff;
        	color:#fff; 
        }

        .btn-send:hover
        {
        	border:1px solid #00bfff;
        	background:#fff;
        	color:#00bfff;
        	transition:background 0.5s;   
        }

        .second-portion
        {
        	margin-top:50px; 
        }

		

		.box > .icon { text-align: center; position: relative; }
		.box > .icon > .image { position: relative; z-index: 2; margin: auto; width: 88px; height: 70px; border: 8px solid white; line-height: 97px; border-radius: 50%; background: #00bfff; vertical-align: middle;}
		.box > .icon:hover > .image { background: #333; }
		.box > .icon > .image > i { font-size: 36px !important; color: #fff !important; }
		.box > .icon > .image > span { font-size: 34px !important; color:#0c121c !important; }
		.box > .icon:hover > .image > i { color: white !important; }
		.box > .icon > .info { margin-top: -24px; background: rgba(0, 0, 0, 0.04); border: 1px solid #e0e0e0; padding: 15px 0 10px 0; min-height:163px;}
		.box > .icon:hover > .info { background: rgba(0, 0, 0, 0.04); border-color: #e0e0e0; color: white; }
		.box > .icon > .info > h3.title { font-family: "Robot",sans-serif !important; font-size: 16px; color: #222; font-weight: 700; }
		.box > .icon > .info > p { font-family: "Robot",sans-serif !important; font-size: 13px; color: #666; line-height: 1.5em; margin: 20px;}
		.box > .icon:hover > .info > h3.title, .box > .icon:hover > .info > p, .box > .icon:hover > .info > .more > a { color: #222; }
		.box > .icon > .info > .more a { font-family: "Robot",sans-serif !important; font-size: 12px; color: #222; line-height: 12px; text-transform: uppercase; text-decoration: none; }
		.box > .icon:hover > .info > .more > a { color: #fff; padding: 6px 8px; background-color: #63B76C; }
		.box .space { height: 30px; }

		@media only screen and (max-width: 768px)
		{
			.contact-form
			{
				margin-top:25px; 
			}

			.btn-send
			{
				width: 100%;
				padding:10px; 
			}

			.second-portion
			{
				margin-top:25px; 
			}
		}
			input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
textarea:focus {
    border: 1px solid #ccc;
    box-shadow: none !important;
    outline: none !important;
}

#comment:focus {
    border: 1px solid #ccc;
    box-shadow: none !important;
    outline: none !important;
}

.inr_div {
	float: left;
	/*width: 35%;*/}



.hero-heading {
    padding: 20px !important;
    margin-top: -135px;
    margin-left: 40px;
    max-width: 458px;
    bottom: auto;
    text-align: left;
    background-color: #fffffff2 !important;
    color: #1e1e1e;
}


/* jan 15 */
.faq>li {
       margin: 0;
    padding: 0;
    list-style: none;
    border-bottom: 1px solid #ddd;
}

.faq>li:first-child {
    border-top: 1px solid #ddd;
}
    
.faq>li a{	
	width: 100%;
    color: #555;
    display: inline-block;
  /*   background-image: url(/resources/images/svg-icons/Carousel_arrow_right.svg);
    background-repeat: no-repeat;
    background-position: left; */
    padding: 10px 15px;
	font-size:12px;
}



.faq>li>a:focus, .faq>li>a:hover {
    text-decoration: none;
    background-color: #fff;
	color:#9e1b32;
}
.faq>.f18.a{
    font-size: 18px !important;
	color:#9e1b32;
}

.faq>li>a>.fa {
    
    color: #9e1b32;
}

input:focus { outline:none; }


.dataTables_wrapper .dataTables_paginate {
    float: right;
    text-align: right;
    padding-top: 0.25em;
    font-size: 12px;
}


.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
   
    border: 0px solid #979797 !important;
    background-color: #9e1b32 !important;
    padding: 2px 10px;
    background: #9e1b32 !important;
}

.paginate_button  {
    color: #fff !important;
}


.dataTables_wrapper .dataTables_info {
font-size: 12px;
}


.removeblue {
 
   height: auto;
   display: block;
   width: 100%;    
   padding: 6px 12px;
   font-size: 14px;
   line-height: 1.42857143;
   color: #555;
   background-color: #fff;
   background-image: none;
   margin: 5px 0px;
border: 1px solid #EDEDED;
outline:none;
}

select:focus {outline:none;}

.inputresize{resize: none;}


/*  23/01/18   */

.faq>li {
       margin: 0;
    padding: 0;
    list-style: none;
    border-bottom: 1px solid #ddd;
}

.faq>li:first-child {
    border-top: 1px solid #ddd;
}
    
.faq>li a{	
	width: 100%;
    color: #555;
    display: inline-block;
  /*   background-image: url(/resources/images/svg-icons/Carousel_arrow_right.svg);
    background-repeat: no-repeat;
    background-position: left; */
    padding: 10px 15px;
	font-size:12px;
}



.faq>li>a:focus, .faq>li>a:hover {
    text-decoration: none;
    background-color: #fff;
	color:#9e1b32;
}
.faq>.f18.a{
    font-size: 18px !important;
	color:#9e1b32;
}
.faq>.f16{
    font-size: 16px !important;
	color:#9e1b32;
	margin-top:3px;
}

.faq>li>a>.fa {
    
    color: #9e1b32;
}
.modal-header {
    padding: 15px;
    border-bottom: 1px solid #fff !important;
    font-size: 1.4em;
    font-weight: 500;
    letter-spacing: 0.2em;
	 color:#1e1ele;
    text-transform: uppercase;
}
.modal-content {
    position: relative;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #999;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 0px;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
    box-shadow: 0 3px 9px rgba(0,0,0,.5);
}
.modal-title{
	font-size: 1.1em;
    font-weight: 500;
    letter-spacing: 0.2em;
	padding-right: 20px;
}
.close{
/*	margin-top: -7px!important;*/
    font-size: 32px;
	top: 10%;
	opacity: 9;
}
.modal-body {
    position: relative;
    padding: 10px 0px;
}
.modal-body >ul >p{
	line-height: 1.4em;
    padding-bottom: 1em;
    font-size: 1em;
	padding-right: 2em;
	color: #555;
}
.modal-body >ul{
	line-height: 1.4em;
    padding-bottom: 1em;
    font-size: 1em;
	padding-right: 2em;
	color: #555;
}
.modal-content{
	padding: 10px;
}
a:focus, a:hover, a:active, a:visited{
	outline:none;
}
.close:focus, .close:hover, .close:active{
	outline:none;
	color:#000;
	opacity: 9;
}
@media (min-width: 768px)
{
.modal-dialog {
    width: 900px;
    margin: 30px auto;
}
}
@media (max-width: 768px)
{
.dropdown {
    margin-right: 38px;
}
.navbar-default {
    background-color: #e9ecec;
        border-color: #e7e7e7;
}

.navbar-header{
	margin-top:-48px;
	width: 0%;
    float: right;
}
.navbar {
    min-height: 0px!important;
}
/*.logo {
    height: 42px !important;
    width: 70px !important;
    margin: 10px 10px !important;
}*/
#post_featured_image {
    position: initial;
    left: 0%;
    top: 0%;
    outline: none;
}
.view_personal{padding-right: 0px;}
/*.dropdown {
    margin-right: 53px;
	margin-top: -10px;
}*/
}
@media (max-width: 400px)
{

/*.padd{padding-left:0px;padding-right:0px;}
.main-logo {
    padding: 15px 0px!important;
}*/
.navbar-toggle{
	margin-right:0px!important;
}
.btn_media { 
    padding: 5px !important;
    margin-bottom: 10px !important;
}
}


/* for chrome */
   input[type=number]::-webkit-inner-spin-button,
   input[type=number]::-webkit-outer-spin-button {
   -webkit-appearance: none;
   margin: 0;}             


/* for mozilla */  
  input[type=number] {-moz-appearance: textfield;}

 span.username:hover {
    text-decoration: underline;
    text-underline-position: under;
}

div.dropdown-toggle {
    color: #000000;
    letter-spacing: .15em;
    font-size: 11px;
    font-weight: 500;
    text-transform: uppercase;
}

body{
	-ms-overflow-style: scrollbar;
}

.headerbg {
    background-color: #ffffff;
    min-height: 72px;
    border-bottom: 1px solid #E9ECEC;
}

.logo {
    width: 113px;
     height: auto;
}

.main-logo {
    height: 53px;
    padding: 17px 0px;
    width: 117px;
    display: inline-block;
}
/*
@media screen and (max-width: 768px){
    .main-logo {
    padding: 3px 0px;
}
.logo {
    height: 35.97px !important;
    width: 80px !important;
    margin: 0px 0px !important;
}

}*/

.bg-white {
   background: white;
   padding: 16px 16px;
   box-shadow: 0 1px 4px 0 rgba(1, 1, 1, 0.1);
   max-height: 72px; 
}

.jlr-logo {display: inline-block;}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover  {
	border-color: transparent;
	color:#000000;
	background-color:#ffffff ;
}

.navbar-toggle { color: #000000; }	

.navbar-toggle{
         top: -10px;
}

/* footer */
.site-footer {
    /* padding: 66px 0; */
    padding-bottom:0;
}
.text-center{
    text-align: center
}
.site-footer__legal {
    font-size: 15px;
    font-size: 1rem
}
.site-footer-nav {
    margin: 22px 0 0
}
.site-footer-nav__item {
    margin: 4px 0
}

.tc {
    padding: 16px 0px;
    border-top-color: rgb(141, 141, 141) !important;
    border-top-style: solid !important;
    border-top-width: 1px !important;
    border-right-color: rgb(141, 141, 141) !important;
    border-right-style: solid !important;
    border-right-width: 0px !important;
    border-bottom-color: rgb(141, 141, 141) !important;
    border-bottom-style: solid !important;
    border-bottom-width: 1px !important;
    border-left-color: rgb(141, 141, 141) !important;
    border-left-style: solid !important;
    border-left-width: 0px !important;
    border-image-source: initial !important;
    border-image-slice: initial !important;
    border-image-width: initial !important;
    border-image-outset: initial !important;
    border-image-repeat: initial !important;
}

.tc a {
    font-size: 9px;
    line-height: 14px;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    color: #141414;
    padding: 16px 19px;
    text-decoration:none;
}
.tc a:hover {text-decoration:underline;}
.cr {
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    color: #141414;
    font-weight: 400;
    line-height: 12px;
    padding: 24px !important;
}

.float-right {
    float: right !important;
}


@media screen and (max-width:450px){
    .tc a{padding: 16px 8px !important;}
    
}
.position-relative{
    position:relative;
}

/* footer */

@media screen and (max-width: 768px){
    #footer-logo{
        width: 128px;
        height: auto;
    }
}

/* 22-03-2021*/

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
      margin-bottom: 0.5rem;
    font-family: 'JLR Proxima Nova', arial, sans-serif;
     font-weight: 600; 
    /*line-height: 1.2;*/
    color: inherit;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    -webkit-font-smoothing: antialiased;}

h1, .h1 {
      font-size: 27px;
      line-height:27px;
       font-weight: 700; 
font-family:'Jaguar-Bold';
	  }
  

h2, .h2 {
  font-size: 24px;
      line-height:24px;
      }

h3, .h3 {
   font-size: 18px;
      line-height:22px;
    font-family: 'Jaguar-Bold';
}

h4, .h4 {
  font-size: 15px;
      line-height:15px; }

h5, .h5 {
  font-size: 14px;
      line-height:12px; }

h6, .h6 {
  font-size: 11px; }



@media (max-width: 576px) { 
    
    h1, .h1 {
      font-size: 19px;
      line-height:19px;
       font-weight: 700; 
font-family:'Jaguar-Bold';
	  }
  

h2, .h2 {
  font-size: 20px;
      line-height:24px;
      }

h3, .h3 {
   font-size: 17px;
      line-height:21px;
    font-family: 'Jaguar-Bold';
}

h4, .h4 {
  font-size: 14px;
      line-height:18px; }

h5, .h5 {
  font-size: 14px;
      line-height:12px; }
    
}
.btn {
    font-size: 12px;
}
/* 22-03-2021*/


/* ---------------------------------------------------------------------------
 * Small confirmation modals
 * ---------------------------------------------------------------------------
 * The `.modal-dialog { width: 900px }` rule above (inside the min-width:768px
 * block) loads after bootstrap.min.css. Bootstrap's own `.modal-sm{width:300px}`
 * has the same specificity, so the 900px rule was winning and every small
 * "success" confirmation rendered as a 900px-wide white panel around a few
 * words of text.
 *
 * Two classes beat one, so this reinstates a sensible width for modal-sm
 * without touching the 900px default the larger modals rely on.
 * ------------------------------------------------------------------------- */
@media (min-width: 768px) {
    .modal-dialog.modal-sm {
        width: 360px;
        margin: 30px auto;
    }
}

.modal-dialog.modal-sm .modal-content {
    padding: 0;
}

.modal-dialog.modal-sm .modal-content > .row {
    margin-left: 0;
    margin-right: 0;
}