@charset "utf-8";

/* CSS Document */



/* @font-face {

 font-family: ido-swissthin;

 src: url('../fonts/Swiss 721 Thin.eot?#iefix') format('embedded-opentype');

 src: local('ido-swissthin'),

      url('../fonts/Swiss 721 Thin.ttf') format('truetype'),

      url('../fonts/Swiss 721 Thin.woff') format('woff'),       

	  url('../fonts/Swiss 721 Thin.svg') format('svg')}

audio,*/

::selection {

  background: #ffde00;

  color: white;}







html {

  font-family: sans-serif;

  -webkit-text-size-adjust: 100%;

      -ms-text-size-adjust: 100%;

}



body {

  margin: 0;

}



/* img{font size:.87em; color:#999;font-family: "Open sans", sans-serif;}
*/img{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#999; font-weight:normal}


hr {

  height: 0;

  -moz-box-sizing: content-box;

       box-sizing: content-box;

}



mark {

  color: #000;

  background: #ff0;

}



code,

kbd,

pre,

samp {

  font-family: monospace, serif;

  font-size: 1em;

}



pre {

  white-space: pre-wrap;

}







small {

  font-size: 80%;

}



sub,

sup {

  position: relative;

  font-size: 75%;

  line-height: 0;

  vertical-align: baseline;

}





img {

  border: 0;

}













button,

input,

select,

textarea {

  margin: 0;

  font-family: inherit;

  font-size: 100%;

  width: auto

}







@media print {



/*thead {

 display: table-header-group;

}*/



tr,

img {

   page-break-inside: avoid;

}



img {

max-width: 100% !important;

}



@page  {

margin: 2cm .5cm;

}



select {

  background: #fff !important;

}

 

}

*,

*:before,

*:after {

  -webkit-box-sizing: border-box;

     -moz-box-sizing: border-box;

          box-sizing: border-box;

}



img {

  vertical-align: middle; max-width:100%

}



.img-responsive {

  display: block;

  height: auto;

  max-width: 100%;

}

.img-full{display: block;

  height: auto;

  width: 100%;}



.img-rounded {

  border-radius: 6px;

}



.img-thumbnail {

  display: inline-block;

  height: auto;

  max-width: 100%;

  padding: 4px;

  line-height: 1.428571429;

  background-color: #ffffff;

  border: 1px solid #dddddd;

  border-radius: 4px;

  -webkit-transition: all 0.2s ease-in-out;

   transition: all 0.2s ease-in-out;

}





.pre-scrollable {

  max-height: 140px;

  overflow-y: scroll;

}





@media (max-width: 767px) {

	  #popup {display: none;}

}

@-webkit-keyframes progress-bar-stripes {

  from {

    background-position: 40px 0;

  }

  to {

    background-position: 0 0;

  }

}



@keyframes progress-bar-stripes {

  from {

    background-position: 40px 0;

  }

  to {

    background-position: 0 0;

  }

}



*{ margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; border:0; outline:none; color:rgb(163, 163, 163)}

.clear{ clear:both;}



@media (min-width: 1200px){

.mail a{color:rgb(163, 163, 163)}
.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; }
.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; }

.mail a:hover{font-family: Arial, Helvetica, sans-serif;  font-weight: normal; color:#f00;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:35%; 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:14px; 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:23%;	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:30%; 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:16.5%;height:auto; margin:0px 2px 15px 0px; float:left; position:relative;   }

.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}
.phone{ color:rgb(206, 0, 12); font-weight:bold}
}

@media (min-width: 1600px){

	

	header.smaller h1#logo {

    height: auto;

    margin-left: 24%;

    width: 58%;

}

	.n-banrwrapper {

    width: 100%;

    height: auto;

    position: relative;

    clear: both;

    margin: 5.7% auto 0 auto;

}

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


}



@media (min-width: 1360px) and (max-width: 1399px) { 

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

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





}





@media (min-width: 1440px) and (max-width: 1599px) { 

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

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



}

/*------------------------------------------old--------------------------------------*/





/* MOBILE MENU*/

.mobilecontainer {

    width:auto;

   /* max-width: 900px;*/

    margin: 10px auto; float:right;

}

.toggleMenu {

    display:  none;



    padding: 10px 15px 10px 15px;

    color: #fff; 

}

.nav {

    list-style: none;

     *zoom: 1;

     background:#00acbd; position:absolute; z-index:500; right:0; width:auto; 

}

.nav:before,

.nav:after {

    content: " "; 

    display: table; 

}

.nav:after {

    clear: both;

}

.nav ul {

    list-style: none;

    width: 9em;

}

.nav a {

    padding: 10px 15px;

    color:#fff; text-decoration:none;

}

.nav li {

    position: relative; text-align:right;

}

.nav > li {

    float: left;

    border-top: 1px solid #0294a2;

}

.nav > li > .parent {

    background-image: url(../images/downArrow.html);

    background-repeat: no-repeat;

    background-position: right;

}

.nav > li > a {

    display: block; font-family:Arial, Helvetica, sans-serif;

}

.nav li  ul {

    position: absolute;

    left: -9999px;

}

.nav > li.hover > ul {

    left: 0;

}

.nav li li.hover ul {

    left: 100%;

    top: 0;

}

.nav li li a {

    display: block;

    background:#e41b23;

    position: relative;

    z-index:100;

    border-top: 1px solid #c4131a; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; text-decoration:none;

}

.nav li li li a {

    background:#249578;

    z-index:200;

    border-top: 1px solid #3f3e3e; 

}



@media screen and (max-width: 991px) {

    .active {

        display: block;

    }

    .nav > li {

        float: none; font-size:85%

    }

    .nav > li > .parent {

        background-position: 5% 50%;

    }

    .nav li li .parent {

        background-image:url(../images/downArrow.html);

        background-repeat: no-repeat;

        background-position: 5% 50%;

    }

    .nav ul {

        display: block;

        width: 100%;

    }

   .nav > li.hover > ul , .nav li li.hover ul {

        position: static;

    }

	 .nav > li a:hover {

   

     font-family:Arial, Helvetica, sans-serif;

	 background:#e41b23; text-decoration:none; color:#fff;

        

    }



}

/* MOBILE MENU*/