@import url('https://fonts.googleapis.com/css?family=Muli');
@import url('https://fonts.googleapis.com/css?family=Bree+Serif'); 
@charset "utf-8";
body{ padding:0; margin:0; font-family: 'Muli', sans-serif;}
a{ text-decoration:none; color:#fff;}
a.acolor{ color:#D00;}
* {
    box-sizing: border-box;
}
/* CSS Document */
.col-1 {width: 8.33%;}
.col-2 {width: 16.66%;}
.col-3 {width: 25%;}
.col-4 {width: 33.33%;}
.col-5 {width: 41.66%;}
.col-6 {width: 50%;}
.col-7 {width: 58.33%;}
.col-8 {width: 66.66%;}
.col-9 {width: 75%;}
.col-10 {width: 83.33%;}
.col-11 {width: 91.66%;}
.col-12 {width: 100%;}

[class*="col-"] {
    float: left;
	margin:0; padding:0; 
}

img.investleft{ width:350px; float:right;}
p.author-ceo{ font-size:14px; margin:0 0 0 30px;}

#nav2 a,#nav2 a:active,#nav2 a:visited{background:#ea0289;color:#fff;display:block;float:left;margin-right:5px;outline:0;padding:8px 8px;text-decoration:none}
#nav2 a.selected,#nav2 a.selected:active,#nav2 a.selected:visited{background:#d2c09e;color:#000;outline:0;text-decoration:none}
.hiddencontent,.hiddencontent2{ border:1px solid #ededed; display:none;margin-top:-1px;padding:12px}
.clear{clear:both;overflow:hidden}


.contact-form{
	width:80%;
	padding:0;
	margin:0 auto;
	min-height:100px;
	height:auto;
	border:1px solid #ccc; padding:10px;
	 border-radius:5px;
	 float:left;
}

.formrow
{
	width:680px;
	overflow:hidden;
	margin:5px 0;
	
}

.label
{
	width:280px;
	float:left;
	margin:10px;
	font-size:14px;
	color:#000;
}

.input
{
	width:480px;
	float:left;
}

.input input
{
	width:480px;
	border:1px solid #ccc;
	padding:5px;
	font-size:14px;
	color:#000;
	margin:5px 0;
}
.input select{background:#ea0289;
	color:#fff; padding:5px; width:480px;border:1px solid #ea0289; }



.input label.labelc {
    display: block;
    padding-left: 15px;
    text-indent: -15px;
}
.input input.inputc {
    width: 13px;
    height: 13px;
    padding: 0;
    margin:0;
    vertical-align: bottom;
    position: relative;
    top: -1px;
    *overflow: hidden;
}

legend{ padding:10px; margin:0;}
.input textarea
{
	width:500px;
	min-height:150px;
	border:1px solid #ccc;
	font-size:12px;

}

.input .submit
{
	 width:80px;
	padding:10px;
	margin:0 auto;
	background:#ea0289;
	color:#fff;
	float:right; text-align:center;
}
.add{ width:40%; float:left;}
.map{ width:49%; float:left}

.headtop{ position:absolute; margin:0px;} .headtop p{ color:#fff; font-size:12px;}

/*----- Tabs -----*/
.tabs {
	width:100%;
	display:inline-block;
	padding:5px 10px 20px 10px;
	background:url(../images/bgg1.png) repeat;  
}

/*----- Tab Links -----*/
/* Clearfix */
	.tab-links:after {
	display:block;
	clear:both;
	content:'';
}

ul.tab-links{  margin:0; padding:0;}

.tab-links li {
	margin:0px;
	float:left;
	list-style:none;
}

.tab-links a {
	padding:15px;
	display:inline-block; 
	font-size:14px;
	font-weight:600;
	color:#fff;
	transition:all linear 0.15s;
	text-decoration:none;
	
}

.tab-links a:hover {
	 text-decoration:none;
}

li.active a, li.active a:hover {
	 color:#fff;
}

/*----- Content of Tabs -----*/
.tab-content {
	padding:0px;  
	overflow:hidden; 
}

.tab {
	display:none;
}

.tab.active {
	display:block;
}

.form-style-2{
	padding: 0; 
	margin:0 auto;
}



.form-style-2-heading{ 
	border-bottom: 1px solid #ddd;
	margin-bottom: 20px;
	font-size: 18px;
	padding-bottom: 10px; 
}
.form-style-2 label{
	display: block;
	margin: 0px 0px 15px 0px;
	font-size:12px;
}
.form-style-2 label > span{
	width: 100px;
	font-weight: bold;
	float: left;
	padding-top: 8px;
	padding-right: 5px;
}
.form-style-2 span.required{
	color:red;
}
.form-style-2 .tel-number-field{
	width: 40px;
	text-align: left;
}

.form-style-2 .tel-number-field1{
	width: 39%;
	text-align: left;
}

.form-style-2 input.input-field, .form-style-2 .select-field{
	min-width: 16%;  margin:2px;
}
.form-style-2 input.input-field,
.form-style-2 .tel-number-field1, 
.form-style-2 .tel-number-field, 
.form-style-2 .textarea-field, 
 .form-style-2 .select-field{
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	border: 1px solid #C2C2C2;  
	padding: 8px;
	outline: none;float:left;
}
.form-style-2 .input-field:focus, 
.form-style-2 .tel-number-field:focus, 
.form-style-2 .textarea-field:focus,  
.form-style-2 .select-field:focus{
	border: 1px solid #0C0;
}
.form-style-2 .textarea-field{
	height:100px;
	width: 55%;
}
.form-style-2 input[type=submit],
.form-style-2 input[type=button]{
	border: none;
	padding: 10px 15px 8px 15px;
	background: #ea0289;
	color: #fff;
	margin:2px; min-width: 15%; 
}
.form-style-2 input[type=submit]:hover,
.form-style-2 input[type=button]:hover{
	background: #ea0289;
	color: #fff;cursor:pointer;
}

.form-style-21{
	width: 90%;
	padding: 10px 12px; 
	margin:0 auto;
	background:#fff; overflow:hidden;
}

.form-style-21 label{
	display: block;
	margin: 5px 10px 5px 10px;
	font-size:12px;
	min-width:80px; float:left;
}
.form-style-21 label > span{
	 
	font-weight: bold;
	float: left;
	padding-top: 8px;
	padding-right: 5px;
}
.form-style-21 span.required{
	color:red;
}
.form-style-21 .tel-number-field{
	width: 40px;
	text-align: left;
}

.form-style-21 .tel-number-field1{
	 
	text-align: left;
}

.form-style-21 input.input-field, .form-style-21 .select-field{
	width: 130px; float:left;
}
.form-style-21 input.input-field,
.form-style-21 .tel-number-field1, 
.form-style-21 .tel-number-field, 
.form-style-21 .textarea-field, 
 .form-style-21 .select-field{
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	border: 1px solid #C2C2C2;
	box-shadow: 1px 1px 4px #EBEBEB;
	-moz-box-shadow: 1px 1px 4px #EBEBEB;
	-webkit-box-shadow: 1px 1px 4px #EBEBEB;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	padding: 5px;
	outline: none;
}
.form-style-21 .input-field:focus, 
.form-style-21 .tel-number-field:focus, 
.form-style-21 .textarea-field:focus,  
.form-style-21 .select-field:focus{
	border: 1px solid #0C0;
}
.form-style-21 .textarea-field{
	height:100px;
	width: 100px;
}
.form-style-21 input[type=submit],
.form-style-21 input[type=button]{
	border: none;
	padding: 8px 15px 8px 15px;
	background: #ea0289;
	color: #fff;
	box-shadow: 1px 1px 4px #DADADA;
	-moz-box-shadow: 1px 1px 4px #DADADA;
	-webkit-box-shadow: 1px 1px 4px #DADADA;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px; cursor:pointer;
}
.form-style-21 input[type=submit]:hover,
.form-style-21 input[type=button]:hover{
	background: #ea0289;
	color: #fff;cursor:pointer;
}

nav{ background:#000; width:320px; min-height:100px; height:auto; overflow:hidden; opacity:0.9; z-index:99999;}
header{ position:fixed; background:#000; width:100%; height:78px;overflow:hidden;z-index:999;  opacity:0.9;}
.menutab{ background:#000; width:80px; height:80px; float:left;  z-index:9999;}
.menutab span{ color:#fff; font-family: 'Muli', sans-serif; font-size:20px; line-height:80px; margin:5px 25px; cursor:pointer;}


.header-nav-bottom{ width:100%; background:#fff; position:fixed; opacity:.9;height:44px; top:78px; z-index:100; }
.hnav1{ width:33%; min-height:10px; float:left; margin:0 0px 0 0;}
.hnav11{ width:34%; min-height:10px; float:left; margin:0 0px 0 0;}
.hnav2{ width:33%;min-height:10px; float:right;}

.header-nav-bottom .hnav1 ul{ list-style:none; margin:0; padding:0;overflow:hidden; font-size:12px; }
.header-nav-bottom .hnav1 ul li{ float:left; width:19%;  text-align:center; margin:0px;padding:7px 15px; border-left:1px solid #ea0289;}
.header-nav-bottom .hnav1 ul li.pink{ background:#ea0289; text-align:center; color:#fff; width:18%; float:left; padding:7px 8px;}
.header-nav-bottom .hnav1 ul li a{ color:#000; text-align:center; padding:0px; font-size:12px;}

.header-nav-bottom .hnav11 ul{ list-style:none; margin:0; padding:0;overflow:hidden; font-size:12px; }
.header-nav-bottom .hnav11 ul li{ float:left; width:24%; text-align:center; margin:0px;padding:7px 6px;border-left:1px solid #ea0289; }
.header-nav-bottom .hnav11 ul li.pink{ background:#ea0289; text-align:center; color:#fff; width:28%; float:left; padding:7px 10px;}
.header-nav-bottom .hnav11 ul li a{ color:#000; text-align:center; padding:0px; font-size:12px;}


.header-nav-bottom .hnav2 ul{ list-style:none; margin:0; padding:0;overflow:hidden; font-size:12px; }
.header-nav-bottom .hnav2 ul li{ float:left; width:36%; text-align:center; margin:0px;padding:7px;border-left:1px solid #ea0289;}
.header-nav-bottom .hnav2 ul li.pink{ background:#ea0289; color:#fff; width:33%; float:left; padding:7px 0px;}
.header-nav-bottom .hnav2 ul li a{ color:#000; text-align:center; padding:0px; font-size:12px;}

.header-nav-bottom .hnav2 ul li.last1{ float:left; width:28%; text-align:center; margin:0px;padding:7px;border-left:1px solid #ea0289;}


.searchtab{ position:relative; z-index:99; width:80%; padding:10px; margin:-600px auto 0 auto;    }
.searchtab h1{ color:#fff; text-align:center; font-size:45px; margin:10px 10px 80px 10px;font-family: 'Bree Serif', serif;  text-shadow: 1px 2px #000; }



.floatl{position: relative; margin:0 0 40px 0; float:none; display:inline-block; vertical-align:top; padding:0; border:none; }
.floatl .floatdiv{ min-height:50px; height:auto;  margin:0 auto;background:#fff;padding:5px;  border-radius:5px; float:none; overflow:hidden; border:1px solid #ccc; }
.floatl h2.title{ color:#000; font-size:24px; text-align:left; padding:0 10px; font-weight:400;}
.floatl p.desc{  text-align:justify; padding:10px; color:#000; height:150px;}
.floatll{ background:#ededed; color:#000; border:2px solid #fff; float:left; text-align:center; font-size:14px; border-radius:5px;}
.floatlr{ background:#C00; color:#fff; border:2px solid #fff; float:left; text-align:center; font-size:14px; border-radius:5px;}
.fontplus{ font-size:14px;}  
.featured h2{ text-align:center; font-size:40px; font-family: 'Bree Serif', serif;}

p.nobrokerage{ position:relative; width:200px; float:right; color:#F03; margin:20px 0 0 0;}


.featured{ background:#ededed; padding:20px 0;}  .lastf{ padding-bottom:50px; padding-top:0px;}
.footer{ background:#2b2a2d; padding:20px 0;}
.footer p{ color:#fff; padding:0px; text-align:center;}
.foot{ float:none; margin:0 auto;  color:#ccc; padding:20px 10px;}
.foot h2{ font-size:32px; text-align:center; margin:5px;}
.foot p{ font-size:14px; line-height:25px; color:#fff;}
.foot ul{ margin:0; list-style:none; padding:0; }
.foot p a,.foot li a{ color:#ccc; padding:10px 0;}
.foot li{ margin:5px 0;}
 
 .collections{ background:#ededed; margin:-20px 0 20px 0; padding:50px 0;}
 
.mapdiv{ padding:10px 0 40px 0;}
.map{ float:none; margin:0 auto; border-radius:5px;} .map h2,.map2 h2{ text-align:center; font-family: 'Bree Serif', serif;}
 
/* testimonial */
.testimonial{ background:#333; min-height:500px; height:auto; padding:20px 0 40px 0; overflow:hidden; }
.testimonial h2.testtitle{ color:#ccc; text-align:center; padding:0px 0 30px 0; font-size:40px; font-family: 'Bree Serif', serif;}
 .cbp-qtrotator {
width: 80%;
min-height: 150px;
height:auto;
position: relative;
margin: 40px auto; font-family: 'Satisfy', cursive;
padding : 0px
}
.cbp-qtcontent {
width: 100%;
height: auto;
position: absolute;
min-height: 150px;
top: 0;
z-index: 2;
display: none
}
.cbp-qtrotator .cbp-qtcontent.current {
display: block
}
.cbp-qtrotator blockquote {
margin: 30px 0 0 0;
padding: 0;
}
.cbp-qtrotator blockquote p {
font-size: 24px;
color: #ccc;
font-weight: 300;
margin: 0.4em 0 1em; 
}
.cbp-qtrotator blockquote footer {
font-size:24px; color:#ccc;  
}
.cbp-qtrotator blockquote footer:before {
content: '― '
}
.cbp-qtrotator .cbp-qtcontent img {
float: right;
margin: 0px 0 0 50px;
max-height:150px;
border-radius:5px;
}
.cbp-qtprogress {
position: absolute;
background: #ccc;
height: 1px;
width: 0%;
z-index: 1000
}

.handshake{ background:url(../images/contactbg.jpg) no-repeat #333; min-height:200px;}
.handshake p.tet{ color:#fff; font-size:36px; margin:50px 0 30px 0; text-align:center;font-family: 'Bree Serif', serif;}
.handshake p.btn{ text-align:center;}
.handshake a.contactbtn{ background:#D00; color:#fff; font-size:24px; padding:8px 12px; border-radius:5px; margin:10px 0 50px 0; text-align:center; }

.brands{ min-height:100px; height:auto; overflow:hidden; padding:40px 0 60px 0;}  
.brands h2{ text-align:center; margin:5px 0 40px; font-size:40px; font-family: 'Bree Serif', serif;}
.brandimg{ margin:0 auto;float:none;}.brandimg img{ width:100%; margin:0 auto;}

.footend{ background:#000; min-height:45px; height:auto; padding:0; margin:25px 0 -60px 0; color:#fff; } 
.socialfoot{  position:relative;  float:none; margin:-22px auto 0px auto; background:#D00; padding:5px 10px; border-radius:10px;}
.socialfoot i{ padding:9px 5%; text-align:center} .socialfoot a:hover{ color:#000;}
.copyright{ margin:-20px 0 0 0; color:#ccc;}.copyright a{ color:#ccc;}
.copyright a:hover{ color:#D00;}
.ftl{ float:left; padding:0 20px; text-align:left; font-size:12px;} .ftr{ float:right; padding:0 20px; text-align:right;font-size:12px;}

.line{ position:relative; height:2px; width:100px; background:#000; margin:-25px auto 25px auto;}
.lines{position:relative; height:2px; width:50px; background:#000; margin:-15px auto 15px auto;}
.headtitle{ height:260px; overflow:hidden;}
.headtitle h1{ position:relative; margin:-130px 0 0 0; text-align:center; color:#fff; font-size:50px;font-family: 'Bree Serif', serif;}

.headtitle h1.detailed{ font-size:40px;}

.maincontent{ min-height:500px; height:auto; overflow:hidden; float:none; margin:130px 0 0 0; }
.contenttext{ float:none; padding:10px; margin:0 auto; min-height:10px; height:auto;}
a.alink{ color:#F00;}
.contenttext p{ text-align:justify; line-height:24px; margin:20px 0; font-size:18px; color:#000;}
.contenttext ul li{font-size:18px; color:#000;line-height:24px;}
.abt{ float:none; margin:0 auto 30px auto; border:1px solid #ccc; min-height:20px; height:auto; border-radius:5px; background:#ededed; }
.abt p{ text-align:center;}
a.clickhere{background:#D00; color:#fff; font-size:14px; padding:8px 12px; border-radius:5px; margin:10px 0 50px 0; text-align:center; min-width:100px; width:auto;}
.abt h2{ text-align:center; font-family: 'Bree Serif', serif;}
.abt .iconc{ width:40px; margin:0 auto; text-align:center; }

.bankimg { width:23%; border:1px solid #ccc; padding:5px; margin:0 10px 30px 0; border-radius:5px;}


.cardetailimg{ background:#111; padding:2px; min-height:150px; border-radius:5px; height:auto; float:none; margin:10px auto 20px auto;}
.cardetailimg img{ width:100%; padding:0; margin:0; display:block;}
.
.cdetail{ border:1px solid #ccc; text-align:left;}
.cdetail h1{ font-weight:500; margin:5px 0 10px 0;}

.detailcar{ margin:100px 0 0 0 ;}
p.carprice{ font-size:32px; font-weight:600; position:relative; margin:-5px 0 0 0;}

 .cartable td{ padding:2px 10px; color:#000;background:#f7f7f7; font-weight:600; font-size:14px; } .cartable {margin:0px 0;}
 .cartable td.fieldd{ font-weight:400; color:#333; background:#fff;}
 p.cardesc{ font-size:13px; padding:10px; text-align:justify;}
 .requestcall{width:100%;}
 .requestcall a{  float:right; position:relative; background:#D00; color:#fff; padding:10px; margin:-45px 0 10px 0; border-radius:5px; font-size:20px}
 .imgg{ float:none; margin:20px auto;  border-radius:5px; overflow:hidden;} .imgg h2{ text-align:center; font-size:18px}
 .cimg img{ width:100%; display:block;border:2px solid #fff; }


 
 /* pop up */
 /* padding-bottom and top for image */
  
/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8; }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }
  .mfp-preloader a {
    color: #CCC; }
    .mfp-preloader a:hover {
      color: #FFF; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation; }

button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }
  .mfp-close:hover,
  .mfp-close:focus {
    opacity: 1; }
  .mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333; }

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent; }
  .mfp-arrow:active {
    margin-top: -54px; }
  .mfp-arrow:hover,
  .mfp-arrow:focus {
    opacity: 1; }
  .mfp-arrow:before,
  .mfp-arrow:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
  .mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
  .mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after {
    border-right: 17px solid #FFF;
    margin-left: 31px; }
  .mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F; }

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after {
    border-left: 17px solid #FFF;
    margin-left: 39px; }
  .mfp-arrow-right:before {
    border-left: 27px solid #3F3F3F; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
  .mfp-iframe-holder .mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }
  .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }
  .mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444; }
  .mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px; }
  .mfp-figure figure {
    margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } 
	
	
	.floatl{ float:none; margin:5px auto;width: 98%; display:block; }
	
	
	
	
	
	
	
	
}
	
	@media all and (max-width: 1024px) {
	.header-nav-bottom{ width:100%; background:#fff; position:fixed; opacity:.9;height:39px; top:78px; z-index:100; }
.hnav1{ width:33%; min-height:10px; float:left; margin:0 0px 0 0;}
.hnav11{ width:34%; min-height:10px; float:left; margin:0 0px 0 0;}
.hnav2{ width:33%;min-height:10px; float:right;}

.header-nav-bottom .hnav1 ul{ list-style:none; margin:0; padding:0;overflow:hidden; font-size:10px; }
.header-nav-bottom .hnav1 ul li{ float:left; width:19%;  text-align:center; margin:0px;padding:7px 15px; border-left:1px solid #ea0289;}
.header-nav-bottom .hnav1 ul li.pink{ background:#ea0289; text-align:center; color:#fff; width:18%; float:left; padding:7px 8px;}
.header-nav-bottom .hnav1 ul li a{ color:#000; text-align:center; padding:0px; font-size:10px;}

.header-nav-bottom .hnav11 ul{ list-style:none; margin:0; padding:0;overflow:hidden; font-size:10px; }
.header-nav-bottom .hnav11 ul li{ float:left; width:24%; text-align:center; margin:0px;padding:7px 6px;border-left:1px solid #ea0289; }
.header-nav-bottom .hnav11 ul li.pink{ background:#ea0289; text-align:center; color:#fff; width:28%; float:left; padding:7px 10px;}
.header-nav-bottom .hnav11 ul li a{ color:#000; text-align:center; padding:0px; font-size:10px;}


.header-nav-bottom .hnav2 ul{ list-style:none; margin:0; padding:0;overflow:hidden; font-size:10px; }
.header-nav-bottom .hnav2 ul li{ float:left; width:36%; text-align:center; margin:0px;padding:7px;border-left:1px solid #ea0289;}
.header-nav-bottom .hnav2 ul li.pink{ background:#ea0289; color:#fff; width:33%; float:left; padding:7px 0px;}
.header-nav-bottom .hnav2 ul li a{ color:#000; text-align:center; padding:0px; font-size:10px;}

.header-nav-bottom .hnav2 ul li.last1{ float:left; width:28%; text-align:center; margin:0px;padding:7px;border-left:1px solid #ea0289;}
	.form-style-21 input.input-field, .form-style-21 .select-field{
	width: 100px; float:left;
}
	 
	
	.form-style-21 label{
	display: block;
	margin: 5px;
	font-size:12px;
	min-width:70px; float:left;
}
	
	
	
	
	
	
	
	
	
	
	}

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } .header-nav-bottom{ display:none;}}


.white-popup-block{background:#FFF;padding:20px 30px;text-align:left;max-width:350px;margin:20px auto;position:relative}
#test-form p{ font-size:12px;}
#test-form textarea,#test-form input,#test-form select{ font-family:Verdana, Geneva, sans-serif;}
#test-form select{border:1px solid #ccc; padding:10px; border-radius:5px; margin:3px 0; width:100%;}
#test-form input.text1{ border:1px solid #ccc; padding:10px; border-radius:5px; margin:3px 0; width:100%;}
#test-form textarea{ border:1px solid #ccc; min-height:80px; padding:10px; border-radius:5px; margin:3px 0; width:100%;}
#test-form input.sub{ border:1px solid #D00; background:#D00; color:#fff; padding:12px; border-radius:5px; margin:3px 0; width:100%;}

#test-form1 p{ font-size:12px;}
#test-form1 textarea,#test-form input{ font-family:Verdana, Geneva, sans-serif;}
#test-form1 input.text1{ border:1px solid #ccc; padding:10px; border-radius:5px; margin:3px 0; width:100%;}
#test-form1 textarea{ border:1px solid #ccc; min-height:80px; padding:10px; border-radius:5px; margin:3px 0; width:100%;}
#test-form1 input.sub{  border:1px solid #D00; background:#D00; color:#fff; padding:12px; border-radius:5px; margin:3px 0; width:100%;}

#test-form2 p{ font-size:14px; margin:10px 0;}
#test-form2 textarea,#test-form input,#test-form select{ font-family:Verdana, Geneva, sans-serif;}
#test-form2 input.text1{ float:left; border:1px solid #ccc; padding:10px; border-radius:5px; margin:3px 8px 3px 0; width:49%;}
#test-form2 textarea{ border:1px solid #ccc; min-height:80px; padding:10px; border-radius:5px; margin:3px 0; width:100%;}
#test-form2 input.sub{  border:1px solid #D00; background:#D00; color:#fff; padding:12px; border-radius:5px; margin:3px 0; width:100%;}
.servi{ border:1px solid #ccc; padding:10px 0; border-radius:5px; margin:3px 0;}
.servi p{ font-weight:500; font-size:14px; margin:0px; padding:10px; color:#000;} .checkbox1{padding:5px 10px;}

img.newb{ position:absolute; width:80px; margin:-5px 0 0 0; left:8%; z-index:9;}
.head-right-top p b a.linkred{ color:#ea0289; font-weight:bold;}
a.linkred{ color:#ea0289; font-weight:bold;} 
/*
.sticking{ height:50px;}
.sticking .logo,.sticking .menutab{
  height:50px;
}
.sticking .logo img{ height:50px;} 
.sticking .head-right{ height:50px;} 
.sticking .menutab span{ margin:10px 25px; font-size:14px; line-height:50px;}
.sticking .head-right ul li{ font-size:16px;}
.sticking .head-right ul li a{ line-height:50px; font-size:14px;}
*/

.logo{ float:left; height:70px;} .logo img{ height:70px; padding:5px;}
.head-right{  width:70%; height:70px; float:right;  }
.head-right ul{ list-style:none; margin:0px; padding:0;}
.head-right ul li{ color:#fff; float:left; padding:0 10px; }
.head-right ul li a{color:#fff; padding:0 5px 1px 5px; font-size:16px; line-height:80px; text-decoration:none;}

.slider{ width:100%; margin:0px auto 0 auto;height:750px;}
.slider img{ width:100%; height:750px;}

.mainh1 p{ font-size:28px; text-align:center; padding:20px;  margin:0;}
.category{ min-height:100px; height:auto;  border:0px solid #fff;}

.category img{ width:100%;}
.category h2{ background:#fff; font-size:40px; margin:0; text-align:center; padding:10px; font-family: 'Muli', sans-serif; font-weight:400;}
h1.pagetitle{ font-family: 'Muli', sans-serif; font-size:50px; margin:25px; font-weight:400; }

h1.pagetitle1{ font-family: 'Muli', sans-serif; font-size:50px; margin:25px; text-align:center; font-weight:400;}


.subcategory{ min-height:100px; height:auto; border:0px solid #fff;}
.subcategory img{ width:100%; z-index:1;}

.subhdiv{ position:absolute; background:url(../images/cbg.png) repeat; z-index:100; margin:-100px 0 0 0;}
.subcategory h2.subh2{color:#000;z-index:102; margin:10px;}
  

.footdiv{  min-height:150px; height:auto;}
h2.footh2{ color:#7f0a00; font-size:16px; font-weight:500; margin:20px 20px 10px 20px;}

ul.footlink,ul.footlink2{ list-style:none; margin:0 15px; padding:0;} 
ul.footlink li{ width:48%; float:left; padding:3px 5px;}
ul.footlink2 li{ width:98%; float:left; padding:3px 5px;}
ul.footlink li a,ul.footlink2 li a{ color:#333; text-decoration:none; font-size:14px;}

.footadd p{ margin:3px 20px; padding:0; line-height:18px; font-size:14px;} 

.sociallink{ margin:0 20px;}

/* The side navigation menu ce996d */
.sidenav {
    height: 100%; /* 100% Full-height */
    width: 0; /* 0 width - change this with JavaScript */
    position: fixed; /* Stay in place */
    z-index: 99999; /* Stay on top */
    top: 0;
    left: 0;
    background: #000; /* Black*/
	overflow:auto; /* Disable horizontal scroll */
    padding-top: 20px; /* Place content 60px from the top */
    transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
}

/* The navigation menu links */
.sidenav a {
    padding: 8px;
    text-decoration: none;
    font-size: 12px;
    color: #fff;
    display: block;
    transition: 0.3s
}

/* When you mouse over the navigation links, change their color */
.sidenav a:hover, .offcanvas a:focus{
    color: #f1f1f1;
}

/* Position and style the close button (top right corner) */
.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 24px;
    margin-left: 50px;
}

.productdetail{margin:100px auto 0 auto;}
.proimg{   margin:0 auto;  float:none; padding:0 30px; } .proimg img{ width:100%;}
.prodetail{ }
.prodetail h1{ padding:10px 20px; line-height:40px; margin-top:0;}
.prodetail p{ padding:5px 20px; line-height:20px; font-size:16px;}
.prodetail p.proprice{ font-size:30px;}
.countqty{ padding:5px 20px;}
.qty {
    width: 40px;
    height: 25px;
    text-align: center;
}
input.qtyplus { width:25px; height:25px;}
input.qtyminus { width:25px; height:25px;}
input.btnaddtocart{ margin:25px 0; padding:12px; background:#7f0a00; border:1px solid #7f0a00; color:#fff; cursor:pointer;}
input.btnaddtocart:hover{background:#fff; border:1px solid #7f0a00; color:#7f0a00;  }

.promaindiv{ margin:0 auto; float:none;}

.product{ border:7px solid #fff; margin-bottom:20px;}
.product img{ width:100%; z-index:1;}
 

.prodiv1,.prodiv2{ width:100%; text-align:center;}
.prodiv2 h2{ font-size:16px; margin:10px 0px 0 0px; padding:0;}

.prodiv2 p{ margin:5px;}
.prodiv2 img{ width:13px; text-align:center;}

ul.mainmenu{ list-style:none; margin:25px 0; padding:0;} ul.mainmenu ul{ list-style:none; display:none;}
ul.mainmenu li{  } ul.mainmenu li a{ font-size:16px;padding:10px 20px;}
ul.mainmenu li ul{ }
.topmargin{ margin-top:80px;}
.topmargin2{ margin-top:0px;}



.carttable
{
	border:1px solid #7f0a00;
	width:100%;
	margin:0 auto;
}

.carttable th
{
	background:#7f0a00;
	color:#fff;
	font-size:16px;
}
.carttable td
{
	border:1px solid #7f0a00;
	color:#000;
	font-size:16px;
}

.cart{ width:100%; min-height:50px; height:auto;}

.carttotatl{ width:100%; margin:0 auto;}
.carttotal p{}


.totals{ float:right; display:inline-block; width:100%; padding:17px 0px; }
#totals-table{ width:35%; float:right; font-size:14px; color:#544f4b;}
#totals-table td{padding: 8px 0px; border:1px solid #7f0a00; padding:5px 10px;}
#totals-table td strong{ font-weight:bold;}
#totals-table .total{ font-size:16px; font-weight:bold;}
input.button{ background:#7f0a00; color:#fff; cursor:pointer; padding:10px; margin:5px 0; border:1px solid #7f0a00; float:right;}
input.button:hover{ background:#fff; color:#7f0a00;}
.promaindiv input{ padding:5px; }
input.button1{ background:#7f0a00; color:#fff; cursor:pointer; padding:10px; margin:5px 0; border:1px solid #7f0a00; float:left;}

.staticpage{ margin:0 auto; float:none; padding:0 10px;}
.staticpage h2{ font-size:40px; font-family: 'Muli', sans-serif; font-weight:500;}
.staticpage p{ font-size:18px; line-height:25px; text-align:justify; }
.staticpage img.imgleft{ float:left; margin:5px 10px 5px 1px; width:150px;}
.staticpage img.imgart{ width:100%; border:1px solid #fff;}

p.proinfo{ line-height:24px;} p.proinfo b{ color:#7f0a00; } h1.proheadh {  color:#7f0a00; }
p.psdesc{ margin-top:-35px; font-style:italic;}
.head-right-top p{ font-size:12px; color:#fff; line-height:22px; text-align:right; padding:0 10px; margin:5px;}
.head-right-bottom{ background:#ea0289; min-height:10px; height:auto; margin:35px 0px 0 0; z-index:9999; position:fixed; right:0px; min-width:40%; width:auto;  }
 
.head-right-bottom ul{
        padding: 0;
        list-style: none;
        background: #ea0289; z-index:9999; float:right; margin:0; 
    }
.head-right-bottom ul li{
        display: inline-block;
        position: relative;
        line-height: 21px;
        text-align: left; margin:0; 
    }
.head-right-bottom ul li a{
        display: block;
        padding: 6px 10px;
        color: #fff;
        text-decoration: none; font-size:12px; margin:0;
    }
 
.head-right-bottom ul li a:hover{
        color: #000;
        background: #fff;
    }
.head-right-bottom ul li ul.dropdown{
        min-width: 150px; /* Set width of the dropdown */
        background: #ea0289;
        display: none;
        position: absolute;
        z-index: 999;
        left: 0; width:auto; border-top:1px solid #fff;
    }
.head-right-bottom ul li:hover ul.dropdown{
        display: block;	/* Display the dropdown */
    }
.head-right-bottom ul li ul.dropdown li{
        display: block;
    }
	
	ul.mainmenu li ul{ margin:0; padding:0;}
	ul.mainmenu li ul li{ margin:0; width:100%;}
	

@media only screen and (max-width: 768px) {
    /* For mobile phones: */
    [class*="col-"] {
        width: 100%;  
    }
	.slider{ margin:110px 0 0 0;}
	
	.slider{height:750px;}
	.slider img{ height:750px;}


	header{ height:110px;opacity:1;}
	.searchtab{margin:-700px auto 0 auto; width:80%;  }
	.searchtab h1{font-size:24px;}
	.head-right{ width:100%; height:40px; float:left;}
	.head-right ul li{ float:left; width:50%; text-align:center;}
	.floatl{ float:none; margin:5px auto;width: 98%;  display:block;  }
	.footdiv,.foot{ padding:5px 0 0 5px; text-align:center;} 
	.footer{ padding:5px 0 0 0px; margin:0;}
.head-right ul li a{ font-size:12px; line-height:20px; text-decoration:none;}

.testimonial{ min-height:500px; height:auto; padding:10px 0 20px 0; overflow:hidden; }
.testimonial h2.testtitle{ padding:0px 0 10px 0; font-size:20px; }
 .cbp-qtrotator blockquote {margin: 10px 0 0 0;}
.cbp-qtrotator blockquote p {font-size: 18px;}
.cbp-qtrotator .cbp-qtcontent img {
float: right;
margin: 2px 5px;
max-height:280px;
border-radius:5px;
width:40%;
}
.socialfoot{width:60%; margin:-20px auto 0px auto; padding:5px 10px;}
.copyright{ margin:0px 0 0 0;}

.footend{ background:#000; min-height:85px; height:auto; padding:0; margin:25px 0 0px 0; color:#fff; } 
.ftl{   text-align:center; } .ftr{ text-align:center;}
.handshake p.tet{font-size:24px; margin:30px 0 30px 0;}
.headtitle h1{ margin:-120px 0 0 0;font-size:30px;}
 .collections{margin:-40px 0 20px 0; padding:10px 0;}
#test-form2 input.text1{ padding:10px; border-radius:5px; margin:3px 0; width:100%;}
.mapdiv{ width:90%; margin:0 auto; float:none;}


.cbp-qtrotator {min-height: 80px;}
.cbp-qtcontent {min-height: 80px;}
.cbp-qtrotator .cbp-qtcontent img {max-height:80px;}

.cardetailimg{ width:98%;}
.cdetail{ float:none; width:98%; margin:0 auto;}

.cartable td{ width:50%;} .cartable {margin:0px 0;}
 .cdetail h1{ font-weight:500; text-align:center; font-size:28px; margin:5px 0 20px 0;}
  .head-right-top, .head-right-bottom { display:none;}
 .head-right-bottom{ background:#ea0289; min-height:10px; height:auto; margin:100px 10px 0 0; z-index:9999; position:absolute; float:right; min-width:100%; width:auto; }

img.investleft{ width:100%; padding:3px; float:none;} 
table.tablec ul li{ font-size:12px; padding:5px; margin:5px;} 
.add{ width:100%; float:none;}
.map{ width:100%; float:none}
 
}


.fade-out{ font-size:10px;}