@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;

}



html,body{height:100%;}
img{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#999; font-weight:normal}
@media (min-width:992px) and (max-width:1199px){
	.phone{ color:rgb(206, 0, 12); font-weight:bold}

	.mail a{color:rgb(163, 163, 163)}
	.mail a:hover{font-family: Arial, Helvetica, sans-serif;  font-weight: normal; color:#f00;text-decoration:underline; }
.media-content{ width:30%; height: auto; float:left; border-bottom:3px solid rgb(206, 0, 12); margin-bottom:5%}
.media-middle{ width:30%; height: auto; float:left; margin-right:5%; border-bottom:3px solid rgb(206, 0, 12);  margin-left:5%; margin-bottom:5%}
.media-last{ width:30%; 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; }
.nav-menu .menu-link {

  display: block; /* 1 */

 

  padding: 0.9rem 1.4rem;color: #a3a3a3;

		text-transform: uppercase;

		font-weight:600;

		font-size:13px !important;

		font-family: 'Open Sans', sans-serif;

		text-decoration: none;

  

}

.n-wrapper{ width:100%; height:auto;}

.n-top-wrapper{ width:100%; height:auto; position:relative; background:#fff; }

.top-links{ width:auto;  float: right; line-height:35px; background:#FFF url(../images/phone.gif) left no-repeat; margin-right:5%;font-size:13px;font-family: "Open sans", sans-serif; font-weight:normal; color:#a3a3a3; border-bottom:1px solid #e5e5e5; padding-left:25px;}

.n-menu-wrapper{ width:100%; height: auto;clear:both; /*position:fixed; top:0; left:0;*/ z-index:54;}

.n-menu-container{ width:auto; height:auto; float:right; margin-right:5% }

.n-logo{width:14%; height:auto; position:fixed; top:2%; left:2.5%; z-index:95;padding-top: 0%; }

header{width:100%;

  height: auto;

  position: fixed;

  top: 0;

  left: 0;

  z-index: 999; border-bottom:3px solid #ce000c;

/*  background-color: #0683c9;*/

  -webkit-transition: height 0.3s;

  -moz-transition: height 0.3s;

  -ms-transition: height 0.3s;

  -o-transition: height 0.3s;

  transition: height 0.3s;}

  

    header h1#logo {

    display: block;

    height: auto;

    /*float: left;*/

  -webkit-transition: all 0.9s;

    -moz-transition: all 0.9s;

    -ms-transition: all 0.9s;

    -o-transition: all 0.9s;

    transition: all 0.9s;

	

	font-size:125%;font-family: "Open sans", sans-serif;line-height:150%; font-weight:normal; color:#fff;

	}

	    header h1#logo a {

 font-family: "Open sans", sans-serif;line-height:150%; font-weight:normal; color:#fff; text-decoration:none;

	}

	header h1#logo img {

    height: auto;

	max-width:100% ;margin:0 auto;

   }

     header.smaller {

    height:auto; }

    header.smaller h1#logo {

      

      height: auto;margin-left:24%;

    width:68%;

      }

	  

	 header.smaller h1#logo img{

      width: 100%;

      height: auto;margin:0 auto;

      }

   

  .logocontainer {

  width: 13%;

  /*margin: 0 auto;

  padding: 0 30px;*/ position:absolute; left:2.5%; top:0%; } 

.n-connect{ width:95%; 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:6.7% auto 0 auto}



.n-main-container{width:95%; height:auto;margin:0 auto; clear:both; margin-bottom:2%; position:relative}

.n-project-container{width:100%; height: auto; /*border-bottom:1px dashed #d8d7d7;*/ padding-bottom:1.5%;padding-top:0; }

.n-project-area{width:100%;height:auto; float:left;}



.n-buynow{ width: auto;position: absolute;top: -1.5%;right: -1.2%;float: right; z-index:50;}

.n-welcom-container{width:100%;height:auto; padding-top:1.5%;  padding-bottom:1.5%;}

