/* This stylesheet generated by Transfonter (http://transfonter.org) on September 16, 2016 3:58 PM */


h1, h2, h3, h4, h5, h6{
font-family: 'Roboto', sans-serif;
	font-weight: 600;
}



:hover, :focus, :active {
	outline: 0 none;
}

ol, ul {
	list-style: none;
}
a:link {
	text-decoration: none;
}


a{outline:0!important;}

h1, h2, h3, h4, h5, h6{margin-top:0; padding:0;}



.btn{border:1px solid transparent;border-radius:0 5px 0 5px;  -webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-ms-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out; text-shadow:none;}

.btn-primary{ background-color:#2a67b1; color:#fff; border-color:#2a67b1;}
.btn-primary:hover{background-color:#00498d; border-color:#00498d;}

.btn-info{background-color:#5fafdc; color:#fff; border-color:#5fafdc;}
.btn-info:hover{background-color:#2f7fac; border-color:#2f7fac;}

.btn-success{background-color:#c7df8e; color:#fff; border-color:#c7df8e;}
.btn-success:hover{background-color:#97af5e; color:#fff!important; border-color:#97af5e; }

.btn-default{background-color:#c7df8e; color:#2d2d2d; border-color:#c7df8e; border-radius:0;}
.btn-default:hover{background-color:#97af5e; color:#fff;  border-color:#97af5e; }

.btn-ecology{background-color:#d76a29; color:#2d2d2d; border-color:#d76a29;}
.btn-ecology:hover{background-color:#bd5d24; color:#fff;  border-color:#bd5d24; }
/*
.btn-lg{width:100%; margin-top:13px; }
.btn-md{ width:220px;  font-weight:normal; font-size:15px; color:#2d2d2d; display:block; margin:auto; float:none;}
.btn-sm{width:130px; font-size:17px; line-height:37px; padding:0; }
.btn-xs{width:100px; font-size:13px; text-align:center; padding:5px;  margin-top:-4px; }

*/


/*Header design starts here */
.head-top{background-color:#2a67b1; padding-top:8px; padding-bottom:10px; width:100%;}
.head-top ul{width:auto; margin:0; padding:0; float:right; display:block;}
.head-top ul li{ float:left; font-size:11px; line-height:15px; text-align:center; list-style:none; border-right:1px solid #fff}
.head-top ul li a{color:#fff; line-height:15px; padding-right:10px; padding-left:10px; display:block;  font-weight:500;  }

.head-bottom{
width: 100%;
height: auto;
}

.alert-new{
background-color:#f74a4a;
width:100%;
float:left;
padding-top:5px;
padding-bottom:5px;
}
.alert-new p{
margin-bottom:0px;
color:#fff;
font-size: 15px;
}

.alert-new strong{

font-weight: 900;
}


.head-bottom .desktop-menu li:hover ul{
background:url(/wp-content/themes/nrc-2016/images/head-blue.png);
background-repeat: repeat;
background-size: cover;
background-position: center;
}

.head-bottom .head-inner{width:100%; position:relative;}
.head-bottom .desktop-menu{
	width: auto;
float: right;
margin: 0;
padding: 0;
position: relative;
z-index: 10;
display: inline-block;
	}
.head-bottom .desktop-menu li{float: left;
font-size: 13px;
color: #fff;
/*font-weight: bold;*/
margin: 0 15px;
position: relative;}
.head-bottom .desktop-menu li:hover ul{   display: block;
opacity: 1;
position: absolute;
left: 0;
border-top: 5px solid #c7df8e;
}
	.head-bottom .desktop-menu li ul{  display: block;
    opacity: 0;
left:0; padding:0; margin:0;
    -webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;min-width: 107px; position: absolute; width:auto;}
.head-bottom .desktop-menu li ul li{float:none; font-size:14px; color:#c7df8e;   padding:0;}
.head-bottom .desktop-menu li ul li a{color:#c7df8e; padding:10px 0; display:block; border:0!important; white-space: nowrap;}
.head-bottom .desktop-menu li ul li a:hover {color:#fff; border:0!important}

.head-bottom .desktop-menu li a{color:#fff; padding: 22px 0 18px;display:block; font-size: 14px; -webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out; border-bottom:5px solid transparent}
.head-bottom .desktop-menu li:hover a {color:#c7df8e;}
.head-bottom .desktop-menu li ul li:hover a {color:#fff; border:0!important}
.head-bottom .logo-container{
	width: 100%;
max-width: 400px;
position: relative;
top: 0px;
left: -60px;
z-index: 99;
display: inline-block;
float: left;
	}
.head-bottom .logo-container img{ width:100%;}
/*#blue-overlay{ position:absolute; width:100%; background-color:rgba(0, 105, 173, 0.5); min-height:700px; top:0; z-index:0; display:none; -webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-ms-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;}*/





.carousel,
.item,
#myCarousel item.active {
height: 680px;
}

.carousel-inner {
    height: 100%;
}

/* Background images are set within the HTML using inline CSS, not here */

.fill {
    width: 100%;
    height: 100%;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}


 	body {

      /* Panel animation should last 200ms */
	  -webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
/*      transition: transform .2s;
      -webkit-transition: -webkit-transform .2s;*/
	  background-color:#fff;
    }

    /* Body animation when left panel is opened */
    body.ps-active {
      -webkit-transform: translateX(260px);
	  -moz-transition:  translateX(260px);
      -ms-transform: translateX(260px);
	  -o-transition:  translateX(260px);
      transform: translateX(260px);
    }

    /* Body animation when right panel is opened */
    body.ps-active-right {
      -webkit-transform: translateX(-260px);
	  -moz-transition:  translateX(-260px);
      -ms-transform: translateX(-260px);
	   -o-transition:  translateX(-260px);
      transform: translateX(-260px);
    }

    /* Panel styles */
    .panel {
      position: fixed;
      top: 0;
      width:260px;
      height: 100%;
      padding: 20px;
	   background:none;

      color: #6caedf;

    }

    #left-panel {
      left: 0;

      /* Hide panel on the left of the page. When this panel is opened the
      class .ps-active will be apllied to body, and it's X translation will
      reveal the panel. */
      -webkit-transform: translateX(-260px);
      -ms-transform: translateX(-260px);
      transform: translateX(-260px);
    }

    #right-panel {
      right: 0;

      /* Hide panel on the right of the page. When this panel is opened the
      class .ps-active-right will be apllied to body, and it's X translation
      will reveal the panel. */
      -webkit-transform: translateX(260px);
      -ms-transform: translateX(260px);
      transform: translateX(260px);
    }




.mobile-menu{display:none;}
#nav li ul { display: none; }

.sidebar-header{width:100%; height:50px; border-bottom:2px solid #cfcfcf; margin-bottom:20px;}
.sidebar-header .logo{width:100px; float:left;}
.sidebar-header a{float:right; margin-left:5px; width:26px; }
.sidebar-header a img {width:100%;}


#nav {width:100%; float:left; margin:0; padding:0; }
#nav li{float:none; font-size:15px; color:#6caedf;  font-weight:bold; padding:17px 0; }
#nav li a{color:#6caedf; display:block;}
#nav li a:hover{color:#C8DF8E;}
#nav li ul li{padding:15px 0 0 15px;}

.mobile{display:none;}
#search-wrapper{width:100%; position:absolute; top:0; z-index:50; display:none; background-color:rgba(255, 255, 255, 0.7); height:100%; overflow:hidden }
#search-wrapper .search-icon{width:70px; background-color:#fff; height:100px; border-bottom:4px solid #5fafdc; float:right; cursor:pointer}
#search-wrapper .search-icon img{width:30px; margin:auto; display:block; margin-top:35px;}
#search-wrapper .search-bar{width:100%; float:none; background-color:#fff;  padding-top:40px; padding-bottom:40px;}
#search-wrapper .search-bar .icon{width:12%; float:left; }
#search-wrapper .search-bar .icon img {width:50px; margin:auto; display:block;}
#search-wrapper .search-bar .textbox{width:60%; float:left; background:none; border:0; height:60px; font-size:30px;  color:#2d2d2d; line-height:60px; border-left:2px solid #cfcfcf; text-indent:20px; }
#search-wrapper .search-bar .button{float:right; background:none; border:0; font-size:18px; color:#5fafdc;  height:60px; width:10%; border-left:2px solid #cfcfcf;	}
#search-wrapper .search-result{width:100%;}






/*Header design ends here */


/*slider design starts here */
.carousel-caption{ top:100px; text-align:left; left:15%; z-index:5; text-shadow:none;}
.carousel-caption .slide-content{float:left; max-width: 380px; padding:18px 20px; background-color:rgba(255, 255, 255, 0.6); border-radius:0 40px 0 40px;}
.slide-content h2{ font-weight: bold;
margin: 0;
padding: 0;
text-align: left;
margin-bottom: 10px;
color: #202f38;
text-shadow: none;
line-height: 28px;
font-size: 28px;}
.slide-content p{width:100%; font-size:12px; color:#202f38; line-height:15px; }
.carousel-control{ z-index:5;}
.carousel-control.left{background:none;}
.carousel-control.right{background:none;}
.carousel-control img{ margin-top:130%; width:50px; }
.carousel-indicators{bottom:180px; z-index:45}
.carousel-indicators li{ background-color:#fff;}
.carousel-indicators li.active{background-color:#C8DF8E; border:0;}
/*slider design ends here */


/*EEE sections design starts here */
.eee-solutions{ background-image:url(/wp-content/themes/nrc-2016/images/eee-section-back.png); background-repeat:no-repeat; background-size:cover; padding-top: 200px; padding-bottom:50px; left:0; width:100%; position:relative; margin-top:-230px; z-index:20;  color:#fff;}
.eee-solutions h3{ margin-bottom:10px;}
.eee-solutions p.lead{ margin-bottom:20px;}



/*EEE sections design ends here */

/*** Counter design starts here***/
#counter-container{width:100%; padding-top:70px; padding-bottom:40px; background-image:url(/wp-content/themes/nrc-2016/images/counter-back.png); background-size:cover; background-position:center}

#counter-container .count{width:29%; height:auto; color:#fff; position:relative; padding-bottom:40px; margin-left:2%; margin-right:2%; float: left;}
#counter-container .count img{ width:100%; max-width:160px; margin:auto; display:block}
#counter-container .count .content{font-size:45px; color:#fff; text-align:center; position:absolute; left:0; right:0; margin:auto; width:100%; top:10%;  }
#counter-container .count .content strong{font-size:45px; color:#fff; line-height:45px; top:40%; }
#counter-container .count .content span{ font-size:15px; text-align:center; color:#fff; line-height:20px; display:block; line-height:18px; margin-top:0;}

/*** Counter design ends here***/


/*** Safety container strats here***/

#safety-container{width:100%; padding-top:70px; padding-bottom:40px; background-image:url(/wp-content/themes/nrc-2016/images/security-back.png); background-size:cover; background-position:center}
#safety-container .safety, .safety{
	/* width: 29%; */
height: auto;
color: #fff;
margin-bottom: 40px;
margin-left: 2%;
margin-right: 2%;
/* float: left; */
border-radius: 0 30px 0 30px;
overflow: hidden;
	min-height: 297px;
	}
#safety-container .safety .image, .safety .image{width:100%; height:auto; position:relative;}
#safety-container .safety .image img, .safety .image img{ width:100%;}
/*#safety-container .safety .image .title, .safety .image .title{width:100%; height:auto; padding:10px 15px; min-height:75px; font-size:14px; color:#2d2d2d;  position:absolute; bottom:0; left:0; background-color:rgba(255, 255, 255, 0.85); }*/
#safety-container .safety .image .title span, .safety .image .title span{color:#79797a;  font-size:13px; display:block; margin-top:5px;}
#safety-container .safety .content, .safety .content{width: 100%;
padding: 15px;
background-color: #ececec;
border-bottom-left-radius: 30px;}
p.excerpt-text{ font-size:13px; color:#2d2d2d;}
.cont-read{ display:block; font-size:15px; color:#666; line-height:20px; margin-top:10px;}
#safety-container .safety .content a:hover, .safety .content a:hover{color:#2d2d2d;}

/*** Safety container ends here***/


/*** help container starts here***/
#help-container{width:100%; padding-top:70px; padding-bottom:80px; background-image:url(/wp-content/themes/nrc-2016/images/help-back.png); background-size:cover; background-position:center; text-align:center; background-repeat:no-repeat}
#help-container p{ font-size:15px;}
#help-container p span{}
#help-container form{width:100%; text-align:center; margin-top:20px;}
#help-container form .textbox{width: 100%;
max-width: 30%;
margin-right: 20px;
background: none;
background-color: #fff;
border: 0;
font-size: 14px;
color: #d6d6d6;

height: 30px;
text-indent: 10PX;
display: inline-block;
border-radius: 0px;}

#help-container .btn.btn-default.btn-xs{
padding: 4px 10px 6px;
height: 30px;
margin-top: -3px;
}



/*** help container ends here***/

/*** operating container starts here***/
#operating-container{width:100%; padding-top:70px; padding-bottom:20px; background-image:url(/wp-content/themes/nrc-2016/images/blue-back.png); background-size:cover; background-position:center; background-repeat:no-repeat}
#operating-container .operation{width:40%; height:auto; color:#fff; margin-bottom:40px; margin-left:8%; margin-right:2%; float: left; border-radius:0 30px 0 30px; overflow:hidden;}
#operating-container .operation:last-child{margin-left:2%; margin-right:8%;}
#operating-container .operation .image{width:100%; height:auto; position:relative;}
#operating-container .operation .image img{ width:100%;}
#operating-container .operation .image .title{width:100%; height:auto; padding:10px 40px; min-height:70px; font-size:17px; color:#2d2d2d;  position:absolute; bottom:0; left:0; background:none }
#operating-container .operation .image  a{ display:block; font-size:16px; color:#797979; line-height:20px; margin-top:0px; }


/*** operating container ends here***/


/*** certification container starts here***/

#certificate-container{width:100%; background-image:url(/wp-content/themes/nrc-2016/images/logo-back.png); background-size:100%; background-position:top center; background-repeat:no-repeat}
#certificate-container .logos-container{width:50%; float:left; padding-left:5%; padding-right:5%; padding-top:30px; padding-bottom:30px; text-align:center;}
#certificate-container .logos-container h4{ text-align:center;  margin-bottom:20px; margin-top:30px; display:block; }
#certificate-container .logos-container .certificate{ width:100%; text-align:center;}
#certificate-container .logos-container .certificate img{ display:inline-block; margin-right:10px; width:20%;}
#certificate-container .signup-container{width:50%; float:left; padding-left:5%; padding-right:5%; padding-top:100px; }

#certificate-container .signup-container label{
	font-size: 21px;
color: #fff;
margin-bottom: 15px;
	font-weight: bold;}
#certificate-container .signup-container .textbox{width: 90%;
height: 40px;
background-color: #fff;
color: #d6d6d6;
text-indent: 15px;
margin-bottom: 20px;
line-height: 1.6;}


.signup-container .btn.btn-default{
font-size: 16px;
padding: 6px 28px 8px;
}

/*** certification container ends here***/


/*** footer css starts here***/

#footer-top{width:100%; background-color:#2A67B1; padding-top:20px; padding-bottom:20px;}
#footer-top .foot-content{width:20%; padding-left:3%; padding-right:3%; font-size:11px; color:#fff; float:left}
#footer-top .foot-content h5{ color:#fff; line-height:16px; margin-bottom:15px; margin-top:20px;}
#footer-top .foot-content p{font-size:11px; color:#fff;  line-height:17px; margin-bottom:25px; }
#footer-top .foot-content ul{margin:0; padding:0; }
#footer-top .foot-content ul li{ width:100%; list-style:none;}
#footer-top .foot-content ul li a {font-size:11px; color:#fff;  line-height:17px; -webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-ms-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out; }
#footer-top .foot-content ul li a:hover{color:#C8DF8E;}
#footer-bottom{width:100%; background-color:#fff; padding-top:20px; padding-bottom:20px;}
#footer-bottom .left{width:50%; font-size:11px; color:#1E4E84;  line-height:50px; float:left}
#footer-bottom .left img{ width:100px; float:left; margin-right:20px;}
#footer-bottom .left img+a img{
width: 150px;
float: left;
margin-left: 20px;
margin-top: 5px;	
}
#footer-bottom .right {width:50%; font-size:11px; color:#1E4E84;  text-align:right; padding-top: 10px; line-height:25px; float:right}
#footer-bottom .right a{ font-size:11px; color:#1E4E84;  text-decoration:none; text-align:right;}