@charset "utf-8";
/* CSS Document */

html, body {
    height: 100%;
    width: 100%;
    overflow: auto;
}
 html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
}
*{margin:0; padding:0;  outline:none; border:none; text-decoration:none;}
.clear{ clear:both;}
  *,
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
img{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#999; font-weight:normal}
@media (min-width:737px) and (max-width: 991px){
.phone{ color:rgb(206, 0, 12); font-weight:bold}

.nav-menu {
 background-color:#000        /* 2 */
}
  .logocontainer {
  width: 100%;
  /*margin: 0 auto;
  padding: 0 30px;*/ position: inherit; text-align:center } 
#popup {display: none;}
.mob-menu{font-family: 'Roboto', sans-serif; font-size:16px;  font-weight:normal; color:#fff; font-weight:900; text-transform:uppercase; float:right}

.n-wrapper{ width:100%; height:auto;}
.n-top-wrapper{ width:100%; height:auto; position:relative; background:#fff; z-index: 9699; }
.top-links{ width:auto;  float: none; line-height:35px;  margin-right:5%;font-size:13px;font-family: "Open sans", sans-serif; font-weight:normal; color:#a3a3a3; border-bottom:1px solid #e5e5e5; text-align:center; height:35px}
.top-links:before{ content:url(../images/phone.gif); padding-right:0px;display: inline-block;
   vertical-align: middle;
   height:26px;
   line-height: normal;}
.n-menu-wrapper{ width:100%; height: auto; background:#fff; position:initial; top:0; left:0; z-index:54;}
.n-menu-container{ width:100%; height:62px; float:right; }
.n-logo{width:70% !important; height:auto;  z-index:95; margin:0 auto }
.n-connect{ width:100%; height:auto; float:right; margin-right:2.5%;margin-left:2.5%; padding:4% 0% .5% 0%}
.n-phone{font-family: Arial, Helvetica, sans-serif; font-size:85%; font-weight:bold; color:#b6b6b6; background:url(../images/phone.png) no-repeat 0% 90%; 
padding-left:1.5%; padding-top:1%; float:right; width:auto; margin-left:1%}
.n-mail{font-family: Arial, Helvetica, sans-serif; font-size:85%; font-weight:bold; color:#b6b6b6; background:url(../images/mail.png) no-repeat 0% 90%; 
padding-left:1.5%; padding-top:1%; float:right ;width:auto; margin-left:1%}
.n-mail a{font-family: Arial, Helvetica, sans-serif;  font-weight:bold; color:#b6b6b6; text-decoration:none; }
.n-mail a:hover{font-family: Arial, Helvetica, sans-serif;  font-weight:bold; color:#b6b6b6;text-decoration:underline; }
.n-socialmedia{ width:4%; height:auto; float:right;padding-top:1%; margin-left:1% }
.n-socialmedia ul{padding:0; margin:0;}
.n-socialmedia li{ width:auto; height:auto; float:left; list-style-type:none; padding:0% 5% 0% 5%}
.n-banrwrapper{ width:100%; height:auto; position:relative; clear:both; margin:0% auto 0 auto}

.n-main-container{width:100%; height:auto;margin:0 auto; clear:both; margin-bottom:2%; position:relative; z-index:9}
.n-project-container{width:100%; height: auto; border-bottom:1px dashed #d8d7d7; padding-bottom:1.5%;padding-top:1%; }
.n-project-area{width:100%;height:auto; float:none;  padding-top:0%;}
.n-project-area h1{color:#e72a23; font-size:125%;font-family: "Open sans", sans-serif;line-height:150%; font-weight:normal;padding-bottom:.7%;}
.n-collections{ width:100%;height:auto; margin-right:0%; float:none; position:relative;   }
.n-buynow{ width: auto;position: absolute;top: -0.7%;right: -1.2%;float: right; z-index:50;}

.n-readmore{ width:16%; height:auto; margin:0 auto;padding:5% 0% 5% 0%;  }
.n-readmore a{ background:#888888;font-family: "Open sans", sans-serif; color:#fff; text-decoration:none; font-size:80%; padding:5%; margin-top:.5%;   }
.n-readmore a:hover{ background:#e72a23;font-family: "Open sans", sans-serif; color:#fff; text-decoration:none     }



.n-footer-container{width:100%;height:auto;  /*background:#f4f3f3;*/ background:#1f2329; border-top:1px solid #e5e5e5; padding-top:2%; display:none}
.n-footerwrap{width:100%;height:auto; margin:0 auto;padding-bottom: 0.5%; }
.n-footerwraphd{ text-transform:uppercase; color:#969696; font-weight:normal; padding-bottom:0%; font-family: "Open sans", sans-serif; font-size:95%;display:none}
.n-quicklink{width:19%; min-height:170px; float:left;  display:none }
.n-quicklink ul{   padding-right: 11%; float:left; width:50% } 
.n-quicklink li{ color:#838383; font-family:Arial, Helvetica, sans-serif; font-size:71%; text-align:justify; line-height:217%; font-weight:normal; list-style-type:none; list-style-image:url(../images/arow.png); list-style-position:outside; margin-left:18%; }
.n-quicklink a{text-decoration:none; font-weight:normal; color:#838383;  }

.n-quicklink a:hover{color:#F00;}
#n-socialmediasb{width:23%;	min-height:170px; float:left;padding-left: 3%; display:none }
#n-facebookb{ background-image: url(../images/facebook02.png); float:left; margin-top:8%; margin-right:6%; margin-left:0%}
.n-facebookb{width:38px; height:38px; display: inline-block; }
.n-facebookb:hover {background-position: 0px -1050px !important; cursor:pointer;}

#n-twitterb{background-image:url(../images/twitter02.png); float:left;  margin-top:8%; margin-right:6% }
#n-googleb{background-image:url(../images/google.png); float:left; margin-top:8%;margin-right:6% }
.n-googleb{width:38px; height:38px; display: inline-block; }
.n-googleb:hover {background-position: 0px -1080px !important; cursor:pointer;}



#n-youtube{background-image:url(../images/youtube.png); float:left; margin-top:8%;margin-right:6% }
.n-youtube{width:84px; height:40px; display: inline-block; }
.n-youtube:hover {background-position: 0px -1069px !important; cursor:pointer;}
.n-socialiconb{width:46px; height:42px; display: inline-block; }
.n-socialiconb:hover {background-position: 0px -1060px !important; cursor:pointer;}
.n-contact_adrs{width:34%;min-height:170px; float:left;  padding-left:3%;   display:none   }
.n-contact_adrs img{ margin:0 auto}
.n-footerlogos{ width:100%;min-height:initial; float:none;padding-left:0%;}
.n-ftrlogo{ width:50%;height:auto;float:left; padding-bottom:7%; }
.n-ftrlogo img{ margin:0 auto }
.n-ftr-mail{ width:100%; height:auto; padding:2% 0% 2% 10%;font-family:Arial, Helvetica, sans-serif;font-size:75%; color:#838383; font-weight:normal; margin-left:2%;display:none}
.n-ftr-mail a{font-family:Arial, Helvetica, sans-serif; color:#838383; text-decoration:none;}
.n-ftr-mail a:hover{font-family:Arial, Helvetica, sans-serif; color:#cf0d16; text-decoration:none;}


.bredcum{ width:100%; height:60px; border-bottom:1px solid #d7d7d7; margin-bottom:2%}
.bred-next{font-family: "Open sans", sans-serif; font-weight:300; font-size:25px; color:#ce000c; line-height:60px; float:left}
.bred-next span{font-family: "Open sans", sans-serif; font-weight:700; font-size:25px; color:#ce000c; line-height:60px; }

.bred-dtl{ width:auto; height:auto; float:left}
.bred-home{ width:29px; height:26px; float:left; line-height:55px; padding-right:5px}
.about-swapns{width:100%; height:auto; float:left; background:url(../images/about-swapns-bg.jpg) no-repeat center; background-size:cover; padding:1%; }
.about-swapns h2{ width:100%; height:auto; float:left;}
.about-swapns h2 img{ width:100%; height:auto; display:block}

.about-swapns-right{ width:100%; height:auto; float:left; background:#FFF; margin-top:1%; padding:1%}
.about-swapns-right h3{font-size:25px; color:#cc0000;font-family:"Roboto", sans-serif;font-weight:700;  text-align:justify; text-decoration:none; text-transform:uppercase}
.about-swapns-right h3 span{font-size:30px; color:#666;font-family:"Roboto", sans-serif;font-weight:300; text-align:justify; text-decoration:none; text-transform: none}

.about-swapns-right p{ padding:0% 1%; min-height:135px;font-size:13px; color:#999;font-family: "Open sans", sans-serif; text-align:justify; text-decoration:none;}

.project-title{ width:32%; height:60px; text-align:centerl; line-height:60px; margin:0 auto; display:none }
.project-title h2{color:#ce000c; font-size:35px;font-family: "Lato", sans-serif;line-height:60px; font-weight:bolder; text-align: center !important}
.project-title h2 span{color:#999;font-family: "Lato", sans-serif;font-weight:200;font-size:30px; text-transform:uppercase}
.project-title-brief{ width:100%; height:60px; text-align:center; line-height:42px;color:#999;font-family: "Open sans", sans-serif;font-weight:400 !important; font-size:16px; display:none}

.brandz{width:100%; height:auto; float:left; margin:4% 0 0}

.sub-banrwrapper{width:100%; height:auto; float:left;margin:0px 0 0; position: relative}
.sub-banrwrapper img{width:100%; height:auto; display:block}


.n-project-area h1{width:100%; clear:both; margin: 0 auto;color:#ce000c; font-size:30px;font-family: "Lato", sans-serif;line-height:150%; font-weight:bolder;padding:3% 0%; text-align: center !important }
.n-project-area h1 span{color:#999;font-family: "Lato", sans-serif;font-weight:200;font-size:22px; text-transform:uppercase}
.borderz{ width:80%; margin:-1% auto 2% auto;border-bottom:1px solid #adadad}
.n-project-area h1 p{color:#999;font-family: "Open sans", sans-serif;font-weight:400 !important; font-size:15px; line-height:0px; text-align:center; line-height:100%}
.n-collections{ width:18%;height:auto; float:left; position:relative;  margin-right:1% ; margin-bottom:5%; margin-left:1% }

.about-pic{ width:100%; height:auto; float:left; background-color:#cc0000; padding:15px 15px}
.about-pic img{ width:100%; height:auto; display:block}
.about-dtl{ width:100%; height:auto; float:right}
.about-title{font-family: "Open sans", sans-serif;font-weight:300; font-size:22px; color:#d32222;}
.about-title span{font-family: "Open sans", sans-serif;font-weight:700; font-size:22px; color:#d32222;}
.about-dtl p{font-family: "Open sans", sans-serif;font-weight:400; font-size:14px; line-height:24px; color:#666; text-align:justify}
.contact-enq{ width:100%; height:auto; margin-bottom:25px;}
.contact-enq-box{ width:100%; height:44px; border:1px solid #ce000c;font-family: "Open sans", sans-serif;font-weight:400; font-size:14px; padding-left:10px; line-height:44px; color:#7f7f7f;}
.contact-enquiry{ width:380px; height:auto; float: none; padding:0px 30px; margin:0 auto }
.contact-msg-box{ width:100%; height:110px; border:1px solid #ce000c;font-family: "Open sans", sans-serif;font-weight:400; font-size:14px; padding-left:10px; line-height:24px; color:#7f7f7f;}
.submit-enq{ float:right; text-align:right}
.contact-address{ width:380px; height:auto; float:left}
.contact-logo{ width:100%; height:auto; text-align:center}
.contact-address ul{ width:100; height:auto; border-bottom:1px solid #d7d7d7; margin:0px; padding:0px; list-style-type:none; padding-bottom:30px;}
.contact-address ul li{font-family: "Open sans", sans-serif;font-weight:400; font-size:16px; line-height:26px; color:#888; text-align:center}
.contact-social{ width:150px; height:auto; margin:0 auto; padding-top:30px;}
.social{ width:36px; height:35px; float:left; margin-right:1px}
.social img{ width:100%; height:100%; display:block}
.watsaap{ width:auto; height:34px; text-align:center;font-family: "Open sans", sans-serif;font-weight:600; font-size:20px; color:#2a9a84; line-height:34px; margin-top:20px}
.watsaap:before{ content:url(../images/watsaap.png); padding-right:5px;
   display: inline-block;
   vertical-align: middle;
   height:34px;
   line-height: normal; }
   
.news-img{ width:18%; height:auto;float:left; margin-right:2%;border-right:1px solid #e5e5e5; }
.news-txt{ width:80%; height:auto;    float:left;}
.news-txt h2{font-family: "Open sans", sans-serif;font-weight:600; color:#cf010e; padding:0% 0% 0% 0%; font-size:20px}
.date{ clear: left;
    color:#999;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 16px;
    font-weight: normal;
    height: auto;
    padding-top: 15px;
    text-align: left;
    width: 100%;padding-left:0%;}
.date:before{content:url(../images/calender.png); padding-right:5px;}
.footer-bottom{ width:100%; height:auto; margin:0 auto}
.news-txt p{font-family: "Open sans", sans-serif;font-weight:400; font-size:14px; line-height:26px; color:#999; padding-left:0%;}
.news-txt a{ font-family:Arial, Helvetica, sans-serif; color:#9654cf; text-decoration:none; padding:7% 24% 7% 7%; }
.news-txt a:hover{ font-family:Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; background:#08bae3}
.copyright{ width:100%; height:auto; float:left; text-align: center}
.copyright p{ width:100%; height:40px;font-family: 'Open Sans', sans-serif; font-size:12px; font-weight:400; color:#696969; text-align: center; line-height:40px }
.designed{ width:100%; height:30px; float:right;}
.designed p{ width:auto; height:40px;font-family: 'Open Sans', sans-serif; font-size:12px; font-weight:400; color:#666666; line-height:40px; float:right;display:none  }
.designed p a{ width:auto; height:40px;font-family: 'Open Sans', sans-serif; font-size:12px; font-weight:400; color:#666666; line-height:40px; text-decoration:none }
.designed p a:hover{ width:auto; height:40px;font-family: 'Open Sans', sans-serif; font-size:12px; font-weight:400; color:#fff; line-height:40px;  text-decoration:underline }
.designed-ido{ width:100%; height:20px;font-family: 'Open Sans', sans-serif; font-size:12px; font-weight:400; color:#666666; float:right; text-align:center }
.m-news-container{ width:100%; height:auto; border-bottom:1px dotted #ccc; padding-bottom:15px; padding-top:15px;}
.caption{ position:absolute; width:auto; height:auto; left:5%; bottom:8%; display:none}
.code-no{font-family: 'Open Sans', sans-serif; font-size:14px; font-weight:400; color:#7f7f7f; width:100%; text-align:center; height:30px; line-height:30px}
.n-footerbotom2{width: 100%;height:auto;z-index: 999 ;background:#16191f;}
.n-welcom-container{ display:none}

.media-content{ width:100%; height: auto; float:left; border-bottom:3px solid rgb(206, 0, 12); margin-bottom:5%}
.media-middle{ width:100%; height: auto; float:left; margin-right:0%; border-bottom:3px solid rgb(206, 0, 12);  margin-left:0%; margin-bottom:5%}
.media-last{ width:100%; height: auto; float:left; margin-right:0px; border-bottom:3px solid rgb(206, 0, 12); margin-bottom:5%}
.media-pic{ width:100%; height:auto;}
.media-pic img{ width:100%; height:auto; display:block}
.vg-bottom{ width:100%; height:85px;}
.vg-bottom h1{ width:100%; height:60px; line-height:60px;font-family: 'Open Sans', sans-serif; font-size:22px; font-weight:600; color:#666; text-align: center}
.vg-view{ width:98px; height:30px; margin:0 auto;font-family: 'Open Sans', sans-serif; font-size:13px; font-weight:600; color:#fff; background-color: rgb(206, 0, 12) !important; line-height:30px; text-align:center; margin-top:27px; float:right}
a.vg-view{ width:98px; height:30px; margin:0 auto;font-family: 'Open Sans', sans-serif; font-size:13px; font-weight:600; color:#fff;}
a:hover .vg-view{ width:98px; height:30px;font-family: 'Open Sans', sans-serif; font-size:13px; font-weight:600; color:#fff; background-color:rgb(49, 137, 33) !important;}
.vg-left{ width:65%; height:85px; float:left; padding-top:20px}
.vg-lef-brief{ width:80%; height: auto; margin:0 auto}
.vg-lef-brief h1{ width:100%; height: auto; font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:normal; color:#999; line-height:24px; text-align:left}
.vg-lef-brief h2{ width:100%; height: auto; font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight: bold; color:#999; line-height:24px;}
.vg-right{ width:35%; height:85px; float:left; text-align:right}
.vg-left h5{ width:100%; height: auto; float:left; padding-top:6px;font-family: 'Open Sans', sans-serif; font-size:15px; font-weight:600; color:#666; }
.mail a:hover{font-family: Arial, Helvetica, sans-serif;  font-weight: normal; color:#f00;text-decoration:underline; }
.mail a{color:rgb(163, 163, 163)}
}