.n-welcom-wpr{width:60%;height:48px; float:left; background:#ce000c url(../images/welcome-bg.gif) right no-repeat;    }

.n-welcom-wpr h1{color:#FFF; padding-left:3%; font-size:33px; font-family: "Roboto", sans-serif; line-height:150%; font-weight:normal;}

.n-welcom-wpr h1 span{color:#FFF; font-family:"Roboto", sans-serif;font-weight:bold; text-transform:uppercase}

.newzz{width:40%; line-height:48px; float:left;background:#f5f1f1;color:#666; font-family:Arial, Helvetica, sans-serif; font-size:18px; text-align:justify; font-weight:normal;}





.n-footer-container{width:100%;height:auto;  /*background:#f4f3f3;*/ background:#1f2329; border-top:1px solid #e5e5e5; padding-top:2%;}

.n-footerwrap{width:95%;height:auto; margin:0 auto;padding-bottom:3%; }

.n-footerwraphd{ text-transform:uppercase; color:#f0f0f0; font-weight:bold; padding-bottom:4%; font-family: "Open sans", sans-serif; font-size:100%;}

.n-quicklink{width:40%; min-height:170px; float:left;background:  repeat-y 100% 100% }

.n-quicklink ul{ float:left; width:50% } 

.n-quicklink li{ color:#838383; font-family:'Open sans' sans-serif; font-size:12px; text-align:justify; line-height:217%; font-weight:normal; text-transform:uppercase; 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:#949597;  }

.n-quicklink a:hover{color:#F00;}

#n-socialmediasb{width:25%;	min-height:170px; float:left;padding-left: 3%;  }

#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%;      }

.n-contact_adrs img{ margin:0 auto}

.n-footerlogos{ width:24%;min-height:170px; float:left;padding-left: 3%;}

.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:90%; color:#838383; font-weight:bold; margin-left:2%}

.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;}



.n-footerbotom2{width: 100%;height:auto;z-index: 999 ;background:#16191f;}

.n-footerbotom_main{ width:95%; height:auto; margin:0 auto;  }

.n-copyright{font-family: Arial, Helvetica, sans-serif; font-size:70%; font-weight:normal; color:#999999; width:45%; float:left;padding:1% 0% 1% 0%; margin-left:2.5%}

.caption{ position:absolute; width:auto; height:auto; right:5%; bottom:8%; display:none}

.n-inrbanrwrapper{ width:100%; height:auto; position:relative; border-bottom:1px solid #ee1c25; margin:4% auto 0 auto;  }

.n-inrbnr{ height:auto; background-size:100%;}

.n-inrbnrcaption{ width:auto; left:2.5%;   bottom: 9%; position: absolute;}

.n-projectlogos { width:44%; height:auto; margin:0 auto;position: absolute;left: 31%; top: 19%;}

.n-plogo{ width:auto; height:auto; float:right; margin-right:0.5%; }

.n-breadcrumps{ width:100%; height:auto; clear:both; padding-top:1.5%;  padding-bottom: 1.5%;}

.n-breadimg{ width:auto; height:auto; float:left; margin-right:0.5%; }

.n-breadtxt{ width:auto; height:auto; float:left; color:#888; font-size:115%; font-family: "Open sans", sans-serif; line-height:150%; font-weight:normal; }

.n-breadtxt span{color:#ee1c25;  font-family: "Open sans", sans-serif; }

.n-breadtxt a{ color:#888; font-family: "Open sans", sans-serif; text-decoration:none }

.n-breadtxt a:hover{ color:#888;  font-family: "Open sans", sans-serif;text-decoration:underline  }



.bredcum{ width:100%; height:60px; border-bottom:1px solid #d7d7d7;}

.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:60px; 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:20%; height:auto; float:left;}

.about-swapns-right{ width:80%; height:auto; float:left; background:#FFF; margin-top:1%; padding:1%}

.about-swapns-right h3{font-size:26px; 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; }

.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;}



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



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

.sub-banrwrapper img{width:100%; height:auto; display:block}





.n-project-area h1{width:45%; clear:both; margin: 0 auto;color:#ce000c; font-size:35px;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:30px; 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:16px; line-height:0px; text-align:center; line-height:100%}

.n-collections{ width:15.66%;height:auto;  float:left; position:relative; margin-left:0.5%; margin-right:0.5%; margin-bottom:2%   }

.about-pic{ width:30%; height:auto; float:left; background-color:#cc0000; padding:15px 15px}

.about-pic img{ width:100%; height:auto; display:block}

.about-dtl{ width:65%; 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:30%; height:auto; float:left; padding:0px 30px }

.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:95%; 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:auto; height:auto; float:left;}

.copyright p{ width:auto; height:40px;display: table-cell; vertical-align: middle;font-family: 'Open Sans', sans-serif; font-size:12px; font-weight:400; color:#696969; }

.designed{ width:auto; height:auto; 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 }

.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:auto; height:15px;font-family: 'Open Sans', sans-serif; font-size:12px; font-weight:400; color:#666666; margin-top:10px; float:right; padding-left:5px; }

.m-news-container{ width:100%; height:auto; border-bottom:1px dotted #ccc; padding-bottom:15px; padding-top:15px;}



.nav-menu {

  background-color: transparent; /* 1 */

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;       /* 2 */

}

.n-contact_adrs p{ color:rgb(131,131,131); font-size:14px; text-transform: inherit; padding-left:2%}

.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}



	}